@charset "UTF-8";
/* --------------------------------

Primary style
/*Css for Style*/
/**
 * Table of Contents:
01. Import fonts
02. Import icon
03. Import body
04. Header
05. Mobile menu
06. About element
07. Model details element
08. Model list element
09. Service element
10. Video homepage
11. Blog homepage
12. Instagram homepage
13. Cooperator homepage
14. Gallery element
15. Element widget
16. Element 404
17. Element map
18. Element member
19. Element offer service
20. Contact form
21. Become model
22. Gallery detail
23. Blog detail
24. Personer page
25. Slide album
26. Content text about
27. Timeline
28. Details booking
29. Artis page
30. Tour element
31. Album element
32. List album element
33. Menu home slide
34. Footer
35. Form contact page
36. Loadmore
37. Custom player
38. Element testimonial
39. List tours
40. Page gallery
41. Shop
42. Shop detail
43. Big banner
44. Product today
45. Booking
46. Hight fashion
47. Product category custom
48. Title element
49. Details achitect
50. Achitect
51. Load page
52. Become model form

------------------------*/
/*
01. Import fonts
 */
@font-face {
  font-family: 'HLT SIGNERICA MEDIUM';
  src: url("../fonts/HLT-SIGNERICA-MEDIUM.eot");
  src: url("../fonts/HLT-SIGNERICA-MEDIUM.eot?#iefix") format("embedded-opentype"), url("../fonts/HLT-SIGNERICA-MEDIUM.woff") format("woff"), url("../fonts/HLT-SIGNERICA-MEDIUM.ttf") format("truetype"), url("../fonts/HLT-SIGNERICA-MEDIUM.svg") format("svg");
}

/*
02. Import icon
*/
@font-face {
  font-family: 'Beau-Theme-Icon';
  src: url("../fonts/Beau-Theme-Icon.eot?7mu29a");
  src: url("../fonts/Beau-Theme-Icon.eot?#iefix7mu29a") format("embedded-opentype"), url("../fonts/Beau-Theme-Icon.ttf?7mu29a") format("truetype"), url("../fonts/Beau-Theme-Icon.woff?7mu29a") format("woff"), url("../fonts/Beau-Theme-Icon.svg?7mu29a#Beau-Theme-Icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.be {
  font-family: 'Beau-Theme-Icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.be-box:before {
  content: "\e617";
}

.be-shipping:before {
  content: "\e618";
}

.be-heart-o:before {
  content: "\e619";
}

.be-money:before {
  content: "\e61a";
}

.be-small-list:before {
  content: "\e600";
}

.be-small-grid:before {
  content: "\e601";
}

.be-grid:before {
  content: "\e602";
}

.be-list:before {
  content: "\e603";
}

.be-planet:before {
  content: "\e604";
}

.be-star:before {
  content: "\e605";
}

.be-swing-heart:before {
  content: "\e606";
}

.be-two-heart:before {
  content: "\e607";
}

.be-technology:before {
  content: "\e608";
}

.be-tools:before {
  content: "\e609";
}

.be-skirt:before {
  content: "\e60a";
}

.be-pen:before {
  content: "\e60b";
}

.be-bag:before {
  content: "\e60c";
}

.be-ink:before {
  content: "\e60d";
}

.be-bat:before {
  content: "\e60e";
}

.be-eye:before {
  content: "\e60f";
}

.be-heart:before {
  content: "\e610";
}

.be-magic:before {
  content: "\e611";
}

.be-bang:before {
  content: "\e612";
}

.be-piza:before {
  content: "\e613";
}

.be-cache:before {
  content: "\e614";
}

.be-grapes:before {
  content: "\e615";
}

.be-cup:before {
  content: "\e616";
}

/*
03. Import body
*/
body {
  font-family: "Lato", sans-serif;
  font-size: 13px;
  overflow-x: hidden !important;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: 0;
}

body .vc_row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

@media only screen and (max-width: 767px) {
  body .vc_row {
    float: left;
    width: 100%;
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 13px;
  }
  body .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

body.bg {
  background: #f7f7f7;
}

body.bg-gray {
  background: #ebebeb;
}

body.bg-gray .breadcrumb {
  background: #ebebeb;
}

body .bold {
  font-weight: bold;
}

body.page-template-template-blank-artis {
  font-family: "Federo", sans-serif;
}

body.page-template-template-blank-artis .about-element .title {
  font-family: "Federo", sans-serif;
}

body.page-template-template-blank-artis .header-element .title-element:after {
  background: #ed1c24;
}

body.page-template-template-blank-artis .header .position-menu .main-menu ul li a {
  color: #959595;
}

body.page-template-template-blank-artis .header .position-menu .main-menu ul li a:hover {
  color: #ed1c24;
}

body.page-template-template-blank-artis .header-element {
  font-style: normal;
}

body.page-template-template-blank-artis .header-element h3 {
  font-family: "Federo", sans-serif;
  color: #252525;
}

body.page-template-template-blank-artis .header-element .sub-title {
  font-family: "Arapey", serif;
}

body.page-template-template-blank-artis .model-detail-element .content-details .details-text .hot, body.page-template-template-blank-artis .model-detail-element .content-details .details-text .title {
  font-family: "Arapey", serif;
}

body.page-template-template-blank-artis .model-detail-element .content-details .details-text .title {
  margin-bottom: 39px;
}

body.page-template-template-blank-artis .model-detail-element .content-details .details-text .title .link {
  font-family: "Federo", sans-serif;
}

body.page-template-template-blank-artis .model-detail-element .content-details .details-img .work {
  font-family: "Arapey", serif;
}

body.page-template-template-blank-artis .model-detail-element .img-show-model .hot {
  font-family: "Federo", sans-serif;
}

body.page-template-template-blank-artis .blog-element .content-list ul li .content-item {
  font-family: "Arapey", serif;
}

body.page-template-template-blank-artis .blog-element .content-list ul li .content-item .text-content .title {
  font-family: "Federo", sans-serif;
  font-weight: normal;
  font-style: normal;
}

body.page-template-template-blank-artis .service-element.center ul li .content span {
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 20px;
}

body.page-template-template-blank-artis .blog-element .content-element ul li .content-item .date-time {
  font-family: "Federo", sans-serif;
}

body.page-template-template-blank-artis .blog-element .content-element ul li .content-item .text-content .title {
  font-family: "Federo", sans-serif;
}

body.page-template-template-blank-artis .blog-element .content-element ul li .content-item .text-content h4 span {
  font-family: "Federo", sans-serif;
}

body.page-template-template-blank-artis .blog-element .content-element ul li .content-item .text-content span a {
  font-family: "Federo", sans-serif;
}

body.page-template-template-blank-artis .tour-element .list-tour .item-tour .title {
  font-family: "Federo", sans-serif;
}

body.page-template-template-blank-artis .button a {
  background: #ed1c24;
}

body .vc_column_container > .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0 !important;
}

.wpb_content_element {
  margin-bottom: 0 !important;
}

a {
  color: #252525;
}

a:hover {
  color: #b2ae7e;
  cursor: pointer;
  text-decoration: none;
}

p {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  line-height: 24px;
}

*:focus {
  outline: none;
  outline-style: none;
}

.see-more {
  position: relative;
}

.see-more span {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 110px;
  font-family: "Playfair Display", sans-serif;
  font-size: 1em;
  line-height: 24px;
}

.see-more span a {
  border-bottom: 1px solid #d7d7d7;
  font-style: italic;
}

.see-more span:before {
  content: '';
  height: 55px;
  width: 1px;
  background: #d9d9d9;
  position: absolute;
  top: 35px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

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

.view-more a {
  font-size: 1em;
  line-height: 48px;
  color: #fff;
  text-transform: uppercase;
  background-color: #2e69af;
  padding: 10px 44px;
  position: relative;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.view-more a:hover {
  opacity: 0.6;
}

.header-element {
  position: relative;
  min-height: 95px;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  padding-top: 35px;
}

@media only screen and (min-width: 1200px) {
  .header-element {
    padding-top: 50px;
  }
}

.header-element.hidden-dot .title-element:after {
  display: none;
}

.header-element.hidden-line .title-element:before {
  display: none;
}

.header-element.artis {
  font-family: "Federo", sans-serif;
}

.header-element.bg {
  min-height: 250px;
}

.header-element.on-left {
  min-height: auto;
}

.header-element.on-left .title-element {
  left: 0;
  transform: translateX(0%);
}

.header-element.on-left .title-element:before, .header-element.on-left .title-element:after {
  display: none;
}

.header-element.rotate {
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 1200px) {
  .header-element.rotate {
    top: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: auto;
    height: 700px;
    position: absolute;
  }
}

.header-element.rotate.right {
  left: 0;
}

@media only screen and (min-width: 1200px) {
  .header-element.rotate.right {
    left: 14%;
  }
}

@media only screen and (min-width: 1200px) {
  .header-element.rotate.right .sub-title {
    -ms-transform: rotate(90deg) translateX(95%);
    /* IE 9 */
    -webkit-transform: rotate(90deg) translateX(95%);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg) translateX(95%);
    top: -7%;
    left: 70%;
  }
}

@media only screen and (min-width: 1200px) {
  .header-element.rotate.right h3 {
    -ms-transform: rotate(90deg) translateX(65%);
    /* IE 9 */
    -webkit-transform: rotate(90deg) translateX(65%);
    /* Safari */
    transform: rotate(90deg) translateX(65%);
  }
}

.header-element.rotate .sub-title {
  transform: none;
  text-align: center;
  width: 100%;
  top: 0;
}

@media only screen and (min-width: 1200px) {
  .header-element.rotate .sub-title {
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -webkit-transform: rotate(-90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    top: 28%;
    left: 38%;
  }
}

.header-element.rotate h3 {
  transform: none;
  text-align: center;
  width: 100%;
  top: 0;
}

@media only screen and (min-width: 1200px) {
  .header-element.rotate h3 {
    -ms-transform: rotate(-90deg) translateX(-50%);
    /* IE 9 */
    -webkit-transform: rotate(-90deg) translateX(-50%);
    /* Safari */
    transform: rotate(-90deg) translateX(-50%);
  }
}

.header-element.have-bottom {
  min-height: 240px;
}

@media only screen and (min-width: 1200px) {
  .header-element.have-bottom {
    min-height: 340px;
  }
}

.header-element .sub-title {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
  text-align: center;
  margin: 0;
}

@media only screen and (min-width: 1200px) {
  .header-element .sub-title {
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 10px 0;
  }
}

.header-element .title-element {
  z-index: 7;
  width: 100%;
  text-align: center;
  font-size: 4em;
  line-height: 60px;
  margin: 0;
}

@media only screen and (min-width: 1200px) {
  .header-element .title-element {
    line-height: 24px;
    font-size: 6.15385em;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    line-height: 85px;
    margin: 20px 0 10px;
  }
}

.header-element .title-element:before {
  content: '';
  background: #d7d7d7;
  height: 1px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (min-width: 320px) {
  .header-element .title-element:before {
    width: 280px;
  }
}

@media only screen and (min-width: 1200px) {
  .header-element .title-element:before {
    width: 480px;
  }
}

@media only screen and (max-width: 767px) {
  .header-element .title-element:before {
    display: none;
  }
}

.header-element .title-element:after {
  content: '';
  background: #b2ae7e;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: absolute;
  bottom: -40px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .header-element .title-element:after {
    display: none;
  }
}

.header-element .desciption-element-bottom {
  line-height: 40px;
  width: 100%;
  position: absolute;
  text-align: center;
}

@media only screen and (min-width: 320px) {
  .header-element .desciption-element-bottom {
    font-size: 1.7em;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1030px) {
  .header-element .desciption-element-bottom {
    bottom: 50px;
    font-size: 2.30769em;
  }
}

.breadcrumb {
  background: #f7f7f7;
  padding: 20px 15px;
  margin: 0;
}

.breadcrumb.tranfarent {
  background: transparent;
}

.breadcrumb ul {
  margin: 0;
  padding: 0;
}

.breadcrumb ul li {
  list-style: none;
  float: left;
  padding: 0 15px;
  position: relative;
  letter-spacing: 1px;
  font-style: italic;
  line-height: 46px;
  font-size: 0.84615em;
}

.breadcrumb ul li:last-child:after {
  display: none;
}

.breadcrumb ul li:after {
  content: '';
  width: 25px;
  height: 1px;
  top: 25px;
  right: -10px;
  position: absolute;
  background: #909090;
}

.breadcrumb ul li.active a {
  color: #252525;
}

.breadcrumb ul li a {
  padding-right: 3px;
  color: #898989;
}

.breadcrumb ul li a:hover {
  opacity: 0.8;
}

.hidden-alphabeta {
  position: absolute;
  right: 50px;
  top: 125px;
}

.hidden-alphabeta .listalphabeta {
  margin: 0;
  padding: 0;
}

.hidden-alphabeta .listalphabeta li {
  list-style: none;
  text-align: center;
}

.hidden-alphabeta .listalphabeta li.none a {
  color: #c2c2c2;
}

.hidden-alphabeta .listalphabeta li a {
  font-size: 0.84615em;
  line-height: 20px;
}

.pagging {
  width: 100%;
  float: left;
  text-align: center;
  font-family: "Playfair Display", sans-serif;
  position: relative;
}

@media only screen and (min-width: 320px) {
  .pagging {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1030px) {
  .pagging {
    padding-bottom: 130px;
  }
}

.pagging.dashed {
  border-top: 1px dashed #cccccc;
  margin-top: 30px;
}

.pagging ul {
  list-style: none;
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
}

.pagging ul li {
  display: inline;
  text-transform: uppercase;
  margin-right: 5px;
  float: left;
  width: inherit !important;
  font-size: 1.4em;
}

@media only screen and (max-width: 767px) {
  .pagging ul li {
    margin-bottom: 10px;
  }
}

.pagging ul li .page-numbers {
  display: inline-block;
  color: #807e7e;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  box-sizing: border-box;
}

.pagging ul li .page-numbers:hover {
  color: #252525;
}

.pagging ul li .page-numbers.current {
  color: #252525;
}

.pagging ul li .page-numbers.prev {
  position: relative;
  left: -245px;
  color: transparent;
}

.pagging ul li .page-numbers.prev:before {
  content: '\f0d9';
  color: #252525;
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}

.pagging ul li .page-numbers.prev:after {
  content: '';
  background: #807e7e;
  width: 1px;
  height: 30px;
  left: 30px;
  top: 0;
  position: absolute;
}

.pagging ul li .page-numbers.btn-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.pagging ul li .page-numbers.next {
  position: relative;
  right: -245px;
  color: transparent;
}

.pagging ul li .page-numbers.next:before {
  content: '\f0da';
  color: #252525;
  font-family: "FontAwesome";
  position: absolute;
  left: 30px;
}

.pagging ul li .page-numbers.next:after {
  content: '';
  background: #807e7e;
  width: 1px;
  height: 30px;
  left: 0;
  top: 0;
  position: absolute;
}

.pagging ul li.current:hover {
  background: none;
  color: #252525;
}

.clear-both {
  clear: both;
  display: block;
}

.bg-white {
  background: #fff;
}

.bg-white .blog-element .content-list ul {
  padding-top: 0;
}

.bg-white .sidebar-blog {
  margin-top: 0;
}

@media only screen and (min-width: 1200px) {
  .bg-white .sidebar-blog {
    margin-top: 50px;
  }
}

.bg-white .sidebar-blog.bg {
  background: #f7f7f7;
}

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

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

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

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

.margin-bottom-350 {
  margin-bottom: 350px;
}

.button {
  font-size: 1em;
  line-height: 26px;
}

.button.red a {
  background-color: #ed1c24;
}

.button a {
  background: #252525;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  padding: 5px 30px;
}

@media only screen and (min-width: 1200px) {
  .button a {
    padding: 11px 50px;
  }
}

.button:hover {
  opacity: 0.7;
}

.link {
  font-size: 0.84615em;
  font-family: "Playfair Display", sans-serif;
  border-bottom: #d0d0d0;
}

.link a {
  line-height: 24px;
  font-style: italic;
  letter-spacing: 1px;
  position: relative;
}

.next-top-search-404 {
  position: absolute;
  min-width: 465px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #252525;
  margin-top: 90px;
}

.next-top-search-404:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #c2c2c2;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.next-top-search-404:after {
  content: '';
  width: 1px;
  height: 25px;
  position: absolute;
  right: 140px;
  background: #c2c2c2;
  top: 0px;
  z-index: 9;
}

.next-top-search-404 ::-webkit-input-placeholder {
  color: #252525;
}

.next-top-search-404 :-moz-placeholder {
  /* Firefox 18- */
  color: #252525;
}

.next-top-search-404 ::-moz-placeholder {
  /* Firefox 19+ */
  color: #252525;
}

.next-top-search-404 :-ms-input-placeholder {
  color: #252525;
}

.next-top-search-404 .custom-dropdown {
  background: transparent;
  border: none;
}

.next-top-search-404 input[type="text"] {
  background: transparent;
  border: none;
  min-width: 340px;
  padding-left: 50px;
  font-size: 0.92308em;
  line-height: 21px;
  letter-spacing: 0.7px;
  font-style: italic;
  font-family: "Lato", sans-serif;
}

.next-top-search-404 button {
  background: transparent;
  border: none;
  width: 25px;
  height: 25px;
  position: relative;
}

.next-top-search-404 button:hover {
  background: transparent;
}

.next-top-search-404 i {
  content: '';
  background: url(../images/icon-nextop.png) no-repeat 0px -56px;
  height: 18px;
  width: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-new-template {
  position: relative;
  overflow: hidden;
}

.bg-new-template .bg-top-template {
  position: absolute;
}

.bg-new-template .header-element {
  min-height: 250px;
  padding-top: 0;
}

.search .menu-breadcrumb {
  background: #f7f7f7;
}

.search .blog-element.page .header-element {
  min-height: auto;
  padding-top: 50px;
}

.search .blog-element.page .content-element-page ul {
  padding-top: 50px;
}

/*
04. Header
*/
.header {
  display: block;
  clear: both;
  position: relative;
  z-index: 99;
}

.header.header-gallery {
  background-color: #f7f7f7;
  padding: 40px 0 87px;
  z-index: 9;
}

.header.header-gallery .position-menu {
  position: relative;
}

.header.header-center .logo {
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 0;
  top: -35px;
}

.header.header-center .position-menu .main-menu {
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  padding-left: 0;
  margin-top: 30px;
  width: initial;
}

.header.header-default {
  background: #252525;
}

.header.header-default.black {
  background: #111111;
}

.header.header-default.none-bg {
  background: transparent;
}

.header.header-default.none-bg .position-menu {
  position: absolute;
}

.header.header-default.none-bg .position-menu .main-menu {
  padding-left: 0;
  width: 100%;
}

.header.header-default.none-bg .position-menu .main-menu ul li.menu-item-has-children:hover .sub-menu {
  -webkit-box-shadow: 5px 8px 30px -3px rgba(93, 93, 93, 0.65);
  -moz-box-shadow: 5px 8px 30px -3px rgba(93, 93, 93, 0.65);
  box-shadow: 5px 8px 30px -3px rgba(93, 93, 93, 0.65);
}

.header.header-default.none-bg .position-menu .social-header {
  padding-left: 20px;
}

.header.header-default.none-bg .position-menu .social-header:before {
  content: '';
  background: #898989;
  height: 15px;
  width: 1px;
  position: absolute;
  left: -5px;
  top: 0;
  opacity: 0.5;
}

.header.header-default.none-bg .position-menu .social-header ul li i {
  color: #898989;
  font-size: 1.2em;
}

.header.header-default.none-bg .position-menu .search-header.center {
  padding-right: 30px;
}

.header.header-default.none-bg .position-menu .search-header.center i:before {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .header.header-default.none-bg .position-menu .languager {
    margin: 0;
  }
}

.header.header-default .position-menu {
  position: relative;
  padding: 25px 0 10px;
}

@media only screen and (min-width: 995px) {
  .header.header-default .position-menu {
    padding: 20px 0 2px;
  }
}

.header.header-default .position-menu .logo {
  margin-top: 5px;
  width: 100%;
}

.header.header-default .position-menu .logo img {
  max-width: 100%;
}

.header.header-default .position-menu .main-menu {
  margin-top: 0;
  position: relative;
}

.header.header-default .position-menu .social-header {
  position: relative;
  top: 10px;
}

.header.header-default .position-menu .search-header.center {
  padding: 0;
  right: 50px;
}

@media only screen and (min-width: 1024px) {
  .header.header-default .position-menu .search-header.center {
    padding: 10px 0;
    right: 0;
  }
}

.header.header-default .position-menu .languager {
  top: 0;
}

.header.sticker {
  position: fixed;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  top: -150px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

@media only screen and (min-width: 320px) {
  .header.sticker {
    height: auto;
  }
}

@media only screen and (min-width: 768px) {
  .header.sticker {
    height: 70px;
  }
}

.header.sticker.active {
  top: 0;
  position: fixed;
  z-index: 9999;
}

.header.sticker.show-menu-mobile {
  right: -85px;
  left: auto;
  overflow: hidden;
  width: 100%;
}

.header .logo {
  float: left;
  position: absolute;
  margin-top: 20px;
}

@media only screen and (max-width: 500px) {
  .header .logo {
    display: none;
  }
}

.header .logo-mobile {
  display: none;
  padding: 0 10px;
  max-width: 80%;
}

@media only screen and (max-width: 500px) {
  .header .logo-mobile {
    display: block;
  }
}

.header .logo-mobile img {
  width: 100%;
}

.header .position-menu {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.header .position-menu.top-menu {
  top: 45px;
}

.header .position-menu.bottom-menu {
  bottom: 0;
  padding-bottom: 40px;
}

.header .position-menu.bottom-menu:after {
  content: '';
  width: 100%;
  height: 125px;
  position: absolute;
  bottom: 0;
  z-index: -1;
  background: transparent;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.38) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.38)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.38) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.38) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.38) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.38) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.header .position-menu.bottom-menu .header-logo {
  padding-bottom: 60px;
}

.header .position-menu .languager {
  float: right;
  position: relative;
  top: -5px;
  display: none;
}

@media only screen and (min-width: 1024px) {
  .header .position-menu .languager {
    display: block;
  }
}

.header .position-menu .languager ul {
  margin: 0;
  padding: 0;
}

.header .position-menu .languager ul li {
  float: left;
  list-style: none;
  padding: 0 18px;
  position: relative;
}

.header .position-menu .languager ul li:nth-child(odd):after {
  content: '';
  width: 25px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: -12px;
  bottom: 16px;
}

.header .position-menu .languager ul li a {
  color: #fff;
  font-size: 0.92308em;
  line-height: 36px;
}

.header .position-menu .languager ul li a:hover {
  opacity: 0.7;
}

.header .position-menu .main-menu {
  float: left;
  margin-top: 18px;
}

@media only screen and (min-width: 768px) {
  .header .position-menu .main-menu {
    display: none;
  }
}

@media only screen and (min-width: 1025px) {
  .header .position-menu .main-menu {
    display: block;
  }
}

@media only screen and (min-width: 1400px) {
  .header .position-menu .main-menu {
    padding: 0;
  }
}

.header .position-menu .main-menu ul {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
}

.header .position-menu .main-menu ul:hover li.menu-active a {
  color: #807e7e;
}

.header .position-menu .main-menu ul:hover li.menu-active a:hover {
  color: #fff;
}

.header .position-menu .main-menu ul li {
  list-style: none;
  float: left;
  text-align: center;
  text-transform: uppercase;
  line-height: 36px;
  font-size: 1em;
  font-weight: 700;
}

@media only screen and (min-width: 320px) {
  .header .position-menu .main-menu ul li {
    padding: 0 10px 10px;
  }
}

@media only screen and (min-width: 1400px) {
  .header .position-menu .main-menu ul li {
    padding: 0 14px 10px;
  }
}

.header .position-menu .main-menu ul li a {
  color: #b8b8b8;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.header .position-menu .main-menu ul li a:hover {
  color: #fff;
}

.header .position-menu .main-menu ul li.menu-active a {
  color: #f7f8f3;
  position: relative;
}

.header .position-menu .main-menu ul li.menu-item-has-children {
  position: relative;
}

.header .position-menu .main-menu ul li.menu-item-has-children:hover a {
  color: #fff;
}

.header .position-menu .main-menu ul li.menu-item-has-children:hover .sub-menu {
  display: block;
}

.header .position-menu .main-menu ul li.menu-item-has-children .sub-menu {
  position: absolute;
  min-width: 220px;
  padding: 22px 0px;
  background: #252525;
  top: 45px;
  display: none;
}

.header .position-menu .main-menu ul li.menu-item-has-children .sub-menu li {
  float: left;
  width: 100%;
  padding: 7px 35px;
  text-align: left;
  line-height: 21px;
  text-transform: capitalize;
}

.header .position-menu .main-menu ul li.menu-item-has-children .sub-menu li:hover .sub-menu {
  display: block;
}

.header .position-menu .main-menu ul li.menu-item-has-children .sub-menu li a {
  color: #fff;
}

.header .position-menu .main-menu ul li.menu-item-has-children .sub-menu li a:after {
  display: none;
}

.header .position-menu .main-menu ul li.menu-item-has-children .sub-menu li a:hover {
  opacity: 0.2 !important;
}

.header .position-menu .main-menu ul li.menu-item-has-children .sub-menu li .sub-menu {
  left: 180px;
  padding: 25px 0px;
  width: 200px;
  display: none;
  top: auto;
  margin-left: auto;
  margin-top: -50px !important;
  z-index: 99999;
}

.header .position-menu .main-menu ul li.menu-item-has-children .sub-menu li .sub-menu li {
  line-height: 30px;
  padding: 7px 45px;
  line-height: 21px;
}

.header .position-menu .main-menu ul li.menu-item-has-children .sub-menu li .sub-menu li a {
  opacity: 1;
}

.header .position-menu .main-menu ul li.menu-item-has-children .sub-menu li .sub-menu li a:hover {
  opacity: 0.2;
}

.header .position-menu .search-header {
  padding: 8px;
  padding-top: 27px;
  margin-left: 8px;
}

@media only screen and (min-width: 320px) {
  .header .position-menu .search-header {
    float: right;
  }
}

@media only screen and (min-width: 1025px) {
  .header .position-menu .search-header {
    float: left;
  }
}

.header .position-menu .search-header.center {
  float: right;
  padding-top: 4px;
  position: relative;
  padding-right: 40px;
}

.header .position-menu .search-header i {
  content: '';
  background: url(../images/icon-nextop.png) no-repeat 0px -6px;
  height: 18px;
  width: 24px;
  position: relative;
}

.header .position-menu .search-header i:before {
  content: '';
  height: 16px;
  width: 1px;
  background: #fff;
  position: absolute;
  left: -15px;
  top: 1px;
  opacity: 0.5;
}

.header .menu-check #main-navigation, .header .menu-check .default {
  float: left;
  padding-left: 5%;
  width: 100%;
}

.header .menu-check #main-navigation ul, .header .menu-check .default ul {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
}

.header .menu-check #main-navigation ul:hover li.menu-active a, .header .menu-check .default ul:hover li.menu-active a {
  color: #807e7e;
}

.header .menu-check #main-navigation ul:hover li.menu-active a:hover, .header .menu-check .default ul:hover li.menu-active a:hover {
  color: #fff;
}

.header .menu-check #main-navigation ul li, .header .menu-check .default ul li {
  list-style: none;
  float: left;
  text-align: center;
  padding: 0 10px 10px;
  text-transform: uppercase;
  line-height: 36px;
  font-size: 1em;
  font-weight: 700;
}

.header .menu-check #main-navigation ul li a, .header .menu-check .default ul li a {
  color: #b4b4b4;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.header .menu-check #main-navigation ul li a:hover, .header .menu-check .default ul li a:hover {
  color: #fff;
}

.header .menu-check #main-navigation ul li.menu-active a, .header .menu-check .default ul li.menu-active a {
  color: #f7f8f3;
  position: relative;
}

.header .menu-check #main-navigation ul li.menu-item-has-children, .header .menu-check #main-navigation ul li.page_item_has_children, .header .menu-check .default ul li.menu-item-has-children, .header .menu-check .default ul li.page_item_has_children {
  position: relative;
}

.header .menu-check #main-navigation ul li.menu-item-has-children:hover .sub-menu, .header .menu-check #main-navigation ul li.menu-item-has-children:hover .children, .header .menu-check #main-navigation ul li.page_item_has_children:hover .sub-menu, .header .menu-check #main-navigation ul li.page_item_has_children:hover .children, .header .menu-check .default ul li.menu-item-has-children:hover .sub-menu, .header .menu-check .default ul li.menu-item-has-children:hover .children, .header .menu-check .default ul li.page_item_has_children:hover .sub-menu, .header .menu-check .default ul li.page_item_has_children:hover .children {
  display: block;
}

.header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu, .header .menu-check #main-navigation ul li.menu-item-has-children .children, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu, .header .menu-check #main-navigation ul li.page_item_has_children .children, .header .menu-check .default ul li.menu-item-has-children .sub-menu, .header .menu-check .default ul li.menu-item-has-children .children, .header .menu-check .default ul li.page_item_has_children .sub-menu, .header .menu-check .default ul li.page_item_has_children .children {
  position: absolute;
  min-width: 220px;
  padding: 10px 0 4px 20px;
  background: #252525;
  top: 45px;
  display: none;
}

.header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li, .header .menu-check #main-navigation ul li.menu-item-has-children .children li, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li, .header .menu-check #main-navigation ul li.page_item_has_children .children li, .header .menu-check .default ul li.menu-item-has-children .sub-menu li, .header .menu-check .default ul li.menu-item-has-children .children li, .header .menu-check .default ul li.page_item_has_children .sub-menu li, .header .menu-check .default ul li.page_item_has_children .children li {
  float: left;
  width: 100%;
  padding: 0;
  text-align: left;
  line-height: 36px;
  text-transform: capitalize;
}

.header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li:hover .sub-menu, .header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li:hover .children, .header .menu-check #main-navigation ul li.menu-item-has-children .children li:hover .sub-menu, .header .menu-check #main-navigation ul li.menu-item-has-children .children li:hover .children, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li:hover .sub-menu, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li:hover .children, .header .menu-check #main-navigation ul li.page_item_has_children .children li:hover .sub-menu, .header .menu-check #main-navigation ul li.page_item_has_children .children li:hover .children, .header .menu-check .default ul li.menu-item-has-children .sub-menu li:hover .sub-menu, .header .menu-check .default ul li.menu-item-has-children .sub-menu li:hover .children, .header .menu-check .default ul li.menu-item-has-children .children li:hover .sub-menu, .header .menu-check .default ul li.menu-item-has-children .children li:hover .children, .header .menu-check .default ul li.page_item_has_children .sub-menu li:hover .sub-menu, .header .menu-check .default ul li.page_item_has_children .sub-menu li:hover .children, .header .menu-check .default ul li.page_item_has_children .children li:hover .sub-menu, .header .menu-check .default ul li.page_item_has_children .children li:hover .children {
  display: block;
}

.header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li a, .header .menu-check #main-navigation ul li.menu-item-has-children .children li a, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li a, .header .menu-check #main-navigation ul li.page_item_has_children .children li a, .header .menu-check .default ul li.menu-item-has-children .sub-menu li a, .header .menu-check .default ul li.menu-item-has-children .children li a, .header .menu-check .default ul li.page_item_has_children .sub-menu li a, .header .menu-check .default ul li.page_item_has_children .children li a {
  color: #fff;
}

.header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li a:after, .header .menu-check #main-navigation ul li.menu-item-has-children .children li a:after, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li a:after, .header .menu-check #main-navigation ul li.page_item_has_children .children li a:after, .header .menu-check .default ul li.menu-item-has-children .sub-menu li a:after, .header .menu-check .default ul li.menu-item-has-children .children li a:after, .header .menu-check .default ul li.page_item_has_children .sub-menu li a:after, .header .menu-check .default ul li.page_item_has_children .children li a:after {
  display: none;
}

.header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li a:hover, .header .menu-check #main-navigation ul li.menu-item-has-children .children li a:hover, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li a:hover, .header .menu-check #main-navigation ul li.page_item_has_children .children li a:hover, .header .menu-check .default ul li.menu-item-has-children .sub-menu li a:hover, .header .menu-check .default ul li.menu-item-has-children .children li a:hover, .header .menu-check .default ul li.page_item_has_children .sub-menu li a:hover, .header .menu-check .default ul li.page_item_has_children .children li a:hover {
  opacity: 0.2 !important;
}

.header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li .sub-menu, .header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li .children, .header .menu-check #main-navigation ul li.menu-item-has-children .children li .sub-menu, .header .menu-check #main-navigation ul li.menu-item-has-children .children li .children, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li .sub-menu, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li .children, .header .menu-check #main-navigation ul li.page_item_has_children .children li .sub-menu, .header .menu-check #main-navigation ul li.page_item_has_children .children li .children, .header .menu-check .default ul li.menu-item-has-children .sub-menu li .sub-menu, .header .menu-check .default ul li.menu-item-has-children .sub-menu li .children, .header .menu-check .default ul li.menu-item-has-children .children li .sub-menu, .header .menu-check .default ul li.menu-item-has-children .children li .children, .header .menu-check .default ul li.page_item_has_children .sub-menu li .sub-menu, .header .menu-check .default ul li.page_item_has_children .sub-menu li .children, .header .menu-check .default ul li.page_item_has_children .children li .sub-menu, .header .menu-check .default ul li.page_item_has_children .children li .children {
  left: 180px;
  padding: 25px 45px;
  width: 200px;
  display: none;
  top: auto;
  margin-left: auto;
  margin-top: -50px !important;
}

.header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li .sub-menu li, .header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li .children li, .header .menu-check #main-navigation ul li.menu-item-has-children .children li .sub-menu li, .header .menu-check #main-navigation ul li.menu-item-has-children .children li .children li, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li .sub-menu li, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li .children li, .header .menu-check #main-navigation ul li.page_item_has_children .children li .sub-menu li, .header .menu-check #main-navigation ul li.page_item_has_children .children li .children li, .header .menu-check .default ul li.menu-item-has-children .sub-menu li .sub-menu li, .header .menu-check .default ul li.menu-item-has-children .sub-menu li .children li, .header .menu-check .default ul li.menu-item-has-children .children li .sub-menu li, .header .menu-check .default ul li.menu-item-has-children .children li .children li, .header .menu-check .default ul li.page_item_has_children .sub-menu li .sub-menu li, .header .menu-check .default ul li.page_item_has_children .sub-menu li .children li, .header .menu-check .default ul li.page_item_has_children .children li .sub-menu li, .header .menu-check .default ul li.page_item_has_children .children li .children li {
  line-height: 30px;
}

