/*STYLE.CSS*/
/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: ATLANTA*/
/* Version: 1.0 Initial Release*/
/* Build Date: 17-11-2017*/
/* Author: UpQode*/
/* Website: http://wp.city/
/* Copyright: (C) 2017 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*
    1. TEXT SETTINGS
    2. GLOBAL SETTINGS
    3. Custom paddings/margins
*/
/*--------------------------------------------------------*/
/*================================================*/
/* TEXT SETTINGS */
/*================================================*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);
@import url("introfont.css");
.intro-familly {
  font-family: 'intro_regular', sans-serif;
  font-weight: 900; }
@import "https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.3/flexslider.min.css";

/*================================================*/
/* END TEXT SETTINGS */
/*================================================*/
/*================================================*/
/* GLOBAL SETTINGS */
/*================================================*/
html {
  margin: 0px;
  padding: 0px;
  width: 100%; }

body {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  height: 100%;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  color: #222;
  background-color: #f8f8f8;
  font-weight: 300;
  font-style: normal;
}


article, section, footer, header, figure, aside, hgroup, nav {
  display: block; }

header, nav, article, footer, section, aside, figure, figcaption {
  display: block; }

h1, h2, h3, h4, h5, h6, p {
  font-family: 'Roboto', sans-serif;
  margin: 0px;
  padding: 0px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  text-transform: lowercase;
  color: #222; }

h1 {
  font-size: 45px;
  line-height: 54px; }

h2 {
  font-size: 30px;
  line-height: 40px; }

h3 {
  font-size: 22px;
  line-height: 28px; }

h4 {
  font-size: 18px;
  line-height: 24px; }

h5 {
  font-size: 16px;
  line-height: 22px; }

h6 {
  font-size: 14px;
  line-height: 20px; }

p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  text-transform: none;
  color: #6f6f6f; }


a {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
  color: inherit;
  outline: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: red;
}

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

a img {
  border: 0px none; }

ul {
  padding: 0px;
  margin: 0px;
  list-style: none; 
  color: #757e80;
}

ul li {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300; 
  color: #757e80;
}

ol li {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  list-style-position: outside; 
  color: #757e80;
}

.marker-list li {
  list-style: square;
  list-style-position: inside; }

ul li a:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

button {
  outline: none;
  border: none;
  box-shadow: none;
  background: none; }

input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
  box-shadow: none; }

input::-webkit-input-placeholder {
  color: #6f6f6f;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

input::-moz-placeholder {
  color: #6f6f6f;
  transition: all 0.3s ease-in; }

input:-ms-input-placeholder {
  color: #6f6f6f;
  transition: all 0.3s ease-in; }

input:-moz-placeholder {
  color: #6f6f6f;
  transition: all 0.3s ease-in; }

input:focus::-webkit-input-placeholder,
input:hover::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:hover::-webkit-input-placeholder {
  color: #222;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

input:focus:-moz-placeholder,
input:hover:-moz-placeholder,
textarea:focus:-moz-placeholder,
textarea:hover:-moz-placeholder {
  color: #222;
  transition: all 0.3s ease-in; }

input:focus::-moz-placeholder,
input:hover::-moz-placeholder,
textarea:focus::-moz-placeholder,
textarea:hover::-moz-placeholder {
  color: #222;
  transition: all 0.3s ease-in; }

input:focus:-ms-input-placeholder,
input:hover:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
textarea:hover:-ms-input-placeholder {
  color: #222;
  transition: all 0.3s ease-in; }

input {
  font-size: 14px;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

textarea {
  font-size: 14px;
  line-height: 24px;
  border: none;
  border-bottom: 1px solid #ccc;
  color: #aaa;
  text-transform: uppercase;
  padding-left: 5px;
  padding-bottom: 10px;
  background: none; }

iframe {
  border: none; }

q {
  font-size: 16px;
  line-height: 26px;
  color: #000;
  font-style: italic;
  font-weight: 300; }

i {
  font-size: 18px; }

.table-cell {
  display: table-cell;
  vertical-align: middle;
  height: inherit; }

.clear {
  clear: both;
  overflow: hidden;
  height: 0px;
  font-size: 0px; }

.clear_l {
  clear: both; }

.overflow-all {
  overflow: hidden; }

.bg-grey {
  background-color: #f8f8f8; }

.bg-white {
  background: #fff; }

.bg-dark {
  background-color: #222; }

.bg3 {
  background-color: #f4f4f4; }

.bg-dark-grey {
  background-color: #e8e8e8; }

.wpc-bg-block {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: contain, cover;
}


.wpc-bg2-block {
  background-size: cover;
  background-repeat: no-repeat; }

.vertical-align {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: 100%;
  left: 0px; }

.bottom-align {
  position: absolute;
  bottom: 100px;
  padding: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.vertical-align-bottom {
  position: absolute;
  bottom: 10px;
  padding: 15px;
  left: 10px; }

.text-center {
  text-align: center; }

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

.text-right {
  text-align: right; }

.float-no {
  float: none; }

.float-right {
  float: right; }

.float-left {
  float: left; }

/*================================================*/
/* PADDING AND MARGIN */
/*================================================*/
.padd-r25 {
  padding-right: 25px; }

.padd-l25 {
  padding-left: 25px; }

.padd-r50 {
  padding-right: 50px; }

.padd-l50 {
  padding-left: 50px; }

.padd-lg-t100 {
  padding-top: 100px; }

.padd-lg-b100 {
  padding-bottom: 100px; }

.padd-only-xs {
  padding-left: 0px;
  padding-right: 0px; }

.padd-only-tb0 {
  padding-top: 0;
  padding-bottom: 0; }

.padd-only-b0 {
  padding-bottom: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padding-lg-t205 {
  padding-top: 205px; }

.padding-lg-t210 {
  padding-top: 210px; }

.padding-lg-t215 {
  padding-top: 215px; }

.padding-lg-t220 {
  padding-top: 220px; }

.padding-lg-t225 {
  padding-top: 225px; }

.padding-lg-t230 {
  padding-top: 230px; }

.padding-lg-t235 {
  padding-top: 235px; }

.padding-lg-t240 {
  padding-top: 240px; }

.padding-lg-t245 {
  padding-top: 245px; }

.padding-lg-t250 {
  padding-top: 250px; }

.padding-lg-t255 {
  padding-top: 255px; }

.padding-lg-t260 {
  padding-top: 260px; }

.padding-lg-t265 {
  padding-top: 265px; }

.padding-lg-t270 {
  padding-top: 270px; }

.padding-lg-t275 {
  padding-top: 275px; }

.padding-lg-t280 {
  padding-top: 280px; }

.padding-lg-t285 {
  padding-top: 285px; }

.padding-lg-t290 {
  padding-top: 290px; }

.padding-lg-t295 {
  padding-top: 295px; }

.padding-lg-t300 {
  padding-top: 300px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padding-lg-b205 {
  padding-bottom: 205px; }

.padding-lg-b210 {
  padding-bottom: 210px; }

.padding-lg-b215 {
  padding-bottom: 215px; }

.padding-lg-b220 {
  padding-bottom: 220px; }

.padding-lg-b225 {
  padding-bottom: 225px; }

.padding-lg-b230 {
  padding-bottom: 230px; }

.padding-lg-b235 {
  padding-bottom: 235px; }

.padding-lg-b240 {
  padding-bottom: 240px; }

.padding-lg-b245 {
  padding-bottom: 245px; }

.padding-lg-b250 {
  padding-bottom: 250px; }

.padding-lg-b255 {
  padding-bottom: 255px; }

.padding-lg-b260 {
  padding-bottom: 260px; }

.padding-lg-b265 {
  padding-bottom: 265px; }

.padding-lg-b270 {
  padding-bottom: 270px; }

.padding-lg-b275 {
  padding-bottom: 275px; }

.padding-lg-b280 {
  padding-bottom: 280px; }

.padding-lg-b285 {
  padding-bottom: 285px; }

.padding-lg-b290 {
  padding-bottom: 290px; }

.padding-lg-b295 {
  padding-bottom: 295px; }

.padding-lg-b300 {
  padding-bottom: 300px; }

.padding-lg-b600 {
  padding-bottom: 600px; }

.padd-xs-only {
  padding-left: 0;
  padding-right: 0; }

@media screen and (max-width: 1199px) {
  .padding-md-t0 {
    padding-top: 0px; }
  .padding-md-t5 {
    padding-top: 5px; }
  .padding-md-t10 {
    padding-top: 10px; }
  .padding-md-t15 {
    padding-top: 15px; }
  .padding-md-t20 {
    padding-top: 20px; }
  .padding-md-t25 {
    padding-top: 25px; }
  .padding-md-t30 {
    padding-top: 30px; }
  .padding-md-t35 {
    padding-top: 35px; }
  .padding-md-t40 {
    padding-top: 40px; }
  .padding-md-t45 {
    padding-top: 45px; }
  .padding-md-t50 {
    padding-top: 50px; }
  .padding-md-t55 {
    padding-top: 55px; }
  .padding-md-t60 {
    padding-top: 60px; }
  .padding-md-t65 {
    padding-top: 65px; }
  .padding-md-t70 {
    padding-top: 70px; }
  .padding-md-t75 {
    padding-top: 75px; }
  .padding-md-t80 {
    padding-top: 80px; }
  .padding-md-t85 {
    padding-top: 85px; }
  .padding-md-t90 {
    padding-top: 90px; }
  .padding-md-t95 {
    padding-top: 95px; }
  .padding-md-t100 {
    padding-top: 100px; }
  .padding-md-t105 {
    padding-top: 105px; }
  .padding-md-t110 {
    padding-top: 110px; }
  .padding-md-t115 {
    padding-top: 115px; }
  .padding-md-t120 {
    padding-top: 120px; }
  .padding-md-t125 {
    padding-top: 125px; }
  .padding-md-t130 {
    padding-top: 130px; }
  .padding-md-t135 {
    padding-top: 135px; }
  .padding-md-t140 {
    padding-top: 140px; }
  .padding-md-t145 {
    padding-top: 145px; }
  .padding-md-t150 {
    padding-top: 150px; }
  .padding-md-t155 {
    padding-top: 155px; }
  .padding-md-t160 {
    padding-top: 160px; }
  .padding-md-t165 {
    padding-top: 165px; }
  .padding-md-t170 {
    padding-top: 170px; }
  .padding-md-t175 {
    padding-top: 175px; }
  .padding-md-t180 {
    padding-top: 180px; }
  .padding-md-t185 {
    padding-top: 185px; }
  .padding-md-t190 {
    padding-top: 190px; }
  .padding-md-t195 {
    padding-top: 195px; }
  .padding-md-t200 {
    padding-top: 200px; }
  .padding-md-t205 {
    padding-top: 205px; }
  .padding-md-t210 {
    padding-top: 210px; }
  .padding-md-t215 {
    padding-top: 215px; }
  .padding-md-t220 {
    padding-top: 220px; }
  .padding-md-t225 {
    padding-top: 225px; }
  .padding-md-t230 {
    padding-top: 230px; }
  .padding-md-t235 {
    padding-top: 235px; }
  .padding-md-t240 {
    padding-top: 240px; }
  .padding-md-t245 {
    padding-top: 245px; }
  .padding-md-t250 {
    padding-top: 250px; }
  .padding-md-t255 {
    padding-top: 255px; }
  .padding-md-t260 {
    padding-top: 260px; }
  .padding-md-t265 {
    padding-top: 265px; }
  .padding-md-t270 {
    padding-top: 270px; }
  .padding-md-t275 {
    padding-top: 275px; }
  .padding-md-t280 {
    padding-top: 280px; }
  .padding-md-t285 {
    padding-top: 285px; }
  .padding-md-t290 {
    padding-top: 290px; }
  .padding-md-t295 {
    padding-top: 295px; }
  .padding-md-t300 {
    padding-top: 300px; }
  .padding-md-b0 {
    padding-bottom: 0px; }
  .padding-md-b5 {
    padding-bottom: 5px; }
  .padding-md-b10 {
    padding-bottom: 10px; }
  .padding-md-b15 {
    padding-bottom: 15px; }
  .padding-md-b20 {
    padding-bottom: 20px; }
  .padding-md-b25 {
    padding-bottom: 25px; }
  .padding-md-b30 {
    padding-bottom: 30px; }
  .padding-md-b35 {
    padding-bottom: 35px; }
  .padding-md-b40 {
    padding-bottom: 40px; }
  .padding-md-b45 {
    padding-bottom: 45px; }
  .padding-md-b50 {
    padding-bottom: 50px; }
  .padding-md-b55 {
    padding-bottom: 55px; }
  .padding-md-b60 {
    padding-bottom: 60px; }
  .padding-md-b65 {
    padding-bottom: 65px; }
  .padding-md-b70 {
    padding-bottom: 70px; }
  .padding-md-b75 {
    padding-bottom: 75px; }
  .padding-md-b80 {
    padding-bottom: 80px; }
  .padding-md-b85 {
    padding-bottom: 85px; }
  .padding-md-b90 {
    padding-bottom: 90px; }
  .padding-md-b95 {
    padding-bottom: 95px; }
  .padding-md-b100 {
    padding-bottom: 100px; }
  .padding-md-b105 {
    padding-bottom: 105px; }
  .padding-md-b110 {
    padding-bottom: 110px; }
  .padding-md-b115 {
    padding-bottom: 115px; }
  .padding-md-b120 {
    padding-bottom: 120px; }
  .padding-md-b125 {
    padding-bottom: 125px; }
  .padding-md-b130 {
    padding-bottom: 130px; }
  .padding-md-b135 {
    padding-bottom: 135px; }
  .padding-md-b140 {
    padding-bottom: 140px; }
  .padding-md-b145 {
    padding-bottom: 145px; }
  .padding-md-b150 {
    padding-bottom: 150px; }
  .padding-md-b155 {
    padding-bottom: 155px; }
  .padding-md-b160 {
    padding-bottom: 160px; }
  .padding-md-b165 {
    padding-bottom: 165px; }
  .padding-md-b170 {
    padding-bottom: 170px; }
  .padding-md-b175 {
    padding-bottom: 175px; }
  .padding-md-b180 {
    padding-bottom: 180px; }
  .padding-md-b185 {
    padding-bottom: 185px; }
  .padding-md-b190 {
    padding-bottom: 190px; }
  .padding-md-b195 {
    padding-bottom: 195px; }
  .padding-md-b200 {
    padding-bottom: 200px; }
  .padding-md-b205 {
    padding-bottom: 205px; }
  .padding-md-b210 {
    padding-bottom: 210px; }
  .padding-md-b215 {
    padding-bottom: 215px; }
  .padding-md-b220 {
    padding-bottom: 220px; }
  .padding-md-b225 {
    padding-bottom: 225px; }
  .padding-md-b230 {
    padding-bottom: 230px; }
  .padding-md-b235 {
    padding-bottom: 235px; }
  .padding-md-b240 {
    padding-bottom: 240px; }
  .padding-md-b245 {
    padding-bottom: 245px; }
  .padding-md-b250 {
    padding-bottom: 250px; }
  .padding-md-b255 {
    padding-bottom: 255px; }
  .padding-md-b260 {
    padding-bottom: 260px; }
  .padding-md-b265 {
    padding-bottom: 265px; }
  .padding-md-b270 {
    padding-bottom: 270px; }
  .padding-md-b275 {
    padding-bottom: 275px; }
  .padding-md-b280 {
    padding-bottom: 280px; }
  .padding-md-b285 {
    padding-bottom: 285px; }
  .padding-md-b290 {
    padding-bottom: 290px; }
  .padding-md-b295 {
    padding-bottom: 295px; }
  .padding-md-b300 {
    padding-bottom: 300px; } }

@media screen and (max-width: 991px) {
  .padding-sm-t0 {
    padding-top: 0px; }
  .padding-sm-t5 {
    padding-top: 5px; }
  .padding-sm-t10 {
    padding-top: 10px; }
  .padding-sm-t15 {
    padding-top: 15px; }
  .padding-sm-t20 {
    padding-top: 20px; }
  .padding-sm-t25 {
    padding-top: 25px; }
  .padding-sm-t30 {
    padding-top: 30px; }
  .padding-sm-t35 {
    padding-top: 35px; }
  .padding-sm-t40 {
    padding-top: 40px; }
  .padding-sm-t45 {
    padding-top: 45px; }
  .padding-sm-t50 {
    padding-top: 50px; }
  .padding-sm-t55 {
    padding-top: 55px; }
  .padding-sm-t60 {
    padding-top: 60px; }
  .padding-sm-t65 {
    padding-top: 65px; }
  .padding-sm-t70 {
    padding-top: 70px; }
  .padding-sm-t75 {
    padding-top: 75px; }
  .padding-sm-t80 {
    padding-top: 80px; }
  .padding-sm-t85 {
    padding-top: 85px; }
  .padding-sm-t90 {
    padding-top: 90px; }
  .padding-sm-t95 {
    padding-top: 95px; }
  .padding-sm-t100 {
    padding-top: 100px; }
  .padding-sm-t105 {
    padding-top: 105px; }
  .padding-sm-t110 {
    padding-top: 110px; }
  .padding-sm-t115 {
    padding-top: 115px; }
  .padding-sm-t120 {
    padding-top: 120px; }
  .padding-sm-t125 {
    padding-top: 125px; }
  .padding-sm-t130 {
    padding-top: 130px; }
  .padding-sm-t135 {
    padding-top: 135px; }
  .padding-sm-t140 {
    padding-top: 140px; }
  .padding-sm-t145 {
    padding-top: 145px; }
  .padding-sm-t150 {
    padding-top: 150px; }
  .padding-sm-t155 {
    padding-top: 155px; }
  .padding-sm-t160 {
    padding-top: 160px; }
  .padding-sm-t165 {
    padding-top: 165px; }
  .padding-sm-t170 {
    padding-top: 170px; }
  .padding-sm-t175 {
    padding-top: 175px; }
  .padding-sm-t180 {
    padding-top: 180px; }
  .padding-sm-t185 {
    padding-top: 185px; }
  .padding-sm-t190 {
    padding-top: 190px; }
  .padding-sm-t195 {
    padding-top: 195px; }
  .padding-sm-t200 {
    padding-top: 200px; }
  .padding-sm-t205 {
    padding-top: 205px; }
  .padding-sm-t210 {
    padding-top: 210px; }
  .padding-sm-t215 {
    padding-top: 215px; }
  .padding-sm-t220 {
    padding-top: 220px; }
  .padding-sm-t225 {
    padding-top: 225px; }
  .padding-sm-t230 {
    padding-top: 230px; }
  .padding-sm-t235 {
    padding-top: 235px; }
  .padding-sm-t240 {
    padding-top: 240px; }
  .padding-sm-t245 {
    padding-top: 245px; }
  .padding-sm-t250 {
    padding-top: 250px; }
  .padding-sm-t255 {
    padding-top: 255px; }
  .padding-sm-t260 {
    padding-top: 260px; }
  .padding-sm-t265 {
    padding-top: 265px; }
  .padding-sm-t270 {
    padding-top: 270px; }
  .padding-sm-t275 {
    padding-top: 275px; }
  .padding-sm-t280 {
    padding-top: 280px; }
  .padding-sm-t285 {
    padding-top: 285px; }
  .padding-sm-t290 {
    padding-top: 290px; }
  .padding-sm-t295 {
    padding-top: 295px; }
  .padding-sm-t300 {
    padding-top: 300px; }
  .padding-sm-b0 {
    padding-bottom: 0px; }
  .padding-sm-b5 {
    padding-bottom: 5px; }
  .padding-sm-b10 {
    padding-bottom: 10px; }
  .padding-sm-b15 {
    padding-bottom: 15px; }
  .padding-sm-b20 {
    padding-bottom: 20px; }
  .padding-sm-b25 {
    padding-bottom: 25px; }
  .padding-sm-b30 {
    padding-bottom: 30px; }
  .padding-sm-b35 {
    padding-bottom: 35px; }
  .padding-sm-b40 {
    padding-bottom: 40px; }
  .padding-sm-b45 {
    padding-bottom: 45px; }
  .padding-sm-b50 {
    padding-bottom: 50px; }
  .padding-sm-b55 {
    padding-bottom: 55px; }
  .padding-sm-b60 {
    padding-bottom: 60px; }
  .padding-sm-b65 {
    padding-bottom: 65px; }
  .padding-sm-b70 {
    padding-bottom: 70px; }
  .padding-sm-b75 {
    padding-bottom: 75px; }
  .padding-sm-b80 {
    padding-bottom: 80px; }
  .padding-sm-b85 {
    padding-bottom: 85px; }
  .padding-sm-b90 {
    padding-bottom: 90px; }
  .padding-sm-b95 {
    padding-bottom: 95px; }
  .padding-sm-b100 {
    padding-bottom: 100px; }
  .padding-sm-b105 {
    padding-bottom: 105px; }
  .padding-sm-b110 {
    padding-bottom: 110px; }
  .padding-sm-b115 {
    padding-bottom: 115px; }
  .padding-sm-b120 {
    padding-bottom: 120px; }
  .padding-sm-b125 {
    padding-bottom: 125px; }
  .padding-sm-b130 {
    padding-bottom: 130px; }
  .padding-sm-b135 {
    padding-bottom: 135px; }
  .padding-sm-b140 {
    padding-bottom: 140px; }
  .padding-sm-b145 {
    padding-bottom: 145px; }
  .padding-sm-b150 {
    padding-bottom: 150px; }
  .padding-sm-b155 {
    padding-bottom: 155px; }
  .padding-sm-b160 {
    padding-bottom: 160px; }
  .padding-sm-b165 {
    padding-bottom: 165px; }
  .padding-sm-b170 {
    padding-bottom: 170px; }
  .padding-sm-b175 {
    padding-bottom: 175px; }
  .padding-sm-b180 {
    padding-bottom: 180px; }
  .padding-sm-b185 {
    padding-bottom: 185px; }
  .padding-sm-b190 {
    padding-bottom: 190px; }
  .padding-sm-b195 {
    padding-bottom: 195px; }
  .padding-sm-b200 {
    padding-bottom: 200px; }
  .padding-sm-b205 {
    padding-bottom: 205px; }
  .padding-sm-b210 {
    padding-bottom: 210px; }
  .padding-sm-b215 {
    padding-bottom: 215px; }
  .padding-sm-b220 {
    padding-bottom: 220px; }
  .padding-sm-b225 {
    padding-bottom: 225px; }
  .padding-sm-b230 {
    padding-bottom: 230px; }
  .padding-sm-b235 {
    padding-bottom: 235px; }
  .padding-sm-b240 {
    padding-bottom: 240px; }
  .padding-sm-b245 {
    padding-bottom: 245px; }
  .padding-sm-b250 {
    padding-bottom: 250px; }
  .padding-sm-b255 {
    padding-bottom: 255px; }
  .padding-sm-b260 {
    padding-bottom: 260px; }
  .padding-sm-b265 {
    padding-bottom: 265px; }
  .padding-sm-b270 {
    padding-bottom: 270px; }
  .padding-sm-b275 {
    padding-bottom: 275px; }
  .padding-sm-b280 {
    padding-bottom: 280px; }
  .padding-sm-b285 {
    padding-bottom: 285px; }
  .padding-sm-b290 {
    padding-bottom: 290px; }
  .padding-sm-b295 {
    padding-bottom: 295px; }
  .padding-sm-b300 {
    padding-bottom: 300px; } }

@media screen and (max-width: 768px) {
  .padding-xs-t0 {
    padding-top: 0px; }
  .padding-xs-t5 {
    padding-top: 5px; }
  .padding-xs-t10 {
    padding-top: 10px; }
  .padding-xs-t15 {
    padding-top: 15px; }
  .padding-xs-t20 {
    padding-top: 20px; }
  .padding-xs-t25 {
    padding-top: 25px; }
  .padding-xs-t30 {
    padding-top: 30px; }
  .padding-xs-t35 {
    padding-top: 35px; }
  .padding-xs-t40 {
    padding-top: 40px; }
  .padding-xs-t45 {
    padding-top: 45px; }
  .padding-xs-t50 {
    padding-top: 50px; }
  .padding-xs-t55 {
    padding-top: 55px; }
  .padding-xs-t60 {
    padding-top: 60px; }
  .padding-xs-t65 {
    padding-top: 65px; }
  .padding-xs-t70 {
    padding-top: 70px; }
  .padding-xs-t75 {
    padding-top: 75px; }
  .padding-xs-t80 {
    padding-top: 80px; }
  .padding-xs-t85 {
    padding-top: 85px; }
  .padding-xs-t90 {
    padding-top: 90px; }
  .padding-xs-t95 {
    padding-top: 95px; }
  .padding-xs-t100 {
    padding-top: 100px; }
  .padding-xs-t105 {
    padding-top: 105px; }
  .padding-xs-t110 {
    padding-top: 110px; }
  .padding-xs-t115 {
    padding-top: 115px; }
  .padding-xs-t120 {
    padding-top: 120px; }
  .padding-xs-t125 {
    padding-top: 125px; }
  .padding-xs-t130 {
    padding-top: 130px; }
  .padding-xs-t135 {
    padding-top: 135px; }
  .padding-xs-t140 {
    padding-top: 140px; }
  .padding-xs-t145 {
    padding-top: 145px; }
  .padding-xs-t150 {
    padding-top: 150px; }
  .padding-xs-t155 {
    padding-top: 155px; }
  .padding-xs-t160 {
    padding-top: 160px; }
  .padding-xs-t165 {
    padding-top: 165px; }
  .padding-xs-t170 {
    padding-top: 170px; }
  .padding-xs-t175 {
    padding-top: 175px; }
  .padding-xs-t180 {
    padding-top: 180px; }
  .padding-xs-t185 {
    padding-top: 185px; }
  .padding-xs-t190 {
    padding-top: 190px; }
  .padding-xs-t195 {
    padding-top: 195px; }
  .padding-xs-t200 {
    padding-top: 200px; }
  .padding-xs-t205 {
    padding-top: 205px; }
  .padding-xs-t210 {
    padding-top: 210px; }
  .padding-xs-t215 {
    padding-top: 215px; }
  .padding-xs-t220 {
    padding-top: 220px; }
  .padding-xs-t225 {
    padding-top: 225px; }
  .padding-xs-t230 {
    padding-top: 230px; }
  .padding-xs-t235 {
    padding-top: 235px; }
  .padding-xs-t240 {
    padding-top: 240px; }
  .padding-xs-t245 {
    padding-top: 245px; }
  .padding-xs-t250 {
    padding-top: 250px; }
  .padding-xs-t255 {
    padding-top: 255px; }
  .padding-xs-t260 {
    padding-top: 260px; }
  .padding-xs-t265 {
    padding-top: 265px; }
  .padding-xs-t270 {
    padding-top: 270px; }
  .padding-xs-t275 {
    padding-top: 275px; }
  .padding-xs-t280 {
    padding-top: 280px; }
  .padding-xs-t285 {
    padding-top: 285px; }
  .padding-xs-t290 {
    padding-top: 290px; }
  .padding-xs-t295 {
    padding-top: 295px; }
  .padding-xs-t300 {
    padding-top: 300px; }
  .padding-xs-b0 {
    padding-bottom: 0px; }
  .padding-xs-b5 {
    padding-bottom: 5px; }
  .padding-xs-b10 {
    padding-bottom: 10px; }
  .padding-xs-b15 {
    padding-bottom: 15px; }
  .padding-xs-b20 {
    padding-bottom: 20px; }
  .padding-xs-b25 {
    padding-bottom: 25px; }
  .padding-xs-b30 {
    padding-bottom: 30px; }
  .padding-xs-b35 {
    padding-bottom: 35px; }
  .padding-xs-b40 {
    padding-bottom: 40px; }
  .padding-xs-b45 {
    padding-bottom: 45px; }
  .padding-xs-b50 {
    padding-bottom: 50px; }
  .padding-xs-b55 {
    padding-bottom: 55px; }
  .padding-xs-b60 {
    padding-bottom: 60px; }
  .padding-xs-b65 {
    padding-bottom: 65px; }
  .padding-xs-b70 {
    padding-bottom: 70px; }
  .padding-xs-b75 {
    padding-bottom: 75px; }
  .padding-xs-b80 {
    padding-bottom: 80px; }
  .padding-xs-b85 {
    padding-bottom: 85px; }
  .padding-xs-b90 {
    padding-bottom: 90px; }
  .padding-xs-b95 {
    padding-bottom: 95px; }
  .padding-xs-b100 {
    padding-bottom: 100px; }
  .padding-xs-b105 {
    padding-bottom: 105px; }
  .padding-xs-b110 {
    padding-bottom: 110px; }
  .padding-xs-b115 {
    padding-bottom: 115px; }
  .padding-xs-b120 {
    padding-bottom: 120px; }
  .padding-xs-b125 {
    padding-bottom: 125px; }
  .padding-xs-b130 {
    padding-bottom: 130px; }
  .padding-xs-b135 {
    padding-bottom: 135px; }
  .padding-xs-b140 {
    padding-bottom: 140px; }
  .padding-xs-b145 {
    padding-bottom: 145px; }
  .padding-xs-b150 {
    padding-bottom: 150px; }
  .padding-xs-b155 {
    padding-bottom: 155px; }
  .padding-xs-b160 {
    padding-bottom: 160px; }
  .padding-xs-b165 {
    padding-bottom: 165px; }
  .padding-xs-b170 {
    padding-bottom: 170px; }
  .padding-xs-b175 {
    padding-bottom: 175px; }
  .padding-xs-b180 {
    padding-bottom: 180px; }
  .padding-xs-b185 {
    padding-bottom: 185px; }
  .padding-xs-b190 {
    padding-bottom: 190px; }
  .padding-xs-b195 {
    padding-bottom: 195px; }
  .padding-xs-b200 {
    padding-bottom: 200px; }
  .padding-xs-b205 {
    padding-bottom: 205px; }
  .padding-xs-b210 {
    padding-bottom: 210px; }
  .padding-xs-b215 {
    padding-bottom: 215px; }
  .padding-xs-b220 {
    padding-bottom: 220px; }
  .padding-xs-b225 {
    padding-bottom: 225px; }
  .padding-xs-b230 {
    padding-bottom: 230px; }
  .padding-xs-b235 {
    padding-bottom: 235px; }
  .padding-xs-b240 {
    padding-bottom: 240px; }
  .padding-xs-b245 {
    padding-bottom: 245px; }
  .padding-xs-b250 {
    padding-bottom: 250px; }
  .padding-xs-b255 {
    padding-bottom: 255px; }
  .padding-xs-b260 {
    padding-bottom: 260px; }
  .padding-xs-b265 {
    padding-bottom: 265px; }
  .padding-xs-b270 {
    padding-bottom: 270px; }
  .padding-xs-b275 {
    padding-bottom: 275px; }
  .padding-xs-b280 {
    padding-bottom: 280px; }
  .padding-xs-b285 {
    padding-bottom: 285px; }
  .padding-xs-b290 {
    padding-bottom: 290px; }
  .padding-xs-b295 {
    padding-bottom: 295px; }
  .padding-xs-b300 {
    padding-bottom: 300px; } }

.marg-lg-b0 {
  margin-bottom: 0px; }

.marg-lg-b5 {
  margin-bottom: 5px; }

.marg-lg-b10 {
  margin-bottom: 10px; }

.marg-lg-b15 {
  margin-bottom: 15px; }

.marg-lg-b20 {
  margin-bottom: 20px; }

.marg-lg-b25 {
  margin-bottom: 25px; }

.marg-lg-b30 {
  margin-bottom: 30px; }

.marg-lg-b35 {
  margin-bottom: 35px; }

.marg-lg-b40 {
  margin-bottom: 40px; }

.marg-lg-b45 {
  margin-bottom: 45px; }

.marg-lg-b50 {
  margin-bottom: 50px; }

.marg-lg-b55 {
  margin-bottom: 55px; }

.marg-lg-b60 {
  margin-bottom: 60px; }

.marg-lg-b65 {
  margin-bottom: 65px; }

.marg-lg-b70 {
  margin-bottom: 70px; }

.marg-lg-b75 {
  margin-bottom: 75px; }

.marg-lg-b80 {
  margin-bottom: 80px; }

.marg-lg-b85 {
  margin-bottom: 85px; }

.marg-lg-b90 {
  margin-bottom: 90px; }

.marg-lg-b95 {
  margin-bottom: 95px; }

.marg-lg-b100 {
  margin-bottom: 100px; }

.marg-lg-b105 {
  margin-bottom: 105px; }

.marg-lg-b110 {
  margin-bottom: 110px; }

.marg-lg-b115 {
  margin-bottom: 115px; }

.marg-lg-b120 {
  margin-bottom: 120px; }

.marg-lg-b125 {
  margin-bottom: 125px; }

.marg-lg-b130 {
  margin-bottom: 130px; }

.marg-lg-b135 {
  margin-bottom: 135px; }

.marg-lg-b140 {
  margin-bottom: 140px; }

.marg-lg-b145 {
  margin-bottom: 145px; }

.marg-lg-b150 {
  margin-bottom: 150px; }

.marg-lg-b155 {
  margin-bottom: 155px; }

.marg-lg-b160 {
  margin-bottom: 160px; }

.marg-lg-b175 {
  margin-bottom: 175px; }

.marg-lg-b180 {
  margin-bottom: 180px; }

.marg-lg-b190 {
  margin-bottom: 190px; }

.marg-lg-b200 {
  margin-bottom: 200px; }

.marg-lg-b205 {
  margin-bottom: 205px; }

.marg-lg-b230 {
  margin-bottom: 230px; }

.marg-lg-b235 {
  margin-bottom: 235px; }

.marg-lg-b240 {
  margin-bottom: 240px; }

.marg-lg-b245 {
  margin-bottom: 245px; }

.marg-lg-b250 {
  margin-bottom: 250px; }

.marg-lg-b290 {
  margin-bottom: 290px; }

.marg-lg-b270 {
  margin-bottom: 270px; }

.marg-lg-b300 {
  margin-bottom: 300px; }

.marg-lg-t-111 {
  margin-top: -111px; }

.marg-lg-t0 {
  margin-top: 0px; }

.marg-lg-t5 {
  margin-top: 5px; }

.marg-lg-t10 {
  margin-top: 10px; }

.marg-lg-t15 {
  margin-top: 15px; }

.marg-lg-t20 {
  margin-top: 20px; }

.marg-lg-t25 {
  margin-top: 25px; }

.marg-lg-t30 {
  margin-top: 30px; }

.marg-lg-t35 {
  margin-top: 35px; }

.marg-lg-t40 {
  margin-top: 40px; }

.marg-lg-t45 {
  margin-top: 45px; }

.marg-lg-t50 {
  margin-top: 50px; }

.marg-lg-t55 {
  margin-top: 55px; }

.marg-lg-t60 {
  margin-top: 60px; }

.marg-lg-t65 {
  margin-top: 65px; }

.marg-lg-t67 {
  margin-top: 67px; }

.marg-lg-t70 {
  margin-top: 70px; }

.marg-lg-t75 {
  margin-top: 75px; }

.marg-lg-t80 {
  margin-top: 80px; }

.marg-lg-t85 {
  margin-top: 85px; }

.marg-lg-t90 {
  margin-top: 90px; }

.marg-lg-t95 {
  margin-top: 95px; }

.marg-lg-t100 {
  margin-top: 100px; }

.marg-lg-t105 {
  margin-top: 105px; }

.marg-lg-t110 {
  margin-top: 110px; }

.marg-lg-t115 {
  margin-top: 115px; }

.marg-lg-t120 {
  margin-top: 120px; }

.marg-lg-t125 {
  margin-top: 125px; }

.marg-lg-t130 {
  margin-top: 130px; }

.marg-lg-t135 {
  margin-top: 135px; }

.marg-lg-t140 {
  margin-top: 140px; }

.marg-lg-t145 {
  margin-top: 145px; }

.marg-lg-t150 {
  margin-top: 150px; }

.marg-lg-t155 {
  margin-top: 155px; }

.marg-lg-t160 {
  margin-top: 160px; }

.marg-lg-t165 {
  margin-top: 165px; }

.marg-lg-t170 {
  margin-top: 170px; }

.marg-lg-t175 {
  margin-top: 175px; }

.marg-lg-t180 {
  margin-top: 180px; }

.marg-lg-t185 {
  margin-top: 185px; }

.marg-lg-t190 {
  margin-top: 190px; }

.marg-lg-t195 {
  margin-top: 195px; }

.marg-lg-t200 {
  margin-top: 200px; }

.marg-lg-t210 {
  margin-top: 210px; }

.marg-lg-t215 {
  margin-top: 215px; }

.marg-lg-t225 {
  margin-top: 225px; }

.marg-lg-t230 {
  margin-top: 230px; }

.marg-lg-t240 {
  margin-top: 240px; }

.marg-lg-t245 {
  margin-top: 245px; }

.marg-lg-t265 {
  margin-top: 265px; }

.marg-lg-t300 {
  margin-top: 300px; }

@media screen and (max-width: 1199px) {
  .pad-md-b0 {
    padding-bottom: 0; }
  .pad-md-t0 {
    padding-top: 0; }
  .no-padd-md {
    padding-left: 0px;
    padding-right: 0px; }
  .marg-md-t-150 {
    margin-top: -150px; }
  .marg-md-b0 {
    margin-bottom: 0px; }
  .marg-md-b5 {
    margin-bottom: 5px; }
  .marg-md-b10 {
    margin-bottom: 10px; }
  .marg-md-b15 {
    margin-bottom: 15px; }
  .marg-md-b20 {
    margin-bottom: 20px; }
  .marg-md-b25 {
    margin-bottom: 25px; }
  .marg-md-b30 {
    margin-bottom: 30px; }
  .marg-md-b35 {
    margin-bottom: 35px; }
  .marg-md-b40 {
    margin-bottom: 40px; }
  .marg-md-b45 {
    margin-bottom: 45px; }
  .marg-md-b50 {
    margin-bottom: 50px; }
  .marg-md-b55 {
    margin-bottom: 55px; }
  .marg-md-b60 {
    margin-bottom: 60px; }
  .marg-md-b65 {
    margin-bottom: 65px; }
  .marg-md-b70 {
    margin-bottom: 70px; }
  .marg-md-b75 {
    margin-bottom: 75px; }
  .marg-md-b80 {
    margin-bottom: 80px; }
  .marg-md-b85 {
    margin-bottom: 85px; }
  .marg-md-b90 {
    margin-bottom: 90px; }
  .marg-md-b95 {
    margin-bottom: 95px; }
  .marg-md-b100 {
    margin-bottom: 100px; }
  .marg-md-b140 {
    margin-bottom: 140px; }
  .marg-md-t0 {
    margin-top: 0px; }
  .marg-md-t5 {
    margin-top: 5px; }
  .marg-md-t10 {
    margin-top: 10px; }
  .marg-md-t15 {
    margin-top: 15px; }
  .marg-md-t20 {
    margin-top: 20px; }
  .marg-md-t25 {
    margin-top: 25px; }
  .marg-md-t30 {
    margin-top: 30px; }
  .marg-md-t35 {
    margin-top: 35px; }
  .marg-md-t40 {
    margin-top: 40px; }
  .marg-md-t45 {
    margin-top: 45px; }
  .marg-md-t50 {
    margin-top: 50px; }
  .marg-md-t55 {
    margin-top: 55px; }
  .marg-md-t60 {
    margin-top: 60px; }
  .marg-md-t65 {
    margin-top: 65px; }
  .marg-md-t70 {
    margin-top: 70px; }
  .marg-md-t75 {
    margin-top: 75px; }
  .marg-md-t80 {
    margin-top: 80px; }
  .marg-md-t85 {
    margin-top: 85px; }
  .marg-md-t90 {
    margin-top: 90px; }
  .marg-md-t95 {
    margin-top: 95px; }
  .marg-md-t100 {
    margin-top: 100px; }
  .marg-md-t140 {
    margin-top: 140px; } }

@media screen and (max-width: 991px) {
  .no-padd-md-t {
    padding-top: 0; }
  .no-padd-sm {
    padding-left: 0px;
    padding-right: 0px; }
  .marg-sm-b0 {
    margin-bottom: 0px; }
  .marg-sm-b5 {
    margin-bottom: 5px; }
  .marg-sm-b10 {
    margin-bottom: 10px; }
  .marg-sm-b15 {
    margin-bottom: 15px; }
  .marg-sm-b20 {
    margin-bottom: 20px; }
  .marg-sm-b25 {
    margin-bottom: 25px; }
  .marg-sm-b30 {
    margin-bottom: 30px; }
  .marg-sm-b35 {
    margin-bottom: 35px; }
  .marg-sm-b40 {
    margin-bottom: 40px; }
  .marg-sm-b45 {
    margin-bottom: 45px; }
  .marg-sm-b50 {
    margin-bottom: 50px; }
  .marg-sm-b55 {
    margin-bottom: 55px; }
  .marg-sm-b60 {
    margin-bottom: 60px; }
  .marg-sm-b65 {
    margin-bottom: 65px; }
  .marg-sm-b70 {
    margin-bottom: 70px; }
  .marg-sm-b75 {
    margin-bottom: 75px; }
  .marg-sm-b80 {
    margin-bottom: 80px; }
  .marg-sm-b85 {
    margin-bottom: 85px; }
  .marg-sm-b90 {
    margin-bottom: 90px; }
  .marg-sm-b95 {
    margin-bottom: 95px; }
  .marg-sm-b100 {
    margin-bottom: 100px; }
  .marg-sm-b140 {
    margin-bottom: 140px; }
  .marg-sm-b180 {
    margin-bottom: 180px; }
  .marg-sm-t0 {
    margin-top: 0px; }
  .marg-sm-t5 {
    margin-top: 5px; }
  .marg-sm-t10 {
    margin-top: 10px; }
  .marg-sm-t15 {
    margin-top: 15px; }
  .marg-sm-t20 {
    margin-top: 20px; }
  .marg-sm-t25 {
    margin-top: 25px; }
  .marg-sm-t30 {
    margin-top: 30px; }
  .marg-sm-t35 {
    margin-top: 35px; }
  .marg-sm-t40 {
    margin-top: 40px; }
  .marg-sm-t45 {
    margin-top: 45px; }
  .marg-sm-t50 {
    margin-top: 50px; }
  .marg-sm-t55 {
    margin-top: 55px; }
  .marg-sm-t60 {
    margin-top: 60px; }
  .marg-sm-t65 {
    margin-top: 65px; }
  .marg-sm-t70 {
    margin-top: 70px; }
  .marg-sm-t75 {
    margin-top: 75px; }
  .marg-sm-t80 {
    margin-top: 80px; }
  .marg-sm-t85 {
    margin-top: 85px; }
  .marg-sm-t90 {
    margin-top: 90px; }
  .marg-sm-t95 {
    margin-top: 95px; }
  .marg-sm-t100 {
    margin-top: 100px; }
  .marg-sm-t140 {
    margin-top: 140px; } }

@media screen and (max-width: 767px) {
  .padd-only-xs {
    padding-left: 15px;
    padding-right: 15px; }
  .no-padd-xs {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .padd-r25 {
    padding-right: 10px; }
  .padd-l25 {
    padding-left: 10px; }
  .marg-xs-b0 {
    margin-bottom: 0px; }
  .marg-xs-b5 {
    margin-bottom: 5px; }
  .marg-xs-b10 {
    margin-bottom: 10px; }
  .marg-xs-b15 {
    margin-bottom: 15px; }
  .marg-xs-b20 {
    margin-bottom: 20px; }
  .marg-xs-b25 {
    margin-bottom: 25px; }
  .marg-xs-b30 {
    margin-bottom: 30px; }
  .marg-xs-b35 {
    margin-bottom: 35px; }
  .marg-xs-b40 {
    margin-bottom: 40px; }
  .marg-xs-b45 {
    margin-bottom: 45px; }
  .marg-xs-b50 {
    margin-bottom: 50px; }
  .marg-xs-b55 {
    margin-bottom: 55px; }
  .marg-xs-b60 {
    margin-bottom: 60px; }
  .marg-xs-b65 {
    margin-bottom: 65px; }
  .marg-xs-b70 {
    margin-bottom: 70px; }
  .marg-xs-b75 {
    margin-bottom: 75px; }
  .marg-xs-b80 {
    margin-bottom: 80px; }
  .marg-xs-b85 {
    margin-bottom: 85px; }
  .marg-xs-b90 {
    margin-bottom: 90px; }
  .marg-xs-b95 {
    margin-bottom: 95px; }
  .marg-xs-b100 {
    margin-bottom: 100px; }
  .marg-xs-b140 {
    margin-bottom: 140px; }
  .marg-xs-t0 {
    margin-top: 0px; }
  .marg-xs-t5 {
    margin-top: 5px; }
  .marg-xs-t10 {
    margin-top: 10px; }
  .marg-xs-t15 {
    margin-top: 15px; }
  .marg-xs-t20 {
    margin-top: 20px; }
  .marg-xs-t25 {
    margin-top: 25px; }
  .marg-xs-t30 {
    margin-top: 30px; }
  .marg-xs-t35 {
    margin-top: 35px; }
  .marg-xs-t40 {
    margin-top: 40px; }
  .marg-xs-t45 {
    margin-top: 45px; }
  .marg-xs-t50 {
    margin-top: 50px; }
  .marg-xs-t55 {
    margin-top: 55px; }
  .marg-xs-t60 {
    margin-top: 60px; }
  .marg-xs-t65 {
    margin-top: 65px; }
  .marg-xs-t70 {
    margin-top: 70px; }
  .marg-xs-t75 {
    margin-top: 75px; }
  .marg-xs-t80 {
    margin-top: 80px; }
  .marg-xs-t85 {
    margin-top: 85px; }
  .marg-xs-t90 {
    margin-top: 90px; }
  .marg-xs-t95 {
    margin-top: 95px; }
  .marg-xs-t100 {
    margin-top: 100px; }
  .marg-xs-t140 {
    margin-top: 140px; } }

/*================================================*/
/* SWIPER */
/*================================================*/
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-container {
  margin: 0 auto;
  height: inherit;
  width: 100%;
  position: relative;
  overflow: hidden;
  direction: ltr;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top, -webkit-transform;
  transition-property: transform, left, top, -webkit-transform;
  -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;
  margin: 0 auto;
  float: left; }

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

.slide-prev {
  position: absolute;
  top: 50%;
  margin-top: 0;
  left: 0px;
  z-index: 5;
  cursor: pointer;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }
/*  .slide-prev:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 2px;
    background: #b99d61;
    content: ''; }
  .slide-prev:after {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 2px;
    height: 100%;
    background: #b99d61;
    content: ''; }*/

.slide-next {
  margin-top: 0;
  position: absolute;
  top: 50%;
  right: 29px !important;
  z-index: 5;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 15px;
  height: 15px; }
/*  .slide-next:before {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background: #b99d61;
    content: ''; }
  .slide-next:after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 2px;
    height: 100%;
    background: #b99d61;
    content: ''; }*/

.slide-next:before, .slide-next:after,
.slide-prev:after, .slide-prev:before {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

.slide-prev:hover:before, .slide-next:hover:before {
  height: 4px; }

.slide-prev:hover:after, .slide-next:hover:after {
  width: 4px; }

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

.pagination.vertical-mode {
  width: 50px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  right: 50px;
  left: auto;
  bottom: 50%; }

@media only screen and (max-width: 991px) {
  .pagination.vertical-mode {
    bottom: 20px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    right: 0px; } }

@media only screen and (max-width: 767px) {
  .slide-prev, .slide-next {
    display: none; } }

/*================================================*/
/* HEADER */
/*================================================*/
.u-header {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 200;
  height: 80px;
  -webkit-transition: background-color 0.3s ease-in, top 0.3s ease-in;
  transition: background-color 0.3s ease-in, top 0.3s ease-in; }
  .u-header--white-bg {
    background-color: #fff; }
    .u-header--white-bg.scrol {
      background-color: rgba(255, 255, 255, 0.9); }
    .u-header--white-bg.open {
      background-color: white; }
  .u-header--black-bg {
    background-color: #222; }
    .u-header--black-bg.scrol {
      background-color: #222222; }
    .u-header--black-bg.open {
      background-color: #222222; }
  .u-header--transp-light {
    background-color: transparent; }
    .u-header--transp-light.scrol {
      background-color: rgba(255, 255, 255, 0.9); }
    .u-header--transp-light.open {
      background-color: white; }
  .u-header--transp-dark {
    background-color: transparent; }
    .u-header--transp-dark.scrol {
      background-color: rgba(34, 34, 34, 0.9); }
    .u-header--transp-dark.open {
      background-color: #222222; }
  .u-header--transp-logo-light {
    background-color: transparent; }
    .u-header--transp-logo-light.open {
      background-color: white; }
  .u-header--transp-logo-dark {
    background-color: transparent; }
    .u-header--transp-logo-dark.open {
      background-color: #222222; }
  .u-header--static {
    position: static; }
  .u-header--bottom.open {
    position: fixed !important; }
  .u-header--logo {
    padding: 70px 0;
    height: auto; }
    .u-header--logo .u-header__wrap {
      height: auto; }
  .u-header--shop-top {
    top: 45px; }
    .u-header--shop-top.fix, .u-header--shop-top.open {
      top: 0; }
  .u-header__wrap {
    position: relative;
    width: 100%;
    display: inline-block;
    height: 80px; }
  .u-header__logo {
    position: relative;
    height: inherit;
    z-index: 600; }
    .u-header__logo a {
      font-size: 24px;
      line-height: 28px;
      font-weight: 700;
      color: inherit;
      text-transform: lowercase;
      -webkit-transition: color 0.3s ease-in;
      transition: color 0.3s ease-in; }
      .u-header__logo a img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        max-width: 120px;
        max-height: 60px; }
    .u-header__logo--logo {
      float: none;
      text-align: center;
      height: auto;
      padding: 50px 0; }
      .u-header__logo--logo a {
        display: inline-block; }
    .u-header__logo--white a {
      color: #fff; }
  .u-header__nav-icon {
    position: relative;
    height: inherit;
    display: none;
    z-index: 600; }
    .u-header__nav-icon--visible {
      display: block; }
    .u-header__nav-icon i {
      display: inline-block;
      position: relative;
      width: 18px;
      height: 3px;
      top: -3px;
      -webkit-transition: background-color 0.3s ease-in;
      transition: background-color 0.3s ease-in; }
      .u-header__nav-icon i:after, .u-header__nav-icon i:before {
        content: '';
        width: 18px;
        height: 3px;
        position: absolute;
        left: 0;
        -webkit-transition: background-color 0.3s ease-in;
        transition: background-color 0.3s ease-in; }
      .u-header__nav-icon i:before {
        top: -7px; }
      .u-header__nav-icon i:after {
        top: 7px; }
    .u-header__nav-icon.active i {
      background-color: transparent !important;
      -webkit-transition: background-color 0s ease-in;
      transition: background-color 0s ease-in; }
    .u-header__nav-icon.active i:after {
      -webkit-transform: rotateZ(135deg);
      transform: rotateZ(135deg);
      top: 0; }
    .u-header__nav-icon.active i:before {
      -webkit-transform: rotateZ(45deg);
      transform: rotateZ(45deg);
      top: 0; }
  .u-header__navigation {
    position: relative;
    height: inherit;
    z-index: 500; }
    .u-header__navigation nav {
      height: inherit; }
    .u-header__navigation--hide nav {
      visibility: hidden;
      opacity: 0;
      margin-left: 50px;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: -webkit-transform 0.3s ease-in;
      transition: transform 0.3s ease-in; }
      .u-header__navigation--hide nav.slide-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    .u-header__navigation--logo {
      border-top: 1px solid #dcdcdc;
      border-bottom: 1px solid #dcdcdc;
      height: auto; }
      .u-header__navigation--logo nav {
        width: 66%;
        float: left;
        padding: 26px 0; }
        .u-header__navigation--logo nav .main-menu {
          display: table;
          margin-left: auto;
          margin-right: auto; }
    .u-header__navigation--shop {
      margin-left: 100px; }
  .u-header .main-menu {
    height: inherit; }
    .u-header .main-menu > li {
      float: left;
      margin: 0px 15px; }
    .u-header .main-menu > li:first-child {
      margin-left: 0; }
    .u-header .main-menu li {
      position: relative; }
      .u-header .main-menu li a {
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        line-height: 18px;
        font-weight: 400;
        text-transform: lowercase;
        color: inherit;
        vertical-align: baseline;
        position: relative;
		color: white;
        text-transform: uppercase;  
        -webkit-transition: color 0.3s ease-in, background-color 0.3s ease-in;
        transition: color 0.3s ease-in, background-color 0.3s ease-in; }
        .u-header .main-menu li a:hover {
          color: #ff0124; }
      .u-header .main-menu li.active > a {
        color: #b99d61; }
    .u-header .main-menu > .menu-item-has-children > a:after {
      display: inline-block;
      content: '';
      font-family: 'FontAwesome';
      font-weight: 600;
      padding-left: 7px;
      color: inherit; }
    .u-header .main-menu .menu-item-has-children a span {
      display: none; }
    .u-header .main-menu .menu-item-has-children:hover > .sub-menu {
      opacity: 1;
      visibility: visible; }
  .u-header .sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 52px;
    left: 0;
    display: block;
    min-width: 150px;
    -webkit-transition: visibility 0.3s ease-in, opacity 0.3s ease-in;
    transition: visibility 0.3s ease-in, opacity 0.3s ease-in; }
    .u-header .sub-menu li a {
      display: block;
      padding: 7px 15px;
      font-size: 12px;
      text-transform: lowercase; }
    .u-header .sub-menu .menu-item-has-children > a:after {
      content: '\f105';
      right: 2px;
      font-family: 'FontAwesome';
      font-weight: 600;
      padding: 0 7px;
      position: absolute; }
    .u-header .sub-menu .sub-menu {
      position: absolute;
      top: 0;
      left: 100%; }
  .u-header__info-menu {
    max-width: 320px;
    padding: 50px 0; }
    .u-header__info-menu--bottom {
      position: absolute;
      bottom: 84px; }
  .u-header__info-title {
    color: inherit;
    margin-bottom: 15px; }
  .u-header .u-header-soc li {
    display: inline-block;
    margin: 0 7px; }
    .u-header .u-header-soc li:first-child {
      margin-left: 0; }
    .u-header .u-header-soc li:last-child {
      margin-right: 0; }
    .u-header .u-header-soc li a {
      font-size: 14px;
      line-height: 18px;
      font-weight: 600;
      color: #949494; }
  .u-header .u-header-soc--logo {
    float: left;
    width: 17%;
    border-right: 1px solid #dcdcdc;
    padding: 26px 0; }
  .u-header .u-header-soc--bottom {
    position: absolute;
    bottom: 60px; }
  .u-header .u-header-soc--center {
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .u-header .u-header-form {
    position: relative; }
    .u-header .u-header-form input {
      height: 100%;
      width: 100%;
      display: inline-block;
      padding: 0 30px; }
    .u-header .u-header-form button {
      position: absolute;
      right: 10px;
      top: 0;
      bottom: 0; }
      .u-header .u-header-form button i {
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
        color: #949494;
        -webkit-transition: color 0.3s ease-in;
        transition: color 0.3s ease-in; }
    .u-header .u-header-form--logo {
      float: left;
      width: 17%;
      border-left: 1px solid #dcdcdc;
      padding: 26px 0;
      height: 76px; }
  .u-header .shop-form {
    height: 80px;
    padding: 26px 0; }
    .u-header .shop-form:hover .shop-form__input {
      visibility: visible;
      opacity: 1; }
    .u-header .shop-form__form {
      display: inline-block;
      vertical-align: middle;
      height: 28px; }
    .u-header .shop-form__input {
      height: 100%;
      visibility: hidden;
      opacity: 0;
      max-width: 150px;
      color: inherit;
      -webkit-transition: visibility 0.3s ease-in, opacity 0.3s ease-in;
      transition: visibility 0.3s ease-in, opacity 0.3s ease-in; }
    .u-header .shop-form__btn {
      display: inline-block;
      vertical-align: middle;
      font-size: 20px;
      height: 28px;
      color: inherit; }
    .u-header .shop-form__icon {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      font-size: 20px;
      line-height: 28px;
      margin-right: 10px;
      color: inherit; }
      .u-header .shop-form__icon i {
        position: absolute;
        margin-left: -10px;
        display: inline-block;
        width: 16px;
        height: 16px;
        font-style: normal;
        border-radius: 50%;
        text-align: center;
        line-height: 16px;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase; }
  .u-header--white-text {
    color: #fff; }
    .u-header--white-text.u-header--shop {
      border-bottom: 1px solid #fff; }
    .u-header--white-text .u-header__nav-icon i, .u-header--white-text .u-header__nav-icon i:after, .u-header--white-text .u-header__nav-icon i:before {
      background-color: #fff; }
    .u-header--white-text .u-header__navigation--right-side nav {
      background-color: #222; }
      .u-header--white-text .u-header__navigation--right-side nav .main-menu li a:hover {
        color: #9a9a9a; }
    .u-header--white-text .u-header__navigation--left-side nav .main-menu li a:hover {
      color: #9a9a9a; }
    .u-header--white-text .sub-menu {
      background: #222; }
      .u-header--white-text .sub-menu li a {
        color: #6f6f6f; }
        .u-header--white-text .sub-menu li a:hover {
          color: #fff;
          background-color: rgba(255, 255, 255, 0.1); }
      .u-header--white-text .sub-menu li.active > a {
        color: #fff; }
    .u-header--white-text .u-header__info-title {
      color: #949494; }
    .u-header--white-text .u-header-soc li a:hover {
      color: #b99d61; }
    .u-header--white-text .u-header-form button i:hover {
      color: #fff; }
    .u-header--white-text .shop-form__icon i {
      color: #222;
      background-color: #fff; }
  .u-header--black-text {
    color: #222; }
    .u-header--black-text.u-header--shop {
      border-bottom: 1px solid #222; }
    .u-header--black-text .u-header__nav-icon i, .u-header--black-text .u-header__nav-icon i:after, .u-header--black-text .u-header__nav-icon i:before {
      background-color: #222; }
    .u-header--black-text .u-header__navigation--right-side nav {
      background-color: #fff; }
      .u-header--black-text .u-header__navigation--right-side nav .main-menu li a:hover {
        color: #9a9a9a; }
    .u-header--black-text .u-header__navigation--left-side nav .main-menu li a:hover {
      color: #9a9a9a; }
    .u-header--black-text .sub-menu {
      background: #fff; }
      .u-header--black-text .sub-menu li a {
        color: #6f6f6f; }
        .u-header--black-text .sub-menu li a:hover {
          color: #222;
          background-color: rgba(34, 34, 34, 0.1); }
      .u-header--black-text .sub-menu li.active > a {
        color: #222; }
    .u-header--black-text .u-header-soc li a:hover {
      color: #b99d61; }
    .u-header--black-text .u-header-form button i:hover {
      color: #222; }
    .u-header--black-text .shop-form__icon i {
      color: #fff;
      background-color: #222; }
  .u-header--grey-text {
    color: #949494; }
    .u-header--grey-text .u-header__nav-icon i, .u-header--grey-text .u-header__nav-icon i:after, .u-header--grey-text .u-header__nav-icon i:before {
      background-color: #949494; }
    .u-header--grey-text .sub-menu {
      background: #222; }
      .u-header--grey-text .sub-menu li a {
        color: #949494; }
        .u-header--grey-text .sub-menu li a:hover {
          color: #fff;
          background-color: rgba(255, 255, 255, 0.1); }
      .u-header--grey-text .sub-menu li.active > a {
        color: #fff; }

@media only screen and (min-width: 992px) {
  .u-header .container-fluid, .u-header .container, .u-header .row, .u-header .col-xs-12 {
    height: inherit; }
  .u-header__logo--center {
    float: none;
    text-align: center;
    height: auto;
    padding: 50px 0; }
    .u-header__logo--center a {
      display: inline-block; }
  .u-header__megamenu > .sub-menu {
    min-width: 550px;
    width: auto;
    padding: 15px; }
    .u-header__megamenu > .sub-menu > li {
      width: 33.333333%;
      float: left;
      margin-bottom: 20px; }
      .u-header__megamenu > .sub-menu > li > a:first-child {
        font-size: 13px;
        font-weight: 600; }
        .u-header__megamenu > .sub-menu > li > a:first-child:hover {
          background-color: transparent;
          cursor: default; }
      .u-header__megamenu > .sub-menu > li .sub-menu {
        position: static;
        min-width: auto; }
  .u-header__megamenu.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible; }
  .u-header__megamenu .menu-item-has-children > a:after {
    display: none; }
  .u-header__wrap--shop-center {
    text-align: center; }
  .u-header__navigation--right-side nav {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    width: auto;
    min-width: 480px;
    height: 100%;
    top: 0;
    right: 0;
    padding: 150px 60px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in; }
    .u-header__navigation--right-side nav.slide-menu {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  .u-header__navigation--right-side .main-menu {
    display: block;
    height: auto; }
    .u-header__navigation--right-side .main-menu li {
      position: static;
      float: none;
      width: 100%;
      margin: 0;
      padding: 0; }
      .u-header__navigation--right-side .main-menu li a {
        font-size: 26px;
        line-height: 54px;
        font-weight: 500;
        text-transform: lowercase; }
    .u-header__navigation--right-side .main-menu .menu-item-has-children a:after {
      display: none; }
    .u-header__navigation--right-side .main-menu .menu-item-has-children a span {
      display: inline-block;
      padding: 0 0 0 7px; }
  .u-header__navigation--right-side .sub-menu {
    opacity: 1;
    visibility: visible;
    position: static;
    display: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 100%; }
    .u-header__navigation--right-side .sub-menu > li {
      padding-left: 10px; }
    .u-header__navigation--right-side .sub-menu .sub-menu {
      position: static;
      display: none; }
  .u-header__navigation--left-side {
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .u-header__navigation--left-side nav {
      height: 100%; }
    .u-header__navigation--left-side .main-menu {
      display: block;
      text-align: center;
      height: auto; }
      .u-header__navigation--left-side .main-menu li {
        position: static;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0; }
        .u-header__navigation--left-side .main-menu li a {
          font-size: 16px;
          line-height: 46px;
          font-weight: 500;
          text-transform: lowercase; }
      .u-header__navigation--left-side .main-menu .menu-item-has-children a:after {
        display: none; }
      .u-header__navigation--left-side .main-menu .menu-item-has-children a span {
        display: inline-block;
        padding: 0 0 0 7px; }
    .u-header__navigation--left-side .sub-menu {
      opacity: 1;
      visibility: visible;
      position: static;
      display: none;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      width: 100%; }
      .u-header__navigation--left-side .sub-menu .sub-menu {
        position: static;
        display: none; }
  .u-header__navigation--hero nav {
    margin-left: 0;
    margin-right: 30px; }
  .u-header__navigation--hero nav.slide-menu {
    -webkit-transform: translateY(20%);
    transform: translateY(20%); }
  .u-header__navigation--hero .main-menu {
    height: auto; }
    .u-header__navigation--hero .main-menu li {
      float: none;
      margin: 10px 0; }
  .u-header__navigation--shop-center {
    display: inline-block;
    text-align: left; }
  .u-header--left-side {
    width: 300px;
    height: 100%; }
    .u-header--left-side .u-header__wrap {
      height: inherit; }
  .u-header--start-dark-text {
    color: #222; }
    .u-header--start-dark-text .u-header__nav-icon i, .u-header--start-dark-text .u-header__nav-icon i:after, .u-header--start-dark-text .u-header__nav-icon i:before {
      background-color: #222; }
    .u-header--start-dark-text .sub-menu {
      background: #fff; }
      .u-header--start-dark-text .sub-menu li a {
        color: #6f6f6f; }
        .u-header--start-dark-text .sub-menu li a:hover {
          color: #222;
          background-color: rgba(34, 34, 34, 0.1); }
      .u-header--start-dark-text .sub-menu li.active > a {
        color: #222; }
  .u-header--white-text .u-header__megamenu > .sub-menu > li > a:first-child {
    color: #949494; }
  .u-header--black-text .u-header__megamenu > .sub-menu > li > a:first-child {
    color: #353535; } }

@media only screen and (max-width: 991px) {
  .u-header {
    /*.menu-item-has-children.active > .sub-menu {
            display: block;
        }*/ }
    .u-header--logo {
      padding: 25px 0 50px 0; }
    .u-header__logo--logo {
      padding: 25px 0; }
    .u-header__nav-icon {
      display: block; }
      .u-header__nav-icon--logo {
        position: absolute;
        top: 0;
        right: 0; }
    .u-header__navigation nav {
      position: fixed;
      width: 100%;
      height: 100%;
      padding-top: 80px;
      left: 0;
      top: 0;
      z-index: 500;
      overflow-y: auto;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: -webkit-transform 0.3s ease-in;
      transition: transform 0.3s ease-in; }
      .u-header__navigation nav.slide-menu {
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    .u-header__navigation--hide nav {
      margin-left: 0; }
    .u-header__navigation--right-side nav .main-menu {
      height: auto !important; }
      .u-header__navigation--right-side nav .main-menu li a {
        line-height: 50px; }
    .u-header__navigation--left-side nav .main-menu li a {
      line-height: 50px; }
    .u-header__navigation--logo nav {
      padding-top: 175px; }
    .u-header .main-menu {
      position: relative;
      width: 100%;
      display: block; }
      .u-header .main-menu li {
        position: static;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0; }
        .u-header .main-menu li a {
          display: block;
          padding: 0 10px;
          line-height: 38px; }
      .u-header .main-menu .menu-item-has-children a:after {
        display: none; }
      .u-header .main-menu .menu-item-has-children > a span {
        display: none;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 0 0 7px;
        font-weight: 600; }
    .u-header .sub-menu {
      opacity: 1;
      visibility: visible;
      position: static;
      display: none;
      width: 100%; }
      .u-header .sub-menu > li {
        padding-left: 10px; }
      .u-header .sub-menu .sub-menu {
        position: static;
        display: none; }
    .u-header__info-menu {
      display: none;
      padding: 25px 15px; }
    .u-header .u-header-soc {
      padding: 25px 15px; }
      .u-header .u-header-soc--logo {
        padding: 26px 0;
        width: 50%; }
      .u-header .u-header-soc--bottom {
        position: static; }
      .u-header .u-header-soc--center {
        position: static; }
    .u-header .u-header-form--logo {
      width: 50%;
      border-left: none; }
    .u-header .shop-form {
      margin-right: 20px; }
    .u-header--white-text .main-menu, .u-header--grey-text .main-menu {
      background-color: #222; }
      .u-header--white-text .main-menu li a, .u-header--grey-text .main-menu li a {
        border-bottom: 1px solid #313131; }
    .u-header--white-text .sub-menu, .u-header--grey-text .sub-menu {
      background: #222; }
      .u-header--white-text .sub-menu li a, .u-header--grey-text .sub-menu li a {
        color: #a5a5a5; }
        .u-header--white-text .sub-menu li a:hover, .u-header--grey-text .sub-menu li a:hover {
          color: #fff;
          background-color: rgba(255, 255, 255, 0.1); }
    .u-header--black-text .main-menu {
      background-color: #fff; }
      .u-header--black-text .main-menu li a {
        border-bottom: 1px solid #efefef; }
    .u-header--black-text .sub-menu {
      background: #fff; }
      .u-header--black-text .sub-menu li a {
        color: #6f6f6f; }
        .u-header--black-text .sub-menu li a:hover {
          color: #222;
          background-color: rgba(34, 34, 34, 0.1); } }

@media only screen and (max-width: 767px) {
  .u-header--shop-top {
    top: 0; }
  .u-header .u-header-soc--logo {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #dcdcdc;
    text-align: center; }
  .u-header .u-header-form--logo {
    width: 100%; } }

@media only screen and (max-width: 400px) {
  .u-header .shop-form {
    display: none; } }

/*================================================*/
/* END HEADER */
/*================================================*/
/*================================================*/
/* START BANNER HEADING */
/*================================================*/
.bg-full-height {
  display: table;
  width: 100%; }

.height-75 {
  display: table;
  width: 100%;
  height: calc(100vh - 80px); }

.u-start-banner {
  position: relative; 
  height: 100%;
}
  .u-start-banner--portfolio {
    background-color: #fff;
    margin-top: 80px; }
  .u-start-banner--portfolio-grey {
    background-color: #f8f8f8; }
  .u-start-banner__item {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    position: relative;
    width: 100%;
    z-index: 1; }
    .u-start-banner__item--over:after {
      content: '';
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      left: 0; }
    .u-start-banner__item--border:after {
      content: '';
      position: absolute;
      top: 15px;
      left: 15px;
      bottom: 15px;
      right: 15px;
      margin: auto;
      border: 5px solid rgba(185, 157, 97, 0.5); }
  .u-start-banner__heading {
    text-align: center;
    padding: 48px 0;
    position: relative;
    z-index: 3; }
    .u-start-banner__heading--left {
      text-align: left; }
    .u-start-banner__heading--cell {
      padding: 0;
      display: table-cell;
      vertical-align: middle; }
    .u-start-banner__heading--blog {
      padding: 120px 0; }
    .u-start-banner__heading--portfolio {
      padding: 50px 0; }
  .u-start-banner__title {
    margin-bottom: 10px;
    color: #222; }
    .u-start-banner__title--white {
      color: #fff; }
    .u-start-banner__title--max600 {
      max-width: 600px; }
    .u-start-banner__title--main {
      font-family: 'intro_regular', sans-serif;
      font-size: 80px;
      font-weight: 400;
      line-height: 80px;
      letter-spacing: 25px;
      padding-top: 10px;
      padding-bottom: 10px;
      color: #131313;
      text-shadow: 1px -1px 0 #767676, 
 -1px 2px 1px #737272, 
 -2px 4px 1px #767474, 
 -3px 6px 1px #787777, 
 -4px 8px 1px #7b7a7a, 
 -5px 10px 1px #7f7d7d, 
 -6px 12px 1px #828181, 
 -7px 14px 1px #868585, 
 -8px 16px 1px #8b8a89, 
 -9px 18px 1px #8f8e8d, 
 -10px 20px 1px #949392, 
 -11px 22px 1px #999897, 
 -12px 24px 1px #9e9c9c, 
 -13px 26px 1px #a3a1a1, 
 -14px 28px 1px #a8a6a6, 
 -15px 30px 1px #adabab, 
 -16px 32px 1px #b2b1b0, 
 -17px 34px 1px #b7b6b5, 
 -18px 36px 1px #bcbbba, 
 -19px 38px 1px #c1bfbf, 
 -20px 40px 1px #c6c4c4, 
 -21px 42px 1px #cbc9c8, 
 -22px 44px 1px #cfcdcd, 
 -23px 46px 1px #d4d2d1, 
 -24px 48px 1px #d8d6d5, 
 -25px 50px 1px #dbdad9, 
 -26px 52px 1px #dfdddc, 
 -27px 54px 1px #e2e0df, 
 -28px 56px 1px #e4e3e2; }
  .u-start-banner__desc {
    font-size: 16px;
    color: #6f6f6f; }
    .u-start-banner__desc--gold {
      color: #b99d61; }
    .u-start-banner__desc--white {
      color: #fff; }
    .u-start-banner__desc--margin {
      margin-bottom: 20px; }
  .u-start-banner__text {
    color: #6f6f6f; }
  .u-start-banner__link {
    margin: 10px 20px 10px 0; }

.btn-bg {
  color: black;
  display: inline-block;
  line-height: 45px;
  background-color: #fff;
  border-radius: 22px;
  border: 1px solid #fff;
  padding: 0 35px; }
  .btn-bg:hover {
    color: #fff;
    background-color: transparent; }

.btn-border {
  color: #fff;
  display: inline-block;
  line-height: 45px;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 0 35px;
  border-radius: 22px; }
  .btn-border:hover {
    background-color: #fff;
    color: #000; }

@media only screen and (max-width: 991px) {
  .u-start-banner__heading {
    padding: 180px 0; }
    .u-start-banner__heading--blog {
      padding: 120px 0; }
    .u-start-banner__heading--portfolio {
      padding: 50px 0; }
    .u-start-banner__heading--cell {
      padding: 0; } }

@media only screen and (max-width: 767px) {
  .u-start-banner__title--main {
    font-size: 40px;
    line-height: 45px;
    letter-spacing: 7px;
    text-shadow: 0 0 0; } }

/*================================================*/
/* END START BANNER HEADING */
/*================================================*/
/*================================================*/
/* SECTION HEADING */
/*================================================*/
.u-section-heading {
  text-align: center;
  padding: 100px 0 60px 0; }
  .u-section-heading--only-title {
    padding: 100px 0 20px 0; }
  .u-section-heading__title {
    margin-bottom: 40px;
    color: #222;
    position: relative;
    z-index: 2; }
    .u-section-heading__title--white {
      color: #fff; }
  .u-section-heading__desc {
    max-width: 835px;
    margin-left: auto;
    margin-right: auto;
    color: #222;
    font-size: 16px;
    text-transform: none; }
    .u-section-heading__desc--white {
      color: #fff; }
  .u-section-heading__text {
    color: #6f6f6f; }

@media only screen and (max-width: 991px) {
  .u-section-heading {
    padding: 50px 0px; }
    .u-section-heading--only-title {
      padding: 50px 0 20px 0; } }

/*================================================*/
/* END SECTION HEADING */
/*================================================*/
/*================================================*/
/* ACCORDIONS */
/*================================================*/
.u-accordion__panel-wrap:not(:last-child) {
  margin-bottom: 20px; }

.u-accordion__panel-title {
  position: relative;
  background: #222;
  padding: 10px 35px;
  color: #fff;
  cursor: pointer; }
  .u-accordion__panel-title--white-bg {
    background: #fff;
    color: #222; }

.u-accordion__panel-content {
  visibility: visible;
  padding: 10px 35px;
  max-height: 1000px;
  opacity: 1;
  background-color: #efefef;
  display: none; }
  .u-accordion__panel-content p {
    color: #222; }
  .u-accordion__panel-content--light-bg {
    background-color: #efefef; }

/*================================================*/
/* END ACCORDIONS */
/*================================================*/
/*================================================*/
/* BUTTONS */
/*================================================*/
.u-btn {
  display: inline-block;
  position: relative;
  outline: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-transform: lowercase;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .u-btn--xs {
    font-size: 12px;
    line-height: 40px;
    padding: 0 25px;
    border-radius: 25px; }
  .u-btn--small {
    font-size: 14px;
    line-height: 45px;
    padding: 0 35px;
    border-radius: 30px; }
  .u-btn--medium {
    font-size: 16px;
    line-height: 50px;
    padding: 0 45px;
    border-radius: 35px; }
  .u-btn--large {
    font-size: 18px;
    line-height: 55px;
    padding: 0 55px;
    border-radius: 40px; }
  .u-btn--gold {
    border: 1px solid #b99d61;
    background-color: #b99d61;
    color: #fff; }
  .u-btn--white {
    border: 1px solid #fff;
    background-color: #fff;
    color: #222; }
  .u-btn--black {
    border: 1px solid #222;
    background-color: #222;
    color: #fff; }
  .u-btn--grey {
    border: 1px solid #949494;
    background-color: transparent;
    color: #949494; }
  .u-btn--hover-black:hover {
    border: 1px solid #222;
    background: #222;
    color: #fff; }
  .u-btn--hover-white:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #222; }
  .u-btn--hover-grey:hover {
    border: 1px solid #949494;
    background: #949494;
    color: #fff; }
  .u-btn--hover-gold:hover {
    border: 1px solid #b99d61;
    background: #b99d61;
    color: #fff; }
  .u-btn--hover-trans-brd-black:hover {
    border: 1px solid #222;
    background: transparent;
    color: #222; }

/*================================================*/
/* END BUTTONS */
/*================================================*/
/*================================================*/
/* SEPARATORS */
/*================================================*/
.u-separator {
  position: relative;
  margin-bottom: 40px;
  text-align: center; }
  .u-separator:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 4px;
    background: transparent url("../img/h-after.png") 0 0 no-repeat; }
  .u-separator--icon {
    margin-bottom: 50px; }
    .u-separator--icon:after {
      display: none; }
    .u-separator--icon i {
      font-size: 35px;
      line-height: 40px;
      font-weight: 700;
      display: inline-block;
      position: absolute;
      bottom: -40px;
      left: 0;
      right: 0;
      margin: auto;
      color: #b99d61; }
  .u-separator--left {
    text-align: left; }
    .u-separator--left:after {
      margin-left: 0; }
    .u-separator--left i {
      text-align: left; }
  .u-separator--right {
    text-align: right; }
    .u-separator--right:after {
      margin-right: 0; }
    .u-separator--right i {
      text-align: right; }
  .u-separator--black:after {
    background: transparent url("../img/h-after-black.png") 0 0 no-repeat; }
  .u-separator--black i {
    color: #222; }

/*================================================*/
/* END SEPARATORS */
/*================================================*/
/*================================================*/
/* GOOGLE MAPS */
/*================================================*/
.u-map .wpc-map {
  height: 500px; }

@media only screen and (max-width: 991px) {
  .u-map .wpc-map {
    height: 300px; } }

/*================================================*/
/* END GOOGLE MAPS */
/*================================================*/
/*================================================*/
/* CALL TO ACTION */
/*================================================*/
.u-call-action {
  padding: 100px 0;
  background-color: #f8f8f8; }
  .u-call-action__col-wrap {
    display: table;
    width: 100%; }
  .u-call-action__left-col {
    display: table-cell;
    width: 75%; }
  .u-call-action__right-col {
    display: table-cell;
    width: 25%;
    text-align: center;
    vertical-align: middle; }
  .u-call-action__title {
    color: #222;
    text-align: left;
    margin-bottom: 15px; }
    .u-call-action__title--white {
      color: #fff; }
  .u-call-action__desc {
    font-size: 16px;
    color: #222; }
    .u-call-action__desc--white {
      color: #fff; }
  .u-call-action--black {
    background-color: #000; }
  .u-call-action--gold {
    background-color: #b99d61; }

@media only screen and (max-width: 991px) {
  .u-call-action {
    padding: 50px 0; } }

@media only screen and (max-width: 767px) {
  .u-call-action__col-wrap {
    display: block; }
  .u-call-action__left-col {
    display: block;
    width: 100%;
    text-align: center; }
  .u-call-action__right-col {
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle; }
  .u-call-action__title {
    text-align: center; }
  .u-call-action__btn {
    margin-top: 40px; } }

/*================================================*/
/* END CALL TO ACTION */
/*================================================*/
/*================================================*/
/* PROGRESS BAR */
/*================================================*/
.u-skill-line__title {
  color: #111;
  margin-bottom: 15px; }

.u-skill-line__bar {
  margin-top: -15px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400; }
  .u-skill-line__bar span {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 2px;
    background-color: #222;
    -webkit-transition: width 3s ease-in;
    transition: width 3s ease-in; }
  .u-skill-line__bar i {
    padding-left: 20px;
    font-style: normal;
    color: #222;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase; }

/*================================================*/
/* END PROGRESS BAR */
/*================================================*/
/*================================================*/
/* TIME LINE */
/*================================================*/
.u-counter {
  width: 25%;
  display: inline-block;
  float: left;
  padding: 0 15px;
  text-align: center; }
  .u-counter__number {
    color: #222; }
  .u-counter__descr {
    color: #222;
    font-weight: 400; }
  .u-counter__icon {
    font-size: 50px;
    color: #b99d61;
    margin-bottom: 15px; }
    .u-counter__icon--black {
      color: #222; }

@media only screen and (max-width: 991px) {
  .u-counter {
    width: 50%;
    padding: 25px 15px; } }

@media only screen and (max-width: 480px) {
  .u-counter {
    width: 100%; } }

/*================================================*/
/* END TIME LINE */
/*================================================*/
/*================================================*/
/* PIE CHARTS */
/*================================================*/
.u-pie-charts {
  width: 100%; }

.u-pie-item {
  width: 25%;
  display: inline-block;
  float: left;
  padding: 0 15px;
  text-align: center; }
  .u-pie-item__circle {
    max-width: 160px;
    max-height: 160px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f8f8f8;
    border-radius: 100%;
    padding: 4px; }
    .u-pie-item__circle--white {
      background-color: #fff; }
    .u-pie-item__circle--black {
      background-color: #222; }
  .u-pie-item__number {
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700; }
    .u-pie-item__number--white {
      color: #fff; }
    .u-pie-item__number--gold {
      color: #b99d61; }
  .u-pie-item .pie_progress__svg path {
    stroke: #222; }
  .u-pie-item__title {
    margin-top: 20px;
    margin-bottom: 15px; }
  .u-pie-item__icon {
    font-size: 50px;
    color: #b99d61; }
    .u-pie-item__icon--black {
      color: #222; }
    .u-pie-item__icon--white {
      color: #fff; }

.u-pie-item--white .pie_progress__svg path {
  stroke: #ebebeb; }

.u-pie-item--black .pie_progress__svg path {
  stroke: #fff; }

@media only screen and (max-width: 991px) {
  .u-pie-item {
    width: 50%;
    padding: 25px 15px; } }

@media only screen and (max-width: 480px) {
  .u-pie-item {
    width: 100%; } }

/*================================================*/
/* END PIE CHARTS */
/*================================================*/
/*================================================*/
/* COLUMNS */
/*================================================*/
.padding-l15 {
  padding-left: 15px; }

.padding-r15 {
  padding-right: 15px; }

.padding-rl7 {
  padding-right: 7px;
  padding-left: 7px; }

@media only screen and (max-width: 767px) {
  .padding-l15 {
    padding-left: 0; }
  .padding-r15 {
    padding-right: 0; }
  .padding-rl7 {
    padding-right: 0;
    padding-left: 0; } }

/*================================================*/
/* END COLUMNS */
/*================================================*/
/*================================================*/
/* BLOCKQUOTE */
/*================================================*/
blockquote, .u-blockqoute {
  position: relative;
  max-width: 800px;
  margin: 30px auto;
  padding: 20px 40px;
  text-align: center;
  color: #6f6f6f;
  border: none;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  font-style: italic; }
  blockquote:before, blockquote:after, .u-blockqoute:before, .u-blockqoute:after {
    content: '';
    position: absolute;
    width: 22px;
    height: 23px;
    background: transparent url("../img/article.png") 0 0 no-repeat; }
  blockquote:before, .u-blockqoute:before {
    left: 10px;
    top: 0; }
  blockquote:after, .u-blockqoute:after {
    right: 10px;
    bottom: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.u-blockqoute--white-text {
  color: #fff; }

.u-blockqoute--black:before, .u-blockqoute--black:after {
  background: transparent url("../img/article-black.png") 0 0 no-repeat; }

@media only screen and (max-width: 991px) {
  blockquote, .u-blockqoute {
    max-width: 650px; } }

/*================================================*/
/* END BLOCKQUOTE */
/*================================================*/
/*================================================*/
/* ICON BLOCK */
/*================================================*/
.u-icon-block {
  width: 100%;
  padding: 50px 15px;
  text-align: center; }
  .u-icon-block__icon {
    font-family: 'Pe-icon-7-stroke';
    font-size: 50px;
    color: #b99d61; }
    .u-icon-block__icon--black {
      color: #222; }
  .u-icon-block__title {
    margin-top: 15px;
    margin-bottom: 30px;
    color: #222; }
  .u-icon-block--left {
    text-align: left; }
  .u-icon-block--right {
    text-align: right; }
  .u-icon-block--row-style {
    text-align: left; }
    .u-icon-block--row-style .u-icon-block__title {
      margin-left: 10px;
      margin-top: 0;
      display: inline-block;
      vertical-align: top; }
    .u-icon-block--row-style .u-icon-block__descr {
      padding-left: 60px; }

@media only screen and (max-width: 991px) {
  .u-icon-block {
    padding: 25px 15px; } }

/*================================================*/
/* END ICON BLOCK */
/*================================================*/
/*================================================*/
/* COUNTDOWN */
/*================================================*/
.u-countdown-bg {
  height: 100vh;
  width: 100%;
  display: table;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }
  .u-countdown-bg__item {
    display: table-cell;
    vertical-align: middle;
    z-index: 3;
    position: relative; }
  .u-countdown-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.7); }

.u-countdown .ClassyCountdown-wrapper > div {
  max-height: 120px; }
  .u-countdown .ClassyCountdown-wrapper > div > div:first-child {
    display: none !important; }

.u-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
  font-family: "Poppins", sans-serif;
  font-size: 45px;
  line-height: 54px;
  font-weight: 700;
  color: #fff;
  position: relative; }
  .u-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 4px;
    background: transparent url("../img/h-after.png") 0 0 no-repeat; }

.u-countdown .ClassyCountdown-wrapper .ClassyCountdown-value span {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  color: #fff;
  text-transform: lowercase; }

.u-countdown .ClassyCountdown-wrapper canvas {
  display: none; }

@media only screen and (max-width: 1199px) {
  .u-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
    margin-bottom: 10px; } }

@media only screen and (max-width: 991px) {
  .u-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div:after {
    bottom: -10px; } }

@media only screen and (max-width: 767px) {
  .u-countdown .ClassyCountdown-wrapper > div {
    width: calc(50% - 20px);
    margin-bottom: 20px; } }

/*================================================*/
/* END COUNTDOWN */
/*================================================*/
/*================================================*/
/* SUBSRCIBE */
/*================================================*/
.u-subscribe {
  padding: 100px 0;
  background-color: #f8f8f8; }
  .u-subscribe__title {
    line-height: 45px;
    color: #222;
    text-align: left; }
    .u-subscribe__title--white {
      color: #fff; }
  .u-subscribe__input {
    width: 72%;
    margin-right: 4%;
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 400;
    line-height: 45px;
    border: none;
    border-bottom: 1px solid #6f6f6f;
    padding: 0 15px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-transform: lowercase; }
    .u-subscribe__input::-webkit-input-placeholder {
      color: #6f6f6f;
      -webkit-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
    .u-subscribe__input::-moz-placeholder {
      color: #6f6f6f;
      transition: all 0.3s ease-in; }
    .u-subscribe__input:-ms-input-placeholder {
      color: #6f6f6f;
      transition: all 0.3s ease-in; }
    .u-subscribe__input:-moz-placeholder {
      color: #6f6f6f;
      transition: all 0.3s ease-in; }
    .u-subscribe__input:hover, .u-subscribe__input:focus {
      color: #222;
      border-bottom: 1px solid #222; }
      .u-subscribe__input:hover::-webkit-input-placeholder, .u-subscribe__input:focus::-webkit-input-placeholder {
        color: #222;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .u-subscribe__input:hover::-moz-placeholder, .u-subscribe__input:focus::-moz-placeholder {
        color: #222;
        transition: all 0.3s ease-in; }
      .u-subscribe__input:hover:-ms-input-placeholder, .u-subscribe__input:focus:-ms-input-placeholder {
        color: #222;
        transition: all 0.3s ease-in; }
      .u-subscribe__input:hover:-moz-placeholder, .u-subscribe__input:focus:-moz-placeholder {
        color: #222;
        transition: all 0.3s ease-in; }
    .u-subscribe__input--white {
      border-bottom: 1px solid #fff;
      color: #fff; }
      .u-subscribe__input--white::-webkit-input-placeholder {
        color: #fff;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--white::-moz-placeholder {
        color: #fff;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--white:-ms-input-placeholder {
        color: #fff;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--white:-moz-placeholder {
        color: #fff;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--white:focus::-webkit-input-placeholder, .u-subscribe__input--white:hover::-webkit-input-placeholder {
        color: #b99d61;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--white:focus:-moz-placeholder, .u-subscribe__input--white:hover:-moz-placeholder {
        color: #b99d61;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--white:focus::-moz-placeholder, .u-subscribe__input--white:hover::-moz-placeholder {
        color: #b99d61;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--white:focus:-ms-input-placeholder, .u-subscribe__input--white:hover:-ms-input-placeholder {
        color: #b99d61;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--white:hover, .u-subscribe__input--white:focus {
        color: #b99d61;
        border-bottom: 1px solid #b99d61; }
    .u-subscribe__input--black {
      border-bottom: 1px solid #222;
      color: #222; }
      .u-subscribe__input--black::-webkit-input-placeholder {
        color: #222;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--black::-moz-placeholder {
        color: #222;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--black:-ms-input-placeholder {
        color: #222;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--black:-moz-placeholder {
        color: #222;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--black:focus::-webkit-input-placeholder, .u-subscribe__input--black:hover::-webkit-input-placeholder {
        color: #fff;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--black:focus:-moz-placeholder, .u-subscribe__input--black:hover:-moz-placeholder {
        color: #fff;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--black:focus::-moz-placeholder, .u-subscribe__input--black:hover::-moz-placeholder {
        color: #fff;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--black:focus:-ms-input-placeholder, .u-subscribe__input--black:hover:-ms-input-placeholder {
        color: #fff;
        transition: all 0.3s ease-in; }
      .u-subscribe__input--black:hover, .u-subscribe__input--black:focus {
        color: #fff;
        border-bottom: 1px solid #fff; }
  .u-subscribe--black {
    background-color: #000; }
  .u-subscribe--gold {
    background-color: #b99d61; }

@media only screen and (max-width: 991px) {
  .u-subscribe {
    padding: 50px 0; }
    .u-subscribe__title {
      margin-bottom: 40px; } }

@media only screen and (max-width: 767px) {
  .u-subscribe {
    text-align: center; }
    .u-subscribe__title {
      text-align: center; }
    .u-subscribe__input {
      width: 100%;
      max-width: 600px;
      margin-right: 0;
      margin-bottom: 40px; } }

/*================================================*/
/* END SUBSRCIBE */
/*================================================*/
/*================================================*/
/* FOOTER */
/*================================================*/
.u-footer {
  z-index: 5; }
  .u-footer__top {
    padding: 100px 0;
    text-align: left;
    background-color: transparent; }
    .u-footer__top--text-center {
      text-align: center; }
  .u-footer__bottom {
    padding: 30px 0;
    text-align: center;
    background-color: #222; }
    .u-footer__bottom--black {
      background-color: #000; }
  .u-footer__fix {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 15px;
    text-align: center;
    background-color: transparent; }
  .u-footer__main-link {
    color: #949494; }
    .u-footer__main-link:hover {
      color: #fff; }
    .u-footer__main-link--float {
      float: left;
      line-height: 24px; }
    .u-footer__main-link--splitted {
      color: #222; }
      .u-footer__main-link--splitted:hover {
        color: #949494; }
    .u-footer__main-link--dark {
      color: #222; }
      .u-footer__main-link--dark:hover {
        color: #949494; }
    .u-footer__main-link--white {
      color: #fff; }
      .u-footer__main-link--white:hover {
        color: #949494; }
  .u-footer__logo {
    margin-bottom: 15px; }
  .u-footer__title {
    color: #fff;
    margin-bottom: 30px;
	text-transform: none;  
}
  .u-footer__descr {
    color: #949494; }
  .u-footer__map {
    height: 245px; }

.u-footer-info li {
  margin-bottom: 15px; }

.u-footer-info__title {
  color: #fff;
  margin-bottom: 5px; }

.u-footer-info__desc {
  color: #fff; }
  .u-footer-info__desc:hover {
    color: #949494; }

.u-footer-info--text-style li {
  margin-bottom: 0; }

.u-footer-info--text-style .u-footer-info__desc {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  color: #949494; }
  .u-footer-info--text-style .u-footer-info__desc:hover {
    color: #fff; }

.u-footer-soc li {
  display: inline-block;
  margin: 0 7px; }
  .u-footer-soc li:first-child {
    margin-left: 0; }
  .u-footer-soc li:last-child {
    margin-right: 0; }
  .u-footer-soc li a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #949494; }
    .u-footer-soc li a:hover {
      color: #fff; }

.u-footer-soc--bottom {
  margin-top: 15px; }
  .u-footer-soc--bottom li {
    margin: 0 12px; }
    .u-footer-soc--bottom li a {
      font-size: 16px;
      color: #fff; }
      .u-footer-soc--bottom li a:hover {
        color: #949494; }

.u-footer-soc--float {
  float: right;
  margin-top: 0; }
  .u-footer-soc--float li {
    margin: 0 12px; }
    .u-footer-soc--float li a {
      font-size: 16px; }

.u-footer-soc--white li a {
  color: #fff; }
  .u-footer-soc--white li a:hover {
    color: #949494; }

.u-footer-soc--gold li a {
  color: #b99d61; }
  .u-footer-soc--gold li a:hover {
    color: #fff; }

.u-footer-soc--dark li a {
  color: #222; }
  .u-footer-soc--dark li a:hover {
    color: #949494; }

.u-footer-form {
  max-width: 330px;
  position: relative; }
  .u-footer-form__label {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 15px;
    color: #949494; }
  .u-footer-form__input, .u-footer-form__textarea {
    width: 100%;
    font-size: 14px;
    line-height: 45px;
    font-weight: 300;
    text-transform: lowercase;
    margin-bottom: 15px;
    padding: 0 5px;
    color: #949494;
    border-bottom: 1px solid #949494;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .u-footer-form__input::-webkit-input-placeholder, .u-footer-form__textarea::-webkit-input-placeholder {
      color: #949494;
      -webkit-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
    .u-footer-form__input::-moz-placeholder, .u-footer-form__textarea::-moz-placeholder {
      color: #949494;
      transition: all 0.3s ease-in; }
    .u-footer-form__input:-ms-input-placeholder, .u-footer-form__textarea:-ms-input-placeholder {
      color: #949494;
      transition: all 0.3s ease-in; }
    .u-footer-form__input:-moz-placeholder, .u-footer-form__textarea:-moz-placeholder {
      color: #949494;
      transition: all 0.3s ease-in; }
    .u-footer-form__input:focus::-webkit-input-placeholder, .u-footer-form__input:hover::-webkit-input-placeholder, .u-footer-form__textarea:focus::-webkit-input-placeholder, .u-footer-form__textarea:hover::-webkit-input-placeholder {
      color: #fff;
      -webkit-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
    .u-footer-form__input:focus:-moz-placeholder, .u-footer-form__input:hover:-moz-placeholder, .u-footer-form__textarea:focus:-moz-placeholder, .u-footer-form__textarea:hover:-moz-placeholder {
      color: #fff;
      transition: all 0.3s ease-in; }
    .u-footer-form__input:focus::-moz-placeholder, .u-footer-form__input:hover::-moz-placeholder, .u-footer-form__textarea:focus::-moz-placeholder, .u-footer-form__textarea:hover::-moz-placeholder {
      color: #fff;
      transition: all 0.3s ease-in; }
    .u-footer-form__input:focus:-ms-input-placeholder, .u-footer-form__input:hover:-ms-input-placeholder, .u-footer-form__textarea:focus:-ms-input-placeholder, .u-footer-form__textarea:hover:-ms-input-placeholder {
      color: #fff;
      transition: all 0.3s ease-in; }
    .u-footer-form__input:hover, .u-footer-form__input:focus, .u-footer-form__textarea:hover, .u-footer-form__textarea:focus {
      color: #fff;
      border-bottom: 1px solid #fff; }
  .u-footer-form__textarea {
    min-height: 85px;
    resize: vertical;
    margin-bottom: 30px; }
  .u-footer-form--newsletter .u-footer-form__btn {
    position: absolute;
    bottom: 15px;
    right: 0;
    border-radius: 0;
    width: 45px;
    height: 45px;
    padding: 0;
    background-color: #949494;
    border: 1px solid #949494;
    color: #fff; }
    .u-footer-form--newsletter .u-footer-form__btn:hover {
      background-color: #fff;
      border: 1px solid #fff;
      color: #949494; }

.u-footer-nav ul {
  margin-bottom: 30px;
  display: inline-block;
  border-bottom: 1px solid #949494;
  border-top: 1px solid #949494; }
  .u-footer-nav ul li {
    display: inline-block;
    margin: 5px 13px; }
    .u-footer-nav ul li a {
      color: #949494; }
      .u-footer-nav ul li a:hover {
        color: #fff; }

@media only screen and (max-width: 991px) {
  .u-footer__top {
    padding: 50px 0; }
  .u-footer__main-link--splitted {
    color: #fff; }
    .u-footer__main-link--splitted:hover {
      color: #949494; } }

@media only screen and (max-width: 767px) {
  .u-footer__top {
    text-align: center; }
  .u-footer__main-link--float {
    float: none; }
  .u-footer-form {
    margin-left: auto;
    margin-right: auto; }
  .u-footer-soc--float {
    float: none;
    margin-top: 5px; } }

@media only screen and (max-width: 400px) {
  .u-footer--hide-xxs {
    display: none; } }

/*================================================*/
/* END FOOTER */
/*================================================*/
/*================================================*/
/* BREADCRUMB */
/*================================================*/
.u-breadcrumb {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .u-breadcrumb__item {
    display: inline-block; }
    .u-breadcrumb__item a {
      position: relative;
      color: #949494; }
      .u-breadcrumb__item a:hover {
        color: #222; }
    .u-breadcrumb__item:not(:first-child) a:before {
      content: '/\00a0';
      color: #949494;
      padding: 0 5px; }
    .u-breadcrumb__item.active a {
      color: #222; }

@media only screen and (max-width: 991px) {
  .u-breadcrumb {
    position: static;
    -webkit-transform: none;
    transform: none;
    margin-top: 20px;
    text-align: right; } }

@media only screen and (max-width: 767px) {
  .u-breadcrumb {
    text-align: left; } }

/*================================================*/
/* END BREADCRUMB */
/*================================================*/
/*================================================*/
/* FILTERS STYLE */
/*================================================*/
.max-width1200 {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto; }

.fillter-wrap {
  position: relative;
  width: 100%;
  text-align: right;
  padding: 0px 0px 40px; }
  .fillter-wrap h1, .fillter-wrap h2, .fillter-wrap h3, .fillter-wrap h4, .fillter-wrap h5, .fillter-wrap h6 {
    margin-left: 0;
    float: left;
    line-height: 54px; }
  .fillter-wrap .but {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: lowercase;
    margin: 13px 5px 0;
    background: none;
    color: #666; }
    .fillter-wrap .but.activbut {
      color: #fff;
      background: #000; }

.filters-style-3 .but {
  position: relative;
  padding: 5px 15px;
  line-height: 24px;
  color: #666;
  -webkit-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in; }
  .filters-style-3 .but:last-child {
    margin-right: 0; }
  .filters-style-3 .but:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #666;
    left: 0;
    bottom: -10px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in, bottom 0.3s ease-in, background 0.3s ease-in;
    transition: opacity 0.3s ease-in, bottom 0.3s ease-in, background 0.3s ease-in; }
  .filters-style-3 .but:hover {
    color: #222; }
    .filters-style-3 .but:hover:after {
      bottom: 0;
      opacity: 1;
      background: #222; }
  .filters-style-3 .but.activbut {
    color: #222;
    background-color: transparent; }
    .filters-style-3 .but.activbut:after {
      bottom: 0;
      opacity: 1;
      background: #222; }

.filters-style-5 h1 {
  color: #222; }

.filters-style-5 .but {
  padding: 5px 15px;
  color: #6f6f6f;
  line-height: 24px;
  position: relative;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .filters-style-5 .but:last-child {
    margin-right: 0; }
  .filters-style-5 .but:hover {
    background-color: #e8e8e8;
    border-radius: 22px; }
    .filters-style-5 .but:hover:after {
      opacity: 0; }
  .filters-style-5 .but.activbut {
    background-color: #e8e8e8;
    border-radius: 22px;
    color: #6f6f6f; }
    .filters-style-5 .but.activbut:hover:after {
      opacity: 0; }

.filters-style-6 {
  text-align: center;
  margin-top: 35px; }
  .filters-style-6 .but {
    margin: 0 10px;
    color: #949494; }
    .filters-style-6 .but.activbut {
      color: #111;
      background-color: transparent; }

@media only screen and (max-width: 1199px) {
  .filters-style-5.main {
    text-align: center; }
    .filters-style-5.main h1, .filters-style-5.main h2, .filters-style-5.main h3, .filters-style-5.main h4, .filters-style-5.main h5, .filters-style-5.main h6 {
      float: none; } }

@media only screen and (max-width: 991px) {
  .fillter-wrap {
    text-align: center; }
    .fillter-wrap h1, .fillter-wrap h2, .fillter-wrap h3, .fillter-wrap h4, .fillter-wrap h5, .fillter-wrap h6 {
      float: none; }
  .filters-style-6 {
    margin-top: 0px; } }

@media only screen and (max-width: 767px) {
  .filters-style-6 .but {
    margin: 10px; } }

/*================================================*/
/* END FILTERS STYLE */
/*================================================*/
/*================================================*/
/* INFO AGENCY LEFT */
/*================================================*/
.wpc-2block-img {
  background-repeat: no-repeat;
  background-size: cover; }
  .wpc-2block-img img {
    width: 100%; }

.wpc-2block-info:after {
  display: table;
  content: " ";
  clear: both; }

.three-block .wpc-2block-info-item {
  width: 100%;
  border: none;
  padding: 50px 15px; }
  .three-block .wpc-2block-info-item i {
    font-size: 50px; }

.wpc-2block-info-item {
  text-align: center;
  box-sizing: border-box;
  padding: 50px 35px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  width: 50%;
  float: left; }
  .wpc-2block-info-item.no-marg-top h3 {
    margin-top: 0; }
  .wpc-2block-info-item i {
    font-size: 80px;
    color: #111; }
  .wpc-2block-info-item h3 {
    color: #111;
    margin-top: 15px;
    margin-bottom: 25px;
    position: relative; }
    .wpc-2block-info-item h3:after {
      content: '';
      display: inline-block;
      background: transparent url("../img/h-after.png") 0 0 no-repeat;
      width: 30px;
      height: 4px;
      position: absolute;
      bottom: -15px;
      left: 0;
      right: 0;
      margin: auto; }
  .wpc-2block-info-item p {
    color: #6f6f6f;
    line-height: 24px;
    font-family: "Poppins", sans-serif; }

.wpc-2block-info-item.port-det {
  border: none; }
  .wpc-2block-info-item.port-det i {
    font-size: 50px; }

@media only screen and (max-width: 991px) {
  .three-block .wpc-2block-info-item {
    padding: 30px 15px; }
  .wpc-2block-info-item {
    padding: 30px 15px; }
    .wpc-2block-info-item i {
      font-size: 50px; } }

@media only screen and (max-width: 768px) {
  .wpc-2block-info-item {
    border: none; } }

@media only screen and (max-width: 600px) {
  .wpc-2block-info-item {
    width: 100%;
    padding: 15px; } }

/*================================================*/
/* END INFO AGENCY LEFT */
/*================================================*/
/*================================================*/
/* INFO AGENCY SECOND STYLE */
/*================================================*/
.wpc-2block-info2 {
  padding-left: 230px;
  margin-top: 85px; }
  .wpc-2block-info2:after {
    content: '';
    display: table;
    clear: both; }
  .wpc-2block-info2 h1 {
    color: #222;
    position: relative;
    margin-bottom: 60px; }
    .wpc-2block-info2 h1:after {
      content: '';
      display: inline-block;
      background: transparent url("../img/h-after.png") 0 0 no-repeat;
      width: 30px;
      height: 4px;
      position: absolute;
      bottom: -20px;
      left: 0;
      margin: auto; }

.wpc-2block-info2-item {
  width: 50%;
  margin-bottom: 30px;
  padding-right: 20px;
  float: left; }
  .wpc-2block-info2-item h3 {
    color: #111;
    margin-bottom: 5px; }
  .wpc-2block-info2-item p {
    color: #6f6f6f;
    display: inline-block;
    max-width: 240px; }

@media only screen and (max-width: 1500px) {
  .wpc-2block-info2 {
    padding-left: 30px; } }

@media only screen and (max-width: 991px) {
  .wpc-2block-info2 {
    text-align: center;
    padding-left: 0;
    margin-top: 50px; }
  .wpc-2block-info2-item {
    width: 50%;
    padding-left: 35px;
    padding-right: 35px; }
    .wpc-2block-info2-item p {
      max-width: none; }
  .wpc-2block-info2 h1:after {
    left: 0;
    right: 0; } }

@media only screen and (max-width: 600px) {
  .wpc-2block-info2-item {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; } }

/*================================================*/
/* END INFO AGENCY SECOND STYLE */
/*================================================*/
/*================================================*/
/* CLIENTS STYLE */
/*================================================*/
.wpc-clients {
  padding-bottom: 100px;
  text-align: center; }

.wpc-clients-item {
  width: 25%;
  float: left;
  display: inline-block;
  height: 105px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  -webkit-filter: saturate(0);
  filter: saturate(0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease; }
  .wpc-clients-item:hover {
    -webkit-filter: saturate(1);
    filter: saturate(1); }
  .wpc-clients-item:nth-child(n+5) {
    border-bottom: none; }
  .wpc-clients-item:nth-child(4n) {
    border-right: none; }
  .wpc-clients-item img {
    vertical-align: middle;
    max-width: 100%; }
  .wpc-clients-item a {
    display: inline-block;
    vertical-align: middle;
    line-height: 105px; }

.wpc-clients-style2 {
  background-color: #111; }
  .wpc-clients-style2 h1 {
    color: white; }
  .wpc-clients-style2 .wpc-clients-item {
    border-color: #1f1f1f;
    opacity: .5; }
    .wpc-clients-style2 .wpc-clients-item:hover {
      opacity: 1; }

.wpc-clients-style3 {
  padding-top: 100px;
  padding-bottom: 100px; }
  .wpc-clients-style3 .wpc-clients-item {
    width: 20%;
    border: none; }
    .wpc-clients-style3 .wpc-clients-item:first-child, .wpc-clients-style3 .wpc-clients-item:nth-child(2) {
      text-align: left; }
    .wpc-clients-style3 .wpc-clients-item:nth-child(4), .wpc-clients-style3 .wpc-clients-item:nth-child(5) {
      text-align: right; }

.wpc-clients-style4 .wpc-clients-item {
  width: 14%;
  border: none; }

@media only screen and (max-width: 1199px) {
  .wpc-clients-style4 .wpc-clients-item {
    margin: 10px;
    float: none;
    width: 20%; } }

@media only screen and (max-width: 991px) {
  .wpc-clients {
    padding-bottom: 50px; }
  .wpc-clients-style3 {
    padding-top: 50px;
    padding-bottom: 50px; }
    .wpc-clients-style3 .wpc-clients-item {
      width: 20%;
      float: none;
      margin: 10px; }
      .wpc-clients-style3 .wpc-clients-item:first-child, .wpc-clients-style3 .wpc-clients-item:nth-child(2) {
        text-align: center; }
      .wpc-clients-style3 .wpc-clients-item:nth-child(4), .wpc-clients-style3 .wpc-clients-item:nth-child(5) {
        text-align: center; }
  .wpc-clients-style2 .wpc-clients-item,
  .wpc-clients-style5 .wpc-clients-item {
    border: none;
    float: none;
    margin: 10px; } }

@media only screen and (max-width: 767px) {
  .wpc-clients-style3 .wpc-clients-item {
    width: 45%; }
  .wpc-clients-style4 .wpc-clients-item {
    width: 45%; }
  .wpc-clients-style2 .wpc-clients-item,
  .wpc-clients-style5 .wpc-clients-item {
    width: 45%; } }

@media only screen and (max-width: 480px) {
  .wpc-clients-style3 .wpc-clients-item {
    width: 100%;
    margin: 10px 0; }
  .wpc-clients-style4 .wpc-clients-item {
    width: 100%;
    margin: 10px 0; }
  .wpc-clients-style2 .wpc-clients-item,
  .wpc-clients-style5 .wpc-clients-item {
    width: 100%;
    margin: 10px 0; } }

/*================================================*/
/* END CLIENTS STYLE */
/*================================================*/
/*================================================*/
/* WHAT THEY SAY */
/*================================================*/
.wpc-they-say {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  .wpc-they-say:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0; }
  .wpc-they-say .header,
  .wpc-they-say .swiper-container {
    position: relative;
    z-index: 2; }
  .wpc-they-say .pagination {
    left: 0;
    right: 0;
    bottom: 95px;
    z-index: 99;
    margin: auto;
    width: auto;
    position: absolute; }
  .wpc-they-say .swiper-pagination-switch {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 8px;
    height: 8px;
    opacity: 0.2;
    background-color: white;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    margin: 10px 5px; }
  .wpc-they-say .swiper-active-switch {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: none;
    margin: 10px 5px;
    width: 18px;
    opacity: 1;
    height: 8px;
    background-color: white;
    border-radius: 4px; }

.wpc-they-say-item {
  margin-bottom: 100px; }
  .wpc-they-say-item blockquote {
    margin: 0 auto 30px auto;
    font-weight: 300; }
    .wpc-they-say-item blockquote:before {
      left: -35px; }
    .wpc-they-say-item blockquote:after {
      right: -35px; }
  .wpc-they-say-item .wpc-they-say-author {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 50px; }
    .wpc-they-say-item .wpc-they-say-author:before {
      content: '-';
      display: inline; }

@media only screen and (max-width: 991px) {
  .wpc-they-say .pagination {
    bottom: 30px; }
  .wpc-they-say-item {
    margin-bottom: 50px; }
    .wpc-they-say-item blockquote:before {
      left: 10px; }
    .wpc-they-say-item blockquote:after {
      right: 10px; } }

@media only screen and (max-width: 767px) {
  .wpc-they-say .pagination {
    bottom: 25px; }
  .wpc-they-say-item {
    margin-bottom: 50px; }
    .wpc-they-say-item blockquote:before, .wpc-they-say-item blockquote:after {
      display: none; } }

/*================================================*/
/* END WHAT THEY SAY */
/*================================================*/
/*================================================*/
/* PORTFOLIO CARDS STYLE*/
/*================================================*/
.card-izotop {
  border-right: 30px solid #f8f8f8;
  border-left: 30px solid #f8f8f8;
  background-color: #e7e7e7; }
  .card-izotop .izotope-container,
  .card-izotop .main-wrapp {
    max-width: 100%;
    box-sizing: border-box; }
  .card-izotop.no-card-border {
    border-right: none;
    border-left: none; }
  .card-izotop.no-bg {
    background-color: transparent; }

.card-izotop-img {
  max-height: 300px; }

.card-izotop-info {
  min-height: 170px;
  position: relative;
  background-color: #f1f1f1;
  overflow: hidden;
  text-align: center;
  padding-top: 30px; }
  .card-izotop-info h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #222;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    min-height: 52px;
    margin-bottom: 25px; }
  .card-izotop-info h5 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #949494; }
  .card-izotop-info a {
    text-align: center;
    line-height: 170px;
    position: absolute;
    color: #222;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: inline-block;
    top: 100%;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }

.card-izotop:hover .item:hover .card-izotop-info a {
  top: 0; }

.item.hide-item {
  display: none; }

.wpc-view-more {
  margin-top: 60px;
  margin-bottom: 30px;
  text-align: center; }

@media only screen and (max-width: 1300px) {
  .card-izotop {
    border: none; } }

@media only screen and (max-width: 991px) {
  .card-izotop .wpc-view-more {
    margin-top: 40px;
    margin-bottom: 0; } }

@media only screen and (max-width: 767px) {
  .card-izotop-info {
    padding-left: 15px;
    padding-right: 15px; }
  .card-izotop-img {
    max-height: none; } }

/*================================================*/
/* END PORTFOLIO CARD STYLE*/
/*================================================*/
/*================================================*/
/* WPC OUR CREATIVE */
/*================================================*/
.wpc-team-wrap .wpc-about-3item {
  margin-bottom: 40px; }


.wpc-about-3item-img {
  position: relative;
  margin-bottom: 25px;
  min-height: 210px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }
  .wpc-about-3item-img:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in; }
  .wpc-about-3item-img .soc-net {
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    position: absolute;
    height: 36px; }
    .wpc-about-3item-img .soc-net li {
      display: inline-block; }
    .wpc-about-3item-img .soc-net a {
      width: 35px;
      line-height: 35px;
      margin: 10px;
      color: #fff;
      border-radius: 50%;
      height: 35px;
      border: 1px solid transparent;
      -webkit-transition: border 0.3s ease-in, opacity 0.3s ease-in, margin 0.3s ease-in;
      transition: border 0.3s ease-in, opacity 0.3s ease-in, margin 0.3s ease-in;
      opacity: 0; }
      .wpc-about-3item-img .soc-net a:hover {
        border-color: #fff; }
  .wpc-about-3item-img:hover a {
    opacity: 1;
    margin: 5px; }
  .wpc-about-3item-img:hover:after {
    opacity: 1; }

.wpc-about-3item-title h3 {
  color: #222; }

.wpc-about-3item-title p {
  text-transform: lowercase; }

@media only screen and (max-width: 991px) {
  .wpc-our-creative {
    padding-bottom: 10px; }
  .wpc-about-3item {
    text-align: center;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px; } }

/*================================================*/
/* END WPC OUR CREATIVE */
/*================================================*/
/*================================================*/
/* WPC CREATIVE ABOUT */
/*================================================*/
.wpc-creative-img {
  width: 100%;
  text-align: center;
}
  .wpc-creative-img img {
	  max-width: 100%;
	  
}

.wpc-creative-info {
/*  margin-top: 55px;*/
  position: absolute;
  top: 90%;
  margin-top: 14em;
}
  .wpc-creative-info__title {
    margin-bottom: 40px;
    text-align: right;
}
  .wpc-creative-info__desc {
    color: #222;
    font-size: 16px;
    display: inline-block;
/*    max-width: 500px;*/ 
     text-align: right;
}
  .wpc-creative-info__text {
    margin-top: 35px;
	text-align: right  
/*    max-width: 500px;*/ 
}

@media only screen and (max-width: 1199px) {
  .wpc-creative-info {
    margin-top: 0; } }

@media only screen and (max-width: 991px) {
  .wpc-creative-img {
    text-align: center; }
  .wpc-creative-info__title {
    margin-bottom: 20px;
    max-width: none; }
  .wpc-creative-info__desc {
    max-width: none; }
  .wpc-creative-info__text {
    margin-top: 20px;
    max-width: none; } }

/*================================================*/
/* END WPC CREATIVE ABOUT */
/*================================================*/
/*================================================*/
/* WPC NEWSLETTER */
/*================================================*/
.wpc-newsletter {
  overflow: hidden; }
  .wpc-newsletter .wpc-newsletter-img {
    background-position: top center; }
    .wpc-newsletter .wpc-newsletter-img img {
      max-width: 100%; }
  .wpc-newsletter .wpc-newsletter-info {
    padding-top: 70px;
    padding-bottom: 70px; }
    .wpc-newsletter .wpc-newsletter-info__title {
      margin-bottom: 20px; }
    .wpc-newsletter .wpc-newsletter-info__text {
      margin-bottom: 20px; }

@media only screen and (max-width: 991px) {
  .wpc-newsletter .wpc-newsletter-info {
    padding-top: 50px;
    padding-bottom: 50px; }
  .wpc-newsletter .wpc-newsletter-img {
    display: none; } }

/*================================================*/
/* WPC NEWSLETTER */
/*================================================*/
/*================================================*/
/* WPC INFO BUSINESS */
/*================================================*/
.wpc-business-img {
  background-position: top center; }
  .wpc-business-img img {
    max-width: 100%; }

.wpc-buisness-info:after {
  display: table;
  content: " ";
  clear: both; }

.wpc-buisness-info-item {
  text-align: center;
  box-sizing: border-box;
  padding: 50px 15px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  width: 50%;
  float: left; }
  .wpc-buisness-info-item i {
    font-size: 80px;
    color: #b99d61; }
  .wpc-buisness-info-item h3 {
    color: #111;
    margin-top: 15px;
    margin-bottom: 25px;
    position: relative; }
    .wpc-buisness-info-item h3:after {
      content: '';
      display: inline-block;
      background: transparent url("../img/h-after.png") 0 0 no-repeat;
      width: 30px;
      height: 4px;
      position: absolute;
      bottom: -15px;
      left: 0;
      right: 0;
      margin: auto; }
  .wpc-buisness-info-item p {
    color: #6f6f6f;
    max-width: 395px;
    display: inline-block; }

@media only screen and (max-width: 991px) {
  .wpc-buisness-info-item {
    padding: 30px 15px; }
    .wpc-buisness-info-item i {
      font-size: 50px; } }

@media only screen and (max-width: 768px) {
  .wpc-buisness-info-item {
    border: none; } }

@media only screen and (max-width: 600px) {
  .wpc-buisness-info-item {
    width: 100%;
    padding: 15px; } }

/*================================================*/
/* END WPC INFO BUSINESS */
/*================================================*/
/*================================================*/
/* WPC HELP COLUMNS  */
/*================================================*/
.wpc-help {
  padding: 0 55px 100px;
  background-color: #000;
  text-align: center; }
  .wpc-help__item {
    background-color: #222;
    padding: 40px 30px; }
    .wpc-help__item h3 {
      color: #fff;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 40px;
      position: relative; }
      .wpc-help__item h3:after {
        position: absolute;
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        background-color: #b99d61;
        bottom: -20px;
        right: 0;
        left: 0;
        margin: auto; }

.wpc-help2 {
  padding: 0 0 100px; }

@media only screen and (max-width: 1199px) {
  .wpc-help__item {
    margin-bottom: 40px; }
  .wpc-help2 {
    padding: 0 0 10px; } }

@media only screen and (max-width: 991px) {
  .wpc-help {
    padding: 0 55px 10px; }
    .wpc-help__item {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; } }

@media only screen and (max-width: 767px) {
  .wpc-help {
    padding: 0 0 10px; }
    .wpc-help__item {
      padding: 30px 15px; } }

/*================================================*/
/* END WPC HELP COLUMNS */
/*================================================*/
/*================================================*/
/* WPC PORTFOLIO TITLE */
/*================================================*/
.wpc-portfolio-card {
  padding-top: 20px;
  padding-bottom: 100px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  .wpc-portfolio-card h1 {
    color: #222;
    margin-bottom: 25px; }

@media only screen and (max-width: 991px) {
  .wpc-portfolio-card {
    padding-bottom: 50px;
    padding-top: 0; } }

@media only screen and (max-width: 768px) {
  .wpc-portfolio-card {
    padding-left: 15px;
    padding-right: 15px; } }

/*================================================*/
/* END WPC PORTFOLIO TITLE */
/*================================================*/
/*================================================*/
/* CONTACT US */
/*================================================*/
.wpc-contactUs-map {
  position: relative; }
  .wpc-contactUs-map .wpc-map {
    height: 600px; }

.wpc-contactUS-info {
  padding: 40px 55px 40px;
  position: absolute;
  background-color: #111;
  left: 0;
  right: 0;
  bottom: 65px;
  margin: auto;
  max-width: 830px; }
  .wpc-contactUS-info:after {
    content: '';
    clear: both;
    display: table; }

.wpc-contactUS-item {
  float: left;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px; }
  .wpc-contactUS-item h3 {
    color: #fff;
    margin-bottom: 25px; }
  .wpc-contactUS-item li:not(:last-child) {
    margin-bottom: 10px; }
  .wpc-contactUS-item li,
  .wpc-contactUS-item a {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    font-family: "Poppins", sans-serif; }
  .wpc-contactUS-item a:before {
    color: #b99d61;
    display: inline-block;
    padding-right: 10px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    font-family: "Pe-icon-7-stroke";
    vertical-align: top; }

.wpc-contactUs-form {
  text-align: center;
  margin-bottom: 100px;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto; }
  .wpc-contactUs-form .wpc-contactUs-input {
    float: left;
    width: 50%;
    text-align: left; }
  .wpc-contactUs-form .wpc-contactUs-button {
    width: 100%;
    clear: both; }
  .wpc-contactUs-form form input,
  .wpc-contactUs-form form textarea {
    width: 100%; }
  .wpc-contactUs-form form:after {
    clear: both;
    display: table;
    content: ''; }
  .wpc-contactUs-form h1 {
    color: #222;
    margin-top: 100px;
    margin-bottom: 40px; }
  .wpc-contactUs-form ::-webkit-input-placeholder {
    color: #cdcdcd; }
  .wpc-contactUs-form ::-moz-placeholder {
    color: #cdcdcd; }
  .wpc-contactUs-form :-ms-input-placeholder {
    color: #cdcdcd; }
  .wpc-contactUs-form :-moz-placeholder {
    color: #cdcdcd; }
  .wpc-contactUs-form input:focus::-webkit-input-placeholder {
    color: #525252; }
  .wpc-contactUs-form input:focus:-moz-placeholder {
    color: #525252; }
  .wpc-contactUs-form input:focus::-moz-placeholder {
    color: #525252; }
  .wpc-contactUs-form input:focus:-ms-input-placeholder {
    color: #525252; }
  .wpc-contactUs-form input {
    color: #cdcdcd;
    font-size: 14px;
    font-weight: 300;
    line-height: 51px;
    border: none;
    padding: 0 15px;
    border-bottom: 1px solid #cdcdcd;
    width: 100%;
    max-width: 380px; }
    .wpc-contactUs-form input:focus {
      color: #525252;
      border-bottom: 1px solid #525252; }
  .wpc-contactUs-form textarea {
    border: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 51px;
    border-bottom: 1px solid #cdcdcd;
    min-height: 156px;
    resize: vertical;
    text-transform: none;
    margin-bottom: 0;
    padding: 0 15px; }
    .wpc-contactUs-form textarea:focus {
      color: #525252;
      border-bottom: 1px solid #525252; }
  .wpc-contactUs-form textarea:focus::-webkit-input-placeholder {
    color: #525252; }
  .wpc-contactUs-form textarea:focus:-moz-placeholder {
    color: #525252; }
  .wpc-contactUs-form textarea:focus::-moz-placeholder {
    color: #525252; }
  .wpc-contactUs-form textarea:focus:-ms-input-placeholder {
    color: #525252; }
  .wpc-contactUs-form button {
    margin-top: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 45px;
    padding: 0 35px;
    text-transform: lowercase;
    background-color: #222;
    border-radius: 30px;
    display: inline-block;
    -webkit-transition: color 0.3s ease-in, background-color 0.3s ease-in;
    transition: color 0.3s ease-in, background-color 0.3s ease-in; }
    .wpc-contactUs-form button:hover {
      color: #222;
      background-color: #fff; }

@media only screen and (max-width: 991px) {
  .wpc-contactUS-info {
    padding: 40px 15px;
    max-width: 738px; }
  .wpc-contactUs-form {
    margin-bottom: 50px;
    max-width: 738px;
    padding: 0 15px; }
    .wpc-contactUs-form .wpc-contactUs-input {
      padding: 0 15px; }
    .wpc-contactUs-form h1 {
      margin-top: 50px; } }

@media only screen and (max-width: 767px) {
  .wpc-contactUS-info {
    max-width: calc(100% - 30px); } }

@media only screen and (max-width: 600px) {
  .wpc-contactUS-item {
    width: 100%;
    float: none;
    padding: 0; }
  .wpc-contactUS-item:not(:last-child) {
    margin-bottom: 40px; }
  .wpc-contactUs-form .wpc-contactUs-input {
    width: 100%;
    padding: 0; }
    .wpc-contactUs-form .wpc-contactUs-input input {
      max-width: 100%; }
  .wpc-contactUs-input:nth-child(2) {
    padding-left: 0; } }

.contactUs2-info {
  padding-top: 100px; }
  .contactUs2-info h1 {
    text-align: center;
    margin-bottom: 40px; }
  .contactUs2-info p {
    color: #5f6263; }
  .contactUs2-info ul {
    margin-top: 40px;
    margin-bottom: 40px; }
    .contactUs2-info ul:after {
      content: '';
      clear: both;
      display: table; }
  .contactUs2-info li {
    display: inline-block;
    min-width: 295px;
    width: 33.333333%;
    float: left; }
  .contactUs2-info a {
    color: #5f6263;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px; }
    .contactUs2-info a:before {
      color: #b99d61;
      display: inline-block;
      padding-right: 10px;
      font-size: 20px;
      line-height: 24px;
      font-weight: 600;
      font-family: 'Pe-icon-7-stroke';
      vertical-align: top; }

.contactUs2-map .wpc-map {
  height: 600px; }

.wpc-contactUs-form-style2 {
  max-width: 720px;
  padding: 0; }
  .wpc-contactUs-form-style2 .wpc-contactUs-input {
    width: 100%;
    padding: 0; }
    .wpc-contactUs-form-style2 .wpc-contactUs-input textarea,
    .wpc-contactUs-form-style2 .wpc-contactUs-input input {
      width: 100%;
      max-width: 100%;
      text-align: center; }
    .wpc-contactUs-form-style2 .wpc-contactUs-input input {
      margin-bottom: 30px; }
    .wpc-contactUs-form-style2 .wpc-contactUs-input textarea {
      min-height: 125px; }

@media only screen and (max-width: 991px) {
  .contactUs2-info {
    padding-top: 50px; }
    .contactUs2-info li {
      width: 100%;
      margin-bottom: 10px; } }

@media only screen and (max-width: 767px) {
  .wpc-contactUs-form-style2 {
    max-width: 100%; }
    .wpc-contactUs-form-style2 .wpc-contactUs-input input {
      margin-bottom: 15px; }
  .contactUs2-map .wpc-map {
    height: 300px; } }

.wpc-contactUs-form-style3 {
  padding-left: 200px;
  text-align: left;
  margin-bottom: 100px;
  padding-right: 35px; }
  .wpc-contactUs-form-style3 .wpc-contactUs-input {
    width: 100%;
    padding: 0; }
    .wpc-contactUs-form-style3 .wpc-contactUs-input input {
      width: 100%;
      max-width: 100%; }
    .wpc-contactUs-form-style3 .wpc-contactUs-input textarea {
      min-height: 125px; }

.contactUs3-map .wpc-map {
  height: 700px; }

@media only screen and (max-width: 1300px) {
  .wpc-contactUs-form-style3 {
    padding-left: 30px; } }

@media only screen and (max-width: 991px) {
  .wpc-contactUs-form-style3 {
    margin-bottom: 50px;
    padding: 0;
    padding-left: 0; }
  .contactUs3-map .wpc-map {
    height: 500px; } }

@media only screen and (max-width: 767px) {
  .contactUs3-map .wpc-map {
    height: 300px; } }

.contactUs4-wrap {
  padding-top: 100px;
  padding-bottom: 100px; }

.contactUs4-info {
  padding-top: 0;
  max-width: 585px;
  margin-left: auto; }
  .contactUs4-info h1 {
    text-align: left; }
  .contactUs4-info ul {
    margin-bottom: 0; }
  .contactUs4-info li {
    float: none;
    width: 100%;
    margin-bottom: 10px; }

.wpc-contactUs-form-style4 {
  max-width: 585px;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
  text-align: left;
  padding: 0; }
  .wpc-contactUs-form-style4 h1 {
    margin-top: 40px;
    text-align: left; }
  .wpc-contactUs-form-style4 .wpc-contactUs-input {
    width: 100%;
    float: none;
    padding: 0; }
    .wpc-contactUs-form-style4 .wpc-contactUs-input textarea {
      max-width: 380px; }

.contactUs4-map .wpc-map {
  height: 900px; }

@media only screen and (max-width: 991px) {
  .contactUs4-wrap {
    padding-top: 50px;
    padding-bottom: 50px; }
  .contactUs4-info {
    max-width: 100%;
    text-align: center; }
    .contactUs4-info h1 {
      text-align: center; }
  .wpc-contactUs-form-style4 {
    max-width: 100%;
    text-align: center;
    margin-bottom: 40px; }
    .wpc-contactUs-form-style4 h1 {
      text-align: center; }
    .wpc-contactUs-form-style4 .wpc-contactUs-input {
      max-width: 380px;
      margin-left: auto;
      margin-right: auto; }
  .contactUs4-map .wpc-map {
    height: 500px; } }

@media only screen and (max-width: 767px) {
  .contactUs4-map .wpc-map {
    height: 300px; } }

.wpc-contactUs-form-style5 {
  text-align: left;
  margin-bottom: 40px; }
  .wpc-contactUs-form-style5 h1 {
    margin-top: 0;
    text-align: left; }
  .wpc-contactUs-form-style5 .wpc-contactUs-input {
    width: 100%;
    float: none;
    padding: 0; }
    .wpc-contactUs-form-style5 .wpc-contactUs-input textarea {
      max-width: 380px; }

.contactUs5-info {
  padding-top: 40px; }
  .contactUs5-info ul {
    margin-bottom: 0; }

.contactUs5-map .wpc-map {
  height: 500px; }

@media only screen and (max-width: 991px) {
  .contactUs5-map {
    margin-bottom: 40px; }
  .wpc-contactUs-form-style5 {
    text-align: center;
    margin-bottom: 0; }
    .wpc-contactUs-form-style5 h1 {
      text-align: center; }
    .wpc-contactUs-form-style5 .wpc-contactUs-input {
      max-width: 380px;
      margin-left: auto;
      margin-right: auto; } }

@media only screen and (max-width: 767px) {
  .contactUs5-map .wpc-map {
    height: 300px; } }

/*================================================*/
/* END CONTACT US */
/*================================================*/
/*================================================*/
/* PORTFOLIO DETAIL */
/*================================================*/
.video-wrap {
  width: 100%;
  position: relative; }
  .video-wrap__item {
    width: 100%;
    position: relative;
    padding-bottom: 50%; }
    .video-wrap__item iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.img-wrap {
  padding-bottom: 50%;
  background-position: center;
  min-height: 300px; }
  .img-wrap img {
    max-width: 100%; }

.slide-wrap {
  width: 100%; }
  .slide-wrap__item {
    min-height: 800px; }

.port-info {
  padding: 50px 0; }
  .port-info p:not(:last-child) {
    margin-bottom: 20px; }

.port-meta {
  padding: 50px 0; }
  .port-meta__item {
    margin-bottom: 15px; }
  .port-meta__title {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    max-width: 200px;
    font-weight: 500; }
  .port-meta__desc {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
  .port-meta__link {
    color: #b99d61;
    margin-right: 7px;
    -webkit-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in; }
    .port-meta__link:hover {
      color: #222; }

.port-slide {
  margin: 0 15px; }
  .port-slide__img {
    min-height: 270px;
    background-position: top center;
    background-size: cover;
    margin-bottom: 15px; }
  .port-slide__name {
    margin-bottom: 5px; }
    .port-slide__name a {
      font-size: inherit;
      line-height: inherit;
      font-weight: inherit;
      color: inherit; }
      .port-slide__name a:hover {
        color: #b99d61; }
  .port-slide__category {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-transform: lowercase;
    color: #b99d61;
    display: inline-block; }

.port-slide-wrapp {
  position: relative; }
  .port-slide-wrapp h2 {
    margin-left: 15px;
    margin-right: 15px; }
  .port-slide-wrapp .slide-prev, .port-slide-wrapp .slide-next {
    top: 30px; }
  .port-slide-wrapp .slide-prev {
    right: 35px;
    left: auto; }
  .port-slide-wrapp .slide-next {
    right: 15px; }

.port-nav {
  padding: 50px 0; }
  .port-nav__left {
    float: left; }
  .port-nav__right {
    float: right; }

@media only screen and (max-width: 1199px) {
  .slide-wrap__item {
    min-height: 600px; } }

@media only screen and (max-width: 991px) {
  .video-wrap__item {
    padding-bottom: 65%; }
  .img-wrap {
    padding-bottom: 65%; }
  .slide-wrap__item {
    min-height: 450px; }
  .port-info {
    padding: 25px 0; }
  .port-meta {
    padding: 25px 0; }
  .port-slide-wrapp {
    padding-top: 25px; } }

@media only screen and (max-width: 767px) {
  .slide-wrap .slide-prev, .slide-wrap .slide-next {
    display: none; } }

@media only screen and (max-width: 600px) {
  .slide-wrap__item {
    min-height: 300px; }
  .port-slide-wrapp {
    padding-bottom: 50px; }
    .port-slide-wrapp .slide-prev, .port-slide-wrapp .slide-next {
      bottom: 0;
      top: auto; } }

/*================================================*/
/* END PORTFOLIO DETAIL */
/*================================================*/
/*================================================*/
/* WPC BUSINNES SLIDER */
/*================================================*/
.wpc-business .pagination {
  width: 10px;
  top: 350px;
  height: 200px;
  left: 30px;
  position: absolute;
  z-index: 10; }
  .wpc-business .pagination .swiper-pagination-switch {
    width: 8px;
    height: 8px;
    margin: 5px 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0.5;
    background-color: white;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block !important; }
  .wpc-business .pagination .swiper-active-switch {
    opacity: 1;
    height: 18px; }

.wpc-business {
  height: 75vh; }

.wpc-businnes-slide-item {
  padding: 0;
  height: 75vh;
  background-position: center;
  position: relative; }
  .wpc-businnes-slide-item:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); }

.wpc-businnes-slide-wrap {
  display: table;
  height: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
  .wpc-businnes-slide-wrap .wpc-businnes-slide-body {
    display: table-cell;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 2;
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto; }
    .wpc-businnes-slide-wrap .wpc-businnes-slide-body p {
      font-size: 16px;
      color: #b99d61;
      margin-bottom: 30px; }
    .wpc-businnes-slide-wrap .wpc-businnes-slide-body h1 {
      max-width: 600px;
      color: white; }

@media only screen and (max-width: 1300px) {
  .wpc-businnes-slide-wrap {
    max-width: 1160px; } }

@media only screen and (max-width: 1199px) {
  .wpc-business .pagination {
    margin: auto;
    height: auto; }
  .wpc-businnes-slide-wrap {
    max-width: 970px; } }

@media only screen and (max-width: 991px) {
  .wpc-business .pagination {
    display: none; }
  .wpc-businnes-slide-wrap {
    margin-left: 55px;
    margin-right: 55px;
    width: auto; } }

@media only screen and (max-width: 767px) {
  .wpc-businnes-slide-item {
    padding: 100px 0; } }

@media only screen and (max-width: 375px) {
  .wpc-business {
    height: 100vh; }
  .wpc-businnes-slide-item {
    height: 100vh; } }

/*================================================*/
/* END WPC BUSINNES SLIDER */
/*================================================*/
.no-padd-all {
  padding-left: 0;
  padding-right: 0; }

.padd-30 {
  padding-left: 30px;
  padding-right: 30px; }

.padd-60 {
  padding-left: 60px;
  padding-right: 60px; }

@media screen and (min-width: 1200px) {
  .no-padd-lg {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 1260px) {
  .no-padd-lg30 {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 1260px) {
  .padd-30 {
    padding-left: 15px;
    padding-right: 15px; } }

@media screen and (max-width: 1200px) {
  .padd-30 {
    padding-right: 0px;
    padding-left: 0px; } }

.atl-rsm3-header header {
  position: static; }

.rsm3-banner-bg {
  position: relative;
  background-color: #111111;
  background-position: 100% 0;
  background-size: 50% 100%;
  background-repeat: no-repeat; }

.rsm3-banner-wrap {
  max-width: 425px;
  padding-top: 135px;
  padding-bottom: 180px; }

.rsm3-banner-wrap__icon {
  width: auto;
  height: auto;
  margin-bottom: 43px; }

.swiper-slide .rsm3-banner-wrap__icon {
  width: auto; }

.rsm3-banner-wrap__title {
  color: white;
  margin-bottom: 34px; }

.rsm3-banner-wrap__desc {
  color: #bebebe; }

.atl-rsm3-banner .pagination {
  position: absolute;
  bottom: 111px;
  left: 50%;
  -webkit-transform: translateX(-585px);
  transform: translateX(-585px);
  width: auto;
  text-align: left; }
  .atl-rsm3-banner .pagination .swiper-pagination-switch {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 3px;
    margin-right: 15px;
    background-color: #383838;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    .atl-rsm3-banner .pagination .swiper-pagination-switch:after {
      position: absolute;
      content: '';
      display: inline-block;
      left: 0;
      top: 0;
      width: 100%;
      height: 15px;
      margin-top: -7px; }
  .atl-rsm3-banner .pagination .swiper-active-switch {
    background-color: #b7b7b7; }

@media screen and (max-width: 1199px) {
  .atl-rsm3-banner .pagination {
    position: absolute;
    bottom: 111px;
    left: 100px; } }

@media screen and (max-width: 991px) {
  .rsm3-banner-bg {
    background-size: 40% 100%; }
  .rsm3-banner-wrap {
    padding-top: 100px;
    padding-bottom: 100px; }
  .atl-rsm3-banner .pagination {
    bottom: 20px;
    left: 105px; } }

@media screen and (max-width: 767px) {
  .rsm3-banner-bg {
    background-size: 100% 100%; }
    .rsm3-banner-bg:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
  .rsm3-banner-wrap {
    max-width: none; }
  .atl-rsm3-banner .pagination {
    bottom: 20px;
    left: 15px; } }

.rsm4-banner-bg {
  background-position: 84% 100%;
  background-size: 39% 83%;
  background-repeat: no-repeat; }

.rsm4-banner-wrap {
  padding-top: 197px;
  padding-bottom: 207px;
  max-width: 470px; }

.rsm4-banner-wrap__title {
  font-size: 35px;
  line-height: 40px;
  letter-spacing: 3.5px;
  font-weight: 300;
  text-transform: uppercase;
  color: white;
  margin-bottom: 35px; }

.rsm4-banner-wrap__desc {
  font-size: 16px;
  line-height: 34px;
  letter-spacing: 2.5px;
  font-weight: 300;
  text-transform: uppercase;
  color: #b99d61; }

@media screen and (max-width: 991px) {
  .rsm4-banner-bg {
    background-position: 100% 100%;
    background-size: contain; }
  .rsm4-banner-wrap {
    padding-top: 150px;
    padding-bottom: 150px;
    max-width: 360px; } }

@media screen and (max-width: 767px) {
  .rsm4-banner-bg {
    background-position: 50% 35px; }
  .rsm4-banner-wrap {
    padding-top: 335px;
    padding-bottom: 50px;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto; } }

.rsm3-info {
  margin-top: 150px;
  margin-bottom: 135px;
  text-align: center; }

.rsm3-info__icon {
  width: auto;
  height: auto;
  margin-bottom: 25px; }

.rsm3-info__title {
  color: #111111;
  max-width: 550px;
  margin: auto; }

@media screen and (max-width: 991px) {
  .rsm3-info {
    margin-top: 50px;
    margin-bottom: 50px; } }

@media screen and (max-width: 767px) {
  .rsm3-info__title {
    max-width: none; } }

.rsm3-black-bg {
  background-color: black; }

.rsm3-dark-bg {
  background-color: #111111; }

.rsm3-white-bg {
  background-color: white; }

.rsm3-filter-style {
  padding-top: 73px;
  padding-bottom: 73px;
  text-align: right; }

.rsm3-filter-style_dark {
  padding-top: 112px;
  padding-bottom: 45px; }

.rsm3-filter-style .rsm3-filter-style__title {
  margin-left: 0;
  color: white;
  float: left;
  margin-bottom: 0; }

.rsm3-filter-style_dark .rsm3-filter-style__title {
  color: #111111; }

.rsm3-filter-style .but {
  background-color: transparent;
  color: white;
  padding: 0;
  padding-bottom: 3px;
  margin: 5px 0 0 30px;
  position: relative;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .rsm3-filter-style .but:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    left: 50%;
    background-color: white;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .rsm3-filter-style .but.activbut {
    background-color: transparent; }
  .rsm3-filter-style .but.activbut:after {
    width: 70%; }

.rsm3-filter-style_dark .but {
  line-height: 20px;
  margin: 4px 0 0 2px;
  padding: 5px 15px;
  border-radius: 13px;
  background-color: transparent;
  color: #111111; }
  .rsm3-filter-style_dark .but:after {
    display: none; }
  .rsm3-filter-style_dark .but.activbut {
    background-color: #e8e8e8;
    color: #111111; }

.rsm3-glry-item {
  width: 25%;
  min-height: 220px;
  background-position: center;
  background-size: cover; }
  .rsm3-glry-item:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: auto;
    background-color: black;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .rsm3-glry-item:hover:before {
    width: 100%;
    height: 100%;
    opacity: 0.5; }
  .rsm3-glry-item:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    border: 2px solid white;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in; }
  .rsm3-glry-item:hover:after {
    opacity: 1; }
  .rsm3-glry-item:hover .rsm3-glry-item__icon {
    opacity: 1; }

.rsm3-glry-item_hg2 {
  min-height: 440px; }

.rsm3-glry-item_wd2 {
  width: 50%; }

.rsm4-glry-item {
  width: 33.33333%;
  min-height: 400px; }
  .rsm4-glry-item:before {
    background-color: #a98f5a; }
  .rsm4-glry-item:after {
    width: 129px;
    height: 129px; }

.rsm3-glry-item__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in;
  transition: opacity 0.6s ease-in; }
  .rsm3-glry-item__icon:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 30px;
    height: 2px;
    background-color: white; }
  .rsm3-glry-item__icon:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 30px;
    background-color: white; }

.rsm3-glry-item__icon_gold {
  width: 48px;
  height: 48px; }
  .rsm3-glry-item__icon_gold:before {
    width: 48px; }
  .rsm3-glry-item__icon_gold:after {
    height: 48px; }

.rsm3-view-more {
  padding-top: 71px;
  padding-bottom: 71px;
  text-align: center; }

.rsm3-view-more__link {
  display: inline-block;
  padding: 0 34px;
  border-radius: 50px;
  line-height: 45px;
  background-color: transparent;
  border: 1px solid white;
  color: white;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .rsm3-view-more__link:hover {
    border: 1px solid white;
    color: #111111;
    background-color: white; }

@media screen and (max-width: 991px) {
  .rsm3-filter-style {
    padding-top: 50px;
    padding-bottom: 50px; }
  .rsm3-glry-item {
    width: 50%; }
  .rsm4-glry-item {
    width: 50%; }
  .rsm3-view-more {
    padding-top: 50px;
    padding-bottom: 50px; } }

@media screen and (max-width: 767px) {
  .rsm3-filter-style {
    text-align: center; }
  .rsm3-filter-style .rsm3-filter-style__title {
    float: none;
    margin-bottom: 50px; }
  .rsm3-filter-style .but {
    margin: 5px 15px 0 15px; }
  .rsm3-glry-item {
    width: 50%; }
  .rsm4-glry-item {
    width: 100%; } }

@media screen and (max-width: 480px) {
  .rsm3-glry-item {
    width: 100%; } }

.rsm3-visib-wrap {
  margin-top: 145px;
  margin-bottom: 130px; }

.rsm3-visib-bloq {
  max-width: 500px; }

.rsm3-visib-bloq__descr {
  font-family: "Lato", sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 1px;
  font-weight: 300;
  color: #111111;
  border: none;
  margin: 0;
  padding: 0; }

.rsm3-visib-bloq__autor {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 58px;
  letter-spacing: 2.5px;
  font-weight: 300;
  color: #535353;
  text-transform: uppercase; }

.help-item {
  width: 47%;
  display: inline-block;
  margin-bottom: 15px; }
  .help-item:nth-child(2n+1) {
    margin-right: 30px; }

.help-item__icon {
  vertical-align: middle;
  margin-right: 10px;
  color: #535353; }

.help-item__title {
  display: inline-block;
  vertical-align: middle;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.9px;
  font-weight: 500;
  color: #111111; }

.help-item__desc {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.7px;
  font-weight: 300;
  color: #535353;
  margin-top: 2px; }

.help-item_rsm4 {
  margin-bottom: 50px; }
  .help-item_rsm4 i {
    color: #111111; }
  .help-item_rsm4 h6 {
    color: #111111;
    margin-top: 16px;
    margin-bottom: 12px; }
  .help-item_rsm4 p {
    letter-spacing: 0.6px; }

@media screen and (max-width: 1199px) {
  .help-item {
    width: 45%; } }

@media screen and (max-width: 991px) {
  .rsm3-visib-wrap {
    margin-top: 50px;
    margin-bottom: 50px; }
  .rsm3-visib-bloq {
    text-align: center;
    margin: 0 auto 50px; }
  .help-item {
    width: 47%;
    text-align: center; }
  .help-item_rsm4 {
    margin-bottom: 30px; } }

@media screen and (max-width: 767px) {
  .rsm3-visib-bloq__autor {
    line-height: 30px;
    margin-top: 15px; } }

@media screen and (max-width: 600px) {
  .help-item {
    width: 100%; }
    .help-item:nth-child(2n+1) {
      margin-right: 0; } }

.rsm-block-img {
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat; }

.rsm-block-img_full {
  background-size: cover; }

.aboutme {
  margin-top: 72px;
  margin-bottom: 83px;
  max-width: 500px;
  box-sizing: border-box; }

.aboutme__title {
  font-family: "Lato", sans-serif;
  font-size: 35px;
  line-height: 26px;
  letter-spacing: 1.8px;
  font-weight: 300;
  color: white;
  margin-bottom: 40px; }

.aboutme__desc {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.9px;
  font-weight: 300;
  color: #bebebe; }

.aboutme-time-line {
  margin-top: 70px; }

.aboutme-info-block {
  display: inline-block;
  width: auto;
  margin-right: 30px;
  padding: 0; }
  .aboutme-info-block .aboutme-info-block__timer {
    font-family: "Lato", sans-serif;
    font-size: 44px;
    line-height: 44px;
    letter-spacing: 1.5px;
    font-weight: 300;
    color: white;
    padding-bottom: 0; }
  .aboutme-info-block .aboutme-info-block__text {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.9px;
    font-weight: 300;
    text-transform: lowercase;
    color: white; }

.aboutme_rsm4 {
  margin-left: 71px;
  margin-top: 120px;
  margin-bottom: 111px; }

.aboutme__title_rsm4,
.aboutme__desc_rsm4 {
  color: #111111; }

.aboutme-time-line_rsm4 {
  margin-top: 36px; }

.aboutme-info-block .aboutme-info-block__timer_rsm4,
.aboutme-info-block .aboutme-info-block__text_rsm4 {
  color: #111111; }

.aboutme-start-line {
  margin-top: 50px; }

.aboutme-skill-line {
  margin-top: -12px;
  margin-bottom: 25px; }
  .aboutme-skill-line h5 {
    letter-spacing: 2.5px; }
  .aboutme-skill-line i {
    padding-left: 9px;
    letter-spacing: 2.9px; }

@media screen and (max-width: 1199px) {
  .aboutme_rsm4 {
    margin-left: 15px; } }

@media screen and (max-width: 991px) {
  .aboutme {
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: none;
    text-align: center; }
  .aboutme_rsm4 {
    margin-left: 0; }
  .aboutme__title {
    margin-bottom: 50px; }
  .aboutme-time-line {
    margin-top: 40px; }
  .aboutme-info-block {
    margin-right: 15px;
    margin-left: 15px; }
  .aboutme-start-line {
    margin-top: 40px;
    text-align: left; } }

.aboutme-social {
  margin-top: 62px; }

.aboutme-social__title {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.7px;
  font-weight: 300;
  color: #bebebe;
  margin-bottom: 25px; }

.aboutme-social-item {
  display: inline-block;
  margin-right: 12px; }
  .aboutme-social-item a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #bebebe;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .aboutme-social-item a i {
      color: #071111;
      vertical-align: middle;
      -webkit-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
    .aboutme-social-item a:hover {
      background-color: white; }

.aboutme-social_rsm4 {
  margin-top: 41px; }

.aboutme-social-item_rsm4 a {
  background-color: #202020; }
  .aboutme-social-item_rsm4 a i {
    color: #6b6b6b; }
  .aboutme-social-item_rsm4 a:hover {
    background-color: white; }
    .aboutme-social-item_rsm4 a:hover i {
      color: black; }

@media screen and (max-width: 991px) {
  .aboutme-social {
    margin-top: 40px; }
  .aboutme-social-item {
    margin: 0 6px; } }

.rsm-block-wrap {
  margin-top: 142px;
  margin-bottom: 150px; }

.rsm-block-wrap_help {
  margin-top: 115px;
  margin-bottom: 69px; }

.rsm-block-wrap_edu {
  padding-top: 115px;
  padding-bottom: 110px; }

.rsm-heding {
  text-align: center; }

.rsm-heading_blog {
  margin-bottom: 60px; }

.rsm-heading_help {
  margin-bottom: 75px; }

.rsm-heading_edu {
  margin-bottom: 75px; }

.rsm-heading__title {
  font-family: "Lato", sans-serif;
  font-size: 35px;
  line-height: 36px;
  letter-spacing: 1.9px;
  font-weight: 300;
  color: #111111; }

.rsm-heading__title_light {
  color: white; }

@media screen and (max-width: 991px) {
  .rsm-block-wrap {
    margin-top: 50px;
    margin-bottom: 50px; }
  .rsm-block-wrap_help {
    margin-bottom: 10px; }
  .rsm-block-wrap_edu {
    padding-top: 50px;
    padding-bottom: 50px; }
  .rsm-heading_blog,
  .rsm-heading_help,
  .rsm-heading_edu {
    margin-bottom: 50px; } }

.rsm-news-date {
  background-color: #111111;
  float: left;
  width: 100px;
  height: 100px;
  text-align: center;
  margin: 13px 20px 13px 0;
  padding: 16px; }

.rsm-news-date__number {
  font-size: 44px;
  line-height: 44px;
  letter-spacing: 0.9px;
  font-weight: 300;
  color: white; }

.rsm-news-date__month {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.9px;
  font-weight: 300;
  text-transform: lowercase;
  color: white; }

.rsm-news__title {
  font-size: 16px;
  line-height: 39px;
  letter-spacing: 0.9px;
  font-weight: 300;
  text-align: left;
  text-transform: uppercase;
  color: #111111; }

.rsm-news__desc {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.9px;
  font-weight: 300;
  text-align: justify;
  color: #111111; }

.rsm-news__link {
  float: right;
  margin-top: 26px;
  display: inline-block;
  padding: 0 34px;
  border-radius: 50px;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  line-height: 34px;
  letter-spacing: 1.3px;
  font-weight: 300;
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid #111111;
  color: #111111;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .rsm-news__link:hover {
    border: 1px solid #111111;
    color: white;
    background-color: #111111; }

@media screen and (max-width: 767px) {
  .rsm-news-date {
    margin: 7px 10px 7px 0; }
  .rsm-news {
    margin-bottom: 20px; }
  .rsm-news__title {
    line-height: 25px; }
  .rsm-news__link {
    margin-top: 15px; } }

@media screen and (max-width: 480px) {
  .rsm-news {
    text-align: center; }
  .rsm-news__link {
    float: none; } }

.controls-item {
  float: left;
  width: 20%;
  text-align: center;
  position: relative;
  z-index: 10; }
  .controls-item span {
    position: relative;
    z-index: 20;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #2b2b2b;
    background: #111111;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    cursor: pointer; }
    .controls-item span:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: white;
      opacity: 0;
      -webkit-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
  .controls-item p {
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    margin-top: 7px;
    color: #2b2b2b;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .controls-item:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #2b2b2b; }
  .controls-item.active span {
    border: 1px solid white; }
    .controls-item.active span:after {
      opacity: 1; }
  .controls-item.active p {
    color: white; }

.rsm-timeline-content {
  position: relative;
  text-align: center;
  max-width: 825px;
  margin: 60px auto 0; }

.timeline-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in; }
  .timeline-item.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    height: auto; }

.timeline-item__title {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: 1px;
  color: white;
  margin-bottom: 30px; }

.timeline-item__desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 1.7px;
  color: #b4bac0;
  margin-bottom: 24px; }

.timeline-item__year {
  font-family: "Roboto", sans-serif;
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 3.5px;
  color: #242424;
  margin-top: 38px; }

@media screen and (max-width: 1260px) {
  .atl-rsm3-banner .pagination {
    -webkit-transform: translateX(-570px);
    transform: translateX(-570px); } }

@media screen and (max-width: 1200px) {
  .atl-rsm3-banner .pagination {
    left: 0;
    right: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    text-align: center; }
  .help-item {
    margin-bottom: 30px; } }

@media screen and (max-width: 991px) {
  .rsm-timeline-content {
    margin: 50px auto 0; }
  .atl-rsm3-banner {
    max-height: 445px; } }

@media screen and (max-width: 600px) {
  .controls-item {
    float: none;
    width: 100%;
    margin-bottom: 20px; }
    .controls-item span {
      vertical-align: middle;
      margin-right: 20px; }
    .controls-item p {
      display: inline-block;
      vertical-align: middle;
      line-height: 20px;
      margin-top: 0; }
    .controls-item:after {
      display: none; }
  .atl-rsm3-banner {
    max-height: 500px; }
  .swiper-slide .rsm3-banner-wrap__icon {
    display: none; } }

.color-orange {
  color: #de4e21; }

.color-red {
  color: #c01849; }

.color-blue {
  color: #2a8cbd; }

.color-brown {
  color: #8e575b; }

.color-1 {
  color: #f29302; }

.hover-bg1:hover {
  color: #fff;
  border-color: #de4e21;
  background-color: #de4e21; }

.hover-bg2:hover {
  color: #fff;
  border-color: #c01849;
  background-color: #c01849; }

.hover-bg3:hover {
  color: #fff;
  border-color: #2a8cbd;
  background-color: #2a8cbd; }

.hover-bg4:hover {
  color: #fff;
  border-color: #8e575b;
  background-color: #8e575b; }

.hover-bg5:hover {
  color: #fff;
  border-color: #f29302;
  background-color: #f29302; }

.hidden {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  pointer-events: none; }

/*================================================*/
/* PRICING TABLES */
/*================================================*/
.pricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto 100px; }
  @media only screen and (max-width: 991px) {
    .pricing {
      margin: 0 auto 50px; } }

.pricing__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 330px;
  flex: 0 1 330px; }

.pricing__title {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700; }

.pricing__price {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600; }

.pricing__sentence {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px; }

.pricing__feature {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 10px; }

.pricing__action {
  color: inherit;
  border: none;
  background: none;
  font-weight: 600;
  line-height: 45px;
  font-size: 14px;
  text-transform: lowercase;
  padding: 0 35px;
  border-radius: 22px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto; }

.pricing__action:focus {
  outline: none; }

/* Individual styles */
/* Sonam */
.pricing--sonam .pricing__item {
  margin: 1em;
  padding: 2em;
  cursor: default;
  border-radius: 10px;
  background-color: #222;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.3);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.pricing--sonam .pricing__item:hover {
  background: #000; }

.pricing--sonam .pricing__title {
  width: 100%;
  margin: 0 0 0.25em;
  padding: 0 0 0.5em;
  color: #fff;
  border-bottom: 3px solid #fff; }

.pricing--sonam .pricing__price {
  color: #b99d61;
  padding: 1em 0 0.75em; }

.pricing--sonam .pricing__sentence {
  color: #5f6263; }

.pricing--sonam .pricing__feature-list {
  margin: 0;
  padding: 1em 1.25em 2em; }

.pricing--sonam .pricing__feature {
  color: #969696; }

.pricing--sonam .pricing__action {
  background: #b99d61;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.pricing--sonam .pricing__action:hover,
.pricing--sonam .pricing__action:focus {
  background: #fff;
  color: #b99d61; }

/* Yonten */
.pricing--yonten .pricing__item {
  padding: 2em 4em;
  cursor: default;
  color: #fff;
  margin: 1em;
  border: 1px solid #222;
  max-width: 320px; }

.pricing--yonten .pricing__item::after {
  content: '';
  pointer-events: none;
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  box-sizing: content-box;
  border: 3px solid transparent;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease; }

@media screen and (min-width: 66.25em) {
  .pricing--yonten .pricing__item {
    margin: 0; }
  .pricing--yonten .pricing__item:nth-child(2) {
    border-right: none;
    border-left: none; } }

.pricing--yonten .pricing__item:hover {
  z-index: 1; }

.pricing--yonten .pricing__item:hover::after {
  border: 3px solid #b99d61; }

.pricing--yonten .pricing__title {
  color: #222;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em; }

.pricing--yonten .icon {
  font-size: 3em;
  margin: 0 0 0.5em 0;
  color: #b99d61; }
  .pricing--yonten .icon:before {
    font-size: 35px;
    line-height: 40px;
    font-weight: 700; }

.pricing--yonten .pricing__price {
  margin: 0 0 0.5em 0;
  color: #b99d61; }

.pricing--yonten .pricing__currency {
  font-size: 12px;
  vertical-align: super; }

.pricing--yonten .pricing__period {
  font-size: 12px;
  padding: 0 0 0 0.5em;
  color: #222; }

.pricing--yonten .pricing__feature-list {
  margin: 0;
  padding: 0.25em 0 8em;
  list-style: none; }

.pricing--yonten .pricing__feature {
  padding: 0.25em;
  color: #5f6263; }

.pricing--yonten .pricing__action {
  color: #fff;
  background: #b99d61;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s; }

.pricing--yonten .pricing__action:hover,
.pricing--yonten .pricing__action:focus {
  color: #fff;
  background: #222; }

/* Yama */
.pricing--yama .pricing__item {
  margin: 1em;
  padding: 0 0 2em;
  background: #222; }

.pricing--yama .pricing__title {
  width: 290px;
  margin: 0 auto;
  padding: 1em 1em 0em;
  color: #fff; }

.pricing__amp {
  padding: 0.15em 0 0.1em;
  color: #b99d61; }

.pricing--yama .pricing__sentence {
  margin-bottom: 2em;
  color: #5f6263; }

.pricing--yama .pricing__price {
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding: 0.75em;
  cursor: default;
  color: #b99d61;
  background: #000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.pricing--yama .pricing__item:hover .pricing__price {
  color: #fff; }

.pricing--yama .pricing__price::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: #141315;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translate3d(-150%, 0, 0) skewX(40deg);
  transform: translate3d(-150%, 0, 0) skewX(40deg); }

.pricing--yama .pricing__item:hover .pricing__price::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) skewX(0deg);
  transform: translate3d(0, 0, 0) skewX(0deg); }

.pricing--yama .pricing__currency {
  font-size: 12px;
  vertical-align: super; }

.pricing--yama .pricing__period {
  font-size: 12px;
  display: block;
  color: #fff; }

.pricing--yama .pricing__feature-list {
  margin: 0;
  padding: 2em 1em;
  list-style: none; }

.pricing--yama .pricing__feature {
  padding: 0.25em;
  color: #969696; }

.pricing--yama .pricing__action {
  background: #b99d61;
  color: #222;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s; }

.pricing--yama .pricing__action:hover,
.pricing--yama .pricing__action:focus {
  color: #b99d61;
  background: #fff; }

/* tashi */
.pricing--tashi .pricing__item {
  margin: 0.5em;
  padding: 2em 2.5em;
  text-align: left;
  background: #262c37; }

.pricing--tashi .pricing__title {
  margin: 0 0 0.15em;
  color: #b99d61; }

.pricing--tashi .pricing__sentence {
  padding: 0 0 0.5em;
  margin: 0;
  color: #5f6263; }

.pricing--tashi .pricing__price {
  padding: 0.85em 0;
  color: #b99d61; }

.pricing--tashi .pricing__currency {
  font-size: 12px;
  vertical-align: super; }

.pricing--tashi .pricing__period {
  font-size: 12px;
  padding: 0 0 0 0.5em;
  color: #fff; }

.pricing--tashi .pricing__feature-list {
  margin: 0;
  padding: 0 0 2.5em;
  list-style: none; }

.pricing--tashi .pricing__feature {
  position: relative;
  display: block;
  padding: 0 0 0 20px;
  color: #969696; }

.pricing--tashi .pricing__feature::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 2px;
  background: #5f6263;
  left: 0;
  top: 50%;
  margin: -2px 0 0 0; }

.pricing--tashi .pricing__action {
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 45px;
  height: 45px;
  line-height: 45px;
  padding: 0;
  margin-right: 0;
  color: #fff;
  border-radius: 50%;
  background: #b99d61;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s; }
  .pricing--tashi .pricing__action .icon:before {
    font-size: 30px;
    line-height: 45px;
    font-weight: 700; }

.pricing--tashi .pricing__action:hover,
.pricing--tashi .pricing__action:focus {
  background: #fff;
  color: #b99d61; }

/* Rabten */
.pricing--rabten .pricing__item {
  padding: 2em 4em;
  cursor: default;
  max-width: 320px; }

.pricing--rabten .pricing__item:nth-child(2) {
  border-right: 1px solid #222;
  border-left: 1px solid #222; }

.pricing--rabten .pricing__title {
  margin: 1.5em 0 0; }

.pricing--rabten .icon {
  font-size: 3em;
  color: #b99d61;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  .pricing--rabten .icon:before {
    font-size: 35px;
    line-height: 40px;
    font-weight: 700; }

.pricing--rabten .pricing__item:hover .icon {
  color: #222; }

.pricing--rabten .pricing__sentence {
  padding: 0 0 0.5em;
  margin: 0;
  color: #5f6263; }

.pricing--rabten .pricing__price {
  color: #b99d61;
  margin: 0.5em 0 0.75em;
  overflow: hidden; }

.pricing--rabten .pricing__currency {
  font-size: 12px;
  vertical-align: super; }

.pricing--rabten .pricing__period {
  font-size: 12px;
  color: #222; }

.pricing--rabten .pricing__anim {
  display: inline-block;
  position: relative; }

.pricing--rabten .pricing__item:hover .pricing__anim {
  -webkit-animation: moveUp 0.4s forwards;
  animation: moveUp 0.4s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.pricing--rabten .pricing__item:hover .pricing__anim--2 {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s; }

@-webkit-keyframes moveUp {
  50% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  52% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes moveUp {
  50% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  52% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.pricing--rabten .pricing__feature-list {
  margin: 0;
  padding: 0.25em 0 2.5em;
  list-style: none; }

.pricing--rabten .pricing__feature {
  color: #5f6263; }

.pricing--rabten .pricing__action {
  color: #fff;
  background: #b99d61;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.pricing--rabten .pricing__action:hover,
.pricing--rabten .pricing__action:focus {
  background-color: #222;
  color: #fff; }

@media screen and (max-width: 60em) {
  .pricing--rabten .pricing__item {
    max-width: none;
    width: 90%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border: none !important;
    opacity: 1 !important; } }

/*================================================*/
/* END PRICING TABLES */
/*================================================*/
/*================================================*/
/* WPC OUR TEAM */
/*================================================*/
.wpc-team-wrap .wpc-team-item {
  margin-bottom: 40px; }

.wpc-team-logo {
  min-height: 450px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.wpc-team-item {
  position: relative;
  cursor: e-resize;
  text-align: center; }
  .wpc-team-item h3 {
    margin-top: 20px;
    margin-bottom: 5px;
    color: #333; }
  .wpc-team-item p {
    color: #777;
    text-transform: lowercase; }
  .wpc-team-item .footer-folow {
    position: absolute;
    top: -50px;
    left: 50px;
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    font: none; }
    .wpc-team-item .footer-folow a span {
      padding: 5px;
      background-color: #000;
      color: #fff;
      line-height: 1;
      transition: all 0.3s ease-in;
      -webkit-transition: all 0.3s ease-in; }
    .wpc-team-item .footer-folow a span:hover {
      color: #fff; }

.wpc-team-item:hover .footer-folow {
  opacity: 1;
  top: 50px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in; }

@media screen and (max-width: 1199px) {
  .wpc-team-logo {
    min-height: 400px; } }

@media only screen and (max-width: 991px) {
  .wpc-team-item {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px; } }

/*================================================*/
/* END WPC OUR TEAM */
/*================================================*/
/*================================================*/
/* WPC BLOG ITEM */
/*================================================*/
.wpc-blog-item {
  background-color: #fff; }

.wpc-blog-item-h {
  overflow: hidden; }

.wpc-blog-item img {
  max-width: 100%;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in; }

.wpc-blog-item img:hover {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2); }

.wpc-blog-item-b {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px; }
  .wpc-blog-item-b a h2, .wpc-blog-item-b a span {
    color: #303133;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .wpc-blog-item-b a h2:hover, .wpc-blog-item-b a span:hover {
      color: #b99d61; }
  .wpc-blog-item-b p {
    color: #303133; }

.wpc-blog-item a span img:hover,
.wpc-blog-item a span img {
  display: inline-block;
  width: 20px;
  margin-right: 10px;
  height: 20px;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1); }

.wpc-blog-item a span {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #777777;
  padding-top: 20px;
  color: #303133;
  font-size: 12px;
  font-weight: bold; }

/*================================================*/
/* END WPC BLOG ITEM */
/*================================================*/
/*================================================*/
/* PORTFOLIO */
/*================================================*/
.animated {
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none; }

.izotope-container {
  position: relative !important;
  width: 100% !important; 
  margin: auto !important;
}

.izotope-container.white-border .item {
  border: 15px solid #fff; }

.izotope-container.white-bg .item {
  background-color: #fff; }

.izotop-top {
  margin-top: -120px;
  background: #fff; }

.izotop-full-height.gutt-col3 .item {
  width: 31.333333%; }

.main-wrapp {
  position: relative;
  width: 100%;
  padding: 50px 0px 50px;
  overflow: hidden;
  z-index: 5; }
  .main-wrapp--boxed {
    padding: 35px 0 35px; }

.main-wrapp-bottom {
  position: relative;
  width: 100%;
  padding: 0 0px 50px;
  overflow: hidden;
  z-index: 5; }

.gutt-col2 .item {
  width: 48%;
  margin: 1%; }

.gutt-col3 .item {
  width: 31.333333%;
  margin: 1%; }

.gutt-col4 .item {
  width: 23%;
  margin: 1%; }

.gutt-col5 .item {
  width: 19%;
  margin: 0.5%; }

.nogutt-col2 .item {
  width: 50%; }

.nogutt-col3 .item {
  width: 33.3333%; }

.nogutt-col4 .item {
  width: 25%; }

.nogutt-col5 .item {
  width: 20%; }

.grid-sizer {
  width: 0; }

.white-border1 {
  border: 10px solid #fff; }

.item h2, .item h3, .item h4, .item h5, .item h6 {
  font-family: 'Poppins', sans-serif; }

.item img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.over-hide {
  overflow: hidden; }
  .over-hide img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(1);
    transform: scale(1);
    background-attachment: fixed; }
  .over-hide .zoom-bg {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(1);
    transform: scale(1); }
  .over-hide:hover img, .over-hide:hover .zoom-bg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.item-desc-relative {
  position: relative; }

.item-desc {
  text-align: left;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .item-desc h4 {
	font-family: oswald;
	line-height: 28px !important;
    font-size: 22px;
    font-weight: 700;
    padding-left: 20px;
    padding-bottom: 5px;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    color: #222; }
  .item-desc h5 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-transform: lowercase;
    padding-bottom: 20px;
    padding-left: 20px;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    color: #b99d61; }
  .item-desc:hover {
    opacity: 1; }
    .item-desc:hover h4, .item-desc:hover h5 {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); }

.item-desc-transparent {
  background: transparent; }

.item-desc.black {
  background: rgba(0, 0, 0, 0.8); }
  .item-desc.black h4 {
    color: #fff; }

.item-content h4 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  padding-bottom: 10px;
  padding-top: 20px;
  color: #222; }
  .item-content h4 a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit; }
    .item-content h4 a:hover {
      color: #b99d61; }

.item-content .item-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  padding-bottom: 10px;
  padding-top: 20px;
  color: #222; }
  .item-content .item-title a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit; }
    .item-content .item-title a:hover {
      color: #b99d61; }

.item-content h5 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #b99d61; }

.popup-gallery .item-desc .link {
  text-align: center;
  position: relative;
  opacity: 0;
  display: inline-block;
  float: none;
  width: 50px;
  height: 50px;
  background: #000;
  margin: 0px 5px;
  color: #fff;
  -webkit-transform: translateX(50px);
  transform: translateX(50px); }
  .popup-gallery .item-desc .link i {
    font-size: 15px;
    line-height: 50px; }
  .popup-gallery .item-desc .link:hover {
    color: #fff;
    background-color: #888; }

.popup-gallery .item-desc:hover .link {
  text-align: center;
  opacity: 1;
  -webkit-transform: translateX(15px);
  transform: translateX(15px); }

.gutt-col5 .popup-gallery .item-desc .link {
  width: 30px;
  height: 30px; }
  .gutt-col5 .popup-gallery .item-desc .link i {
    font-size: 12px;
    line-height: 30px; }

.wpc-ico1 {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  border-radius: 100%;
  bottom: 50px;
  right: 50px; }
  .wpc-ico1:after, .wpc-ico1:before {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #b1b1b1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .wpc-ico1:before {
    width: 14px;
    height: 2px; }
  .wpc-ico1:after {
    width: 2px;
    height: 14px; }

@media only screen and (max-width: 991px) {
  .gutt-col3 .item {
    width: 48%; }
  .gutt-col4 .item {
    width: 31%; }
  .gutt-col5 .item {
    width: 31%; }
  .nogutt-col3 .item {
    width: 50%; }
  .nogutt-col4 .item {
    width: 33.3333%; }
  .nogutt-col5 .item {
    width: 33.3333%; } }

@media only screen and (max-width: 767px) {
  .izotope-container.white-border .item {
    border: 15px solid #fff; }
  .izotop-full-height.gutt-col3 .item {
    width: 48%; }
  .gutt-col4 .item {
    width: 48%; }
  .gutt-col5 .item {
    width: 48%; }
  .nogutt-col4 .item {
    width: 50%; }
  .nogutt-col5 .item {
    width: 50%; } }

@media only screen and (max-width: 480px) {
  .izotop-full-height.gutt-col3 .item {
    width: 98%; }
  .gutt-col2 .item,
  .gutt-col3 .item,
  .gutt-col4 .item,
  .gutt-col5 .item {
    width: 98%; }
  .nogutt-col2 .item,
  .nogutt-col3 .item,
  .nogutt-col4 .item,
  .nogutt-col5 .item {
    width: 100%; } }

/*================================================*/
/* END PORTFOLIO */
/*================================================*/
/*================================================*/
/* PORTFOLIO HEIGHT STYLE*/
/*================================================*/
.portf-new-style .grid-sizer {
  width: 25%; }

.posts-bg-style2 .post-container:after,
.posts-bg-style2 .post-container:before {
  display: none; }

.posts-bg-style2 .post-container {
  background-position: center; }

.posts-bg-style1 .post-container {
  height: 500px; }

.posts-bg-style1 .wpc-h2 {
  height: 1000px; }

.posts-bg-style1 .item-desc {
  opacity: 1; }

.posts-bg-style1 .wpc-bg-block {
  background-position: top center; }

.post-container {
  width: 25%;
  min-height: 400px;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  .post-container:hover .zoom-effect {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  .post-container img {
    height: 100%;
    display: block; }

.zoom-effect {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: scale(1);
  transform: scale(1); }
  .zoom-effect:before {
    content: '';
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .zoom-effect:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.wpc-w2 {
  width: 50%;
  padding: 0; }

.wpc-h2 {
  min-height: 800px; }

.square-style {
  background-color: rgba(0, 0, 0, 0.6);
  display: inline-block; }
  .square-style--center {
    text-align: center;
    min-width: 200px; }
  .square-style:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    bottom: -5px;
    right: -5px; }
  .square-style:before {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    top: -5px;
    left: -5px; }
  .square-style:after, .square-style:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: transparent; }
  .square-style h4 {
    color: #fefefe;
    padding-left: 0;
    padding-bottom: 0;
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  .square-style p {
    color: #fff;
    padding-top: 5px;
    padding-left: 0;
    padding-bottom: 0;
    display: inline-block;
    -webkit-transform: none;
    transform: none;
    opacity: 1; }

.portfolio-item-info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .portfolio-item-info:hover {
    opacity: 1; }
    .portfolio-item-info:hover i,
    .portfolio-item-info:hover h4 {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  .portfolio-item-info .portfolio-item-vertical {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .portfolio-item-info h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: white;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  .portfolio-item-info p {
    color: #bebebe;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
    text-transform: none; }
  .portfolio-item-info i {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
    border-radius: 100%;
    position: relative;
    box-sizing: border-box; }
    .portfolio-item-info i:after {
      width: 17px;
      height: 17px;
      border: 2px solid #fff;
      border-radius: 100%;
      display: block;
      position: absolute;
      box-sizing: border-box;
      content: '';
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
  .portfolio-item-info .h-afer-style {
    width: 30px;
    height: 4px;
    background-color: #fff;
    border: none;
    border-radius: 0; }
    .portfolio-item-info .h-afer-style:after {
      display: none; }

@media only screen and (max-width: 1199px) {
  .portf-new-style .grid-sizer {
    width: 33.333333%; }
  .post-container {
    width: 33.333333%;
    min-height: 200px; }
  .wpc-h2 {
    height: 400px; }
  .wpc-w2 {
    width: 66.666667%; } }

@media only screen and (max-width: 991px) {
  .portf-new-style .grid-sizer {
    width: 50%; }
  .post-container {
    width: 50%;
    min-height: 200px; }
  .wpc-h2 {
    height: 400px; }
  .wpc-w2 {
    width: 100%; }
  .posts-bg-style1 .post-container {
    height: 250px; }
  .posts-bg-style1 .wpc-h2 {
    height: 500px; } }

@media only screen and (max-width: 767px) {
  .portf-new-style .grid-sizer {
    width: 100%; }
  .post-container {
    width: 100%;
    height: 200px; }
  .wpc-h2 {
    height: 400px; }
  .wpc-w2 {
    width: 100%; }
  .portfolio-item-info .portfolio-item-vertical {
    padding: 0 15px; }
  .square-style {
    background-color: transparent; }
    .square-style:after, .square-style:before {
      display: none; }
  .posts-bg-style1 .post-container:after {
    display: none; }
  .posts-bg-style1 .post-container:before {
    background-color: rgba(0, 0, 0, 0.5); } }

/*================================================*/
/* END PORTFOLIO HEIGHT STYLE*/
/*================================================*/
/*================================================*/
/* BLOG */
/*================================================*/
.blog-item-img {
  min-height: 200px; }

.blog-item-content {
  padding: 15px; }
  .blog-item-content .blog-item-title {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0; }
    .blog-item-content .blog-item-title a {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
      font-weight: inherit;
      color: #222;
      -webkit-transition: color 0.3s ease-in;
      transition: color 0.3s ease-in; }
      .blog-item-content .blog-item-title a:hover {
        color: #b99d61; }
  .blog-item-content .item-content-date {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    color: #b99d61;
    text-transform: lowercase; }
  .blog-item-content .item-content-author {
    margin-top: 20px; }
    .blog-item-content .item-content-author a {
      font-size: 14px;
      line-height: 24px;
      font-weight: 600;
      color: #222;
      text-transform: lowercase; }
      .blog-item-content .item-content-author a:hover {
        color: #b99d61; }

.blog-item-content2 {
  padding: 0 15px; }
  .blog-item-content2 .blog-item-title {
    box-sizing: content-box;
    min-height: 56px;
    max-height: 56px;
    overflow: hidden; }
  .blog-item-content2 .blog-item-desc {
    min-height: 72px;
    max-height: 72px;
    overflow: hidden; }

/*================================================*/
/* END BLOG */
/*================================================*/
/*================================================*/
/* BLOG DETAIL */
/*================================================*/
.blog-detail img {
  margin-bottom: 20px;
  max-width: 100%; }

.blog-detail h1, .blog-detail h2, .blog-detail h3, .blog-detail h4, .blog-detail h5, .blog-detail h6, .blog-detail p {
  margin-bottom: 20px; }

.blog-detail blockquote {
  width: calc(100% - 60px); }

@media only screen and (max-width: 480px) {
  .blog-detail blockquote {
    width: auto; } }

/*================================================*/
/* END BLOG DETAIL */
/*================================================*/
/*================================================*/
/* COMMENTS */
/*================================================*/
.comments .comments-title, .comments-respond .comments-title {
  margin-bottom: 30px;
  margin-top: 30px; }

.comments .comment-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .comments .comment-list .comment-body {
    padding: 30px 0; }
  .comments .comment-list .children {
    list-style: none;
    padding-left: 30px; }

.comments .comment-author .avatar {
  max-height: 80px;
  position: relative;
  max-width: 80px;
  border-radius: 50%;
  float: left;
  margin-right: 20px; }

.comments .comment-author .fn {
  display: inline-block; }
  .comments .comment-author .fn a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #222;
    text-transform: lowercase; }
    .comments .comment-author .fn a:hover {
      color: #b99d61; }

.comments .comment-metadata a {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  color: #b99d61;
  text-transform: lowercase; }

.comments .comment-content:after, .comments .comment-content:before {
  content: '';
  display: table; }

.comments .comment-content p:not(:last-child) {
  margin-bottom: 30px; }

.comments .reply .comment-reply-link {
  color: #222; }
  .comments .reply .comment-reply-link:hover {
    color: #b99d61; }

/*================================================*/
/* END COMMENTS */
/*================================================*/
/*================================================*/
/* SIDEBAR */
/*================================================*/
.sidebar {
  padding-left: 40px; }
  .sidebar .widget h3 {
    padding-top: 25px;
    padding-bottom: 25px; }
  .sidebar .widget:not(:last-child) {
    margin-bottom: 30px; }
  .sidebar .widget_search form {
    position: relative;
    height: 52px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 52px;
    font-weight: 300;
    color: #6f6f6f; }
  .sidebar .widget_categories ul li {
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    background-color: transparent;
    color: #222;
    -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
    transition: background-color 0.3s ease-in, color 0.3s ease-in; }
    .sidebar .widget_categories ul li:hover {
      background-color: #222;
      color: #fff; }
      .sidebar .widget_categories ul li:hover a {
        color: #fff; }
    .sidebar .widget_categories ul li a {
      color: #222;
      position: relative;
      padding-right: 25px; }
      .sidebar .widget_categories ul li a:before {
        content: '\f0da';
        display: inline-block;
        font-family: "FontAwesome";
        color: #6f6f6f;
        padding-right: 15px; }
  .sidebar .widget_dpp_widget .popular-block:not(:last-child) {
    margin-bottom: 20px; }
  .sidebar .widget_dpp_widget .popular-block {
    position: relative;
    width: 100%; }
    .sidebar .widget_dpp_widget .popular-block .pop-img {
      min-height: 80px;
      background-position: top center;
      display: inline-block;
      width: 40%;
      max-width: 120px;
      vertical-align: top; }
    .sidebar .widget_dpp_widget .popular-block .pop-text {
      display: inline-block;
      width: 58%;
      vertical-align: top;
      padding-left: 15px; }
      .sidebar .widget_dpp_widget .popular-block .pop-text .pop-text-title a {
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        color: #222; }
        .sidebar .widget_dpp_widget .popular-block .pop-text .pop-text-title a:hover {
          color: #b99d61; }
      .sidebar .widget_dpp_widget .popular-block .pop-text .pop-text-date {
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        color: #6f6f6f;
        margin-top: 10px;
        display: inline-block; }
  .sidebar .widget_archive_accordion .u-accordion__panel-wrap:not(:last-child) {
    margin-bottom: 0; }
  .sidebar .widget_archive_accordion .u-accordion__panel-title {
    padding: 10px 15px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    background-color: transparent;
    color: #222;
    border-bottom: 1px solid #eee;
    -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
    transition: background-color 0.3s ease-in, color 0.3s ease-in; }
    .sidebar .widget_archive_accordion .u-accordion__panel-title:hover {
      background-color: #222;
      color: #fff; }
  .sidebar .widget_archive_accordion .u-accordion__panel-content {
    background-color: transparent;
    padding: 0 35px; }
    .sidebar .widget_archive_accordion .u-accordion__panel-content li {
      position: relative;
      padding: 10px 15px;
      border-bottom: 1px solid #eee;
      font-family: "Poppins", sans-serif;
      font-size: 14px;
      line-height: 18px;
      font-weight: 300;
      background-color: transparent;
      color: #222; }
      .sidebar .widget_archive_accordion .u-accordion__panel-content li a {
        color: #222;
        padding-right: 25px; }
        .sidebar .widget_archive_accordion .u-accordion__panel-content li a:hover {
          color: #b99d61; }
  .sidebar .widget_archive_accordion .u-accordion__panel-wrap.active .u-accordion__panel-title {
    background-color: #222;
    color: #fff; }

@media only screen and (max-width: 991px) {
  .sidebar {
    padding-left: 0; } }

/*================================================*/
/* END SIDEBAR */
/*================================================*/
/*================================================*/
/* SPLITTED SLIDER */
/*================================================*/
#myContainer .right,
#myContainer .ms-right {
  background-color: #001027; }

#myContainer .left,
#myContainer .ms-left {
  background-color: #fff; }

#myContainer .left {
  z-index: 2; }

.wpc-slider-img {
  margin: auto;
  z-index: 2;
  float: right;
  margin-right: -115px; }
  .wpc-slider-img h1 {
    margin-bottom: 25px;
    padding-left: 15px; }

.wpc-slider-img-item {
  width: 100%;
  border: 15px solid #fff;
  z-index: 2;
  background-position: center; }
  .wpc-slider-img-item img {
    border: 15px solid white;
    width: auto;
    height: auto;
    max-width: 100%; }

#right1 {
  background-color: #001027; }

#right2 {
  background-color: #c02037; }

#right3 {
  background-color: #7a9a3c; }

#right4 {
  background-color: #d4ae60; }

#left1, #left2, #left3, #left4 {
  background-color: #fff; }

.wpc-slider-sp-body {
  padding-left: 185px;
  padding-right: 215px; }
  .wpc-slider-sp-body h2 {
    color: #fff;
    margin-bottom: 25px; }
  .wpc-slider-sp-body p {
    opacity: 0.7;
    color: #fff;
    margin-bottom: 70px; }
  .wpc-slider-sp-body span {
    opacity: 0.5;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    min-width: 185px;
    line-height: 24px;
    text-transform: lowercase; }
  .wpc-slider-sp-body b {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-transform: none; }
  .wpc-slider-sp-body a {
    display: inline-block;
    margin-top: 50px;
    padding: 0 35px; }

@media only screen and (max-width: 1400px) {
  .wpc-slider-img {
    margin-right: -15px; }
  .wpc-slider-sp-body {
    padding-right: 100px;
    padding-left: 100px; } }

@media only screen and (max-width: 991px) {
  .ms-right {
    width: 100% !important;
    position: relative;
    float: left; }
  .ms-left {
    width: 100% !important;
    position: relative;
    float: left; }
  .ms-section img {
    width: 100%;
    height: auto; }
  .wpc-slider-img {
    float: none;
    max-width: 100%; }
  .ms-section.ms-table {
    z-index: 2; }
  #right1, #right2, #right3, #right4 {
    opacity: 0.9; } }

@media only screen and (max-width: 767px) {
  .wpc-slider-sp-info,
  .wpc-slider-img {
    position: static; }
  .wpc-slider-img {
    height: 100%; }
    .wpc-slider-img h1 {
      display: none; }
  .wpc-slider-img-item {
    height: 100%; }
  .wpc-slider-sp-body {
    padding-left: 30px;
    padding-right: 50px; } }

@media only screen and (max-width: 400px) {
  .wpc-slider-sp-body h2 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 28px; }
  .wpc-slider-sp-body p {
    margin-bottom: 10px;
    overflow: hidden;
    max-height: 100px; }
  .wpc-slider-sp-body span {
    min-width: 50%; }
  .wpc-slider-sp-body a {
    margin-top: 20px; } }

/*================================================*/
/* END SPLITTED SLIDER */
/*================================================*/
/*================================================*/
/* CARDS SLIDER */
/*================================================*/
.wpc-photo7 {
  padding-left: 30px;
  padding-right: 30px;
  position: relative; }
  .wpc-photo7 .slide-next {
    right: 15px; }
  .wpc-photo7 .slide-prev {
    left: 15px; }
  .wpc-photo7 .slide-prev,
  .wpc-photo7 .slide-next {
    width: 15px;
    height: 15px; }
    .wpc-photo7 .slide-prev:after, .wpc-photo7 .slide-prev:before,
    .wpc-photo7 .slide-next:after,
    .wpc-photo7 .slide-next:before {
      background-color: #ccc; }
  .wpc-photo7 .pagination {
    display: none; }

.wpc-photo7-item {
  float: left;
  width: 48%;
  height: 48%;
  padding: 40px 30px;
  margin: 1%;
  background-color: #ededed; }

.wpc-hpoto7-i {
  height: 100%;
  max-height: 100%;
  width: 100%;
  display: table; }
  .wpc-hpoto7-i .wpc-photo7-wrap {
    display: table-cell;
    vertical-align: middle; }
    .wpc-hpoto7-i .wpc-photo7-wrap:after {
      clear: both;
      display: table;
      content: ''; }

.wpc-photo7-img {
  float: left;
  padding-right: 35px; }
  .wpc-photo7-img img {
    max-width: 100%;
    width: auto; }

.wpc-photo7-info {
  padding-top: 10px; }
  .wpc-photo7-info h3 {
    margin-bottom: 10px; }
    .wpc-photo7-info h3 a {
      font-size: inherit;
      line-height: inherit;
      font-weight: inherit;
      color: inherit; }
      .wpc-photo7-info h3 a:hover {
        color: #b99d61; }
  .wpc-photo7-info p {
    margin-bottom: 10px; }
  .wpc-photo7-info > a {
    color: #919090;
    display: inline-block;
    padding: 0 15px;
    font-size: 12px;
    margin: 5px 5px 5px 0;
    font-weight: 600;
    background-color: #e3e3e3;
    border-radius: 13px;
    line-height: 24px; }
    .wpc-photo7-info > a:hover {
      cursor: default; }

@media only screen and (max-width: 1300px) {
  .wpc-photo7-info {
    padding-top: 0; }
    .wpc-photo7-info > a {
      display: none; } }

@media only screen and (max-width: 1199px) {
  .wpc-photo7-wrap {
    text-align: center; }
  .wpc-photo7-img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0; }
  .wpc-photo7-info {
    display: none; } }

@media only screen and (max-width: 767px) {
  .wpc-photo7 .slide-prev, .wpc-photo7 .slide-next {
    display: none; }
  .wpc-photo7-item {
    padding: 15px; } }

/*================================================*/
/* END CARDS SLIDER */
/*================================================*/
/*================================================*/
/* SQUARED FLEX SLIDER */
/*================================================*/
.flex-control-nav {
  display: none; }

.flex-prev,
.flex-next {
  display: none; }

.custom-navigation {
  position: absolute;
  z-index: 2;
  background-color: #fff; }

.flexslider .slides li {
  position: relative; }
  .flexslider .slides li .slides-first {
    position: absolute;
    bottom: 50%;
    right: 50%; }
  .flexslider .slides li .slides-second {
    position: absolute;
    left: 50%;
    bottom: 50%; }
  .flexslider .slides li .slides-third {
    position: absolute;
    top: 50%;
    right: 50%; }
  .flexslider .slides li .slides-fourth {
    position: absolute;
    left: 50%;
    top: 50%; }
  .flexslider .slides li a > div {
    width: 0;
    height: 0;
    text-align: center;
    -webkit-transition: width 0.4s ease-in, height 0.4s ease-in;
    transition: width 0.4s ease-in, height 0.4s ease-in; }
    .flexslider .slides li a > div h2,
    .flexslider .slides li a > div span {
      font-size: 1px; }

.flexslider .slides .flex-active-slide a > div {
  width: 50%;
  overflow: hidden;
  height: 50%; }
  .flexslider .slides .flex-active-slide a > div:hover .slides-info {
    border: 2px solid #fff; }
    .flexslider .slides .flex-active-slide a > div:hover .slides-info h2:after, .flexslider .slides .flex-active-slide a > div:hover .slides-info h2:before {
      opacity: 0; }
    .flexslider .slides .flex-active-slide a > div:hover .slides-info span {
      opacity: 1; }

.flexslider .slides .flex-active-slide .slides-info {
  position: absolute;
  width: 100%;
  max-width: 370px;
  z-index: 2;
  top: 50%;
  padding: 50px 5px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  border: 2px solid transparent;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in; }
  .flexslider .slides .flex-active-slide .slides-info h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative; }
    .flexslider .slides .flex-active-slide .slides-info h2:after, .flexslider .slides .flex-active-slide .slides-info h2:before {
      content: '';
      display: inline-block;
      position: absolute;
      width: 30px;
      height: 2px;
      background-color: #fff;
      left: 0;
      right: 0;
      margin: auto;
      -webkit-transition: opacity 0.3s ease-in;
      transition: opacity 0.3s ease-in; }
    .flexslider .slides .flex-active-slide .slides-info h2:before {
      bottom: 0px; }
    .flexslider .slides .flex-active-slide .slides-info h2:after {
      top: 0px; }
  .flexslider .slides .flex-active-slide .slides-info span {
    color: #cacaca;
    font-size: 14px;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
    font-weight: 300;
    line-height: 24px;
    opacity: 0; }

.flex-nav-prev a {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  display: inline-block;
  z-index: 500;
  width: 94px;
  height: 94px; }

.photo-ico {
  background-image: url("../img/mouse-icon.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 94px;
  height: 94px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 2;
  cursor: pointer; }

@media only screen and (max-width: 1199px) {
  .flexslider .slides .flex-active-slide .slides-info {
    padding: 30px 5px;
    max-width: 300px; } }

@media only screen and (max-width: 767px) {
  .flexslider .slides .flex-active-slide a > div {
    background-position: center 0; }
    .flexslider .slides .flex-active-slide a > div:hover .slides-info {
      border: none; }
  .flexslider .slides .flex-active-slide .slides-info {
    border: none; }
    .flexslider .slides .flex-active-slide .slides-info h2 {
      font-size: 16px;
      padding-left: 15px;
      padding-right: 15px; }
  .photo-ico, .flex-nav-prev a {
    width: 50px;
    height: 50px; } }

/*================================================*/
/* END SQUARED FLEX SLIDER */
/*================================================*/
/*================================================*/
/* ABOUT 4 */
/*================================================*/
.wpc-info-block-img2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center; }

.wpc-info-block-text {
  padding: 100px 85px; }
  .wpc-info-block-text h1 {
    color: #222;
    margin-bottom: 40px;
    position: relative; }
    .wpc-info-block-text h1:after {
      content: '';
      display: inline-block;
      background: transparent url("../img/h-after.png") 0 0 no-repeat;
      width: 30px;
      height: 3px;
      position: absolute;
      bottom: -20px;
      left: 0; }
  .wpc-info-block-text span {
    color: #222;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    display: inline-block;
    margin-bottom: 40px; }

@media only screen and (max-width: 991px) {
  .wpc-info-block-text {
    padding: 50px 85px; } }

@media only screen and (max-width: 768px) {
  .wpc-info-block-text {
    padding: 50px 30px; } }

@media only screen and (max-width: 600px) {
  .wpc-info-block-text {
    padding: 50px 0; } }

/*================================================*/
/* END ABOUT 4 */
/*================================================*/
/*================================================*/
/* ABOUT 5 */
/*================================================*/
.wpc-about-text p:not(:last-child) {
  margin-bottom: 40px; }

.wpc-about5-img {
  margin-bottom: 40px; }
  .wpc-about5-img img {
    max-width: 100%; }

/*================================================*/
/* END ABOUT 5 */
/*================================================*/
/*================================================*/
/* SERVICES 1 */
/*================================================*/
.services4-text {
  text-align: center;
  padding: 80px 60px 80px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .services4-text i {
    color: #b99d61;
    font-size: 80px;
    line-height: 24px; }
  .services4-text h3 {
    margin-top: 15px;
    margin-bottom: 25px;
    position: relative; }
    .services4-text h3:after {
      position: absolute;
      content: '';
      display: inline-block;
      width: 30px;
      height: 4px;
      background: transparent url("../img/after-h.png") 0 0 no-repeat;
      bottom: -15px;
      left: 0;
      right: 0;
      margin: auto; }

.services4-wrap .item {
  height: 350px; }

.services4-wrap .wpc-h2 {
  height: 700px;
  min-height: 700px; }

@media only screen and (max-width: 991px) {
  .services4-text {
    padding: 70px 15px; } }

@media only screen and (max-width: 480px) {
  .services4-text {
    padding-bottom: 30px; } }

/*================================================*/
/* END SERVICES 1 */
/*================================================*/
/*================================================*/
/* SERVICES 2 */
/*================================================*/
.services3-img {
  position: relative;
  width: calc(100% + 15px); }
  .services3-img:after {
    content: '';
    display: inline-block;
    top: 30px;
    bottom: 30px;
    right: 30px;
    left: 30px;
    border: 14px solid white;
    position: absolute; }
  .services3-img img {
    max-width: 100%;
    width: 100%; }

.services3-info {
  padding: 100px 85px; }
  .services3-info.services3-info-right {
    padding-right: 15px; }
  .services3-info.services3-info-left {
    text-align: right;
    padding-left: 15px; }
  .services3-info h3 {
    margin-top: 35px;
    margin-bottom: 25px; }
  .services3-info i {
    color: #b99d61;
    font-size: 80px; }

@media only screen and (max-width: 1199px) {
  .services3-info {
    padding: 50px 85px; } }

@media only screen and (max-width: 991px) {
  .services3-info {
    padding: 50px 85px; }
    .services3-info i {
      font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .services3-info.services3-info-right, .services3-info.services3-info-left {
    padding: 50px 15px; } }

/*================================================*/
/* END SERVICES 2 */
/*================================================*/
.full-screen {
  padding-left: 50px;
  padding-right: 50px; }

.full-screen-bg .full-screen-bg-i1 {
  background: url("../img/downeyBg.jpg") 0 0 no-repeat;
  background-size: cover; }

.full-screen-bg .full-screen-bg-i2 {
  background: url("../img/downeyBg.jpg") 0 0 no-repeat;
  background-size: cover; }

.full-screen-bg .full-screen-bg-i4 {
  background: url("../img/immg_4.jpg") 0 0 no-repeat;
  background-size: cover; }

.full-screen-bg .full-screen-bg-i3 {
  background: url("../img/echostBg.jpg") 0 0 no-repeat;
  background-size: cover; }

.full-screen-bg-i6 {
  background: url("../img/2home_image.jpg") 0 0 no-repeat;
  background-size: cover; }

.full-screen-bg-i8 {
  background: url("../img/home_image.jpg") 0 0 no-repeat;
  background-size: cover; }

.full-screen-bg .full-screen-bg-i7 {
  background: url("../img/echostBg.jpg") 0 0 no-repeat;
  background-size: cover; }

.full-screen-bg-i5 {
  background: url("../img/1home_image.jpg") 0 0 no-repeat;
  background-size: cover; }

.full-screen-bg .vc_row .top-baner-700 .full-screen-bg .vc_row .top-baner {
  height: 900px; }

.full-screen-bg .vc_row .main-title {
  text-align: left; }

.full-screen-bg .vc_row .main-title h2 span {
  font-weight: 700; }

.full-screen-bg .vc_row .main-title h2 {
  font-family: 'Poppins', sans-serif;
  color: #fff; }

.brown {
  color: #b99d61; }

.transpar-menu.scrol .nav-menu-icon a i,
.transpar-menu.scrol .nav-menu-icon a i:before,
.transpar-menu.scrol .nav-menu-icon a i:after {
  background: #222; }

.transpar-menu.scrol .nav-menu-icon .active i {
  background-color: transparent; }

.full-screen-bg .overflow {
  position: relative; }

.full-screen-bg .overflow:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5); }

.full-screen-bg .overflow .main-title {
  position: relative;
  z-index: 2; }

.full-screen-bg .vc_row .main-title-center {
  text-align: center; }

.blog-item-text {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  vertical-align: middle;
  display: table-cell; }

.blog-item-img:hover .wpc-pop-up {
  opacity: 1 !important;
  transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in; }

.izotope-item-style2 .blog-item-img {
  position: relative; }

.izotope-item-style2 .top-bar {
  padding: 0 0 15px; }

.izotope-item-style2 .blog-item.item {
  padding: 0; }

.izotope-item-style2 .blog-item-img .wpc-pop-up {
  opacity: 0;
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8); }

.izotope-item-style2 .blog-item-img .wpc-pop-up i:before {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute; }

.izotope-item-style2 .blog-item-img .wpc-pop-up i {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block; }

.izotope-item-style2 h6 img {
  display: inline-block;
  margin-right: 10px;
  max-width: 20px;
  max-height: 20px;
  border-radius: 50%; }

.izotope-item-style2 h6 {
  color: #303133;
  font-weight: 600;
  font-size: 10px; }

.izotope-item-style2 h5 {
  font-weight: 900;
  padding-bottom: 15px; }

.izotope-item-style2 .blog-item-text p {
  word-wrap: break-word; }

.izotope-item-style2 .blog-item-text {
  text-align: left;
  padding: 25px;
  word-wrap: break-word;
  letter-spacing: 2px; }

.blog-item-text-body {
  height: 100%; }

.blog-item-text h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 20px;
  margin-bottom: 20px; }

.blog-item-text p {
  font-size: 15px;
  font-weight: normal;
  color: #777777; }

.blog-item-text a:first-child i {
  color: #b99d61;
  font-size: 70px;
  line-height: 60px; }

.blog-item-text a:first-child {
  text-align: center;
  display: inline-block;
  padding: 0 20px; }

.blog-item-text a {
  display: block; }

.blog-item-text i {
  width: 100%; }

.h400 {
  height: 400px; }

.h780 .map-canvas {
  height: 780px; }

.black-border1 {
  border: 10px solid #000; }

.contact-left {
  padding-left: 20%; }

.grey-p {
  font-size: 14px;
  line-height: 30px;
  font-style: italic; }

.pos-stat {
  position: static; }

.white-menu .logo {
  float: left; }

.white-menu .navigation {
  float: right; }

.white-menu .float-no {
  float: none; }

.trans-white-menu {
  background: transparent; }

.white-block1 h2 {
  font-size: 45px;
  line-height: 54px;
  color: #222 !important; }

.white-block1 p {
  font-size: 14px;
  line-height: 24px; }

.white-block1 {
  margin: auto;
  padding: 80px;
  max-width: 600px;
  width: 100%;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  outline: 1px solid #fff;
  outline-offset: 8px; }

.block-style1 h5 {
  color: #434242;
  font-size: 14px; }

.block-style1 h1 span {
  padding-left: 5px;
  background-color: #07CB79;
  color: #fff; }

.block-style1 h1 {
  position: relative;
  margin-bottom: 50px;
  color: #333; }

.block-style1 h1:after {
  position: absolute;
  content: '';
  display: inline-block;
  background-color: #666;
  height: 2px;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: auto;
  margin-bottom: 30px;
  margin-top: 30px;
  width: 100px; }

.filters-style-4 {
  padding-right: 35px; }

.filters-style-4 .but.activbut {
  border-bottom: 2px solid #fff;
  background: transparent;
  color: #fff; }

.filters-style-4 .but {
  margin: 0px 10px;
  padding: 5px 12px;
  letter-spacing: 2px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in; }

.filters-style-4 .but:hover {
  color: #fff; }

.filters-style-4 .but:hover:after {
  bottom: -2px;
  opacity: 1; }

.filters-style-4 .but.activbut:hover:after {
  opacity: 0; }

.filters-style-4 .but {
  position: relative;
  color: rgba(255, 255, 255, 0.7); }

.filters-style-4 .but:after {
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  left: 0;
  bottom: -10px;
  opacity: 0; }

.max-width600 {
  max-width: 600px; }

.zIndex3 {
  z-index: 3; }

.subscribe-bat {
  display: inline-block;
  font-size: 14px;
  line-height: 45px;
  background-color: #333;
  color: #fff;
  box-sizing: border-box;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 0 30px;
  border-radius: 30px;
  border: 1px solid transparent;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  .subscribe-bat:hover {
    opacity: .8;
    background-color: #333; }

.f-size20 {
  font-size: 20px; }

.h900 {
  height: 900px; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left !important; }

.text-style1 i {
  font-size: 30px;
  color: #000;
  display: inline-block; }

.text-style1 {
  word-wrap: break-word;
  width: 100%; }

.type-element2 {
  margin-left: 80px; }

.text-style1 h2 b {
  font-weight: 900; }

.text-style1 .typed-cursor {
  color: #000;
  font-size: 60px;
  display: inline-block; }

.text-style1 h6 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #b99d61; }

.text-style1 h2 b {
  font-weight: 900; }

.text-style1 h2 {
  font-size: 60px;
  padding-bottom: 0;
  line-height: 80px;
  display: inline-block; }

@-webkit-keyframes blink {
  to {
    opacity: .0; } }

@keyframes blink {
  to {
    opacity: .0; } }

.full-screen-bg .full-screen-bg-i2 .subscribe-bat {
  background: #b99d61;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in; }

.full-screen-bg .full-screen-bg-i2 .subscribe-bat:hover {
  opacity: .8; }

.transpar-full .full-screen-bg-i2 .main-title {
  text-align: center; }

.full-screen-bg .full-screen-bg-i2 .subscribe-bat:hover {
  color: #fff; }

.sidebar-left {
  border-left: 300px solid #fff; }

.sidebar-left-menu .menu {
  display: table;
  width: auto;
  max-width: 100%; }

.sidebar-left-menu .menu ul li > ul li a {
  background: #fff;
  color: #000;
  text-align: center; }

.sidebar-left-menu .logo {
  display: inline-block; }

.sidebar-left-menu .logo a {
  padding-top: 0;
  color: #fff;
  background: #000;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  max-height: 34px;
  margin-left: auto;
  margin-right: auto; }

.sidebar-left-menu .logo {
  width: 300px;
  position: fixed;
  text-align: center;
  top: 50px; }

.sidebar-left-menu .nav-menu-icon {
  margin-top: 55px; }

.sidebar-left-menu ul.table-cell {
  height: auto;
  display: table-cell;
  padding-top: 0;
  max-width: 100%;
  width: 300px;
  text-align: center; }

.sidebar-left-menu ul.table-cell li .dropmenu {
  top: 100%;
  left: 0;
  z-index: 999;
  width: 100%; }

.sidebar-left-menu ul > li:hover .dropmenu {
  opacity: 0; }

.sidebar-left-menu ul.table-cell li {
  display: block;
  float: none;
  line-height: 44px; }

.sidebar-left-menu ul.table-cell li a .fa {
  display: inline-block; }

.sidebar-left-menu nav ul > li ul {
  left: 100%; }

.sidebar-left-menu {
  width: 300px;
  height: 100%; }

.sidebar-left-menu a {
  font-size: 14px;
  font-weight: 300; }

.sidebar-left .slider-wrap.padding {
  margin-top: 0; }

.sidebar-left .swiper-slide .full-height500 {
  height: 600px;
  margin-top: 0; }

.swiper-text a {
  margin-top: 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 40px;
  font-weight: normal;
  background-color: #b99d61;
  color: #fff;
  font-weight: 900;
  box-sizing: border-box;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 0 60px;
  letter-spacing: .2em;
  border: 1px solid transparent; }

.swiper-text a:hover {
  border: 1px solid #b99d61;
  background-color: transparent; }

.swiper-text span {
  color: #b99d61; }

.swiper-text h5 {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

.swiper-text h2 {
  margin-bottom: 30px; }

.swiper-text {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  color: #fff;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 100px; }

.animation_body {
  position: relative; }

#animation_bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0px;
  padding: 0px;
  position: absolute;
  background: transparent; }

.animation_text {
  position: relative;
  z-index: 2; }

.marg-lg-t-100 {
  position: relative;
  z-index: 999;
  z-index: 3;
  margin-top: -100px; }

.buy-item a {
  margin-top: 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 40px;
  font-weight: normal;
  background-color: #b99d61;
  color: #fff;
  font-weight: 900;
  box-sizing: border-box;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 0 60px;
  letter-spacing: .2em;
  border-radius: 0;
  border: 1px solid transparent; }

.buy-item h3 span {
  color: #b99d61; }

.buy-item h3 {
  font-style: italic;
  line-height: 50px;
  padding: 0 50px;
  font-size: 40px;
  color: #fff; }

.buy-item {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
  width: 100%;
  background: #ccc; }

.show-block .wpc-price span {
  line-height: 50px;
  padding: 0 50px;
  font-size: 40px;
  color: #fff; }

.show-block:hover .vertical-align h4 {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0); }

.show-block .vertical-align h4 a {
  margin-top: 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 40px;
  font-weight: normal;
  background-color: #b99d61;
  color: #fff;
  font-weight: 900;
  margin-left: auto;
  margin-right: auto;
  float: none;
  width: auto;
  box-sizing: border-box;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 0 30px;
  letter-spacing: .2em;
  border-radius: 0px;
  max-width: 50%;
  margin-left: auto; }

.show-block h3 {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  padding-left: 20px;
  font-weight: 700;
  line-height: 20px;
  color: #000;
  text-align: none;
  text-transform: uppercase; }

.show-block .wpc-price {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  background-color: #000; }

.show-block {
  opacity: 1;
  display: block;
  text-align: center; }

.wpc-about-img {
  max-width: 100%; }

.wpc-about-text-h p {
  color: #777;
  line-height: 26px;
  font-weight: 400;
  font-size: 14px; }

.wpc-about-text-h h2 {
  position: relative;
  margin-bottom: 15px;
  padding: 1px 0px;
  color: #222; }

.wpc-about-text-h .footer-folow a:hover {
  color: #fff; }

.wpc-about-text-h .footer-folow {
  margin-top: 30px; }

.wpc-about-text-h .footer-folow a {
  font-size: 16px;
  color: #333;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in; }

.wpc-about-text-h {
  position: relative;
  margin-left: -100px;
  background-color: #07CB79;
  margin-top: 50px;
  padding: 30px; }

.wpc-about-text-b h4 {
  color: #222222;
  margin-top: 33px; }

.wpc-skill-item span {
  position: absolute;
  display: block;
  font-size: 13px;
  text-align: center;
  width: 46px;
  height: 24px;
  line-height: 24px;
  margin: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -50px;
  color: #030303; }

.wpc-skill-item {
  margin: 10px 0 20px;
  position: relative;
  width: 50%;
  height: 2px;
  background-color: #030303;
  -webkit-transition: 2s;
  transition: 2s; }

.wpc-header2 p {
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center; }

.wpc-header2 h2 {
  text-align: center;
  font-size: 60px;
  line-height: 80px;
  color: #222; }

.wpc-header {
  text-align: center; }

.wpc-header p {
  display: inline-block;
  width: 100%;
  max-width: 600px;
  color: #535353;
  font-style: italic;
  letter-spacing: 1px;
  padding-top: 20px; }

.wpc-header h2 {
  margin-bottom: 30px;
  position: relative; }

.bg-yellow {
  background: #fff85f; }

.bg-green-text {
  background-color: #07CB79;
  color: #fff;
  padding-left: 5px; }

.color-white {
  color: #fff !important; }

.color-black {
  color: #000 !important; }

.color-green {
  color: #07CB79 !important; }

.wpc-header h2:after {
  position: absolute;
  content: '';
  display: inline-block;
  background-color: #666;
  height: 2px;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: auto;
  margin-bottom: 30px;
  margin-top: 30px;
  width: 100px; }

.text-style2 i:hover {
  color: #5f6263; }

.text-style2 i {
  color: #e0a240;
  font-size: 50px; }

.text-style2 p {
  font-size: 16px;
  color: #5f6263; }

.wpc-header3 p {
  font-size: 18px;
  color: #333; }

.wpc-header3 h2 {
  font-size: 35px;
  color: #222222;
  line-height: 52px; }

.wpc-resume-post i {
  font-size: 43px; }

.wpc-resume-post-item p,
.wpc-resume-post p {
  color: #777;
  padding-bottom: 30px; }

.wpc-resume-post h2 {
  color: #030303;
  font-size: 20px;
  margin-bottom: 20px;
  letter-spacing: 2px; }

.wpc-resume-post-item h4 {
  color: #777;
  line-height: 26px;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 10px; }

.wpc-resume-post-item h3 {
  padding-bottom: 8px;
  color: #333; }

.wpc-team-skills-text p {
  color: #777;
  line-height: 26px;
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  padding-top: 10px; }

.wpc-team-skills-text h2 {
  margin-bottom: 20px;
  padding: 5px 0px;
  color: #222; }

.wpc-feedback .swiper-slide {
  cursor: e-resize; }

.wpc-feedback p {
  display: inline-block;
  width: 100%;
  max-width: 800px; }

.wpc-feedback .pagination .swiper-pagination-switch {
  position: relative;
  width: 19px;
  display: inline-block;
  height: 3px;
  margin: 5px 7px;
  background-color: #fff;
  cursor: pointer;
  display: inline-block !important; }

.wpc-feedback .pagination .swiper-pagination-switch:after {
  position: absolute;
  content: '';
  display: block;
  height: 19px;
  width: 19px;
  background-color: transparent;
  top: -10px;
  left: 0; }

.wpc-feedback .pagination .swiper-active-switch {
  background-color: #07CB79; }

.wpc-feedback {
  text-align: center;
  width: 100%;
  color: #fff;
  background-size: cover !important;
  background-attachment: fixed !important;
  background: #fff url("../img/home_image.jpg") 0 0 no-repeat; }

.wpc-team-feedback {
  margin-top: 20px;
  margin-bottom: 30px; }

.wpc-team-feedback img {
  width: auto;
  border-radius: 50%; }

.wpc-contact-form textarea,
.wpc-contact-form input {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  border: none;
  background-color: transparent;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #cccccc;
  border-radius: 0;
  box-shadow: 0 0 0 transparent;
  color: #555;
  font-size: 12px;
  padding: 15px;
  padding-left: 0;
  line-height: 1.42857143; }

.wpc-contact-form textarea {
  resize: vertical;
  min-height: 100px; }

.wpc-contact-form button {
  display: inline-block;
  margin-top: 30px;
  font-size: 16px;
  line-height: 50px;
  border: 1px solid transparent;
  color: #fff;
  padding: 0 40px;
  background: #000;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s; }

.wpc-contact-form button:hover {
  background-color: #fff;
  color: #000; }

.wpc-contact-text-item {
  padding-left: 50px;
  position: relative; }

.wpc-contact-text-item i:before {
  vertical-align: middle;
  font-size: 30px; }

.wpc-contact-text-item i {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto; }

.wpc-contact-text-item span {
  color: #777;
  line-height: 26px;
  font-weight: 400;
  font-size: 14px; }

.wpc-contact-text-item h3 {
  margin-top: 18px;
  margin-bottom: 15px;
  line-height: 22px;
  color: #444; }

.wpc-contact-text {
  margin-bottom: 30px; }

.wpc-contact-text p {
  color: #777;
  line-height: 26px;
  font-weight: 400;
  font-size: 14px; }

.wpc-contact-text h2 {
  margin-top: 18px;
  margin-bottom: 15px;
  line-height: 22px;
  color: #444; }

.three-block-style2 li span:before {
  padding-right: 10px; }

.three-block-style2 {
  text-align: left; }

.three-block-style2 h3,
.three-block-style2 h2 {
  margin-bottom: 20px; }

.three-block-style2 h3 b,
.three-block-style2 h2 b {
  font-weight: 900; }

.three-block-style2 span,
.three-block-style2 p {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  color: #888; }

.three-block-style2 h2 {
  font-size: 32px; }

.three-block-style2 h3,
.three-block-style2 h2 {
  font-weight: 300; }

.partner-item {
  line-height: 100px;
  text-align: center; }

.partner-item {
  overflow: hidden;
  position: relative; }

.partner-item img {
  max-width: 100px;
  vertical-align: middle; }

.wpc-partner-items {
  cursor: e-resize;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
  box-sizing: border-box; }

.wpc-hide-elem {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100px;
  top: -200px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9); }

.wpc-hide-elem span {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  font-size: 20px;
  display: block;
  text-align: center;
  color: #fff;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.partner-item:hover .wpc-hide-elem span {
  -webkit-transition: all 0.6s ease-in;
  transition: all 0.6s ease-in;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.partner-item:hover .wpc-hide-elem {
  top: 0;
  opacity: 1; }

.middle-black-menu {
  padding-right: 30px; }

.black-ico.nav-menu-icon a i:after, .black-ico.nav-menu-icon a i:before {
  background-color: #000; }

@media screen and (max-width: 1200px) {
  .text-style1 span {
    max-width: 100%;
    margin-left: 50px;
    margin-right: 50px; }
  .filters-style-3 {
    padding-right: 0; }
  .wpc-about-img img {
    max-width: 100%; } }

@media screen and (max-width: 992px) {
  .menu ul > li > ul > li > ul {
    background-color: #fff; }
  .white-menu .menu ul li > ul li a {
    color: #000; }
  .transpar-full-menu .menu ul > li > ul > li:last-child {
    border: none; }
  .transpar-full-menu nav > ul > li {
    display: block; }
  .transpar-full-menu nav {
    padding-left: 0;
    padding-right: 0; }
  .transpar-full-menu nav {
    height: 100%;
    top: 0;
    padding-top: 50px; }
  .transpar-full-menu .menu ul li > ul li a {
    text-align: center; }
  .sidebar-left .swiper-slide h2 {
    font-size: 35px; }
  .contact-left {
    padding-left: 0; }
  .float-r {
    float: right; }
  .float-md-r {
    float: right; }
  .float-md-l {
    float: left; }
  .sidebar-left-menu .logo a {
    height: 44px; }
  .sidebar-left-menu .nav-menu-icon {
    display: none; }
  .sidebar-left-menu nav {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background-color: transparent; }
  .sidebar-left-menu nav ul.table-cell {
    float: none;
    padding-left: 0;
    width: 300px;
    background: transparent; }
  .black-menu nav ul li a,
  .transpar-menu nav ul li a {
    color: #222; }
  .scroll .nav-menu-icon a i,
  .scroll .nav-menu-icon a i:before,
  .scroll .nav-menu-icon a i:after {
    background: #000; }
  .white-menu .nav-menu-icon a i,
  .white-menu .nav-menu-icon a i:before,
  .white-menu .nav-menu-icon a i:after {
    background: #222; }
  .pos-stat .nav-menu-icon .active i,
  .pos-stat .nav-menu-icon .active i:before,
  .pos-stat .nav-menu-icon .active i:after {
    position: fixed;
    top: 50px;
    left: 50px; }
  .white-menu .nav-menu-icon .active i {
    background-color: transparent; }
  .three-block-item {
    margin-bottom: 50px; }
  .three-block-item {
    margin-bottom: 50px; }
  .sidebar-left nav {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0); }
  .middle-black-menu ul > li ul {
    background-color: #fff;
    top: 0; }
  .middle-black-menu ul > li > ul > li > ul {
    background: #fff; }
  .middle-black-menu ul li > ul li a {
    color: #000;
    text-align: center; }
  .middle-black-menu ul li > ul li a:hover {
    color: #000;
    background: #fff; }
  .middle-black-menu {
    padding-right: 0; }
  .black-menu.scrol nav ul li li a {
    color: #000; }
  .about-item {
    padding-top: 30px; } }

@media screen and (max-width: 768px) {
  .three-block-style2 h3 {
    margin-top: 30px; }
  .sidebar-left-menu .logo {
    left: 15px; }
  .sidebar-left-menu .nav-menu-icon {
    float: right;
    margin-right: 15px;
    display: block; }
  .sidebar-left-menu nav {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  .sidebar-left nav {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%); }
  .sidebar-left-menu nav.slide-menu {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    padding-top: 0;
    width: 100%; }
  .sidebar-left-menu nav ul.table-cell {
    background: #fff;
    width: 100%;
    height: 100%;
    display: block; }
  .sidebar-left-menu .menu {
    display: block;
    width: 100%;
    max-width: 100%; }
  .sidebar-left nav.slide-menu {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%); }
  .full-screen {
    padding-left: 20px;
    padding-right: 20px; }
  .text-style1 span {
    margin-left: 15px;
    margin-right: 15px; }
  .sidebar-left-menu {
    height: 100px;
    width: 100%; }
  .sidebar-left-menu .logo {
    width: auto; }
  .sidebar-left-menu .logo {
    top: 30px; }
  .sidebar-left-menu .nav-menu-icon {
    margin-top: 0; }
  .text-style1 .typed-cursor,
  .text-style1 h2 {
    font-size: 35px;
    line-height: 1; }
  .type-element2 {
    margin-left: 15px;
    margin-right: 15px; }
  .sidebar-left-menu nav ul > li ul {
    left: 0; }
  .wpc-about-img {
    display: none; }
  .wpc-about-text-h {
    margin-left: 0; }
  .contact-form form {
    margin-bottom: 50px; } }

@media screen and (max-width: 768px) {
  .izotope-item-style2 .blog-item-text {
    padding: 10px; }
  .h780 .map-canvas {
    height: 400px; }
  .three-block-item {
    padding-left: 0; }
  .head-wrap .wpc-header3,
  .head-wrap .text-style2 {
    padding-left: 0;
    padding-right: 0; }
  .wpc-header2 h2 {
    font-size: 30px; }
  .wpc-header3 h2 {
    font-size: 25px; }
  .blog-post {
    padding-left: 15px;
    padding-right: 15px; } }

.max-width100 {
  max-width: 100%; }

.cursor-def {
  cursor: default; }

.wpc-categories {
  border-top: 1px solid #eaeaea;
  padding-top: 20px;
  margin-bottom: 40px; }

.wpc-categories i,
.wpc-categories a {
  font-size: 12px;
  display: inline-block;
  margin-right: 10px;
  font-weight: 600;
  vertical-align: middle; }

.wpc-categories i {
  font-size: 20px; }

.b-det-wrapp {
  position: relative; }

.wpc-blog-img i:before {
  transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  font-size: 40px;
  color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
  display: inline-block; }

.wpc-blog-img i {
  text-align: center;
  width: 100%;
  display: block; }

.wpc-blog-img {
  transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

.b-det-wrapp:hover .wpc-blog-img i:before {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.b-det-wrapp:hover .wpc-blog-img {
  opacity: 1; }

.wpc-blog3 .main-wrapp {
  padding-top: 85px;
  padding-bottom: 120px; }

.wpc-blog3 .blog-item.item {
  width: 33.333333%;
  margin: 0;
  padding: 15px;
  border: none;
  background: none; }

.wpc-blog3 .blog-item-text {
  padding: 15px 20px; }

.wpc-blog3 .blog-item img {
  width: auto; }

.wpc-blog3 .blog-item-text a {
  padding: 0; }

.wpc-blog3 .blog-item-text .readMore {
  color: #6f6f6f;
  font-size: 14px;
  padding: 0 15px;
  font-weight: 300;
  display: inline-block;
  line-height: 26px;
  background-color: #e8e8e8;
  border-radius: 13px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  .wpc-blog3 .blog-item-text .readMore:hover {
    background-color: #111;
    color: #fff; }

.wpc-blog3 .blog-item-text h5 {
  color: #111;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  padding-bottom: 0;
  line-height: 28px;
  text-transform: uppercase; }

.wpc-blog3 .blog-item-text p {
  color: #6f6f6f;
  letter-spacing: .8px;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  padding-bottom: 15px; }

.blog-item3-info {
  position: absolute;
  width: 100%;
  display: block;
  bottom: 0;
  padding: 5px 20px;
  background-color: rgba(255, 255, 255, 0.8); }
  .blog-item3-info li {
    padding-right: 25px;
    color: #111;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.9px;
    line-height: 24px; }
    .blog-item3-info li:before {
      padding-right: 5px;
      font-family: 'Pe-icon-7-stroke';
      color: #111;
      font-size: 14px;
      line-height: 24px; }

.blog-item3-head {
  box-sizing: content-box;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .blog-item3-head img {
    display: block; }

.transpar-menu3 .navigation {
  float: right; }

.transpar-menu3 .logo {
  float: left; }

.transpar-menu3 .logo a {
  color: #111;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-transform: uppercase; }

@media screen and (max-width: 992px) {
  .bg-2 {
    background-color: #000 !important; } }

.padd-lg-L25 {
  padding-left: 25px; }

.padd-lg-R25 {
  padding-right: 25px; }

.wpc-feedback-item {
  padding-left: 15px;
  padding-right: 15px; }

.t-100 {
  top: -100px !important; }

.zi-100 {
  position: relative;
  z-index: 100 !important; }

body {
  overflow-x: hidden; }

.new-menu {
  padding: 0 15px;
  height: 75px; }
  .new-menu .logo a {
    letter-spacing: 1px; }
  .new-menu nav > ul > li {
    position: relative;
    margin: 0 10px;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
    .new-menu nav > ul > li:after {
      -webkit-transition: all 0.5s ease-in;
      transition: all 0.5s ease-in;
      content: '';
      display: inline-block;
      width: 37px;
      height: 1px;
      background-color: #fff;
      position: absolute;
      bottom: -5px;
      left: 0;
      right: 0;
      margin: auto;
      opacity: 0; }
    .new-menu nav > ul > li:hover:after {
      opacity: 1;
      bottom: 5px; }
    .new-menu nav > ul > li a {
      font-size: 12px;
      color: #6c6c6c;
      letter-spacing: .2px;
      font-weight: 400;
      line-height: 26px;
      text-transform: uppercase; }
  .new-menu nav > ul > li.active:hover:after {
    bottom: 5px; }
  .new-menu nav > ul > li.active a {
    color: #fff; }
  .new-menu nav > ul > li.active:after {
    bottom: 5px;
    opacity: 1; }
  .new-menu nav > ul > li:last-child {
    margin-right: 0; }
  .new-menu.scrol nav ul li a {
    color: #222; }
  .new-menu.scrol nav > ul > li:hover:after,
  .new-menu.scrol nav > ul > li.active:after {
    background-color: #222; }

.wpc-start-slider .wpc-start-item {
  height: 100%; }

.wpc-start-slider .slide-prev {
  left: 75px;
  margin-top: -10px; }
  .wpc-start-slider .slide-prev:after {
    width: 1px;
    height: 15px;
    bottom: 10px;
    background-color: #fff; }
  .wpc-start-slider .slide-prev:before {
    width: 15px;
    height: 1px;
    background-color: #fff; }

.wpc-start-slider .slide-next {
  right: 75px;
  margin-top: -10px; }
  .wpc-start-slider .slide-next:after {
    width: 1px;
    height: 15px;
    bottom: 0;
    background-color: #fff; }
  .wpc-start-slider .slide-next:before {
    bottom: 0;
    left: 10px;
    width: 15px;
    height: 1px;
    background-color: #fff; }

.wpc-start-item {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  display: table;
  width: 100%;
  text-align: center; }
  .wpc-start-item:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0; }
  .wpc-start-item header {
    vertical-align: middle;
    background-color: transparent;
    position: relative;
    display: table-cell;
    z-index: 3; }
    .wpc-start-item header h1 {
      color: white;
      margin-bottom: 10px; }
    .wpc-start-item header p {
      color: #b99d61;
      font-size: 16px; }
    .wpc-start-item header a {
      color: white;
      font-size: 14px;
      font-weight: 600;
      line-height: 45px;
      text-transform: lowercase;
      display: inline-block;
      border: 2px solid #ddd;
      border-radius: 50px;
      padding: 0 30px; }
      .wpc-start-item header a:hover {
        color: #b99d61;
        border-color: #b99d61; }

.link-style1 .item:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 1%;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background: rgba(189, 164, 96, 0.9) url("../img/pop-up.png") center no-repeat; }

.link-style1 .item:hover:after {
  width: 100%;
  height: 100%;
  opacity: 1; }

.wpc-blog-start-items {
  background-color: #333; }

.wpc-blog-start-body {
  position: relative;
  overflow: hidden; }

.wpc-blog-posts {
  position: absolute;
  height: 350px;
  top: 0;
  width: 320px;
  right: 10%; }
  .wpc-blog-posts .wpc-blog-post {
    cursor: pointer; }
  .wpc-blog-posts .swiper-slide-active .wpc-blog-post {
    opacity: 1;
    cursor: pointer; }

.wpc-blog-start {
  padding-bottom: 15px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  display: none; }
  .wpc-blog-start.active {
    display: block; }
  .wpc-blog-start:after {
    content: '';
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%; }

.wpc-blog-post-info {
  position: relative;
  padding-left: 15px;
  z-index: 2; }
  .wpc-blog-post-info span {
    color: #b99d61;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-transform: lowercase; }
  .wpc-blog-post-info h1 {
    color: white;
    margin-top: 35px;
    margin-bottom: 40px;
    max-width: 550px; }
  .wpc-blog-post-info a {
    border: 2px solid #d8d8d8;
    border-radius: 28px;
    color: white;
    line-height: 45px;
    display: inline-block;
    padding: 0 45px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
    .wpc-blog-post-info a:hover {
      opacity: .8; }

.wpc-blog-post {
  position: relative;
  z-index: 2;
  opacity: .6;
  -webkit-transition: all .5s ease;
  transition: all .5s ease; }
  .wpc-blog-post span {
    color: #b99d61;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-transform: lowercase; }
  .wpc-blog-post h3 {
    color: white;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 65px; }
  .wpc-blog-post.active {
    opacity: 1; }

.wpc-blog-slider {
  padding: 100px 0;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto; }
  .wpc-blog-slider .header {
    text-align: center; }
    .wpc-blog-slider .header h1 {
      color: #111;
      margin: 30px 0 35px; }
  .wpc-blog-slider:after {
    content: '';
    display: table;
    clear: both; }
  .wpc-blog-slider .pagination {
    left: 0;
    right: 0;
    bottom: 15px;
    margin: auto;
    width: auto;
    z-index: 2;
    position: absolute; }
  .wpc-blog-slider .swiper-pagination-switch {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 8px;
    height: 8px;
    opacity: 0.2;
    background-color: #000;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    margin: 10px 5px; }
  .wpc-blog-slider .swiper-active-switch {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: none;
    margin: 10px 5px;
    width: 18px;
    opacity: 1;
    height: 8px;
    background-color: #000;
    border-radius: 4px; }

.wpc-blog-slides-item {
  padding: 0 35px;
  margin-bottom: 100px;
  margin-top: 30px;
  box-sizing: border-box; }
  .wpc-blog-slides-item span {
    color: #9a9a9a;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px; }

.wpc-blog3-posts {
  padding: 100px 0; }

.wpc-blog3-posts .wpc-blog-slides-item {
  padding: 0 15px;
  margin-top: 0;
  margin-bottom: 40px; }

.wpc-blog-slide-img {
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 15px; }

.wpc-blog-slide-date time {
  color: #b99d61;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px; }

.wpc-blog-slide-info {
  margin-top: 5px;
  margin-bottom: 10px; }
  .wpc-blog-slide-info h3 {
    color: #111;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px; }

.wpc-blog-slides-item2 img {
  width: auto;
  max-width: 100%; }

.border-style1 {
  border-top: 1px solid #e9e9e9; }

.wpc-blog-slides-item3 {
  padding: 0 22px; }
  .wpc-blog-slides-item3 .wpc-blog-slide-img {
    margin-bottom: 10px; }

.padd-lg-b20 {
  padding-bottom: 20px; }

.wpc-info-block-img {
  background-size: cover;
  background-repeat: no-repeat; }

.wpc-start-slider2 {
  position: relative; }
  .wpc-start-slider2 .wpc-start-item h5 {
    letter-spacing: 3px; }
  .wpc-start-slider2 .wpc-start-item h1 {
    margin-bottom: 35px; }
  .wpc-start-slider2:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6); }

.wpc-info-block-text2 {
  padding: 0; }

.aboutUs6-title h1 {
  color: #222;
  position: relative;
  margin-bottom: 60px; }
  .aboutUs6-title h1:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 4px;
    bottom: -25px;
    position: absolute;
    left: 0;
    background: transparent url("../img/h-after.png") 0 0 no-repeat; }

.aboutUs6-info p {
  color: #5f6263;
  margin-bottom: 25px; }

.aboutUs6-info blockquote {
  color: #111;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  line-height: 24px;
  padding: 10px 20px;
  border: none;
  position: relative;
  display: inline-block;
  text-align: center; }
  .aboutUs6-info blockquote:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 23px;
    background: transparent url(../img/article.png) 0 0 no-repeat; }
  .aboutUs6-info blockquote:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 22px;
    height: 23px;
    background: transparent url(../img/article.png) 0 0 no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.aboutUs6-info cite {
  color: #535353;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 18px;
  display: block;
  text-transform: uppercase;
  text-align: center; }

.aboutUs6-info:after {
  clear: both;
  display: table;
  content: ''; }

.aboutUs6-info .wpc-clients-item {
  height: auto;
  width: 33%;
  text-align: center;
  border: none; }
  .aboutUs6-info .wpc-clients-item:first-child {
    text-align: left; }
  .aboutUs6-info .wpc-clients-item:last-child {
    text-align: right; }

.wpc-blog-agency-head {
  text-align: center;
  padding-top: 125px;
  padding-bottom: 120px; }
  .wpc-blog-agency-head .transpar-menu {
    position: static; }

.wpc-blog-agency-logo h2 {
  margin: 5px 0 40px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #111; }

.wpc-blog-agency-menu {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }
  .wpc-blog-agency-menu .soc-net {
    text-align: left;
    border-right: 1px solid #eee; }
    .wpc-blog-agency-menu .soc-net li {
      padding-right: 13px;
      display: inline-block; }
      .wpc-blog-agency-menu .soc-net li a {
        color: #c9c9c9;
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        text-transform: uppercase;
        -webkit-transition: all .3s ease;
        transition: all .3s ease; }
        .wpc-blog-agency-menu .soc-net li a:hover {
          color: #000; }
  .wpc-blog-agency-menu:after {
    clear: both;
    display: table;
    content: ''; }
  .wpc-blog-agency-menu .wpc-blog-agency-form {
    position: relative;
    border-left: 1px solid #eee; }
    .wpc-blog-agency-menu .wpc-blog-agency-form form {
      max-height: 32px; }
    .wpc-blog-agency-menu .wpc-blog-agency-form input {
      height: 100%;
      display: inline-block;
      width: 100%;
      padding: 7px 30px; }
    .wpc-blog-agency-menu .wpc-blog-agency-form i {
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      color: #c9c9c9;
      font-size: 16px;
      font-weight: 300;
      line-height: 26px; }
    .wpc-blog-agency-menu .wpc-blog-agency-form:hover i {
      color: #000; }
    .wpc-blog-agency-menu .wpc-blog-agency-form button {
      position: absolute;
      right: 10px;
      top: 0;
      bottom: 0;
      margin: auto; }
  .wpc-blog-agency-menu .transpar-menu,
  .wpc-blog-agency-menu .wpc-blog-agency-form,
  .wpc-blog-agency-menu .soc-net {
    float: left;
    padding: 12px 0;
    width: 17%; }
  .wpc-blog-agency-menu .transpar-menu {
    width: 66%;
    height: auto; }
    .wpc-blog-agency-menu .transpar-menu nav > ul > li {
      margin: 0 25px;
      line-height: 32px; }
      .wpc-blog-agency-menu .transpar-menu nav > ul > li a {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-transform: lowercase;
        color: #969696; }
        .wpc-blog-agency-menu .transpar-menu nav > ul > li a:active {
          color: #111; }
    .wpc-blog-agency-menu .transpar-menu .table-cell,
    .wpc-blog-agency-menu .transpar-menu .navigation {
      display: inline-block;
      text-align: center;
      float: none;
      margin-left: auto;
      margin-right: auto; }
    .wpc-blog-agency-menu .transpar-menu nav {
      float: none;
      margin-left: auto;
      margin-right: auto; }
  .wpc-blog-agency-menu .transpar-menu .logo a {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    color: #969696; }

.wpc-blog-agency-head {
  position: relative;
  z-index: 999; }

.wpc-blog-agency-menu .transpar-menu nav > ul > li > a {
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  .wpc-blog-agency-menu .transpar-menu nav > ul > li > a:hover {
    color: #000; }

.wpc-blog3-agency {
  padding-top: 15px;
  position: relative;
  z-index: 999;
  margin-left: auto;
  margin-right: auto; }
  .wpc-blog3-agency .transpar-menu {
    height: 55px;
    padding: 0; }
  .wpc-blog3-agency nav > ul > li.active-page > a {
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    border: 1px solid #000;
    color: #111; }
  .wpc-blog3-agency .nav-menu-icon {
    float: right;
    margin-top: 13px; }
  .wpc-blog3-agency nav {
    position: static; }
  .wpc-blog3-agency .logo a {
    color: #000; }
  .wpc-blog3-agency .nav-menu-icon a.active i:before,
  .wpc-blog3-agency .nav-menu-icon a.active i:after,
  .wpc-blog3-agency .nav-menu-icon a i,
  .wpc-blog3-agency .nav-menu-icon a i:before,
  .wpc-blog3-agency .nav-menu-icon a i:after {
    background-color: #000; }
  .wpc-blog3-agency .navigation {
    padding-top: 0; }
  .wpc-blog3-agency .nav-menu-icon,
  .wpc-blog3-agency header {
    position: static; }
  .wpc-blog3-agency .logo {
    margin-top: 5px; }

.wpc-blog3-slider .slide-next,
.wpc-blog3-slider .slide-prev {
  width: 15px;
  height: 15px;
  margin-top: -10px; }
  .wpc-blog3-slider .slide-next:after, .wpc-blog3-slider .slide-next:before,
  .wpc-blog3-slider .slide-prev:after,
  .wpc-blog3-slider .slide-prev:before {
    background-color: #fff; }

.wpc-blog3-slider h2 {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 45px;
  line-height: 54px; }

.wpc-blog3-slider .main-slider .swiper-slide .full-height500 {
  margin-top: 0; }

.wpc-h3-after h1 {
  position: relative; }
  .wpc-h3-after h1:after {
    content: '';
    display: inline-block;
    background: transparent url("../img/h-after.png") 0 0 no-repeat;
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto; }

.wpc-leadership {
  padding: 0 55px; }
  .wpc-leadership .header {
    text-align: center; }
    .wpc-leadership .header h3 {
      color: #222;
      font-size: 45px;
      font-weight: 700;
      line-height: 54px; }

.wpc-leadership-head {
  position: relative;
  max-height: 500px; }
  .wpc-leadership-head img {
    width: 100%; }
  .wpc-leadership-head .soc-net {
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 36px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease; }
    .wpc-leadership-head .soc-net li {
      -webkit-transition: all .5s ease;
      transition: all .5s ease;
      margin: 0 30px;
      display: inline-block; }
      .wpc-leadership-head .soc-net li a {
        color: #fff;
        display: inline-block;
        width: 35px;
        height: 35px;
        border-radius: 100%;
        border: 1px solid transparent;
        text-align: center; }
        .wpc-leadership-head .soc-net li a:hover {
          border-color: #fff; }
        .wpc-leadership-head .soc-net li a:before {
          line-height: 35px; }
  .wpc-leadership-head:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0; }
  .wpc-leadership-head:hover .soc-net {
    opacity: 1; }
    .wpc-leadership-head:hover .soc-net li {
      margin: 0 10px; }
  .wpc-leadership-head:hover:after {
    opacity: 1;
    width: 100%;
    height: 100%; }

.wpc-leadership-body {
  padding: 20px 15px;
  text-align: center; }
  .wpc-leadership-body h5 {
    color: #111;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 10px; }
  .wpc-leadership-body span {
    color: #9a9a9a;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px; }
  .wpc-leadership-body p {
    color: #6f6f6f;
    font-size: 14px;
    max-width: 395px;
    margin: 0 auto;
    margin-top: 10px;
    font-weight: 300;
    line-height: 23px; }

@media only screen and (max-width: 991px) {
  .wpc-leadership-item {
    background-color: #eee; }
  .wpc-leadership-item {
    margin-bottom: 50px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto; }
  .wpc-leadership-head {
    max-height: 300px; } }

@media only screen and (max-width: 767px) {
  .wpc-leadership {
    padding: 0; }
  .wpc-leadership .header h3 {
    font-size: 30px; } }

.wpc-leadership-works {
  padding-bottom: 100px; }
  .wpc-leadership-works .header {
    text-align: center; }
    .wpc-leadership-works .header h3 {
      color: #222;
      font-size: 45px;
      font-weight: 700;
      line-height: 54px; }

@media only screen and (max-width: 991px) {
  .wpc-leadership-works {
    padding-bottom: 50px; } }

@media only screen and (max-width: 767px) {
  .wpc-leadership-works .header h3 {
    font-size: 40px;
    line-height: 45px; } }

.wpc-leadership-work {
  position: relative; }
  .wpc-leadership-work i {
    display: inline-block;
    z-index: 2;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    opacity: 0; }
    .wpc-leadership-work i:after {
      content: '';
      left: 50%;
      display: inline-block;
      position: absolute;
      width: 3px;
      height: 48px;
      background-color: #fff; }
    .wpc-leadership-work i:before {
      top: 50%;
      content: '';
      position: absolute;
      display: inline-block;
      width: 48px;
      height: 3px;
      background-color: #fff; }
  .wpc-leadership-work:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    background-color: rgba(169, 143, 90, 0.8);
    margin: auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
  .wpc-leadership-work:before {
    content: '';
    display: inline-block;
    width: 129px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 129px;
    border: 2px solid white;
    border-radius: 100%;
    z-index: 2;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0; }
  .wpc-leadership-work:hover i {
    opacity: 1; }
  .wpc-leadership-work:hover:after {
    width: 100%;
    height: 100%; }
  .wpc-leadership-work:hover:before {
    opacity: 1; }
  .wpc-leadership-work img {
    width: 100%; }

.wpc-leadership-pricing {
  padding: 0 55px; }
  .wpc-leadership-pricing .header {
    text-align: center; }
    .wpc-leadership-pricing .header h3 {
      color: #222;
      font-size: 45px;
      font-weight: 700;
      line-height: 54px; }

.wpc-pricing-post {
  padding: 40px 15px;
  text-align: center;
  background-color: #eee; }
  .wpc-pricing-post h4 {
    color: #b99d61;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 5px; }
  .wpc-pricing-post p {
    color: #6f6f6f;
    display: inline-block;
    max-width: 350px;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 15px; }
  .wpc-pricing-post ul {
    margin-bottom: 25px; }
    .wpc-pricing-post ul li {
      color: #6f6f6f;
      font-size: 14px;
      font-weight: 300;
      line-height: 23px; }
    .wpc-pricing-post ul h3 {
      color: #b99d61;
      font-size: 22px;
      font-weight: 700;
      line-height: 27px;
      margin-bottom: 15px; }
      .wpc-pricing-post ul h3 span {
        font-size: 14px;
        font-weight: 300;
        text-transform: none; }
    .wpc-pricing-post ul sup {
      font-size: 14px;
      font-weight: 300;
      text-transform: uppercase; }
  .wpc-pricing-post a {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 600;
    line-height: 34px;
    display: inline-block;
    border: 1px solid #6f6f6f;
    border-radius: 17px;
    padding: 0 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
    .wpc-pricing-post a:hover {
      background-color: #000;
      color: #fff; }

@media only screen and (max-width: 991px) {
  .wpc-pricing-post {
    margin-bottom: 50px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (max-width: 767px) {
  .wpc-leadership-pricing {
    padding: 0; }
  .wpc-leadership-pricing .header h3 {
    font-size: 30px; } }

.wpc-creative {
  position: relative; }
  .wpc-creative:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  .wpc-creative .wpc-creative-banner-info {
    position: relative;
    z-index: 2; }
  .wpc-creative h1 {
    color: white;
    margin-bottom: 25px; }
  .wpc-creative p {
    color: white;
    display: block;
    margin-bottom: 40px; }
  .wpc-creative a {
    margin-right: 25px;
    display: inline-block; }

.btn-bg-dark {
  color: black;
  display: inline-block;
  line-height: 45px;
  background-color: #000;
  border-radius: 25px;
  padding: 0 40px;
  color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  box-sizing: border-box; }
  .btn-bg-dark:hover {
    opacity: .8;
    color: #fff; }

.wpc-metro-style-start {
  background-position: center;
  text-align: center; }
  .wpc-metro-style-start h1 {
    color: white;
    margin-bottom: 35px; }
  .wpc-metro-style-start p {
    color: #bfbfbf;
    margin-bottom: 45px; }
  .wpc-metro-style-start a {
    margin: 0 15px; }

@media only screen and (max-width: 767px) {
  .wpc-metro-style-start p {
    padding-left: 15px;
    padding-right: 15px; }
  .wpc-metro-style-start a {
    margin-bottom: 30px; } }

.wpc-agency-izotop h1 {
  color: #111;
  margin-bottom: 15px; }

.wpc-agency-izotop .link-style1 .item:after {
  background-color: rgba(0, 0, 0, 0.5); }

.wpc-photo3-start {
  padding-top: 55px;
  padding-bottom: 40px; }
  .wpc-photo3-start h1 {
    color: #111;
    margin-bottom: 20px; }
  .wpc-photo3-start p {
    color: #111;
    font-size: 16px; }

.services-item {
  text-align: center;
  background-color: #f0f0f0;
  padding: 60px 40px 35px;
  margin-bottom: 30px;
  min-height: 270px; }
  .services-item i {
    color: #b99d61;
    font-size: 80px;
    line-height: 24px; }
  .services-item h6 {
    color: #111;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase; }
  .services-item p {
    color: #6f6f6f;
    letter-spacing: .5px;
    word-spacing: 1px;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px; }

@media only screen and (max-width: 991px) {
  .wpc-photo3-start {
    padding-top: 50px;
    padding-bottom: 50px; } }

@media only screen and (max-width: 480px) {
  .wpc-photo3-start {
    padding-bottom: 0px; } }

.transpar-menu4 {
  height: 70px;
  border-bottom: 1px solid #fff; }
  .transpar-menu4 nav ul > li ul {
    top: 100%; }
  .transpar-menu4 header {
    background-color: transparent; }
  .transpar-menu4 .shop-form {
    z-index: 2;
    height: 70px;
    width: 125px;
    position: relative;
    border-left: 1px solid #fff;
    right: 0;
    display: inline-block;
    float: none;
    position: absolute;
    top: 0; }
    .transpar-menu4 .shop-form a,
    .transpar-menu4 .shop-form button,
    .transpar-menu4 .shop-form button i {
      color: white;
      display: inline-block;
      vertical-align: middle;
      line-height: 70px;
      font-size: 20px;
      line-height: 26px;
      text-transform: uppercase; }
    .transpar-menu4 .shop-form a,
    .transpar-menu4 .shop-form button {
      position: absolute;
      top: 23px; }
    .transpar-menu4 .shop-form button {
      right: -55px;
      top: 20px; }
    .transpar-menu4 .shop-form input {
      visibility: hidden;
      margin-left: -5px;
      width: 100%;
      height: 50px;
      border-bottom: 1px solid #fff;
      margin-top: 10px;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
    .transpar-menu4 .shop-form ::input-placeholder {
      color: #fff;
      font-size: 15px;
      font-weight: 600; }
    .transpar-menu4 .shop-form a {
      right: 35px; }
      .transpar-menu4 .shop-form a i {
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        background-color: white;
        color: #111;
        border-radius: 50%;
        text-align: center;
        line-height: 16px;
        font-size: 10px;
        margin-left: -10px;
        font-weight: 600;
        text-transform: uppercase; }
    .transpar-menu4 .shop-form form {
      width: 150px;
      position: relative;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      height: 70px; }
      .transpar-menu4 .shop-form form:hover input {
        visibility: visible; }
  .transpar-menu4 .logo {
    border-right: 1px solid #fff;
    left: 0;
    z-index: 2;
    display: inline-block;
    float: none;
    position: absolute;
    top: 0; }
    .transpar-menu4 .logo a {
      line-height: 70px;
      padding: 0 30px;
      letter-spacing: 2.5px; }
  .transpar-menu4 .navigation {
    text-align: center;
    float: none; }
    .transpar-menu4 .navigation nav > ul > li {
      line-height: 70px;
      padding-left: 25px;
      padding-right: 25px;
      margin-left: 0;
      margin-right: 0;
      position: relative; }
      .transpar-menu4 .navigation nav > ul > li.active-page:after {
        content: '';
        width: 60px;
        height: 3px;
        background-color: white;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        margin: auto; }
      .transpar-menu4 .navigation nav > ul > li a {
        color: white;
        font-size: 13px;
        font-weight: 400;
        line-height: 26px;
        text-transform: uppercase; }
    .transpar-menu4 .navigation > nav {
      float: none; }
    .transpar-menu4 .navigation:after {
      clear: both;
      content: '';
      text-align: center;
      display: table; }
  .transpar-menu4 .table-cell {
    display: inline-block; }

.wpc-shop-full {
  min-height: 840px;
  background-position: center;
  background-size: cover; }

.wpc-shop--item-wrap {
  display: block;
  overflow: hidden; }
  .wpc-shop--item-wrap:before {
    top: 0;
    bottom: 0;
    z-index: 999;
    right: 0;
    left: 0;
    border: 5px solid transparent;
    position: absolute;
    margin: auto;
    content: '';
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
  .wpc-shop--item-wrap:hover:before {
    border-color: #fff; }
  .wpc-shop--item-wrap:hover .wpc-shop-item {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
    .wpc-shop--item-wrap:hover .wpc-shop-item:after {
      width: auto;
      height: auto;
      border: 5px solid #fff;
      box-sizing: border-box; }
    .wpc-shop--item-wrap:hover .wpc-shop-item span {
      border-color: transparent; }

.wpc-shop-item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 2s ease;
  transition: all 2s ease; }
  .wpc-shop-item img {
    width: 100%; }
  .wpc-shop-item span {
    display: inline-block;
    z-index: 2;
    text-align: center;
    color: white;
    font-size: 45px;
    font-weight: 700;
    position: absolute;
    margin: auto;
    padding: 0 40px;
    border: 3px solid white;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 90px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
  .wpc-shop-item:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .5s ease;
    transition: all .5s ease; }

.wpc-arrivals-hide {
  position: absolute;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  top: 0;
  opacity: 0;
  left: 0; }
  .wpc-arrivals-hide i {
    display: inline-block;
    position: absolute;
    text-align: center;
    line-height: 50px;
    width: 50px;
    height: 50px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    font-size: 30px;
    font-weight: 500;
    font-style: normal; }

.wpc-arrivals h1 {
  text-align: center;
  color: #222;
  position: relative; }
  .wpc-arrivals h1:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #222;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto; }

.wpc-arrivals-item {
  margin-bottom: 50px; }
  .wpc-arrivals-item:hover .wpc-arrivals-hide {
    opacity: 1; }

.wpc-arrivals-head {
  position: relative; }

.wpc-arrivals-show img {
  max-width: 100%; }

.wpc-arrivals-name {
  color: #111;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: lowercase; }

.wpc-arrivals-price {
  color: #111;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  text-transform: uppercase; }

.wpc-arrivals-sale {
  color: red; }
  .wpc-arrivals-sale span {
    color: #111;
    text-decoration: line-through; }

.wpc-arrivals-link {
  line-height: 34px;
  display: inline-block;
  padding: 0 20px;
  color: dimgrey;
  border: 1px solid dimgrey;
  border-radius: 22px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  .wpc-arrivals-link:hover {
    background-color: #111;
    border-color: #111;
    color: #fff; }

.wpc-arrivals-info {
  text-align: center;
  padding-top: 10px; }

.wpc-arrivals-slider .wpc-arrivals-item {
  padding-left: 15px;
  padding-right: 15px; }

.subscribe .subscribe-bat2 {
  background-color: #000;
  color: #fff; }
  .subscribe .subscribe-bat2:hover {
    background-color: #000;
    opacity: .8; }

.wpc-arrivals-slider .pagination {
  height: 20px;
  text-align: center; }
  .wpc-arrivals-slider .pagination .swiper-pagination-switch {
    width: 10px;
    height: 10px;
    background-color: #dfdfdf;
    border-radius: 5px;
    display: inline-block !important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    bottom: 65px;
    margin: 0 5px;
    cursor: pointer; }
  .wpc-arrivals-slider .pagination .swiper-active-switch {
    width: 24px;
    background-color: #c4c4c4; }

.transpar-menu4.scrol .shop-form a,
.transpar-menu4.scrol .shop-form button i,
.transpar-menu4.scrol nav ul li a,
.transpar-menu4.scrol .logo a {
  color: #222; }

.transpar-menu4.scrol .shop-form a i {
  background-color: #000;
  color: #fff; }

@media only screen and (max-width: 991px) {
  .wpc-shop-full {
    min-height: 500px; }
  .wpc-shop-item span {
    font-size: 22px;
    line-height: 50px;
    padding: 0 15px; } }

@media only screen and (max-width: 767px) {
  .wpc-shop-item {
    max-height: 300px; } }

.wpc-shop-baner {
  background-color: #111; }
  .wpc-shop-baner li {
    display: inline-block; }
  .wpc-shop-baner:after {
    clear: both;
    content: '';
    display: table; }
  .wpc-shop-baner .wpc-baner-adress {
    float: left; }
  .wpc-shop-baner .soc-net {
    float: right; }
    .wpc-shop-baner .soc-net a {
      line-height: 45px;
      color: #4f4f4f;
      padding: 0 7px;
      font-size: 14px;
      font-weight: 400;
      -webkit-transition: all .3s linear;
      transition: all .3s linear;
      text-transform: uppercase; }
      .wpc-shop-baner .soc-net a:hover {
        color: #fff; }

.wpc-baner-adress li,
.wpc-baner-adress a {
  color: #cecece;
  font-size: 10px;
  font-weight: 300;
  line-height: 26px;
  line-height: 45px;
  letter-spacing: 1.6px;
  padding-right: 5px;
  text-transform: uppercase; }

.wpc-baner-adress a {
  border-right: 1px solid #cecece; }

.wpc-baner-adress li:hover a {
  color: #fff; }

.wpc-baner-adress li:last-child a {
  border-right: none; }

.transpar-menu5 {
  border-bottom: 1px solid #eee;
  top: 45px; }
  .transpar-menu5 .logo {
    float: left; }
  .transpar-menu5 .shop-form {
    float: right; }

.wpc-shop-star {
  text-align: center; }
  .wpc-shop-star img {
    max-width: 100%; }
  .wpc-shop-star .header {
    position: relative; }
    .wpc-shop-star .header span {
      display: inline-block;
      width: 178px;
      height: 178px;
      border: 18px solid #e8e8e8;
      position: absolute;
      top: 135px;
      left: -30px;
      z-index: 0; }
  .wpc-shop-star h1 {
    color: #111;
    font-size: 140px;
    line-height: 1;
    position: relative;
    z-index: 2;
    margin-bottom: 15px; }
  .wpc-shop-star p {
    color: #222;
    font-size: 16px; }

.transpar-menu5 .logo a {
  color: #111;
  letter-spacing: 3px; }

.transpar-menu5 {
  height: 65px; }
  .transpar-menu5.fix {
    top: 0; }
  .transpar-menu5 .shop-form {
    z-index: 2;
    height: 70px;
    width: 125px;
    position: relative;
    right: 0;
    display: inline-block;
    float: none;
    position: absolute;
    top: 0; }
    .transpar-menu5 .shop-form a,
    .transpar-menu5 .shop-form button,
    .transpar-menu5 .shop-form button i {
      color: #969696;
      display: inline-block;
      vertical-align: middle;
      line-height: 70px;
      font-size: 20px;
      line-height: 26px;
      text-transform: uppercase; }
    .transpar-menu5 .shop-form a,
    .transpar-menu5 .shop-form button {
      position: absolute;
      top: 23px; }
    .transpar-menu5 .shop-form button {
      right: -55px;
      top: 20px; }
    .transpar-menu5 .shop-form input {
      visibility: hidden;
      margin-left: -5px;
      width: 100%;
      color: #969696;
      height: 50px;
      border-bottom: 1px solid #969696;
      margin-top: 10px;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
    .transpar-menu5 .shop-form ::input-placeholder {
      color: #fff;
      font-size: 15px;
      font-weight: 600; }
    .transpar-menu5 .shop-form a {
      right: 35px; }
      .transpar-menu5 .shop-form a i {
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        font-style: normal;
        background-color: #000;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        line-height: 16px;
        font-size: 10px;
        margin-left: -10px;
        font-weight: 600;
        text-transform: uppercase; }
    .transpar-menu5 .shop-form form {
      width: 150px;
      position: relative;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      height: 70px; }
      .transpar-menu5 .shop-form form:hover input {
        visibility: visible; }
  .transpar-menu5 .navigation {
    padding-left: 85px; }
  .transpar-menu5 nav ul li a {
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    color: #969696; }

.wpc-shop2-info {
  position: relative; }
  .wpc-shop2-info:after {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 10px solid #e8e8e8;
    position: absolute;
    top: 135px;
    left: -30px;
    content: '';
    z-index: 0; }
  .wpc-shop2-info h1 {
    color: #111;
    position: relative;
    margin-bottom: 45px;
    z-index: 2; }
  .wpc-shop2-info p {
    color: #7b7b7b;
    max-width: 475px;
    margin-bottom: 40px; }

.wpc-shop2-btn {
  border: 3px solid #d8d8d8;
  border-radius: 28px;
  color: #111;
  display: inline-block;
  line-height: 45px;
  padding: 0 35px; }

.wpc-shop2-price {
  font-size: 30px;
  font-weight: 900;
  line-height: 54px;
  display: block;
  margin-bottom: 50px; }

.wpc-shop2-img {
  background-size: auto; }

.wpc-shop2-left {
  background-position: 100% 50%; }

.wpc-shop2-right {
  background-position: 0 50%;
  text-align: right; }
  .wpc-shop2-right p {
    display: inline-block; }
  .wpc-shop2-right .wpc-shop2-info:after {
    left: auto;
    right: -30px; }

.wpc-shop4-slide:after {
  clear: both;
  content: '';
  display: table; }

.wpc-shop4-slider .swiper-container {
  max-height: 625px; }

.wpc-shop4-info {
  width: 55%; }
  .wpc-shop4-info a:hover {
    background-color: #d8d8d8;
    color: #fff; }

.wpc-shop4-img {
  width: 45%; }
  .wpc-shop4-img img {
    max-height: 625px; }

.wpc-shop4-info,
.wpc-shop4-img {
  float: left; }

.wpc-shop4-info {
  padding-left: 70px;
  padding-top: 165px;
  padding-right: 15px; }
  .wpc-shop4-info h5 {
    color: #949494;
    font-size: 30px; }
  .wpc-shop4-info h1 {
    color: #111;
    margin-top: 30px;
    margin-bottom: 30px; }
  .wpc-shop4-info p {
    color: #7b7b7b;
    margin-bottom: 45px; }

.wpc-shop4-slider .pagination {
  height: 20px;
  bottom: 20px; }
  .wpc-shop4-slider .pagination .swiper-pagination-switch {
    display: inline-block !important;
    width: 8px;
    height: 8px;
    cursor: pointer;
    opacity: 0.2;
    background-color: black;
    border-radius: 4px;
    margin: 0 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
  .wpc-shop4-slider .pagination .swiper-active-switch {
    width: 18px;
    opacity: 1;
    height: 8px;
    background-color: black;
    border-radius: 4px; }

.wpc-sex {
  width: 100%;
  margin-top: 30px;
  position: relative;
  overflow: hidden; }
  .wpc-sex:hover .wpc-sex-name {
    bottom: 0; }

.wpc-sex-name {
  position: absolute;
  bottom: -75px;
  background-color: #f8f8f8;
  text-align: center;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  width: 100%; }
  .wpc-sex-name span {
    color: #111;
    font-size: 14px;
    font-weight: 500;
    line-height: 75px; }

.wpc-clothes-info {
  text-align: center;
  background-color: #f8f8f8; }

.wpc-clothes-type {
  color: #6f6f6f;
  font-size: 14px;
  text-transform: lowercase;
  font-weight: 300;
  line-height: 24px; }

.wpc-clothes-name {
  color: #111;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  text-transform: lowercase; }

.wpc-clothes-price {
  color: #111;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  text-transform: uppercase; }

.wpc-clothes-link {
  background-color: #f8f8f8;
  padding: 20px 0;
  width: 100%;
  text-align: center;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: absolute;
  bottom: -75px; }
  .wpc-clothes-link a {
    display: inline-block;
    color: dimgrey;
    font-size: 14px;
    font-weight: 600;
    line-height: 34px;
    border: 1px solid #c4c4c4;
    padding: 0 20px;
    border-radius: 17px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
    .wpc-clothes-link a:hover {
      background-color: dimgrey;
      border-color: dimgrey;
      color: #fff; }

.wpc-clothes-img {
  overflow: hidden;
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.wpc-clothes-item:hover .wpc-clothes-link {
  bottom: 0; }

.wpc-clothes-item:hover .wpc-clothes-img {
  background-position: 0 -75px; }

.wpc-clothes .header h1 {
  text-align: center; }

.wpc-clothes-info {
  padding: 25px 15px; }

.wpc-clothes-item {
  margin-bottom: 30px; }

.wpc-shop4-slider2 h5 {
  font-size: 30px;
  font-weight: 900;
  line-height: 54px;
  text-transform: uppercase;
  color: #c31d1d;
  letter-spacing: 1px; }
  .wpc-shop4-slider2 h5 span {
    color: #a3a3a3;
    text-decoration: line-through;
    padding-right: 10px; }

.wpc-shop4-slider2 h1 {
  color: #111; }

.wpc-shop4-slider2 p {
  color: #7b7b7b;
  max-width: 500px;
  margin-bottom: 35px; }

.wpc-shop4-slider2 .wpc-shop4-info {
  padding-top: 110px;
  padding-left: 45px; }

.subscribe .subscribe-bat-dark {
  background-color: #333; }
  .subscribe .subscribe-bat-dark:hover {
    background-color: #333; }

.wpc-shop4-slider2 .pagination {
  max-width: 41%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  bottom: auto;
  top: 5px; }

.wpc-shop4-slider2 .swiper-container {
  max-height: 470px; }

.shop4-map .wpc-map {
  height: 320px; }

.bag-start-info,
.bag-start-img {
  float: left; }

.bag-start-img {
  width: 50%;
  padding-top: 70px; }

.bag-start-info {
  padding-bottom: 140px;
  width: 50%;
  padding-top: 100px; }
  .bag-start-info p {
    color: #222;
    max-width: 500px;
    margin-bottom: 50px; }

.bag-start-price {
  color: #111;
  font-size: 30px;
  font-weight: 900;
  line-height: 54px;
  text-transform: uppercase; }

.bag-start-name {
  color: #222;
  margin-top: 40px;
  margin-bottom: 35px; }

.border-b1 {
  border-bottom: 1px solid #e9e9e9; }

.wpc-bag-img {
  text-align: center;
  padding-top: 70px;
  line-height: 300px; }
  .wpc-bag-img img {
    display: inline-block;
    vertical-align: middle; }

.wpc-bag-name {
  color: #111;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: lowercase; }

.wpc-bag-info {
  text-align: center;
  padding-top: 20px; }

.wpc-bag-price {
  color: #111;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  text-transform: uppercase; }

.wpc-bag-info {
  min-height: 150px; }

.wpc-bag-price-sale {
  color: #c31d1d; }
  .wpc-bag-price-sale span {
    padding-right: 15px;
    color: #a3a3a3;
    text-decoration: line-through; }

.transpar-menu4-black.scrol,
.transpar-menu4-black {
  border-color: #111;
  background-color: #fff; }
  .transpar-menu4-black.scrol .shop-form,
  .transpar-menu4-black.scrol .logo,
  .transpar-menu4-black .shop-form,
  .transpar-menu4-black .logo {
    border-color: #111; }
    .transpar-menu4-black.scrol .shop-form a,
    .transpar-menu4-black.scrol .logo a,
    .transpar-menu4-black .shop-form a,
    .transpar-menu4-black .logo a {
      color: #111;
      font-weight: 400; }
  .transpar-menu4-black.scrol .navigation nav > ul > li a,
  .transpar-menu4-black .navigation nav > ul > li a {
    color: #111;
    font-weight: 700; }
  .transpar-menu4-black.scrol .shop-form button i,
  .transpar-menu4-black .shop-form button i {
    color: #111; }
  .transpar-menu4-black.scrol .navigation nav > ul > li.active-page:after,
  .transpar-menu4-black .navigation nav > ul > li.active-page:after {
    background-color: #111; }
  .transpar-menu4-black.scrol .shop-form a i,
  .transpar-menu4-black .shop-form a i {
    background-color: #111;
    color: #fff; }

.filters-style-7 {
  padding-left: 30px;
  padding-bottom: 40px;
  padding-right: 15px;
  padding-top: 3px;
  border-bottom: 1px solid #e9e9e9; }
  .filters-style-7 span {
    color: #111;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px; }
  .filters-style-7 .but {
    margin: 0 5px 0;
    padding: 5px 15px;
    color: #6f6f6f;
    display: inline-block;
    text-transform: lowercase;
    border-radius: 22px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .filters-style-7 .activbut {
    background-color: #e8e8e8; }

.wpc-row-size {
  float: right;
  vertical-align: middle; }
  .wpc-row-size a {
    border-radius: 22px;
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 600;
    line-height: 34px;
    display: inline-block;
    padding: 0 17px;
    margin: 0 5px; }
    .wpc-row-size a.activbut {
      background-color: #e8e8e8; }

.item-lamp {
  text-align: center;
  padding-top: 130px;
  position: relative; }
  .item-lamp:hover .item-lamp-popup {
    opacity: 1; }
  .item-lamp img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: inline-block; }

.lamp-name {
  display: block;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px; }

.lamp-price {
  display: block;
  color: #111;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 30px; }

.wpc-star-rate {
  margin-top: 45px; }
  .wpc-star-rate .fa {
    color: #bbb;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase; }
  .wpc-star-rate .rated {
    color: #b99d61; }

.lamp-price-sale {
  color: #c31d1d; }
  .lamp-price-sale span {
    color: #a3a3a3;
    text-decoration: line-through; }

.wpc-row-size span {
  color: #111; }

.item-lamp-popup {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 2;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0; }
  .item-lamp-popup a {
    height: 34px;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #111;
    border-radius: 22px;
    margin: auto;
    color: white;
    font-size: 14px;
    padding: 0 20px;
    font-weight: 600;
    line-height: 34px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    .item-lamp-popup a:hover {
      opacity: .8; }

.nogutt-col6 .item {
  width: 16%; }

.nogutt-col4 .item-lamp img {
  max-height: 380px; }

.nogutt-col5 .item-lamp img {
  max-height: 300px; }

.nogutt-col6 .item-lamp img {
  max-height: 250px; }

.transpar-menu4-black .menu ul > li > ul > li > ul,
.transpar-menu4-black nav ul > li ul {
  background-color: #fff; }

.black-right-menu {
  height: 75px;
  background-color: transparent; }
  .black-right-menu .nav-menu-icon {
    display: block;
    position: fixed;
    top: 0;
    right: 35px; }
  .black-right-menu .nav-menu-icon a i {
    background-color: #fff; }
  .black-right-menu nav {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    position: fixed;
    width: auto;
    height: 100%;
    background: #000;
    right: 0;
    top: 0;
    z-index: 500;
    text-align: left;
    padding-left: 85px;
    padding-top: 110px; }
  .black-right-menu nav.active {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    min-width: 485px; }
  .black-right-menu .logo {
    float: left; }
    .black-right-menu .logo a {
      color: white;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      text-transform: uppercase; }
  .black-right-menu nav > ul > li {
    display: block;
    float: none; }
  .black-right-menu nav ul li a {
    font-size: 20px;
    letter-spacing: 4px;
    font-weight: 300;
    line-height: 40px;
    text-transform: uppercase;
    /* Text style for "home" */
    color: #b7b7b7; }
  .black-right-menu .nav-menu-icon a i,
  .black-right-menu .nav-menu-icon a i:before,
  .black-right-menu .nav-menu-icon a i:after {
    width: 15px;
    height: 1px; }
  .black-right-menu .nav-menu-icon a.active i {
    background-color: transparent; }
  .black-right-menu.fix {
    background-color: rgba(0, 0, 0, 0.7); }
  .black-right-menu nav ul > li ul {
    z-index: 1; }

.wpc-info-menu {
  max-width: 300px;
  padding-top: 75px;
  padding-left: 18px; }
  .wpc-info-menu h5 {
    color: white;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.7px;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .wpc-info-menu p {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px; }
  .wpc-info-menu li {
    display: inline-block;
    padding-right: 6px; }
  .wpc-info-menu .soc-net {
    padding-top: 85px; }
    .wpc-info-menu .soc-net h5 {
      margin-bottom: 10px; }

.portfolio-menu {
  border: none; }
  .portfolio-menu .transpar-menu {
    width: 100%; }

.wpc-logo-dark h2 {
  color: #fff; }

.dark-bg.fix {
  background-color: transparent; }

.portfolio-menu .transpar-menu nav > ul > li {
  padding-bottom: 15px; }
  .portfolio-menu .transpar-menu nav > ul > li.active-page {
    position: relative; }
    .portfolio-menu .transpar-menu nav > ul > li.active-page:after {
      content: '';
      display: inline-block;
      position: absolute;
      width: 100%;
      left: 0;
      bottom: -5px;
      border-bottom: 5px solid #fff; }
    .portfolio-menu .transpar-menu nav > ul > li.active-page a {
      color: #fff; }

.portfolio-menu .transpar-menu nav > ul > li > a:hover {
  color: #969696; }

.portfolio-menu {
  padding-bottom: 0; }
  .portfolio-menu .transpar-menu {
    padding-top: 10px;
    padding-bottom: 0; }

.wpc-blog-agency-head .portfolio-menu .transpar-menu .nav-menu-icon a i,
.wpc-blog-agency-head .portfolio-menu .nav-menu-icon a i:before,
.wpc-blog-agency-head .portfolio-menu .nav-menu-icon a i:after {
  background-color: #a4a4a4; }

.portfolio-menu .nav-menu-icon {
  padding-top: 5px; }

.photo-menu {
  background-color: transparent; }
  .photo-menu nav ul > li ul {
    top: 0;
    z-index: 1; }
  .photo-menu nav > ul > li:last-child .dropmenu,
  .photo-menu nav > ul > li:last-child .sub-menu {
    right: 100%; }
  .photo-menu nav > ul > li {
    float: none; }
  .photo-menu .menu ul li > ul li a {
    background-color: #000; }
    .photo-menu .menu ul li > ul li a:hover {
      color: #fff; }
  .photo-menu nav ul > li ul {
    left: auto;
    right: 100%; }
  .photo-menu .logo {
    float: left; }
    .photo-menu .logo a {
      color: #fff; }
  .photo-menu .navigation {
    float: right; }
    .photo-menu .navigation nav {
      opacity: 0;
      padding-top: 25px;
      -webkit-transform: translateX(100%);
      transform: translateX(100%); }
    .photo-menu .navigation nav ul li a {
      background-color: #fff;
      padding-left: 5px;
      padding-right: 5px; }
    .photo-menu .navigation nav.active {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  .photo-menu .nav-menu-icon {
    display: block;
    float: right; }
  .photo-menu .nav-menu-icon a i {
    background-color: #fff; }
  .photo-menu .nav-menu-icon a.active i {
    background: none; }

.photo-menu-js .logo a {
  color: #ccc; }

.photo-menu-js .nav-menu-icon a i {
  background-color: #ccc; }
  .photo-menu-js .nav-menu-icon a i:after, .photo-menu-js .nav-menu-icon a i:before {
    background-color: #ccc; }

.heroSlideInfo {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  height: 100%;
  margin: auto;
  display: table; }
  .heroSlideInfo .heroSlideInfoWrap {
    width: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
  .heroSlideInfo i {
    background: transparent url("../img/mouse-icon.png") 0 0 no-repeat;
    width: 94px;
    height: 94px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    cursor: pointer; }
  .heroSlideInfo.heroSlideInfo2 i {
    background: transparent url("../img/mouse-icon2.png") 0 0 no-repeat;
    height: 62px;
    width: 62px;
    bottom: 40px; }

.heroSlideItem {
  position: relative; }
  .heroSlideItem:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); }

.wpc-hero-slider .flex-control-nav {
  display: block;
  position: fixed;
  width: 10px;
  height: 100px;
  right: 40px;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 2;
  text-align: center; }
  .wpc-hero-slider .flex-control-nav li {
    line-height: 1;
    font-size: 1px;
    margin: 3px;
    padding: 0;
    background-color: #fff; }
    .wpc-hero-slider .flex-control-nav li a {
      position: relative;
      overflow: hidden;
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-bottom: 5px;
      background-color: #ccc;
      opacity: .7;
      border-radius: 4px;
      color: #fff;
      font-size: 1px;
      line-height: 1; }
      .wpc-hero-slider .flex-control-nav li a.flex-active {
        width: 8px;
        height: 18px;
        border-radius: 4px;
        opacity: 1; }

.heroSlideInfoWrap h5 {
  letter-spacing: 0;
  color: #d7d7d7;
  margin-bottom: 20px; }
  .heroSlideInfoWrap h5 span {
    color: #f3f02b; }

.heroSlideInfoWrap h1 {
  line-height: 1;
  margin-bottom: 50px;
  margin-top: 5px;
  color: #fefefe; }
  .heroSlideInfoWrap h1 span {
    color: #f3f02b; }

.heroSlideInfoWrap p {
  color: white;
  letter-spacing: 1.1px;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px; }

.heroSlideItem-style2 h1 {
  color: white;
  margin-top: 30px;
  margin-bottom: 35px; }

.heroSlideItem-style2 h4 {
  position: relative;
  color: white;
  letter-spacing: 1px;
  margin-top: 30px; }
  .heroSlideItem-style2 h4:after {
    position: absolute;
    content: '';
    display: inline-block;
    top: -65px;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 31px;
    background: transparent url("../img/h-after2.png") 0 0 no-repeat; }

.heroSlideItem-style2 p {
  color: white;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: .9px; }

.heroSlideItem-style2 .heroSlideInfoWrap > a {
  display: inline-block;
  margin-top: 35px;
  color: white;
  line-height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 25px;
  padding: 0 40px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  .heroSlideItem-style2 .heroSlideInfoWrap > a:hover {
    box-shadow: 0 0 3px 3px #fff; }

.heroSlide2 {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  z-index: 2;
  left: 0;
  width: 100%; }

.heroSlide2-wrap {
  padding-top: 65px;
  padding-bottom: 85px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .heroSlide2-wrap h1 {
    text-align: right;
    color: black;
    position: relative; }
    .heroSlide2-wrap h1:after {
      position: absolute;
      content: '';
      display: inline-block;
      width: 102px;
      height: 5px;
      background-color: #f3f02b;
      bottom: -35px;
      right: 15px; }
  .heroSlide2-wrap p {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    margin-top: 5px;
    margin-bottom: 25px;
    letter-spacing: 1px; }
  .heroSlide2-wrap:after {
    clear: both;
    content: '';
    display: table; }

.heroSlide2-head {
  padding-bottom: 45px; }

.heroSlide2-body,
.heroSlide2-head {
  padding-left: 30px;
  padding-right: 30px;
  width: 50%;
  float: left; }

.heroSlide3-head,
.heroSlide3-body {
  float: left; }

.heroSlide3-head {
  height: 100%;
  width: 43%;
  background-position: center 0; }

.heroSlide3 {
  position: relative;
  z-index: 2;
  height: 100%; }

.heroSlide3-wrap {
  height: 100%; }

.heroSlide3-body {
  background-color: #fff;
  width: 57%;
  display: table;
  padding-left: 95px;
  height: 100%; }

.heroSlide3-text {
  display: table-cell;
  vertical-align: middle; }
  .heroSlide3-text h5 {
    color: #111;
    text-transform: none;
    letter-spacing: 1px; }
  .heroSlide3-text h1 {
    color: #111;
    letter-spacing: 6px;
    margin-bottom: 75px;
    position: relative; }
    .heroSlide3-text h1:after {
      position: absolute;
      content: '';
      display: inline-block;
      width: 102px;
      height: 5px;
      background-color: #f3f02b;
      bottom: -10px;
      left: 0px; }
  .heroSlide3-text span {
    color: #7f7f7f;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    float: left; }
  .heroSlide3-text b {
    float: right;
    color: #222;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; }
  .heroSlide3-text ul {
    width: 100%; }
  .heroSlide3-text li {
    width: 235px; }
    .heroSlide3-text li:after {
      clear: both;
      content: '';
      display: table; }

.heroSlide4-head {
  position: relative;
  z-index: 2;
  background-color: #fff;
  min-height: 530px;
  padding-top: 155px;
  text-align: center; }
  .heroSlide4-head h1 {
    color: #111;
    margin-bottom: 75px;
    position: relative; }
    .heroSlide4-head h1:after {
      content: '';
      display: inline-block;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      bottom: -25px;
      width: 102px;
      height: 5px;
      background-color: #f3f02b; }
  .heroSlide4-head p {
    color: #111;
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px; }
  .heroSlide4-head li {
    color: #111;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    line-height: 36px; }
    .heroSlide4-head li:before {
      font-family: 'Pe-icon-7-stroke';
      font-size: 20px;
      padding-right: 10px;
      line-height: 24px;
      font-weight: 600;
      color: #5f6263; }
    .heroSlide4-head li a {
      font-size: 14px;
      line-height: 24px;
      font-weight: 300;
      color: #5f6263; }
  .heroSlide4-head ul {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px; }
    .heroSlide4-head ul li {
      width: 24%; }

.heroSlideItem .wpc-map {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1; }

.heroSlideItem-style2 .heroSlide2 {
  background-color: transparent; }
  .heroSlideItem-style2 .heroSlide2 h1 {
    color: white;
    position: relative; }
    .heroSlideItem-style2 .heroSlide2 h1:before {
      content: '';
      display: inline-block;
      position: absolute;
      left: 0;
      right: 0;
      top: -40px;
      margin: auto;
      width: 173px;
      height: 8px;
      background-color: #68d24b; }
  .heroSlideItem-style2 .heroSlide2 li {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 40px;
    text-transform: uppercase;
    color: white;
    position: relative; }
    .heroSlideItem-style2 .heroSlide2 li:before {
      content: '';
      display: inline-block;
      background-color: #68d24b;
      width: 8px;
      height: 8px;
      border-radius: 100%;
      line-height: 100%;
      left: -5px;
      top: 0;
      bottom: 0;
      margin: auto;
      margin-bottom: 5px;
      margin-right: 5px; }
  .heroSlideItem-style2 .heroSlide2 h3 {
    color: #68d24b;
    font-size: 80px;
    font-weight: 700;
    letter-spacing: 0;
    padding-top: 60px; }
    .heroSlideItem-style2 .heroSlide2 h3 sup {
      color: #68d24b;
      font-size: 40px;
      font-weight: 700; }
    .heroSlideItem-style2 .heroSlide2 h3 span {
      line-height: 40px;
      color: white;
      text-transform: none;
      font-size: 36px;
      letter-spacing: 1px;
      font-weight: 400; }
  .heroSlideItem-style2 .heroSlide2 p {
    max-width: 745px;
    margin-left: auto;
    margin-right: auto; }

.heroSlideItem-style2 .heroSlide3 {
  position: absolute; }
  .heroSlideItem-style2 .heroSlide3 .wpc-map {
    margin-top: 80px;
    width: 100%;
    position: static;
    max-width: 830px;
    height: 300px;
    margin-left: auto;
    margin-right: auto; }
  .heroSlideItem-style2 .heroSlide3 h1 {
    color: white;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 25px; }
    .heroSlideItem-style2 .heroSlide3 h1:after {
      width: 173px;
      height: 8px;
      background-color: #68d24b;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: -45px;
      content: '';
      display: inline-block; }
  .heroSlideItem-style2 .heroSlide3 p {
    color: white;
    font-size: 16px;
    font-weight: 300;
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
    line-height: 28px; }
  .heroSlideItem-style2 .heroSlide3 ul {
    margin-top: 35px;
    text-align: center; }
    .heroSlideItem-style2 .heroSlide3 ul li {
      padding: 0 20px; }
      .heroSlideItem-style2 .heroSlide3 ul li:before {
        padding-right: 5px; }
  .heroSlideItem-style2 .heroSlide3 li,
  .heroSlideItem-style2 .heroSlide3 li a {
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px; }
    .heroSlideItem-style2 .heroSlide3 li:before,
    .heroSlideItem-style2 .heroSlide3 li a:before {
      color: #68d24b;
      font-family: 'Pe-icon-7-stroke';
      font-size: 16px;
      line-height: 30px; }

.wpc-abonenent {
  max-width: 765px;
  margin: 50px auto; }
  .wpc-abonenent:after {
    content: '';
    display: table;
    clear: both; }
  .wpc-abonenent .wpc-price,
  .wpc-abonenent ul {
    width: 50%;
    float: left; }

.black-color .scrol nav ul li li a {
  color: #fff; }

.black-color .logo a {
  color: #111; }

.black-color nav ul li a {
  color: #969696; }

.black-color .nav-menu-icon a i,
.black-color .nav-menu-icon a i:before,
.black-color .nav-menu-icon a i:after {
  background-color: #111; }

.black-color .nav-menu-icon a.active i:before,
.black-color .nav-menu-icon a.active i:after {
  background-color: #111; }

.black-color nav > ul > li.active-page > a {
  color: #111;
  border: 1px solid #111; }

.white-burger nav ul li a {
  color: #000; }

.white-burger .nav-menu-icon a i,
.white-burger .nav-menu-icon a i:before,
.white-burger .nav-menu-icon a i:after {
  background-color: #fff; }

.swiper-slide img {
  width: auto;
  max-width: 100%; }

.heroSlide3-info {
  display: table-cell;
  vertical-align: middle; }
  .heroSlide3-info h1 {
    color: #fefefe;
    font-size: 54px;
    font-weight: 300;
    line-height: 60px;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 2px; }
  .heroSlide3-info ul {
    margin-bottom: 40px;
    padding: 14px 0; }
  .heroSlide3-info li {
    color: #cfcfcf;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 1;
    border-left: 1px solid #cfcfcf; }
    .heroSlide3-info li:before {
      font-family: 'Pe-icon-7-stroke'; }
    .heroSlide3-info li:first-child {
      padding-left: 0;
      border: none; }
  .heroSlide3-info p {
    color: white;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px; }
  .heroSlide3-info a {
    color: white;
    margin-top: 60px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase; }
  .heroSlide3-info .wpc-cont li {
    display: block;
    padding: 0;
    border: none;
    color: white;
    font-weight: 300;
    text-transform: none; }
    .heroSlide3-info .wpc-cont li:before {
      font-family: 'Pe-icon-7-stroke';
      padding-right: 10px; }
    .heroSlide3-info .wpc-cont li a {
      text-transform: none;
      color: white;
      font-size: 16px;
      font-weight: 300;
      line-height: 34px; }

.wpc-hero-swiper {
  height: 100vh;
  position: relative; }
  .wpc-hero-swiper .wpc-hero-swiper-body {
    height: 430px;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    vertical-align: middle; }
  .wpc-hero-swiper .swiper-container {
    overflow: visible; }
  .wpc-hero-swiper .slide-body {
    padding-top: 50px;
    padding-bottom: 50px; }
  .wpc-hero-swiper .swiper-slide img {
    box-shadow: 0 0 58px 0 #000;
    height: 430px; }

.wpc-hero-slider-style2 {
  overflow: hidden; }

.main-wrapp .over-hide {
  overflow: hidden; }

.wpc-blog-agency {
  height: 85px; }
  .wpc-blog-agency .nav-menu-icon {
    margin-top: 5px; }
  .wpc-blog-agency nav {
    margin-top: 15px; }
  .wpc-blog-agency .transpar-menu {
    height: 70px; }

.body-bg-attachment {
  background-attachment: fixed;
  position: relative; }
  .body-bg-attachment:before {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    top: 0;
    left: 0;
    height: 100%; }

.wpc-start-block {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 2; }
  .wpc-start-block h1 {
    color: #fff; }
  .wpc-start-block p {
    color: #fff; }

.hide-centered-block {
  position: absolute;
  width: 0;
  height: 0;
  left: 200px;
  display: block;
  top: 200px;
  bottom: 200px;
  right: 200px;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  visibility: hidden;
  background-color: #000;
  overflow: hidden; }
  .hide-centered-block h4, .hide-centered-block h5 {
    color: #fff;
    text-indent: -9999px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }

.item:hover .hide-centered-block {
  visibility: visible;
  width: auto;
  height: auto;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px; }
  .item:hover .hide-centered-block h4, .item:hover .hide-centered-block h5 {
    text-indent: 0; }

.vertical-body {
  display: table;
  height: 100%; }
  .vertical-body .vertival-item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; }

@media only screen and (max-width: 1300px) {
  .wpc-shop-star .header {
    margin-left: 30px; }
  .wpc-shop2-right .wpc-shop2-info {
    margin-right: 30px; }
  .wpc-shop2-left .wpc-shop2-info {
    margin-left: 30px; } }

@media only screen and (max-width: 1200px) {
  .transpar-menu2 .nav-menu-icon a.active i:before,
  .transpar-menu2 .nav-menu-icon a.active i:after {
    background: #222; }
  .transpar-menu.scrol nav ul li li a {
    color: #222; }
  .heroSlide3Item {
    background-position: center; } }

@media only screen and (max-width: 1199px) {
  .wpc-shop h1 {
    font-size: 80px; }
  .wpc-shop-star h1 {
    font-size: 70px; }
  .wpc-shop-star .header span {
    display: none; }
  .wpc-shop-star .header {
    margin-left: 0; }
  .wpc-clothes-info {
    min-height: 165px; }
  .bag-start-img img {
    max-width: 100%; }
  .lamp-name {
    padding-left: 15px;
    padding-right: 15px; }
  .heroSlide2-wrap h1 {
    font-size: 55px; }
  .wpc-blog-slider {
    padding: 50px 0; }
  .wpc-blog3-posts {
    padding: 50px 0; }
  .wpc-blog-slides-item2 {
    margin-bottom: 35px; }
  .wpc-blog-slides-item3 {
    padding: 0 35px; }
  .pagination.vertical-mode {
    right: auto;
    left: 30px;
    bottom: 75px; } }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .transpar-menu2 nav.active {
    background-color: #fff; }
  .transpar-menu2 nav > ul > li.active-page > a {
    color: #333;
    border-color: #333; }
  .wpc-blog-agency-menu .transpar-menu {
    width: auto;
    position: fixed; }
  .wpc-blog-agency-menu .wpc-blog-agency-form,
  .wpc-blog-agency-menu .soc-net {
    width: 50%; }
  .wpc-blog-agency-head .transpar-menu .nav-menu-icon a i,
  .wpc-blog-agency-head .nav-menu-icon a i:before,
  .wpc-blog-agency-head .nav-menu-icon a i:after {
    background-color: #000; }
  .wpc-blog-agency-head .transpar-menu .nav-menu-icon a.active i {
    background-color: transparent; }
  .wpc-blog-agency-menu .transpar-menu {
    background-color: transparent; }
  .wpc-blog3-agency .nav-menu-icon,
  .wpc-blog3-agency header {
    position: fixed; }
  .wpc-blog3-slider .main-slider .swiper-slide .full-height500 {
    margin-top: 50px; }
  .wpc-blog3-agency nav {
    position: fixed; }
  .wpc-blog3-agency .transpar-menu {
    padding-top: 10px; }
  .wpc-blog3-agency .nav-menu-icon {
    margin-top: 20px; }
  .black-right-menu nav {
    padding-left: 0; }
  .black-right-menu .menu ul li > ul li a {
    color: #fff; }
  .wpc-info-menu {
    width: 100%;
    max-width: 600px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
  .black-right-menu nav.active {
    min-width: 1px; }
  .photo-menu .nav-menu-icon a i,
  .photo-menu .nav-menu-icon a i:before,
  .photo-menu .nav-menu-icon a i:after {
    background-color: #000; }
  .photo-menu-js .nav-menu-icon a i,
  .photo-menu-js .nav-menu-icon a i:before,
  .photo-menu-js .nav-menu-icon a i:after {
    background-color: #ccc; }
  .photo-menu .logo a {
    color: #000; }
  .photo-menu-js .logo a {
    color: #ccc; }
  .nav-menu-icon {
    float: right;
    margin-right: 10px; }
  .nav-left {
    float: left; }
  .info-block {
    padding-left: 10px;
    padding-right: 10px; }
  .menu ul > li > ul > li > ul.right-to-left-menu {
    left: auto;
    right: auto; }
  .transpar-menu2 nav > ul > li {
    padding-left: 0; }
  .white-logo-menu .logo a {
    color: #fff; }
  .white-logo-menu .nav-menu-icon a.active i:after,
  .white-logo-menu .nav-menu-icon a.active i:before {
    background-color: #000; }
  .white-logo-menu .nav-menu-icon a i:after,
  .white-logo-menu .nav-menu-icon a i:before,
  .white-logo-menu .nav-menu-icon a i {
    background-color: #fff; }
  .photo-menu .menu ul li > ul li a {
    background-color: #fff; }
  .photo-menu .menu ul li > ul li a:hover {
    color: #000; }
  .wpc-hero-swiper .swiper-slide img {
    height: 200px; }
  .wpc-hero-swiper .wpc-hero-swiper-body {
    height: 300px; }
  .transpar-menu4 .nav-menu-icon .table-cell {
    display: table-cell; }
  .transpar-menu4 .shop-form {
    right: 40px; }
  .transpar-menu4-black .nav-menu-icon a i,
  .transpar-menu4-black .nav-menu-icon a i:before,
  .transpar-menu4-black .nav-menu-icon a i:after {
    background-color: #000; }
  .white-burger .logo a {
    color: #fff; } }

@media only screen and (max-width: 991px) {
  .wpc-shop-baner {
    padding-left: 15px;
    padding-right: 15px; }
  .transpar-menu5 {
    padding-left: 15px;
    padding-right: 15px; }
  .wpc-blog-agency-menu .transpar-menu nav > ul > li {
    margin: 0; }
  .wpc-blog3 .main-wrapp {
    padding-top: 50px;
    padding-bottom: 50px; }
  .wpc-blog3 .blog-item.item {
    width: 50%; }
  .wpc-blog3-agency .transpar-menu,
  .wpc-blog3-agency nav.active {
    position: fixed; }
  .wpc-blog3-agency .nav-menu-icon {
    right: 15px; }
  .wpc-blog3-agency .logo {
    position: fixed;
    top: 10px;
    left: 15px; }
  .wpc-blog-slider .header h1 {
    margin-top: 0; }
  .wpc-blog-slider .pagination {
    bottom: 0; }
  .wpc-blog-slides-item {
    margin-top: 0;
    margin-bottom: 50px; }
  .wpc-blog-slides-item2 {
    margin-top: 0;
    margin-bottom: 0; }
  .wpc-leadership-item {
    background-color: #eee; }
  .wpc-leadership-item {
    margin-bottom: 50px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto; }
  .services-item {
    min-height: 300px;
    padding-left: 15px;
    padding-right: 15px; }
  .services3-img {
    width: 100%; }
  .services3-img img {
    width: 100%; }
  .wpc-arrivals-item {
    text-align: center; }
  .transpar-menu4 .shop-form,
  .transpar-menu4 .logo {
    border: none; }
  .transpar-menu4 .shop-form {
    right: 40px; }
  .wpc-shop .header {
    padding: 200px 0; }
  .transpar-menu4 .navigation > nav {
    width: 100%; }
  .transpar-menu4 .active .table-cell {
    display: block;
    width: 100%; }
  .transpar-menu4 .navigation nav > ul > li a {
    color: #222; }
  .wpc-shop2-img {
    background-image: url() !important; }
  .wpc-shop2-info:after {
    top: 30px; }
  .transpar-menu5 .shop-form {
    right: 25px; }
  .transpar-menu5 .nav-menu-icon a i,
  .transpar-menu5 .nav-menu-icon a i:before,
  .transpar-menu5 .nav-menu-icon a i:after {
    background-color: #000; }
  .wpc-sex {
    background-position: center 0; }
  .wpc-clothes-info {
    min-height: 0; }
  .wpc-shop4-img,
  .wpc-shop4-info {
    padding-top: 30px; }
  .wpc-row-size {
    float: none;
    margin-top: 20px; }
  .portfolio-menu .transpar-menu nav > ul > li {
    padding-bottom: 0; }
  .portfolio-menu .transpar-menu nav > ul > li.active-page:after {
    display: none; }
  .portfolio-menu .transpar-menu nav > ul > li.active-page a {
    color: #969696; }
  .heroSlide4-head h1,
  .heroSlideInfoWrap h1 {
    font-size: 35px; }
  .heroSlideInfoWrap h5 {
    font-size: 20px; }
  .heroSlide3-body {
    padding-left: 30px;
    padding-right: 30px; }
  .heroSlide4-head ul li {
    width: 49%;
    margin-bottom: 10px;
    text-align: center; }
  .bag-start-info {
    padding-left: 15px;
    padding-top: 50px;
    padding-bottom: 50px; }
  .wpc-arrivals-item {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto; }
    .wpc-arrivals-item .wpc-arrivals-hide img {
      width: 100%; }
  .transpar-menu4-new-style .navigation .table-cell {
    display: block; }
  .wpc-blog-start {
    background-position: center; }
  .wpc-blog-agency-head {
    padding: 100px 0; } }

/* Small Devices, Tablets */
@media only screen and (max-width: 991px) {
  .sidebar-left {
    border-left: 0; } }

@media only screen and (max-width: 768px) {
  .wpc-start-slider .padd-only-xs {
    padding-left: 0;
    padding-right: 0; }
  .wpc-start-slider .slide-prev {
    left: 30px; }
  .wpc-start-slider .slide-next {
    right: 30px; }
  .wpc-info-block-img {
    display: none; }
  .contactUs2-map .wpc-map {
    position: relative; }
    .contactUs2-map .wpc-map:after {
      position: absolute;
      content: '';
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: transparent; }
  .transpar-menu5 .shop-form {
    right: 30px; }
  .transpar-menu5 .nav-menu-icon a i,
  .transpar-menu5 .nav-menu-icon a i:before,
  .transpar-menu5 .nav-menu-icon a i:after {
    background-color: #000; }
  .three-block i {
    position: static;
    margin-bottom: 10px; }
  .wpc-contactUs-form-style3 .wpc-contactUs-input {
    padding-left: 0; } }

@media only screen and (max-width: 767px) {
  .wpc-blog-post-info h1 {
    font-size: 35px;
    line-height: 40px;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px; }
  .wpc-start-slider h1,
  .wpc-start-slider h5 {
    padding-left: 15px;
    padding-right: 15px; }
  .wpc-shop-star h1,
  .contactUs-start h1 {
    font-size: 40px;
    padding-left: 15px;
    padding-right: 15px; }
  .wpc-contactUs-form h2 {
    font-size: 25px; }
  .wpc-shop h1 {
    font-size: 35px; }
  .wpc-shop2-info h2 {
    font-size: 25px; }
  .wpc-baner-adress li {
    display: block; }
  .wpc-shop-baner {
    display: none; }
  .transpar-menu5 {
    top: 0; }
  .wpc-shop2-left p {
    padding-right: 15px; }
  .wpc-shop2-right p {
    padding-left: 15px; }
  .wpc-shop-star {
    padding-left: 15px;
    padding-right: 15px; }
  .filters-style-7 .but {
    margin-bottom: 10px; }
  .dark-logo .logo a {
    color: #000; }
  .wpc-blog-posts {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 30px;
    top: auto; }
  .wpc-blog-start-body .wpc-blog-post-info {
    text-align: center; }
  .wpc-blog-slides-item2 {
    margin-left: auto;
    margin-right: auto;
    float: none;
    max-width: 440px; }
  .wpc-blog-slides-item {
    padding: 0 5px;
    margin-bottom: 50px; }
  .wpc-blog-slider .pagination {
    bottom: -10px; }
  .wpc-blog-slider {
    padding: 30px 0; }
  .wpc-blog-post h3 {
    margin-bottom: 0; }
  .wpc-blog-posts {
    height: 140px; }
  .wpc-blog-agency-menu .wpc-blog-agency-form,
  .wpc-blog-agency-menu .soc-net {
    width: 100%;
    text-align: center;
    border: 1px solid #eee;
    border-left: none;
    border-right: none; }
  .wpc-blog-slider .header {
    padding: 0 15px; }
  .wpc-blog-slides-item {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px; }
  .wpc-blog-slides-item2 {
    margin-bottom: 20px; }
  .wpc-blog3-slider h2 {
    font-size: 35px; }
  .heroSlideItem-style2 .heroSlide3 h1 {
    font-size: 35px; }
  .contactUs2-info h2 {
    font-size: 25px; }
  .heroSlideItem-style2 .heroSlide2 h1 {
    font-size: 35px; }
  .wpc-shop4-img {
    display: none; }
  .wpc-shop4-info {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }
  .wpc-shop4-slider2 .pagination {
    padding-left: 15px;
    text-align: left; }
  .wpc-shop4-slider2 .wpc-shop4-info {
    padding-top: 75px;
    padding-left: 15px;
    padding-right: 15px; }
  .wpc-shop4-slider2 .pagination {
    top: auto;
    bottom: 0;
    width: 100%;
    text-align: center;
    max-width: 100%; }
  .wpc-shop4-slider2 h2,
  .wpc-shop4-info h2 {
    font-size: 30px; }
  .wpc-clothes-img {
    background-position: center 0; }
  .bag-start-info {
    float: right;
    width: 100%;
    text-align: center;
    padding: 0 15px; }
    .bag-start-info p {
      max-width: 100%; }
  .bag-start-img {
    width: 100%;
    text-align: center;
    padding-bottom: 100px; }
  .wpc-bag-img {
    padding-top: 0; }
  .wpc-bag-info {
    min-height: auto; }
  .photo-menu .logo a {
    color: #fff; }
  .heroSlide2-body,
  .heroSlide2-head {
    width: 100%;
    float: none; }
  .heroSlide3-head {
    display: none; }
  .heroSlide3-body {
    width: 100%; }
  .heroSlide3-body {
    padding-left: 15px;
    padding-right: 15px; }
  .heroSlide4-head p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto; }
  .heroSlide4-head {
    padding-top: 75px;
    padding-bottom: 75px; }
  .flexslider .slides li {
    width: 100%; }
  .heroSlide2-wrap h1 {
    line-height: 1; }
  .wpc-abonenent .wpc-price,
  .wpc-abonenent ul {
    width: 100%; }
  .heroSlideItem-style2 .heroSlide3 h1,
  .heroSlideItem-style2 .heroSlide2 h1 {
    line-height: 1; }
  .heroSlideItem-style2 .heroSlide2 h3 {
    padding-top: 0;
    font-size: 20px; }
    .heroSlideItem-style2 .heroSlide2 h3 span,
    .heroSlideItem-style2 .heroSlide2 h3 sup {
      font-size: 16px; }
  .heroSlideItem-style2 .heroSlide3 .wpc-map {
    margin-top: 20px; }
  .wpc-splitted-slider .swiper-container {
    height: auto !important; }
  .swiper-slide .wpc-slider-img,
  .swiper-slide-active .wpc-slider-img,
  .swiper-slide-active .wpc-slider-sp-info {
    -webkit-transform: none;
    transform: none; }
  .swiper-slide .wpc-slider-img,
  .swiper-slide .wpc-slider-sp-info {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in; }
  .swiper-slide .wpc-slider-sp {
    text-align: center; }
  .swiper-slide .wpc-slider-sp-body {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px; }
  .swiper-slide .wpc-slider-img h1 {
    padding-left: 15px;
    padding-right: 15px; }
  .swiper-slide .wpc-slider-img {
    margin-bottom: 50px; }
    .swiper-slide .wpc-slider-img img {
      border: none; }
  .swiper-slide .sidebar-left-menu .menu {
    width: 100%;
    display: block; }
  .wpc-hero-slider .flex-control-nav {
    top: auto; }
  .heroSlideInfo .heroSlideInfoWrap h1 {
    line-height: 1;
    margin-bottom: 0; }
  .heroSlideItem-style2 h4 {
    line-height: 1; }
  .heroSlideItem-style2 h4:after {
    display: none; }
  .heroSlide3Item {
    background-position: 0 0; }
  .heroSlide3-info {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; }
  .wpc-hero-swiper {
    display: none; }
  .heroSlide3-info-wrap {
    margin-left: auto;
    margin-right: auto; }
  .heroSlide3-info li {
    border: none; } }

@media only screen and (max-width: 600px) {
  .aboutUs6-info .wpc-clients-item {
    width: 100%;
    text-align: center; }
    .aboutUs6-info .wpc-clients-item:last-child, .aboutUs6-info .wpc-clients-item:first-child {
      text-align: center; }
  .aboutUs6-title h4 {
    text-align: center; }
  .wpc-start-item header {
    padding-left: 15px;
    padding-right: 15px; }
  header {
    height: 100px; }
  .wpc-creative a {
    margin-bottom: 10px; }
  .photo-menu .header {
    height: 85px; }
  .heroSlideInfo i {
    display: none; }
  .wpc-hero-slider .flex-control-nav {
    top: auto; }
  .wpc-abonenent {
    margin: 0; }
  .wpc-blog-posts .wpc-blog-post {
    padding-left: 15px;
    padding-right: 15px; } }

@media only screen and (max-width: 480px) {
  .transpar-menu4 .shop-form {
    display: none; }
  .wpc-blog3 .blog-item.item {
    width: 100%; }
  .gutt-col4 .item {
    margin-bottom: 10px; }
  .contactUs2-map .wpc-map {
    height: 300px; }
  .services-item {
    min-height: 0; }
  .wpc-shop4-slider2 .pagination {
    margin-bottom: 10px; }
  .wpc-shop4-info a {
    margin-bottom: 20px; }
  .heroSlide2-wrap h1 {
    font-size: 35px; }
  .heroSlide2-wrap {
    padding-bottom: 0;
    padding-top: 50px; }
  .heroSlideItem-style2 .heroSlide3 {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box; }
  .heroSlideItem-style2 .heroSlide3 h1:after {
    display: none; }
  .transpar-menu5 .shop-form {
    display: none; }
  .heroSlideItem-style2 .heroSlide2 li {
    line-height: 1;
    font-size: 16px; }
  .heroSlideItem-style2 .heroSlide2 h1:before {
    display: none; }
  .heroSlideItem-style2 .heroSlide3 .wpc-map {
    height: 100px; }
  .heroSlideItem-style2 .heroSlide3 ul {
    margin-top: 0; }
  .heroSlideItem-style2 .heroSlide3 .wpc-map {
    margin-top: 0; }
  .heroSlideInfo .heroSlideInfoWrap h1,
  .heroSlideInfo .heroSlideInfoWrap p {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto; }
  .heroSlide3-info h1 {
    font-size: 30px;
    line-height: 1; }
  .heroSlide3-info li {
    padding-right: 0;
    padding-left: 0; }
  .heroSlide3-info ul {
    margin-bottom: 0; }
  .heroSlide3-info a {
    margin-top: 20px; } }

/* Custom, iPhone Retina */
.full-screen.white-menu .logo a {
  font-size: 16px; }

/*================================================*/
/* CONTACT FORM */
/*================================================*/
.u-contact {
  text-align: center;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto; }
  .u-contact__wrap {
    float: left;
    width: 50%;
    padding: 0 15px;
    text-align: left; }
  .u-contact__input, .u-contact__text {
    width: 100%;
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 300;
    line-height: 52px;
    border: none;
    border-bottom: 1px solid #6f6f6f;
    padding: 0 15px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-transform: lowercase; }
    .u-contact__input:focus, .u-contact__input:hover, .u-contact__text:focus, .u-contact__text:hover {
      color: #222;
      border-bottom: 1px solid #222; }
  .u-contact__input {
    max-width: 380px; }
    .u-contact__input--full-border {
      border: 1px solid #6f6f6f; }
    .u-contact__input--full-border:not(:last-child) {
      margin-bottom: 15px; }
  .u-contact__text {
    min-height: 157px;
    resize: vertical;
    margin-bottom: 0; }
  .u-contact__text--full-border {
    border: 1px solid #6f6f6f;
    min-height: 191px; }
  .u-contact__btn-wrap {
    width: 100%;
    clear: both; }
  .u-contact__btn {
    margin-top: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 45px;
    padding: 0 35px;
    text-transform: lowercase;
    background-color: #222;
    border: 1px solid #222;
    border-radius: 30px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
    .u-contact__btn:hover {
      color: #222;
      background: #fff; }
  .u-contact ::-webkit-input-placeholder {
    color: #6f6f6f;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .u-contact ::-moz-placeholder {
    color: #6f6f6f;
    transition: all 0.3s ease-in; }
  .u-contact :-ms-input-placeholder {
    color: #6f6f6f;
    transition: all 0.3s ease-in; }
  .u-contact :-moz-placeholder {
    color: #6f6f6f;
    transition: all 0.3s ease-in; }
  .u-contact input:focus::-webkit-input-placeholder,
  .u-contact input:hover::-webkit-input-placeholder,
  .u-contact textarea:focus::-webkit-input-placeholder,
  .u-contact textarea:hover::-webkit-input-placeholder {
    color: #222;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .u-contact input:focus:-moz-placeholder,
  .u-contact input:hover:-moz-placeholder,
  .u-contact textarea:focus:-moz-placeholder,
  .u-contact textarea:hover:-moz-placeholder {
    color: #222;
    transition: all 0.3s ease-in; }
  .u-contact input:focus::-moz-placeholder,
  .u-contact input:hover::-moz-placeholder,
  .u-contact textarea:focus::-moz-placeholder,
  .u-contact textarea:hover::-moz-placeholder {
    color: #222;
    transition: all 0.3s ease-in; }
  .u-contact input:focus:-ms-input-placeholder,
  .u-contact input:hover:-ms-input-placeholder,
  .u-contact textarea:focus:-ms-input-placeholder,
  .u-contact textarea:hover:-ms-input-placeholder {
    color: #222;
    transition: all 0.3s ease-in; }

/*================================================*/
/* END CONTACT FORM */
/*================================================*/
/*================================================*/
/* PROCESS */
/*================================================*/
.u-process-wrap--animate .u-process-item {
  opacity: 1; }

.u-process-item {
  width: 100%;
  margin-bottom: 40px;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-delay: initial;
  transition-delay: initial; }
  .u-process-item__img {
    display: inline-block;
    vertical-align: top;
    float: left; }
  .u-process-item__icon-wrap {
    background-color: #f8f8f8;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative; }
  .u-process-item__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 40px; }
  .u-process-item__content {
    padding-left: 100px; }
  .u-process-item__title {
    color: #222;
    margin-bottom: 15px; }

.u-process-wrap--horizontal .u-process-item {
  display: inline-block;
  float: left; }
  .u-process-wrap--horizontal .u-process-item__img {
    border-radius: 50%;
    background: #fff;
    position: relative;
    padding: 10px; }
    .u-process-wrap--horizontal .u-process-item__img img {
      max-width: 100%;
      border-radius: 50%; }
  .u-process-wrap--horizontal .u-process-item__icon-wrap {
    position: absolute;
    top: 0; }

.u-process-wrap--horizontal .u-process-item:nth-child(1) {
  width: 18.77%;
  margin-right: 10.38%;
  margin-top: 1.54%; }
  .u-process-wrap--horizontal .u-process-item:nth-child(1) .u-process-item__icon-wrap {
    top: -5%;
    left: 0%; }

.u-process-wrap--horizontal .u-process-item:nth-child(2) {
  width: 14%;
  margin-right: 11%;
  margin-top: 12%; }

.u-process-wrap--horizontal .u-process-item:nth-child(3) {
  width: 15%;
  margin-right: 11%;
  margin-top: 6%; }

.u-process-wrap--horizontal .u-process-item:nth-child(4) {
  width: 20%; }

/*================================================*/
/* END PROCESS */
/*================================================*/

/*===============================*/
/* Added Customize Code */
/*===============================*/

.banner-nolr {
	right: 15% !important;
	left: 15% !important;
}

/*---- VALIDATOR STYLING - you can change it a bit to make it fit the look ----*/
.qtip-custom {
	background-color:#fff !important;
	border-color:red !important;
	border-width:2px !important;
	color:#000 !important;
}
input.error, input:not([type="radio"]).error, select.error {
    color: #D8000C !important;
    background-color: #FFBABA !important;
	border:2px solid #D8000C !important;
	-webkit-text-fill-color: red !important;
	-webkit-box-shadow: 0 0 0px 1000px #FFBABA inset !important;
}

/*** Collapsible Mobile Support Forms ****/

.wrapper{
  width:70%;
}
@media(max-width:992px){
 .wrapper{
  width:100%;
} 
}
.panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
  display:block;
  padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase !important;
  letter-spacing:1px;
  word-spacing:3px;
  text-decoration:none;
  text-align: center !important;
}
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 

/*---- MODAL STYLING ----*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 11; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    margin-left:0px;
    color:#666;
}

/* Modal Header */
.modal-header {
    padding:  5px 16px;
    background-color: rgb(253, 84, 84);
    color: white;
}

.modal.warning,
.modal.error,
.modal.success {
display: block;
}

.modal.warning .modal-header,
.modal.error .modal-header {
display: inherit;
}
.modal.success .modal-header {
background-color: rgb(125, 224, 76);
}

/* Modal Body */
.modal-body {padding: 16px;}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: 150px auto;
  padding: 0;
  border: 1px solid #888;
  width: 60%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

@media only screen and (max-width: 500px) {
.modal-content {
  width: 80%;

  }
}



/*---- CHAT SCRIPT STYLING ----*/

/*Optional - replace Source Sans with the website font to use that for the chat script*/
#lc_chat_layout * {
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !important;
}

/*Styling to make it more visible on mobile*/
@media only screen and (max-width: 720px) {
    #lc_chat_layout.lc-collapsed #lc_chat_title {
        display: block !important;
        text-transform: uppercase !important;
        text-align: center !important;
        float: none !important;
        width: 100% !important;
    }
    
     #lc_chat_layout {
        right: 0px !important;
    }
    
    #lc_chat_layout.lc-collapsed #lc_chat_header {
        border-radius: 0px !important;
        background-position: 98% 17px !important;
    }
    
    #lc_chat_layout.lc-collapsed {
        width: 100% !important;
        bottom: 0px !important;
    }
}
#lc_chat_window input[type="text"], #lc_chat_window input[type="email"], #lc_chat_window textarea {
    max-width: 100%;
}
#lc_chat_message_window p span {top:0px;}


body {
	margin: 0;
	padding: 0;
}
h4 {
	font-size: 24px !important;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase !important;
	line-height: 62px !important;
	margin-top: 14px !important;
}
.browser-window {
	background-image: url(/media/browser-window.jpg);
	top: 0;
	width: 661px;
	background-repeat: no-repeat;
	height: 404px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 120px;
}
.wpc-our-creative {
  	background-size: cover !important;
	background-repeat: repeat !important;
    background-image: url(/media/bg-bottom.jpg);
	background-attachment: fixed !important;
	padding-top: 100px;
	position: relative;
}
.join-now-btn {
	display: block;
	background-color: red;
	width: 30%;
	color: white;
	text-align: center;
	line-height: 38px;
	border-radius: 100px;
	margin-left: auto;
	margin-right: auto;
	top: 140px;
    position: relative;
}
.wpc-newsletter {
	background-size: cover !important;
	background-repeat: repeat !important;
	background-image: url(/media/question-bg.jpg);
	background-attachment: fixed !important;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	background-position: center center;
	border-top-style: solid;
	border-top-color: white;
	border-top-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: white;
	border-bottom-width: 10px;
}
.help-icon {
	width: 110px;
    height: 110px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.par-style-btm {
	color: #ffbae6 !important;
	text-align: center;
	padding-top: 10px;
}
.new-h1-banner {
	color: #fff !important;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	text-transform: uppercase !important;
	font-style: italic !important;
	font-size: 9vw;
	line-height: 1.0em;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
	  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: 0 1px 0 rgb(204,204,204) , 0 2px 0 rgb(201,201,201) , 0 3px 0 rgb(187,187,187) , 0 4px 0 rgb(185,185,185) , 0 5px 0 rgb(170,170,170) , 0 6px 1px rgba(0,0,0,0.0980392) , 0 0 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 5px 10px rgba(0,0,0,0.247059) , 0 10px 10px rgba(0,0,0,0.2) , 0 20px 20px rgba(0,0,0,0.14902) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.new-h1-banner:hover {
	color: rgba(196,196,196,1);
	text-shadow: 0 1px 0 rgba(255,255,255,1) , 0 2px 0 rgba(255,255,255,1) , 0 3px 0 rgba(255,255,255,1) , 0 4px 0 rgba(255,255,255,1) , 0 5px 0 rgba(255,255,255,1) , 0 6px 1px rgba(0,0,0,0.0980392) , 0 0 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 -5px 10px rgba(0,0,0,0.247059) , 0 -7px 10px rgba(0,0,0,0.2) , 0 -15px 20px rgba(0,0,0,0.14902) ;
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
.phone-custom {
    font-family: roboto;
    color: white;
    font-size: 37px;
    text-align: center;
    line-height: 54px;
	font-weight: 600;
}
.banner-par {
	color: white !important;
}
.wpc-bg-block {
	position: relative;
}
.desc-white {
	color: white !important;
}
.button-header {
	background: rgba(233,41,76,1);
	background: -moz-linear-gradient(left, rgba(233,41,76,1) 0%, rgba(253,3,40,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(233,41,76,1)), color-stop(100%, rgba(253,3,40,1)));
	background: -webkit-linear-gradient(left, rgba(233,41,76,1) 0%, rgba(253,3,40,1) 100%);
	background: -o-linear-gradient(left, rgba(233,41,76,1) 0%, rgba(253,3,40,1) 100%);
	background: -ms-linear-gradient(left, rgba(233,41,76,1) 0%, rgba(253,3,40,1) 100%);
	background: linear-gradient(to right, rgba(233,41,76,1) 0%, rgba(253,3,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9294c', endColorstr='#fd0328', GradientType=1 );
	display: block;
    width: 23%;
	border-radius: 100px;
	text-transform: uppercase;
    color: white;
	margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 21px;
}

.icon-adj {
	width: 100% !important;
	font-size: 26px !important;
	color: white !important;
}
.play-adj {
	font-family: roboto;
	font-size: 18px;
	font-weight: 700;
}
.button-header:hover {
	background: #a50d0d;
	color: white;
}
.game-h4 {
	color: white !important;
	font-family: 'Oswald', sans-serif;
	font-size: 26px !important;
	text-transform: uppercase !important;
	text-align: center !important;
}
.game-h5 {
	color: white !important;
	font-family: "roboto", "sans-serif" !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	text-align: center !important;
	letter-spacing: 3px;
}
.game-btn {
	background: rgba(233,41,76,1);
	background: -moz-linear-gradient(top, rgba(233,41,76,1) 0%, rgba(253,3,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(233,41,76,1)), color-stop(100%, rgba(253,3,40,1)));
	background: -webkit-linear-gradient(top, rgba(233,41,76,1) 0%, rgba(253,3,40,1) 100%);
	background: -o-linear-gradient(top, rgba(233,41,76,1) 0%, rgba(253,3,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(233,41,76,1) 0%, rgba(253,3,40,1) 100%);
	background: linear-gradient(to bottom, rgba(233,41,76,1) 0%, rgba(253,3,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9294c', endColorstr='#fd0328', GradientType=0 );
	display: block;
	text-align: center;
	line-height: 2.5em;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 100px;
	color: white !important;
	text-transform: uppercase;

}
.footer-color {
	color: white !important;
}
.padding-remover {
	padding: 110px 0 !important;
}
.padding-content {
	padding-top: 10px;
    padding-bottom: 10px;
}
.form-section {
	padding: 40px;
	background-color: white;
	-webkit-box-shadow: 0px 0px 51px -5px rgba(64,85,89,0.34);
	-moz-box-shadow: 0px 0px 51px -5px rgba(64,85,89,0.34);
	box-shadow: 0px 0px 51px -5px rgba(64,85,89,0.34);
	border-radius: 10px;
	padding-bottom: 80px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.content-wider {
	padding: 40px;
	background-color: white;
	-webkit-box-shadow: 0px 0px 51px -5px rgba(64,85,89,0.34);
	-moz-box-shadow: 0px 0px 51px -5px rgba(64,85,89,0.34);
	box-shadow: 0px 0px 51px -5px rgba(64,85,89,0.34);
	border-radius: 10px;
	padding-bottom: 80px;
	padding-left: 80px;
    padding-right: 80px;
}
.u-header--white-text .sub-menu li a {
	color: #9f9f9f !important;
}
.u-header--white-text .sub-menu li a:hover {
     background-color: #ea264a !important;
	color: white !important;
		  
}
.h5-style {
	font-size: 21px;
	line-height: 24px !important;
	text-align: center;
	font-family: roboto;
	text-transform: none;
	color: #3b5463;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 28px;
}
.support-p {
	text-align: center;
	font-size: 15px;
	color: #72848e !important;
	line-height: 32px;
}
.custom-link {
	color: white;
}
.custom-link:hover {
	color: red;
}
.margin-adjuster {
	position: relative;
    top: 15px;
}
.signup-btn {
	margin: 4%;
	top: 0px !important;
}
.section-adjuster {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	box-shadow: none !important;
}
.banner-adjuscent {
	background-attachment: scroll;
}
/*============= Banner Flexslider ================================*/
  .flex-caption { 
  background: tomato; 
  color: white;
  position: absolute;
  bottom: 0;
  padding: 1em;
}

/*===========Modal Popup======================*/

.modal
{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	display:none;
	background-color: rgba(0, 0, 0, 0.91);
	z-index: 9999;
}
.modal_close
{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	top:0;
}
.close
{
	cursor:pointer;
	opacity: 1 !important;
	width: 42px;
}
.modal_main {
	width:50%;
	height:100%;
	background:#fff;
	z-index:4;
	position:fixed;
	top: 10%;
	border-radius:4px;
	left:24%;
	display:none;
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: .0s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
	    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: fadeInTop;
	border: #fff3;
	border-style: solid;
    border-width: 10px;
}
@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}

button
{
padding:20px;
border-radius:5px;
background:#3399cc;
border:none;
font-size:20px;
color:#fff;
margin:8%;
}

/*======Vertical Tab =========*/

/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border: none;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
  width: 100%;
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #5A55A3;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
	background-color: #ffffff;
	padding-left: 20px;
	padding-top: 60px;
	margin-left: 50px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
div.bhoechie-tab-menu div.list-group > a.active {
	line-height: 90px;
}
div.bhoechie-tab-menu div.list-group > a {
	line-height: 90px;
	border: none;
	background-color: #eff8fd;
	margin-top: 5px;
	padding: 40px;
}
div.bhoechie-tab-menu {
	width: 40%;
}
div.bhoechie-tab-menu div.list-group > a.active {
	color: #3b5463 !important;
	background-color: #d7f1ff !important;
	padding: 40px;
	
}
div.list-group > a.active::after {
	border-left: 10px solid #D8F1FF !important;
}
div.list-group > a.active {
	border: none !important;
}
.tab-h3 {
	margin-top: -69px;
	text-align: left;
	font-family: roboto;
	text-transform: capitalize;
}
.tab-p {
	text-align: left;
	font-size: 13px;
	line-height: 22px;
	color: #72848e !important;
}
.nav-bg {
	background-color: #0000004d;
	border-bottom: #fff3;
    border-bottom-width: medium;
    border-bottom-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
ol li {
    font-weight: normal !important;
    font-family: roboto !important;
}
.heading-area1 {
	font-size: 37px;
	line-height: 44px;
    color: #59829a;
    text-transform: capitalize;
}
.gateway-nav {
	background-color: #000 !important;
}
.term-section {
	background-color: #e9f8fc;
	display: block;
	padding: 19px;
	color: #72848e;
	font-weight: 700 !important;
	font-size: 11px;
	border: #aeecff;
		border-top-width: medium;
		border-right-width: medium;
		border-bottom-width: medium;
		border-left-width: medium;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
	border-style: solid;
	border-width: 1px;
	position: relative;
	margin-top: 34px;
}
.label-terms {
	padding-left: 24px;
	font-weight: 400;
    font-size: 12px !important;
	position: relative !important;
	top: 0 !important;
	line-height: 1.8em;
}
.denied-h1 {
	color: #ff5d2c;
	text-transform: capitalize;
	font-size: 63px;
	line-height: 111px;	
}
.btn-denied {
	display: block;
	background-color: black;
	width: 30%;
	text-align: center;
	line-height: 45px;
	text-transform: uppercase;
	border-radius: 5px;
	color: white;
	
}
.first-section {
	background-color: #f3fbff;
	padding-top: 80px;
	padding-bottom: 80px;
}
.h1-head-app {
	text-align: center;
	text-transform: uppercase;
	line-height: 92px;
	color: #414040;
	font-size: 58px;
}
.p-app {
	text-align: center;
}
.h3-app {
	text-align: center;
	line-height: 101px;
	color: #585858;
	font-size: 32px;
	font-weight: 500;
	padding-top: 20px;
}
.btn-success {
	display: block;
	background-color: #a2b5bf !important;
	width: 30%;
	text-align: center;
	line-height: 45px;
	text-transform: uppercase;
	border-radius: 5px;
	color: white;
    font-size: 18px;
}
.terms-pp {
	font-size: 16px;
	line-height: 62px;
	text-align: center;
	text-transform: uppercase;
	color: #414040;
}
.p-app {
	text-align: center;
}
.col-border {
	border-right: #dbdbdb;
    border-right-style: solid;
    border-right-width: 1px;
	padding: 25px;
}
.col-border-padding {
	padding: 25px;
}
.btn-app {
	background-color: #a2b5bf00 !important;
	width: 20% !important;
	color: #61919f !important;
	border-color: #61919f !important;
	border-style: solid !important;
	border-width: 2px !important;
}
.nav-bg-adj {
	background-color: #000000e6;
}

.border-headline {
	border: white;
	border-style: solid;
	border-width: 2px;
	width: 100%;
	position: relative;
	margin: auto;
    height: 30%;
	margin-right: auto;
    top: 220px;
	border: #fffc;
	
} 
.u-start-banner-slider {
	height: 80%;
}
.swiper-slide {
	height: 800px !important;
}
.spacer-div-2 {
	height: 500px;
}
 
.fa {
 width: 60px;
 display: block;
 text-align: center;
 color: #ffffff80;
 font:normal 45px 'FontAwesome';
 line-height:60px;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
}
.fa-angle-double-down:before {content: "\f103";}
 
.bounce {
 position: absolute;
 bottom: 60px;
 font-size: 43px;	
 left: 50% ;
 width: 60px;
 height: 60px ;
 margin-left:-30px;
 border: 2px solid #fff9;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
  z-index: 2;

}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}
/*============ Animations BG ===========================*/
#particles-js {
  width: 100%;
  position: absolute;
}
.particles-js-canvas-el {
	position: absolute !important;
}
.headline-adjustment {
	position: absolute;
    top: 170px;
}
/*========= FormStyles ================*/
label {
	font-size: 14px !important;
    position: relative;
    top: 17px;
    color: #72848e;
}
.cancel-btn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#98b2bb+0,98b2bb+100 */
	background: #98b2bb; /* Old browsers */
	background: -moz-linear-gradient(top, #98b2bb 0%, #98b2bb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #98b2bb 0%,#98b2bb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #98b2bb 0%,#98b2bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98b2bb', endColorstr='#98b2bb',GradientType=0 ); /* IE6-9 */
	display: block;
    width: 100%;
	border-radius: 6px;
	text-transform: uppercase;
    color: white;
	padding: 13px;
	margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 39px;
	font-size: 16px;
    font-weight: bold;
	text-align: center;
	line-height: 1.8em;
}
.btn-2 {
	background-color: #03afe8;
	font-size: 16px !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03afe8+0,03afe8+100 */
    background: #03afe8 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #03afe8 0%, #03afe8 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #03afe8 0%,#03afe8 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #03afe8 0%,#03afe8 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03afe8', endColorstr='#03afe8',GradientType=0 ) !important; /* IE6-9 */
	border: none !important;
	width: 100% !important;
	line-height: 1.8em;

}
.checkbox-style {
	position: absolute;
	z-index: 2;
}
.text-field-style {
	border: #cde2e9;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
	border-style: solid;
	border-width: 2px;
	width: 100%;
	margin-top: 19px;
	line-height: 65px;
	padding-left: 28px;
	border-radius: 5px;
	
}
.text-area-style {
	border: #cde2e9;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
	border-style: solid;
	border-width: 2px;
	width: 100%;
	margin-top: 19px;
    height: 140px;
	padding-left: 28px;
	border-radius: 5px;
	text-transform: capitalize !important;
	
}
.select-field-style {
	border: #b7d0d7;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
	border-style: solid;
	border-width: 1px;
	width: 100%;
	margin-top: 19px;
	line-height: 108px;
	padding-left: 17px;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 5px;
	padding-right: 17px;
}
.select-field-style {
	border: #cde2e9;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
	border-style: solid;
	border-width: 2px;
	width: 100%;
	margin-top: 19px;
	line-height: 108px;
	padding-left: 17px;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 5px;
	height: 70px;
}
.select-field-style:after {
		content: "";
	width: 0px;
	height: 0px;

	border-top: 9px solid #bdc3d1;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;

	position: absolute;
	top: 27px;
	right: 15px;
	z-index: 2;
}


.btn-txt {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f90b2f+0,e9284c+100 */
	background: #f90b2f; /* Old browsers */
	background: -moz-linear-gradient(top,  #f90b2f 0%, #e9284c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f90b2f 0%,#e9284c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f90b2f 0%,#e9284c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f90b2f', endColorstr='#e9284c',GradientType=0 ); /* IE6-9 */
	display: block;
    width: 100%;
	border-radius: 6px;
	text-transform: uppercase;
    color: white;
	padding: 13px;
	margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 21px;
	font-size: inherit;
    font-weight: bold;
	border-color: #a40017;
	border-style: solid;
	border-width: 1px;
	font-size: 1.5em;
}
/*select {
   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;       /* remove default arrow */
/*   background-image: url("select-arrow.png") !important;*/
/*}*/
	 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #21343f !important;
	  font-size: 12px;
	  font-weight: 700;
}
	::-moz-placeholder { /* Firefox 19+ */
	 color: #21343f !important;
	 font-size: 12px;
	 font-weight: 700;
}
	:-ms-input-placeholder { /* IE 10+ */
	  color: #21343f !important;
	  font-size: 12px;
	  font-weight: 700;
}
	:-moz-placeholder { /* Firefox 18- */
	  color: #90a3a9 !important;
	  font-size: 12px;
	  font-weight: 700;
}
	textarea::-webkit-input-placeholder {
	  padding-top: 10px !important;	
	   color: #21343f !important;
	  font-size: 12px;
	  font-weight: 700;
}

	textarea:-moz-placeholder { /* Firefox 18- */
	padding-top: 10px !important;	
	color: #21343f !important;
	 font-size: 12px;
	 font-weight: inherit;
	 text-transform: capitalize !important;
	 padding-top: 10px;
}

	textarea::-moz-placeholder {  /* Firefox 19+ */	
	  padding-top: 10px !important;	
	  color: #21343f !important;
	  font-size: 12px;
	  font-weight: 700;
	 text-transform: capitalize !important;
}

	textarea:-ms-input-placeholder {
	  padding-top: 10px !important;
	  color: #21343f !important;
	  font-size: 12px;
	  font-weight: 700; 
	  text-transform: capitalize !important;
}
    input:focus {
    background-color: #fffef0 !important;
	border-color: #07bef2;
	border-width: 3px;
}
    textarea:focus {
    background-color: #fffef0 !important;
	border-color: #07bef2;
	border-width: 3px;
}
    select::placeholder {
	font-weight: 700 !important;
	padding-left: 20px;
}




/*================ Responsive ================================*/
@media only screen and (max-width: 1199px) {
    .wpc-creative-info {
    margin-top: 67px;
    padding-right: 30px;
    }
}
@media only screen and (max-width: 1024px) {
	#ticket-con {
		float: right;
		width: 50%;
		position: absolute;
		right: -140px;
		bottom: -29px;
		background-color: transparent;
	}
	#cancel-sub {
		float: right;
		width: 50%;
		position: absolute;
		right: -140px;
		bottom: 301px;
		background-color: transparent;
	}
	#retrieve-pas {
		float: right;
		width: 50%;
		position: absolute;
		right: -140px;
		bottom: 391px;
		background-color: transparent;	
	}
	.new-h1-banner {
		font-size: 91px;
	}
	.btn-app  {
	 width: 50% !important;	
	}
	.h3-app {
	 line-height: 50px;	
	}
     
}	
	

@media only screen and (max-width: 991px) {
	.button-design {
		text-align: left !important;
		border: none !important;
	}
	.wpc-creative-img {
    text-align: center;
    margin-top: 310px;
    padding-bottom: 70px;
    }
	.wpc-creative-info__title {
    text-align: center;
    } 
	 .button-design:hover {
        background-color: transparent !important;
	}
	.wpc-creative-info__desc {
    text-align: center;
    }
	.wpc-creative-info__text {
    text-align: center;
    }
	div.bhoechie-tab-menu {
		width: 100%;
	}
	.btn-app  {
	 width: 50% !important;	
	}
	.h3-app {
	 line-height: 50px;	
	}

}
@media only screen and (max-width: 768px) {
	.browser-window {
	padding: 60px;
    }
	.cancel-btn {
     margin-bottom: 19px;

	}
     #ticket-con {
		float: none;
		width: 100%;
		position: relative;
		right: 0;
		bottom: 0;
		background-color: transparent;
	}
	#cancel-sub {
		float: none;
		width: 100%;
		position: relative;
		right: 0;
		bottom: 0;
		background-color: transparent;
		margin-bottom: 100px;
	}
	#retrieve-pas {
		float: none;
		width: 100%;
		position: relative;
		right: 0;
		bottom: 0;
		background-color: transparent;
		margin-bottom: 100px;
	}
	   .new-h1-banner {
		font-size: 100px;
	}
	.banner-arrow {
		bottom: 30px;
	}
	.border-headline {
		top: 80px;
	}
	.button-design {
		border: none !important;
	}
	.button-header {
	width: 60% !important;
	}
	.u-header {
    height: 30px;
    }
	.btn-app  {
	 width: 50% !important;	
	}
	.h3-app {
	 line-height: 50px;	
	}
     	
}	
@media only screen and (max-width: 600px) {
	.browser-window {
	  width: 510px;
	}
	.button-header {
	width: 60% !important;
	}
	.btn-app  {
	 width: 50% !important;	
	}
	.h3-app {
	 line-height: 50px;	
	}
}
@media only screen and (max-width: 320px) {
	.browser-window {
	 width: 290px;
	}
	.join-now-btn {
    width: 100%;
	}
	.wpc-creative-img {
	margin-top: 560px;
	}
	.arrow-down {
	left: -50px;
    right: 0;
	}
	.new-h1-banner {
	font-size: 53px;
	}
	.button-header {
	width: 100%;
	}
	.u-start-banner__desc {
	 width: 100% !important;	
	}
	.btn-txt {
	 font-size: 11px;	
	}
	.btn-app  {
	 width: 50% !important;	
	}
	.h3-app {
	 line-height: 50px;	
	}
}