/* Table of content  
---------------------------------------------------
01. Body
02. Typogaphy
03. Header
04. Sections
05. Inner Pages
06. Footer
07. Utilities
08. Responsive
--------------------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Poppins:400,700,800|Roboto+Condensed:400,700");
#first-full, #first-mob {
  -webkit-animation: fadein 2s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s;
  /* Firefox < 16 */
  -ms-animation: fadein 2s;
  /* Internet Explorer */
  -o-animation: fadein 2s;
  /* Opera < 12.1 */
  animation: fadein 2s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* 01. Body 
--------------------------------------------------- */
/* Global */
/*html,
body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    min-height: 100%;
    overflow-x: hidden;
    background-color: #FFFFFF;
}*/
/* Body */
body {
  margin: 0;
  padding: 0;
  color: #747474; }

/* Links */
a,
a:hover {
  text-decoration: none;
  /*@include color($secClr, $mainClr);*/
  color: #101010; }
  a:hover,
  a:hover:hover {
    color: #3fa9f4; }

/* Headings */
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5 {
  color: #101010; }

.policy-container h1,
.policy-container .uk-h1 {
  font-size: 40px; }

.policy-container h2,
.policy-container .uk-h2 {
  font-size: 25px; }

.privacy-table {
  border: 1px solid #747474;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%; }
  .privacy-table th, .privacy-table td, .privacy-table tr {
    border: 1px solid #747474; }
  .privacy-table th, .privacy-table td {
    padding: 0.5em; }
  .privacy-table element.style {
    margin-bottom: 0; }
  .privacy-table ol, .privacy-table ul {
    padding-left: 30px;
    margin-bottom: 0; }

#toc_container {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #aaa;
  display: table;
  font-size: 95%;
  margin-bottom: 1em;
  padding: 20px;
  width: auto; }

.toc_title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 5px;
  color: #333; }

#toc_container li, #toc_container ol, #toc_container ol li {
  list-style: outside none none !important;
  /*list-style: auto;*/ }

#toc_container ol {
  counter-reset: item;
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*padding-left: 15px;*/ }

.toc_list li.active {
  color: #3fa9f4; }
  .toc_list li.active a {
    color: #3fa9f4 !important; }

.toc_list li:hover {
  color: #3fa9f4; }
  .toc_list li:hover a {
    color: #3fa9f4 !important; }

/* 02. Typography 
--------------------------------------------------- */
/* Free Alternative Google Fonts */
/* Body */
html {
  background-color: #15374D !important;
  overflow-x: hidden; }

body {
  font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
  font-size: 17px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -.01em;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  overflow-y: auto;
  background-color: #15374D !important; }

.body-wrapper {
  background-color: white; }

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  pointer-events: none; }

#pr__hero__new {
  background-color: #FFFFFF !important; }

/* Heading */
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6 {
  font-family: "Avant Grade", "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
  letter-spacing: -.04em; }

h1,
.uk-h1 {
  font-size: 48px; }

h2,
.uk-h2 {
  font-size: 36px; }

h3,
.uk-h3 {
  font-size: 30px; }

h4,
.uk-h4 {
  font-size: 24px; }

h5,
.uk-h5 {
  font-size: 20px; }

h6,
.uk-h6 {
  font-size: 16px;
  text-transform: uppercase; }

/* Hero Heading */
.uk-heading-hero {
  font-size: 50px; }

/* Text Styles */
.pr-font-main {
  font-family: 'Trade Gothic', 'Roboto Condensed', sans-serif; }

.pr-font-second {
  font-family: 'Avant Grade', 'Poppins', sans-serif; }

.pr-text-large {
  font-size: 24px; }

.pr-text-small {
  font-size: 14px; }

/* Blockquote */
blockquote > p {
  font-size: 24px;
  font-family: "Avant Grade", "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
  line-height: 32px;
  letter-spacing: -.02em;
  color: #101010; }
  blockquote > p:before {
    content: "\275D";
    font-weight: normal;
    margin-right: 5px; }
  blockquote > p:after {
    content: "\275E";
    font-weight: normal;
    margin-left: 5px; }

blockquote > footer {
  margin-top: 20px;
  font-style: normal; }
  blockquote > footer:before {
    display: none; }

/* Base */
strong,
b {
  font-weight: 800;
  color: #101010; }

strong {
  font-family: "Avant Grade", "Poppins", sans-serif; }

/* 03. Header
--------------------------------------------------- */
.uk-container-nav {
  /*max-width: 1560px;*/
  /*margin-right: auto;
    margin-left: auto;
    padding-right: 70px;
    padding-left: 70px;
    width: 100%;*/
  margin-right: 40px;
  margin-left: 40px; }

.carousel-inner {
  overflow: unset; }

.nav_anchor {
  padding: 2px;
  white-space: nowrap; }

/* Header */
.pr__header {
  display: block;
  /*position: relative;
    z-index: 1000;
    border-bottom: 1px solid lightgray;*/
  position: absolute;
  z-index: 1000;
  width: 100%; }
  .pr__header .inner {
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .pr__header .inner .logo {
      width: 171px; }
      .pr__header .inner .logo .brand {
        display: inline-block;
        width: 100%;
        height: 44px;
        /*background-image: url('/assets/images/VocalaLogo.svg');*/
        background-size: cover;
        background-repeat: no-repeat; }
    .pr__header .inner .navbar {
      display: none; }
      .pr__header .inner .navbar a {
        font-size: 16px; }
    .pr__header .inner .navbar-tigger {
      width: 35px;
      height: 19px;
      display: inline-flex;
      justify-content: center;
      flex-direction: column;
      cursor: pointer; }
      .pr__header .inner .navbar-tigger > span {
        display: block;
        width: 100%;
        height: 3px;
        /*background-color: #000;*/
        background-color: white; }
      .pr__header .inner .navbar-tigger > * + span {
        margin-top: 5px; }
  .pr__header.uk-active {
    /*background-color: $white;*/
    z-index: 10000;
    background-color: #15374D; }
    .pr__header.uk-active .inner {
      /*height: 90px;*/ }
  .pr__header.pr__dark .inner .logo .brand {
    background-position-y: -28px; }
  .pr__header.pr__dark .inner a,
  .pr__header.pr__dark .inner .lang {
    color: #FFFFFF !important; }
  .pr__header.pr__dark .inner .navbar-tigger > span {
    background-color: #FFFFFF; }
  .pr__header.pr__dark.uk-active {
    background-color: rgba(0, 0, 0, 0.9); }

/* Mobile Navbar */
.pr__mobile__nav {
  font-family: "Avant Grade", "Poppins", sans-serif;
  font-weight: 700; }
  .pr__mobile__nav .menu {
    padding: 60px 20px; }
    .pr__mobile__nav .menu > ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .pr__mobile__nav .menu > ul > * + li {
        margin-top: 2rem; }
      .pr__mobile__nav .menu > ul > li > a {
        font-size: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
        .pr__mobile__nav .menu > ul > li > a:hover {
          /*color: $mainClr;*/
          color: #3fa9f4; }
      .pr__mobile__nav .menu > ul > li.uk-active > a {
        color: #3fa9f4;
        /*color: $mainClr;*/ }

.pr__header.uk-active .inner {
  /*height: 140px;*/ }

.pr__header.uk-active {
  height: 90px !important;
  /*top: -30px !important;*/ }

@media only screen and (max-width: 959px) {
  .pr__header .inner {
    height: 90px !important; }
  .pr__header.uk-active .inner {
    /*height: 140px;*/ }
  .pr__header.uk-active {
    height: 90px !important;
    top: 0 !important; } }

.nav-layout {
  height: 90px;
  position: absolute; }

/*.nav-white:hover {
    background-color: white !important;
}*/
/*.background-head {
    background-image: url('assets/images/hero_03.jpg');
}*/
.carousel-inner, .carousel, .carousel-item, .container, .fill {
  height: 100%;
  min-height: 400px;
  width: 100%;
  background-position: center center;
  background-size: cover; }

.slide-wrapper {
  display: inline; }

.slide-wrapper .container {
  padding: 0; }

.carousel-indicators {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 3px;
  right: -105px;
  left: auto;
  width: auto;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: #374C59;
  z-index: 10000; }

.carousel-indicators li {
  display: block;
  margin-bottom: 5px;
  /*border: 1px solid #00a199;*/ }

.carousel-indicators li.active {
  margin-bottom: 5px;
  /*background: #00a199;*/ }

.carousel-indicators-background {
  background-color: #374C59; }

.carousel-indicators li {
  background-color: transparent !important; }

.carousel-control-next {
  right: 3% !important; }

.carousel-control-prev {
  left: 89% !important; }

.carousel-control-next, .carousel-control-prev {
  top: 75% !important;
  bottom: 35px !important; }

.carousel-height {
  height: 100% !important; }

@media only screen and (max-width: 812px) {
  .carousel-btns {
    display: none !important; } }

/* 04. Sections
--------------------------------------------------- */
/* Section: Global */
.carousel_image {
  width: 100%; }

.uk-width-override {
  width: 100% !important; }

.padding-mobile {
  padding-top: 0px; }

.padding_pr_section {
  padding-top: 0px;
  padding-bottom: 0px; }

.section-head-margin {
  margin-bottom: 40px; }

.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.bg-1 {
  /* The image used */
  background-image: url("../assets/images/running-air-pods.png");
  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.pr__section {
  position: relative; }
  .pr__section .section-heading {
    margin-bottom: 30px; }
    .pr__section .section-heading .inner {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start; }
      .pr__section .section-heading .inner .right {
        margin-top: 30px; }
      .pr__section .section-heading .inner .line {
        margin: 0;
        border-top-width: 3px; }
      .pr__section .section-heading .inner .title {
        margin: 20px 0px 0; }
      .pr__section .section-heading .inner .subtitle {
        margin: 0;
        line-height: 1; }
    .pr__section .section-heading.pr__center .inner {
      justify-content: center;
      text-align: center; }
      .pr__section .section-heading.pr__center .inner .line {
        display: inline-flex; }
  .pr__section.section-slider .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px; }
    .pr__section.section-slider .owl-dots.disabled {
      display: none;
      margin-top: 1.5rem !important; }
    .pr__section.section-slider .owl-dots > * {
      display: inline-block;
      width: 30px;
      height: auto;
      background-color: lightgray;
      border: 1px solid #E0E0E0;
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
      cursor: pointer; }
      .pr__section.section-slider .owl-dots > * + * {
        /*margin-left: 1rem;*/ }
      .pr__section.section-slider .owl-dots > *.active {
        background-color: #3fa9f4 !important;
        border-color: #3fa9f4 !important;
        transform: scale(1.2); }
  .pr__section.pr__dark {
    background-color: #101010;
    color: #ACACAC; }
    .pr__section.pr__dark.section-slider .owl-dots > * {
      border-color: rgba(255, 255, 255, 0.2); }
    .pr__section.pr__dark .section-heading .button,
    .pr__section.pr__dark .title {
      color: #FFFFFF !important; }
    .pr__section.pr__dark .item.service-box > .inner {
      background-color: #101010; }
    .pr__section.pr__dark .item.client-box > .outer > .inner .client {
      color: #FFFFFF; }
      .pr__section.pr__dark .item.client-box > .outer > .inner .client:before {
        border-color: rgba(255, 255, 255, 0.2); }

/* Section: Hero */
.vocala-logo {
  width: 80% !important;
  height: 100%; }

.header-first-image {
  position: relative; }

.header-second-image {
  position: relative; }

.carousel-height {
  height: 840px; }

.carousel-height-first {
  height: 840px; }

.carousel-height-second {
  height: 840px; }

.owl-dot-header {
  display: inline-block;
  width: 12px !important;
  height: 12px !important;
  background-color: transparent;
  padding: 0;
  border: 1px solid #E0E0E0;
  outline: 0;
  border-radius: 50%;
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
  cursor: pointer; }

.owl-dots-header > *.active {
  border-color: #0093c9 !important;
  transform: scale(1.2);
  transform: scale(1.2);
  background-image: -webkit-linear-gradient(left, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%); }

.uk-heading-hero-text {
  color: white !important; }

.uk-heading-hero-btn {
  color: white !important; }

.containerOp {
  max-width: 100%;
  /* Maximum width */
  margin: 0 auto;
  /* Center it */ }

.containerOp .contentOp-main {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 100%;
  /* Full width */
  padding: 0px 65px 0px 65px;
  margin: auto;
  display: flex;
  align-items: center; }

.containerOp .contentOp-main-sp {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 100%;
  /* Full width */
  padding: 0px 65px 0px 65px; }
  .containerOp .contentOp-main-sp .uk-container-main {
    padding: 0px 65px 0px 65px;
    z-index: 1000;
    align-items: center;
    max-width: 1500px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    margin-right: 70px;
    margin-left: 70px; }
    .containerOp .contentOp-main-sp .uk-container-main .section-inner {
      margin-top: 3rem !important; }

.uk-container-main {
  margin-right: 70px;
  margin-left: 70px; }

.next-project {
  position: absolute;
  bottom: 25px; }

.carousel_image_main {
  /*background-image: url('/assets/images/running-air-pods-1280.jpg');*/
  background-image: url("/assets/images/banners/lg-carousel-running.jpg");
  background-position: top; }

.carousel_image_main_smart {
  /*background-image: url('/assets/images/smart-watch-checkatrade.jpg');*/
  background-image: url("/assets/images/banners/lg-watch-2.jpg");
  background-position: center; }

.carousel_image_main_deal {
  /*background-image: url('/assets/images/deal-or-no-deal-main.jpg');*/
  background-image: url("/assets/images/banners/lg-deal-3.jpg");
  background-position: top; }

.carousel_image_main_care {
  background-image: url("/assets/images/smart-properties/Vocala_AlexaForCareBanner_1a_Blank.jpg");
  background-position: top; }

.carousel_image_main_happy {
  /*background-image: url('/assets/images/happy-place-banner-main.jpg');*/
  background-image: url("/assets/images/banners/lg-fearne-4.jpg");
  background-position: center; }

.carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
  background-color: #15374d;
  height: 939px;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
  color: transparent;
  -webkit-transform: translate3d(0, 0, 0); }

.carousel-inner .carousel-item {
  transition: all 0.5s ease !important; }

/*.owl-nav .disabled {
    display: none;
}*/
.uk-heading-hero-text-main {
  color: white !important;
  font-size: 40px; }

.carousel-indicators li {
  width: 58px; }

.slideNumber {
  font-weight: normal;
  z-index: 10000;
  margin-bottom: 0;
  font-size: 20px;
  letter-spacing: normal; }

.carousel-btns {
  /*margin-bottom: 42px !important;*/
  display: flex;
  vertical-align: middle;
  /*justify-content: end;*/ }

.gscw-close {
  left: 0;
  right: 0;
  top: 0; }

.btn-not-focus:focus, .carousel-btns:focus {
  outline: none !important;
  border: none !important;
  outline-width: 0 !important;
  box-shadow: none !important; }

.carousel-control-next {
  right: 0% !important; }

.carousel-control-prev {
  left: 93% !important; }

.main-text-carousel {
  text-shadow: 2px 2px 1px black; }

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  margin: 0 10px; }

#links-bread {
  padding-left: 40px;
  width: 100%; }

/*.happy-place-meditations {
    .card-services {
        display: none !important;
    }
}*/
.vr__section__margin__start {
  margin: 10px auto !important; }

div.gradient-line {
  display: block;
  border: solid 0px #CCC;
  border-bottom: none;
  position: relative;
  bottom: 10px; }

div.gradient-line:after {
  content: "";
  background: -webkit-linear-gradient(left, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%);
  display: block;
  height: 10px;
  width: 100%;
  position: absolute; }

.buttonGradient {
  border-image: -webkit-linear-gradient(top, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%);
  border-image-slice: 1;
  border-width: 2px; }

.btn-float {
  float: right; }

.footer-marg {
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0; }

.lets-marg {
  margin-bottom: 0; }

.vocala-header-background {
  background-color: #15374D !important; }

.pr__hero__wrap {
  position: relative;
  /*background-color: #fafafa;*/
  background-color: #15374D;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  z-index: 99; }
  .pr__hero__wrap.pr__dark {
    background-color: #000; }
    .pr__hero__wrap.pr__dark .title,
    .pr__hero__wrap.pr__dark .page-title,
    .pr__hero__wrap.pr__dark .button,
    .pr__hero__wrap.pr__dark .description,
    .pr__hero__wrap.pr__dark .uk-breadcrumb > :last-child > * {
      color: #FFFFFF !important; }
    .pr__hero__wrap.pr__dark .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
      color: #FFFFFF;
      opacity: .5; }
    .pr__hero__wrap.pr__dark .item.feature-box .inner {
      background-color: #1b1b1b; }

body.page-template .pr__hero__wrap {
  background-color: #101010;
  background-position: center;
  background-size: cover !important;
  background-position: center !important; }
  body.page-template .pr__hero__wrap:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0; }
  body.page-template .pr__hero__wrap > * {
    position: relative;
    z-index: 99; }
  body.page-template .pr__hero__wrap .pr__header .inner .logo .brand {
    background-position-y: -28px; }
  body.page-template .pr__hero__wrap .pr__header .inner a,
  body.page-template .pr__hero__wrap .pr__header .inner .lang {
    color: #FFFFFF !important; }
  body.page-template .pr__hero__wrap .pr__header .inner .navbar-tigger > span {
    background-color: #FFFFFF; }
  body.page-template .pr__hero__wrap .pr__header.uk-active {
    background-color: rgba(0, 0, 0, 0.9); }

body.single-post .hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center; }
  body.single-post .hero-content .category {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    opacity: .7; }

/* Section: Features Boxes */
.item.feature-box {
  position: relative; }
  .item.feature-box > .inner {
    position: relative;
    background-color: #FFFFFF;
    padding: 40px;
    box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.1); }
    .item.feature-box > .inner .icon {
      color: #3fa9f4; }
    .item.feature-box > .inner .title {
      font-size: 1.2rem;
      margin: 30px 0 5px 0; }
    .item.feature-box > .inner .line {
      margin-top: 0; }
    .item.feature-box > .inner .description {
      margin: 0; }
  .item.feature-box:hover > .inner, .item.feature-box.uk-active > .inner {
    background-color: #3fa9f4 !important;
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .item.feature-box:hover > .inner .icon,
    .item.feature-box:hover > .inner .title,
    .item.feature-box:hover > .inner .description, .item.feature-box.uk-active > .inner .icon,
    .item.feature-box.uk-active > .inner .title,
    .item.feature-box.uk-active > .inner .description {
      color: #FFFFFF; }
    .item.feature-box:hover > .inner .line, .item.feature-box.uk-active > .inner .line {
      border-color: #FFFFFF !important; }

/* Section: Services Boxes */
.card-services {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.backgroundServices {
  background-color: #202D33;
  min-height: 356px;
  height: auto; }

.services-text {
  font-size: 19px;
  min-height: 140px; }

.m-margin {
  margin-bottom: 11px !important; }

.item.service-box {
  position: relative;
  /* Default Style */
  /* Style 2 */ }
  .item.service-box.style-one > .inner {
    position: relative;
    background-color: #F3F3F3;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 40px 30px;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    overflow: hidden; }
    .item.service-box.style-one > .inner .overlay-icon {
      position: absolute;
      left: -25px;
      justify-content: flex-end;
      font-size: 60px;
      margin-top: 15px;
      display: flex !important;
      align-items: center;
      display: block;
      opacity: 0;
      transform: scale(0.7);
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .item.service-box.style-one > .inner .icon:not(.overlay-icon) {
      font-size: 24px;
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .item.service-box.style-one > .inner .title {
      line-height: 25px;
      margin: 0; }
  .item.service-box.style-one:hover > .inner, .item.service-box.style-one.uk-active > .inner {
    background-color: #3fa9f4 !important;
    padding-left: 70px; }
    .item.service-box.style-one:hover > .inner .overlay-icon, .item.service-box.style-one.uk-active > .inner .overlay-icon {
      opacity: .3;
      transform: scale(1); }
    .item.service-box.style-one:hover > .inner .icon:not(.overlay-icon), .item.service-box.style-one.uk-active > .inner .icon:not(.overlay-icon) {
      transform: translateX(10px); }
    .item.service-box.style-one:hover > .inner .overlay-icon,
    .item.service-box.style-one:hover > .inner .icon,
    .item.service-box.style-one:hover > .inner .title, .item.service-box.style-one.uk-active > .inner .overlay-icon,
    .item.service-box.style-one.uk-active > .inner .icon,
    .item.service-box.style-one.uk-active > .inner .title {
      color: #FFFFFF; }
  .item.service-box.style-two > .inner {
    position: relative;
    background-color: #F3F3F3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 60px 40px;
    min-height: 360px;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    overflow: hidden; }
    .item.service-box.style-two > .inner .overlay-icon {
      font-size: 58px;
      width: 58px;
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .item.service-box.style-two > .inner .content {
      display: block;
      transform: translateY(60px);
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
      .item.service-box.style-two > .inner .content .title {
        line-height: 35px;
        margin: 0; }
      .item.service-box.style-two > .inner .content .more {
        display: inline-block;
        font-size: 24px;
        opacity: 0;
        transform: translateY(20px);
        transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .item.service-box.style-two:hover > .inner, .item.service-box.style-two.uk-active > .inner {
    background-color: #3fa9f4 !important; }
    .item.service-box.style-two:hover > .inner .overlay-icon, .item.service-box.style-two.uk-active > .inner .overlay-icon {
      color: #FFFFFF;
      transform: translateY(-10px); }
    .item.service-box.style-two:hover > .inner .content, .item.service-box.style-two.uk-active > .inner .content {
      transform: translateY(30px); }
      .item.service-box.style-two:hover > .inner .content .more, .item.service-box.style-two.uk-active > .inner .content .more {
        transform: translateY(0);
        opacity: 1; }
      .item.service-box.style-two:hover > .inner .content .icon,
      .item.service-box.style-two:hover > .inner .content .title,
      .item.service-box.style-two:hover > .inner .content .description, .item.service-box.style-two.uk-active > .inner .content .icon,
      .item.service-box.style-two.uk-active > .inner .content .title,
      .item.service-box.style-two.uk-active > .inner .content .description {
        color: #FFFFFF; }
  .item.service-box.style-three > .inner {
    position: relative;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 100px 40px;
    min-height: 380px;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    overflow: hidden; }
    .item.service-box.style-three > .inner .overlay-icon {
      font-size: 58px;
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .item.service-box.style-three > .inner .content {
      display: block;
      transform: translateY(60px);
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
      .item.service-box.style-three > .inner .content .title {
        line-height: 20px;
        margin: 0; }
      .item.service-box.style-three > .inner .content .more {
        display: inline-block;
        font-size: 24px;
        opacity: 0;
        transform: translateY(20px);
        transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .item.service-box.style-three:nth-child(odd) > .inner {
    background-color: rgba(175, 175, 175, 0.1); }
  .item.service-box.style-three:hover > .inner, .item.service-box.style-three.uk-active > .inner {
    background-color: #3fa9f4 !important; }
    .item.service-box.style-three:hover > .inner .overlay-icon, .item.service-box.style-three.uk-active > .inner .overlay-icon {
      color: #FFFFFF;
      transform: translateY(-10px); }
    .item.service-box.style-three:hover > .inner .content, .item.service-box.style-three.uk-active > .inner .content {
      transform: translateY(30px); }
      .item.service-box.style-three:hover > .inner .content .more, .item.service-box.style-three.uk-active > .inner .content .more {
        transform: translateY(0);
        opacity: 1; }
      .item.service-box.style-three:hover > .inner .content .icon,
      .item.service-box.style-three:hover > .inner .content .title,
      .item.service-box.style-three:hover > .inner .content .description, .item.service-box.style-three.uk-active > .inner .content .icon,
      .item.service-box.style-three.uk-active > .inner .content .title,
      .item.service-box.style-three.uk-active > .inner .content .description {
        color: #FFFFFF; }

/* Section: Works Boxes */
.item.work-box > .outer {
  background-color: #101010;
  position: relative;
  overflow: hidden;
  transition: 100ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .item.work-box > .outer > .image {
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .item.work-box > .outer > .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 1;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .item.work-box > .outer > .inner .title {
      margin: 0;
      color: #fff;
      text-align: center;
      padding: 15px; }
    .item.work-box > .outer > .inner .category {
      margin: 0;
      color: rgba(255, 255, 255, 0.7); }
    .item.work-box > .outer > .inner > * {
      opacity: 0;
      transform: translateX(-20px);
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }

.item.work-box:hover > .outer {
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.2); }
  .item.work-box:hover > .outer > .image {
    transform: scale(1.2);
    filter: grayscale(0%);
    -webkit-transition: transform 1.05s;
    -moz-transition: transform 1.05s; }
  .item.work-box:hover > .outer > .inner {
    background-image: -moz-linear-gradient(90deg, rgba(29, 181, 132, 0.86) 0%, rgba(39, 177, 165, 0.86) 12%, rgba(50, 173, 202, 0.86) 47%, rgba(63, 169, 244, 0.86) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(29, 181, 132, 0.86) 0%, rgba(39, 177, 165, 0.86) 12%, rgba(50, 173, 202, 0.86) 47%, rgba(63, 169, 244, 0.86) 100%); }
    .item.work-box:hover > .outer > .inner > * {
      transform: translateX(0);
      opacity: 1; }

.works-filter-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
  .works-filter-list > * + li {
    margin-left: 1.4rem; }
  .works-filter-list > li > a {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative; }
    .works-filter-list > li > a:before {
      content: "";
      display: inline-block;
      height: 1px;
      width: 100%;
      border-bottom: 1px solid #3fa9f4;
      position: absolute;
      bottom: -2px;
      transform: scaleX(0);
      transform-origin: left;
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .works-filter-list > li.uk-active a {
    color: #3fa9f4; }
    .works-filter-list > li.uk-active a:before {
      transform: scaleX(1); }

.service-page-on {
  color: #3fa9f4 !important; }

.works-page-on {
  color: #3fa9f4 !important; }

.about-page-on {
  color: #3fa9f4 !important; }

.blog-page-on {
  color: #3fa9f4 !important; }

.contact-page-on {
  color: #3fa9f4 !important; }

/*.blog-listing {
    border: 1px solid lightgray;
}*/
/* Section: Gallery Boxes */
.item.gallery-box {
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .item.gallery-box > .outer {
    background-color: #101010;
    position: relative;
    overflow: hidden; }
    .item.gallery-box > .outer > .image {
      padding-top: 285px !important;
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .item.gallery-box > .outer > .inner {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      padding: 30px; }
      .item.gallery-box > .outer > .inner .title {
        margin: 0;
        color: #fff; }
      .item.gallery-box > .outer > .inner .description {
        margin: 0;
        color: rgba(255, 255, 255, 0.8); }
  .item.gallery-box.big > .outer > .image {
    padding-top: 600px !important; }
  * + .item.gallery-box.small {
    margin-top: 30px; }
  .item.gallery-box:hover .image {
    filter: grayscale(0%); }

/* Section: About Boxes */
.item.about-box > .outer > .inner .description {
  padding-right: 40px;
  margin: 0; }

.item.about-box.has-image > .outer .image {
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }

.item.about-box.has-image > .outer > .inner {
  padding: 30px 0; }
  .item.about-box.has-image > .outer > .inner .description {
    margin: 0; }

.item.about-box.has-image:hover .image {
  filter: grayscale(0%); }

.margin-top-about {
  margin-top: 30px; }

/* Section: Clients */
.item.client-box {
  position: relative; }
  .item.client-box.style-one > .outer > .inner .description {
    position: relative;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #747474; }
    .item.client-box.style-one > .outer > .inner .description:before {
      content: '\275D';
      font-size: 20rem;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1;
      opacity: .1; }
  .item.client-box.style-one > .outer > .inner .client {
    font-weight: 700;
    text-transform: uppercase;
    color: #101010;
    margin-top: 40px; }
    .item.client-box.style-one > .outer > .inner .client:before {
      content: "";
      height: 1px;
      width: 30px;
      border-top: 2px solid #F3F3F3;
      display: block;
      margin-bottom: 20px; }
  .item.client-box.style-two > .outer > .inner .description {
    position: relative;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #747474; }
  .item.client-box.style-two > .outer > .inner .client {
    font-weight: 700;
    text-transform: uppercase;
    color: #101010;
    margin-top: 40px; }
    .item.client-box.style-two > .outer > .inner .client:before {
      content: "";
      height: 1px;
      width: 30px;
      border-top: 2px solid #F3F3F3;
      display: block;
      margin-bottom: 20px; }

.center-align-items {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center !important; }

.works-text-all {
  color: white !important;
  font-size: 20px !important; }

.works-text-all:hover {
  color: white !important; }

.pr__vr__section__start {
  border: none !important; }

.pages-header {
  background-color: #15374D; }

.nav-header-contents {
  display: contents !important; }

.uk-button.uk-button-default:after {
  background: -webkit-linear-gradient(top, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%) !important;
  color: #fff !important; }

.pr__footer .pr__footer__top .pr__social > .inner a {
  border: none !important; }

.pr__footer .pr__footer__top .pr__social > .inner a:hover {
  transform: none !important;
  color: #0093c9; }

.circle:hover {
  transform: translateY(-5px); }

.circle {
  background-image: -webkit-linear-gradient(top, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%) !important;
  padding: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 50%;
  border-width: 1px;
  animation: animatedgradient 3s ease alternate infinite;
  padding: 1px; }

.circle > div {
  background: #1D1F20;
  height: 50px;
  width: 50px;
  border-style: solid;
  border-color: transparent;
  border-radius: 50%;
  border-width: 1px; }

.circle p {
  animation: none; }

@keyframes rot {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(90deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(270deg); }
  100% {
    transform: rotate(360deg); } }

.pr__section.section-slider .owl-dots > *.active {
  background-image: -webkit-linear-gradient(top, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%) !important;
  border-color: #0093c9 !important;
  transform: scale(1.2); }

.pr__image__cover_contain {
  background-color: #F3F3F3;
  background-repeat: no-repeat;
  padding-top: 66.6666667%;
  transition: filter .2s ease; }

.pr__header .inner .navbar .menu > ul > li:hover a:after, .pr__header .inner .navbar .menu > ul > li.uk-active a:after {
  width: 25px !important; }

.pr__header .inner .navbar .menu > ul > li a:after {
  left: 2px !important;
  bottom: -8px !important;
  transition: 100ms cubic-bezier(0.17, 0.67, 0, 1.01) !important; }

.pr__header .inner .navbar .menu > ul > li:hover a:after, .pr__header .inner .navbar .menu > ul > li.uk-active a:after {
  width: 20px;
  content: "";
  z-index: 100;
  border: 0;
  border-radius: 16px;
  top: 23px;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: -webkit-linear-gradient(left, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%); }

.heightFearneFull {
  height: 386px; }

.heightTriviaFull {
  height: 386px; }

.heightPuzzlerFull {
  max-height: 386px; }

#container-social {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.facebook-padding {
  padding: 13px;
  line-height: 16px; }

.circle-link {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  text-align: center;
  color: #667;
  transition: all 0.3s;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased; }
  .circle-link:hover svg path {
    stroke-dashoffset: 0; }
  .circle-link:active i {
    transform: scale(1.1) translateZ(0); }
  .circle-link i {
    transition: transform 0.3s;
    font-size: 22px;
    z-index: 1000; }
  .circle-link svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
    .circle-link svg path {
      stroke: #667;
      stroke-width: 4;
      fill: none;
      transition: all 0.3s;
      stroke-dashoffset: 205;
      stroke-dasharray: 205; }
  .circle-link.twitter:hover svg path {
    stroke: #1DA1F2; }
  .circle-link.twitter:hover i {
    color: #1DA1F2; }
  .circle-link.linkedin:hover svg path {
    stroke: #0e76a8; }
  .circle-link.linkedin:hover i {
    color: #0e76a8; }
  .circle-link.facebook:hover svg path {
    stroke: #4267B2; }
  .circle-link.facebook:hover i {
    color: #4267B2; }
  .circle-link.medium:hover svg path {
    stroke: #00ab6b; }
  .circle-link.medium:hover i {
    color: #00ab6b; }
  .circle-link #pathShowInstagram {
    stroke: #8a3ab9;
    stroke-width: 4;
    fill: url(#gradientIns); }
  .circle-link.instagram:hover svg path {
    stroke: #8a3ab9; }
  .circle-link.instagram:hover i {
    color: #8a3ab9; }

.circle-icon-news {
  padding: 10px;
  font-size: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  margin: 5px 5px;
  border-radius: 50%;
  background: #202D33;
  color: white; }

.medium:hover {
  color: #00ab6b !important; }

.facebook:hover {
  color: #4267B2 !important; }

.linkedin:hover {
  color: #0e76a8 !important; }

.instagram:hover {
  color: #8a3ab9 !important; }

.twitter:hover {
  color: #1DA1F2 !important; }

.svgHover {
  opacity: 1;
  transition: 1s; }

.svgHover:hover {
  opacity: 0;
  transition: 0.3s; }

/* 04. Blog
--------------------------------------------------- */
.blog-listing.style-one .post.type-post > .outer > .featured-image .image {
  padding-top: 100%; }

.blog-listing.style-one .post.type-post > .outer > .inner {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  padding: 30px;
  background: transparent;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(80%, rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  /*background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);*/
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .blog-listing.style-one .post.type-post > .outer > .inner .title a,
  .blog-listing.style-one .post.type-post > .outer > .inner .category,
  .blog-listing.style-one .post.type-post > .outer > .inner .more.icon {
    color: #FFFFFF; }
  .blog-listing.style-one .post.type-post > .outer > .inner .category {
    opacity: .7; }
  .blog-listing.style-one .post.type-post > .outer > .inner .more.icon {
    opacity: 0; }
  .blog-listing.style-one .post.type-post > .outer > .inner .link {
    padding-top: 100%; }
  .blog-listing.style-one .post.type-post > .outer > .inner > * {
    transform: translateY(40px);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }

.blog-listing.style-one .post.type-post > .outer > .inner-2 {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /*align-items: center;
                    text-align: center;*/
  padding: 30px;
  background: transparent;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(80%, rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  /*background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);*/
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .blog-listing.style-one .post.type-post > .outer > .inner-2 .title a,
  .blog-listing.style-one .post.type-post > .outer > .inner-2 .category,
  .blog-listing.style-one .post.type-post > .outer > .inner-2 .more.icon {
    color: #FFFFFF; }
  .blog-listing.style-one .post.type-post > .outer > .inner-2 .category {
    opacity: .7; }
  .blog-listing.style-one .post.type-post > .outer > .inner-2 .more.icon {
    opacity: 0; }
  .blog-listing.style-one .post.type-post > .outer > .inner-2 .link {
    padding-top: 100%; }
  .blog-listing.style-one .post.type-post > .outer > .inner-2 > * {
    /*transform: translateY(40px);*/
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }

.blog-listing.style-one .post.type-post:hover {
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.2); }
  .blog-listing.style-one .post.type-post:hover > .outer > .inner {
    background-image: -moz-linear-gradient(90deg, rgba(29, 181, 132, 0.86) 0%, rgba(39, 177, 165, 0.86) 12%, rgba(50, 173, 202, 0.86) 47%, rgba(63, 169, 244, 0.86) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(29, 181, 132, 0.86) 0%, rgba(39, 177, 165, 0.86) 12%, rgba(50, 173, 202, 0.86) 47%, rgba(63, 169, 244, 0.86) 100%);
    /*background-image: -ms-linear-gradient( 90deg, rgb(29, 181, 132) 0%, rgb(39, 177, 165) 12%, rgb(50, 173, 202) 47%, rgb(63, 169, 244) 100%);*/
    /*opacity: 0.86;*/ }
    .blog-listing.style-one .post.type-post:hover > .outer > .inner > * {
      transform: translateY(0);
      opacity: 1 !important; }
  .blog-listing.style-one .post.type-post:hover > .outer > .inner-2 {
    background-image: -moz-linear-gradient(90deg, rgba(29, 181, 132, 0.86) 0%, rgba(39, 177, 165, 0.86) 12%, rgba(50, 173, 202, 0.86) 47%, rgba(63, 169, 244, 0.86) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(29, 181, 132, 0.86) 0%, rgba(39, 177, 165, 0.86) 12%, rgba(50, 173, 202, 0.86) 47%, rgba(63, 169, 244, 0.86) 100%);
    /*background-image: -ms-linear-gradient( 90deg, rgb(29, 181, 132) 0%, rgb(39, 177, 165) 12%, rgb(50, 173, 202) 47%, rgb(63, 169, 244) 100%);*/
    /*opacity: 0.86;*/
    display: flex !important; }
    .blog-listing.style-one .post.type-post:hover > .outer > .inner-2 > * {
      transform: translateY(0);
      opacity: 1 !important; }

.blog-listing.style-two .post.type-post > .outer > .featured-image .image {
  padding-top: 100%; }

.blog-listing.style-two .post.type-post > .outer > .inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  padding: 40px;
  background-color: #FFFFFF;
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .blog-listing.style-two .post.type-post > .outer > .inner .category {
    margin: 0;
    /*color: $mainClr;*/
    color: #3fa9f4; }
  .blog-listing.style-two .post.type-post > .outer > .inner .more.icon {
    opacity: 0; }
  .blog-listing.style-two .post.type-post > .outer > .inner .link {
    padding-top: 100%; }

.blog-listing.style-two .post.type-post:hover, .blog-listing.style-two .post.type-post.active {
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.2); }
  .blog-listing.style-two .post.type-post:hover > .outer > .inner, .blog-listing.style-two .post.type-post.active > .outer > .inner {
    background-color: rgba(0, 0, 0, 0.75); }
    .blog-listing.style-two .post.type-post:hover > .outer > .inner .title a,
    .blog-listing.style-two .post.type-post:hover > .outer > .inner .category,
    .blog-listing.style-two .post.type-post:hover > .outer > .inner .description,
    .blog-listing.style-two .post.type-post:hover > .outer > .inner .more.icon, .blog-listing.style-two .post.type-post.active > .outer > .inner .title a,
    .blog-listing.style-two .post.type-post.active > .outer > .inner .category,
    .blog-listing.style-two .post.type-post.active > .outer > .inner .description,
    .blog-listing.style-two .post.type-post.active > .outer > .inner .more.icon {
      color: #FFFFFF; }

.blog-listing.style-two * + .owl-item .post.type-post > .outer > .inner {
  border-left: 1px solid rgba(0, 0, 0, 0.05); }

.blog-listing.style-three .owl-dots {
  margin-top: 60px; }

.blog-listing.chess-layout .post.post.type-post .outer .featured-image:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 18px solid white; }

.blog-listing.chess-layout .post.post.type-post .outer .inner {
  min-height: 319.86px; }
  .blog-listing.chess-layout .post.post.type-post .outer .inner .category {
    color: #3fa9f4;
    /*color: $mainClr;*/ }

.blog-listing.chess-layout .post.post.type-post:hover {
  opacity: 1; }

.blog-listing.chess-layout .item:nth-child(8n) .post.type-post .outer,
.blog-listing.chess-layout .item:nth-child(5n+5) .post.type-post .outer,
.blog-listing.chess-layout .item:nth-child(2) .post.type-post .outer {
  display: flex;
  flex-direction: column; }
  .blog-listing.chess-layout .item:nth-child(8n) .post.type-post .outer .inner .category,
  .blog-listing.chess-layout .item:nth-child(5n+5) .post.type-post .outer .inner .category,
  .blog-listing.chess-layout .item:nth-child(2) .post.type-post .outer .inner .category {
    margin: 0; }

.outer-text {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 3em;
  padding-bottom: 4em;
  margin: -2em; }

.outer-text-2 {
  display: inline-block;
  position: relative;
  z-index: 1; }

.text-shadow-blog {
  text-shadow: rgba(0, 0, 0, 0.6) 2px 1px 3px; }

.blog-main-text {
  text-shadow: rgba(0, 0, 0, 0.6) 2px 1px 3px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  margin-left: 230px;
  bottom: 0;
  margin-top: 75px;
  margin-bottom: 75px;
  width: 50%; }

.page-main-text {
  width: 75%;
  font-size: 25px !important; }

.image-main-width {
  width: 100%; }

.blog-image-sh {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.featured-image > p > img {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  margin-top: 20px;
  margin-bottom: 20px; }

.blog-category {
  opacity: 1 !important;
  text-shadow: 1px 1px 1px #000;
  font-size: 18px !important; }

.news-cards-title {
  font-size: 18px;
  text-transform: initial; }

.category-news {
  font-size: 14px !important;
  margin-bottom: 0; }

.img-news-responsive {
  position: absolute;
  width: 100%;
  object-fit: cover;
  display: block;
  /*max-width: 100%;
    max-height: 100%;*/
  max-width: 270px;
  max-height: 260px; }

.card-columns {
  column-count: 4; }

.card-test {
  min-height: 285px;
  max-height: 285px; }

.hover-description {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center; }

.container-news:hover .image {
  opacity: 0.3; }

.container-news:hover .hover-description {
  opacity: 1; }

.container-news:hover .main-description {
  opacity: 0; }

.main-description {
  transition: .5s ease;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center; }

.text-description {
  /*background-color: #4CAF50;*/
  background-color: rgba(33, 37, 41, 0.9);
  color: white;
  font-size: 16px;
  /*padding: 22px 22px;*/
  padding: 15px 15px;
  min-width: 270px;
  min-height: 260px; }

.text-description-main {
  background-image: -webkit-linear-gradient(90deg, rgba(29, 181, 132, 0.86) 0%, rgba(39, 177, 165, 0.86) 12%, rgba(50, 173, 202, 0.86) 47%, rgba(63, 169, 244, 0.86) 100%);
  /*opacity: 0.86;*/
  color: white;
  font-size: 16px;
  padding: 32px 32px;
  min-width: 270px;
  min-height: 260px; }

.news-cards-odd {
  flex-direction: row-reverse; }

.news-real-image {
  height: 325px;
  object-fit: none; }

.news-real {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  height: 325px;
  opacity: 0;
  max-width: 445px; }

.gradient-buttons-news {
  background-image: linear-gradient(90deg, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%);
  color: white;
  /*border-radius: 30px;*/
  border-radius: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 5px 20px; }
  .gradient-buttons-news:hover {
    background-image: -webkit-linear-gradient(90deg, rgba(29, 181, 132, 0.86) 0%, rgba(39, 177, 165, 0.86) 12%, rgba(50, 173, 202, 0.86) 47%, rgba(63, 169, 244, 0.86) 100%);
    color: white; }

.news-button a:hover {
  color: white; }

.gradient-vocala {
  background: -webkit-linear-gradient(90deg, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; }

.news-adjust blockquote {
  text-align: center;
  width: 75%;
  margin: auto; }

.news-adjust img {
  width: 100%; }

.news-grid-load {
  opacity: 0; }

@media only screen and (max-width: 1440px) {
  .blog-main-text {
    margin-left: 120px !important;
    margin-top: 60px !important; } }

@media only screen and (max-width: 1199px) {
  .blog-main-text {
    margin-left: 60px !important;
    margin-top: 40px !important;
    width: 75%; }
  .image-main-width {
    max-width: max-content;
    width: auto; }
  .page-main-text {
    font-size: 25px !important; } }

@media only screen and (max-width: 767px) {
  .margin-top-mob {
    margin-top: 20px; } }

@media only screen and (max-width: 414px) {
  .image-main-width {
    height: 150px; }
  .blog-main-text {
    margin-left: 20px !important;
    margin-top: 40px !important;
    width: 95%; }
  .page-main-text {
    width: 95%;
    font-size: 20px !important; } }

@media only screen and (max-width: 320px) {
  .page-main-text {
    width: 100%;
    font-size: 17px !important; } }

/* 05. Inner Pages
--------------------------------------------------- */
.endemol-logo-black {
  width: 98px;
  /*height: 70px;*/ }

.itv-logo-black {
  width: 114px;
  /*height: 64px;*/ }

.amazon-logo-black {
  width: 160px;
  /*height: 39px;*/ }

.bbc-logo-black {
  width: 112px;
  /*height: 32px;*/ }

.ymu-logo-black {
  width: 135px; }

.golin-logo-black {
  width: 114px;
  /*height: 33px;*/ }

.fremantle-logo-black {
  width: 200px;
  /*height: 34px;*/ }

.reel-logo-black {
  width: 220px; }

.interflora-logo-black {
  width: 173px;
  /*height: 75px;*/ }

.puzzler-logo-black {
  width: 130px;
  /*height: 35px;*/ }

.dro-logo-black {
  width: 130px;
  /*height: 35px;*/ }

.national-logo-black {
  width: 153px;
  /*height: 43px;*/ }

.drumond-logo-black {
  width: 131px;
  /*height: 85px;*/ }

.viacom-logo-black {
  width: 139px;
  /*height: 22px;*/ }

.live-logo-black {
  width: 150px; }

.checkatrade-logo-black {
  width: 200px;
  /*height: 22px;*/ }

.google-logo-black {
  width: 160px; }

.mindworks-logo-black {
  width: 190px; }

.navy-logo-black {
  width: 90px; }

.phe-logo-black {
  width: 173px; }

.wavemaker-logo-black {
  width: 155px; }

.item-client {
  padding-top: 15px;
  padding-bottom: 15px; }

.grid-logos {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.logo .inner img {
  margin-top: 30px; }

@media only screen and (max-width: 540px) {
  .endemol-logo-black {
    width: 90px;
    height: auto; }
  .itv-logo-black {
    width: 100px;
    height: auto; }
  .amazon-logo-black {
    width: 140px;
    height: auto; }
  .ymu-logo-black {
    width: 130px; }
  .reel-logo-black {
    width: 170px; }
  .interflora-logo-black {
    width: 140px;
    height: auto; }
  .puzzler-logo-black {
    width: 120px;
    height: auto; }
  .live-logo-black {
    width: 115px; }
  .checkatrade-logo-black {
    width: 140px;
    height: auto; }
  .wavemaker-logo-black {
    width: 140px; }
  .mindworks-logo-black {
    width: 145px; }
  .navy-logo-black {
    width: 75px; }
  .phe-logo-black {
    width: 150px; }
  .google-logo-black {
    width: 140px; }
  .item-client {
    margin-top: 30px !important; }
  #ui-grid-2, #ui-grid-3 {
    margin-top: 0 !important; } }

@media only screen and (max-width: 900px) {
  .uk-padding-grid-logos {
    padding: 18px; } }

.pointlessBackground {
  background-image: url("/assets/images/works/pointless-works.jpg"); }

.interfloraBackground {
  background-image: url("/assets/images/works/4598_interflora2.jpg");
  background-position: bottom;
  padding-top: 56.666667%; }

.royalnavyBackground {
  background-image: url("/assets/images/works/Royal-Navy-projects-thumbnail.png");
  background-position: center;
  background-size: contain;
  padding-top: 50%;
  background-color: white; }

.googleactionBackground {
  background-image: url("/assets/images/works/BTI-projects-thumbnail.png");
  padding-top: 105%;
  background-position: center; }

.puzzlerBackground {
  background-image: url("/assets/images/works/Puzzler-Echo-show---unbranded.jpg"); }

.puzzlerBackgroundLong {
  background-image: url("/assets/images/works-grid/Puzzler-long.jpg");
  padding-top: 386px !important; }

.dealornodealBackground {
  background-image: url("/assets/images/home-deal-or-no-deal.jpg"); }

.drivingtheoryBackground {
  background-image: url("/assets/images/works/driving-theory-works.jpg"); }

.tenableBackground {
  background-image: url("/assets/images/works/tenable.jpg"); }

.fearneBackground {
  background-image: url("/assets/images/works/happy-place.jpg"); }

.peanutBackground {
  background-size: contain !important;
  background-image: url("/assets/images/works/peanut-butter-works.jpg"); }

.yakBackground {
  background-size: contain !important;
  background-image: url("/assets/images/works/Yak.jpg"); }

.homeworkBackground {
  background-image: url("/assets/images/works/boy-with-ipad.jpg"); }

.checkatradeBackground {
  background-image: url("/assets/images/works/checkatrade-main-works.jpg"); }

.qubaBackground-works {
  background-image: url("/assets/images/works/26413_quba.jpg"); }

.qubaBackground {
  background-image: url("/assets/images/works/26413_quba.jpg");
  padding-top: 386px !important;
  background-position: center; }

.arcBackground {
  background-image: url("/assets/images/works/avel-chuklanov-DUmFLtMeAbQ-unsplash_Arc_teacher.jpg"); }

.voiceBackground {
  background-image: url("/assets/images/works/Mask-Group-3.jpg"); }

.casinoBackground {
  background-image: url("/assets/images/works/Super-casino-blackjack-works.jpg"); }

.quizBackground {
  background-image: url("/assets/images/works/quiz-of-the-day---john-culshaw.jpg"); }

.guessBackground {
  background-image: url("/assets/images/works/marcus-p-WLBqJn2I6cQ-unsplash_cut.jpg"); }

.gridGTG {
  background-image: url("/assets/images/works-grid/932_guess-the-goal-in-situ.jpg"); }

.gridWomenWall {
  background-image: url("/assets/images/works-grid/woman-standing-near-wall-2422257.jpg"); }

.gridTenable {
  background-image: url("/assets/images/works/tenable-warwick.jpg"); }

.gridInterflora {
  background-image: url("/assets/images/works-grid/alex-blajan-vNGL14-V5TY-unsplash.jpg"); }

.gridFearne {
  background-image: url("/assets/images/works-grid/Screenshot-2020-02-27-at-17.09.jpg");
  padding-top: 386px !important;
  background-position: top; }

.gridTrivia {
  background-image: url("/assets/images/works/trivia-long.jpg");
  padding-top: 386px !important;
  background-position: top; }

.gridHomework {
  background-image: url("/assets/images/works-grid/boy-with-ipad-grid.jpg"); }

.gridTeam {
  background-image: url("/assets/images/works-grid/annie-spratt-hCb3lIB8L8E-unsplash@2x.jpg"); }

.gridPointless {
  background-image: url("/assets/images/works-grid/iStock-519331434_family_tv_pointless.jpg");
  background-position: top; }

.gridGuess {
  background-image: url("/assets/images/works-grid/portfolio-checkatrade-boy-with-mobile.jpg"); }

.gridGuessSmall {
  background-image: url("/assets/images/works-grid/932_guess-the-goal-in-small.jpg"); }

.gridCheckatrade {
  background-image: url("/assets/images/works/checkatrade-works.jpg");
  padding-top: 65.6% !important; }

.gridDOND {
  background-image: url("/assets/images/works/deal-or-no-deal-home-carousel.jpg"); }

.gridBeat {
  background-image: url("/assets/images/works-grid/beat-the-intro.jpg"); }

.post .pr__entry__sidebar > div > * + div {
  margin-top: 60px; }

.post .pr__entry__sidebar .title {
  font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: normal;
  position: relative;
  margin-bottom: 60px;
  /*color: $mainClr;*/
  color: #3fa9f4; }
  .post .pr__entry__sidebar .title:after {
    content: "";
    position: absolute;
    width: 30px;
    border-bottom: 2px solid #3fa9f4;
    /*border-bottom: 2px solid $mainClr;*/
    margin-top: 10px;
    display: block; }

.post .pr__entry__meta.pr__vr {
  font-size: 1rem; }
  .post .pr__entry__meta.pr__vr strong {
    font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: normal;
    display: block; }
  .post .pr__entry__meta.pr__vr a {
    color: #747474; }
    .post .pr__entry__meta.pr__vr a:hover {
      /*color: $mainClr;*/
      color: #3fa9f4; }

.post .pr__entry__share > a {
  font-size: 32px;
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }

.post .pr__entry__share.pr__small > a {
  font-size: 24px; }

.post .pr__entry__footer {
  margin-top: 40px; }

.post.type-post {
  position: relative;
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .post.type-post > .outer > .featured-image {
    overflow: hidden;
    /*padding: 10px;*/ }
    .post.type-post > .outer > .featured-image .image {
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .post.type-post > .outer > .featured-image .link {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .post.type-post > .outer > .inner .title {
    margin: 20px 0 0; }
    .post.type-post > .outer > .inner .title a {
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .post.type-post > .outer > .inner .category {
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ACACAC;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .post.type-post > .outer > .inner .category:hover {
      color: #101010; }
  .post.type-post > .outer > .inner .description {
    padding: 0;
    margin: 20px 0 0; }
  .post.type-post > .outer > .inner .meta {
    display: flex;
    /*margin: 30px 0 0;*/
    margin: 20px 0 0;
    padding: 0;
    list-style: none; }
    .post.type-post > .outer > .inner .meta > li {
      font-size: 15px;
      color: #ACACAC; }
      .post.type-post > .outer > .inner .meta > li a {
        color: #ACACAC; }
    .post.type-post > .outer > .inner .meta > * + li:before {
      content: '\2013';
      margin: 0 .5rem;
      opacity: .5; }
  .post.type-post > .outer > .inner .more.icon {
    display: inline-block;
    margin-top: 20px;
    font-size: 24px;
    color: #3fa9f4;
    /*color: $mainClr;*/ }
  .post.type-post > .outer > .inner .more:not(.icon) {
    /*color: $mainClr;*/
    color: #3fa9f4;
    display: inline-block;
    margin-top: 20px;
    font-size: 15px;
    letter-spacing: -.02em;
    border-bottom: 1px solid #E0E0E0;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .post.type-post > .outer > .inner .more:not(.icon):hover {
      /*border-color: $mainClr;*/
      border-color: #3fa9f4; }
  .post.type-post > .outer > .inner .link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 66.6666667%; }
  .post.type-post:hover > .outer > .featured-image .image {
    transform: scale(1.1);
    filter: grayscale(0%); }
  .post.type-post .pr__entry__meta.pr__vr strong {
    font-size: 1rem;
    color: #3fa9f4;
    /*color: $mainClr;*/ }
  .post.type-post.single-post .entry-body {
    /*padding: 0 60px;*/
    padding: 0 0; }
    .post.type-post.single-post .entry-body .wp-caption {
      display: block;
      margin: 60px 0;
      width: calc(100% + 120px);
      margin-left: -60px;
      margin-right: -60px; }
    .post.type-post.single-post .entry-body .wp-caption .wp-caption-text {
      font-size: 16px;
      padding-top: 10px;
      text-align: center;
      font-style: italic; }

.scrollbar-deep-purple::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-deep-purple::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-deep-purple::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #512da8; }

/*.scrollbar-deep-purple {
    scrollbar-color: #512da8 #F5F5F5;
}*/
.scrollbar-cyan::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-cyan::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-cyan::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #00bcd4; }

/*.scrollbar-cyan {
    scrollbar-color: #00bcd4 #F5F5F5;
}*/
.scrollbar-dusty-grass::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-dusty-grass::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-dusty-grass::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(330deg, #d4fc79 0%, #96e6a1 100%);
  background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); }

.scrollbar-ripe-malinka::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-ripe-malinka::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #F5F5F5; }

.scrollbar-ripe-malinka::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  /*background-image: -webkit-linear-gradient(330deg, #f093fb 0%, #f5576c 100%);
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);*/
  background-image: linear-gradient(90deg, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%);
  background-image: -webkit-linear-gradient(90deg, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%); }

.bordered-deep-purple::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border: 1px solid #512da8; }

.bordered-deep-purple::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none; }

.bordered-cyan::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border: 1px solid #00bcd4; }

.bordered-cyan::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none; }

.square::-webkit-scrollbar-track {
  border-radius: 0 !important; }

.square::-webkit-scrollbar-thumb {
  border-radius: 0 !important; }

.thin::-webkit-scrollbar {
  width: 6px; }

.news-scrollbar {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  /*height: 560px;*/
  height: 100%;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  border: transparent; }

.news-scroll {
  width: 100%; }

.cat-news {
  font-size: 15px;
  text-transform: uppercase;
  color: #3fa9f5;
  font-weight: bold;
  line-height: 33px; }

.news-btn-paging {
  visibility: hidden; }

#news-scroll-auto {
  position: relative;
  height: 525px; }

.news-scroll-hr {
  background: linear-gradient(90deg, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%);
  background: -webkit-linear-gradient(90deg, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%);
  height: 2px; }

.news-scroll-hr-white {
  background: white;
  border-color: white;
  height: 2px; }

.news-scroll-font {
  font-size: 16px;
  font-family: Roboto;
  font-weight: 300; }

.news-scroll-font-vocala {
  font-size: 16px; }

.btn-news-scroll {
  padding: 1px 10px;
  font-size: 16px; }

.news {
  /*position: absolute;*/ }

#overlay-news {
  position: fixed;
  /* Sit on top of the page content */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  /* Black background with opacity */
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */ }

.dark-img {
  position: relative;
  width: 100%; }

.dark-img img {
  /*display: block;
    width: 100%;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.dark-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  /*background: rgba(0, 0, 0, .66);*/
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.1)); }

.hover-news:hover {
  background-image: -moz-linear-gradient(90deg, rgba(29, 181, 132, 0.86) 0%, rgba(39, 177, 165, 0.76) 12%, rgba(50, 173, 202, 0.76) 47%, rgba(63, 169, 244, 0.76) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(29, 181, 132, 0.86) 0%, rgba(39, 177, 165, 0.76) 12%, rgba(50, 173, 202, 0.76) 47%, rgba(63, 169, 244, 0.76) 100%);
  color: white; }

.flex-next-news:hover {
  color: white; }

@media only screen and (max-width: 414px) {
  .news-scroll-font-vocala {
    display: none !important; }
  .des-hide {
    display: none !important; } }

.page.type-page .outer .inner .entry-body {
  font-size: 1.2rem;
  line-height: 1.612;
  color: #101010; }
  .page.type-page .outer .inner .entry-body * + address,
  .page.type-page .outer .inner .entry-body * + dl,
  .page.type-page .outer .inner .entry-body * + fieldset,
  .page.type-page .outer .inner .entry-body * + figure,
  .page.type-page .outer .inner .entry-body * + ol,
  .page.type-page .outer .inner .entry-body * + p,
  .page.type-page .outer .inner .entry-body * + pre,
  .page.type-page .outer .inner .entry-body * + ul,
  .page.type-page .outer .inner .entry-body * + blockquote {
    margin-top: 40px; }

.widget {
  position: relative;
  display: block;
  /* Widget: Global */
  /* Widget: Search */
  /* Widget: Nav Menu */
  /* Widget: Recent Posts */
  /* Widget: Tag Cloud */ }
  .widget > .widget-title {
    font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: normal;
    position: relative;
    margin-bottom: 60px;
    color: #0093c9; }
    .widget > .widget-title:after {
      content: "";
      position: absolute;
      width: 30px;
      border-bottom: 2px solid #0093c9;
      margin-top: 10px;
      display: block; }
  .widget.widget_nav_menu ul, .widget.widget_recent_entries ul, .widget.widget_recent_comments ul, .widget.widget_categories ul, .widget.widget_archive ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .widget.widget_nav_menu ul * + li, .widget.widget_recent_entries ul * + li, .widget.widget_recent_comments ul * + li, .widget.widget_categories ul * + li, .widget.widget_archive ul * + li {
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid #F3F3F3; }
  .widget.widget_search .search-field {
    font-size: 1rem;
    height: 50px;
    margin-bottom: 10px; }
  .widget.widget_search .search-submit {
    width: 100%; }
  .widget.widget_nav_menu ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transform: translateX(-20px);
    transition: 400ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .widget.widget_nav_menu ul li a:before {
      content: "\e91f";
      width: 20px;
      font-family: 'Pixeicons', sans-serif;
      font-size: 14px;
      opacity: 0;
      transition: 400ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .widget.widget_nav_menu ul li.uk-active a,
  .widget.widget_nav_menu ul li.current a,
  .widget.widget_nav_menu ul li a:hover {
    color: #0093c9;
    padding-left: 20px; }
    .widget.widget_nav_menu ul li.uk-active a:before,
    .widget.widget_nav_menu ul li.current a:before,
    .widget.widget_nav_menu ul li a:hover:before {
      transform: translateX(0);
      opacity: 1;
      color: #0093c9; }
  .widget.widget_recent_entries ul li {
    display: flex;
    flex-direction: column; }
    .widget.widget_recent_entries ul li a {
      line-height: 1.2; }
    .widget.widget_recent_entries ul li .post-date {
      font-size: 13px;
      margin-top: 5px; }
  .widget.widget_tag_cloud a {
    display: inline-block;
    font-size: 14px;
    background-color: #F3F3F3;
    padding: 5px 10px;
    margin-bottom: 5px; }

* + .widget {
  margin-top: 60px; }

/* 06. Footer
--------------------------------------------------- */
.pr__footer {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #1b1b1b;
  color: #747474; }
  .pr__footer a,
  .pr__footer .title {
    color: #FFFFFF; }
  .pr__footer .button {
    color: #FFFFFF !important; }
  .pr__footer .columns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .pr__footer .pr__footer__top .pr__social > .inner {
    display: flex; }
    .pr__footer .pr__footer__top .pr__social > .inner a {
      display: flex;
      width: 48px;
      height: 48px;
      font-size: 24px;
      margin: 0;
      justify-content: center;
      align-items: center;
      /*border: 2px solid $mainClr;*/
      border: 2px solid #3fa9f4;
      border-radius: 50%;
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
      .pr__footer .pr__footer__top .pr__social > .inner a:hover {
        transform: translateY(-5px);
        /*color: $mainClr;*/
        color: #3fa9f4; }
    .pr__footer .pr__footer__top .pr__social > .inner * + a {
      margin-left: .5rem; }
  .pr__footer .pr__footer__top .pr__cta .title {
    position: relative;
    margin: 0;
    line-height: 1;
    top: 6px; }
  .pr__footer .pr__footer__top .pr__cta .button {
    text-transform: initial; }
  .pr__footer .pr__footer__center {
    background: #161616; }
    .pr__footer .pr__footer__center ul {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      margin: 0;
      padding: 0;
      list-style: none; }
      .pr__footer .pr__footer__center ul > li {
        margin: 0 30px;
        text-align: center; }
        .pr__footer .pr__footer__center ul > li > a {
          font-family: "Avant Grade", "Poppins", sans-serif;
          font-size: 20px;
          font-weight: 700; }
          .pr__footer .pr__footer__center ul > li > a > span {
            font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
            font-size: 18px;
            font-weight: 400;
            display: block; }
  .pr__footer .pr__footer__bottom {
    background-color: #000;
    position: relative;
    padding: 0; }
    .pr__footer .pr__footer__bottom .section-inner {
      padding: 30px 0; }
      .pr__footer .pr__footer__bottom .section-inner .pr__copyrights p {
        font-size: 14px;
        margin: 0; }
      .pr__footer .pr__footer__bottom .section-inner .pr__links a {
        display: inline-flex;
        font-size: 15px;
        flex-direction: column; }
        .pr__footer .pr__footer__bottom .section-inner .pr__links a:after {
          content: "";
          height: 1px;
          width: 0;
          border-top: 1px solid #3fa9f4;
          /*border-top: 1px solid $mainClr;*/
          transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
        .pr__footer .pr__footer__bottom .section-inner .pr__links a:hover:after {
          width: 100%; }
      .pr__footer .pr__footer__bottom .section-inner .pr__links * + a {
        margin-left: 1rem; }
  .pr__footer.pr__dark {
    background-color: #000;
    color: #747474; }
    .pr__footer.pr__dark a,
    .pr__footer.pr__dark .title {
      color: #FFFFFF; }
    .pr__footer.pr__dark .button {
      color: #FFFFFF !important; }
    .pr__footer.pr__dark .pr__footer__bottom .section-inner {
      border-color: rgba(255, 255, 255, 0.1); }

.pr__contact__form .form-outer {
  padding-top: 60px; }
  .pr__contact__form .form-outer h2 {
    margin-bottom: 0px; }
  .pr__contact__form .form-outer p {
    margin-top: 5px; }

.pr__contact__form.pr__dark .uk-modal-dialog {
  background-color: #101010; }

.pr__contact__form.pr__dark .form-outer h2 {
  color: #FFFFFF; }

.pr__contact__form.pr__dark .form-outer .pr__form label {
  color: #FFFFFF; }

.pr__contact__form.pr__dark .form-outer .pr__form input,
.pr__contact__form.pr__dark .form-outer .pr__form select,
.pr__contact__form.pr__dark .form-outer .pr__form textarea {
  border-color: #FFFFFF; }

.pr__footer__form__complete {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0; }

.footer_clear {
  background-color: transparent !important; }

.field-validation-error {
  white-space: nowrap; }

.input-validation-error {
  margin-bottom: 10px; }

.pr__form label:not(.error) {
  margin-bottom: 4px !important; }

.cookie-sp {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important; }

@media only screen and (max-width: 959px) {
  .pr__copyrights {
    text-align: center; } }

@media only screen and (max-width: 540px) {
  .pr__form input, .pr__form .uk-select:not([multiple]):not([size]) {
    width: 100% !important; }
  .field-validation-valid {
    font-size: 15px; }
  .pr__form textarea {
    width: 100% !important; }
  .send-m-text {
    font-size: 22px; }
  .uk-modal-title {
    font-size: 35px; } }

/* 07. Utilities
--------------------------------------------------- */
/* Containers */
.uk-container-no {
  max-width: 100%;
  padding: 0; }

/* Buttons */
.uk-button {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  font-family: "Avant Grade", "Poppins", sans-serif;
  font-weight: 700;
  /*text-transform: capitalize;*/
  line-height: 1 !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  height: 50px;
  /*padding-top: 4px;*/
  border-width: 2px; }
  .uk-button.uk-button-link {
    /*color: $mainClr;*/
    color: #3fa9f4; }
  .uk-button.uk-button-small {
    font-size: .8rem;
    height: 40px; }
  .uk-button.uk-button-news {
    font-size: .8rem;
    height: 40px;
    padding: 0 20px; }
  .uk-button.uk-button-large {
    font-size: 1rem;
    height: 60px; }
  .uk-button.uk-button-primary {
    /*@include button($mainClr, $white);*/
    background-color: #3fa9f4;
    border-color: #3fa9f4;
    color: #FFFFFF !important; }
    .uk-button.uk-button-primary:hover {
      background-color: #229cf2;
      border-color: #229cf2; }
    .uk-button.uk-button-primary:focus {
      background-color: #1496f2;
      border-color: #1496f2; }
  .uk-button.uk-button-secondary {
    background-color: #101010;
    border-color: #101010;
    color: #FFFFFF !important; }
    .uk-button.uk-button-secondary:hover {
      background-color: #010101;
      border-color: #010101; }
    .uk-button.uk-button-secondary:focus {
      background-color: black;
      border-color: black; }
  .uk-button.uk-button-default {
    /*@include buttonLine($mainClr, $secClr);*/
    border-color: #3fa9f4 !important;
    color: #101010;
    position: relative;
    z-index: 1; }
    .uk-button.uk-button-default:after {
      content: '';
      position: absolute;
      z-index: -1;
      width: 0%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #3fa9f4;
      transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
    .uk-button.uk-button-default:hover, .uk-button.uk-button-default:focus {
      border-color: #3fa9f4;
      color: #fff !important; }
      .uk-button.uk-button-default:hover:after, .uk-button.uk-button-default:focus:after {
        width: 100%; }

/* Breadcrumbs */
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span {
  font-size: 1rem;
  color: #3fa9f4;
  /*color: $mainClr;*/
  font-weight: 700;
  text-transform: uppercase; }

/* Headings */
.pr__heading__secondary {
  font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  /*color: $mainClr;*/
  color: #3fa9f4; }

/* Sections  Backgrounds */
.uk-section-header {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.uk-section-news {
  padding-top: 60px; }

.news-home {
  padding-top: 20px; }

.uk-section-muted {
  background-color: #F3F3F3; }

.uk-section-primary {
  background-color: #3fa9f4;
  /*background-color: $mainClr;*/ }

.uk-section-secondary {
  background-color: #101010;
  color: #FFFFFF; }

/* Horizontal rule */
.pr__hr__primary {
  width: 70px;
  /*border-top: 3px solid $mainClr !important;*/
  background: -webkit-linear-gradient(left, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%);
  height: 3px;
  border: 0; }

.pr__hr__secondary {
  width: 45px !important;
  /*border-top: 2px solid $mainClr !important;*/
  border-top: 2px solid #3fa9f4 !important; }

.pr__hr__section {
  margin: 0;
  border-color: rgba(0, 0, 0, 0.08); }

.pr__dark .pr__hr__section {
  border-color: rgba(255, 255, 255, 0.08); }

.pr__vr__section {
  position: relative;
  margin: -30px auto;
  border: 0;
  border-left: 2px solid;
  border-color: #3fa9f4;
  /*border-color: $mainClr;*/
  width: 2px;
  height: 60px;
  z-index: 100; }

/* Off Canvas Bar */
.uk-offcanvas-bar {
  width: 100vw;
  background-color: #000;
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }

.uk-offcanvas-overlay::before {
  background: rgba(0, 0, 0, 0.5); }

@keyframes uk-fade-right {
  0% {
    opacity: 0;
    transform: translateX(40px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* Description List */
.uk-description-list > dt {
  font-size: 1.1rem;
  font-weight: 700;
  color: #3fa9f4;
  /*color: $mainClr;*/
  margin-bottom: 5px; }

/* Uikit: Accordions */
.uk-accordion {
  margin: 40px 0; }
  .uk-accordion > li .uk-accordion-title {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid #F3F3F3;
    padding-bottom: 10px; }
  .uk-accordion > li .uk-accordion-content {
    margin: 0;
    padding: 30px;
    background-color: #F3F3F3; }
  .uk-accordion > li.uk-open .uk-accordion-title {
    color: #3fa9f4;
    /*color: $mainClr;*/ }

.pr__image__works {
  background-position: 50% 50% !important; }

/* Images */
.pr__image__cover {
  /*background-color: $light;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;*/
  background-color: #1b1b1b;
  background-size: inherit;
  /*background-position: 82% 50%;*/
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 66.6666667%;
  /*filter: grayscale(100%);*/
  transition: filter .2s ease; }
  .pr__image__cover.pr__ratio__square {
    padding-top: 100%; }
  .pr__image__cover.pr__ratio__portrait {
    padding-top: calc(150% - 36px); }
  .pr__image__cover.pr__ratio__landscape {
    padding-top: 56.25%; }
  .pr__image__cover:hover {
    filter: grayscale(0%); }

.pr__dark .pr__image__cover {
  background-color: #000; }

img[data-src][src*='data:image'] {
  background: #F3F3F3; }

/* Overlay Gradient */
.pr__grd__overlay .item .inner > *:not(.link) {
  position: relative;
  z-index: 1; }

.pr__grd__overlay .item .inner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(80%, rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  /*background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80%);*/
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  z-index: 0; }

/* Gallery */
* + .pr__gallery {
  margin-top: 60px; }

.pr__gallery .pr__gallery__item .featured-image {
  position: relative; }
  .pr__gallery .pr__gallery__item .featured-image .image {
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
  .pr__gallery .pr__gallery__item .featured-image .link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1; }

.pr__gallery .pr__gallery__item:hover .featured-image .image {
  filter: grayscale(0%); }

/* Icons Sizes */
.pr__icon__medium {
  font-size: 32px; }

.pr__icon__large {
  font-size: 48px; }

.pr__icon__xlarge {
  font-size: 64px; }

/* Modals */
.uk-modal-close-full {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0 0;
  padding: 0;
  background-color: transparent; }
  .uk-modal-close-full span {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #3fa9f4;
    /*color: $mainClr;*/
    margin-right: .5rem; }

/* Forms */
.pr__form {
  display: flex;
  flex-direction: column;
  margin-top: 60px; }
  .pr__form * + .pr__form__group {
    margin-top: 40px; }
  .pr__form label {
    display: block;
    font-size: 14px; }
    .pr__form label:not(.error) {
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 20px;
      color: #101010; }
    .pr__form label.error {
      color: red; }
    .pr__form label .required {
      color: #3fa9f4;
      /*color: $mainClr;*/ }
  .pr__form input,
  .pr__form .uk-select:not([multiple]):not([size]) {
    width: calc(100% - 40px);
    line-height: 52px;
    height: 52px;
    padding: 0 20px;
    color: #747474;
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    outline: 0; }
    .pr__form input:hover,
    .pr__form .uk-select:not([multiple]):not([size]):hover {
      border-color: #ACACAC; }
    .pr__form input:focus,
    .pr__form .uk-select:not([multiple]):not([size]):focus {
      border-color: #3fa9f4;
      /*border-color: $mainClr;*/ }
    .pr__form input.error,
    .pr__form .uk-select:not([multiple]):not([size]).error {
      border-color: red; }
  .pr__form .uk-select:not([multiple]):not([size]) {
    width: 100% !important; }
  .pr__form textarea {
    width: calc(100% - 40px);
    min-height: 200px;
    color: #747474;
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    line-height: 1.612 !important;
    padding: 20px;
    resize: none;
    overflow: auto;
    outline: 0; }
    .pr__form textarea:hover {
      border-color: #ACACAC; }
    .pr__form textarea:focus {
      border-color: #3fa9f4;
      /*border-color: $mainClr;*/ }
    .pr__form textarea.error {
      border-color: red; }

/* Preloader */
body #loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  height: 100vh;
  width: 100vw;
  background: #FFFFFF;
  z-index: 99999; }
  body #loader .loading {
    font-weight: 800;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #ACACAC;
    display: flex;
    flex-direction: column;
    align-items: center; }
    body #loader .loading .txt {
      opacity: 0; }
    body #loader .loading .progress {
      opacity: 0;
      height: 4px;
      width: 200px;
      background: rgba(0, 0, 0, 0.1);
      margin-top: 20px;
      position: relative; }
      body #loader .loading .progress .bar-loading {
        content: "";
        height: 4px;
        width: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #3fa9f4;
        /*background-color: $mainClr;*/ }
  body #loader.pr__dark {
    background: #101010; }
    body #loader.pr__dark .progress {
      background: rgba(255, 255, 255, 0.2); }

body #site-wrapper {
  /*position: relative;*/
  top: 100px; }

@keyframes scaleTop {
  from {
    transform: scaleY(1); }
  to {
    transform: scaleY(0); } }

/* Alerts */
.uk-alert > p {
  font-size: 16px;
  margin: 0 !important;
  padding-right: 30px; }

/* Cards */
.uk-card-primary {
  background-color: #3fa9f4;
  /*background-color: $mainClr;*/ }

/* Subnav */
.uk-subnav > * > :first-child {
  font-size: 1rem;
  font-weight: 700;
  color: #000; }

.uk-subnav > *.uk-active > a {
  color: #3fa9f4;
  /*color: $mainClr;*/ }

.uk-subnav.uk-subnav-pill > *.uk-active > a {
  /*background-color: $mainClr;*/
  background-color: #3fa9f4;
  color: #FFFFFF !important; }

/* Slider */
a.uk-slidenav {
  background: #000;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0; }
  a.uk-slidenav > * {
    width: 10px; }

.uk-dotnav > .uk-active > * {
  /*background-color: $mainClr;*/
  background-color: #3fa9f4; }

/* Other */
.uk-svg,
.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
  fill: #000; }

.pr__dark .uk-svg,
.pr__dark .uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
  fill: #FFFFFF; }

.screen-reader-text {
  display: none; }

.vr__section__margin {
  margin: 40px auto !important; }

.contact_button {
  text-align: center !important; }

.contact_button_home {
  text-align: center !important;
  display: none; }

/* 08. Smart Properties
--------------------------------------------------- */
@font-face {
  font-family: Manrope;
  src: url("/assets/fonts/manrope/Manrope-Regular.ttf") format("woff2"); }

@font-face {
  font-family: ManropeBold;
  src: url("/assets/fonts/manrope/Manrope-Bold.ttf") format("woff2");
  font-weight: bold; }

@font-face {
  font-family: ManropeMedium;
  src: url("/assets/fonts/manrope/Manrope-Medium.ttf") format("woff2");
  font-weight: 400; }

@font-face {
  font-family: ManropeSemiBold;
  src: url("/assets/fonts/manrope/Manrope-SemiBold.ttf") format("woff2");
  font-weight: 500; }

@font-face {
  font-family: ManropeLight;
  src: url("/assets/fonts/manrope/Manrope-Light.ttf") format("woff2");
  font-weight: 200; }

.carousel_image_main_sp_1 {
  background-image: url("/assets/images/smart-properties/AlexaForCare_1.jpg");
  background-position: top; }

.carousel_image_main_sp_2 {
  background-image: url("/assets/images/smart-properties/AlexaForCare_2.jpg");
  background-position: top; }

.carousel_image_main_sp_3 {
  background-image: url("/assets/images/smart-properties/AlexaForCare_3.jpg");
  background-position: top; }

#siteWrapperSP .carousel-btns-sp {
  position: absolute;
  bottom: 330px;
  right: 0;
  left: 0;
  top: 0;
  margin: auto;
  z-index: 10000;
  text-align: center;
  width: 100%;
  justify-content: space-between;
  height: 50px;
  align-items: center;
  display: flex;
  max-width: 1630px; }
  #siteWrapperSP .carousel-btns-sp .btn-prev, #siteWrapperSP .carousel-btns-sp .btn-next {
    padding: 0; }

#siteWrapperSP .nav-layout-sp {
  height: 132px;
  position: absolute; }

#siteWrapperSP .pr__header_sp {
  display: block;
  position: absolute;
  z-index: 1000;
  width: 100%; }
  #siteWrapperSP .pr__header_sp .uk-container-nav-sp {
    max-width: 1640px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto; }
    #siteWrapperSP .pr__header_sp .uk-container-nav-sp .inner {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #siteWrapperSP .pr__header_sp .uk-container-nav-sp .inner .logo {
        margin-top: 10px;
        margin-bottom: 10px;
        border-right: 2px solid; }

#siteWrapperSP .pr__header_sp.uk-active {
  height: 132px !important;
  z-index: 10000; }

.body-sp .uk-section-header-sp {
  min-height: 1200px; }
  .body-sp .uk-section-header-sp .carousel, .body-sp .uk-section-header-sp .carousel-inner, .body-sp .uk-section-header-sp .carousel-item {
    min-height: inherit; }
  .body-sp .uk-section-header-sp .carousel-inner .containerOp {
    min-height: inherit; }
    .body-sp .uk-section-header-sp .carousel-inner .containerOp .carousel_image {
      display: block;
      width: 100%;
      min-height: inherit;
      object-fit: cover; }

.body-sp .containerOp .contentOp-main {
  position: absolute;
  bottom: unset;
  top: 0;
  height: 100%;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 180px; }

.body-sp .contentOp-main-sp {
  max-width: 1290px;
  margin: auto;
  display: flex;
  display: inline-block;
  margin: 0 auto;
  color: #FFFFFF;
  margin-bottom: 50px;
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
  z-index: 1000;
  width: 100%; }
  .body-sp .contentOp-main-sp .uk-container-main {
    margin: 0;
    display: flex;
    margin: auto;
    height: 100%;
    padding-bottom: 100px; }

.uk-heading-hero-text-sp {
  color: white !important;
  font-size: 53px;
  font-family: ManropeBold;
  max-width: 550px;
  line-height: 1.3; }

.uk-heading-hero-text-sp-2 {
  color: white !important;
  font-size: 35px;
  font-family: ManropeBold;
  max-width: 550px;
  line-height: 1.3;
  margin-bottom: 0; }

.quotes-sp-div {
  margin-top: 50px;
  margin-bottom: 62px; }
  .quotes-sp-div .quotes-sp-image {
    max-width: 125px; }

.quotes-sp-div-2 {
  margin-top: 0px;
  margin-bottom: 62px; }
  .quotes-sp-div-2 .quotes-sp-image {
    max-width: 100px; }

.alexa-text-sp-div {
  margin-top: 40px; }
  .alexa-text-sp-div .alexa-text-sp {
    font-family: ManropeMedium;
    font-size: 33px;
    max-width: 580px;
    width: 100%;
    color: white; }
  .alexa-text-sp-div .alexa-text-sp-home {
    font-family: ManropeMedium;
    font-size: 30px;
    max-width: 580px;
    width: 100%;
    color: white;
    line-height: 1.3; }
  .alexa-text-sp-div .alexa-text-sp-home-2 {
    font-family: ManropeMedium;
    font-size: 18px;
    max-width: 580px;
    width: 100%;
    color: white;
    line-height: 2;
    margin-bottom: 25px; }
    .alexa-text-sp-div .alexa-text-sp-home-2 img {
      max-width: 65px; }
    .alexa-text-sp-div .alexa-text-sp-home-2 span {
      color: #05a0d1; }

.line-sp {
  width: 120px;
  height: 2px;
  border-top: 1px solid #3EA9F0; }

.buttonGradientSP {
  border: 2px solid #3EA9F0;
  font-family: ManropeBold;
  border-radius: 37px !important;
  color: white;
  width: 100%;
  max-width: 160px;
  background-color: transparent;
  height: 59px;
  min-width: 202px;
  font-size: 20px;
  transition: transform .2s;
  display: flex;
  align-items: center;
  justify-content: center; }
  .buttonGradientSP:hover {
    background-color: #3EA9F0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transform: scale(1.02);
    color: white !important; }

.buttonGradientSP-discover {
  border: 2px solid #3EA9F0;
  font-family: ManropeBold;
  border-radius: 0 !important;
  color: white;
  width: 100%;
  max-width: 360px;
  background-color: transparent;
  height: 59px;
  font-size: 18px;
  transition: transform .2s;
  display: flex;
  align-items: center;
  justify-content: center; }
  .buttonGradientSP-discover:hover {
    background-color: #3EA9F0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transform: scale(1.02);
    color: white !important; }

.buttonGradientSP-where {
  border: 2px solid #3EA9F0;
  font-family: ManropeBold;
  border-radius: 37px !important;
  color: #1d2124 !important;
  width: 100%;
  max-width: 160px;
  background-color: transparent;
  height: 59px;
  min-width: 193px;
  font-size: 20px;
  transition: transform .2s;
  display: flex;
  align-items: center;
  justify-content: center; }
  .buttonGradientSP-where:hover {
    background-color: #3EA9F0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transform: scale(1.02);
    color: white !important; }

.buttonGradientSP-how {
  border: 2px solid #3EA9F0;
  font-family: ManropeBold;
  border-radius: 37px !important;
  color: #1d2124 !important;
  width: 100%;
  max-width: 160px;
  background-color: transparent;
  height: 59px;
  min-width: 257px;
  font-size: 20px;
  transition: transform .2s;
  display: flex;
  align-items: center;
  justify-content: center; }
  .buttonGradientSP-how:hover {
    background-color: #3EA9F0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transform: scale(1.02);
    color: white !important; }

.buttonGradientSP-how-steps {
  border: 2px solid #3EA9F0;
  font-family: ManropeBold;
  border-radius: 60px !important;
  color: #1d2124 !important;
  width: 100%;
  background-color: red;
  height: 60px;
  min-width: 202px;
  font-size: 20px;
  transition: transform .2s;
  display: flex;
  align-items: center;
  justify-content: center; }
  .buttonGradientSP-how-steps:hover {
    background-color: #3EA9F0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transform: scale(1.02);
    color: white !important; }

.buttonGradientSP-full {
  border: 2px solid #3EA9F0;
  font-family: ManropeBold;
  border-radius: 37px !important;
  color: white !important;
  width: 100%;
  max-width: 194px;
  background-color: #3EA9F0;
  height: 59px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .buttonGradientSP-full:hover {
    background-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transform: scale(1.02); }

.nav-anchor-sp {
  font-size: 20px !important; }

.get-in-touch-btn {
  border: 2px solid #3EA9F0;
  font-family: ManropeBold;
  border-radius: 37px !important;
  color: white;
  width: 100%;
  max-width: 192px;
  background-color: #3EA9F0;
  height: 59px;
  min-width: 192px;
  font-size: 20px !important;
  transition: transform .2s;
  display: flex;
  align-items: center;
  justify-content: center; }
  .get-in-touch-btn:hover {
    background-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transform: scale(1.02);
    text-decoration: none !important; }
  .get-in-touch-btn:after {
    border-bottom: 0 !important;
    background: none !important; }

.header-cards-sp {
  font-family: ManropeSemiBold;
  font-size: 32px;
  text-align: center;
  padding: 0px 15px; }

.text-cards-sp {
  font-family: ManropeLight;
  text-align: center;
  font-size: 17px;
  padding: 0px 13px;
  line-height: 1.7; }

.card-sp {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  min-height: 550px;
  transition: transform .2s; }
  .card-sp .card-body {
    padding-top: 36px; }
    .card-sp .card-body .row-title {
      margin-top: 40px;
      margin-bottom: 30px; }
  .card-sp:hover {
    transform: scale(1.05); }

.pr__section_cards_sp {
  margin-top: -170px;
  z-index: 1000; }
  .pr__section_cards_sp .section-outer .section-inner .uk-container-sp {
    max-width: 1290px;
    padding: 0;
    margin: 0 auto;
    display: block;
    width: 100%; }

.pr__section_percent_sp {
  margin-top: 60px; }
  .pr__section_percent_sp .uk-container-sp-lg {
    max-width: 1590px;
    margin: auto; }
    .pr__section_percent_sp .uk-container-sp-lg .header-percent {
      font-family: ManropeBold;
      text-align: center;
      font-size: 30px; }
    .pr__section_percent_sp .uk-container-sp-lg .text-percent {
      font-family: ManropeLight;
      text-align: center;
      font-size: 25px; }
  .pr__section_percent_sp .uk-container-sp-xl {
    max-width: 1800px;
    margin: auto; }
    .pr__section_percent_sp .uk-container-sp-xl .header-percent {
      font-family: ManropeBold;
      text-align: center;
      font-size: 42px; }
    .pr__section_percent_sp .uk-container-sp-xl .text-percent {
      font-family: ManropeLight;
      text-align: center;
      font-size: 25px; }

.pr__section_client_sp {
  margin-top: 60px;
  min-height: 330px; }
  .pr__section_client_sp .section-outer, .pr__section_client_sp .section-inner, .pr__section_client_sp .row {
    min-height: inherit; }
  .pr__section_client_sp .overlay-sp {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    min-height: 330px;
    background-color: rgba(0, 0, 0, 0.7); }
    .pr__section_client_sp .overlay-sp h2 {
      font-family: Manrope;
      text-align: center;
      font-size: 26px;
      color: white;
      max-width: 1300px;
      font-weight: 200;
      margin: 0;
      margin-top: 20px;
      padding-left: 15px;
      padding-right: 15px; }
    .pr__section_client_sp .overlay-sp p {
      margin-top: 43px;
      font-family: ManropeLight; }

.pr__section_where_sp {
  margin: auto; }
  .pr__section_where_sp .content-sp {
    margin: 50px 140px; }
  .pr__section_where_sp h2 {
    font-family: Manrope;
    font-size: 37px;
    color: #041A29;
    font-weight: 400;
    margin-bottom: 42px; }
  .pr__section_where_sp p {
    font-family: ManropeLight;
    font-size: 18px;
    max-width: 563px;
    color: #041A29; }
  .pr__section_where_sp .coloured-sp {
    background-color: #F2F2F2; }

.pr__section_partners_sp {
  background-color: #041A29; }
  .pr__section_partners_sp .section-outer {
    /*padding-top: 55px;
        padding-bottom: 55px;*/
    padding-top: 25px;
    padding-bottom: 25px; }
    .pr__section_partners_sp .section-outer .section-inner .col-left-sp {
      display: flex;
      justify-content: center;
      margin: auto;
      flex-direction: column;
      max-width: 480px; }
    .pr__section_partners_sp .section-outer .section-inner .col-right-sp .row-logo-sp {
      margin-top: 30px;
      margin-bottom: 30px; }
      .pr__section_partners_sp .section-outer .section-inner .col-right-sp .row-logo-sp img {
        width: 100%;
        max-width: 262px; }
    .pr__section_partners_sp .section-outer .section-inner .col-right-sp .row-text-sp p {
      font-size: 25px;
      font-family: ManropeLight;
      color: white;
      margin-bottom: 30px; }
    .pr__section_partners_sp .section-outer .section-inner .col-right-sp .row-tags-sp .tag-sp {
      background-color: white;
      border-radius: 50px;
      width: 100%;
      max-width: 195px;
      height: 65px;
      margin: 5px;
      justify-content: center;
      align-items: center;
      display: flex;
      transition: transform .2s; }
      .pr__section_partners_sp .section-outer .section-inner .col-right-sp .row-tags-sp .tag-sp img {
        max-width: 120px;
        text-align: center;
        margin: auto;
        justify-content: center;
        display: flex;
        align-items: center; }
      .pr__section_partners_sp .section-outer .section-inner .col-right-sp .row-tags-sp .tag-sp:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        transform: scale(1.02); }
    .pr__section_partners_sp .section-outer .section-inner .left-h2-sp {
      font-size: 35px;
      font-family: ManropeMedium;
      color: white;
      font-weight: 400; }
    .pr__section_partners_sp .section-outer .section-inner .left-hr-sp {
      max-width: 137px;
      border-color: #3EA9F0; }
    .pr__section_partners_sp .section-outer .section-inner .left-p-sp {
      font-size: 25px;
      font-family: Manrope;
      color: white; }

.pr__section_works_sp {
  /*background-image: url("../assets/images/smart-properties/steps.png");*/
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  min-height: 100%;
  min-height: 1325px;
  display: block; }
  .pr__section_works_sp .section-outer, .pr__section_works_sp .section-inner, .pr__section_works_sp .row {
    min-height: inherit; }
  .pr__section_works_sp .row {
    display: flex; }
    .pr__section_works_sp .row .how-it-works-content {
      max-width: 800px;
      justify-content: center;
      align-items: center;
      margin: 80px auto; }
      .pr__section_works_sp .row .how-it-works-content h2 {
        font-size: 55px;
        font-family: ManropeBold;
        color: #131339; }
      .pr__section_works_sp .row .how-it-works-content h4 {
        font-size: 33px;
        font-family: ManropeBold;
        color: #131339;
        margin-bottom: 40px; }
      .pr__section_works_sp .row .how-it-works-content p {
        ont-size: 18px;
        font-family: ManropeLight;
        color: #131339;
        font-weight: 200;
        margin-bottom: 25px; }

.pr__footer_sp {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #041A29;
  color: white;
  padding-bottom: 50px; }
  .pr__footer_sp .pr__footer__top {
    padding-top: 88px !important; }
  .pr__footer_sp .uk-container-footer-sp {
    box-sizing: content-box;
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px; }
    .pr__footer_sp .uk-container-footer-sp .text-get-in-touch {
      font-family: ManropeBold;
      font-size: 45px;
      color: white;
      margin-top: 20px; }
    .pr__footer_sp .uk-container-footer-sp p {
      font-family: ManropeLight;
      font-size: 19px;
      font-weight: 200;
      max-width: 494px; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp .row-inputs .col-md-6 {
      padding-right: 5px;
      padding-left: 5px;
      padding-bottom: 5px; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp .row-inputs input {
      width: 100%;
      height: 46px;
      border-radius: 5px;
      padding: 5px 10px; }
      .pr__footer_sp .uk-container-footer-sp .form-contact-sp .row-inputs input:focus {
        border: 3px solid #3EA9F0 !important;
        outline: none !important; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp .row-inputs input.error {
      border: 2px solid red !important;
      font-weight: 300;
      color: #000; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp .row-inputs input.valid {
      border: 3px solid #08B285 !important;
      font-weight: 300;
      color: #000; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp .row-inputs label {
      margin-bottom: 0; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp .row-textarea .col-12 {
      padding-right: 5px;
      padding-left: 5px; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp .row-textarea label {
      margin-bottom: 0; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp textarea {
      width: 100%;
      height: 172px;
      border-radius: 5px;
      padding: 5px 10px;
      margin: 0; }
      .pr__footer_sp .uk-container-footer-sp .form-contact-sp textarea:focus {
        border: 3px solid #3EA9F0 !important;
        outline: none !important; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp textarea.error {
      border: 2px solid red !important;
      font-weight: 300;
      color: #000; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp textarea.valid {
      border: 3px solid #08B285 !important;
      font-weight: 300;
      color: #000; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp button {
      max-width: 125px !important;
      min-width: 125px !important; }
    .pr__footer_sp .uk-container-footer-sp .form-contact-sp .row-button {
      margin-top: 33px;
      margin-left: 0;
      margin-right: 0; }
      .pr__footer_sp .uk-container-footer-sp .form-contact-sp .row-button .col-md-12 {
        padding-right: 5px;
        padding-left: 5px; }
    .pr__footer_sp .uk-container-footer-sp hr {
      margin-top: 52px;
      margin: 52px 0px 52px 0px;
      border-top: 1px solid #3EA9F0; }
    .pr__footer_sp .uk-container-footer-sp .row-bottom h4 {
      font-family: ManropeBold;
      font-size: 18px;
      color: white;
      margin-bottom: 5px; }
    .pr__footer_sp .uk-container-footer-sp .row-bottom p {
      max-width: 345px; }
    .pr__footer_sp .uk-container-footer-sp .row-bottom a {
      color: #3EA9F0;
      font-family: ManropeLight;
      font-weight: 200;
      text-decoration: underline; }

.overlay-sp-images {
  position: absolute;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  /* Black background with opacity */
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */ }

.uk-offcanvas-sp {
  z-index: 100000; }

#validationErrors .alert {
  padding: 10px 5px; }

#validationErrors ul {
  padding-left: 25px;
  margin-bottom: 0; }

.text-sp {
  font-size: 27px;
  font-family: ManropeLight;
  color: white;
  margin-bottom: 0px; }

@media (min-width: 960px) {
  .pr__header_sp .inner {
    height: 132px; }
  .uk-container-sp {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px; } }

@media only screen and (max-width: 1652px) {
  .pr__section_works_sp .row-tags-steps-sp .row {
    left: 11% !important; }
  .pr__section_works_sp .row-tags-steps-sp .row img {
    max-width: 80% !important; }
  .pr__section_works_sp .col-steps img {
    height: 100%;
    object-fit: cover; } }

@media only screen and (max-width: 1420px) {
  .pr__section_works_sp .row .how-it-works-content {
    margin: 20px auto; }
  .pr__section_works_sp .row .how-it-works-content h4 {
    font-size: 28px; }
  .pr__section_works_sp .row .how-it-works-content p {
    margin-bottom: 20px; } }

@media only screen and (max-width: 1525px) {
  .pr__section_works_sp {
    background-size: contain; } }

@media only screen and (max-width: 1500px) {
  .body-sp .containerOp .contentOp-main {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 180px; } }

@media only screen and (max-width: 1340px) {
  .pr__section_where_sp .content-sp {
    margin: 50px 70px; }
  .pr__section_percent_sp .uk-container-sp-lg .text-percent {
    font-size: 22px; } }

@media only screen and (max-width: 1199px) {
  .pr__section_works_sp {
    background: none; }
    .pr__section_works_sp .row {
      flex-direction: column-reverse; }
  .pr__section_works_sp .row-tags-steps-sp .row {
    display: none; }
  .pr__section_works_sp {
    min-height: unset; }
  .pr__section_works_sp .col-steps {
    /*max-height: 100px;*/
    display: none; }
    .pr__section_works_sp .col-steps img {
      width: 100%;
      object-fit: cover; }
  .steps-hidden {
    display: block !important; } }

@media only screen and (max-width: 1140px) {
  .pr__section_client_sp .overlay-sp h2 {
    font-size: 25px;
    padding-left: 50px;
    padding-right: 50px; }
  .row-tags-sp {
    margin-top: 0 !important; }
  .pr__section_percent_sp .uk-container-sp-lg .text-percent {
    font-size: 20px; }
  .pr__section_percent_sp .uk-container-sp-lg .header-percent {
    font-size: 24px; } }

@media only screen and (max-width: 992px) {
  .pr__section_client_sp .overlay-sp h2 {
    font-size: 24px; }
  .pr__section_works_sp {
    min-height: 100%; }
  .pr__footer_sp .pr__footer__top {
    padding-top: 25px !important; }
  .col-form {
    padding-right: 10px;
    padding-left: 10px; } }

@media only screen and (max-width: 960px) {
  .pr__header_sp {
    height: 90px !important; }
  .overlay-sp-images {
    display: block !important; }
  .pr__section_where_sp .content-sp {
    margin: 30px 15px; }
  .pr__section_partners_sp .section-outer .section-inner .col-right-sp .row-text-sp p {
    font-size: 18px; }
  .pr__section_partners_sp .section-outer .section-inner .left-h2-sp {
    font-size: 25px; }
  .pr__section_partners_sp .section-outer .section-inner .left-p-sp {
    font-size: 18px;
    font-family: Manrope;
    color: white; }
  .pr__section_percent_sp .uk-container-sp-lg .text-percent {
    font-family: ManropeLight;
    text-align: center;
    font-size: 18px; }
  .pr__header_sp.uk-active {
    max-height: 90px !important; } }

@media only screen and (max-width: 768px) {
  .pr__section_partners_sp .section-outer .section-inner .col-left-sp {
    display: flex;
    justify-content: center;
    margin: auto;
    flex-direction: column;
    max-width: 100%; }
  .pr__section_client_sp .overlay-sp h2 {
    font-size: 20px;
    padding-left: 50px;
    padding-right: 50px; }
  .pr__section_client_sp .overlay-sp p {
    padding-left: 50px;
    padding-right: 50px; }
  .pr__section_works_sp .row .how-it-works-content h2 {
    font-size: 32px;
    margin-bottom: 0 !important; }
  .pr__section_works_sp .row .how-it-works-content h4 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 20px; }
  .pr__footer_sp .uk-container-footer-sp .text-get-in-touch {
    font-size: 32px; }
  .pr__footer_sp .uk-container-footer-sp p {
    font-size: 17px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px; }
  .form-contact-sp .row-inputs {
    padding-bottom: 0 !important; }
    .form-contact-sp .row-inputs .col-md-6 {
      padding-right: 5px !important;
      padding-left: 5px !important; }
  .form-contact-sp .row-textarea .col-12 {
    padding-top: 1px;
    padding-right: 5px !important;
    padding-left: 5px !important; }
  .form-contact-sp .row-button .col-md-12 {
    padding-right: 5px !important;
    padding-left: 5px !important; }
  .pr__section_client_sp {
    min-height: 350px; }
  .pr__section_where_sp h2 {
    font-size: 32px; }
  #rowContactUs p, .row-bottom p {
    margin-bottom: 20px !important;
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .pr__footer_sp .uk-container-footer-sp hr {
    margin: 40px 0px 40px 0px; } }

@media only screen and (max-width: 720px) {
  .body-sp .containerOp .contentOp-main {
    margin-top: 90px; }
  .uk-heading-hero-text-sp {
    font-size: 40px; }
  .carousel-btns-sp {
    bottom: 0px !important; }
  .body-sp .uk-section-header-sp {
    /*min-height: 1040px;*/
    min-height: 100vh; }
  .col-text-mobile {
    margin-top: 0 !important; }
  .pr__section_cards_sp {
    margin-top: 0; }
  .quotes-sp-div {
    margin-top: 0px;
    margin-bottom: 10px; }
  .quotes-sp-div-2 {
    margin-top: 0px;
    margin-bottom: 10px; }
  .body-sp .contentOp-main-sp .uk-container-main {
    margin: 0;
    /*display: flex;*/
    display: block;
    margin: auto;
    height: 100%;
    /*padding-bottom: 100px;*/
    padding-bottom: 0;
    align-items: center;
    width: 100%; }
  .line-sp {
    margin-bottom: 1rem !important; }
  .text-sp {
    font-size: 22px; } }

@media only screen and (max-width: 540px) {
  .carousel-btns-sp {
    display: none !important; }
  .pr__section_client_sp .overlay-sp h2 {
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px; }
  .body-sp .containerOp .contentOp-main {
    padding-left: 15px;
    padding-right: 15px; }
  .uk-heading-hero-text-sp {
    font-size: 30px; }
  .uk-heading-hero-text-sp-2 {
    font-size: 25px; }
  .quotes-sp-div .quotes-sp-image {
    max-width: 75px; }
  .quotes-sp-div-2 .quotes-sp-image {
    max-width: 75px !important; }
  .alexa-text-sp-div .alexa-text-sp {
    font-size: 17px; }
  .alexa-text-sp-div .alexa-text-sp-2 {
    font-size: 16px; }
    .alexa-text-sp-div .alexa-text-sp-2 img {
      max-width: 50px; }
  .header-cards-sp {
    font-size: 24px; }
  .pr__section_client_sp {
    min-height: 420px; }
  .buttonGradientSP, .buttonGradientSP-where, .buttonGradientSP-full {
    max-width: 147px;
    min-width: 147px;
    font-size: 16px;
    height: 47px; }
  .buttonGradientSP-how {
    max-width: 175px;
    min-width: 175px;
    font-size: 16px;
    height: 47px; }
  .buttonGradientSP-discover {
    max-width: unset !important;
    min-width: unset !important;
    font-size: 14px !important;
    width: 100% !important;
    white-space: break-spaces; }
  .containerOp .contentOp-main-sp .section-inner {
    width: 100%; } }

@media screen and (orientation: landscape) {
  .body-sp .uk-section-header-sp {
    min-height: 1200px !important; } }

@media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 667px) {
  .body-sp .uk-section-header-sp {
    min-height: 690px !important; } }

/* 09. Responsive
--------------------------------------------------- */
@media only screen and (max-width: 959px) {
  .vocala-logo {
    margin-bottom: 0px; } }

@media only screen and (max-width: 1240px) {
  .header-first-image {
    bottom: 0px; } }

@media only screen and (max-width: 1120px) {
  .header-first-image {
    position: relative; } }

@media only screen and (max-width: 1120px) {
  .header-second-image {
    position: relative; } }

@media only screen and (max-width: 1101px) {
  .header-second-image {
    bottom: auto; } }

@media only screen and (max-width: 671px) {
  .uk-heading-hero {
    font-size: 40px; } }

@media only screen and (max-width: 1565px) {
  .carousel-height-first {
    height: auto; } }

@media only screen and (max-width: 1565px) {
  .carousel-height {
    height: auto; } }

@media only screen and (max-width: 1565px) {
  .carousel-height-second {
    height: auto; } }

@media only screen and (max-width: 800px) {
  .uk-heading-hero-text {
    font-size: 40px !important; } }

@media only screen and (max-width: 615px) {
  .uk-heading-hero-text {
    font-size: 30px !important; } }

@media only screen and (max-width: 570px) {
  .carousel-image-second-text {
    font-size: 15px; } }

@media only screen and (max-width: 1639px) {
  .carousel-btns {
    margin-bottom: 0px !important; } }

@media only screen and (max-width: 1440px) {
  .carousel-indicators li {
    width: 55px; } }

@media only screen and (max-width: 1280px) {
  .carousel-indicators li {
    width: 62px; }
  .featured-image {
    height: auto !important;
    width: 100% !important; }
  .featured-image p img {
    width: 100%; }
  .blog-listing.chess-layout .post.post.type-post .outer .inner {
    height: auto !important;
    width: 100% !important; }
  .containerOp .contentOp-main {
    padding: 0px 65px 0px 65px; } }

@media only screen and (max-width: 1200px) {
  .carousel-indicators li {
    width: 45px; }
  .carousel-indicators {
    right: -58px;
    bottom: 70px; }
  .blog-listing .inner .item {
    width: 50% !important; } }

@media only screen and (max-width: 1198px) {
  #links-bread {
    padding-left: 30px; } }

@media only screen and (max-width: 1024px) {
  .carousel-indicators li {
    width: 42px; }
  .uk-container-main {
    margin-left: 0;
    margin-right: 0; }
  .containerOp .contentOp-main {
    padding: 0px 65px 0px 65px; }
  .containerOp .contentOp-main-sp .uk-container-main {
    margin-left: 0;
    margin-right: 0; }
    .containerOp .contentOp-main-sp .uk-container-main .section-inner {
      margin-top: 0 !important; }
  .alexa-text-sp-div .alexa-text-sp-home {
    font-size: 25px; }
  .uk-heading-hero-text-sp-2 {
    font-size: 28px; }
  .quotes-sp-div-2 .quotes-sp-image {
    max-width: 80px; }
  .alexa-text-sp-div .alexa-text-sp-home-2 {
    margin-bottom: 10px; }
  .alexa-text-sp-div {
    margin-top: 15px !important; }
  .buttonGradientSP-discover {
    max-width: 300px;
    font-size: 15px; } }

@media only screen and (max-width: 1000px) {
  .uk-heading-hero {
    font-size: 40px; }
  .main-text-carousel {
    font-size: 18px; } }

@media only screen and (max-width: 959px) {
  .carousel-indicators {
    bottom: 25px; }
  .carousel-controls {
    display: none !important; }
  .uk-heading-hero {
    font-size: 35px; }
  .uk-container-main {
    margin-right: 40px;
    margin-left: 40px; }
  .width-50 {
    width: 50% !important; } }

@media only screen and (max-width: 858px) {
  .col-md-5-new {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52.666667%;
    flex: 0 0 52.666667%;
    max-width: 52.666667%; }
  .uk-container-main {
    margin-right: 5px;
    margin-left: 5px; } }

@media only screen and (max-width: 759px) {
  .col-md-5-new {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60.666667%;
    flex: 0 0 60.666667%;
    max-width: 60.666667%; }
  .uk-container-main {
    margin-right: 0px;
    margin-left: 0px; }
  .model-titles {
    font-size: 35px; }
  .uk-heading-hero-text-sp-2 {
    font-size: 35px; }
  .alexa-text-sp-div .alexa-text-sp {
    font-size: 25px; }
  .alexa-text-sp-div .alexa-text-sp-home {
    font-size: 18px; }
  .alexa-text-sp-div .alexa-text-sp-home-2 {
    font-size: 18px; }
    .alexa-text-sp-div .alexa-text-sp-home-2 img {
      max-width: 55px; }
  .uk-heading-hero-text-sp-2 {
    font-size: 30px; }
  .quotes-sp-div-2 .quotes-sp-image {
    max-width: 85px !important; } }

@media only screen and (max-width: 705px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_carel, .carousel_image_main_happy {
    width: 705px; }
  .main-text-carousel {
    font-size: 16px; }
  .uk-button-large-new {
    padding: 15px 25px; }
  .uk-button.uk-button-large-new {
    height: 50px !important; }
  .containerOp {
    max-width: 130%; }
  .carousel-height {
    height: 100% !important; }
  .carousel-inner, .carousel, .carousel-item, .container, .fill {
    min-height: 100%; }
  .carousel-indicators {
    bottom: 25px; }
  .carousel-indicators li {
    width: 40px; }
  .buttonGradientSP-discover {
    max-width: 320px !important;
    min-width: 320px !important;
    font-size: 16px !important; } }

@media only screen and (max-width: 640px) {
  .col-md-5-new {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 93.666667%;
    flex: 0 0 93.666667%;
    max-width: 93.666667%; }
  .uk-button.uk-button-large-new {
    height: 40px !important; }
  .uk-button-large-new {
    padding: 15px 20px; }
  .uk-container-nav {
    margin-right: 40px;
    margin-left: 40px; }
  .main-text-carousel {
    font-size: 18px; }
  .carousel-indicators li {
    width: 35px; }
  .carousel-indicators {
    bottom: 30px; }
  /*.uk-breadcrumb > li > a, .uk-breadcrumb > li > span {
        width: 100%;
    }

    .uk-breadcrumb > * {
        width: 100%;
    }*/
  .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    margin: 0px 5px; }
  .uk-section-news {
    padding-top: 20px !important; }
  .news-home {
    padding-top: 0px !important; }
  .uk-breadcrumb > li > a, .uk-breadcrumb > li > span {
    font-size: 15px !important; }
  .model-titles {
    font-size: 25px; }
  #il-news::after {
    content: "/";
    margin: 0px 5px; }
  #il-title::before {
    content: none; }
  #il-title {
    flex: auto; }
  .blog-listing .inner .item {
    width: 100% !important; }
  .page-title {
    font-size: 30px; } }

@media only screen and (max-width: 570px) {
  .carousel-image-second-text {
    font-size: 15px; } }

@media only screen and (max-width: 540px) {
  .carousel_image_main {
    /*display: none !important;*/
    background-image: url("/assets/images/running-air-pods-mobile.jpg");
    background-position: center;
    height: 736px; }
  .carousel_image_main_smart {
    background-image: url("/assets/images/smart-watch-checkatrade-mobile.jpg");
    background-position: center;
    height: 736px; }
  .carousel_image_main_deal {
    background-image: url("/assets/images/deal-or-no-deal-mobile.jpg");
    background-position: center;
    height: 736px; }
  .carousel_image_main_care {
    background-image: url("/assets/images/smart-properties/Vocala_AlexaForCareBanner_1a_Blank-mobile-with-overlay.jpg");
    background-position: center;
    height: 736px; }
  .carousel_image_main_happy {
    background-image: url("/assets/images/happy-place-banner-mobile.jpg");
    background-position: center;
    height: 736px; }
  /*.carousel_image_mob {
        display: block !important;
    }*/
  .uk-container-main {
    margin-right: auto;
    margin-left: auto;
    width: 100%; }
  .uk-container-nav {
    margin-right: 25px;
    margin-left: 25px;
    max-height: 90px; }
  .uk-heading-hero-text-main {
    font-size: 35px; }
  .main-text-carousel {
    margin: 11px 15px 27px 0px;
    font-size: 22px; }
  .carousel-controls {
    display: none !important; }
  .carousel-indicators li {
    width: 72px; }
  .carousel-indicators {
    right: -150px; }
  .containerOp {
    width: 100%;
    max-width: 100%; }
  .uk-button-large-new {
    padding: 15px 40px; }
  .uk-button.uk-button-large {
    height: 60px !important; }
  .blog-listing.style-one .post.type-post > .outer > .inner-2 {
    text-align: center;
    padding: 45px; }
  .blog-listing.chess-layout .post.post.type-post .outer .inner {
    width: 100% !important; }
  .post.type-post > .outer > .featured-image {
    width: 100% !important; }
  .buttonGradientSP-discover {
    max-width: 280px !important;
    min-width: 280px !important;
    font-size: 14px !important; } }

@media only screen and (max-width: 525px) {
  .containerOp .contentOp-main {
    padding: 0px 25px 0px 25px; }
  .containerOp .contentOp-main-sp {
    padding: 0px 25px 0px 25px; }
    .containerOp .contentOp-main-sp .uk-container-main {
      padding: 0px 25px 0px 25px; }
  .uk-heading-hero-text-main {
    font-size: 30px; }
  .main-text-carousel {
    font-size: 20px; }
  .carousel-btns {
    bottom: 0px !important;
    right: 0px !important;
    display: none; }
  .news-btm {
    width: 100% !important; } }

@media only screen and (max-width: 425px) {
  .uk-heading-hero-text-main {
    font-size: 26px; }
  .main-text-carousel {
    font-size: 18px; }
  .carousel-indicators li {
    width: 74px; } }

@media only screen and (max-width: 375px) {
  .containerOp .contentOp-main {
    padding: 0px 25px 0px 25px; }
  /*.carousel_image_main {
        height: 667px;
    }*/
  .model-titles {
    font-size: 20px; } }

@media only screen and (max-width: 360px) {
  .containerOp .contentOp-main {
    padding: 0px 25px 0px 25px; }
  .uk-heading-hero-text-main {
    font-size: 22px; }
  .main-text-carousel {
    font-size: 17px; }
  /*.carousel_image_main {
        display: none !important;
    }

    .carousel_image_mob {
        display: block !important;
    }*/
  .uk-container-nav {
    margin-right: 20px;
    margin-left: 20px; }
  .carousel-indicators li {
    width: 40px; }
  .carousel-indicators {
    right: -80px;
    bottom: 110px; }
  .carousel_image_main {
    height: 640px; } }

@media only screen and (max-width: 320px) {
  .containerOp .contentOp-main {
    padding: 0px 25px 0px 25px; }
  .uk-heading-hero-text-main {
    font-size: 20px; }
  .main-text-carousel {
    font-size: 16px; }
  /*.carousel_image_main {
        display: none !important;
    }

    .carousel_image_mob {
        display: block !important;
    }*/
  .uk-container-nav {
    margin-right: 20px;
    margin-left: 20px; }
  .carousel-indicators li {
    width: 36px; }
  .carousel-indicators {
    right: -100px;
    bottom: 110px; } }

@media only screen and (max-width: 767px) {
  .btn-float {
    float: none;
    text-align: center; }
  .text-float {
    text-align: center; }
  .next-project {
    position: initial;
    margin-bottom: 30px;
    width: 85%; }
  .lets-marg {
    margin-bottom: .5rem; } }

@media only screen and (max-width: 1024px) {
  /*Section: Works Boxes*/
  .item.work-box > .outer {
    box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.2); }
    .item.work-box > .outer > .image {
      transform: scale(1.2);
      filter: grayscale(0%);
      -webkit-transition: transform 1.05s;
      -moz-transition: transform 1.05s; }
    .item.work-box > .outer > .inner {
      background-image: -moz-linear-gradient(90deg, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%);
      background-image: -webkit-linear-gradient(90deg, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%);
      opacity: 0.86; }
      .item.work-box > .outer > .inner > * {
        transform: translateX(0);
        opacity: 1; } }

@media only screen and (max-width: 1120px) {
  .interfloraBackground {
    padding-top: 72.666667% !important; } }

@media only screen and (max-width: 959px) {
  .pr__section .section-heading .inner-news {
    display: block !important; }
  .inner-mobile {
    justify-content: center;
    text-align: center;
    display: block !important; }
  .hr-mobile {
    width: 100% !important; } }

@media only screen and (max-width: 900px) {
  .interfloraBackground {
    padding-top: 85.666667% !important; } }

.map {
  height: 350px !important; }

@media only screen and (max-width: 720px) {
  .map {
    height: 260px !important; } }

@media only screen and (max-width: 480px) {
  .item.work-box > .outer {
    max-height: 195.50px; }
  /*Section: Works Boxes*/
  /*.item.work-box {
        > .outer {
            box-shadow: 0 1px 15px 1px rgba(0, 0, 0, .2);

            > .image {
                transform: scale(1.2);
                filter: grayscale(0%);
                -webkit-transition: transform 1.05s;
                -moz-transition: transform 1.05s;
            }

            > .inner {
                background-image: -moz-linear-gradient( 90deg, rgb(29, 181, 132) 0%, rgb(39, 177, 165) 12%, rgb(50, 173, 202) 47%, rgb(63, 169, 244) 100%);
                background-image: -webkit-linear-gradient( 90deg, rgb(29, 181, 132) 0%, rgb(39, 177, 165) 12%, rgb(50, 173, 202) 47%, rgb(63, 169, 244) 100%);
                opacity: 0.86;

                > * {
                    transform: translateX(0);
                    opacity: 1;
                }
            }
        }
    }*/ }

@media only screen and (max-width: 767px) {
  .heightFearneFull {
    height: 100%; }
  .heightTriviaFull {
    height: 100%; }
  .heightPuzzlerFull {
    height: 100%; }
  .googleactionBackground {
    padding-top: 66.6666667%; }
  .pr__image__cover_contain {
    background-size: cover; }
  .adjustImgMob {
    margin-top: 1.5rem; }
  /*.gridTrivia {
        background-position: left;
    }*/ }

@media only screen and (max-width: 991px) {
  .randomize {
    max-height: fit-content !important; }
  .news-random-mob {
    height: auto !important; } }

@media only screen and (max-width: 767px) {
  #right, #left, #middle {
    height: auto !important; }
  .services-text {
    min-height: 0; }
  .backgroundServices {
    min-height: 302px; } }

@media only screen and (max-width: 900px) {
  .circle-link i {
    font-size: 15px; } }

.table-image {
  background-image: url("/assets/images/wood-table.jpg");
  /* The image used */
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */ }

/*.are-you-talking-to-me {
    .overlay {
        display: none !important;
        visibility: hidden;
    }
}*/
@media (max-width: 812px) and (orientation: landscape) {
  /*.carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_happy {
        height: -webkit-fill-available;
        background-size: cover;
    }*/
  .containerOp .contentOp-main {
    /*padding: 50px 65px 30px 65px;*/
    padding: 0px 75px 0px 40px; }
  .col-md-5-new {
    width: 100% !important;
    max-width: unset;
    flex: 0 0 100%; }
  .uk-heading-hero {
    font-size: 24px;
    margin-bottom: 0px; }
  .main-text-carousel {
    font-size: 15px;
    margin-bottom: 0px; }
  .margin-mob-ld {
    margin-bottom: 0px !important; }
  .pr__hr__primary {
    margin-bottom: 5px; }
  /*.hero-content {
        margin-left: -50px;
    }*/
  .containerOp .contentOp-main-sp .uk-container-main {
    align-items: start;
    padding-top: 100px !important; } }

/* iPhone 5 Retina regardless of IOS version */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {*/
/*IPhone 5 only CSS here*/
/*.carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_happy {
        height: 414px;
    }
    .hero-content {
        margin-left: -50px;
    }
}*/
@media (min-height: 600px) and (min-width: 1024px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 600px; } }

@media (min-height: 768px) and (min-width: 1024px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 768px; } }

@media (min-height: 800px) and (min-width: 1280px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 800px; } }

@media (min-height: 950px) and (min-width: 1280px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 950px; } }

@media (min-height: 900px) and (min-width: 1440px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 900px; } }

@media (min-height: 763px) and (min-width: 1640px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 907px; } }

@media (min-height: 939px) and (min-width: 1680px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 936px; } }

@media (min-height: 969px) and (min-width: 1920px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 966px; } }

@media (min-height: 1080px) and (min-width: 1920px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 1080px !important; } }

@media (min-height: 1024px) and (min-width: 600px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 1024px; } }

@media (min-height: 1024px) and (min-width: 768px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 1024px; } }

@media (min-height: 1366px) and (min-width: 1024px) {
  .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_care, .carousel_image_main_happy {
    height: 1366px; } }

@media only screen and (max-width: 736px) {
  #sectionClientsMain {
    display: none !important; }
  #sectionClientsMob {
    display: block !important; }
  .class-amazon {
    border-right: 0 !important;
    border-left: 1px solid #C2CAD5; }
  .class-ymu {
    border-right: 1px solid #C2CAD5; }
  .class-rw {
    border-right: 0 !important; }
  .class-inter {
    border-left: 1px solid #C2CAD5; }
  .class-lg {
    border-right: 0 !important; }
  .class-dro {
    border-right: 1px solid #C2CAD5; }
  .class-cat {
    border-right: 1px solid #C2CAD5; }
  .class-phe {
    border-right: 1px solid #C2CAD5; } }

@media only screen and (max-width: 575px) {
  .class-amazon {
    border-right: 1px solid #C2CAD5 !important;
    border-left: 0 !important; }
  .class-ymu {
    border-right: 0; }
  .class-lg {
    border-right: 1px solid #C2CAD5 !important;
    border-left: 0 !important; }
  .class-cat {
    border-right: 0; }
  .class-phe {
    border-right: 0; }
  .class-inter {
    border-left: 0; }
  .class-rw {
    border-right: 1px solid #C2CAD5 !important; } }

@media only screen and (max-width: 350px) {
  .class-esg, .class-itv, .class-amazon, .class-ymu, .class-rw, .class-inter, .class-puz,
  .class-dro, .class-lg, .class-cat, .class-wm, .class-mw, .class-rn, .class-phe {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    border-left: 0 !important;
    border-right: 0 !important; } }

/*@media screen and (min-width: 1024px) {
    .carousel_image_main, .carousel_image_main_smart, .carousel_image_main_deal, .carousel_image_main_happy {
        background-size: cover;
    }

    .containerOp .contentOp-main {
        padding: 260px 65px 280px 65px;
    }
}*/
@media (min-width: 640px) {
  /* Mobile Navbar */
  .pr__mobile__nav .menu {
    padding: 60px; }
    .pr__mobile__nav .menu > ul > li > a {
      font-size: 1.5rem; }
  /* Section: Hero */
  .pr__hero__wrap {
    /*background-position: right;*/ } }

@media (min-width: 960px) {
  /* Header */
  .pr__header {
    /*height: 100px;*/
    display: block; }
    .pr__header .inner {
      height: 90px; }
      .pr__header .inner .navbar {
        display: flex;
        /*font-weight: bold;*/
        letter-spacing: -.02em;
        line-height: 1; }
        .pr__header .inner .navbar > * + * {
          margin-left: 40px; }
        .pr__header .inner .navbar .menu {
          display: block;
          position: relative; }
          .pr__header .inner .navbar .menu > ul {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0; }
            .pr__header .inner .navbar .menu > ul > * + li {
              margin-left: 1.4rem; }
            .pr__header .inner .navbar .menu > ul > li {
              position: relative; }
              .pr__header .inner .navbar .menu > ul > li a {
                color: white; }
                .pr__header .inner .navbar .menu > ul > li a:after {
                  content: "";
                  position: absolute;
                  left: 0;
                  bottom: -4px;
                  width: 0;
                  height: 1px;
                  border-bottom: 2px solid;
                  display: inline-block;
                  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
              .pr__header .inner .navbar .menu > ul > li:hover a, .pr__header .inner .navbar .menu > ul > li.uk-active a {
                /*color: $mainClr;*/
                /*color: white;*/
                /*font-weight: bold;*/
                text-shadow: 0px 0px 1px white; }
                .pr__header .inner .navbar .menu > ul > li:hover a:after, .pr__header .inner .navbar .menu > ul > li.uk-active a:after {
                  width: 20px;
                  /*color: $mainClr;*/
                  color: #3fa9f4;
                  /*font-weight: bold;*/ }
        .pr__header .inner .navbar .lang {
          min-width: 40px;
          text-align: right;
          /*@include color($secClr, $mainClr);*/
          color: #101010; }
          .pr__header .inner .navbar .lang:hover {
            color: #3fa9f4; }
          .pr__header .inner .navbar .lang i {
            font-size: 10px;
            position: relative;
            top: -2px; }
      .pr__header .inner .navbar-tigger {
        display: none; }
    .pr__header.uk-active {
      /*background-color: $white;*/
      background-color: #15374D;
      /*height: 100px;*/ }
      .pr__header.uk-active .inner {
        /*height: 140px;*/ }
    .pr__header.pr__dark .inner .logo .brand {
      background-position-y: -32px; }
  body.page-template .pr__hero__wrap .pr__header .inner .logo .brand {
    background-position-y: -32px; }
  /* Section: Global */
  .pr__section .section-heading .inner {
    flex-direction: row;
    align-items: center; }
    .pr__section .section-heading .inner .right {
      margin-top: 0; }
    .pr__section .section-heading .inner .title {
      font-size: 48px; }
  /* Section: Features Boxes */
  .item.feature-box > .inner {
    z-index: 1; }
  .item.feature-box:last-child:before {
    content: "";
    background-color: #3fa9f4;
    /*background-color: $mainClr;*/
    height: 70px;
    width: calc(100% - 10px);
    position: absolute;
    bottom: -20px;
    z-index: 0; }
  /* Section: About */
  .item.about-box.has-image > .outer > .inner {
    padding: 30px; }
  /* Section: Client Box */
  .item.client-box.client-image .image {
    position: relative;
    z-index: 1; }
  .item.client-box.client-image:before {
    content: "";
    background: -webkit-linear-gradient(top, #1db584 0%, #27b1a5 12%, #32adca 47%, #3fa9f4 100%);
    height: 100px;
    width: 100px;
    position: absolute;
    right: -20px;
    bottom: -20px;
    z-index: 0; }
  /* Blog Listing */
  .blog-listing.chess-layout:hover .post.type-post {
    opacity: .4; }
  .blog-listing.chess-layout .item:nth-child(8n) .post.type-post .outer .featured-image:after,
  .blog-listing.chess-layout .item:nth-child(5n+5) .post.type-post .outer .featured-image:after,
  .blog-listing.chess-layout .item:nth-child(2) .post.type-post .outer .featured-image:after {
    top: 0;
    bottom: auto;
    border-top: 18px solid white;
    border-bottom: 0 solid transparent; }
  .blog-listing.chess-layout .item:nth-child(8n) .post.type-post .outer .inner,
  .blog-listing.chess-layout .item:nth-child(5n+5) .post.type-post .outer .inner,
  .blog-listing.chess-layout .item:nth-child(2) .post.type-post .outer .inner {
    order: -1; }
  /* Footer */
  .pr__footer .columns {
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .pr__footer .columns .pr__social,
    .pr__footer .columns .pr__copyrights {
      order: -1; }
  /* Utitlites */
  /*.uk-heading-hero {
        font-size: 50px;
    }*/ }

.header-news {
  background-color: #15374D !important; }

@media (min-width: 1200px) {
  /* Section: Hero */
  .pr__hero__wrap {
    /*background-position: 70%;*/ }
  /* Section: Features Boxes */
  .features-boxes > .item > .inner {
    padding: 60px 40px; }
    .features-boxes > .item > .inner .title {
      font-size: 24px;
      margin: 60px 0 5px 0; } }

/*.owl-item {
    background-color: #D2527F;
    color: white;
    text-align: center;
    padding: 100px 0;
}

.owl-prev {
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
}

.owl-next {
    float: right;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
}

.owl-dots {
    counter-reset: slides-num; 
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 15px;

    &:after {
        content: counter(slides-num);
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        vertical-align: middle;
        padding-left: 5px;
    }
}

.owl-dot {
    display: inline-block;
    counter-increment: slides-num; 
    margin-right: 5px;

    span {
        display: none;
    }

    &.active {

        &:before {
            content: counter(slides-num) " of"; 
            display: inline-block;
            vertical-align: middle;
            font-size: 20px;
            position: absolute;
            left: 0;
            top: 0;
        }
    }
}*/
.owl-next, .owl-prev {
  position: absolute;
  top: 80%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.owl-next {
  right: 0;
  display: flex;
  font-size: 40px !important;
  color: white !important; }

.owl-prev {
  left: 0;
  display: flex;
  font-size: 40px !important;
  color: white !important; }

.owl-next:hover {
  color: #0093c9 !important; }

.owl-prev:hover {
  color: #0093c9 !important; }

@media only screen and (max-width: 959px) {
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    padding: 20px !important; } }

.fa-prev-and-next {
  font-size: 40px; }

.carousel-control-next, .carousel-control-prev {
  width: 4% !important;
  z-index: 100; }

@media only screen and (max-width: 720px) {
  .carousel-control-mobile {
    align-items: flex-end;
    bottom: 15px; } }