.header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li .sub-menu li a, .header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li .children li a, .header .menu-check #main-navigation ul li.menu-item-has-children .children li .sub-menu li a, .header .menu-check #main-navigation ul li.menu-item-has-children .children li .children li a, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li .sub-menu li a, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li .children li a, .header .menu-check #main-navigation ul li.page_item_has_children .children li .sub-menu li a, .header .menu-check #main-navigation ul li.page_item_has_children .children li .children li a, .header .menu-check .default ul li.menu-item-has-children .sub-menu li .sub-menu li a, .header .menu-check .default ul li.menu-item-has-children .sub-menu li .children li a, .header .menu-check .default ul li.menu-item-has-children .children li .sub-menu li a, .header .menu-check .default ul li.menu-item-has-children .children li .children li a, .header .menu-check .default ul li.page_item_has_children .sub-menu li .sub-menu li a, .header .menu-check .default ul li.page_item_has_children .sub-menu li .children li a, .header .menu-check .default ul li.page_item_has_children .children li .sub-menu li a, .header .menu-check .default ul li.page_item_has_children .children li .children li a {
  opacity: 1;
}

.header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li .sub-menu li a:hover, .header .menu-check #main-navigation ul li.menu-item-has-children .sub-menu li .children li a:hover, .header .menu-check #main-navigation ul li.menu-item-has-children .children li .sub-menu li a:hover, .header .menu-check #main-navigation ul li.menu-item-has-children .children li .children li a:hover, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li .sub-menu li a:hover, .header .menu-check #main-navigation ul li.page_item_has_children .sub-menu li .children li a:hover, .header .menu-check #main-navigation ul li.page_item_has_children .children li .sub-menu li a:hover, .header .menu-check #main-navigation ul li.page_item_has_children .children li .children li a:hover, .header .menu-check .default ul li.menu-item-has-children .sub-menu li .sub-menu li a:hover, .header .menu-check .default ul li.menu-item-has-children .sub-menu li .children li a:hover, .header .menu-check .default ul li.menu-item-has-children .children li .sub-menu li a:hover, .header .menu-check .default ul li.menu-item-has-children .children li .children li a:hover, .header .menu-check .default ul li.page_item_has_children .sub-menu li .sub-menu li a:hover, .header .menu-check .default ul li.page_item_has_children .sub-menu li .children li a:hover, .header .menu-check .default ul li.page_item_has_children .children li .sub-menu li a:hover, .header .menu-check .default ul li.page_item_has_children .children li .children li a:hover {
  opacity: 0.2;
}

.header .ms-skin-default .ms-nav-next {
  opacity: 1 !important;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  left: 51%;
  top: 80%;
  background: none;
}

@media only screen and (min-width: 320px) {
  .header .ms-skin-default .ms-nav-next {
    float: right;
  }
}

@media only screen and (min-width: 1025px) {
  .header .ms-skin-default .ms-nav-next {
    float: left;
  }
}

.header .ms-skin-default .ms-nav-next:hover:after {
  opacity: 0.5 !important;
}

.header .ms-skin-default .ms-nav-next:after {
  content: '\f0da';
  position: absolute;
  width: 20px;
  height: 20px;
  font-family: "FontAwesome";
  left: 20px;
  color: #fff;
  font-size: 2em;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.header .ms-skin-default .ms-nav-next:before {
  content: '';
  height: 54px;
  width: 1px;
  background: #fff;
  position: absolute;
  top: -10px;
}

@media only screen and (min-width: 320px) {
  .header .ms-skin-default .ms-nav-next:before {
    left: 10%;
  }
}

@media only screen and (min-width: 768px) {
  .header .ms-skin-default .ms-nav-next:before {
    left: -7%;
  }
}

@media only screen and (min-width: 1200px) {
  .header .ms-skin-default .ms-nav-next:before {
    left: -17%;
  }
}

@media only screen and (min-width: 1600px) {
  .header .ms-skin-default .ms-nav-next:before {
    left: -10px;
  }
}

.header .ms-skin-default .ms-nav-prev {
  opacity: 1 !important;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  left: 49%;
  top: 80%;
  background: none;
}

.header .ms-skin-default .ms-nav-prev:hover:after {
  opacity: 0.5 !important;
}

.header .ms-skin-default .ms-nav-prev:after {
  content: '\f0d9';
  position: absolute;
  width: 20px;
  height: 20px;
  font-family: "FontAwesome";
  right: 20px;
  color: #fff;
  font-size: 2em;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.header .social-header {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .header .social-header {
    display: block;
  }
}

.bg-top {
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .bg-top {
    height: 300px;
  }
}

@media only screen and (min-width: 768px) {
  .bg-top {
    height: 695px;
  }
}

.bg-top img {
  width: auto;
  height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

.social.big ul li {
  font-size: 1.3em;
}

.social ul {
  margin: 0;
  padding: 0;
}

.social ul li {
  float: left;
  list-style: none;
  margin: 0 7px;
  line-height: 15px;
}

.social ul li i {
  color: #fff;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.social ul li i:hover {
  opacity: 0.7;
}

.cart-header {
  float: right;
  padding-top: 10px;
  position: relative;
  right: 40%;
  top: -8px;
}

@media only screen and (min-width: 1024px) {
  .cart-header {
    right: 10px;
    top: auto;
  }
}

.cart-header .fa-cart-beau {
  content: '';
  background: url(../images/icon-nextop.png) no-repeat -27px -114px;
  height: 22px;
  width: 24px;
  position: relative;
}

.cart-header .icon-cart-ajax {
  background-color: #ff2947;
  padding: 6px 11.5px;
  border-radius: 100%;
  color: #fff;
  position: absolute;
  top: -7px;
  right: -17px;
  z-index: 1;
}

#nexttopSearch, #menu-content-home-slide {
  background: #000;
}

#nexttopSearch .btn-default, #menu-content-home-slide .btn-default {
  background: transparent;
  border: none;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  -webkit-transform: rotate(90deg);
  /* Safari */
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

#nexttopSearch .modal-content, #menu-content-home-slide .modal-content {
  background: transparent;
}

#nexttopSearch .modal-content .modal-body, #menu-content-home-slide .modal-content .modal-body {
  height: 100vh;
}

#nexttopSearch .modal-content .content-search, #menu-content-home-slide .modal-content .content-search {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 49%;
}

#nexttopSearch .modal-content input, #menu-content-home-slide .modal-content input {
  background: transparent;
  color: #fff;
  border: none;
  line-height: 48px;
  padding-left: 15px;
  min-height: 90px;
}

@media only screen and (min-width: 320px) {
  #nexttopSearch .modal-content input, #menu-content-home-slide .modal-content input {
    font-size: 3.23077em;
  }
}

@media only screen and (min-width: 1400px) {
  #nexttopSearch .modal-content input, #menu-content-home-slide .modal-content input {
    font-size: 5.53846em;
  }
}

#nexttopSearch .modal-content h4, #menu-content-home-slide .modal-content h4 {
  color: #898989;
  font-size: 1.07692em;
  line-height: 36px;
  margin-bottom: 0;
}

.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 40px;
  font-size: 12px;
  padding: 1em;
  display: none;
  width: 40px;
  height: 40px;
  color: transparent;
  border-radius: 30px;
  border: 1px solid #252525;
  z-index: 999;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.back-to-top:hover {
  background-color: #252525;
}

.back-to-top:hover:before {
  color: #fff;
}

.back-to-top:before {
  content: '\f106';
  font-family: FontAwesome;
  position: absolute;
  height: 25px;
  width: 30px;
  left: 14px;
  top: 7px;
  font-size: 1.3em;
  color: #252525;
}

.search-icon-svg {
  width: 20px;
  height: 20px;
  fill: #b8b8b8;
}

/*
05. Mobile menu
*/
#nextop-mobile-menu button {
  float: left;
  width: 30px;
  height: 30px;
  padding: 0px;
  background: transparent;
  border: none;
  position: fixed;
  right: 20px;
  top: 10px;
  z-index: 99992;
}

@media only screen and (min-width: 768px) {
  #nextop-mobile-menu button {
    display: block;
  }
}

@media only screen and (min-width: 1025px) {
  #nextop-mobile-menu button {
    display: none;
  }
}

#nextop-mobile-menu button.show-menu-mobile {
  position: fixed;
  right: 10px;
}

#nextop-mobile-menu button.show-menu-mobile i {
  background: #000;
}

#nextop-mobile-menu button i {
  float: left;
  width: 100%;
  margin: 3px 0px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  position: relative;
}

#nextop-mobile-menu button i:before {
  content: '';
  background: url(../images/icon-nextop.png) no-repeat -28px -84px;
  height: 18px;
  width: 24px;
  position: absolute;
}

.mobile-menu .menu {
  padding: 30px 25px;
  position: relative;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  height: 100vh;
  width: 100%;
}

.mobile-menu .menu.show-menu-mobile {
  background: #000;
}

.mobile-menu .menu li {
  list-style: none;
  border-bottom: 1px solid #d7d7d7;
  position: relative;
  text-align: center;
  padding: 30px 25px;
  border-bottom: 2px solid rgba(70, 70, 70, 0.3);
}

.mobile-menu .menu li .arrow-menu {
  position: absolute;
  top: 30px;
  right: -5px;
  font-size: 2em;
  z-index: 9;
}

.mobile-menu .menu li a {
  font-size: 2.2em;
  font-weight: 600;
  color: #fff;
  opacity: 0.8;
  text-transform: uppercase;
  position: relative;
  z-index: 8;
}

.mobile-menu .menu li .sub-menu, .mobile-menu .menu li .children {
  display: none;
  padding: 0;
}

.mobile-menu .menu li .sub-menu li, .mobile-menu .menu li .children li {
  border-bottom: none;
  padding: 7px 0;
  min-height: auto;
}

.mobile-menu .menu li .sub-menu a, .mobile-menu .menu li .children a {
  text-transform: capitalize;
  font-size: 1.1em;
  font-weight: normal;
}

.mobile-menu .menu li .sub-menu.active, .mobile-menu .menu li .children.active {
  display: block;
  margin: 10px 0;
  position: relative;
}

/* Overlay style */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: black;
}

/* Overlay closing cross */
.overlay .overlay-close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  border: none;
  background: url(../images/cross.png) no-repeat center center;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100;
}

/* Menu style */
.overlay nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: scroll;
}

.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: auto;
  position: relative;
  top: 5%;
}

