/*-------------------------------------------------------------------------------------------------------------------------------*/

/*This is main CSS file that contains custom style rules used in this template*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* Template Name: evio*/

/* Version: 1.0 Initial Release*/

/* Build Date: 25-02-2015*/

/* Author: Unbranded*/

/* Website: 
/* Copyright: (C) 2015 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------*/

/* TABLE OF CONTENTS: */

/*--------------------------------------------------------*/

/* 01 - FONTS */

/* 02 - LOADER */

/* 03 - RESET STYLES */

/* 04 - GLOBAL SETTINGS */

/* 05 - HEADER */

/* 06 - FOOTER */

/* 06.1 - ATTRIBUTION */

/* 07 - BLOCK-TYPE-1*/

/* 08 - BLOCK-TYPE-2*/

/* 09 - BLOCK-TYPE-3 */

/* 10 - BLOCK-TYPE-4 */

/* 11 - BLOCK-TYPE-5-6 */

/* 12 - BLOCK-TYPE-7 */

/* 13 - BLOCK-TYPE-8 */

/* 14 - BLOCK-TYPE-9 */

/* 15 - BLOCK-TYPE-10 */

/* 16 - BLOCK-TYPE-11 */

/* 17 - BLOCK-TYPE-12 */

/* 18 - BLOCK-TYPE-13 */

/* 19 - BLOCK-TYPE-14 */

/* 20 - BLOCK-TYPE-15 */

/* 21 - BLOCK-TYPE-16 */

/* 22 - BLOCK-TYPE-17 */

/* 23 - BLOCK-TYPE-18 */

/* 24 - BLOCK-TYPE-19 */

/* 25 - BLOCK-TYPE-20 */

/* 26 - BLOCK-TYPE-21 */

/* 27 - BLOCK-TYPE-22*/

/* 28 - BLOCK-TYPE-23 */

/* 29 - BLOCK-TYPE-24*/

/* 30 - BLOCK-TYPE-25*/

/* 31 - POP-UP */

/* 32 - BORDER STYLES */

/* 33 - THEME CONFIG */

/* 34 - INTERNET EXPLORER, MOZILLA SETTINGS */

/* 35 - WELCOME PAGE */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 01 - FONTS */

/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700;800;900&display=swap");

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 02 - LOADER */

/*-------------------------------------------------------------------------------------------------------------------------------*/

#loader-wrapper {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 111;
  overflow: hidden;
  background: #fff;
}

#loader-wrapper img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 03 - RESET STYLES */

/*-------------------------------------------------------------------------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

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

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

body * {
  -webkit-text-size-adjust: none;
}

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

input,
textarea,
select {
  border: 1px solid #f1f1f1;
  padding: 3px 0;
  -webkit-appearance: none !important;
  border-radius: 0;
  display: border-box;
  cursor: pointer;
  background: transparent;
}

input[type="submit"] {
  border: none;
  background: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

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

input[type="text"],
select,
textarea {
  padding: 0 15px;
}

textarea {
  resize: none;
}

a,
a:link,
a:visited,
a:active,
a:hover {
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

body {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-size: 2rem;
  line-height: 2.3rem;
  color: #777777;
}


input.active,
textarea.active,
form [type="text"].active {
  border-bottom: 1px solid #6ec5ee;
}

input:focus,
textarea:focus {
  border-bottom: 1px solid #6ec5ee !important;
}

.clearfix {
  clear: both;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 04 - GLOBAL SETTINGS */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*table*/

.table-view {
  height: 100%;
  width: 100%;
  display: table;
}

.row-view {
  display: table-row;
}

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

.height-100 {
  height: 100vh;
}

.border .height-100 {
  height: calc(100vh - 25px);
}

.border .height-100 .swiper-slide .clip {
  height: calc(100vh - 25px);
  width: calc(100vw + 25px);
}

.height-80 {
  height: 80vh;
}

@media (max-width: 991px) {
  .height-100,
  .border .height-100,
  .border .height-100 .swiper-slide .clip {
    height: 420px;
  }
  .height-100-mobile {
    height: 100vh
  }
  .height-80 {
    height: auto;
  }
}

.invalid {
  border-bottom-color: red !important;
}

.scrollfix-map {
  overflow: hidden;
}

/*content wrapper*/

#content-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: 1;
}

#content-wrapper.style-2 {
  padding-top: 0;
}

#content-wrapper.style-3 .blocks-container {
  margin-left: 100px;
  margin-right: 100px;
  width: calc(100% - 200px);
}

@media (min-width: 1400px) {
  #content-wrapper.style-3 .container {
    width: 970px;
  }
  #content-wrapper.style-3 footer .container {
    widows: 1170px;
  }
}

@media (min-width: 1200px) {
  #content-wrapper.style-3 .container {
    width: 970px;
  }
  #content-wrapper.style-3 footer .container {
    widows: 1170px;
  }
}

#content-wrapper.style-4 {
  padding: 0px 8%;
}

#content-wrapper.style-5 {
  padding-top: 171px;
}

#content-wrapper.style-6 {
  padding-top: 143px;
}

#content-wrapper.border {
  padding: 25px;
}

#content-wrapper.border .top-line {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: #ededed;
  z-index: 1000;
}

#content-wrapper.border .right-line {
  position: fixed;
  top: 0;
  right: 0;
  width: 25px;
  height: 100%;
  background: #ededed;
  z-index: 1001;
}

#content-wrapper.border .bottom-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: #ededed;
  z-index: 1000;
}

.without-border-default #content-wrapper.border .bottom-line.style-2 {
  bottom: -25px;
}

#content-wrapper.border .left-line {
  position: fixed;
  top: 0;
  left: 0;
  width: 25px;
  height: 100%;
  background: #ededed;
  z-index: 1001;
}

.blocks-container {
  position: relative;
  margin-top: 69px;
  background: transparent;
}

.blocks-container.style-2 {
  margin-top: 0;
}

.blocks-container.style-3 {
  margin-top: 152px;
}

.blocks-container.style-4 {
  margin-top: 95px;
}

.blocks-container.style-3.portfolio-container {
  margin-top: 69px;
  height: calc(100vh - 69px - 65px);
}

#content-wrapper.border .blocks-container.style-3.portfolio-container {
  margin-top: 69px;
  height: calc(100vh - 69px - 65px - 50px);
}

/*.without-border-default #content-wrapper.style-3.border .top-line{margin-left: 100px; width: calc(100% - 200px);}*/

@media (max-width: 1270px) {
  .blocks-container.style-3.portfolio-container {
    min-height: 600px;
  }
}

@media (max-width: 1215px) {
  .blocks-container.style-3.portfolio-container {
    min-height: 700px;
  }
}

@media (max-width: 991px) {
  .blocks-container.style-3.portfolio-container {
    min-height: auto;
  }
  #content-wrapper.style-2 {
    padding-right: 0;
    padding-left: 0;
  }
  #content-wrapper.style-3 {
    padding-top: 0px;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  #content-wrapper.style-4 {
    padding-right: 0;
    padding-left: 0;
  }
  #content-wrapper.style-5 {
    padding-right: 0;
    padding-left: 0;
    padding-top: 76px;
  }
  #content-wrapper.style-6 {
    padding-top: 76px;
  }
  /*.blocks-container, */
  .blocks-container.style-3 {
    margin-top: 60px;
  }
  .blocks-container.style-4,
  .blocks-container.style-3 {
    margin-top: 71px;
  }
  #content-wrapper.style-3 .blocks-container {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}

@media (max-width: 480px) {
  #content-wrapper.border {
    padding: 0;
  }
  #content-wrapper.border .right-line,
  #content-wrapper.border .left-line {
    display: none;
  }
  #content-wrapper.border .top-line {
    display: none;
  }
  #content-wrapper.border .bottom-line {
    display: none;
  }
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 992px) {
  .contains-main.col-md-4.col-md-offset-4 .h1 {
    white-space: nowrap;
  }
}

@media (min-width: 992px) and (max-width: 1600px) {
  .contains-main.col-md-4.col-md-offset-4 {
    width: 60%;
    margin-left: 20%;
  }
}

/*container width with borders*/

@media (min-width: 768px) {
  #content-wrapper.border .container {
    width: 700px;
  }
  #content-wrapper.border .block .container.main-article {
    width: 100%;
  }
}

@media (min-width: 992px) {
  #content-wrapper.border .container {
    width: 920px;
  }
}

@media (min-width: 1200px) {
  #content-wrapper.border .container {
    width: 1120px;
  }
  #content-wrapper.border .block .container.main-article {
    width: 1120px;
  }
}

.block {
  position: relative;
  width: 100%;
}

.block-bg {
  background-color: #f3f3f3;
}

/*typography*/

a[href^="tel:"] {
  white-space: nowrap;
}

.title {
  display: inline-block;
  position: relative;
}

.title .bg {
  position: absolute;
  left: 0px;
  top: 0;
  width: 0;
  height: 60px;
  z-index: -1;
  background: url(../img/main/title-bg.png);
}

.title.activated .bg {
  width: 100%;
}

.title span {
  display: inline-block;
}

.loaded .title span:first-of-type:before {
  width: calc(100% + 16px);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Montserrat", sans-serif;
  color: #333333;
  padding: 0;
  margin: 0;
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
.h6-14 a {
  color: #333;
}

.h1.white a,
.h2.white a,
.h3.white a,
.h4.white a,
.h5.white a,
.h6.white a,
.h6-14.white a {
  color: #fff;
}

.h1 {
  font-size: 56px;
  line-height: 60px;
  font-weight: 900;
}

.h2-36 {
  font-size: 36px;
  line-height: 38px;
  font-weight: 800;
}

.h2 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 800;
}

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

.h3-20 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.h3-26 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
}

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

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

.h6 {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}

.h6-14 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}

.h6-13 {
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
}

.h1.narrow {
  width: 60%;
}

.x-small {
  font-size: 11px;
  line-height: 24px;
  font-weight: 400;
}

.small {
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
}

.small-13 {
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
}

.normal {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}

.large {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

.large-40 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 900;
}

.x-large {
  font-size: 80px;
  line-height: 80px;
  font-weight: 900;
}

.xx-large {
  font-size: 100px;
  line-height: 100px;
  font-weight: 900;
}

article {
  position: relative;
  width: 100%;
}

.main {
  text-align: left;
}

.main .h1 {
  display: inline-block;
  position: relative;
  padding: 0 10px 0 5px;
}

.bg-title {
  text-transform: uppercase;
  white-space: nowrap;
}

.main .h1.capitalized span {
  padding: 0 6px;
}

.additional .subheading {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

.capitalized {
  text-transform: capitalize;
}

.uppercased {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.main .subheading {
  text-transform: uppercase;
  position: relative;
}

.white.main .subheading {
  color: rgba(255, 255, 255, 0.7);
}

.main .subheading.style-2 {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
}

.main .subheading.style-2:after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 15px;
  top: -3px;
  width: calc(100% - 5px);
  height: 30px;
}

.main.on-bg {
  text-align: left;
}

.main p, article p {
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 400;
  color: #555;
}

.main.white p {
  color: #fff;
}

article ul:last-child {
  padding-bottom: 0;
}

.block ul li {
  position: relative;
  line-height: 20px;
  padding-bottom: 10px;
}

ul {
  list-style: none;
}

ul.decorated li {
  padding-left: 28px;
  padding-bottom: 12px;
  font-weight: 400;
  position: relative;
}

ul.decorated li:before {
  position: absolute;
  width: 9px;
  height: 9px;
  top: 5px;
  left: 0;
  border: 1px solid #6ec5ee;
  content: "";
}

ul.decorated li:last-child {
  padding-bottom: 0;
}

.white,
.white li,
.white .title span {
  color: #fff;
}

.yellow {
  color: #6ec5ee;
}

.grei-919191 {
  color: #919191;
}

.grei-6e6e6e {
  color: #6e6e6e;
}

.dark-555555,
.dark-555555 a {
  color: #555555;
}

.grei-adadad {
  color: #adadad;
}

.black-222222 {
  color: #222222;
}

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

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

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

.nopadding {
  padding: 0px;
}

.floating {
  position: relative;
  float: left;
}

.block .container .col-md-4.col-md-offset-4:nth-child(1) {
  padding: 0;
}

@media (max-width: 1400px) {
  .xx-large {
    font-size: 90px;
    line-height: 90px;
    font-weight: 900;
  }
}

@media (max-width: 991px) {
  .main .offset-12 {
    height: 0;
  }
  .title .bg {
    width: 100%;
  }
  .h1 .inline-content {
    display: inline;
    position: relative;
    line-height: 60px;
  }
  .block .col-md-10.col-md-offset-1 {
    padding: 0;
  }
  .h1.xx-large,
  .h1.xxx-large {
    font-size: 70px;
  }
  /*.main .h1{white-space: nowrap;}*/
}

@media (max-width: 768px) {
  .h1 .content {
    display: inline;
    position: relative;
    line-height: 60px;
  }
  .h1.xx-large,
  .h1.xxx-large {
    font-size: 52px;
  }
  .main .h1 {
    white-space: normal;
    display: inline;
    padding-left: 0;
  }
  .main .h1 .bg {
    display: none;
  }
}

@media (max-width: 480px) {
  .h1-border {
    padding: 0px 5px;
  }
  .h1.x-large,
  .h1.xx-large,
  .h1.xxx-large {
    font-size: 30px;
  }
  .main .h1 {
    font-size: 40px;
    line-height: 44px;
  }
  .h1 .content {
    line-height: 44px;
  }
}

/*background*/

.bg-nofixed {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 50% 0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-background-size: cover;
  background-attachment: scroll;
}

.bg {
  position: fixed;
}

.bg img {
  position: absolute;
}

.bg video {
  position: absolute;
}

.bg-span {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  z-index: 2;
}

.bg-span.light10 {
  background: rgba(0, 0, 0, 0.1);
}

.bg-span.light20 {
  background: rgba(46, 32, 32, 0.2);
}

.bg-span.extra-light {
  background: rgba(31, 29, 27, 0.14);
}

.bg-span.lighter {
  background: rgba(0, 0, 0, 0.2);
}

.bg-span.middle50 {
  background: rgba(0, 0, 0, 0.5);
}

.bg-span.light {
  background: rgba(0, 0, 0, 0.35);
}

.bg-span.banner-overlay {
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.bg-span.hover-bg {
  background: rgba(0, 0, 0, 0);
}

.clip {
  clip: rect(auto, auto, auto, auto);
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
}

.pull-clip {
  left: -100%;
}

/*buttons*/

.button-wrap {
  position: relative;
  width: 100%;
  text-align: center;
  display: inline-block;
}

.button {
  position: relative;
  display: inline-block;
  font-weight: 700;
  color: #333333;
  font-size: 11px;
  line-height: 14px;
  padding: 14px 24px 12px;
  text-transform: uppercase;
  background: transparent;
  font-family: "Montserrat", serif;
  width: auto !important;
}

.button:before {
  z-index: 100;
  position: absolute;
  left: -19px;
  top: 50%;
  width: 0px;
  height: 1px;
  background: #6ec5ee;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
}

.button:after {
  z-index: 100;
  position: absolute;
  right: -19px;
  top: 50%;
  width: 0px;
  height: 1px;
  background: #6ec5ee;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
}

.button.colored:before {
  content: none;
}

.button.colored:after {
  content: none;
}

.button.activated:before {
  width: 30px;
}

.button.activated:after {
  width: 30px;
}

.button span {
  background: #333333;
}

.button.white span {
  background: #fff;
}

.button .content {
  opacity: 0;
  position: relative;
  background: transparent !important;
  white-space: nowrap;
}

.button.activated .content {
  opacity: 1;
}

.button .top {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 1px;
  z-index: -1;
}

.button .right {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1px;
  height: 0%;
  z-index: -1;
}

.button .bottom {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 0%;
  height: 1px;
  z-index: -1;
}

.button .left {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 1px;
  height: 0%;
  z-index: -1;
}

.button.activated .top,
.button.activated .bottom {
  width: 100%;
}

.button.activated .left,
.button.activated .right {
  height: 100%;
}

.big-button {
  padding: 22px 0 20px;
  width: 301px !important;
  line-height: 14px;
}

.big-button .top,
.big-button .bottom {
  height: 1px;
  background: #6ec5ee;
}

.big-button .left,
.big-button .right {
  width: 1px;
  background: #6ec5ee;
}

.big-button:before {
  background: #333333 !important;
  z-index: 1;
}

.big-button:after {
  background: #333333 !important;
  z-index: 1;
}

.small-button {
  padding: 9px 10px;
  font-size: 11px;
  line-height: 10px;
}

.button.banner-button {
  margin-top: 40px;
}

.white {
  color: #fff;
}

.white .top,
.white .right,
.white .bottom,
.white .left {
  background: #fff;
}

.button.small-button.activated:after {
  content: none;
}

.button.colored {
  transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  background: #6ec5ee;
  font-size: 11px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  display: inline-block;
  overflow: hidden;
}

.button.colored.small-13 {
  font-size: 13px;
  padding: 10px 26px;
}

.button .top-row,
.button .bottom-row {
  background: transparent;
  display: block;
}

.button .top-row {
  display: block;
  white-space: nowrap;
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
}

.button.colored {
  transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  background: #6ec5ee;
  font-size: 11px;
  display: inline-block;
  overflow: hidden;
}

.button.colored span {
  background: transparent;
}

article span.button.colored {
  font-size: 13px;
}

form [type="submit"] {
  width: 100%;
  font-size: 11px;
  border: none;
  margin-top: 0;
  font-family: "Montserrat", serif;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
}

.submit-wrap:hover input[type="submit"] {
  background-color: transparent;
  color: #6ec5ee;
}

.submit-wrap {
  position: relative;
  height: 38px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #6e6e6e;
  font-size: 14px;
  font-weight: 300;
}

textarea:-moz-placeholder,
input:-moz-placeholder {
  color: #6e6e6e;
  font-size: 15px;
  font-weight: 300;
}

textarea::-moz-placeholder,
input::-moz-placeholder {
  color: #6e6e6e;
  font-size: 15px;
  font-weight: 300;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #6e6e6e;
  font-size: 15px;
  font-weight: 300;
}

.icon-wrapper img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0.45);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.45);
  -moz-transform: translateX(-50%) translateY(-50%) scale(0.45);
  -ms-transform: translateX(-50%) translateY(-50%) scale(0.45);
  -o-transform: translateX(-50%) translateY(-50%) scale(0.45);
}

/*line-decorations*/

div.before-decoration:before {
  content: "";
  position: relative;
  float: left;
  margin-top: 11px;
  width: 15px;
  height: 1px;
  margin-right: 10px;
  background: #6ec5ee;
}

.left-decoration {
  position: absolute;
  left: -12px;
  top: -12px;
  width: 15px;
  height: 15px;
}

.left-decoration:before {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 1px;
  height: 0px;
  background: #6ec5ee;
  content: "";
}

.left-decoration:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 1px;
  background: #6ec5ee;
  content: "";
}

.right-decoration {
  position: absolute;
  right: -15px;
  top: -12px;
  width: 15px;
  height: 15px;
}

.right-decoration:before {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 1px;
  height: 0px;
  background: #6ec5ee;
  content: "";
}

.right-decoration:after {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0px;
  height: 1px;
  background: #6ec5ee;
  content: "";
}

.left-decoration.activated:before {
  height: 15px;
}

.left-decoration.activated:after {
  width: 15px;
}

.right-decoration.activated:before {
  height: 15px;
}

.right-decoration.activated:after {
  width: 15px;
}

.decoration-top {
  position: absolute;
  top: -12px;
  left: -17px;
  width: calc(100% + 38px);
  height: 25px;
}

.decoration-bottom {
  position: absolute;
  bottom: -8px;
  left: -17px;
  width: calc(100% + 38px);
  height: 25px;
}

.decoration-top.narrow,
.decoration-bottom.narrow {
  width: 136px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h1.with-narrow-decoration {
  padding: 19px 0 17px;
}

.white .decoration-top .left {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 0px;
  background: #6ec5ee;
}

.white .decoration-top .right {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 0px;
  background: #6ec5ee;
}

.white .decoration-bottom .left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 0px;
  background: #6ec5ee;
}

.white .decoration-bottom .right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 0px;
  background: #6ec5ee;
}

.white .decoration-top .top {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 0;
  width: 0px;
  height: 1px;
  background: #6ec5ee;
}

.white .decoration-bottom .bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  bottom: 0;
  width: 0px;
  height: 1px;
  background: #6ec5ee;
}

.round-decoration .h1 {
  white-space: normal;
}

.white .decoration-top.activated .top,
.white .decoration-bottom.activated .bottom {
  width: 100%;
}

.white .decoration-top.activated .left,
.white .decoration-top.activated .right,
.white .decoration-bottom.activated .left,
.white .decoration-bottom.activated .right {
  height: 25px;
}

.white .decoration-top.activated.narrow .left,
.white .decoration-top.activated.narrow .right,
.white .decoration-bottom.activated.narrow .left,
.white .decoration-bottom.activated.narrow .right {
  height: 21px;
}

.line-decoration {
  position: relative;
}

.line-decoration:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 0px;
  height: 1px;
  background: #6ec5ee;
}

.line-decoration.activated:before {
  width: 30px;
}

.line-decoration.centered:before {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.line-decoration.top-right:before {
  bottom: auto;
  top: 7px;
  left: auto;
  right: -150px;
}

.line-decoration.activated.top-right:before {
  width: 40px;
}

.decoration-vertical {
  position: relative;
  width: 1px;
  height: 30px;
  margin: 24px auto 27px;
}

.decoration-vertical:after {
  background: #6ec5ee;
  position: absolute;
  top: 0;
  left: 0;
  height: 0px;
  width: 1px;
  content: "";
}

.decoration-vertical.activated:after {
  height: 30px;
}

.decoration-vertical.middle,
.decoration-vertical.middle.activated:after {
  height: 50px;
  margin-bottom: 90px;
}

.decoration-vertical.long,
.decoration-vertical.long.activated:after {
  height: 80px;
}

.circle-decoration {
  position: absolute;
  width: 450px;
  height: 450px;
  left: calc(50% - 225px);
  top: calc(50% - 225px);
  border-radius: 50%;
  z-index: -1;
}

.circle-decoration.larger {
  width: 475px;
  height: 475px;
  left: calc(50% - 237.5px);
  top: calc(50% - 237.5px);
}

.transparent-bg svg path {
  fill: transparent !important;
  stroke-width: 0.15;
}

.circle-decoration.thin svg path {
  fill: transparent !important;
  stroke-width: 0.2;
}

.c-decoration {
  z-index: -1;
  position: relative;
  display: block;
  width: 136px;
  height: 136px;
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.c-decoration .right-top {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  width: 1px;
  height: 21px;
}

.c-decoration .right-top:before,
.c-decoration .right-bottom:before {
  content: "";
  display: block;
  background: #6ec5ee;
  height: 0px;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.c-decoration .right-bottom {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 1px;
  height: 21px;
}

.c-decoration.activated .right-top:before,
.c-decoration.activated .right-bottom:before {
  height: 100%;
}

.c-decoration .bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0px;
  height: 1px;
  background: #6ec5ee;
}

.c-decoration .left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 0px;
  background: #6ec5ee;
}

.c-decoration .top {
  position: absolute;
  left: 0;
  top: 0;
  width: 0px;
  height: 1px;
  background: #6ec5ee;
}

.c-decoration.activated .bottom,
.c-decoration.activated .top {
  width: 100%;
}

.c-decoration.activated .left {
  height: 100%;
}

.c-decoration.activated:before,
.c-decoration.activated:after {
  height: 100%;
}

.little-decor-bottom {
  position: absolute;
  bottom: 0;
  left: 30px;
  width: calc(100% - 60px);
  height: 15px;
}

.little-decor-bottom .left {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 0;
  background: #6ec5ee;
}

.little-decor-bottom .bottom-left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #6ec5ee;
}

.little-decor-bottom .right {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 0;
  background: #6ec5ee;
}

.little-decor-bottom .bottom-right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #6ec5ee;
}

.little-decor-bottom.activated .left,
.little-decor-bottom.activated .right {
  height: 15px;
}

.little-decor-bottom.activated .bottom-left,
.little-decor-bottom.activated .bottom-right {
  width: 15px;
}

.separator {
  position: relative;
  float: left;
  width: 100%;
  height: 1px;
  background: #ededed;
}

@media (min-width: 1200px) {
  .button:hover:before,
  .button:hover:after {
    width: 100px;
  }
  .big-button:hover:before,
  .big-button:hover:after {
    width: 170px;
  }
  .button.button-style-2:hover {
    background-color: transparent;
    color: #6ec5ee;
  }
  .button.button-style-2:hover:after {
    border: 5px solid #6ec5ee;
  }
  .button.button-style-3:hover {
    background: transparent;
    color: #fff;
  }
  .button.button-style-3:hover:after {
    border-color: #fff;
  }
  .button.button-style-4:hover:after {
    border-color: #fff;
  }
  .animated-block:hover .line-decoration.wide:before {
    width: 60px;
  }
  .button.colored:hover .bottom-row {
    transform: translateY(200%);
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    opacity: 1;
  }
  .button.colored:hover .top-row {
    opacity: 1;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
  }
}

@media (max-width: 991px) {
  .button span.top,
  .button span.bottom {
    width: 100%;
  }
  .button span.left,
  .button span.right {
    height: 100%;
  }
  .h1 .content .left-decoration,
  .h1 .content .right-decoration {
    top: 0;
  }
  .decoration-top {
    top: 3px;
  }
  .decoration-bottom {
    bottom: 6px;
  }
  .line-decoration:before,
  .button:before,
  .button:after {
    width: 30px;
  }
  .line-decoration.wide:before {
    width: 60px;
  }
  .button span.content {
    opacity: 1;
  }
  .decoration-vertical {
    margin: 14px auto 15px;
  }
  .decoration-vertical:after {
    height: 30px;
  }
  .decoration-vertical.middle:after {
    height: 50px;
  }
  .block-type-9.with-slider
    .swiper-slide-active
    .table-view
    .decoration-vertical:after,
  .decoration-vertical.long,
  .decoration-vertical.long:after {
    height: 30px !important;
  }
  .line-decoration:before {
    bottom: -14px;
  }
  .circle-decoration {
    border: 1px solid #6ec5ee;
  }
  .decoration-vertical.middle,
  .decoration-vertical.middle.activated:after {
    margin-bottom: 40px;
  }
  .little-decor-bottom .left,
  .little-decor-bottom .right {
    height: 15px;
  }
  .little-decor-bottom .bottom-left,
  .little-decor-bottom .bottom-right {
    width: 15px;
  }
}

@media (max-width: 767px) {
  .circle-decoration {
    width: 400px;
    height: 400px;
    left: calc(50% - 200px);
    top: calc(50% - 200px);
  }
  .c-decoration {
    left: -18px;
  }
  .little-decor-bottom {
    display: none;
  }
}

@media (max-width: 480px) {
  .big-button {
    width: 200px !important;
  }
  .circle-decoration {
    display: none;
  }
}

/*spacers*/

.offset-5 {
  height: 5px;
  clear: both;
  display: block;
}

.offset-10 {
  height: 10px;
  clear: both;
  display: block;
}

.offset-12 {
  height: 12px;
  clear: both;
  display: block;
}

.offset-15 {
  height: 15px;
  clear: both;
  display: block;
}

.offset-20 {
  height: 20px;
  clear: both;
  display: block;
}

.offset-25 {
  height: 25px;
  clear: both;
  display: block;
}

.offset-30 {
  height: 30px;
  clear: both;
  display: block;
}

.offset-35 {
  height: 35px;
  clear: both;
  display: block;
}

.offset-40 {
  height: 40px;
  clear: both;
  display: block;
}

.offset-45 {
  height: 45px;
  clear: both;
  display: block;
}

.offset-50 {
  height: 50px;
  clear: both;
  display: block;
}

.offset-55 {
  height: 55px;
  clear: both;
  display: block;
}

.offset-60 {
  height: 60px;
  clear: both;
  display: block;
}

.offset-65 {
  height: 65px;
  clear: both;
  display: block;
}

.offset-70 {
  height: 70px;
  clear: both;
  display: block;
}

.offset-75 {
  height: 75px;
  clear: both;
  display: block;
}

.offset-80 {
  height: 80px;
  clear: both;
  display: block;
}

.offset-85 {
  height: 85px;
  clear: both;
  display: block;
}

.offset-90 {
  height: 90px;
  clear: both;
  display: block;
}

.offset-95 {
  height: 95px;
  clear: both;
  display: block;
}

.offset-100 {
  height: 100px;
  clear: both;
  display: block;
}

.offset-105 {
  height: 105px;
  clear: both;
  display: block;
}

.offset-110 {
  height: 110px;
  clear: both;
  display: block;
}

.offset-115 {
  height: 115px;
  clear: both;
  display: block;
}

.offset-120 {
  height: 120px;
  clear: both;
  display: block;
}

.offset-125 {
  height: 125px;
  clear: both;
  display: block;
}

.offset-130 {
  height: 130px;
  clear: both;
  display: block;
}

.offset-135 {
  height: 135px;
  clear: both;
  display: block;
}

.offset-140 {
  height: 140px;
  clear: both;
  display: block;
}

.offset-145 {
  height: 145px;
  clear: both;
  display: block;
}

.offset-150 {
  height: 150px;
  clear: both;
  display: block;
}

.offset-155 {
  height: 155px;
  clear: both;
  display: block;
}

.offset-160 {
  height: 160px;
  clear: both;
  display: block;
}

.offset-165 {
  height: 165px;
  clear: both;
  display: block;
}

.offset-170 {
  height: 170px;
  clear: both;
  display: block;
}

.offset-175 {
  height: 175px;
  clear: both;
  display: block;
}

.offset-180 {
  height: 180px;
  clear: both;
  display: block;
}

.offset-185 {
  height: 185px;
  clear: both;
  display: block;
}

.offset-220 {
  height: 220px;
  clear: both;
  display: block;
}

.offset-235 {
  height: 235px;
  clear: both;
  display: block;
}

@media (max-width: 991px) {
  .md-offset-0 {
    height: 0px;
    clear: both;
    display: block;
  }
  .md-offset-7-5 {
    height: 7.5px;
    clear: both;
    display: block;
  }
  .md-offset-5 {
    height: 5px;
    clear: both;
    display: block;
  }
  .md-offset-10 {
    height: 10px;
    clear: both;
    display: block;
  }
  .md-offset-15 {
    height: 15px;
    clear: both;
    display: block;
  }
  .md-offset-20 {
    height: 20px;
    clear: both;
    display: block;
  }
  .md-offset-25 {
    height: 25px;
    clear: both;
    display: block;
  }
  .md-offset-30 {
    height: 30px;
    clear: both;
    display: block;
  }
  .md-offset-35 {
    height: 35px;
    clear: both;
    display: block;
  }
  .md-offset-40 {
    height: 40px;
    clear: both;
    display: block;
  }
  .md-offset-45 {
    height: 45px;
    clear: both;
    display: block;
  }
  .md-offset-50 {
    height: 50px;
    clear: both;
    display: block;
  }
  .md-offset-55 {
    height: 55px;
    clear: both;
    display: block;
  }
  .md-offset-60 {
    height: 60px;
    clear: both;
    display: block;
  }
  .md-offset-65 {
    height: 65px;
    clear: both;
    display: block;
  }
  .md-offset-70 {
    height: 70px;
    clear: both;
    display: block;
  }
  .md-offset-75 {
    height: 75px;
    clear: both;
    display: block;
  }
  .md-offset-80 {
    height: 60px;
    clear: both;
    display: block;
  }
  .md-offset-85 {
    height: 85px;
    clear: both;
    display: block;
  }
  .md-offset-90 {
    height: 90px;
    clear: both;
    display: block;
  }
  .md-offset-95 {
    height: 95px;
    clear: both;
    display: block;
  }
  .md-offset-100 {
    height: 100px;
    clear: both;
    display: block;
  }
  .md-offset-105 {
    height: 105px;
    clear: both;
    display: block;
  }
  .md-offset-110 {
    height: 110px;
    clear: both;
    display: block;
  }
  .md-offset-115 {
    height: 115px;
    clear: both;
    display: block;
  }
  .md-offset-120 {
    height: 120px;
    clear: both;
    display: block;
  }
  .md-offset-125 {
    height: 125px;
    clear: both;
    display: block;
  }
  .md-offset-130 {
    height: 130px;
    clear: both;
    display: block;
  }
  .md-offset-160 {
    height: 160px;
    clear: both;
    display: block;
  }
  .md-offset-150 {
    height: 150px;
    clear: both;
    display: block;
  }
}

@media (max-width: 767px) {
  .sm-offset-0 {
    height: 0px;
    clear: both;
    display: block;
  }
  .sm-offset-5 {
    height: 5px;
    clear: both;
    display: block;
  }
  .sm-offset-7-5 {
    height: 7.5px;
    clear: both;
    display: block;
  }
  .sm-offset-10 {
    height: 10px;
    clear: both;
    display: block;
  }
  .sm-offset-15 {
    height: 15px;
    clear: both;
    display: block;
  }
  .sm-offset-20 {
    height: 20px;
    clear: both;
    display: block;
  }
  .sm-offset-25 {
    height: 25px;
    clear: both;
    display: block;
  }
  .sm-offset-30 {
    height: 30px;
    clear: both;
    display: block;
  }
  .sm-offset-35 {
    height: 35px;
    clear: both;
    display: block;
  }
  .sm-offset-40 {
    height: 40px;
    clear: both;
    display: block;
  }
  .sm-offset-45 {
    height: 45px;
    clear: both;
    display: block;
  }
  .sm-offset-50 {
    height: 50px;
    clear: both;
    display: block;
  }
  .sm-offset-55 {
    height: 55px;
    clear: both;
    display: block;
  }
  .sm-offset-60 {
    height: 60px;
    clear: both;
    display: block;
  }
  .sm-offset-65 {
    height: 65px;
    clear: both;
    display: block;
  }
  .sm-offset-70 {
    height: 70px;
    clear: both;
    display: block;
  }
  .sm-offset-75 {
    height: 75px;
    clear: both;
    display: block;
  }
  .sm-offset-80 {
    height: 80px;
    clear: both;
    display: block;
  }
  .sm-offset-85 {
    height: 85px;
    clear: both;
    display: block;
  }
  .sm-offset-90 {
    height: 90px;
    clear: both;
    display: block;
  }
  .sm-offset-95 {
    height: 95px;
    clear: both;
    display: block;
  }
  .sm-offset-100 {
    height: 100px;
    clear: both;
    display: block;
  }
  .sm-offset-105 {
    height: 105px;
    clear: both;
    display: block;
  }
  .sm-offset-110 {
    height: 110px;
    clear: both;
    display: block;
  }
  .sm-offset-115 {
    height: 115px;
    clear: both;
    display: block;
  }
  .sm-offset-120 {
    height: 120px;
    clear: both;
    display: block;
  }
  .sm-offset-125 {
    height: 125px;
    clear: both;
    display: block;
  }
  .sm-offset-130 {
    height: 130px;
    clear: both;
    display: block;
  }
}

@media (max-width: 480px) {
  .xs-offset-0 {
    height: 0px;
    clear: both;
    display: block;
  }
  .xs-offset-5 {
    height: 5px;
    clear: both;
    display: block;
  }
  .xs-offset-7-5 {
    height: 7.5px;
    clear: both;
    display: block;
  }
  .xs-offset-10 {
    height: 10px;
    clear: both;
    display: block;
  }
  .xs-offset-15 {
    height: 15px;
    clear: both;
    display: block;
  }
  .xs-offset-20 {
    height: 20px;
    clear: both;
    display: block;
  }
  .xs-offset-25 {
    height: 25px;
    clear: both;
    display: block;
  }
  .xs-offset-30 {
    height: 30px;
    clear: both;
    display: block;
  }
  .xs-offset-35 {
    height: 35px;
    clear: both;
    display: block;
  }
  .xs-offset-40 {
    height: 40px;
    clear: both;
    display: block;
  }
  .xs-offset-45 {
    height: 45px;
    clear: both;
    display: block;
  }
  .xs-offset-50 {
    height: 50px;
    clear: both;
    display: block;
  }
  .xs-offset-55 {
    height: 55px;
    clear: both;
    display: block;
  }
  .xs-offset-60 {
    height: 60px;
    clear: both;
    display: block;
  }
  .xs-offset-65 {
    height: 65px;
    clear: both;
    display: block;
  }
  .xs-offset-70 {
    height: 70px;
    clear: both;
    display: block;
  }
  .xs-offset-75 {
    height: 75px;
    clear: both;
    display: block;
  }
  .xs-offset-80 {
    height: 80px;
    clear: both;
    display: block;
  }
  .xs-offset-85 {
    height: 85px;
    clear: both;
    display: block;
  }
  .xs-offset-90 {
    height: 90px;
    clear: both;
    display: block;
  }
  .xs-offset-95 {
    height: 95px;
    clear: both;
    display: block;
  }
  .xs-offset-100 {
    height: 100px;
    clear: both;
    display: block;
  }
  .xs-offset-105 {
    height: 105px;
    clear: both;
    display: block;
  }
  .xs-offset-110 {
    height: 110px;
    clear: both;
    display: block;
  }
  .xs-offset-115 {
    height: 115px;
    clear: both;
    display: block;
  }
  .xs-offset-120 {
    height: 120px;
    clear: both;
    display: block;
  }
  .xs-offset-125 {
    height: 125px;
    clear: both;
    display: block;
  }
  .xs-offset-130 {
    height: 130px;
    clear: both;
    display: block;
  }
}

/*pagination*/

.pagination span {
  width: 10px;
  height: 10px;
  background: transparent;
  margin-right: 5px;
  margin-left: 0;
}

.pagination .swiper-pagination-switch:after {
  width: 8px;
  height: 8px;
  border: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  color: #fff;
}

.swiper-pagination-switch:before {
  border-color: rgba(255, 255, 255, 0.3);
}

.pagination .swiper-active-switch {
  width: 10px;
  height: 10px;
  background-color: #6ec5ee;
  border: none;
}

.swiper-active-switch:before
/*, .swiper-visible-switch:before*/ {
  width: 10px;
  height: 10px;
  border-color: #6ec5ee;
}

/*style 2*/

.pagination.style-2 .swiper-pagination-switch:after {
  color: #6ec5ee;
}

.pagination.style-2 .swiper-pagination-switch:before {
  border-color: #cdcdcd;
}

.pagination.style-2 .swiper-active-switch {
  background-color: #6ec5ee;
}

.pagination.style-2 .swiper-active-switch:before
/*, .pagination.style-2 .swiper-visible-switch:before*/ {
  border-color: #6ec5ee;
  background-color: #6ec5ee;
}

.pagination.none {
  display: none;
}

/*swiper-arrow*/

.swiper-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.swiper-arrow.left {
  left: 30px;
  background: rgba(0, 0, 0, 0.2)
}

.swiper-arrow.right {
  right: 30px;
  background: rgba(0, 0, 0, 0.2)
}

/*style 3*/

.swiper-arrow.left.style-3 {
  left: 15px;
}

.swiper-arrow.right.style-3 {
  right: 15px;
}

.swiper-arrow span {
  line-height: 50px;
  display: block;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}

.swiper-arrow span.fa {
  color: #6ec5ee;
}

.swiper-arrow b:first-of-type:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  content: "";
  background: rgba(255, 255, 255, 0.2);
}

.swiper-arrow b:first-of-type:after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 1px;
  height: 0;
  content: "";
  background: rgba(255, 255, 255, 0.2);
}

.swiper-arrow b:last-of-type:before {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 0;
  height: 1px;
  content: "";
  background: rgba(255, 255, 255, 0.2);
}

.swiper-arrow b:last-of-type:after {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 0;
  content: "";
  background: rgba(255, 255, 255, 0.2);
}

.swiper-arrow b.activated:first-of-type:before,
.swiper-arrow b.activated:last-of-type:before {
  width: 100%;
}

.swiper-arrow b.activated:first-of-type:after,
.swiper-arrow b.activated:last-of-type:after {
  height: 100%;
}

.swiper-arrow .bg-nofixed {
  position: absolute !important;
}

/*rotated arrow*/

.block-on-background .swiper-arrow.left.rotated,
.block-on-background .swiper-arrow.right.rotated {
  z-index: 1;
  top: 52%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  background: #fff;
}

.block-on-background .swiper-arrow.rotated:before {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.block-on-background .swiper-arrow.rotated.right:before {
  left: -1px;
}

.block-on-background .swiper-arrow.left.rotated {
  left: -11px;
}

.block-on-background .swiper-arrow.right.rotated {
  right: -9px;
}

.block-on-background .swiper-arrow.rotated span.fa {
  color: #333;
}

.block-on-background .swiper-arrow.left.rotated .hover-decor.top {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 30px;
  background: #6ec5ee;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

/*yellow-border*/

.swiper-arrow.yellow-border.activated span b:before {
  width: 100%;
  background: #6ec5ee;
}

.swiper-arrow.yellow-border.activated span b:after {
  height: 100%;
  background: #6ec5ee;
}

.swiper-arrow.yellow-border span.fa {
  color: #333;
}

.swiper-arrow.yellow-border {
  transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
}

/*light-border*/

.swiper-arrow.light-border span b:first-of-type:before {
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
}

.swiper-arrow.light-border span b:first-of-type:after {
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
}

.swiper-arrow.light-border span b:last-of-type:before {
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
}

.swiper-arrow.light-border span b:last-of-type:after {
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
}

.swiper-arrow.light-border {
  transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
}

.swiper-arrow .clip {
  width: 50px !important;
  height: 50px !important;
  opacity: 0;
  float: none !important;
  position: absolute !important;
}

.swiper-arrow .clip .bg-nofixed {
  top: 50% !important;
  margin-top: -2px;
  left: 50% !important;
  margin-left: -12px;
}

.block-type-9 .swiper-arrow .bg-nofixed {
  margin-left: -12px;
}

.block-type-24.style-2 .swiper-arrow .clip .bg-nofixed {
  margin-left: -12px;
}

@media (min-width: 1200px) {
  .swiper-arrow:hover span b:before {
    width: 100%;
  }
  .swiper-arrow:hover span b:after {
    height: 100%;
  }
  /*style 2*/
  .swiper-arrow.style-2:hover {
    background: rgba(28, 24, 20, 0.54);
  }
  .block-on-background .swiper-arrow.rotated:hover {
    background: #6ec5ee;
  }
  .swiper-arrow.yellow-border:hover {
    background: #6ec5ee;
  }
  .swiper-arrow.light-border:hover {
    background: #6ec5ee;
  }
  .swiper-arrow.light-border:hover span.fa {
    color: #333;
  }
}

@media (max-width: 991px) {
  .swiper-arrow.left {
    left: -4px;
  }
  .swiper-arrow.right {
    right: -4px;
  }
  /*style 3*/
  .swiper-arrow.left.style-3 {
    left: -4px;
  }
  .swiper-arrow.right.style-3 {
    right: -4px;
  }
  /*style 4*/
  .swiper-arrow.left.style-4 {
    left: 0px;
  }
  .swiper-arrow.right.style-4 {
    right: 0px;
  }
  .swiper-arrow.light-border.left {
    left: 15px;
  }
  .swiper-arrow.light-border.right {
    right: 15px;
  }
}

@media (max-width: 480px) {
  /*light-border*/
  .swiper-arrow.light-border span b:first-of-type:before {
    display: none;
  }
  .swiper-arrow.light-border span b:first-of-type:after {
    display: none;
  }
  .swiper-arrow.light-border span b:last-of-type:before {
    display: none;
  }
  .swiper-arrow.light-border span b:last-of-type:after {
    display: none;
  }
  .block-type-24.style-2.narrow .swiper-arrow.left {
    left: 2px;
  }
  .block-type-24.style-2.narrow .swiper-arrow.right {
    right: 2px;
  }
}

/*hover-effect*/

.hover-effect-thin,
.hover-effect-bold {
  position: relative;
  padding: 0 10px;
}

.hover-effect-thin:after {
  position: absolute;
  left: 0px;
  top: 9px;
  backface-visibility: hidden;
  height: 1px;
  width: 0%;
  background-color: #d9f2fd;
  content: "";
  z-index: -1;
}

.hover-effect-bold:after {
  content: "";
  position: absolute;
  top: 11px;
  /*transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);*/
  left: 0px;
  width: 0;
  height: 29px;
  background: #d9f2fd;
  z-index: -1;
  border-radius: 2px;
}

.hover-effect-extra-bold:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: -10px;
  width: 0;
  height: 15px;
  background: #6ec5ee;
  z-index: -1;
}

.hover-effect-extra-bold {
  padding-right: 10px;
}

.hover-content {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(51, 51, 51, 0.6);
}

.hover-content .animated-right {
  text-align: center;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
}

.hover-content .animated-left {
  text-align: center;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
}

.animated-block {
  position: relative;
  float: left;
  width: 100%;
}

.animated-block.hover-animated span.top {
  position: absolute;
  left: 0px;
  top: -10px;
  width: 0px;
  height: 10px;
  background: #6ec5ee;
}

.animated-block.hover-animated span.right {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  height: 0px;
  background: #6ec5ee;
}

.animated-block.hover-animated span.bottom {
  position: absolute;
  right: 0px;
  bottom: -10px;
  width: 0px;
  height: 10px;
  background: #6ec5ee;
}

.animated-block.hover-animated span.left {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 10px;
  height: 0px;
  background: #6ec5ee;
}

.animated-block.hover-animated.thin span.top,
.animated-block.hover-animated.thin span.bottom {
  height: 1px;
}

.animated-block.hover-animated.thin span.right,
.animated-block.hover-animated.thin span.left {
  width: 1px;
}

.animated-block.hover-animated.thin span.top {
  top: 0;
}

.animated-block.hover-animated.thin span.right {
  right: 0;
}

.animated-block.hover-animated.thin span.bottom {
  bottom: 0;
}

.animated-block.hover-animated.thin span.left {
  left: 0;
}

.animated-block.scroll-animation span.top {
  position: absolute;
  left: -20px;
  top: -20px;
  width: 0;
  height: 1px;
  background: #6ec5ee;
  z-index: 1;
}

.animated-block.scroll-animation span.right {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 1px;
  height: 0;
  background: #6ec5ee;
  z-index: -1;
}

.animated-block.scroll-animation span.bottom {
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 0;
  height: 1px;
  background: #6ec5ee;
  z-index: 1;
}

.animated-block.scroll-animation span.left {
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: 1px;
  height: 0;
  background: #6ec5ee;
  z-index: 1;
}

.animated-block.scroll-animation span.top.activated,
.animated-block.scroll-animation span.bottom.activated {
  width: calc(100% + 40px);
}

.animated-block.scroll-animation span.right.activated,
.animated-block.scroll-animation span.left.activated {
  height: calc(100% + 40px);
}

.animated-block.scroll-animation.square {
  position: absolute;
  width: 475px;
  height: 475px;
  left: calc(50% - 237.5px);
  top: calc(50% - 237.5px);
}

.animated-block.scroll-animation.square span.top {
  top: 0;
  left: 0;
}

.animated-block.scroll-animation.square span.right {
  right: 0;
  top: 0;
}

.animated-block.scroll-animation.square span.bottom {
  bottom: 0;
  right: 0;
}

.animated-block.scroll-animation.square span.left {
  left: 0;
  bottom: 0;
}

.animated-block.scroll-animation.square.rotated {
  top: 50%;
  left: 50%;
  margin-top: -4px;
  width: 405px;
  height: 405px;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.animated-block.scroll-animation.square span.top,
.animated-block.scroll-animation.square span.bottom {
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
}

.animated-block.scroll-animation.square span.right,
.animated-block.scroll-animation.square span.left {
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
}

.animated-block.scroll-animation.square span.top.activated,
.animated-block.scroll-animation.square span.bottom.activated {
  width: 100%;
}

.animated-block.scroll-animation.square span.right.activated,
.animated-block.scroll-animation.square span.left.activated {
  height: 100%;
}

.animated-block.scroll-animated.hexagon .top-left {
  position: absolute;
  width: 75%;
  height: 1px;
  background: #6ec5ee;
  transform: rotate(65deg) translateX(0%);
  -webkit-transform: rotate(65deg) translateX(0%);
  -moz-transform: rotate(65deg) translateX(0%);
  -ms-transform: rotate(65deg) translateX(0%);
  -o-transform: rotate(65deg) translateX(0%);
  top: -52px;
  left: 79px;
}

.animated-block.scroll-animated.hexagon .top-left {
  position: absolute;
  width: 75%;
  height: 1px;
  background: #6ec5ee;
  transform: rotate(65deg) translateX(0%);
  -webkit-transform: rotate(65deg) translateX(0%);
  -moz-transform: rotate(65deg) translateX(0%);
  -ms-transform: rotate(65deg) translateX(0%);
  -o-transform: rotate(65deg) translateX(0%);
  top: -52px;
  left: 79px;
}

.animated-block.scroll-animation.normal-square span.top.activated,
.animated-block.scroll-animation.normal-square span.bottom.activated {
  width: 100%;
}

.animated-block.scroll-animation.normal-square span.left.activated,
.animated-block.scroll-animation.normal-square span.right.activated {
  height: 100%;
}

.animated-block.scroll-animation.normal-square span.top {
  left: 0;
  top: 0;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
}

.animated-block.scroll-animation.normal-square span.bottom {
  right: 0;
  bottom: 0;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
}

.animated-block.scroll-animation.normal-square span.left {
  left: 0;
  bottom: 0;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
}

.animated-block.scroll-animation.normal-square span.right {
  right: 0;
  top: 0;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
}

.clip .hover-content {
  opacity: 0;
  visibility: hidden;
}

/*2 lines*/

.hover-effect-2lines {
  background: url(../img/main/hover-bg.png) repeat-y;
  background-size: 100000px 25px;
  background-position: -100000px 5px;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
}

@media (min-width: 1200px) {
  .hover-effect-thin:hover:after {
    width: 100%;
  }
  .hover-effect-bold:hover:after {
    width: 100%;
  }
  .hover-effect-extra-bold:hover:after {
    width: 100%;
  }
  .clip:hover .hover-content {
    opacity: 1;
    visibility: visible;
  }
  .clip:hover .hover-content .animated-right {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
  }
  .clip:hover .hover-content .animated-left {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
  }
  .animated-block:hover span.top {
    width: 100%;
  }
  .animated-block:hover span.right {
    height: 100%;
  }
  .animated-block:hover span.bottom {
    width: 100%;
  }
  .animated-block:hover span.left {
    height: 100%;
  }
  .animated-block.hover-animated.thin:hover span.top,
  .animated-block.hover-animated.thin:hover span.bottom {
    width: 100%;
  }
  .animated-block.hover-animated.thin:hover span.right,
  .animated-block.hover-animated.thin:hover span.left {
    height: 100%;
  }
  .animated-block.scroll-animation .button span.top,
  .animated-block.scroll-animation .button span.right,
  .animated-block.scroll-animation .button span.bottom,
  .animated-block.scroll-animation .button span.left {
    background: #333;
  }
  /*2lines*/
  .hover-effect-2lines:hover {
    background-position: 0 5px;
    -webkit-transition: all 100s ease-out !important;
    transition: all 100s ease-out !important;
  }
}

@media (max-width: 991px) {
  .animated-block.scroll-animation span.top,
  .animated-block.scroll-animation span.bottom {
    width: calc(100% + 40px);
  }
  .animated-block.scroll-animation span.right,
  .animated-block.scroll-animation span.left {
    height: calc(100% + 40px);
  }
  .animated-block.scroll-animation.square span.top,
  .animated-block.scroll-animation.square span.bottom {
    width: 100%;
  }
  .animated-block.scroll-animation.square span.right,
  .animated-block.scroll-animation.square span.left {
    height: 100%;
  }
}

@media (max-width: 525px) {
  .circle-decoration.larger,
  .animated-block.scroll-animation.square {
    width: 350px;
    height: 350px;
    left: calc(50% - 175px);
    top: calc(50% - 175px);
    display: block;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 04 - GLOBAL SETTINGS */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*  05 - HEADER */

/*-------------------------------------------------------------------------------------------------------------------------------*/

header {
  position: fixed;
  left: 25px;
  top: 25px;
  width: calc(100% - 50px);
  z-index: 1000;
  padding-top: 50px;
  padding-bottom: 76px;
}

header.move {
  background: #fff;
}

header #logo {
  position: absolute;
  left: 75px;
  z-index: 10;
  top: 0px;
  height: 2rem;
}

header #logo img {
  position: relative;
  float: left;
  max-height: 12rem;
  width: auto;
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  padding: 10px 5px 8px;
  border-right: 1px solid #6ec5ee;
  border-bottom: 1px solid #6ec5ee;
  border-left: 1px solid #6ec5ee;
  margin-top: 0;
   box-shadow: -3px 3px 4px 2px #888888;

}

header #logo .logo-white {
  display: none;
}

header nav {
  margin-top: -1600%;
  /*-webkit-transform: translateY(-1600%); -moz-transform: translateY(-1600%); -ms-transform: translateY(-1600%); -o-transform: translateY(-1600%);*/
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: 400;
  backface-visibility: hidden;
}

header nav > ul {
  position: relative;
  float: left;
  left: 50%;
  cursor: pointer;
  /*transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);*/
  margin-top: -1600%;
  margin-left: -327px;
}

header nav > ul > li {
  position: relative;
  float: left;
  padding: 0 10px;
  margin: 0 20px;
  height: 19px;
  line-height: 19px;
}

header nav .submenu li {
  height: 33px;
  line-height: 33px;
}

header nav .submenu li a {
  font-size: 12px;
  font-weight: 600;
  color: #6e6e6e;
}

header nav a {
  position: relative;
  float: left;
  color: #222;
  text-transform: uppercase;
}

header .menu-icon {
  display: block;
  position: relative;
  float: right;
  cursor: pointer;
  margin-right: 75px;
  height: 15px;
  z-index: 10;
}

header .menu-icon span {
  position: relative;
  float: left;
  width: 30px;
  height: 1px;
  background: #333333;
}

header .menu-icon .top {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  width: 30px;
  height: 1px;
  background: #333333;
}

header .menu-icon .middle {
  top: 7px;
}

header .menu-icon .bottom {
  position: absolute;
  left: 0px;
  top: 15px;
  content: "";
  width: 30px;
  height: 1px;
  background: #333333;
}

header.act .menu-icon span {
  background: #6ec5ee;
}
header a.link_estimate {
  font-weight: bold;
  border-bottom: 1px solid #6ec5ee;
  padding-bottom: 2px;

}
header.act .menu-icon .middle {
  opacity: 0;
}

header.act .menu-icon .top {
  height: 1px;
  top: 7px;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

header.act .menu-icon .bottom {
  height: 1px;
  top: 7px;
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

header ul ul,
header ul ul ul {
  position: absolute;
  top: 32px;
  left: 0%;
  border-top: 36px transparent;
  width: 100%;
  display: none;
  text-align: center;
}

header .submenu li a {
  float: none;
  white-space: nowrap;
}

header .mob-icon {
  display: none;
}

header .hover-effect-thin:after {
  left: 0px;
}

header .hover-effect-bold:after {
  top: -5px;
}

header .bg {
  width: 160px;
}

/*active*/

header.act {
  height: calc(100vh - 50px);
  background: transparent;
}

header.act nav > ul {
  top: 0;
  /*transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);*/
  margin-top: 0;
}

header.act a {
  color: #fff;
}

header.act a:after {
  content: "";
  position: absolute;
}

header.act #logo .logo-black {
  display: none;
}

header.act .submenu li {
  display: block;
  width: 100%;
}

header .hover-effect-bold:after {
  margin-top: -1px;
}

header .activated.hover-effect-bold:after {
  width: 100%;
}

@media (min-width: 992px) {
  header.act:after {
    position: absolute;
    content: "";
    bottom: -25px;
    left: 0;
    width: 100%;
    height: 25px;
    background: #fff;
  }
  header.style-6.act:after {
    display: none;
  }
  .home_menu a {
    background: #fff;
    z-index: -1;
    border-radius: 4px;
    padding: 2px 4px;
  }
}

/*header style-2*/

header.style-2 {
  background: transparent;
}

header.style-2 #logo {
  left: 75px;
}

header.style-2 #logo .logo-black {
  display: none;
}

header.style-2 #logo .logo-white {
  display: block;
}

header.style-2 nav {
  margin-top: 0;
  font-size: 2rem;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
}

header.style-2 nav > ul {
  margin-top: 0;
  transform: translateX(0%) translateY(0%);
  -webkit-transform: translateX(0%) translateY(0%);
  -moz-transform: translateX(0%) translateY(0%);
  -ms-transform: translateX(0%) translateY(0%);
  -o-transform: translateX(0%) translateY(0%);
  left: 0;
  float: right;
}

header.style-2 .menu-icon {
  display: none;
}

header.style-2 a {
  color: #fff;
}

header.style-2 ul ul,
header.style-2 ul ul ul,
header ul ul,
header ul ul ul {
  display: block;
}

header.style-2 nav > ul > li {
  position: relative;
  float: left;
  padding-left: 11px;
  padding-right: 11px;
  margin: 0 5px;
}

header.style-2 nav > ul > li:last-child {
  margin-right: 50px;
}

header.style-2 nav > ul > li a:before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 43px;
  content: "";
}

header li {
  perspective: 1000px;
}

header.style-2 .submenu {
  background-color: #222;
  width: 200px;
  padding: 27px 0px;
  z-index: 1;
}

header.style-2 .submenu:before {
  position: absolute;
  top: 0;
  right: -5px;
  content: "";
  width: 5px;
  height: 100%;
  background: transparent;
}

header .submenu li,
header.style-2 .submenu li {
  position: relative;
  width: 100%;
  height: auto;
  float: left;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

header.style-2 .mega > .submenu {
  width: auto;
  display: table;
  padding-left: 0;
}

header.style-2 .mega .submenu li {
  display: table-cell;
  float: none;
  vertical-align: top;
  width: 150px;
}

header.style-2 .mega .submenu .submenu {
  position: relative;
  float: left;
  left: 0px;
  top: 0px;
  opacity: 1;
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  border-left: 0px;
}

header.style-2 .mega .submenu .submenu li {
  display: block;
  float: left;
}

header.style-2 .mega .submenu {
  background-color: rgba(45, 42, 39, 0.95);
}

header.style-2 .mega .submenu .submenu {
  background: none;
}

header.style-2.move nav .submenu li a {
  color: #6e6e6e;
}

/*header style-3*/

header.style-3 {
  background: transparent;
}

header.style-3 .menu-icon .top,
header.style-3 .menu-icon .middle,
header.style-3 .menu-icon .bottom {
  background: #fff;
}

header.style-3 #logo .logo-white {
  display: block;
}

header.style-3 #logo .logo-black {
  display: none;
}

header.style-3 #logo {
  left: 75px;
}

header.style-3 .menu-icon {
  margin-right: 75px;
}

header.style-3.act .menu-icon .top,
header.style-3.act .menu-icon .middle,
header.style-3.act .menu-icon .bottom {
  background: #6ec5ee;
}

/*header style-3 move*/

header.style-3.move {
  background: #fff;
}

header.style-3.move .menu-icon .top,
header.style-3.move .menu-icon .middle,
header.style-3.move .menu-icon .bottom {
  background: #333;
}

header.style-3.move.act .menu-icon .top,
header.style-3.move.act .menu-icon .middle,
header.style-3.move.act .menu-icon .bottom {
  background: #6ec5ee;
}

header.style-3.move #logo .logo-white {
  display: none;
}

header.style-3.move #logo .logo-black {
  display: block;
}

/*move*/

header.move {
  padding-top: 28px;
  padding-bottom: 24px;
}

header.move nav a .active {
  color: #6ec5ee;
}

header.move .submenu {
  border-top: 55px;
}

header.move #logo {

}

/*header style-2 move*/

header.style-2.move {
  background: #fff;
}

header.style-2.move #logo .logo-black {
  display: block;
}

header.style-2.move #logo .logo-white {
  display: none;
}

header.style-2.move a {
  color: #333333;
}

/*header style-4*/

header.style-4 #logo .logo-black {
  display: block;
}

header.style-4 #logo .logo-white {
  display: none;
}

header.style-4 a {
  color: #919191;
}

/*2 lines header*/

header.two-lines {
  padding-top: 96px;
  top: 0;
  width: 100%;
  left: 0;
  padding-bottom: 40px;
}

header.two-lines #logo {
  left: 100px;
  top: 97px;
}

header.two-lines .first-line {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 57px;
  line-height: 57px;
  vertical-align: middle;
  border-bottom: 1px solid #ededed;
}

header.two-lines .first-line .contact {
  position: relative;
  float: left;
  margin-left: 100px;
  font-size: 12px;
}

header.two-lines .contact a {
  position: relative;
  float: left;
  color: #919191;
  text-transform: capitalize;
  font-weight: 400;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

header.two-lines .contact a span {
  text-transform: lowercase;
}

header.two-lines .contact a:first-child {
  padding-right: 40px;
  border-right: 1px solid #ededed;
}

header.two-lines .contact a:last-child {
  padding-left: 40px;
}

header.two-lines .follow {
  right: 87px;
  position: relative;
  float: right;
  top: 11px;
  vertical-align: middle;
}

header.two-lines .follow a {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 3px;
  color: transparent;
}

header.two-lines .follow a:last-child {
  margin-right: 0;
}

header.two-lines .follow a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  color: #888;
}

header.two-lines nav > ul > li:last-child {
  margin-right: 63px;
}

header.two-lines .contact a:before {
  content: "";
  position: relative;
  float: left;
  margin-top: 27px;
  width: 20px;
  height: 1px;
  margin-right: 20px;
  background: #6ec5ee;
}

header.style-2.two-lines nav > ul > li:before {
  height: 56px;
}

header.two-lines nav {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}

header.style-2.two-lines nav > ul > li a:before {
  height: 55px;
  content: "";
}

/*move*/

header.two-lines.move {
  padding-top: 85px;
  padding-bottom: 24px;
}

header.two-lines.move #logo {
  top: 87px;
}

header.style-2.two-lines.move nav > ul > li:before {
  height: 43px;
}

/*header style-5*/

header.style-5 {
  padding-top: 38px;
  padding-bottom: 38px;
}

header.style-5 #logo {
  top: 40px;
}

header.style-5 nav {
  margin-top: 1px;
}

header.style-5 nav.style-2 {
  margin-top: 2px;
}

header.style-2.style-5 nav > ul > li:before {
  height: 56px;
}

header.style-2.style-5.move nav > ul > li:before {
  height: 43px;
}

header.style-2.style-5 nav > ul > li a:before {
  height: 56px;
  content: "";
}

header.style-5.move {
  padding-top: 28px;
  padding-bottom: 24px;
}

header.style-5.move #logo {
  top: 30px;
}

/*header style-6*/

header.style-6 {
  padding-bottom: 48px;
  top: 0;
  left: 0;
  width: 100%;
}

header.style-6 > .table-view {
  width: calc(100% - 200px);
  margin-left: 100px;
}

header.style-6 #logo {
  left: 175px;
}

header.style-6 .menu-icon {
  display: block;
}

header.style-6 nav > ul {
  transform: translateY(-600%);
  -webkit-transform: translateY(-600%);
  -moz-transform: translateY(-600%);
  -ms-transform: translateY(-600%);
  -o-transform: translateY(-600%);
}

header.style-6 .hover-effect-bold:after {
  margin-top: 0;
}

header.style-2.style-6 nav > ul > li:last-child {
  margin-right: 25px;
}

header.style-6.act nav > ul {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  backface-visibility: hidden;
}

header.style-6.act nav > ul > li > a {
  color: #fff;
}

header.style-6.act:before {
  display: none;
}

header.style-6.act {
  height: auto;
}

header.style-6.move.act #logo .logo-white {
  display: block;
}

header.style-6.move.act #logo .logo-black {
  display: none;
}

header.style-6.move {
  padding-top: 28px;
  padding-bottom: 24px;
}

@media (max-width: 1170px) {
  header.act a.hover-effect-bold {
    padding: 0;
  }
}

@media (max-width: 1060px) {
  header nav > ul > li {
    padding: 0 20px;
  }
}

@media (min-width: 992px) {
  header .hover-effect-thin:hover:after {
    width: 100%;
  }
  header li:hover > .submenu {
    display: block;
    transform: rotateX(0deg) translateX(-50%);
    -webkit-transform: rotateX(0deg) translateX(-50%);
    -moz-transform: rotateX(0deg) translateX(-50%);
    -ms-transform: rotateX(0deg) translateX(-50%);
    -o-transform: rotateX(0deg) translateX(-50%);
    top: 0px;
    opacity: 1;
    visibility: visible;
    left: 50%;
  }
  header li:hover > .submenu .submenu {
    left: 243px;
  }
  /*style-2*/
  header:hover {
    overflow: visible;
  }
  header.style-2.two-lines li:hover > .submenu {
    top: 56px;
  }
  header.style-2.two-lines.move li:hover > .submenu {
    top: 43px;
  }
  header li:hover > .submenu {
    transform: rotateX(0deg) translateX(-50%);
    -webkit-transform: rotateX(0deg) translateX(-50%);
    -moz-transform: rotateX(0deg) translateX(-50%);
    -ms-transform: rotateX(0deg) translateX(-50%);
    -o-transform: rotateX(0deg) translateX(-50%);
    top: 28px;
    opacity: 1;
    visibility: visible;
    left: 50%;
  }
  header.style-2 li:hover > .submenu .submenu {
    left: 299px;
  }
  header li:hover > .submenu .submenu.left-submenu {
    left: -103px;
  }
  header .submenu a:hover span:after {
    right: 15px;
  }
  header .follow a:hover i {
    color: #fff;
  }
  /*header nav > ul >li:last-child:hover > .submenu{margin-left: -10px;}*/
  header li:hover > .submenu {
    top: 28px;
  }
  header li:hover > .submenu {
    top: 0px;
  }
  header.style-2 li:hover > .submenu {
    top: 43px;
  }
  /*style-4*/
  header.style-4 nav > ul > li > a:hover {
    color: #333;
  }
  /*style-5*/
  header.style-2.style-5 li:hover > .submenu {
    top: 56px;
  }
  header.style-2.style-5.move li:hover > .submenu {
    top: 43px;
  }
  /*style-6*/
  header.style-6 li:hover > .submenu {
    top: 65px;
  }
  header.style-6.move li:hover > .submenu {
    top: 41px;
  }
  header.style-6 .hover-effect-bold:after {
    top: 6px;
  }
  /*two lines*/
  header.style-2.two-lines .follow a:hover {
    border: 1px solid #ededed;
  }
  header.style-2.two-lines .follow a:hover i {
    color: #888;
  }
}

@media (max-width: 991px) {
  header {
    overflow: visible;
    padding: 28px 0 24px;
  }
  header.style-3.act,
  header.style-4.act,
  header.style-5.act,
  header.style-6.act {
    background: #fff;
    height: auto;
  }
  header #logo {
    margin-left: 15px;
    left: 0;
    height: 16px;
    top: 0;
  }
  header.act #logo .logo-black {
    display: none;
  }
  header.act #logo .logo-white {
    display: block;
  }
  header nav {
    margin-top: 0;
    position: fixed;
    top: 96px;
    left: -100%;
    right: 0px;
    bottom: 0px;
    width: 100%;
    margin: 0;
    color: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    background: #222;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  }
  header nav.act-mob {
    left: 0;
  }
  header nav > ul {
    margin-left: 0;
    margin-top: 0;
    float: none;
    left: -100%;
    transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
    -o-transform: translateX(0%) translateY(0%);
    top: 0px;
  }
  header.act nav > ul {
    top: 0px;
    left: 0px;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    width: 100%;
  }
  header nav a {
    padding-left: 15px;
    width: 100%;
  }
  header nav > ul > li {
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
  }
  header nav ul li {
    margin: 0px auto;
    width: 100%;
    height: auto;
    font-size: 18px;
  }
  header nav > ul > li.hover-effect-bold {
    padding-left: 25px;
    padding-right: 0;
  }
  header .submenu li {
    text-align: left;
  }
  header .submenu li:first-child {
    padding-top: 0;
  }
  header .submenu li:last-child {
    padding-bottom: 0px;
  }
  header .submenu a {
    height: 0px;
    line-height: 0px;
    font-size: 0px;
  }
  header ul ul {
    position: relative;
    float: left;
    top: 0;
    text-align: left;
  }
  header:after {
    content: "";
    position: absolute;
    left: calc(-100% - 75px);
    top: 0px;
    right: -25px;
    background: #222;
    width: calc(100% + 50px);
    height: 100%;
  }
  header.act:after {
    left: -25px;
  }
  header .menu-icon {
    display: none;
  }
  header .mob-icon {
    display: block;
    position: relative;
    float: right;
    cursor: pointer;
    margin-right: 15px;
    height: 19px;
    z-index: 10;
  }
  header .mob-icon span {
    position: relative;
    float: left;
    width: 30px;
    height: 1px;
    background: #333333;
  }
  header .mob-icon .top {
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    width: 30px;
    height: 1px;
    background: #333333;
  }
  header .mob-icon .middle {
    top: 7px;
  }
  header .mob-icon .bottom {
    position: absolute;
    left: 0px;
    top: 15px;
    content: "";
    width: 30px;
    height: 1px;
    background: #333333;
  }
  header .mob-icon.act span {
    background: #6ec5ee;
  }
  header .mob-icon.act .middle {
    opacity: 0;
  }
  header .mob-icon.act .top {
    top: 8px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  header .mob-icon.act .bottom {
    top: 8px;
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
  }
  header.act {
    height: auto;
    top: 25px;
  }
  header.act a.hover-effect-bold {
    padding-left: 15px;
    width: 100%;
  }
  header.act #logo {
    padding-left: 0;
  }
  header .activated.hover-effect-bold:after {
    width: 0%;
  }
  /*style-2*/
  header.style-2 #logo {
    left: 0px;
  }
  header.style-2 .mob-icon span {
    background-color: #fff;
  }
  header.style-2.move .mob-icon span {
    background-color: #333;
  }
  header.style-2.move.act .mob-icon span {
    background-color: #6ec5ee;
  }
  header.style-2.act .mob-icon span {
    background-color: #6ec5ee;
  }
  header .submenu,
  header.style-2 .submenu {
    position: relative;
    display: none;
    top: 0px;
    right: 0px;
    border-top: 0;
    opacity: 1;
    transform-origin: 0px 0px;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    background-color: transparent;
    width: 100%;
    padding: 0px;
  }
  header.style-2 .submenu .submenu {
    left: 0;
    top: 0px !important;
  }
  header.style-2 nav > ul > li {
    padding-left: 15px;
  }
  header.style-2 nav ul {
    -moz-transition: all 0ms ease-out !important;
    -o-transition: all 0ms ease-out !important;
    -webkit-transition: all 0ms ease-out !important;
    transition: all 0ms ease-out !important;
    -ms-transition: all 0ms ease-out !important;
  }
  header.style-2 .mega > .submenu {
    display: none;
    background: transparent;
  }
  header.style-2.move.act #logo .logo-black {
    display: none;
  }
  header.style-2.move.act #logo .logo-white {
    display: block;
  }
  header.style-2.move a {
    color: #fff;
  }
  header.style-2.act,
  header.style-2.act.move {
    height: auto;
  }
  header.style-2.act:before,
  header.style-2.act.move:before {
    background: transparent;
  }
  /*style-3*/
  header.style-3 #logo {
    left: 0;
  }
  header.style-3 .mob-icon .top,
  header.style-3 .mob-icon .middle,
  header.style-3 .mob-icon .bottom {
    background: #fff;
  }
  header.style-3.move .mob-icon .top,
  header.style-3.move .mob-icon .middle,
  header.style-3.move .mob-icon .bottom {
    background: #333;
  }
  header.style-3.act .mob-icon .top,
  header.style-3.act .mob-icon .middle,
  header.style-3.act .mob-icon .bottom {
    background: #6ec5ee;
  }
  header.style-3.move.act #logo .logo-black {
    display: none;
  }
  header.style-3.move.act #logo .logo-white {
    display: block;
  }
  /*style-4*/
  header.style-4 .mob-icon span {
    background: #333;
  }
  header.style-4 a {
    color: #fff;
  }
  header.style-4.act .mob-icon span {
    background: #6ec5ee;
  }
  /*style-5*/
  header.style-5 {
    padding: 28px 0 24px;
  }
  header.style-5 nav {
    margin-top: 0px;
  }
  header.style-5 #logo,
  header.style-5.move #logo {
    top: 30px;
  }
  /*style-6*/
  header.style-6 {
    width: calc(100% - 50px);
    margin-left: 0;
    left: 25px;
    background: transparent;
    padding-bottom: 24px;
    top: 25px;
  }
  header.style-6 .menu-icon {
    display: none;
  }
  header.style-6.act nav > ul {
    width: 100%;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  header.style-6:after {
    left: calc(-100% - 25px);
    width: 100%;
  }
  header.style-6.act:after {
    left: 0;
  }
  header.style-6 > .table-view {
    width: 100%;
    margin-left: 0;
  }
  header.style-6 nav.act-mob {
    left: 25px;
    width: calc(100% - 50px);
  }
  header.style-2.style-6 nav > ul > li {
    padding-left: 0;
    margin-left: 0;
  }
  body:not(.with_border) header.style-6 {
    top: 0;
    width: 100%;
    left: 0;
  }
  body:not(.with_border) header.style-6 nav {
    top: 71px;
  }
  body:not(.with_border) header.style-6 nav.act-mob {
    left: 0;
    width: 100%;
  }
  /*header two lines*/
  header.two-lines .first-line {
    display: none;
  }
  header.two-lines,
  header.two-lines.move {
    padding: 28px 0 24px;
  }
  header.two-lines #logo,
  header.two-lines.move #logo {
    top: 30px;
  }
  header.two-lines.act #logo {
    left: 0;
  }
  header.style-2.two-lines li:hover > .submenu,
  header.style-2.two-lines.move li:hover > .submenu {
    top: 0;
  }
  header.two-lines:after {
    left: -100%;
    width: 100%;
  }
  header.two-lines.act:after {
    left: 0;
  }
  header.style-2.two-lines li a:after {
    right: 22px !important;
  }
  header.style-2.two-lines li a:before {
    right: 15px !important;
  }
  header .submenu li a {
    padding-left: 15px;
    float: left;
  }
  header .submenu.open li > a {
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    width: 100%;
  }
  header .submenu.open {
    display: block;
  }
  header .submenu .submenu.open {
    position: relative;
    visibility: visible;
    transform: translateX(0%) rotateX(0deg);
    -webkit-transform: translateX(0%) rotateX(0deg);
    -ms-transform: translateX(0%) rotateX(0deg);
    -moz-transform: translateX(0%) rotateX(0deg);
    -o-transform: translateX(0%) rotateX(0deg);
  }
  header .submenu.open li {
    background: #1a1a1a;
  }
  header .submenu .submenu li {
    background: #252525;
  }
  header li a:after {
    position: absolute;
    right: 22px !important;
    left: auto !important;
    top: 10px !important;
    content: "";
    height: 15px !important;
    width: 1px !important;
    background: #6ec5ee;
  }
  header li a:before {
    position: absolute;
    right: 15px !important;
    left: auto !important;
    top: 17px !important;
    content: "";
    height: 1px !important;
    width: 15px !important;
    background: #6ec5ee;
  }
  header li a.active:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  #content-wrapper.border header li a:before,
  header.style-2 li a:before {
    right: 25px !important;
  }
  #content-wrapper.border header li a:after,
  header.style-2 li a:after {
    right: 32px !important;
  }
  header.style-6 li a:before {
    right: 15px !important;
  }
  header.style-6 li a:after {
    right: 22px !important;
  }
  header li a.noplus:after,
  header li a.noplus:before {
    content: none !important;
  }
  #content-wrapper.border header li a:after {
    right: 40px !important;
  }
  #content-wrapper.border header.style-2 li a:after {
    right: 50px !important;
  }
  #content-wrapper.border header.style-2.two-lines li a:after {
    right: 40px !important;
  }
  header.style-2.two-lines li a:after {
    margin-top: 0;
  }
  header .submenu.open .submenu li a:after {
    content: none;
  }
  header nav .submenu li {
    height: 45px;
    line-height: 45px;
  }
  header nav .submenu.open li {
    height: auto;
  }
  header ul > ul.open ul {
    display: block;
  }
}

@media (min-width: 992px) {
  header .submenu {
    width: 200px;
    position: absolute;
    top: 180px;
    right: 0px;
    border-top: 36px transparent;
    opacity: 0;
    transform-origin: 0px 0px;
    transform: rotateX(-80deg);
    -webkit-transform: rotateX(-80deg);
    -ms-transform: rotateX(-80deg);
    -moz-transform: rotateX(-80deg);
    -o-transform: rotateX(-80deg);
    padding: 27px 0px;
    z-index: 1;
  }
  header .submenu .submenu {
    position: absolute;
    top: -27px !important;
    left: 100%;
    margin-left: 2px;
    visibility: hidden;
    transform: translateX(-50%) rotateX(-80deg);
    -webkit-transform: translateX(-50%) rotateX(-80deg);
    -moz-transform: translateX(-50%) rotateX(-80deg);
    -ms-transform: translateX(-50%) rotateX(-80deg);
    -o-transform: translateX(-50%) rotateX(-80deg);
  }
  header nav > ul {
    padding: 0 15px;
  }
  header.act.style-6 .submenu li {
    width: 100%;
  }
  header.act nav {
    top: 0%;
    /*transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);*/
  }
  /*header.act nav > ul >li:before{position: absolute; top: -10px; left: 0px; right: 0px; bottom: -35px; content: ""; width: calc(100%); height: calc(100% + 45px); background: transparent;}*/
  header .animated-bg {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #222;
  }
  header.act .animated-bg {
    top: 0px;
    background: #222;
  }
  header .animated-bg {
    height: calc(100vh - 25px);
  }
  header.two-lines nav > ul > li > a.active {
    color: #333;
  }
  header.style-4 nav > ul > li > a.active {
    color: #333;
  }
  /*style-6*/
  header.style-6.act nav > ul > li:before {
    height: calc(100% + 56px);
  }
  header.style-6 .animated-bg {
    height: 117px;
  }
  header.style-6.act .animated-bg {
    top: 0px;
  }
  header.style-6.act.move .animated-bg {
    height: 71px;
    top: 0px;
  }
  header.style-6 nav > ul > li a:before {
    height: 67px;
  }
  header.style-6.act nav {
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  header nav > ul > li.hover-effect-bold {
    padding-left: 0;
  }
  header {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
  header.act {
    top: 0;
  }
  header nav {
    top: 71px;
    left: calc(-100% - 25px);
  }
  header.act #logo {
    margin-left: 15px;
    height: 16px;
  }
  header nav > ul > li {
    padding: 0 5px;
  }
  header.act:after {
    width: 100%;
    left: 0;
    right: 0;
  }
  header.style-2 nav > ul > li {
    margin-left: 0;
  }
  /*#content-wrapper:not(.border) header.style-2 li a:after, #content-wrapper.border header.style-2 li a:after{right: 15px !important;}*/
  body:not(.with_border) header.style-6,
  body.with_border header.style-6 {
    width: 100%;
    left: 0;
    top: 0;
  }
  header.style-6 nav.act-mob {
    left: 0px;
    width: 100%;
  }
  header.style-2.two-lines nav > ul > li {
    margin: 0;
    padding: 0;
  }
}

.page_title {
  border-bottom: 1px solid #6ec5ee;
  padding-bottom: 1rem;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*  05 - HEADER */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 06 - FOOTER */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.footer-container {
  position: relative;
  margin: 0 30px 30px 30px;
}

footer {
  position: relative;
  width: 100%;
  background-color: #222222;
}

footer a {
  color: #6e6e6e;
}

footer ul li {
  padding-bottom: 0;
}

footer .follow a {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-right: 13px;
}

footer .follow a:last-of-type {
  margin-right: 0;
}

footer .follow i {
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  width: 100%;
  color: #6e6e6e;
}

footer .contact a,
footer .footer-menu a,
footer .footer-link a {
  display: block;
}

footer .footer-menu a,
footer .footer-link a {
  line-height: 30px;
  white-space: nowrap;
}

footer article {
  margin-top: 11px;
  /*width: 80%;*/
}

footer form {
  margin-top: -2px;
}

footer nav,
footer .cities {
  margin-top: -2px;
}

footer form [type="text"] {
  width: 100%;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 6px 13px;
  font-weight: 300;
  height: 38px;
}

footer .contact a {
  position: relative;
  float: left;
  height: 100%;
  line-height: 32px;
}

footer .contact a:first-child {
  margin-top: -1px;
}

footer .contact address a:before {
  content: "";
  position: relative;
  float: left;
  margin-top: 16px;
  width: 20px;
  height: 1px;
  margin-right: 20px;
  background: #6ec5ee;
}

footer .contact .fa-envelope-o {
  font-size: 14px;
}

footer .copywrite {
  font-weight: 100;
  position: relative;
  float: left;
  height: 35px;
  line-height: 35px;
}

footer .trademark {
  font-weight: 300;
  position: relative;
}

footer .trademark:after {
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 0%;
  height: 1px;
  background: transparent;
  content: "";
}

footer address {
  width: 100%;
  height: 100%;
}

footer address a {
  display: block;
  width: 100%;
}

footer .footer-logo {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0;
  vertical-align: top;
}

footer .footer-logo img {
  max-height: 19px;
  width: auto;
  display: block;
}

footer .h5 {
  color: #fff;
}

footer .container-fluid {
  background: #0c0908;
}

footer .container-fluid .row {
  margin: 0;
}

footer button[type="submit"] {
  border: none;
  background: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  height: 100%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

footer button[type="submit"] i {
  font: normal normal normal 14px/1 FontAwesome;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 16px;
  height: 14px;
  color: #6ec5ee;
}

footer .follow {
  position: relative;
  float: right;
}

footer input:focus {
  border: 1px solid #6ec5ee !important;
}

footer input::-webkit-input-placeholder {
  color: #6e6e6e;
  font-size: 13px;
  font-weight: 300;
}

footer input:-moz-placeholder {
  color: #6e6e6e;
  font-size: 13px;
  font-weight: 300;
}

footer input::-moz-placeholder {
  color: #6e6e6e;
  font-size: 13px;
  font-weight: 300;
}

footer input:-ms-input-placeholder {
  color: #6e6e6e;
  font-size: 13px;
  font-weight: 300;
}

/*------footer style 2------*/

footer.style-2 .col-md-2 {
  padding: 0;
}

footer.style-2 {
  text-align: center;
}

footer.style-2 nav li {
  display: inline-block;
  position: relative;
  margin-left: 47px;
  text-transform: uppercase;
}

footer.style-2 nav li:first-child {
  margin-left: 0;
}

footer.style-2 .follow {
  float: none;
}

footer.style-2 article {
  width: 100%;
}

footer.style-2 .copywrite {
  height: auto;
  background: #111;
}

/*------footer style 3------*/

footer.style-3 {
  background-color: #fff;
}

footer.style-3 article {
  width: 100%;
}

footer.style-3 .city {
  color: #333;
  line-height: 13px;
}

footer.style-3 .container-fluid.white-bg {
  background: #fff;
  border-top: 1px solid #ededed;
}

footer.style-3 .container-fluid.white-bg.without-border {
  border: none;
  padding: 0;
}

footer.style-3 .container-fluid.white-bg.without-border .col-md-12 {
  border: none;
  padding: 0;
}

footer.style-3 .container-fluid.white-bg.without-border .col-md-6 {
  padding-left: 75px;
}

footer.style-3
  .container-fluid.white-bg.without-border
  .col-md-4.col-md-offset-2 {
  padding-right: 75px;
}

footer.style-3 .decoration-vertical {
  margin-top: 0;
}

footer.style-3 .cities .col-md-2 {
  text-align: center;
}

footer.style-3 .follow {
  text-align: right;
  float: left;
}

footer.style-3 .follow a {
  margin-right: 14px;
  border: 1px solid #ededed;
}

footer.style-3 .follow a:last-of-type {
  margin-right: 0;
}

footer.style-3 .follow i {
  color: #888;
}

footer.style-3 .copywrite {
  line-height: 35px;
  padding-left: 80px;
}

footer.style-3 .trademark {
  color: #333;
  font-weight: 700;
}

footer.style-3 .col-md-8.col-md-offset-2 {
  padding: 0;
}

/*------footer style 4------*/

footer.style-4 .follow a {
  width: auto;
  padding: 0 20px;
  margin-right: 0;
  height: 10px;
  line-height: 10px;
  border: none;
  border-right: 1px solid #767676;
}

footer.style-4 .follow a:last-child {
  border: none;
  padding-right: 0;
}

footer.style-4 .container-fluid .col-md-12 {
  padding: 0;
}

footer.style-4 .follow {
  line-height: 35px;
}

@media (min-width: 1220px) {
  footer a:hover {
    color: #6ec5ee;
  }
  footer .trademark:hover:after {
    background: #6ec5ee;
    width: 100%;
  }
  footer .follow a:hover {
    background-color: #6ec5ee;
    color: #fff;
    border-color: #6ec5ee;
  }
  footer .follow a:hover i {
    color: #fff;
  }
  /*------footer style 4------*/
  footer.style-4 .follow a:hover {
    background: none;
    color: #6ec5ee;
    border-color: #727272;
  }
}

@media (max-width: 991px) {
  footer .follow a {
    margin: 0;
  }
  footer .footer-link,
  footer .footer-menu {
    padding: 0;
  }
  footer .copywrite {
    line-height: 24px;
    height: 24px;
  }
  /*style-2*/
  footer.style-2 nav li {
    margin-left: 30px;
  }
  /*style-3*/
  footer.style-3 .container-fluid.white-bg.without-border .col-md-6 {
    padding-left: 15px;
  }
  footer.style-3
    .container-fluid.white-bg.without-border
    .col-md-4.col-md-offset-2 {
    padding-right: 15px;
  }
  footer.style-3 {
    float: left;
  }
  #content-wrapper.border footer.style-3 .container {
    width: 100%;
  }
  /*------footer style 4------*/
  footer.style-4 .container-fluid .container {
    padding: 0;
  }
  footer.style-4 .container-fluid .col-md-12 {
    padding: 0 15px;
  }
}

@media (max-width: 768px) {
  footer .copywrite,
  footer .follow {
    width: 100%;
  }
  /*style-2*/
  footer.style-2 nav li {
    display: block;
    margin: 0 0 10px 0;
  }
  /*------footer style 3------*/
  footer.style-3 .follow {
    text-align: center;
  }
  #content-wrapper.border footer.style-3 .follow {
    margin-left: 0px;
  }
  footer.style-3 .copywrite {
    padding-left: 0;
    text-align: center;
    line-height: 24px;
  }
  footer.style-3 .offset-160.md-offset-80.sm-offset-115.xs-offset-60 {
    height: 80px;
  }
  #content-wrapper.border
    footer.style-3
    .offset-160.md-offset-80.sm-offset-115.xs-offset-60 {
    height: 60px;
  }
  /*------footer style 4------*/
  footer.style-4 .follow a:first-child {
    padding-left: 0;
  }
  footer.style-4 .container-fluid {
    padding: 0;
  }
}

@media (max-width: 767px) {
  footer.style-3 .decoration-vertical {
    display: none;
  }
  footer.style-3 .col-md-2:nth-child(4),
  footer.style-3 .col-md-2:nth-child(5),
  footer.style-3 .col-md-2:nth-child(6),
  footer.style-3 .col-md-2:nth-child(7) {
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  footer .copywrite {
    text-align: left;
    height: auto;
  }
  footer.style-2 .copywrite {
    text-align: center;
  }
  /*------footer style 3------*/
  footer.style-3 .offset-160.md-offset-80.sm-offset-115.xs-offset-60 {
    height: 60px;
  }
  /*------footer style 4------*/
  footer.style-4 .col-xs-6 {
    width: 100%;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 06 - FOOTER */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 06.1 - ATTRIBUTION */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.attribution-bbb {
  margin: 2rem inherit;
  padding: 1rem;
  border: 1px solid #cdcdcd;
  border-radius: 0.8rem;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
}

.attribution-bbb a.bbb_external {
  font-size: 1.2rem;
  text-decoration: underline;
  font-weight: 400;
  color: #777777;
}

.attribution-bbb h3 {
  margin-bottom: 1rem;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 700;
  color: #222;
}

@media (max-width: 991px) {
  .attribution-bbb img {
    max-width: 70%;
    margin: 0.5rem auto;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 07 - BLOCK-TYPE-1*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-1.style2 {
  height: calc(100vh - 117px);
}

.block-type-1 .hover-effect-bold:after {
  top: 9px;
}

/*style-2*/

.block-type-1.style2 > .container-fluid {
  position: relative;
  height: 75%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.block-type-1.style-2 {
  height: auto;
}

.block-type-1.style-2 .animated-block.scroll-animation span.top {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  width: 0;
}

.block-type-1.style-2 .animated-block.scroll-animation span.right {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  height: 0;
}

.block-type-1.style-2 .animated-block.scroll-animation span.bottom {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  width: 0;
}

.block-type-1.style-2 .animated-block.scroll-animation span.left {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  height: 0;
}

.block-type-1.style-2 .animated-block.scroll-animation span.top.activated {
  width: 100%;
}

.block-type-1.style-2 .animated-block.scroll-animation span.right.activated {
  height: 100%;
}

.block-type-1.style-2 .animated-block.scroll-animation span.bottom.activated {
  width: 100%;
}

.block-type-1.style-2 .animated-block.scroll-animation span.left.activated {
  height: 100%;
}

.block-type-1.style-2 .table-view {
  padding: 80px 0;
}

.block-type-1.style-2 .circle-decoration {
  width: 460px;
  height: 460px;
  left: calc(50% - 230px);
  top: calc(50% - 230px);
}

.block-type-1.style-2 .circle-decoration svg path {
  stroke-width: 0.2px;
  fill: transparent;
}

.block-type-1.style-2 .animated-block:before {
  position: absolute;
  content: "";
  left: -15px;
  top: 50%;
  height: 1px;
  width: 1px;
  background: #333;
  z-index: 10;
}

.block-type-1.style-2 .animated-block:after {
  position: absolute;
  content: "";
  right: -15px;
  top: 50%;
  height: 1px;
  width: 1px;
  background: #333;
  z-index: 10;
}

.block-type-1.style-2 .animated-block.activated:before {
  width: 30px;
}

.block-type-1.style-2 .animated-block.activated:after {
  width: 30px;
}

.block-type-1.style-2 .button {
  top: 19px;
  z-index: 10;
  background: #fff;
}

.block-type-1.style-2 .left-offset {
  transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  position: absolute;
  width: 30px;
  height: 1px;
  content: "";
  top: 50%;
  left: -49px;
  background: #fff;
}

.block-type-1.style-2 .right-offset {
  transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  position: absolute;
  width: 30px;
  height: 1px;
  content: "";
  top: 50%;
  right: -49px;
  background: #fff;
}

.block-type-1.style-2 .swiper-slide {
  text-align: center;
}

.block-type-1.style-2 .swiper-slide .table-view {
  padding: 80px 0 41px;
}

.block-type-1.style-2 .pagination {
  margin-top: 50px;
}

.block-type-1.style-2 .swiper-arrow {
  top: calc(50% - 42px);
}

.block-type-1.style-2 .swiper-arrow span.fa {
  color: #333;
}

.block-type-1.style-2 .swiper-arrow.left {
  left: -72px;
}

.block-type-1.style-2 .swiper-arrow.right {
  right: -72px;
}

.block-type-1.style-2 .swiper-container .animated-block {
  width: calc(100% - 60px);
  margin-left: 30px;
}

.block-type-1.style-2 .button span.right {
  transition-delay: 300ms !important;
  -moz-transition-delay: 300ms !important;
  -webkit-transition-delay: 300ms !important;
  -ms-transition-delay: 300ms !important;
}

.block-type-1.style-2 .col-md-10.col-md-offset-1 {
  padding: 0;
}

.block-type-1.style-2 .animated-block.scroll-animation .button span {
  background: #333;
}

@media (max-width: 1170px) {
  .block-type-1.style-2 .col-md-8.col-md-offset-2 {
    margin-left: 10%;
    width: 80%;
  }
}

@media (max-width: 991px) {
  .block-type-1 {
    margin-top: 0px;
    height: auto;
  }
  .block-type-1 .block-bg {
    width: calc(100% - 30px);
    margin-left: 15px;
    padding: 0;
  }
  .block-type-1 .block-bg .col-md-8 {
    padding: 0;
  }
  .block-type-1 > .container-fluid {
    height: auto;
    top: 0;
    transform: none;
  }
  /*style-2*/
  .block-type-1.style-2 .table-view {
    padding: 40px 0;
  }
  .block-type-1.style-2 .swiper-slide .table-view {
    padding: 40px 0 1px;
  }
  .block-type-1.style-2 .swiper-arrow.left.yellow-border {
    display: none;
  }
  .block-type-1.style-2 .swiper-arrow.right.yellow-border {
    display: none;
  }
  .block-type-1.style-2 .pagination {
    margin-top: 25px;
  }
  .block-type-1.style-2 .animated-block.scroll-animation span.top,
  .block-type-1.style-2 .animated-block.scroll-animation span.bottom {
    width: 100%;
  }
  .block-type-1.style-2 .animated-block.scroll-animation span.right,
  .block-type-1.style-2 .animated-block.scroll-animation span.left {
    height: 100%;
  }
  .block-type-1.style-2 .swiper-arrow.yellow-border.activated span b:before {
    display: none;
  }
  .block-type-1.style-2 .swiper-arrow.yellow-border.activated span b:after {
    display: none;
  }
  .block-type-1.style-2 .h1 {
    white-space: nowrap;
  }
}

@media (max-height: 820px) and (orientation: landscape) {
  .block-type-1.style-2 {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .block-type-1.style-2 .col-md-10.col-md-offset-1 {
    padding: 0 7.5px;
  }
}

@media (max-width: 767px) {
  .block-type-1.style-2 .h1 {
    white-space: normal;
  }
  .block-type-1.style-2 .col-md-10.col-md-offset-1 {
    padding: 0 15px;
  }
  .block-type-1.style-2 .swiper-container .animated-block {
    width: 100%;
    margin-left: 0px;
  }
}

@media (max-width: 510px) {
  .block-type-1.style-2 .circle-decoration {
    display: none;
  }
  .block-type-1.style-2 .offset-55.md-offset-90 {
    height: 0;
  }
  .block-type-1.style-2 .col-md-8.col-md-offset-2 {
    margin-left: 0;
    width: 100%;
  }
  .block-type-1.style-2 .swiper-arrow.left.yellow-border {
    left: 2px;
    z-index: 10;
  }
  .block-type-1.style-2 .swiper-arrow.right.yellow-border {
    right: 2px;
    z-index: 10;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 07 - BLOCK-TYPE-1*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 08 - BLOCK-TYPE-2*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-2 {
  position: relative;
  width: 100%;
  padding: 0;
}

.block-type-2 .swiper-container {
  overflow: visible;
  margin: 0 15px;
}

.block-type-2 .thumb-slide {
  position: relative;
  margin: 0px 5px;
}

.block-type-2 .wrapper {
  position: relative;
  float: left;
  clear: both;
  width: calc(100% - 10px);
}

.block-type-2 .thumb-slide img {
  position: relative;
  float: left;
  width: calc(100% - 20px);
  margin-left: 10px;
}

/*44px - 1/2 button width(depends of the content, can be changed) - to center button in the middle, cant use transform*/

.block-type-2 .thumb-slide .button {
  margin-top: 0px;
  position: absolute;
  left: calc(50% - 44px);
  top: calc(50% - 14px);
  z-index: 1;
  opacity: 0;
  backface-visibility: hidden;
}

.block-type-2 .pagination {
  display: none;
}

.block-type-2 .float-span {
  float: right;
}

.block-type-2 .category {
  position: relative;
}

.block-type-2 .small {
  line-height: 12px;
}

.block-type-2 .link {
  position: relative;
  display: inline-block;
}

.block-type-2 .h5 {
  padding-bottom: 25px;
  position: relative;
}

.block-type-2 .thumb-slide img.decoration {
  width: 30px;
  float: none;
  backface-visibility: hidden;
}

.block-type-2 .h5 .decor {
  position: absolute;
  width: 30px;
  height: 1px;
  background: #fff;
  top: 30px;
  left: 0;
}

.block-type-2 .hover-effect-thin:after {
  top: 6px;
}

.block-type-2 .line-decoration:before {
  left: 10px;
}

/*------style-2------*/

.block-type-2.style-2 .swiper-container {
  position: relative;
  overflow: visible;
  margin: 0px 15px 0;
}

.block-type-2.style-2 {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  top: 50%;
  margin-top: -254px;
}

.block-type-2.style-2 .thumb-slide {
  position: relative;
  margin: 0px 7.5px;
}

.block-type-2.style-2 .number {
  display: block;
  padding-left: 15px;
  color: #2d2a27;
}

.block-type-2.style-2 .filters {
  position: relative;
  float: right;
  line-height: 40px;
}

.block-type-2.style-2 .filters .heading {
  position: relative;
  float: left;
  display: inline-block;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: 700;
  z-index: 2;
}

.block-type-2.style-2 .filter-name {
  position: relative;
  float: left;
  display: inline-block;
  text-transform: uppercase;
  margin-left: 40px;
  margin-right: 20px;
  z-index: 2;
  line-height: 40px;
}

.block-type-2.style-2 .filter-name:last-of-type {
  margin-left: 30px;
}

.block-type-2.style-2 .filters-thumbs {
  position: relative;
  float: left;
  z-index: 2;
}

.block-type-2.style-2 .filters-thumbs:last-of-type {
  margin-right: 60px;
}

.block-type-2.style-2 .filters-thumbs input {
  position: relative;
  float: left;
  padding: 0px 10px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  color: #919191;
  border: 1px solid #ededed;
  font-size: 11px;
}

.block-type-2.style-2 .filters-thumbs:before {
  position: absolute;
  width: 8px;
  height: 5px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "";
  z-index: 10;
  background-image: url("../img/dark-arrow.png");
}

.block-type-2.style-2 .filters-thumbs:hover:before {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.block-type-2.style-2 .filters-thumbs .filter-wrap-top {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  min-height: 25px;
}

.block-type-2.style-2 .filters-thumbs .filter-wrap {
  visibility: hidden;
  position: relative;
  float: left;
  top: 40px;
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
}

.block-type-2.style-2 .filters-thumbs .filter-wrap span {
  position: relative;
  float: left;
  padding: 0px 10px;
  width: 100%;
  font-size: 0px;
  color: #767676;
  cursor: pointer;
  line-height: 30px;
}

.block-type-2.style-2 .title:last-of-type {
  margin-left: 18px;
}

.block-type-2.style-2 article {
  margin-left: 35px;
}

.block-type-2.style-2 article .h1 {
  font-size: 36px;
}

.block-type-2.style-2 article h2 {
  margin-left: 12px;
}

/*animated*/

.block-type-2.animated {
  padding: 0 15px;
}

.block-type-2.animated .thumb-slide {
  margin: 0;
}

@media (min-width: 1200px) {
  .block-type-2 .line-decoration:hover:before {
    width: 60px;
  }
  .block-type-2.style-2 .filters-thumbs:hover .filter-wrap-top {
    visibility: visible;
  }
  .block-type-2.style-2 .filters-thumbs:hover .filters-thumbs .filter-wrap {
    visibility: visible;
  }
  .block-type-2.style-2 .filters-thumbs .filter-wrap span:hover {
    color: #6ec5ee;
  }
  .block-type-2.style-2 .filters-thumbs .filter-wrap-top:hover .filter-wrap {
    visibility: visible;
    border: 1px solid #f3f3f3;
    border-top: none;
    background: #fff;
  }
  .block-type-2.style-2
    .filters-thumbs
    .filter-wrap-top:hover
    .filter-wrap
    span {
    padding: 5px 10px;
    font-size: 11px;
  }
  .block-type-2 .thumb-slide .animated-block:hover .button {
    opacity: 1;
  }
  .block-type-2 .animated-block:hover:after {
    content: "";
    background: rgba(0, 0, 0, 0.85);
    position: absolute;
    width: calc(100% - 20px);
    height: 100%;
    left: 10px;
    top: 0;
  }
}

@media (max-width: 1600px) {
  .block-type-2.style-2 {
    margin-top: -233px;
  }
}

@media (max-width: 1400px) {
  .block-type-2.style-2 {
    margin-top: -214px;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  .block-type-2.style-2 .col-md-4 {
    width: 40% !important;
  }
  .block-type-2.style-2 .col-md-8 {
    width: 60% !important;
  }
}

@media (max-width: 1199px) {
  /*style-2*/
  .block-type-2.style-2 .filters-thumbs:last-of-type {
    margin-right: 0;
  }
  .block-type-2.style-2 .filters-thumbs input {
    width: 140px;
  }
  .block-type-2.style-2 .filter-name {
    margin-left: 20px;
    margin-right: 15px;
  }
  .block-type-2.style-2 article {
    margin-left: 0;
  }
  .block-type-2 .thumb-slide .button {
    opacity: 1;
  }
}

@media (max-width: 991px) {
  .block-type-2 .swiper-container {
    margin: 0 7.5px;
  }
  .block-type-1 > .container-fluid .row > .col-md-12 {
    padding: 0;
  }
  .block-type-2 .thumb-slide {
    margin: 0px 7.5px;
  }
  .block-type-2 .thumb-slide img {
    margin-left: 0;
    width: 100%;
  }
  .block-type-2 .h5 {
    padding-bottom: 15px;
  }
  .block-type-2 .thumb-slide .button {
    display: none;
  }
  /*style-2*/
  .block-type-2.style-2 .swiper-container {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
  .block-type-2.style-2 .container-fluid {
    padding: 0 7.5px;
  }
  .block-type-2.style-2 {
    padding: 0px 7.5px;
    margin-top: 60px;
    top: 0%;
  }
  .block-type-2.style-2 .thumb-slide {
    margin: 0px 7.5px;
  }
  .block-type-2.style-2 .filters-thumbs input {
    width: 100%;
  }
  .block-type-2.style-2 .title:last-of-type {
    margin-left: 0;
  }
  .block-type-2.style-2 .h5 {
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .block-type-2 .swiper-container {
    margin: 0 7.5px;
  }
  /*style-2*/
  .block-type-2.style-2 .filters .heading {
    width: 100%;
  }
  .block-type-2.style-2 .filter-name,
  .block-type-2.style-2 .filters-thumbs {
    width: 100%;
  }
  .block-type-2.style-2 .filters-thumbs:nth-child(3) {
    z-index: 99;
  }
  .block-type-2.style-2 .filter-name {
    margin: 0;
  }
}

@media (max-height: 800px) {
  /*style-2*/
  .border .block-type-2.style-2 {
    height: auto !important;
  }
  .border .block-type-2.style-2 .offset-115 {
    height: 0;
  }
}

@media (max-width: 480px) {
  .block-type-2.style-2 article h2 {
    margin-left: 0px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 08 - BLOCK-TYPE-2*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------
/* 09 - BLOCK-TYPE-3 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-on-background > .clip {
  width: 100%;
  z-index: -1;
}

.block-on-background > .clip > .bg-nofixed {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
  background-attachment: scroll;
  z-index: 2;
  width: 101%;
}

.block-on-background .swiper-arrow.left {
  left: 75px;
}

.block-on-background .swiper-arrow.right {
  right: 75px;
}

.block-on-background .main p {
  color: rgba(255, 255, 255, 0.7);
}

.block-on-background .col-md-6.add-offset article {
  margin-left: 40px;
  width: calc(100% - 40px);
}

.block-on-background .col-md-6.add-offset article .h1 {
  margin-left: -7px;
}

.block-on-background > .clip > .bg-nofixed.noparallax {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  background-attachment: scroll;
  z-index: 2;
}

@media (max-width: 1366px) {
  .block-on-background .swiper-arrow.top-26 {
    margin-top: -26px;
  }
}

@media (max-width: 991px) {
  .block-on-background > .clip {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
  }
  .block-on-background > .clip > .bg-nofixed {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    background-attachment: scroll;
    z-index: 2;
  }
  .block-on-background .swiper-arrow.left {
    left: -3px;
  }
  .block-on-background .swiper-arrow.right {
    right: -3px;
  }
}

/*meny-icon*/

.block-type-3 .meny-icon a {
  position: relative;
  display: block;
  padding-bottom: 30px;
}

.block-type-3 .meny-icon a .icon-wrapper {
  display: block;
  position: relative;
  height: 48px;
}

.block-type-3 .meny-icon a .icon-wrapper img {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  opacity: 0.5;
}

.block-type-3 .meny-icon i,
.block-type-3 span {
  color: rgba(255, 255, 255, 0.5);
}

.block-type-3 .meny-icon a:active {
  color: #6ec5ee;
}

.block-type-3 .meny-icon a:before {
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  content: "";
}

.block-type-3 .meny-icon a.active:before {
  background: #6ec5ee;
}

.block-type-3 .meny-icon a:after {
  position: absolute;
  right: 0;
  bottom: -3px;
  height: 7px;
  width: 1px;
  background: rgba(255, 255, 255, 0.4);
  content: "";
}

.block-type-3 .meny-icon a.active:after {
  background: #6ec5ee;
}

.block-type-3 .meny-icon a.active img {
  opacity: 1;
}

.block-type-3 .meny-icon a.active span {
  color: #fff;
}

.block-type-3 .meny-icon i {
  font-size: 35px;
  position: relative;
}

.block-type-3 .meny-icon span {
  display: block;
}

.block-type-3 .pagination {
  display: none;
}

.block-type-3 .clip {
  width: calc(100% - 15px);
}

.block-type-3 > .clip {
  width: 100%;
}

.block-type-3 .col-md-3 {
  padding: 0;
}

.block-type-3 .swiper-slide article p {
  color: rgba(255, 255, 255, 0.5);
}

.block-type-3 .swiper-slide .col-md-10 {
  padding: 0;
}

.block-type-3 .bg-span {
  background: rgba(0, 0, 0, 0.1);
}

.block-type-3.block-on-background .swiper-arrow.left {
  left: 57px;
}

.block-type-3.block-on-background .swiper-arrow.right {
  right: 57px;
}

.block-type-3 .row > .col-md-12 {
  padding: 0;
}

/*style-2*/

.block-type-3.style-2 .meny-icon a:before,
.block-type-3.style-2 .meny-icon a:after {
  background: #ededed;
}

.block-type-3.style-2 .meny-icon a.active:before,
.block-type-3 .meny-icon a.active:after {
  background: #6ec5ee;
}

.block-type-3.style-2 .swiper-slide article p,
.block-type-3.style-2 .h6 {
  color: #919191;
}

.block-type-3.style-2 .meny-icon a.active span {
  color: #333;
}

.block-type-3.style-2 ul {
  color: #333;
}

.block-type-3.style-2 .swiper-arrow span.fa {
  color: #333;
}

@media (min-width: 1200px) {
  .block-type-3 .meny-icon a:hover img {
    opacity: 1;
  }
  .block-type-3 .meny-icon a:hover:before,
  .block-type-3 .meny-icon a:hover:after {
    background: #6ec5ee;
  }
  .block-type-3 .meny-icon a:hover span {
    color: #fff;
  }
  .block-type-3.style-2 .meny-icon a:hover span {
    color: #333;
  }
  .block-type-3.style-2 .swiper-arrow {
    z-index: 1;
  }
  .block-type-3.style-2 .swiper-arrow.left {
    left: -150px;
  }
  .block-type-3.style-2 .swiper-arrow.right {
    right: -150px;
  }
}

@media (max-width: 1600px) {
  .block-type-3.block-on-background .swiper-arrow.left {
    left: 30px;
  }
  .block-type-3.block-on-background .swiper-arrow.right {
    right: 30px;
  }
}

@media (max-width: 1200px) {
  .block-type-3.block-on-background .swiper-arrow.left {
    left: 15px;
  }
  .block-type-3.block-on-background .swiper-arrow.right {
    right: 15px;
  }
  .block-type-3.style-2 .swiper-arrow.left,
  .block-type-3.style-2 .swiper-arrow.right {
    display: none;
  }
  .block-type-3.style-2 .col-md-10.col-md-offset-1.meny-icon {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .block-type-3 .meny-icon {
    padding: 0 15px;
  }
  .block-type-3 .swiper-container {
    position: relative;
    width: 100%;
  }
  .block-type-3 .swiper-wrapper,
  .block-type-3 .swiper-slide {
    height: auto !important;
    overflow: hidden;
  }
  .block-type-3 .swiper-button-prev,
  .block-type-3 .swiper-button-next {
    display: none;
  }
  .block.block-type-3 .col-md-10.col-md-offset-1 {
    padding: 0 15px;
  }
  .block.block-type-3.style-2 .col-md-10.col-md-offset-1 {
    padding: 0 7.5px;
  }
}

@media (max-width: 767px) {
  .block-type-3 .clip {
    position: relative;
    width: 100%;
    left: 0;
    height: 300px;
  }
  .block-type-3 .swiper-slide .col-md-6.col-md-offset-6 {
    padding-right: 0;
  }
  .block-type-3 > .clip {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
  }
  .block-type-3 .swiper-slide .col-md-6.col-md-offset-6 {
    padding-left: 0;
  }
}

@media (max-width: 480px) {
  .block-type-3 .meny-icon span {
    display: none;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------
/* 09 - BLOCK-TYPE-3 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 10 - BLOCK-TYPE-4 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-4 .col-md-7.col-md-offset-1 > .col-md-4 {
  padding: 0;
}

.block-type-4 .clip {
  position: relative;
  float: left;
  height: 304px;
}

.block-type-4 .clip span {
  display: block;
}

.block-type-4 .table-view:first-child {
  height: 518px;
  padding: 60px 0;
}

.block-type-4 .hover-content {
  overflow: hidden;
}

.block-type-4 .hover-content .table-view {
  height: 304px;
  padding: 129px 0;
}

.block-type-4 .hover-content .cell-view {
  height: 46px;
}

.block-type-4 .award article {
  min-height: 304px;
  padding: 30px;
  font-weight: normal;
  width: calc(100% - 20px);
  left: 10px;
}

.block-type-4 .award .table-view {
  height: 140px;
}

.block-type-4 .award p,
.block-type-4 .award .category {
  text-transform: uppercase;
  position: relative;
}

.block-type-4 .award p {
  margin-top: -7px;
  z-index: -1;
}

.block-type-4 .award .category:before {
  content: "";
  position: relative;
  float: left;
  margin-top: 11px;
  width: 15px;
  height: 1px;
  margin-right: 10px;
  background: #6ec5ee;
}

.block-type-4 .button-wrap {
  text-align: right;
}

.block-type-4 .button:first-of-type {
  margin-left: 18px;
}

.block-type-4 .award .button {
  bottom: 3px;
}

.block-type-4 .pagination {
  position: absolute;
  margin: 0;
  bottom: 40px;
}

.block-type-4 ul li {
  text-transform: uppercase;
  color: #555;
}

.block-type-4 .wrapper {
  position: relative;
  height: 270px;
}

.block-type-4 .award .clip {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}

.block-type-4 .award {
  z-index: 10;
}

.block-type-4 .col-md-10.col-md-offset-1 .col-md-4,
.block-type-4 .col-md-10.col-md-offset-1 .col-md-7.col-md-offset-1 {
  padding: 0;
}

.block-type-4 .award .animated-block.hover-animated {
  position: absolute;
  height: 304px;
  top: 0;
  width: calc(100% - 10px);
  z-index: 1;
  left: 10px;
}

.block-type-4 .animated-block.scroll-animation > span {
  position: absolute;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  z-index: -1;
}

.block-type-4 .animated-block.scroll-animation span.top {
  left: 0px;
  top: 0px;
  width: 0%;
  height: 1px;
}

.block-type-4 .animated-block.scroll-animation span.right {
  right: 0px;
  top: 0px;
  width: 1px;
  height: 0%;
}

.block-type-4 .animated-block.scroll-animation span.bottom {
  right: 0px;
  bottom: 0px;
  width: 0%;
  height: 1px;
}

.block-type-4 .animated-block.scroll-animation span.left {
  left: 0px;
  bottom: 0px;
  width: 1px;
  height: 0%;
}

.block-type-4 .animated-block.scroll-animation span.top.activated,
.block-type-4 .animated-block.scroll-animation span.bottom.activated {
  width: 100%;
}

.block-type-4 .animated-block.scroll-animation span.right.activated,
.block-type-4 .animated-block.scroll-animation span.left.activated {
  height: 100%;
}

.block-type-4 .clip .bg-nofixed {
  width: calc(100% - 20px);
  left: 10px;
}

.block-type-4 .award .clip .bg-nofixed {
  width: 100%;
  left: 0px;
}

.block-type-4 .clip .hover-content {
  width: calc(100% - 20px);
  left: 10px;
}

/*------style-2------*/

.block-type-4.style-2 .table-view {
  height: 374px;
}

/*.block-type-4.style-2 img{width: 100%;}*/

.block-type-4.style-2 img {
  height: 494px;
  width: auto;
}

.block-type-4.style-2 .little-decor-bottom {
  width: calc(100% + 12px);
  left: -6px;
  bottom: -19px;
}

.block-type-4.style-2 .little-decor-bottom.activated .bottom-left,
.block-type-4.style-2 .little-decor-bottom.activated .bottom-right {
  width: 25px;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
}

.block-type-4.style-2 .little-decor-bottom.activated .left,
.block-type-4.style-2 .little-decor-bottom.activated .right {
  height: 25px;
  top: -10px;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
}

.block-type-4.style-2 .left-decoration {
  width: 25px;
  height: 25px;
  left: -6px;
  top: -21px;
}

.block-type-4.style-2 .left-decoration.activated:before {
  height: 25px;
}

.block-type-4.style-2 .left-decoration.activated:after {
  width: 25px;
}

.block-type-4.style-2 .right-decoration {
  width: 25px;
  height: 25px;
  right: -6px;
  top: -21px;
}

.block-type-4.style-2 .right-decoration.activated:before {
  height: 25px;
}

.block-type-4.style-2 .right-decoration.activated:after {
  width: 25px;
}

/*------style-3------*/

.block-type-4.style-3 .col-md-7.col-sm-12.col-xs-12 {
  padding: 0px;
}

.block-type-4.style-3 .col-md-7.col-md-offset-1 .col-md-4 {
  padding: 0 0 0 10px;
}

.block-type-4.style-3 .award .table-view {
  height: 201px;
}

.block-type-4 article > .wrapper {
  position: absolute;
  bottom: 0px;
  height: auto;
  left: 30px;
  right: 60px;
}

.block-type-4.style-3 .animated-right {
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .block-type-4 .clip:hover:after {
    left: 0;
  }
  .block-type-4 .clip:hover:before {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
  }
  .block-type-4 .clip:hover .bg-nofixed {
    backface-visibility: hidden;
  }
  .block-type-4 .award:hover .clip {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  .block-type-4 .award:hover article {
    z-index: -1;
  }
  /*style-2*/
  .block-type-4 .clip:hover .hover-content {
    background: rgba(255, 223, 1, 0.85);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .block-type-4.style-3 .button {
    padding: 8px 14px;
  }
}

@media (max-width: 1366px) {
  .block-type-4 article > .wrapper {
    width: calc(100% - 60px);
  }
}

@media (max-width: 1276px) {
  .block-type-4.style-3 .col-md-10 > .col-md-4,
  .block-type-4.style-3 .col-md-10 > .col-md-7 {
    width: 100%;
    margin-left: 0;
  }
  .block-type-4.style-3 .col-md-10 > .col-md-7 {
    padding: 0;
    margin-left: -30px;
    width: calc(100% + 30px);
  }
  .block-type-4 .table-view:first-child {
    height: auto;
    padding: 0 0 40px 0;
  }
}

@media (max-width: 991px) {
  .block-type-4 .col-md-6.block-bg {
    width: calc(100% - 60px);
    margin-left: 30px;
    padding: 0;
  }
  .block-type-4 .block-bg article {
    padding: 0;
  }
  .block-type-4 .about-us {
    padding: 0;
  }
  .block-type-4 .cell-view {
    padding: 0 15px;
  }
  .block-type-4 .award {
    padding-left: 7.5px;
  }
  .block-type-4 .award .table-view {
    min-height: 192px;
  }
  .block-type-4 .about-us .table-view {
    min-height: 426px;
  }
  .block-type-4 .table-view:first-child {
    height: auto;
  }
  .block-type-4.style-2 img {
    padding: 0px;
    width: 100%;
    height: auto;
  }
  .block-type-4 .animated-block.scroll-animation span.top,
  .block-type-4 .animated-block.scroll-animation span.bottom {
    width: 100%;
  }
  .block-type-4 .animated-block.scroll-animation span.right,
  .block-type-4 .animated-block.scroll-animation span.left {
    height: 100%;
  }
  .block-type-4 .award .animated-block {
    width: calc(100% - 15px);
  }
  /*------style-2------*/
  .block-type-4.style-2 .little-decor-bottom,
  .block-type-4.style-2 .left-decoration,
  .block-type-4.style-2 .right-decoration {
    display: none;
  }
  .block-type-4.style-2 .cell-view {
    padding: 0;
  }
  /*------style-3------*/
  .block-type-4.style-3 {
    width: calc(100% - 30px);
    margin-left: 15px;
  }
  .block-type-4.style-3 .col-md-4.col-sm-4.col-xs-12 {
    padding: 0 0 0 15px;
  }
  .block-type-4.style-3 .col-md-10.col-md-offset-1 {
    padding: 0;
  }
  .block-type-4.style-3 .cell-view {
    padding: 0;
  }
  .block-type-4.style-3 .col-md-10 > .col-md-7 {
    margin-left: -25px;
    width: calc(100% + 15px);
  }
  .block-type-4.style-3 .table-view:first-child {
    padding-top: 0;
  }
  .block-type-4.style-3 .clip .bg-nofixed {
    width: 100%;
    margin-left: 0;
  }
  .block-type-4.style-3 .award .animated-block {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .block-type-4 .col-md-6.block-bg {
    width: calc(100% - 30px);
    margin-left: 15px;
  }
  .block-type-4 .button-wrap {
    text-align: center;
  }
  .block-type-4 .award {
    padding: 0px;
    height: 304px;
  }
  .block-type-4 .award .animated-block {
    width: 100%;
  }
  /*------style-3------*/
  .block-type-4.style-3 .col-md-4.col-sm-4.col-xs-12 {
    padding: 0px;
  }
  .block-type-4.style-3 .col-md-10 > .col-md-7 {
    margin-left: 0;
    width: 100%;
  }
  .block-type-4.style-3 .clip .bg-nofixed {
    left: 0;
  }
  .block-type-4.style-3 .award article {
    left: 0;
  }
}

@media (max-width: 480px) {
  .block-type-4 .button-wrap {
    text-align: center;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 10 - BLOCK-TYPE-4 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 11 - BLOCK-TYPE-5-6 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-5 .animated-block.scroll-animation span.top {
  transform: translateX(-70px);
  -webkit-transform: translateX(-70px);
  z-index: 1;
}

.block-type-5 .animated-block.scroll-animation span.right {
  transform: translateX(-70px);
  -webkit-transform: translateX(-70px);
  z-index: -1;
}

.block-type-5 .animated-block.scroll-animation span.bottom {
  transform: translateX(-70px);
  -webkit-transform: translateX(-70px);
  z-index: 1;
}

.block-type-5 .animated-block.scroll-animation span.left {
  transform: translateX(-70px);
  -webkit-transform: translateX(-70px);
  z-index: 1;
}

.block-type-5 .container-fluid {
  padding: 0px;
}

.block-type-5 .container-fluid .col-md-6 {
  padding-left: 0px;
  padding-right: 30px;
  z-index: 0;
}

.block-type-5 .container-fluid .col-md-6.col-md-push-5 {
  padding-left: 30px;
  padding-right: 0;
}

.block-type-5 .container-fluid .col-md-6 .table-view {
  position: absolute;
  height: 385px;
  padding: 50px 0;
}

.block-type-5 .container-fluid article {
  min-height: 170px;
}

.block-type-5 .swiper-slide {
  height: 503px;
}

.block-type-5 .swiper-container {
  z-index: 1;
  margin: -1px;
}

.block-type-5 {
  position: relative;
  width: 100%;
  height: 100%;
}

.block-type-5 .text-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.block-type-5 .thumbs {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}

.block-type-5 .bg-nofixed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.block-type-5 .cell-view {
  position: relative;
}

.block-type-5 .h2 {
  z-index: 1;
}

.block-type-5 .cell-view-left .h2 {
  position: relative;
  float: left;
  text-align: left;
  padding-left: 70px;
  width: 35%;
}

.block-type-5 .cell-view-right .h2 {
  position: relative;
  float: right;
  text-align: right;
  padding-right: 70px;
  width: 35%;
}

.block-type-5 .table-view .h2 a {
  color: rgba(255, 255, 255, 1);
  line-height: 40px;
}

.block-type-5 .description .portrait span {
  display: block;
}

.block-type-5 .portrait {
  display: block;
  height: 100%;
}

.block-type-5 .portrait .animated-block {
  width: 100px;
}

.block-type-5 .portrait img {
  display: block;
  height: 100px;
}

.block-type-5 .col-md-pull-6 .portrait img {
  float: right;
}

.block-type-5 .pagination {
  position: absolute;
  bottom: 40px;
}

.block-type-5 .pagination-left {
  text-align: left;
  left: 40px;
}

.block-type-5 .pagination-right {
  text-align: right;
  right: 33px;
}

.block-type-5 .heading {
  position: absolute;
  top: 40px;
}

.block-type-5 .col-md-5 .button-wrap {
  text-align: left;
}

.block-type-5 .col-md-pull-6 .button-wrap {
  text-align: right;
}

.block-type-5 .button {
  margin-top: 20px;
}

.block-type-5 .project {
  position: absolute;
  z-index: 1;
  text-transform: uppercase;
  font-weight: 100;
  width: 60%;
  margin-top: 33px;
}

.block-type-5 .project a {
  position: relative;
  color: rgba(255, 255, 255, 0.5);
}

.block-type-5 .left {
  float: left;
  text-align: left;
  left: 70px;
}

.block-type-5 .right {
  float: right;
  text-align: right;
  right: 70px;
}

.block-type-5 .description.col-md-5 {
  padding-left: 30px;
  padding-right: 100px;
}

.block-type-5 .description.col-md-pull-6 {
  padding-left: 100px;
  padding-right: 30px;
}

.block-type-5 .thumbs:last-child {
  margin-left: 0;
}

.block-type-5 .position {
  text-transform: uppercase;
  color: #adacac;
}

.block-type-5 .project.right a:after {
  content: "";
  position: relative;
  float: right;
  top: 11px;
  margin-left: 10px;
  height: 1px;
  width: 15px;
  background: #6ec5ee;
}

.block-type-5 .project.left a:before {
  content: "";
  position: relative;
  float: left;
  top: 11px;
  margin-right: 10px;
  height: 1px;
  width: 15px;
  background: #6ec5ee;
}

.block-type-5 .col-md-pull-6 .animated-block {
  float: right;
}

.block-type-5 .col-md-pull-6 .animated-block span {
  transform: translateX(70px) !important;
  -webkit-transform: translateX(70px) !important;
  -moz-transform: translateX(70px) !important;
  -ms-transform: translateX(70px) !important;
  -o-transform: translateX(70px) !important;
}

.block-type-5 .col-md-pull-6 .animated-block span.right {
  z-index: 1;
}

.block-type-5 .col-md-pull-6 .animated-block span.left {
  z-index: -1;
}

.block-type-5 .description.col-md-5 .button {
  margin-left: 15px;
}

.block-type-5 .description.col-md-pull-6 .button {
  margin-right: 15px;
}

.block-type-5 .hover-effect-2lines {
  background: url(../img/main/hover-bg.png) repeat-y;
  background-size: 100000px 40px;
  background-position: -100000px 5px;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
}

.block-type-5 .animated-block.scroll-animation span.top.activated,
.block-type-5 .animated-block.scroll-animation span.bottom.activated {
  width: 140px;
}

.block-type-5 .animated-block.scroll-animation span.right.activated,
.block-type-5 .animated-block.scroll-animation span.left.activated {
  height: 140px;
}

/*style-2*/

.block-type-5.style-2 .thumbs {
  height: 503px;
}

.block-type-5.style-2 .cell-view-right .h2,
.block-type-5.style-2 .cell-view-left .h2 {
  width: 40%;
  z-index: 2;
}

@media (min-width: 1200px) {
  .block-type-5 .project a:hover:after {
    opacity: 1;
  }
  .block-type-5 .hover-effect-2lines:hover {
    background-position: 0 5px;
    -webkit-transition: all 100s ease-out !important;
    transition: all 100s ease-out !important;
  }
}

@media (max-width: 991px) {
  .block-type-5 .project {
    width: 80%;
  }
  .block-type-5 .cell-view-right .h2,
  .block-type-5 .cell-view-left .h2,
  .block-type-5.style-2 .cell-view-right .h2,
  .block-type-5.style-2 .cell-view-left .h2 {
    width: 90%;
  }
  .block-type-5 .table-view {
    height: auto;
  }
  .block-type-5 .button {
    margin-top: 0;
    float: right;
  }
  .block-type-5 .description.col-md-5,
  .block-type-5 .description.col-md-pull-6 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .block-type-5 .container-fluid .col-md-6 {
    padding-right: 0px;
  }
  .block-type-5 .container-fluid .col-md-6.col-md-push-5 {
    padding-left: 0px;
  }
  .block-type-5 .animated-block span.animated.thin {
    display: none;
  }
  .block-type-5 .right,
  .block-type-5 .pagination-right {
    right: 15px;
  }
  .block-type-5 .left,
  .block-type-5 .pagination-left {
    left: 15px;
  }
  .block-type-5 .cell-view-right .h2 {
    padding-right: 15px;
  }
  .block-type-5 .cell-view-left .h2 {
    padding-left: 15px;
  }
  .block-type-5 .animated-block.scroll-animation span.top {
    display: none;
  }
  .block-type-5 .animated-block.scroll-animation span.right {
    display: none;
  }
  .block-type-5 .animated-block.scroll-animation span.bottom {
    display: none;
  }
  .block-type-5 .animated-block.scroll-animation span.left {
    display: none;
  }
  .block-type-5.style-2 .thumbs {
    height: 300px;
  }
  .block-type-5 .container-fluid .col-md-6 .table-view {
    height: 200px;
  }
  .block-type-5 .container-fluid article {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .block-type-5 .container-fluid article {
    min-height: auto;
  }
  .block-type-6 .animated-block.scroll-animation span.top,
  .block-type-6 .animated-block.scroll-animation span.right,
  .block-type-6 .animated-block.scroll-animation span.bottom,
  .block-type-6 .animated-block.scroll-animation span.left {
    transform: translateX(70px);
    -webkit-transform: translateX(70px);
  }
  .block-type-6 .animated-block.scroll-animation span.left {
    z-index: -1;
  }
  .block-type-5 .col-md-pull-6.align-right {
    text-align: left;
  }
  .block-type-5 .button,
  .block-type-5 .col-md-pull-6 .animated-block {
    float: left;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 11 - BLOCK-TYPE-5-6 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 12- BLOCK-TYPE-7 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-7 .col-md-4 {
  padding: 0;
}

.block-type-7 .col-md-4:nth-child(4) .thumb,
.block-type-7 .col-md-4:nth-child(5) .thumb,
.block-type-7 .col-md-4:nth-child(6) .thumb {
  border-bottom: 1px solid #ededed;
}

.block-type-7 .thumb {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed;
}

.block-type-7 .thumb i {
  display: block;
  text-align: center;
  font-size: 36px;
  color: #a8998b;
  margin-bottom: -6px;
}

.block-type-7 .h5 {
  display: inline-block;
  position: relative;
  /*text-transform:uppercase; */
  font-weight: 700;
}

.block-type-7 .hover-content {
  position: absolute;
  left: 0;
  top: -100%;
  opacity: 0;
  height: 100%;
  width: 100%;
  background-color: #6ec5ee;
}

.block-type-7 .h5 a {
  color: #333;
  z-index: 10;
}

.block-type-7 .h5 .hover-effect-bold {
  margin-left: -10px;
}

.block-type-7 .hover-content p {
  color: rgba(255, 255, 255, 0.7);
}

.block-type-7 .hover-content article {
  height: 100%;
  padding: 0 33px;
  text-align: center;
}

.block-type-7 .hover-content article p {
  line-height: 24px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

.block-type-7 .icon-wrapper {
  cursor: pointer;
  z-index: 10;
  left: 0;
  position: relative;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: inline-block;
  text-align: right;
}

.block-type-7 .icon-wrapper .center {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 2px;
  margin: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  z-index: -1;
}

.block-type-7 .icon-wrapper .center:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0px;
  background: #6ec5ee;
  width: 0;
  height: 1px;
  z-index: -1;
}

.block-type-7 .icon-wrapper .center:after {
  content: "";
  position: absolute;
  left: 0%;
  top: 0px;
  background: #6ec5ee;
  width: 0;
  height: 1px;
  z-index: -1;
}

.block-type-7 .icon-wrapper.activated .center:before {
  width: 74px;
}

.block-type-7 .icon-wrapper.activated .center:after {
  width: 74px;
}

.block-type-7 .h5 a:after {
  top: 8px;
}

.block-type-7 .col-md-3 {
  text-align: right;
}

.block-type-7 p {
  z-index: 100;
}

@media (min-width: 1200px) {
  .block-type-7 .thumb:hover .hover-content {
    top: 0;
    opacity: 0.8;
  }
  .block-type-7 .thumb:hover .inner-content {
    opacity: 0;
  }
  .block-type-7 .icon-wrapper:hover {
    background: #6ec5ee;
  }
  .block-type-7 .icon-wrapper:hover svg path {
    fill: #6ec5ee;
  }
  .block-type-7 .line-decoration:hover:before {
    width: 60px;
  }
  .block-type-7 .line-animation:hover .line-decoration:before {
    width: 60px;
  }
  .block-type-7 .offset-100:hover ~ .line-decoration:before,
  .block-type-7 p:hover ~ .line-decoration:before {
    width: 30px !important;
  }
}

@media (max-width: 991px) {
  .block-type-7 .col-md-4.col-sm-6 {
    padding: 0px;
  }
  .block-type-7 .col-md-4.col-md-offset-4.col-sm-6.col-sm-offset-3 {
    padding: 0px 15px;
  }
  .block-type-7 .col-md-4:nth-child(4) .thumb {
    border-bottom: none;
  }
  .block-type-7 .icon-wrapper .center:before,
  .block-type-7 .icon-wrapper .center:after {
    width: 65px;
  }
}

@media (max-width: 768px) {
  .block-type-7 .thumb .col-md-8 article {
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .block-type-7 .col-md-4.col-sm-6 {
    padding: 0px 15px 15px 15px;
  }
  .block-type-7 .col-md-4:nth-child(n) .thumb {
    border: 1px solid #ededed;
  }
  .block-type-7 .col-md-4:last-child {
    padding-bottom: 0;
  }
  .block-type-7 .thumb .col-md-8 article {
    margin-left: 0px;
  }
}

@media (max-width: 600px) {
  .block-type-7 .col-md-3,
  .block-type-7 .col-md-8 {
    width: 100%;
  }
  .block-type-7 .col-md-3 {
    text-align: left;
  }
  .block-type-7 .offset-110.md-offset-55 {
    height: 20px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 12- BLOCK-TYPE-7 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 13- BLOCK-TYPE-8 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-8 .clip {
  position: relative;
  width: 100%;
  height: 589px;
}

.block-type-8 .details {
  position: absolute;
  bottom: 30px;
}

.block-type-8 .date,
.block-type-8 .author,
.block-type-8 .like,
.block-type-8 .comment {
  display: inline-block;
}

.block-type-8 .author,
.block-type-8 .like,
.block-type-8 .comment {
  margin-right: 30px;
}

.block-type-8 .date {
  font-weight: 600;
  font-size: 10px;
  background-color: #6ec5ee;
  color: #222;
  font-family: "Montserrat";
  width: 50px;
  height: 46px;
  margin: 0 30px;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
}

.block-type-8 .day {
  font-weight: 900;
  font-size: 20px;
}

.block-type-8 .author,
.block-type-8 .like,
.block-type-8 .comment {
  color: #fdfdfd;
  font-size: 10px;
  font-family: "Montserrat";
  font-weight: bold;
}

.block-type-8 i {
  color: #6ec5ee;
}

.block-type-8 span i {
  font-size: 12px;
}

.block-type-8 .fa {
  margin-right: 9px;
}

.block-type-8 .clip {
  overflow: hidden;
}

.block-type-8 article {
  height: 100%;
}

.block-type-8 article:first-child {
  padding: 0;
}

.block-type-8 article .blog-title {
  display: block;
  position: relative;
}

.block-type-8 .author span,
.block-type-8 .like span,
.block-type-8 .comment span {
  position: relative;
}

.block-type-8 .author span:after,
.block-type-8 .like span:after,
.block-type-8 .comment span:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  content: "";
  background-color: #fff;
}

.block-type-8 .blog-title {
  position: relative;
}

.block-type-8 .hover-effect-2lines {
  color: #222;
  font-size: 20px;
}

@media (min-width: 1200px) {
  .block-type-8 .author span:hover:after,
  .block-type-8 .like span:hover:after,
  .block-type-8 .comment span:hover:after {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .block-type-8 .comment {
    margin: 0;
  }
}

@media (max-width: 991px) {
  .block-type-8 .clip {
    height: 400px;
  }
  .block-type-8 article {
    padding-left: 0;
  }
  .block-type-8.col-md-6 {
    padding: 0;
  }
}

@media (max-width: 480px) {
  .block-type-8 .author,
  .block-type-8 .like,
  .block-type-8 .comment {
    padding-right: 5px;
  }
  .block-type-8 .date {
    margin: 0 10px;
  }
  .block-type-8 .comment {
    margin-left: 62px;
  }
}

@media (min-width: 320px) and (max-width: 343px) {
  .block-type-8 .author {
    margin-right: 6px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 13- BLOCK-TYPE-8 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 14- BLOCK-TYPE-9 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-9 .bg-nofixed {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
  background-attachment: scroll;
  z-index: 2;
}

.block-type-9 .col-md-8 {
  text-align: center;
}

.block-type-9 .col-md-6.col-md-offset-3 {
  text-align: center;
}

.block-type-9 .banner-logo {
  position: relative;
}

.block-type-9 .banner-logo:after {
  position: absolute;
  right: -17px;
  top: -48px;
  content: "";
  width: 73px;
  height: 73px;
  background: #6ec5ee;
  z-index: -1;
}

.block-type-9 .wide-letter-spacing {
  letter-spacing: 5px;
}

.block-type-9 .letter-spacing-5 {
  letter-spacing: 5px;
}

.block-type-9 .table-view {
  padding: 163px 0 100px;
  position: relative;
  z-index: 2;
}

.block-type-9 .table-view.style-2 {
  padding: 207px 0;
}

.block-type-9 .table-view.style-3 {
  padding: 160px 0;
}

.block-type-9 .table-view.style-3 .cell-view {
  height: 475px;
}

.block-type-9 .block-type-24.style-4 .blog-info .small-13,
.block-type-9 .block-type-24.style-4 .blog-info a,
.block-type-9 .block-type-24.style-4 .blog-info i {
  color: #fff;
}

.block-type-9 .block-type-24.style-4 .blog-info .small-13 i {
  color: #fff;
}
.block-type-9 video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  background-image: url(../img/block-site/home_video-construction-torrance-background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.block-type-9 .block-type-1.style-2 .animated-block.activated:before {
  content: none;
}

.block-type-9 .block-type-1.style-2 .animated-block.activated:after {
  content: none;
}

/* ----- with-slider ----- */

.block-type-9.with-slider .bg-nofixed {
  position: absolute;
  top: 0;
  left: 0;
  background-attachment: scroll;
  z-index: 2;
  height: 100%;
  width: 100%;
}

#content-wrapper:not(.border) .block-type-9.with-slider .bg-nofixed {
  width: 101%;
}

.block-type-9.with-slider .swiper-wrapper,
.block-type-9.with-slider .swiper-slide {
  position: relative;
  height: 100vh;
}

#content-wrapper.border .block-type-9.with-slider .swiper-wrapper,
#content-wrapper.border .block-type-9.with-slider .swiper-slide {
  position: relative;
  height: calc(100vh - 25px);
}

#content-wrapper.border .block-type-9.with-slider.with-decor .swiper-wrapper,
#content-wrapper.border .block-type-9.with-slider.with-decor .swiper-slide {
  height: auto;
}

.block-type-9.with-slider .swiper-wrapper.style-2,
.block-type-9.with-slider .swiper-wrapper.style-2 .swiper-slide {
  height: auto;
}

.block-type-9.with-slider .pagination,
.border .block-type-9.with-slider .pagination {
  position: absolute;
  bottom: 40px;
}

.block-type-9.with-slider .swiper-slide .table-view .slide-scale-animation {
  opacity: 0;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.block-type-9.with-slider .swiper-slide .table-view .animated-slide p {
  opacity: 0;
  transform: translateX(-20%);
  -webkit-transform: translateX(-20%);
  -moz-transform: translateX(-20%);
  -o-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
}

.block-type-9.with-slider .swiper-slide .table-view .slide-right-animation {
  opacity: 0;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
}

.block-type-9.with-slider
  .swiper-slide
  .table-view
  .slide-right-animation.c-decoration {
  transform: translateX(0%) translateY(-50%);
  -webkit-transform: translateX(0%) translateY(-50%);
  -moz-transform: translateX(0%) translateY(-50%);
  -o-transform: translateX(0%) translateY(-50%);
  -ms-transform: translateX(0%) translateY(-50%);
}

.block-type-9.with-slider
  .swiper-slide
  .table-view
  .animated-slide
  .subheading {
  opacity: 0;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
}

.block-type-9.with-slider .swiper-slide-active .table-view .animated-slide p {
  opacity: 1;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
}

.block-type-9.with-slider
  .swiper-slide-active
  .table-view
  .slide-right-animation {
  opacity: 1;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
}

.block-type-9.with-slider
  .swiper-slide-active
  .table-view
  .animated-slide
  .subheading {
  opacity: 1;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
}

.block-type-9.with-slider .swiper-slide .table-view .h1 {
  opacity: 0;
}

.block-type-9.with-slider .swiper-slide .table-view.style-3 .h1 {
  opacity: 1;
}

.animated-body .block-type-9.with-slider .swiper-slide .table-view.style-3 .h1,
.animated-body .block-type-9.with-slider .swiper-slide .table-view.style-3 p {
  transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
}

.block-type-9.with-slider .swiper-slide-active .table-view .h1 {
  opacity: 1;
}

.block-type-9.with-slider .swiper-slide .table-view .decoration-vertical:after {
  height: 0px;
}

.block-type-9.with-slider
  .swiper-slide-active
  .table-view
  .decoration-vertical:after {
  height: 80px;
}

/* -----with-slider style 2 ----- */

.block-type-9.with-slider.style-2 .col-md-6,
.block-type-9.with-slider.style-2 .col-md-8,
.block-type-9.with-slider.style-2 .button-wrap {
  text-align: left;
}

.block-type-9.with-slider.style-2 .cell-view {
  vertical-align: bottom;
}

.block-type-9.with-slider.style-2 .table-view {
  padding: 155px 0 145px;
}

/*style-3*/

.block-type-9.style-3 .block-type-24.style-2 .h5.heading {
  color: #fff;
}

.block-type-9.style-3 .category,
.block-type-9.style-3 .client,
.block-type-9.style-3 .job {
  color: rgba(255, 255, 255, 0.9);
}

.block-type-9.style-3 .block-type-24.style-2 .h1:first-child {
  text-transform: uppercase;
}

@media (max-width: 1400px) {
  .block-type-9.with-slider.style-2 .col-md-6 {
    margin-left: 10%;
  }
}

@media (max-width: 1200px) {
  .block-type-9 video {
    height: 100vh;
    width: auto;
  }
  .block-type-9.with-slider.style-2 .col-md-6 {
    margin-left: 15%;
  }
}

@media (max-width: 991px) {
  .block-type-9.with-slider.style-2 .col-md-6 {
    margin-left: 0;
  }
  .block-type-9.with-slider.style-2 .container-fluid {
    padding: 0;
  }
  .block-type-9 .bg-nofixed {
    position: absolute;
  }
  .block-type-9 .table-view {
    padding: 35px 0 0;
  }
  .block-type-9.with-slider .table-view {
    padding: 45px 0 52px;
  }
  .block-type-9 .table-view.style-2 {
    padding: 117px 0;
  }
  .block-type-9 .table-view.style-5 {
    padding: 137px 0;
  }
  .block-type-9.with-slider .swiper-wrapper,
  .block-type-9.with-slider .swiper-slide {
    height: 420px;
  }
  .block-type-9.with-slider .pagination.none {
    display: block;
    bottom: 40px;
    margin: 0;
  }
  .block-type-9.with-slider .swiper-arrow {
    display: none;
  }
  .block-type-9 .table-view.style-3 {
    padding: 60px 0 112px;
  }
  .block-type-9 .table-view.style-4 {
    padding: 44px 0 0;
  }
  .block-type-9.with-slider .table-view.style-4 {
    padding: 21px 0 52px;
  }
  .block-type-9.with-slider
    .swiper-slide
    .table-view
    .animated-slide
    .subheading,
  .block-type-9.with-slider .swiper-slide .table-view .animated-slide p,
  .block-type-9.with-slider .swiper-slide .table-view .slide-right-animation,
  .block-type-9.with-slider .swiper-slide .table-view .h1 {
    opacity: 1;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
  }
  #content-wrapper.border .block-type-9.with-slider .swiper-wrapper,
  #content-wrapper.border .block-type-9.with-slider .swiper-slide {
    height: 420px;
  }
  #content-wrapper.border .block-type-9.with-slider.with-decor .swiper-wrapper,
  #content-wrapper.border .block-type-9.with-slider.with-decor .swiper-slide {
    height: auto;
  }
  #content-wrapper.border .block-type-9.with-slider .table-view.style-4 {
    top: 25px;
    height: calc(100% - 25px);
    padding: 23px 0 52px;
  }
  .border .block-type-9.with-slider .pagination {
    bottom: 40px;
  }
  .block-type-9.with-slider.style-2 .table-view {
    padding: 45px 0 52px;
  }
  .block-type-9.with-slider.style-2 .cell-view {
    vertical-align: middle;
  }
}

@media (max-width: 768px) {
  .block-type-9 .table-view.style-2 {
    padding: 137px 0;
  }
}

@media (max-width: 480px) {
  .block-type-9 .table-view.style-2 {
    padding: 60px 0;
  }
  #content-wrapper.border .block-type-9.with-slider.with-decor .swiper-wrapper,
  #content-wrapper.border .block-type-9.with-slider.with-decor .swiper-slide {
    height: 470px;
  }
  .block-type-9 .table-view.style-3 .cell-view {
    height: 350px;
  }
  .block-type-9.with-slider .table-view.style-4 {
    padding-top: 45px;
  }
  #content-wrapper.border .block-type-9.with-slider .table-view.style-4 {
    padding-top: 15px;
  }
}

@media (max-width: 475px) {
  /*.block-type-9 .table-view.style-3{padding: 0 0 52px;}*/
  .block-type-9 .table-view.style-3 .cell-view {
    height: auto;
  }
  .block-type-9 .circle-decoration,
  .block-type-9 .animated-block.scroll-animation {
    display: none;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 14- BLOCK-TYPE-9 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------
/* 15 - BLOCK-TYPE-10 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-10 .col-md-4 {
  position: relative;
  text-align: center;
}

.block-type-10 .block-type-7 .h5 a:after {
  top: 12px;
}

.block-type-10 .block-type-7 .h5 a.uppercased.top-10:after {
  top: 10px;
}

.block-type-10 .block-type-7 .h6-14 a:after {
  top: 8px;
}

.block-type-10 .block-type-7 .h6-14 {
  z-index: 10;
  position: relative;
  float: left;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.block-type-10 .containert-fluid {
  padding-right: 30px;
  padding-left: 30px;
}

.block-type-10 .block-type-7 .thumb {
  border: none;
  overflow: visible;
}

.block-type-10 .block-type-7 .thumb article {
  padding: 0 30px;
}

.block-type-10 .block-type-7 .col-md-4 {
  padding: 0 15px;
}

.block-type-10 .block-type-7 .col-md-4:nth-child(n) .thumb {
  border: none;
}

.block-type-10 .round-img {
  width: 80%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
}

.block-type-10 .block-type-7 {
  text-align: center;
}

.block-type-10 .block-type-7 .icon-wrapper.style-2 {
  width: 120px;
  height: 120px;
  left: 0px;
  top: calc(50% - 60px);
}

.block-type-10 .block-type-7 .icon-wrapper.style-2.activated .center:before {
  width: 100px;
}

.block-type-10 .block-type-7 .icon-wrapper.style-2.activated .center:after {
  width: 100px;
}

.block-type-10 li {
  position: relative;
  float: left;
  width: 100%;
}

.block-type-10 li .hover-effect-bold {
  position: relative;
  float: left;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.block-type-10 li .hover-effect-bold:after {
  margin-top: -2px;
}

/*------style-2------*/

.block-type-10.style-2 .block-type-7 .col-md-4 .thumb {
  position: relative;
}

.block-type-10.style-2 .block-type-7 .col-md-4 {
  padding: 0 80px;
}

.block-type-10.style-2 .block-type-7 {
  padding: 0 27px;
}

.block-type-10 .block-type-7 .thumb .circle-decoration.big-circle {
  z-index: 1;
  width: 506px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}

.block-type-10 .block-type-7 .thumb > .animated-block {
  position: absolute;
  width: calc(100% + 60px);
  height: calc(100% + 64px);
  top: -32px;
  left: -30px;
}

.block-type-10.style-2 .block-type-7 .col-md-4 .thumb .width-image {
  width: 100%;
}

.block-type-10.style-2 .my-hexagon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -362px;
  margin-top: -314px;
  transform: scale(0.8, 0.7) rotate(-30deg);
}

.block-type-10.style-2 .my-decagon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -585px;
  margin-top: -558px;
  transform: scale(0.43, 0.45);
}

.block-type-10.style-2 .width-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.block-type-10.style-2 .width-div img {
  z-index: -1;
  position: relative;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #ededed;
}

.block-type-10.style-2 .offset-220 {
  height: 230px;
}

#content-wrapper:not(.border) .block-type-10.style-2 .container-fluid {
  padding-right: 40px;
  padding-left: 40px;
}

/*------style-3------*/

.block-type-10.style-3 img {
  display: block;
  margin: auto;
  width: 85%;
}

.block-type-10.style-3 article .h4 {
  text-align: center;
}

.block-type-10.style-3 .swiper-container .pagination {
  position: absolute;
  bottom: 40px;
  margin: 0;
  padding: 0;
}

.block-type-10.style-3 .cell-view {
  text-align: center;
  padding: 0 0 52px;
}

.block-type-10.style-3 .circle-decoration {
  width: 688px;
  left: calc(50% - 344px);
  top: calc(50% - 337px);
}

.block-type-10.style-3 .table-view {
  height: 685px;
  width: calc(100% - 60px);
  margin-left: 30px;
}

.block-type-10.style-3 .block-type-1.style-2 > .circle-decoration svg path {
  stroke: #eee;
  stroke-width: 0.2px;
}

.block-type-10.style-3 .animated-block {
  position: absolute;
  height: 685px;
}

#content-wrapper:not(.border) .block-type-10.style-3 .animated-block {
  height: 705px;
}

#content-wrapper:not(.border)
  .block-type-10.style-3
  .block-type-1.style-2
  > .circle-decoration {
  width: 708px;
  left: calc(50% - 354px);
  top: calc(50% - 337px);
}

.block-type-10.style-3 .animated-block > span {
  z-index: 10;
}

.block-type-10.style-3 .swiper-slide {
  position: relative;
}

.block-type-10.style-3 .block-type-1.style-2 .animated-block:before {
  content: none;
}

.block-type-10.style-3 .block-type-1.style-2 .animated-block:after {
  content: none;
}

/*------style-5------*/

.block-type-10.style-5 .swiper-container {
  margin: 0 15px;
  height: 666px;
}

.block-type-10.style-5 .swiper-wrapper {
  height: 666px;
}

.block-type-10.style-5 .block-bg article,
.block-type-10.style-5 .block-bg article p,
.block-type-10.style-5 .button-wrap {
  text-align: left;
}

.block-type-10.style-5 .content .category {
  position: relative;
  float: left;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.block-type-10.style-5 .content .button-wrap {
  text-align: center;
}

.block-type-10.style-5 .pagination {
  position: absolute;
  margin: 0;
  bottom: 40px;
}

.block-type-10.style-5 article {
  padding: 0;
}

.block-type-10.style-5 ul li:before {
  content: none;
}

.block-type-10.style-5 ul {
  margin-left: 0;
}

.block-type-10.style-5 .animated-block {
  width: 142px;
  height: 142px;
}

.block-type-10.style-5 .animated-block span.top,
.block-type-10.style-5 .animated-block span.bottom {
  transform: translateX(30px);
}

.block-type-10.style-5 .animated-block span.left,
.block-type-10.style-5 .animated-block span.right {
  transform: translateX(30px);
}

.block-type-10.style-5 .col-md-4:nth-child(2) .animated-block {
  margin-left: -15px;
}

.block-type-10.style-5 .animated-block span.top.activated,
.block-type-10.style-5 .animated-block span.bottom.activated {
  width: 100%;
}

.block-type-10.style-5 .animated-block span.left.activated,
.block-type-10.style-5 .animated-block span.right.activated {
  height: 100%;
}

.block-type-10.style-5 .icon-wrapper.circle-decoration {
  width: 90px;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
}

.block-type-10.style-5 .normal {
  padding: 0 50px;
  text-align: left;
}

.block-type-10.style-5 .normal .decoration-vertical {
  margin-left: 30px;
}

.block-type-10.style-5 .normal .button {
  margin-left: 18px;
}

.block-type-10.style-5 .swiper-slide .normal {
  padding: 0px;
  text-align: center;
}

.block-type-10.style-5 .swiper-slide .table-view.style-2 {
  margin-top: 0;
  border: none;
  width: 100%;
  padding: 70px 0 122px;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
}

.block-type-10.style-5 .table-view.style-2 .cell-view {
  height: 50px;
}

.block-type-10.style-5 .col-md-4 .cell-view {
  height: 437px;
}

.block-type-10.style-5 .table-view {
  border: 1px solid #ededed;
  padding: 110px 0 45px;
  margin-top: -70px;
  width: calc(100% + 15px);
  position: relative;
  float: left;
}

.block-type-10.style-5 .table-view.without-left-border {
  margin-left: -15px;
  border-left: none;
}

.block-type-10.style-5 h5 {
  line-height: 22px;
  position: relative;
  float: left;
  margin-left: -10px;
}

.block-type-10.style-5 .col-md-4 h5 {
  margin-left: 0;
}

.block-type-10.style-5 h5 .hover-effect-bold {
  float: left;
}

.block-type-10.style-5 .hover-effect-bold:after {
  top: 7px;
}

.block-type-10.style-5 ul.decorated li {
  padding-left: 18px;
}

.block-type-10.style-5 .hover-effect-thin:after {
  top: 7px;
}

/*------style-6------*/

.block-type-10.style-6 .table-view {
  width: 100%;
}

.block-type-10.style-6 .col-md-4 .cell-view {
  height: auto;
}

.block-type-10.style-5.style-6 .col-md-4:nth-child(2) .animated-block {
  margin-left: 0;
}

.block-type-10.style-6 li {
  position: relative;
  line-height: 20px;
  padding-bottom: 10px;
  text-align: left;
}

.block-type-10.style-6 ul li:before {
  position: absolute;
  content: "";
}

@media (min-width: 1600px) {
  .block-type-10 .normal {
    padding: 0 10px;
  }
  /*style-2*/
  .block-type-10.style-2 .thumb:hover .my-hexagon {
    transform: scale(0.7, 0.61) rotate(-30deg);
  }
  .block-type-10.style-2 .thumb:hover .my-decagon {
    transform: scale(0.38, 0.395);
  }
  .block-type-10 .block-type-7 .thumb:hover .circle-decoration.big-circle {
    width: 446px;
  }
}

@media (min-width: 1200px) {
  .block-type-10 .normal {
    padding: 0 10px;
  }
  /*style-2*/
  .block-type-10.style-2 .thumb:hover .my-hexagon {
    transform: scale(0.568, 0.49) rotate(-30deg);
    margin-left: -363px;
  }
  .block-type-10.style-2 .thumb:hover .my-decagon {
    transform: scale(0.305, 0.319);
  }
  .block-type-10 .block-type-7 .thumb:hover .circle-decoration.big-circle {
    width: 360px;
    margin-top: 0;
  }
  /*style-5*/
  /*.block-type-10.style-5 .normal a:hover{color: #6ec5ee;}*/
}

@media (max-width: 1920px) {
  .border .block-type-10.style-3 .animated-block {
    height: 710px;
    height: 685px;
  }
  .border .block-type-10.style-3 .block-type-1.style-2 > .circle-decoration {
    height: 686px;
    width: 686px;
    left: calc(50% - 344px);
  }
  #content-wrapper:not(.border) .block-type-10.style-3 .animated-block {
    height: 706px;
  }
  #content-wrapper:not(.border)
    .block-type-10.style-3
    .block-type-1.style-2
    > .circle-decoration {
    height: 710px;
    width: 710px;
    left: calc(50% - 354px);
  }
}

@media (max-width: 1600px) {
  .block-type-10.style-2 .block-type-7 .col-md-4 {
    padding: 0 30px;
  }
  .block-type-10.style-2 .my-hexagon {
    transform: scale(0.75, 0.65) rotate(-30deg);
  }
  .block-type-10.style-2 .my-decagon {
    transform: scale(0.38, 0.4);
  }
  .block-type-10 .block-type-7 .thumb .circle-decoration.big-circle {
    width: 475px;
  }
  .block-type-10.style-2 .offset-220.md-offset-40 {
    height: 200px;
  }
  .block-type-10.style-3 .animated-block {
    position: absolute;
    height: 565px;
  }
  .block-type-10.style-3 .block-type-1.style-2 > .circle-decoration {
    width: 562px;
    height: 562px;
    left: calc(50% - 280px);
    top: calc(50% - 285px);
  }
  #content-wrapper:not(.border) .block-type-10.style-3 .animated-block {
    height: 574px;
  }
  #content-wrapper:not(.border)
    .block-type-10.style-3
    .block-type-1.style-2
    > .circle-decoration {
    width: 578px;
    left: calc(50% - 289px);
    top: calc(50% - 274px);
  }
  .block-type-10.style-3 .table-view {
    height: 580px;
    height: 560px;
  }
  .border .block-type-10.style-3 .block-type-1.style-2 > .circle-decoration {
    width: 554px;
    height: 554px;
    left: calc(50% - 277px);
    top: calc(50% - 273px);
  }
  .border .block-type-10.style-3 .animated-block {
    height: 554px;
  }
}

@media (max-width: 1500px) {
  .block-type-10.style-2 .my-hexagon {
    transform: scale(0.7, 0.6) rotate(-30deg);
  }
  .block-type-10.style-2 .my-decagon {
    transform: scale(0.38, 0.4);
  }
  .block-type-10 .block-type-7 .thumb .circle-decoration.big-circle {
    width: 450px;
  }
  .block-type-10.style-2 .offset-220.md-offset-40 {
    height: 175px;
  }
}

@media (max-width: 1400px) {
  .block-type-10.style-2 .my-hexagon {
    transform: scale(0.63, 0.58) rotate(-30deg);
  }
  .block-type-10.style-2 .my-decagon {
    transform: scale(0.33, 0.37);
  }
  .block-type-10 .block-type-7 .thumb .circle-decoration.big-circle {
    width: 400px;
  }
  .block-type-10.style-2 .offset-220.md-offset-40 {
    height: 165px;
  }
  #content-wrapper:not(.border) .block-type-10.style-3 .animated-block {
    height: 474px;
  }
  .border .block-type-10.style-3 .animated-block {
    height: 463px;
  }
  .border .block-type-10.style-3 .block-type-1.style-2 > .circle-decoration {
    height: 467px;
    width: 467px;
    left: calc(50% - 232px);
    top: calc(50% - 228px);
  }
  #content-wrapper:not(.border)
    .block-type-10.style-3
    .block-type-1.style-2
    > .circle-decoration {
    height: 477px;
    width: 477px;
    left: calc(50% - 237px);
    top: calc(50% - 228px);
  }
  .block-type-10.style-3 .table-view {
    height: 467px;
  }
  .block-type-10.style-2 .offset-125 {
    height: 70px;
  }
}

@media (max-width: 1300px) {
  .block-type-10.style-2 .my-hexagon {
    transform: scale(0.59, 0.53) rotate(-30deg);
  }
  .block-type-10.style-2 .my-decagon {
    transform: scale(0.31, 0.33);
  }
  .block-type-10 .block-type-7 .thumb .circle-decoration.big-circle {
    width: 360px;
  }
  .block-type-10.style-2 .offset-220.md-offset-40 {
    height: 145px;
  }
}

@media (max-width: 1199px) {
  /*style-2*/
  .block-type-10.style-2 .my-hexagon,
  .block-type-10.style-2 .my-decagon {
    display: none;
  }
  .block-type-10 .block-type-7 .thumb .circle-decoration.big-circle {
    display: none;
  }
  .block-type-10.style-2 .block-type-7 .col-md-4 {
    padding: 0 7.5px;
  }
  .block-type-10.style-2 .container-fluid {
    padding: 0;
  }
  .block-type-10.style-2 .offset-220.md-offset-40 {
    height: 40px;
  }
  .block-type-10.style-2 .width-div {
    width: auto;
    height: auto;
  }
  .block-type-10.style-2 .offset-125.md-offset-0 {
    height: 0;
  }
  .block-type-10.style-2 .col-md-4 .offset-25.md-offset-15:last-child {
    height: 0;
  }
  /*style-3*/
  .block-type-10.style-3 .cell-view {
    padding: 0 0 53px;
  }
  .block-type-10.style-3 .table-view {
    height: 463px;
  }
  .block-type-10.style-3 .circle-decoration {
    width: 405px;
  }
  .block-type-10.style-3 .animated-block {
    height: 405px;
  }
  .border .block-type-10.style-3 .block-type-1.style-2 > .circle-decoration {
    display: none;
  }
}

@media (max-width: 991px) {
  .block-type-10 article {
    padding: 0 15px;
  }
  .block-type-10 .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
  .block-type-10 .container {
    padding: 0;
  }
  .block-type-10 .main {
    padding: 0 15px;
  }
  .block-type-10 .row {
    margin: 0px;
  }
  .block-type-10 .col-md-12 {
    padding: 0px;
  }
  .block-type-10 .col-md-4 {
    padding: 0 15px;
  }
  .block-type-10 .block-type-7 .thumb {
    position: relative;
  }
  .block-type-10 .block-type-7 .thumb article {
    padding: 0;
  }
  .block-type-10 .block-type-7 .icon-wrapper.style-2 .center:before,
  .block-type-10 .block-type-7 .icon-wrapper.style-2 .center:after {
    width: 100px;
  }
  /*------style-2------*/
  .block-type-10.style-2 .offset-220.md-offset-40 {
    height: 40px;
  }
  .block-type-10.style-2 .block-type-7 {
    padding: 0;
  }
  #content-wrapper:not(.border) .block-type-10.style-2 .container-fluid,
  .block-type-10.style-2 .container-fluid {
    padding: 0 15px;
  }
  /*------style-3------*/
  .block-type-10.style-3 .animated-block {
    width: calc(100% - 15px);
    margin-left: 7.5px;
    height: 438px;
  }
  #content-wrapper:not(.border) .block-type-10.style-3 .animated-block {
    height: 438px;
  }
  .border .block-type-10.style-3 .animated-block {
    height: 438px;
  }
  .block-type-10.style-3 .block-type-1.style-2 > .circle-decoration {
    display: none;
  }
  .block-type-10.style-3 .cell-view {
    padding: 40px 0 82px 0;
  }
  .block-type-10.style-3 .table-view {
    height: auto;
  }
  .block-type-10.style-3 .swiper-container .pagination {
    bottom: 0px;
  }
  /*------style-5------*/
  .block-type-10.style-5 .col-md-12.col-xs-12 {
    padding: 7.5px;
  }
  .block-type-10.style-5 .table-view {
    padding: 100px 0 40px;
    width: 100%;
  }
  .block-type-10.style-5 .col-md-4 {
    padding: 0 7.5px;
  }
  .block-type-10.style-5 .col-md-4 .cell-view {
    height: 500px;
  }
  .block-type-10.style-5 .normal {
    padding: 0 15px;
  }
  .block-type-10.style-5 .table-view.without-left-border {
    margin-left: 0;
    border-left: 1px solid #ededed;
  }
  .block-type-10.style-5 .swiper-container {
    margin: 0;
    height: auto;
  }
  .block-type-10.style-5 .animated-block span.top,
  .block-type-10.style-5 .animated-block span.bottom {
    width: 100%;
  }
  .block-type-10.style-5 .animated-block span.left,
  .block-type-10.style-5 .animated-block span.right {
    height: 100%;
  }
  .block-type-10.style-5 .animated-block {
    margin-left: -15px;
  }
  .block-type-10.style-5 article {
    padding: 0 15px;
  }
  /*------style-6------*/
  .block-type-10.style-6 article {
    padding: 0 15px;
  }
  .block-type-10.style-6 .col-md-8 {
    padding-left: 0;
  }
  .block-type-10.style-6 .col-md-4 .cell-view {
    height: auto;
  }
}

@media (min-width: 768px) and (max-width: 1250px) {
  .container {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .block-type-10 li:last-child {
    padding-bottom: 0;
  }
  .block-type-10 .col-md-4,
  .block-type-10 .col-md-3,
  .block-type-10 .col-md-3 article {
    padding: 0;
  }
  /*style-5*/
  .block-type-10.style-5 .table-view {
    padding-top: 85px;
  }
  .block-type-10.style-5 .col-md-4 {
    padding: 0 15px;
  }
  .block-type-10.style-5 .col-md-4 .cell-view {
    height: auto;
  }
  .block-type-10.style-5 ul.style-1 li {
    text-align: center;
  }
  .block-type-10.style-5 ul.style-1 li:before {
    display: none;
  }
  .block-type-10.style-5 .swiper-slide .table-view.style-2 {
    padding: 40px 0 92px;
  }
  /*style-6*/
  .block-type-10.style-6 .col-md-5:nth-child(1) .table-view {
    padding: 40px 15px 20px;
  }
  .block-type-10.style-6 .col-md-5:nth-child(2) .table-view {
    padding: 20px 15px 40px;
  }
}

@media (max-width: 480px) {
  .border .block-type-11.style-6 .swiper-slide,
  .border .block-type-11.style-6 .swiper-container,
  .block-type-11.style-6 .swiper-slide,
  .block-type-11.style-6 .swiper-container {
    height: 457px;
  }
  #content-wrapper:not(.border) .block-type-10.style-3 .animated-block,
  .border .block-type-10.style-3 .animated-block {
    height: 100%;
  }
  .block-type-10.style-3 .swiper-container .pagination {
    bottom: 40px;
  }
  .border .block-type-10.style-3 .table-view,
  #content-wrapper:not(.border) .block-type-10.style-3 .table-view {
    height: 457px;
  }
  .border .block-type-10.style-3 .cell-view,
  #content-wrapper:not(.border) .block-type-10.style-3 .cell-view {
    padding-bottom: 74px;
  }
  .block-type-10.style-5 article {
    padding: 0;
  }
  .block-type-10 .main {
    padding: 0;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------
/* 15 - BLOCK-TYPE-10 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 16- BLOCK-TYPE-11 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-11 .sorting-container {
  position: relative;
  float: left;
  width: 100%;
}

#content-wrapper:not(.border) .block-type-11 .sorting-container {
  width: calc(100% - 16px);
}

.block-type-11 .sorting-item,
.block-type-11 .grid-sizer {
  backface-visibility: hidden;
  width: 25%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.block-type-11 .full-page .sorting-item,
.block-type-11 .full-page .grid-sizer {
  width: 25%;
}

.block-type-11 .sorting-item .img-link {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  float: left;
}

.block-type-11 .sorting-item img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  float: left;
}

.block-type-11 .sorting-item.disabled {
  opacity: 0.1;
}

.block-type-11 .full-page .sorting-item.disabled {
  opacity: 0;
}

.block-type-11 .sorting-item .hover-content {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.block-type-11 .sorting-item .hover-content .content {
  opacity: 0;
}

.block-type-11 .sorting-item .hover-content .wrapper {
  transform: translateX(0%) translateY(-100%);
  -webkit-transform: translateX(0%) translateY(-100%);
  -moz-transform: translateX(0%) translateY(-100%);
  -o-transform: translateX(0%) translateY(-100%);
  -ms-transform: translateX(0%) translateY(-100%);
}

.block-type-11 .sorting-item .hover-content .button {
  transform: translateX(0%) translateY(100%);
  -webkit-transform: translateX(0%) translateY(100%);
  -moz-transform: translateX(0%) translateY(100%);
  -o-transform: translateX(0%) translateY(100%);
  -ms-transform: translateX(0%) translateY(100%);
}

.block-type-11 .sorting-item .hover-content span.button {
  cursor: default;
}

.block-type-11 .sorting-item .hover-content .link {
  display: inline-block;
}

.block-type-11 .sorting-item .hover-content .content {
  backface-visibility: hidden;
  position: absolute;
  z-index: 1;
  width: 90%;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-align: center;
}

.block-type-11 .full-page.borders .sorting-item:after {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 15px solid #fff;
  left: 0;
  top: 0;
  content: "";
}

.block-type-11 .sorting-menu {
  text-align: center;
}

.block-type-11 .sorting-menu .responsive-filtration-toggle {
  display: inline-block;
}

.block-type-11 .sorting-menu a {
  display: inline-block;
  position: relative;
  float: left;
  text-align: center;
  margin-left: -1px;
  text-transform: uppercase;
  font-size: 12px;
  color: #888;
  font-family: "Montserrat";
  font-weight: 700;
  margin-right: 28px;
  margin-left: 28px;
}

.block-type-11 .sorting-menu a:after {
  transform-origin: center center;
  -webkit-transform-origin: center center;
  opacity: 0;
  content: "";
  position: absolute;
  left: 35%;
  top: 5px;
  width: 41px;
  height: 1px;
  background: #6ec5ee;
  transform: translateX(-50%);
}

.block-type-11 .sorting-menu a .decor-right {
  display: block;
  position: absolute;
  top: 5px;
  right: -35px;
  width: 15px;
  height: 1px;
}

.block-type-11 .sorting-menu a .decor-right:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 0px;
  background: #6ec5ee;
}

.block-type-11 .sorting-menu a .decor-right.activated:after {
  width: 15px;
}

.block-type-11 .sorting-menu a:last-child .decor-right.activated:after {
  display: none;
}

.block-type-11 .sorting-container.hover-left .content,
.block-type-11 .sorting-container.hover-left .button-wrap {
  text-align: left;
}

.block-type-11 .sorting-container.hover-left .content {
  left: 45px;
}

.block-type-11 .full-page .sorting-item.width-50 {
  width: 50%;
  overflow: hidden;
}

.block-type-11 .full-page .sorting-item.width-49 {
  width: 48%;
}

.block-type-11 .full-page .col-md-12 {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}

.block-type-11 .sorting-item .hover-content .category {
  color: rgba(255, 255, 255, 0.7);
  display: block;
}

.block-type-11 .sorting-item .hover-content .category a {
  color: rgba(255, 255, 255, 0.7);
  color: #fff;
}

.block-type-11 .animated-block.hover-animated span.top {
  top: 15px;
}

.block-type-11 .animated-block.hover-animated span.right {
  right: 15px;
}

.block-type-11 .animated-block.hover-animated span.bottom {
  bottom: 15px;
}

.block-type-11 .animated-block.hover-animated span.left {
  left: 15px;
}

.block-type-11 .animated-block.hover-animated.outer span.top {
  top: 5px;
  left: 5px;
  z-index: 1;
}

.block-type-11 .animated-block.hover-animated.outer span.right {
  right: 5px;
  top: 5px;
  z-index: 1;
}

.block-type-11 .animated-block.hover-animated.outer span.bottom {
  bottom: 5px;
  right: 5px;
  z-index: 1;
}

.block-type-11 .animated-block.hover-animated.outer span.left {
  left: 5px;
  bottom: 5px;
  z-index: 1;
}

.block-type-11 .content > .h4 {
  transform: translateY(100%);
}

.block-type-11 .sorting-menu a.active:after {
  opacity: 1;
  top: -10px;
  transform: rotate(-45deg) translateX(-50%);
  z-index: -1;
}

.block-type-11 .sorting-item .hover-content.colored .content .x-small {
  color: rgba(51, 51, 51, 0.6);
}

.block-type-11 .sorting-item .h5 .hover-effect-bold:after {
  top: 9px;
}

.block-type-11 .sorting-item .h4 .hover-effect-bold:after {
  top: 10px;
}

/*dropdown for responsive*/

.block-type-11 .responsive-filtration-title {
  display: none;
  position: relative;
}

.block-type-11 .sorting-menu a.active {
  color: #333;
  z-index: 1;
}

/* -----style 2 ----- */

.block-type-11.style-2 .inner-content {
  position: relative;
  float: left;
  width: 438px;
  height: 294px;
  background: #f3f3f3;
  opacity: 1;
}

.block-type-11.style-2 .sorting-item .hover-content .description {
  color: rgba(255, 255, 255, 0.7);
}

.block-type-11.style-2 .inner-content .content {
  position: relative;
  float: left;
  z-index: 1;
  width: 80%;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-align: center;
}

.block-type-11.style-2 .sorting-item .invisible {
  opacity: 0;
}

.block-type-11.style-2 .sorting-item .hover-content .category a {
  color: #fff;
}

.block-type-11.style-2 .clip,
.block-type-11.style-2 .swiper-slide {
  height: 558px;
}

/* -----style 3 ----- */

.block-type-11.style-3 .container-fluid {
  padding: 0px;
}

.block-type-11.style-3 .full-page .sorting-item.width-40 {
  width: 40%;
}

.block-type-11.style-3 .full-page.borders .sorting-item:after {
  display: none;
}

.block-type-11.style-3 .sorting-item,
.block-type-11.style-3 .grid-sizer {
  width: 20%;
}

.block-type-11.style-3 .full-page .sorting-item,
.block-type-11.style-3 .full-page .grid-sizer {
  width: 20%;
}

.block-type-11.style-3 .sorting-item .hover-content {
  position: absolute;
  left: 10px;
  top: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background: rgba(153, 134, 117, 0.85);
  opacity: 0;
}

.block-type-11.style-3 .sorting-item .hover-content .content {
  left: 30px;
}

/* -----style 5 ----- */

.block-type-11.style-5 {
  text-align: center;
}

.block-type-11.style-5 .h2 {
  line-height: 38px;
}

.block-type-11.style-5 .button.button-style-2 {
  margin-top: 34px;
}

.block-type-11.style-5 .button.button-style-2:hover {
  color: #6ec5ee;
}

.block-type-11.style-5 .decoration-vertical {
  margin-bottom: 75px;
}

.block-type-11.style-5 .sorting-item .hover-content .category a {
  color: #fff;
}

.border .block-type-11.style-5 .sorting-container.fadeInUp {
  width: 101%;
}

/* -----style 6 ----- */

.block-type-11.style-6 {
  margin-left: 15px;
}

.block-type-11.style-6 .sorting-item,
.block-type-11.style-6 .grid-sizer {
  width: 33.33%;
}

.block-type-11.style-6 .full-page .sorting-item,
.block-type-11.style-6 .full-page .grid-sizer {
  width: 33.33%;
}

.block-type-11.style-6 .full-page .sorting-item {
  z-index: 1;
  margin: -1px 0 0 -1px;
}

.block-type-11.style-6 .col-md-6:nth-child(2) {
  padding: 0;
  width: calc(50% - 60px);
}

.block-type-11.style-6 .full-page.borders .sorting-item img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.block-type-11.style-6 .full-page.borders .sorting-item.style-2:after {
  border: 45px solid #fff;
}

.block-type-11.style-6 .sorting-item.style-2 .x-small {
  color: rgba(255, 255, 255, 0.6);
}

.block-type-11.style-6 .sorting-item.style-2 .hover-content span.top {
  top: 35px;
  z-index: 10;
  left: 35px;
  width: 0;
}

.block-type-11.style-6 .sorting-item.style-2 .hover-content span.right {
  right: 35px;
  z-index: 10;
  top: 35px;
  height: 0;
}

.block-type-11.style-6 .sorting-item.style-2 .hover-content span.bottom {
  bottom: 35px;
  z-index: 10;
  right: 35px;
  width: 0;
}

.block-type-11.style-6 .sorting-item.style-2 .hover-content span.left {
  left: 35px;
  z-index: 10;
  bottom: 35px;
  height: 0;
}

.block-type-11.style-6
  .block-type-7
  .icon-wrapper.style-2.activated
  .center:before {
  width: 81px;
}

.block-type-11.style-6
  .block-type-7
  .icon-wrapper.style-2.activated
  .center:after {
  width: 81px;
}

.block-type-11.style-6 .block-type-7 .icon-wrapper .center {
  z-index: 1;
}

.block-type-11.style-6 .block-type-7 .icon-wrapper .center:before,
.block-type-11.style-6 .block-type-7 .icon-wrapper .center:after {
  z-index: 10;
}

.block-type-11.style-6 .block-type-7 .icon-wrapper img {
  z-index: 100;
}

.block-type-11.style-6 .swiper-slide > .circle-decoration svg path {
  stroke-width: 0.2px;
}

.block-type-11.style-6 .sorting-item .hover-content .content {
  z-index: 2;
}

.block-type-11.style-6 .sorting-item:after {
  z-index: 1;
}

/* -----style 7 ----- */

.block-type-11.style-7 .sorting-item,
.block-type-11.style-7 .grid-sizer {
  width: 50%;
}

.block-type-11.style-7 .full-page .sorting-item,
.block-type-11.style-7 .full-page .grid-sizer {
  width: 50%;
}

.block-type-11.style-7 .animated-block.scroll-animation span.top {
  top: 15px;
  left: 15px;
  transform: translateX(0%) !important;
  -webkit-transform: translateX(0%) !important;
}

.block-type-11.style-7 .animated-block.scroll-animation span.right {
  top: 15px;
  right: 15px;
  transform: translateX(0%) !important;
  -webkit-transform: translateX(0%) !important;
}

.block-type-11.style-7 .animated-block.scroll-animation span.bottom {
  bottom: 15px;
  right: 15px;
  transform: translateX(0%) !important;
  -webkit-transform: translateX(0%) !important;
}

.block-type-11.style-7 .animated-block.scroll-animation span.left {
  bottom: 15px;
  left: 15px;
  transform: translateX(0%) !important;
  -webkit-transform: translateX(0%) !important;
}

.block-type-11.style-7 .animated-block.scroll-animation span.activated {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
}

.block-type-11.style-7 .animated-block.scroll-animation .top.activated {
  width: calc(100% - 30px);
}

.block-type-11.style-7 .animated-block.scroll-animation .bottom.activated {
  width: calc(100% - 30px);
}

.block-type-11.style-7 .animated-block.scroll-animation .left.activated {
  height: calc(100% - 30px);
}

.block-type-11.style-7 .animated-block.scroll-animation .right.activated {
  height: calc(100% - 30px);
}

.block-type-11.style-7 .sorting-item img {
  width: calc(100% - 130px);
  height: calc(100% - 130px);
  margin: 65px 0 65px 65px;
}

.block-type-11.style-7 .content-left {
  font-size: 26px;
  line-height: 32px;
  position: relative;
  left: 15px;
  top: 50px;
  margin-top: -44px;
  z-index: 10;
  font-weight: 900;
  background: #fff;
  display: table;
  padding-right: 30px;
  height: 64px;
  float: left;
}

.block-type-11.style-7 .content-left:after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 0;
  background: #fff;
  width: 1px;
  height: 22px;
}

.block-type-11.style-7 .content-left > span {
  vertical-align: middle;
  display: table-cell;
}

.block-type-11.style-7 .sorting-item {
  overflow: visible;
  display: inline-block;
  float: left;
  margin-bottom: 63px;
}

.block-type-11.style-7 .sorting-item .hover-content {
  top: 65px;
  left: 65px;
  right: 65px;
  bottom: 65px;
  height: calc(100% - 130px);
  width: calc(100% - 130px);
}

.block-type-11.style-7 .sorting-item:hover .hover-content {


}

.block-type-11.style-7 .rotated-content {
  position: absolute;
  right: 0px;
  top: 142px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  width: 78px;
}

.block-type-11.style-7 .decoration-vertical {
  margin: 65px 40px auto auto;
}

.block-type-11.style-7 .full-page.borders .sorting-item:after {
  border-bottom: 60px solid #fff;
}

/* -----style 8 ----- */

.block-type-11.style-8 .sorting-item .hover-content .category {
  position: absolute;
  top: 23px;
  margin-left: 30px;
  text-transform: uppercase;
  transform: translateX(0%) translateY(-100%);
  -webkit-transform: translateX(0%) translateY(-100%);
  -moz-transform: translateX(0%) translateY(-100%);
  -o-transform: translateX(0%) translateY(-100%);
  -ms-transform: translateX(0%) translateY(-100%);
}

.block-type-11.style-8 .sorting-item .table-view {
  width: 45%;
  transform: translateX(0%) translateY(100%);
  -webkit-transform: translateX(0%) translateY(100%);
  -moz-transform: translateX(0%) translateY(100%);
  -o-transform: translateX(0%) translateY(100%);
  -ms-transform: translateX(0%) translateY(100%);
}

.block-type-11.style-8 .sorting-item .cell-view {
  height: 330px;
}

/* -----style 9 ----- */

.block-type-11.style-7.style-9 .hover-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.block-type-11.style-7.style-9 .hover-content .content {
  text-align: center;
  width: 50%;
  left: 25%;
  text-transform: capitalize;
}

.block-type-11.style-7.style-9 .hover-content .link {
  color: #fff;
}

.block-type-11.style-7.style-9 .sorting-item {
  margin-bottom: 0;
}

.block-type-11.style-7.style-9 .sorting-item img {
  width: 100%;
  height: 100%;
  margin: 0;
}

.block-type-11.style-7.style-9 .full-page.borders .sorting-item:after {
  border-bottom: 15px solid #fff;
}

.block-type-11.style-9 .sorting-item .x-small {
  color: rgba(255, 255, 255, 0.6);
}

/* -----style 10 ----- */

.block-type-11.style-6.style-10 {
  margin-left: 0;
}

.block-type-11.style-6.style-10 .row > .button {
  left: 50%;
  transform: translateX(-50%);
}

/* -----style 11 ----- */

.block-type-11.style-6.style-11 .sorting-container {
  width: calc(100% - 30px);
  margin-left: 15px;
  border-left: 1px solid #ededed;
}

.block-type-11.style-6.style-11 .sorting-item:after {
  border: 115px solid #fff;
}

.block-type-11.style-6.style-11 .sorting-item:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
}

.block-type-11.style-6.style-11 .full-page.borders .sorting-item img {
  -webkit-filter: none;
}

.block-type-11.style-6.style-11 .sorting-item:hover .hover-content {
  opacity: 1;
  z-index: 2;
}

.block-type-11.style-6.style-11 .letter {
  font-weight: 900;
  font-size: 300px;
  color: #6ec5ee;
  text-transform: capitalize;
  position: absolute;
  bottom: 17px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  opacity: 0.8;
}

.block-type-11.style-6.style-11 .wrap {
  white-space: nowrap;
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 10;
}

.block-type-11.style-6.style-11 .wrap .x-small {
  position: relative;
  float: left;
  z-index: 10;
  margin-left: 50px;
}

.block-type-11.style-6.style-11 .line-decoration:before {
  position: relative;
  bottom: -10px;
  float: left;
}

.block-type-11.style-6.style-11 .animated-block span.top {
  z-index: 10;
  top: 0;
}

.block-type-11.style-6.style-11 .animated-block span.right {
  z-index: 10;
  right: 0;
}

.block-type-11.style-6.style-11 .animated-block span.bottom {
  z-index: 10;
  bottom: 0;
}

.block-type-11.style-6.style-11 .animated-block span.left {
  z-index: 10;
  left: 0;
}

.block-type-11.style-6.style-11 .animated-block {
  position: absolute;
  float: none;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 11;
}

.block-type-11.style-6.style-11 .decoration-vertical.activated:after {
  height: 0px;
}

.block-type-11.style-6.style-11 .h4 {
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}

.block-type-11.style-6.style-11 .sorting-item > .right {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1px;
  height: 100%;
  background: #ededed;
  display: block;
  z-index: 100;
}

.block-type-11.style-6.style-11 .sorting-item > .bottom {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background: #ededed;
  display: block;
  z-index: 100;
}

.block-type-11.style-6.style-11 .sorting-item > .top {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 1px;
  background: #ededed;
  display: block;
  z-index: 100;
}

.block-type-11.style-6.style-11 .sorting-item > .left {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 100%;
  background: #ededed;
  display: block;
  z-index: 100;
}

.block-type-11.style-6.style-11 {
  margin-left: 0;
}

.block-type-11.style-6.style-11 .sorting-item:nth-child(8),
.block-type-11.style-6.style-11 .sorting-item:nth-child(9),
.block-type-11.style-6.style-11 .sorting-item:nth-child(10) {
  margin-top: -1px;
}

/*style-12*/

.block-type-11.style-6.style-12 .full-page.borders .sorting-item.style-2:after {
  border: 57px solid #fff;
}

.block-type-11.style-6.style-12 .decoration-vertical {
  margin-top: 0;
  margin-bottom: 0;
  height: 50px;
  top: 25px;
  z-index: 10;
}

.block-type-11.style-6.style-12 .decoration-vertical.activated:after {
  height: 50px;
}

.block-type-11.style-6.style-12 .sorting-item.style-2 {
  overflow: visible;
}

.block-type-11.style-6.style-12 .sorting-item.style-2 .hover-content span.top {
  top: 26px;
  left: 26px;
}

.block-type-11.style-6.style-12
  .sorting-item.style-2
  .hover-content
  span.right {
  right: 26px;
  top: 26px;
}

.block-type-11.style-6.style-12
  .sorting-item.style-2
  .hover-content
  span.bottom {
  bottom: 26px;
  right: 26px;
}

.block-type-11.style-6.style-12 .sorting-item.style-2 .hover-content span.left {
  left: 26px;
  bottom: 26px;
}

.block-type-11.style-6.style-12 .sorting-item:nth-child(2),
.block-type-11.style-6.style-12 .sorting-item:nth-child(4) {
  margin-top: 55px;
}

.block-type-11.style-6.style-12 .sorting-item:nth-child(3) {
  margin-bottom: 30px;
}

.block-type-11.style-6.style-12 .sorting-item {
  margin-bottom: -54px;
}

.block-type-11.style-6.style-12 .line-decoration.activated:before {
  width: 50px;
}

.block-type-11.style-6.style-12
  .slide-heading.bottom-heading
  .decoration-vertical {
  position: absolute;
  top: auto;
  bottom: 104px;
  left: 50%;
}

.block-type-11.style-12 .sorting-item.style-2.with-bottom-heading {
  margin-bottom: -50px;
}

.block-type-11.style-6.style-12 .full-page.borders .sorting-item img {
  -webkit-filter: none;
}

.block-type-11.style-6.style-12 .slide-heading .h4 {
  position: relative;
  float: left;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.block-type-11.style-6.style-12 .sorting-item .h4 .hover-effect-bold:after {
  top: 13px;
}

/*left*/

.block-type-11.style-6.style-12 .slide-heading.left-heading {
  position: absolute;
  z-index: 11;
  top: 50%;
  margin-top: -70px;
}

.block-type-11.style-6.style-12 .slide-heading.left-heading .h4 {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  left: -57px;
  white-space: nowrap;
}

.block-type-11.style-6.style-12 .with-left-heading .line-decoration {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 61px;
  width: 50px;
}

.block-type-11.style-6.style-12 .sorting-item.with-left-heading:after {
  border-left: 86px solid #fff !important;
}

.block-type-11.style-6.style-12
  .sorting-item.style-2.with-left-heading
  .hover-content
  span.left {
  left: -10px;
}

.block-type-11.style-6.style-12
  .sorting-item.style-2.with-left-heading
  .hover-content
  span.top {
  left: -9px;
}

/*right*/

.block-type-11.style-6.style-12 .slide-heading.right-heading {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -70px;
  right: 67px;
}

.block-type-11.style-6.style-12 .slide-heading.right-heading .h4 {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  right: -57px;
  position: absolute;
  white-space: nowrap;
}

.block-type-11.style-6.style-12 .with-right-heading .line-decoration {
  position: absolute;
  top: 50%;
  right: -6px;
  width: 50px;
}

.block-type-11.style-6.style-12 .sorting-item.with-right-heading:after {
  border-right: 86px solid #fff !important;
}

.block-type-11.style-6.style-12
  .sorting-item.style-2.with-right-heading
  .hover-content
  span.right {
  right: -10px;
}

.block-type-11.style-6.style-12
  .sorting-item.style-2.with-right-heading
  .hover-content
  span.top {
  right: -9px;
}

.block-type-11.style-6.style-12
  .sorting-item.style-2.with-right-heading
  .hover-content
  span.bottom {
  right: -9px;
}

@media (max-width: 1600px) {
  #content-wrapper:not(.border) .block-type-11 .sorting-container {
    width: 100%;
  }
  .block-type-11.style-6.style-11 .letter {
    font-size: 250px;
  }
}

@media (max-width: 1400px) {
  .block-type-11.style-6.style-11 .letter {
    font-size: 200px;
  }
}

@media (min-width: 1200px) {
  .block-type-11 .sorting-item:hover .hover-content {
    background: rgba(0, 0, 0, 0.85);
    top: 0;
  }
  .block-type-11 .sorting-item:hover .hover-content .content {
    opacity: 1;
  }
  .block-type-11 .sorting-menu a:hover:after {
    opacity: 1;
    top: -10px;
    transform: rotate(-45deg) translateX(-50%);
    z-index: -1;
  }
  .block-type-11 .sorting-item:hover .hover-content .wrapper {
    margin-top: 1px;
    transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -o-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
  }
  .block-type-11 .sorting-item:hover .hover-content .button {
    transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -o-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
  }
  .block-type-11 .sorting-item:hover .hover-content .content > .h4 {
    transform: translateY(0%);
  }
  .block-type-11 .sorting-menu a:hover {
    color: #333;
    z-index: 1;
  }
  .block-type-11 .sorting-item:hover .hover-content.colored {
    background: rgba(255, 223, 1, 0.8);
  }
  /* -----style 3 ----- */
  .block-type-11.style-3 .sorting-item:hover .hover-content {
    top: 10px;
  }
  /* -----style 5 ----- */
  .block-type-11 .animated-block.hover-animated.outer:hover span.top {
    width: calc(100% - 20px);
  }
  .block-type-11 .animated-block.hover-animated.outer:hover span.right {
    height: calc(100% - 20px);
  }
  .block-type-11 .animated-block.hover-animated.outer:hover span.bottom {
    width: calc(100% - 20px);
  }
  .block-type-11 .animated-block.hover-animated.outer:hover span.left {
    height: calc(100% - 20px);
  }
  /* -----style 6 ----- */
  .block-type-11.style-6 .sorting-item:hover .hover-content {
    opacity: 0;
  }
  .block-type-11.style-6 .sorting-item:hover .letter {
    bottom: 47px;
  }
  .block-type-11.style-6 .sorting-item.style-2:hover .hover-content {
    opacity: 1;
  }
  .block-type-11.style-6 .full-page.borders .sorting-item:hover img {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
  }
  .block-type-11.style-6 .sorting-item.style-2:hover .hover-content span.top {
    width: calc(100% - 80px);
  }
  .block-type-11.style-6 .sorting-item.style-2:hover .hover-content span.right {
    height: calc(100% - 80px);
  }
  .block-type-11.style-6
    .sorting-item.style-2:hover
    .hover-content
    span.bottom {
    width: calc(100% - 80px);
  }
  .block-type-11.style-6 .sorting-item.style-2:hover .hover-content span.left {
    height: calc(100% - 80px);
  }
  /* -----style 7 ----- */
  .block-type-11.style-7 .sorting-item:hover .content-left {
    color: #6ec5ee;
  }
  .block-type-11.style-7 .sorting-item:hover .hover-content {
    background: rgba(255, 231, 1, 0.8);
  }
  /* -----style 8 ----- */
  .block-type-11.style-8 .sorting-item:hover .hover-content .category {
    transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -o-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
  }
  .block-type-11.style-8 .sorting-item:hover .table-view {
    transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -o-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
  }
  /* -----style 9 ----- */
  .block-type-11.style-9 .sorting-item:hover .hover-content {
    top: 0px;
    opacity: 1;
    background: rgba(0, 0, 0, 0.85) !important;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .block-type-11.style-7.style-9 .animated-block:hover span.top,
  .block-type-11.style-7.style-9 .animated-block:hover span.bottom {
    width: 100%;
  }
  .block-type-11.style-7.style-9 .animated-block:hover span.right,
  .block-type-11.style-7.style-9 .animated-block:hover span.left {
    height: 100%;
  }
  .block-type-11.style-7.style-9 .sorting-item:hover .hover-content {
    background: rgba(0, 0, 0, 0.85);
  }
  /* -----style 11 ----- */
  .block-type-11.style-6.style-11 .sorting-item:hover .hover-content {
    background: transparent;
    z-index: 2;
  }
  .block-type-11.style-6.style-11
    .sorting-item:hover
    .decoration-vertical.activated:after {
    height: 50px;
  }
  .block-type-11.style-6.style-11 .sorting-item:hover .h4 {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }
  /* -----style 12 ----- */
  .block-type-11.style-6.style-12 .sorting-item:hover {
    z-index: 10;
  }
  .block-type-11.style-6.style-12 .sorting-item:hover .hover-content {
    background: transparent;
  }
  .block-type-11.style-6.style-12
    .sorting-item.style-2:hover
    .hover-content
    span.top {
    width: calc(100% - 52px);
  }
  .block-type-11.style-6.style-12
    .sorting-item.style-2:hover
    .hover-content
    span.right {
    height: calc(100% - 52px);
  }
  .block-type-11.style-6.style-12
    .sorting-item.style-2:hover
    .hover-content
    span.bottom {
    width: calc(100% - 52px);
  }
  .block-type-11.style-6.style-12
    .sorting-item.style-2:hover
    .hover-content
    span.left {
    height: calc(100% - 52px);
  }
  .block-type-11.style-6.style-12
    .sorting-item.style-3:hover
    .hover-content
    span.top {
    width: calc(100% - 17px);
  }
  .block-type-11.style-6.style-12
    .sorting-item.style-3:hover
    .hover-content
    span.bottom {
    width: calc(100% - 17px);
  }
  .block-type-11.style-6.style-12
    .sorting-item.style-2:hover
    .hover-effect-bold:after {
    width: 100% !important;
  }
  .block-type-11.style-6.style-12
    .sorting-item.style-2.with-left-heading:hover
    .hover-content
    span.top {
    width: calc(100% - 17px);
  }
  .block-type-11.style-6.style-12
    .sorting-item.style-2.with-left-heading:hover
    .hover-content
    span.bottom {
    width: calc(100% - 17px);
  }
}

@media (max-width: 1199px) {
  .block-type-11 .sorting-item,
  .block-type-11 .grid-sizer {
    width: 50%;
  }
  .block-type-11 .full-page .sorting-item,
  .block-type-11 .full-page .grid-sizer {
    width: 50%;
  }
  /* -----style 2 ----- */
  .block-type-11.style-2 .stamp1 {
    width: 100%;
    padding: 0 15px;
    left: 0;
  }
  /* -----style 3 ----- */
  .block-type-11.style-3 .sorting-item,
  .block-type-11.style-3 .grid-sizer,
  .block-type-11.style-3 .full-page .sorting-item,
  .block-type-11.style-3 .full-page .grid-sizer,
  .block-type-11.style-3 .full-page .sorting-item.width-40 {
    width: 50%;
  }
  .block-type-11.style-6 .swiper-slide,
  .block-type-11.style-6 .swiper-container {
    height: 463px;
  }
  /*style-6*/
  .block-type-11.style-6 .col-md-6 {
    width: 100%;
  }
  .block-type-11.style-6 .col-md-6:nth-child(2) {
    width: calc(100% - 60px);
    margin-left: 30px;
  }
  /*style-11*/
  .block-type-11.style-6.style-11 .sorting-container {
    border-right: none;
    border-bottom: none;
  }
  .block-type-11.style-6.style-11 .sorting-item:nth-child(4) > .right,
  .block-type-11.style-6.style-11 .sorting-item:nth-child(7) > .right,
  .block-type-11.style-6.style-11 .sorting-item:nth-child(10) > .right {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;
    height: 100%;
    background: #ededed;
    display: block;
    z-index: 100;
  }
  .block-type-11.style-6.style-11 .sorting-item:nth-child(8) > .bottom,
  .block-type-11.style-6.style-11 .sorting-item:nth-child(9) > .bottom,
  .block-type-11.style-6.style-11 .sorting-item:nth-child(10) > .bottom {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: #ededed;
    display: block;
    z-index: 100;
  }
  .block-type-11.style-6.style-11 .full-page .sorting-item,
  .block-type-11.style-6.style-11 .full-page .grid-sizer {
    width: 50%;
  }
  .block-type-11.style-6.style-11 .letter {
    font-size: 250px;
  }
}

@media (max-width: 991px) {
  .block-type-11 .sorting-menu a {
    width: 100%;
  }
  .block-type-11 .container-fluid {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  .block-type-11 .container {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  .block-type-11 .container:first-of-type {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
  }
  .block-type-11 .container:first-of-type .main {
    padding: 0 15px;
  }
  .block-type-11 .full-page.borders .sorting-item:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 7.5px solid #fff;
    left: 0;
    top: 0;
    content: "";
  }
  .block-type-11.style-2 .inner-content {
    height: 247px;
  }
  .block-type-10.style-3.block-bg {
    margin-top: 22.5px;
    width: calc(100% - 51px);
    margin-left: 21.5px;
  }
  .block-type-11 .sorting-menu a.active:after {
    display: none;
  }
  /*dropdown for responsive*/
  .block-type-11 .responsive-filtration-toggle {
    border: 1px solid #ededed;
    border-top: 0px;
    width: auto;
    margin: 0 7.5px;
  }
  .block-type-11 .sorting-menu a {
    display: block;
    float: none;
    border: none;
    width: 100%;
    line-height: 40px;
    margin-left: 0;
  }
  .block-type-11 .responsive-filtration-title {
    color: #919191;
    border: 1px solid #ededed;
    display: block;
    font-size: 12px;
    line-height: 40px;
    padding: 0px 10px;
    cursor: pointer;
    width: auto;
    margin: 0 7.5px;
  }
  .block-type-11 .responsive-filtration-title:after {
    position: absolute;
    width: 8px;
    height: 5px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    content: "";
    z-index: 10;
    background-image: url("../img/dark-arrow.png");
  }
  .block-type-11 .sorting-menu .responsive-filtration-toggle {
    height: 0;
    overflow: hidden;
    display: block;
  }
  .block-type-11 .active.responsive-filtration-title:after {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  }
  /*style-4*/
  .block-type-11.style-4 .sorting-item img {
    width: calc(100% - 15px);
    width: calc(100% - 15px);
    margin: 7.5px;
  }
  .block-type-11.style-4 .sorting-item .img-link {
    z-index: 100;
  }
  /*style-5*/
  .block-type-11.style-5 .decoration-vertical {
    margin-bottom: 25px;
  }
  /*style-6*/
  .block-type-11.style-6 {
    margin-left: 0;
  }
  .block-type-11.style-6 .container > .col-sm-12.col-xs-12 {
    padding: 0;
  }
  .block-type-11.style-6 .container > .col-sm-12.col-xs-12:last-child {
    padding: 0 7.5px;
  }
  .block-type-11.style-6
    .container
    > .col-sm-12.col-xs-12:last-child
    .animated-block {
    width: calc(100% - 15px);
  }
  .block-type-11.style-6 .col-md-6:nth-child(2) {
    width: 100%;
    margin-left: 0;
  }
  .block-type-11.style-6 .full-page.borders .sorting-item.style-2:after {
    border: 7.5px solid #fff;
  }
  .block-type-11.style-6 > .container {
    width: 100% !important;
  }
  .block-type-11.style-6 > .container.style-2 {
    padding: 0 15px;
  }
  .block-type-11.style-6 .col-md-6 {
    padding: 0;
  }
  .block-type-11.style-6 .swiper-slide,
  .block-type-11.style-6 .swiper-container {
    height: 400px;
  }
  .block-type-11.style-6 .swiper-slide {
    position: relative;
  }
  .block-type-11.style-6 .swiper-container:before {
    z-index: 1;
    position: absolute;
    content: "";
    left: 0px;
    top: 0;
    background: #fff;
    width: 7.5px;
    height: 100%;
  }
  .block-type-11.style-6 .swiper-container:after {
    z-index: 1;
    position: absolute;
    content: "";
    right: 0px;
    top: 0;
    background: #fff;
    width: 7.5px;
    height: 100%;
  }
  .block-type-11.style-6.style-11 .wrap {
    display: none;
  }
  /*style-7*/
  .block-type-11.style-7 .sorting-item img {
    height: 100%;
    margin: 0;
    width: 100%;
  }
  .block-type-11.style-7 .sorting-item {
    width: calc(50% - 15px);
    margin: 0 7.5px 55px 7.5px;
  }
  .block-type-11.style-7 .sorting-item:nth-child(7),
  .block-type-11.style-7 .sorting-item:nth-child(8) {
    margin-bottom: 35px;
  }
  .block-type-11.style-7 .rotated-content {
    display: none;
  }
  .block-type-11.style-7 .decoration-vertical {
    display: none;
  }
  .block-type-11.style-7 .animated-block.scroll-animation span {
    display: none;
  }
  .block-type-11.style-7 .content-left {
    font-size: 16px;
    background: transparent;
    width: auto;
    top: 12px;
    left: 0;
    height: auto;
  }
  .block-type-11.style-7 .content-left:after {
    display: none;
  }
  .block-type-11.style-7 .content-left br {
    display: none;
  }
  .block-type-11.style-6.style-11 .letter {
    display: none;
  }
  /*style-9*/
  .block-type-11.style-7.style-9 .full-page.borders .sorting-item:after {
    border-bottom: 7.5px solid #fff;
  }
  .block-type-11.style-7.style-9 .sorting-item {
    margin-left: 0;
    margin-right: 0;
  }
  .block-type-11.style-7.style-9 .sorting-item .img-link {
    z-index: 10;
  }
  .block-type-11.style-7.style-9 .sorting-item img {
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    margin: 7.5px;
  }
  .block-type-11.style-7.style-9 .sorting-item:nth-child(7),
  .block-type-11.style-7.style-9 .sorting-item:nth-child(8) {
    margin-bottom: 0;
  }
  /*style-11*/
  .block-type-11.style-6.style-11 .sorting-item > .top,
  .block-type-11.style-6.style-11 .sorting-item:nth-child(n) > .right,
  .block-type-11.style-6.style-11 .sorting-item:nth-child(n) > .bottom {
    display: none;
  }
  .block-type-11.style-6.style-11 .sorting-container {
    border: none;
    width: 100%;
    margin-left: 0;
  }
  .block-type-11.style-6.style-11 .h4 {
    display: none;
  }
  .block-type-11.style-6.style-11 > .container {
    width: calc(100% - 30px) !important;
  }
  .block-type-11.style-6.style-11 .decoration-vertical:after {
    height: 0;
  }
  /*style-12*/
  .block-type-11.style-6.style-12 .sorting-item .slide-heading {
    display: none;
  }
  .block-type-11.style-6.style-12
    .full-page.borders
    .sorting-item.style-2:after {
    border: 7.5px solid #fff;
  }
  .block-type-11.style-6.style-12 .sorting-item:nth-child(2),
  .block-type-11.style-6.style-12 .sorting-item:nth-child(4) {
    margin-top: 0px;
  }
  .block-type-11.style-6.style-12 .sorting-item.with-left-heading:after {
    border-left: 7.5px solid #fff !important;
  }
  .block-type-11.style-6.style-12 .sorting-item.with-right-heading:after {
    border-right: 7.5px solid #fff !important;
  }
  .block-type-11.style-6.style-12 .sorting-item {
    margin-bottom: 0;
  }
  .block-type-11.style-6.style-12 .full-page .sorting-item,
  .block-type-11.style-6.style-12 .full-page .grid-sizer {
    width: 50%;
  }
  .block-type-11.style-12 .sorting-item.style-2.with-bottom-heading {
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  /* -----style 2 ----- */
  .block-type-11.style-2 .full-page .sorting-item,
  .block-type-11.style-2 .full-page .grid-sizer,
  .block-type-11.style-2 .sorting-item,
  .block-type-11.style-2 .grid-sizer {
    width: 100%;
  }
  /* -----style 7 ----- */
  .block-type-11.style-7 .sorting-item {
    width: calc(100% - 15px);
  }
  .block-type-11.style-7 .sorting-item:nth-child(7) {
    margin-bottom: 55px;
  }
  /* -----style 9 ----- */
  .block-type-11.style-7.style-9 .full-page.borders .sorting-item {
    width: 100%;
  }
  .block-type-11.style-7.style-9 .sorting-item:nth-child(7) {
    margin-bottom: 0px;
  }
  /*style-11*/
}

@media (max-width: 480px) {
  .block-type-11 .full-page .sorting-item,
  .full-page .grid-sizer {
    width: 100%;
  }
  .block-type-11 .full-page .sorting-item,
  .block-type-11 .full-page .grid-sizer {
    width: 100%;
  }
  .block-type-11.style-6.style-10 .full-page .sorting-item,
  .block-type-11.style-6.style-10 .full-page .grid-sizer {
    width: 100%;
  }
  /* -----style 3 ----- */
  .block-type-11.style-3 .full-page .sorting-item,
  .block-type-11.style-3 .full-page .grid-sizer,
  .block-type-11.style-3 .sorting-item,
  .block-type-11.style-3 .grid-sizer,
  .block-type-11.style-3 .full-page .sorting-item.width-40 {
    width: 100%;
  }
  .block-type-11 .full-page .sorting-item.width-50 {
    width: 100%;
  }
  .block-type-11.style-4.style-7 .full-page .sorting-item,
  .block-type-11.style-4.style-7 .full-page .grid-sizer {
    width: 100%;
  }
  .block-type-11.style-6 .swiper-slide,
  .block-type-11.style-6 .swiper-container {
    height: auto;
  }
  /* -----style 11 ----- */
  .block-type-11.style-6.style-11 .full-page .sorting-item,
  .block-type-11.style-6.style-11 .full-page .grid-sizer {
    width: 100%;
  }
  .block-type-11.style-6.style-12 .full-page .sorting-item,
  .block-type-11.style-6.style-12 .full-page .grid-sizer {
    width: 100%;
  }
  .block-type-11.style-6.style-12 .main {
    padding: 0 30px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 16- BLOCK-TYPE-11 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 17- BLOCK-TYPE-12 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-12 .progress-points {
  text-align: center;
  position: relative;
  float: left;
  height: 100%;
  width: calc(100% - 60px);
  margin-right: 30px;
  margin-left: 30px;
}

.block-type-12 .number {
  font-size: 52px;
  font-weight: 900;
  line-height: 52px;
}

.block-type-12 .h5 {
  text-transform: uppercase;
  font-weight: 700;
}

.block-type-12 .col-md-12 {
  padding: 0px 30px;
}

.block-type-12:not(.style-2) p {
  color: rgba(255, 255, 255, 0.5);
}

/* -----style 2 ----- */

.block-type-12.style-2 .number {
  font-size: 60px;
  font-weight: 900;
  line-height: 60px;
}

.block-type-12.style-2 .col-md-12 {
  padding: 0px 15px;
}

.block-type-12.style-2 .main {
  padding: 0;
}

.block-type-12.style-2 .progress-points {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.block-type-12.style-2 .swiper-container:before {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ededed;
  content: "";
}

.block-type-12.style-2 article .white-decoration {
  margin-top: 25px;
  z-index: 10;
  content: "";
  position: absolute;
  left: 127px;
  width: 220px;
  height: 1px;
  background: #fff;
}

.block-type-12.style-2 .swiper-slide article {
  padding: 75px 75px 0 75px;
}

.block-type-12.style-2 .swiper-slide {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.block-type-12.style-2 .number {
  position: relative;
  float: left;
  left: calc(50% - 28px);
  z-index: 10;
}

.block-type-12.style-2 .progress-points .circle-decoration {
  width: 160px;
  height: auto;
  margin-top: -77px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  display: block;
}

.block-type-12.style-2 .pagination {
  margin: 50px 0 0 0;
}

.block-type-12.style-2 article > svg {
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -362px;
  margin-top: -391px;
}

.block-type-12.style-2 .small-hex {
  transform: scale(0.25, 0.2) rotate(90deg);
}

.block-type-12.style-2 .small-octagon {
  transform: scale(1.5, 1.5);
  margin-left: -267px;
  margin-top: -296px;
  overflow: hidden;
}

.block-type-12.style-2 .small-decagon {
  transform: scale(0.14, 0.14);
  margin-left: -585px;
  margin-top: -635px;
}

.block-type-12.style-2 .icon-wrapper {
  z-index: 10;
}

.block-type-12.style-2 article > svg polygon,
.block-type-12.style-2 article > svg path,
.block-type-12.style-2 .icon-wrapper svg path {
  transition: fill 0.5s !important;
  fill: transparent !important;
}

.block-type-12.style-2 .swiper-pagination-switch:before {
  border-color: #bcbcbc;
}

.block-type-12.style-2 .swiper-active-switch:before {
  border-color: #6ec5ee;
}

/*.block-type-12.style-2 .swiper-visible-switch:before{width: 8px; height: 8px;}*/

.block-type-12.style-2 .swiper-active-switch {
  background: #6ec5ee;
}

@media (min-width: 1200px) {
  .block-type-12.style-2 article:hover > svg polygon,
  .block-type-12.style-2 article:hover > svg path,
  .block-type-12.style-2 article:hover .icon-wrapper svg path {
    fill: #6ec5ee !important;
  }
}

@media (max-width: 1700px) {
  .block-type-12.style-2 article .white-decoration {
    left: 83px;
  }
  #content-wrapper:not(.border)
    .block-type-12.style-2
    article
    .white-decoration {
    left: 89px;
  }
}

@media (max-width: 1520px) {
  .block-type-12.style-2 .swiper-slide article {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 1366px) {
  .block-type-12.style-2 article .white-decoration {
    left: 54px;
  }
  #content-wrapper:not(.border)
    .block-type-12.style-2
    article
    .white-decoration {
    left: 60px;
  }
}

@media (max-width: 1300px) {
  .block-type-12.style-2 .swiper-container:before {
    display: none;
  }
}

@media (max-width: 1178px) {
  .block-type-12.style-2 .number {
    top: 13px;
  }
  .block-type-12.style-2 .swiper-container:before {
    content: none;
  }
}

@media (max-width: 991px) {
  .block-type-12 .col-md-12 {
    padding: 0px;
  }
  .block-type-12 .progress-points {
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
  .block-type-12 .container {
    width: 100%;
  }
  .block-type-12 .container:first-of-type .main {
    padding: 0 15px;
  }
  /* -----style 2 ----- */
  .block-type-12.style-2 .swiper-slide {
    padding: 0 7.5px;
  }
  .block-type-12.style-2 .progress-points .circle-decoration {
    transform: translateX(-50%) translateY(-50%) scale(0.7);
    margin-top: -63px;
  }
  .block-type-12.style-2 .progress-points .circle-decoration svg path {
    stroke-width: 5px;
  }
  .block-type-12.style-2 .number {
    top: -42px;
  }
  .block-type-12.style-2 .small-hex {
    transform: scale(0.2, 0.17) rotate(90deg);
  }
  .block-type-12.style-2 .small-octagon {
    transform: scale(1.2, 1.2);
    margin-left: -287px;
    margin-top: -300px;
  }
  .block-type-12.style-2 .small-decagon {
    transform: scale(0.1, 0.1);
    margin-top: -620px;
  }
  .block-type-12.style-2 .swiper-slide article {
    padding-left: 15px;
    padding-right: 15px;
  }
  .block-type-12.style-2 article > svg {
    margin-top: -378px;
  }
  .block-type-12.style-2 .pagination {
    margin-top: 25px;
  }
}

@media (max-width: 966px) {
  .block-type-12.style-2 .progress-points .circle-decoration {
    margin-top: -74px;
  }
  .block-type-12.style-2 article > svg {
    margin-top: -388px;
  }
  .block-type-12.style-2 .small-octagon {
    margin-top: -310px;
  }
  .block-type-12.style-2 .small-decagon {
    margin-top: -630px;
  }
}

@media (max-width: 767px) {
  .block-type-12.style-2 .swiper-slide {
    padding: 0px;
  }
  .block-type-12 .progress-points {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .block-type-12.style-2 .progress-points .circle-decoration {
    margin-top: -64px;
  }
  .block-type-12.style-2 article > svg {
    margin-top: -375px;
  }
  .block-type-12.style-2 .small-octagon {
    margin-top: -300px;
  }
  .block-type-12.style-2 .small-decagon {
    margin-top: -620px;
  }
}

@media (max-width: 480px) {
  .block-type-12 .container:first-of-type .main {
    padding: 0;
  }
}

@media (max-width: 443px) {
  .block-type-12.style-2 .progress-points .circle-decoration {
    margin-top: -75px;
  }
  .block-type-12.style-2 article > svg {
    margin-top: -386px;
  }
  .block-type-12.style-2 .small-octagon {
    margin-top: -311px;
  }
  .block-type-12.style-2 .small-decagon {
    margin-top: -631px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 17- BLOCK-TYPE-12 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 18- BLOCK-TYPE-13 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-13 .thumb-slide {
  position: relative;
}

.block-type-13 .container .col-md-12:nth-child(1) .col-md-4 {
  padding: 0;
}

.block-type-13 .clip {
  position: relative;
  height: 510px;
  overflow: hidden;
}

.block-type-13 .hover-content {
  visibility: hidden;
  background-color: transparent;
  position: relative;
  width: 100%;
  height: 75px;
  z-index: 10;
}

.block-type-13 .hover-content p {
  text-align: center;
}

.block-type-13 .follow {
  opacity: 0;
  position: absolute;
  top: 40px;
  left: calc(50% - 91px);
  z-index: 100;
  width: 182px;
}

.block-type-13 .follow a {
  position: relative;
  float: left;
  margin-left: 14px;
  color: #fff;
  height: 35px;
  width: 35px;
  border: 1px solid #fff;
}

.block-type-13 .follow i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}

.block-type-13 .follow a:first-child {
  margin-left: 0;
}

.block-type-13 .position,
.block-type-13 .name {
  text-align: center;
}

.block-type-13 .name:after {
  top: 10px;
}

.block-type-13 .position {
  text-transform: uppercase;
}

.block-type-13 .name {
  position: relative;
  float: left;
  left: 50%;
  transform: translateX(-50%);
}

.block-type-13 .table-view {
  padding: 21px 40px 71px 40px;
}

.block-type-13 .cell-view {
  height: 110px;
}

.block-type-13 .inner-content {
  position: relative;
}

.block-type-13 .animated-block.scroll-animation {
  height: 155px;
  position: absolute;
  bottom: -12px;
  width: calc(100% - 100px);
  left: 50px;
}

.block-type-13 .animated-block.scroll-animation span {
  z-index: 1;
}

.block-type-13 .animated-block.scroll-animation span.top {
  left: 0px;
  top: 0px;
}

.block-type-13 .animated-block.scroll-animation span.bottom {
  right: 0;
  bottom: 0;
}

.block-type-13 .animated-block.scroll-animation span.right {
  right: 0;
  top: 0;
}

.block-type-13 .animated-block.scroll-animation span.left {
  left: 0px;
  bottom: 0px;
}

.block-type-13 .animated-block.scroll-animation span.top.activated,
.block-type-13 .animated-block.scroll-animation span.bottom.activated {
  width: 100%;
}

.block-type-13 .animated-block.scroll-animation span.right.activated {
  height: 100%;
  bottom: auto;
  top: 0;
}

.block-type-13 .animated-block.scroll-animation span.left.activated {
  height: 100%;
}

.block-type-13 .animated-block.scroll-animation:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0;
  background: transparent;
  width: 100%;
  height: 40px;
  z-index: 10;
}

.block-type-13 .animated-block.scroll-animation span.top.nodelay {
  transition-delay: 0ms !important;
  -webkit-transition-delay: 0ms !important;
}

.block-type-13 .animated-block.scroll-animation span.left.nodelay {
  transition-delay: 0ms !important;
  -webkit-transition-delay: 0ms !important;
  bottom: 0 !important;
}

.block-type-13 .animated-block.scroll-animation span.right.nodelay {
  transition-delay: 0ms !important;
  -webkit-transition-delay: 0ms !important;
}

.block-type-13 .animated-block.scroll-animation span.bottom.nodelay {
  transition-delay: 0ms !important;
  -webkit-transition-delay: 0ms !important;
}

.block-type-13 .swiper-slide .thumb-slide {
  margin: 0 15px;
  cursor: pointer;
}
.swiper-home .inner-content {
  background-color: rgba(51, 122, 183, 0.2);
}
.block-type-13 .inner-content .h5 {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}

.block-type-13 .pagination {
  margin-top: 60px;
}

/* -----style 2 ----- */

.block-type-13.style-2 .content {
  /*height: 243px;*/
  background-color: rgba(34, 34, 34, 0.9);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
}

.block-type-13.style-2 .clip {
  height: 666px !important;
}

.block-type-13.style-2 a {
  color: #fff;
}

.block-type-13.style-2 .link {
  position: relative;
}

/* -----style 3 ----- */

.block-type-13.style-3 .thumb-slide {
  margin: 0 15px;
  overflow: hidden;
}

.block-type-13.style-3 .clip {
  height: 377px;
}

.block-type-13.style-3 .swiper-container {
  overflow: visible;
  margin: 0 15px;
  position: relative;
  float: left;
  width: calc(100% - 30px);
}

/*.block-type-13.style-3 .animated-block.scroll-animation{visibility: hidden;}*/

.block-type-13.style-3 .swiper-slide-active .animated-block.scroll-animation {
  visibility: visible;
}

.block-type-13.style-3 .swiper-slide .inner-content {
  visibility: hidden;
  opacity: 0;
}

.block-type-13.style-3 .swiper-slide-active .inner-content {
  visibility: visible;
  opacity: 1;
}

.block-type-13.style-3 .swiper-slide .clip {
  opacity: 0.1;
}

.block-type-13.style-3 .swiper-slide-active .clip {
  opacity: 1;
}

.block-type-13.style-3 .animated-block.scroll-animation {
  bottom: 3px;
}

@media (max-width: 1600px) {
  .block-type-13 .animated-block.scroll-animation {
    width: calc(100% - 30px);
    left: 15px;
  }
}

@media (min-width: 1200px) {
  .block-type-13 .animated-block.scroll-animation .offset-70 {
    height: 0;
  }
  .block-type-13 .thumb-slide:hover .hover-content {
    visibility: visible;
  }
  .block-type-13 .thumb-slide:hover span.top {
    transition-delay: 0ms !important;
    -webkit-transition-delay: 0ms !important;
  }
  .block-type-13 .thumb-slide:hover span.left {
    bottom: 0 !important;
    transition-delay: 0ms !important;
    -webkit-transition-delay: 0ms !important;
  }
  .block-type-13 .thumb-slide:hover span.right {
    transition-delay: 0ms !important;
    -webkit-transition-delay: 0ms !important;
  }
  .block-type-13 .thumb-slide:hover .animated-block.scroll-animation {
    height: 230px;
  }
  .block-type-13 .thumb-slide:hover:before {
    position: absolute;
    content: "";
    top: -75px;
    left: 0;
    background: transparent;
    width: 100%;
    height: 115px;
    z-index: 10;
  }
  .block-type-13 .thumb-slide:hover .follow {
    opacity: 1;
  }
  .block-type-13 .hover-content .follow a:hover {
    border-color: #fff;
  }
  .block-type-13.col-md-4.col-sm-4.col-xs-12:first-child {
    padding-left: 0px;
  }
  .block-type-13.col-md-4.col-sm-4.col-xs-12:last-child {
    padding-right: 0px;
  }
  .block-type-13 .hover-content .follow a:hover {
    background: #6ec5ee;
    border-color: #6ec5ee;
  }
  .block-type-13 .hover-content .follow a:hover i {
    color: #333;
  }
  .block-type-13 .thumb-slide:hover .bg-span.hover-bg {
    background: rgba(0, 0, 0, 0.3);
    z-index: 0;
  }
  .block-type-13 .thumb-slide:hover .hover-effect-bold:after {
    width: 100%;
  }
  /* -----style 2 ----- */
  .block-type-13.style-2 .link:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #fff;
    content: "";
    opacity: 0;
  }
  .block-type-13.style-2 .link:hover:after {
    opacity: 1;
  }
  /*style-3*/
  .block-type-13.style-3 .swiper-slide .thumb-slide:hover .follow {
    display: none;
  }
  .block-type-13.style-3 .swiper-slide-active .thumb-slide:hover .follow {
    display: block;
  }
}

@media (max-width: 991px) {
  .block-type-13 .col-md-12.col-sm-12.col-xs-12 {
    padding: 0;
  }
  .block-type-13 .col-md-4 {
    padding: 0 7.5px;
  }
  .block-type-13 .animated-block.scroll-animation {
    width: 100%;
    left: 0;
  }
  .block-type-13 .animated-block.scroll-animation span.top,
  .block-type-13 .animated-block.scroll-animation span.right,
  .block-type-13 .animated-block.scroll-animation span.bottom,
  .block-type-13 .animated-block.scroll-animation span.left {
    display: none;
  }
  .block-type-13 .hover-content {
    visibility: visible;
    height: 50px;
  }
  .block-type-13 .hover-content .follow {
    opacity: 1;
    top: 5px;
  }
  .block-type-13 .pagination {
    margin-top: 0;
  }
  .block-type-13 .swiper-slide .thumb-slide {
    margin: 0 7.5px;
  }
  /*style-2*/
  .block-type-13.style-2 .clip {
    height: 714px !important;
  }
  /*style-3*/
  .block-type-13.style-3 .thumb-slide {
    margin: 0 7.5px;
  }
  .block-type-13.style-3 .swiper-container {
    margin: 0 7.5px;
    width: calc(100% - 15px);
  }
  .block-type-13.style-3 .swiper-slide .animated-block.scroll-animation {
    visibility: visible;
  }
  .block-type-13.style-3 .hover-content .follow {
    top: 40px;
  }
}

@media (max-width: 767px) {
  .block-type-13 .col-md-4 {
    padding: 0 15px;
  }
  .block-type-13.style-2 .clip {
    height: 450px !important;
  }
  .block-type-13 .swiper-slide .thumb-slide {
    margin: 0 15px;
  }
  .block-type-13.style-3 .swiper-slide .thumb-slide {
    margin: 0 7.5px;
  }
  .block-type-13.style-3 .thumb-slide {
    margin-bottom: 30px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 18- BLOCK-TYPE-13 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 19- BLOCK-TYPE-14 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-14 {
  text-align: center;
}

.block-type-14 .bg-nofixed {
  position: fixed;
}

.block-type-14 article p {
  color: rgba(255, 255, 255, 0.8);
}

.block-type-14 .table-view {
  padding: 125px 0px;
}

.block-type-14 .cell-view > div {
  z-index: 2;
}

/*style-2*/

.block-type-14.style-2 .clip {
  left: 30px;
  width: calc(100% - 60px);
}

@media (max-width: 1199px) {
  .block-type-14 .table-view {
    padding: 60px 0px;
  }
}

@media (max-width: 991px) {
  .block-type-14.style-2 .clip {
    left: 15px;
    width: calc(100% - 30px);
  }
  .block-type-14 .bg-nofixed {
    position: absolute;
  }
  .block-type-14 .main {
    padding: 0;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 19- BLOCK-TYPE-14 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 20- BLOCK-TYPE-15 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-15 > .container-fluid {
  position: relative;
  margin-right: 30px;
  margin-left: 30px;
}

.block-type-15 .container {
  position: relative;
}

.block-type-15 .skills {
  margin-right: 30px;
}

.block-type-15 .skills-thumbs {
  position: relative;
  float: left;
  width: 100%;
  margin-left: 30px;
  padding-right: 30px;
}

.block-type-15 .skills-thumbs:last-child {
  margin-bottom: 0;
}

.block-type-15 .skills-thumbs .name {
  position: relative;
  float: left;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 1;
}

.block-type-15 .skills-thumbs .line {
  position: relative;
  float: left;
  width: 100%;
  height: 2px;
  background: #d8cfc7;
}

.block-type-15 .skills-thumbs .line-in {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 5px;
  background: #6ec5ee;
}

.block-type-15 .skills-thumbs .line-in span {
  position: absolute;
  top: -21px;
  right: 0px;
  font-size: 13px;
  font-weight: bold;
}

.block-type-15 .skills-thumbs .line-in i {
  font-style: normal;
}

.block-type-15 .col-md-4 {
  background-color: #fff;
  z-index: 1;
  padding: 0 30px;
}

.block-type-15 .col-md-4:nth-child(1) {
  padding: 0;
}

.block-type-15 .col-md-6 .clip {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  width: 38%;
}

.block-type-15 .table-view {
  padding: 120px 0;
}

.block-type-15 .cell-view {
  height: 193px;
}

/* -----style 2 ----- */

.block-type-15.style-2 > .container-fluid {
  margin-right: 0;
  margin-left: 0;
}

.block-type-15.style-2 .block-bg {
  padding-left: 35px;
  padding-right: 35px;
}

.block-type-15.style-2 .skills {
  margin-right: 0px;
  padding-right: 100px;
}

.block-type-15.style-2 .skills-thumbs .line {
  height: 1px;
  background-color: #575757;
}

.block-type-15.style-2 .cell-view {
  height: 158px;
}

.block-type-15.style-2 .skills .row {
  margin-top: -3px;
}

.block-type-15.style-2 .skills-thumbs .name {
  margin-bottom: 8px;
}

.block-type-15.style-2 .block-on-background .swiper-slide {
  position: relative;
  /*margin-left: -1px;*/
}

.block-type-15.style-2 .block-on-background .swiper-slide > .clip {
  z-index: -1;
}

.block-type-15.style-2 .block-on-background .swiper-slide > .clip .bg-nofixed {
  background-position: 0% 0%;
  background-repeat: no-repeat;
}

.block-type-15.style-2 .col-md-6:first-of-type {
  padding-left: 100px;
}

.block-type-15.style-2 .swiper-container {
  margin-left: 15px;
  margin-right: 15px;
}

.block-type-15.style-2 .block-on-background .swiper-arrow {
  background: transparent;
}

.block-type-15.style-2 .block-on-background .swiper-arrow.left.rotated {
  left: 15px;
}

.block-type-15.style-2 .block-on-background .swiper-arrow.right.rotated {
  right: -35px;
}

#content-wrapper:not(.border)
  .block-type-15.style-2
  .block-on-background
  .swiper-arrow.right.rotated {
  right: -37px;
}

.block-type-15.style-2 .col-md-10.col-md-offset-1 {
  padding: 0;
}

.block-type-15.style-2 .table-view p {
  color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1200px) {
  .block-on-background .swiper-arrow.rotated:hover:before {
    background: #6ec5ee;
  }
}

@media (max-width: 1199px) {
  /* -----style 2 ----- */
  .block-type-15.style-2 .container {
    padding: 0;
  }
  .block-type-15.style-2 .col-md-pull-6 {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .block-type-15 .clip .bg-nofixed {
    display: none;
  }
  .block-type-15.style-2 .clip .bg-nofixed {
    display: block;
  }
  .block-type-15 .skills {
    margin-right: 0px;
    padding: 0px;
  }
  .block-type-15 .skills-thumbs {
    margin-left: 0px;
  }
  .block-type-15 .container-fluid {
    height: 100%;
  }
  .block-type-15 .container-fluid:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 318px;
    background-color: #fff;
    content: "";
  }
  .block-type-15 .container-fluid {
    padding: 0;
    margin-right: 15px;
    margin-left: 15px;
  }
  .block-type-15 > .container {
    padding: 0;
  }
  .block-type-15.style-2 .skills {
    padding: 0 55px 0 15px;
  }
  .block-type-15.style-2 .col-md-6:first-of-type {
    padding: 0 15px 0 55px;
  }
  .block-type-15.style-2 .skills-thumbs {
    padding-right: 0px;
  }
  .block-type-15.style-2 .container-fluid:after {
    content: none;
  }
  .block-type-15.style-2 .table-view {
    padding: 60px 0;
  }
  .block-type-15.style-2 .container-fluid {
    padding: 0;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .block-type-15 .col-md-4 .content-article {
    height: 100%;
  }
  .block-type-15 .col-md-4 {
    padding: 0px;
  }
  .block-type-15 .table-view {
    padding: 30px 0;
    width: 100%;
  }
  .block-type-15 .col-md-4 .table-view {
    margin-left: -15px;
  }
  .block-type-15 .cell-view {
    height: 100%;
  }
  .block-type-15 .skills-thumbs {
    padding-right: 0px;
  }
  .block-type-15 .container-fluid:after {
    display: none;
  }
  .block-type-15 .col-md-4.col-sm-6.col-xs-12 .table-view:before {
    position: absolute;
    left: -15px;
    top: 0;
    width: 15px;
    height: 100%;
    background-color: #fff;
    content: "";
  }
  .block-type-15 .col-md-4.col-sm-6.col-xs-12 .table-view:after {
    position: absolute;
    right: -15px;
    top: 0;
    width: 15px;
    height: 100%;
    background-color: #fff;
    content: "";
  }
  .block-type-15.style-2 .skills {
    padding: 0 15px;
  }
  .block-type-15.style-2
    .block-on-background
    .swiper-slide
    > .clip
    .bg-nofixed {
    background-size: cover;
  }
  .block-type-15.style-2 .skills .table-view {
    padding: 40px 0 60px;
  }
  .block-type-15.style-2 .col-md-6:first-of-type {
    padding: 0 15px;
  }
  .block-type-15.style-2 .col-md-6:first-of-type .table-view {
    padding: 60px 0 40px;
  }
}

@media (max-width: 400px) {
  .block-on-background .swiper-arrow.right.rotated,
  .block-on-background .swiper-arrow.left.rotated {
    margin-top: 15px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 20- BLOCK-TYPE-15 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 21- BLOCK-TYPE-16 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-16 {
  background-color: #fff;
}

.block-type-16 .service {
  position: relative;
  padding: 0px 100px 0px 125px;
  cursor: pointer;
}

.block-type-16 .service-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  font: normal normal normal 36px/1 FontAwesome;
  text-align: center;
  line-height: 156px;
  color: #fff;
}

.block-type-16 .service:first-child {
  display: none;
}

.block-type-16 .swiper-slide {
  height: 744px;
}

.block-type-16 .pagination {
  display: none;
}

.block-type-16 .swiper-slide img {
  display: block;
  height: 744px;
}

.block-type-16 .h5 {
  text-transform: uppercase;
}

.block-type-16 .swiper-container:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 2;
}

.block-type-16 .icon-wrapper.circle-decoration {
  top: 0;
}

.block-type-16 .hover-effect-bold:after {
  margin-top: -3px;
}

.block-type-16 .col-md-6:first-of-type {
  z-index: 3;
}

.block-type-16 .swiper-slide {
  position: relative;
}

.block-type-16 .swiper-slide .table-view {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 11;
}

.block-type-16 .swiper-slide .h3 {
  width: 70%;
  margin: auto;
  position: relative;
}

.block-type-16 .decoration-top,
.block-type-16 .decoration-bottom {
  width: 184px;
}

.block-type-16 .decoration-top {
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
}

.block-type-16 .decoration-bottom {
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
}

.block-type-16 .white .decoration-top.activated .left,
.block-type-16 .white .decoration-top.activated .right,
.block-type-16 .white .decoration-bottom.activated .left,
.block-type-16 .white .decoration-bottom.activated .right {
  height: 52px;
}

.block-type-16 .description .h6-14 {
  margin-left: -10px;
  position: relative;
  float: left;
}

@media (min-width: 1200px) {
  .block-type-16 .service:hover .line-decoration.activated.top-right:before {
    width: 220px;
  }
}

@media (max-width: 1199px) {
  .block-type-16 .service > .table-view {
    padding: 18px 0;
  }
  .block-type-16 .service-image {
    height: 100%;
  }
  .block-type-16 .service {
    padding-right: 0;
  }
  .block-type-16 .line-decoration.activated.top-right:before {
    content: none;
  }
}

@media (max-width: 991px) {
  .block-type-16 .col-md-6.col-sm-12.col-xs-12:last-child {
    display: none;
  }
  .block-type-16 .service {
    padding: 0 0 0 115px;
    height: 100%;
  }
  .block-type-16 .container {
    padding: 0;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 21- BLOCK-TYPE-16 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 22- BLOCK-TYPE-17 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-17 .company-logo {
  position: relative;
  float: left;
  width: 20%;
  padding: 0 15px;
  text-align: center;
}

/* -----style 2 ----- */

.block-type-17.style-2 .company-logo {
  width: 25%;
}

.block-type-17.style-2 .logo-hover {
  position: absolute;
  top: -21px;
  left: 7px;
  height: 136px;
  width: 269px;
}

.block-type-17.style-2 .logo-hover span {
  background: #6ec5ee;
  transition-delay: 0 !important;
}

.block-type-17.style-2 .logo-hover .left-top {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 0px;
}

.block-type-17.style-2 .logo-hover .top {
  position: absolute;
  top: 0;
  left: 0;
  height: 0px;
  width: 1px;
}

.block-type-17.style-2 .logo-hover .right-top {
  position: absolute;
  top: 0;
  right: 0;
  height: 1px;
  width: 0px;
}

.block-type-17.style-2 .logo-hover .right {
  position: absolute;
  top: 0;
  right: 0;
  height: 0px;
  width: 1px;
}

.block-type-17.style-2 .logo-hover .right-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0px;
}

.block-type-17.style-2 .logo-hover .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0px;
  width: 1px;
}

.block-type-17.style-2 .logo-hover .left-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1px;
  width: 0px;
}

.block-type-17.style-2 .logo-hover .left {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 0px;
  width: 1px;
}

@media (min-width: 1200px) {
  .block-type-17.style-2 .logo-hover:hover .left-top {
    width: 45px;
  }
  .block-type-17.style-2 .logo-hover:hover .top {
    height: 45px;
  }
  .block-type-17.style-2 .logo-hover:hover .right-top {
    width: 45px;
  }
  .block-type-17.style-2 .logo-hover:hover .right {
    height: 45px;
  }
  .block-type-17.style-2 .logo-hover:hover .right-bottom {
    width: 45px;
  }
  .block-type-17.style-2 .logo-hover:hover .bottom {
    height: 45px;
  }
  .block-type-17.style-2 .logo-hover:hover .left-bottom {
    width: 45px;
  }
  .block-type-17.style-2 .logo-hover:hover .left {
    height: 45px;
  }
}

@media (max-width: 767px) {
  .block-type-17 .company-logo {
    width: 33%;
  }
  /* -----style 2 ----- */
  .block-type-17.style-2 .company-logo {
    width: 50%;
  }
}

@media (max-width: 480px) {
  .block-type-17 .company-logo {
    width: 50%;
  }
}

@media (max-width: 320px) {
  .block-type-17 .container {
    padding: 0px;
  }
  .block-type-17 .col-md-12.col-xs-12 {
    padding: 0px;
  }
  .block-type-17 .company-logo {
    width: 50%;
    margin-top: 10px;
  }
  .block-type-17 .company-logo:first-child {
    margin-top: 0;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 22- BLOCK-TYPE-17 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 23- BLOCK-TYPE-18 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-18 .table-view {
  padding: 50px 0px;
}

.block-type-18 .cell-view {
  text-align: center;
}

.block-type-18 .cell-view:first-child {
  height: 260px;
}

@media (max-width: 991px) {
  .block-type-18 .table-view {
    padding: 40px 0px;
  }
  .block-type-18 .block-type-10 {
    padding: 0px;
  }
  .block-type-18 .block-type-10 .col-md-6 {
    padding: 0 7.5px;
  }
  .block-type-18 .block-type-10 .col-md-6:nth-child(1) {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .block-type-18 .cell-view:first-child {
    height: auto;
  }
  .block-type-18 .col-md-6.col-sm-6.col-xs-12:first-child .table-view {
    padding: 0px;
  }
  .block-type-18 .block-type-10 .col-md-6 {
    padding: 0 15px;
  }
}

@media (max-width: 480px) {
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 23- BLOCK-TYPE-18 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 24- BLOCK-TYPE-19 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-19 a {
  color: #767676;
}

.block-type-19 .h4 {
  text-transform: uppercase;
  margin-top: 38px;
}

.block-type-19 .h4:before {
  position: absolute;
  top: -38px;
  left: 0;
  height: 3px;
  width: 15px;
  background: #6ec5ee;
  content: "";
}

.block-type-19 ul {
  margin-left: 15px;
}

.block-type-19 ul li {
  line-height: 30px;
}

.block-type-19 ul li:before {
  position: absolute;
  width: 4px;
  height: 4px;
  left: -15px;
  top: 12px;
  background: #6ec5ee;
  border-radius: 10px;
  content: "";
}

.block-type-19 a:hover {
  color: #6ec5ee;
}

@media (max-width: 991px) {
  .block-type-19 .block-type-10.style-4 .container {
    padding: 0;
  }
}

@media (max-width: 480px) {
  .block-type-10.style-4 .col-md-3 {
    width: 100%;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 24- BLOCK-TYPE-19 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 25- BLOCK-TYPE-20 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-20 .content,
.block-type-20 .clip.style-2 {
  z-index: 0;
  position: relative;
  float: left;
  background: #fff;
  width: 100%;
  text-align: center;
}

.block-type-20 .content .category {
  color: #888;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Merriweather";
}

.block-type-20 .content .link {
  color: #333;
  display: inline-block;
  position: relative;
}

.block-type-20 .content .h6-14 .link.hover-effect-bold:after {
  top: 5px;
}

.block-type-20 .swiper-slide .thumb {
  margin: 0 15px;
  overflow: hidden;
}

.block-type-20 .clip.style-2 {
  height: 370px;
}

.block-type-20 .clip span {
  display: block;
}

.block-type-20 .content .decoration-vertical {
  margin-bottom: 20px;
}

/* -----style 2 ----- */

.block-type-20.style-2 .col-md-12 {
  z-index: 10;
}

.block-type-20.style-2 .clip .bg-nofixed {
  position: fixed;
}

.block-type-20.style-2 .clip .bg-nofixed.noparallax {
  position: absolute;
}

.block-type-20.style-2 > .clip .bg-nofixed {
  margin-left: -1px;
}

.block-type-20.style-2 .clip.style-2 .bg-nofixed {
  position: absolute;
}

.block-type-20.style-2 .clip.style-2 {
  height: 350px;
}

.block-type-20.style-2 .col-md-4.col-sm-6.col-xs-12 h2,
.block-type-20.style-2 .col-md-4.col-sm-6.col-xs-12 p {
  color: #fff;
}

.block-type-20.style-2 .col-md-4.col-sm-6.col-xs-12 p {
  color: rgba(255, 255, 255, 0.8);
}

.block-type-20.style-2 .pagination {
  margin-top: 50px;
}

.block-type-20.style-2 .animated-block.hover-animated span.top {
  top: 0;
  z-index: 2;
}

.block-type-20.style-2 .animated-block.hover-animated span.right {
  right: 0;
  z-index: 2;
}

.block-type-20.style-2 .animated-block.hover-animated span.bottom {
  bottom: 0;
  z-index: 2;
}

.block-type-20.style-2 .animated-block.hover-animated span.left {
  left: 0;
  z-index: 2;
}

.block-type-20.style-2 .swiper-active-switch:before
/*, .block-type-20.style-2 .swiper-visible-switch:before*/ {
  background: #6ec5ee;
}

/* -----style 3 ----- */

.block-type-20.style-3 .content {
  background: none;
  text-align: left;
}

.block-type-20.style-3 .wrapper {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}

/* -----style 4 ----- */

.block-type-20.style-4 .swiper-container {
  margin: 0 15px;
  overflow: visible;
}

@media (min-width: 1200px) {
  .block-type-20 .clip.style-2:hover:after {
    left: 0;
  }
  .block-type-20 .clip.style-2:hover:before {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1) !important;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1) !important;
    -ms-transform: translateX(-50%) translateY(-50%) scale(1) !important;
    -moz-transform: translateX(-50%) translateY(-50%) scale(1) !important;
    -o-transform: translateX(-50%) translateY(-50%) scale(1) !important;
    height: 16px;
    width: 16px;
  }
  .block-type-20.style-2 .animated-block:hover span.top,
  .block-type-20.style-2 .animated-block:hover span.bottom {
    width: 100%;
  }
  .block-type-20.style-2 .animated-block:hover span.left,
  .block-type-20.style-2 .animated-block:hover span.right {
    height: 100%;
  }
}

@media (max-width: 991px) {
  .block-type-20 .swiper-slide .thumb {
    margin: 0 7.5px;
  }
  /*.block-type-20 .content article{height: 340px;}*/
  /*style-2*/
  .block-type-20.style-2 .pagination {
    margin-top: 25px;
  }
  .block-type-20.style-2 .clip .bg-nofixed {
    position: absolute;
  }
  /*style-3*/
  .block-type-20.style-3 .container-fluid,
  .block-type-20.style-3 .col-md-3 {
    padding: 0 7.5px;
  }
  /*style-4*/
  .block-type-20.style-4 .swiper-container {
    margin: 0 7.5px;
  }
  .block-type-20.style-4 .content article {
    height: auto;
  }
}

@media (max-width: 767px) {
  .block-type-20.style-2 .swiper-container {
    margin: 0 7.5px;
    overflow: visible;
  }
  .block-type-20.style-2 .col-md-12 {
    padding: 0px;
  }
  .block-type-20.style-2.style-4 .col-md-12 {
    padding: 0 15px;
  }
  .block-type-20.style-2 .clip.style-2 .bg-nofixed {
    width: 101%;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 25- BLOCK-TYPE-20 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 26- BLOCK-TYPE-21 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-21 .clip {
  position: relative;
  float: left;
  overflow: hidden;
  width: calc(100% + 1px);
}

.block-type-21 .follow {
  max-height: 345px;
}

.block-type-21 .swiper-container .pagination {
  display: none;
}

.block-type-21 .swiper-container .swiper-slide {
  height: 345px;
}

.block-type-21 .follow {
  background: #6ec5ee;
  width: 20%;
  float: left;
  position: relative;
}

.block-type-21 .table-view {
  height: 150px;
  padding: 95px 0px;
  text-align: center;
}

.block-type-21 .cell-view .wrapper > div {
  position: relative;
  top: 0;
  left: 30%;
  width: 40%;
}

.block-type-21 .hashtag {
  font-size: 26px;
}

.block-type-21 .decoration-vertical:after {
  background: rgba(0, 0, 0, 0.2);
}

.block-type-21 .h5 {
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .block-type-21 .clip:hover .bg-nofixed {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
}

@media (max-width: 991px) {
  .block-type-21 .follow {
    width: 50%;
  }
  .block-type-21 .swiper-container .swiper-slide {
    height: 340px;
  }
}

@media (max-width: 480px) {
  .block-type-21 .clip .bg-nofixed {
    background-position: 50% 50%;
  }
  .block-type-21 .swiper-container .swiper-slide {
    height: 190px;
  }
  .block-type-21 .table-view {
    padding: 20px 0;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 26- BLOCK-TYPE-21 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 27- BLOCK-TYPE-22*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

.map .container-fluid {
  padding: 0px;
}

#map-canvas {
  height: 80vh;
  background: #f2f2f2;
}

.block-type-22 .small-icon i {
  font-size: 32px;
}

.block-type-22 .col-md-2 {
  text-align: center;
}

.block-type-22 .h5 {
  text-transform: uppercase;
}

.block-type-22 .icon-wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.block-type-22 i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  font-size: 48px;
  color: #6ec5ee;
}

/* CONTACT FORM */

.block-type-22 h2, .block-type-22 h3 {
    border-bottom: 1px solid #aacfe0
}
.block-type-22  .button-checkbox {
    font-size: 2rem;
}
.block-type-22 .button-checkbox button {
        margin: 1rem auto;
        text-align: left;

}
.block-type-22 .nav-tabs.nav-justified a {
    border: 1px solid #444;

}
.block-type-22 .panel-heading {
    background-color: #fff;
    color: #333;
    text-align: center;

}
.block-type-22 .panel-heading:hover:not(.active) {
    background-color: #f1f1f1;
}
.block-type-22 .panel-title a {
    font-size: 2rem;
    display: block;
    padding: 1rem 0;
}
.block-type-22 .nav-tabs.nav-justified > .active > a, 
.block-type-22 .nav-tabs.nav-justified > .active > a:focus, 
.block-type-22 .nav-tabs.nav-justified > .active > a:hover,
.block-type-22 .panel-heading.active  {
    background-color: #6ec5ee;
    color: #fff;
}
.block-type-22 input[type="text"] {
    background-color: #fff;
    color: #000;
}
.block-type-22 .button-checkbox i {
  display: inline;
  position: relative;
  top: 60% !important;
  left: 0.05rem;
  color: #6ec5ee;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  font-size: 2rem;
}
.block-type-22 .button-checkbox i.white {
  color: #fff;
}

/* CONTACT FORM  */

.block-type-22 input,
.block-type-22 textarea {
  padding: 0;
}

.block-type-22 textarea,
.block-type-22 select,
.block-type-22 input[type="text"],
.block-type-22 input[name="name"],
.block-type-22 input[name="email"],
.block-type-22 input[name="phone"],
.block-type-22 input[name="subject"] {
  height: 50px;
  line-height: 24px;
  border-bottom: 1px solid #ededed;
  width: 100%;
}

.block-type-22 input[type="text"] {
  margin-right: 15px;
  /* width: calc(50% - 15px); */
}



.block-type-22 textarea {
  height: 143px;
  border-bottom: 1px solid #ededed;
}

.block-type-22 input[type="submit"] {
  height: 56px;
}

.block-type-22 .submit-wrap {
  width: 25%;
  left: 37.5%;
}

.block-type-22 .block-type-7 .thumb {
  border: none;
}

.block-type-22 .additional-info {
  height: 66px;
  color: #919191;
}

.block-type-22 .submit-button {
  padding: 28px 0;
}

.block-type-22 .block-type-10 .block-type-7 .h6-14 {
  float: none;
  left: 0;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
}


.block-type-22 .contact-article {
  height: 323px;
}

/* -----style 2 ----- */

.block-type-22.style-2 #map-canvas {
  height: 100%;
}

.block-type-22.style-2 .tel span,
.block-type-22.style-2 .email span {
  position: relative;
}

.block-type-22.style-2 .tel span:nth-child(2),
.block-type-22.style-2 .email span:nth-child(2) {
  margin: 0 10px;
}

.block-type-22.style-2 .main .h1 {
  margin-left: 10px;
}

.block-type-22.style-2 .line-decoration:before {
  bottom: -15px;
}

.block-type-22.style-2 .icon-wrapper,
.block-type-22.style-2 .h5,
.block-type-22.style-2 .address,
.block-type-22.style-2 .email,
.block-type-22.style-2 .tel {
  display: inline-block;
}

.block-type-22.style-2 .h5 {
  margin-left: 50px;
  line-height: 31px;
}

.block-type-22.style-2 .normal > .address,
.block-type-22.style-2 .normal > .email,
.block-type-22.style-2 .normal > .tel {
  margin-left: 20px;
}

.block-type-22.style-2 .button-wrap {
  text-align: left;
  margin-left: 5px;
}

.block-type-22.style-2 input[type="submit"] {
  border: none;
}

.block-type-22.style-2 .map-wrapper {
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: calc(100% + 15px);
  transform: translateX(30px);
  -moz-transform: translateX(30px);
  -o-transform: translateX(30px);
  -ms-transform: translateX(30px);
  -webkit-transform: translateX(30px);
}

@media (min-width: 1200px) {
  .block-type-22 .tel:hover,
  .block-type-22 .email:hover {
    color: #6ec5ee;
  }
}

@media (max-width: 1199px) {
  .block-type-22 .col-md-7 {
    width: 90%;
  }
  .block-type-22.style-2 .submit-wrap {
    width: 35%;
  }
}

@media (max-width: 991px) {
  .block-type-22.style-2 .map-wrapper {
    left: 0;
    height: 300px;
    width: 100%;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    position: relative;
    z-index: 100;
    float: left;
  }
  .block-type-22 .contact-article {
    height: 291px;
  }
  .block-type-22 > .container {
    padding: 0;
  }
  .block-type-22 .container-fluid .container {
    padding: 0;
  }
  .block-type-22 form {
    padding: 0 15px;
  }
  .block-type-22 input[name="email"] {
    margin-left: 0;
  }
  .block-type-22 input[name="subject"],
  .block-type-22 form textarea {
    width: calc(100% - 15px);
  }
}

@media (max-width: 767px) {
  .block-type-22 input[name="name"] {
    margin-right: 0px;
    width: 100%;
  }
  .block-type-22 input[name="email"] {
    margin-left: 0px;
    width: 100%;
  }
  .block-type-22.style-2 .map-wrapper {
    width: 100%;
    position: relative;
    left: 0%;
    height: 300px;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  #map-canvas {
    height: 300px;
  }
  .block-type-22 .additional-info {
    height: auto;
  }
  .block-type-22 .contact-article {
    height: auto;
  }
  .block-type-22.style-2 .button-wrap {
    text-align: center;
    margin-left: 0px;
  }
}

@media (max-width: 480px) {
  .block-type-22 .submit-wrap,
  .block-type-22.style-2 .submit-wrap {
    width: 100%;
    text-align: center;
    left: 0;
  }
  .block-type-22 input[name="subject"],
  .block-type-22 form textarea {
    width: 100%;
  }
  .block-type-22.style-2 address span {
    display: none;
  }
  .block-type-22 .col-md-2:nth-child(2),
  .block-type-22 .col-md-2:nth-child(3) {
    margin-top: 0px;
  }
  .block-type-22.style-2 .col-md-11.col-md-offset-1 > div,
  .block-type-22.style-2 address {
    float: left;
  }
  .block-type-22.style-2 .main .h1 {
    margin-left: 0;
  }
  .block-type-22.style-2 .normal > .address,
  .block-type-22.style-2 .normal > .email,
  .block-type-22.style-2 .normal > .tel {
    width: 100%;
    margin-left: 0;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 27- BLOCK-TYPE-22*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 28 - BLOCK-TYPE-23 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-23 .hover-content {
  position: absolute;
  left: 0;
  top: 0%;
  opacity: 1;
  height: 100%;
  width: 100%;
  background-color: transparent !important;
}

.block-type-23 .hover-content .wrapper {
  transform: translateX(0%) translateY(-100%);
  -webkit-transform: translateX(0%) translateY(-100%);
  -moz-transform: translateX(0%) translateY(-100%);
  -o-transform: translateX(0%) translateY(-100%);
  -ms-transform: translateX(0%) translateY(-100%);
}

.block-type-23 .hover-content .button {
  z-index: 3;
  position: relative;
  margin: 40px 0 0 68px;
  padding-left: 10px;
  padding-right: 10px;
}

.block-type-23 .thumb-slide {
  position: relative;
  float: left;
  width: calc(100% + 1px);
  height: 100%;
  overflow: hidden;
}

.block-type-23 .pagination {
  display: none;
}

.block-type-23 .content {
  position: absolute;
  left: 68px;
  bottom: 40px;
}

.block-type-23 .category {
  color: rgba(255, 255, 255, 0.6);
  display: block;
}

.block-type-23 .swiper-slide .clip {
  height: 475px !important;
  position: relative;
  float: left;
}

.block-type-23:not(.style-2) .swiper-slide,
.block-type-23:not(.style-2) .swiper-wrapper,
.block-type-23:not(.style-2) .swiper-container {
  height: 475px !important;
}

.block-type-23 .animated-block.hover-animated span.top {
  top: 0;
  z-index: 1;
}

.block-type-23 .animated-block.hover-animated span.right {
  right: 0;
  z-index: 1;
}

.block-type-23 .animated-block.hover-animated span.bottom {
  bottom: 0;
  z-index: 1;
}

.block-type-23 .animated-block.hover-animated span.left {
  left: 0;
  z-index: 1;
}

.block-type-23 .hover-content a {
  z-index: 1;
}

.block-type-23 .hover-content .hover-effect-bold:after {
  top: 13px;
}

.block-type-23 .hover-content .content > .h4 {
  margin-left: -10px;
}

/*style-2*/

.block-type-23.style-2 .button {
  display: block;
  backface-visibility: hidden;
  position: absolute;
  margin: 0;
  top: calc(50% + 20px);
  left: calc(50% - 44px);
  opacity: 0;
}

.block-type-23.style-2 .swiper-slide .clip {
  height: 560px !important;
}

.block-type-23.style-2 .decoration-vertical.activated:after {
  height: 50px;
}

.block-type-23.style-2 .decoration-vertical {
  height: 50px;
  z-index: 1;
  margin: 0;
  position: absolute;
  top: 43px;
  left: 50%;
}

.block-type-23.style-2 .thumb-slide {
  padding: 0 15px;
  width: 100%;
  cursor: pointer;
}

.block-type-23.style-2 .swiper-container {
  margin: 0 15px;
  position: relative;
  overflow: visible;
}

.block-type-23.style-2 .swiper-slide .thumb-slide.style-2 .clip {
  height: 265px !important;
}

.block-type-23.style-2 .thumb-slide.style-2 {
  height: auto;
}

.block-type-23.style-2 .thumb-slide.style-2:last-child {
  margin-top: 30px;
  overflow: visible;
}

.block-type-23.style-2 .bottom-heading {
  position: relative;
  margin-top: 315px;
}

.block-type-23.style-2 .thumb-slide.style-2:last-child .decoration-vertical {
  top: auto;
  bottom: 49px;
}

.block-type-23.style-2
  .thumb-slide.style-2:last-child
  .decoration-vertical:after {
  top: auto;
  bottom: -24px;
}

.block-type-23.style-2 .thumb-slide.style-2:last-child .button {
  top: auto;
  bottom: calc(50% + 20px);
}

.block-type-23.style-2 .hover-content {
  height: calc(100% - 68px);
  top: 0;
  z-index: -1;
}

.block-type-23.style-2 .thumb-slide.style-2 .hover-content {
  height: 100%;
}

.block-type-23.style-2 .swiper-arrow.left {
  left: -77px;
}

.block-type-23.style-2 .swiper-arrow.right {
  right: -77px;
}

.block-type-23.style-2 .swiper-arrow {
  margin-top: -4px;
}

.block-type-23.style-2 .hover-effect-bold {
  z-index: 10;
}

.block-type-23.style-2 .left-decoration {
  left: -20px;
}

.block-type-23.style-2 .right-decoration {
  right: -20px;
}

.block-type-23.style-2 .thumb-slide .h6-14 {
  position: relative;
  float: left;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.block-type-23.style-2 .hover-effect-bold:after {
  top: 9px;
}

@media (min-width: 1200px) {
  .block-type-23 .animated-block:hover .hover-content {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .block-type-23 .hover-content:hover .wrapper {
    transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -o-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
  }
  .block-type-23 .animated-block:hover span.top,
  .block-type-23 .animated-block:hover span.bottom {
    width: 100%;
  }
  .block-type-23 .animated-block:hover span.left,
  .block-type-23 .animated-block:hover span.right {
    height: 100%;
  }
  .block-type-23 .animated-block:hover .content {
    bottom: 80px;
  }
  /*style-2*/
  .block-type-23.style-2 .animated-block:hover .hover-content {
    background: transparent;
  }
  .block-type-23.style-2 .thumb-slide:hover .hover-effect-bold:after {
    width: 100%;
  }
  .block-type-23.style-2 .thumb-slide:hover .button {
    opacity: 1;
  }
  .block-type-23.style-2 .thumb-slide.style-2:last-child:hover .button {
  }
  .block-type-23.style-2 .thumb-slide:hover .decoration-vertical,
  .block-type-23.style-2 .thumb-slide:hover .decoration-vertical:after {
    height: 291px;
  }
  .block-type-23.style-2 .thumb-slide.style-2:hover .decoration-vertical,
  .block-type-23.style-2 .thumb-slide.style-2:hover .decoration-vertical:after {
    height: 144px;
  }
  .block-type-23.style-2 .thumb-slide:hover .hover-content {
    z-index: 1;
  }
}

@media (max-width: 991px) {
  .block-type-23 .hover-content .button {
    margin-left: 15px;
  }
  .block-type-23 .content {
    left: 15px;
  }
  /*style-2*/
  .block-type-23.style-2 .slide-heading {
    display: none;
  }
  .block-type-23.style-2 .hover-content {
    height: 100%;
  }
  .block-type-23.style-2 .hover-content .button {
    opacity: 1;
    margin: 12px 0 0 0;
  }
  .block-type-23.style-2 .swiper-container {
    margin: 0 7.5px;
  }
  .block-type-23.style-2 .thumb-slide {
    padding: 0 7.5px;
  }
  .block-type-23.style-2 .thumb-slide.style-2:last-child .button {
    margin-top: -42px;
  }
  .block-type-23.style-2 .thumb-slide.style-2:last-child {
    margin-top: 15px;
  }
  .block-type-23.style-2 .swiper-slide .clip {
    height: 545px !important;
  }
  .block-type-23.style-2 .button {
    top: calc(50% - 26px);
  }
  .block-type-23.style-2 .thumb-slide.style-2:last-child .button {
    bottom: calc(50% + -13px);
  }
}

@media (max-width: 767px) {
  .block-type-23 .swiper-slide .clip {
    height: 250px !important;
  }
  .block-type-23:not(.style-2) .swiper-slide,
  .block-type-23:not(.style-2) .swiper-wrapper,
  .block-type-23:not(.style-2) .swiper-container {
    height: 250px !important;
  }
}

a.block-type-23-custom-link {
  display: block;
  height: 100%; 
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 28 - BLOCK-TYPE-23 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 29- BLOCK-TYPE-24*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

.block-type-24 img {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}

.block-type-24 .animated-block img {
  width: calc(100% - 20px);
  left: 10px;
}

.block-type-24 .info {
  padding-right: 85px;
}

.block-type-24 .col-md-4 .col-md-3 {
  padding: 0;
}

.block-type-24 .col-md-4 .col-md-9 {
  vertical-align: top;
}

.block-type-24 .col-md-4.col-md-offset-1 article p:first-of-type {
  padding-bottom: 25px;
}

.block-type-24 img {
  width: 100%;
}

.block-type-24 .small-13 {
  margin-right: 30px;
  display: inline-block;
}

.block-type-24 .small-13:nth-child(5) {
  margin-right: 0;
}

.block-type-24 .buttons .button {
  float: left;
  margin-top: 0;
}

.block-type-24 .buttons .button:last-child {
  float: right;
  margin-top: 0;
}

.block-type-24 .menu-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 25%;
  display: block;
  width: 20px;
  height: 20px;
}

.block-type-24 .follow {
  height: 30px;
}

.block-type-24 .follow a {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 12px;
  border: 1px solid #ededed;
}

.block-type-24 .follow a i {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #919191;
  transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}

.block-type-24 .col-md-4 .button {
  padding-left: 55px;
  padding-right: 55px;
}
.block-type-24 article p {
  font-size: 2.5rem;
  line-height: 3rem;

}
.block-type-24 article.blog p,
.block-type-24 article.blog ul,
.block-type-24 article.blog ol {
  font-size: 1.9rem;
  line-height: 3rem;
  text-align: left;
}

.block-type-24 article.blog ul,
.block-type-24 article.blog ol {
  list-style-position: inside; 
  margin-left: 3rem;
}
.block-type-24 article.no-bt-padding p {
  padding-bottom: 0px;
}

.block-type-24 .blog-post img,
.block-type-24 .blog-post .swiper-container {
  display: block;
}

/*youtube video*/

.block-type-24 .video-thumb {
  position: relative;
  float: left;
  z-index: 55;
  width: 100%;
}

.block-type-24 .video-thumb img {
  width: 100%;
}

.block-type-24 .play-button {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #fff;
  transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  width: 0px;
  height: 0px;
}

.block-type-24 .play-button:before {
  content: "";
  position: absolute;
  top: -35px;
  left: -45px;
  border-radius: 50%;
  border: 4px solid #fff;
  z-index: -5;
  width: 68px;
  height: 68px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}

.block-type-24 .video-thumb iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
}

.block-type-24 .video-thumb iframe.style-2 {
  position: relative;
  display: block;
  height: 436px;
}

.block-type-24 .video-close {
  position: absolute;
  right: 0px;
  top: 40px;
  background: #6ec5ee;
  width: 40px;
  height: 40px;
  display: none;
  cursor: pointer;
}

.block-type-24 .video-close img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}

.block-type-24 .thumb-slide {
  padding: 0 15px;
}

.block-type-24 .thumb-slide img {
  width: 100%;
  display: block;
}

.block-type-24 .thumb-slide .clip {
  width: 100%;
  height: 388px;
  position: relative;
  float: left;
  overflow: hidden;
}

.block-type-24 .thumb-slide .clip:before {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 16px;
  width: 16px;
  transform: translateX(-50%) translateY(-50%) scale(3);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(3);
  -ms-transform: translateX(-50%) translateY(-50%) scale(3);
  -moz-transform: translateX(-50%) translateY(-50%) scale(3);
  -o-transform: translateX(-50%) translateY(-50%) scale(3);
  background: url(../img/main/detail-button.png) no-repeat;
  content: "";
  z-index: 1;
  opacity: 0;
}

.block-type-24 .thumb-slide .clip:after {
  position: absolute;
  left: -100%;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(28, 24, 20, 0.54);
  content: "";
}

/*floating button 9 square*/

.block-type-24 .menu-button span {
  position: relative;
  float: left;
  width: 4px;
  height: 4px;
  background-color: #333;
}

.block-type-24 .menu-button .span1 {
  margin: 2px 2px 2px 2px;
}

.block-type-24 .menu-button .span2,
.block-type-24 .menu-button .span3 {
  margin: 2px 2px 2px 0;
}

.block-type-24 .menu-button .span4,
.block-type-24 .menu-button .span7 {
  margin: 0 2px 2px 2px;
}

.block-type-24 .menu-button .span5,
.block-type-24 .menu-button .span6 {
  margin: 0 2px 2px 0;
}

.block-type-24 .menu-button .span8,
.block-type-24 .menu-button .span9 {
  margin: 0 2px 2px 0;
}

/*style-2*/

.block-type-24.style-2 .swiper-slide img {
  width: 100%;
}

.block-type-24.style-2 article {
  text-align: center;
  z-index: 300;
  font-size: 1.4rem;
  line-height: 2rem;
}

.block-type-24.style-2 .heading,
.block-type-24.style-2 .category,
.block-type-24.style-2 .client,
.block-type-24.style-2 .job {
  display: inline-block;
  z-index: 301;
}

.block-type-24.style-2 .heading {
  margin-right: 11px;
}

.block-type-24.style-2 .category,
.block-type-24.style-2 .client {
  margin-right: 48px;
}

.block-type-24.style-2 .col-md-4 .category,
.block-type-24.style-2 .col-md-4 .client {
  margin-right: 0px;
}

.block-type-24.style-2 .col-md-4 > .col-md-4 {
  text-align: center;
}

.block-type-24.style-2 .wrap {
  display: inline-block;
}

.block-type-24.style-2 .col-md-8 .block-bg article p,
.block-type-24.style-2 .block-bg article p {
  padding-bottom: 25px;
}

.block-type-24.style-2 .col-md-12 .col-md-12 {
  padding: 0;
}

.block-type-24.style-2 .clip {
  height: 370px;
  position: relative;
  float: left;
}

.block-type-24.style-2 .h2-36 {
  font-weight: 900;
}

.block-type-24.style-2 .line-decoration {
  position: relative;
  float: left;
  width: 50px;
  height: 1px;
  top: 9px;
}

.block-type-24.style-2 .line-decoration:before {
  bottom: 0;
}

.block-type-24.style-2 .decoration-vertical {
  margin-top: -25px;
  margin-bottom: 22px;
}

.block-type-24.style-2 .button.left:before {
  display: none;
}

.block-type-24.style-2 .button.right:after {
  display: none;
}

.block-type-24.style-2 .container-fluid .block-type-23 {
  padding: 0 15px;
}

.block-type-24.style-2 .buttons .wrapper:first-of-type {
  position: relative;
  float: left;
}

.block-type-24.style-2 .buttons .wrapper:last-of-type {
  position: relative;
  float: right;
}

.block-type-24.style-2 .buttons .wrapper h5 {
  position: relative;
  float: left;
  line-height: 40px;
}

.block-type-24.style-2 .buttons .wrapper:first-of-type h5 {
  margin-left: 27px;
}

.block-type-24.style-2 .buttons .wrapper:last-of-type h5 {
  margin-right: 27px;
}

.block-type-24.style-2 .hover-effect-bold {
  display: inline-block;
}

.block-type-24.style-2 .hover-effect-bold:after {
  top: 10px;
}

.block-type-24.style-2 .buttons .hover-effect-bold:after {
  top: 18px;
}

.block-type-24.style-2 .follow {
  width: 100%;
  margin: auto;
  position: relative;
  float: left;
  text-align: center;
}

.block-type-24.style-2 .h6-14.style-2 {
  width: 100%;
  margin: auto;
  text-align: center;
}

.block-type-24.style-2 .col-md-8 > .col-md-12 {
  padding: 0;
}

.block-type-24.style-2.narrow {
  padding: 0 75px;
}

.block-type-24.style-2 .swiper-arrow > span {
  height: 50px;
}

.block-type-24.style-2 .swiper-arrow img {
  height: auto;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}

.block-type-24.style-2 .col-md-4 .col-md-6:first-of-type {
  padding: 0 5px;
}

.block-type-24.style-2 .col-md-4 .col-md-6:last-of-type {
  padding: 0 5px;
}

/*style-3*/

.block-type-24.style-3 .icon-wrapper {
  position: relative;
  width: 38px;
  height: 38px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.block-type-24.style-3 .blog-info .small-13 i {
  display: inline-block;
  margin-right: 15px;
  color: #6ec5ee;
}

.block-type-24.style-3 .icon-wrapper i {
  font-size: 38px;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 300;
  color: #6ec5ee;
}

.block-type-24.style-3 .block-bg.col-md-12 {
  width: calc(100% - 30px);
  margin-left: 15px;
}

.block-type-24.style-3 .col-md-6 .date,
.block-type-24.style-3 .col-md-4 .date {
  display: inline-block;
  float: left;
}

.block-type-24.style-3 .blog-post .button {
  margin-top: 34px;
  padding: 14px 55px;
}

.block-type-24.style-3 .wrap.buttons {
  text-align: center;
  position: relative;
  line-height: 40px;
}

.block-type-24 .block-bg p {
  padding-bottom: 25px;
}

.block-type-24.style-3 .blog-post .block-bg {
  position: relative;
  float: left;
}

.block-type-24.style-3 .pages {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.block-type-24.style-3 .pages .page-number {
  position: relative;
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  border: 1px solid #f3f3f3;
}

.block-type-24.style-3 .pages .page-number:last-child {
  margin-right: 0;
}

.block-type-24.style-3 .pages .page-number span {
  position: relative;
  float: left;
  line-height: 30px;
  width: 30px;
  color: #767676;
}

.block-type-24.style-3 input[type="search"] {
  z-index: 10;
  position: relative;
  float: left;
  height: 50px;
  line-height: 50px;
  width: 370px;
  border: 1px solid #f3f3f3;
  padding: 15px;
}

.block-type-24.style-3 input.active[type="search"] {
  border: 1px solid #6ec5ee;
}

.block-type-24.style-3 form a {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 11;
}

.block-type-24.style-3 .search {
  position: relative;
  float: left;
}

.block-type-24.style-3 .fa-search {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 11;
  color: #6ec5ee;
}

.block-type-24.style-3 .col-md-4 article {
  float: left;
}

.block-type-24.style-3 .col-md-4 .quantity {
  color: #6ec5ee;
  margin-right: 28px;
}

.block-type-24.style-3 .col-md-4 .category {
  display: block;
}

.block-type-24.style-3 .col-md-4 .post {
  float: left;
}

.block-type-24.style-3 .col-md-4 .post:last-of-type {
  margin-bottom: 0px;
}

.block-type-24.style-3 .col-md-4 .post a.image {
  overflow: hidden;
  position: relative;
  float: left;
}

.block-type-24.style-3 .col-md-4 .post img {
  float: left;
  width: 100%;
}

.block-type-24.style-3 .col-md-4 .post p {
  padding: 0;
}

.block-type-24.style-3 .tag {
  display: inline-block;
  position: relative;
  float: left;
  text-transform: uppercase;
  padding: 0 10px;
  margin-right: 10px;
  border: 1px solid #f3f3f3;
}

.block-type-24.style-3 .col-md-4 .h5 {
  text-transform: none;
}

.block-type-24.style-3 .col-md-4 .insta-pics a {
  position: relative;
  float: left;
  margin-right: 10px;
  width: 82px;
  overflow: hidden;
}

.block-type-24.style-3 .col-md-4 .insta-pics a:nth-child(5),
.block-type-24.style-3 .col-md-4 .insta-pics a:nth-child(9) {
  margin-right: 0;
}

.block-type-24.style-3 .col-md-4 .insta-pics .last {
  margin-right: 0;
}

.block-type-24.style-3 .col-md-4 article img {
  width: 100%;
}

.block-type-24.style-3 .pagination {
  position: absolute;
  bottom: 33px;
}

.block-type-24.style-3 .share-tags {
  position: relative;
  height: 30px;
}

.block-type-24.style-3 .share {
  position: relative;
  float: right;
}

.block-type-24.style-3 .share .h4,
.block-type-24.style-3 .tags .h4 {
  position: relative;
  float: left;
  line-height: 30px;
  margin-right: 30px;
}

.block-type-24.style-3 .follow {
  position: relative;
  float: left;
}

.block-type-24.style-3 .post-comment img {
  display: block;
  border-radius: 100px;
  position: relative;
  float: left;
  width: 70px;
}

.block-type-24.style-3 .post-comment.right {
  position: relative;
  float: left;
  width: calc(100% - 100px);
  margin-left: 100px;
}

.block-type-24.style-3 .post-comment article {
  width: calc(100% - 100px);
  float: right;
}

.block-type-24.style-3 .post-comment .date {
  width: 100%;
}

.block-type-24.style-3 .post-comment .author {
  float: left;
}

.block-type-24.style-3 .post-comment .reply {
  float: right;
  line-height: 25px;
}

.block-type-24.style-3 .article-wrapper article {
  position: relative;
  padding: 0 15px;
}

.block-type-24.style-3 .col-md-8 .col-md-12 {
  padding: 0;
}

.block-type-24.style-3 .block-type-22 input[type="submit"] {
  margin: 0;
}

.block-type-24.style-3 .thumb {
  position: relative;
  float: left;
  overflow: hidden;
  cursor: pointer;
}

.block-type-24.style-3 .thumb:before {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 16px;
  width: 16px;
  transform: translateX(-50%) translateY(-50%) scale(3);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(3);
  -ms-transform: translateX(-50%) translateY(-50%) scale(3);
  -moz-transform: translateX(-50%) translateY(-50%) scale(3);
  -o-transform: translateX(-50%) translateY(-50%) scale(3);
  background: url(../img/main/detail-button.png) no-repeat;
  content: "";
  z-index: 1;
  opacity: 0;
}

.block-type-24.style-3 .thumb:after {
  position: absolute;
  left: -100%;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(28, 24, 20, 0.54);
  content: "";
}

.block-type-24.style-3 a img {
  overflow: hidden;
}

.block-type-24.style-3 .blog-post article {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.block-type-24.style-3 .scaling-wrap {
  overflow: hidden;
  position: relative;
  display: block;
}

.block-type-24.style-3 .related-posts {
  margin-left: -15px;
  width: calc(100% + 30px);
}

/*style-4*/

.block-type-24.style-4 .block-type-22 input[name="name"],
.block-type-24.style-4 .block-type-22 input[name="email"] {
  margin-top: 0;
}

.block-type-24.style-4 .article-wrapper,
.block-type-24.style-4 .post-comment,
.block-type-24.style-4 .post-comment .col-md-2,
.block-type-24.style-4 .block-type-22,
.block-type-24.style-4 .col-md-4 article {
  padding: 0;
}

@media (min-width: 1200px) {
  .block-type-24 .follow a:hover {
    background: #6ec5ee;
    border: 1px solid #6ec5ee;
  }
  .block-type-24 .follow a:hover i {
    color: #fff;
  }
  /*square button hover*/
  .block-type-24 .menu-button:hover:hover .span1 {
    transform: translateX(-2px) translateY(-2px);
    -webkit-transform: translateX(-2px) translateY(-2px);
    -moz-transform: translateX(-2px) translateY(-2px);
    -ms-transform: translateX(-2px) translateY(-2px);
    -o-transform: translateX(-2px) translateY(-2px);
  }
  .block-type-24 .menu-button:hover:hover .span2 {
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
  }
  .block-type-24 .menu-button:hover:hover .span3 {
    transform: translateX(2px) translateY(-2px);
    -webkit-transform: translateX(2px) translateY(-2px);
    -moz-transform: translateX(2px) translateY(-2px);
    -ms-transform: translateX(2px) translateY(-2px);
    -o-transform: translateX(2px) translateY(-2px);
  }
  .block-type-24 .menu-button:hover:hover .span4 {
    transform: translateX(-2px);
    -webkit-transform: translateX(-2px);
    -moz-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -o-transform: translateX(-2px);
  }
  .block-type-24 .menu-button:hover:hover .span6 {
    transform: translateX(2px);
    -webkit-transform: translateX(2px);
    -moz-transform: translateX(2px);
    -ms-transform: translateX(2px);
    -o-transform: translateX(2px);
  }
  .block-type-24 .menu-button:hover:hover .span7 {
    transform: translateX(-2px) translateY(2px);
    -webkit-transform: translateX(-2px) translateY(2px);
    -moz-transform: translateX(-2px) translateY(2px);
    -ms-transform: translateX(-2px) translateY(2px);
    -o-transform: translateX(-2px) translateY(2px);
  }
  .block-type-24 .menu-button:hover:hover .span8 {
    transform: translateY(2px);
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
  }
  .block-type-24 .menu-button:hover:hover .span9 {
    transform: translateX(2px) translateY(2px);
    -webkit-transform: translateX(2px) translateY(2px);
    -moz-transform: translateX(2px) translateY(2px);
    -ms-transform: translateX(2px) translateY(2px);
    -o-transform: translateX(2px) translateY(2px);
  }
  .block-type-24 .play-button:hover:before {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    color: #6ec5ee;
  }
  .block-type-24 .play-button:hover {
    color: #6ec5ee;
  }
  .block-type-24 .thumb-slide .clip:hover:before {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
  }
  .block-type-24 .thumb-slide .clip:hover:after {
    left: 0;
  }
  .block-type-24 .thumb-slide .clip:hover .bg-nofixed {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  .block-type-24 a.small-13:hover {
    color: #6ec5ee;
  }
  .block-type-24.style-2 .button.left:hover:after,
  .block-type-24.style-2 .button.right:hover:before {
    width: 159px;
  }
  /*style-3*/
  .block-type-24.style-3 a:hover {
    color: #6ec5ee;
  }
  .block-type-24.style-3 .thumb:hover:before {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
  }
  .block-type-24.style-3 .thumb:hover:after {
    left: 0;
  }
  .block-type-24.style-3 .pages .page-number span:hover,
  .block-type-24 a.tag:hover {
    color: #fff;
    background: #6ec5ee;
  }
  .block-type-24.style-3 .scaling-wrap img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  .block-type-24.style-3 a.reply:hover {
    letter-spacing: 1px;
  }
  .block-type-24.style-3 .related-posts {
    padding: 0;
  }
}

@media (max-width: 1199px) {
  .block-type-24.style-3 .share-tags .tags,
  .block-type-24.style-3 .share-tags .share {
    width: 100%;
  }
  .block-type-24.style-3 .share-tags .tags {
    float: left;
    margin-bottom: 30px;
  }
  .block-type-24.style-3 .share-tags {
    float: left;
    height: auto;
  }
}

@media (max-width: 991px) {
  .block-type-24 .slider.col-md-12 {
    padding: 0 7.5px;
  }
  .block-type-24 .thumb-slide {
    padding: 0 7.5px;
  }
  .block-type-24 .follow a {
    margin-right: 4px;
  }
  /*style-2*/
  .block-type-24.style-2 .heading {
    display: block;
  }
  .block-type-24.style-2 .line-decoration {
    display: none;
  }
  .block-type-24.style-2 .col-md-6.col-sm-6.col-xs-12.left-thumb {
    padding-right: 7.5px;
  }
  .block-type-24.style-2 .col-md-6.col-sm-6.col-xs-12.right-thumb {
    padding-left: 7.5px;
  }
  .block-type-24.style-2
    .block-type-23
    .col-md-6.col-sm-6.col-xs-12.left-thumb {
    padding: 0 7.5px;
  }
  .block-type-24.style-2
    .block-type-23
    .col-md-6.col-sm-6.col-xs-12.right-thumb {
    padding: 0 7.5px;
  }
  .block-type-24.style-2 .buttons .wrapper h5 {
    display: none;
  }
  .block-type-24.style-2 .container-fluid .block-type-23 {
    padding: 0 7.5px;
  }
  .block-type-24.style-2 .decoration-vertical {
    /*margin-top: -15px;*/
    margin-bottom: 0px;
  }
  .block-type-24 .animated-block img {
    width: 100%;
  }
  /*narrow*/
  .block-type-24.style-2.narrow {
    padding: 0px;
  }
  .block-type-24.style-2.narrow .buttons {
    padding: 0px;
  }
  .block-type-24.style-2.narrow .container {
    padding: 0;
  }
  .block-type-24.style-2.narrow .col-md-6 {
    padding: 0 7.5px;
  }
  .block-type-24.style-2.narrow .col-md-8 .col-md-6:first-child {
    padding-left: 15px;
  }
  .block-type-24.style-2.narrow .col-md-8 .col-md-6:last-child {
    padding-right: 15px;
  }
  .block-type-24.style-2.narrow .col-md-4 .col-md-6:first-of-type {
    padding-left: 15px;
  }
  .block-type-24.style-2.narrow .col-md-4 .row .col-md-6:last-of-type {
    padding-right: 15px;
  }
  .block-type-24.style-2.narrow .decoration-vertical {
    display: none;
  }
  .block-type-24.style-2.narrow .col-md-6 .animated-block img {
    left: 0;
  }
  .block-type-24.style-2.narrow .col-md-4 .col-md-6:first-of-type {
    padding-right: 7.5px;
  }
  .block-type-24.style-2.narrow .col-md-4 .col-md-6:last-of-type {
    padding-left: 7.5px;
  }
  /*style-3*/
  .block-type-24.style-3 .thumb {
    padding: 0 7.5px;
  }
  .block-type-24.style-3 .col-md-12 .col-md-4 {
    padding: 0;
  }
  .block-type-24.style-3 .related-posts {
    padding: 0 15px;
  }
}

@media (max-width: 768px) {
  .block-type-24.style-2 .col-md-6.col-sm-6.col-xs-12.left-thumb {
    width: 50%;
  }
  .block-type-24.style-2 .col-md-6.col-sm-6.col-xs-12.right-thumb {
    width: 50%;
  }
  .block-type-24.style-2 .container-fluid .block-type-23 {
    padding: 0 7.5px;
  }
  /*narrow*/
  .block-type-24.style-2.narrow .col-md-4 .col-md-12 {
    padding: 0;
    text-align: center;
  }
  .block-type-24.style-2.narrow .col-md-6 {
    width: 50%;
  }
  .block-type-24.style-2.narrow .container-fluid .block-type-23 {
    padding: 0 7.5px;
  }
  .block-type-24.style-2.narrow .buttons {
    padding: 0 15px;
  }
  .border .block-type-24.style-2 .container {
    width: 100%;
  }
  .block-type-24.style-3 .tag {
    float: none;
  }
  .block-type-24.style-2 .category,
  .block-type-24.style-2 .client {
    margin-right: 20px;
  }
  .block-type-24.style-2 .wrap {
    display: block;
  }
  .block-type-24.style-3 .thumb {
    padding: 0 15px;
    width: 100%;
  }
  .block-type-24.style-3 .col-md-4 .insta-pics a {
    margin-right: 0;
  }
  .block-type-24.style-3 .button.prev,
  .block-type-24.style-3 .button.next {
    width: 45%;
  }
  .block-type-24.style-3 .button.prev {
    margin-right: 5%;
  }
  .block-type-24.style-3 .button.next {
    margin-left: 5%;
  }
  .block-type-24.style-3 .pages {
    width: 100%;
  }
  .block-type-24.style-3 .pages .wrapper {
    position: relative;
    float: left;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .block-type-24 .small-13 {
    margin-right: 23px;
  }
  .block-type-24.style-3 .col-md-10.col-md-offset-1,
  .block-type-24.style-3 .col-md-12 .blog-info {
    text-align: left;
  }
  .block-type-24.style-3 .block-bg .col-md-10.col-md-offset-1 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .block-type-24 .buttons .button,
  .block-type-24 .buttons .button {
    padding: 11px;
  }
  .block-type-24 .button.button-style-2 {
    width: 100%;
    text-align: center;
  }
  .block-type-24 .video-thumb {
    margin-top: 20px;
    float: left;
  }
  .block-type-24 .video-close {
    top: -20px;
    width: 100%;
    height: 20px;
  }
  .block-type-24.style-2 .block-type-23 .col-md-6.col-sm-6.col-xs-12.left-thumb,
  .block-type-24.style-2
    .block-type-23
    .col-md-6.col-sm-6.col-xs-12.right-thumb {
    width: 100%;
    padding: 0 15px;
  }
  .block-type-24.style-2 .container-fluid .block-type-23 {
    padding: 0px;
  }
  .block-type-24.style-2.narrow .col-md-4 .col-md-6:first-of-type {
    padding-right: 15px;
  }
  .block-type-24.style-2.narrow .col-md-4 .col-md-6:last-of-type {
    padding-left: 15px;
  }
  .block-type-24.style-2 .col-md-6.col-sm-6.col-xs-12.right-thumb,
  .block-type-24.style-2 .col-md-6.col-sm-6.col-xs-12.left-thumb {
    width: 100%;
  }
  .block-type-24.style-2 .col-md-6.col-sm-6.col-xs-12.left-thumb {
    padding-right: 15px;
  }
  .block-type-24.style-2 .col-md-6.col-sm-6.col-xs-12.right-thumb {
    padding-left: 15px;
  }
  /*narrow*/
  .block-type-24.style-2.narrow .col-md-6 {
    width: 100%;
    padding: 0 15px;
  }
  .block-type-24.style-2.narrow .container-fluid .block-type-23 {
    padding: 0;
  }
  .block-type-24.style-3 input[type="search"],
  .block-type-24.style-3 .search {
    width: 100%;
  }
  .block-type-24.style-3 .post-comment.right {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 405px) {
  .block-type-24 .small-13:nth-child(4) {
    margin-top: 0px;
  }
  .block-type-24 .left-post .small-13:nth-child(4),
  .block-type-24 .right-post .small-13:nth-child(4),
  .block-type-24 .related-posts .small-13:nth-child(4) {
    margin-top: 10px;
  }
  .block-type-24.style-3 .share .h4,
  .block-type-24.style-3 .tags .h4 {
    width: 100%;
    margin-right: 0;
  }
  .block-type-24.style-3 .tag {
    margin-right: 3px;
  }
}

@media (max-width: 325px) {
  .block-type-24.style-3 .tag:last-child {
    margin-top: 10px;
  }
  .block-type-24.style-4 .tag:last-child {
    margin-top: 0px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 29- BLOCK-TYPE-24*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 30- BLOCK-TYPE-25*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*block-type-25*/

.block-type-25 .swiper-container {
  overflow: visible;
}

.block-type-25 .col-md-6.col-md-offset-3 {
  z-index: 100;
}

.block-type-25 .additional {
  top: 10px;
}

.block-type-25 .additional p {
  color: #919191;
  font-size: 14px;
}

.block-type-25 .content-top {
  position: relative;
  padding-top: 160px;
  padding-bottom: 370px;
  z-index: 1;
}

.block-type-25 .content-bottom {
  position: relative;
  margin-top: -285px;
  left: 0;
  width: 100%;
}

.block-type-25 .decoration-vertical {
  margin-top: 120px;
  margin-bottom: 19px;
}

.block-type-25 .swiper-arrow {
  margin-top: -343px;
  top: 0;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}

.block-type-25 .swiper-arrow.left {
  left: 57px;
}

.block-type-25 .swiper-arrow.right {
  right: 57px;
}

.block-type-25 .bg-nofixed {
  z-index: 113 !important;
}

.block-type-25 .clip {
  z-index: 100;
}

@media (max-width: 1199px) {
  .block-type-25 .content-bottom {
    margin-top: -296px;
  }
  .block-type-25 .additional {
    top: 21px;
  }
  #content-wrapper.border .block-type-25 .additional {
    top: 10px;
  }
}

@media (max-width: 991px) {
  .block-type-25 .content-bottom {
    margin-top: -284px;
  }
  .block-type-25 .content-top {
    padding-top: 60px;
  }
  .block-type-25 .animated-block.scroll-animation.square.rotated {
    margin-top: -14px;
  }
  .block-type-25 .circle-decoration {
    margin-top: -14px;
  }
  .block-type-25 .additional {
    top: 32px;
  }
  #content-wrapper.border .block-type-25 .additional {
    top: 20px;
  }
  .block-type-25 .pagination.none {
    display: block;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-top: -255px;
  }
}

@media (max-width: 767px) {
  .block-type-25 .content-bottom {
    margin-top: -270px;
  }
  .block-type-25 .animated-block.scroll-animation.square.rotated {
    margin-top: 11px;
  }
  .block-type-25 .circle-decoration {
    margin-top: 11px;
    width: 450px;
    height: 450px;
    left: calc(50% - 225px);
    top: calc(50% - 225px);
  }
  .block-type-25 .additional {
    top: 5px;
  }
  .block-type-25 .additional p {
    height: 72px;
    overflow: hidden;
  }
  .block-type-25 .swiper-arrow {
    display: none;
  }
  #content-wrapper.border .block-type-25 .additional {
    top: 26px;
  }
}

@media (max-width: 622px) {
  .block-type-25 .animated-block.scroll-animation.square.rotated {
    width: 350px;
    height: 350px;
  }
  .block-type-25 .circle-decoration {
    width: 375px;
    height: 375px;
  }
  .block-type-25 .sm-offset-115 {
    height: 74px;
  }
  .block-type-25 .pagination.none {
    margin-top: -174px;
  }
}

@media (max-width: 542px) {
  .block-type-25 .animated-block.scroll-animation.square.rotated {
    width: 300px;
    height: 300px;
  }
  .block-type-25 .circle-decoration {
    width: 325px;
    height: 325px;
  }
  .block-type-25 .sm-offset-115 {
    height: 39px;
  }
}

@media (max-width: 480px) {
  .block-type-25 .decoration-vertical {
    visibility: hidden;
  }
  .block-type-25 .additional {
    top: 26px;
  }
  .block-type-25 .content-bottom {
    margin-top: -291px;
  }
  .block-type-25 .sm-offset-115 {
    height: 60px;
  }
  .block-type-25 .offset-135 {
    height: 115px;
  }
}

@media (max-width: 475px) {
  .block-type-25 .clip {
    height: 420px;
  }
  .block-type-25 .content-top {
    padding-top: 60px;
    padding-bottom: 253px;
  }
  .block-type-25 .offset-135 {
    height: 0;
  }
}

@media (max-width: 430px) {
  .block-type-25 .animated-block.scroll-animation.square.rotated {
    width: 270px;
    height: 270px;
  }
  .block-type-25 .circle-decoration {
    width: 295px;
    height: 295px;
  }
  .block-type-25 .sm-offset-115 {
    height: 38px;
  }
  .block-type-25 .offset-135 {
    height: 0;
  }
}

@media (max-width: 380px) {
  .block-type-25 .animated-block.scroll-animation.square.rotated {
    width: 225px;
    height: 225px;
  }
  .block-type-25 .circle-decoration {
    width: 250px;
    height: 250px;
  }
  .block-type-25 .sm-offset-115 {
    height: 7px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 30-1 - BLOCK-TYPE-ATTRIBUTION */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.attribution-bbb-wrapper {
  background-color: #d9f2fd;
  padding: 1.5rem;
}

.attribution-bbb {
  background-color: #fff;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 31 - POP-UP */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.popup {
  position: fixed;
  left: -110%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: calc(100vw + 17px);
  background: rgba(37, 37, 37, 0.95);
  z-index: 5000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
}

.popup.active,
.popup.active-style-2 {
  left: 0px;
}

.popup.active .popup-close,
.popup.active-style-2 .popup-close {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  position: fixed;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 999;
  background-image: url("../img/close-button.png");
}

.popup-slider-big .thumb-slide {
  text-align: center;
  width: 100%;
  height: 100%;
}

.popup-slider-small .thumb-slide span.active {
  opacity: 0;
}

.popup-slider-small a {
  display: block;
  height: 170px;
  overflow: hidden;
}

.popup-slider-big a {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}

.popup .pagination {
  display: none !important;
  margin: 0;
}

.popup-wrap {
  height: 75%;
}

.popup-wrap .swiper-container {
  height: 100%;
}

.popup-wrap .swiper-wrapper {
  height: 100%;
}

.popup-wrap .swiper-slide {
  height: 100%;
}

.popup .clip {
  position: relative;
  float: left;
  background: #fff;
  width: 100%;
  text-align: center;
}

.popup-slider-big .clip {
  position: relative;
  float: left;
  background: #fff;
  width: 50%;
  height: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.popup.style-2 .popup-slider-big .clip {
  left: calc(50% - 17px);
}

.popup .clip span {
  display: block;
}

.popup .col-md-12 {
  padding: 0;
  left: 0px;
  height: auto;
}

.popup.active-style-2 .col-md-12 {
  left: 0px;
}

.popup .small-swiper-wrapper .thumb-slide {
  position: relative;
  float: left;
  width: 100%;
}

.popup .block-type-24.style-2 .h1,
.popup .block-type-24.style-2 .h5,
.popup .category,
.popup .client,
.popup .job {
  color: #fff;
}

.popup .wrapper {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.popup .wrapper .bg-nofixed {
  position: relative;
  float: left;
  height: 100%;
  width: 100%;
}

.popup .wrapper .popup-wrap {
  position: relative;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.popup.active .swiper-arrow.right {
  right: 47px !important;
}

.popup.active .swiper-arrow.left {
  left: 27px !important;
}

.popup .top {
  top: 0 !important;
  z-index: 1;
}

.popup .right {
  right: 0 !important;
  z-index: 1;
}

.popup .bottom {
  bottom: 0 !important;
  z-index: 1;
}

.popup .left {
  left: 0 !important;
  z-index: 1;
}

/*style-2*/

.popup.style-2 .popup-wrap .swiper-container {
  height: 100%;
}

.popup.style-2.active .swiper-arrow.right {
  right: 64px;
}

.popup.style-2.active .popup-close {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  position: fixed;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 999;
  background-image: url("../img/close-button.png");
}

@media (min-width: 1200px) {
  .popup.active .popup-close:hover,
  .popup.active-style-2 .popup-close:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
  .popup .popup-slider-small .clip:hover:after,
  .popup .popup-slider-small .clip.active:after {
    top: 0;
  }
  .popup .popup-slider-small .clip:hover:before,
  .popup .popup-slider-small .clip.active:before {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
  }
  .popup .popup-slider-small .clip:hover,
  .popup-slider-small .popup .clip.active:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    backface-visibility: hidden;
  }
}

@media (max-width: 991px) {
  .popup.active .swiper-arrow.right {
    right: 13px;
  }
  .popup.style-2.active .swiper-arrow.right {
    right: 30px;
  }
  .popup-close {
    right: 15px;
    top: 15px;
  }
  .popup.active .popup-close,
  .popup.active-style-2 .popup-close {
    position: absolute;
  }
}

@media (max-width: 768px) {
  .popup-slider-big .clip {
    width: calc(100% - 30px);
    left: 5.5px;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
  }
  .popup-wrap .popup-slider-big .thumb-slide {
    padding: 0 7.5px;
  }
}

@media (max-height: 700px) {
  .popup .wrapper {
    height: 700px;
  }
}

@media (max-width: 480px) {
  .block-type-24.style-2 .h2-36 {
    font-size: 30px;
    /*margin-left: -7.5px;*/
  }
  .popup.active .swiper-arrow.left {
    left: 15px !important;
  }
  .popup.active .swiper-arrow.right {
    right: 34px !important;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 31 - POP-UP */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 32 - CSS ANIMATIONS */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 0 */

.class {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  -ms-transition: none;
}

/*150*/

header li a:after,
.swiper-arrow .animated-block.hover-animated span,
.swiper-arrow b:before,
.swiper-arrow b:after,
.responsive-filtration-title:after,
.play-button,
.play-button img,
.block-type-2.style-2 .filters-thumbs:before,
.submit-wrap:before,
.block-type-7 .inner-content,
.button:after,
.pagination span {
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
}

/*300*/

.block-type-22 .tel,
.block-type-22 .email,
.block-type-10 svg,
header.style-6,
header.style-6 .animated-bg,
.hover-content .content,
.block-type-7 .icon-wrapper:hover svg path,
.line-decoration:before,
.block-on-background .swiper-arrow.rotated:hover:before,
.c-decoration .right-top:before,
.block-type-17.style-2 .logo-hover span,
.bg-span.hover-bg,
.animated-block.hover-animated span,
.block-type-11.style-11 .h4,
.block-type-13.style-3 .swiper-slide .clip,
.animated-block:before,
.animated-block:after,
.animated-block.scroll-animation,
.circle-decoration,
.main .subheading.style-2,
.main .subheading.style-2:after,
.decoration-vertical:after,

/*header nav ul,*/

.left-decoration:before,
.left-decoration:after,
.right-decoration:before,
.right-decoration:after,
.button .content,
.icon-wrapper,
.hover-effect-bold:after,
.hover-effect-thin:after,
.hover-effect-extra-bold:after,
.meny-icon a:before,
input,
textarea,
.filter-wrap,
.block-type-24.style-3 .col-md-4 img,
.block-type-24.style-3 .blog-post img,
.block-type-24.style-3 a,
.block-type-24 .thumb:before,
.block-type-24 .thumb:after,
.block-type-13 .clip .follow,
.hover-content .animated-left,
.hover-content .animated-right,
.block-type-23 .thumb-slide img,
.block-type-19 a,
.hover-content,
.block-type-11 .sorting-item img,
.block-type-11.style-8 .sorting-item .table-view,
.block-type-11.style-8 .sorting-item .hover-content .category,
.block-type-24.style-3 .pages .page-number span:hover,
.block-type-24 .tag:hover,
.swiper-arrow,
.swiper-arrow b:before,
.swiper-arrow b:after,
.block-type-11.style-3 .sorting-item .hover-content,
.block-type-11 .sorting-menu a,
.responsive-filtration-toggle,
.responsive-filtration-title .glyphicon,
.block-type-16 .service,
.block-type-13 a,
footer a,
.follow a,
.clip,
.clip .bg-nofixed,
.clip:after,
.clip:before,
.block-type-2 .thumb-slide a img,
.link,
.link:after,
.meny-icon a:after,
.meny-icon img,
.meny-icon span,
.menu-icon span,
.mob-icon span,
.mob-icon span:before,
.mob-icon span:after,
.popup,
.block-type-23 .animated-block .content,
.block-type-11 .sorting-menu a:after,
.aside-column,
.content-left,
.block-type-24 .menu-button span,
.slide-scale-animation,
.slide-right-animation {
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
}

/*400*/

.hover-content .content > .h4,
footer .trademark:after,
.block-type-9.with-slider .swiper-slide .table-view article p,
.block-type-9.with-slider .swiper-slide .table-view .button-wrap,
.hover-content .wrapper,
.hover-content .button,
.block-type-11.style-8 .sorting-item .hover-content,
.block-type-11.style-8 .sorting-item .table-view,
.block-type-11.style-8 .sorting-item .hover-content .category,
.block-type-2 .category:after,
.block-type-5 .project a:after,
.block-type-8 .author span:after,
.block-type-8 .like span:after,
.block-type-8 .comment span:after {
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
}

/*500*/

.block-type-9.with-slider .swiper-slide .table-view .h1,
.block-type-2 .button,
.little-decor-bottom.activated .left,
.little-decor-bottom.activated .right,
.little-decor-bottom.activated .bottom-left,
.little-decor-bottom.activated .bottom-right,
.c-decoration span,
.c-decoration .right-top:before,
.c-decoration .right-bottom:before,
.center:before,
.center:after,
.button:after,
.button:before,
.button span,
.decoration-bottom .right,
.decoration-bottom .left,
.decoration-top .right,
.decoration-top .left,
.popup-close,
.class,
.theme-config,
.block-type-11.style-7 .animated-block.scroll-animation span.activated,
.block-type-11.style-6 .sorting-item .letter {
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
}

/*550*/

.left-decoration:before,
.right-decoration:before,
.decoration-vertical:after,
.right-decoration:after,
.left-decoration:after,
.block-type-10.style-5 .animated-block span.activated,
.block-type-6 span.activated {
  -moz-transition: all 550ms ease-out;
  -o-transition: all 550ms ease-out;
  -webkit-transition: all 550ms ease-out;
  transition: all 550ms ease-out;
  -ms-transition: all 550ms ease-out;
}

/*700*/

.block-type-1.style-2 span.activated,
.block-type-13 span.activated,
.block-type-4 article span.activated,
.block-type-9.with-slider .swiper-slide-active .table-view article .h1,
header.act nav > ul,
header:after,
.animated-bg,
.class,
.theme-config .open img,
header nav {
  -moz-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -ms-transition: all 700ms ease-out;
}

header.act {
  -moz-transition: height 700ms ease-out;
  -o-transition: height 700ms ease-out;
  -webkit-transition: height 700ms ease-out;
  transition: height 700ms ease-out;
  -ms-transition: height 700ms ease-out;
}

/*1500*/

.decoration-bottom .bottom,
.decoration-top .top,
.main .title .bg,
.class {
  -moz-transition: all 1500ms ease-out;
  -o-transition: all 1500ms ease-out;
  -webkit-transition: all 1500ms ease-out;
  transition: all 1500ms ease-out;
  -ms-transition: all 1500ms ease-out;
}

.class {
  -moz-transition: all 2000ms ease-out;
  -o-transition: all 2000ms ease-out;
  -webkit-transition: all 2000ms ease-out;
  transition: all 2000ms ease-out;
  -ms-transition: all 2000ms ease-out;
}

.skills-thumbs .line-in {
  -moz-transition: all 2500ms ease-out;
  -o-transition: all 2500ms ease-out;
  -webkit-transition: all 2500ms ease-out;
  transition: all 2500ms ease-out;
  -ms-transition: all 2500ms ease-out;
}

/*transition delay*/

/*0*/

.default .swiper-arrow b:first-of-type:after,
.default .swiper-arrow b:last-of-type:before,
.default .swiper-arrow b:last-of-type:after,
.animated-bg,
.swiper-arrow .animated-block.hover-animated:hover span.top,
.swiper-arrow .animated-block.hover-animated span.left,
.block-type-17.style-2 .logo-hover span,
.mob-icon .top,
.mob-icon .bottom,
.mob-icon .middle,
.menu-icon .top,
.menu-icon .bottom,
.menu-icon .middle,
.block-type-4 article.animated-block.scroll-animation span.top.activated,
span.nodelay.top,
.swiper-arrow.left.rotated,
.swiper-arrow.right.rotated,
.c-decoration .right-bottom:before,

/*span.top, */

.decoration-top .top,
.decoration-bottom .bottom,
.right-decoration:before,
.left-decoration:before,
.animated-button.nodelay:before,
.animated-button.nodelay:after,
.block-type-6 .top.activated,
.button.activated .top,
.button.big-button .top.activated,
.swiper-arrow:hover b:first-of-type:before,
.animated-block.hover-animated span.left,
.animated-block.hover-animated:hover span.top,
.class {
  transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
}

/*150*/

.swiper-arrow .animated-block.hover-animated:hover span.right,
.swiper-arrow .animated-block.hover-animated span.bottom,
.swiper-arrow:hover b:first-of-type:after,
.class {
  transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -webkit-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
}

/*300*/

.swiper-arrow .animated-block.hover-animated:hover span.bottom,
.swiper-arrow .animated-block.hover-animated span.right,
.block-type-13 .right,
.animated-block.hover-animated span.bottom,
.animated-block.hover-animated:hover span.right,
.decoration-top .left,
.decoration-top .right,
.decoration-bottom .left,
.decoration-bottom .right,
.swiper-arrow b:first-of-type:after,
.block-type-4.style-2 .little-decor-bottom.activated .bottom-left,
.block-type-4.style-2 .little-decor-bottom.activated .bottom-right {
  transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
}

/*350*/

.class {
  transition-delay: 350ms;
  -moz-transition-delay: 350ms;
  -webkit-transition-delay: 350ms;
  -ms-transition-delay: 350ms;
}

/*400*/

.class {
  transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
}

/*450*/

.swiper-arrow .animated-block.hover-animated:hover span.left,
.swiper-arrow .animated-block.hover-animated span.top,
.swiper-arrow:hover b:last-of-type:after,
.main .title .bg,
.class {
  transition-delay: 450ms;
  -moz-transition-delay: 450ms;
  -webkit-transition-delay: 450ms;
  -ms-transition-delay: 450ms;
}

/*500*/

.little-decor-bottom.activated .bottom-left,
.little-decor-bottom.activated .bottom-right,
.c-decoration .bottom,
.button.activated .right,
.big-button .right.activated,
.block-type-11.style-7 .animated-block.scroll-animation .right.activated,
.class {
  transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -webkit-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
}

/*550*/

.right-decoration:after,
.left-decoration:after,
.block-type-10.style-5 .animated-block span.right.activated,
.block-type-6 .right.activated {
  transition-delay: 550ms;
  -moz-transition-delay: 550ms;
  -webkit-transition-delay: 550ms;
  -ms-transition-delay: 550ms;
}

/*600*/

.block-type-13 .bottom,
.animated-block.hover-animated span.right,
.animated-block.hover-animated:hover span.bottom,
.swiper-arrow b:last-of-type:before {
  transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
}

/*650*/

.block-type-9.with-slider .swiper-slide .table-view .decoration-vertical:after,
.block-type-9.with-slider .swiper-slide-active .table-view article .h1,
.block-type-9.with-slider
  .swiper-slide-active
  .table-view
  .animated-slide
  .subheading,
.block-type-9.with-slider .swiper-slide-active .table-view article p,
.block-type-9.with-slider .swiper-slide-active .table-view .button-wrap,
.block-type-9.with-slider
  .swiper-slide-active
  .table-view
  .slide-right-animation {
  transition-delay: 650ms;
  -moz-transition-delay: 650ms;
  -webkit-transition-delay: 650ms;
  -ms-transition-delay: 650ms;
}

/*700*/

.block-type-1.style-2 span.right.activated,
.block-type-13 span.right.activated,
.block-type-4 article.animated-block.scroll-animation span.right.activated {
  transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -webkit-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
}

/*800*/

.block-type-4 article.animated-block.scroll-animation span.bottom.activated {
  transition-delay: 800ms;
  -moz-transition-delay: 800ms;
  -webkit-transition-delay: 800ms;
  -ms-transition-delay: 800ms;
}

/*900*/

.animated-block.hover-animated span.top,
.animated-block.hover-animated:hover span.left,
.swiper-arrow b:last-of-type:after {
  transition-delay: 900ms;
  -moz-transition-delay: 900ms;
  -webkit-transition-delay: 900ms;
  -ms-transition-delay: 900ms;
}

/*1000*/

.c-decoration .left,
.button.activated .bottom,
.big-button .bottom.activated,
.block-type-11.style-7 .animated-block.scroll-animation .bottom.activated,
.class {
  transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -webkit-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
}

/*1100*/

.block-type-10.style-5 .animated-block span.bottom.activated,
.block-type-6 .bottom.activated {
  transition-delay: 1100ms;
  -moz-transition-delay: 1100ms;
  -webkit-transition-delay: 1100ms;
  -ms-transition-delay: 1100ms;
}

/*1200*/

.class {
  transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -webkit-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
}

/*1400*/

.block-type-1.style-2 span.bottom.activated,
.block-type-13 span.bottom.activated,
.block-type-4 article.animated-block.scroll-animation span.bottom.activated {
  transition-delay: 1400ms;
  -moz-transition-delay: 1400ms;
  -webkit-transition-delay: 1400ms;
  -ms-transition-delay: 1400ms;
}

/*1500*/

.c-decoration .top,
.decoration-bottom .right,
.decoration-bottom .left,
.decoration-top .right,
.decoration-top .left,
.button.activated .left,
.big-button .left.activated,
.block-type-11.style-7 .animated-block.scroll-animation .left.activated,
.block-type-13 span.left.activated {
  transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -webkit-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
}

/*1650*/

.block-type-10.style-5 .animated-block span.left.activated,
.block-type-6 .left.activated {
  transition-delay: 1650ms;
  -moz-transition-delay: 1650ms;
  -webkit-transition-delay: 1650ms;
  -ms-transition-delay: 1650ms;
}

/*2000*/

.block-type-11.style-6.style-12 .sorting-item:not(:hover),
.c-decoration .right-top:before,
.center:before,
.center:after,
.animated-button:before,
.animated-button:after,
.button .content {
  transition-delay: 2000ms;
  -moz-transition-delay: 2000ms;
  -webkit-transition-delay: 2000ms;
  -ms-transition-delay: 2000ms;
}

/*2100*/

.block-type-1.style-2 span.left.activated,
.block-type-13 span.left.activated,
.block-type-4 article.animated-block.scroll-animation span.left.activated {
  transition-delay: 2100ms;
  -moz-transition-delay: 2100ms;
  -webkit-transition-delay: 2100ms;
  -ms-transition-delay: 2100ms;
}

/*2500*/

.block-type-1.style-2 .animated-block:before,
.block-type-1.style-2 .animated-block:after {
  transition-delay: 2500ms;
  -moz-transition-delay: 2500ms;
  -webkit-transition-delay: 2500ms;
  -ms-transition-delay: 2500ms;
}

@media (min-width: 992px) {
  header nav ul {
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
  }
}

/*for default pages*/

.default .block-type-10.style-5 .animated-block span.right.activated,
.default .block-type-10.style-5 .animated-block span.bottom.activated,
.default .button.activated .left,
.default .button.activated .bottom,
.default .button.activated .right,
.default .button .span,
.default .swiper-arrow.yellow-border.activated span b:before,
.default .swiper-arrow.yellow-border.activated span b:after,
.default .block-type-1.style-2 span.activated,
.default .block-type-1.style-2 .animated-block:before,
.default .block-type-1.style-2 .animated-block:after,
.default .main .title .bg,
.default .center:before,
.default .center:after,
.default .block-type-10.style-5 .animated-block span.left.activated,
.default .button .content,
.default .block-type-6 .right.activated,
.default .block-type-6 .bottom.activated,
.default .block-type-6 .left.activated,
.default
  .block-type-11.style-7
  .animated-block.scroll-animation
  .right.activated,
.default
  .block-type-11.style-7
  .animated-block.scroll-animation
  .bottom.activated,
.default
  .block-type-11.style-7
  .animated-block.scroll-animation
  .left.activated,
.default .block-type-1.style-2 span.right.activated,
.default .block-type-1.style-2 span.bottom.activated,
.default .block-type-1.style-2 span.left.activated,
.default .block-type-13 span.right.activated,
.default .block-type-13 span.bottom.activated,
.default .block-type-13 span.left.activated,
.default
  .block-type-4
  article.animated-block.scroll-animation
  span.right.activated,
.default
  .block-type-4
  article.animated-block.scroll-animation
  span.bottom.activated,
.default
  .block-type-4
  article.animated-block.scroll-animation
  span.left.activated {
  transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 32 - CSS ANIMATIONS */

/*-------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 1200px) {
}

@media (max-width: 991px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    display: inline-block;
  }
}

@media (max-width: 767px) {
}

@media (max-width: 480px) {
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 32 - BORDER STYLES */

/*-------------------------------------------------------------------------------------------------------------------------------*/

#content-wrapper:not(.border) header {
  left: 0;
  top: 0;
  width: 100%;
}

#content-wrapper:not(.border) header.act .animated-bg {
  top: 0;
  height: 100vh;
}

#content-wrapper:not(.border) header.act {
  height: 100vh;
}

#content-wrapper:not(.border) header.style-6.act {
  height: auto;
}

#content-wrapper:not(.border) header.style-6.act .animated-bg {
  top: 0;
  height: 117px;
}

#content-wrapper:not(.border) header.style-6.act.move .animated-bg {
  top: 0;
  height: 71px;
}

#content-wrapper.border header.style-6.act .animated-bg {
  top: 25px;
  height: 117px;
}

#content-wrapper.border header.style-6.act.move .animated-bg {
  top: 25px;
  height: 71px;
}

#content-wrapper.border header.two-lines {
  top: 25px;
}

#content-wrapper.border header.two-lines .first-line {
  top: 25px;
}

#content-wrapper.style-3.border .right-line {
  right: 0px;
}

#content-wrapper.style-3.border .left-line {
  left: 0px;
}

@media (min-width: 991px) {
  #content-wrapper:not(.border) header.style-6 {
    width: calc(100% - 200px);
  }
  #content-wrapper.border header.style-6 {
    width: calc(100% - 250px);
    top: 25px;
    left: 25px;
  }
}

@media (max-width: 991px) {
  #content-wrapper:not(.border) header.act {
    width: 100%;
    left: 0px;
    height: auto;
  }
  #content-wrapper:not(.border) header nav {
    top: 71px;
    left: calc(-100% - 75px);
    height: auto;
  }
  #content-wrapper:not(.border) header nav.act-mob {
    left: -25px;
    width: calc(100% + 25px);
  }
  #content-wrapper:not(.border) header:after {
    width: 100%;
  }
  #content-wrapper:not(.border) header.act:after {
    left: 0;
  }
  #content-wrapper.style-3.border .left-line {
    left: 0;
  }
  #content-wrapper.style-3.border .right-line {
    right: 0;
  }
  #content-wrapper.border header.style-6 {
    width: calc(100% - 50px);
    left: 25px;
    top: 25px;
  }
  #content-wrapper.border header.two-lines {
    left: 25px;
    width: calc(100% - 50px);
  }
}

@media (max-width: 480px) {
  #content-wrapper:not(.border) header nav.act-mob {
    left: 0px;
    width: 100%;
  }
  #content-wrapper:not(.border) header.act:after {
    width: 100%;
    left: 0;
  }
  #content-wrapper.border header.style-6 {
    width: 100%;
    left: 0;
    top: 0;
  }
  #content-wrapper.border header.two-lines {
    top: 0px;
    left: 0;
    width: 100%;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 32 - BORDER STYLES */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 33 - THEME CONFIG */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*theme-config panel*/

.theme-config {
  position: fixed;
  left: -152px;
  top: 40%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 152px;
  min-height: 50px;
  background: #fff;
  border: 1px #e7e7e7 solid;
  z-index: 1001;
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  padding: 10px;
}

.theme-config.active {
  left: 0;
}

.theme-config .open {
  position: absolute;
  width: 60px;
  height: 60px;
  background: #fff;
  border: 1px #e7e7e7 solid;
  border-left: none;
  left: 100%;
  top: 50%;
  margin-top: -30px;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}

.theme-config .open img {
  -webkit-backface-visibility: hidden;
}

.theme-config .open img:nth-child(1) {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 32px;
  height: auto;
}

.theme-config .open img:nth-child(2) {
  position: absolute;
  left: 33px;
  top: 23px;
  width: 22px;
  height: auto;
}

.theme-config .open img:nth-child(3) {
  position: absolute;
  left: 23px;
  top: 40px;
  width: 15px;
  height: auto;
}

.theme-config .open:hover img {
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

.theme-config .open:hover img:nth-child(2) {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.theme-config .title {
  color: #232c3b;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 10px;
  font-family: "bold", sans-serif, Arial;
  text-transform: uppercase;
  padding-bottom: 7px;
  position: relative;
  margin: 5px 10px 5px 10px;
}

.theme-config .title:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 5px;
  width: 100%;
  background: #fbc011;
}

.theme-config .colours-wrapper .entry {
  height: 45px;
  width: 45px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  float: left;
  background: currentColor;
}

.theme-config .colours-wrapper .entry:after {
  position: absolute;
  left: -5px;
  top: -5px;
  right: -5px;
  bottom: -5px;
  border: 3px currentColor solid;
  content: "";
  opacity: 0;
}

.theme-config .colours-wrapper .entry.active:after {
  opacity: 1;
}

.theme-config .colours-wrapper .entry:last-child {
  margin-bottom: 0;
}

.theme-config form {
  margin-left: 10px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
}

.theme-config input {
  -webkit-appearance: radio !important;
}

@media (max-width: 990px) {
  .theme-config .open {
    top: 80%;
  }
}

@media (max-width: 980px) {
  .theme-config form {
    display: none;
  }
  .theme-config .title:nth-child(5) {
    display: none;
  }
}

/*color-schemes*/

body[data-theme="theme-2"] .title .bg {
  background: url(../img/main/title-bg-theme-2.png);
}

body[data-theme="theme-2"] header .menu-icon.act span,
body[data-theme="theme-2"] header.style-3.act .menu-icon .top,
body[data-theme="theme-2"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-2"] header.style-3.act .menu-icon .bottom {
  background: #d5f404;
}

body[data-theme="theme-2"] .hover-effect-bold:after {
  background: #d5f404;
}

body[data-theme="theme-2"] .hover-effect-thin:after {
  background: #d5f404;
}

body[data-theme="theme-2"] .button.colored {
  background: #d5f404 !important;
}

body[data-theme="theme-2"] .animated-block.hover-animated span.top {
  background: #d5f404;
}

body[data-theme="theme-2"] .animated-block.hover-animated span.right {
  background: #d5f404;
}

body[data-theme="theme-2"] .animated-block.hover-animated span.bottom {
  background: #d5f404;
}

body[data-theme="theme-2"] .animated-block.hover-animated span.left {
  background: #d5f404;
}

body[data-theme="theme-2"] .line-decoration:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .block-type-3 .meny-icon a.active:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .swiper-arrow.colored img {
  opacity: 0;
}

body[data-theme="theme-2"] .swiper-arrow.colored .clip {
  opacity: 1;
  background: transparent;
}

body[data-theme="theme-2"] .swiper-arrow.colored.left .bg-nofixed {
  background: url("../img/main/colored-arrow-left-theme-2.png") no-repeat !important;
}

body[data-theme="theme-2"] .swiper-arrow.colored.right .bg-nofixed {
  content: url("../img/main/colored-arrow-right-theme-2.png") no-repeat !important;
}

body[data-theme="theme-2"] ul.decorated li:before {
  border: 1px solid #d5f404;
}

body[data-theme="theme-2"] .button:before,
body[data-theme="theme-2"] .button:after {
  background: #d5f404;
}

body[data-theme="theme-2"] .animated-block.scroll-animation span.top {
  background: #d5f404;
}

body[data-theme="theme-2"] .animated-block.scroll-animation span.right {
  background: #d5f404;
}

body[data-theme="theme-2"] .animated-block.scroll-animation span.bottom {
  background: #d5f404;
}

body[data-theme="theme-2"] .animated-block.scroll-animation span.left {
  background: #d5f404;
}

body[data-theme="theme-2"] .animated-block.scroll-animation .button span.top {
  background: #333;
}

body[data-theme="theme-2"] .animated-block.scroll-animation .button span.right {
  background: #333;
}

body[data-theme="theme-2"]
  .animated-block.scroll-animation
  .button
  span.bottom {
  background: #333;
}

body[data-theme="theme-2"] .animated-block.scroll-animation .button span.left {
  background: #333;
}

body[data-theme="theme-2"] .block-type-5 .project.right a:after {
  background: #d5f404;
}

body[data-theme="theme-2"] .block-type-5 .project.left a:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .pagination .swiper-active-switch {
  background-color: #d5f404;
}

body[data-theme="theme-2"] .swiper-active-switch:before
/*, body[data-theme="theme-2"] .swiper-visible-switch:before*/ {
  border-color: #d5f404 !important;
  background-color: #d5f404 !important;
}

body[data-theme="theme-2"] .hover-effect-2lines {
  background-image: url(../img/main/hover-bg-theme-2.png);
}

body[data-theme="theme-2"] .block-type-7 .icon-wrapper svg path {
  stroke: rgb(213, 244, 4);
}

body[data-theme="theme-2"] .block-type-7 .icon-wrapper .center:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .block-type-7 .icon-wrapper .center:after {
  background: #d5f404;
}

body[data-theme="theme-2"] .block-type-8 .date {
  background-color: #d5f404;
}

body[data-theme="theme-2"] .block-type-8 i {
  color: #d5f404;
}

body[data-theme="theme-2"] .popup.active .popup-close,
body[data-theme="theme-2"] .popup.active-style-2 .popup-close {
  background-image: url("../img/close-button-theme-2.png");
}

body[data-theme="theme-2"] .big-button .top,
body[data-theme="theme-2"] .big-button .bottom {
  background: #d5f404;
}

body[data-theme="theme-2"] .big-button .right,
body[data-theme="theme-2"] .big-button .left {
  background: #d5f404;
}

body[data-theme="theme-2"] footer .contact address a:before {
  background: #d5f404;
}

body[data-theme="theme-2"] footer button[type="submit"] i {
  color: #d5f404;
}

body[data-theme="theme-2"] .yellow {
  color: #d5f404;
}

body[data-theme="theme-2"] footer input:focus {
  border: 1px solid #d5f404 !important;
}

body[data-theme="theme-2"] .left-decoration:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .left-decoration:after {
  background: #d5f404;
}

body[data-theme="theme-2"] .right-decoration:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .right-decoration:after {
  background: #d5f404;
}

body[data-theme="theme-2"] .swiper-arrow.yellow-border.left img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-2"] .swiper-arrow.yellow-border.right img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-2"] .swiper-arrow.yellow-border.activated span b:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .swiper-arrow.yellow-border.activated span b:after {
  background: #d5f404;
}

body[data-theme="theme-2"] .decoration-vertical:after {
  background: #d5f404;
}

body[data-theme="theme-2"] .circle-decoration svg path {
  stroke: rgb(213, 244, 4);
}

body[data-theme="theme-2"] .white .decoration-top .left {
  background: #d5f404;
}

body[data-theme="theme-2"] .white .decoration-top .top {
  background: #d5f404;
}

body[data-theme="theme-2"] .white .decoration-top .right {
  background: #d5f404;
}

body[data-theme="theme-2"] .white .decoration-bottom .left {
  background: #d5f404;
}

body[data-theme="theme-2"] .white .decoration-bottom .bottom {
  background: #d5f404;
}

body[data-theme="theme-2"] .white .decoration-bottom .right {
  background: #d5f404;
}

body[data-theme="theme-2"] .figure polygon,
body[data-theme="theme-2"] .figure path {
  stroke: rgb(213, 244, 4) !important;
}

body[data-theme="theme-2"] .block-type-11 .sorting-menu a:after {
  background: #d5f404;
}

body[data-theme="theme-2"] .block-type-11 .sorting-menu a .decor-right:after {
  background: #d5f404;
}

body[data-theme="theme-2"] .little-decor-bottom .left {
  background: #d5f404;
}

body[data-theme="theme-2"] .little-decor-bottom .bottom-left {
  background: #d5f404;
}

body[data-theme="theme-2"] .little-decor-bottom .right {
  background: #d5f404;
}

body[data-theme="theme-2"] .little-decor-bottom .bottom-right {
  background: #d5f404;
}

body[data-theme="theme-2"] .c-decoration .bottom {
  background: #d5f404;
}

body[data-theme="theme-2"] .c-decoration .left {
  background: #d5f404;
}

body[data-theme="theme-2"] .c-decoration .top {
  background: #d5f404;
}

body[data-theme="theme-2"] .c-decoration .right-top:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .c-decoration .right-bottom:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .hover-effect-extra-bold:after {
  background: #d5f404;
}

body[data-theme="theme-2"] div.before-decoration:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .block-type-17.style-2 .logo-hover span {
  background: #d5f404;
}

body[data-theme="theme-2"] header.two-lines .contact a:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .block-type-21 .follow {
  background: #d5f404;
}

body[data-theme="theme-2"] .block-type-15 .skills-thumbs .line-in {
  background: #d5f404;
}

body[data-theme="theme-2"] .swiper-arrow.left.rotated img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-2"] .swiper-arrow.right.rotated img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-2"] .block-type-11.style-6.style-11 .letter {
  color: #d5f404 !important;
}

body[data-theme="theme-2"] input:focus,
body[data-theme="theme-2"] textarea:focus {
  border-bottom: 1px solid #d5f404 !important;
}

body[data-theme="theme-2"] .block-type-3.style-2 .meny-icon a.active:before,
body[data-theme="theme-2"] .block-type-3 .meny-icon a.active:after {
  background: #d5f404;
}

body[data-theme="theme-2"] header.style-3.move.act .menu-icon .top,
body[data-theme="theme-2"] header.style-3.move.act .menu-icon .middle,
body[data-theme="theme-2"] header.style-3.move.act .menu-icon .bottom {
  background: #d5f404;
}

body[data-theme="theme-2"] header.style-3.act .menu-icon .top,
body[data-theme="theme-2"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-2"] header.style-3.act .menu-icon .bottom {
  background: #d5f404;
}

body[data-theme="theme-2"] .c-decoration .right-top:before,
body[data-theme="theme-2"] .c-decoration .right-bottom:before {
  background: #d5f404;
}

body[data-theme="theme-2"] header.style-4.act .mob-icon span {
  background: #d5f404;
}

body[data-theme="theme-2"] header.style-3.act .mob-icon .top,
body[data-theme="theme-2"] header.style-3.act .mob-icon .middle,
body[data-theme="theme-2"] header.style-3.act .mob-icon .bottom {
  background: #d5f404;
}

body[data-theme="theme-2"] header.style-2.act .mob-icon span {
  background: #d5f404;
}

body[data-theme="theme-2"] input.active,
body[data-theme="theme-2"] form [type="text"].active {
  border-bottom: 1px solid #d5f404;
}

body[data-theme="theme-2"] .block-type-4 .award .category:before {
  background: #d5f404;
}

body[data-theme="theme-2"] .block-type-21 .decoration-vertical:after {
  background: rgba(0, 0, 0, 0.2);
}

@media (min-width: 1200px) {
  body[data-theme="theme-2"]
    .block-type-11
    .sorting-item:hover
    .hover-content.colored {
    background: rgba(213, 244, 4, 0.8);
  }
  body[data-theme="theme-2"] .block-type-24 .follow a:hover {
    background: #d5f404;
    border: 1px solid #d5f404;
  }
  body[data-theme="theme-2"] .block-type-3 .meny-icon a:hover:before,
  body[data-theme="theme-2"] .block-type-3 .meny-icon a:hover:after {
    background: #d5f404;
  }
  body[data-theme="theme-2"] .block-type-4 .clip:hover .hover-content {
    background: rgba(213, 244, 4, 0.8);
  }
  body[data-theme="theme-2"] .block-type-7 .icon-wrapper:hover svg path {
    fill: #d5f404;
  }
  body[data-theme="theme-2"] footer a:hover {
    color: #d5f404;
  }
  body[data-theme="theme-2"] footer .follow a:hover {
    background: #d5f404;
    border-color: #d5f404;
  }
  body[data-theme="theme-2"] footer .trademark:hover:after {
    background: #d5f404;
  }
  body[data-theme="theme-2"] .swiper-arrow.yellow-border:hover {
    background: #d5f404;
  }
  body[data-theme="theme-2"]
    .block-type-2.style-2
    .filters-thumbs
    .filter-wrap
    span:hover {
    color: #d5f404;
  }
  body[data-theme="theme-2"]
    .block-type-11.style-7
    .sorting-item:hover
    .content-left {
    color: #d5f404;
  }
  body[data-theme="theme-2"] .block-type-13 .hover-content .follow a:hover {
    background: #d5f404;
    border-color: #d5f404;
  }
  body[data-theme="theme-2"] footer.style-4 .follow a:hover {
    background: none;
    color: #d5f404;
    border-color: #d5f404;
  }
  body[data-theme="theme-2"]
    .block-type-11.style-7
    .sorting-item:hover
    .hover-content {
    background: rgba(213, 244, 4, 0.8);
  }
  body[data-theme="theme-2"]
    .block-on-background
    .swiper-arrow.rotated:hover:before {
    background: #d5f404;
  }
  body[data-theme="theme-2"] .block-type-12.style-2 article:hover > svg polygon,
  body[data-theme="theme-2"] .block-type-12.style-2 article:hover > svg path,
  body[data-theme="theme-2"]
    .block-type-12.style-2
    article:hover
    .icon-wrapper
    svg
    path {
    fill: #d5f404 !important;
  }
  body[data-theme="theme-2"] .block-type-22 .tel:hover,
  body[data-theme="theme-2"] .block-type-22 .email:hover {
    color: #d5f404;
  }
}

@media (max-width: 991px) {
  body[data-theme="theme-2"] .circle-decoration {
    border: 1px solid #d5f404;
  }
  body[data-theme="theme-2"] header .mob-icon.act span {
    background: #d5f404;
  }
  body[data-theme="theme-2"] header li a:after,
  body[data-theme="theme-2"] header li a:before {
    background: #d5f404 !important;
  }
}

@media (max-width: 767px) {
  body[data-theme="theme-2"] .popup.active .swiper-arrow.left {
    left: 9px !important;
  }
  body[data-theme="theme-2"] .popup.active .swiper-arrow.right {
    right: 40px !important;
  }
}

body[data-theme="theme-3"] .title .bg {
  background: url(../img/main/title-bg-theme-3.png);
}

body[data-theme="theme-3"] header .menu-icon.act span,
body[data-theme="theme-3"] header.style-3.act .menu-icon .top,
body[data-theme="theme-3"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-3"] header.style-3.act .menu-icon .bottom {
  background: #01f6ff;
}

body[data-theme="theme-3"] .hover-effect-bold:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] .hover-effect-thin:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] .button.colored {
  background: #01f6ff !important;
}

body[data-theme="theme-3"] .animated-block.hover-animated span.top {
  background: #01f6ff;
}

body[data-theme="theme-3"] .animated-block.hover-animated span.right {
  background: #01f6ff;
}

body[data-theme="theme-3"] .animated-block.hover-animated span.bottom {
  background: #01f6ff;
}

body[data-theme="theme-3"] .animated-block.hover-animated span.left {
  background: #01f6ff;
}

body[data-theme="theme-3"] .line-decoration:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .block-type-3 .meny-icon a.active:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .swiper-arrow.colored img {
  opacity: 0;
}

body[data-theme="theme-3"] .swiper-arrow.colored .clip {
  opacity: 1;
  background: transparent;
}

body[data-theme="theme-3"] .swiper-arrow.colored.left .bg-nofixed {
  background: url("../img/main/colored-arrow-left-theme-3.png") no-repeat !important;
}

body[data-theme="theme-3"] .swiper-arrow.colored.right .bg-nofixed {
  background: url("../img/main/colored-arrow-right-theme-3.png") no-repeat !important;
}

body[data-theme="theme-3"] ul.decorated li:before {
  border: 1px solid #01f6ff;
}

body[data-theme="theme-3"] .button:before,
body[data-theme="theme-3"] .button:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] .animated-block.scroll-animation span.top {
  background: #01f6ff;
}

body[data-theme="theme-3"] .animated-block.scroll-animation span.right {
  background: #01f6ff;
}

body[data-theme="theme-3"] .animated-block.scroll-animation span.bottom {
  background: #01f6ff;
}

body[data-theme="theme-3"] .animated-block.scroll-animation span.left {
  background: #01f6ff;
}

body[data-theme="theme-3"] .animated-block.scroll-animation .button span.top {
  background: #333;
}

body[data-theme="theme-3"] .animated-block.scroll-animation .button span.right {
  background: #333;
}

body[data-theme="theme-3"]
  .animated-block.scroll-animation
  .button
  span.bottom {
  background: #333;
}

body[data-theme="theme-3"] .animated-block.scroll-animation .button span.left {
  background: #333;
}

body[data-theme="theme-3"] .block-type-5 .project.right a:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] .block-type-5 .project.left a:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .pagination .swiper-active-switch {
  background-color: #01f6ff;
}

body[data-theme="theme-3"] .swiper-active-switch:before
/*, body[data-theme="theme-3"] .swiper-visible-switch:before*/ {
  border-color: #01f6ff !important;
  background-color: #01f6ff !important;
}

body[data-theme="theme-3"] .hover-effect-2lines {
  background-image: url(../img/main/hover-bg-theme-3.png);
}

body[data-theme="theme-3"] .block-type-7 .icon-wrapper svg path {
  stroke: rgb(1, 246, 255) !important;
}

body[data-theme="theme-3"] .block-type-7 .icon-wrapper .center:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .block-type-7 .icon-wrapper .center:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] .block-type-8 .date {
  background-color: #01f6ff;
}

body[data-theme="theme-3"] .block-type-8 i {
  color: #01f6ff;
}

body[data-theme="theme-3"] .popup.active .popup-close,
body[data-theme="theme-3"] .popup.active-style-2 .popup-close {
  background-image: url("../img/close-button-theme-3.png");
}

body[data-theme="theme-3"] .big-button .top,
body[data-theme="theme-3"] .big-button .bottom {
  background: #01f6ff;
}

body[data-theme="theme-3"] .big-button .right,
body[data-theme="theme-3"] .big-button .left {
  background: #01f6ff;
}

body[data-theme="theme-3"] footer .contact address a:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] footer button[type="submit"] i {
  color: #01f6ff;
}

body[data-theme="theme-3"] .yellow {
  color: #01f6ff;
}

body[data-theme="theme-3"] footer input:focus {
  border: 1px solid #01f6ff !important;
}

body[data-theme="theme-3"] .left-decoration:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .left-decoration:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] .right-decoration:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .right-decoration:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] .swiper-arrow.yellow-border.left img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-3"] .swiper-arrow.yellow-border.right img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-3"] .swiper-arrow.yellow-border.activated span b:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .swiper-arrow.yellow-border.activated span b:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] .decoration-vertical:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] .circle-decoration svg path {
  stroke: rgb(1, 246, 255);
}

body[data-theme="theme-3"] .white .decoration-top .left {
  background: #01f6ff;
}

body[data-theme="theme-3"] .white .decoration-top .top {
  background: #01f6ff;
}

body[data-theme="theme-3"] .white .decoration-top .right {
  background: #01f6ff;
}

body[data-theme="theme-3"] .white .decoration-bottom .left {
  background: #01f6ff;
}

body[data-theme="theme-3"] .white .decoration-bottom .bottom {
  background: #01f6ff;
}

body[data-theme="theme-3"] .white .decoration-bottom .right {
  background: #01f6ff;
}

body[data-theme="theme-3"] .figure polygon,
body[data-theme="theme-3"] .figure path {
  stroke: rgb(1, 246, 255) !important;
}

body[data-theme="theme-3"] .block-type-11 .sorting-menu a:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] .block-type-11 .sorting-menu a .decor-right:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] .little-decor-bottom .left {
  background: #01f6ff;
}

body[data-theme="theme-3"] .little-decor-bottom .bottom-left {
  background: #01f6ff;
}

body[data-theme="theme-3"] .little-decor-bottom .right {
  background: #01f6ff;
}

body[data-theme="theme-3"] .little-decor-bottom .bottom-right {
  background: #01f6ff;
}

body[data-theme="theme-3"] .c-decoration .bottom {
  background: #01f6ff;
}

body[data-theme="theme-3"] .c-decoration .left {
  background: #01f6ff;
}

body[data-theme="theme-3"] .c-decoration .top {
  background: #01f6ff;
}

body[data-theme="theme-3"] .c-decoration .right-top:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .c-decoration .right-bottom:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .hover-effect-extra-bold:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] div.before-decoration:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .block-type-17.style-2 .logo-hover span {
  background: #01f6ff;
}

body[data-theme="theme-3"] header.two-lines .contact a:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .block-type-21 .follow {
  background: #01f6ff;
}

body[data-theme="theme-3"] .block-type-15 .skills-thumbs .line-in {
  background: #01f6ff;
}

body[data-theme="theme-3"] .swiper-arrow.left.rotated img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-3"] .swiper-arrow.right.rotated img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-3"] .block-type-11.style-6.style-11 .letter {
  color: #01f6ff;
}

body[data-theme="theme-3"] input:focus,
body[data-theme="theme-3"] textarea:focus {
  border-bottom: 1px solid #01f6ff !important;
}

body[data-theme="theme-3"] .block-type-3.style-2 .meny-icon a.active:before,
body[data-theme="theme-3"] .block-type-3 .meny-icon a.active:after {
  background: #01f6ff;
}

body[data-theme="theme-3"] header.style-3.move.act .menu-icon .top,
body[data-theme="theme-3"] header.style-3.move.act .menu-icon .middle,
body[data-theme="theme-3"] header.style-3.move.act .menu-icon .bottom {
  background: #01f6ff;
}

body[data-theme="theme-3"] header.style-3.act .menu-icon .top,
body[data-theme="theme-3"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-3"] header.style-3.act .menu-icon .bottom {
  background: #01f6ff;
}

body[data-theme="theme-3"] .c-decoration .right-top:before,
body[data-theme="theme-3"] .c-decoration .right-bottom:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] header.style-4.act .mob-icon span {
  background: #01f6ff;
}

body[data-theme="theme-3"] header.style-3.act .mob-icon .top,
body[data-theme="theme-3"] header.style-3.act .mob-icon .middle,
body[data-theme="theme-3"] header.style-3.act .mob-icon .bottom {
  background: #01f6ff;
}

body[data-theme="theme-3"] header.style-2.act .mob-icon span {
  background: #01f6ff;
}

body[data-theme="theme-3"] input.active,
body[data-theme="theme-3"] form [type="text"].active {
  border-bottom: 1px solid #01f6ff;
}

body[data-theme="theme-3"] .block-type-4 .award .category:before {
  background: #01f6ff;
}

body[data-theme="theme-3"] .block-type-21 .decoration-vertical:after {
  background: rgba(0, 0, 0, 0.2);
}

@media (min-width: 1200px) {
  body[data-theme="theme-3"]
    .block-type-11
    .sorting-item:hover
    .hover-content.colored {
    background: rgba(1, 246, 255, 0.8);
  }
  body[data-theme="theme-3"] .block-type-24 .follow a:hover {
    background: #01f6ff;
    border: 1px solid #01f6ff;
  }
  body[data-theme="theme-3"] .block-type-3 .meny-icon a:hover:before,
  body[data-theme="theme-3"] .block-type-3 .meny-icon a:hover:after {
    background: #01f6ff;
  }
  body[data-theme="theme-3"] .block-type-4 .clip:hover .hover-content {
    background: rgba(1, 246, 255, 0.8);
  }
  body[data-theme="theme-3"] .block-type-7 .icon-wrapper:hover svg path {
    fill: #01f6ff;
  }
  body[data-theme="theme-3"] footer a:hover {
    color: #01f6ff;
  }
  body[data-theme="theme-3"] footer .follow a:hover {
    background: #01f6ff;
    border-color: #01f6ff;
  }
  body[data-theme="theme-3"] footer .trademark:hover:after {
    background: #01f6ff;
  }
  body[data-theme="theme-3"] .swiper-arrow.yellow-border:hover {
    background: #01f6ff;
  }
  body[data-theme="theme-3"]
    .block-type-2.style-2
    .filters-thumbs
    .filter-wrap
    span:hover {
    color: #01f6ff;
  }
  body[data-theme="theme-3"]
    .block-type-11.style-7
    .sorting-item:hover
    .content-left {
    color: #01f6ff;
  }
  body[data-theme="theme-3"] .block-type-13 .hover-content .follow a:hover {
    background: #01f6ff;
    border-color: #01f6ff;
  }
  body[data-theme="theme-3"] footer.style-4 .follow a:hover {
    background: none;
    color: #01f6ff;
    border-color: #01f6ff;
  }
  body[data-theme="theme-3"]
    .block-type-11.style-7
    .sorting-item:hover
    .hover-content {
    background: rgba(1, 246, 255, 0.8);
  }
  body[data-theme="theme-3"]
    .block-on-background
    .swiper-arrow.rotated:hover:before {
    background: #01f6ff;
  }
  body[data-theme="theme-3"] .block-type-12.style-2 article:hover > svg polygon,
  body[data-theme="theme-3"] .block-type-12.style-2 article:hover > svg path,
  body[data-theme="theme-3"]
    .block-type-12.style-2
    article:hover
    .icon-wrapper
    svg
    path {
    fill: #01f6ff !important;
  }
  body[data-theme="theme-3"] .block-type-22 .tel:hover,
  body[data-theme="theme-3"] .block-type-22 .email:hover {
    color: #01f6ff;
  }
}

@media (max-width: 991px) {
  body[data-theme="theme-3"] .circle-decoration {
    border: 1px solid #01f6ff;
  }
  body[data-theme="theme-3"] header .mob-icon.act span {
    background: #01f6ff;
  }
  body[data-theme="theme-3"] header li a:after,
  body[data-theme="theme-3"] header li a:before {
    background: #01f6ff !important;
  }
}

@media (max-width: 767px) {
  body[data-theme="theme-3"] .popup.active .swiper-arrow.left {
    left: 9px !important;
  }
  body[data-theme="theme-3"] .popup.active .swiper-arrow.right {
    right: 40px !important;
  }
}

body[data-theme="theme-4"] .title .bg {
  background: url(../img/main/title-bg-theme-4.png);
}

body[data-theme="theme-4"] header .menu-icon.act span,
body[data-theme="theme-4"] header.style-3.act .menu-icon .top,
body[data-theme="theme-4"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-4"] header.style-3.act .menu-icon .bottom {
  background: #7b87ff;
}

body[data-theme="theme-4"] .hover-effect-bold:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] .hover-effect-thin:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] .button.colored {
  background: #7b87ff !important;
}

body[data-theme="theme-4"] .animated-block.hover-animated span.top {
  background: #7b87ff;
}

body[data-theme="theme-4"] .animated-block.hover-animated span.right {
  background: #7b87ff;
}

body[data-theme="theme-4"] .animated-block.hover-animated span.bottom {
  background: #7b87ff;
}

body[data-theme="theme-4"] .animated-block.hover-animated span.left {
  background: #7b87ff;
}

body[data-theme="theme-4"] .line-decoration:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .block-type-3 .meny-icon a.active:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .swiper-arrow.colored img {
  opacity: 0;
}

body[data-theme="theme-4"] .swiper-arrow.colored .clip {
  opacity: 1;
  background: transparent;
}

body[data-theme="theme-4"] .swiper-arrow.colored.left .bg-nofixed {
  background: url("../img/main/colored-arrow-left-theme-4.png") no-repeat !important;
}

body[data-theme="theme-4"] .swiper-arrow.colored.right .bg-nofixed {
  background: url("../img/main/colored-arrow-right-theme-4.png") no-repeat !important;
}

body[data-theme="theme-4"] ul.decorated li:before {
  border: 1px solid #7b87ff;
}

body[data-theme="theme-4"] .button:before,
body[data-theme="theme-4"] .button:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] .animated-block.scroll-animation span.top {
  background: #7b87ff;
}

body[data-theme="theme-4"] .animated-block.scroll-animation span.right {
  background: #7b87ff;
}

body[data-theme="theme-4"] .animated-block.scroll-animation span.bottom {
  background: #7b87ff;
}

body[data-theme="theme-4"] .animated-block.scroll-animation span.left {
  background: #7b87ff;
}

body[data-theme="theme-4"] .animated-block.scroll-animation .button span.top {
  background: #333;
}

body[data-theme="theme-4"] .animated-block.scroll-animation .button span.right {
  background: #333;
}

body[data-theme="theme-4"]
  .animated-block.scroll-animation
  .button
  span.bottom {
  background: #333;
}

body[data-theme="theme-4"] .animated-block.scroll-animation .button span.left {
  background: #333;
}

body[data-theme="theme-4"] .block-type-5 .project.right a:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] .block-type-5 .project.left a:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .pagination .swiper-active-switch {
  background-color: #7b87ff;
}

body[data-theme="theme-4"] .swiper-active-switch:before
/*, body[data-theme="theme-4"] .swiper-visible-switch:before*/ {
  border-color: #7b87ff !important;
  background-color: #7b87ff !important;
}

body[data-theme="theme-4"] .hover-effect-2lines {
  background-image: url(../img/main/hover-bg-theme-4.png);
}

body[data-theme="theme-4"] .block-type-7 .icon-wrapper svg path {
  stroke: rgb(123, 135, 255);
}

body[data-theme="theme-4"] .block-type-7 .icon-wrapper .center:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .block-type-7 .icon-wrapper .center:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] .block-type-8 .date {
  background-color: #7b87ff;
}

body[data-theme="theme-4"] .block-type-8 i {
  color: #7b87ff;
}

body[data-theme="theme-4"] .popup.active .popup-close,
body[data-theme="theme-4"] .popup.active-style-2 .popup-close {
  background-image: url("../img/close-button-theme-4.png");
}

body[data-theme="theme-4"] .big-button .top,
body[data-theme="theme-4"] .big-button .bottom {
  background: #7b87ff;
}

body[data-theme="theme-4"] .big-button .right,
body[data-theme="theme-4"] .big-button .left {
  background: #7b87ff;
}

body[data-theme="theme-4"] footer .contact address a:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] footer button[type="submit"] i {
  color: #7b87ff;
}

body[data-theme="theme-4"] .yellow {
  color: #7b87ff;
}

body[data-theme="theme-4"] footer input:focus {
  border: 1px solid #7b87ff !important;
}

body[data-theme="theme-4"] .left-decoration:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .left-decoration:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] .right-decoration:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .right-decoration:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] .swiper-arrow.yellow-border.left img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-4"] .swiper-arrow.yellow-border.right img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-4"] .swiper-arrow.yellow-border.activated span b:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .swiper-arrow.yellow-border.activated span b:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] .decoration-vertical:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] .circle-decoration svg path {
  stroke: rgb(123, 135, 255);
}

body[data-theme="theme-4"] .white .decoration-top .left {
  background: #7b87ff;
}

body[data-theme="theme-4"] .white .decoration-top .top {
  background: #7b87ff;
}

body[data-theme="theme-4"] .white .decoration-top .right {
  background: #7b87ff;
}

body[data-theme="theme-4"] .white .decoration-bottom .left {
  background: #7b87ff;
}

body[data-theme="theme-4"] .white .decoration-bottom .bottom {
  background: #7b87ff;
}

body[data-theme="theme-4"] .white .decoration-bottom .right {
  background: #7b87ff;
}

body[data-theme="theme-4"] .figure polygon,
body[data-theme="theme-4"] .figure path {
  stroke: rgb(123, 135, 255) !important;
}

body[data-theme="theme-4"] .block-type-11 .sorting-menu a:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] .block-type-11 .sorting-menu a .decor-right:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] .little-decor-bottom .left {
  background: #7b87ff;
}

body[data-theme="theme-4"] .little-decor-bottom .bottom-left {
  background: #7b87ff;
}

body[data-theme="theme-4"] .little-decor-bottom .right {
  background: #7b87ff;
}

body[data-theme="theme-4"] .little-decor-bottom .bottom-right {
  background: #7b87ff;
}

body[data-theme="theme-4"] .c-decoration .bottom {
  background: #7b87ff;
}

body[data-theme="theme-4"] .c-decoration .left {
  background: #7b87ff;
}

body[data-theme="theme-4"] .c-decoration .top {
  background: #7b87ff;
}

body[data-theme="theme-4"] .c-decoration .right-top:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .c-decoration .right-bottom:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .hover-effect-extra-bold:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] div.before-decoration:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .block-type-17.style-2 .logo-hover span {
  background: #7b87ff;
}

body[data-theme="theme-4"] header.two-lines .contact a:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .block-type-21 .follow {
  background: #7b87ff;
}

body[data-theme="theme-4"] .block-type-15 .skills-thumbs .line-in {
  background: #7b87ff;
}

body[data-theme="theme-4"] .swiper-arrow.left.rotated img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-4"] .swiper-arrow.right.rotated img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-4"] .block-type-11.style-6.style-11 .letter {
  color: #7b87ff;
}

body[data-theme="theme-4"] input:focus,
body[data-theme="theme-4"] textarea:focus {
  border-bottom: 1px solid #7b87ff !important;
}

body[data-theme="theme-4"] .block-type-3.style-2 .meny-icon a.active:before,
body[data-theme="theme-4"] .block-type-3 .meny-icon a.active:after {
  background: #7b87ff;
}

body[data-theme="theme-4"] header.style-3.move.act .menu-icon .top,
body[data-theme="theme-4"] header.style-3.move.act .menu-icon .middle,
body[data-theme="theme-4"] header.style-3.move.act .menu-icon .bottom {
  background: #7b87ff;
}

body[data-theme="theme-4"] header.style-3.act .menu-icon .top,
body[data-theme="theme-4"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-4"] header.style-3.act .menu-icon .bottom {
  background: #7b87ff;
}

body[data-theme="theme-4"] .c-decoration .right-top:before,
body[data-theme="theme-4"] .c-decoration .right-bottom:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] header.style-4.act .mob-icon span {
  background: #7b87ff;
}

body[data-theme="theme-4"] header.style-3.act .mob-icon .top,
body[data-theme="theme-4"] header.style-3.act .mob-icon .middle,
body[data-theme="theme-4"] header.style-3.act .mob-icon .bottom {
  background: #7b87ff;
}

body[data-theme="theme-4"] header.style-2.act .mob-icon span {
  background: #7b87ff;
}

body[data-theme="theme-4"] input.active,
body[data-theme="theme-4"] form [type="text"].active {
  border-bottom: 1px solid #7b87ff;
}

body[data-theme="theme-4"] .block-type-4 .award .category:before {
  background: #7b87ff;
}

body[data-theme="theme-4"] .block-type-21 .decoration-vertical:after {
  background: rgba(0, 0, 0, 0.2);
}

@media (min-width: 1200px) {
  body[data-theme="theme-4"]
    .block-type-11
    .sorting-item:hover
    .hover-content.colored {
    background: rgba(123, 135, 255, 0.8);
  }
  body[data-theme="theme-4"] .block-type-24 .follow a:hover {
    background: #7b87ff;
    border: 1px solid #7b87ff;
  }
  body[data-theme="theme-4"] .block-type-3 .meny-icon a:hover:before,
  body[data-theme="theme-4"] .block-type-3 .meny-icon a:hover:after {
    background: #7b87ff;
  }
  body[data-theme="theme-4"] .block-type-4 .clip:hover .hover-content {
    background: rgba(123, 135, 255, 0.8);
  }
  body[data-theme="theme-4"] .block-type-7 .icon-wrapper:hover svg path {
    fill: #7b87ff;
  }
  body[data-theme="theme-4"] footer a:hover {
    color: #7b87ff;
  }
  body[data-theme="theme-4"] footer .follow a:hover {
    background: #7b87ff;
    border-color: #7b87ff;
  }
  body[data-theme="theme-4"] footer .trademark:hover:after {
    background: #7b87ff;
  }
  body[data-theme="theme-4"] .swiper-arrow.yellow-border:hover {
    background: #7b87ff;
  }
  body[data-theme="theme-4"]
    .block-type-2.style-2
    .filters-thumbs
    .filter-wrap
    span:hover {
    color: #7b87ff;
  }
  body[data-theme="theme-4"]
    .block-type-11.style-7
    .sorting-item:hover
    .content-left {
    color: #7b87ff;
  }
  body[data-theme="theme-4"] .block-type-13 .hover-content .follow a:hover {
    background: #7b87ff;
    border-color: #7b87ff;
  }
  body[data-theme="theme-4"] footer.style-4 .follow a:hover {
    background: none;
    color: #7b87ff;
    border-color: #7b87ff;
  }
  body[data-theme="theme-4"]
    .block-type-11.style-7
    .sorting-item:hover
    .hover-content {
    background: rgba(123, 135, 255, 0.8);
  }
  body[data-theme="theme-4"]
    .block-on-background
    .swiper-arrow.rotated:hover:before {
    background: #7b87ff;
  }
  body[data-theme="theme-4"] .block-type-12.style-2 article:hover > svg polygon,
  body[data-theme="theme-4"] .block-type-12.style-2 article:hover > svg path,
  body[data-theme="theme-4"]
    .block-type-12.style-2
    article:hover
    .icon-wrapper
    svg
    path {
    fill: #7b87ff !important;
  }
  body[data-theme="theme-4"] .block-type-22 .tel:hover,
  body[data-theme="theme-4"] .block-type-22 .email:hover {
    color: #7b87ff;
  }
}

@media (max-width: 991px) {
  body[data-theme="theme-4"] .circle-decoration {
    border: 1px solid #7b87ff;
  }
  body[data-theme="theme-4"] header .mob-icon.act span {
    background: #7b87ff;
  }
  body[data-theme="theme-4"] header li a:after,
  body[data-theme="theme-4"] header li a:before {
    background: #7b87ff !important;
  }
}

@media (max-width: 767px) {
  body[data-theme="theme-4"] .popup.active .swiper-arrow.left {
    left: 9px !important;
  }
  body[data-theme="theme-4"] .popup.active .swiper-arrow.right {
    right: 40px !important;
  }
}

body[data-theme="theme-5"] .title .bg {
  background: url(../img/main/title-bg-theme-5.png);
}

body[data-theme="theme-5"] header .menu-icon.act span,
body[data-theme="theme-5"] header.style-3.act .menu-icon .top,
body[data-theme="theme-5"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-5"] header.style-3.act .menu-icon .bottom {
  background: #9601ff;
}

body[data-theme="theme-5"] .hover-effect-bold:after {
  background: #9601ff;
}

body[data-theme="theme-5"] .hover-effect-thin:after {
  background: #9601ff;
}

body[data-theme="theme-5"] .button.colored {
  background: #9601ff !important;
}

body[data-theme="theme-5"] .animated-block.hover-animated span.top {
  background: #9601ff;
}

body[data-theme="theme-5"] .animated-block.hover-animated span.right {
  background: #9601ff;
}

body[data-theme="theme-5"] .animated-block.hover-animated span.bottom {
  background: #9601ff;
}

body[data-theme="theme-5"] .animated-block.hover-animated span.left {
  background: #9601ff;
}

body[data-theme="theme-5"] .line-decoration:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .block-type-3 .meny-icon a.active:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .swiper-arrow.colored img {
  opacity: 0;
}

body[data-theme="theme-5"] .swiper-arrow.colored .clip {
  opacity: 1;
  background: transparent;
}

body[data-theme="theme-5"] .swiper-arrow.colored.left .bg-nofixed {
  background: url("../img/main/colored-arrow-left-theme-5.png") no-repeat !important;
}

body[data-theme="theme-5"] .swiper-arrow.colored.right .bg-nofixed {
  background: url("../img/main/colored-arrow-right-theme-5.png") no-repeat !important;
}

body[data-theme="theme-5"] ul.decorated li:before {
  border: 1px solid #9601ff;
}

body[data-theme="theme-5"] .button:before,
body[data-theme="theme-5"] .button:after {
  background: #9601ff;
}

body[data-theme="theme-5"] .animated-block.scroll-animation span.top {
  background: #9601ff;
}

body[data-theme="theme-5"] .animated-block.scroll-animation span.right {
  background: #9601ff;
}

body[data-theme="theme-5"] .animated-block.scroll-animation span.bottom {
  background: #9601ff;
}

body[data-theme="theme-5"] .animated-block.scroll-animation span.left {
  background: #9601ff;
}

body[data-theme="theme-5"] .animated-block.scroll-animation .button span.top {
  background: #333;
}

body[data-theme="theme-5"] .animated-block.scroll-animation .button span.right {
  background: #333;
}

body[data-theme="theme-5"]
  .animated-block.scroll-animation
  .button
  span.bottom {
  background: #333;
}

body[data-theme="theme-5"] .animated-block.scroll-animation .button span.left {
  background: #333;
}

body[data-theme="theme-5"] .block-type-5 .project.right a:after {
  background: #9601ff;
}

body[data-theme="theme-5"] .block-type-5 .project.left a:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .pagination .swiper-active-switch {
  background-color: #9601ff;
}

body[data-theme="theme-5"] .swiper-active-switch:before
/*, body[data-theme="theme-5"] .swiper-visible-switch:before*/ {
  border-color: #9601ff !important;
  background-color: #9601ff !important;
}

body[data-theme="theme-5"] .hover-effect-2lines {
  background-image: url(../img/main/hover-bg-theme-5.png);
}

body[data-theme="theme-5"] .block-type-7 .icon-wrapper svg path {
  stroke: rgb(150, 1, 255);
}

body[data-theme="theme-5"] .block-type-7 .icon-wrapper .center:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .block-type-7 .icon-wrapper .center:after {
  background: #9601ff;
}

body[data-theme="theme-5"] .block-type-8 .date {
  background-color: #9601ff;
}

body[data-theme="theme-5"] .block-type-8 i {
  color: #9601ff;
}

body[data-theme="theme-5"] .popup.active .popup-close,
body[data-theme="theme-5"] .popup.active-style-2 .popup-close {
  background-image: url("../img/close-button-theme-5.png");
}

body[data-theme="theme-5"] .big-button .top,
body[data-theme="theme-5"] .big-button .bottom {
  background: #9601ff;
}

body[data-theme="theme-5"] .big-button .right,
body[data-theme="theme-5"] .big-button .left {
  background: #9601ff;
}

body[data-theme="theme-5"] footer .contact address a:before {
  background: #9601ff;
}

body[data-theme="theme-5"] footer button[type="submit"] i {
  color: #9601ff;
}

body[data-theme="theme-5"] .yellow {
  color: #9601ff;
}

body[data-theme="theme-5"] footer input:focus {
  border: 1px solid #9601ff !important;
}

body[data-theme="theme-5"] .left-decoration:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .left-decoration:after {
  background: #9601ff;
}

body[data-theme="theme-5"] .right-decoration:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .right-decoration:after {
  background: #9601ff;
}

body[data-theme="theme-5"] .swiper-arrow.yellow-border.left img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-5"] .swiper-arrow.yellow-border.right img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-5"] .swiper-arrow.yellow-border.activated span b:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .swiper-arrow.yellow-border.activated span b:after {
  background: #9601ff;
}

body[data-theme="theme-5"] .decoration-vertical:after {
  background: #9601ff;
}

body[data-theme="theme-5"] .circle-decoration svg path {
  stroke: rgb(150, 1, 255);
}

body[data-theme="theme-5"] .white .decoration-top .left {
  background: #9601ff;
}

body[data-theme="theme-5"] .white .decoration-top .top {
  background: #9601ff;
}

body[data-theme="theme-5"] .white .decoration-top .right {
  background: #9601ff;
}

body[data-theme="theme-5"] .white .decoration-bottom .left {
  background: #9601ff;
}

body[data-theme="theme-5"] .white .decoration-bottom .bottom {
  background: #9601ff;
}

body[data-theme="theme-5"] .white .decoration-bottom .right {
  background: #9601ff;
}

body[data-theme="theme-5"] .figure polygon,
body[data-theme="theme-5"] .figure path {
  stroke: rgb(150, 1, 255) !important;
}

body[data-theme="theme-5"] .block-type-11 .sorting-menu a:after {
  background: #9601ff;
}

body[data-theme="theme-5"] .block-type-11 .sorting-menu a .decor-right:after {
  background: #9601ff;
}

body[data-theme="theme-5"] .little-decor-bottom .left {
  background: #9601ff;
}

body[data-theme="theme-5"] .little-decor-bottom .bottom-left {
  background: #9601ff;
}

body[data-theme="theme-5"] .little-decor-bottom .right {
  background: #9601ff;
}

body[data-theme="theme-5"] .little-decor-bottom .bottom-right {
  background: #9601ff;
}

body[data-theme="theme-5"] .c-decoration .bottom {
  background: #9601ff;
}

body[data-theme="theme-5"] .c-decoration .left {
  background: #9601ff;
}

body[data-theme="theme-5"] .c-decoration .top {
  background: #9601ff;
}

body[data-theme="theme-5"] .c-decoration .right-top:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .c-decoration .right-bottom:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .hover-effect-extra-bold:after {
  background: #9601ff;
}

body[data-theme="theme-5"] div.before-decoration:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .block-type-17.style-2 .logo-hover span {
  background: #9601ff;
}

body[data-theme="theme-5"] header.two-lines .contact a:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .block-type-21 .follow {
  background: #9601ff;
}

body[data-theme="theme-5"] .block-type-15 .skills-thumbs .line-in {
  background: #9601ff;
}

body[data-theme="theme-5"] .swiper-arrow.left.rotated img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-5"] .swiper-arrow.right.rotated img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-5"] .block-type-11.style-6.style-11 .letter {
  color: #9601ff;
}

body[data-theme="theme-5"] input:focus,
body[data-theme="theme-5"] textarea:focus {
  border-bottom: 1px solid #9601ff !important;
}

body[data-theme="theme-5"] .block-type-3.style-2 .meny-icon a.active:before,
body[data-theme="theme-5"] .block-type-3 .meny-icon a.active:after {
  background: #9601ff;
}

body[data-theme="theme-5"] header.style-3.move.act .menu-icon .top,
body[data-theme="theme-5"] header.style-3.move.act .menu-icon .middle,
body[data-theme="theme-5"] header.style-3.move.act .menu-icon .bottom {
  background: #9601ff;
}

body[data-theme="theme-5"] header.style-3.act .menu-icon .top,
body[data-theme="theme-5"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-5"] header.style-3.act .menu-icon .bottom {
  background: #9601ff;
}

body[data-theme="theme-5"] .c-decoration .right-top:before,
body[data-theme="theme-5"] .c-decoration .right-bottom:before {
  background: #9601ff;
}

body[data-theme="theme-5"] header.style-4.act .mob-icon span {
  background: #9601ff;
}

body[data-theme="theme-5"] header.style-3.act .mob-icon .top,
body[data-theme="theme-5"] header.style-3.act .mob-icon .middle,
body[data-theme="theme-5"] header.style-3.act .mob-icon .bottom {
  background: #9601ff;
}

body[data-theme="theme-5"] header.style-2.act .mob-icon span {
  background: #9601ff;
}

body[data-theme="theme-5"] input.active,
body[data-theme="theme-5"] form [type="text"].active {
  border-bottom: 1px solid #9601ff;
}

body[data-theme="theme-5"] .block-type-4 .award .category:before {
  background: #9601ff;
}

body[data-theme="theme-5"] .block-type-21 .decoration-vertical:after {
  background: rgba(0, 0, 0, 0.2);
}

@media (min-width: 1200px) {
  body[data-theme="theme-5"]
    .block-type-11
    .sorting-item:hover
    .hover-content.colored {
    background: rgba(150, 1, 255, 0.8);
  }
  body[data-theme="theme-5"] .block-type-24 .follow a:hover {
    background: #9601ff;
    border: 1px solid #9601ff;
  }
  body[data-theme="theme-5"] .block-type-3 .meny-icon a:hover:before,
  body[data-theme="theme-5"] .block-type-3 .meny-icon a:hover:after {
    background: #9601ff;
  }
  body[data-theme="theme-5"] .block-type-4 .clip:hover .hover-content {
    background: rgba(150, 1, 255, 0.8);
  }
  body[data-theme="theme-5"] .block-type-7 .icon-wrapper:hover svg path {
    fill: #9601ff;
  }
  body[data-theme="theme-5"] footer a:hover {
    color: #9601ff;
  }
  body[data-theme="theme-5"] footer .follow a:hover {
    background: #9601ff;
    border-color: #9601ff;
  }
  body[data-theme="theme-5"] footer .trademark:hover:after {
    background: #9601ff;
  }
  body[data-theme="theme-5"] .swiper-arrow.yellow-border:hover {
    background: #9601ff;
  }
  body[data-theme="theme-5"]
    .block-type-2.style-2
    .filters-thumbs
    .filter-wrap
    span:hover {
    color: #9601ff;
  }
  body[data-theme="theme-5"]
    .block-type-11.style-7
    .sorting-item:hover
    .content-left {
    color: #9601ff;
  }
  body[data-theme="theme-5"] .block-type-13 .hover-content .follow a:hover {
    background: #9601ff;
    border-color: #9601ff;
  }
  body[data-theme="theme-5"] footer.style-4 .follow a:hover {
    background: none;
    color: #9601ff;
    border-color: #9601ff;
  }
  body[data-theme="theme-5"]
    .block-type-11.style-7
    .sorting-item:hover
    .hover-content {
    background: rgba(150, 1, 255, 0.8);
  }
  body[data-theme="theme-5"]
    .block-on-background
    .swiper-arrow.rotated:hover:before {
    background: #9601ff;
  }
  body[data-theme="theme-5"] .block-type-12.style-2 article:hover > svg polygon,
  body[data-theme="theme-5"] .block-type-12.style-2 article:hover > svg path,
  body[data-theme="theme-5"]
    .block-type-12.style-2
    article:hover
    .icon-wrapper
    svg
    path {
    fill: #9601ff !important;
  }
  body[data-theme="theme-5"] .block-type-22 .tel:hover,
  body[data-theme="theme-5"] .block-type-22 .email:hover {
    color: #9601ff;
  }
}

@media (max-width: 991px) {
  body[data-theme="theme-5"] .circle-decoration {
    border: 1px solid #9601ff;
  }
  body[data-theme="theme-5"] header .mob-icon.act span {
    background: #9601ff;
  }
  body[data-theme="theme-5"] header li a:after,
  body[data-theme="theme-5"] header li a:before {
    background: #9601ff !important;
  }
}

@media (max-width: 767px) {
  body[data-theme="theme-5"] .popup.active .swiper-arrow.left {
    left: 9px !important;
  }
  body[data-theme="theme-5"] .popup.active .swiper-arrow.right {
    right: 40px !important;
  }
}

body[data-theme="theme-6"] .title .bg {
  background: url(../img/main/title-bg-theme-6.png);
}

body[data-theme="theme-6"] header .menu-icon.act span,
body[data-theme="theme-6"] header.style-3.act .menu-icon .top,
body[data-theme="theme-6"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-6"] header.style-3.act .menu-icon .bottom {
  background: #ff077c;
}

body[data-theme="theme-6"] .hover-effect-bold:after {
  background: #ff077c;
}

body[data-theme="theme-6"] .hover-effect-thin:after {
  background: #ff077c;
}

body[data-theme="theme-6"] .button.colored {
  background: #ff077c !important;
}

body[data-theme="theme-6"] .animated-block.hover-animated span.top {
  background: #ff077c;
}

body[data-theme="theme-6"] .animated-block.hover-animated span.right {
  background: #ff077c;
}

body[data-theme="theme-6"] .animated-block.hover-animated span.bottom {
  background: #ff077c;
}

body[data-theme="theme-6"] .animated-block.hover-animated span.left {
  background: #ff077c;
}

body[data-theme="theme-6"] .line-decoration:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .block-type-3 .meny-icon a.active:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .swiper-arrow.colored img {
  opacity: 0;
}

body[data-theme="theme-6"] .swiper-arrow.colored .clip {
  opacity: 1;
  background: transparent;
}

body[data-theme="theme-6"] .swiper-arrow.colored.left .bg-nofixed {
  background: url("../img/main/colored-arrow-left-theme-6.png") no-repeat !important;
}

body[data-theme="theme-6"] .swiper-arrow.colored.right .bg-nofixed {
  background: url("../img/main/colored-arrow-right-theme-6.png") no-repeat !important;
}

body[data-theme="theme-6"] ul.decorated li:before {
  border: 1px solid #ff077c;
}

body[data-theme="theme-6"] .button:before,
body[data-theme="theme-6"] .button:after {
  background: #ff077c;
}

body[data-theme="theme-6"] .animated-block.scroll-animation span.top {
  background: #ff077c;
}

body[data-theme="theme-6"] .animated-block.scroll-animation span.right {
  background: #ff077c;
}

body[data-theme="theme-6"] .animated-block.scroll-animation span.bottom {
  background: #ff077c;
}

body[data-theme="theme-6"] .animated-block.scroll-animation span.left {
  background: #ff077c;
}

body[data-theme="theme-6"] .animated-block.scroll-animation .button span.top {
  background: #333;
}

body[data-theme="theme-6"] .animated-block.scroll-animation .button span.right {
  background: #333;
}

body[data-theme="theme-6"]
  .animated-block.scroll-animation
  .button
  span.bottom {
  background: #333;
}

body[data-theme="theme-6"] .animated-block.scroll-animation .button span.left {
  background: #333;
}

body[data-theme="theme-6"] .block-type-5 .project.right a:after {
  background: #ff077c;
}

body[data-theme="theme-6"] .block-type-5 .project.left a:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .pagination .swiper-active-switch {
  background-color: #ff077c;
}

body[data-theme="theme-6"] .swiper-active-switch:before
/*, body[data-theme="theme-6"] .swiper-visible-switch:before*/ {
  border-color: #ff077c !important;
  background-color: #ff077c !important;
}

body[data-theme="theme-6"] .hover-effect-2lines {
  background-image: url(../img/main/hover-bg-theme-6.png);
}

body[data-theme="theme-6"] .block-type-7 .icon-wrapper svg path {
  stroke: rgb(255, 7, 124);
}

body[data-theme="theme-6"] .block-type-7 .icon-wrapper .center:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .block-type-7 .icon-wrapper .center:after {
  background: #ff077c;
}

body[data-theme="theme-6"] .block-type-8 .date {
  background-color: #ff077c;
}

body[data-theme="theme-6"] .block-type-8 i {
  color: #ff077c;
}

body[data-theme="theme-6"] .popup.active .popup-close,
body[data-theme="theme-6"] .popup.active-style-2 .popup-close {
  background-image: url("../img/close-button-theme-6.png");
}

body[data-theme="theme-6"] .big-button .top,
body[data-theme="theme-6"] .big-button .bottom {
  background: #ff077c;
}

body[data-theme="theme-6"] .big-button .right,
body[data-theme="theme-6"] .big-button .left {
  background: #ff077c;
}

body[data-theme="theme-6"] footer .contact address a:before {
  background: #ff077c;
}

body[data-theme="theme-6"] footer button[type="submit"] i {
  color: #ff077c;
}

body[data-theme="theme-6"] .yellow {
  color: #ff077c;
}

body[data-theme="theme-6"] footer input:focus {
  border: 1px solid #ff077c !important;
}

body[data-theme="theme-6"] .left-decoration:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .left-decoration:after {
  background: #ff077c;
}

body[data-theme="theme-6"] .right-decoration:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .right-decoration:after {
  background: #ff077c;
}

body[data-theme="theme-6"] .swiper-arrow.yellow-border.left img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-6"] .swiper-arrow.yellow-border.right img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-6"] .swiper-arrow.yellow-border.activated span b:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .swiper-arrow.yellow-border.activated span b:after {
  background: #ff077c;
}

body[data-theme="theme-6"] .decoration-vertical:after {
  background: #ff077c;
}

body[data-theme="theme-6"] .circle-decoration svg path {
  stroke: rgb(255, 7, 124);
}

body[data-theme="theme-6"] .white .decoration-top .left {
  background: #ff077c;
}

body[data-theme="theme-6"] .white .decoration-top .top {
  background: #ff077c;
}

body[data-theme="theme-6"] .white .decoration-top .right {
  background: #ff077c;
}

body[data-theme="theme-6"] .white .decoration-bottom .left {
  background: #ff077c;
}

body[data-theme="theme-6"] .white .decoration-bottom .bottom {
  background: #ff077c;
}

body[data-theme="theme-6"] .white .decoration-bottom .right {
  background: #ff077c;
}

body[data-theme="theme-6"] .block-type-10.style-2 .figure polygon {
  stroke: rgb(255, 7, 124) !important;
}

body[data-theme="theme-6"] .figure polygon,
body[data-theme="theme-6"] .figure path {
  stroke: rgb(255, 7, 124) !important;
}

body[data-theme="theme-6"] .block-type-11 .sorting-menu a:after {
  background: #ff077c;
}

body[data-theme="theme-6"] .block-type-11 .sorting-menu a .decor-right:after {
  background: #ff077c;
}

body[data-theme="theme-6"] .little-decor-bottom .left {
  background: #ff077c;
}

body[data-theme="theme-6"] .little-decor-bottom .bottom-left {
  background: #ff077c;
}

body[data-theme="theme-6"] .little-decor-bottom .right {
  background: #ff077c;
}

body[data-theme="theme-6"] .little-decor-bottom .bottom-right {
  background: #ff077c;
}

body[data-theme="theme-6"] .c-decoration .bottom {
  background: #ff077c;
}

body[data-theme="theme-6"] .c-decoration .left {
  background: #ff077c;
}

body[data-theme="theme-6"] .c-decoration .top {
  background: #ff077c;
}

body[data-theme="theme-6"] .c-decoration .right-top:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .c-decoration .right-bottom:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .hover-effect-extra-bold:after {
  background: #ff077c;
}

body[data-theme="theme-6"] div.before-decoration:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .block-type-17.style-2 .logo-hover span {
  background: #ff077c;
}

body[data-theme="theme-6"] header.two-lines .contact a:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .block-type-21 .follow {
  background: #ff077c;
}

body[data-theme="theme-6"] .block-type-15 .skills-thumbs .line-in {
  background: #ff077c;
}

body[data-theme="theme-6"] .swiper-arrow.left.rotated img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-6"] .swiper-arrow.right.rotated img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-6"] .block-type-11.style-6.style-11 .letter {
  color: #ff077c;
}

body[data-theme="theme-6"] input:focus,
body[data-theme="theme-6"] textarea:focus {
  border-bottom: 1px solid #ff077c !important;
}

body[data-theme="theme-6"] .block-type-3.style-2 .meny-icon a.active:before,
body[data-theme="theme-6"] .block-type-3 .meny-icon a.active:after {
  background: #ff077c;
}

body[data-theme="theme-6"] header.style-3.move.act .menu-icon .top,
body[data-theme="theme-6"] header.style-3.move.act .menu-icon .middle,
body[data-theme="theme-6"] header.style-3.move.act .menu-icon .bottom {
  background: #ff077c;
}

body[data-theme="theme-6"] header.style-3act .menu-icon .top,
body[data-theme="theme-6"] header.style-3act .menu-icon .middle,
body[data-theme="theme-6"] header.style-3act .menu-icon .bottom {
  background: #ff077c;
}

body[data-theme="theme-6"] .c-decoration .right-top:before,
body[data-theme="theme-6"] .c-decoration .right-bottom:before {
  background: #ff077c;
}

body[data-theme="theme-6"] header.style-4.act .mob-icon span {
  background: #ff077c;
}

body[data-theme="theme-6"] header.style-3.act .mob-icon .top,
body[data-theme="theme-6"] header.style-3.act .mob-icon .middle,
body[data-theme="theme-6"] header.style-3.act .mob-icon .bottom {
  background: #ff077c;
}

body[data-theme="theme-6"] header.style-2.act .mob-icon span {
  background: #ff077c;
}

body[data-theme="theme-6"] input.active,
body[data-theme="theme-6"] form [type="text"].active {
  border-bottom: 1px solid #ff077c;
}

body[data-theme="theme-6"] .block-type-4 .award .category:before {
  background: #ff077c;
}

body[data-theme="theme-6"] .block-type-21 .decoration-vertical:after {
  background: rgba(0, 0, 0, 0.2);
}

@media (min-width: 1200px) {
  body[data-theme="theme-6"]
    .block-type-11
    .sorting-item:hover
    .hover-content.colored {
    background: rgba(255, 7, 124, 0.8);
  }
  body[data-theme="theme-6"] .block-type-24 .follow a:hover {
    background: #ff077c;
    border: 1px solid #ff077c;
  }
  body[data-theme="theme-6"] .block-type-3 .meny-icon a:hover:before,
  body[data-theme="theme-6"] .block-type-3 .meny-icon a:hover:after {
    background: #ff077c;
  }
  body[data-theme="theme-6"] .block-type-4 .clip:hover .hover-content {
    background: rgba(255, 7, 124, 0.8);
  }
  body[data-theme="theme-6"] .block-type-7 .icon-wrapper:hover svg path {
    fill: #ff077c;
  }
  body[data-theme="theme-6"] footer a:hover {
    color: #ff077c;
  }
  body[data-theme="theme-6"] footer .follow a:hover {
    background: #ff077c;
    border-color: #ff077c;
  }
  body[data-theme="theme-6"] footer .trademark:hover:after {
    background: #ff077c;
  }
  body[data-theme="theme-6"] .swiper-arrow.yellow-border:hover {
    background: #ff077c;
  }
  body[data-theme="theme-6"]
    .block-type-2.style-2
    .filters-thumbs
    .filter-wrap
    span:hover {
    color: #ff077c;
  }
  body[data-theme="theme-6"]
    .block-type-11.style-7
    .sorting-item:hover
    .content-left {
    color: #ff077c;
  }
  body[data-theme="theme-6"] .block-type-13 .hover-content .follow a:hover {
    background: #ff077c;
    border-color: #ff077c;
  }
  body[data-theme="theme-6"] footer.style-4 .follow a:hover {
    background: none;
    color: #ff077c;
    border-color: #ff077c;
  }
  body[data-theme="theme-6"]
    .block-type-11.style-7
    .sorting-item:hover
    .hover-content {
    background: rgba(255, 7, 124, 0.8);
  }
  body[data-theme="theme-6"]
    .block-on-background
    .swiper-arrow.rotated:hover:before {
    background: #ff077c;
  }
  body[data-theme="theme-6"] .block-type-12.style-2 article:hover > svg polygon,
  body[data-theme="theme-6"] .block-type-12.style-2 article:hover > svg path,
  body[data-theme="theme-6"]
    .block-type-12.style-2
    article:hover
    .icon-wrapper
    svg
    path {
    fill: #ff077c !important;
  }
  body[data-theme="theme-6"] .block-type-22 .tel:hover,
  body[data-theme="theme-6"] .block-type-22 .email:hover {
    color: #ff077c;
  }
}

@media (max-width: 991px) {
  body[data-theme="theme-6"] .circle-decoration {
    border: 1px solid #ff077c;
  }
  body[data-theme="theme-6"] header .mob-icon.act span {
    background: #ff077c;
  }
  body[data-theme="theme-6"] header li a:after,
  body[data-theme="theme-6"] header li a:before {
    background: #ff077c !important;
  }
}

@media (max-width: 767px) {
  body[data-theme="theme-6"] .popup.active .swiper-arrow.left {
    left: 9px !important;
  }
  body[data-theme="theme-6"] .popup.active .swiper-arrow.right {
    right: 40px !important;
  }
}

body[data-theme="theme-7"] .title .bg {
  background: url(../img/main/title-bg-theme-7.png);
}

body[data-theme="theme-7"] header .menu-icon.act span,
body[data-theme="theme-7"] header.style-3.act .menu-icon .top,
body[data-theme="theme-7"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-7"] header.style-3.act .menu-icon .bottom {
  background: #d2a97e;
}

body[data-theme="theme-7"] .hover-effect-bold:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] .hover-effect-thin:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] .button.colored {
  background: #d2a97e !important;
}

body[data-theme="theme-7"] .animated-block.hover-animated span.top {
  background: #d2a97e;
}

body[data-theme="theme-7"] .animated-block.hover-animated span.right {
  background: #d2a97e;
}

body[data-theme="theme-7"] .animated-block.hover-animated span.bottom {
  background: #d2a97e;
}

body[data-theme="theme-7"] .animated-block.hover-animated span.left {
  background: #d2a97e;
}

body[data-theme="theme-7"] .line-decoration:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .block-type-3 .meny-icon a.active:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .swiper-arrow.colored img {
  opacity: 0;
}

body[data-theme="theme-7"] .swiper-arrow.colored .clip {
  opacity: 1;
  background: transparent;
}

body[data-theme="theme-7"] .swiper-arrow.colored.left .bg-nofixed {
  background: url("../img/main/colored-arrow-left-theme-7.png") no-repeat !important;
}

body[data-theme="theme-7"] .swiper-arrow.colored.right .bg-nofixed {
  background: url("../img/main/colored-arrow-right-theme-7.png") no-repeat !important;
}

body[data-theme="theme-7"] ul.decorated li:before {
  border: 1px solid #d2a97e;
}

body[data-theme="theme-7"] .button:before,
body[data-theme="theme-7"] .button:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] .animated-block.scroll-animation span.top {
  background: #d2a97e;
}

body[data-theme="theme-7"] .animated-block.scroll-animation span.right {
  background: #d2a97e;
}

body[data-theme="theme-7"] .animated-block.scroll-animation span.bottom {
  background: #d2a97e;
}

body[data-theme="theme-7"] .animated-block.scroll-animation span.left {
  background: #d2a97e;
}

body[data-theme="theme-7"] .animated-block.scroll-animation .button span.top {
  background: #333;
}

body[data-theme="theme-7"] .animated-block.scroll-animation .button span.right {
  background: #333;
}

body[data-theme="theme-7"]
  .animated-block.scroll-animation
  .button
  span.bottom {
  background: #333;
}

body[data-theme="theme-7"] .animated-block.scroll-animation .button span.left {
  background: #333;
}

body[data-theme="theme-7"] .block-type-5 .project.right a:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] .block-type-5 .project.left a:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .pagination .swiper-active-switch {
  background-color: #d2a97e;
}

body[data-theme="theme-7"] .swiper-active-switch:before
/*, body[data-theme="theme-7"] .swiper-visible-switch:before*/ {
  border-color: #d2a97e !important;
  background-color: #d2a97e !important;
}

body[data-theme="theme-7"] .hover-effect-2lines {
  background-image: url(../img/main/hover-bg-theme-7.png);
}

body[data-theme="theme-7"] .block-type-7 .icon-wrapper svg path {
  stroke: rgb(210, 169, 126);
}

body[data-theme="theme-7"] .block-type-7 .icon-wrapper .center:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .block-type-7 .icon-wrapper .center:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] .block-type-8 .date {
  background-color: #d2a97e;
}

body[data-theme="theme-7"] .block-type-8 i {
  color: #d2a97e;
}

body[data-theme="theme-7"] .popup.active .popup-close,
body[data-theme="theme-7"] .popup.active-style-2 .popup-close {
  background-image: url("../img/close-button-theme-7.png");
}

body[data-theme="theme-7"] .big-button .top,
body[data-theme="theme-7"] .big-button .bottom {
  background: #d2a97e;
}

body[data-theme="theme-7"] .big-button .right,
body[data-theme="theme-7"] .big-button .left {
  background: #d2a97e;
}

body[data-theme="theme-7"] footer .contact address a:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] footer button[type="submit"] i {
  color: #d2a97e;
}

body[data-theme="theme-7"] .yellow {
  color: #d2a97e;
}

body[data-theme="theme-7"] footer input:focus {
  border: 1px solid #d2a97e !important;
}

body[data-theme="theme-7"] .left-decoration:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .left-decoration:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] .right-decoration:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .right-decoration:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] .swiper-arrow.yellow-border.left img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-7"] .swiper-arrow.yellow-border.right img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-7"] .swiper-arrow.yellow-border.activated span b:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .swiper-arrow.yellow-border.activated span b:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] .decoration-vertical:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] .circle-decoration svg path {
  stroke: rgb(210, 169, 126);
}

body[data-theme="theme-7"] .white .decoration-top .left {
  background: #d2a97e;
}

body[data-theme="theme-7"] .white .decoration-top .top {
  background: #d2a97e;
}

body[data-theme="theme-7"] .white .decoration-top .right {
  background: #d2a97e;
}

body[data-theme="theme-7"] .white .decoration-bottom .left {
  background: #d2a97e;
}

body[data-theme="theme-7"] .white .decoration-bottom .bottom {
  background: #d2a97e;
}

body[data-theme="theme-7"] .white .decoration-bottom .right {
  background: #d2a97e;
}

body[data-theme="theme-7"] .figure polygon,
body[data-theme="theme-7"] .figure path {
  stroke: rgb(210, 169, 126) !important;
}

body[data-theme="theme-7"] .block-type-11 .sorting-menu a:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] .block-type-11 .sorting-menu a .decor-right:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] .little-decor-bottom .left {
  background: #d2a97e;
}

body[data-theme="theme-7"] .little-decor-bottom .bottom-left {
  background: #d2a97e;
}

body[data-theme="theme-7"] .little-decor-bottom .right {
  background: #d2a97e;
}

body[data-theme="theme-7"] .little-decor-bottom .bottom-right {
  background: #d2a97e;
}

body[data-theme="theme-7"] .c-decoration .bottom {
  background: #d2a97e;
}

body[data-theme="theme-7"] .c-decoration .left {
  background: #d2a97e;
}

body[data-theme="theme-7"] .c-decoration .top {
  background: #d2a97e;
}

body[data-theme="theme-7"] .c-decoration .right-top:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .c-decoration .right-bottom:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .hover-effect-extra-bold:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] div.before-decoration:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .block-type-17.style-2 .logo-hover span {
  background: #d2a97e;
}

body[data-theme="theme-7"] header.two-lines .contact a:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .block-type-21 .follow {
  background: #d2a97e;
}

body[data-theme="theme-7"] .block-type-15 .skills-thumbs .line-in {
  background: #d2a97e;
}

body[data-theme="theme-7"] .swiper-arrow.left.rotated img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-7"] .swiper-arrow.right.rotated img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-7"] .block-type-11.style-6.style-11 .letter {
  color: #d2a97e;
}

body[data-theme="theme-7"] input:focus,
body[data-theme="theme-7"] textarea:focus {
  border-bottom: 1px solid #d2a97e !important;
}

body[data-theme="theme-7"] .block-type-3.style-2 .meny-icon a.active:before,
body[data-theme="theme-7"] .block-type-3 .meny-icon a.active:after {
  background: #d2a97e;
}

body[data-theme="theme-7"] header.style-3.move.act .menu-icon .top,
body[data-theme="theme-7"] header.style-3.move.act .menu-icon .middle,
body[data-theme="theme-7"] header.style-3.move.act .menu-icon .bottom {
  background: #d2a97e;
}

body[data-theme="theme-7"] header.style-3.act .menu-icon .top,
body[data-theme="theme-7"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-7"] header.style-3.act .menu-icon .bottom {
  background: #d2a97e;
}

body[data-theme="theme-7"] .c-decoration .right-top:before,
body[data-theme="theme-7"] .c-decoration .right-bottom:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] header.style-4.act .mob-icon span {
  background: #d2a97e;
}

body[data-theme="theme-7"] header.style-3.act .mob-icon .top,
body[data-theme="theme-7"] header.style-3.act .mob-icon .middle,
body[data-theme="theme-7"] header.style-3.act .mob-icon .bottom {
  background: #d2a97e;
}

body[data-theme="theme-7"] header.style-2.act .mob-icon span {
  background: #d2a97e;
}

body[data-theme="theme-7"] input.active,
body[data-theme="theme-7"] form [type="text"].active {
  border-bottom: 1px solid #d2a97e;
}

body[data-theme="theme-7"] .block-type-4 .award .category:before {
  background: #d2a97e;
}

body[data-theme="theme-7"] .block-type-21 .decoration-vertical:after {
  background: rgba(0, 0, 0, 0.2);
}

@media (min-width: 1200px) {
  body[data-theme="theme-7"]
    .block-type-11
    .sorting-item:hover
    .hover-content.colored {
    background: rgba(210, 169, 126, 0.8);
  }
  body[data-theme="theme-7"] .block-type-24 .follow a:hover {
    background: #d2a97e;
    border: 1px solid #d2a97e;
  }
  body[data-theme="theme-7"] .block-type-3 .meny-icon a:hover:before,
  body[data-theme="theme-7"] .block-type-3 .meny-icon a:hover:after {
    background: #d2a97e;
  }
  body[data-theme="theme-7"] .block-type-4 .clip:hover .hover-content {
    background: rgba(210, 169, 126, 0.8);
  }
  body[data-theme="theme-7"] .block-type-7 .icon-wrapper:hover svg path {
    fill: #d2a97e;
  }
  body[data-theme="theme-7"] footer a:hover {
    color: #d2a97e;
  }
  body[data-theme="theme-7"] footer .follow a:hover {
    background: #d2a97e;
    border-color: #d2a97e;
  }
  body[data-theme="theme-7"] footer .trademark:hover:after {
    background: #d2a97e;
  }
  body[data-theme="theme-7"] .swiper-arrow.yellow-border:hover {
    background: #d2a97e;
  }
  body[data-theme="theme-7"]
    .block-type-2.style-2
    .filters-thumbs
    .filter-wrap
    span:hover {
    color: #d2a97e;
  }
  body[data-theme="theme-7"]
    .block-type-11.style-7
    .sorting-item:hover
    .content-left {
    color: #d2a97e;
  }
  body[data-theme="theme-7"] .block-type-13 .hover-content .follow a:hover {
    background: #d2a97e;
    border-color: #d2a97e;
  }
  body[data-theme="theme-7"] footer.style-4 .follow a:hover {
    background: none;
    color: #d2a97e;
    border-color: #d2a97e;
  }
  body[data-theme="theme-7"]
    .block-type-11.style-7
    .sorting-item:hover
    .hover-content {
    background: rgba(210, 169, 126, 0.8);
  }
  body[data-theme="theme-7"]
    .block-on-background
    .swiper-arrow.rotated:hover:before {
    background: #d2a97e;
  }
  body[data-theme="theme-7"] .block-type-12.style-2 article:hover > svg polygon,
  body[data-theme="theme-7"] .block-type-12.style-2 article:hover > svg path,
  body[data-theme="theme-7"]
    .block-type-12.style-2
    article:hover
    .icon-wrapper
    svg
    path {
    fill: #d2a97e !important;
  }
  body[data-theme="theme-7"] .block-type-22 .tel:hover,
  body[data-theme="theme-7"] .block-type-22 .email:hover {
    color: #d2a97e;
  }
}

@media (max-width: 991px) {
  body[data-theme="theme-7"] .circle-decoration {
    border: 1px solid #d2a97e;
  }
  body[data-theme="theme-7"] header .mob-icon.act span {
    background: #d2a97e;
  }
  body[data-theme="theme-7"] header li a:after,
  body[data-theme="theme-7"] header li a:before {
    background: #d2a97e !important;
  }
}

@media (max-width: 767px) {
  body[data-theme="theme-7"] .popup.active .swiper-arrow.left {
    left: 9px !important;
  }
  body[data-theme="theme-7"] .popup.active .swiper-arrow.right {
    right: 40px !important;
  }
}

body[data-theme="theme-8"] .title .bg {
  background: url(../img/main/title-bg-theme-8.png);
}

body[data-theme="theme-8"] header .menu-icon.act span,
body[data-theme="theme-8"] header.style-3.act .menu-icon .top,
body[data-theme="theme-8"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-8"] header.style-3.act .menu-icon .bottom {
  background: #01ffa2;
}

body[data-theme="theme-8"] .hover-effect-bold:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] .hover-effect-thin:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] .button.colored {
  background: #01ffa2 !important;
}

body[data-theme="theme-8"] .animated-block.hover-animated span.top {
  background: #01ffa2;
}

body[data-theme="theme-8"] .animated-block.hover-animated span.right {
  background: #01ffa2;
}

body[data-theme="theme-8"] .animated-block.hover-animated span.bottom {
  background: #01ffa2;
}

body[data-theme="theme-8"] .animated-block.hover-animated span.left {
  background: #01ffa2;
}

body[data-theme="theme-8"] .line-decoration:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .block-type-3 .meny-icon a.active:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .swiper-arrow.colored img {
  opacity: 0;
}

body[data-theme="theme-8"] .swiper-arrow.colored .clip {
  opacity: 1;
  background: transparent;
}

body[data-theme="theme-8"] .swiper-arrow.colored.left .bg-nofixed {
  background: url("../img/main/colored-arrow-left-theme-8.png") no-repeat !important;
}

body[data-theme="theme-8"] .swiper-arrow.colored.right .bg-nofixed {
  background: url("../img/main/colored-arrow-right-theme-8.png") no-repeat !important;
}

body[data-theme="theme-8"] ul.decorated li:before {
  border: 1px solid #01ffa2;
}

body[data-theme="theme-8"] .button:before,
body[data-theme="theme-8"] .button:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] .animated-block.scroll-animation span.top {
  background: #01ffa2;
}

body[data-theme="theme-8"] .animated-block.scroll-animation span.right {
  background: #01ffa2;
}

body[data-theme="theme-8"] .animated-block.scroll-animation span.bottom {
  background: #01ffa2;
}

body[data-theme="theme-8"] .animated-block.scroll-animation span.left {
  background: #01ffa2;
}

body[data-theme="theme-8"] .animated-block.scroll-animation .button span.top {
  background: #333;
}

body[data-theme="theme-8"] .animated-block.scroll-animation .button span.right {
  background: #333;
}

body[data-theme="theme-8"]
  .animated-block.scroll-animation
  .button
  span.bottom {
  background: #333;
}

body[data-theme="theme-8"] .animated-block.scroll-animation .button span.left {
  background: #333;
}

body[data-theme="theme-8"] .block-type-5 .project.right a:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] .block-type-5 .project.left a:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .pagination .swiper-active-switch {
  background-color: #01ffa2;
}

body[data-theme="theme-8"] .swiper-active-switch:before
/*, body[data-theme="theme-8"] .swiper-visible-switch:before*/ {
  border-color: #01ffa2 !important;
  background-color: #01ffa2 !important;
}

body[data-theme="theme-8"] .hover-effect-2lines {
  background-image: url(../img/main/hover-bg-theme-8.png);
}

body[data-theme="theme-8"] .block-type-7 .icon-wrapper svg path {
  stroke: rgb(1, 255, 162);
}

body[data-theme="theme-8"] .block-type-7 .icon-wrapper .center:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .block-type-7 .icon-wrapper .center:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] .block-type-8 .date {
  background-color: #01ffa2;
}

body[data-theme="theme-8"] .block-type-8 i {
  color: #01ffa2;
}

body[data-theme="theme-8"] .popup.active .popup-close,
body[data-theme="theme-8"] .popup.active-style-2 .popup-close {
  background-image: url("../img/close-button-theme-8.png");
}

body[data-theme="theme-8"] .big-button .top,
body[data-theme="theme-8"] .big-button .bottom {
  background: #01ffa2;
}

body[data-theme="theme-8"] .big-button .right,
body[data-theme="theme-8"] .big-button .left {
  background: #01ffa2;
}

body[data-theme="theme-8"] footer .contact address a:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] footer button[type="submit"] i {
  color: #01ffa2;
}

body[data-theme="theme-8"] .yellow {
  color: #01ffa2;
}

body[data-theme="theme-8"] footer input:focus {
  border: 1px solid #01ffa2 !important;
}

body[data-theme="theme-8"] .left-decoration:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .left-decoration:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] .right-decoration:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .right-decoration:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] .swiper-arrow.yellow-border.left img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-8"] .swiper-arrow.yellow-border.right img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-8"] .swiper-arrow.yellow-border.activated span b:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .swiper-arrow.yellow-border.activated span b:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] .decoration-vertical:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] .circle-decoration svg path {
  stroke: rgb(1, 255, 162);
}

body[data-theme="theme-8"] .white .decoration-top .left {
  background: #01ffa2;
}

body[data-theme="theme-8"] .white .decoration-top .top {
  background: #01ffa2;
}

body[data-theme="theme-8"] .white .decoration-top .right {
  background: #01ffa2;
}

body[data-theme="theme-8"] .white .decoration-bottom .left {
  background: #01ffa2;
}

body[data-theme="theme-8"] .white .decoration-bottom .bottom {
  background: #01ffa2;
}

body[data-theme="theme-8"] .white .decoration-bottom .right {
  background: #01ffa2;
}

body[data-theme="theme-8"] .block-type-10.style-2 .figure polygon {
  stroke: rgb(1, 255, 162) !important;
}

body[data-theme="theme-8"] .figure polygon,
body[data-theme="theme-8"] .figure path {
  stroke: rgb(1, 255, 162) !important;
}

body[data-theme="theme-8"] .block-type-11 .sorting-menu a:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] .block-type-11 .sorting-menu a .decor-right:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] .little-decor-bottom .left {
  background: #01ffa2;
}

body[data-theme="theme-8"] .little-decor-bottom .bottom-left {
  background: #01ffa2;
}

body[data-theme="theme-8"] .little-decor-bottom .right {
  background: #01ffa2;
}

body[data-theme="theme-8"] .little-decor-bottom .bottom-right {
  background: #01ffa2;
}

body[data-theme="theme-8"] .c-decoration .bottom {
  background: #01ffa2;
}

body[data-theme="theme-8"] .c-decoration .left {
  background: #01ffa2;
}

body[data-theme="theme-8"] .c-decoration .top {
  background: #01ffa2;
}

body[data-theme="theme-8"] .c-decoration .right-top:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .c-decoration .right-bottom:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .hover-effect-extra-bold:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] div.before-decoration:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .block-type-17.style-2 .logo-hover span {
  background: #01ffa2;
}

body[data-theme="theme-8"] header.two-lines .contact a:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .block-type-21 .follow {
  background: #01ffa2;
}

body[data-theme="theme-8"] .block-type-15 .skills-thumbs .line-in {
  background: #01ffa2;
}

body[data-theme="theme-8"] .swiper-arrow.left.rotated img {
  content: url("../img/main/black-arrow-left.png");
}

body[data-theme="theme-8"] .swiper-arrow.right.rotated img {
  content: url("../img/main/black-arrow-right.png");
}

body[data-theme="theme-8"] .block-type-11.style-6.style-11 .letter {
  color: #01ffa2;
}

body[data-theme="theme-8"] input:focus,
body[data-theme="theme-8"] textarea:focus {
  border-bottom: 1px solid #01ffa2 !important;
}

body[data-theme="theme-8"] .block-type-3.style-2 .meny-icon a.active:before,
body[data-theme="theme-8"] .block-type-3 .meny-icon a.active:after {
  background: #01ffa2;
}

body[data-theme="theme-8"] header.style-3.move.act .menu-icon .top,
body[data-theme="theme-8"] header.style-3.move.act .menu-icon .middle,
body[data-theme="theme-8"] header.style-3.move.act .menu-icon .bottom {
  background: #01ffa2;
}

body[data-theme="theme-8"] header.style-3.act .menu-icon .top,
body[data-theme="theme-8"] header.style-3.act .menu-icon .middle,
body[data-theme="theme-8"] header.style-3.act .menu-icon .bottom {
  background: #01ffa2;
}

body[data-theme="theme-8"] .c-decoration .right-top:before,
body[data-theme="theme-8"] .c-decoration .right-bottom:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] header.style-4.act .mob-icon span {
  background: #01ffa2;
}

body[data-theme="theme-8"] header.style-3.act .mob-icon .top,
body[data-theme="theme-8"] header.style-3.act .mob-icon .middle,
body[data-theme="theme-8"] header.style-3.act .mob-icon .bottom {
  background: #01ffa2;
}

body[data-theme="theme-8"] header.style-2.act .mob-icon span {
  background: #01ffa2;
}

body[data-theme="theme-8"] input.active,
body[data-theme="theme-8"] form [type="text"].active {
  border-bottom: 1px solid #01ffa2;
}

body[data-theme="theme-8"] .block-type-4 .award .category:before {
  background: #01ffa2;
}

body[data-theme="theme-8"] .block-type-21 .decoration-vertical:after {
  background: rgba(0, 0, 0, 0.2);
}

@media (min-width: 1200px) {
  body[data-theme="theme-8"]
    .block-type-11
    .sorting-item:hover
    .hover-content.colored {
    background: rgba(1, 255, 162, 0.8);
  }
  body[data-theme="theme-8"] .block-type-24 .follow a:hover {
    background: #01ffa2;
    border: 1px solid #01ffa2;
  }
  body[data-theme="theme-8"] .block-type-3 .meny-icon a:hover:before,
  body[data-theme="theme-8"] .block-type-3 .meny-icon a:hover:after {
    background: #01ffa2;
  }
  body[data-theme="theme-8"] .block-type-4 .clip:hover .hover-content {
    background: rgba(1, 255, 162, 0.8);
  }
  body[data-theme="theme-8"] .block-type-7 .icon-wrapper:hover svg path {
    fill: #01ffa2;
  }
  body[data-theme="theme-8"] footer a:hover {
    color: #01ffa2;
  }
  body[data-theme="theme-8"] footer .follow a:hover {
    background: #01ffa2;
    border-color: #01ffa2;
  }
  body[data-theme="theme-8"] footer .trademark:hover:after {
    background: #01ffa2;
  }
  body[data-theme="theme-8"] .swiper-arrow.yellow-border:hover {
    background: #01ffa2;
  }
  body[data-theme="theme-8"]
    .block-type-2.style-2
    .filters-thumbs
    .filter-wrap
    span:hover {
    color: #01ffa2;
  }
  body[data-theme="theme-8"]
    .block-type-11.style-7
    .sorting-item:hover
    .content-left {
    color: #01ffa2;
  }
  body[data-theme="theme-8"] .block-type-13 .hover-content .follow a:hover {
    background: #01ffa2;
    border-color: #01ffa2;
  }
  body[data-theme="theme-8"] footer.style-4 .follow a:hover {
    background: none;
    color: #01ffa2;
    border-color: #01ffa2;
  }
  body[data-theme="theme-8"]
    .block-type-11.style-7
    .sorting-item:hover
    .hover-content {
    background: rgba(1, 255, 162, 0.8);
  }
  body[data-theme="theme-8"]
    .block-on-background
    .swiper-arrow.rotated:hover:before {
    background: #01ffa2;
  }
  body[data-theme="theme-8"] .block-type-12.style-2 article:hover > svg polygon,
  body[data-theme="theme-8"] .block-type-12.style-2 article:hover > svg path,
  body[data-theme="theme-8"]
    .block-type-12.style-2
    article:hover
    .icon-wrapper
    svg
    path {
    fill: #01ffa2 !important;
  }
  body[data-theme="theme-8"] .block-type-22 .tel:hover,
  body[data-theme="theme-8"] .block-type-22 .email:hover {
    color: #01ffa2;
  }
}

@media (max-width: 991px) {
  body[data-theme="theme-8"] .circle-decoration {
    border: 1px solid #01ffa2;
  }
  body[data-theme="theme-8"] header .mob-icon.act span {
    background: #01ffa2;
  }
  body[data-theme="theme-8"] header li a:after,
  body[data-theme="theme-8"] header li a:before {
    background: #01ffa2 !important;
  }
}

@media (max-width: 767px) {
  body[data-theme="theme-8"] .popup.active .swiper-arrow.left {
    left: 9px !important;
  }
  body[data-theme="theme-8"] .popup.active .swiper-arrow.right {
    right: 40px !important;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 33 - THEME CONFIG */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 34 - INTERNET EXPLORER, SAFARI SETTINGS*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*ie*/

/*_:-ms-input-placeholder, :root body .bg, body .bg-nofixed{position: absolute !important;}*/

/*safari*/

body.safari .bg,
body.safari .bg-nofixed {
  position: absolute !important;
}

body.safari .block-type-9 video {
  top: 50% !important;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

@media all and (-ms-high-contrast: none) {
  .block-type-10 .block-type-7 .thumb .circle-decoration.big-circle {
    height: 506px;
  }
  /* IE10 */
  *::-ms-backdrop,
  .block-type-10 .block-type-7 .thumb .circle-decoration.big-circle {
    height: 506px;
  }
  /* IE11 */
  .block-type-20.style-2 .bg-nofixed {
    position: absolute !important;
  }
  *::-ms-backdrop,
  .block-type-20.style-2 .bg-nofixed {
    position: absolute !important;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 34 - INTERNET EXPLORER, SAFARI SETTINGS */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 35 - WELCOME PAGE */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.welcome-slide {
  min-height: 500px;
  min-height: 100vh;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.welcome-banner {
  background-image: url(../img/welcome/banner.jpg);
  background-attachment: fixed;
}

.welcome-banner:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.8);
}

.welcome-banner .container {
  position: relative;
  height: inherit;
  min-height: inherit;
}

.welcome-vertical-center {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 50%;
  margin-top: -50px;
  text-align: center;
}

.welcome-logo {
  margin-bottom: 50px;
}

.welcome-title {
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 50px !important;
}

.welcome-tabs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.welcome-tab-entry {
  height: 100px;
  padding: 0 20px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .welcome-tab-entry:hover {
    height: 150px;
  }
}

.welcome-tab-entry:nth-child(1) {
  background: #6ec5ee;
}

.welcome-tab-entry:nth-child(2) {
  background: #01f6ff;
}

.welcome-tab-entry:nth-child(3) {
  background: #ff077c;
}

.welcome-tab-entry:nth-child(4) {
  background: #01ffa2;
}

.welcome-tab-entry .cell-view {
  width: 1000px;
}

.welcome-slide .align-container {
  max-width: 500px;
  margin: 0 auto;
  padding-bottom: 90px;
}

.template-link-entry {
  display: block;
  position: relative;
}

.template-link-entry .background {
  display: block;
  width: 100%;
  height: auto;
}

.template-link-entry .preview {
  position: absolute;
  width: 92%;
  height: 64%;
  left: 4%;
  top: 4.5%;
  overflow: hidden;
}

.template-link-entry .preview img {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  -moz-transition: all 1000ms ease-out;
  -o-transition: all 1000ms ease-out;
  -webkit-transition: all 1000ms ease-out;
  transition: all 1000ms ease-out;
  -ms-transition: all 1000ms ease-out;
}

.template-link-entry .preview .button {
  position: absolute;
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) -webkit-translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.template-link-entry:hover .preview img {
  transform: translateY(-90%);
  -moz-transform: translateY(-90%);
  -webkit-transform: translateY(-90%);
  -ms-transform: translateY(-90%);
  -moz-transition: all 5000ms linear;
  -o-transition: all 5000ms linear;
  -webkit-transition: all 5000ms linear;
  transition: all 5000ms linear;
  -ms-transition: all 5000ms linear;
}

.template-link-entry:hover .preview:after,
.template-link-entry:hover .preview .button {
  opacity: 0;
}

.align-container .description {
  text-align: center;
  top: 100%;
  margin-top: 40px;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  color: #222;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 50px;
  display: inline-block;
}

.align-container .description:after {
  position: absolute;
  width: 100%;
  height: 5px;
  background: #6ec5ee;
  left: 0;
  bottom: 0;
  content: "";
}

.align-container .buttons-wrapper {
  text-align: center;
}

.welcome-subtitle {
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  color: #333;
  text-transform: uppercase;
  padding-top: 120px;
}

.welcome-subtitle-description {
  font-size: 18px;
  line-height: 24px;
  color: #555;
  text-align: center;
  margin-bottom: 70px;
}

.welcome-developed-by {
  background: #222;
  color: #fff;
  text-align: center;
  padding: 50px 20px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
}

.template-link-entry .description:after,
.template-link-entry .preview:after,
.template-link-entry .preview .button,
.welcome-tab-entry {
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
}

.label-new {
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  background: #d80d0d;
  position: absolute;
  left: -39px;
  top: 19px;
  width: 150px;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  letter-spacing: 1px;
}

@media (max-width: 991px) {
  .welcome-slide {
    height: auto;
    min-height: 700px;
  }
}

@media (max-width: 767px) {
  .welcome-vertical-center {
    margin-top: -115px;
  }
  .welcome-slide {
    min-height: 400px;
  }
  .welcome-title {
    font-size: 22px;
  }
  .welcome-tabs {
    position: relative;
  }
  .welcome-tab-entry {
    height: 70px;
  }
  .welcome-subtitle {
    padding-top: 50px;
  }
  .welcome-subtitle-description {
    margin-bottom: 40px;
  }
  .welcome-slide .align-container {
    padding-bottom: 50px;
  }
}

.min-width-demo-button {
  display: block;
  max-width: 200px;
  margin: 0 auto 15px auto;
}

.swiper-slide .table-view .container {
  width: auto !important;
  max-width: 1170px !important;
}