.overlay ul li {
  display: block;
  min-height: 54px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.overlay ul li a {
  font-weight: 300;
  display: block;
  color: #fff;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
  color: #f0f0f0;
}

/* Effects */
.overlay-scale {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.overlay-scale.open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}

@media screen and (max-height: 30.5em) {
  .overlay nav {
    height: 70%;
  }
  .overlay ul li {
    min-height: 34px;
  }
}

/*
06. About element
*/
.about-element {
  background: #f7f7f7;
}

@media only screen and (min-width: 320px) {
  .about-element {
    padding: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .about-element {
    padding: 175px 0;
    min-height: 790px;
  }
}

.about-element.background {
  background: url(../images/bg-about.jpg);
  background-size: 100%;
}

.about-element.with-image {
  padding: 85px 0;
}

@media only screen and (min-width: 1200px) {
  .about-element.with-image .header-element.rotate h3 {
    transform: rotate(-90deg) translateX(-75%);
  }
}

.about-element.with-image .header-element.rotate .sub-title {
  right: 0;
  text-align: center;
}

.about-element.with-image .title {
  line-height: 35px;
}

@media only screen and (min-width: 320px) {
  .about-element.with-image .title {
    margin-top: 30px;
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .about-element.with-image .title {
    margin-top: 120px;
    margin-bottom: 55px;
  }
}

.about-element.with-image .title:before {
  top: -15px;
}

.about-element.with-image .img-about {
  overflow: hidden;
  position: relative;
}

@media only screen and (min-width: 320px) {
  .about-element.with-image .img-about {
    height: 300px;
  }
}

@media only screen and (min-width: 768px) {
  .about-element.with-image .img-about {
    width: 100%;
    height: 500px;
  }
}

@media only screen and (min-width: 1200px) {
  .about-element.with-image .img-about {
    width: 560px;
    height: 600px;
  }
}

.about-element.with-image .img-about img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.about-element.with-image .content .col {
  padding-right: 0;
}

@media only screen and (min-width: 1200px) {
  .about-element.with-image .content-about {
    margin-bottom: 75px;
    padding-right: 60px;
  }
}

.about-element.with-image .link {
  float: left;
}

@media only screen and (min-width: 768px) {
  .about-element .header-element.rotate {
    margin-bottom: 70px;
  }
}

@media only screen and (min-width: 1200px) {
  .about-element .header-element.rotate {
    margin-bottom: 0;
  }
}

.about-element .title {
  font-size: 2.30769em;
  line-height: 24px;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  position: relative;
  margin-bottom: 50px;
}

.about-element .title:before {
  content: '';
  width: 140px;
  height: 1px;
  background: #d7d7d7;
  position: absolute;
  top: -10px;
}

@media only screen and (min-width: 320px) {
  .about-element .title:before {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .about-element .title:before {
    display: block;
  }
}

.about-element .content {
  font-size: 1em;
  line-height: 24px;
}

@media only screen and (min-width: 768px) {
  .about-element .content .col {
    padding-right: 50px;
  }
}

.about-element .link {
  float: left;
  padding-right: 0;
  padding-top: 20px;
}

.about-element .link a:after {
  content: '';
  background: #d7d7d7;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

/*
07. Model details element
*/
.model-detail-element {
  background: #fff;
}

.model-detail-element .jp-audio .citysoul-article-name {
  padding-right: 10px;
}

.model-detail-element .jp-audio .jp-type-playlist .jp-gui .jp-controls {
  width: 10%;
}

.model-detail-element .citysoul-list-play {
  padding-bottom: 55px;
}

.model-detail-element .img-show-model {
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .model-detail-element .img-show-model {
    height: 350px;
  }
}

@media only screen and (min-width: 768px) {
  .model-detail-element .img-show-model {
    height: 780px;
    margin-top: 0;
  }
}

.model-detail-element .img-show-model .hot {
  background: #252525;
  color: #fff;
  font-family: "Playfair Display", sans-serif;
  font-size: 2.30769em;
  line-height: 24px;
  position: absolute;
  top: 60px;
  right: 60px;
  padding: 29px 19px;
  border-radius: 100%;
}

.model-detail-element .img-show-model .hot.product-hot {
  background-color: #ff2947;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  font-size: 1.38462em;
  padding: 28px 21px;
}

.model-detail-element .img-show-model img {
  position: absolute;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-height: 100%;
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .model-detail-element .img-show-model img {
    width: auto;
    height: 100%;
    min-width: 100%;
  }
}

@media only screen and (min-width: 320px) {
  .model-detail-element .content-details .details-text {
    width: 100%;
    height: auto;
    padding: 30px 15px;
  }
}

@media only screen and (min-width: 768px) {
  .model-detail-element .content-details .details-text {
    width: 65%;
    height: 600px;
    padding: 50px 0 40px 100px;
  }
}

@media only screen and (min-width: 1200px) {
  .model-detail-element .content-details .details-text {
    height: 630px;
    padding: 80px 0 68px 130px;
  }
}

@media only screen and (min-width: 320px) {
  .model-detail-element .content-details .details-text.artis {
    width: 100%;
    padding: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .model-detail-element .content-details .details-text.artis {
    width: 95%;
    padding: 40px 0 68px 60px;
  }
}

@media only screen and (min-width: 1200px) {
  .model-detail-element .content-details .details-text.artis {
    width: 85%;
    padding: 80px 0 68px 130px;
  }
}

@media only screen and (min-width: 1500px) {
  .model-detail-element .content-details .details-text.artis {
    width: 65%;
    padding: 80px 0 68px 130px;
  }
}

.model-detail-element .content-details .details-text.product .content {
  margin-bottom: 10px;
}

.model-detail-element .content-details .details-text ul {
  margin: 0;
  padding: 0;
  margin-bottom: 50px;
}

.model-detail-element .content-details .details-text ul li {
  list-style: none;
}

.model-detail-element .content-details .details-text ul li .title-bold {
  font-weight: bold;
  font-size: 0.92308em;
  line-height: 26px;
  color: #252525;
  text-transform: uppercase;
  padding-right: 60px;
}

.model-detail-element .content-details .details-text ul li .light {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
}

.model-detail-element .content-details .details-text .hot {
  font-size: 0.84615em;
  line-height: 24px;
  font-style: italic;
  position: relative;
  font-family: "Playfair Display", sans-serif;
}

@media only screen and (min-width: 320px) {
  .model-detail-element .content-details .details-text .hot {
    left: 5px;
  }
}

@media only screen and (min-width: 768px) {
  .model-detail-element .content-details .details-text .hot {
    left: -25px;
  }
}

.model-detail-element .content-details .details-text .hot:before {
  content: '';
  background: #aeaeae;
  width: 80px;
  height: 1px;
  position: absolute;
  top: 7px;
  left: 25px;
}

.model-detail-element .content-details .details-text .title {
  font-size: 3.69231em;
  line-height: 55px;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 48px;
}

.model-detail-element .content-details .details-text .content {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
  margin-bottom: 30px;
  max-height: 75px;
  overflow: hidden;
}

.model-detail-element .content-details .details-text .link {
  font-size: 0.84615em;
  line-height: 26px;
  margin-bottom: 15px;
  display: block;
  color: #898989;
  letter-spacing: 0;
}

.model-detail-element .content-details .details-text .price_product {
  font-size: 2.30769em;
  line-height: 36px;
  margin-bottom: 60px;
}

.model-detail-element .content-details .details-text .price_product .woocommerce-Price-currencySymbol {
  font-size: 0.6em;
  position: relative;
  top: -9px;
}

.model-detail-element .content-details .details-text .button-product a {
  background-color: #0054a6;
}

@media only screen and (max-width: 767px) {
  .model-detail-element .content-details .details-img {
    display: inline-block;
  }
}

.model-detail-element .content-details .details-img ul {
  margin: 0;
  padding: 0;
}

.model-detail-element .content-details .details-img ul:hover li {
  opacity: 0.4;
}

.model-detail-element .content-details .details-img ul:hover li:hover {
  opacity: 1;
}

.model-detail-element .content-details .details-img ul li {
  list-style: none;
  float: left;
  position: relative;
  overflow: hidden;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

@media only screen and (min-width: 320px) {
  .model-detail-element .content-details .details-img ul li.two, .model-detail-element .content-details .details-img ul li.one {
    width: 50%;
    height: 200px;
  }
}

@media only screen and (min-width: 500px) {
  .model-detail-element .content-details .details-img ul li.two, .model-detail-element .content-details .details-img ul li.one {
    width: 20%;
    height: 180px;
  }
}

@media only screen and (min-width: 1200px) {
  .model-detail-element .content-details .details-img ul li.two, .model-detail-element .content-details .details-img ul li.one {
    width: 15%;
    height: 150px;
    max-width: 140px;
  }
}

.model-detail-element .content-details .details-img ul li img {
  width: auto;
  height: 100%;
  position: absolute;
  overflow: hidden;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.model-detail-element .content-details .details-img .work {
  font-family: "Playfair Display", sans-serif;
  font-size: 0.84615em;
  line-height: 24px;
  font-style: italic;
  position: relative;
  top: -12px;
}

@media only screen and (min-width: 320px) {
  .model-detail-element .content-details .details-img .work {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 1200px) {
  .model-detail-element .content-details .details-img .work {
    margin-left: 80px;
  }
}

.model-detail-element .content-details .details-img .work:before {
  content: '';
  background: #d7d7d7;
  width: 60px;
  height: 1px;
  position: absolute;
  left: -70px;
  top: 7px;
}

@media only screen and (max-width: 1025px) {
  .model-detail-element .content-details .details-img .work {
    display: none;
  }
}

.model-detail-element.style-text {
  background: #f7f7f7;
  padding-top: 0;
}

@media only screen and (min-width: 1200px) {
  .model-detail-element.style-text {
    padding-top: 100px;
  }
}

.model-detail-element.style-text .content-about {
  max-width: 1130px;
  margin-top: 40px;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (min-width: 768px) {
  .model-detail-element.style-text .content-about {
    padding: 0;
    margin-top: 60px;
  }
}

@media only screen and (min-width: 1200px) {
  .model-detail-element.style-text .content-about {
    padding: 0;
    margin-top: 140px;
  }
}

.model-detail-element.style-text .content-about.page-about {
  max-width: 100%;
}

.model-detail-element.style-text .content-about .title-about {
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
  font-size: 2.30769em;
  line-height: 26px;
  margin-bottom: 0;
}

.model-detail-element.style-text .content-about h5 {
  color: #898989;
  font-size: 1em;
  line-height: 26px;
  font-family: "Playfair Display", sans-serif;
  margin: 0;
}

@media only screen and (min-width: 320px) {
  .model-detail-element.style-text .content-about .content {
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .model-detail-element.style-text .content-about .content {
    padding: 0 20px;
  }
}

.model-detail-element.style-text .content-about .content h3 {
  font-size: 2.30769em;
  line-height: 40px;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  letter-spacing: 1px;
  margin-top: 0px;
}

.model-detail-element.style-text .content-about .content p {
  line-height: 27px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #898989;
  font-size: 1.07692em;
}

.model-detail-element.style-audio .img-show-artis {
  width: 100%;
  overflow: hidden;
}

.model-detail-element.style-audio .content-details {
  background: #fff;
}

.model-detail-element.style-audio .content-details .details-text 80px 0 80px 130px
.title-list {
  font-size: 1em;
  line-height: 26px;
  color: #898989;
  text-transform: uppercase;
}

.model-detail-element.style-audio .content-details .details-text .citysoul-track-list .citysoul-list-play {
  padding-top: 20px;
  padding-bottom: 24px;
}

.model-detail-element.style-audio .citysoul-track-list {
  height: auto;
}

.model-detail-element.style-audio .jp-audio .jp-current-song {
  width: 71%;
}

.model-detail-element.style-audio .jp-audio .citysoul-article-name {
  padding-right: 20px;
  opacity: 1;
}

.model-detail-element.style-audio .jp-audio .jp-type-playlist .jp-gui .jp-controls {
  width: 10%;
}

.social-small-details {
  margin: 0;
  padding: 0;
}

.social-small-details h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 30px;
  color: #898989;
}

.social-small-details li {
  list-style: none;
  float: left;
  clear: inherit !important;
  margin: 0 5px;
}

.social-small-details li:first-child {
  margin-left: 0;
}

.social-small-details li i {
  font-size: 1em;
  line-height: 26px;
  color: #898989;
}

.social-small-details li i:hover {
  opacity: 0.6;
}

.title-info {
  font-size: 1.84615em;
  line-height: 30px;
  font-family: "Playfair Display", sans-serif;
  position: relative;
  margin-top: 30px;
}

.title-info:before {
  content: '';
  background: #898989;
  height: 1px;
  width: 80px;
  position: absolute;
  top: -10px;
}

.buton-book .link {
  margin-top: 30px;
  margin-bottom: 15px;
}

.button-book-details {
  float: left;
  padding-right: 20px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.button-book-details:hover {
  opacity: 0.6;
}

.button-book-details.gray a {
  padding: 10px 30px;
  background: #898989;
}

.button-book-details a {
  background: #000;
  padding: 10px 50px;
  text-transform: uppercase;
  color: #fff;
  font-size: 1em;
  line-height: 26px;
}

/*
08. Model list element
*/
.model-list-element {
  background: #f7f7f7;
  padding: 0;
}

@media only screen and (min-width: 1200px) {
  .model-list-element {
    padding: 115px 0 260px 0;
  }
}

.model-list-element.basic {
  background: #fff !important;
}

.model-list-element.basic .category {
  margin-top: 150px;
}

.model-list-element.basic .category .content-tab .tab-content .title-category, .model-list-element.basic .category .content-tab .tab-content .tab-pane {
  background: #fff !important;
}

.model-list-element.list {
  padding: 115px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .model-list-element.list {
    padding-top: 30px;
  }
}

.model-list-element.list.padding .product-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .name-model {
  position: relative;
  top: 0;
  left: 20px;
  line-height: 24px;
  margin-top: 25px;
}

.model-list-element.list.padding .product-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .name-model:before {
  display: none;
}

@media only screen and (min-width: 768px) {
  .model-list-element.list.padding .content-tab .tab-content .tab-pane .item-model-list {
    min-height: 495px;
  }
}

.model-list-element.list.padding .content-tab .tab-content .tab-pane .item-model-list:hover .hover-item .name-model {
  opacity: 1;
}

.model-list-element.list.padding .content-tab .tab-content .tab-pane .item-model-list .hover-item .frame-img {
  overflow: inherit;
}

.model-list-element.list.padding .content-tab .tab-content .tab-pane .item-model-list .hover-item .frame-img:after {
  display: none;
}

.model-list-element.list.padding .content-tab .tab-content .tab-pane .item-model-list .hover-item .name-model {
  bottom: -60px;
  color: #252525;
}

.model-list-element.list.padding .content-tab .tab-content .tab-pane .item-model-list .hover-item .name-model .name {
  color: #898989;
}

.model-list-element.list .content-tab .tab-content .tab-pane .item-model-list {
  min-height: auto;
}

.model-list-element.list .content-tab .tab-content .tab-pane .item-model-list:hover .hover-item .name-model {
  opacity: 0;
}

.model-list-element.list .content-tab .tab-content .tab-pane .item-model-list:nth-child(even) {
  top: 0;
}

.model-list-element.list .content-tab .tab-content .tab-pane .item-model-list:nth-child(even) .name-model {
  top: auto;
  left: 30px;
}

.model-list-element.list .content-tab .tab-content .tab-pane .item-model-list .hover-item .frame-img:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -50%;
  left: 0;
  background-image: linear-gradient(to bottom right, RGBA(255, 255, 255, 0.27), #000);
  opacity: .6;
  height: 50%;
  -webkit-box-shadow: 0px 3px 85px 2px rgba(62, 62, 62, 0.5);
  -moz-box-shadow: 0px 3px 85px 2px rgba(62, 62, 62, 0.5);
  box-shadow: 8px -61px 65px 2px rgba(0, 0, 0, 0.65);
}

.model-list-element.list .content-tab .tab-content .tab-pane .item-model-list .name-model {
  bottom: 10px;
  color: #fff;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.model-list-element.list .content-tab .tab-content .tab-pane .item-model-list .name-model span.name {
  color: #fff;
}

.model-list-element.page {
  padding: 0;
}

.model-list-element.page .content-tab .tab-content {
  background: #f1f1f1;
}

.model-list-element.page .category .content-tab .tab-content {
  background: #f1f1f1;
}

.model-list-element.page .category .content-tab .tab-content:nth-child(even) {
  background: #f7f7f7;
}

.model-list-element.page .category .content-tab .tab-content:nth-child(even) .tab-pane {
  background: #f7f7f7;
}

.model-list-element.page .category .content-tab .tab-content:nth-child(even) .title-category {
  background: #f7f7f7;
}

.model-list-element.page .category .content-tab .tab-content .title-category {
  margin-top: 90px;
  padding-bottom: 15px;
  background: #f7f7f7;
}

.model-list-element.page .category .content-tab .tab-content .tab-pane {
  background: #f1f1f1;
}

.model-list-element.page .category .title-category {
  font-size: 1.84615em;
  line-height: 65px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
}

.model-list-element .product-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .img-model img {
  -webkit-filter: initial;
  filter: initial;
}

.model-list-element .product-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .price-product {
  font-size: 1.07692em;
  line-height: 36px;
  color: #959595;
  margin-left: 28px;
}

.model-list-element .product-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .price-product .woocommerce-Price-currencySymbol {
  font-size: 0.7em;
  position: relative;
  top: -3px;
}

.model-list-element .content-tab {
  position: relative;
}

.model-list-element .content-tab .nav {
  max-width: 510px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}

@media only screen and (min-width: 1200px) {
  .model-list-element .content-tab .nav {
    margin-top: 125px;
  }
}

.model-list-element .content-tab .nav li {
  font-size: 1em;
}

.model-list-element .content-tab .nav li.active a {
  color: #252525;
}

.model-list-element .content-tab .nav li a {
  padding: 0;
  background: none;
  text-transform: uppercase;
  color: #898989;
}

.model-list-element .content-tab .tab-content .tab-pane:hover .item-model-list:hover .hover-item .frame-img {
  opacity: 1;
}

.model-list-element .content-tab .tab-content .tab-pane:hover .item-model-list .hover-item .frame-img {
  opacity: 0.6;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list {
  position: relative;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  padding-bottom: 60px;
}

@media only screen and (min-width: 768px) {
  .model-list-element .content-tab .tab-content .tab-pane .item-model-list {
    min-height: 495px;
  }
}

@media only screen and (min-width: 768px) {
  .model-list-element .content-tab .tab-content .tab-pane .item-model-list {
    padding-bottom: 0;
  }
  .model-list-element .content-tab .tab-content .tab-pane .item-model-list:nth-child(even) {
    top: 120px;
  }
  .model-list-element .content-tab .tab-content .tab-pane .item-model-list:nth-child(even) .name-model {
    top: -60px;
    left: 30px;
  }
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item {
  position: relative;
  max-height: 374px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item:hover {
  -webkit-box-shadow: 0px 3px 85px 2px rgba(62, 62, 62, 0.5);
  -moz-box-shadow: 0px 3px 85px 2px rgba(62, 62, 62, 0.5);
  box-shadow: 0px 3px 85px 2px rgba(62, 62, 62, 0.5);
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item:hover .img-model img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item:hover .social-details {
  opacity: 1;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item:hover .social-details ul:after {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item:hover .social-details ul li {
  opacity: 1;
  bottom: 0;
  width: 33.333%;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item:hover .social-details ul li:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  /* Safari */
  transition-delay: 0.1s;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item:hover .social-details ul li:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  /* Safari */
  transition-delay: 0.15s;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item:hover .social-details ul li:nth-child(3) {
  -webkit-transition-delay: 0.2s;
  /* Safari */
  transition-delay: 0.2s;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .frame-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .img-model {
  width: 100%;
  height: 375px;
  overflow: hidden;
  position: relative;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .img-model.show img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .img-model img {
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%);
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  width: auto;
  min-width: 100%;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  height: 100%;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .social-details {
  position: relative;
  bottom: 85px;
  background: rgba(37, 37, 37, 0.5);
  width: 100%;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  opacity: 1;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .social-details ul {
  margin: 0;
  padding: 0 35px;
  position: absolute;
  width: 100%;
  min-height: 85px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 20px;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .social-details ul:after {
  content: '';
  background: rgba(37, 37, 37, 0.5);
  height: 85px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2ss ease-in-out;
  opacity: 0;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .social-details ul li {
  list-style: none;
  float: left;
  padding: 0 20px;
  text-align: center;
  opacity: 0;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  bottom: -20px;
  position: relative;
  width: 33.333%;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .social-details ul li a {
  display: block;
  color: #fff;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .social-details ul li a i {
  font-size: 1.23077em;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .social-details ul li span {
  font-size: 1em;
  line-height: 36px;
  color: #fff;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .name-model {
  position: absolute;
  font-size: 1em;
  line-height: 60px;
  padding-left: 10px;
  text-transform: uppercase;
  left: 30px;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .name-model:before {
  content: '/';
  position: absolute;
  left: 0;
}

.model-list-element .content-tab .tab-content .tab-pane .item-model-list .hover-item .name-model .name {
  color: #898989;
}

/*
09. Service element
*/
@media only screen and (min-width: 320px) {
  .service-element {
    padding: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .service-element {
    height: 800px;
    padding: 135px 0;
  }
}

@media only screen and (min-width: 768px) {
  .service-element.number .header-element {
    margin-bottom: 40px;
  }
}

.service-element.center .header-element {
  margin-bottom: 100px;
}

@media only screen and (min-width: 1200px) {
  .service-element.center .header-element {
    min-height: 250px;
  }
}

.service-element.center ul li .content {
  text-align: center;
}

.service-element.center ul li .content span {
  float: inherit;
}

.service-element ul {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 1200px) {
  .service-element ul {
    padding-left: 150px;
  }
}

.service-element ul li {
  list-style: none;
  min-height: 250px;
  padding-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .service-element ul li {
    padding: 0 2%;
  }
}

@media only screen and (min-width: 1200px) {
  .service-element ul li {
    padding-right: 13%;
  }
}

.service-element ul li .number {
  width: 30px;
  height: 50px;
  line-height: 30px;
  font-size: 3.69231em;
  font-family: "Playfair Display", sans-serif;
}

.service-element ul li .number-image {
  position: relative;
}

.service-element ul li .number-image img {
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
}

.service-element ul li .content strong {
  line-height: 24px;
  font-size: 1.23077em;
  font-weight: bold;
  float: left;
  padding-right: 5px;
}

.service-element ul li .content .title {
  line-height: 24px;
  font-size: 1.23077em;
  text-transform: uppercase;
}

.service-element ul li .content p {
  line-height: 24px;
  font-size: 1em;
  color: #898989;
}

/*
10. Video homepage
 */
.play-video {
  float: left;
  width: 100%;
  height: 555px;
}

.play-video.big {
  height: 820px;
}

.nextop-playvideo {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

.nextop-playvideo .video-play {
  float: left;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.nextop-playvideo .video-play iframe {
  min-width: 100%;
  min-height: 100%;
  background: transparent;
}

.nextop-playvideo .img-video {
  float: left;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  overflow: hidden;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.nextop-playvideo .img-video img {
  width: auto;
  height: 100%;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  object-fit: cover;
}

.nextop-playvideo .text-button {
  float: left;
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 3;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.nextop-playvideo .text-button .btn-control {
  float: left;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 62px;
  height: 62px;
  margin-bottom: 30px;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.nextop-playvideo .text-button .btn-control .play-icon {
  float: left;
  cursor: pointer;
  width: 62px;
  height: 62px;
}

.nextop-playvideo .text-button .btn-control.btn-play .play-icon {
  background: url(../images/icon-nextop.png) no-repeat -31px 0;
}

.nextop-playvideo .text-button .btn-control.btn-pause .play-icon {
  background: url(../images/icon-nextop.png) no-repeat -260px 0px;
}

.nextop-playvideo.active-video .img-video {
  opacity: 0;
}

/*
11. Blog homepage
 */
.blog-element {
  background: #f7f7f7;
  padding-bottom: 20px;
  clear: both;
  display: block;
}

@media only screen and (min-width: 768px) {
  .blog-element {
    padding-bottom: 95px;
  }
}

.blog-element.page {
  background: transparent;
}

@media only screen and (min-width: 320px) {
  .blog-element.page {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1030px) {
  .blog-element.page {
    padding-bottom: 250px;
  }
}

.blog-element.page.list .btn-loadmore {
  top: -100px;
}

.blog-element.page .content-element-page ul {
  margin: 0;
  padding: 0;
  padding-top: 155px;
}

.blog-element.page .content-element-page ul:hover li .img-item {
  opacity: 0.4;
}

.blog-element.page .content-element-page ul:hover li:hover .img-item {
  opacity: 1;
}

.blog-element.page .content-element-page ul li {
  list-style: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  float: left;
  display: block;
}

.blog-element.page .content-element-page ul li.post-uni .content-item .text-content {
  padding: 0px 30px 70px 60px;
}

.blog-element.page .content-element-page ul li:nth-child(even) .img-item {
  float: right;
}

.blog-element.page .content-element-page ul li:nth-child(even) .content-item {
  float: left;
  left: 0;
  right: auto;
}

.blog-element.page .content-element-page ul li:nth-child(even) .content-item .date-time {
  right: -65px;
  left: auto;
  text-align: left;
  padding-right: 0;
  padding-left: 20px;
}

.blog-element.page .content-element-page ul li .img-item {
  width: 50%;
  position: relative;
  overflow: hidden;
  float: left;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

@media only screen and (min-width: 320px) {
  .blog-element.page .content-element-page ul li .img-item {
    height: 200px;
  }
}

@media only screen and (min-width: 768px) {
  .blog-element.page .content-element-page ul li .img-item {
    height: 275px;
  }
}

@media only screen and (min-width: 1030px) {
  .blog-element.page .content-element-page ul li .img-item {
    height: 375px;
  }
}

.blog-element.page .content-element-page ul li .img-item img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.blog-element.page .content-element-page ul li .content-item {
  float: right;
  width: 50%;
  position: relative;
}

.blog-element.page .content-element-page ul li .content-item .date-time {
  background: #fff;
  width: 70px;
  height: 70px;
  float: left;
  position: absolute;
  font-family: "Playfair Display", sans-serif;
  text-align: right;
  padding-right: 15px;
  left: -65px;
}

.blog-element.page .content-element-page ul li .content-item .date-time .day {
  font-size: 1.53846em;
  line-height: 30px;
  font-style: italic;
  display: block;
  clear: both;
  margin-top: 5px;
}

.blog-element.page .content-element-page ul li .content-item .date-time .month {
  font-weight: bold;
  font-size: 1.07692em;
  line-height: 15px;
  text-transform: uppercase;
}

.blog-element.page .content-element-page ul li .content-item .text-content {
  background: #fff;
  position: relative;
  top: 0;
  float: left;
  right: 0;
  width: 100%;
}

@media only screen and (min-width: 320px) {
  .blog-element.page .content-element-page ul li .content-item .text-content {
    min-height: 200px;
    padding: 10px 15px 15px 25px;
  }
}

@media only screen and (min-width: 768px) {
  .blog-element.page .content-element-page ul li .content-item .text-content {
    height: 275px;
    padding: 20px 50px 0 40px;
  }
}

@media only screen and (min-width: 1030px) {
  .blog-element.page .content-element-page ul li .content-item .text-content {
    min-height: 375px;
    padding: 50px 80px 0 70px;
  }
}

.blog-element.page .content-element-page ul li .content-item .text-content .title {
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .blog-element.page .content-element-page ul li .content-item .text-content .title {
    font-size: 1.1em;
    line-height: 25px;
    max-height: 55px;
    font-weight: bold;
  }
}

@media only screen and (min-width: 768px) {
  .blog-element.page .content-element-page ul li .content-item .text-content .title {
    font-size: 1.53846em;
    line-height: 26px;
    max-height: 80px;
  }
}

@media only screen and (min-width: 1030px) {
  .blog-element.page .content-element-page ul li .content-item .text-content .title {
    font-size: 2em;
    max-height: 125px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 320px) {
  .blog-element.page .content-element-page ul li .content-item .text-content h4 {
    line-height: 24px;
    font-size: 0.6em;
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  .blog-element.page .content-element-page ul li .content-item .text-content h4 {
    line-height: 32px;
    font-size: 0.9em;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1030px) {
  .blog-element.page .content-element-page ul li .content-item .text-content h4 {
    line-height: 48px;
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.blog-element.page .content-element-page ul li .content-item .text-content h4 span {
  color: #898989;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  padding-right: 5px;
}

.blog-element.page .content-element-page ul li .content-item .text-content .category {
  color: #898989;
  line-height: 20px;
}

.blog-element.page .content-element-page ul li .content-item .text-content .excerpt {
  padding-top: 10px;
  max-height: 50px;
  overflow: hidden;
}

.blog-element.page .content-element-page ul li .content-item .text-content span a {
  line-height: 48px;
  font-size: 0.84615em;
  letter-spacing: 1px;
  font-family: "Playfair Display", sans-serif;
  color: #898989;
  font-style: italic;
  border-bottom: 1px solid #d7d7d7;
}

.blog-element.page .content-list ul li.post-content {
  min-height: 550px;
  margin-bottom: 65px;
}

.blog-element.page .content-list ul li.post-content.none-img {
  min-height: 250px;
}

.blog-element.page .content-list ul li.post-content .img-item {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}

.blog-element.page .content-list ul li.post-content .img-item img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.blog-element.bg {
  background: #f7f7f7;
  padding-bottom: 0;
}

.blog-element.list-page {
  padding-bottom: 350px;
  background: transparent;
}

.blog-element.list-page .content-element-page ul {
  margin: 0;
  padding: 0;
}

.blog-element.list-page .content-element-page ul li {
  list-style: none;
}

.blog-element.list-page .content-element-page ul li .img-item {
  width: 100%;
  height: 460px;
  overflow: hidden;
  position: relative;
}

.blog-element.list-page .content-element-page ul li .img-item img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.blog-element.list-page .content-element-page ul li .content-item .date-time {
  font-family: "Playfair Display", sans-serif;
  line-height: 48px;
  font-style: italic;
  min-height: 235px;
}

@media only screen and (min-width: 320px) {
  .blog-element.list-page .content-element-page ul li .content-item .date-time {
    padding: 25px 0 0 10px;
  }
}

@media only screen and (min-width: 768px) {
  .blog-element.list-page .content-element-page ul li .content-item .date-time {
    padding: 25px 0 0 40px;
  }
}

@media only screen and (min-width: 1030px) {
  .blog-element.list-page .content-element-page ul li .content-item .date-time {
    padding: 45px 0 0 90px;
  }
}

.blog-element.list-page .content-element-page ul li .content-item .date-time .day {
  font-size: 2.61538em;
  position: relative;
  padding-right: 10px;
}

.blog-element.list-page .content-element-page ul li .content-item .date-time .day:after {
  content: '';
  width: 1px;
  height: 70px;
  background: #d7d7d7;
  position: absolute;
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  right: 5px;
  top: 5px;
}

.blog-element.list-page .content-element-page ul li .content-item .date-time .month {
  font-size: 1.30769em;
  text-transform: uppercase;
  position: relative;
  top: 20px;
}

.blog-element.list-page .content-element-page ul li .text-content {
  margin-bottom: 100px;
  max-width: 545px;
}

.blog-element.list-page .content-element-page ul li .text-content .title {
  line-height: 45px;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
  margin-top: 40px;
}

@media only screen and (min-width: 320px) {
  .blog-element.list-page .content-element-page ul li .text-content .title {
    font-size: 2em;
  }
}

@media only screen and (min-width: 768px) {
  .blog-element.list-page .content-element-page ul li .text-content .title {
    font-size: 2.46154em;
  }
}

@media only screen and (min-width: 1030px) {
  .blog-element.list-page .content-element-page ul li .text-content .title {
    font-size: 2.76923em;
  }
}

.blog-element.list-page .content-element-page ul li .text-content .content {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
}

.blog-element.list-page .content-element-page ul li .text-content h4 {
  line-height: 48px;
  font-size: 1em;
}

.blog-element.list-page .content-element-page ul li .text-content h4 span {
  color: #898989;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  padding-right: 5px;
}

.blog-element.list-page .content-element-page ul li .text-content span a {
  margin-top: 20px;
  line-height: 15px;
  font-size: 0.84615em;
  letter-spacing: 1px;
  font-family: "Playfair Display", sans-serif;
  color: #898989;
  font-style: italic;
  border-bottom: 1px solid #d7d7d7;
  float: right;
}

.blog-element.list-page .content-element-page ul li .text-content span a:hover {
  opacity: 0.8;
}

.blog-element .content-element ul {
  margin: 0;
  padding: 0;
  margin-top: 55px;
}

@media only screen and (min-width: 768px) {
  .blog-element .content-element ul {
    margin-top: 85px;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-element .content-element ul {
    margin-top: 155px;
  }
}

.blog-element .content-element ul.none-margin {
  margin-top: 0;
}

.blog-element .content-element ul:hover li .img-item {
  opacity: 0.4;
}

.blog-element .content-element ul:hover li:hover .img-item {
  opacity: 1;
}

.blog-element .content-element ul li {
  list-style: none;
  position: relative;
  overflow: hidden;
  float: left;
  display: block;
}

@media only screen and (min-width: 320px) {
  .blog-element .content-element ul li {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li {
    width: 50%;
  }
}

@media only screen and (min-width: 320px) {
  .blog-element .content-element ul li:nth-child(3) .img-item, .blog-element .content-element ul li:nth-child(1) .img-item {
    float: right;
  }
}

@media only screen and (min-width: 320px) {
  .blog-element .content-element ul li:nth-child(3) .content-item, .blog-element .content-element ul li:nth-child(1) .content-item {
    float: left;
    left: 0;
    right: auto;
  }
}

@media only screen and (min-width: 320px) {
  .blog-element .content-element ul li:nth-child(3) .content-item .date-time, .blog-element .content-element ul li:nth-child(1) .content-item .date-time {
    right: -65px;
    left: auto;
    text-align: left;
    padding-right: 0;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li:nth-child(3) .img-item {
    float: right;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li:nth-child(3) .content-item {
    float: left;
    left: 0;
    right: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li:nth-child(3) .content-item .date-time {
    right: -65px;
    left: auto;
    text-align: left;
    padding-right: 0;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li:last-child {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li:last-child .img-item {
    float: right;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li:last-child .content-item {
    float: left;
    left: 0;
    right: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li:last-child .content-item .date-time {
    right: -65px;
    left: auto;
    text-align: left;
    padding-right: 0;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li.big .img-item {
    float: left;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li.big .content-item {
    float: right;
    left: auto;
    right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li.big .content-item .date-time {
    left: -65px;
    right: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li.big .img-item {
    width: 100%;
    height: 510px;
    max-width: 950px;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-element .content-element ul li.big .img-item {
    width: 100%;
    height: 750px;
    max-width: 950px;
  }
}

.blog-element .content-element ul li .img-item {
  width: 50%;
  position: relative;
  overflow: hidden;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  height: 210px;
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li .img-item {
    height: 255px;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-element .content-element ul li .img-item {
    height: 375px;
  }
}

.blog-element .content-element ul li .img-item img {
  width: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  object-fit: cover;
  min-width: 100%;
  height: 100%;
}

.blog-element .content-element ul li .content-item {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}

.blog-element .content-element ul li .content-item .date-time {
  background: #fff;
  width: 70px;
  height: 70px;
  float: left;
  position: absolute;
  font-family: "Playfair Display", sans-serif;
  text-align: right;
  padding-right: 15px;
  left: -65px;
}

.blog-element .content-element ul li .content-item .date-time .day {
  font-size: 1.53846em;
  line-height: 30px;
  font-style: italic;
  display: block;
  clear: both;
  margin-top: 5px;
}

.blog-element .content-element ul li .content-item .date-time .month {
  font-weight: bold;
  font-size: 1.07692em;
  line-height: 15px;
  text-transform: uppercase;
}

.blog-element .content-element ul li .content-item .text-content {
  background: #fff;
  position: relative;
  top: 0;
  float: left;
  right: 0;
  width: 100%;
}

@media only screen and (min-width: 320px) {
  .blog-element .content-element ul li .content-item .text-content {
    padding: 10px 15px 15px 25px;
    min-height: 210px;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li .content-item .text-content {
    padding: 30px 30px 20px 30px;
    min-height: 255px;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-element .content-element ul li .content-item .text-content {
    padding: 50px 80px 70px 70px;
    min-height: 375px;
  }
}

.blog-element .content-element ul li .content-item .text-content .title {
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  overflow: hidden;
  font-weight: bold;
}

@media only screen and (min-width: 320px) {
  .blog-element .content-element ul li .content-item .text-content .title {
    font-size: 1.1em;
    line-height: 22px;
    max-height: 90px;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li .content-item .text-content .title {
    font-size: 1.5em;
    line-height: 25px;
    max-height: 105px;
    margin: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-element .content-element ul li .content-item .text-content .title {
    font-size: 2em;
    line-height: 34px;
    max-height: 135px;
  }
}

@media only screen and (min-width: 320px) {
  .blog-element .content-element ul li .content-item .text-content h4 {
    font-size: 0.6em;
    line-height: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li .content-item .text-content h4 {
    line-height: 48px;
    font-size: 0.8em;
    margin: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .blog-element .content-element ul li .content-item .text-content h4 {
    line-height: 48px;
    font-size: 1em;
  }
}

.blog-element .content-element ul li .content-item .text-content h4 span {
  color: #898989;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  padding-right: 5px;
}

.blog-element .content-element ul li .content-item .text-content span a {
  letter-spacing: 1px;
  font-family: "Playfair Display", sans-serif;
  color: #898989;
  font-style: italic;
  border-bottom: 1px solid #d7d7d7;
}

@media only screen and (min-width: 320px) {
  .blog-element .content-element ul li .content-item .text-content span a {
    font-size: 0.7em;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) {
  .blog-element .content-element ul li .content-item .text-content span a {
    line-height: 48px;
    font-size: 0.84615em;
  }
}

.blog-element .content-list ul {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .blog-element .content-list ul {
    padding-top: 155px;
  }
}

.blog-element .content-list ul li.post-content {
  list-style: none;
  float: left;
  min-height: 570px;
}

.blog-element .content-list ul li.post-content:hover .img-item {
  -webkit-box-shadow: 1px 5px 7px 2px rgba(62, 62, 62, 0.36);
  -moz-box-shadow: 1px 5px 7px 2px rgba(62, 62, 62, 0.36);
  box-shadow: 1px 5px 7px 2px rgba(62, 62, 62, 0.36);
}

.blog-element .content-list ul li.post-content .img-item {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.blog-element .content-list ul li.post-content .img-item img {
  width: auto;
  height: 100%;
  min-width: 100%;
  position: absolute;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.blog-element .content-list ul li.post-content .content-item {
  text-align: center;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  padding: 0 10px;
}

.blog-element .content-list ul li.post-content .content-item .date-time {
  font-size: 0.92308em;
  line-height: 36px;
  text-transform: uppercase;
  margin-top: 35px;
}

.blog-element .content-list ul li.post-content .content-item .date-time .day {
  padding-right: 5px;
}

.blog-element .content-list ul li.post-content .content-item .date-time .day:after {
  content: '/';
  position: relative;
  left: 5px;
}

.blog-element .content-list ul li.post-content .content-item .text-content .title {
  font-size: 1.53846em;
  line-height: 30px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 30px;
  max-height: 95px;
  overflow: hidden;
}

.blog-element .content-list ul li.post-content .content-item span a {
  color: #898989;
  border-bottom: 1px solid #dfdfdf;
  line-height: 48px;
  font-size: 0.84615em;
  letter-spacing: 1px;
}

/*
12. Instagram homepage
 */
.instagram-element {
  background: #f7f7f7;
}

@media only screen and (min-width: 768px) {
  .instagram-element {
    padding-left: auto;
    padding-right: auto;
  }
}

.instagram-element ul {
  padding: 0;
}

@media only screen and (min-width: 320px) {
  .instagram-element ul {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .instagram-element ul {
    margin-top: 70px;
  }
}

@media only screen and (min-width: 1200px) {
  .instagram-element ul {
    margin-top: 155px;
  }
}

.instagram-element ul li {
  list-style: none;
  float: left;
}

.instagram-element ul li .content-instagram {
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .instagram-element ul li .content-instagram {
    height: 300px;
  }
}

@media only screen and (min-width: 1024px) {
  .instagram-element ul li .content-instagram {
    height: 165px;
  }
}

@media only screen and (min-width: 1200px) {
  .instagram-element ul li .content-instagram {
    height: 320px;
  }
}

.instagram-element ul li .content-instagram:hover {
  cursor: pointer;
}

.instagram-element ul li .content-instagram:hover:after {
  opacity: 0.3;
}

.instagram-element ul li .content-instagram:after {
  content: '';
  position: absolute;
  background: #fff;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.instagram-element ul li .content-instagram img {
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/*
13. Cooperator homepage
 */
.cooperator-element {
  background: #f7f7f7;
}

.cooperator-element.item-normal {
  background: transparent;
  margin-bottom: 100px;
}

.cooperator-element.none-line {
  background: #fff;
  padding-bottom: 160px;
}

.cooperator-element.none-line .cooperator-item .item-cop .img-cooperator {
  border: none;
}

.cooperator-element.none-line .cooperator-item .item-cop .img-cooperator:hover {
  opacity: 0.7;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.cooperator-element.none-line .cooperator-item .item-cop .img-cooperator:before {
  display: none;
}

.cooperator-element.none-line .cooperator-item .item-cop .img-cooperator:after {
  display: none;
}

.cooperator-element .cooperator-slide .swiper-slide {
  border: 1px solid #e8e8e8;
}

.cooperator-element .cooperator-slide .swiper-slide .img-cooperator img {
  width: 100%;
  height: auto;
}

.cooperator-element .cooperator-item {
  max-width: 1135px;
  margin-top: 100px;
  margin-bottom: 100px;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (min-width: 1200px) {
  .cooperator-element .cooperator-item .item-cop {
    max-width: 280px;
  }
}

.cooperator-element .cooperator-item .item-cop:nth-child(4n+0) .img-cooperator:after {
  display: none;
}

.cooperator-element .cooperator-item .item-cop:nth-child(9n+0) .img-cooperator:before, .cooperator-element .cooperator-item .item-cop:nth-child(10n+0) .img-cooperator:before, .cooperator-element .cooperator-item .item-cop:nth-child(11n+0) .img-cooperator:before, .cooperator-element .cooperator-item .item-cop:nth-child(12n+0) .img-cooperator:before {
  display: none;
}

.cooperator-element .cooperator-item .item-cop .img-cooperator {
  width: 100%;
  height: 130px;
  position: relative;
  border-right: 1px solid #fff;
}

@media only screen and (min-width: 1200px) {
  .cooperator-element .cooperator-item .item-cop .img-cooperator {
    max-width: 280px;
  }
}

.cooperator-element .cooperator-item .item-cop .img-cooperator:before {
  content: '';
  position: absolute;
  right: 0%;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: url(../images/border.png) no-repeat 0px -7px;
}

.cooperator-element .cooperator-item .item-cop .img-cooperator:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 100px;
  background: url(../images/border-doc.png) no-repeat 4px -7px;
}

.cooperator-element .cooperator-item .item-cop .img-cooperator img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

/*
14. Gallery element
*/
.gallery-element {
  background: #f7f7f7;
  min-height: auto;
  padding-bottom: 30px;
  padding-top: 0;
  /**** Isotope filtering ****/
}

@media only screen and (min-width: 1200px) {
  .gallery-element {
    min-height: 70vh;
    padding-top: 115px;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element.none-padding {
    padding-top: 0;
    padding: 0px;
  }
}

.gallery-element.mansory ul li {
  width: 25%;
  overflow: hidden;
}

.gallery-element.mansory ul li .content-item {
  height: 250px;
  position: relative;
  overflow: hidden;
}

.gallery-element.mansory ul li .content-item:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  opacity: 1;
}

@media only screen and (min-width: 1030px) {
  .gallery-element.mansory ul li .content-item:before {
    opacity: 0;
  }
}

.gallery-element.mansory ul li .content-item:hover {
  cursor: pointer;
}

.gallery-element.mansory ul li .content-item:hover:before {
  opacity: 1;
}

.gallery-element.mansory ul li .content-item:hover .text {
  opacity: 1;
}

.gallery-element.mansory ul li.small .content-item {
  height: 250px;
}

.gallery-element.mansory ul li.height .content-item {
  height: 530px;
}

.gallery-element.mansory ul li.normal .content-item {
  height: 455px;
}

.gallery-element.mansory ul li .content-item {
  position: relative;
}

.gallery-element.mansory ul li .content-item .text {
  color: #fff;
  font-style: italic;
  position: absolute;
  bottom: 20%;
  left: 0;
  z-index: 1;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

@media only screen and (min-width: 320px) {
  .gallery-element.mansory ul li .content-item .text {
    opacity: 1;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element.mansory ul li .content-item .text {
    opacity: 0;
  }
}

.gallery-element.mansory ul li .content-item .text .name {
  font-size: 1em;
  line-height: 15px;
  font-family: "Playfair Display", sans-serif;
  letter-spacing: 1px;
  position: relative;
  text-align: right;
  max-width: 100px;
  overflow: hidden;
  padding-top: 20px;
}

.gallery-element.mansory ul li .content-item .text .title {
  font-size: 1.84615em;
  line-height: 35px;
  position: relative;
  margin-top: 35px;
  max-width: 300px;
}

.gallery-element.mansory ul li .content-item .text .title a {
  color: #fff;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.gallery-element.mansory ul li .content-item .text .title a:hover {
  opacity: 0.7;
}

.gallery-element.mansory ul li .content-item .text .title:after {
  content: '';
  width: 85px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 5px;
  top: -5px;
}

@media only screen and (min-width: 320px) {
  .gallery-element.isotop.padding-item .element .item-gallery {
    padding: 0;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element.isotop.padding-item .element .item-gallery {
    padding: 0 20px 20px 0;
  }
}

@media only screen and (min-width: 320px) {
  .gallery-element.isotop.padding-item .element .item-gallery.small .content-item {
    height: 325px;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element.isotop.padding-item .element .item-gallery.small .content-item {
    height: 180px;
  }
}

@media only screen and (min-width: 320px) {
  .gallery-element.isotop.padding-item .element .item-gallery.height .content-item {
    height: 325px;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element.isotop.padding-item .element .item-gallery.height .content-item {
    height: 450px;
  }
}

@media only screen and (min-width: 320px) {
  .gallery-element.isotop.padding-item .element .item-gallery.normal .content-item {
    height: 325px;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element.isotop.padding-item .element .item-gallery.normal .content-item {
    height: 270px;
  }
}

@media only screen and (min-width: 320px) {
  .gallery-element.isotop.padding-item .element .item-gallery.normal-height .content-item {
    height: 325px;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element.isotop.padding-item .element .item-gallery.normal-height .content-item {
    height: 320px;
  }
}

.gallery-element.isotop.padding-item .element .item-gallery.normal-height .content-item {
  height: 325px;
}

.gallery-element.isotop.padding-item .element .item-gallery.normal-height .content-item {
  height: 325px;
}

.gallery-element.isotop.padding-item .element .content-item .text {
  padding: 0 40px;
  text-align: left;
}

.gallery-element.isotop.padding-item .element .content-item .text .name {
  text-align: left;
}

.gallery-element.isotop.padding-item .element .content-item .text .title {
  margin-top: 28px;
}

.gallery-element.isotop.padding-item .element .content-item .text .title:after {
  left: 0;
}

.gallery-element.isotop .element {
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .gallery-element.isotop .element {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .gallery-element.isotop .element {
    width: 50%;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element.isotop .element {
    width: 25%;
  }
}

.gallery-element.isotop .element .content-item {
  height: 325px;
  position: relative;
  overflow: hidden;
}

.gallery-element.isotop .element .content-item:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  opacity: 0;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.gallery-element.isotop .element .content-item:hover {
  cursor: pointer;
}

.gallery-element.isotop .element .content-item:hover:before {
  opacity: 1;
}

.gallery-element.isotop .element .content-item:hover .text {
  opacity: 1;
}

.gallery-element.isotop .element .item-gallery.small .content-item {
  height: 250px;
}

.gallery-element.isotop .element .item-gallery.height .content-item {
  height: 530px;
}

.gallery-element.isotop .element .item-gallery.normal .content-item {
  height: 455px;
}

.gallery-element.isotop .element .item-gallery.big-width-sample .content-item {
  height: 430px;
}

.gallery-element.isotop .element .item-gallery.big-height-sample .content-item {
  height: 860px;
}

.gallery-element.isotop .element .content-item {
  position: relative;
}

.gallery-element.isotop .element .content-item .text {
  color: #fff;
  font-style: italic;
  position: absolute;
  bottom: 20%;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.gallery-element.isotop .element .content-item .text .name {
  font-size: 1em;
  line-height: 15px;
  font-family: "Playfair Display", sans-serif;
  letter-spacing: 1px;
  position: relative;
  text-align: right;
  max-width: 100px;
  overflow: hidden;
  padding-top: 20px;
}

.gallery-element.isotop .element .content-item .text .title {
  font-size: 1.84615em;
  line-height: 35px;
  position: relative;
  margin-top: 35px;
  max-width: 300px;
}

.gallery-element.isotop .element .content-item .text .title a {
  color: #fff;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.gallery-element.isotop .element .content-item .text .title a:hover {
  opacity: 0.7;
}

.gallery-element.isotop .element .content-item .text .title:after {
  content: '';
  width: 85px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 5px;
  top: -5px;
}

@media only screen and (min-width: 320px) {
  .gallery-element .gallery-slide .swiper-wrapper {
    min-height: 300px;
  }
}

@media only screen and (min-width: 768px) {
  .gallery-element .gallery-slide .swiper-wrapper {
    min-height: 500px;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element .gallery-slide .swiper-wrapper {
    min-height: 860px;
  }
}

.gallery-element .gallery-slide .swiper-slide {
  position: relative;
}

.gallery-element .gallery-slide .swiper-slide:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

@media only screen and (min-width: 320px) {
  .gallery-element .gallery-slide .swiper-slide:before {
    opacity: 1;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element .gallery-slide .swiper-slide:before {
    opacity: 0;
  }
}

.gallery-element .gallery-slide .swiper-slide:hover {
  cursor: pointer;
}

.gallery-element .gallery-slide .swiper-slide:hover:before {
  opacity: 1;
}

.gallery-element .gallery-slide .swiper-slide:hover .text {
  opacity: 1;
}

.gallery-element .gallery-slide .swiper-slide .img-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .gallery-element .gallery-slide .swiper-slide .img-gallery {
    height: 400px;
  }
}

@media only screen and (min-width: 768px) {
  .gallery-element .gallery-slide .swiper-slide .img-gallery {
    height: 500px;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element .gallery-slide .swiper-slide .img-gallery {
    height: 860px;
  }
}

.gallery-element .gallery-slide .swiper-slide .img-gallery img {
  width: auto;
  height: 100%;
  min-width: 100%;
  position: absolute;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.gallery-element .gallery-slide .swiper-slide .text {
  color: #fff;
  font-style: italic;
  position: absolute;
  z-index: 1;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

@media only screen and (min-width: 320px) {
  .gallery-element .gallery-slide .swiper-slide .text {
    left: 15px;
    bottom: 25%;
    opacity: 1;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element .gallery-slide .swiper-slide .text {
    left: 20%;
    bottom: 45%;
    opacity: 0;
  }
}

.gallery-element .gallery-slide .swiper-slide .text .name {
  font-size: 1em;
  line-height: 15px;
  font-family: "Playfair Display", sans-serif;
  letter-spacing: 1px;
  position: relative;
  max-width: 100px;
  overflow: hidden;
  padding-top: 20px;
  float: left;
}

@media only screen and (min-width: 320px) {
  .gallery-element .gallery-slide .swiper-slide .text .name {
    width: 100%;
    text-align: left;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element .gallery-slide .swiper-slide .text .name {
    width: 30%;
    text-align: right;
  }
}

.gallery-element .gallery-slide .swiper-slide .text .content-galley-big {
  float: left;
}

@media only screen and (min-width: 320px) {
  .gallery-element .gallery-slide .swiper-slide .text .content-galley-big {
    width: 100%;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element .gallery-slide .swiper-slide .text .content-galley-big {
    width: 70%;
  }
}

.gallery-element .gallery-slide .swiper-slide .text .title {
  position: relative;
  max-width: 300px;
}

@media only screen and (min-width: 320px) {
  .gallery-element .gallery-slide .swiper-slide .text .title {
    margin-top: 15px;
    font-size: 1.38462em;
    line-height: 24px;
  }
}

@media only screen and (min-width: 1030px) {
  .gallery-element .gallery-slide .swiper-slide .text .title {
    margin-top: 35px;
    font-size: 1.84615em;
    line-height: 35px;
  }
}

.gallery-element .gallery-slide .swiper-slide .text .title a {
  color: #fff;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.gallery-element .gallery-slide .swiper-slide .text .title a:hover {
  opacity: 0.7;
}

.gallery-element .gallery-slide .swiper-slide .text .title:after {
  content: '';
  width: 85px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 5px;
  top: -5px;
}

.gallery-element ul {
  margin: 0;
  padding: 0;
}

.gallery-element ul li {
  list-style: none;
}

.gallery-element .content-item img {
  width: auto;
  height: auto;
  position: absolute;
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.gallery-element #options, .gallery-element .fillter-category {
  position: relative;
  text-align: center;
}

.gallery-element #options ul, .gallery-element .fillter-category ul {
  display: inline-block;
  padding-top: 30px;
  padding-bottom: 20px;
}

.gallery-element #options ul[data-option-key="filter"], .gallery-element .fillter-category ul[data-option-key="filter"] {
  display: none !important;
}

@media only screen and (min-width: 768px) {
  .gallery-element #options ul[data-option-key="filter"], .gallery-element .fillter-category ul[data-option-key="filter"] {
    display: inline-block !important;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1200px) {
  .gallery-element #options ul[data-option-key="filter"], .gallery-element .fillter-category ul[data-option-key="filter"] {
    margin-top: 130px;
    margin-bottom: 50px;
  }
}

.gallery-element #options ul.onleft, .gallery-element .fillter-category ul.onleft {
  display: block;
}

.gallery-element #options ul.onleft li:first-child, .gallery-element .fillter-category ul.onleft li:first-child {
  padding: 0 20px 0 0;
}

.gallery-element #options ul li, .gallery-element .fillter-category ul li {
  font-size: 1em;
  float: left;
  padding: 0 20px;
}

.gallery-element #options ul li a, .gallery-element .fillter-category ul li a {
  padding: 0;
  background: none;
  text-transform: uppercase;
  color: #898989;
}

.gallery-element #options ul li a.selected, .gallery-element .fillter-category ul li a.selected {
  color: #252525;
}

.gallery-element .content-tab {
  position: relative;
  text-align: center;
}

.gallery-element .content-tab .nav {
  margin-top: 130px;
  margin-bottom: 50px;
  display: inline-block;
}

.gallery-element .content-tab .nav li {
  font-size: 1em;
  padding: 0 20px;
  float: left;
}

.gallery-element .content-tab .nav li.active a {
  color: #252525;
}

.gallery-element .content-tab .nav li a {
  padding: 0;
  background: none;
  text-transform: uppercase;
  color: #898989;
}

.gallery-element .slide-gallery {
  position: relative;
}

.gallery-element .swiper-button-prev {
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.gallery-element .swiper-button-next {
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.gallery-element .isotope-item {
  z-index: 2;
}

.gallery-element .isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/*
15. Element widget
 */
.right-sidebar, .sidebar-blog {
  margin-top: 150px;
  padding-left: 70px;
}

@media only screen and (min-width: 320px) {
  .right-sidebar, .sidebar-blog {
    padding-left: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .right-sidebar, .sidebar-blog {
    padding-left: 70px;
  }
}

.right-sidebar.none-padding, .sidebar-blog.none-padding {
  padding-left: 0px;
}

.right-sidebar.details-new, .sidebar-blog.details-new {
  margin-top: 80px;
}

.sidebar-widget {
  clear: both;
  padding-bottom: 40px;
}

.sidebar-widget .title-sidebar-widget {
  font-size: 1em;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.sidebar-widget ul {
  padding: 0;
  margin: 0;
  margin-top: -5px;
}

.sidebar-widget ul li {
  line-height: 32px;
  padding-bottom: 5px;
  margin-left: 15px;
  font-size: 1em;
}

.sidebar-widget ul li.cat-item {
  text-transform: uppercase;
}

.sidebar-widget ul li a {
  color: #898989;
}

.sidebar-widget ul li a:hover {
  color: #b2ae7e;
}

.sidebar-widget .textwidget img {
  max-width: 100%;
  height: auto;
}

.sidebar-widget .recent-post {
  margin: 0;
  padding: 0;
}

.sidebar-widget .recent-post li {
  list-style: none;
  text-transform: capitalize;
}

.sidebar-widget .recent-post li .img-blog {
  width: 100px;
  height: 75px;
  position: relative;
  overflow: hidden;
}

.sidebar-widget .recent-post li .img-blog img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

.sidebar-widget .recent-post li .content-blog .title {
  font-size: 1em;
  line-height: 24px;
  margin-bottom: 15px;
}

.sidebar-widget .recent-post li .content-blog h4 {
  font-size: 0.84615em;
  line-height: 24px;
  color: #898989;
}

.sidebar-widget .recent-post li .content-blog a {
  color: #898989;
  font-weight: normal;
}

.sidebar-widget .recent-post li .content-blog a:hover {
  color: #252525;
}

.sidebar-widget .textwidget {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
  max-width: 275px;
}

.sidebar-widget .social-widget {
  padding: 0;
  margin: 0;
}

.sidebar-widget .social-widget li {
  list-style: none;
  float: left;
  padding: 0 15px;
  margin: 0;
}

.sidebar-widget .social-widget li a {
  color: #252525;
}

.sidebar-widget .social-widget li a:hover {
  color: #898989;
}

.sidebar-widget .social-widget li i {
  font-size: 1.53846em;
  line-height: 36px;
}

.sidebar-widget .instagram-widget ul {
  padding: 0;
  margin: 0;
}

.sidebar-widget .instagram-widget ul li {
  list-style: none;
  float: left;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  margin: 0;
  width: 100%;
}

.sidebar-widget .instagram-widget ul li:hover {
  opacity: 0.8;
}

@media only screen and (min-width: 320px) {
  .sidebar-widget .instagram-widget ul li {
    height: 300px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .sidebar-widget .instagram-widget ul li {
    height: 125px;
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .sidebar-widget .instagram-widget ul li {
    height: 125px;
    width: 50%;
  }
}

.sidebar-widget .instagram-widget ul li img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.sidebar-widget .tagcloud a {
  position: relative;
  color: #898989;
  font-size: 1em !important;
  line-height: 24px;
  padding-right: 17px;
  text-transform: capitalize;
}

.sidebar-widget .tagcloud a:hover {
  color: #b2ae7e;
}

.screen-reader-text {
  display: none;
}

.next-top-search-widget, .searchform {
  position: relative;
}

@media only screen and (min-width: 320px) {
  .next-top-search-widget, .searchform {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .next-top-search-widget, .searchform {
    max-width: 260px;
  }
}

.next-top-search-widget:before, .searchform:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #d7d7d7;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.next-top-search-widget input[type="text"], .searchform input[type="text"] {
  background: transparent;
  border: none;
  min-width: 83%;
}

.next-top-search-widget input[type="submit"], .searchform input[type="submit"] {
  background: transparent;
  border: none;
  width: 25px;
  height: 25px;
  position: relative;
  background: url(../images/icon-nextop.png) no-repeat 0px -30px;
  color: transparent;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.next-top-search-widget input[type="submit"]:hover, .searchform input[type="submit"]:hover {
  opacity: 0.6;
}

.next-top-search-widget input[type="submit"]:before, .searchform input[type="submit"]:before {
  content: '';
  height: 18px;
  width: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

/*
16. Element 404
 */
.element-404 {
  background: url(../images/bg-404.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: relative;
}

.element-404 .content-404 {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-family: "Playfair Display", sans-serif;
}

.element-404 .content-404 .not-found {
  text-align: right;
  font-size: 2.30769em;
  line-height: 36px;
  font-style: italic;
  text-transform: capitalize;
  padding-right: 85px;
}

.element-404 .content-404 .number-404 {
  font-size: 23.07692em;
  line-height: 40px;
  margin-bottom: 180px;
  text-align: center;
}

.element-404 .content-404 .text {
  font-size: 1.84615em;
  line-height: 24px;
  color: #898989;
  font-style: italic;
}

/*
17. Element map
 */
#map-contact {
  float: left;
  width: 100%;
  height: 620px;
  position: relative;
}

/*
18. Element member
 */
.member-element {
  position: relative;
  background: #fff;
}

.member-element .img-member {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}

.member-element .img-member img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

@media only screen and (min-width: 320px) {
  .member-element .content-member {
    padding: 50px 0;
    text-align: center;
  }
}

@media only screen and (min-width: 1024px) {
  .member-element .content-member {
    padding-right: 55px;
    padding-top: 30%;
    text-align: right;
  }
}

.member-element .content-member .job {
  font-size: 0.84615em;
  line-height: 15px;
  color: #898989;
  margin: 0;
}

.member-element .content-member .name {
  font-size: 1.38462em;
  line-height: 36px;
  font-style: italic;
  text-transform: uppercase;
  font-family: "Playfair Display", sans-serif;
  margin: 0;
  margin-bottom: 20px;
}

.member-element .content-member .email {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
  margin: 0;
}

/*
19. Element offer service
 */
@media only screen and (min-width: 320px) {
  .offer-element {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) {
  .offer-element {
    padding: 0;
  }
}

.offer-element .title-top {
  margin-bottom: 55px;
  font-size: 1em;
  line-height: 24px;
  color: #898989;
  max-width: 490px;
}

.offer-element .content-left {
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
}

.offer-element .content-left .title-about {
  font-size: 2.30769em;
  line-height: 36px;
  margin: 0;
}

.offer-element .content-left h5 {
  font-size: 1em;
  line-height: 36px;
  margin: 0;
  color: #898989;
}

.offer-element .content-right .title {
  font-size: 1em;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: bold;
}

.offer-element .content-right h4 {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
}

.offer-element .content-contact:first-child {
  margin-bottom: 80px;
}

.offer-element .offer-content {
  margin-bottom: 30px;
}

.offer-element .item-contact {
  float: left;
  padding-right: 85px;
}

.offer-element .item-contact h4 {
  float: left;
  font-size: 1.03846em;
  line-height: 34.5px;
  font-weight: bold;
  color: #252525;
}

.offer-element .item-contact h4.title-contact {
  padding-right: 160px;
  position: relative;
}

.offer-element .item-contact h4.title-contact:after {
  content: '';
  width: 110px;
  height: 1px;
  background: #252525;
  position: absolute;
  top: 17px;
  left: 35px;
}

/*
20. Contact form
 */
.wpcf7-form-control-wrap {
  position: static;
}

.contact-form .title-form-contact {
  font-size: 1em;
  line-height: 24px;
  letter-spacing: 0.6px;
  color: #898989;
  text-align: center;
  margin: auto;
  padding: 0 5%;
}

@media only screen and (min-width: 768px) {
  .contact-form .title-form-contact {
    margin: 125px 0 40px;
  }
}

@media only screen and (min-width: 768px) {
  .contact-form .title-form-contact {
    padding: 0 24%;
  }
}

.contact-form .form-input {
  background: #fff;
}

@media only screen and (min-width: 320px) {
  .contact-form .form-input {
    padding: 40px 15px;
  }
}

@media only screen and (min-width: 768px) {
  .contact-form .form-input {
    padding: 110px 100px 80px;
  }
}

.contact-form .form-input.bg-gray {
  background: #f7f7f7;
}

.contact-form .form-input.bg-gray textarea {
  background: transparent;
}

.contact-form .content-contact-info {
  padding: 0 130px;
  margin-bottom: 120px;
}

.contact-form .info-contact {
  padding-right: 80px;
}

.contact-form .info-contact .title-contact {
  font-size: 1.84615em;
  line-height: 36px;
  font-family: "Playfair Display", sans-serif;
  color: #898989;
}

.contact-form .info-contact .text-contact {
  font-size: 1em;
  line-height: 24px;
  font-weight: bold;
}

.contact-form .info-contact .text-contact ul {
  margin: 0;
  padding: 0;
}

.contact-form .info-contact .text-contact ul li {
  list-style: none;
  float: left;
  padding-right: 20px;
}

.photographer .contact-form .form-input {
  background: none;
}

.photographer .contact-form .form-input textarea {
  background: transparent;
}

/*
21. Become model
 */
.become-model-page {
  background-size: cover;
}

.become-model-page .details-booking .item-info {
  text-align: center;
}

.become-model-page .details-booking .padding-left {
  display: inline-block;
  text-align: left;
  padding-left: 0;
}

.content-details-personer-basic {
  padding: 16% 15%;
  height: 100vh;
}

.content-details-personer-basic h3 {
  font-size: 1.84615em;
  line-height: 30px;
  position: relative;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
}

.content-details-personer-basic h3:before {
  content: '';
  width: 80px;
  height: 1px;
  background: #aeaeae;
  position: absolute;
  top: -10px;
  left: -5px;
}

.content-details-personer-basic ul {
  margin: 0;
  padding: 0;
  margin-top: 35px;
}

.content-details-personer-basic ul li {
  list-style: none;
  text-align: left;
  clear: both;
}

.content-details-personer-basic ul li strong {
  float: left;
  font-size: 1em;
  line-height: 30px;
}

@media only screen and (min-width: 320px) {
  .content-details-personer-basic ul li strong {
    width: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .content-details-personer-basic ul li strong {
    width: 120px;
  }
}

.content-details-personer-basic ul li h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 30px;
  color: #898989;
}

.content-details-personer-basic ul li .social-small {
  margin: 0;
  padding: 0;
}

.content-details-personer-basic ul li .social-small li {
  list-style: none;
  float: left;
  clear: inherit;
  margin: 0 5px;
}

.content-details-personer-basic ul li .social-small li:first-child {
  margin-left: 0;
}

.content-details-personer-basic ul li .social-small li i {
  font-size: 1em;
  line-height: 26px;
  color: #898989;
}

.content-details-personer-basic ul li .social-small li i:hover {
  opacity: 0.6;
}

.content-details-personer-basic .link {
  padding-top: 55px;
  padding-bottom: 15px;
  color: #898989;
}

.become-model {
  text-align: center;
  padding: 165px 0px;
  background: #fff;
}

.become-model .title {
  font-size: 6.15385em;
  line-height: 48px;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
  margin-bottom: 40px;
}

.become-model h4 {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
  margin-bottom: 80px;
  padding: 0 20%;
}

.become-model a {
  font-size: 1em;
  line-height: 26px;
  color: #fff;
  text-transform: uppercase;
  background: #252525;
  padding: 11px 25px;
}

/*
22. Gallery detail
 */
.single-gallery {
  background: #ebebeb !important;
}

.single-gallery .breadcrumb {
  position: absolute;
  width: 100%;
  z-index: 2;
  background: transparent;
}

.single-gallery footer {
  background: #fff;
}

.details-slide-info {
  width: 100%;
  position: relative;
  top: -75px;
  z-index: 2;
}

.container.details {
  display: flex;
  height: 0;
  margin-top: -100px;
}

.gallery-detail .slide-gallery {
  position: relative;
}

.gallery-detail .slide-gallery .gallery-details-slide {
  opacity: 1;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.gallery-detail .slide-gallery .gallery-details-slide.active {
  opacity: 0;
}

.gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper {
  margin-bottom: 60px;
}

.gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide {
  text-align: center;
  height: 90vh;
}

.gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide .img-gallery-details {
  display: inline-block;
}

.gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide .item-gallery {
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 45%;
}

.gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide .item-gallery.two, .gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide .item-gallery.one {
  overflow: hidden;
  height: 65vh;
}

.gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide .item-gallery.two img, .gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide .item-gallery.one img {
  overflow: hidden;
  height: 100%;
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide .item-gallery.two .img-item-details {
  width: 50%;
  height: 65vh;
  position: relative;
  overflow: hidden;
  float: left;
}

.gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide .item-gallery.two img {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide .item-gallery.full {
  height: 100%;
}

.gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide .item-gallery.full .img-item-details {
  width: 100%;
  height: 100vh;
}

.gallery-detail .slide-gallery .gallery-details-slide .swiper-wrapper .swiper-slide .item-gallery.full img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

.gallery-detail .slide-gallery .link-details {
  float: left;
  padding-left: 20px;
}

.gallery-detail .slide-gallery .share {
  float: right;
  padding-right: 20px;
}

.gallery-detail .slide-gallery .swiper-navigate.active {
  opacity: 0;
}

.gallery-detail .slide-gallery .swiper-pagination-fraction {
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 2.30769em;
  line-height: 31px;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  margin-top: -15px;
}

.gallery-detail .slide-gallery .swiper-button-prev {
  background: none;
  width: 40px;
  height: 55px;
  left: 15%;
}

.gallery-detail .slide-gallery .swiper-button-prev:hover:before {
  color: #b2ae7e;
}

.gallery-detail .slide-gallery .swiper-button-prev:hover:after {
  background: #b2ae7e;
}

.gallery-detail .slide-gallery .swiper-button-prev:before {
  content: '\f0d9';
  color: rgba(135, 135, 135, 0.52);
  font-family: "FontAwesome";
  font-size: 1.84615em;
}

.gallery-detail .slide-gallery .swiper-button-prev:after {
  content: '';
  background: rgba(135, 135, 135, 0.52);
  width: 1px;
  height: 55px;
  right: 0px;
  top: -10px;
  position: absolute;
}

.gallery-detail .slide-gallery .swiper-button-next {
  background: none;
  width: 40px;
  height: 55px;
  right: 15%;
}

.gallery-detail .slide-gallery .swiper-button-next:hover:before {
  color: #b2ae7e;
}

.gallery-detail .slide-gallery .swiper-button-next:hover:after {
  background: #b2ae7e;
}

.gallery-detail .slide-gallery .swiper-button-next:before {
  content: '\f0da';
  color: rgba(135, 135, 135, 0.52);
  font-family: "FontAwesome";
  font-size: 1.84615em;
  right: 0;
  position: absolute;
}

.gallery-detail .slide-gallery .swiper-button-next:after {
  content: '';
  background: rgba(135, 135, 135, 0.52);
  width: 1px;
  height: 55px;
  left: 0px;
  top: -10px;
  position: absolute;
}

.bg-details-project, .bg-share {
  background: #ebebeb;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  display: none;
}

.bg-details-project .detail-project, .bg-details-project .detail-share, .bg-share .detail-project, .bg-share .detail-share {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-width: 440px;
  z-index: 1;
  background: #ebebeb;
}

.bg-details-project .detail-project .title, .bg-details-project .detail-share .title, .bg-share .detail-project .title, .bg-share .detail-share .title {
  font-size: 1.84615em;
  line-height: 30px;
  font-family: "Playfair Display", sans-serif;
  position: relative;
  max-width: 390px;
}

.bg-details-project .detail-project .title:after, .bg-details-project .detail-share .title:after, .bg-share .detail-project .title:after, .bg-share .detail-share .title:after {
  content: '';
  background: #d7d7d7;
  width: 80px;
  height: 1px;
  left: -90px;
  top: 5px;
  position: absolute;
}

.bg-details-project .detail-project .details-list ul, .bg-details-project .detail-share .details-list ul, .bg-share .detail-project .details-list ul, .bg-share .detail-share .details-list ul {
  margin: 0;
  padding: 0;
  margin-top: 60px;
}

.bg-details-project .detail-project .details-list ul li, .bg-details-project .detail-share .details-list ul li, .bg-share .detail-project .details-list ul li, .bg-share .detail-share .details-list ul li {
  list-style: none;
  text-align: left;
  clear: both;
}

.bg-details-project .detail-project .details-list ul li strong, .bg-details-project .detail-share .details-list ul li strong, .bg-share .detail-project .details-list ul li strong, .bg-share .detail-share .details-list ul li strong {
  float: left;
  font-size: 1em;
  line-height: 30px;
  width: 120px;
}

.bg-details-project .detail-project .details-list ul li h4, .bg-details-project .detail-share .details-list ul li h4, .bg-share .detail-project .details-list ul li h4, .bg-share .detail-share .details-list ul li h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 30px;
}

.social-share {
  padding: 0;
  margin: 0;
  text-align: center;
  float: right;
  padding-left: 30px;
}

.social-share li {
  padding: 0;
  margin: 0 5px;
  list-style: none;
  display: inline-block;
  line-height: 20px;
}

.social-share li a {
  color: #fff;
}

.social-share li .fa {
  color: #000;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.social-share li:hover .fa-facebook {
  color: #3b5998;
}

.social-share li:hover .fa-twitter {
  color: #00aced;
}

.social-share li:hover .fa-envelope {
  color: #ca0034;
}

.social-share li:hover .fa-google-plus {
  color: red;
}

.social-share li:hover .fa-pinterest {
  color: #ca0034;
}

.social-share li:hover .fa-linkedin {
  color: #0177B5;
}

/*
23. Blog detail
 */
.content-page-details-blog {
  padding: 55px 70px 0 0;
  background: #fff;
}

.content-page-details-blog .expert-content {
  font-size: 1.38462em;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}

.content-page-details-blog .expert-content p {
  line-height: 30px;
}

.content-page-details-blog .content {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
}

.content-page-details-blog .content strong {
  color: #252525;
}

.content-page-details-blog .content p {
  margin: 0;
}

.content-page-details-blog .content img {
  max-width: 100%;
  height: auto;
}

.content-page-details-blog .content blockquote {
  font-size: 1.38462em;
  letter-spacing: 0.5px;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
  border-left: 1px solid #000;
  padding: 0 0 0 30px;
}

.content-page-details-blog .content blockquote p {
  line-height: 30px;
}

.content-page-details-blog .content .wp-caption {
  max-width: 100%;
}

.content-page-details-blog .nextop-comment-form {
  margin-bottom: 180px;
}

.content-page-details-blog h3 {
  text-align: left;
}

.content-page-details-blog input[type="text"], .content-page-details-blog input[type="email"] {
  width: 100%;
  background: transparent;
  border: 1px solid #000;
  color: #000;
  line-height: 44px;
  padding: 0 0 0 20px;
  margin-bottom: 20px;
}

.content-page-details-blog input[type="submit"] {
  float: left;
  position: relative;
  margin-top: 20px;
  font-size: 1em;
  line-height: 24px;
  letter-spacing: 0.6px;
  background: #252525;
  border: none;
  color: #fff;
  padding: 6px 43px;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.content-page-details-blog textarea {
  min-height: 100px;
  padding: 0 0 0 20px;
  margin: 0;
  border: 1px solid #000;
  color: #000;
  line-height: 44px;
  background: transparent;
}

.comments-area {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 5px;
  padding-bottom: 50px;
  margin-bottom: 60px;
  padding: 35px 0px;
}

.comments-area .comment-avatar {
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.comments-area .comment-avatar img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

.comments-area .title-comment-box {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  text-transform: lowercase;
  font-size: 1.53846em;
}

.comments-area .title-comment-box:after {
  border: none;
}

.comments-area .comment {
  width: 90%;
  float: left;
  position: relative;
}

.comments-area .comment:after {
  content: "";
  width: 60px;
  position: absolute;
  bottom: 10px;
  left: 0px;
}

.comments-area .comment:last-child {
  border-bottom: none;
}

.comments-area .comment:last-child:after {
  display: none;
}

.comments-area .comment .comment-body {
  box-sizing: border-box;
  padding-left: 10px;
  color: rgba(0, 0, 0, 0.9);
  width: 85%;
  float: left;
  padding-left: 25px;
}

.comments-area .comment .comment-body .content {
  clear: both;
  font-size: 1em;
  line-height: 24px;
}

.comments-area .title-comment {
  float: left;
  width: 100%;
  padding-bottom: 55px;
  margin-top: 35px;
  border-bottom: 1px solid #d7d7d7;
}

.comments-area .title-comment span {
  float: left;
}

.comments-area .title-comment span.comment-name {
  text-transform: uppercase;
  font-size: 1em;
}

.comments-area .title-comment span.time {
  font-size: 0.92308em;
}

.comments-area .title-comment span.category {
  font-size: 0.92308em;
}

.comments-area .title-comment span.comment-message {
  width: 100%;
}

.comments-area .title-comment span.comment-posted-in {
  color: #252525;
  margin-bottom: 10px;
}

.comments-area .sub-comment {
  box-sizing: border-box;
}

.comments-area .sub-comment .title-comment {
  padding-left: 70px;
}

.next-post {
  position: relative;
  margin-top: 90px;
}

.next-post h3 {
  font-size: 1em;
  line-height: 18px;
  text-transform: uppercase;
  text-align: center;
}

.next-post .swiper-wrapper .swiper-slide {
  text-align: center;
}

.next-post .swiper-wrapper .swiper-slide.swiper-slide-active .item h4 {
  opacity: 1;
}

.next-post .swiper-wrapper .swiper-slide .item {
  display: inline-block;
}

.next-post .swiper-wrapper .swiper-slide .item .img-item-details {
  width: 260px;
  height: 195px;
  overflow: hidden;
  position: relative;
}

.next-post .swiper-wrapper .swiper-slide .item .img-item-details img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

.next-post .swiper-wrapper .swiper-slide .item h4 {
  font-size: 1.38462em;
  line-height: 24px;
  font-family: "Playfair Display", sans-serif;
  text-align: center;
  max-width: 255px;
  opacity: 0;
}

.next-post .swiper-navigate {
  height: 55px;
  width: 55px;
}

.next-post .swiper-button-next {
  background: url(../images/icon-nextop.png) no-repeat -195px 0;
}

.next-post .swiper-button-prev {
  background: url(../images/icon-nextop.png) no-repeat -100px 0;
}

.bg-top-details {
  position: relative;
}

.bg-top-details .cover-detail {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.bg-top-details .cover-detail:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  z-index: 0;
  background: #000;
  opacity: 0.3;
}

.bg-top-details .cover-detail img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

.bg-top-details .content-cover {
  position: absolute;
  bottom: 0;
  left: 18%;
}

.bg-top-details .content-cover .breadcrumb {
  padding: 0 15px;
  background: transparent;
}

.bg-top-details .content-cover .breadcrumb ul li a, .bg-top-details .content-cover .breadcrumb ul li span {
  color: rgba(255, 255, 255, 0.6);
}

.bg-top-details .content-cover .title-details {
  font-family: "Playfair Display", sans-serif;
  padding-left: 20px;
  margin: 0;
  margin-bottom: 50px;
  font-weight: bold;
}

@media only screen and (min-width: 320px) {
  .bg-top-details .content-cover .title-details {
    font-size: 2.30769em;
    line-height: 37px;
  }
}

@media only screen and (min-width: 768px) {
  .bg-top-details .content-cover .title-details {
    font-size: 3.46154em;
    line-height: 52px;
  }
}

@media only screen and (min-width: 1300px) {
  .bg-top-details .content-cover .title-details {
    font-size: 4.23077em;
    line-height: 62px;
  }
}

.bg-top-details .content-cover .title-details a {
  color: #fff;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.bg-top-details .content-cover .title-details a:hover {
  text-shadow: 2px 2px #5c5c5c;
}

.bg-top-details .content-cover .details-item {
  margin: 0;
  padding: 0;
  padding-bottom: 100px;
}

.bg-top-details .content-cover .details-item li {
  list-style: none;
  float: left;
  padding: 0 25px;
  font-size: 1em;
  line-height: 48px;
  position: relative;
  color: rgba(255, 255, 255, 0.6);
}

.bg-top-details .content-cover .details-item li:after {
  content: '';
  margin-left: 15px;
  background: #898989;
  height: 1px;
  width: 35px;
  position: absolute;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-60deg);
  top: 20px;
  right: -10px;
}

.bg-top-details .content-cover .details-item li:last-child:after {
  display: none;
}

.bg-top-details .content-cover .details-item li a {
  color: rgba(255, 255, 255, 0.6);
}

.bg-top-details .content-cover .details-item li a:hover {
  opacity: 0.7;
}

.bg-top-details .content-cover .details-item li.author {
  color: #f7f7f7;
}

.bg-details {
  background: #f7f7f7;
}

.bg-details .left {
  background: #fff;
}

@media only screen and (min-width: 320px) {
  .content-page-details-blog .nextop-comment-form {
    width: 100%;
  }
  .bg-top-details .cover-detail {
    height: 430px;
  }
  .bg-top-details .content-cover {
    left: 0;
  }
  .bg-top-details .content-cover .breadcrumb ul li {
    line-height: 24px;
  }
  .bg-top-details .content-cover .details-item li {
    line-height: 34px;
  }
  .bg-details .left {
    padding-left: 0;
  }
  .bg-details .right {
    padding-right: 15px;
  }
  .next-post .swiper-navigate {
    top: 30%;
  }
  .next-post .swiper-button-prev {
    left: -5px;
  }
  .next-post .swiper-button-next {
    right: -5px;
  }
}

@media only screen and (min-width: 992px) {
  .content-page-details-blog .nextop-comment-form {
    width: 50%;
  }
  .bg-top-details .cover-detail {
    height: 630px;
  }
  .bg-top-details .content-cover {
    left: 10%;
  }
  .bg-top-details .content-cover .breadcrumb ul li {
    line-height: 46px;
  }
  .bg-details .left {
    padding-left: 10%;
  }
  .bg-details .right {
    padding-right: 10%;
  }
  .next-post .swiper-navigate {
    top: 45%;
  }
  .next-post .swiper-button-prev {
    left: 15%;
  }
  .next-post .swiper-button-next {
    right: 15%;
  }
}

@media only screen and (min-width: 1500px) {
  .bg-top-details .content-cover {
    left: 16%;
  }
  .bg-details .left {
    padding-left: 16%;
  }
  .bg-details .right {
    padding-right: 16%;
  }
}

/*
24. Personer page
 */
.details-full {
  background-color: #fff;
}

.cover-personer {
  position: relative;
  height: 680px;
  overflow: hidden;
  text-align: center;
}

.cover-personer .img-cover {
  position: absolute;
  height: 680px;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}

.cover-personer .img-cover:before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.cover-personer .img-cover img {
  width: auto;
  height: 100%;
  min-width: 100%;
  position: absolute;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.cover-personer .content-cover-personer {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 10%;
  width: 100%;
}

.cover-personer .content-cover-personer h3 {
  line-height: 24px;
  color: #fff;
  font-family: "Playfair Display", sans-serif;
  text-align: center;
  margin-bottom: 50px;
}

@media only screen and (min-width: 320px) {
  .cover-personer .content-cover-personer h3 {
    font-size: 4.61538em;
    line-height: 60px;
  }
}

@media only screen and (min-width: 768px) {
  .cover-personer .content-cover-personer h3 {
    font-size: 7.69231em;
    line-height: 100px;
  }
}

@media only screen and (min-width: 1024px) {
  .cover-personer .content-cover-personer h3 {
    font-size: 11.53846em;
    line-height: 150px;
  }
}

.cover-personer .item-social {
  margin-top: 120px;
  text-align: center;
}

@media only screen and (min-width: 320px) {
  .cover-personer .item-social {
    padding: 0;
  }
}

.cover-personer .item-social li {
  list-style: none;
  color: #fff;
  text-align: center;
  display: inline-block;
}

@media only screen and (min-width: 320px) {
  .cover-personer .item-social li {
    margin: 0 20px;
  }
}

@media only screen and (min-width: 768px) {
  .cover-personer .item-social li {
    margin: 0 50px;
  }
}

.cover-personer .item-social li .number {
  line-height: 10px;
}

@media only screen and (min-width: 320px) {
  .cover-personer .item-social li .number {
    font-size: 1.15385em;
  }
}

@media only screen and (min-width: 768px) {
  .cover-personer .item-social li .number {
    font-size: 1.38462em;
  }
}

.cover-personer .item-social li .social {
  line-height: 48px;
  font-family: "Playfair Display", sans-serif;
}

@media only screen and (min-width: 320px) {
  .cover-personer .item-social li .social {
    font-size: 1.92308em;
  }
}

@media only screen and (min-width: 768px) {
  .cover-personer .item-social li .social {
    font-size: 3.07692em;
  }
}

.cover-personer-artis {
  position: relative;
  height: 620px;
  overflow: hidden;
}

@media only screen and (min-width: 1024px) {
  .cover-personer-artis {
    height: 920px;
  }
}

.cover-personer-artis .img-cover-arltis img {
  width: auto;
  height: 100%;
  min-width: 100%;
  position: absolute;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.cover-personer-artis .breadcrumb {
  z-index: 2;
  position: absolute;
  top: 0;
  background: transparent;
}

.cover-personer-artis .breadcrumb ul li.active a {
  color: #898989;
}

.cover-personer-artis .detials-content-cover {
  position: absolute;
  bottom: 10%;
  z-index: 1;
  max-width: 600px;
}

@media only screen and (min-width: 1024px) {
  .cover-personer-artis .detials-content-cover {
    bottom: 20%;
  }
}

@media only screen and (min-width: 320px) {
  .cover-personer-artis .detials-content-cover .padding-left {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .cover-personer-artis .detials-content-cover .padding-left {
    padding-left: 145px;
  }
}

.cover-personer-artis .detials-content-cover h3 {
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
}

@media only screen and (min-width: 320px) {
  .cover-personer-artis .detials-content-cover h3 {
    font-size: 4.61538em;
    line-height: 60px;
    padding: 0 15px;
  }
}

@media only screen and (min-width: 1024px) {
  .cover-personer-artis .detials-content-cover h3 {
    font-size: 6.15385em;
    line-height: 80px;
    padding: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .cover-personer-artis .detials-content-cover h3 {
    font-size: 7.69231em;
    line-height: 100px;
    padding: 0;
  }
}

.cover-personer-artis .detials-content-cover h2 {
  font-size: 1.92308em;
  line-height: 36px;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
  position: relative;
  padding-bottom: 10px;
}

.cover-personer-artis .detials-content-cover h2:before {
  content: '';
  background: #d7d7d7;
  width: 130px;
  height: 1px;
  position: absolute;
  left: -135px;
  top: 5px;
}

@media only screen and (min-width: 320px) {
  .cover-personer-artis .detials-content-cover h2:before {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .cover-personer-artis .detials-content-cover h2:before {
    display: block;
  }
}

.cover-personer-artis .detials-content-cover .content {
  color: #898989;
  font-size: 1em;
  line-height: 24px;
}

.cover-personer-artis .detials-content-cover .link {
  margin-bottom: 20px;
}

.cover-personer-artis .detials-content-cover .link a {
  color: #898989;
}

.follow {
  color: #898989;
  margin-bottom: 30px;
}

.follow h4 {
  float: left;
  font-size: 0.92308em;
  line-height: 30px;
  font-weight: bold;
  margin-right: 10px;
}

.follow ul {
  margin: 0;
  padding: 0;
}

.follow ul li {
  list-style: none;
  float: left;
  margin: 0 5px;
}

.follow ul li i {
  font-size: 1em;
  line-height: 45px;
  color: #898989;
}

.img-about-artis {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .img-about-artis {
    height: 300px;
  }
}

@media only screen and (min-width: 768px) {
  .img-about-artis {
    height: 100vh;
  }
}

.img-about-artis img {
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (min-width: 768px) {
  .img-about-artis img {
    width: auto;
    height: 100%;
    min-width: 100%;
  }
}

.details-personer {
  position: relative;
  background: #f7f7f7;
}

@media only screen and (min-width: 320px) {
  .details-personer {
    height: auto;
  }
}

@media only screen and (min-width: 768px) {
  .details-personer {
    height: 100vh;
  }
}

@media only screen and (min-width: 320px) {
  .details-personer .details-personer-slide .swiper-slide {
    max-height: 200vh;
  }
}

@media only screen and (min-width: 768px) {
  .details-personer .details-personer-slide .swiper-slide {
    max-height: 100vh;
  }
}

@media only screen and (min-width: 320px) {
  .details-personer .details-personer-slide .swiper-slide .item-gallery {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .details-personer .details-personer-slide .swiper-slide .item-gallery {
    margin-top: 80px;
  }
}

.details-personer .details-personer-slide .swiper-slide .item-gallery .img-item-details {
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .details-personer .details-personer-slide .swiper-slide .item-gallery .img-item-details {
    height: 50vh;
  }
}

@media only screen and (min-width: 768px) {
  .details-personer .details-personer-slide .swiper-slide .item-gallery .img-item-details {
    height: 100vh;
  }
}

.details-personer .details-personer-slide .swiper-slide .item-gallery .img-item-details img {
  width: auto;
  height: 100%;
  min-width: 100%;
  position: absolute;
  object-fit: cover;
}

.details-personer .details-personer-slide .swiper-slide .item.img-personer {
  position: relative;
  padding: 75px 0;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer {
  padding: 16% 15%;
  height: 100vh;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer h3 {
  font-size: 1.84615em;
  line-height: 30px;
  position: relative;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer h3:before {
  content: '';
  width: 80px;
  height: 1px;
  background: #aeaeae;
  position: absolute;
  top: -10px;
  left: -5px;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer ul {
  margin: 0;
  padding: 0;
  margin-top: 35px;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer ul li {
  list-style: none;
  text-align: left;
  clear: both;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer ul li strong {
  float: left;
  font-size: 1em;
  line-height: 30px;
}

@media only screen and (min-width: 320px) {
  .details-personer .details-personer-slide .swiper-slide .item .content-details-personer ul li strong {
    width: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .details-personer .details-personer-slide .swiper-slide .item .content-details-personer ul li strong {
    width: 120px;
  }
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer ul li h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 30px;
  color: #898989;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer ul li .social-small {
  margin: 0;
  padding: 0;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer ul li .social-small li {
  list-style: none;
  float: left;
  clear: inherit;
  margin: 0 5px;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer ul li .social-small li:first-child {
  margin-left: 0;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer ul li .social-small li i {
  font-size: 1em;
  line-height: 26px;
  color: #898989;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer ul li .social-small li i:hover {
  opacity: 0.6;
}

.details-personer .details-personer-slide .swiper-slide .item .content-details-personer .link {
  padding-top: 55px;
  padding-bottom: 15px;
  color: #898989;
}

.details-personer .details-personer-slide .swiper-slide .item .img-item-details {
  padding: 0 5px;
}

.details-personer .details-personer-slide .swiper-slide .item .img-item-details img {
  width: 100%;
  height: auto;
}

.details-personer .details-personer-slide .swiper-slide .item .img-item-details-content {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.details-personer .details-personer-slide .swiper-slide .item .img-item-details-content img {
  width: auto;
  height: 100%;
  min-width: 100%;
  position: absolute;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.details-personer .swiper-button-prev {
  background: none;
  width: 40px;
  height: 55px;
  left: 3%;
  z-index: 11;
}

.details-personer .swiper-button-prev:before {
  content: '\f0d9';
  color: #252525;
  font-family: "FontAwesome";
  font-size: 1.84615em;
}

.details-personer .swiper-button-prev:after {
  content: '';
  background: #d7d7d7;
  width: 1px;
  height: 55px;
  right: 0px;
  top: -10px;
  position: absolute;
}

.details-personer .swiper-button-next {
  background: none;
  width: 40px;
  height: 55px;
  right: 3%;
  z-index: 11;
}

.details-personer .swiper-button-next:before {
  content: '\f0da';
  color: #252525;
  font-family: "FontAwesome";
  font-size: 1.84615em;
  right: 0;
  position: absolute;
}

.details-personer .swiper-button-next:after {
  content: '';
  background: #d7d7d7;
  width: 1px;
  height: 55px;
  left: 0px;
  top: -10px;
  position: absolute;
}

.details-personer .icon-list-grid {
  position: absolute;
  z-index: 8;
}

@media only screen and (min-width: 320px) {
  .details-personer .icon-list-grid {
    right: 15px;
    top: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .details-personer .icon-list-grid {
    right: 75px;
    top: 85px;
  }
}

.details-personer .icon-list-grid ul {
  margin: 0;
  padding: 0;
}

.details-personer .icon-list-grid ul li {
  list-style: none;
}

.details-personer .icon-list-grid ul li a {
  color: transparent;
}

.details-personer .icon-list-grid ul li.grid {
  position: relative;
  margin-bottom: 20px;
  width: 25px;
  height: 25px;
}

.details-personer .icon-list-grid ul li.grid a:before {
  content: '';
  background: url(../images/icon-nextop.png) no-repeat 0px -80px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}

.details-personer .icon-list-grid ul li.grid a.active:before {
  content: '';
  background: url(../images/icon-nextop.png) no-repeat 2px -138px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}

.details-personer .icon-list-grid ul li.list {
  position: relative;
}

.details-personer .icon-list-grid ul li.list a:before {
  content: '';
  background: url(../images/icon-nextop.png) no-repeat 0px -108px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}

.details-personer .details-thumb {
  padding-top: 120px;
  position: relative;
  display: none;
}

@media only screen and (min-width: 768px) {
  .details-personer .details-thumb {
    padding-top: 90px;
  }
}

.details-personer .details-thumb ul {
  margin: 0;
  padding: 0;
}

.details-personer .details-thumb ul li {
  list-style: none;
  float: left;
  position: relative;
  overflow: hidden;
}

.details-personer .details-thumb ul li.two {
  max-width: 50%;
  width: 100%;
  height: 185px;
}

@media only screen and (min-width: 768px) {
  .details-personer .details-thumb ul li.two {
    max-width: 120px;
  }
}

.details-personer .details-thumb ul li.one {
  max-width: 50%;
  width: 100%;
  height: 185px;
}

@media only screen and (min-width: 768px) {
  .details-personer .details-thumb ul li.one {
    max-width: 245px;
  }
}

.details-personer .details-thumb ul li img {
  width: auto;
  height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

.details-personer .item-info {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background: #fff;
  z-index: 7;
  height: 110vh;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

@media only screen and (min-width: 320px) {
  .details-personer .item-info {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .details-personer .item-info {
    width: 50%;
  }
}

.details-personer .item-info.active {
  display: block;
}

.details-personer .item-info .content-details-personer {
  padding: 16% 15%;
  max-height: 800px;
}

.details-personer .item-info .content-details-personer h3 {
  font-size: 1.84615em;
  line-height: 30px;
  position: relative;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
}

.details-personer .item-info .content-details-personer h3:before {
  content: '';
  width: 80px;
  height: 1px;
  background: #aeaeae;
  position: absolute;
  top: -10px;
  left: -5px;
}

.details-personer .item-info .content-details-personer ul {
  margin: 0;
  padding: 0;
  margin-top: 35px;
}

.details-personer .item-info .content-details-personer ul li {
  list-style: none;
  text-align: left;
  clear: both;
}

.details-personer .item-info .content-details-personer ul li strong {
  float: left;
  font-size: 1em;
  line-height: 30px;
  width: 120px;
}

.details-personer .item-info .content-details-personer ul li h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 30px;
  color: #898989;
}

.details-personer .item-info .content-details-personer ul li .social-small {
  margin: 0;
  padding: 0;
}

.details-personer .item-info .content-details-personer ul li .social-small li {
  list-style: none;
  float: left;
  clear: inherit;
  margin: 0 5px;
}

.details-personer .item-info .content-details-personer ul li .social-small li:first-child {
  margin-left: 0;
}

.details-personer .item-info .content-details-personer ul li .social-small li i {
  font-size: 1em;
  line-height: 26px;
  color: #898989;
}

.details-personer .item-info .content-details-personer ul li .social-small li i:hover {
  opacity: 0.6;
}

.details-personer .item-info .content-details-personer .link {
  padding-top: 55px;
  padding-bottom: 15px;
}

.details-personer .item-info .content-details-personer .link a {
  color: #898989;
}

.details-personer .item-info .content-details-personer .link a:hover {
  opacity: 0.6;
}

.details-personer .item-info .img-item-details {
  padding: 0 5px;
}

.details-personer .item-info .img-item-details img {
  width: 100%;
  height: auto;
}

.details-personer .item-info .img-item-details-content {
  width: 100%;
  overflow: hidden;
}

.details-personer-basic {
  margin-top: 0;
}

@media only screen and (min-width: 1023px) {
  .details-personer-basic {
    margin-top: 100px;
  }
}

.details-personer-basic .details-personer-slide-basic .images-details-artis {
  margin: 0 5%;
  overflow: hidden;
  width: 85%;
  height: 400px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .details-personer-basic .details-personer-slide-basic .images-details-artis {
    height: 800px;
  }
}

.details-personer-basic .details-personer-slide-basic .images-details-artis img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

.swiper-navigate-style {
  position: absolute;
  background: none;
  width: 40px;
  height: 55px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.swiper-navigate-style:hover:before {
  color: #b2ae7e;
}

.swiper-navigate-style:hover:after {
  background: #b2ae7e;
}

.swiper-navigate-style:before {
  color: #000;
  font-family: "FontAwesome";
  font-size: 1.84615em;
}

.swiper-navigate-style.swiper-button-disabled {
  opacity: 0.4;
}

.swiper-button-prev-style {
  left: 0;
}

.swiper-button-prev-style:before {
  content: '\f0d9';
}

.swiper-button-next-style {
  right: 0;
}

.swiper-button-next-style:before {
  content: '\f0da';
  right: 0;
}

/*
25. Slide album
*/
.slide-album-element .slide-album .swiper-slide .img-slide {
  width: 100%;
  height: 140px;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .slide-album-element .slide-album .swiper-slide .img-slide {
    width: 950px;
    height: 796px;
  }
}

.slide-album-element .slide-album .swiper-slide .img-slide img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

.slide-album-element .swiper-button-prev {
  background: none;
  width: 40px;
  height: 55px;
  left: 3%;
}

.slide-album-element .swiper-button-prev:before {
  content: '\f0d9';
  color: #252525;
  font-family: "FontAwesome";
  font-size: 1.84615em;
}

.slide-album-element .swiper-button-prev:after {
  content: '';
  background: #040404;
  width: 1px;
  height: 55px;
  right: 0px;
  top: -10px;
  position: absolute;
}

.slide-album-element .swiper-button-next {
  background: none;
  width: 40px;
  height: 55px;
  right: 3%;
}

.slide-album-element .swiper-button-next:before {
  content: '\f0da';
  color: #252525;
  font-family: "FontAwesome";
  font-size: 1.84615em;
  right: 0;
  position: absolute;
}

.slide-album-element .swiper-button-next:after {
  content: '';
  background: #040404;
  width: 1px;
  height: 55px;
  left: 0px;
  top: -10px;
  position: absolute;
}

/*
26. Content text about
*/
.content-text-about {
  min-height: 795px;
  background: #fff;
}

@media only screen and (min-width: 320px) {
  .content-text-about {
    padding: 50px 15px;
  }
}

@media only screen and (min-width: 768px) {
  .content-text-about {
    padding-right: 10%;
    padding: 75px 90px;
  }
}

@media only screen and (min-width: 1500px) {
  .content-text-about {
    padding-right: 40%;
  }
}

.content-text-about h3 {
  font-size: 1.84615em;
  line-height: 30px;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  position: relative;
  margin-bottom: 45px;
}

.content-text-about h3:after {
  content: '';
  width: 70px;
  height: 1px;
  background: #aeaeae;
  position: absolute;
  top: -10px;
  left: 0;
}

.content-text-about .content-about {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
}

.content-text-about .name-job {
  font-size: 0.92308em;
  line-height: 22px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.content-text-about .name-job span:nth-child(2) {
  color: #898989;
}

.content-text-about .social ul {
  margin: 0;
  padding: 0;
}

.content-text-about .social ul li {
  list-style: none;
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #dedede;
  position: relative;
  margin: 0 5px;
}

.content-text-about .social ul li:first-child {
  margin-left: 0;
}

.content-text-about .social ul li:hover {
  background: #000;
}

.content-text-about .social ul li:hover i {
  color: #fff;
}

.content-text-about .social ul li i {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
}

/*
27. Timeline
*/
.timeline-element {
  padding-top: 80px;
}

.timeline-element .title {
  font-size: 1.23077em;
  line-height: 18px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.timeline-element .list-timeline {
  margin-bottom: 70px;
}

.timeline-element .list-timeline ul {
  margin: 0;
  padding: 0;
}

.timeline-element .list-timeline ul li {
  position: relative;
  list-style: none;
  position: relative;
  height: 200px;
}

@media only screen and (min-width: 320px) {
  .timeline-element .list-timeline ul li {
    width: 85%;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li {
    width: 50%;
  }
}

.timeline-element .list-timeline ul li:after {
  content: '';
  background: #000;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 30px;
  border: 4px solid #fff;
  border-radius: 100%;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li:hover h2 {
    color: #000;
  }
  .timeline-element .list-timeline ul li:hover:nth-child(odd):after {
    width: 20px;
    height: 20px;
    left: -78px;
  }
  .timeline-element .list-timeline ul li:hover:nth-child(even):after {
    width: 20px;
    height: 20px;
    right: -70px;
  }
}

.timeline-element .list-timeline ul li h2 {
  font-size: 3.84615em;
  line-height: 48px;
  font-family: "Playfair Display", sans-serif;
  color: rgba(0, 0, 0, 0.4);
}

.timeline-element .list-timeline ul li h3 {
  font-size: 1.53846em;
  line-height: 30px;
  font-family: "Playfair Display", sans-serif;
  color: #000;
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .timeline-element .list-timeline ul li h3 {
    max-height: 60px;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li h3 {
    max-height: 100px;
  }
}

.timeline-element .list-timeline ul li h4 {
  font-size: 1em;
  line-height: 18px;
  color: #7f7f7f;
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .timeline-element .list-timeline ul li h4 {
    max-height: 50px;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li h4 {
    max-height: 80px;
  }
}

@media only screen and (min-width: 320px) {
  .timeline-element .list-timeline ul li:nth-child(odd) {
    left: 15%;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li:nth-child(odd) {
    left: 62%;
  }
}

@media only screen and (min-width: 1030px) {
  .timeline-element .list-timeline ul li:nth-child(odd) {
    left: 57.5%;
  }
}

@media only screen and (min-width: 1200px) {
  .timeline-element .list-timeline ul li:nth-child(odd) {
    left: 56%;
  }
}

@media only screen and (min-width: 1400px) {
  .timeline-element .list-timeline ul li:nth-child(odd) {
    left: 55%;
  }
}

.timeline-element .list-timeline ul li:nth-child(odd):before {
  content: '';
  background: #d8d8d8;
  width: 1px;
  height: 120%;
  position: absolute;
  top: 30px;
}

@media only screen and (min-width: 320px) {
  .timeline-element .list-timeline ul li:nth-child(odd):before {
    left: -33px;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li:nth-child(odd):before {
    left: -69px;
  }
}

.timeline-element .list-timeline ul li:nth-child(odd):after {
  top: 20px;
}

@media only screen and (min-width: 320px) {
  .timeline-element .list-timeline ul li:nth-child(odd):after {
    left: -41px;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li:nth-child(odd):after {
    left: -76px;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li:nth-child(odd) h3, .timeline-element .list-timeline ul li:nth-child(odd) h4 {
    padding-right: 30%;
  }
}

@media only screen and (min-width: 320px) {
  .timeline-element .list-timeline ul li:nth-child(even) {
    left: 15%;
    right: auto;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li:nth-child(even) {
    text-align: right;
    right: 5%;
    left: auto;
  }
}

.timeline-element .list-timeline ul li:nth-child(even):before {
  content: '';
  background: #d8d8d8;
  width: 1px;
  height: 120%;
  position: absolute;
}

@media only screen and (min-width: 320px) {
  .timeline-element .list-timeline ul li:nth-child(even):before {
    left: -33px;
    right: auto;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li:nth-child(even):before {
    right: -60px;
    left: auto;
  }
}

.timeline-element .list-timeline ul li:nth-child(even):after {
  top: 20px;
}

@media only screen and (min-width: 320px) {
  .timeline-element .list-timeline ul li:nth-child(even):after {
    left: -41px;
    right: auto;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li:nth-child(even):after {
    right: -68px;
    left: auto;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li:nth-child(even) h4 {
    padding-left: 30%;
  }
}

@media only screen and (min-width: 768px) {
  .timeline-element .list-timeline ul li:nth-child(even) h3 {
    padding-left: 42%;
  }
}

.timeline-element .list-timeline ul li:last-child:before {
  display: none;
}

/*
28. Details booking
*/
.details-booking.details-model .item-info {
  padding: 0;
}

.details-booking .padding-left {
  max-width: 100%;
  padding-left: 0px;
  padding-top: 20px;
}

@media only screen and (min-width: 1023px) {
  .details-booking .padding-left {
    padding-left: 130px;
    padding-top: 20px;
  }
}

.details-booking .item-info {
  padding: 80px 30px;
}

@media only screen and (min-width: 1023px) {
  .details-booking .item-info {
    padding: 180px 100px;
  }
}

.details-booking .item-info h3 {
  font-size: 3.84615em;
  line-height: 50px;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
}

@media only screen and (min-width: 1023px) {
  .details-booking .item-info h3 {
    font-size: 7.69231em;
    line-height: 100px;
  }
}

.details-booking .item-info h2 {
  font-size: 1.92308em;
  line-height: 36px;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
  position: relative;
}

L
.details-booking .item-info h2:before {
  content: '';
  background: #d7d7d7;
  width: 130px;
  height: 1px;
  position: absolute;
  left: -135px;
  top: 5px;
}

.details-booking .item-info ul {
  margin: 0;
  padding: 0;
}

.details-booking .item-info ul li {
  list-style: none;
  clear: both;
}

.details-booking .item-info ul li strong {
  float: left;
  font-size: 0.92308em;
  line-height: 24px;
  width: 120px;
}

.details-booking .item-info ul li h4 {
  font-size: 0.92308em;
  line-height: 24px;
  letter-spacing: 0.6px;
  color: #898989;
  width: 170px;
  text-align: left;
  float: left;
  margin: 0;
}

.details-booking .item-info .form-contact-book {
  margin-top: 55px;
}

.details-booking .item-info .form-contact-book input[type="text"], .details-booking .item-info .form-contact-book input[type="email"], .details-booking .item-info .form-contact-book textarea {
  width: 350px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  color: #000;
  line-height: 30px;
  margin-bottom: 10px;
  color: #898989;
  letter-spacing: 0.6px;
}

.details-booking .item-info .form-contact-book button, .details-booking .item-info .form-contact-book input[type="button"], .details-booking .item-info .form-contact-book input[type="submit"] {
  margin-top: 20px;
  font-size: 1em;
  line-height: 24px;
  letter-spacing: 0.6px;
  background: #252525;
  border: none;
  color: #fff;
  padding: 6px 43px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.details-booking .item-info .form-contact-book textarea {
  height: 50px;
}

.booking-personer .img-booking {
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
}

/*
29. Artis page
*/
.gallery-list ul {
  margin: 0;
  padding: 0;
}

.gallery-list ul li {
  list-style: none;
  float: left;
}

@media only screen and (min-width: 320px) {
  .gallery-list ul li {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) {
  .gallery-list ul li {
    padding: 0;
  }
}

.gallery-list ul li .img-gallery {
  width: 100%;
  height: 250px;
  overflow: hidden;
  position: relative;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .gallery-list ul li .img-gallery {
    height: 375px;
  }
}

.gallery-list ul li .img-gallery:hover {
  opacity: 0.7;
}

.gallery-list ul li .img-gallery img {
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (min-width: 768px) {
  .gallery-list ul li .img-gallery img {
    width: auto;
    height: 100%;
    min-width: 100%;
  }
}

/*
30. Tour element
*/
.tour-element {
  padding-bottom: 30px;
  background: #fff;
  display: block;
  clear: both;
}

@media only screen and (min-width: 768px) {
  .tour-element {
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 1024px) {
  .tour-element {
    padding-bottom: 150px;
  }
}

.tour-element .list-tour {
  margin-top: 50px;
}

@media only screen and (min-width: 768px) {
  .tour-element .list-tour {
    margin-top: 150px;
  }
}

.tour-element .list-tour .tour-slide .swiper-wrapper {
  min-height: 300px;
}

.tour-element .list-tour .tour-slide .swiper-slide {
  border-left: 1px solid #e3e3e3;
}

.tour-element .list-tour .tour-slide .swiper-slide .item-tour {
  padding-left: 40px;
  padding-bottom: 55px;
}

.tour-element .list-tour .tours-list {
  width: 290px;
  float: left;
  height: auto;
}

.tour-element .list-tour .item-tour {
  color: #898989;
}

.tour-element .list-tour .item-tour.big {
  margin-bottom: 50px;
  padding-right: 70px;
}

@media only screen and (min-width: 768px) {
  .tour-element .list-tour .item-tour.big {
    margin-bottom: 0;
  }
}

.tour-element .list-tour .item-tour.big .date {
  font-size: 1.38462em;
  padding-top: 20px;
}

.tour-element .list-tour .item-tour .day {
  font-size: 4.30769em;
  font-family: "Playfair Display", sans-serif;
  float: left;
  line-height: 30px;
}

.tour-element .list-tour .item-tour .date {
  font-size: 1em;
}

.tour-element .list-tour .item-tour .title {
  font-size: 1.53846em;
  line-height: 30px;
  font-family: "Playfair Display", sans-serif;
  margin: 5px 0;
  text-transform: uppercase;
  font-style: italic;
  color: #252525;
}

.tour-element .list-tour .item-tour .time-start-end {
  font-size: 1em;
  line-height: 23px;
  padding: 35px 20px 20px;
}

.tour-element .list-tour .item-tour .fa-map-marker {
  float: left;
  font-size: 1.15385em;
  padding-right: 10px;
}

.tour-element .list-tour .item-tour .location {
  font-size: 1em;
  line-height: 22px;
}

.tour-element .list-tour .item-tour .location-small {
  font-size: 1em;
  line-height: 22px;
  margin-top: 25px;
}

/*
31. Album element
*/
.album-bg {
  background: #fff;
  height: 100vh;
}

.album-element {
  padding: 15px;
  display: inline-block;
}

@media only screen and (min-width: 1024px) {
  .album-element {
    padding: 40px 0 40px 60px;
  }
}

@media only screen and (min-width: 1500px) {
  .album-element {
    padding: 70px 90px;
  }
}

.album-element .nav-tabs {
  position: relative;
  border: none;
  text-align: center;
}

.album-element .nav-tabs li {
  font-size: 1.07692em;
  margin: 5px 0;
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .album-element .nav-tabs li {
    margin: 0 20px;
    width: auto;
    display: block;
  }
}

.album-element .nav-tabs li:first-child {
  margin-left: 0;
}

.album-element .nav-tabs li.active a {
  color: #252525;
}

.album-element .nav-tabs li a {
  padding: 0;
  margin: 0;
  background: none;
  text-transform: uppercase;
  color: #898989;
  border: none;
}

.album-element .nav-tabs li a:hover {
  background: transparent;
  border: none;
}

.album-element .nav-tabs li a:focus {
  background: transparent;
  border: none;
}

.album-element .nav-tabs li .citysoul-song-name {
  font-size: 0.8em;
  font-weight: bold;
}

.album-item {
  margin-bottom: 80px;
}

.album-item .image-album {
  position: relative;
  width: 100%;
  height: 395px;
  overflow: hidden;
  max-width: 100%;
}

.album-item .image-album img {
  width: auto;
  height: auto;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .album-item .image-album img {
    width: auto;
    height: 100%;
    min-width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .album-item .details-album {
    padding-top: 20px;
    padding-left: 30px;
  }
}

.album-item .details-album .year {
  font-size: 2.76923em;
  line-height: 24px;
  font-family: "Playfair Display", sans-serif;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.album-item .details-album .year i {
  position: relative;
}

.album-item .details-album .year i:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #d7d7d7;
  top: 10px;
  left: 0;
  position: absolute;
}

.album-item .details-album .content {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .album-item .details-album .content {
    padding-right: 60px;
  }
}

.album-item .details-album .links {
  font-size: 0.84615em;
  line-height: 24px;
  letter-spacing: 1px;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
}

.album-item .details-album .links a {
  border-bottom: 1px solid #d7d7d7;
}

/*
32. List album element
*/
.list-album-element {
  position: relative;
}

.list-album-element .header-element {
  min-height: 100px;
  padding-bottom: 50px;
}

@media only screen and (min-width: 768px) {
  .list-album-element .header-element {
    min-height: 160px;
    padding-bottom: 0px;
  }
}

.list-album-element .album-list-slide {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .list-album-element .album-list-slide {
    padding-top: 100px;
  }
}

.list-album-element .album-list-slide .swiper-slide .img-album {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.list-album-element .album-list-slide .swiper-slide .img-album img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

.list-album-element .album-list-slide .swiper-slide .img-album:hover {
  opacity: 0.3;
}

.list-album-element .swiper-navigate {
  height: 55px;
  width: 55px;
  bottom: 25%;
  top: auto;
}

.list-album-element .swiper-button-next {
  background: url(../images/icon-nextop.png) no-repeat -195px 0;
  right: 12%;
}

.list-album-element .swiper-button-prev {
  background: url(../images/icon-nextop.png) no-repeat -100px 0;
  left: 12%;
}

/*
33. Menu home slide
*/
.menu-home-slider {
  position: relative;
}

@media only screen and (min-width: 320px) {
  .menu-home-slider {
    display: none;
  }
}

@media only screen and (min-width: 1025px) {
  .menu-home-slider {
    display: block;
  }
}

.menu-icon {
  content: '';
  background: url(../images/icon-nextop.png) no-repeat -28px -84px;
  height: 18px;
  width: 24px;
  position: absolute;
  top: 50vh;
  right: 0;
}

#menu-content-home-slide .main-menu {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#menu-content-home-slide .main-menu ul {
  margin: 0;
  padding: 0;
}

#menu-content-home-slide .main-menu ul li {
  position: relative;
  list-style: none;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  text-align: right;
}

#menu-content-home-slide .main-menu ul li:hover a {
  color: #898989;
}

#menu-content-home-slide .main-menu ul li:hover .sub-menu {
  display: block;
}

#menu-content-home-slide .main-menu ul li a {
  font-size: 2.30769em;
  line-height: 48px;
  text-transform: capitalize;
  color: #fff;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  text-transform: uppercase;
}

#menu-content-home-slide .main-menu ul li .sub-menu {
  position: absolute;
  padding-left: 120px;
  left: 145px;
  min-width: 300px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

#menu-content-home-slide .main-menu ul li .sub-menu:before {
  content: '';
  background: #898989;
  height: 1px;
  width: 80px;
  position: absolute;
  left: 25px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 55%;
}

#menu-content-home-slide .main-menu ul li .sub-menu li {
  text-align: left;
  position: relative;
}

#menu-content-home-slide .main-menu ul li .sub-menu li a {
  font-size: 1.07692em;
  line-height: 25px;
  color: #898989;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  text-transform: capitalize;
}

#menu-content-home-slide .main-menu ul li .sub-menu li a:hover {
  color: rgba(255, 255, 255, 0.9);
}

@media only screen and (min-width: 320px) {
  #menu-content-home-slide .btn-default {
    right: -30%;
  }
}

@media only screen and (min-width: 1300px) {
  #menu-content-home-slide .btn-default {
    right: 0;
  }
}

/*
34. Footer
*/
footer {
  background: #f7f7f7;
  clear: both;
  z-index: 9;
  position: relative;
}

footer.bg-white {
  background: #fff;
}

footer.bg-white .footer {
  padding: 26px 0 15px;
}

footer.small .footer {
  padding: 26px 0 15px;
}

footer.transparent {
  background: transparent;
  position: absolute;
  bottom: 0;
  z-index: 12;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  padding-bottom: 25px;
}

footer .footer {
  padding: 26px 0 15px;
}

footer .footer h4 {
  font-size: 1em;
  float: left;
  margin: 0;
  line-height: 36px;
}

footer .footer h4.phone {
  padding-right: 35px;
}

footer .social {
  float: left;
  padding-right: 10px;
}

footer .big-text .social {
  padding-top: 8px;
}

footer .big-text .phone {
  padding-left: 65px;
}

footer .big-text .email {
  padding-left: 25px;
}

footer .footer-left {
  float: left;
  line-height: 36px;
}

footer .footer-left span {
  float: left;
}

footer .footer-left span.copyright {
  padding-right: 100px;
  position: relative;
  min-width: 115px;
}

footer .footer-left span.copyright:after {
  content: '';
  width: 60px;
  height: 1px;
  background: #878787;
  position: absolute;
  right: 20px;
  top: 19px;
}

footer .footer-right {
  float: right;
  line-height: 36px;
}

footer .footer-right .social {
  float: left;
  padding-left: 140px;
  position: relative;
}

footer .footer-right .social:before {
  content: '';
  position: absolute;
  width: 106px;
  height: 1px;
  left: 15px;
  top: 18px;
  background: #878787;
}

footer .footer-right .social ul {
  margin: 0;
  padding: 0;
}

footer .footer-right .social ul li {
  list-style: none;
  float: left;
}

footer .footer-right .social ul li i {
  font-size: 1.23077em;
  line-height: 30px;
  color: #252525;
}

/*
35. Form contact page
*/
.form-input-contact, .form-input {
  margin-bottom: 50px;
}

.form-input-contact p, .form-input p {
  margin: 0;
}

.form-input-contact p.text, .form-input p.text {
  position: relative;
  float: left;
}

@media only screen and (min-width: 320px) {
  .form-input-contact p.text, .form-input p.text {
    width: 100%;
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .form-input-contact p.text, .form-input p.text {
    width: 33.3333%;
    padding-right: 15px;
  }
}

.form-input-contact p.text:nth-child(4), .form-input p.text:nth-child(4) {
  padding-right: 0;
}

.form-input-contact p.text:nth-child(4):before, .form-input p.text:nth-child(4):before {
  width: 100%;
}

.form-input-contact input[type="text"], .form-input-contact input[type="email"], .form-input input[type="text"], .form-input input[type="email"] {
  width: 100%;
  float: left;
  border: none;
  margin-bottom: 20px;
  background: transparent;
  margin: 5px 0;
  border-bottom: 1px solid #d7d7d7;
  line-height: 30px;
}

.form-input-contact input[type="text"]:focus, .form-input-contact input[type="email"]:focus, .form-input input[type="text"]:focus, .form-input input[type="email"]:focus {
  border-bottom: 1px solid #252525;
}

.form-input-contact input[type="submit"], .form-input input[type="submit"] {
  display: block;
  clear: both;
  border: none;
  font-size: 1em;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  color: #fff;
  background: #252525;
  padding: 5px 32px;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 40px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.form-input-contact input[type="submit"]:hover, .form-input input[type="submit"]:hover {
  background: #807e7e;
}

.form-input-contact textarea, .form-input textarea {
  clear: both;
  display: block;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
  padding: 150px 0 30px 0;
  overflow: hidden;
  height: 30px;
  border-bottom: 1px solid #d7d7d7;
  background: transparent;
}

.form-input-contact textarea:focus, .form-input textarea:focus {
  border-bottom: 1px solid #252525;
}

.form-input-contact label, .form-input label {
  clear: both;
  color: #807e7e;
  font-weight: 500;
  font-size: 1em;
}

.comment-form .form-input {
  margin-bottom: 15px;
}

.comment-form .form-input textarea {
  line-height: normal !important;
}

.comment-form textarea {
  height: 60px;
  padding: 10px 20px;
  border: 1px solid #d7d7d7;
}

.comment-form label {
  clear: both;
  display: block;
  color: #807e7e;
  font-weight: 500;
  font-size: 1em;
}

.comment-form input[type="text"], .comment-form input[type="email"] {
  width: 100%;
  float: left;
  border: none;
  margin-bottom: 20px;
  background: transparent;
  padding: 5px 0;
  border-bottom: 1px solid #d7d7d7;
}

.comment-form input[type="submit"] {
  display: block;
  clear: both;
  border: none;
  font-size: 1em;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  color: #fff;
  background: #252525;
  padding: 5px 32px;
  margin-top: 40px;
  margin-bottom: 100px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.comment-form input[type="submit"]:hover {
  background: #807e7e;
}

.comment-respond .comment-reply-title {
  float: inherit;
  margin-top: 75px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}

div.wpcf7-validation-errors {
  border: none;
  background: #000;
  color: #fff;
}

/*
36. Loadmore
*/
.btn-loadmore {
  position: relative;
  border-bottom: 1px solid #d7d7d7;
  font-style: italic;
  margin-top: 110px;
  font-family: "Playfair Display", sans-serif;
  font-size: 1em;
  line-height: 24px;
  background: none;
  border: none;
}

.btn-loadmore:before {
  content: '';
  height: 55px;
  width: 1px;
  background: #d9d9d9;
  position: absolute;
  top: -70px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.btn-loadmore .fa-spinner {
  display: none;
}

.btn-loadmore.loading .fa-spinner {
  display: block;
  -webkit-animation: rotation 1s infinite steps(8);
  animation: rotation 1s infinite steps(8);
}

.btn-loadmore.disabled {
  cursor: default;
  color: gray !important;
}

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

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

/*
37. Custom player
*/
.track-list {
  float: left;
  width: 100%;
  height: auto;
}

.citysoul-track-list {
  float: left;
  width: 100%;
  height: 900px;
}

.citysoul-track-list .citysoul-list-play {
  padding-top: 30px;
}

@media only screen and (min-width: 1024px) {
  .citysoul-track-list .citysoul-list-play {
    padding-top: 90px;
  }
}

.citysoul-track-list.track-list-right .jp-audio .jp-type-playlist {
  width: 770px;
  float: right !important;
  padding-left: 0px;
}

.citysoul-track-list.track-list-right .jp-audio .jp-type-playlist .jp-gui {
  padding-left: 40px;
}

.images-podcast {
  position: relative;
  overflow: hidden;
  height: 900px;
  float: left;
  width: 100%;
}

.images-podcast img {
  position: absolute;
  right: 0px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  height: 900px;
  width: auto;
}

.images-podcast .text-name {
  position: absolute;
  right: 65px;
  width: 340px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.images-podcast .text-name .text-bg {
  position: absolute;
  z-index: 0;
  font-size: 15.38462em;
  line-height: 252px;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.1);
  top: -90px;
}

.images-podcast .text-name .text-over {
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  line-height: 80px;
  letter-spacing: 1.75px;
}

.citysoul-list-play {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
}

.citysoul-list-play .title-track {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 150px;
  margin-bottom: 50px;
}

.citysoul-list-play .title-track .text-title {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.53846em;
}

.citysoul-list-play .title-track .text-more {
  letter-spacing: 1.05px;
  font-size: 1.23077em;
}

.gradient, .jp-audio .jp-type-playlist .jp-gui .jp-progress .jp-seek-bar .jp-play-bar, .jp-audio .jp-volume-controls .jp-volume-bar .jp-volume-bar-value {
  background: #252525;
}

.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus {
  outline: none;
}

.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
  border: 0;
}

.jp-type-playlist {
  float: left;
  width: 100%;
}

.citysoul-song-name {
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  overflow: hidden;
  max-width: 50%;
  float: left;
  white-space: nowrap;
}

.citysoul-play-container {
  float: left;
  width: 90%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  position: relative;
  box-sizing: border-box;
  border: none;
}

.citysoul-play-container.no-border {
  border: none;
}

.citysoul-play-container .button-click-play {
  content: "\f04b";
  font-family: "FontAwesome";
  font-size: 0.92308em;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 55px;
  color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.citysoul-play-container:hover .button-click-play {
  color: rgba(0, 0, 0, 0.3) !important;
}

.jp-audio {
  float: left;
  width: 100%;
  height: 55px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  color: #666;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.jp-audio button {
  border: none;
  background: transparent;
  font-family: "FontAwesome";
  line-height: 55px;
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
  color: #000;
  font-size: 1.07692em;
  border-radius: 0;
}

.jp-audio .jp-current-song {
  float: left;
  width: 85%;
  height: 55px;
  line-height: 55px;
}

.jp-audio .kilobite-text {
  text-transform: uppercase;
  line-height: 55px;
  float: left;
  width: 4.5%;
  text-align: right;
  font-size: 0.8em;
  font-weight: bold;
}

.jp-audio .jp-type-playlist {
  float: left;
}

.jp-audio .jp-type-playlist .jp-gui {
  float: left;
  height: auto;
}

@media only screen and (min-width: 320px) {
  .jp-audio .jp-type-playlist .jp-gui {
    width: 100%;
  }
}

@media only screen and (min-width: 1100px) {
  .jp-audio .jp-type-playlist .jp-gui {
    width: 90%;
  }
}

.jp-audio .jp-type-playlist .jp-gui .jp-controls {
  float: left;
  width: 5%;
}

.jp-audio .jp-type-playlist .jp-gui .jp-progress {
  float: left;
  width: 100%;
  cursor: pointer;
  opacity: 1;
  top: -8px;
  position: relative;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.jp-audio .jp-type-playlist .jp-gui .jp-progress .jp-seek-bar {
  float: left;
  width: 100%;
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2px;
  background: #ededed;
  border-radius: 5px;
}

.jp-audio .jp-type-playlist .jp-gui .jp-progress .jp-seek-bar .jp-play-bar {
  float: left;
  height: 2px;
  position: relative;
}

.jp-audio .jp-type-playlist .jp-gui button {
  font-size: 0.92308em;
  color: #666;
}

.jp-audio .jp-type-playlist .jp-gui button.jp-previous {
  opacity: 0;
}

.jp-audio .jp-type-playlist .jp-gui button.jp-previous:before {
  content: "\f048";
}

.jp-audio .jp-type-playlist .jp-gui button.jp-play {
  opacity: 1;
}

.jp-audio .jp-type-playlist .jp-gui button.jp-play:before {
  content: "\f04b";
}

.jp-audio .jp-type-playlist .jp-gui button.jp-next {
  opacity: 0;
}

.jp-audio .jp-type-playlist .jp-gui button.jp-next:before {
  content: "\f051";
}

.jp-audio .jp-type-playlist .jp-gui button.jp-stop {
  opacity: 0;
}

.jp-audio .jp-type-playlist .jp-gui button.jp-stop:before {
  content: "\f04d";
}

.jp-audio .jp-volume-controls {
  font-family: "FontAwesome";
  float: left;
  width: 7%;
  line-height: 55px;
  margin-left: 10px;
}

.jp-audio .jp-volume-controls .jp-mute:before {
  content: "\f028";
  opacity: 0;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.jp-audio .jp-volume-controls .jp-mute:hover {
  opacity: 1;
}

.jp-audio .jp-volume-controls .jp-volume-max {
  display: none !important;
}

.jp-audio .jp-volume-controls .jp-volume-max:before {
  content: "\f028";
}

.jp-audio .jp-volume-controls .jp-volume-bar {
  display: none !important;
  float: left;
  height: 2px;
  width: 100px;
  background: #fff;
  cursor: pointer;
}

.jp-audio .jp-volume-controls .jp-volume-bar .jp-volume-bar-value {
  float: left;
  height: 2px;
}

.jp-audio .citysoul-article-name {
  text-transform: uppercase;
  font-weight: bold;
  opacity: 0.5;
  float: left;
  min-width: 30%;
}

@media only screen and (min-width: 320px) {
  .jp-audio .citysoul-article-name {
    font-size: 0.7em;
  }
}

@media only screen and (min-width: 1100px) {
  .jp-audio .citysoul-article-name {
    font-size: 1em;
  }
}

.jp-audio.jp-state-playing .citysoul-play-container {
  border-bottom: none;
}

.jp-audio.jp-state-playing .citysoul-play-container .button-click-play {
  z-index: -1;
  opacity: 0;
}

.jp-audio.jp-state-playing .citysoul-play-container .citysoul-song-name, .jp-audio.jp-state-playing .citysoul-play-container .citysoul-article-name {
  color: #252525;
  opacity: 1;
}

.jp-audio.jp-state-playing .jp-mute:before {
  opacity: 1;
}

.jp-audio.jp-state-playing .jp-type-playlist .jp-gui .jp-progress {
  opacity: 1;
}

.jp-audio.jp-state-playing .jp-type-playlist .jp-gui button {
  opacity: 1;
}

.jp-audio.jp-state-playing .jp-type-playlist .jp-gui button.jp-play:before {
  content: "\f012";
}

.jp-audio.jp-state-muted .jp-volume-controls .jp-mute:before {
  content: "\f026";
}

.jp-audio .jp-time-holder {
  float: left;
  width: 10%;
  line-height: 50px;
}

.jp-audio .jp-time-holder .jp-current-time {
  padding-right: 10px;
}

.jp-audio .jp-time-holder .jp-current-time:after {
  content: "/";
  margin-left: 10px;
}

.jp-audio .jp-time-holder .jp-current-time, .jp-audio .jp-time-holder .jp-duration {
  float: left;
}

.jp-audio .jp-toggles {
  float: left;
}

.jp-audio .jp-toggles button {
  float: left;
}

.jp-audio .jp-toggles button.jp-repeat:before {
  content: "\f01e";
}

.jp-audio .jp-toggles button.jp-shuffle:before {
  content: "\f074";
}

.jp-audio .jp-toggles button.jp-toshow:before {
  content: "\f001";
}

.jp-audio .jp-toggles button.jp-toshow.active {
  color: #252525;
}

.jp-audio.jp-state-looped .jp-toggles button.jp-repeat {
  color: #252525;
}

.jp-audio.jp-state-shuffled .jp-toggles button.jp-shuffle {
  color: #252525;
}

.jp-audio .jp-playlist {
  display: none;
  height: auto;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  bottom: 82.5px;
  right: 0px;
  padding: 15px;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 9999;
}

.jp-audio .jp-playlist .contain-playlist {
  max-height: 200px;
  height: 200px;
  overflow: hidden;
  overflow-y: scroll;
  float: left;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
}

.jp-audio .jp-playlist ul {
  padding-left: 0px;
  max-height: 200px;
  float: left;
  font-size: 1em;
  list-style: none;
  width: 200px;
}

.jp-audio .jp-playlist ul li {
  float: left;
  margin-bottom: 5px;
  width: 100%;
}

.jp-audio .jp-playlist ul li a {
  text-decoration: none;
  color: #000;
  float: left;
}

.jp-audio .jp-playlist ul li a:hover {
  color: #252525;
}

.jp-audio .jp-playlist ul li a.jp-playlist-item-remove {
  display: block !important;
  color: red;
  float: left;
  margin-right: 5px;
}

.jp-audio .jp-playlist ul li .jp-artist {
  font-size: 0.84615em;
}

.jp-audio .jp-playlist ul li.jp-playlist-current a {
  color: #252525;
}

.jp-audio .jp-playlist ul li.jp-playlist-current a.jp-playlist-item-remove {
  color: red;
}

/*
38. Element testimonial
*/
.list-testimonials .wapper-testimonials {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
}

.list-testimonials .wapper-testimonials .img-icon-testimonial {
  position: absolute;
  width: 100%;
  height: 600px;
}

.list-testimonials .wapper-testimonials .img-icon-testimonial img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.list-testimonials .main-testimonial {
  overflow: hidden;
  text-align: center;
  color: #fff;
}

.list-testimonials .main-testimonial .content-testimonial {
  margin-bottom: 10px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: "Playfair Display", sans-serif;
  color: #fff;
  position: relative;
  padding: 20% 15px 25px;
  font-size: 2em;
  line-height: 32px;
}

@media only screen and (min-width: 1024px) {
  .list-testimonials .main-testimonial .content-testimonial {
    padding: 15% 10% 35px;
    font-size: 3em;
    line-height: 45px;
  }
}

@media only screen and (min-width: 1200px) {
  .list-testimonials .main-testimonial .content-testimonial {
    padding: 7% 25% 35px;
    font-size: 3.69231em;
    line-height: 58px;
  }
}

.list-testimonials .main-testimonial .avatar-testimonial {
  width: 90px;
  height: 90px;
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.list-testimonials .main-testimonial .avatar-testimonial img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
}

.list-testimonials .main-testimonial .name-customer {
  padding-bottom: 100px;
  font-size: 1em;
  line-height: 26px;
}

.list-testimonials .main-testimonial .name-customer:before {
  background: #252525;
  width: 20px;
  height: 1px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: -5px;
}

@media only screen and (min-width: 320px) {
  .list-testimonials .main-testimonial .name-customer {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 768px) {
  .list-testimonials .main-testimonial .name-customer {
    padding-bottom: 100px;
  }
}

.list-testimonials .swiper-pagination-testimonial {
  bottom: -5px !important;
}

.list-testimonials .swiper-pagination-bullet {
  margin: 0 4px !important;
  background: #fff;
  width: 6px;
  height: 6px;
}

.list-testimonials .swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  margin: -1px 4px !important;
}

/*
39. List tours
*/
.list-tour-element {
  padding-bottom: 100px;
}

.list-tour-element .title-table {
  color: #ed1c24;
  text-transform: uppercase;
  border-bottom: 1px solid #d7d7d7;
  line-height: 40px;
}

@media only screen and (min-width: 320px) {
  .list-tour-element .tabs-left {
    border: none;
  }
}

@media only screen and (min-width: 768px) {
  .list-tour-element .tabs-left {
    border-right: 1px solid #d7d7d7;
  }
}

@media only screen and (min-width: 320px) {
  .list-tour-element .tabs-right .title-table, .list-tour-element .tabs-right .tab-content {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .list-tour-element .tabs-right .title-table, .list-tour-element .tabs-right .tab-content {
    padding-left: 50px;
  }
}

.list-tour-element .result-loop-tour {
  text-align: left;
}

.list-tour-element .list-tour-tabs {
  padding-top: 30px;
  border-bottom: none;
}

@media only screen and (min-width: 320px) {
  .list-tour-element .list-tour-tabs li {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .list-tour-element .list-tour-tabs li {
    width: 100%;
    padding-bottom: 60px;
  }
}

.list-tour-element .list-tour-tabs li.active a {
  color: #252525;
}

.list-tour-element .list-tour-tabs li a {
  font-size: 2.30769em;
  color: #c2c2c2;
  background-color: transparent;
  border: 1px solid transparent;
}

.list-tour-element .list-tour-tabs li a:hover, .list-tour-element .list-tour-tabs li a:focus {
  background-color: transparent;
  border: 1px solid transparent;
}

.list-tour-element .tab-pane {
  padding-top: 50px;
  text-align: center;
}

.list-tour-element .tab-pane .tour-month {
  font-size: 1.38462em;
  text-transform: uppercase;
}

.list-tour-element .tab-pane .tour-content .content-tour {
  position: relative;
}

@media only screen and (min-width: 320px) {
  .list-tour-element .tab-pane .tour-content .content-tour {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .list-tour-element .tab-pane .tour-content .content-tour {
    margin-bottom: 60px;
  }
}

.list-tour-element .tab-pane .tour-content .content-tour:after {
  content: '';
  height: 100%;
  width: 1px;
  background-color: #d7d7d7;
  position: absolute;
  top: 0;
  right: -5%;
}

.list-tour-element .tab-pane .tour-content .content-tour .time-event {
  color: #c2c2c2;
  margin-bottom: 10px;
}

.list-tour-element .tab-pane .tour-content .content-tour .name-event {
  font-size: 1.53846em;
  line-height: 26px;
  font-style: italic;
  margin-bottom: 20px;
}

.list-tour-element .tab-pane .tour-content .content-tour .content-event {
  color: #898989;
  font-size: 1.15385em;
  line-height: 25px;
}

@media only screen and (min-width: 320px) {
  .list-tour-element .tab-pane .tour-location {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .list-tour-element .tab-pane .tour-location {
    padding-left: 7%;
  }
}

.list-tour-element .tab-pane .tour-location .location-tour {
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 20px;
  color: #898989;
  margin: 15px 0;
  padding-right: 25%;
  position: relative;
  padding-left: 7%;
}

.list-tour-element .tab-pane .tour-location .location-tour .fa-map-marker {
  font-size: 1.2em;
  padding-right: 5px;
  position: absolute;
  left: 0px;
  top: 2px;
}

@media only screen and (min-width: 320px) {
  .list-tour-element .list-tour-by-month {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .list-tour-element .list-tour-by-month {
    margin-bottom: 0px;
  }
}

.list-tour-element .list-tour-by-month:hover .booking-more {
  opacity: 1;
}

.list-tour-element .booking-more {
  text-transform: uppercase;
  padding: 9px 50px;
  background-color: #ed1c24;
  text-align: center;
  display: inline-block;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

@media only screen and (min-width: 320px) {
  .list-tour-element .booking-more {
    opacity: 1;
  }
}

@media only screen and (min-width: 768px) {
  .list-tour-element .booking-more {
    opacity: 0;
  }
}

.list-tour-element .booking-more a {
  color: #fff;
}

/*
40. Big banner
*/
.big-banner {
  position: relative;
}

.big-banner .banner-background {
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .big-banner .banner-background {
    height: 50vh;
  }
}

@media only screen and (min-width: 900px) {
  .big-banner .banner-background {
    height: 60em;
  }
}

.big-banner .banner-background.small {
  height: 330px;
}

.big-banner .banner-background img {
  width: auto;
  position: absolute;
  object-fit: cover;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
}

.big-banner .content-banner {
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 320px) {
  .big-banner .content-banner {
    width: 100%;
    padding: 0 15px;
  }
}

@media only screen and (min-width: 900px) {
  .big-banner .content-banner {
    width: 35%;
  }
}

.big-banner .content-banner.small {
  left: 10%;
  font-size: 100%;
}

.big-banner .content-banner.small .name-category {
  font-size: 2.30769em;
  line-height: 30px;
  font-weight: bold;
  font-family: "Playfair Display", sans-serif;
  position: relative;
  margin-bottom: 10px;
  max-width: 160px;
  text-transform: capitalize;
}

.big-banner .content-banner.small .description-category {
  font-size: 1.23077em;
  line-height: 26px;
  position: relative;
  margin-bottom: 25px;
  width: 100%;
}

.big-banner .content-banner.small .button.small {
  padding: 9px 17px;
  font-size: 0.84615em;
  text-transform: uppercase;
  border-radius: 20px;
  background: #ed1c24;
  color: #fff;
  border: none;
}

.big-banner .content-banner.small .button.small:hover {
  background: #0054a6;
}

.big-banner .content-banner.left {
  right: 0%;
}

@media only screen and (min-width: 320px) {
  .big-banner .content-banner.right {
    left: 0;
  }
}

@media only screen and (min-width: 900px) {
  .big-banner .content-banner.right {
    left: 15%;
  }
}

.big-banner .content-banner.center {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

@media only screen and (min-width: 320px) {
  .big-banner .content-banner.center {
    top: 50%;
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .big-banner .content-banner.center {
    top: 60%;
    width: 50%;
  }
}

.big-banner .content-banner.center .title-category {
  color: #111;
}

.big-banner .content-banner.center .description-category {
  width: 100%;
  padding: 0 15%;
}

@media only screen and (min-width: 320px) {
  .big-banner .content-banner.center .description-category {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .big-banner .content-banner.center .description-category {
    margin-bottom: 75px;
  }
}

.big-banner .content-banner .name-category {
  font-size: 0.92308em;
  text-transform: uppercase;
  color: #111;
  line-height: 24px;
  margin: 0;
}

.big-banner .content-banner .title-category {
  font-family: "Playfair Display", sans-serif;
  font-weight: bold;
  color: #0054a6;
  margin-top: 0;
  margin-bottom: 25px;
}

@media only screen and (min-width: 320px) {
  .big-banner .content-banner .title-category {
    font-size: 3.23077em;
    line-height: 42px;
  }
}

@media only screen and (min-width: 900px) {
  .big-banner .content-banner .title-category {
    font-size: 5.53846em;
    line-height: 72px;
  }
}

.big-banner .content-banner .description-category {
  color: #111;
  margin-bottom: 25px;
}

@media only screen and (min-width: 320px) {
  .big-banner .content-banner .description-category {
    width: 100%;
    font-size: 1.15385em;
    line-height: 24px;
  }
}

@media only screen and (min-width: 900px) {
  .big-banner .content-banner .description-category {
    width: 60%;
    font-size: 1.38462em;
    line-height: 30px;
  }
}

/*
41. Product today
*/
.product-today .title {
  font-size: 2.30769em;
  line-height: 30px;
  font-family: "Playfair Display", sans-serif;
  font-weight: bold;
  margin-bottom: 35px;
  float: left;
  padding-right: 35px;
}

.product-today .swiper-slide .img-product-today {
  width: 100%;
  height: 160px;
  position: relative;
  overflow: hidden;
}

.product-today .swiper-slide .img-product-today img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.product-today .swiper-slide .product-info {
  padding: 35px 20px;
}

.product-today .swiper-slide .product-name {
  font-size: 1.07692em;
  line-height: 24px;
  font-family: "Playfair Display", sans-serif;
  letter-spacing: 0.5px;
  font-weight: bold;
}

.product-today .swiper-slide .product-price {
  font-size: 1.38462em;
  line-height: 36px;
  margin-bottom: 60px;
  color: #898989;
}

.product-today .swiper-slide .product-price .woocommerce-Price-currencySymbol {
  font-size: 0.6em;
  position: relative;
  top: -9px;
}

.product-today .swiper-button-next {
  background: url(../images/icon-nextop.png) no-repeat -134px -55px;
  position: relative;
  width: 27px;
  height: 50px;
  float: left;
  margin-top: 0;
  right: 0;
}

.product-today .swiper-button-prev {
  background: url(../images/icon-nextop.png) no-repeat -101px -55px;
  position: relative;
  width: 27px;
  height: 50px;
  float: left;
  margin-top: 0;
  left: 0;
}

/*
42. Product category custom
*/
.custom-product-show {
  width: 100%;
  clear: both;
  display: block;
}

.custom-product-show.float-left .img-custom-category {
  float: right;
}

.custom-product-show.float-left .content-custom-category {
  float: left;
}

.custom-product-show .swiper-slide {
  padding: 0 15px;
}

.custom-product-show .swiper-slide .img-slide-product {
  position: relative;
  width: 100%;
  height: 375px;
  overflow: hidden;
}

.custom-product-show .swiper-slide .img-slide-product img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.custom-product-show .swiper-slide .name-product {
  font-size: 1em;
  line-height: 24px;
  margin-left: 28px;
  margin-top: 15px;
}

.custom-product-show .swiper-slide .price-product {
  font-size: 1.07692em;
  line-height: 36px;
  color: #959595;
  margin-left: 28px;
}

.custom-product-show .swiper-slide .price-product .woocommerce-Price-currencySymbol {
  font-size: 0.7em;
  position: relative;
  top: -3px;
}

.img-custom-category {
  float: left;
}

@media only screen and (min-width: 320px) {
  .img-custom-category {
    width: 100%;
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) {
  .img-custom-category {
    width: 50%;
    padding: 0;
  }
}

.img-custom-category .img-big {
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 320px) {
  .img-custom-category .img-big {
    height: 40vh;
  }
}

@media only screen and (min-width: 768px) {
  .img-custom-category .img-big {
    height: 95vh;
  }
}

.img-custom-category .img-big img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-custom-category {
  float: right;
  padding: 0 8%;
}

@media only screen and (min-width: 320px) {
  .content-custom-category {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .content-custom-category {
    width: 50%;
    padding: 0 8%;
  }
}

@media only screen and (min-width: 1300px) {
  .content-custom-category {
    width: 50%;
    padding: 0 2%;
  }
}

@media only screen and (min-width: 1500px) {
  .content-custom-category {
    width: 50%;
    padding: 0 2%;
  }
}

.content-custom-category .content-big-img {
  text-align: center;
  position: relative;
}

.content-custom-category .content-big-img .number {
  font-size: 23.07692em;
  line-height: 300px;
  color: #d7d7d7;
  font-weight: 300;
  padding-top: 10px;
}

.content-custom-category .content-big-img .content-top {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 65%;
}

.content-custom-category .content-big-img .name-title {
  font-family: "Playfair Display", sans-serif;
  font-size: 5.53846em;
  line-height: 72px;
  color: #0054a6;
  font-weight: bold;
  margin-bottom: 40px;
}

.content-custom-category .content-big-img .content-title {
  font-size: 1.38462em;
  line-height: 30px;
  color: #111;
  font-weight: 300;
  padding: 0 10%;
}

.swiper-slide-product {
  padding-top: 50px;
}

.swiper-slide-product .swiper-pagination-slide-product {
  top: 0;
  z-index: 1;
}

/*
43. Page gallery
*/
.menu-home-gallery {
  float: right;
  padding: 20px 8px;
}

.menu-home-gallery .menu-galley-icon {
  content: '';
  background: url(../images/icon-nextop.png) no-repeat -52px -84px;
  height: 15px;
  width: 24px;
  display: inline-block;
}

.list-grid {
  text-align: center;
  padding: 20px;
}

.list-grid-option {
  padding: 0;
  margin: 0;
  text-align: center;
  display: inline-block;
}

.list-grid-option li {
  padding: 0 8px;
  margin: 0;
  list-style: none;
  display: inline-block;
  cursor: pointer;
}

.list-grid-option li.active i {
  opacity: 1;
}

.list-grid-option li i {
  font-size: 1.1em;
  opacity: 0.1;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.list-grid-option li i:hover {
  opacity: 1;
}

.list-grid-option li.grid-padding i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.search-header-gallery {
  padding: 20px 8px;
  margin-left: 8px;
  display: inline-block;
  float: right;
}

.search-header-gallery i {
  content: '';
  background: url(../images/icon-nextop.png) no-repeat 0px -56px;
  height: 18px;
  width: 24px;
  position: relative;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.search-header-gallery i:before {
  content: '';
  height: 16px;
  width: 1px;
  background: #fff;
  left: -15px;
  top: 1px;
  opacity: 0.5;
}

.option-gallery {
  display: none;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.option-gallery.active {
  display: block;
}

.list-gallery .content-tab {
  position: initial;
}

.list-gallery .content-tab .element {
  height: 180px;
  width: auto;
  overflow: hidden;
  float: left;
}

.list-gallery .content-tab .element img {
  height: 100%;
  width: auto;
}

/*
47. Hight fashion
*/
.hight-fashion {
  padding-top: 80px;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .hight-fashion {
    display: block;
  }
}

@media only screen and (min-width: 320px) {
  .hight-fashion .content-fashion-small {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .hight-fashion .content-fashion-small {
    padding: 0 5%;
  }
}

@media only screen and (min-width: 320px) {
  .hight-fashion .content-fashion-small:nth-child(1) {
    padding-top: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .hight-fashion .content-fashion-small:nth-child(1) {
    padding-top: 18%;
  }
}

@media only screen and (min-width: 320px) {
  .hight-fashion .content-fashion-small:nth-child(3) {
    padding-top: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .hight-fashion .content-fashion-small:nth-child(3) {
    padding-top: 6%;
  }
}

.hight-fashion .content-img {
  text-align: center;
}

@media only screen and (min-width: 320px) {
  .hight-fashion .content-img {
    padding-bottom: 35px;
  }
}

@media only screen and (min-width: 1200px) {
  .hight-fashion .content-img {
    padding-bottom: 0;
  }
}

.hight-fashion .content-img .title-fashion {
  font-size: 1.84615em;
  line-height: 30px;
  font-family: "Playfair Display", sans-serif;
  color: #111;
  max-height: 60px;
  overflow: hidden;
}

.hight-fashion .content-img .content-fashion {
  font-size: 1.07692em;
  line-height: 24px;
  color: #898989;
  margin-bottom: 25px;
  max-height: 75px;
  overflow: hidden;
}

.hight-fashion .content-img .link {
  text-transform: uppercase;
  font-size: 0.84615em;
  line-height: 24px;
  color: #b2ae7e;
}

.hight-fashion .content-img .link:hover {
  color: #111;
}

.hight-fashion .content-img-center {
  text-align: center;
  padding-bottom: 70px;
}

.hight-fashion .content-img-center .title-fashion-center {
  font-size: 1.07692em;
  line-height: 24px;
  color: #898989;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.hight-fashion .content-img-center .content-fashion-center {
  font-size: 3.69231em;
  line-height: 24px;
  color: #111;
  font-family: "Playfair Display", sans-serif;
  font-weight: bold;
}

.hight-fashion .content-img-center .button-big {
  position: relative;
  height: 130px;
  text-align: center;
}

.hight-fashion .content-img-center .button-big span {
  display: inline-block;
  padding-top: 110px;
  font-size: 1em;
  line-height: 26px;
}

.hight-fashion .content-img-center .button-big span a {
  border-bottom: 1px solid #d7d7d7;
  background: #b2ae7e;
  color: #fff;
  padding: 10px 34px;
}

.hight-fashion .content-img-center .button-big span a:hover {
  background: #252525;
}

.hight-fashion .content-img-center .button-big span:before {
  content: '';
  height: 55px;
  width: 1px;
  background: #d9d9d9;
  position: absolute;
  top: 35px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hight-fashion .small-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 260px;
  padding-top: 15px;
}

.hight-fashion .small-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hight-fashion .full-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

@media only screen and (min-width: 320px) {
  .hight-fashion .full-img {
    height: 400px;
  }
}

@media only screen and (min-width: 900px) {
  .hight-fashion .full-img {
    height: 100vh;
  }
}

.hight-fashion .full-img img {
  height: 100%;
  position: absolute;
  object-fit: cover;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hight-fashion .content-high-fashion {
  display: flex;
  flex-wrap: wrap;
  float: none;
}

@media only screen and (min-width: 768px) {
  .hight-fashion .content-high-fashion {
    float: left;
    display: block;
  }
}

.hight-fashion .content-high-fashion:nth-child(1) {
  order: 1;
}

.hight-fashion .content-high-fashion:nth-child(1) .content-img {
  display: inline-block;
  float: none;
  order: 1;
}

@media only screen and (min-width: 768px) {
  .hight-fashion .content-high-fashion:nth-child(1) .content-img {
    float: left;
  }
}

/*
49. Details achitect
*/
.large-container {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 4%;
  padding-right: 4%;
}

.header-architech {
  float: left;
  width: 100%;
  background: #111111;
  position: relative;
  z-index: 4;
}

@media only screen and (min-width: 768px) {
  .header-architech .overlay .overlay-close, .header-architech .overlay-scale {
    display: none;
  }
}

.header-architech .large-container {
  display: table;
  min-height: 80px;
}

.header-architech .logo-architech {
  display: table-cell;
  vertical-align: middle;
}

.header-architech .logo-architech img {
  max-height: 80px;
}

.header-architech .menu-search-bar {
  display: table;
  min-height: 80px;
}

@media only screen and (max-width: 780px) {
  .header-architech .menu-search-bar {
    margin-right: 30px;
  }
}

.header-architech .menu-search-bar .menu-searchbutton {
  vertical-align: middle;
  display: table-cell;
}

.header-architech .menu-search-bar button {
  float: right;
  border: none;
  background: transparent;
  color: #fff;
  padding-top: 5px;
}

.header-architech .menu-search-bar button.search-header a {
  display: block;
}

.header-architech .menu-search-bar button.search-header a:before {
  display: inline-block;
  content: '';
  background: url(../images/icon-nextop.png) no-repeat 0px -6px;
  height: 18px;
  width: 24px;
}

.header-architech .menu-search-bar button.search-header a:focus {
  outline: none;
}

.header-architech .menu-search-bar button.humberger-button {
  width: 20px;
  text-align: right;
  margin-left: 20px;
  margin-right: 20px;
  display: none;
}

@media only screen and (min-width: 1023px) {
  .header-architech .menu-search-bar button.humberger-button {
    display: block;
  }
}

.header-architech .menu-search-bar button.humberger-button i {
  float: right;
  width: 17px;
  height: 3px;
  background: #fff;
  margin-bottom: 2px;
}

.header-architech .menu-search-bar button.humberger-button i:nth-child(2) {
  width: 10px;
}

.header-architech .menu-search-bar button.humberger-button i:last-child {
  width: 13px;
  margin-bottom: 0px;
}

.architech-header-cover {
  display: table;
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .architech-header-cover {
    height: 740px;
  }
}

.architech-header-cover img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.architech-header-cover .title-page-architech {
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .architech-header-cover .title-page-architech {
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 1023px) {
  .architech-header-cover .title-page-architech {
    padding-bottom: 145px;
  }
}

.architech-header-cover .title-page-architech .title-page {
  font-family: "Poppins", sans-serif;
  z-index: 2;
  color: #fff;
  font-weight: 700;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 2.30769em;
  line-height: 40px;
}

@media only screen and (min-width: 768px) {
  .architech-header-cover .title-page-architech .title-page {
    width: 90%;
    font-size: 3.84615em;
    line-height: 60px;
  }
}

@media only screen and (min-width: 1023px) {
  .architech-header-cover .title-page-architech .title-page {
    width: 50%;
    font-size: 6.15385em;
    line-height: 75px;
  }
}

@media only screen and (min-width: 1025px) {
  .overlay {
    display: none;
  }
}

.architech-detail-view {
  float: left;
  width: 100%;
  height: auto;
}

.architech-detail-view .architech-top-detail {
  display: inline-block;
  width: 100%;
}

.architech-detail-view .architech-top-detail .main-info {
  float: left;
  line-height: 1em;
  padding-top: 65px;
}

@media only screen and (min-width: 768px) {
  .architech-detail-view .architech-top-detail .main-info {
    padding-bottom: 65px;
  }
}

.architech-detail-view .architech-top-detail .main-info .main-info-view {
  list-style: none;
  padding-left: 0px;
}

.architech-detail-view .architech-top-detail .main-info .main-info-view li {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .architech-detail-view .architech-top-detail .main-info .main-info-view li {
    margin-right: 30px;
    width: auto;
  }
}

@media only screen and (min-width: 1170px) {
  .architech-detail-view .architech-top-detail .main-info .main-info-view li {
    margin-right: 90px;
  }
}

.architech-detail-view .architech-top-detail .main-info .main-info-view li strong {
  color: #252525;
  font-size: 1.84615em;
  margin-right: 20px;
}

.architech-detail-view .architech-top-detail .main-info .main-info-view li span {
  color: #959595;
  font-weight: 300;
}

.architech-detail-view .architech-top-detail .sub-info {
  display: inline-block;
  float: right;
  text-align: left;
  width: 100%;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .architech-detail-view .architech-top-detail .sub-info {
    text-align: right;
    width: auto;
    margin-bottom: auto;
    padding-top: 50px;
  }
}

.architech-detail-view .architech-top-detail .sub-info strong, .architech-detail-view .architech-top-detail .sub-info span {
  display: inline-block;
  width: 100%;
  margin-bottom: 3px;
}

.architech-detail-view .architech-top-detail .sub-info strong {
  color: #252525;
}

.architech-detail-view .architech-top-detail .sub-info span {
  color: #959595;
}

.follow-architect {
  list-style: none;
  padding-left: 0px;
  font-family: "Poppins", sans-serif;
  font-size: 0.92308em;
  font-weight: 300;
  margin-top: 15px;
}

.follow-architect li {
  display: inline-block;
  margin-right: 10px;
  color: #898989;
}

.follow-architect li a {
  color: #898989;
}

.detail-content-view .architech-items {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .detail-content-view .architech-items .architech-thumb {
    height: auto;
  }
}

@media only screen and (min-width: 1023px) {
  .detail-content-view .architech-items .architech-thumb {
    height: 780px;
    margin-bottom: auto;
  }
}

.detail-content-view .architech-items .architech-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail-content-view .architech-items .architech-info {
  margin-top: 20px;
}

@media only screen and (min-width: 1023px) {
  .detail-content-view .architech-items .architech-info {
    margin-top: auto;
    padding-right: 20px;
    padding-left: 90px;
    padding-top: 130px;
  }
}

@media only screen and (min-width: 1170px) {
  .detail-content-view .architech-items .architech-info {
    padding-left: 215px;
  }
}

.detail-content-view .architech-items .title-architect-info {
  font-family: "Poppins", sans-serif;
  font-size: 1.53846em;
  line-height: 30px;
  color: #252525;
  margin-bottom: 30px;
  position: relative;
}

@media only screen and (min-width: 1023px) {
  .detail-content-view .architech-items .title-architect-info:before {
    content: "";
    background: #bebebe;
    height: 1px;
    position: absolute;
    top: 10px;
    width: 50px;
    left: -60px;
  }
}

@media only screen and (min-width: 1170px) {
  .detail-content-view .architech-items .title-architect-info:before {
    left: -140px;
    width: 130px;
  }
}

.detail-content-view .architech-items .architect-description {
  font-family: "Poppins", sans-serif;
  font-size: 1em;
  color: #898989;
  line-height: 24px;
}

.detail-content-view .architech-items:nth-child(2n) .architech-thumb {
  float: right;
}

@media only screen and (min-width: 1023px) {
  .detail-content-view .architech-items:nth-child(2n) .architech-info {
    text-align: right;
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1170px) {
  .detail-content-view .architech-items:nth-child(2n) .architech-info {
    padding-right: 215px;
    padding-left: 20px;
  }
}

.detail-content-view .architech-items:nth-child(2n) .title-architect-info:before {
  left: auto;
}

@media only screen and (min-width: 1023px) {
  .detail-content-view .architech-items:nth-child(2n) .title-architect-info:before {
    right: -60px;
  }
}

@media only screen and (min-width: 1170px) {
  .detail-content-view .architech-items:nth-child(2n) .title-architect-info:before {
    right: -140px;
  }
}

.text-full-bg {
  float: left;
  width: 100%;
  display: table;
  padding-top: 30px;
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .text-full-bg {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 1023px) {
  .text-full-bg {
    padding: auto;
    min-height: 780px;
  }
}

.text-full-bg .text-testimonial {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.text-full-bg .text-full-message {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 1.53846em;
  line-height: 20px;
}

@media only screen and (min-width: 768px) {
  .text-full-bg .text-full-message {
    line-height: 60px;
    display: inline-block;
    font-size: 3.69231em;
  }
}

@media only screen and (min-width: 1023px) {
  .text-full-bg .text-full-message {
    width: 820px;
  }
}

.text-full-bg .text-fill-auth {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .text-full-bg .text-fill-auth {
    margin-top: 100px;
    margin-bottom: auto;
  }
}

.full-images-view .architech-detail-image {
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (min-width: 1023px) {
  .full-images-view .architech-detail-image {
    height: 780px;
    padding: 0px;
  }
}

.full-images-view .architech-detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*
50. Achitect
*/
.page-architecture:before, .page-architecture:after,
.page-template-template-architect-php:before,
.page-template-template-architect-php:after,
.page-template-architect-full:before,
.page-template-architect-full:after, .page-architecture .architechture-image:before, .page-architecture .architechture-image:after, .page-architecture .architech-line:before, .page-architecture .architech-line:after,
.page-template-template-architect-php .architechture-image:before,
.page-template-template-architect-php .architechture-image:after,
.page-template-template-architect-php .architech-line:before,
.page-template-template-architect-php .architech-line:after,
.page-template-architect-full .architechture-image:before,
.page-template-architect-full .architechture-image:after,
.page-template-architect-full .architech-line:before,
.page-template-architect-full .architech-line:after {
  content: "";
  position: absolute;
  opacity: .2;
  background: #fff;
}

.architect-detail-view {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}

@media only screen and (min-width: 1170px) {
  .architect-detail-view {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

.page-architecture,
.page-template-template-architect-php,
.page-template-architect-full {
  display: inline-block;
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: #3a71fa;
}

.page-architecture:before, .page-architecture:after,
.page-template-template-architect-php:before,
.page-template-template-architect-php:after,
.page-template-architect-full:before,
.page-template-architect-full:after {
  width: 100vw;
  height: 1px;
  top: 25%;
  left: 0px;
  z-index: 2;
}

.page-architecture:after,
.page-template-template-architect-php:after,
.page-template-architect-full:after {
  top: 75%;
}

.page-architecture.footer-full,
.page-template-template-architect-php.footer-full,
.page-template-architect-full.footer-full {
  height: 70px;
}

.page-architecture.footer-full:before, .page-architecture.footer-full:after,
.page-template-template-architect-php.footer-full:before,
.page-template-template-architect-php.footer-full:after,
.page-template-architect-full.footer-full:before,
.page-template-architect-full.footer-full:after {
  display: none;
}

.page-architecture .architechture-image, .page-architecture .architech-line,
.page-template-template-architect-php .architechture-image,
.page-template-template-architect-php .architech-line,
.page-template-architect-full .architechture-image,
.page-template-architect-full .architech-line {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
}

.page-architecture .architechture-image:before, .page-architecture .architechture-image:after, .page-architecture .architech-line:before, .page-architecture .architech-line:after,
.page-template-template-architect-php .architechture-image:before,
.page-template-template-architect-php .architechture-image:after,
.page-template-template-architect-php .architech-line:before,
.page-template-template-architect-php .architech-line:after,
.page-template-architect-full .architechture-image:before,
.page-template-architect-full .architechture-image:after,
.page-template-architect-full .architech-line:before,
.page-template-architect-full .architech-line:after {
  height: 100vh;
  width: 1px;
  top: 0px;
  left: 25%;
  z-index: 2;
}

.page-architecture .architechture-image:after, .page-architecture .architech-line:after,
.page-template-template-architect-php .architechture-image:after,
.page-template-template-architect-php .architech-line:after,
.page-template-architect-full .architechture-image:after,
.page-template-architect-full .architech-line:after {
  left: 75%;
}

.page-architecture .architech-line:before, .page-architecture .architech-line:after,
.page-template-template-architect-php .architech-line:before,
.page-template-template-architect-php .architech-line:after,
.page-template-architect-full .architech-line:before,
.page-template-architect-full .architech-line:after {
  left: 50%;
}

.page-architecture .architech-line:after,
.page-template-template-architect-php .architech-line:after,
.page-template-architect-full .architech-line:after {
  width: 100vw;
  height: 1px;
  top: 50%;
  left: 0px !important;
}

.page-architecture .bg-architech,
.page-template-template-architect-php .bg-architech,
.page-template-architect-full .bg-architech {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.page-architecture header, .page-architecture footer,
.page-template-template-architect-php header,
.page-template-template-architect-php footer,
.page-template-architect-full header,
.page-template-architect-full footer {
  background: transparent;
  position: absolute;
  z-index: 9;
  width: 100%;
}

.page-architecture header,
.page-template-template-architect-php header,
.page-template-architect-full header {
  top: 0px;
}

.page-architecture header:before,
.page-template-template-architect-php header:before,
.page-template-architect-full header:before {
  width: 100vw;
  top: 25%;
  height: 10px;
  left: 0px;
  background: #fff;
}

.page-architecture footer,
.page-template-template-architect-php footer,
.page-template-architect-full footer {
  bottom: 0px;
  color: #fff;
}

.page-architecture footer .footer-left-view,
.page-template-template-architect-php footer .footer-left-view,
.page-template-architect-full footer .footer-left-view {
  margin-right: 70px;
}

.page-architecture footer .footer-left span.copyright:after,
.page-template-template-architect-php footer .footer-left span.copyright:after,
.page-template-architect-full footer .footer-left span.copyright:after {
  background: #fff;
}

.page-architecture .architech-listsocial,
.page-template-template-architect-php .architech-listsocial,
.page-template-architect-full .architech-listsocial {
  padding-left: 0px;
  list-style: none;
  float: left;
  margin-right: 25px;
}

.page-architecture .architech-listsocial li,
.page-template-template-architect-php .architech-listsocial li,
.page-template-architect-full .architech-listsocial li {
  display: inline-block;
  margin-right: 10px;
}

.page-architecture .architech-listsocial li a,
.page-template-template-architect-php .architech-listsocial li a,
.page-template-architect-full .architech-listsocial li a {
  color: #fff;
}

/* Slider */
.architech-slider-project {
  width: 100vw;
  position: relative;
  z-index: 99;
  display: inline-block;
}

.architech-slider-project .architech-list-title {
  display: none;
}

@media only screen and (min-width: 1023px) {
  .architech-slider-project .architech-list-title {
    display: block;
  }
}

.architech-slider-project .architech-list-title .nav-item {
  padding-left: 50px;
  color: #fff;
  font-size: 1.38462em;
  font-family: "Poppins", sans-serif;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .architech-slider-project .architech-list-title .nav-item {
    padding-left: 30px;
  }
}

@media only screen and (min-width: 1023px) {
  .architech-slider-project .architech-list-title .nav-item {
    height: 120px;
  }
}

@media only screen and (min-width: 1170px) {
  .architech-slider-project .architech-list-title .nav-item {
    padding-left: 70px;
    padding-right: 90px;
    height: 150px;
  }
}

.architech-slider-project .architech-list-title .nav-item.slick-current + .nav-item {
  font-weight: bold;
}

.architech-slider-project .architech-big-title {
  font-family: "Poppins", sans-serif;
  margin-top: 20%;
}

@media only screen and (min-width: 1023px) {
  .architech-slider-project .architech-big-title {
    margin-top: 6%;
  }
}

.architech-slider-project .architech-big-title .big-item {
  color: #fff;
  display: inline-block;
  width: 100%;
  top: 3em;
}

@media only screen and (min-width: 1023px) {
  .architech-slider-project .architech-big-title .big-item {
    width: 70%;
  }
}

.architech-slider-project .architech-big-title .big-item .title-cat {
  color: #3366ff;
  padding-right: 50px;
  padding-top: 5px;
  display: inline-block;
  font-weight: bold;
  font-size: 1.38462em;
}

@media only screen and (min-width: 768px) {
  .architech-slider-project .architech-big-title .big-item .title-cat {
    padding-top: 0px;
    padding-bottom: 50px;
    padding-right: 80px;
  }
}

@media only screen and (min-width: 1023px) {
  .architech-slider-project .architech-big-title .big-item .title-cat {
    font-size: 1.92308em;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 1170px) {
  .architech-slider-project .architech-big-title .big-item .title-cat {
    font-size: 2.30769em;
    padding-bottom: 20px;
  }
}

.architech-slider-project .architech-big-title .big-item strong {
  display: inline-block;
  font-weight: bold;
  font-size: 2.30769em;
  line-height: 1em;
}

@media only screen and (min-width: 768px) {
  .architech-slider-project .architech-big-title .big-item strong {
    font-size: 4.61538em;
  }
}

@media only screen and (min-width: 768px) {
  .architech-slider-project .architech-big-title .big-item strong {
    font-size: 6.15385em;
  }
}

@media only screen and (min-width: 1170px) {
  .architech-slider-project .architech-big-title .big-item strong {
    font-size: 8.46154em;
    max-height: 440px;
    overflow: hidden;
  }
}

.architech-slider-project .architech-big-title .big-item strong a {
  color: #fff;
}

.architech-slider-project .architech-big-title .big-item strong a:focus {
  text-decoration: none;
  outline: none;
}

.project-home-content {
  display: table;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  position: relative;
}

.project-home-content .home-content {
  display: table-cell;
  vertical-align: middle;
}

/*

/*
 *
59. Slick slide
*/
.feature-layout {
  float: left;
  width: 100%;
  height: auto;
}

.service-items-small {
  padding: 30px 45px 35px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.service-items-small.no-border-right {
  border-right: none;
}

.service-items-small.no-footer-border {
  border-bottom: none;
}

.form-feature {
  min-height: 240px;
}

@media only screen and (max-width: 1025px) {
  .form-feature {
    min-height: 270px;
  }
}

@media only screen and (max-width: 780px) {
  .form-feature {
    min-height: 170px;
    text-align: center;
  }
}

.form-feature .item-ft {
  opacity: 0.5;
  margin-bottom: 20px;
  max-height: 43px;
  position: relative;
  overflow: hidden img;
  overflow-height: 43px;
}

.form-feature .title-item-feature {
  font-size: 1.53846em;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-right: 25%;
}

@media only screen and (max-width: 780px) {
  .form-feature .title-item-feature {
    padding-right: 0;
  }
}

.form-feature .content-item-feature {
  font-size: 1.15385em;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1025px) {
  .form-feature .content-item-feature {
    font-size: 1em;
  }
}

.service-item-big {
  float: left;
  display: table;
  width: 90%;
}

@media only screen and (min-width: 768px) {
  .service-item-big {
    width: 100%;
  }
}

@media only screen and (min-width: 1170px) {
  .service-item-big {
    min-height: 500px;
  }
}

.service-item-big .image-service, .service-item-big .desctription-service {
  position: relative;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1170px) {
  .service-item-big .image-service, .service-item-big .desctription-service {
    margin-bottom: auto;
    height: 100%;
    width: 50%;
    display: table-cell;
  }
}

.service-item-big .image-service .thumb-view, .service-item-big .image-service .desc-serv, .service-item-big .desctription-service .thumb-view, .service-item-big .desctription-service .desc-serv {
  display: inline-block;
}

.service-item-big .image-service .thumb-view img, .service-item-big .image-service .desc-serv img, .service-item-big .desctription-service .thumb-view img, .service-item-big .desctription-service .desc-serv img {
  max-width: 100%;
}

.service-item-big .image-service .desc-serv, .service-item-big .desctription-service .desc-serv {
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .service-item-big .image-service .desc-serv, .service-item-big .desctription-service .desc-serv {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.service-item-big .title-service {
  font-family: "Arvo", serif;
  font-size: 3.69231em;
  margin-bottom: 30px;
  line-height: 50px;
}

.service-item-big .description-text {
  font-size: 1.38462em;
  line-height: 30px;
  letter-spacing: 0.1px;
}

/*
45. Shop detail
*/
.bg-shop {
  background: #f6f5f3 !important;
}

.bg-shop footer {
  background: #fff;
}

.variations .value input {
  display: none;
}

.variations .value label:hover {
  cursor: pointer;
}

.variations .value div {
  float: left;
}

.woocommerce span.onsale {
  background: #0054a6;
  z-index: 2;
  font-family: "Playfair Display", sans-serif;
  padding: 2px 7px;
}

.variations .label label {
  padding: 10px 0;
}

.variations .value label {
  color: #111 !important;
}

.woocommerce-variation-price {
  margin-bottom: 20px;
}

.tab-view {
  display: none;
}

.tab-view.active {
  display: block;
}

.woocommerce div.product form.cart .button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt[disabled]:disabled {
  background: #0054a6 !important;
  padding: 8px 37px;
}

.woocommerce div.product form.cart .button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt[disabled]:disabled:hover {
  background: #252525 !important;
}

.woocommerce .quantity .qty {
  background: transparent;
}

.breadcrumb {
  position: relative;
  z-index: 3;
  background: transparent;
}

.variations_form.cart {
  display: inline-block;
  width: 100%;
}

.variations_form.cart label {
  color: #959595;
  font-size: 1.23077em;
  margin-right: 10px;
}

.variations_form select {
  height: 30px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 0px;
}

.variations_form .reset_variations {
  padding-left: 10px;
  padding-right: 10px;
}

.single_variation_wrap {
  display: inline-block;
}

.product-detail-view {
  float: left;
  width: 100%;
  height: auto;
  background: #f6f5f3;
  min-height: 839px;
}

.product-detail-view:before {
  content: "";
  background: #f6f5f3;
  width: 100%;
  height: 100px;
  margin-top: -95px;
  position: absolute;
}

.product-detail-view .container {
  position: relative;
}

@media only screen and (min-width: 320px) {
  .product-detail-view .gallery-product {
    height: auto;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail-view .gallery-product {
    height: 650px;
  }
}

.product-detail-view .product-thumbs {
  float: left;
  width: 10.715%;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 320px) {
  .product-detail-view .product-thumbs {
    top: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail-view .product-thumbs {
    top: 234px;
  }
}

@media only screen and (max-width: 767px) {
  .product-detail-view .product-thumbs {
    width: 100%;
    top: 0px;
    position: static;
  }
}

.product-detail-view .product-thumbs ul {
  list-style: none;
  padding-left: 0px;
}

@media only screen and (min-width: 320px) {
  .product-detail-view .product-thumbs ul {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail-view .product-thumbs ul {
    margin-bottom: 10px;
  }
}

.product-detail-view .product-thumbs ul li {
  width: 80px;
  height: 100px;
  position: relative;
}

@media only screen and (min-width: 320px) {
  .product-detail-view .product-thumbs ul li {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail-view .product-thumbs ul li {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .product-detail-view .product-thumbs ul li {
    width: 25%;
    display: inline-block;
  }
}

.product-detail-view .product-thumbs ul li img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.product-detail-view .product-thumbs ul li img:hover, .product-detail-view .product-thumbs ul li img.active {
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.product-detail-view .product-thumbs ul li a {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  display: inline-block;
}

.product-detail-view .product-big-thumbs {
  float: left;
  z-index: 1;
}

@media only screen and (min-width: 320px) {
  .product-detail-view .product-big-thumbs {
    height: 300px;
    width: 100%;
    top: 0;
    position: relative;
  }
}

@media only screen and (min-width: 768px) {
  .product-detail-view .product-big-thumbs {
    height: 400px;
    width: 100%;
    top: 0;
    position: absolute;
  }
}

@media only screen and (min-width: 1024px) {
  .product-detail-view .product-big-thumbs {
    height: 600px;
    width: 100%;
    top: 0;
    position: absolute;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail-view .product-big-thumbs {
    height: 925px;
    width: 88.395%;
    top: -86px;
    position: relative;
  }
}

.product-detail-view .product-big-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

@media only screen and (min-width: 320px) {
  .product-detail-info {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail-info {
    padding-left: 43px;
    padding-top: 80px;
  }
}

.product-detail {
  display: inline-block;
  padding-bottom: 30px;
}

.product-detail .button-variation {
  line-height: 18px !important;
}

.product-detail .quantity {
  display: inline-block;
  margin-left: -3px;
}

.product-detail input[type="number"] {
  border: 1px solid #dcdcdc;
  height: 34px;
  text-indent: 3px;
  padding-left: 10px;
  display: inline-block;
}

.product-detail .yith-wcwl-add-to-wishlist {
  display: inline-block;
}

.product-detail .button_add_to_wishlist, .product-detail .yith-wcwl-add-button {
  padding-left: 20px;
  height: 34px;
  line-height: 34px;
  margin-left: 17px;
  background: url(../images/heart-plus.png) no-repeat left center;
  color: #000;
  opacity: .3;
  display: inline-block;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.product-detail .button_add_to_wishlist:hover, .product-detail .yith-wcwl-add-button:hover {
  opacity: 1;
}

.product-detail .hot-tags {
  position: relative;
  font-family: "Playfair Display", sans-serif;
  font-size: 0.84615em;
  font-style: italic;
}

@media only screen and (min-width: 320px) {
  .product-detail .hot-tags {
    left: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail .hot-tags {
    left: -20px;
  }
}

.product-detail .hot-tags:after {
  content: "";
  width: 80px;
  right: -85px;
  bottom: 5px;
  position: absolute;
  border-bottom: 1px solid #bdbdbd;
}

.product-detail h1 {
  font-family: "Playfair Display", sans-serif;
  font-weight: 700;
}

@media only screen and (min-width: 320px) {
  .product-detail h1 {
    font-size: 2.30769em;
    line-height: 35px;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail h1 {
    font-size: 3.84615em;
    line-height: 55px;
    margin-top: 0;
  }
}

.product-detail .star-rating {
  color: #eadc00;
  display: inline-block;
}

.product-detail .reviews {
  display: inline-block;
  text-transform: uppercase;
  color: #111111;
  margin-left: 20px;
  font-size: 0.92308em;
}

.product-detail .woocommerce-product-rating {
  margin-bottom: 15px;
}

.product-detail .product_meta {
  margin-bottom: 10px;
}

.product-detail .product_meta a {
  color: #898989;
}

.product-detail .product_meta a:hover {
  color: #252525;
}

.product-detail .description, .product-detail div[itemprop="description"] {
  display: inline-block;
  width: 100%;
  line-height: 24px;
  color: #898989;
  font-size: 1em;
  margin-bottom: 15px;
}

@media only screen and (min-width: 320px) {
  .product-detail .description, .product-detail div[itemprop="description"] {
    padding-right: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail .description, .product-detail div[itemprop="description"] {
    padding-right: 60px;
  }
}

.product-detail .price {
  font-size: 2.30769em;
  margin-bottom: 20px;
}

.product-detail .price sup {
  font-size: 0.53846em;
}

.product-detail .price p {
  display: inline-block;
}

.variable-products {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
}

.variable-products p, .variable-products span {
  display: inline-block;
}

.variable-products ul {
  display: inline-block;
  list-style: none;
  padding-left: 0px;
}

.variable-products ul li {
  display: inline-block;
}

.variable-products .color-fillter ul li a {
  font-size: 2.30769em;
}

.addtocard-view {
  margin-top: 55px;
  display: inline-block;
}

.addtocard-view .btn-addtocard {
  border: none;
  background: #0054a6;
  text-transform: uppercase;
  padding: 8px 40px;
  display: inline-block;
  color: #fff;
}

.other-link {
  text-transform: uppercase;
  margin-top: 20px;
  color: #959595;
  display: inline-block;
}

.other-link a {
  color: #959595;
  display: inline-block;
  text-transform: uppercase;
  margin: 5px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.other-link a:hover {
  color: #000;
}

.product_meta {
  margin-top: 10px;
}

.product_meta .sku_wrapper, .product_meta .posted_in {
  display: inline-block;
  width: 100%;
  display: inline-block;
  font-size: 1.07692em;
  margin-top: 10px;
}

.more-detail-product {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
}

@media only screen and (min-width: 320px) {
  .more-detail-product {
    padding: 30px 15px 0;
  }
}

@media only screen and (min-width: 1200px) {
  .more-detail-product {
    padding-top: 90px;
  }
}

.more-detail-product .title-detail {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.more-detail-product .title-detail ul {
  list-style: none;
  padding-left: 0px;
}

@media only screen and (min-width: 320px) {
  .more-detail-product .title-detail ul {
    text-align: left;
  }
}

@media only screen and (min-width: 1200px) {
  .more-detail-product .title-detail ul {
    text-align: none;
  }
}

.more-detail-product .title-detail ul li {
  display: inline-block;
  font-family: "Playfair Display", sans-serif;
  font-weight: 700;
}

@media only screen and (min-width: 320px) {
  .more-detail-product .title-detail ul li {
    text-align: left;
    margin-right: 0;
    font-size: 1.53846em;
    line-height: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .more-detail-product .title-detail ul li {
    text-align: none;
    margin-right: 50px;
    font-size: 2.30769em;
  }
}

.more-detail-product .title-detail ul li a {
  color: #959595;
}

.more-detail-product .title-detail ul li a:focus, .more-detail-product .title-detail ul li a:active {
  border: none;
  outline: none;
  text-decoration: none;
}

.more-detail-product .title-detail ul li.active a {
  color: #0054a6;
}

.more-detail-product .content-detail {
  float: left;
  width: 100%;
  box-sizing: border-box;
  line-height: 24px;
  font-size: 1.07692em;
  color: #959595;
}

@media only screen and (max-width: 767px) {
  .more-detail-product .content-detail {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (min-width: 320px) {
  .more-detail-product .content-detail .descriptiontab-view {
    padding: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .more-detail-product .content-detail .descriptiontab-view {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.more-detail-product .content-detail strong {
  color: #111;
  font-size: 1.23077em;
  margin-top: 5px;
  display: inline-block;
}

.more-detail-product .content-detail h1, .more-detail-product .content-detail h2, .more-detail-product .content-detail h3, .more-detail-product .content-detail h4, .more-detail-product .content-detail h5, .more-detail-product .content-detail h6 {
  font-family: "Playfair Display", sans-serif;
  font-size: 1.53846em;
  font-weight: 700;
  color: #111;
  margin-bottom: 20px;
}

.more-detail-product .content-detail ul {
  padding-left: 20px;
}

.review-product {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-top: 60px;
}

.title-review {
  font-weight: 700;
  font-family: "Playfair Display", sans-serif;
  font-size: 2.30769em;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 10px;
  padding-bottom: 40px;
}

.comment-items {
  float: left;
  width: 100%;
  padding-bottom: 40px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
}

.comment-items.gallery-caption, .comment-items.aligncenter, .comment-items.bypostauthor, .comment-items.aligncenter {
  margin-top: 0px !important;
}

.comment-items:last-child {
  border-bottom: none;
}

.comment-items .avatar {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  min-height: 100%;
}

.comment-items .avatar img {
  max-width: 100%;
  min-height: 55px;
}

.comment-items .reviews, .comment-items .comment_container .comment-content, .comment_container .comment-items .comment-content {
  float: right;
}

@media only screen and (min-width: 320px) {
  .comment-items .reviews, .comment-items .comment_container .comment-content, .comment_container .comment-items .comment-content {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .comment-items .reviews, .comment-items .comment_container .comment-content, .comment_container .comment-items .comment-content {
    width: 94%;
  }
}

.comment-items .reviews {
  padding-top: 18px;
}

.comment_container .author {
  text-transform: uppercase;
  color: #111;
  font-family: "Lato", sans-serif;
}

.comment_container .date {
  color: #959595;
}

.comment_container .star-rating {
  margin-top: 5px;
  margin-bottom: 5px;
}

.comment_container .star-rating span {
  color: #ff2947;
}

.comment_container .star-rating .fa-star-o {
  color: rgba(17, 17, 17, 0.5);
}

.comment_container .comment-content {
  line-height: 24px;
}

.comment_container .comment-content p {
  margin-bottom: 20px;
}

.comment-reply-title {
  font-weight: 700;
  font-family: "Playfair Display", sans-serif;
  font-size: 2.30769em;
  display: block;
  clear: both;
  text-align: left !important;
  margin: 10px 0;
  line-height: 49px !important;
}

.other-products {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 40px;
  position: relative;
  background: #fff;
}

.other-products .title-others {
  font-weight: 700;
  font-size: 2.30769em;
  font-family: "Playfair Display", sans-serif;
  color: #111;
  text-align: center;
}

.other-products .sub-title {
  text-transform: uppercase;
  color: #959595;
  text-align: center;
  margin-bottom: 60px;
  margin-top: 10px;
}

.woocommerce-message {
  position: relative;
  z-index: 3;
}

.review-product-form {
  float: left;
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .review-product-form {
    width: 100%;
  }
}

.review-product-form .comment-item {
  width: 100%;
  resize: none;
}

.review-product-form .comment-item input {
  border: 1px solid #e7e7e7;
  width: 100%;
  display: inline-block;
  height: 30px;
}

.review-product-form textarea {
  border: 1px solid #e7e7e7;
}

.review-product-form #submit {
  border-radius: 0px !important;
  background: #000 !important;
  color: #fff !important;
  display: inline-block;
  padding: 10px 30px !important;
  text-transform: uppercase !important;
}

div.woocommerce, .wishlist_table {
  background: none;
  margin-bottom: 50px;
}

.wishlist_table {
  font-size: 14px !important;
}

.nextop-rating-form {
  padding-left: 0px;
  list-style: none;
}

.nextop-rating-form li {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  font-weight: bold;
}

.nextop-rating-form li span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.nextop-rating-form li span:before {
  font-family: star;
  font-weight: normal;
}

.nextop-rating-form li:before {
  font-family: star;
  color: #d3ced2;
  font-weight: normal;
}

.nextop-rating-form li[data-rating="1"]:before {
  content: "\73";
}

.nextop-rating-form li[data-rating="2"]:before {
  content: "\73\73";
}

.nextop-rating-form li[data-rating="3"]:before {
  content: "\73\73\73";
}

.nextop-rating-form li[data-rating="4"]:before {
  content: "\73\73\73\73";
}

.nextop-rating-form li[data-rating="5"]:before {
  content: "\73\73\73\73\73";
}

.nextop-rating-form li:hover span:before, .nextop-rating-form li.active span:before {
  color: #ff2947;
  content: "\53\53\53\53\53";
}

.woocommerce table.shop_attributes td {
  border-left: 1px dotted rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 320px) {
  .woocommerce table.shop_attributes td {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .woocommerce table.shop_attributes td {
    padding: 0 65px;
  }
}

/*
46. Booking
*/
.title-booking {
  float: left;
  width: 100%;
  height: 580px;
  display: table;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .title-booking {
    height: 300px;
  }
}

.title-booking img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
}

.title-booking-page:before, .title-booking-page:after {
  position: absolute;
  float: left;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin-top: 70px;
}

.title-booking-page {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  font-size: 6.84615em;
  color: #252525;
}

@media only screen and (max-width: 767px) {
  .title-booking-page {
    font-size: 3.07692em;
  }
}

.title-booking-page:before {
  content: "";
  width: 480px;
  border-bottom: 1px solid #d7d7d7;
}

@media only screen and (max-width: 767px) {
  .title-booking-page:before {
    width: 90%;
  }
}

.title-booking-page:after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #b2ae7e;
}

@media only screen and (max-width: 767px) {
  .title-booking-page:after {
    width: 20px;
    height: 10px;
  }
}

.step-booking {
  padding-top: 76px;
  float: left;
  width: 100%;
  height: auto;
}

.step-booking .container {
  padding-left: 90px;
  padding-right: 90px;
}

@media only screen and (max-width: 767px) {
  .step-booking .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.ab-progress-bar {
  list-style-type: decimal !important;
}

.ab-progress-bar .ab-step-tabs {
  font-family: "Playfair Display", sans-serif;
  color: #252525;
  position: relative;
  width: 25%;
}

.ab-progress-bar .ab-step-tabs a {
  color: #898989 !important;
}

.ab-progress-bar .ab-step-tabs a span {
  float: none;
  display: inline-block;
  text-align: center;
}

.ab-progress-bar .ab-step-tabs a span.name-number {
  font-size: 2.76923em;
}

.ab-progress-bar .ab-step-tabs a span.name-text {
  font-size: 1.38462em;
  font-weight: normal;
}

.ab-progress-bar .ab-step-tabs.active a {
  color: #000 !important;
}

.ab-progress-bar .ab-step-tabs .step {
  width: 100px;
  height: 1px;
  border-radius: 0px;
  position: absolute;
  right: 0px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.ab-progress-bar .ab-step-tabs:last-child .step {
  display: none;
}

.ab-progress-bar .ab-step-tabs.active .step {
  background: #000 !important;
}

.ab-desc {
  text-align: center;
  font-size: 2.30769em;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
  color: #252525;
  padding-top: 60px;
  padding-bottom: 60px;
}

.ab-formGroup {
  margin-bottom: 50px;
}

.ab-formGroup .ab-formLabel {
  color: #252525 !important;
  font-family: "Lato", sans-serif;
  margin-bottom: 7px;
  display: inline-block;
}

.step-booking .ab-mobile-step_1 .ab-formField {
  border: 1px solid #d2d2d2 !important;
  padding: 0 0 0 7px;
  margin-right: 17px;
}

.step-booking .ab-mobile-step_1 .ab-formField .ab-formElement {
  height: 30px !important;
  line-height: 30px !important;
  background: #fff;
  border: none;
}

@media only screen and (min-width: 768px) {
  .step-booking .ab-mobile-step_2 .ab-left {
    width: 32% !important;
    margin-right: 1%;
  }
}

.step-booking .ab-mobile-step_2 .ab-left:last-child {
  margin-right: 0px;
}

.step-booking .ab-mobile-step_2 .ab-formField {
  border-radius: 0px !important;
}

.step-booking .ab-mobile-step_2 .ab-formField .ab-date-from {
  width: 95% !important;
  border-radius: 0px !important;
}

.ab-service-step .ab-week-days li label {
  border-radius: 50%;
  border: 1px solid #ccc;
  background: #ccc !important;
  position: relative;
}

.ab-service-step .ab-week-days li label:before {
  content: "\f00c";
  font-family: "FontAwesome";
  font-size: 0.84615em;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.ab-service-step .ab-week-days li label.active {
  background: #fff !important;
}

.ab-service-step .ab-week-days li label.active:before {
  color: #ccc;
}

.ab-time-range select {
  border: none !important;
  background: #fff !important;
  margin-top: 0px !important;
}

.ab-time-range .ab-left.ab-time-from select, .ab-time-range .ab-left.ab-time-to select {
  width: 95% !important;
}

.ab-time-range .ab-left.ab-time-from {
  margin-right: 20px;
  margin-left: 11px;
}

.ab-time-range .ab-left.ab-time-to {
  margin-right: 0px;
}

.ab-time-range .ab-left div {
  margin-top: 5px;
  border: 1px solid #d2d2d2 !important;
}

.ab-columnizer .ab-available-day, .ab-columnizer .ab-available-hour {
  margin: 0px !important;
  background: #fff;
  border-radius: 0px !important;
  border-right: none;
  border-bottom: none;
  color: #000 !important;
}

input.ab-field-error, textarea.ab-field-error, div.ab-error select, .ab-extra-step input:checked + div.ab-thumb {
  border: none !important;
}

.ab-columnizer .ab-column {
  margin: 0px !important;
  width: auto !important;
}

.ab-columnizer .ab-time-screen {
  border-right: 1px solid #cccccc;
}

.ab-last-child {
  border-bottom: 1px solid #cccccc !important;
}

.ab-btn {
  border-radius: 0px !important;
  display: inline-block;
  margin: 10px;
  background: #fff;
  border: 1px solid #ccc !important;
}

.ab-btn .ladda-label {
  color: #333 !important;
  text-transform: none !important;
  font-size: 14px;
}

.ab-btn:hover {
  background: #000;
  border: 1px solid #ccc;
}

.ab-btn:hover .ladda-label {
  color: #fff !important;
}

.ab-col-phone .ab-formGroup .ab-formField .ab-formElement {
  border-radius: 0px !important;
}

.ab-custom-field-row .ab-formGroup .ab-formField textarea.ab-formElement {
  border-radius: 0px !important;
  resize: none;
}

.ab-available-hour, .ab-available-day {
  height: 48px !important;
  line-height: 40px !important;
  color: #000 !important;
  min-width: 137px !important;
}

.ab-available-hour .ab-hour-icon, .ab-available-day .ab-hour-icon {
  display: none !important;
}

.ab-time-step {
  width: 100% !important;
}

.ab-available-day, .ab-available-hour:hover {
  background: #f3f3f3 !important;
  border: none !important;
  color: #000 !important;
  font-weight: bold !important;
}

.ab-formGroup .ab-formField .ab-formElement {
  background: transparent;
}

/*
48. Title element
*/
.header-element.short-code {
  height: auto;
  left: auto;
  transform: inherit;
}

@media only screen and (min-width: 768px) {
  .header-element.short-code {
    min-height: 195px;
  }
}

.header-element.title-left .sub-title {
  position: relative;
}

.header-element.title-left .title-element {
  position: relative;
}

.header-element.title-left .title-element:before {
  left: 0;
  transform: translateX(0);
}

.header-element.title-left .title-element:after {
  left: auto;
}

/*
51. Load page
*/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 400px;
  height: 300px;
  margin: -175px 0 0 -175px;
  background: url(../images/load.gif);
  z-index: 1001;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1000;
  -webkit-transform: translateX(0);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(0);
  /* IE 9 */
  transform: translateX(0);
  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
  opacity: 0;
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
  display: none;
}

.no-js h1 {
  color: #222222;
}

#content {
  margin: 0 auto;
  padding-bottom: 50px;
  width: 80%;
  max-width: 978px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* 
	Ok so you have made it this far, that means you are very keen to on my code. 
	Anyway I don't really mind it. This is a great way to learn so you actually doing the right thing:)
	Follow me @ihatetomatoes
*/
/*
52. Become model form
*/
.become-model-page {
  background-size: cover;
}

.become-model-page .details-booking .item-info {
  text-align: center;
}

.become-model-page .details-booking .padding-left {
  display: inline-block;
  text-align: left;
  padding-left: 0;
}

.content-details-personer-basic {
  padding: 16% 15%;
  height: 100vh;
}

.content-details-personer-basic h3 {
  font-size: 1.84615em;
  line-height: 30px;
  position: relative;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
}

.content-details-personer-basic h3:before {
  content: '';
  width: 80px;
  height: 1px;
  background: #aeaeae;
  position: absolute;
  top: -10px;
  left: -5px;
}

.content-details-personer-basic ul {
  margin: 0;
  padding: 0;
  margin-top: 35px;
}

.content-details-personer-basic ul li {
  list-style: none;
  text-align: left;
  clear: both;
}

.content-details-personer-basic ul li strong {
  float: left;
  font-size: 1em;
  line-height: 30px;
}

@media only screen and (min-width: 320px) {
  .content-details-personer-basic ul li strong {
    width: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .content-details-personer-basic ul li strong {
    width: 120px;
  }
}

.content-details-personer-basic ul li h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 30px;
  color: #898989;
}

.content-details-personer-basic ul li .social-small {
  margin: 0;
  padding: 0;
}

.content-details-personer-basic ul li .social-small li {
  list-style: none;
  float: left;
  clear: inherit;
  margin: 0 5px;
}

.content-details-personer-basic ul li .social-small li:first-child {
  margin-left: 0;
}

.content-details-personer-basic ul li .social-small li i {
  font-size: 1em;
  line-height: 26px;
  color: #898989;
}

.content-details-personer-basic ul li .social-small li i:hover {
  opacity: 0.6;
}

.content-details-personer-basic .link {
  padding-top: 55px;
  padding-bottom: 15px;
  color: #898989;
}

.become-model {
  text-align: center;
  padding: 165px 0px;
  background: #fff;
}

.become-model .title {
  font-size: 6.15385em;
  line-height: 48px;
  font-style: italic;
  font-family: "Playfair Display", sans-serif;
  margin-bottom: 40px;
}

.become-model h4 {
  font-size: 1em;
  line-height: 24px;
  color: #898989;
  margin-bottom: 80px;
  padding: 0 20%;
}

.become-model a {
  font-size: 1em;
  line-height: 26px;
  color: #fff;
  text-transform: uppercase;
  background: #252525;
  padding: 11px 25px;
}

/*
52. Detail project
*/
.detail-project, .page-template-architect-full {
  background: #ebebeb;
  height: auto;
}

.detail-project:before, .detail-project:after, .page-template-architect-full:before, .page-template-architect-full:after {
  display: none;
}

.detail-project header, .page-template-architect-full header {
  background: #111111;
}

.detail-project footer, .page-template-architect-full footer {
  color: #959595;
}

.detail-project footer .architech-listsocial a, .page-template-architect-full footer .architech-listsocial a {
  color: #959595;
}

.detail-project footer .architech-listsocial a:hover, .page-template-architect-full footer .architech-listsocial a:hover {
  color: #fff;
}

.detail-project footer .footer-left span.copyright:after, .page-template-architect-full footer .footer-left span.copyright:after {
  background: #959595;
}

#content-detail-architect {
  padding: 0px !important;
}

#content-detail-architect .btn-close-architect {
  position: absolute;
  z-index: 9999;
  background: #000;
  right: 40px;
  width: 30px;
  height: 30px;
  top: 20px;
  background: url(../images/close.svg) transparent no-repeat center center;
  background-size: 100% 100%;
}

#content-detail-architect .btn-close-architect:focus {
  outline: none;
}

#content-detail-architect .modal-content {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 1170px) {
  #content-detail-architect .modal-content {
    width: 100vw;
    height: 100vh;
    border-radius: 0px;
  }
}

#content-detail-architect .modal-dialog {
  margin: 0px;
  padding: 0px;
  width: 100vw;
  height: auto;
}

@media only screen and (min-width: 1170px) {
  #content-detail-architect .modal-dialog {
    height: 100vh;
  }
}

#content-detail-architect .modal-body {
  padding: 0px;
}

@media only screen and (min-width: 1023px) {
  .container-project {
    overflow: hidden;
    height: 100vh;
  }
}

.container-project .slick-arrow {
  display: none !important;
}

@media only screen and (min-width: 1170px) {
  .container-project .slick-arrow {
    display: block;
  }
}

.container-project .items-architech {
  position: relative;
  height: 100%;
}

@media only screen and (min-width: 1170px) {
  .container-project .items-architech {
    overflow: hidden;
  }
}

.container-project .items-architech .project-img {
  height: auto;
  margin-bottom: 20px;
}

@media only screen and (min-width: 1023px) {
  .container-project .items-architech .project-img {
    margin-bottom: auto;
    height: 100vh;
  }
}

.container-project .items-architech .project-img img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 1023px) {
  .container-project .items-architech .project-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.container-project .project-info {
  height: auto;
}

@media only screen and (min-width: 1023px) {
  .container-project .project-info {
    height: 100vh;
  }
}

.container-project .slick-next, .container-project .slick-prev {
  width: 35px;
  height: 50px;
  text-align: left;
  top: 49%;
  line-height: 65px;
  z-index: 99;
  display: table;
}

.container-project .slick-next:before, .container-project .slick-prev:before {
  font-family: "FontAwesome";
  color: #000;
}

.container-project .slick-next {
  right: 4%;
  text-align: right;
  border-left: 1px solid #d7d7d7;
}

.container-project .slick-next:before {
  content: "\f0da";
}

.container-project .slick-prev {
  left: 4%;
  border-right: 1px solid #d7d7d7;
}

.container-project .slick-prev:before {
  content: "\f0d9";
}

.architech-detail-info {
  vertical-align: middle;
}

@media only screen and (min-width: 1023px) {
  .architech-detail-info {
    padding-left: 30px;
    padding-top: 30px;
    height: 100vh;
  }
}

@media only screen and (min-width: 1170px) {
  .architech-detail-info {
    padding-left: 90px;
    padding-bottom: 90px;
    padding-top: 90px;
  }
}

.architech-detail-info .title-project {
  font-weight: 800;
  font-family: "Poppins", sans-serif;
  line-height: 1em;
  position: relative;
  font-size: 1.53846em;
}

@media only screen and (min-width: 1170px) {
  .architech-detail-info .title-project {
    font-size: 5.53846em;
  }
}

.architech-detail-info .item-detail {
  font-family: "Poppins", sans-serif;
}

.architech-detail-info .item-detail.cate-info strong, .architech-detail-info .item-detail.cate-info span {
  display: inline-block;
  width: 100%;
}

.architech-detail-info .item-detail.detail-padding {
  font-weight: 300;
  color: #898989;
  line-height: 24px;
}

@media only screen and (min-width: 1170px) {
  .architech-detail-info .item-detail.detail-padding {
    padding-right: 25px;
  }
}

.architech-detail-info .item-detail blockquote {
  border-left: none;
  font-style: normal;
  padding-left: 0px;
  border-right: none;
  line-height: 30px;
  font-size: 1.23077em;
  padding: 0px;
}

@media only screen and (min-width: 1170px) {
  .architech-detail-info .item-detail blockquote {
    padding: auto;
    font-size: 1.53846em;
  }
}

.list-more-info {
  list-style: none;
  padding-left: 0px;
  margin-top: 20px;
}

@media only screen and (min-width: 1170px) {
  .list-more-info {
    margin-top: 120px;
  }
}

.list-more-info li {
  display: inline-block;
  width: 29%;
}

.list-more-info li strong, .list-more-info li span {
  display: inline-block;
  width: 100%;
}

.list-more-info li strong {
  font-size: 1.84615em;
}

.list-more-info li span {
  font-weight: 300;
  color: #898989;
}

/*
53. Detail project
*/
.header-art, .footer-art {
  background: #d42929;
}

.footer-art {
  color: #fff;
}

.footer-art a {
  color: #fff;
}

.footer-art .copyright:after {
  background: #fff !important;
}

.footer-art .footer-right .social:before {
  background: #fff;
}

.footer-art .footer-right .social ul li i {
  color: #fff !important;
}

.text-social {
  background: url(../images/bg-artsection.jpg);
  background-size: cover;
  float: left;
  width: 100%;
  text-align: center;
  display: table;
}

@media only screen and (min-width: 768px) {
  .text-social {
    min-height: 408px;
  }
}

.text-social .container {
  display: table-cell;
  vertical-align: middle;
  padding-top: 10px;
}

.text-social .title-section {
  font-family: Arvo-Bold;
  text-transform: uppercase;
  line-height: 1em;
  font-weight: bold;
  font-size: 2.30769em;
  padding-top: 30px;
}

@media only screen and (min-width: 768px) {
  .text-social .title-section {
    padding-top: 0px;
    font-size: 5.53846em;
  }
}

.text-social .short-description {
  font-family: "Poppins", sans-serif;
  font-size: 1.84615em;
  margin-top: 20px;
}

.list-social-share {
  list-style: none;
  padding-left: 0px;
  display: inline-block;
  margin-top: 40px;
}

.list-social-share li {
  display: inline-block;
  margin: 3px;
}

.list-social-share li a {
  width: 30px;
  height: 30px;
  background: #fff;
  color: #959595;
  display: block;
  line-height: 30px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  border-radius: 50%;
}

.list-social-share li a:hover {
  color: #fff;
  background: #d42929;
}

.gallery-element {
  float: left;
  width: 100%;
}

/*
54. Detail project
*/
.short-paragraph {
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
  padding-top: 30px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .short-paragraph {
    margin-top: 95px;
    margin-bottom: 100px;
  }
}

.short-paragraph .text-view {
  float: none;
  display: inline-block;
  text-align: left;
}

.short-paragraph .box-top {
  margin-bottom: 40px;
  font-size: 1.53846em;
}

@media only screen and (min-width: 768px) {
  .short-paragraph .box-top {
    font-size: 2.30769em;
    line-height: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .short-paragraph .box-text-left {
    padding-right: 35px;
  }
}

@media only screen and (min-width: 768px) {
  .short-paragraph .box-text-right {
    padding-left: 35px;
  }
}

.short-paragraph .box-text-left, .short-paragraph .box-text-right {
  font-weight: 300;
  line-height: 24px;
}

.popin-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.popin-bold:before, .popin-bold:after {
  display: none;
}

.fillter-classic {
  margin-top: 50px !important;
  margin-bottom: 35px !important;
}

/*
55. Detail project
*/
.gallery-classic .item-gallery {
  position: relative;
}

.gallery-classic .item-gallery:before {
  display: none !important;
}

.gallery-classic .item-gallery .text-full {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(37, 37, 37, 0.7);
  padding: 80px 75px 60px;
  top: 0px !important;
  left: 0px !important;
  font-style: normal;
  text-align: left;
  color: #fff;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.gallery-classic .item-gallery .text-full .title-text {
  font-size: 4.61538em;
  font-family: Arvo-Regular;
  color: rgba(255, 255, 255, 0.7);
  line-height: 65px;
  position: relative;
  margin-bottom: 30px;
}

.gallery-classic .item-gallery .text-full .title-text:before {
  content: "";
  width: 80px;
  position: absolute;
  height: 1px;
  background: rgba(255, 255, 255, 0.7);
  top: -10px;
  left: 0px;
}

.gallery-classic .item-gallery .text-full .tags-text {
  color: #fff;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: Bold;
  font-size: 1.15385em;
  margin-bottom: 10px;
}

.gallery-classic .item-gallery .text-full .author-text {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 0.92308em;
}

.gallery-classic .item-gallery .text-full .button-open {
  position: absolute;
  bottom: 40px;
  padding: 8px 30px;
  border-radius: 50px;
  background: #d42929;
  color: #fff;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.gallery-classic .item-gallery .text-full .button-open:hover {
  opacity: .8;
}

.gallery-classic .item-gallery:hover .text-full {
  opacity: 1 !important;
}

/*
 *
56. Slick slide
*/
/* Slider */
.slick-loading .slick-list {
  background: #fff url("../ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*
 *
58. Agency
*/
.project-item {
  width: 24%;
}

.project-item .content-item {
  height: auto !important;
}

.project-item .content-item a {
  display: block;
}

.project-item .content-item img {
  position: static !important;
  width: 100%;
  height: auto;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

/*
 *
60. Slick slide
*/
.title-team {
  margin-top: 50px;
  margin-bottom: 30px;
}

.title-team .title-box {
  display: inline-block;
  padding-right: 80px;
}

.title-team .description-box {
  width: 300px;
  display: inline-block;
  text-align: left;
  color: #959595;
  line-height: 24px;
}

.team-list {
  float: left;
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .team-list {
    padding-bottom: 200px;
  }
}

.list-member {
  float: left;
  width: 100%;
  height: auto;
  padding-left: 0px;
  list-style: none;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.list-member:hover li {
  opacity: .5;
}

.list-member li {
  position: relative;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  height: 375px;
}

@media only screen and (max-width: 767px) {
  .list-member li .member-avatar {
    height: 500px;
  }
  .list-member li .info {
    opacity: 1;
    padding: 60px;
    position: absolute;
    left: 0px;
    bottom: 0px;
  }
}

.list-member li .info {
  opacity: 1;
  position: absolute;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  z-index: 2;
  left: 60px;
  height: auto;
  color: #fff;
  padding: 60px;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

@media only screen and (min-width: 768px) {
  .list-member li .info {
    opacity: 0;
  }
}

.list-member li .info span {
  display: block;
  width: 100%;
  height: auto;
}

.list-member li .info span.name {
  font-size: 2.76923em;
  width: 50%;
  line-height: 1em;
  font-family: "Arvo", serif;
}

.list-member li .info span.job {
  font-family: "Poppins", sans-serif;
  margin-top: 15px;
  font-size: 0.76923em;
  text-transform: uppercase;
}

.list-member li .member-avatar {
  width: 100%;
  height: 375px;
  overflow: hidden;
  position: relative;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.list-member li .member-avatar img {
  width: auto;
  min-height: 100%;
  object-fit: cover;
  object-position: top center;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
}

.list-member li.nextop {
  -webkit-transform: translateY(125px);
  -moz-transform: translateY(125px);
  -ms-transform: translateY(125px);
  -o-transform: translateY(125px);
  transform: translateY(125px);
}

@media only screen and (min-width: 768px) {
  .list-member li:hover, .list-member li.active {
    opacity: 1;
  }
  .list-member li:hover .member-avatar, .list-member li.active .member-avatar {
    height: 500px;
  }
  .list-member li:hover .info, .list-member li.active .info {
    opacity: 1;
  }
}

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

.header-classic .title-element {
  text-align: left;
  position: static;
}

.header-classic + .content-tab {
  text-align: left !important;
}

.header-classic + .content-tab #options ul, .header-classic + .content-tab .fillter-category ul {
  margin-top: 10px;
  margin-bottom: 10px;
}

.header-classic + .content-tab .text-left {
  text-align: left !important;
}

/*
 *
61. Slick slide
*/
.text-listview {
  text-align: center;
}

.testimonial-text {
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 1023px) {
  .testimonial-text {
    width: 700px;
  }
}

.testimonial-text .item-text {
  float: left;
  width: 100%;
  height: auto;
  text-align: center !important;
  font-family: "Arvo", serif;
  padding-top: 95px;
  font-size: 1.38462em;
  line-height: 21px;
}

@media only screen and (min-width: 768px) {
  .testimonial-text .item-text {
    font-size: 2.76923em;
  }
}

.testimonial-text .item-text p {
  line-height: 1em;
}

.testimonial-text .item-text:before {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0px;
  display: inline-block !important;
  content: "“";
  font-size: 193px;
  line-height: 1em;
  color: #ffe400;
}

.list-member-talk {
  float: left;
  width: 100%;
  height: auto;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .list-member-talk {
    padding-left: 106px;
    padding-right: 106px;
  }
}

.list-member-talk:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0px;
  top: 167px;
  height: 3px;
  background: #e8e9ed;
}

.list-member-talk .mem-talk {
  float: left;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .list-member-talk .mem-talk {
    width: 200px;
    height: 340px;
  }
}

.list-member-talk .mem-talk .avatar-mem {
  display: inline-block;
  width: 103px;
  height: 103px;
  padding: 19px;
  overflow: hidden;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  margin-top: 20px;
  margin-bottom: 56px;
}

.list-member-talk .mem-talk .avatar-mem img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
}

.list-member-talk .mem-talk .mem-info {
  opacity: 0;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  position: relative;
}

.list-member-talk .mem-talk .mem-info:before {
  content: "";
  width: 117px;
  height: 3px;
  background: #ffe400;
  position: absolute;
  top: 0px;
  left: -110px;
}

.list-member-talk .mem-talk .mem-info span {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
}

.list-member-talk .mem-talk .mem-info span.name {
  font-family: "Arvo", serif;
  font-size: 1.23077em;
}

@media only screen and (min-width: 768px) {
  .list-member-talk .mem-talk .mem-info span.name {
    font-size: 1.69231em;
  }
}

.list-member-talk .mem-talk .mem-info span.job {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-size: 0.76923em;
}

.list-member-talk .mem-talk.slick-center .avatar-mem {
  width: 103px;
  height: 103px;
  padding: 0px;
}

.list-member-talk .mem-talk.slick-center .mem-info {
  opacity: 1;
}

/*
 *
62. Slick slide
*/
.footer-news {
  float: left;
  width: 100%;
  height: auto;
}

.footer-news .list-news {
  float: left;
  width: 100%;
  list-style: none;
  padding-left: 0px;
}

.footer-news .list-news .news-item .news-img {
  display: block;
  width: 320px;
  height: 300px;
  margin-bottom: 45px;
}

.footer-news .list-news .news-item .news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer-news .list-news .news-item .info-news {
  float: left;
  width: 100%;
  text-align: center;
}

.footer-news .list-news .news-item .info-news .date {
  text-transform: uppercase;
  font-size: 0.92308em;
}

.footer-news .list-news .news-item .info-news .title {
  font-size: 1.53846em;
  font-family: "Arvo", serif;
}

.footer-news .list-news .news-item .info-news small {
  font-size: 0.84615em;
  font-style: italic;
  color: #898989;
}

/*
 *
63. Slick slide
*/
.title-box {
  font-family: "Arvo", serif;
  font-size: 4.61538em;
  color: #252525;
  margin-bottom: 20px;
  line-height: 1em;
}

.description-box {
  font-family: "Poppins", sans-serif;
  font-size: 1.07692em;
  text-align: center;
  margin-bottom: 30px;
}

.nextop-contact-form {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 80px;
  text-align: center;
}

.nextop-contact-form ul {
  list-style: none;
  padding-left: 0px;
  margin-top: 20px;
  display: inline-block;
  width: 950px;
  text-align: left;
}

.nextop-contact-form ul li {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 30px;
}

.nextop-contact-form ul li input, .nextop-contact-form ul li textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  background: transparent;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  resize: none;
}

.nextop-contact-form ul li input:focus, .nextop-contact-form ul li textarea:focus {
  border-color: #eadc00;
}

.nextop-contact-form ul li:last-child {
  text-align: center;
}

.nextop-contact-form ul li button {
  display: inline-block;
  padding: 15px 30px;
  line-height: 13px;
  color: #fff;
  background: #111;
  border-radius: 50px;
  text-transform: uppercase;
  border: none;
  font-family: "Poppins", sans-serif;
  font-size: 1em;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.nextop-contact-form ul li button:hover {
  background: #eadc00;
  color: #111;
}

/*
44. Shop
*/
.woocommerce {
  background: #f7f7f7;
}

.loadmore-post {
  float: left;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.onsale {
  display: none;
}

.btn-loadmore.shop_loadmore {
  display: inline-block;
  padding-left: 40px;
  padding-right: 40px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-size: 1em;
  background: #0054a6;
  font-style: normal;
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-loadmore.shop_loadmore:hover {
  color: #b2ae7e;
}

.btn-loadmore.shop_loadmore:before {
  display: none;
}

.list-products {
  background: #f1f1f1;
  display: inline-block;
  width: 100%;
  padding-bottom: 265px;
}

.list-products .advertising-half {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .list-products .advertising-half {
    display: none;
    width: 100%;
    bottom: 50px;
  }
  .list-products .advertising-half img {
    width: 100%;
    object-fit: cover;
  }
}

.list-products.list-sidebar {
  margin-top: 135px;
  position: relative;
  padding-bottom: 200px;
}

@media only screen and (max-width: 767px) {
  .list-products.list-sidebar {
    padding-bottom: 80px;
  }
}

.list-products.list-sidebar .loadmore-post {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .list-products.list-sidebar .loadmore-post {
    text-align: center;
  }
}

.list-products.list-sidebar .advertising-half {
  width: 100%;
}

.list-products.list-sidebar .advertising-half img {
  max-width: 90%;
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.list-products.full-view .loadmore-post {
  text-align: center;
}

.products-list {
  float: left;
  width: 100%;
  height: auto;
  list-style: none;
  padding-left: 0px;
}

.products-list.grid-view .product-item {
  width: 33.33333333%;
}

@media only screen and (max-width: 767px) {
  .products-list.grid-view .product-item {
    width: 100%;
  }
}

.products-list.full-view.slide-shortcode .product-item {
  width: 100%;
  margin-bottom: 0;
}

.products-list.full-view .product-item {
  width: 25%;
}

@media only screen and (max-width: 767px) {
  .products-list.full-view .product-item {
    width: 100%;
  }
}

.products-list.grid-view .product-description, .products-list.full-view .product-description {
  display: none;
}

.products-list.grid-view .product-item, .products-list.full-view .product-item {
  margin-bottom: 40px;
  min-height: 540px;
  position: relative;
}

@media only screen and (max-width: 1025px) {
  .products-list.grid-view .product-item, .products-list.full-view .product-item {
    min-height: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .products-list.grid-view .product-item, .products-list.full-view .product-item {
    min-height: auto;
  }
}

.products-list.grid-view .product-item .product-thumbs, .products-list.full-view .product-item .product-thumbs {
  width: 100%;
  height: 380px;
  text-align: center;
  display: table;
  background: #f3f4f6;
  border-right: 1px solid #e1e1e1;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 1025px) {
  .products-list.grid-view .product-item .product-thumbs, .products-list.full-view .product-item .product-thumbs {
    height: 220px;
  }
}

@media only screen and (max-width: 767px) {
  .products-list.grid-view .product-item .product-thumbs, .products-list.full-view .product-item .product-thumbs {
    text-align: center;
  }
}

.products-list.grid-view .product-item .product-thumbs img, .products-list.full-view .product-item .product-thumbs img {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .products-list.grid-view .product-item .product-info, .products-list.full-view .product-item .product-info {
    text-align: center;
  }
}

.products-list.grid-view .product-item .product-info .product-name h3, .products-list.full-view .product-item .product-info .product-name h3 {
  text-transform: uppercase;
  font-size: 1em;
  color: #252525;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 20px;
}

.products-list.grid-view .product-item .product-info .product-name .star-rating, .products-list.full-view .product-item .product-info .product-name .star-rating {
  float: left;
  margin-bottom: 5px;
}

.products-list.grid-view .product-item .product-info .product-price, .products-list.full-view .product-item .product-info .product-price {
  font-size: 1.07692em;
  color: #959595;
  display: inline-block;
  width: 100%;
}

.products-list.grid-view .product-item .product-info .product-price .sup, .products-list.full-view .product-item .product-info .product-price .sup {
  top: -.3em;
}

.products-list.grid-view .product-item .product-action, .products-list.full-view .product-item .product-action {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 380px;
  background: rgba(102, 102, 102, 0.8);
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

@media only screen and (max-width: 1025px) {
  .products-list.grid-view .product-item .product-action, .products-list.full-view .product-item .product-action {
    height: 220px;
  }
}

@media only screen and (max-width: 767px) {
  .products-list.grid-view .product-item .product-action, .products-list.full-view .product-item .product-action {
    height: 300px;
    background: none;
  }
}

.products-list.grid-view .product-item .product-action .action-button a:before, .products-list.full-view .product-item .product-action .action-button a:before {
  font-family: "FontAwesome";
  content: "";
  line-height: 42px;
  color: #fff;
  text-align: center;
  width: 42px;
  display: inline-table;
  z-index: 2;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.products-list.grid-view .product-item .product-action .action-button, .products-list.full-view .product-item .product-action .action-button {
  width: 100%;
  text-align: center;
  display: inline-block;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
}

.products-list.grid-view .product-item .product-action .action-button .blockOverlay, .products-list.full-view .product-item .product-action .action-button .blockOverlay {
  border-radius: 50%;
}

.products-list.grid-view .product-item .product-action .action-button a, .products-list.full-view .product-item .product-action .action-button a {
  display: inline-flex;
  margin: 5px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #dcdcdc;
  color: transparent;
  line-height: 0em;
  padding: 0px !important;
  text-align: center;
}

.products-list.grid-view .product-item .product-action .action-button a:hover, .products-list.full-view .product-item .product-action .action-button a:hover {
  background: #fff;
}

.products-list.grid-view .product-item .product-action .action-button a:hover:before, .products-list.full-view .product-item .product-action .action-button a:hover:before {
  color: #666;
}

.products-list.grid-view .product-item .product-action .action-button a.add_to_cart_button:before, .products-list.full-view .product-item .product-action .action-button a.add_to_cart_button:before {
  content: "\f07a";
}

.products-list.grid-view .product-item .product-action .action-button a.quick-view-button:before, .products-list.grid-view .product-item .product-action .action-button a.yith-wcqv-button:before, .products-list.full-view .product-item .product-action .action-button a.quick-view-button:before, .products-list.full-view .product-item .product-action .action-button a.yith-wcqv-button:before {
  content: "\f067";
}

.products-list.grid-view .product-item .product-action .action-button a.add_to_wishlist:before, .products-list.full-view .product-item .product-action .action-button a.add_to_wishlist:before {
  content: "\f004";
}

.products-list.grid-view .product-item .product-action .action-button a.added_to_cart, .products-list.full-view .product-item .product-action .action-button a.added_to_cart {
  display: none;
  margin: 0px;
}

.products-list.grid-view .product-item .product-action .action-button a.added_to_cart:before, .products-list.full-view .product-item .product-action .action-button a.added_to_cart:before {
  content: "\f218";
}

.products-list.grid-view .product-item:hover .product-action, .products-list.full-view .product-item:hover .product-action {
  opacity: 1;
}

.products-list.grid-view .product-item:nth-child(4n) .product-thumbs, .products-list.full-view .product-item:nth-child(4n) .product-thumbs {
  border-right: none;
}

.products-list.list-view .product-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px;
}

.products-list.list-view .product-item .product-thumbs {
  float: left;
  width: 25%;
  height: 280px;
  background: #f3f4f6;
}

@media only screen and (max-width: 767px) {
  .products-list.list-view .product-item .product-thumbs {
    width: 100%;
    height: auto;
  }
}

.products-list.list-view .product-item .product-thumbs img {
  width: 100%;
  height: auto;
}

.products-list.list-view .product-item .product-info, .products-list.list-view .product-item .product-action {
  float: left;
  width: 45%;
  margin-left: 40px;
  line-height: 24px;
}

@media only screen and (max-width: 780px) {
  .products-list.list-view .product-item .product-info, .products-list.list-view .product-item .product-action {
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .products-list.list-view .product-item .product-info, .products-list.list-view .product-item .product-action {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
  }
}

.products-list.list-view .product-item .product-info .product-name {
  font-size: 1.53846em;
  text-transform: uppercase;
  width: 100%;
  float: left;
  margin-bottom: 18px;
}

.products-list.list-view .product-item .product-info .product-description {
  float: left;
  width: 100%;
  margin-bottom: 12px;
}

.products-list.list-view .product-item .product-info .product-price {
  float: left;
  width: 100%;
  font-size: 1.38462em;
  color: #252525;
}

.products-list.list-view .product-item .product-action {
  margin-top: 30px;
}

.products-list.list-view .product-item .product-action .button {
  border-radius: 0px !important;
  line-height: 24px !important;
  cursor: pointer;
}

.products-list.list-view .product-item .product-action .add_to_cart_button {
  float: left;
  padding: 8px 28px;
  color: #fff;
  background: #0054a6;
  text-transform: uppercase;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.products-list.list-view .product-item .product-action .add_to_cart_button:hover {
  background: #ff2947;
}

.products-list.list-view .product-item .product-action .add_to_wishlist, .products-list.list-view .product-item .product-action .quick-view-button, .products-list.list-view .product-item .product-action .yith-wcqv-button {
  width: 45px;
  height: 40px;
  color: transparent;
  line-height: 1em;
  float: left;
  position: relative;
  border: 1px solid rgba(37, 37, 37, 0.1);
  border-left: none;
  background: none !important;
}

.products-list.list-view .product-item .product-action .add_to_wishlist:before, .products-list.list-view .product-item .product-action .quick-view-button:before, .products-list.list-view .product-item .product-action .yith-wcqv-button:before {
  content: "";
  width: 100%;
  height: 100%;
  opacity: .2;
  display: inline-block;
  position: absolute;
  line-height: 45px;
  top: 0px;
  left: 0px;
}

.products-list.list-view .product-item .product-action .add_to_wishlist {
  background: none !important;
}

.products-list.list-view .product-item .product-action .add_to_wishlist:before {
  background: url(../images/heart-plus.png) no-repeat center center;
}

.products-list.list-view .product-item .product-action .add_to_wishlist:hover:before {
  opacity: 1;
}

.products-list.list-view .product-item .product-action .added_to_cart {
  padding-left: 20px;
}

.products-list.list-view .product-item .product-action .quick-view-button:before, .products-list.list-view .product-item .product-action .yith-wcqv-button:before {
  background: url(../images/view.png) no-repeat center center;
}

.products-list.list-view .product-item .product-action .quick-view-button:hover:before, .products-list.list-view .product-item .product-action .yith-wcqv-button:hover:before {
  opacity: 1;
}

/*Overwrite woocommerce button*/
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  padding: 8px 28px;
  color: #fff;
  background: #0054a6;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  line-height: 24px;
  border-radius: 0px;
}

.woocommerce .quantity .qty {
  text-indent: 5px;
  line-height: 35px;
}

.color-item {
  width: auto !important;
}

.color-item .color-wrap {
  width: 30px;
  overflow: hidden;
  display: inline-block;
}

.color-item .color-link a {
  display: none !important;
}

@media only screen and (min-width: 1023px) {
  .color-filters-wrap {
    padding-right: 30%;
  }
}

.woocommerce .star-rating {
  float: left;
}

/*End ovewirte woocommerce style*/
.product-list-sidebar .grid-view .product-item .product-thumbs {
  border-left: 1px solid #e1e1e1;
  border-right: none;
}

.product-list-sidebar .grid-view .product-item:nth-child(3n) .product-thumbs {
  border-right: 1px solid #e1e1e1;
}

.product-sidebar {
  box-sizing: border-box;
  padding-right: 15px;
  padding-left: 15px;
  display: none;
}

@media only screen and (min-width: 768px) {
  .product-sidebar {
    padding-right: 70px;
    padding-left: 0px;
    display: block;
  }
}

.product-sidebar .widget {
  float: left;
  width: 100%;
  display: inline-block;
  padding-bottom: 25px;
  margin-top: 30px;
  border-bottom: 1px solid #fff;
}

.product-sidebar .widget .widget-title {
  position: relative;
  display: inline-block;
  width: 100%;
  font-family: "Playfair Display", sans-serif;
  font-weight: 700;
  font-size: 1.23077em;
  margin-bottom: 20px;
}

.product-sidebar .widget .widget-title:after {
  position: absolute;
  top: 1px;
  right: 0px;
  cursor: pointer;
  content: "-";
  width: 16px;
  height: 16px;
  border-radius: 50px;
  color: #b8b8b8;
  border: 1px solid #b8b8b8;
  text-align: center;
  line-height: 10px;
  display: inline-block;
  font-weight: 300;
  padding-left: 1px;
}

.product-sidebar .widget .widget-title.opended:after, .product-sidebar .widget .widget-title:hover:after {
  content: "+";
  font-size: 1em;
  line-height: 13px;
}

.product-sidebar .widget ul {
  padding-left: 15px;
  color: #959595;
}

.product-sidebar .widget ul.product-size li {
  display: inline-block;
  width: 30% !important;
}

.product-sidebar .widget ul.product-rating {
  padding-left: 0px;
  font-size: 1.38462em;
  list-style: none;
}

.product-sidebar .widget ul.product-rating li {
  cursor: pointer;
}

.product-sidebar .widget ul.product-rating li span {
  width: 80px;
  display: inline-block;
}

.product-sidebar .widget ul.product-rating li span.star {
  color: #ff2947;
}

.product-sidebar .widget ul li {
  font-size: 0.76923em;
  padding-top: 5px;
  padding-bottom: 5px;
}

.product-sidebar .widget ul li a {
  color: #111111;
  font-size: 1.23077em;
}

.product-sidebar .widget ul li:hover {
  color: #0054a6;
}

.product-sidebar .widget ul li:hover a {
  color: #0054a6;
}

.product-sidebar .widget .show-more {
  color: #959595;
  display: inline-block;
  margin-bottom: 15px;
}

.product-sidebar .widget .show-more:hover {
  color: #111;
}

#fillter-full-view {
  display: none;
  text-align: center;
}

#fillter-full-view .list-gridview {
  margin-top: 40px;
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  #fillter-full-view .list-gridview {
    margin-top: 130px;
    position: relative;
    width: 100%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 1600px) {
  #fillter-full-view .list-gridview {
    right: 10%;
    margin-top: 130px;
    position: absolute;
    left: auto;
    width: auto;
  }
}

#fillter-full-view .list-gridview .text-showing, #fillter-full-view .list-gridview .list-show {
  display: inline-block;
}

@media only screen and (max-width: 1025px) {
  #fillter-full-view #options ul, #fillter-full-view .fillter-category ul {
    margin-bottom: 10px;
  }
}

#fillter-full-view .category-list {
  text-align: center;
  width: 100%;
}

#fillter-full-view .category-list li {
  float: none;
  display: inline-block;
  margin-bottom: 10px;
}

#fillter-full-view .fillter-category {
  margin-top: 50px;
}

@media only screen and (min-width: 1200px) {
  #fillter-full-view .fillter-category {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1600px) {
  #fillter-full-view .fillter-category {
    margin-top: 50px;
  }
}

#fillter-full-view .fillter-category .category-list {
  margin-top: 85px;
}

@media only screen and (min-width: 1200px) {
  #fillter-full-view .fillter-category .category-list {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 1600px) {
  #fillter-full-view .fillter-category .category-list {
    margin-top: 85px;
  }
}

.show-fillter-products {
  padding-top: 0px;
  margin-top: 0px !important;
}

.show-fillter-products:before {
  display: none;
}

.list-show {
  display: table-cell;
  vertical-align: middle;
  list-style: none;
  padding-left: 50px;
  margin-bottom: 0px;
}

.list-show li {
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 12px;
  opacity: .4;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  cursor: pointer;
}

.list-show li:hover, .list-show li.active {
  opacity: 1;
}

.list-show li.full-view {
  background: url(../images/list-full.png) no-repeat center center;
}

.list-show li.list-view {
  background: url(../images/list-view.png) no-repeat center center;
}

.list-show li.grid-view {
  background: url(../images/grid-view.png) no-repeat center center;
}

.top-cart-list {
  height: 85px;
  display: inline-block;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .top-cart-list {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.top-cart-list .list-gridview, .top-cart-list .sort-by {
  height: 85px;
  display: table;
}

.top-cart-list .text-sortby {
  padding-right: 20px;
  display: table-cell;
  vertical-align: middle;
}

.top-cart-list .select-list-cart {
  display: table-cell;
  vertical-align: middle;
}

.top-cart-list .select-list-cart button {
  background: transparent;
  border-radius: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

.top-cart-list .select-list-cart button:focus, .top-cart-list .select-list-cart button:hover {
  background: none !important;
  outline: none !important;
}

.top-cart-list .text-showing {
  padding-bottom: 5px;
  display: table-cell;
  vertical-align: middle;
}

.fillter-category {
  text-align: left;
  width: 100%;
}

.fillter-category ul {
  margin-top: 85px;
  margin-bottom: 50px;
  display: inline-block;
  padding-left: 0px;
  list-style: none;
}

.fillter-category ul li {
  font-size: 1em;
  float: left;
  padding: 0 20px;
}

.fillter-category ul li a {
  padding: 0;
  background: none;
  text-transform: uppercase;
  color: #898989;
}

.fillter-category ul li a.selected {
  color: #252525;
}

#yith-quick-view-content .gallery-product {
  max-width: 45%;
}

#yith-quick-view-content .quantity {
  display: inline-block;
}

#yith-quick-view-content .quantity .qty {
  line-height: 34px;
  margin-left: 0px;
}

#yith-quick-view-content .product-big-thumbs img {
  width: 100% !important;
}

#yith-quick-view-content label {
  display: inline-block;
}

.woocommerce-cart .content-page {
  min-height: auto !important;
}

.woocommerce-cart .calculated_shipping {
  text-align: center;
}

.woocommerce-cart .calculated_shipping table {
  display: inline-block;
}

.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
  width: 100% !important;
  display: none;
}

.color-filters-wrap .rcorners {
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
}

@media only screen and (max-width: 767px) {
  footer {
    padding-left: 15px;
    padding-right: 15px;
  }
}