/*----------------------------------------------------
@File: Default Styles
@Author: SPONDON IT

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: HostHub Construction 
@Developed By: Naim Lasker
Author E-mail: naimlasker@gmail.com

=====================================================================*/
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
/*=================== fonts ====================*/
@import url("https://fonts.googleapis.com/css?family=Rajdhani:400,600|Montserrat:400,500,500i");
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Medium Layout: 1280px */
/* Tablet Layout: 768px */
/* Mobile Layout: 320px */
/* Wide Mobile Layout: 480px */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
body {
  line-height: 24px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #777777; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rajdhani", sans-serif;
  font-weight: 600; }

.list {
  list-style: none;
  margin: 0px;
  padding: 0px; }

a {
  text-decoration: none;
  transition: all 0.3s ease-in-out; }
  a:hover, a:focus {
    text-decoration: none;
    outline: none; }

button:focus {
  outline: none;
  box-shadow: none; }

.mt-25 {
  margin-top: 25px; }

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

.white_bg {
  background: #fff !important; }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.section_gap {
  padding: 120px 0; }
  @media (max-width: 991px) {
    .section_gap {
      padding: 80px 0; } }

.section_gap_top {
  padding-top: 120px; }
  @media (max-width: 991px) {
    .section_gap_top {
      padding-top: 80px; } }

.section_gap_bottom {
  padding-bottom: 120px; }
  @media (max-width: 991px) {
    .section_gap_bottom {
      padding-bottom: 80px; } }

/* Main Title Area css
============================================================================================ */
.main_title {
  text-align: center;
  margin-bottom: 75px; }
  @media (max-width: 767px) {
    .main_title {
      margin-bottom: 40px; } }
  .main_title h2 {
    font-family: "Rajdhani", sans-serif;
    font-size: 36px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: capitalize; }
  .main_title p {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    line-height: 24px;
    color: #777777;
    margin-bottom: 0px;
    margin: auto; }
  .main_title.white h2 {
    color: #fff; }
  .main_title.white p {
    color: #fff;
    opacity: .6; }
  .main_title .top_title {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 20px; }

/* End Main Title Area css
============================================================================================ */
/* Start Gradient Area css
============================================================================================ */
.gradient-bg, .header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link, .blog_right_sidebar .widget_title, .blog_right_sidebar .newsletter_widget .bbtns, .blog_right_sidebar .tag_cloud_widget ul li a:hover, .blog-pagination .page-item.active .page-link, .blog-pagination .page-link:hover, .comments-area .btn-reply:hover, .recent_update_inner .nav.nav-tabs li a.active, .recent_update_inner .nav.nav-tabs li a:hover, .common_style .line:after, .price_item:hover .price_head, .price_item:hover .price_footer, .testimonial_area .active_testimonial .owl-dots, .news_widget .input-group .sub-btn {
  background: -webkit-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  background: -moz-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  background: -o-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  background: linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%); }

.border-gradient {
  border-image: -webkit-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  border-image: -moz-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  border-image: -o-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  border-image: linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%); }

.gradient-bg2 {
  background: -webkit-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  background: -moz-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  background: -o-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  background: linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%); }

.gradient-color, .contact_info .info_item i, .recent_update_inner .nav.nav-tabs li a span.lnr {
  background: -webkit-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  background: -moz-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  background: -o-linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  background: linear-gradient(90deg, #eeb14f 0%, #eca2f1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

/* End Gradient Area css
============================================================================================ */
.primary_btn {
  display: inline-block;
  color: #22195e;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 47px;
  outline: none !important;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  border: double 2px transparent;
  border-radius: 5px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #eeb14f, #eca2f1);
  background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #eeb14f, #eca2f1);
  background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #eeb14f, #eca2f1);
  background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #eeb14f, #eca2f1);
  background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #eeb14f, #eca2f1);
  background-origin: border-box;
  background-clip: content-box, border-box; }
  .primary_btn span {
    padding: 0 35px; }
  .primary_btn:hover {
    background-image: linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -webkit-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -webkit-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -moz-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -moz-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -ms-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -ms-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -o-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -o-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    color: #fff;
    box-shadow: 0px 10px 30px rgba(130, 82, 250, 0.2);
    border: 2px solid transparent; }

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

/* Start Video Play css
============================================================================================ */
.video-play-button {
  position: relative;
  box-sizing: content-box;
  display: inline-block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 46px 8px 18px 28px; }
  .video-play-button:before, .video-play-button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 60px;
    height: 60px;
    background: -webkit-linear-gradient(90deg, #e93d88 0%, #e5935a 100%);
    background: -moz-linear-gradient(90deg, #e93d88 0%, #e5935a 100%);
    background: -o-linear-gradient(90deg, #e93d88 0%, #e5935a 100%);
    background: linear-gradient(90deg, #e93d88 0%, #e5935a 100%);
    border-radius: 50%; }
  .video-play-button:before {
    z-index: 0;
    -webkit-animation: pulse-border 2000ms ease-out infinite;
    -moz-animation: pulse-border 2000ms ease-out infinite;
    -o-animation: pulse-border 2000ms ease-out infinite;
    animation: pulse-border 2000ms ease-out infinite; }
  .video-play-button:after {
    z-index: 1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease; }
  .video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 16px solid #ffffff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; }
  .video-play-button:hover:after {
    background-color: #5e20f9; }

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: .7; }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1; } }
@-moz-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: .7; }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1; } }
@-o-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: .7; }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1; } }
@keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: .7; }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1; } }
/* End Video Play css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.header_area {
  position: relative;
  width: 100%;
  z-index: 9999;
  background: #ffffff; }
  .header_area .navbar-brand {
    margin-right: 30px; }
  .header_area .menu_nav {
    width: 100%; }
  .header_area .navbar {
    background: transparent;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    width: 100%; }
    .header_area .navbar .nav .nav-item {
      margin-right: 45px; }
      .header_area .navbar .nav .nav-item .nav-link {
        font: 500 15px/100px "Montserrat";
        color: #ededed;
        padding: 0px;
        display: inline-block; }
        .header_area .navbar .nav .nav-item .nav-link:after {
          display: none; }
        .header_area .navbar .nav .nav-item:hover .nav-link, .header_area .navbar .nav .nav-item.active .nav-link {
   
            color: #eeb14f;
        }
      .header_area .navbar .nav .nav-item.submenu {
        position: relative; }
        .header_area .navbar .nav .nav-item.submenu ul {
          border: none;
          padding: 0px;
          border-radius: 0px;
          box-shadow: none;
          margin: 0px;
          background: #fff; }
          @media (min-width: 992px) {
            .header_area .navbar .nav .nav-item.submenu ul {
              position: absolute;
              top: 120%;
              left: 0px;
              min-width: 200px;
              text-align: left;
              opacity: 0;
              transition: all 300ms ease-in;
              visibility: hidden;
              display: block;
              border: none;
              padding: 0px;
              border-radius: 0px;
              box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4); } }
          .header_area .navbar .nav .nav-item.submenu ul:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 10px 0 10px;
            border-color: #eeb14f transparent transparent transparent;
            position: absolute;
            right: 24px;
            top: 45px;
            z-index: 3;
            opacity: 0;
            transition: all 400ms linear; }
          .header_area .navbar .nav .nav-item.submenu ul .nav-item {
            display: block;
            float: none;
            margin-right: 0px;
            border-bottom: 1px solid #ededed;
            margin-left: 0px;
            transition: all 0.4s linear; }
            .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
              line-height: 45px;
              color: #263547;
              padding: 0px 30px;
              transition: all 150ms linear;
              display: block;
              margin-right: 0px; }
            .header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {
              border-bottom: none; }
            .header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
              color: #fff; }
        @media (min-width: 992px) {
          .header_area .navbar .nav .nav-item.submenu:hover ul {
            visibility: visible;
            opacity: 1;
            top: 100%; } }
        .header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {
          margin-top: 0px; }
      .header_area .navbar .nav .nav-item:last-child {
        margin-right: 0px; }
  .header_area.navbar_fixed .main_menu {
    position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    background: #ffffff;
    transform: translateY(70px);
    transition: transform 500ms ease, background 500ms ease;
    -webkit-transition: transform 500ms ease, background 500ms ease;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); }
    .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
      line-height: 70px; }
  @media (min-width: 992px) {
    .header_area.white_menu .navbar .navbar-brand img {
      display: none; }
      .header_area.white_menu .navbar .navbar-brand img + img {
        display: inline-block; } }
  @media (max-width: 991px) {
    .header_area.white_menu .navbar .navbar-brand img {
      display: inline-block; }
      .header_area.white_menu .navbar .navbar-brand img + img {
        display: none; } }
  .header_area.white_menu .navbar .nav .nav-item .nav-link {
    color: #fff; }
  .header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img {
    display: inline-block; }
    .header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img + img {
      display: none; }
  .header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
    line-height: 70px;
    color: #263547; }
  .header_area .navbar-right .primary_btn {
    min-width: 145px;
    background-image: linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -webkit-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -webkit-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -moz-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -moz-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -ms-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -ms-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -o-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -o-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    color: #fff; }
    .header_area .navbar-right .primary_btn:hover {
      background: transparent;
      color: #263547;
      background-image: linear-gradient(white, white), radial-gradient(circle at top left, #eeb14f, #eca2f1);
      background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #eeb14f, #eca2f1);
      background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #eeb14f, #eca2f1);
      background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #eeb14f, #eca2f1);
      background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #eeb14f, #eca2f1);
      background-origin: border-box;
      background-clip: content-box, border-box; }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Home Banner Area css
============================================================================================ */
.home_banner_area {
  z-index: 1;
  background: url(../img/banner/home-banner.png) no-repeat right center;
  background-size: cover; }
  .home_banner_area .banner_inner {
    width: 100%; }
    .home_banner_area .banner_inner .home_right_img {
      padding-top: 260px;
      padding-bottom: 142px; }
    .home_banner_area .banner_inner .col-lg-5 {
      vertical-align: middle;
      align-self: center; }
    .home_banner_area .banner_inner .banner_content {
      text-align: left;
      color: #fff; }
      .home_banner_area .banner_inner .banner_content h2 {
        margin-top: 0px;
        font-size: 48px;
        font-weight: 400;
        line-height: 54px;
        margin-bottom: 20px; }
      .home_banner_area .banner_inner .banner_content p {
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px; }
      .home_banner_area .banner_inner .banner_content .primary_btn {
        border-color: #fff;
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        margin-right: 30px; }
        .home_banner_area .banner_inner .banner_content .primary_btn:hover {
          background: #fff;
          color: #263547; }
      .home_banner_area .banner_inner .banner_content .watch_video {
        margin: 0 30px;
        font-size: 12px;
        text-transform: uppercase; }

.blog_banner {
  min-height: 780px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 0px; }
  .blog_banner .banner_inner {
    background: #04091e;
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 780px;
    z-index: 1; }
    .blog_banner .banner_inner .overlay {
      background: url(../img/banner/banner-2.jpg) no-repeat scroll center center;
      opacity: .5;
      height: 125%;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      z-index: -1; }
    .blog_banner .banner_inner .blog_b_text {
      max-width: 700px;
      margin: auto;
      color: #fff;
      margin-top: 40px; }
      .blog_banner .banner_inner .blog_b_text h2 {
        font-size: 60px;
        font-weight: 500;
        font-family: "Montserrat", sans-serif;
        line-height: 66px;
        margin-bottom: 15px; }
      .blog_banner .banner_inner .blog_b_text p {
        font-size: 16px;
        margin-bottom: 35px; }
      .blog_banner .banner_inner .blog_b_text .white_bg_btn {
        line-height: 42px;
        padding: 0px 45px; }

.banner_box {
  max-width: 1620px;
  margin: auto; }

.banner_area {
  position: relative;
  z-index: 1;
  min-height: 400px; }
  .banner_area .banner_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 400px;
    background-image: url(../img/banner/common-banner.png);
    background-size: cover;
    z-index: 1; }
    .banner_area .banner_inner .banner_content h2 {
      color: #fff;
      font-size: 36px;
      font-family: "Rajdhani", sans-serif;
      margin-bottom: 0px;
      text-transform: capitalize;
      font-weight: bold; }
    .banner_area .banner_inner .banner_content .page_link a {
      font-size: 14px;
      color: #fff;
      font-family: "Montserrat", sans-serif;
      margin-right: 32px;
      position: relative; }
      .banner_area .banner_inner .banner_content .page_link a:before {
        content: "\e87a";
        font-family: 'Linearicons-Free';
        font-size: 14px;
        position: absolute;
        right: -25px;
        top: 54%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      .banner_area .banner_inner .banner_content .page_link a:last-child {
        margin-right: 0px; }
        .banner_area .banner_inner .banner_content .page_link a:last-child:before {
          display: none; }

/* End Home Banner Area css
============================================================================================ */
/* Start Common Banner Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Latest Blog Area css
============================================================================================ */
/* End Latest Blog Area css
============================================================================================ */
.blog_btn {
  border: 1px solid #eeb14f;
  background: #f9f9ff;
  padding: 0px 32px;
  font-size: 13px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  color: #263547;
  line-height: 34px;
  display: inline-block; }
  .blog_btn:hover {
    background: #eeb14f;
    border-color: #eeb14f;
    color: #fff; }

.white_bg_btn {
  background: #fff;
  display: inline-block;
  color: #263547;
  line-height: 40px;
  padding: 0px 28px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border: none; }
  .white_bg_btn:hover {
    background: #eeb14f;
    color: #fff; }

/* Causes Area css
============================================================================================ */
.causes_slider .owl-dots {
  text-align: center;
  margin-top: 80px; }
  .causes_slider .owl-dots .owl-dot {
    height: 14px;
    width: 14px;
    background: #eeb14f;
    display: inline-block;
    margin-right: 7px; }
    .causes_slider .owl-dots .owl-dot:last-child {
      margin-right: 0px; }
    .causes_slider .owl-dots .owl-dot.active {
      background: #eeb14f; }

.causes_item {
  background: #fff; }
  .causes_item .causes_img {
    position: relative; }
    .causes_item .causes_img .c_parcent {
      position: absolute;
      bottom: 0px;
      width: 100%;
      left: 0px;
      height: 3px;
      background: rgba(255, 255, 255, 0.5); }
      .causes_item .causes_img .c_parcent span {
        width: 70%;
        height: 3px;
        background: #eeb14f;
        position: absolute;
        left: 0px;
        bottom: 0px; }
        .causes_item .causes_img .c_parcent span:before {
          content: "75%";
          position: absolute;
          right: -10px;
          bottom: 0px;
          background: #eeb14f;
          color: #fff;
          padding: 0px 5px; }
  .causes_item .causes_text {
    padding: 30px 35px 40px 30px; }
    .causes_item .causes_text h4 {
      color: #263547;
      font-family: "Montserrat", sans-serif;
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 15px;
      cursor: pointer; }
      .causes_item .causes_text h4:hover {
        color: #eeb14f; }
    .causes_item .causes_text p {
      font-size: 14px;
      line-height: 24px;
      color: #777777;
      font-weight: 300;
      margin-bottom: 0px; }
  .causes_item .causes_bottom a {
    width: 50%;
    border: 1px solid #eeb14f;
    text-align: center;
    float: left;
    line-height: 50px;
    background: #eeb14f;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500; }
    .causes_item .causes_bottom a + a {
      border-color: #eeb14f;
      background: #fff;
      font-size: 14px;
      color: #263547; }

/* End Causes Area css
============================================================================================ */
/*================= latest_blog_area css =============*/
.single-recent-blog-post {
  margin-bottom: 30px; }
  .single-recent-blog-post .thumb {
    overflow: hidden; }
    .single-recent-blog-post .thumb img {
      transition: all 0.7s linear; }
  .single-recent-blog-post .details {
    padding-top: 30px; }
    .single-recent-blog-post .details .sec_h4 {
      line-height: 24px;
      padding: 10px 0px 13px;
      transition: all 0.3s linear; }
      .single-recent-blog-post .details .sec_h4:hover {
        color: #777777; }
  .single-recent-blog-post .date {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400; }
  .single-recent-blog-post:hover img {
    transform: scale(1.23) rotate(10deg); }

.tags .tag_btn {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  border: 1px solid #eeb14f;
  display: inline-block;
  padding: 1px 18px;
  text-align: center;
  color: #263547; }
  .tags .tag_btn:before {
    background: #eeb14f; }
  .tags .tag_btn + .tag_btn {
    margin-left: 2px; }

/*========= blog_categorie_area css ===========*/
.blog_categorie_area {
  padding-top: 80px;
  padding-bottom: 80px; }

.categories_post {
  position: relative;
  text-align: center;
  cursor: pointer; }
  .categories_post img {
    max-width: 100%; }
  .categories_post .categories_details {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(34, 34, 34, 0.8);
    color: #fff;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center; }
    .categories_post .categories_details h5 {
      margin-bottom: 0px;
      font-size: 18px;
      line-height: 26px;
      text-transform: uppercase;
      color: #fff;
      position: relative; }
    .categories_post .categories_details p {
      font-weight: 300;
      font-size: 14px;
      line-height: 26px;
      margin-bottom: 0px;
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s; }
    .categories_post .categories_details .border_line {
      margin: 10px 0px;
      background: #fff;
      width: 100%;
      height: 1px; }
  .categories_post:hover .categories_details {
    background: rgba(252, 248, 255, 0.85); }
  .categories_post:hover h5 {
    color: #eeb14f; }
  .categories_post:hover p {
    color: #777777; }
  .categories_post:hover .border_line {
    background: #dddddd; }

/*============ blog_left_sidebar css ==============*/
.blog_item {
  margin-bottom: 40px; }

.blog_info {
  padding-top: 30px; }
  .blog_info .post_tag {
    padding-bottom: 20px; }
    .blog_info .post_tag a {
      font: 300 14px/21px "Montserrat", sans-serif;
      color: #263547; }
      .blog_info .post_tag a:hover {
        color: #777777; }
      .blog_info .post_tag a.active {
        color: #eeb14f; }
  .blog_info .blog_meta li a {
    font: 300 14px/20px "Montserrat", sans-serif;
    color: #777777;
    vertical-align: middle;
    padding-bottom: 12px;
    display: inline-block; }
    .blog_info .blog_meta li a i {
      color: #263547;
      font-size: 16px;
      font-weight: 600;
      padding-left: 15px;
      line-height: 20px;
      vertical-align: middle; }
    .blog_info .blog_meta li a:hover {
      color: #eeb14f; }

.blog_post img {
  max-width: 100%; }
.blog_post .primary_btn {
  line-height: 38px; }

.blog_details {
  padding-top: 20px; }
  .blog_details h2 {
    font-size: 24px;
    line-height: 36px;
    color: #263547;
    font-weight: 600;
    transition: all 0.3s linear; }
    .blog_details h2:hover {
      color: #eeb14f; }
  .blog_details p {
    margin-bottom: 26px; }

.view_btn {
  font-size: 14px;
  line-height: 36px;
  display: inline-block;
  color: #263547;
  font-weight: 500;
  padding: 0px 30px;
  background: #fff; }

.blog_right_sidebar {
  border: 1px solid #eeb14f;
  background: #fafaff;
  padding: 30px; }
  .blog_right_sidebar .widget_title {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    padding: 8px 0px;
    margin-bottom: 30px; }
  .blog_right_sidebar .search_widget .input-group .form-control {
    position: relative;
    font-size: 14px;
    line-height: 29px;
    width: 100%;
    font-weight: 300;
    color: #777777;
    padding-left: 20px;
    border-radius: 45px;
    z-index: 0;
    border: double 2px transparent;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 0;
    text-indent: 20px; }
    .blog_right_sidebar .search_widget .input-group .form-control.placeholder {
      color: #777777;
      text-transform: uppercase;
      font-size: 12px; }
    .blog_right_sidebar .search_widget .input-group .form-control:-moz-placeholder {
      color: #777777;
      text-transform: uppercase;
      font-size: 12px; }
    .blog_right_sidebar .search_widget .input-group .form-control::-moz-placeholder {
      color: #777777;
      text-transform: uppercase;
      font-size: 12px; }
    .blog_right_sidebar .search_widget .input-group .form-control::-webkit-input-placeholder {
      color: #777777;
      text-transform: uppercase;
      font-size: 12px; }
    .blog_right_sidebar .search_widget .input-group .form-control:focus {
      box-shadow: none; }
  .blog_right_sidebar .search_widget .input-group .btn-default {
    position: absolute;
    right: 20px;
    background: transparent;
    border: 0px;
    box-shadow: none;
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    padding: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1; }
  .blog_right_sidebar .author_widget {
    text-align: center; }
    .blog_right_sidebar .author_widget h4 {
      font-size: 18px;
      line-height: 20px;
      color: #263547;
      margin-bottom: 5px;
      margin-top: 30px; }
    .blog_right_sidebar .author_widget p {
      margin-bottom: 0px; }
    .blog_right_sidebar .author_widget .social_icon {
      padding: 7px 0px 15px; }
      .blog_right_sidebar .author_widget .social_icon a {
        font-size: 14px;
        color: #263547;
        transition: all 0.2s linear; }
        .blog_right_sidebar .author_widget .social_icon a + a {
          margin-left: 20px; }
        .blog_right_sidebar .author_widget .social_icon a:hover {
          color: #eeb14f; }
  .blog_right_sidebar .popular_post_widget .post_item .media-body {
    justify-content: center;
    align-self: center;
    padding-left: 20px; }
    .blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
      font-size: 14px;
      line-height: 20px;
      color: #263547;
      margin-bottom: 4px;
      transition: all 0.3s linear; }
      .blog_right_sidebar .popular_post_widget .post_item .media-body h3:hover {
        color: #eeb14f; }
    .blog_right_sidebar .popular_post_widget .post_item .media-body p {
      font-size: 12px;
      line-height: 21px;
      margin-bottom: 0px; }
  .blog_right_sidebar .popular_post_widget .post_item + .post_item {
    margin-top: 20px; }
  .blog_right_sidebar .post_category_widget .cat-list li {
    border-bottom: 2px dotted #eee;
    transition: all 0.3s ease 0s;
    padding-bottom: 12px; }
    .blog_right_sidebar .post_category_widget .cat-list li a {
      font-size: 14px;
      line-height: 20px;
      color: #777; }
      .blog_right_sidebar .post_category_widget .cat-list li a p {
        margin-bottom: 0px; }
    .blog_right_sidebar .post_category_widget .cat-list li + li {
      padding-top: 15px; }
    .blog_right_sidebar .post_category_widget .cat-list li:hover a {
      color: #eeb14f; }
    .blog_right_sidebar .post_category_widget .cat-list li:hover {
      border-color: #eeb14f; }
  .blog_right_sidebar .newsletter_widget {
    text-align: center; }
    .blog_right_sidebar .newsletter_widget .form-group {
      margin-bottom: 8px; }
    .blog_right_sidebar .newsletter_widget .input-group-prepend {
      margin-right: -1px; }
    .blog_right_sidebar .newsletter_widget .input-group-text {
      background: #fff;
      border-radius: 0px;
      vertical-align: top;
      font-size: 12px;
      line-height: 36px;
      padding: 0px 0px 0px 15px;
      border: 1px solid #eeb14f;
      border-right: 0px; }
    .blog_right_sidebar .newsletter_widget .form-control {
      font-size: 12px;
      line-height: 24px;
      color: #cccccc;
      border: 1px solid #eeb14f;
      border-left: 0px;
      border-radius: 0px; }
      .blog_right_sidebar .newsletter_widget .form-control.placeholder {
        color: #cccccc; }
      .blog_right_sidebar .newsletter_widget .form-control:-moz-placeholder {
        color: #cccccc; }
      .blog_right_sidebar .newsletter_widget .form-control::-moz-placeholder {
        color: #cccccc; }
      .blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder {
        color: #cccccc; }
      .blog_right_sidebar .newsletter_widget .form-control:focus {
        outline: none;
        box-shadow: none; }
    .blog_right_sidebar .newsletter_widget .bbtns {
      color: #fff;
      font-size: 12px;
      line-height: 38px;
      display: inline-block;
      font-weight: 500;
      padding: 0px 24px 0px 24px;
      border-radius: 0; }
    .blog_right_sidebar .newsletter_widget .text-bottom {
      font-size: 12px; }
  .blog_right_sidebar .tag_cloud_widget ul li {
    display: inline-block; }
    .blog_right_sidebar .tag_cloud_widget ul li a {
      display: inline-block;
      border: 1px solid #eee;
      background: #fff;
      padding: 0px 13px;
      margin-bottom: 8px;
      transition: all 0.3s ease 0s;
      color: #263547;
      font-size: 12px; }
      .blog_right_sidebar .tag_cloud_widget ul li a:hover {
        color: #fff; }
  .blog_right_sidebar .br {
    width: 100%;
    height: 1px;
    background: #eeb14f;
    margin: 30px 0px; }

.blog-pagination {
  padding-top: 25px;
  padding-bottom: 95px; }
  .blog-pagination .page-link {
    border-radius: 0; }
  .blog-pagination .page-item {
    border: none; }

.page-link {
  background: transparent;
  font-weight: 400; }

.blog-pagination .page-item.active .page-link {
  border-color: transparent;
  color: #fff; }

.blog-pagination .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #8a8a8a;
  border: none; }

.blog-pagination .page-link .lnr {
  font-weight: 600; }

.blog-pagination .page-item:last-child .page-link,
.blog-pagination .page-item:first-child .page-link {
  border-radius: 0; }

.blog-pagination .page-link:hover {
  color: #fff;
  text-decoration: none;
  border-color: #eee; }

/*============ Start Blog Single Styles  =============*/
.single-post-area .social-links {
  padding-top: 10px; }
  .single-post-area .social-links li {
    display: inline-block;
    margin-bottom: 10px; }
    .single-post-area .social-links li a {
      color: #cccccc;
      padding: 7px;
      font-size: 14px;
      transition: all 0.2s linear; }
      .single-post-area .social-links li a:hover {
        color: #eeb14f; }
.single-post-area .blog_details {
  padding-top: 26px; }
  .single-post-area .blog_details p {
    margin-bottom: 10px; }
.single-post-area .quotes {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 24px 35px 24px 30px;
  background-color: white;
  box-shadow: -20.84px 21.58px 30px 0px rgba(176, 176, 176, 0.1);
  font-size: 14px;
  line-height: 24px;
  color: #777;
  font-style: italic; }
.single-post-area .arrow {
  position: absolute; }
  .single-post-area .arrow .lnr {
    font-size: 20px;
    font-weight: 600; }
.single-post-area .thumb .overlay-bg {
  background: rgba(0, 0, 0, 0.8); }
.single-post-area .navigation-area {
  border-top: 1px solid #eee;
  padding-top: 30px;
  margin-top: 60px; }
  .single-post-area .navigation-area p {
    margin-bottom: 0px; }
  .single-post-area .navigation-area h4 {
    font-size: 18px;
    line-height: 25px;
    color: #263547; }
  .single-post-area .navigation-area .nav-left {
    text-align: left; }
    .single-post-area .navigation-area .nav-left .thumb {
      margin-right: 20px;
      background: #000; }
      .single-post-area .navigation-area .nav-left .thumb img {
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s; }
    .single-post-area .navigation-area .nav-left .lnr {
      margin-left: 20px;
      opacity: 0;
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s; }
    .single-post-area .navigation-area .nav-left:hover .lnr {
      opacity: 1; }
    .single-post-area .navigation-area .nav-left:hover .thumb img {
      opacity: .5; }
    @media (max-width: 767px) {
      .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px; } }
  .single-post-area .navigation-area .nav-right {
    text-align: right; }
    .single-post-area .navigation-area .nav-right .thumb {
      margin-left: 20px;
      background: #000; }
      .single-post-area .navigation-area .nav-right .thumb img {
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s; }
    .single-post-area .navigation-area .nav-right .lnr {
      margin-right: 20px;
      opacity: 0;
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s; }
    .single-post-area .navigation-area .nav-right:hover .lnr {
      opacity: 1; }
    .single-post-area .navigation-area .nav-right:hover .thumb img {
      opacity: .5; }
@media (max-width: 991px) {
  .single-post-area .sidebar-widgets {
    padding-bottom: 0px; } }

.comments-area {
  background: #fafaff;
  border: 1px solid #eee;
  padding: 50px 30px;
  margin-top: 50px; }
  @media (max-width: 414px) {
    .comments-area {
      padding: 50px 8px; } }
  .comments-area h4 {
    text-align: center;
    margin-bottom: 50px;
    color: #263547;
    font-size: 18px; }
  .comments-area h5 {
    font-size: 16px;
    margin-bottom: 0px; }
  .comments-area a {
    color: #263547; }
  .comments-area .comment-list {
    padding-bottom: 48px; }
    .comments-area .comment-list:last-child {
      padding-bottom: 0px; }
    .comments-area .comment-list.left-padding {
      padding-left: 25px; }
    @media (max-width: 413px) {
      .comments-area .comment-list .single-comment h5 {
        font-size: 12px; }
      .comments-area .comment-list .single-comment .date {
        font-size: 11px; }
      .comments-area .comment-list .single-comment .comment {
        font-size: 10px; } }
  .comments-area .thumb {
    margin-right: 20px; }
  .comments-area .date {
    font-size: 13px;
    color: #cccccc;
    margin-bottom: 13px; }
  .comments-area .comment {
    color: #777777;
    margin-bottom: 0px; }
  .comments-area .btn-reply {
    background-color: #fff;
    color: #263547;
    border: 1px solid #eee;
    padding: 2px 18px;
    font-size: 12px;
    display: block;
    font-weight: 600;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s; }
    .comments-area .btn-reply:hover {
      border: transparent;
      color: #fff; }

.comment-form {
  background: #fafaff;
  text-align: center;
  border: 1px solid #eee;
  padding: 47px 30px 43px;
  margin-top: 50px;
  margin-bottom: 40px; }
  .comment-form h4 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 22px;
    color: #263547; }
  .comment-form .name {
    padding-left: 0px; }
    @media (max-width: 767px) {
      .comment-form .name {
        padding-right: 0px;
        margin-bottom: 1rem; } }
  .comment-form .email {
    padding-right: 0px; }
    @media (max-width: 991px) {
      .comment-form .email {
        padding-left: 0px; } }
  .comment-form .form-control {
    padding: 8px 20px;
    background: #fff;
    border: none;
    border-radius: 0px;
    width: 100%;
    font-size: 14px;
    color: #777777;
    border: 1px solid transparent; }
    .comment-form .form-control:focus {
      box-shadow: none;
      border: 1px solid #eee; }
  .comment-form textarea.form-control {
    height: 140px;
    resize: none; }
  .comment-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 13px;
    color: #777; }
  .comment-form ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 13px;
    color: #777; }
  .comment-form :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 13px;
    color: #777; }
  .comment-form :-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
    color: #777; }

/*============ End Blog Single Styles  =============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Home Map Area css
============================================================================================ */
.home_map_area {
  position: relative; }
  .home_map_area .mapBox2 {
    min-height: 600px; }
  .home_map_area .home_details {
    position: absolute;
    right: 0px;
    width: 100%;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%); }
    .home_map_area .home_details .box_home_details {
      background: #fff;
      max-width: 457px;
      float: right;
      width: 100%;
      padding-left: 92px;
      padding-right: 92px;
      padding-top: 112px;
      padding-bottom: 112px;
      border-radius: 10px; }
      .home_map_area .home_details .box_home_details .media {
        margin-bottom: 26px; }
        .home_map_area .home_details .box_home_details .media:last-child {
          margin-bottom: 0px; }
        .home_map_area .home_details .box_home_details .media .d-flex {
          padding-right: 20px; }
          .home_map_area .home_details .box_home_details .media .d-flex i {
            font-size: 20px;
            background: linear-gradient(to right, #2c28b1 0%, #9b5cf6 70%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
        .home_map_area .home_details .box_home_details .media .media-body h4 {
          font-size: 14px;
          color: #263547;
          text-transform: uppercase; }
        .home_map_area .home_details .box_home_details .media .media-body p {
          margin-bottom: 0px; }

/* End Home Map Form Area css
============================================================================================ */
/* Reservation Form Area css
============================================================================================ */
.reservation_form_area .res_form_inner {
  max-width: 555px;
  margin: auto;
  box-shadow: 0px 10px 30px 0px rgba(153, 153, 153, 0.1);
  padding: 75px 50px;
  position: relative; }
  .reservation_form_area .res_form_inner:before {
    content: "";
    background: url(../img/contact-shap-1.png);
    position: absolute;
    left: -125px;
    height: 421px;
    width: 98px;
    top: 50%;
    transform: translateY(-50%); }
  .reservation_form_area .res_form_inner:after {
    content: "";
    background: url(../img/contact-shap-2.png);
    position: absolute;
    right: -125px;
    height: 421px;
    width: 98px;
    top: 50%;
    transform: translateY(-50%); }

.reservation_form .form-group input {
  height: 40px;
  border-radius: 0px;
  border: 1px solid #eeb14f;
  outline: none;
  box-shadow: none;
  padding: 0px 15px;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #999999; }
  .reservation_form .form-group input.placeholder {
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    color: #999999; }
  .reservation_form .form-group input:-moz-placeholder {
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    color: #999999; }
  .reservation_form .form-group input::-moz-placeholder {
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    color: #999999; }
  .reservation_form .form-group input::-webkit-input-placeholder {
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    color: #999999; }
.reservation_form .form-group .res_select {
  height: 40px;
  border: 1px solid #eeb14f;
  border-radius: 0px;
  width: 100%;
  padding: 0px 15px;
  line-height: 36px; }
  .reservation_form .form-group .res_select .current {
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    color: #999999; }
  .reservation_form .form-group .res_select:after {
    content: "\e874";
    font-family: 'Linearicons-Free';
    color: #cccccc;
    transform: rotate(0deg);
    border: none;
    margin-top: -17px;
    font-size: 13px;
    right: 22px; }
.reservation_form .form-group:last-child {
  text-align: center; }

/* End Reservation Form Area css
============================================================================================ */
/*============== contact_area css ================*/
.mapBox {
  height: 420px;
  margin-bottom: 80px; }

.contact_info .info_item {
  position: relative;
  padding-left: 45px; }
  .contact_info .info_item i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600; }
  .contact_info .info_item h6 {
    font-size: 16px;
    line-height: 24px;
    color: "Montserrat", sans-serif;
    font-weight: bold;
    margin-bottom: 0px;
    color: #263547; }
    .contact_info .info_item h6 a {
      color: #263547; }
  .contact_info .info_item p {
    font-size: 14px;
    line-height: 24px;
    padding: 2px 0px; }

.contact_form .form-group {
  margin-bottom: 10px; }
  .contact_form .form-group .form-control {
    font-size: 13px;
    line-height: 26px;
    color: #999;
    border: 1px solid #eeb14f;
    font-family: "Montserrat", sans-serif;
    border-radius: 0px;
    padding-left: 20px; }
    .contact_form .form-group .form-control:focus {
      box-shadow: none;
      outline: none; }
    .contact_form .form-group .form-control.placeholder {
      color: #999; }
    .contact_form .form-group .form-control:-moz-placeholder {
      color: #999; }
    .contact_form .form-group .form-control::-moz-placeholder {
      color: #999; }
    .contact_form .form-group .form-control::-webkit-input-placeholder {
      color: #999; }
  .contact_form .form-group textarea {
    resize: none; }
    .contact_form .form-group textarea.form-control {
      height: 134px; }
.contact_form .primary_btn {
  margin-top: 20px;
  cursor: pointer;
  border: none;
  background-image: linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), radial-gradient(circle at top left, #eeb14f, #eca2f1);
  background-image: -webkit-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -webkit-radial-gradient(circle at top left, #eeb14f, #eca2f1);
  background-image: -moz-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -moz-radial-gradient(circle at top left, #eeb14f, #eca2f1);
  background-image: -ms-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -ms-radial-gradient(circle at top left, #eeb14f, #eca2f1);
  background-image: -o-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -o-radial-gradient(circle at top left, #eeb14f, #eca2f1);
  color: #fff;
  box-shadow: 0px 10px 30px rgba(130, 82, 250, 0.2);
  border: 2px solid transparent;
  padding: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; }
  .contact_form .primary_btn:hover {
    border: double 2px transparent;
    border-radius: 5px;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-origin: border-box;
    background-clip: content-box, border-box;
    color: #263547; }

/* Contact Success and error Area css
============================================================================================ */
.modal-message .modal-dialog {
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) !important;
  margin: 0px;
  max-width: 500px;
  width: 100%; }
  .modal-message .modal-dialog .modal-content .modal-header {
    text-align: center;
    display: block;
    border-bottom: none;
    padding-top: 50px;
    padding-bottom: 50px; }
    .modal-message .modal-dialog .modal-content .modal-header .close {
      position: absolute;
      right: -15px;
      top: -15px;
      padding: 0px;
      color: #fff;
      opacity: 1;
      cursor: pointer; }
    .modal-message .modal-dialog .modal-content .modal-header h2 {
      display: block;
      text-align: center;
      color: #eeb14f;
      padding-bottom: 10px;
      font-family: "Montserrat", sans-serif; }
    .modal-message .modal-dialog .modal-content .modal-header p {
      display: block; }

/* End Contact Success and error Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*============== Elements Area css ================*/
.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.sample-text-area {
  padding: 100px 0px; }
  .sample-text-area .title_color {
    margin-bottom: 30px; }
  .sample-text-area p {
    line-height: 26px; }
    .sample-text-area p b {
      font-weight: bold;
      color: #eeb14f; }
    .sample-text-area p i {
      color: #eeb14f;
      font-style: italic; }
    .sample-text-area p sup {
      color: #eeb14f;
      font-style: italic; }
    .sample-text-area p sub {
      color: #eeb14f;
      font-style: italic; }
    .sample-text-area p del {
      color: #eeb14f; }
    .sample-text-area p u {
      color: #eeb14f; }

/*============== End Elements Area css ================*/
/*==============Elements Button Area css ================*/
.elements_button .title_color {
  margin-bottom: 30px;
  color: #263547; }

.title_color {
  color: #263547; }

.button-group-area {
  margin-top: 15px; }
  .button-group-area:nth-child(odd) {
    margin-top: 40px; }
  .button-group-area:first-child {
    margin-top: 0px; }
  .button-group-area .theme_btn {
    margin-right: 10px; }
  .button-group-area .link {
    text-decoration: underline;
    color: #263547;
    background: transparent; }
    .button-group-area .link:hover {
      color: #fff; }
  .button-group-area .disable {
    background: transparent;
    color: #007bff;
    cursor: not-allowed; }
    .button-group-area .disable:before {
      display: none; }

.primary {
  background: #52c5fd; }
  .primary:before {
    background: #2faae6; }

.success {
  background: #4cd3e3; }
  .success:before {
    background: #2ebccd; }

.info {
  background: #38a4ff; }
  .info:before {
    background: #298cdf; }

.warning {
  background: #f4e700; }
  .warning:before {
    background: #e1d608; }

.danger {
  background: #f54940; }
  .danger:before {
    background: #e13b33; }

.primary-border {
  background: transparent;
  border: 1px solid #52c5fd;
  color: #52c5fd; }
  .primary-border:before {
    background: #52c5fd; }

.success-border {
  background: transparent;
  border: 1px solid #4cd3e3;
  color: #4cd3e3; }
  .success-border:before {
    background: #4cd3e3; }

.info-border {
  background: transparent;
  border: 1px solid #38a4ff;
  color: #38a4ff; }
  .info-border:before {
    background: #38a4ff; }

.warning-border {
  background: #fff;
  border: 1px solid #f4e700;
  color: #f4e700; }
  .warning-border:before {
    background: #f4e700; }

.danger-border {
  background: transparent;
  border: 1px solid #f54940;
  color: #f54940; }
  .danger-border:before {
    background: #f54940; }

.link-border {
  background: transparent;
  border: 1px solid #eeb14f;
  color: #eeb14f; }
  .link-border:before {
    background: #eeb14f; }

.radius {
  border-radius: 3px; }

.circle {
  border-radius: 20px; }

.arrow span {
  padding-left: 5px; }

.e-large {
  line-height: 50px;
  padding-top: 0px;
  padding-bottom: 0px; }

.large {
  line-height: 45px;
  padding-top: 0px;
  padding-bottom: 0px; }

.medium {
  line-height: 30px;
  padding-top: 0px;
  padding-bottom: 0px; }

.small {
  line-height: 25px;
  padding-top: 0px;
  padding-bottom: 0px; }

.general {
  line-height: 38px;
  padding-top: 0px;
  padding-bottom: 0px; }

/*==============End Elements Button Area css ================*/
/* =================================== */
/*  Elements Page Styles
/* =================================== */
/*---------- Start Elements Page -------------*/
.generic-banner {
  margin-top: 60px;
  text-align: center; }

.generic-banner .height {
  height: 600px; }

@media (max-width: 767.98px) {
  .generic-banner .height {
    height: 400px; } }
.generic-banner .generic-banner-content h2 {
  line-height: 1.2em;
  margin-bottom: 20px; }

@media (max-width: 991.98px) {
  .generic-banner .generic-banner-content h2 br {
    display: none; } }
.generic-banner .generic-banner-content p {
  text-align: center;
  font-size: 16px; }

@media (max-width: 991.98px) {
  .generic-banner .generic-banner-content p br {
    display: none; } }
.generic-content h1 {
  font-weight: 600; }

.about-generic-area {
  background: #fff; }

.about-generic-area p {
  margin-bottom: 20px; }

.white-bg {
  background: #fff; }

.section-top-border {
  padding: 50px 0;
  border-top: 1px dotted #eee; }

.switch-wrap {
  margin-bottom: 10px; }

.switch-wrap p {
  margin: 0; }

/*---------- End Elements Page -------------*/
.sample-text-area {
  padding: 100px 0 70px 0; }

.sample-text {
  margin-bottom: 0; }

.text-heading {
  margin-bottom: 30px;
  font-size: 24px; }

.typo-list {
  margin-bottom: 10px; }

@media (max-width: 767px) {
  .typo-sec {
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  .element-wrap {
    margin-top: 30px; } }
b, sup, sub, u, del {
  color: #eeb14f; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 14px; }

.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
  color: #777777; }

.button-area .border-top-generic {
  padding: 70px 15px;
  border-top: 1px dotted #eee; }

.button-group-area .genric-btn {
  margin-right: 10px;
  margin-top: 10px; }

.button-group-area .genric-btn:last-child {
  margin-right: 0; }

.circle {
  border-radius: 20px; }

.genric-btn {
  display: inline-block;
  outline: none;
  line-height: 40px;
  padding: 0 30px;
  font-size: .8em;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.genric-btn:focus {
  outline: none; }

.genric-btn.e-large {
  //padding: 0 40px;
  line-height: 50px; }

.genric-btn.large {
  line-height: 45px; }

.genric-btn.medium {
  line-height: 30px; }

.genric-btn.small {
  line-height: 25px; }

.genric-btn.radius {
  border-radius: 3px; }

.genric-btn.circle {
  border-radius: 20px; }

.genric-btn.arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.genric-btn.arrow span {
  margin-left: 10px; }

.genric-btn.default {
  color: #263547;
  background: #f9f9ff;
  border: 1px solid transparent; }

.genric-btn.default:hover {
  border: 1px solid #f9f9ff;
  background: #fff; }

.genric-btn.default-border {
  border: 1px solid #f9f9ff;
  background: #fff; }

.genric-btn.default-border:hover {
  color: #263547;
  background: #f9f9ff;
  border: 1px solid transparent; }

.genric-btn.primary {
  color: #fff;
  background: #eeb14f;
  border: 1px solid transparent; }

.genric-btn.primary:hover {
  color: #eeb14f;
  border: 1px solid #eeb14f;
  background: #fff; }

.genric-btn.primary-border {
  color: #eeb14f;
  border: 1px solid #eeb14f;
  background: #fff; }

.genric-btn.primary-border:hover {
  color: #fff;
  background: #eeb14f;
  border: 1px solid transparent; }

.genric-btn.success {
  color: #fff;
  background: #4cd3e3;
  border: 1px solid transparent; }

.genric-btn.success:hover {
  color: #4cd3e3;
  border: 1px solid #4cd3e3;
  background: #fff; }

.genric-btn.success-border {
  color: #4cd3e3;
  border: 1px solid #4cd3e3;
  background: #fff; }

.genric-btn.success-border:hover {
  color: #fff;
  background: #4cd3e3;
  border: 1px solid transparent; }

.genric-btn.info {
  color: #fff;
  background: #38a4ff;
  border: 1px solid transparent; }

.genric-btn.info:hover {
  color: #38a4ff;
  border: 1px solid #38a4ff;
  background: #fff; }

.genric-btn.info-border {
  color: #38a4ff;
  border: 1px solid #38a4ff;
  background: #fff; }

.genric-btn.info-border:hover {
  color: #fff;
  background: #38a4ff;
  border: 1px solid transparent; }

.genric-btn.warning {
  color: #fff;
  background: #f4e700;
  border: 1px solid transparent; }

.genric-btn.warning:hover {
  color: #f4e700;
  border: 1px solid #f4e700;
  background: #fff; }

.genric-btn.warning-border {
  color: #f4e700;
  border: 1px solid #f4e700;
  background: #fff; }

.genric-btn.warning-border:hover {
  color: #fff;
  background: #f4e700;
  border: 1px solid transparent; }

.genric-btn.danger {
  color: #fff;
  background: #f44a40;
  border: 1px solid transparent; }

.genric-btn.danger:hover {
  color: #f44a40;
  border: 1px solid #f44a40;
  background: #fff; }

.genric-btn.danger-border {
  color: #f44a40;
  border: 1px solid #f44a40;
  background: #fff; }

.genric-btn.danger-border:hover {
  color: #fff;
  background: #f44a40;
  border: 1px solid transparent; }

.genric-btn.link {
  color: #263547;
  background: #f9f9ff;
  text-decoration: underline;
  border: 1px solid transparent; }

.genric-btn.link:hover {
  color: #263547;
  border: 1px solid #f9f9ff;
  background: #fff; }

.genric-btn.link-border {
  color: #263547;
  border: 1px solid #f9f9ff;
  background: #fff;
  text-decoration: underline; }

.genric-btn.link-border:hover {
  color: #263547;
  background: #f9f9ff;
  border: 1px solid transparent; }

.genric-btn.disable {
  color: #263547, 0.3;
  background: #f9f9ff;
  border: 1px solid transparent;
  cursor: not-allowed; }

.generic-blockquote {
  padding: 30px 50px 30px 30px;
  background: #fff;
  border-left: 2px solid #eeb14f; }

@media (max-width: 991px) {
  .progress-table-wrap {
    overflow-x: scroll; } }
.progress-table {
  background: #fff;
  padding: 15px 0px 30px 0px;
  min-width: 800px; }

.progress-table .serial {
  width: 11.83%;
  padding-left: 30px; }

.progress-table .country {
  width: 28.07%; }

.progress-table .visit {
  width: 19.74%; }

.progress-table .percentage {
  width: 40.36%;
  padding-right: 50px; }

.progress-table .table-head {
  display: flex; }

.progress-table .table-head .serial, .progress-table .table-head .country, .progress-table .table-head .visit, .progress-table .table-head .percentage {
  color: #263547;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 500; }

.progress-table .table-row {
  padding: 15px 0;
  border-top: 1px solid #edf3fd;
  display: flex; }

.progress-table .table-row .serial, .progress-table .table-row .country, .progress-table .table-row .visit, .progress-table .table-row .percentage {
  display: flex;
  align-items: center; }

.progress-table .table-row .country img {
  margin-right: 15px; }

.progress-table .table-row .percentage .progress {
  width: 80%;
  border-radius: 0px;
  background: transparent; }

.progress-table .table-row .percentage .progress .progress-bar {
  height: 5px;
  line-height: 5px; }

.progress-table .table-row .percentage .progress .progress-bar.color-1 {
  background-color: #6382e6; }

.progress-table .table-row .percentage .progress .progress-bar.color-2 {
  background-color: #e66686; }

.progress-table .table-row .percentage .progress .progress-bar.color-3 {
  background-color: #f09359; }

.progress-table .table-row .percentage .progress .progress-bar.color-4 {
  background-color: #73fbaf; }

.progress-table .table-row .percentage .progress .progress-bar.color-5 {
  background-color: #73fbaf; }

.progress-table .table-row .percentage .progress .progress-bar.color-6 {
  background-color: #6382e6; }

.progress-table .table-row .percentage .progress .progress-bar.color-7 {
  background-color: #a367e7; }

.progress-table .table-row .percentage .progress .progress-bar.color-8 {
  background-color: #e66686; }

.single-gallery-image {
  margin-top: 30px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  height: 200px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.single-gallery-image:hover {
  opacity: .8; }

.list-style {
  width: 14px;
  height: 14px; }

.unordered-list li {
  position: relative;
  padding-left: 30px;
  line-height: 1.82em !important; }

.unordered-list li:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 3px solid #eeb14f;
  background: #fff;
  top: 4px;
  left: 0;
  border-radius: 50%; }

.ordered-list {
  margin-left: 30px; }

.ordered-list li {
  list-style-type: decimal-leading-zero;
  color: #eeb14f;
  font-weight: 500;
  line-height: 1.82em !important; }

.ordered-list li span {
  font-weight: 300;
  color: #777777; }

.ordered-list-alpha li {
  margin-left: 30px;
  list-style-type: lower-alpha;
  color: #eeb14f;
  font-weight: 500;
  line-height: 1.82em !important; }

.ordered-list-alpha li span {
  font-weight: 300;
  color: #777777; }

.ordered-list-roman li {
  margin-left: 30px;
  list-style-type: lower-roman;
  color: #eeb14f;
  font-weight: 500;
  line-height: 1.82em !important; }

.ordered-list-roman li span {
  font-weight: 300;
  color: #777777; }

.single-input {
  display: block;
  width: 100%;
  line-height: 40px;
  border: none;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px; }

.single-input:focus {
  outline: none; }

.input-group-icon {
  position: relative; }

.input-group-icon .icon {
  position: absolute;
  left: 20px;
  top: 0;
  line-height: 40px;
  z-index: 3; }

.input-group-icon .icon i {
  color: #797979; }

.input-group-icon .single-input {
  padding-left: 45px; }

.single-textarea {
  display: block;
  width: 100%;
  line-height: 40px;
  border: none;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px;
  height: 100px;
  resize: none; }

.single-textarea:focus {
  outline: none; }

.single-input-primary {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px; }

.single-input-primary:focus {
  outline: none;
  border: 1px solid #eeb14f; }

.single-input-accent {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px; }

.single-input-accent:focus {
  outline: none;
  border: 1px solid #eb6b55; }

.single-input-secondary {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px; }

.single-input-secondary:focus {
  outline: none;
  border: 1px solid #f09359; }

.default-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background: #fff;
  position: relative;
  cursor: pointer; }

.default-switch input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer; }

.default-switch input + label {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #eeb14f;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.default-switch input:checked + label {
  left: 19px; }

.single-element-widget {
  margin-bottom: 30px; }

.primary-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background: #fff;
  position: relative;
  cursor: pointer; }

.primary-switch input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.primary-switch input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.primary-switch input + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 8.5px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

.primary-switch input + label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.primary-switch input:checked + label:after {
  left: 19px; }

.primary-switch input:checked + label:before {
  background: #eeb14f; }

.confirm-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background: #fff;
  position: relative;
  cursor: pointer; }

.confirm-switch input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.confirm-switch input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.confirm-switch input + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 8.5px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer; }

.confirm-switch input + label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.confirm-switch input:checked + label:after {
  left: 19px; }

.confirm-switch input:checked + label:before {
  background: #4cd3e3; }

.primary-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #fff;
  position: relative;
  cursor: pointer; }

.primary-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.primary-checkbox input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1; }

.single-defination h4 {
  color: #263547; }

.primary-checkbox input:checked + label {
  background: url(../img/elements/primary-check.png) no-repeat center center/cover;
  border: none; }

.confirm-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #fff;
  position: relative;
  cursor: pointer; }

.confirm-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.confirm-checkbox input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1; }

.confirm-checkbox input:checked + label {
  background: url(../img/elements/success-check.png) no-repeat center center/cover;
  border: none; }

.disabled-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #fff;
  position: relative;
  cursor: pointer; }

.disabled-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.disabled-checkbox input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1; }

.disabled-checkbox input:disabled {
  cursor: not-allowed;
  z-index: 3; }

.disabled-checkbox input:checked + label {
  background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
  border: none; }

.primary-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #fff;
  position: relative;
  cursor: pointer; }

.primary-radio input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.primary-radio input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1; }

.primary-radio input:checked + label {
  background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
  border: none; }

.confirm-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #fff;
  position: relative;
  cursor: pointer; }

.confirm-radio input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.confirm-radio input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1; }

.confirm-radio input:checked + label {
  background: url(../img/elements/success-radio.png) no-repeat center center/cover;
  border: none; }

.disabled-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #fff;
  position: relative;
  cursor: pointer; }

.disabled-radio input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.disabled-radio input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1; }

.disabled-radio input:disabled {
  cursor: not-allowed;
  z-index: 3; }

.unordered-list {
  list-style: none;
  padding: 0px;
  margin: 0px; }

.ordered-list {
  list-style: none;
  padding: 0px; }

.disabled-radio input:checked + label {
  background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
  border: none; }

.default-select {
  height: 40px; }

.default-select .nice-select {
  border: none;
  border-radius: 0px;
  height: 40px;
  background: #fff;
  padding-left: 20px;
  padding-right: 40px; }

.default-select .nice-select .list {
  margin-top: 0;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
  padding: 10px 0 10px 0px; }

.default-select .nice-select .list .option {
  font-weight: 300;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 28px;
  min-height: 28px;
  font-size: 12px;
  padding-left: 20px; }

.default-select .nice-select .list .option.selected {
  color: #eeb14f;
  background: transparent; }

.default-select .nice-select .list .option:hover {
  color: #eeb14f;
  background: transparent; }

.default-select .current {
  margin-right: 50px;
  font-weight: 300; }

.default-select .nice-select::after {
  right: 20px; }

@media (max-width: 991px) {
  .left-align-p p {
    margin-top: 20px; } }
.form-select {
  height: 40px;
  width: 100%; }

.form-select .nice-select {
  border: none;
  border-radius: 0px;
  height: 40px;
  background: #f9f9ff !important;
  padding-left: 45px;
  padding-right: 40px;
  width: 100%; }

.form-select .nice-select .list {
  margin-top: 0;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
  padding: 10px 0 10px 0px; }

.mt-10 {
  margin-top: 10px; }

.form-select .nice-select .list .option {
  font-weight: 300;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 28px;
  min-height: 28px;
  font-size: 12px;
  padding-left: 45px; }

.form-select .nice-select .list .option.selected {
  color: #eeb14f;
  background: transparent; }

.form-select .nice-select .list .option:hover {
  color: #eeb14f;
  background: transparent; }

.form-select .current {
  margin-right: 50px;
  font-weight: 300; }

.form-select .nice-select::after {
  right: 20px; }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Features Area css
============================================================================================ */
.features_area .main_title .primary_btn {
  margin-top: 30px !important; }

.single_feature {
  padding: 30px 0;
  border-bottom: 1px solid #eeb14f; }
  .single_feature:last-child {
    border-bottom: 0; }
  .single_feature .feature_head {
    position: relative;
    margin-bottom: 15px; }
    .single_feature .feature_head span.lnr {
      position: absolute;
      left: 0;
      top: -1px;
      font-size: 30px;
      color: #263547; }
    .single_feature .feature_head h4 {
      font-size: 20px;
      color: #263547;
      display: inline-block;
      padding-left: 60px; }
  .single_feature .feature_content p {
    margin: 0; }

/* End Features Area css
============================================================================================ */
/* Recent Update Area css
============================================================================================ */
.recent_update_area {
  background-image: url(../img/tab-bg.jpg);
  background-size: cover;
  padding: 290px 0; }
  .recent_update_area.made_white {
    background: #fff; }

.recent_update_inner .nav.nav-tabs {
  border: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  border-bottom: 1px solid #eda2f0;
  padding-bottom: 1px; }
  .recent_update_inner .nav.nav-tabs li {
    flex: 0 0 25%;
    max-width: 195px;
    padding: 0px 15px; }
    .recent_update_inner .nav.nav-tabs li a {
      border: none;
      padding: 25px 0px;
      background: #fff;
      text-align: center;
      line-height: 60px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      font-size: 12px;
      font-family: "Montserrat", sans-serif;
      font-weight: 500;
      text-transform: uppercase;
      color: #000000; }
      .recent_update_inner .nav.nav-tabs li a span.lnr {
        font-size: 30px;
        font-weight: 600;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s; }
      .recent_update_inner .nav.nav-tabs li a.active, .recent_update_inner .nav.nav-tabs li a:hover {
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
        color: #fff; }
        .recent_update_inner .nav.nav-tabs li a.active span.lnr, .recent_update_inner .nav.nav-tabs li a:hover span.lnr {
          background: -webkit-linear-gradient(90deg, #fff, #fff);
          background: -moz-linear-gradient(90deg, #fff, #fff);
          background: -o-linear-gradient(90deg, #fff, #fff);
          background: linear-gradient(90deg, #fff, #fff);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
    .recent_update_inner .nav.nav-tabs li h6 {
      letter-spacing: 1px;
      margin-top: -10px;
      margin-bottom: 0; }
.recent_update_inner .tab-content .tab-pane {
  border: none;
  padding-top: 80px; }

.recent_update_text .col-lg-5 {
  vertical-align: middle;
  align-self: center; }
.recent_update_text h3 {
  color: #263547;
  line-height: 45px;
  font-size: 36px;
  font-family: "Rajdhani", sans-serif;
  font-weight: bold;
  margin-bottom: 20px; }
.recent_update_text h6 {
  color: #263547;
  font-size: 16px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif; }
.recent_update_text p {
  margin-bottom: 0px; }
.recent_update_text .primary_btn {
  margin-top: 35px; }

.common_style .line {
  position: relative;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 10px;
  margin-bottom: 20px; }
  .common_style .line:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 50px;
    content: ""; }
.common_style h3 {
  font-size: 36px;
  color: #263547;
  font-family: "Rajdhani", sans-serif;
  margin-bottom: 20px; }
.common_style p {
  margin: 0; }
.common_style .primary_btn {
  margin-top: 35px; }

/* Recent Update Area css
============================================================================================ */
/* Start Big Features Area css
============================================================================================ */
.big_features .common_style p {
  padding-right: 20px; }

.features_content {
  position: relative; }
  .features_content .border-line {
    position: absolute;
    left: 50%;
    height: 100%;
    border: 1px dashed #dbdade; }
  .features_content .shape1 {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -8px; }
  .features_content .shape2 {
    position: absolute;
    left: 48%;
    top: 47%;
    margin-left: -15px; }
  .features_content .shape3 {
    position: absolute;
    left: 50%;
    top: 62%;
    margin-left: -9px; }

.bottom-features {
  margin-top: 120px; }
  .bottom-features .shape3 {
    top: 64%; }

/* End Big Features Area css
============================================================================================ */
/* Price Area css
============================================================================================ */
.price_area {
  background-image: url(../img/pricing-bg.png);
  background-size: cover;
  padding-top: 290px; }

.price_item {
  text-align: center;
  border: 2px solid #eeb14f;
  border-radius: 5px;
  background: #fff;
  position: relative;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; }
  .price_item .price_head {
    text-align: center;
    background: #ffffff;
    padding: 35px 0px;
    border-bottom: 1px solid #eeb14f; }
    .price_item .price_head h4 {
      font-size: 20px;
      color: #263547;
      margin-bottom: 0px;
      font-family: "Rajdhani", sans-serif; }
  .price_item .price_body {
    padding: 30px 0px;
    background: #fff;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s; }
    .price_item .price_body ul li {
      margin-bottom: 15px; }
      .price_item .price_body ul li a {
        font-size: 14px;
        color: #666666;
        font-family: "Montserrat", sans-serif;
        font-weight: normal; }
      .price_item .price_body ul li:last-child {
        margin-bottom: 0px; }
  .price_item .price_footer {
    background: #fcf8ff;
    max-width: 280px;
    margin: 0px auto 40px;
    border-radius: 5px;
    padding-top: 35px;
    padding-bottom: 40px; }
    .price_item .price_footer h3 {
      color: #263547;
      font-size: 72px; }
      .price_item .price_footer h3 .dlr {
        font-size: 24px;
        vertical-align: top;
        padding-top: 14px;
        display: inline-block;
        margin-right: -10px; }
      .price_item .price_footer h3 .month {
        font-size: 14px;
        color: "Montserrat", sans-serif;
        font-family: #263547;
        display: inline-block;
        text-align: left; }
  .price_item:hover {
    background: #fcf8ff;
    border: double 2px transparent;
    border-radius: 5px;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #eeb14f, #eca2f1);
    background-origin: border-box;
    background-clip: content-box, border-box; }
    .price_item:hover .price_head {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      .price_item:hover .price_head h4 {
        color: #fff; }
    .price_item:hover .price_body {
      background: #fcf8ff; }
    .price_item:hover .price_footer {
      box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1); }
      .price_item:hover .price_footer h3 {
        color: #fff; }
        .price_item:hover .price_footer h3 .month {
          color: #fff; }
      .price_item:hover .price_footer .primary_btn {
        background-image: linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), radial-gradient(circle at top left, #eeb14f, #eca2f1);
        background-image: -webkit-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -webkit-radial-gradient(circle at top left, #eeb14f, #eca2f1);
        background-image: -moz-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -moz-radial-gradient(circle at top left, #eeb14f, #eca2f1);
        background-image: -ms-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -ms-radial-gradient(circle at top left, #eeb14f, #eca2f1);
        background-image: -o-linear-gradient(to right, #eeb14f 0%, #eca2f1 100%), -o-radial-gradient(circle at top left, #eeb14f, #eca2f1);
        background: #fff;
        color: #263547; }

/* End Price Area css
============================================================================================ */
/* Start Testimonial Area css
============================================================================================ */
.features_page.testimonial_area {
  padding-top: 320px; }

.testimonial_area .active_testimonial .owl-dots {
  height: 100px;
  width: 25px;
  position: absolute;
  right: -52%;
  top: 37%;
  border-radius: 50px; }
  .testimonial_area .active_testimonial .owl-dots div {
    height: 15px;
    width: 15px;
    background: #cda2f8;
    margin: 5px;
    border-radius: 50%;
    margin-top: 8px; }
    .testimonial_area .active_testimonial .owl-dots div.active {
      background: #ffffff; }

.single_testimonial .testimonial_head {
  text-align: center; }
  .single_testimonial .testimonial_head img {
    margin: 0 auto 10px;
    width: auto; }
  .single_testimonial .testimonial_head h4 {
    margin-bottom: 10px;
    color: #000; }
  .single_testimonial .testimonial_head .review i.fa {
    color: #ffc000; }
.single_testimonial .testimonial_content {
  margin-top: 30px; }
  .single_testimonial .testimonial_content p {
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 40px; }

/* End Testimonial Area css
============================================================================================ */
/* Start Brand Area css
============================================================================================ */
.brand-carousel .single-brand-item {
  background: #fcf8ff;
  height: 130px;
  width: 170px;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    .brand-carousel .single-brand-item {
      height: 100px;
      width: 140px; } }
  .brand-carousel .single-brand-item .d-table-cell {
    vertical-align: middle; }
  .brand-carousel .single-brand-item img {
    filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    max-width: 80px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .brand-carousel .single-brand-item img {
        max-width: 100px; } }
  .brand-carousel .single-brand-item:hover img {
    filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s; }

/* End Brand Area css
============================================================================================ */
/* Impress Area css
============================================================================================ */
.impress_area {
  background-image: url(../img/impress-bg.png);
  background-size: cover;
  padding: 290px 0 320px;
  margin-bottom: -200px; }
  .impress_area .impress_inner {
    text-align: center;
    max-width: 780px;
    margin: auto; }
    .impress_area .impress_inner h2 {
      color: #fff;
      font-size: 36px;
      font-family: "Rajdhani", sans-serif;
      font-weight: bold;
      margin-bottom: 18px; }
    .impress_area .impress_inner p {
      color: #fff;
      margin-bottom: 35px; }
    .impress_area .impress_inner .primary_btn {
      background: #fff;
      width: auto;
      font-size: 14px;
      box-shadow: -14.142px 14.142px 20px 0px rgba(0, 0, 0, 0.1);
      border-color: #fff; }
      .impress_area .impress_inner .primary_btn:hover {
        color: #fff;
        background: transparent;
        border-color: #fff; }
        .impress_area .impress_inner .primary_btn:hover:after {
          border-image: -webkit-linear-gradient(0deg, #fff, #fff);
          border-image: -moz-linear-gradient(0deg, #fff, #fff);
          border-image: -o-linear-gradient(0deg, #fff, #fff);
          border-image: linear-gradient(0deg, #fff, #fff); }

/* End Impress Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
@media (max-width: 1619px) {
  /* Main Menu Area css
  ============================================================================================ */
  .header_area .navbar .search {
    margin-left: 40px; }

  /* End Main Menu Area css
  ============================================================================================ */ }
@media (max-width: 1199px) {
  /* Main Menu Area css
  ============================================================================================ */
  .header_area .navbar .nav .nav-item {
    margin-right: 28px; }

  /* End Main Menu Area css
  ============================================================================================ */
  /* Home Banner Area css
  ============================================================================================ */
  .home_banner_area .banner_inner {
    padding: 100px 0px; }

  /* End Home Banner Area css
  ============================================================================================ */
  .header_area .navbar .primary_btn {
    margin-left: 40px; }

  .home_banner_area .banner_inner .banner_content h2 br {
    display: none;
    font-size: 36px; }

  .home_banner_area .banner_inner .banner_content h2 {
    font-size: 36px;
    line-height: 45px; } }
@media (max-width: 991px) {
  /* Main Menu Area css
  ============================================================================================ */
  .navbar-toggler {
    border: none;
    border-radius: 0px;
    padding: 0px;
    cursor: pointer;
    margin-top: 27px;
    margin-bottom: 23px; }

  .header_area .navbar {
    background: #000; }

  .navbar-toggler[aria-expanded="false"] span:nth-child(2) {
    opacity: 1; }

  .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
    opacity: 0; }

  .navbar-toggler[aria-expanded="true"] span:first-child {
    transform: rotate(-45deg);
    position: relative;
    top: 7.5px; }

  .navbar-toggler[aria-expanded="true"] span:last-child {
    transform: rotate(45deg);
    bottom: 6px;
    position: relative; }

  .navbar-toggler span {
    display: block;
    width: 25px;
    height: 3px;
    background: #fff;
    margin: auto;
    margin-bottom: 4px;
    transition: all 400ms linear;
    cursor: pointer; }

  .navbar .container {
    padding-left: 15px;
    padding-right: 15px; }

  .nav {
    padding: 0px 0px; }

  .header_area + section, .header_area + row, .header_area + div {
    margin-top: 117px; }

  .header_top .nav {
    padding: 0px; }

  .header_area .navbar .nav .nav-item .nav-link {
    line-height: 40px;
    margin-right: 0px;
    display: block;
    border-bottom: 1px solid #ededed33;
    border-radius: 0px;
    color: #fff; }

  .header_area .navbar .search {
    margin-left: 0px; }

  .header_area .navbar-collapse {
    max-height: 340px;
    overflow-y: scroll; }

  .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
    padding: 0px 15px; }

  .header_area .navbar .nav .nav-item {
    margin-right: 0px; }

  .header_area + section, .header_area + row, .header_area + div {
    margin-top: 0px; }

  .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
    line-height: 40px;
    color: #fff; }

  .header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
    line-height: 40px;
    color: #fff; }

  .header_area.white_menu .navbar .nav .nav-item .nav-link {
    color: #222; }

  /* End Main Menu Area css
  ============================================================================================ */
  /* Start Home banner Area css
  ============================================================================================ */
  .home_banner_area {
    margin-top: 0; }

  .home_right_img {
    display: none; }

  /* Recent Update Area css
  ============================================================================================ */
  .recent_update_area {
    padding: 80px 0;
    background-image: none;
    background-color: #fcf8ff; }

  .recent_update_inner li a {
    min-width: 110px; }
  .recent_update_inner .recent_update_text .chart_img img {
    margin-top: 50px; }

  /* Start Big Features Area css
  ============================================================================================ */
  .big_features .features_content .big_f_left {
    text-align: center; }
    .big_features .features_content .big_f_left img {
      max-width: 350px;
      margin-bottom: 50px;
      margin-top: 50px; }
  .big_features .features_content p {
    max-width: 500px; }
  .big_features .features_content .border-line, .big_features .features_content .shape1, .big_features .features_content .shape2, .big_features .features_content .shape3 {
    display: none; }
  .big_features .features_content .bottom-features .common_style .primary_btn {
    margin-bottom: 50px; }
  .big_features .features_content .bottom-features .big_f_left img {
    margin-bottom: 0px; }
  .big_features .features_content .bottom-features .border-line, .big_features .features_content .bottom-features .shape1, .big_features .features_content .bottom-features .shape2, .big_features .features_content .bottom-features .shape3 {
    display: none; }
  .big_features .features_content .common_style p {
    max-width: 600px; }

  /* Price Area css
  ============================================================================================ */
  .price_area {
    background-image: none;
    background-color: #fcf8ff;
    padding-top: 80px; }

  /* Start Testimonial Area css
  ============================================================================================ */
  .features_page.testimonial_area {
    padding-top: 80px; }

  .testimonial_area .active_testimonial .owl-dots {
    position: relative;
    top: 0;
    left: 50%;
    height: 25px;
    width: 100px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    .testimonial_area .active_testimonial .owl-dots div {
      display: inline-block;
      margin-top: 5px; }

  /* Impress Area css
  ============================================================================================ */
  .impress_area {
    padding: 80px 0;
    background-image: none;
    background-color: #a16af7;
    margin-bottom: 0; }

  /* Footer Area css
  ============================================================================================ */
  .footer_area {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    background-image: none !important;
    background-color: #fcf8ff; }

  /* Blog page Area css
  ============================================================================================ */
  .categories_post img {
    width: 100%; }

  .categories_post {
    max-width: 360px;
    margin: 0 auto; }

  .blog_categorie_area .col-lg-4 {
    margin-top: 30px; }

  .blog_area {
    padding-bottom: 80px; }

  .single-post-area .blog_right_sidebar {
    margin-top: 30px; }

  /* End Blog page Area css
  ============================================================================================ */
  /* Contact Page Area css
  ============================================================================================ */
  .contact_info {
    margin-bottom: 50px; }

  /* End Contact page Area css
  ============================================================================================ */
  .home_banner_area .donation_inner {
    margin-bottom: -30px; }

  .home_banner_area .dontation_item {
    max-width: 350px;
    margin: auto; }

  /* Footer Area css
  ============================================================================================ */
  .footer_area .col-sm-6 {
    margin-bottom: 30px; }

  .footer_area .footer_inner {
    margin-bottom: -30px; }

  .news_widget {
    padding-left: 0px; }

  /* End End Footer Area css
  ============================================================================================ */
  .home_banner_area .banner_inner .home_left_img {
    display: none; }

  .header_area .navbar .primary_btn {
    display: none; }

  .home_banner_area .banner_inner {
    padding: 70px 0px 100px 0px; }

  .left_side_text {
    margin-bottom: 50px; }

  .price_item {
    max-width: 360px;
    margin: 0px auto 30px; }

  .price_inner {
    margin-bottom: -30px; } }
@media (max-width: 767px) {
  .home_banner_area {
    min-height: 300px; }

  .home_banner_area .banner_inner {
    min-height: 300px; }

  .home_banner_area .banner_inner .banner_content {
    margin-top: 0px; }
    .home_banner_area .banner_inner .banner_content .primary_btn {
      display: none; }

  /* Start Features Area css
  ============================================================================================ */
  .features_area .left_features {
    display: none; }

  /* Recent Update Area css
  ============================================================================================ */
  .recent_update_inner li a {
    min-width: 110px; }
  .recent_update_inner .recent_update_text .chart_img img {
    margin-top: 50px; }

  /* Start Big Features Area css
  ============================================================================================ */
  .big_features .features_content .big_f_left img {
    max-width: 250px; }

  /* Blog Page Area css
  ============================================================================================ */
  .blog_banner .banner_inner .blog_b_text h2 {
    font-size: 40px;
    line-height: 50px; }

  .blog_info.text-right {
    text-align: left !important;
    margin-bottom: 10px; }

  /* End Blog Page Area css
  ============================================================================================ */
  .home_banner_area .banner_inner .banner_content h3 {
    font-size: 30px; }

  .home_banner_area .banner_inner .banner_content p br {
    display: none; }

  .home_banner_area .banner_inner .banner_content h3 span {
    line-height: 45px;
    padding-bottom: 0px;
    padding-top: 0px; }

  /* Footer Area css
  ============================================================================================ */
  .footer_area .f_title {
    margin-bottom: 20px; }

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

  .footer-bottom .footer-social {
    text-align: center;
    margin-top: 15px; }

  /* End End Footer Area css
  ============================================================================================ */
  .made_life_inner .nav.nav-tabs li {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 15px; }

  .made_life_inner .nav.nav-tabs {
    margin-bottom: -15px; }

  .made_life_area.made_white .left_side_text {
    margin-bottom: 0px;
    margin-top: 30px; } }
@media (max-width: 575px) {
  .header_area + section, .header_area + row, .header_area + div {
    margin-top: 0px; }

    /* Home Banner Area css
	============================================================================================ */
  .home_banner_area .banner_inner .banner_content h2 {
    font-size: 28px;
    line-height: 38px; }

  .home_banner_area {
    min-height: 450px; }

  .home_banner_area .banner_inner {
    min-height: 450px; }

  .blog_banner .banner_inner .blog_b_text {
    margin-top: 0px; }

  .home_banner_area .banner_inner .banner_content img {
    display: none; }

  .home_banner_area .banner_inner .banner_content h5 {
    margin-top: 0px; }

  /* End Home Banner Area css
  ============================================================================================ */
  .section_gap {
    padding-top: 70px;
    padding-bottom: 70px; }

  .main_title h2 {
    font-size: 25px; }

  /*Recent Update Area css
  ============================================================================================ */
  .recent_update_inner li h6 {
    font-size: 12px; }

  /* Elements Area css
  ============================================================================================ */
  .sample-text-area {
    padding: 70px 0 70px 0; }

  .generic-blockquote {
    padding: 30px 15px 30px 30px; }

  /* End Elements Area css
  ============================================================================================ */
  /* Blog Page Area css
  ============================================================================================ */
  .blog_details h2 {
    font-size: 20px;
    line-height: 30px; }

  .blog_banner .banner_inner .blog_b_text h2 {
    font-size: 28px;
    line-height: 38px; }

  /* End Blog Page Area css
  ============================================================================================ */
  /* Footer Area css
  ============================================================================================ */
  .footer-area {
    padding: 70px 0px; }

  .news_widget {
    padding-left: 0 !important; }

  /* End End Footer Area css
  ============================================================================================ */
  .pad_top {
    padding-top: 70px; }

  .pad_btm {
    padding-bottom: 70px; } }
@media (max-width: 480px) {
  /* Main Menu Area css
  ============================================================================================ */
  .header_area .navbar-collapse {
    max-height: 250px; }

  /* End Main Menu Area css
  ============================================================================================ */
  /* Home Banner Area css
  ============================================================================================ */
  .home_banner_area .banner_inner .banner_content {
    padding: 30px 15px;
    margin-top: 0px; }

  .home_banner_area .banner_inner .banner_content h3 {
    font-size: 24px; }

  /* End Home Banner Area css
  ============================================================================================ */
  .banner_area .banner_inner .banner_content h2 {
    font-size: 32px; }

  /* Blog Page Area css
  ============================================================================================ */
  .comments-area .thumb {
    margin-right: 10px; }

  /* End Blog Page Area css
  ============================================================================================ */
  .testi_item .media .d-flex {
    padding-right: 0px; }

  .testi_item .media .d-flex img {
    width: auto;
    margin-bottom: 15px; }

  .testi_item .media {
    display: block; } }
@media (max-width: 420px) {
  /* Recent Update Area css
  ============================================================================================ */
  .recent_update_inner li:last-child {
    margin-top: 20px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* Start Home banner Area css
  ============================================================================================ */
  .banner_content .primary_btn {
    margin-right: 15px !important; }
    .banner_content .primary_btn span {
      padding: 0 15px; }

  /* Start Features Area css
  ============================================================================================ */
  .features_area .left_features img {
    max-width: 500px; }

  /* Start Big Features Area css
  ============================================================================================ */
  .big_features .shape2 {
    left: 48%;
    margin-left: -19px; }

  /* Start Brand Carousel Area css
  ============================================================================================ */
  .brand-carousel .single-brand-item {
    height: 100px;
    width: 140px; } }
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Footer Area css
============================================================================================ */
.footer_area {
  background-image: url(../img/footer-bg.png);
  background-size: cover;
  padding-top: 290px;
  padding-bottom: 120px; }

.f_title {
  margin-bottom: 35px; }
  .f_title h3 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    font-family: "Rajdhani", sans-serif;
    margin-bottom: 0px; }

.ab_widget p {
  font-size: 14px;
  line-height: 24px;
  font-family: "Montserrat", sans-serif;
  color: #777777;
  margin-bottom: 30px; }
  .ab_widget p a {
    color: #eeb14f; }
  .ab_widget p + p {
    margin-bottom: 0px; }

.news_widget {
  padding-left: 15px; }
  .news_widget p {
    font-size: 14px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    color: #777777;
    margin-bottom: 15px; }
  .news_widget .input-group {
    position: relative;
    width: 90%; }
    .news_widget .input-group input {
      height: 50px;
      background: #fff;
      border-radius: 50px;
      width: 100%;
      border: none;
      padding: 0px 15px;
      font-size: 14px;
      font-family: "Montserrat", sans-serif;
      color: #cccccc;
      outline: none;
      box-shadow: none; }
      .news_widget .input-group input.placeholder {
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        font-weight: normal;
        color: #cccccc; }
      .news_widget .input-group input:-moz-placeholder {
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        font-weight: normal;
        color: #cccccc; }
      .news_widget .input-group input::-moz-placeholder {
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        font-weight: normal;
        color: #cccccc; }
      .news_widget .input-group input::-webkit-input-placeholder {
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        font-weight: normal;
        color: #cccccc; }
    .news_widget .input-group .sub-btn {
      position: absolute;
      right: 4px;
      top: 2px;
      border-radius: 50px;
      outline: none !important;
      box-shadow: none !important;
      padding: 0px;
      width: 46px;
      height: 46px;
      cursor: pointer;
      color: #fff; }

.social_widget p {
  font-size: 14px;
  line-height: 24px;
  font-family: "Montserrat", sans-serif;
  color: #777777;
  margin-bottom: 10px; }
.social_widget .list li {
  margin-right: 17px;
  display: inline-block; }
  .social_widget .list li a {
    color: #cccccc;
    font-size: 14px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s; }
  .social_widget .list li:last-child {
    margin-right: 0px; }
  .social_widget .list li:hover a {
    color: #eeb14f; }

.copy_right_text {
  text-align: center;
  margin-top: 60px; }
  .copy_right_text p a {
    color: #eeb14f; }


#main-header .main-navigation {
    font-size: 1.2142857143rem;
    color: #fff;
    margin-right: 20px
}

@media only screen and (min-width:1024px) {
    #main-header .main-navigation {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }

    #main-header .login-menu {
        margin-left: 10px
    }
}

#main-header .main-navigation h2 {
    display: none;
    text-align: center;
    margin-bottom: 0;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 8px
}

@media only screen and (max-width:1023px) {
    #main-header .main-navigation {
        width: 100%;
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;
        margin-right: 0
    }

        #main-header .main-navigation h2 {
            display: block;
            color: #2c3144;
            font-weight: 300
        }
}

#main-header .main-navigation a {
    color: #fff;
    font-weight: 300;
    padding: 6px 14px;
    font-size: 1.1428571429rem;
    border-radius: 4px
}

@media only screen and (max-width:1023px) {
    #main-header .main-navigation a {
        display: block;
        color: #2c3144;
        font-weight: 300;
        padding: 8px 40px;
        border-bottom: 1px solid #e3e3e3;
        text-align: center
    }

        #main-header .main-navigation a:first-child {
            border-top: 1px solid #e3e3e3
        }
}

@media only screen and (max-width:767px) {
    #main-header .main-navigation a {
        padding: 8px 25px
    }
}

#main-header .main-navigation a:hover {
    background-color: #fff;
    color: #2d3345
}

@media only screen and (max-width:1023px) {
    #main-header .logo-section {
        position: relative;
        z-index: 10;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        padding: 0 30px
    }

    #main-header .logo {
        position: relative;
        z-index: 10
    }
}



/* Ender */

@charset "UTF-8"; /*! melange.css | @author Bilal Cinarli | melange.io */ /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

progress, sub, sup {
    vertical-align: baseline
}

button, hr, input {
    overflow: visible
}

.form-elements::after, .group::after, .uxr-autocomplete-loading:before {
    content: ""
}
.d-flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width:825px) {
    .mobile-flex-column {
        flex-direction:column;
    }
}

.one-whole, body, html {
    width: 100%
}

.form-elements li, sub, sup {
    position: relative
}

.button, .button:active, .button:focus, .button:hover, nav a {
    text-decoration: none
}

.noUi-target, .noUi-target *, .slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.blog-entry-list li h4, .blog-entry-list li p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

audio, canvas, progress, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active, a:hover {
        outline-width: 0
    }

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

hr {
    height: 0
}

button, input, select, textarea {
    margin: 0;
    font: inherit
}

optgroup {
    font-weight: 700
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button [type=button]::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

    [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, [type=button]:-moz-focusring, button:-moz-focusring {
        outline: ButtonText dotted 1px
    }

textarea {
    overflow: auto;
    min-height: 3em;
    resize: vertical
}

[type=checkbox], [type=radio] {
    padding: 0;
    box-sizing: border-box
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

html {
    box-sizing: border-box;
    font-size: 14px
}

*, ::after, ::before, hr, input[type=search] {
    box-sizing: inherit
}

body, html {
    height: 100%;
    margin: 0;
    padding: 0
}

.form-elements li, .item-stacked:not(:only-child), legend {
    margin-bottom: 1em
}

h1, h2, h3, h4, h5, h6, li, ol, p, table, td, th, ul {
    margin-top: 0;
    padding: 0
}

.form-elements::after, .group::after {
    display: table;
    clear: both
}

.move-to-start, [dir=rtl] .move-to-end {
    float: left
}

.move-to-end, [dir=rtl] .move-to-start {
    float: right
}

.align-start {
    text-align: start
}

.align-end {
    text-align: end
}

.five-tenths, .four-eighths, .one-half, .six-twelfths, .two-quarters {
    width: 50%
}

.four-twelfths, .one-third, .one-thirds {
    width: 33.3333333333%
}

.eight-twelfths, .two-thirds {
    width: 66.6666666667%
}

.one-quarter, .one-quarters, .three-twelfths, .two-eighths {
    width: 25%
}

.nine-twelfths, .six-eighths, .three-quarters {
    width: 75%
}

.one-fifth, .one-fifths, .two-tenths {
    width: 20%
}

.four-tenths, .two-fifths {
    width: 40%
}

.six-tenths, .three-fifths {
    width: 60%
}

.eight-tenths, .four-fifths {
    width: 80%
}

.one-eighth, .one-eighths {
    width: 12.5%
}

.three-eighths {
    width: 37.5%
}

.five-eighths {
    width: 62.5%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth, .one-tenths {
    width: 10%
}

.three-tenths {
    width: 30%
}

.seven-tenths {
    width: 70%
}

.nine-tenths {
    width: 90%
}

.one-twelfth, .one-twelfths {
    width: 8.3333333333%
}

.two-twelfths {
    width: 16.6666666667%
}

.five-twelfths {
    width: 41.6666666667%
}

.seven-twelfths {
    width: 58.3333333333%
}

.ten-twelfths {
    width: 83.3333333333%
}

.eleven-twelfths {
    width: 91.6666666667%
}

legend, table {
    width: 100%
}

body {
    color: #434547;
    font: 14px/1.5 "Segoe UI",Helvetica,Arial,sans-serif
}

.slick-dots li button:before, .slick-next:before, .slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

legend {
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal;
    box-sizing: border-box;
    display: block
}

.item-label, .label, label {
    display: inline-block;
    position: relative
}

.item-field {
    margin-right: 1em
}

.item-row + .item-row {
    margin-top: 1em
}

.item-error {
    color: #ff6d51
}

.item-label {
    cursor: pointer
}

.item-stacked .item-label {
    display: block
}

.is-required .item-label::before, .item-label .item-required::before {
    position: absolute;
    left: -10px;
    content: "*"
}

.item-help {
    font-size: .8em;
    font-style: italic
}

.is-select select, .text-field, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], input[type=number], input[type=search], textarea {
    padding: 10px;
    border: 1px solid #e0e4ea;
    outline: 0;
    background: #fff;
    color: inherit;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 3px
}

    .is-select select:active, .is-select select:focus, .text-field:active, .text-field:focus, input[type=color]:active, input[type=color]:focus, input[type=date]:active, input[type=date]:focus, input[type=datetime-local]:active, input[type=datetime-local]:focus, input[type=datetime]:active, input[type=datetime]:focus, input[type=email]:active, input[type=email]:focus, input[type=month]:active, input[type=month]:focus, input[type=password]:active, input[type=password]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=text]:active, input[type=text]:focus, input[type=time]:active, input[type=time]:focus, input[type=url]:active, input[type=url]:focus, input[type=week]:active, input[type=week]:focus, input[type=number]:active, input[type=number]:focus, input[type=search]:active, input[type=search]:focus, textarea:active, textarea:focus {
        border-color: #e0e4ea;
        background: #fff
    }

    .is-select select.readonly, .is-select select[readonly], .readonly.text-field, [readonly].text-field, input.readonly[type=color], input.readonly[type=date], input.readonly[type=datetime-local], input.readonly[type=datetime], input.readonly[type=email], input.readonly[type=month], input.readonly[type=password], input.readonly[type=tel], input.readonly[type=text], input.readonly[type=time], input.readonly[type=url], input.readonly[type=week], input.readonly[type=number], input.readonly[type=search], input[readonly][type=color], input[readonly][type=date], input[readonly][type=datetime-local], input[readonly][type=datetime], input[readonly][type=email], input[readonly][type=month], input[readonly][type=password], input[readonly][type=tel], input[readonly][type=text], input[readonly][type=time], input[readonly][type=url], input[readonly][type=week], input[readonly][type=number], input[readonly][type=search], textarea.readonly, textarea[readonly] {
        border-color: #f3f5f6;
        background-color: #fff;
        cursor: default
    }

    .disabled.text-field, .is-select select.disabled, .is-select select[disabled], [disabled].text-field, input.disabled[type=color], input.disabled[type=date], input.disabled[type=datetime-local], input.disabled[type=datetime], input.disabled[type=email], input.disabled[type=month], input.disabled[type=password], input.disabled[type=tel], input.disabled[type=text], input.disabled[type=time], input.disabled[type=url], input.disabled[type=week], input.disabled[type=number], input.disabled[type=search], input[disabled][type=color], input[disabled][type=date], input[disabled][type=datetime-local], input[disabled][type=datetime], input[disabled][type=email], input[disabled][type=month], input[disabled][type=password], input[disabled][type=tel], input[disabled][type=text], input[disabled][type=time], input[disabled][type=url], input[disabled][type=week], input[disabled][type=number], input[disabled][type=search], textarea.disabled, textarea[disabled] {
        border-color: #ebebeb;
        background-color: #fff;
        cursor: default
    }

    .is-select select.item-error, .item-error.text-field, input.item-error[type=color], input.item-error[type=date], input.item-error[type=datetime-local], input.item-error[type=datetime], input.item-error[type=email], input.item-error[type=month], input.item-error[type=password], input.item-error[type=tel], input.item-error[type=text], input.item-error[type=time], input.item-error[type=url], input.item-error[type=week], input.item-error[type=number], input.item-error[type=search], textarea.item-error {
        border-color: #ff6d51
    }

.text-field, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], input[type=number], input[type=search], textarea {
    -webkit-appearance: none
}

input[type=checkbox], input[type=radio] {
    vertical-align: middle
}

    input[type=checkbox] + .item-label, input[type=radio] + .item-label {
        font-weight: 400;
        vertical-align: middle
    }

.button, .media, [class*="-action"]:not([class*="-actions"]), button, input.button, input[type=reset], input[type=submit] {
    -webkit-apperance: none;
    -moz-apperance: none;
    apperance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    padding: 10px 30px;
    border: transparent;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
    border-radius: 100px;
    background-color: #fff;
    color: #2d3345
}

dl, ol, ul {
    padding-left: 10px
}

.button:hover, .media:hover, [class*="-action"]:hover:not([class*="-actions"]), button:hover, input[type=reset]:hover, input[type=submit]:hover {
    background-color: #ececec;
    color: #2d3345
}

.button:disabled, .disabled.button, .disabled.media, .disabled[class*="-action"]:not([class*="-actions"]), .media:disabled, [class*="-action"]:disabled:not([class*="-actions"]), button.disabled, button:disabled, input.disabled[type=reset], input.disabled[type=submit], input[type=reset]:disabled, input[type=submit]:disabled {
    cursor: default;
    background-color: #f4f5f7;
    color: #444
}

    .button:disabled:hover, .disabled.button:hover, .disabled.media:hover, .disabled[class*="-action"]:hover:not([class*="-actions"]), .media:disabled:hover, [class*="-action"]:disabled:hover:not([class*="-actions"]), button.disabled:hover, button:disabled:hover, input.disabled[type=reset]:hover, input.disabled[type=submit]:hover, input[type=reset]:disabled:hover, input[type=submit]:disabled:hover {
        background-color: #f4f5f7;
        color: #444
    }

.button:active, .media:active, [class*="-action"]:active:not([class*="-actions"]), button:active, input[type=reset]:active, input[type=submit]:active {
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
    box-shadow: inset 0 2px 3px rgba(0,0,0,.3)
}

.button {
    text-align: center
}

.primary-action.primary-action {
    color: #2d3345
}

    .primary-action.primary-action:hover {
        background-color: #ececec;
        color: #2d3345
    }

.secondary-action.secondary-action {
    background-color: #eeb14f;
    color: #fff
}

    .secondary-action.secondary-action:hover {
        background-color: #d89d00;
        color: #fff
    }

.tertiary-action.tertiary-action, .tertiary-action.tertiary-action:hover {
    background-color: #5b7b95;
    color: #fff
}

.cancel-action.cancel-action {
    background-color: #e5e5e5;
    color: #fff
}

    .cancel-action.cancel-action:hover {
        background-color: #d2d2d2;
        color: #fff
    }

tfoot td:only-child {
    text-align: end
}

td, th {
    padding: .5em;
    text-align: start
}

a {
    display: inline-block
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

ol, ul {
    list-style-position: outside
}

dl dt {
    font-weight: 700
}

.media-visual {
    display: block;
    margin-right: 1em;
    float: left
}

.media-text + .media-visual {
    margin-right: auto;
    margin-left: 1em;
    float: right
}

.hide, .is-hidden {
    display: none
}

.for-screenreader-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0,0,0,0)
}

@media screen and (max-width:1223px) {
    .desktop-visible {
        display: none
    }
}

@media screen and (min-width:1224px) {
    .desktop-hidden, .tablet-visible {
        display: none
    }
}

@media screen and (min-width:421px) and (max-width:1024px) {
    .tablet-hidden {
        display: none
    }
}

@media screen and (min-width:421px) {
    .mobile-visible {
        display: none
    }
}

@media screen and (max-width:420px) {
    .mobile-hidden, .tablet-visible {
        display: none
    }
}

.form-elements, fieldset {
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0;
    list-style: none
}

.centered {
    text-align: center;
    padding: 10px 0
}

.align-left {
    text-align: left !important
}

.align-right {
    text-align: right !important
}

#uxr-dialog-content, .noUi-tooltip, .noUi-value, .uxr-dialog-buttons, .uxr-dialog-close, .uxr-modal-close {
    text-align: center
}

.hide {
    display: none !important
}

.fixed-body {
    position: fixed;
    height: 100%
}

figure {
    margin: 0
}

.tab-view .tab-view-button {
    display: inline-block
}

.tab-view .tab-view-content {
    display: none
}

    .tab-view .tab-view-content.current {
        display: block
    }

.uxr-collapsible-header {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer
}

.uxr-collapsible-animateCSS > .uxr-collapsible-content {
    height: 0;
    overflow: hidden;
    transition: all .3s
}

.uxr-collapsible-current.uxr-collapsible-animateCSS > .uxr-collapsible-content {
    overflow: visible;
    height: auto;
    padding: 15px 0
}

.uxr-collapsible-animateJS > .uxr-collapsible-content {
    display: none
}

.uxr-collapsible-current.uxr-collapsible-animateJS > .uxr-collapsible-content {
    display: block
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative
        }

    .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .select2-container .select2-search--inline {
        float: left
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

.select2-dropdown {
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

    .select2-results__option[aria-selected] {
        cursor: pointer
    }

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--classic .select2-results > .select2-results__options, .select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-top: 5px;
        margin-right: 10px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333
        }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-right: 10px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: 0 0;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888;
            border-width: 0 4px 5px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff 0,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555
        }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.uxr-autocomplete-wrap {
    position: relative
}

.uxr-autocomplete-magnify {
    position: absolute;
    right: 0;
    width: 25px;
    height: 100%;
    font-size: 1.5em;
    font-style: normal;
    line-height: 1;
    color: #37ade0
}

    .uxr-autocomplete-magnify:before {
        display: block;
        transform: rotate(-45deg)
    }

.uxr-autocomplete-loading {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px dashed #37ade0;
    animation: uxr-autocomplete-loading 2s infinite linear
}

.uxr-autocomplete-select {
    position: absolute;
    list-style: none;
    overflow-y: scroll;
    max-height: 250px;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    box-sizing: border-box
}

.uxr-autocomplete-option {
    display: block;
    border-top: 1px solid #e6e6e6
}

    .uxr-autocomplete-option:first-child {
        border-top: none
    }

    .uxr-autocomplete-option a {
        display: block;
        padding: 5px;
        color: #444
    }

    .uxr-autocomplete-highlight a, .uxr-autocomplete-option:hover a {
        background-color: #37ade0;
        color: #fff
    }

.uxr-autocomplete-matched {
    font-weight: 700
}

@keyframes uxr-autocomplete-loading {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

#uxr-dialog-cover, .uxr-dialog {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#uxr-dialog-cover {
    position: absolute;
    background-color: rgba(0,0,0,.3)
}

#uxr-dialog-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    max-width: 500px;
    min-width: 320px;
    padding: 15px;
    border-radius: 3px;
    background-color: #fff;
    transform: translateX(-50%) translateY(-50%)
}

.uxr-dialog-button, .uxr-dialog-close {
    background-color: #c6c6c6;
    text-decoration: none
}

.uxr-dialog {
    position: fixed
}

.uxr-dialog-title {
    margin-top: 0
}

.uxr-dialog-content {
    margin-bottom: 1em
}

.uxr-dialog-button {
    display: inline-block;
    margin-left: 10px
}

.uxr-dialog-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff
}

.uxr-dialog-close-icon:before {
    content: "x";
    font-style: normal
}

#uxr-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.uxr-modal-container {
    position: absolute;
    z-index: 10000;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    min-width: 50px;
    min-height: 50px;
    border-radius: 3px;
    background-color: #fff;
    box-sizing: border-box;
    transition: all ease .3s
}

.uxr-modal-drag {
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    width: calc(100% - 40px);
    height: 24px;
    z-index: 1
}

.uxr-modal-content, .uxr-modal-loaded-content {
    position: relative
}

.uxr-modal-title {
    position: absolute;
    top: 5px;
    left: 0;
    width: calc(100% - 27px);
    line-height: 1.5;
    z-index: 10;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff;
    padding-left: 10px
}

    .uxr-modal-title ~ .uxr-modal-content {
        margin-top: 20px
    }

.uxr-modal-content {
    width: 100%;
    max-height: 100%
}

.uxr-modal-loading:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border: 2px dashed #777;
    border-radius: 50%;
    box-sizing: border-box;
    animation: uxr-modal-loading 2s infinite linear
}

.noUi-base, .tab-view {
    width: 100%
}

.uxr-modal-close {
    position: absolute;
    border-radius: 50%;
    color: #fff;
    font-family: sans-serif;
    text-decoration: none;
    cursor: pointer
}

    .uxr-modal-close:before {
        content: "X";
        font-size: .8em;
        line-height: 22px
    }

.noUi-handle:after, .noUi-handle:before, .slick-track:after, .slick-track:before, .uxr-autocomplete-magnify:before {
    content: ""
}

.uxr-modal-hide {
    display: none
}

@keyframes uxr-modal-loading {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.tab-view .tab-view-buttons {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

    .tab-view .tab-view-buttons .tab-view-button {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 1 1 100px;
        -ms-flex: 1 1 100px;
        flex: 1 1 100px;
        padding: 15px 5px;
        line-height: 1.4;
        background: #e4e7ee;
        margin-right: 3px;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        border-bottom: 3px solid #fff;
        text-align: center
    }

        .tab-view .tab-view-buttons .tab-view-button:before {
            content: "";
            display: block;
            position: absolute;
            top: -2px;
            transition: .2s
        }

        .tab-view .tab-view-buttons .tab-view-button:hover {
            opacity: .8
        }

        .tab-view .tab-view-buttons .tab-view-button strong {
            color: #263547;
            margin: 0 2px
        }

        .tab-view .tab-view-buttons .tab-view-button:last-child {
            margin-right: 0;
            border-right: none
        }

        .tab-view .tab-view-buttons .tab-view-button.current {
            background: #f4f5f7;
            border-bottom-color: #f4f5f7
        }

            .tab-view .tab-view-buttons .tab-view-button.current:before {
                width: 100%;
                border-top: 4px solid #263547;
                left: 0
            }

.tab-view .tab-view-content {
    background: #f4f5f7;
    padding: 10px
}

    .tab-view .tab-view-content .tab-view-content-inner {
        background: #fff;
        padding: 30px
    }

.collapsible {
    background: #fff;
    margin-bottom: 10px
}

.type2 .collapsible {
    background: #f0f0f0
}

.collapsible:last-child {
    margin-bottom: 0
}

.collapsible .collapsible-header {
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    padding: 15px 20px 15px 40px;
    margin-bottom: 0;
    color: #434547
}

    .collapsible .collapsible-header:before {
        font-family: icons;
        font-size: 1.1428571429rem;
        position: absolute;
        left: 20px
    }

.collapsible.uxr-collapsible-current {
    padding-bottom: 20px
}

    .collapsible.uxr-collapsible-current .collapsible-header:before {
        transform: rotate(90deg);
        left: 15px;
        top: 15px
    }

.collapsible .collapsible-content {
    background: #f4f5f7;
    margin: 0 20px
}

@media only screen and (max-width:767px) {
    .collapsible.uxr-collapsible-current {
        padding-bottom: 0
    }

    .collapsible .collapsible-content {
        margin: 0
    }
}

.type2 .collapsible .collapsible-content {
    background: #fff
}

.collapsible .collapsible-content .collapsible-inner {
    padding: 0 20px
}

.uxr-autocomplete-wrap {
    display: block
}

.uxr-autocomplete-magnify {
    top: 12px
}
/*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */

.noUi-target, .noUi-target * {
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr;
    background: #fafafa;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

.noUi-base {
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: top .3s,right .3s,bottom .3s,left .3s;
    transition: top .3s,right .3s,bottom .3s,left .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.noUi-horizontal {
    height: 18px
}

    .noUi-horizontal .noUi-handle {
        left: -17px
    }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px
    }

.noUi-connect {
    background: #3fb8af;
    box-shadow: inset 0 0 3px rgba(51,51,51,.45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    position: relative;
    z-index: 1;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large, .noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%,50%,0);
    transform: translate3d(-50%,50%,0)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
    padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    right: 120%
}

.uxr-dialog {
    z-index: 99999
}

    .uxr-dialog .note-content a {
        text-decoration: underline !important
    }

#uxr-dialog-cover {
    z-index: 1
}

.dialog-terms .note-content {
    max-height: 30vw;
    overflow-y: auto;
    text-align: justify
}

.buttons, .modal-head, .slick-dots, .slick-dots li button:before, .slider .range-tooltip, .smartbanner__button, .smartbanner__button__label, .smartbanner__exit {
    text-align: center
}

.dialog-terms .note-warning {
    max-height: 50vw
}

@media only screen and (max-width:767px) {
    .dialog-terms #uxr-dialog-content {
        min-width: 100%;
        min-height: 100%;
        left: 0;
        top: 0;
        transform: inherit
    }

    .dialog-terms .note-content {
        min-height: 120vw;
        -webkit-overflow-scrolling: touch
    }
}

.uxr-dialog-button {
    border-radius: 20px !important;
    padding: 10px 20px !important
}

.uxr-dialog-confirm-button {
    background-color: #feb900 !important;
    color: #fff !important
}

.uxr-dialog-cancel-button {
    background-color: #5b7b95 !important;
    color: #fff
}

#uxr-modal-overlay {
    background-color: #f4f5f7;
    opacity: .8
}

.uxr-modal-container {
    padding: 30px;
    -webkit-box-shadow: 0 10px 43px 0 rgba(0,0,0,.05);
    box-shadow: 0 10px 43px 0 rgba(0,0,0,.05)
}

@media only screen and (max-width:1023px) {
    .uxr-modal-container {
        width: 90%;
        padding: 15px;
        margin: 25px 0
    }
}

.uxr-modal-container img {
    width: 100%;
    min-width: 290px
}

.uxr-modal-loaded-content {
    height: 100%
}

.uxr-modal-content {
    overflow-x: auto !important;
    overflow-y: auto !important
}

.uxr-modal-close {
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-color: #000;
    font-size: 1.1428571429rem;
    top: -16px;
    right: -16px
}

.modal-head {
    padding: 0 20px 20px;
    font-size: 2.8571428571rem;
    border-bottom: 7px solid #393c4a
}

#gallery-lightbox {
    display: none;
    height: 100%
}

.uxr-modal-loaded-content #gallery-lightbox {
    display: block
}

#gallery-lightbox .next-image, #gallery-lightbox .prev-image {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: rgba(251,183,55,.8);
    -webkit-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    border-radius: 100%;
    color: #fff
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    background: 0 0;
    outline: 0
}

@media only screen and (max-width:767px) {
    .modal-head {
        font-size: 1.5714285714rem;
        padding: 0 10px 10px
    }

    #gallery-lightbox .next-image, #gallery-lightbox .prev-image {
        width: 36px;
        height: 36px
    }
}

#gallery-lightbox .next-image i, #gallery-lightbox .prev-image i {
    display: inline-block;
    font-size: 40px;
    margin-top: -10px;
    width: 15px
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

@media only screen and (max-width:767px) {
    #gallery-lightbox .next-image i, #gallery-lightbox .prev-image i {
        width: 10px;
        font-size: 24px
    }
}

#gallery-lightbox .next-image {
    right: 20px
}

#gallery-lightbox .prev-image {
    left: 20px
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    left: 0;
    top: 0
}

    .slick-track:after, .slick-track:before {
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0;
    display: none
}

.signature .signature-inner, [dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots, .slick-next, .slick-prev {
    display: block;
    padding: 0;
    position: absolute
}

.slick-next, .slick-prev {
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border: none
}

    .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
        opacity: 1
    }

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .75
    }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-next:before, [dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

    [dir=rtl] .slick-next:before {
        content: "←"
    }

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    list-style: none;
    margin: 0;
    width: 100%
}

.form-elements, .form-elements li {
    list-style: none !important
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

    .slick-dots li button {
        border: 0;
        background: 0 0;
        display: block;
        height: 100%;
        width: 100%;
        outline: 0;
        line-height: 0;
        font-size: 0;
        color: transparent;
        padding: 5px;
        cursor: pointer
    }

#home-slider .slick-next, #home-slider .slick-prev {
    background-position: center center;
    background-repeat: no-repeat
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

    .slick-dots li button:focus:before, .slick-dots li button:hover:before {
        opacity: 1
    }

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    color: #000;
    opacity: .25
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

#home-slider {
    opacity: 0;
    height: 200px;
    overflow: hidden
}

    #home-slider.open {
        opacity: 1;
        height: auto
    }

    #home-slider a {
        display: block !important
    }

    #home-slider .slick-track {
        display: flex
    }

    #home-slider .slick-dots button:before, #home-slider .slick-next:before, #home-slider .slick-prev:before {
        display: none
    }

    #home-slider .slick-dots {
        bottom: 25px
    }

    #home-slider.slick-dotted.slick-slider {
        margin-bottom: 0
    }

    #home-slider .slick-dots button {
        width: 100%;
        height: 100%;
        padding: 0;
        background-color: #b8b8ba;
        box-shadow: inset 0 1px 1px 0 rgba(118,118,118,.8);
        border-radius: 100%;
        opacity: .5
    }

    #home-slider .slick-dots li {
        width: 18px;
        height: 18px;
        margin: 0 3px;
        padding: 3px
    }

@media only screen and (max-width:767px) {
    #home-slider .slick-dots {
        bottom: 15px
    }

        #home-slider .slick-dots li {
            width: 13px;
            height: 13px;
            padding: 2px
        }
}

#home-slider .slick-dots li.slick-active button {
    background-color: #263547;
    opacity: 1
}

#home-slider .slick-next, #home-slider .slick-prev {
    width: 50px;
    height: 100%;
    z-index: 1;
    box-shadow: none;
    cursor: pointer
}

@media only screen and (max-width:767px) {
    #home-slider .slick-next, #home-slider .slick-prev {
        width: 27px;
        background-size: 40%
    }
}

#home-slider .slick-next:hover, #home-slider .slick-prev:hover {
    background-color: rgba(0,0,0,.05)
}

#home-slider .slick-next {
    right: 0;
    background-image: url(../images/slickslider/arrow-right.png)
}

#home-slider .slick-prev {
    left: 0;
    background-image: url(../images/slickslider/arrow-left.png)
}
/*! * smartbanner.js v1.5.0 <https://github.com/ain/smartbanner.js> * Copyright © 2017 Ain Tohvri, contributors. Licensed under GPL-3.0. */

.smartbanner {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    height: 84px;
    background: #f3f3f3;
    font-family: Helvetica,sans,sans-serif
}

.smartbanner__exit {
    position: absolute;
    top: calc(50% - 6px);
    left: 9px;
    display: block;
    margin: 0;
    width: 12px;
    height: 12px;
    border: 0
}

.form-elements.default li, fieldset {
    margin-bottom: 10px
}

.smartbanner__exit::after, .smartbanner__exit::before {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #767676;
    content: " "
}

.smartbanner__icon, .smartbanner__info {
    top: 10px;
    height: 64px;
    position: absolute
}

.smartbanner__exit::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.smartbanner__exit::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.smartbanner__icon {
    left: 30px;
    width: 64px;
    border-radius: 15px;
    background-size: 64px 64px
}

.smartbanner__info {
    left: 104px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    width: 60%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.smartbanner__info__title {
    font-size: 14px
}

.smartbanner__info__author, .smartbanner__info__price {
    font-size: 12px
}

.smartbanner__button {
    position: absolute;
    top: 32px;
    right: 10px;
    z-index: 1;
    display: block;
    padding: 0 10px;
    min-width: 10%;
    border-radius: 5px;
    background: #f3f3f3;
    color: #1474fc;
    font-size: 18px;
    text-decoration: none
}

.form-elements {
    padding: 0 !important
}

    .form-elements .is-radio.is-error {
        border-color: #ff6d51
    }

    .form-elements .error-box {
        display: none
    }

    .form-elements.default [class^=icon-] {
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -18px;
        font-size: 18px;
        color: #677278
    }

    .form-elements.default .icon-envelope {
        margin-top: -13px
    }

fieldset:last-of-type {
    margin-bottom: 0
}

.collapsible-content fieldset {
    margin-top: 1em
}

.legend-title {
    position: relative;
    color: #feb900;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: .5em
}

    .legend-title p {
        color: #575757;
        font-size: 65%
    }

    .legend-title [class*="-action"] {
        font-size: 80%;
        font-weight: 400
    }

    .legend-title .filter-message {
        position: absolute;
        right: 20px;
        top: 7px;
        font-size: 12px;
        color: #f3f5f6
    }

    .legend-title .legend-content {
        display: inline-block;
        margin-top: 10px;
        width: 100%;
        color: #575757;
        font-size: 80%
    }

.g-recaptcha, .g-recaptcha > div {
    width: 245px !important
}

.legend-title .legend-content [class*="-action"] {
    font-size: 100%
}

.g-recaptcha {
    display: inline-block;
    transform: scale(.77);
    -webkit-transform: scale(.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.buttons, .item textarea {
    display: block
}

    .buttons a {
        cursor: pointer
    }

.button, button, input.button, input[type=reset], input[type=submit] {
    padding: 15px 20px;
    border-radius: 3px;
    border: 1px solid #adbdca
}

    .button:first-child, .button:only-child, button:first-child, button:only-child, input.button:first-child, input.button:only-child, input[type=reset]:first-child, input[type=reset]:only-child, input[type=submit]:first-child, input[type=submit]:only-child {
        margin-left: 0
    }

    .button.disabled, .button.disabled:hover, .button:disabled, .button:disabled:hover, button.disabled, button.disabled:hover, button:disabled, button:disabled:hover, input.button.disabled, input.button.disabled:hover, input.button:disabled, input.button:disabled:hover, input[type=reset].disabled, input[type=reset].disabled:hover, input[type=reset]:disabled, input[type=reset]:disabled:hover, input[type=submit].disabled, input[type=submit].disabled:hover, input[type=submit]:disabled, input[type=submit]:disabled:hover {
        color: #575757;
        border-color: #f4f5f7
    }

.type-1, .type-1:hover {
    background-color: #69757b;
    color: #fff
}

.type-1 {
    padding: 8px 15px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
    border: none
}

    .type-1:hover {
        opacity: .9
    }

.form-elements.default.type-2 .is-select select, .form-elements.default.type-2 .select2-container .select2-selection--single, .form-elements.default.type-2 input[type=color], .form-elements.default.type-2 input[type=date], .form-elements.default.type-2 input[type=datetime-local], .form-elements.default.type-2 input[type=datetime], .form-elements.default.type-2 input[type=email], .form-elements.default.type-2 input[type=month], .form-elements.default.type-2 input[type=password], .form-elements.default.type-2 input[type=tel], .form-elements.default.type-2 input[type=text], .form-elements.default.type-2 input[type=time], .form-elements.default.type-2 input[type=url], .form-elements.default.type-2 input[type=week], .form-elements.default.type-2 input[type=number], .form-elements.default.type-2 input[type=search], .form-elements.default.type-2 textarea, textarea[disabled] {
    background-color: #fff
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], input[type=number], input[type=search], textarea {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    padding: 14px 15px;
    border-radius: 2px;
    border: none;
    background-color: #f4f5f7;
    color: #687278
}

    input[type=color].readonly, input[type=color][readonly], input[type=date].readonly, input[type=date][readonly], input[type=datetime-local].readonly, input[type=datetime-local][readonly], input[type=datetime].readonly, input[type=datetime][readonly], input[type=email].readonly, input[type=email][readonly], input[type=month].readonly, input[type=month][readonly], input[type=password].readonly, input[type=password][readonly], input[type=tel].readonly, input[type=tel][readonly], input[type=text].readonly, input[type=text][readonly], input[type=time].readonly, input[type=time][readonly], input[type=url].readonly, input[type=url][readonly], input[type=week].readonly, input[type=week][readonly], input[type=number].readonly, input[type=number][readonly], input[type=search].readonly, input[type=search][readonly], textarea.readonly, textarea[readonly] {
        color: #434547
    }

    input[type=color].disabled, input[type=color][disabled], input[type=date].disabled, input[type=date][disabled], input[type=datetime-local].disabled, input[type=datetime-local][disabled], input[type=datetime].disabled, input[type=datetime][disabled], input[type=email].disabled, input[type=email][disabled], input[type=month].disabled, input[type=month][disabled], input[type=password].disabled, input[type=password][disabled], input[type=tel].disabled, input[type=tel][disabled], input[type=text].disabled, input[type=text][disabled], input[type=time].disabled, input[type=time][disabled], input[type=url].disabled, input[type=url][disabled], input[type=week].disabled, input[type=week][disabled], input[type=number].disabled, input[type=number][disabled], input[type=search].disabled, input[type=search][disabled], textarea.disabled, textarea[disabled] {
        color: #aaa
    }

    input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=number]:focus, input[type=search]:focus, textarea:focus {
        background-color: #f4f5f7
    }

    input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #adaeaf;
        opacity: 1
    }

    input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, textarea::-moz-placeholder {
        color: #adaeaf;
        opacity: 1
    }

    input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #adaeaf;
        opacity: 1
    }

    input[type=color]::-webkit-contacts-auto-fill-button, input[type=color]::-webkit-keygen-select, input[type=date]::-webkit-contacts-auto-fill-button, input[type=date]::-webkit-keygen-select, input[type=datetime-local]::-webkit-contacts-auto-fill-button, input[type=datetime-local]::-webkit-keygen-select, input[type=datetime]::-webkit-contacts-auto-fill-button, input[type=datetime]::-webkit-keygen-select, input[type=email]::-webkit-contacts-auto-fill-button, input[type=email]::-webkit-keygen-select, input[type=month]::-webkit-contacts-auto-fill-button, input[type=month]::-webkit-keygen-select, input[type=password]::-webkit-contacts-auto-fill-button, input[type=password]::-webkit-keygen-select, input[type=tel]::-webkit-contacts-auto-fill-button, input[type=tel]::-webkit-keygen-select, input[type=text]::-webkit-contacts-auto-fill-button, input[type=text]::-webkit-keygen-select, input[type=time]::-webkit-contacts-auto-fill-button, input[type=time]::-webkit-keygen-select, input[type=url]::-webkit-contacts-auto-fill-button, input[type=url]::-webkit-keygen-select, input[type=week]::-webkit-contacts-auto-fill-button, input[type=week]::-webkit-keygen-select, input[type=number]::-webkit-contacts-auto-fill-button, input[type=number]::-webkit-keygen-select, input[type=search]::-webkit-contacts-auto-fill-button, input[type=search]::-webkit-keygen-select, textarea::-webkit-contacts-auto-fill-button, textarea::-webkit-keygen-select {
        visibility: hidden
    }

.form-elements.default.type-2 .item {
    padding: 0
}

.form-elements.default.type-2 input[type=color]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=date]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=datetime-local]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=datetime]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=email]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=month]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=password]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=tel]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=text]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=time]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=url]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=week]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=number]::-webkit-input-placeholder, .form-elements.default.type-2 input[type=search]::-webkit-input-placeholder, .form-elements.default.type-2 textarea::-webkit-input-placeholder {
    color: #adaeaf;
    opacity: 1
}

.form-elements.default.type-2 input[type=color]::-moz-placeholder, .form-elements.default.type-2 input[type=date]::-moz-placeholder, .form-elements.default.type-2 input[type=datetime-local]::-moz-placeholder, .form-elements.default.type-2 input[type=datetime]::-moz-placeholder, .form-elements.default.type-2 input[type=email]::-moz-placeholder, .form-elements.default.type-2 input[type=month]::-moz-placeholder, .form-elements.default.type-2 input[type=password]::-moz-placeholder, .form-elements.default.type-2 input[type=tel]::-moz-placeholder, .form-elements.default.type-2 input[type=text]::-moz-placeholder, .form-elements.default.type-2 input[type=time]::-moz-placeholder, .form-elements.default.type-2 input[type=url]::-moz-placeholder, .form-elements.default.type-2 input[type=week]::-moz-placeholder, .form-elements.default.type-2 input[type=number]::-moz-placeholder, .form-elements.default.type-2 input[type=search]::-moz-placeholder, .form-elements.default.type-2 textarea::-moz-placeholder {
    color: #adaeaf;
    opacity: 1
}

.form-elements.default.type-2 input[type=color]:-ms-input-placeholder, .form-elements.default.type-2 input[type=date]:-ms-input-placeholder, .form-elements.default.type-2 input[type=datetime-local]:-ms-input-placeholder, .form-elements.default.type-2 input[type=datetime]:-ms-input-placeholder, .form-elements.default.type-2 input[type=email]:-ms-input-placeholder, .form-elements.default.type-2 input[type=month]:-ms-input-placeholder, .form-elements.default.type-2 input[type=password]:-ms-input-placeholder, .form-elements.default.type-2 input[type=tel]:-ms-input-placeholder, .form-elements.default.type-2 input[type=text]:-ms-input-placeholder, .form-elements.default.type-2 input[type=time]:-ms-input-placeholder, .form-elements.default.type-2 input[type=url]:-ms-input-placeholder, .form-elements.default.type-2 input[type=week]:-ms-input-placeholder, .form-elements.default.type-2 input[type=number]:-ms-input-placeholder, .form-elements.default.type-2 input[type=search]:-ms-input-placeholder, .form-elements.default.type-2 textarea:-ms-input-placeholder {
    color: #adaeaf;
    opacity: 1
}

.item .item-label {
    z-index: 1;
    font-weight: 400
}

.item.text-field {
    background: 0 0
}

.item.is-disabled [class*=icon-], .item.is-readonly [class*=icon-] {
    color: #f3f5f6
}

.item.item-search .item-label {
    width: 100%
}

    .item.item-search .item-label:before {
        font-family: icons;
        position: absolute;
        font-weight: lighter;
        right: 15px;
        top: 10px;
        color: #979797;
        font-size: 1.4285714286rem
    }

.item.item-search .item-button {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 20px;
    color: #979797;
    font-size: 1.4285714286rem
}

    .item.item-search .item-button .icon-search:before, .item.item-search .item-button .item-label:before {
        margin-top: -6px
    }

.item.item-search.is-active .item-label:before {
    color: #feb900
}

.is-checkbox input[type=checkbox], .is-checkbox input[type=radio], .is-radio input[type=checkbox], .is-radio input[type=radio] {
    position: absolute;
    opacity: 0
}

input[type=checkbox] + .item-label, input[type=radio] + .item-label {
    margin-left: 0;
    padding-left: 25px
}

    input[type=checkbox] + .item-label:after, input[type=checkbox] + .item-label:before, input[type=radio] + .item-label:after, input[type=radio] + .item-label:before {
        content: "";
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0
    }

    input[type=checkbox] + .item-label:before, input[type=radio] + .item-label:before {
        width: 20px;
        height: 20px;
        border: 1px solid #e0e4ea;
        background-color: #fff
    }

    input[type=checkbox] + .item-label:after, input[type=radio] + .item-label:after {
        margin-left: 10px
    }

input[type=checkbox]:checked + .item-label:before, input[type=radio]:checked + .item-label:before {
    border-color: #fff
}

input[type=checkbox]:disabled + .item-label:before, input[type=radio]:disabled + .item-label:before {
    border-color: #f4f5f7;
    background-color: #f3f5f6
}

.is-checkbox.one-whole, .is-radio.one-whole {
    margin-bottom: 1em
}

.is-checkbox input[type=checkbox] + .item-label:before {
    border-radius: 3px
}

.is-checkbox input[type=checkbox] + .item-label:after {
    font-family: icons;
    font-size: 0
}

.is-checkbox input[type=checkbox]:checked + .item-label:before {
    background-color: #cecece
}

.apartment-list .is-checkbox input[type=checkbox]:checked + .item-label:before, .approved-sites .is-checkbox input[type=checkbox]:checked + .item-label:before, .user-register .is-checkbox input[type=checkbox]:checked + .item-label:before {
    background-color: #feb900
}

.is-checkbox input[type=checkbox]:checked + .item-label:after {
    font-size: 1rem;
    margin-left: 4px;
    color: #fff;
    font-weight: 700
}

.slider .range-label, .slider .range-tooltip {
    text-transform: uppercase;
    font-size: .9285714286rem
}

.primary-box-component h4, h1, h2 {
    font-weight: 400
}

.is-checkboxtoggle {
    position: relative;
    width: 42px
}

    .is-checkboxtoggle input[type=checkbox] {
        position: absolute;
        opacity: 0
    }

        .is-checkboxtoggle input[type=checkbox]:checked + .item-label:before {
            left: calc(100% - 26px);
            background-color: #feb900
        }

        .is-checkboxtoggle input[type=checkbox]:checked + .item-label:after {
            background-color: #e0f0fc
        }

        .is-checkboxtoggle input[type=checkbox] + .item-label {
            position: absolute;
            width: 100%
        }

            .is-checkboxtoggle input[type=checkbox] + .item-label:before {
                z-index: 1;
                width: 26px;
                height: 26px;
                left: 0;
                border-radius: 13px
            }

            .is-checkboxtoggle input[type=checkbox] + .item-label:after {
                width: 100%;
                height: 14px;
                left: 0;
                margin-left: 0;
                border-radius: 8px;
                background-color: #f4f5f7
            }

.is-radio input[type=radio] + .item-label:before {
    border-radius: 50%
}

.is-radio input[type=radio] + .item-label:after {
    width: 0;
    height: 0;
    border-radius: 50%
}

.is-radio input[type=radio]:checked + .item-label:after {
    margin: 0 0 0 4px;
    width: 12px;
    height: 12px;
    border-color: #feb900;
    background-color: #feb900
}

.is-select select, .is-select select:focus {
    background-color: #fff
}

.is-select select {
    width: 100%;
    height: 48px;
    border: none;
    color: #687278
}

    .is-select select[multiple] {
        height: auto
    }

.is-select .select2-container .select2-selection--single {
    height: 49px;
    line-height: 49px;
    border-color: #fff;
    background-color: #f4f5f7
}

    .is-select .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 49px;
        color: #adaeaf;
        padding-left: 15px
    }

    .is-select .select2-container .select2-selection--single .select2-selection__arrow {
        height: 49px;
        width: 40px
    }

        .is-select .select2-container .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent
        }

.is-select.type-2 .select2-container .select2-selection--single {
    background-color: #fff
}

.is-select .select2.select2-container {
    width: 100% !important
}

    .is-select .select2.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #fff
    }

    .is-select .select2.select2-container.select2-container--disabled .select2-selection--single {
        background-color: #fff;
        border-color: #ebebeb
    }

        .is-select .select2.select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered.select2-selection__rendered {
            color: #f4f5f7
        }

        .is-select .select2.select2-container.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
            border-color: #f4f5f7 transparent transparent
        }

.is-select.item-error .select2-container .select2-selection--single {
    border-color: #ff6d51 !important
}

.select {
    width: 100%;
    height: 48px;
    border: 1px solid #adbdca;
    border-radius: 2px
}

.select2-dropdown {
    border: none !important
}

.noUi-target {
    background-color: #394148;
    border: none;
    border-radius: 40px;
    height: 13px
}

.noUi-horizontal .noUi-handle {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 7px;
    background: url(../images/svg/two-arrows.svg) center center no-repeat #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.29);
    cursor: pointer
}

    .noUi-horizontal .noUi-handle:after, .noUi-horizontal .noUi-handle:before {
        display: none
    }

.slider {
    position: relative;
    margin-top: 48px;
    margin-bottom: 25px;
    padding-top: 22px
}

    .slider .range-tooltip {
        display: block;
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        z-index: 9;
        padding: 5px 8px;
        border-radius: 3px;
        background-color: #292d30;
        color: #fff;
        box-shadow: 0 0 4px 0 rgba(0,0,0,.22)
    }

        .slider .range-tooltip:after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            bottom: -7px;
            left: 50%;
            transform: translateY(-50%);
            margin-left: -4px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #292d30
        }

    .slider .range-label {
        position: absolute;
        right: 0;
        top: 0;
        opacity: .7
    }

    .slider input[type=range] {
        width: 100%;
        padding: 0;
        -webkit-appearance: none
    }

        .slider input[type=range]::-webkit-slider-runnable-track {
            height: 13px;
            border: none;
            border-radius: 40px;
            background-color: #394148
        }

        .slider input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            border: none;
            width: 36px;
            height: 36px;
            border-radius: 36px;
            background: url(../images/svg/two-arrows.svg) center center no-repeat #fff;
            -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.29);
            box-shadow: 0 0 8px 0 rgba(0,0,0,.29);
            margin-top: -4px
        }

        .slider input[type=range]:focus {
            outline: 0
        }

        .slider input[type=range]::-moz-range-track {
            height: 13px;
            background: #394148;
            border: none;
            border-radius: 40px
        }

        .slider input[type=range]::-moz-range-thumb {
            border: none;
            width: 36px;
            height: 36px;
            border-radius: 36px;
            background: url(../images/svg/two-arrows.svg) center center no-repeat #fff;
            -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.29);
            box-shadow: 0 0 8px 0 rgba(0,0,0,.29)
        }

        .slider input[type=range]:-moz-focusring {
            outline: #fff solid 1px;
            outline-offset: -1px
        }

        .slider input[type=range]::-ms-track {
            height: 13px;
            background: 0 0;
            border-color: transparent;
            border-width: 6px 0;
            color: transparent
        }

        .slider input[type=range]::-ms-fill-lower {
            background: #394148;
            border-radius: 40px
        }

        .slider input[type=range]::-ms-fill-upper {
            background: #394148;
            border-radius: 40px
        }

        .slider input[type=range]::-ms-thumb {
            width: 36px;
            height: 36px;
            border-radius: 36px;
            background: url(../images/svg/two-arrows.svg) center center no-repeat #fff;
            -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.29);
            box-shadow: 0 0 8px 0 rgba(0,0,0,.29);
            border: 1px solid #eee
        }

        .slider input[type=range]:focus::-ms-fill-lower {
            background: #394148
        }

        .slider input[type=range]:focus::-ms-fill-upper {
            background: #394148
        }

        .slider input[type=range]::-ms-tooltip {
            display: none
        }

.form-elements .item {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none
}

    .form-elements .item input:not([type=checkbox]):not([type=radio]), .form-elements .item textarea {
        width: 100%
    }

        .form-elements .item input:not([type=checkbox]):not([type=radio]):focus, .form-elements .item textarea:focus {
            box-shadow: 0 0 14px 0 rgba(29,29,29,.3)
        }

    .form-elements .item.is-active .item-label {
        color: #feb900
    }

    .form-elements .item.is-active:after, .form-elements .item.is-active:before {
        width: 50%
    }

    .form-elements .item.is-error:after, .form-elements .item.is-error:before {
        background-color: #ff6d51
    }

    .form-elements .item.is-readonly:after, .form-elements .item.is-readonly:before {
        background-color: #f3f5f6
    }

    .form-elements .item.is-disabled:after, .form-elements .item.is-disabled:before {
        background-color: #ebebeb
    }

    .form-elements .item.is-blurred .item-label, .form-elements .item.is-disabled .item-label, .form-elements .item.is-readonly .item-label {
        color: #f3f5f6
    }

    .form-elements .item.is-search input {
        padding-right: 20px
    }

    .form-elements .item.is-search .icon-magnify {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 5px;
        color: #434547
    }

.is-height {
    line-height: 41px
}

    .is-height input[disabled] + .item-label {
        color: #f4f5f7
    }

.is-select.required .item-label:before {
    margin-top: 10px
}

.selection .is-checkbox, .selection .is-radio {
    width: 20px;
    height: 20px
}

.item-label {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #687278
}

a, a:active {
    color: #2d3345
}

[class*="-column"].is-text-field .item-label {
    left: 10px
}

.is-active .item-label, .is-select .item-label {
    font-size: 1rem
}

.is-select .item-label {
    cursor: default
}

.is-select .item-error select, .item-error .is-select select, .item-error .text-field, .item-error .uxr-select-selection, .item-error input[type=color], .item-error input[type=date], .item-error input[type=datetime-local], .item-error input[type=datetime], .item-error input[type=email], .item-error input[type=month], .item-error input[type=password], .item-error input[type=tel], .item-error input[type=text], .item-error input[type=time], .item-error input[type=url], .item-error input[type=week], .item-error input[type=number], .item-error input[type=search], .item-error textarea {
    border: 1px solid #ff6d51 !important
}

.item-error .error-message {
    font-size: .8571428571rem
}



[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: icons;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-accessible:before {
    content: "\f101"
}

.icon-account:before {
    content: "\f102"
}

.icon-apple:before {
    content: "\f103"
}

.icon-cps-home:before {
    content: "\f104"
}

.icon-arrow-home:before {
    content: "\f105"
}

.icon-arrow-to-link:before {
    content: "\f106"
}

.icon-big-office:before {
    content: "\f107"
}

.icon-books:before {
    content: "\f108"
}

.icon-call-center:before {
    content: "\f109"
}

.icon-callcenter:before {
    content: "\f10a"
}

.icon-card:before {
    content: "\f10b"
}

.icon-clock:before {
    content: "\f10c"
}

.icon-communication:before {
    content: "\f10d"
}

.icon-company:before {
    content: "\f10e"
}

.icon-crown:before {
    content: "\f10f"
}

.icon-customer:before {
    content: "\f110"
}

.icon-database:before {
    content: "\f111"
}

.icon-diamond:before {
    content: "\f112"
}

.icon-drawer:before {
    content: "\f113"
}

.icon-envelope:before {
    content: "\f114"
}

.icon-facebook:before {
    content: "\f115"
}

.icon-gear:before {
    content: "\f116"
}

.icon-gears:before {
    content: "\f117"
}

.icon-goal-to-cup:before {
    content: "\f118"
}

.icon-googlestore:before {
    content: "\f119"
}

.icon-instagram:before {
    content: "\f11a"
}

.icon-left-arrow:before {
    content: "\f11b"
}

.icon-light-bulb:before {
    content: "\f11c"
}

.icon-linkedin-soft:before {
    content: "\f11d"
}

.icon-linkedin:before {
    content: "\f11e"
}

.icon-loop:before {
    content: "\f11f"
}

.icon-makemoney:before {
    content: "\f120"
}

.icon-member:before {
    content: "\f121"
}

.icon-money-in-hand:before {
    content: "\f122"
}

.icon-pdf:before {
    content: "\f123"
}

.icon-people:before {
    content: "\f124"
}

.icon-person-plus:before {
    content: "\f125"
}

.icon-person:before {
    content: "\f126"
}

.icon-phone:before {
    content: "\f127"
}

.icon-plant:before {
    content: "\f128"
}

.icon-plus:before {
    content: "\f129"
}

.collapsible .collapsible-header:before, .icon-right-arrow:before {
    content: "\f12a"
}

.icon-save-money-2:before {
    content: "\f12b"
}

.icon-save-money-3:before {
    content: "\f12c"
}

.icon-save-money:before {
    content: "\f12d"
}

.icon-search:before, .item.item-search .item-label:before, .search-section .item-label:before {
    content: "\f12e"
}

.icon-secure:before {
    content: "\f12f"
}

.icon-smiley:before {
    content: "\f130"
}

.icon-suitcase:before {
    content: "\f131"
}

.icon-tag:before {
    content: "\f132"
}

.icon-three-man:before {
    content: "\f133"
}

.icon-tick:before, .is-checkbox input[type=checkbox] + .item-label:after {
    content: "\f134"
}

.icon-transparent:before {
    content: "\f135"
}

.icon-twitter:before {
    content: "\f136"
}

.icon-two-arrow-man:before {
    content: "\f137"
}

.icon-wall-clock:before {
    content: "\f138"
}

[class*=" sprite-"], [class^=sprite-] {
    background: url(../images/spritesheet.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.sprite-iso27001, .sprite-iso9001, .sprite-microsoft, .sprite-pc {
    background-size: 187px 130px
}

#main-footer .social-media a i:before, .join-the-team [class^=icon]:before, .secondary-box-component [class^=icon-]:before, .thanks-box [class^=icon-]:before {
    vertical-align: top
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    [class*=" sprite-"], [class^=sprite-] {
        background-image: url(../images/spritesheet.retina@2x.png)
    }
}

.sprite-iso27001 {
    background-position: 0 0;
    width: 131px;
    height: 45px
}


.sprite-iso9001 {
    background-position: 0 -85px;
    width: 116px;
    height: 45px
}

.sprite-microsoft {
    background-position: 0 -45px;
    width: 131px;
    height: 40px
}

.sprite-pc {
    background-position: -131px 0;
    width: 56px;
    height: 44px
}

#main-header .logo, .svg-akademi-logo, .svg-appstore, .sprite-gold-microsoft, .sprite-turkey-map, .svg-big-building, .svg-building, .svg-company-icon, .svg-company-icon-10, .svg-company-icon-11, .svg-company-icon-12, .svg-company-icon-13, .svg-company-icon-14, .svg-company-icon-2, .svg-company-icon-3, .svg-company-icon-4, .svg-company-icon-5, .svg-company-icon-6, .svg-company-icon-7, .svg-company-icon-8, .svg-company-icon-9, .svg-efficient, .svg-expert, .svg-flexible, .svg-googleplay, .svg-home, .svg-infrastructure, .svg-integrated, .svg-iso14001, .svg-iso27001, .svg-iso9001, .svg-logo, .svg-mgcp, .svg-modern, .svg-online, .svg-pci, .svg-secure, .svg-smart, .svg-support, .svg-transparent {
    display: inline-block;
    background: url(../images/svg/cps-sprite.svg?212403364693090710) no-repeat;
    background-size: 59.3125em 57.1875em
}
.svg-cps-man, .svg-cps-man-2, .svg-cps-man-3 {
    display: inline-block;
    background: url(../images/svg/aps-man-icons.svg?212403364693090710) no-repeat;
    background-size: 59.3125em 57.1875em
}

.sprite-gold-microsoft {
    background-position: -18.75em -35.75em;
    width: 10.29em;
    height: 3.875em;
}

.sprite-turkey-map {
    background-position: -29.75em -35.75em;
    width: 4.8em;
    height: 3.875em;
}
.svg-akademi-logo {
    background-position: 0 -28.5625em;
    width: 22.9375em;
    height: 3.375em
}

.svg-appstore {
    background-position: -11.4375em -31.9375em;
    width: 11.4375em;
    height: 3.8125em
}

.svg-cps-man {
    background-position: -33.3125em 0;
    width: 20.6875em;
    height: 27.5em
}

.svg-cps-man-2 {
    background-position: -15.5em 0;
    width: 17.8125em;
    height: 27.75em
}

.svg-cps-man-3 {
    background-position: 0 0;
    width: 15.5em;
    height: 28.5625em
}

.svg-big-building {
    background-position: -54em -17.625em;
    width: 5.3125em;
    height: 5.75em
}

.svg-building {
    background-position: -54em -34.5625em;
    width: 5.25em;
    height: 5.5625em
}

.svg-company-icon {
    background-position: -10.4375em -51.5625em;
    width: 5em;
    height: 5em
}

.svg-company-icon-10 {
    background-position: -6.3125em -39.6875em;
    width: 6.1875em;
    height: 5.5625em
}

.svg-company-icon-11 {
    background-position: -12.5em -39.6875em;
    width: 5.8125em;
    height: 5.1875em
}

.svg-company-icon-12 {
    background-position: -29.875em -51.5625em;
    width: 4.625em;
    height: 4.625em
}

.svg-company-icon-13 {
    background-position: -4.875em -45.3125em;
    width: 6.1875em;
    height: 5.6875em
}

.svg-company-icon-14 {
    background-position: -54em -11.75em;
    width: 4.625em;
    height: 5.875em
}

.svg-company-icon-2 {
    background-position: 0 -39.6875em;
    width: 6.3125em;
    height: 5.625em
}

.svg-company-icon-3 {
    background-position: -54em -23.375em;
    width: 4.875em;
    height: 5.625em
}

.svg-company-icon-4 {
    background-position: -11.0625em -45.3125em;
    width: 5.75em;
    height: 5.6875em
}

.svg-company-icon-5 {
    background-position: -16.8125em -45.3125em;
    width: 5.6875em;
    height: 5.5625em
}

.svg-company-icon-6 {
    background-position: 0 -45.3125em;
    width: 4.875em;
    height: 6.25em
}

.svg-company-icon-7 {
    background-position: 0 -51.5625em;
    width: 5.4375em;
    height: 5.625em
}

.svg-company-icon-8 {
    background-position: -54em -29em;
    width: 5.25em;
    height: 5.5625em
}

.svg-company-icon-9 {
    background-position: -54em 0;
    width: 5.3125em;
    height: 5.875em
}

.svg-efficient {
    background-position: -20.4375em -51.6625em;
    width: 4.75em;
    height: 4.75em
}

.svg-expert {
    background-position: -32.8125em -45.4125em;
    width: 4.9375em;
    height: 4.375em
}

.svg-flexible {
    background-position: -18.3125em -39.6875em;
    width: 5.5em;
    height: 3.9375em
}

.svg-googleplay {
    background-position: 0 -31.9375em;
    width: 11.4375em;
    height: 3.8125em
}

.svg-home {
    background-position: -54em -40.125em;
    width: 5.3125em;
    height: 5.4375em
}

.svg-infrastructure {
    background-position: -37.75em -45.3125em;
    width: 4.125em;
    height: 4.25em
}

.svg-integrated {
    background-position: -54em -45.5625em;
    width: 5.3125em;
    height: 5.3125em
}

.svg-iso14001 {
    background-position: -14.75em -35.75em;
    width: 4em;
    height: 3.875em
}

.svg-iso27001 {
    background-position: -45.6875em -45.3125em;
    width: 4em;
    height: 4.1875em
}

.svg-iso9001 {
    background-position: -41.875em -45.3125em;
    width: 3.8125em;
    height: 4.1875em
}

#main-header .logo, .svg-logo {
    background-position: -22.9375em -28.5625em;
    width: 11.6875em;
    height: 3.1875em
}

.svg-mgcp {
    background-position: 0 -35.75em;
    width: 8.25em;
    height: 3.9375em
}

.svg-modern {
    background-position: -15.4375em -51.6625em;
    width: 5em;
    height: 5em
}

.svg-online {
    background-position: -5.4375em -51.6925em;
    width: 5em;
    height: 5.0625em
}

.svg-pci {
    background-position: -8.25em -35.75em;
    width: 4.8em;
    height: 3.875em
}

.svg-secure {
    background-position: -27.875em -45.3125em;
    width: 4.9375em;
    height: 4.6875em
}

.svg-smart {
    background-position: -54em -5.875em;
    width: 5.3125em;
    height: 5.875em
}

.svg-support {
    background-position: -22.5em -45.3125em;
    width: 5.375em;
    height: 4.875em
}

.svg-transparent {
    background-position: -25.1875em -51.5625em;
    width: 4.6875em;
    height: 4.6875em
}

.data-table {
    width: 100%
}

    .data-table td, .data-table th {
        font-family: TyponineSansProLight;
        font-size: .8571428571rem;
        text-align: center;
        border: 1px solid #dadada
    }

    .data-table tbody tr:nth-child(even), .data-table.no-sprite thead th {
        background-color: #f3f5f6
    }

    .data-table.no-sprite td {
        text-align: left
    }

    .data-table.no-sprite tbody tr:nth-child(even) {
        background-color: transparent
    }

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 100%
}

li, ol {
    list-style: none;
    padding: 0
}

.text-content ol, .text-content ul {
    padding-left: 20px
}

    .text-content ul li {
        list-style: disc;
        margin-bottom: 13px
    }

    .text-content ol li {
        list-style: decimal;
        margin-bottom: 13px
    }

h1 {
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    h1 {
        font-size: 2rem
    }
}

h2 {
    font-size: 1.4285714286rem
}

@media only screen and (max-width:767px) {
    h2 {
        font-size: 1.1428571429rem
    }
}

a {
    text-decoration: none;
    padding: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.link-type {
    color: #0088ba
}

[class*="-action"] {
    border-radius: 3px;
    padding: 10px 20px !important;
    background: #fff;
    letter-spacing: .3px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    font-size: 1rem;
    outline: 0
}

    [class*="-action"].with-border {
        border: 1px solid #2d3345
    }

    [class*="-action"]:hover {
        opacity: .85
    }

    [class*="-action"].small {
        font-size: 80% !important;
        padding: 5px 10px !important
    }

.mobile-nav-button {
    display: none;
    position: relative;
    z-index: 10;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 60px;
    font-size: 0;
    text-indent: -9999px
}

@media only screen and (max-width:1023px) {
    .mobile-nav-button {
        display: block
    }
}

.mobile-nav-button span {
    display: block;
    position: absolute;
    top: 28px;
    left: 8px;
    right: 8px;
    height: 2px;
    background: #fff;
    transition: background 0s .3s
}

    .mobile-nav-button span:after, .mobile-nav-button span:before {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        content: "";
        transition-duration: .3s,.3s;
        transition-delay: .3s,0s
    }

    .mobile-nav-button span:before {
        top: -7px;
        transition-property: top,transform
    }

    .mobile-nav-button span:after {
        bottom: -7px;
        transition-property: bottom,transform
    }

.mobile-nav-open .mobile-nav-button span {
    background: 0 0
}

    .mobile-nav-open .mobile-nav-button span:before {
        top: 0;
        transform: rotate(45deg)
    }

    .mobile-nav-open .mobile-nav-button span:after {
        bottom: 0;
        transform: rotate(-45deg)
    }

    .mobile-nav-open .mobile-nav-button span:after, .mobile-nav-open .mobile-nav-button span:before {
        transition-delay: 0s,.3s
    }

.is-icon.is-icon {
    position: relative;
    width: 44px;
    height: 44px;
    padding: 5px;
    border: 1px solid #feb900;
    background-color: #fff;
    color: #feb900
}

.main-primary-head, .main-secondary-head {
    padding: 10px;
    margin-bottom: 10px;
    text-align: center
}

@media only screen and (min-width:1224px) {
    .is-icon.is-icon {
        width: 25px;
        height: 25px;
        font-size: .9em
    }
}

.is-icon.is-icon i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.cps .main-banner-area .bg-image, .main-subbanner-area figure, .main-subbanner-area img {
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%)
}

.is-icon.is-icon:hover {
    background-color: #feb900;
    color: #fff
}

.with-icon {
    letter-spacing: 0;
    line-height: 20px !important
}

    .with-icon i:before {
        font-size: 1.4285714286rem;
        margin-top: -2px;
        margin-right: 5px
    }

    .with-icon i.icon-apple:before {
        margin-top: -7px
    }

.primary-action.primary-action {
    background-color: transparent
}

.primary-action.with-border:hover {
    background-color: #2d3345;
    color: #fff
}

.fourth-action {
    border: 1px solid #feb900 !important;
    background: 0 0;
    color: #feb900 !important
}

    .fourth-action:hover {
        border-color: #f4f5f7
    }

    .fourth-action.ghost {
        background-color: transparent
    }

        .fourth-action.ghost:hover {
            background-color: #feb900;
            color: #fff !important
        }

    .fourth-action .icon-facebook {
        margin-right: 10px
    }

.fifth-action {
    border: 1px solid #f4f5f7;
    background: #e0e4ea !important;
    color: #575757 !important
}

.plus-big-button {
    display: block;
    width: 154px;
    height: 154px;
    line-height: 140px;
    background-color: #fafafa;
    border-radius: 100%;
    color: #8bc34a;
    font-size: 3rem;
    border: 3px solid transparent
}

    .plus-big-button:hover {
        border-color: #28ace0
    }

.sixth-action {
    background: #263547 !important;
    color: #fff !important
}

.seventh-action {
    background: #b5b5b7 !important;
    color: #e4e4e4 !important
}

.eight-action {
    background-color: #fff;
    border: 1px solid #ffb900 !important;
    color: #adaeaf !important
}

.main-primary-head {
    background-color: #f4f5f7
}

.main-secondary-head {
    background-color: #c3c7ca;
    color: #fff
}

.primary-box-component {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
    box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
    font-size: 1rem;
    text-align: center
}

.secondary-box-component, .tertiary-box-component {
    -webkit-box-shadow: 0 5px 13px 0 rgba(29,29,29,.1)
}

@media only screen and (max-width:767px) {
    .primary-box-component {
        padding: 10px;
        font-size: .8571428571rem;
        background-color: #f4f5f7
    }
}

.primary-box-component * {
    max-width: 100%
}

.primary-box-component [class^=icon-] {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 5rem
}

@media only screen and (max-width:767px) {
    .primary-box-component [class^=icon-] {
        font-size: 2.8571428571rem
    }
}

.primary-box-component h4 {
    margin-bottom: 10px;
    color: #263547;
    font-size: 1.2142857143rem
}

@media only screen and (max-width:767px) {
    .primary-box-component h4 {
        font-size: .9285714286rem
    }
}

.box-head {
    font-size: 14px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    margin-bottom: 15px
}

    .box-head img {
        display: inline-block
    }

    .box-head.type-2 {
        text-align: left;
        font-weight: 700;
        font-size: 1rem
    }

.secondary-box-component {
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
    text-align: center
}

    .secondary-box-component [class^=icon-] {
        display: inline-block;
        margin-bottom: 10px;
        font-size: 4.2857142857rem;
        height: 60px
    }

.company-box .company-box-inner, .third-box-component {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex
}

@media only screen and (max-width:767px) {
    .secondary-box-component {
        padding: 10px
    }

        .secondary-box-component [class^=icon-] {
            font-size: 2.380952381rem;
            height: 33.33px
        }
}

.secondary-box-component h3 {
    font-weight: 400;
    color: #434547;
    font-size: 1rem
}

.tertiary-box-component {
    background: #fff;
    box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
    padding: 36px 45px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .tertiary-box-component {
        padding: 30px
    }
}

.tertiary-box-component .read-all-btn {
    margin-top: 20px
}

.third-box-component {
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #687278
}

    .third-box-component article {
        margin-right: 10px;
        margin-bottom: 10px
    }

@media only screen and (max-width:767px) {
    .tertiary-box-component {
        padding: 25px
    }

        .tertiary-box-component .content-article.type-2 {
            padding: 0;
            background-color: transparent
        }

    .third-box-component article {
        margin-right: 0
    }
}

.third-box-component article time {
    color: #a9a9a9
}

.third-box-component article h4 {
    margin-bottom: 10px;
    color: #687278;
    font-size: 14px
}

    .third-box-component article h3 a, .third-box-component article h4 a {
        color: #687278
    }

.third-box-component article p {
    margin-bottom: 10px;
    font-size: 13px
}

.fourth-box-component {
    border-radius: 3px;
    background-color: #fff;
    text-align: center;
    padding: 16px
}

    .fourth-box-component h3 {
        margin-bottom: 5px !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        color: #434547 !important
    }

    .fourth-box-component figure {
        display: inline-block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-bottom: 5px !important;
        text-align: center;
        background-color: #f4f5f7;
        border-radius: 100%
    }

        .fourth-box-component figure [class^=icon-] {
            display: inline-block;
            margin-top: -5px;
            font-size: 30px
        }

        .fourth-box-component figure .icon-envelope:before {
            height: 20px
        }

    .fourth-box-component p {
        margin-bottom: 0
    }

.campaign-form-container .campaign-banner, .campaign-form-container .campaign-section, .campaign-list li, .grey-box, .login-container > div, .register-container > div {
    padding: 10px;
    background-color: #f4f5f7
}

.company-box {
    background-color: #e4e7ee
}

    .company-box .company-box-inner {
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 15px;
        background-color: #f4f5f7
    }

@media only screen and (min-width:768px) and (max-width:1023px) {
    .company-box .company-box-inner {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .company-box .company-box-inner {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.company-box figure {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 25%
}

@media only screen and (max-width:1023px) {
    .company-box figure {
        width: 50%;
        margin: 10px 0
    }
}

@media only screen and (max-width:767px) {
    .company-box figure {
        width: 100%
    }
}

.company-box figure img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 80px
}

.price-box-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #2d3345
}

    .price-box-wrapper .price-box {
        width: calc(100% / 3 - 10px * 2 / 3);
        padding: 20px;
        margin-right: 10px;
        background-color: #fff;
        text-align: center
    }

@media only screen and (max-width:767px) {
    .price-box-wrapper {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .price-box-wrapper .price-box {
            width: 100%;
            margin-bottom: 10px
        }
}

.price-box-wrapper .price-box:nth-child(3n+3) {
    margin-right: 0
}

.price-box-wrapper .price-box .icon {
    font-size: 22px;
    margin-bottom: 18px
}

    .price-box-wrapper .price-box .icon.main {
        font-size: 16px;
        margin-bottom: 12px
    }

.price-box-wrapper .price-box h3 {
    font-weight: 400;
    color: #2d3345;
    font-size: 20px;
    margin-bottom: 13px
}

.price-box-wrapper .price-box h4 {
    font-weight: 400;
    font-size: 15px;
    color: #2d3345;
    margin-bottom: 5px
}

.price-box-wrapper .price-box .specs {
    display: inline-block;
    width: 176px;
    text-align: left;
    margin: 0 auto
}

.price-box-wrapper .price-box.standart .specs {
    margin-top: 78px
}

@media only screen and (max-width:767px) {
    .price-box-wrapper .price-box.standart .specs {
        margin-top: 0
    }
}

.price-box-wrapper .price-box.advantage .icon, .price-box-wrapper .price-box.advantage h3 {
    color: #00a678
}

.price-box-wrapper .price-box.prestige .icon, .price-box-wrapper .price-box.prestige h3 {
    color: #00a8e8
}

.box-type-1 {
    padding: 20px;
    background-color: #f4f5f7
}

.box-type-2 {
    padding: 20px;
    background-color: #fff
}

.error-box {
    border-radius: 10px !important;
    padding: 10px;
    background: #ff6d51 !important;
    text-align: center;
    color: #fff
}

.warning .error-box {
    background-color: #ffce19 !important
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.24%;
    height: 0
}

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.text-content img, img {
    max-width: 100%;
    height: auto
}

body {
    padding-top: 60px
}

    body.smart-banner-active .smartbanner {
        z-index: 100;
        position: fixed
    }

    body.smart-banner-active #main-header {
        top: 85px
    }

img {
    flex-shrink: 0
}

.text-content {
    font-size: 1.1428571429rem;
    line-height: 1.8
}

.loading {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(255,255,255,.8);
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

    .loading .loader {
        width: 55px;
        height: 55px;
        border: 5px solid rgba(40,172,232,.2);
        border-top-color: #263547;
        animation: spin 1s infinite linear;
        -webkit-align-self: center;
        align-self: center
    }

.login-navigation .loading .loader {
    width: 0;
    height: 0
}

.login-navigation .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0
}

.bread-crumb {
    font-size: .8571428571rem
}

    .bread-crumb a:after {
        content: ">";
        margin: 0 5px
    }

.academy:before, .cps-academy .main-banner-area:before, .chart-box .row:after, .saving .cps-badges p:before, .section-header h2:before, .timeline-section .row:after {
    content: ""
}

.bread-crumb a:last-child {
    color: #263547
}

    .bread-crumb a:last-child:after {
        display: none
    }

.main-sections {
    padding: 20px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .main-sections {
        padding-left: 30px;
        padding-right: 30px
    }
}

.main-sections:nth-child(2n) {
    background-color: #f4f5f7
}

@media only screen and (max-width:767px) {
    .main-sections:nth-child(2n) {
        background-color: #fff
    }
}

.cps-academy .main-sections:nth-child(2n+1) {
    background-color: #fff
}

.cps-academy .main-sections:nth-child(2n) {
    background-color: #f4f5f7
}

.main-sections h2 {
    font-weight: 400; /*font-size: 2.8571428571rem;*/
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .cps-academy .main-sections:nth-child(2n) {
        background-color: #fff
    }

    .main-sections h2 { /*font-size: 2rem*/
    }
}

.main-sections h3 {
    font-weight: 400; /*font-size: 1.4285714286rem*/
}

.main-subbanner-area {
    position: relative;
    height: 300px;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .main-sections h3 { /*font-size: 1.1428571429rem*/
    }

    .main-subbanner-area {
        height: 165px
    }
}

.main-subbanner-area figure, .main-subbanner-area img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%)
}

@media only screen and (min-width:1024px) {
    .main-subbanner-area.references img {
        transform: translateY(-75%) translateX(-50%)
    }

    .main-subbanner-area.team img {
        transform: translateY(-58%) translateX(-50%)
    }

    .main-subbanner-area.quality-pol img {
        transform: translateY(-60%) translateX(-50%)
    }

    .main-subbanner-area.packages img {
        transform: translateY(-65%) translateX(-50%)
    }
}

.main-subbanner-area figure {
    height: 100%
}

    .main-subbanner-area figure img {
        height: auto
    }

.main-subbanner-area .main-sections-inner {
    padding: 0;
    height: 100%;
    position: relative
}

.main-subbanner-area h1 {
    width: 100%;
    height: 100px;
    background-color: rgba(255,255,255,.85);
    position: absolute;
    bottom: 0;
    margin: 0;
    text-align: center;
    line-height: 90px;
    color: #2d3345;
    -webkit-box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
    box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
    font-size: 2.5714285714rem
}

@media only screen and (max-width:767px) {
    .main-subbanner-area h1 {
        font-size: 1.6428571429rem;
        height: 60px;
        line-height: 50px
    }
}

.main-content-area {
    background: #f4f5f7;
    padding-bottom: 40px
}

@media only screen and (max-width:1023px) {
    .main-content-area {
        padding-bottom: 0
    }
}

.content-article {
    margin: 10px 0;
    position: relative
}

    .content-article#search-result {
        min-height: 400px
    }

    .content-article .loading {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .content-article.type-2, .tab-view-content {
        padding: 30px;
        background-color: #f4f5f7;
        color: #687278
    }

.text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 {
    color: #263547;
    font-weight: 400;
    margin-bottom: 8px
}

.text-content h3 {
    font-size: 20px
}

.text-content h4 {
    font-size: 18px
}

.text-content h5 {
    font-size: 16px
}

.text-content h6 {
    font-size: 14px
}

.text-content a {
    color: #263547
}

.text-content .table-wrapper {
    overflow-x: auto;
    margin-bottom: 10px
}

.text-content table {
    border-collapse: collapse;
    border-spacing: 0
}

    .text-content table td, .text-content table th {
        text-align: left;
        background-color: #fff;
        height: 46px;
        padding: 0 25px
    }

        .text-content table td.centered, .text-content table th.centered {
            text-align: center
        }

    .text-content table th {
        font-weight: 400;
        color: #263547
    }

    .text-content table tr:nth-child(odd) td {
        background-color: #efefef
    }

.box-head {
    color: #687278 !important
}

.main-sections-inner {
    position: relative;
    width: 960px;
    margin: 0 auto
}

@media only screen and (max-width:1023px) {
    .main-sections-inner {
        width: 100%
    }
}

.main-sections-inner [class*="-action"] {
    letter-spacing: .6px
}

.section-header {
    text-align: center;
    position: relative
}

    .section-header h2:before {
        display: block;
        width: 100px;
        border-bottom: 2px solid #2d3345;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 40px
    }

.search-section .item-label, .search-section .item-search input[type=search] {
    border: none
}

@media only screen and (max-width:767px) {
    .section-header h2:before {
        top: 43px
    }
}

.main-subbanner-area .section-header h2:before {
    top: 80%
}

.search-section {
    padding: 10px;
    background: #f4f5f7
}

    .search-section .item-label:before {
        font-family: icons
    }

    .search-section .item-search .item-button {
        display: inline-block;
        width: auto;
        background-color: transparent;
        border: none;
        height: 100%
    }

    .search-section.type-2 {
        padding: 10px !important;
        background: #fff;
        margin-bottom: 10px
    }

.signature .signature-inner p, .timeline-section .row.only-circle .circle {
    margin-bottom: 0
}

.signature {
    overflow: hidden
}

.timeline-section {
    position: relative;
    color: #677077
}

    .timeline-section .row {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding-bottom: 100px
    }

        .timeline-section .row:last-of-type {
            padding-bottom: 80px
        }

        .timeline-section .row.only-circle {
            -ms-flex-pack: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

        .timeline-section .row figure {
            width: calc(100% / 2 - 96px / 2);
            margin-right: auto;
            text-align: center;
            padding-right: 100px;
            order: 0
        }

            .timeline-section .row figure i {
                display: inline-block;
                font-size: 18px;
                line-height: 1;
                color: #4f5a60
            }

@media only screen and (max-width:767px) {
    .main-subbanner-area .section-header h2:before {
        top: 75%
    }

    .timeline-section .row {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 80px
    }

        .timeline-section .row figure {
            width: 100%;
            order: 2;
            padding-right: 0 !important;
            padding-left: 0 !important
        }

            .timeline-section .row figure i {
                font-size: 12px
            }
}

.timeline-section .row .content {
    width: calc(100% / 2 - 96px / 2);
    margin-left: auto;
    margin-bottom: 0;
    padding-left: 100px;
    order: 2
}

@media only screen and (max-width:767px) {
    .timeline-section .row .content {
        width: 100%;
        order: 1;
        text-align: center;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.timeline-section .row .circle {
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 96px;
    height: 96px;
    -webkit-box-shadow: 0 0 43px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 43px 0 rgba(0,0,0,.1);
    background-color: #fff;
    color: #263547;
    border-radius: 100%;
    font-weight: 400;
    order: 1
}

@media only screen and (max-width:767px) {
    .timeline-section .row .circle {
        order: 0;
        margin-bottom: 20px
    }
}

.timeline-section .row .circle time {
    font-size: 17px
}

.timeline-section .row .circle i {
    font-size: 30px;
    margin-top: -5px;
    color: #263547
}

.timeline-section .row.content-left figure {
    margin-right: 0;
    margin-left: auto;
    padding-left: 100px;
    padding-right: 0;
    order: 2
}

.timeline-section .row.content-left .content {
    margin-left: 0;
    margin-right: auto;
    padding-right: 100px;
    padding-left: 0;
    order: 0
}

.timeline-section .row:after {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #e4e4e4
}

@media only screen and (max-width:767px) {
    .timeline-section .row:after {
        display: none
    }
}

.chart-box, .chart-box .row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex
}

.chart-box {
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .chart-box .row {
        position: relative;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding-bottom: 22px;
        margin-bottom: 4px
    }

        #main-header .main-sections-inner, .chart-box .row .circle {
            display: -ms-flexbox;
            display: -webkit-box;
            display: -webkit-flex
        }

        .chart-box .row:last-child {
            margin-bottom: 0;
            padding-bottom: 0
        }

        .chart-box .row .circle {
            display: flex;
            -webkit-flex: none;
            -ms-flex: none;
            flex: none;
            -ms-flex-pack: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -ms-flex-align: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            width: 50px;
            height: 50px;
            background-color: #00aeef;
            color: #fff;
            border-radius: 100%;
            margin-right: 14px
        }

        .chart-box .row:after {
            position: absolute;
            bottom: 0;
            left: 25px;
            display: inline-block;
            width: 3px;
            height: 18px;
            background-color: #657278
        }

        .chart-box .row:last-child:after, .phone-only {
            display: none
        }

        .chart-box .row .content p {
            margin-bottom: 0
        }

@media only screen and (max-width:767px) {
    .phone-only {
        display: block
    }

    #main-header .navigation-section-inner {
        min-height: calc(100vh - 60px - 60px)
    }

    body.cps-academy #main-header .navigation-section-inner {
        min-height: calc(100vh - 60px)
    }
}

#main-header {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    height: 60px;
    background-color: #263547;
    transition: .5s
}

    #main-header .main-sections-inner {
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        z-index: 8;
        height: 100%
    }

@media only screen and (max-width:1023px) {
    #main-header {
        width: 100vw;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.15);
        box-shadow: 0 0 4px rgba(0,0,0,.15)
    }

        #main-header .main-sections-inner {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 0
        }

            #main-header .main-sections-inner:before {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 10;
                width: 100%;
                height: 60px;
                content: "";
                background-color: #263547
            }
}

#main-header .main-sections-inner [class*="-action"] {
    padding: 8px 20px !important
}

#main-header .main-sections-inner .cps-to-link {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 10px;
    background-color: #fff
}

@media only screen and (max-width:1023px) {
    #main-header .main-sections-inner .cps-to-link {
        -webkit-order: 3;
        -ms-order: 3;
        order: 3;
        margin-top: 10px;
        margin-left: 0;
        background-color: transparent;
        border: 1px solid #2d3345
    }

        #main-header .main-sections-inner .cps-to-link:hover {
            background-color: #2d3345;
            border: 1px solid transparent;
            color: #fff
        }
}

#main-header .main-sections-inner .cps-to-link [class^=icon-] {
    display: inline-block;
    margin-top: -2px;
    margin-left: 6px;
    font-size: .7857142857rem
}

#main-header .logo {
    margin-top: 6px;
    font-size: .7142857143rem
}

#main-header .navigation-section-inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media only screen and (max-width:1023px) {
    #main-header .navigation-section {
        position: relative;
        opacity: 0;
        visibility: hidden;
        width: 100%;
        z-index: 8;
        top: -10px;
        left: -9999px;
        height: 100%;
        -webkit-transition: opacity .4s ease-out,top .4s ease-out,visibility .4s ease-out;
        transition: opacity .4s ease-out,top .4s ease-out,visibility .4s ease-out
    }

    #main-header .navigation-section-inner {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        padding: 30px 0;
        background-color: #f4f5f7
    }

    body.cps-academy #main-header .navigation-section-inner {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 30px 0
    }
}

#main-header .navigation-section-bottom {
    display: none;
    width: 100%;
    -webkit-order: 3;
    -ms-order: 3;
    order: 3;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    background-color: #fff;
    height: 60px
}

@media only screen and (max-width:1023px) {
    #main-header .navigation-section-bottom {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

#main-header .main-navigation {
    font-size: 1.2142857143rem;
    color: #fff;
    margin-right: 20px
}

@media only screen and (min-width:1024px) {
    #main-header .main-navigation {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }

    #main-header .login-menu {
        margin-left: 10px
    }
}

#main-header .main-navigation h2 {
    display: none;
    text-align: center;
    margin-bottom: 0;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 8px
}

@media only screen and (max-width:1023px) {
    #main-header .main-navigation {
        width: 100%;
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;
        margin-right: 0
    }

        #main-header .main-navigation h2 {
            display: block;
            color: #2c3144;
            font-weight: 300
        }
}

#main-header .main-navigation a {
    color: #fff;
    font-weight: 300;
    padding: 6px 14px;
    font-size: 1.1428571429rem;
    border-radius: 4px
}

@media only screen and (max-width:1023px) {
    #main-header .main-navigation a {
        display: block;
        color: #2c3144;
        font-weight: 300;
        padding: 8px 40px;
        border-bottom: 1px solid #e3e3e3;
        text-align: center
    }

        #main-header .main-navigation a:first-child {
            border-top: 1px solid #e3e3e3
        }
}

@media only screen and (max-width:767px) {
    #main-header .main-navigation a {
        padding: 8px 25px
    }
}

#main-header .main-navigation a:hover {
    background-color: #fff;
    color: #2d3345
}

@media only screen and (max-width:1023px) {
    #main-header .logo-section {
        position: relative;
        z-index: 10;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        padding: 0 30px
    }

    #main-header .logo {
        position: relative;
        z-index: 10
    }
}

@media only screen and (max-width:767px) {
    #main-header .logo-section {
        padding: 0 20px
    }

    .mobile-nav-open body {
        overflow: hidden
    }
}

#main-header .login-navigation {
    position: relative;
    transition: .2s;
    opacity: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

@media only screen and (max-width:1023px) {
    #main-header .login-navigation {
        width: 100%;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-order: 0;
        -ms-order: 0;
        order: 0;
        margin-bottom: 20px
    }
}

#main-header .login-navigation.active {
    opacity: 1
}

#main-header .login-menu {
    position: relative;
    text-align: center
}

    #main-header .login-menu .login-button {
        /*display: inline-flex;*/
        display:block;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-color: #fff;
        max-width: 260px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

        /*#main-header .login-menu .login-button:after {
            content: "";
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #000;
            margin-left: 5px;
            margin-top: 2px
        }*/

    #main-header .login-menu .login-menu-list {
        margin-top: 15px;
        text-align: center
    }

@media only screen and (min-width:1024px) {
    #main-header .login-menu .login-menu-list {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        top: 100%;
        width: 132px;
        padding: 15px;
        border-radius: 5px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.15);
        box-shadow: 0 0 4px rgba(0,0,0,.15)
    }

        #main-header .login-menu .login-menu-list:after {
            content: "";
            width: 0;
            height: 0;
            border: solid transparent;
            border-bottom-color: #fff;
            border-width: 10px;
            pointer-events: none;
            position: absolute;
            left: calc(50% - 10px);
            top: -20px
        }

        #main-header .login-menu .login-menu-list:before {
            position: absolute;
            top: -20px;
            left: 0;
            content: "";
            width: 100%;
            height: 20px
        }

        #main-header .login-menu .login-menu-list a {
            margin-bottom: 5px
        }

            #main-header .login-menu .login-menu-list a:last-child {
                margin-bottom: 0
            }

            #main-header .login-menu .login-menu-list a:hover {
                color: #263547
            }
}

@media only screen and (min-width:1024px) {
    #main-header .login-menu:hover .login-menu-list {
        opacity: 1;
        visibility: visible;
        background-color: #fff
    }
}

@media only screen and (max-width:1023px) {
    #main-header .login-menu .login-button {
        background: #263547 !important;
        color:#fff;
    }

        #main-header .login-menu .login-button.user-active {
            display: block
        }

            #main-header .login-menu .login-button.user-active:after {
                display: none
            }

    #main-header .login-menu .login-menu-list {
        opacity: 1;
        visibility: visible
    }

    #main-header .offer-button {
        display: none !important;
    }
}

#main-header .offer-button-mobile {
    display: none;
    background-color: #feb900;
    color: #fff
}

    #main-header .offer-button-mobile:hover {
        background-color: #d89d00;
        color: #fff
    }

@media only screen and (max-width:1023px) {
    #main-header .offer-button-mobile {
        display: block;
        -webkit-order: 2;
        -ms-order: 2;
        order: 2;
        margin-top: 20px
    }

    body.cps-academy #main-header .offer-button-mobile {
        margin-top: 30px
    }

    #main-header .admin-login-button, #main-header .user-login-button {
        padding: 8px 20px !important;
        border-radius: 100px;
        background: #263547 !important;
        color: #fff !important;
        margin: 0 5px
    }

    .mobile-nav-open #main-header {
        background-color: transparent
    }

        .mobile-nav-open #main-header .navigation-section {
            opacity: 1;
            visibility: visible;
            top: 0;
            left: auto
        }
}

#main-footer, #main-footer a {
    color: #687278
}

#main-footer {
    background: #e5e5e5;
    padding: 36px 0
}

    #main-footer a:hover {
        color: #263547
    }

    #main-footer .main-footer-navigation {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

@media only screen and (min-width:768px) and (max-width:1023px) {
    #main-footer {
        padding-left: 20px;
        padding-right: 20px
    }

        #main-footer .main-footer-navigation {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }
}

@media only screen and (max-width:767px) {
    .mobile-nav-open #main-header {
        height: 100vh
    }

        .mobile-nav-open #main-header .navigation-section {
            overflow: auto
        }

    #main-footer {
        padding: 20px
    }

        #main-footer .main-footer-navigation {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: justify;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-around;
            justify-content: space-around
        }
}

#main-footer .main-footer-navigation .nav-column {
    width: calc(23% - 30px);
    font-size: 1rem;
    border-right: 1px solid #d8d8d8;
    margin-right: 30px;
    padding: 0 30px 0 0
}

    #main-footer .main-footer-navigation .nav-column:last-child {
        width: calc(31% - 30px);
        border-right: none;
        padding-right: 0;
        margin-right: 0
    }

@media only screen and (min-width:768px) and (max-width:1023px) {
    #main-footer .main-footer-navigation .nav-column {
        width: calc(22% - 15px);
        margin-right: 15px;
        padding: 0 15px 0 0
    }

        #main-footer .main-footer-navigation .nav-column:last-child {
            width: calc(34% - 15px);
            padding-right: 0;
            margin-right: 0
        }
}

#main-footer .main-footer-navigation .nav-column h3 {
    margin-left: 20px;
    font-size: 1rem
}

@media only screen and (max-width:767px) {
    #main-footer .main-footer-navigation .nav-column {
        width: calc(100% / 2);
        margin-right: 0;
        margin-bottom: 20px;
        padding-right: 10px;
        border: none
    }

        #main-footer .main-footer-navigation .nav-column:nth-child(2n+2) {
            padding-right: 0
        }

        #main-footer .main-footer-navigation .nav-column:last-child {
            width: calc(100% / 2)
        }

        #main-footer .main-footer-navigation .nav-column h3 {
            margin-left: 5px
        }
}

#main-footer .main-footer-navigation .nav-column ul {
    margin-left: 20px
}

@media only screen and (max-width:767px) {
    #main-footer .main-footer-navigation .nav-column ul {
        margin-left: 5px
    }
}

#main-footer .main-footer-navigation .nav-column ul li {
    font-weight: lighter;
    list-style: disc;
    margin: 5px 0
}

#main-footer .main-footer-navigation .nav-column ul:last-child:after {
    display: none
}

#main-footer .social-media {
    font-size: 2.1428571429rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: -4px
}

@media only screen and (max-width:767px) {
    #main-footer .main-footer-navigation .nav-column ul li {
        list-style: none
    }

    #main-footer .social-media {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 20px
    }
}

#main-footer .social-media a {
    display: block;
    margin: 0 3px;
    color: #b5b5b7;
    transition: .2s
}

    #main-footer .social-media a i {
        display: block;
        height: 30px;
        transition: .2s
    }

    #main-footer .social-media a:hover i {
        opacity: .7
    }

    #main-footer .social-media a .icon-facebook {
        color: #3b5998
    }

    #main-footer .social-media a .icon-twitter {
        color: #1da1f2
    }

    #main-footer .social-media a .icon-linkedin {
        color: #0077b5
    }

    #main-footer .social-media a .icon-instagram {
        color: #417399
    }

    #main-footer .social-media a .icon-googleplus {
        color: #db4437
    }

    #main-footer .social-media a .icon-youtube {
        color: #cc181e
    }

    #main-footer .social-media a .icon-rss {
        color: #f60
    }

.footer-social-media {
    padding: 20px 10px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .footer-social-media {
        display: block
    }

        .footer-social-media .mobile-apps a {
            margin: 0 5px
        }
}

.footer-social-media .mobile-apps {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

    .footer-social-media .mobile-apps a {
        display: block
    }

        .footer-social-media .mobile-apps a:hover {
            opacity: .8
        }

.copyright {
    font-weight: lighter;
    text-align: center
}

.cps .main-banner-area {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: #f4f5f7
}

    .cps .main-banner-area .main-sections-inner {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-align: start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        max-width: 960px;
        width: auto;
        height: 100%
    }

        .cps .main-banner-area .main-sections-inner img {
            position: relative;
            right: -30px;
            width: auto;
            height: 100%
        }

    .cps .main-banner-area .main-banner-content {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 54%;
        height: 100%
    }

@media only screen and (min-width:768px) and (max-width:1023px) {
    .cps .main-banner-area .main-sections-inner img {
        right: -8px
    }

    .cps .main-banner-area .main-banner-content {
        width: 52%
    }
}

@media only screen and (max-width:767px) {
    .footer-social-media .mobile-apps a i {
        font-size: 12px
    }

    .cps .main-banner-area .main-sections-inner img {
        right: 64px
    }

    .cps .main-banner-area .main-banner-content {
        width: 75%
    }
}

.cps .main-banner-area .bg-image {
    max-width: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.cps .main-banner-area h1 {
    font-weight: 700;
    opacity: .9;
    font-size: 2.5714285714rem;
    color: #434547
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .cps .main-banner-area h1 {
        font-size: 1.8571428571rem;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    .cps .main-banner-area h1 {
        font-size: 1.3571428571rem;
        margin-bottom: 5px
    }
}

.cps .main-banner-area h1 span {
    color: #263547
}

.cps .main-banner-area p {
    font-size: 22px;
    line-height: 1.7
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .cps .main-banner-area p {
        font-size: 1.1428571429rem
    }
}

.cps-academy .main-banner-area {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height: 560px;
    text-align: center;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .cps .main-banner-area p {
        font-size: 1.0714285714rem;
        line-height: 1.5
    }

    .cps-academy .main-banner-area {
        height: 300px
    }
}

.cps-academy .main-banner-area:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4)
}

.cps-academy .main-banner-area .main-sections-inner {
    position: relative;
    z-index: 2;
    flex: 1
}

.cps-academy .main-banner-area .bg-image {
    max-width: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%)
}

@media only screen and (min-width:1024px) {
    .cps .main-banner-area .bg-image, .cps-academy .main-banner-area .bg-image {
        width: 100%
    }
}

.cps-academy .main-banner-area h1 {
    font-weight: 700;
    opacity: .9;
    font-size: 3.4285714286rem;
    color: #fff
}

@media only screen and (max-width:767px) {
    .cps-academy .main-banner-area h1 {
        font-size: 1.7142857143rem;
        margin-bottom: 5px
    }
}

.cps-academy .main-banner-area h2 {
    color: #fff;
    font-size: 2.4285714286rem;
    padding: 0 20%
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .cps-academy .main-banner-area {
        height: 400px !important
    }
}

@media only screen and (max-width:767px) {
    .cps-academy .main-banner-area h2 {
        padding: 0;
        margin-bottom: 20px;
        font-size: 1.1428571429rem
    }

    .cps-academy .main-banner-area {
        height: 220px !important
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .cps-academy .main-banner-area .main-sections-inner {
        padding: 0 40px
    }

    .cps .main-banner-area h1, .cps-academy .main-banner-area h1 {
        font-size: 1.7857142857rem;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    .cps-academy .main-banner-area .main-sections-inner {
        padding: 0 15px
    }

    .cps .main-banner-area h1, .cps-academy .main-banner-area h1 {
        font-size: 1.3571428571rem;
        margin-bottom: 5px
    }

    .cps .main-banner-area h1 {
        font-size: 1.0714285714rem
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .cps-academy .main-banner-area h2 {
        font-size: 1.2857142857rem
    }
}

@media only screen and (max-width:767px) {
    .cps-academy .main-banner-area h2 {
        font-size: 1.0714285714rem
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .cps .main-banner-area p, .cps-academy .main-banner-area p {
        font-size: 1.1428571429rem
    }
}

@media only screen and (max-width:767px) {
    .cps .main-banner-area p, .cps-academy .main-banner-area p {
        font-size: 1.0714285714rem;
        line-height: 1.5
    }

    .cps .main-banner-area p {
        width: 73%;
        font-size: .8571428571rem;
        line-height: 1.5
    }
}

.feature-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

    .feature-list .primary-box-component {
        margin: 11px 22px 11px 0;
        width: calc(100% / 3 - 15px)
    }

        .feature-list .primary-box-component:last-child {
            margin-right: 0
        }

        .feature-list .primary-box-component .box-icon img {
            max-height: 58px
        }

@media only screen and (min-width:1024px) {
    .feature-list .primary-box-component:nth-child(3n+3) {
        margin-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .feature-list .primary-box-component {
        width: calc(50% - 11px)
    }

        .feature-list .primary-box-component:nth-child(2n+2) {
            margin-right: 0
        }
}

@media only screen and (max-width:767px) {
    .feature-list .primary-box-component {
        width: calc(50% - 10px);
        box-shadow: none;
        margin: 5px
    }

        .feature-list .primary-box-component:nth-child(2n+2) {
            margin-right: 0
        }

        .feature-list .primary-box-component .primary-action {
            font-size: 12px;
            padding: 8px 13px 9px !important
        }

    .saving {
        display: none
    }
}

.saving .saving-text {
    margin-bottom: 50px
}

.saving .cps-badges {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .saving .cps-badges {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.cps-customers, .saving .cps-badges .secondary-box-component {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex: none
}

.saving .cps-badges .secondary-box-component {
    display: flex;
    -ms-flex: none;
    flex: none;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 20px;
    width: 180px
}

@media only screen and (max-width:767px) {
    .saving .cps-badges .secondary-box-component {
        margin: 0 10px 20px;
        width: 120px
    }
}

.saving .cps-badges .badge-1 i {
    color: #c6004d
}

.saving .cps-badges .badge-2 i {
    color: #fdc41d
}

.saving .cps-badges .badge-3 i {
    color: #01a778
}

.saving .cps-badges h3 {
    width: 100px;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.2
}

.saving .cps-badges .icon-plant:before {
    position: relative;
    right: -5px
}

.saving .cps-badges p {
    margin-bottom: 0;
    margin-top: 10px
}

    .saving .cps-badges p:before {
        display: block;
        width: 35px;
        height: 1px;
        margin: 0 auto 6px;
        background-color: rgba(57,59,74,.18)
    }

    .saving .cps-badges p strong {
        display: block
    }

.saving .icon-books, .saving .text-color-1 {
    color: #c50050
}

.saving .icon-makemoney, .saving .text-color-2 {
    color: #febf13
}

.saving .icon-plant, .saving .text-color-3 {
    color: #00a678
}

.academy h1, .academy h2, .academy h3 {
    color: #fff
}

.customers .secondary-box-component {
    margin-bottom: 20px
}

.customers .references-container {
    margin: 30px 0 15px
}

.customers .reference-items {
    float: none
}

.customers .references-carousel {
    display: flex;
    overflow: hidden;
    margin: 0 -10px;
    padding: 0 0 45px
}

    .customers .references-carousel .slick-list {
        padding: 7px 0
    }

.customers .slick-dotted.slick-slider {
    margin-bottom: 0
}

.cps-customers {
    display: flex;
    -ms-flex: none;
    flex: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.academy .academy-event-list, .academy .academy-event-list li {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex: none
}

.cps-customers img {
    width: auto;
    max-width: 100%;
    max-height: 80px
}

.cps-customers li {
    width: calc(25% - 10px * 3 / 4);
    margin: 5px
}

@media only screen and (max-width:767px) {
    .cps-customers li {
        width: calc(50% - 10px * 3 / 4)
    }
}

.academy {
    position: relative;
    background-image: url(../images/banner/cps-akademi.jpg);
    background-position: top center;
    background-size: cover
}

    .academy:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.4)
    }

    .academy h2:before {
        border-color: #fff
    }

    .academy .academy-event-list {
        display: flex;
        -ms-flex: none;
        flex: none;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

        .academy .academy-event-list li {
            display: flex;
            -ms-flex: none;
            flex: none;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            width: calc(40% - 40px);
            height: calc(40% - 40px);
            border-radius: 3px;
            background-color: rgba(45,51,69,.5);
            -webkit-box-shadow: 0 38px 43px 0 rgba(0,0,0,.19);
            box-shadow: 0 38px 43px 0 rgba(0,0,0,.19);
            text-align: center;
            padding: 20px;
            margin: 20px;
            color: #fff;
            min-height: 230px;
        }

            .academy .academy-event-list li [class*="-action"], .blog-entry-list li {
                background-color: #fff
            }

@media only screen and (max-width:767px) {
    .academy .academy-event-list li {
        width: 100%;
        height: auto;
        margin: 0 0 20px
    }
}

.academy .academy-event-list li h4 {
    font-size: 1.6428571429rem;
    line-height: 1.5;
    position: relative;
    text-align: center;
    font-weight: 400;
    margin-bottom: 10px
}

    .academy .academy-event-list li h4 span {
        width: 100%
    }

.academy .academy-event-list li p {
    font-size: 1.2142857143rem;
    margin-bottom: 10px;
    font-weight: 300
}

@media (min-width:1920px) and (-webkit-min-device-pixel-ratio:1.5) {
    .academy {
        background-image: url(../../assets/images/banner/cps-akademi@2x.jpg)
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5) {
    .academy {
        background-image: url(../../assets/images/banner/cps-akademi-mobile.jpg)
    }
}

.blog-entry-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

    .blog-entry-list li {
        width: calc(100% / 3 - 15px);
        height: auto;
        border-radius: 3px;
        -webkit-box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
        box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
        margin: 13px 22px 13px 0
    }

@media only screen and (min-width:768px) and (max-width:1023px) {
    .blog-entry-list li {
        width: calc(50% - 13px)
    }

        .blog-entry-list li:nth-child(2n+2) {
            margin-right: 0
        }
}

@media only screen and (max-width:767px) {
    .blog-entry-list li {
        width: calc(100%);
        height: auto;
        margin-right: 0;
        max-width: 320px
    }

        .blog-entry-list li:nth-child(2n+2) {
            margin-right: 0
        }
}

.blog-entry-list li a {
    display: block
}

.blog-entry-list li .img {
    overflow: hidden
}

.blog-entry-list li:last-child {
    margin-right: 0
}

.blog-entry-list li .date {
    display: block;
    margin: 25px 10px 0;
    color: #8c8c8c;
    text-align: center
}

.blog-entry-list li .caption {
    padding: 4px 20px 25px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .blog-entry-list li .caption {
        padding-bottom: 20px
    }
}

.blog-entry-list li h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
    overflow: hidden;
    height: 48px;
    font-weight: 400;
    font-size: 1.1428571429rem;
    color: #263547;
    display: -webkit-box;
    height: auto;
    -webkit-line-clamp: 2;
    min-height: 45px;
}

.blog-entry-list li p {
    overflow: hidden;
    height: 42px;
    font-size: 1rem
}

.blog-entry-list li .read-more {
    margin-top: 10px;
    padding-top: 8px !important;
    padding-bottom: 9px !important
}

.blog-entry-list li img {
    display: block;
    max-width: 100%;
    height: auto
}

.opportunity {
    text-align: center;
    background: #2d3345 !important;
    color: #fff
}

    .opportunity h2 {
        font-size: 2.1428571429rem;
        font-weight: lighter;
        margin-bottom: 0
    }

    .opportunity h3 {
        font-size: 1.2857142857rem;
        font-weight: lighter
    }

    .opportunity p {
        font-size: 2.3571428571rem
    }

    .opportunity .rounded-box {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 165px;
        height: 165px;
        background-color: #fff;
        box-shadow: 0 12px 44px 0 rgba(0,0,0,.22);
        border: 4px solid #263547;
        border-radius: 100%;
        color: #2d3345;
        text-align: center;
        margin: 0 auto
    }

        .opportunity .rounded-box .rounded-header {
            font-size: 1.0714285714rem;
            font-weight: 300
        }

        .opportunity .rounded-box .rounded-footer {
            font-size: 1.2857142857rem
        }

        .opportunity .rounded-box .digit {
            margin: -4px 0 8px;
            font-size: 5.1428571429rem;
            line-height: 1;
            letter-spacing: -2.1px
        }

.bussines-partners i {
    margin: 0 20px;
    font-size: 16px
}

.portfolio .carousel {
    display: flex;
    justify-content: center
}

.portfolio .primary-box-component {
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
    background-color: #fff
}

.account-info .account-info-boxes article:nth-child(2n+2), .our-news-boxes article.content-article:nth-child(2n+2) {
    margin-right: 0
}

.portfolio figure {
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

    .portfolio figure img {
        max-width: 130px;
        height: auto;
        align-self: center;
        max-height: 67px
    }

.save-money .calculate-button {
    margin-bottom: 25px
}

.save-money .slider {
    margin-bottom: 60px
}

.main-content-area.save-money {
    display: block
}

.references-container .reference-items .img, .team-member-section {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex: none
}

.our-team h3 {
    text-align: center
}

.team-photo {
    margin-bottom: 40px
}

.team-member-section {
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    text-align: center
}

    .team-member-section:last-child {
        margin-bottom: 0
    }

    .team-member-section figure {
        width: 174px;
        padding: 0 6px;
        margin-bottom: 25px
    }

        .team-member-section figure figcaption {
            margin-top: 10px
        }

            .team-member-section figure figcaption p {
                font-size: .9285714286rem;
                color: #687278
            }

            .team-member-section figure figcaption span {
                font-weight: 600
            }

        .team-member-section figure .img {
            position: relative
        }

            .team-member-section figure .img img {
                display: block;
                border: 3px solid transparent;
                border-radius: 100%;
                -webkit-transition: all .3s ease;
                transition: all .3s ease
            }

        .team-member-section figure a:hover img {
            opacity: .7;
            border-color: #28ace0
        }

        .team-member-section figure .social-link {
            display: block;
            position: absolute;
            right: 2px;
            bottom: 22px;
            width: 34px;
            height: 34px;
            line-height: 25px;
            text-align: center;
            background-color: #fff;
            border-radius: 100%;
            color: #52b2dd;
            border: 2px solid transparent;
            -webkit-transition: all .3s ease;
            transition: all .3s ease
        }

            .team-member-section figure .social-link:hover {
                background-color: #52b2dd;
                border: 2px solid #fff;
                color: #fff
            }

.account-info .account-info-boxes article {
    width: calc(100% / 2 - 10px / 2);
    background-color: #f4f5f7 !important;
    text-align: center
}

@media only screen and (max-width:767px) {
    .account-info .account-info-boxes article {
        width: 100%;
        margin-right: 0
    }
}

.account-info .account-info-boxes article.content-article.type-2 {
    padding: 20px;
    margin-top: 0
}

.account-info .account-info-boxes .box-head img {
    width: auto;
    height: 25px;
    margin-bottom: -5px
}

.account-info .account-info-boxes .bill-info {
    width: 100%;
    margin-right: 0
}

.our-news-boxes {
    margin-bottom: 30px
}

    .our-news-boxes:last-child {
        margin-bottom: 0
    }

    .our-news-boxes article.content-article {
        position: relative;
        width: calc(50% - 10px / 2);
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

        .our-news-boxes article.content-article:hover {
            box-shadow: 0 0 13px 0 rgba(29,29,29,.3)
        }

        .our-news-boxes article.content-article a {
            display: block
        }

@media only screen and (max-width:767px) {
    .our-news-boxes article.content-article {
        width: 100%;
        background-color: #f4f5f7 !important
    }
}

.our-news-boxes article.content-article.type-2 {
    padding: 20px
}

.our-news-boxes article.content-article h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #687278
}

.our-news-boxes article.content-article .box-head {
    display: block;
    color: #687278
}

    .our-news-boxes article.content-article .box-head img {
        width: auto;
        max-height: 26px
    }

.our-news-boxes article.content-article .link-type {
    position: absolute;
    right: 30px;
    bottom: 30px
}

.our-news-boxes .video-thumb img {
    width: 100%;
    height: auto
}

.search-result {
    margin: 25px 0;
    font-weight: 700;
    color: #575757
}

    .carousel .slick-dots .slick-active button:before, .search-result strong {
        color: #263547
    }

.references-container.references-bg {
    background-image: url(../../assets/images/backgrounds/references.jpg);
    background-color: gray;
    background-position: center;
    margin: 10px -45px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx) {
    .references-container.references-bg {
        background-image: url(../../assets/images/backgrounds/references@2x.jpg)
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .references-container.references-bg {
        margin: 0
    }
}

.references-container .reference-items {
    position: relative;
    width: calc(100% / 5);
    float: left;
    padding: 0 12px 12px;
    outline: 0
}

@media only screen and (max-width:767px) {
    .references-container.references-bg {
        margin: 0
    }

    .references-container .reference-items {
        width: 99%;
        height: auto
    }
}

.references-container .reference-items .img {
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 90px;
    padding: 10px;
    margin-bottom: 5px;
    -webkit-box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
    box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
    border: 1px solid #d6d6d6;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.references-container .reference-items img {
    transition: .3s ease-in-out;
    width: auto;
    max-width: 100%;
    max-height: 80px;
    filter: grayscale(100%)
}

.references-container .reference-items figcaption {
    text-align: center;
    width: 100%;
    font-size: 13px;
    height: 38px
}

.references-container .reference-items:hover .img {
    -webkit-box-shadow: 0 0 13px 0 rgba(29,29,29,.3);
    box-shadow: 0 0 13px 0 rgba(29,29,29,.3)
}

    .references-container .reference-items:hover .img img {
        filter: grayscale(0)
    }

.references-container .reference-items.special {
    width: calc(100% / 3);
    height: 393px
}

    .references-container .reference-items.special .inner {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        height: 100%;
        -webkit-box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
        box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
        border: 1px solid #d6d6d6;
        background-color: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

        .references-container .reference-items.special .inner:hover {
            -webkit-box-shadow: 0 0 13px 0 rgba(29,29,29,.3);
            box-shadow: 0 0 13px 0 rgba(29,29,29,.3)
        }

    .references-container .reference-items.special blockquote {
        padding: 17px 10px 10px;
        position: relative;
        margin-top: 0;
        margin-bottom: 40px;
        font-size: 1rem
    }

        .references-container .reference-items.special blockquote:after, .references-container .reference-items.special blockquote:before {
            content: '"';
            position: absolute;
            font-size: 4.2857142857rem;
            font-style: italic;
            color: #434547
        }

        .references-container .reference-items.special blockquote:before {
            top: -20px;
            left: -30px
        }

        .references-container .reference-items.special blockquote:after {
            right: -5px;
            bottom: -50px
        }

@media only screen and (max-width:1023px) {
    .references-container .reference-items.special blockquote {
        padding: 0 6px;
        margin: 0 25px 40px
    }

        .references-container .reference-items.special blockquote:after, .references-container .reference-items.special blockquote:before {
            font-size: 2.8571428571rem
        }

        .references-container .reference-items.special blockquote:before {
            left: -21px
        }

        .references-container .reference-items.special blockquote:after {
            bottom: -34px
        }
}

.references-container .reference-items.special img:not(.company-logo) {
    margin-top: -55px;
    border-radius: 100%;
    filter: grayscale(0);
    margin-bottom: 7px
}

.references-container .reference-items.special .company-logo-wrapper {
    margin: 15px 20px 0;
    text-align: center
}

    .references-container .reference-items.special .company-logo-wrapper .company-logo {
        display: inline-block;
        height: 64px
    }

.references-container .reference-items.special figure {
    position: relative;
    background: #263547;
    min-height: 130px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 15px
}

    .references-container .reference-items.special figure figcaption {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 1.0714285714rem;
        font-weight: lighter;
        color: #fff;
        height: 65px
    }

        .references-container .reference-items.special figure figcaption span {
            display: block
        }

.logos .references-container .reference-items, .references-container .comment-left .reference-items.special {
    float: left
}

.references-container .comment-right .reference-items.special {
    float: right
}

.references-container .comment-left .reference-items, .references-container .comment-right .reference-items {
    width: calc(100% / 3)
}

@media only screen and (max-width:767px) {
    .references-container .comment-left .reference-items, .references-container .comment-right .reference-items {
        width: 100%
    }
}

.references-container .comment-left .reference-items.special, .references-container .comment-right .reference-items.special {
    width: 40%
}

@media only screen and (max-width:767px) {
    .references-container .comment-left .reference-items.special, .references-container .comment-right .reference-items.special {
        width: 100%
    }
}

.references-container .comment-left .logos, .references-container .comment-right .logos {
    float: left;
    width: 60%
}

@media only screen and (max-width:767px) {
    .references-container .comment-left .logos, .references-container .comment-right .logos {
        width: 100%
    }
}

.carousel {
    padding-bottom: 50px
}

@media only screen and (max-width:1023px) {
    .references-container .reference-items.special figure figcaption {
        font-size: .9285714286rem
    }

    .carousel {
        margin-bottom: 35px
    }
}

.carousel .reference-items {
    height: auto !important;
    padding: 0;
    margin: 0 11px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 13px 0 rgba(29,29,29,.15);
    box-shadow: 0 0 13px 0 rgba(29,29,29,.15);
    border: none;
    background-color: #fff
}

.carousel .slick-track {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 10px 0
}

.carousel .slick-dots {
    bottom: 14px
}

    .carousel .slick-dots li {
        margin: 0 2px
    }

.content-center, .content-center a {
    color: #687278
}

.carousel .slick-dots button:before {
    font-size: 3.5714285714rem
}

.references-carousel {
    padding: 45px 45px 50px
}

.our-packages .content-article {
    margin-bottom: 20px
}

.our-packages .price-box-wrapper {
    margin-bottom: 10px
}

.content-center .row {
    margin-bottom: 20px
}

    .content-center .row:last-of-type {
        margin-bottom: 0
    }

.content-center .is-checkbox input[type=checkbox]:checked + .item-label:before {
    background-color: #5ebf7c
}

.content-center .item:hover .item-label:before {
    border-width: 1px;
    border-color: #5ebf7c
}

.content-center .form-elements li {
    margin-top: 15px
}

    .content-center .form-elements li .item {
        padding: 0
    }

.content-center .buttons .error-container {
    position: absolute;
    bottom: -20px
}

.content-center .buttons .form-elements li {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 20px
}

.contact-info-boxes, .contact-info-boxes .fourth-box-component {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex: none
}

.content-center .buttons .form-elements li .is-text-field {
    width: 50%;
    margin-right: 10px
}

.content-center .icon-pdf {
    padding-left: 10px
}

    .content-center .icon-pdf:before {
        color: #e2574c;
        font-size: 2.1428571429rem;
        margin-bottom: -6px;
        margin-right: 10px
    }

.main-subbanner-area.features img {
    transform: translateY(-40%) translateX(-50%)
}

.contact a {
    color: #687278
}

.contact-info-boxes {
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .contact-info-boxes .fourth-box-component {
        display: flex;
        -ms-flex: none;
        flex: none;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 10px
    }

.contact-boxes, .our-employee-box {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex
}

.contact-info-boxes .fourth-box-component:nth-child(2n+2) {
    margin-right: 0
}

.contact-info-boxes .fourth-box-component:last-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0
}

.contact-boxes {
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 30px
}

    .contact-boxes .contact-info-boxes {
        width: 40%;
        margin-right: 10px
    }

@media only screen and (max-width:767px) {
    .main-subbanner-area.features img {
        transform: translateY(-50%) translateX(-50%)
    }

    .contact-info-boxes .fourth-box-component {
        background-color: #f4f5f7
    }

        .contact-info-boxes .fourth-box-component figure {
            background-color: #fff
        }

    .contact-boxes {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30px
    }

        .contact-boxes .contact-info-boxes {
            width: 100%
        }
}

.contact-boxes .contact-form {
    width: 60%;
    padding: 10px;
    background-color: #fff
}

@media only screen and (max-width:767px) {
    .contact-boxes .contact-form {
        width: 100%;
        padding: 0;
        margin-top: 20px
    }
}

.google-map {
    height: 100%;
    opacity: 0
}

.google-map-wrapper {
    padding: 10px;
    background-color: #fff;
    height: 400px;
    margin-bottom: 10px
}

.google-map.open {
    opacity: 1
}

.google-map .gm-style-iw h3, .google-map .gm-style-iw p {
    margin-bottom: 5px
}

    .google-map .gm-style-iw p:last-child {
        margin-bottom: 0
    }

.map-content {
    display: none
}

.hr-policy .text-content {
    margin-bottom: 30px
}

    .hr-policy .text-content:last-child {
        margin-bottom: 0
    }

    .hr-policy .text-content table {
        width: 100%
    }

.hr-policy .box-head {
    background-color: #c3c7ca;
    color: #fff !important
}

.hr-policy img {
    max-width: 100%;
    height: auto
}

.hr-policy .content-article {
    padding: 20px
}

.our-employee-box {
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-bottom: 30px
}

    .our-employee-box .chart-box, .our-employee-box figure {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex
    }

@media only screen and (max-width:767px) {
    .our-employee-box {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.our-employee-box figure {
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 60%
}

.our-employee-box .chart-box {
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 40%
}

.our-employee-box .chart-box, .our-employee-box figure {
    padding: 30px;
    background-color: #fff
}

.join-the-team {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 20px;
    margin-bottom: 15px;
    font-size: 1.1428571429rem
}

    .join-the-team p {
        margin-bottom: 10px
    }

    .join-the-team [class^=icon] {
        display: inline-block;
        font-size: 5.3571428571rem;
        height: 1em;
        margin-bottom: 5px
    }

    .join-the-team .light {
        font-size: 1rem;
        font-weight: 300
    }

    .join-the-team .text-content {
        text-align: center;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .join-the-team .join-team-button {
        margin-top: 10px;
        font-size: .9285714286rem;
        border-color: #2d3345 !important;
        color: #2d3345 !important
    }

#join-team-form {
    display: none;
    min-width: 560px
}

@media only screen and (max-width:767px) {
    .our-employee-box .chart-box, .our-employee-box figure {
        width: 100%
    }

    #join-team-form {
        width: 100%;
        min-width: 240px
    }

        #join-team-form input[type=email]::-webkit-input-placeholder, #join-team-form input[type=tel]::-webkit-input-placeholder, #join-team-form input[type=text]::-webkit-input-placeholder {
            font-size: .8571428571rem
        }

        #join-team-form input[type=email]::-moz-placeholder, #join-team-form input[type=tel]::-moz-placeholder, #join-team-form input[type=text]::-moz-placeholder {
            font-size: .8571428571rem
        }

        #join-team-form input[type=email]:-ms-input-placeholder, #join-team-form input[type=tel]:-ms-input-placeholder, #join-team-form input[type=text]:-ms-input-placeholder {
            font-size: .8571428571rem
        }

        #join-team-form .info-text {
            font-size: .8571428571rem
        }
}

.uxr-modal-loaded-content #join-team-form {
    display: block
}

#join-team-form .form {
    background-color: #f4f5f7;
    padding: 20px;
    max-width: 400px;
    margin: 0 auto
}

    #join-team-form .form [class^=icon-] {
        margin-top: -16px
    }

    #join-team-form .form button {
        width: 120px
    }

#join-team-form .file-input {
    position: absolute;
    width: 0;
    visibility: hidden;
    opacity: 0
}

#join-team-form .file-input-button {
    display: block;
    text-align: center
}

.campaign-list, .error-page .main-sections-inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex
}

.campaign-list {
    display: flex;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .campaign-list li {
        width: calc(100% / 3 - 20px / 3);
        padding: 10px;
        margin: 5px
    }

        .campaign-list li h4 {
            padding: 10px;
            margin-bottom: 6px;
            font-size: 1rem;
            line-height: 1.4;
            text-align: center
        }

        .campaign-list li figcaption, .campaign-list li figure {
            display: flex;
            justify-content: space-between;
            flex-direction: column
        }

            .campaign-list li figure a {
                display: block;
                margin-bottom: 3px;
                flex-shrink: 0
            }

        .campaign-list li summary {
            height: 80px;
            margin-bottom: 10px;
            padding: 0 10px;
            font-size: .9285714286rem;
            overflow: hidden
        }

@media only screen and (max-width:767px) {
    .campaign-list li {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

        .campaign-list li summary {
            height: auto
        }
}

.campaign-list li .buttons {
    margin-bottom: 10px
}

.campaign-list li:nth-child(3n+1) {
    margin-left: 0
}

.campaign-list li:nth-child(3n+3) {
    margin-right: 0
}

.campaign-form-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

    .campaign-form-container:last-child {
        margin-bottom: 0
    }

    .campaign-form-container .campaign-banner, .campaign-form-container .campaign-section {
        padding: 20px
    }

        .campaign-form-container .campaign-section.full-width {
            width: 100%;
            margin-left: 0 !important;
            margin-right: 0
        }

    .campaign-form-container .campaign-banner {
        width: 100%
    }

        .campaign-form-container .campaign-banner figure .img {
            margin-bottom: 20px;
            text-align: center
        }

            .campaign-form-container .campaign-banner figure .img img {
                max-width: 100%;
                height: auto
            }

    .campaign-form-container .campaign-section {
        width: calc(50% - 10px)
    }

        .campaign-form-container .campaign-section:last-child {
            margin-left: 20px
        }

@media only screen and (max-width:767px) {
    .campaign-form-container .campaign-banner {
        padding: 0
    }

        .campaign-form-container .campaign-banner figure h2 {
            text-align: center;
            padding: 10px
        }

    .campaign-form-container .campaign-section {
        width: 100%;
        margin: 10px 0 !important
    }

        .campaign-form-container .campaign-section date {
            display: block
        }
}

.campaign-form-container.no-form .campaign-section {
    width: 100%;
    margin: 0
}

.campaign-form-container .form-elements input {
    background: #fff
}

.error-page .main-sections-inner {
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.error-page-container, .error-page-container .primary-box-component {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex: none
}

.error-page-container {
    width: 100%;
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 640px
}

    .error-page-container .primary-box-component {
        display: flex;
        -ms-flex: none;
        flex: none;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 536px;
        height: 303px;
        padding: 30px;
        border-radius: 2px;
        background-color: #fff;
        border: 1px solid #d6d6d6;
        color: #677077;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 1.2142857143rem
    }

.login-container, .register-container, .thanks-box .box-type-2 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex
}

@media only screen and (max-width:1023px) {
    .error-page-container .primary-box-component {
        width: 400px;
        height: auto
    }
}

@media only screen and (max-width:767px) {
    .error-page-container {
        min-height: 500px;
        overflow: hidden
    }

        .error-page-container .primary-box-component {
            position: absolute;
            left: 5%;
            top: 25%;
            width: 230px;
            height: auto;
            font-size: 1rem;
            background-color: transparent;
            border: none;
            padding: 0
        }
}

.error-page-container .primary-box-component h3 {
    font-size: 1.7857142857rem;
    text-align: center;
    color: #252839
}

@media only screen and (max-width:767px) {
    .error-page-container .primary-box-component h3 {
        font-size: 1.1428571429rem
    }
}

.error-page-container .primary-box-component p {
    width: 100%
}

.error-page-container .primary-box-component a {
    color: #2d3345;
    font-weight: 300;
    font-size: 1.2857142857rem
}

@media only screen and (max-width:767px) {
    .error-page-container .primary-box-component a {
        font-size: 1rem
    }
}

.error-page-container .primary-box-component a i {
    position: relative;
    top: -1px;
    margin-right: 8px;
    font-size: 1.2857142857rem
}

.error-page-container figure {
    margin-left: 30px
}

@media only screen and (max-width:767px) {
    .error-page-container .primary-box-component a i {
        font-size: 1rem
    }

    .error-page-container figure {
        margin-right: -75%
    }
}

.error-page-container .login-button {
    width: 150px;
    margin: 10px 0 20px
}

.offer .box-type-1, .register .box-type-1 {
    margin: 0 auto;
    padding: 60px 20%
}

.thanks-box .box-type-2 {
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.thanks-box h3 {
    color: #2d3345;
    font-weight: 400;
    font-size: 1.4285714286rem;
    margin-bottom: 10px
}

.thanks-box p {
    text-align: center;
    color: #687278;
    font-size: 1.2142857143rem
}

.thanks-box [class^=icon-] {
    height: 90px;
    margin-bottom: 15px;
    color: #434547;
    font-size: 6.4285714286rem
}

.login-container, .register-container {
    display: flex;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    margin-bottom: 10px
}

    .login-container .box-title, .register-container .box-title {
        font-size: 17px;
        text-align: center;
        margin-bottom: 8px
    }

    .login-container > div, .register-container > div {
        width: calc(50% - 5px);
        padding: 20px;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .login-container .form-elements .error-box, .login-container .login-form .for-checkbox .error-container, .login-container .login-form .for-checkbox:before, .login-container .register-form .for-checkbox .error-container, .login-container .register-form .for-checkbox:before, .register-container .form-elements .error-box, .register-container .login-form .for-checkbox .error-container, .register-container .login-form .for-checkbox:before, .register-container .register-form .for-checkbox .error-container, .register-container .register-form .for-checkbox:before {
        display: none
    }

    .login-container .login-banner {
        margin-top: 10px;
        width: 100%;
        padding: 0px;
        background-color: transparent;
    }

@media only screen and (max-width:767px) {
    .login-container .login-banner {
        margin-top: 0px;
    }

    .offer .box-type-1, .register .box-type-1 {
        padding: 20px
    }

    .login-container > div, .register-container > div {
        width: 100%;
        margin-bottom: 10px;
        padding: 20px
    }
}

.login-container > div p, .register-container > div p {
    font-size: 1rem;
    color: #687278;
    text-align: center;
    padding: 0 20px
}

.login-container > div .box-logo, .register-container > div .box-logo {
    text-align: center;
    font-size: 5.7142857143rem
}

.login-container .form-elements li, .register-container .form-elements li {
    border-radius: 2px
}

.login-container .disable-label, .register-container .disable-label {
    opacity: .5
}

.login-container .login-form, .login-container .register-form, .register-container .login-form, .register-container .register-form {
    margin-right: 10px
}

    .login-container .login-form h4, .login-container .register-form h4, .register-container .login-form h4, .register-container .register-form h4 {
        text-align: center
    }

    .login-container .login-form p, .login-container .register-form p, .register-container .login-form p, .register-container .register-form p {
        padding: 20px
    }

    .login-container .login-form .for-checkbox, .login-container .register-form .for-checkbox, .register-container .login-form .for-checkbox, .register-container .register-form .for-checkbox {
        height: 54px;
        background: #fff;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

        .login-container .login-form .for-checkbox .item, .login-container .register-form .for-checkbox .item, .register-container .login-form .for-checkbox .item, .register-container .register-form .for-checkbox .item {
            padding: 0 10px
        }

        .login-container .login-form .for-checkbox.collapsible, .login-container .login-form .for-checkbox.fake-collapsible, .login-container .register-form .for-checkbox.collapsible, .login-container .register-form .for-checkbox.fake-collapsible, .register-container .login-form .for-checkbox.collapsible, .register-container .login-form .for-checkbox.fake-collapsible, .register-container .register-form .for-checkbox.collapsible, .register-container .register-form .for-checkbox.fake-collapsible {
            margin-top: 40px;
            margin-bottom: 40px;
            height: auto;
            display: block;
            background: 0 0;
            box-shadow: 0 0 9px 2px rgba(0,0,0,.2);
            padding: 0 !important
        }

            .login-container .login-form .for-checkbox.collapsible .collapsible-header, .login-container .login-form .for-checkbox.fake-collapsible .collapsible-header, .login-container .register-form .for-checkbox.collapsible .collapsible-header, .login-container .register-form .for-checkbox.fake-collapsible .collapsible-header, .register-container .login-form .for-checkbox.collapsible .collapsible-header, .register-container .login-form .for-checkbox.fake-collapsible .collapsible-header, .register-container .register-form .for-checkbox.collapsible .collapsible-header, .register-container .register-form .for-checkbox.fake-collapsible .collapsible-header {
                padding: 0;
                width: 100%;
                height: 54px;
                background: #fff
            }

                .login-container .login-form .for-checkbox.collapsible .collapsible-header .error-container, .login-container .login-form .for-checkbox.fake-collapsible .collapsible-header .error-container, .login-container .register-form .for-checkbox.collapsible .collapsible-header .error-container, .login-container .register-form .for-checkbox.fake-collapsible .collapsible-header .error-container, .register-container .login-form .for-checkbox.collapsible .collapsible-header .error-container, .register-container .login-form .for-checkbox.fake-collapsible .collapsible-header .error-container, .register-container .register-form .for-checkbox.collapsible .collapsible-header .error-container, .register-container .register-form .for-checkbox.fake-collapsible .collapsible-header .error-container {
                    display: block !important
                }

                .login-container .login-form .for-checkbox.collapsible .collapsible-header .item-inner:after, .login-container .login-form .for-checkbox.collapsible .collapsible-header:before, .login-container .login-form .for-checkbox.fake-collapsible .collapsible-header .item-inner:after, .login-container .login-form .for-checkbox.fake-collapsible .collapsible-header:before, .login-container .register-form .for-checkbox.collapsible .collapsible-header .item-inner:after, .login-container .register-form .for-checkbox.collapsible .collapsible-header:before, .login-container .register-form .for-checkbox.fake-collapsible .collapsible-header .item-inner:after, .login-container .register-form .for-checkbox.fake-collapsible .collapsible-header:before, .register-container .login-form .for-checkbox.collapsible .collapsible-header .item-inner:after, .register-container .login-form .for-checkbox.collapsible .collapsible-header:before, .register-container .login-form .for-checkbox.fake-collapsible .collapsible-header .item-inner:after, .register-container .login-form .for-checkbox.fake-collapsible .collapsible-header:before, .register-container .register-form .for-checkbox.collapsible .collapsible-header .item-inner:after, .register-container .register-form .for-checkbox.collapsible .collapsible-header:before, .register-container .register-form .for-checkbox.fake-collapsible .collapsible-header .item-inner:after, .register-container .register-form .for-checkbox.fake-collapsible .collapsible-header:before {
                    display: none
                }

                .login-container .login-form .for-checkbox.collapsible .collapsible-header:after, .login-container .login-form .for-checkbox.fake-collapsible .collapsible-header:after, .login-container .register-form .for-checkbox.collapsible .collapsible-header:after, .login-container .register-form .for-checkbox.fake-collapsible .collapsible-header:after, .register-container .login-form .for-checkbox.collapsible .collapsible-header:after, .register-container .login-form .for-checkbox.fake-collapsible .collapsible-header:after, .register-container .register-form .for-checkbox.collapsible .collapsible-header:after, .register-container .register-form .for-checkbox.fake-collapsible .collapsible-header:after {
                    content: "";
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 50px;
                    border-left: 1px solid #e0e4ea
                }

@media only screen and (max-width:767px) {
    .login-container .login-form .for-checkbox.collapsible .collapsible-header .is-checkbox, .login-container .login-form .for-checkbox.fake-collapsible .collapsible-header .is-checkbox, .login-container .register-form .for-checkbox.collapsible .collapsible-header .is-checkbox, .login-container .register-form .for-checkbox.fake-collapsible .collapsible-header .is-checkbox, .register-container .login-form .for-checkbox.collapsible .collapsible-header .is-checkbox, .register-container .login-form .for-checkbox.fake-collapsible .collapsible-header .is-checkbox, .register-container .register-form .for-checkbox.collapsible .collapsible-header .is-checkbox, .register-container .register-form .for-checkbox.fake-collapsible .collapsible-header .is-checkbox {
        padding-top: 12px
    }
}

.login-container .login-form .for-checkbox.collapsible .collapsible-content, .login-container .login-form .for-checkbox.fake-collapsible .collapsible-content, .login-container .register-form .for-checkbox.collapsible .collapsible-content, .login-container .register-form .for-checkbox.fake-collapsible .collapsible-content, .register-container .login-form .for-checkbox.collapsible .collapsible-content, .register-container .login-form .for-checkbox.fake-collapsible .collapsible-content, .register-container .register-form .for-checkbox.collapsible .collapsible-content, .register-container .register-form .for-checkbox.fake-collapsible .collapsible-content {
    margin: 0;
    padding: 10px 10px 0;
    display: none
}

    .login-container .login-form .for-checkbox.collapsible .collapsible-content label.item, .login-container .login-form .for-checkbox.fake-collapsible .collapsible-content label.item, .login-container .register-form .for-checkbox.collapsible .collapsible-content label.item, .login-container .register-form .for-checkbox.fake-collapsible .collapsible-content label.item, .register-container .login-form .for-checkbox.collapsible .collapsible-content label.item, .register-container .login-form .for-checkbox.fake-collapsible .collapsible-content label.item, .register-container .register-form .for-checkbox.collapsible .collapsible-content label.item, .register-container .register-form .for-checkbox.fake-collapsible .collapsible-content label.item {
        padding: 0
    }

.login-container .login-form .for-checkbox.collapsible.uxr-collapsible-current .collapsible-content, .login-container .login-form .for-checkbox.fake-collapsible.uxr-collapsible-current .collapsible-content, .login-container .register-form .for-checkbox.collapsible.uxr-collapsible-current .collapsible-content, .login-container .register-form .for-checkbox.fake-collapsible.uxr-collapsible-current .collapsible-content, .register-container .login-form .for-checkbox.collapsible.uxr-collapsible-current .collapsible-content, .register-container .login-form .for-checkbox.fake-collapsible.uxr-collapsible-current .collapsible-content, .register-container .register-form .for-checkbox.collapsible.uxr-collapsible-current .collapsible-content, .register-container .register-form .for-checkbox.fake-collapsible.uxr-collapsible-current .collapsible-content {
    display: block
}

.login-container .login-form .for-checkbox.collapsible.uxr-collapsible-current + .buttons, .login-container .login-form .for-checkbox.fake-collapsible .collapsible-header:after, .login-container .login-form .for-checkbox.fake-collapsible.uxr-collapsible-current + .buttons, .login-container .register-form .for-checkbox.collapsible.uxr-collapsible-current + .buttons, .login-container .register-form .for-checkbox.fake-collapsible .collapsible-header:after, .login-container .register-form .for-checkbox.fake-collapsible.uxr-collapsible-current + .buttons, .register-container .login-form .for-checkbox.collapsible.uxr-collapsible-current + .buttons, .register-container .login-form .for-checkbox.fake-collapsible .collapsible-header:after, .register-container .login-form .for-checkbox.fake-collapsible.uxr-collapsible-current + .buttons, .register-container .register-form .for-checkbox.collapsible.uxr-collapsible-current + .buttons, .register-container .register-form .for-checkbox.fake-collapsible .collapsible-header:after, .register-container .register-form .for-checkbox.fake-collapsible.uxr-collapsible-current + .buttons {
    display: none
}

.login-container .login-form .for-checkbox.collapsible .item-error.error-container, .login-container .login-form .for-checkbox.fake-collapsible .item-error.error-container, .login-container .register-form .for-checkbox.collapsible .item-error.error-container, .login-container .register-form .for-checkbox.fake-collapsible .item-error.error-container, .register-container .login-form .for-checkbox.collapsible .item-error.error-container, .register-container .login-form .for-checkbox.fake-collapsible .item-error.error-container, .register-container .register-form .for-checkbox.collapsible .item-error.error-container, .register-container .register-form .for-checkbox.fake-collapsible .item-error.error-container {
    margin-top: 10px
}

.login-container .login-form .for-checkbox.fake-collapsible, .login-container .register-form .for-checkbox.fake-collapsible, .register-container .login-form .for-checkbox.fake-collapsible, .register-container .register-form .for-checkbox.fake-collapsible {
    box-shadow: none
}

    .login-container .login-form .for-checkbox.fake-collapsible .collapsible-header, .login-container .register-form .for-checkbox.fake-collapsible .collapsible-header, .register-container .login-form .for-checkbox.fake-collapsible .collapsible-header, .register-container .register-form .for-checkbox.fake-collapsible .collapsible-header {
        background: 0 0
    }

.login-container .login-form .for-checkbox .is-checkbox, .login-container .register-form .for-checkbox .is-checkbox, .register-container .login-form .for-checkbox .is-checkbox, .register-container .register-form .for-checkbox .is-checkbox {
    height: 100%
}

@media only screen and (max-width:767px) {
    .login-container .login-form .for-checkbox .is-checkbox, .login-container .register-form .for-checkbox .is-checkbox, .register-container .login-form .for-checkbox .is-checkbox, .register-container .register-form .for-checkbox .is-checkbox {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 6px
    }
}

.login-container .login-form .for-checkbox .is-checkbox .item-label, .login-container .register-form .for-checkbox .is-checkbox .item-label, .register-container .login-form .for-checkbox .is-checkbox .item-label, .register-container .register-form .for-checkbox .is-checkbox .item-label {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .login-container .login-form .for-checkbox .is-checkbox .item-label, .login-container .register-form .for-checkbox .is-checkbox .item-label, .register-container .login-form .for-checkbox .is-checkbox .item-label, .register-container .register-form .for-checkbox .is-checkbox .item-label {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: baseline;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline
    }
}

.login-container .login-form .for-checkbox .is-checkbox span, .login-container .register-form .for-checkbox .is-checkbox span, .register-container .login-form .for-checkbox .is-checkbox span, .register-container .register-form .for-checkbox .is-checkbox span {
    height: 100%;
    display: inline-flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .login-container .login-form .for-checkbox .is-checkbox span, .login-container .register-form .for-checkbox .is-checkbox span, .register-container .login-form .for-checkbox .is-checkbox span, .register-container .register-form .for-checkbox .is-checkbox span {
        height: auto
    }
}

.login-container .login-form .for-checkbox .item-label, .login-container .register-form .for-checkbox .item-label, .register-container .login-form .for-checkbox .item-label, .register-container .register-form .for-checkbox .item-label {
    margin: 0 5px
}

    .login-container .login-form .for-checkbox .item-label .item-inner, .login-container .register-form .for-checkbox .item-label .item-inner, .register-container .login-form .for-checkbox .item-label .item-inner, .register-container .register-form .for-checkbox .item-label .item-inner {
        margin-left: 10px;
        padding-left: 10px
    }

        .login-container .login-form .for-checkbox .item-label .item-inner:after, .login-container .register-form .for-checkbox .item-label .item-inner:after, .register-container .login-form .for-checkbox .item-label .item-inner:after, .register-container .register-form .for-checkbox .item-label .item-inner:after {
            content: "";
            height: 100%;
            position: absolute;
            top: 0;
            left: 35px;
            border-left: 1px solid #e0e4ea
        }

@media only screen and (max-width:767px) {
    .login-container .login-form .for-checkbox .item-label .item-inner:after, .login-container .register-form .for-checkbox .item-label .item-inner:after, .register-container .login-form .for-checkbox .item-label .item-inner:after, .register-container .register-form .for-checkbox .item-label .item-inner:after {
        height: 55px;
        top: -6px
    }

    .login-container .login-form .for-checkbox .item-label .item-inner, .login-container .register-form .for-checkbox .item-label .item-inner, .register-container .login-form .for-checkbox .item-label .item-inner, .register-container .register-form .for-checkbox .item-label .item-inner {
        margin: 0;
        padding-left: 20px
    }
}

.login-container .login-form .for-checkbox .item-location, .login-container .register-form .for-checkbox .item-location, .register-container .login-form .for-checkbox .item-location, .register-container .register-form .for-checkbox .item-location {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-right: -10px
}

    .login-container .login-form .for-checkbox .item-location span, .login-container .register-form .for-checkbox .item-location span, .register-container .login-form .for-checkbox .item-location span, .register-container .register-form .for-checkbox .item-location span {
        padding: 0 10px;
        border-left: 1px solid #e0e4ea;
        min-width: 110px;
        font-size: .8571428571rem
    }

@media only screen and (max-width:767px) {
    .login-container .login-form .for-checkbox .item-location, .login-container .register-form .for-checkbox .item-location, .register-container .login-form .for-checkbox .item-location, .register-container .register-form .for-checkbox .item-location {
        display: inline;
        height: auto;
        margin: 0
    }

        .login-container .login-form .for-checkbox .item-location span, .login-container .register-form .for-checkbox .item-location span, .register-container .login-form .for-checkbox .item-location span, .register-container .register-form .for-checkbox .item-location span {
            height: auto;
            min-width: 0;
            border: none;
            padding: 0
        }

            .login-container .login-form .for-checkbox .item-location span:first-child, .login-container .register-form .for-checkbox .item-location span:first-child, .register-container .login-form .for-checkbox .item-location span:first-child, .register-container .register-form .for-checkbox .item-location span:first-child {
                padding-left: 20px
            }

                .login-container .login-form .for-checkbox .item-location span:first-child:after, .login-container .register-form .for-checkbox .item-location span:first-child:after, .register-container .login-form .for-checkbox .item-location span:first-child:after, .register-container .register-form .for-checkbox .item-location span:first-child:after {
                    content: "/";
                    margin-left: 5px
                }
}

.login-container.steps > div, .register-container.steps > div {
    width: 100%;
    margin: 0;
    padding: 20px 20%
}

@media only screen and (max-width:767px) {
    .login-container.steps > div, .register-container.steps > div {
        padding: 20px
    }
}

.login-container .security-code, .register-container .security-code {
    background: #e9ebee;
    padding: 20px !important;
    margin: 0 !important;
    text-align: center;
    font-size: .8571428571rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .login-container .security-code label, .register-container .security-code label {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

.response-error .error-box {
    display: block !important
}

.step-container {
    transition: .75s;
    margin-right: -110%;
    width: 100%;
    float: left
}

    .step-container:first-child {
        margin: 0
    }

    .step-container.hide-slide {
        opacity: 0;
        visibility: hidden;
        max-height: 300px
    }

    .step-container.slideOutToLeft {
        margin-left: -110%
    }

    .step-container.slideInFromRight {
        margin-right: 0
    }

.security-code-input {
    width: 67% !important;
    display: inline-block !important;
    margin-left: -33% !important
}

@media only screen and (max-width:767px) {
    .security-code-input {
        width: 100%;
        display: block;
        margin-left: 0 !important
    }
}

.blog-sections .post-info, .forgot-password .done-message {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex
}

#codebutton {
    position: absolute;
    right: 0;
    top: 40px
}

.is-forgot-password {
    font-size: .8571428571rem
}

    .is-forgot-password a {
        float: right;
        line-height: 20px
    }

.facebook a {
    font-size: .8571428571rem;
    letter-spacing: .8px;
    color: #4b76ba
}

.forgot-password .box-type-1 {
    padding: 40px 20%;
    margin: 0 auto
}

.blog .bread-crumb, .forgot-password .form-elements li {
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    #codebutton {
        position: inherit;
        top: 0
    }

    .forgot-password .box-type-1 {
        padding: 20px
    }
}

.forgot-password .box-type-2 {
    position: relative;
    padding: 40px
}

@media only screen and (max-width:767px) {
    .forgot-password .box-type-2 {
        padding: 20px
    }
}

.forgot-password .form-elements {
    transition: .2s
}

.forgot-password .done-message {
    z-index: -1;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

    .forgot-password .done-message p {
        width: 100%
    }

.forgot-password .form-post-done ol {
    opacity: 0
}

.forgot-password .form-post-done .done-message {
    opacity: 1;
    z-index: 0
}

.blog .bread-crumb a:last-child {
    color: #feb900
}

.blog-sections .main-head, .blog-sections .widget h2 {
    margin-bottom: 30px;
    font-size: 1.4285714286rem;
    color: #2d3345
}

    .blog-sections .main-head:after, .blog-sections .widget h2:after {
        display: block;
        content: "";
        width: 8%;
        height: 2px;
        margin-top: 8px;
        background-color: #feb900
    }

@media only screen and (max-width:767px) {
    .blog-sections .main-head, .blog-sections .widget h2 {
        font-size: 1.1428571429rem
    }

    .blog-sections .post-info span {
        margin-bottom: 5px
    }
}

.blog-sections .main-head {
    font-size: 1.7142857143rem
}

.blog-sections .post-info {
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .blog-sections .post-info span, .blog-sections .post-info time {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 100%;
        color: #989898
    }

        .blog-sections .post-info span a:hover, .blog-sections .post-info time a:hover {
            color: #feb900
        }

    .blog-sections .post-info span {
        margin-right: 10px
    }

        .blog-sections .post-info span:before, .blog-sections .post-info time:before {
            margin-right: 8px
        }

    .blog-sections .post-info .post-category a {
        margin-right: 10px;
        color: #989898
    }

    .blog-sections .post-info .icon-drawer:before {
        margin-top: -3px
    }

.blog-sections .post-item {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dddee0
}

    .blog-sections .post-item h1 {
        font-size: 1.7285714286rem !important;
        font-weight: bold;
        line-height: 1.3;
        width: 100%;
        font-family: sans-serif !important;
    }

    .blog-sections .post-item h2 {
        font-size: 1.6085714286rem;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1.3;
        max-width: 90%;
        width: 100%;
        font-family: sans-serif !important;
    }

    .blog-sections .post-item h3 {
        font-size: 1.4085714286rem;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1.3;
        max-width: 90%;
        width: 100%;
        font-family: sans-serif !important;
    }

    .blog-sections .post-item h4 {
        font-size: 1.3085714286rem;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1.3;
        max-width: 90%;
        width: 100%;
        font-family: sans-serif !important;
    }

    .blog-sections .post-item h5 {
        font-size: 1.2085714286rem;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1.2;
        max-width: 90%;
        width: 100%;
        font-family: sans-serif !important;
    }

    .blog-sections .post-item h6 {
        font-size: 1.1285714286rem;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1.2;
        max-width: 90%;
        width: 100%;
        font-family: sans-serif !important;
    }

@media only screen and (min-width:768px) and (max-width:1023px) {
    .blog-sections .post-item h1 {
        font-size: 1.7085714286rem;
    }

    .blog-sections .post-item h2 {
        font-size: 1.5842857143rem;
    }

    .blog-sections .post-item h3 {
        font-size: 1.3885714286rem;
    }

    .blog-sections .post-item h4 {
        font-size: 1.2885714286rem;
    }

    .blog-sections .post-item h5 {
        font-size: 1.1885714286rem;
    }

    .blog-sections .post-item h6 {
        font-size: 1.1185714286rem;
    }
}

.blog-sections .post-item h2 a {
    display: inline
}

.blog-sections .post-item figure {
    margin-bottom: 20px
}

    .blog-sections .post-item figure a {
        display: block
    }

    .blog-sections .post-item figure img {
        display: block;
        max-width: 100%;
        height: auto
    }

.blog-sections .post-item header {
    margin-bottom: 20px;
    padding-left: 15px;
    border-left: 4px solid #feb900;
    padding-bottom: 4px
}

.blog-sections .search-section {
    margin-bottom: 36px
}

.blog-sections .container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-align: space-between;
    -webkit-box-align: space-between;
    -webkit-align-items: space-between;
    align-items: space-between
}

    .blog-sections .container .content {
        width: 65%
    }

@media only screen and (max-width:767px) {
    .blog-sections .post-item h2 {
        font-size: 1.6428571429rem;
        max-width: 100%
    }

    .blog-sections .post-item header {
        border-left: none;
        padding-left: 0
    }

    .blog-sections .container {
        display: block
    }

        .blog-sections .container .content {
            width: 100%
        }
}

.blog-sections .container .sidebar {
    width: 30%;
    margin-left: 5%
}

@media only screen and (max-width:767px) {
    .blog-sections .container .sidebar {
        width: 100%;
        margin-left: 0;
        margin-top: 30px
    }
}

.blog-sections a {
    transition: all .3s ease-out
}

    .blog-sections a:hover {
        color: #feb900
    }

.blog-sections .widget {
    margin-bottom: 40px
}

    .blog-sections .widget h2 {
        text-align: left;
        font-size: 1.0714285714rem;
        margin-bottom: 15px
    }

.blog-sections .post-item footer, .blog-sections .post-item header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.blog-sections .post-item .post-detail {
    padding-bottom: 10px
}

    .blog-sections .post-item .post-detail img {
        max-width: 100%;
        height: auto
    }

    .blog-sections .post-item .post-detail a {
        max-width: 100%;
        color: #feb900
    }

.blog-sections .post-item .post-summary {
    font-size: 1rem
}

.blog-sections .post-item footer {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 20px
}

.blog-sections .post-item .social-media-sharing {
    font-size: 2.1428571429rem;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

    .blog-sections .post-item .social-media-sharing span {
        font-size: 14px;
        margin-right: 7px
    }

        .blog-sections .post-item .social-media-sharing span:before {
            margin-top: -2px;
            margin-right: 5px
        }

    .blog-sections .post-item .social-media-sharing a {
        color: #c6c7ca;
        margin: 0 5px 0 1px;
        line-height: 22px
    }

        .blog-sections .post-item .social-media-sharing a.icon-facebook {
            color: #3b5998
        }

        .blog-sections .post-item .social-media-sharing a.icon-twitter {
            color: #1da1f2
        }

        .blog-sections .post-item .social-media-sharing a.icon-linkedin {
            color: #0077b5
        }

        .blog-sections .post-item .social-media-sharing a:hover {
            opacity: .7
        }

.blog-sections .post-tag span {
    margin-right: 4px
}

.blog-sections .post-tag a {
    margin-right: 5px
}

.blog-sections .post-tag:before {
    margin-top: -2px;
    margin-right: 5px
}

.blog-sections .post-navigation {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e9ebee
}

    .blog-sections .post-navigation .next-post, .blog-sections .post-navigation .prev-post {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: .8571428571rem;
        max-width: 48%;
        height: 48px;
        padding: 8px 16px !important
    }

        .blog-sections .post-navigation .next-post span, .blog-sections .post-navigation .prev-post span {
            /*display: inline-block;*/
            overflow: hidden
        }

@media only screen and (max-width:767px) {
    .blog-sections .post-navigation .next-post span, .blog-sections .post-navigation .prev-post span {
        display: none
    }
}

.blog-sections .post-navigation .next-post:after, .blog-sections .post-navigation .prev-post:before {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    display: block;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.blog-sections .post-navigation .next-post {
    padding-right: 32px !important
}

@media only screen and (max-width:767px) {
    .blog-sections .post-navigation .next-post {
        width: 44px;
        height: 44px;
        padding: 0 !important
    }
}

.blog-sections .post-navigation .next-post:after {
    right: 15px;
    width: 0;
    height: 0;
    border-left: 7px solid #fff;
    margin-left: 8px
}

.blog-sections .post-navigation .next-post span {
    text-align: left;
}

.blog-sections .post-navigation .prev-post {
    padding-left: 32px !important
}

@media only screen and (max-width:767px) {
    .blog-sections .post-navigation .next-post:after {
        margin-left: 0;
        margin-right: -2px
    }

    .blog-sections .post-navigation .prev-post {
        width: 44px;
        height: 44px;
        padding: 0 !important
    }
}

.blog-sections .post-navigation .prev-post:before {
    left: 15px;
    width: 0;
    height: 0;
    border-right: 7px solid #fff;
    margin-right: 8px
}

.blog-sections .post-comments {
    margin-top: 24px
}

.blog-sections .read-more {
    padding: 7px 14px !important;
    font-size: .8571428571rem
}

.blog-sections .load-more-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

    .blog-sections .load-more-wrapper button {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: static;
        width: 50%;
        height: 41px;
        outline: 0
    }

@media only screen and (max-width:767px) {
    .blog-sections .post-navigation .prev-post:before {
        margin-right: 0;
        margin-left: -3px
    }

    .blog-sections .load-more-wrapper button {
        width: 80%
    }
}

.blog-sections .load-more-wrapper .loading-text {
    display: none;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

    .blog-sections .load-more-wrapper .loading-text .loader {
        width: 21px;
        height: 21px;
        border: 2px solid #fff;
        border-top-color: rgba(255,255,255,.2);
        animation: spin 1.5s infinite linear
    }

.blog-sections .load-more-wrapper .text {
    width: 100%;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.blog-sections .load-more-wrapper .load-more.loading .text {
    display: none;
    opacity: 0
}

.blog-sections .load-more-wrapper .load-more.loading .loading-text {
    display: block;
    opacity: 1
}

#facebook-page {
    width: 100%;
    min-height: 20px
}

    #facebook-page span {
        width: 100% !important
    }

.archive-list li:before, .popular-posts li:before {
    top: 8px;
    content: "";
    width: 6px;
    height: 6px;
    vertical-align: top;
    position: relative
}

.popular-posts {
    padding-left: 0;
    margin-bottom: 0
}

    .popular-posts li {
        font-size: .9285714286rem;
        margin-bottom: 20px;
        white-space: nowrap
    }

        .popular-posts li:before {
            display: inline-block;
            margin-right: 8px;
            background-color: #feb900;
            border-radius: 100%
        }

    .popular-posts .post-detail {
        display: inline-block;
        white-space: normal
    }

    .popular-posts figure {
        margin-right: 15px
    }

        .popular-posts figure img {
            border-radius: 100%
        }

    .popular-posts h3 {
        font-size: 1.0714285714rem;
        line-height: 1.4;
        font-weight: 400;
        margin-bottom: 5px
    }

        .popular-posts h3 a {
            display: inline
        }

    .education-list, .popular-posts span, .popular-posts time {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex
    }

    .popular-posts .post-category a {
        margin-right: 4px
    }

    .popular-posts .post-info {
        font-size: .9285714286rem
    }

        .popular-posts .post-info span {
            vertical-align: top;
            margin-right: 10px
        }

            .popular-posts .post-info span:before {
                margin-right: 4px
            }

        .popular-posts .post-info time:before {
            margin-top: 2px;
            margin-right: 4px
        }

    .popular-posts span, .popular-posts time {
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

.tag-cloud .tag-link {
    display: inline-block;
    padding: 4px 10px;
    background-color: #cccaca;
    color: #fff;
    text-align: center;
    font-size: .8571428571rem;
    margin-bottom: 5px;
    border-radius: 50px
}

    .tag-cloud .tag-link:hover {
        opacity: .7;
        color: #fff
    }

.archive-list {
    padding-left: 0;
    margin-bottom: 0
}

    .archive-list li {
        margin-bottom: 7px
    }

        .archive-list li:before {
            display: inline-block;
            margin-right: 8px;
            background-color: #feb900;
            border-radius: 100%
        }

        .archive-list li ul {
            display: none;
            margin-top: 7px;
            margin-bottom: 20px
        }

            .archive-list li ul.open {
                display: block
            }

            .archive-list li ul li {
                margin-bottom: 7px
            }

.cps-academy .logo-academy {
    margin-top: 4px;
    font-size: .7142857143rem
}

.cps-academy .team-member-section {
    width: 80%;
    margin: auto
}

.education-list li, .education-list li figure {
    margin-bottom: 10px
}

.cps-academy .main-banner-area .bg-image {
    transform: translateY(-40%) translateX(-50%)
}

@media only screen and (min-width:1024px) {
    .cps-academy .primary-box-component {
        min-height: 220px
    }
}

.feature-list .box-icon.img img {
    max-height: 60px
}

.education-list {
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    color: #687278
}

    .education-list li {
        width: 49%
    }

        .education-list li figure, .education-list li img {
            width: 100%
        }

        .education-list li table {
            width: 100%;
            font-size: .8571428571rem;
            margin-bottom: 10px
        }

            .education-list li table td {
                padding: 0
            }

                .education-list li table td:first-child {
                    font-weight: 700
                }

                .education-list li table td:last-child {
                    position: relative;
                    padding-left: 5px
                }

                    .education-list li table td:last-child:before {
                        position: absolute;
                        content: ": ";
                        left: 0
                    }

@media only screen and (max-width:767px) {
    .education-list li {
        width: 100%;
        margin-bottom: 10px
    }
}

.cps-academy .main-subbanner-area.gallery img {
    transform: translateY(-44%) translateX(-50%)
}

.cps-academy .gallery-list {
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

    .cps-academy .gallery-list li {
        width: calc(100% / 4 - 30px / 4);
        margin-right: 10px;
        margin-bottom: 10px
    }

        .cps-academy .gallery-list li:nth-child(4n) {
            margin-right: 0
        }

        .cps-academy .gallery-list li a {
            display: block
        }

            .cps-academy .gallery-list li a img {
                display: block;
                max-width: 100%;
                height: auto
            }

.testimonials-section {
    padding-top: 93px;
    padding-bottom: 22px
}

    .testimonials-section .testimonials-section-inner {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 87px 35px 44px;
        background-color: #fff;
        box-shadow: 0 0 7px 0 rgba(29,29,29,.1)
    }

@media only screen and (max-width:767px) {
    .cps-academy .gallery-list li {
        width: calc(100% / 2 - 10px / 2)
    }

        .cps-academy .gallery-list li:nth-child(2n) {
            margin-right: 0
        }

    .testimonials-section .testimonials-section-inner {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}

.testimonials-section .testimonials-section-inner .img {
    position: absolute;
    top: -71px
}

    .testimonials-section .testimonials-section-inner .img img {
        width: 142px;
        height: auto;
        border-radius: 100%
    }

.testimonials-section .testimonials-section-inner blockquote {
    position: relative;
    max-width: 73%;
    font-size: 1.4285714286rem;
    text-align: center
}

    .testimonials-section .testimonials-section-inner blockquote:after, .testimonials-section .testimonials-section-inner blockquote:before {
        width: 32px;
        content: '"';
        position: absolute;
        font-size: 4.2857142857rem;
        font-style: italic;
        color: #434547;
        text-align: left
    }

    .testimonials-section .testimonials-section-inner blockquote:before {
        top: -26px;
        left: -32px
    }

    .testimonials-section .testimonials-section-inner blockquote:after {
        right: -21px;
        bottom: -50px
    }

@media only screen and (min-width:768px) and (max-width:1023px) {
    .testimonials-section .testimonials-section-inner blockquote:before {
        left: -41px
    }

    .testimonials-section .testimonials-section-inner blockquote:after {
        right: -28px
    }
}

@media only screen and (max-width:767px) {
    .testimonials-section .testimonials-section-inner blockquote {
        max-width: 83%;
        margin-left: 0;
        margin-right: 0
    }

        .testimonials-section .testimonials-section-inner blockquote:before {
            left: -28px
        }

        .testimonials-section .testimonials-section-inner blockquote:after {
            right: -24px
        }
}

.testimonials-section .testimonials-section-inner .name {
    font-weight: 600;
    font-size: 1.7142857143rem
}

.testimonials-section .testimonials-section-inner .title {
    font-size: 1.1428571429rem
}

.testimonials-section hr {
    display: inline-block;
    width: 100px;
    height: 2px;
    margin: 25px 0;
    background-color: #393c4a
}

.form-box {
    padding: 34px;
    border-radius: 2px;
    background-color: #f4f5f7
}

    .form-box h4 {
        margin-bottom: 10px;
        font-size: 1.7142857143rem;
        font-weight: 600;
        text-align: center
    }

    .form-box p {
        margin-bottom: 25px;
        font-size: 1.4285714286rem;
        text-align: center
    }

    .form-box .form-box-inner {
        display: flex;
        align-items: flex-start;
        justify-content: space-around
    }

        .form-box .form-box-inner .form {
            width: 100%
        }

            .form-box .form-box-inner .form li {
                margin-bottom: 15px
            }

        .form-box .form-box-inner .image {
            margin-right: 20px
        }

@media only screen and (max-width:767px) {
    .form-box.book-request .form-box-inner {
        align-items: center;
        flex-direction: column
    }

        .form-box.book-request .form-box-inner .image {
            margin-right: 0;
            margin-bottom: 20px
        }

        .form-box.book-request .form-box-inner .buttons button {
            margin: 0 auto
        }
}

.subscribe-page .primary-box-component {
    height: auto
}

    .subscribe-page .primary-box-component form li {
        text-align: left;
        font-size: 13px
    }

    .subscribe-page .primary-box-component .buttons {
        margin-top: 20px
    }

.subscribe-page figure img {
    width: 180px;
    height: auto;
    margin-left: 20px
}

.cps-version {
    content: "0.0.1"
}

h1 {
    font-size: 1.9285714286rem !important
}

.apsi-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    min-height: 100%;
    display: none;
}

    .apsi-popup.open {
        display: flex;
    }

.popup-open {
    overflow: hidden;
}

.apsi-popup-backdrop {
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

.apsi-popup-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.apsi-popup-theme {
    background: #fff;
    position: relative;
    text-align: center;
    margin: 0px 25px;
}

.apsi-popup-close {
    position: absolute;
    right: -15px;
    top: -15px;
}

.apsi-popup-cover {
    display: block;
}

.apsi-popup-text {
    display: block;
    padding: 25px;
}

    .apsi-popup-text b {
        font-family: sans-serif;
    }

.references-container .reference-items.special blockquote {
    min-height: 131px !important;
}

.apsis {
    margin-top: -61px;
}

.cpsApsis {
    display: inline-block;
}

.apsis-hero {
    height: 515px;
    color: #fff;
    background-image: url("/website/assets/images/apsis/apsis-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apsis-hero-mockup {
    position: relative;
    bottom: -100px;
    margin-left: -180px;
}

.apsis-hero-text h2 {
    font-size: 26px;
    margin-top: 15px;
}

.apsis-hero-text p {
    font-size: 16px;
}

.apsis-hero-text-cta .btn {
    padding-left: 45px;
    padding-right: 45px;
    margin-right: 10px;
}

.apsis-about {
    display: flex;
}

.apsis-about-text, .apsis-about-image {
    flex: 1;
}

.apsis-about-text {
    padding-top: 40px;
}

    .apsis-about-text h1 {
        font-size: 20px !important;
    }

    .apsis-about-text ul {
        padding-left: 0;
        font-size: 14px !important;
        margin-top: 20px;
    }

        .apsis-about-text ul li:before {
            content: "";
            margin-right: 8px;
            background: url("/website/assets/images/apsis/check-material.svg");
            width: 14px;
            height: 12px;
            display: inline-block;
            top: 1px;
            position: relative;
        }

        .apsis-about-text ul li {
            margin-bottom: 10px;
        }

.apsis-content h2 {
    font-size: 40px !important;
    margin-bottom: 15px !important;
}

.apsis-content .major-paragraph {
    text-align: center;
    font-size: 20px !important;
}

.apsis-content-list {
    display: flex;
    flex-flow: wrap;
}

    .apsis-content-list li {
        background: #fff;
        width: 225px;
        height: 225px;
        border-radius: 50%;
        margin-right: 20px;
        margin-bottom: 20px;
        padding: 20px;
        box-shadow: 0 5px 13px 0 rgba(29, 29, 29, 0.1);
    }

@media all and (max-width: 1221px) and (min-width: 1022px) {
    .apsis-content-list li:nth-of-type(4n + 0) {
        margin-right: 0;
    }
}

@media (min-width: 1366px) {
    .apsis-content-list li:nth-of-type(4n + 0) {
        margin-right: 0;
    }
}


.apsis-content-list-item {
    text-align: center;
    padding-top: 10px !important;
}

    .apsis-content-list-item h3 {
        font-size: 16px !important;
        color: #263547;
        text-align: center;
        margin-bottom: 5px !important;
    }

    .apsis-content-list-item img {
        margin: auto;
    }

    .apsis-content-list-item p {
        font-size: 14px !important;
    }

    .apsis-content-list-item .more {
        font-size: 16px;
        display: block;
        line-height: 1.6;
        margin-bottom: 10px;
    }

    .apsis-content-list-item.more {
        padding-top: 40px !important;
        height: 100%;
    }

.apsis-contact {
    background-image: url("/website/assets/images/apsis/contact.jpg");
    color: #fff !important;
    text-align: center;
}

    .apsis-contact h2 {
        color: #fff !important;
    }
/* 2X BACKGROUNDS */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .apsis-contact {
        background-image: url("/website/assets/images/apsis/contact@2x.jpg");
    }
}

.unit-select {
    border: solid 2px #e0e0e0;
    border-radius: 3px;
    height: 350px;
    display: flex;
    align-items: center;
    padding: 33px;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 95px;
}

.apsis-slider {
    width: 100%;
    position: relative;
}

.apsis-slider__demo {
    position: relative;
    top: 50px;
    text-align: center;
}

    .apsis-slider__demo p {
        margin-top: 20px;
        font-size: 14px !important;
    }

        .apsis-slider__demo p a {
            color: #263547;
        }

    .apsis-slider__demo .btn {
        padding-left: 40px;
        padding-right: 40px;
    }

.apsis-slider__amount {
    position: relative;
    width: 180px;
    bottom: -15px;
    text-align: center;
    font-size: 20px;
}

.apsis-slider__value {
    color: #c7c7c7;
    font-size: 14px;
}

    .apsis-slider__value b {
        font-size: 20px;
    }

.apsis-slider__detail {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 9px;
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
}

.apsis-slider__value.max {
    text-align: right;
}

.apsis-slider__range {
    width: 100%;
    height: 7px;
    border-radius: 3px;
    background: transparent;
    outline: none;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    -webkit-appearance: none; /* Override default CSS styles */
    appearance: none;
    position: relative;
    z-index: 10;
}

.apsis-slider__range-select {
    position: relative;
    width: 100%;
    height: 7px;
    bottom: 14px;
    overflow: hidden;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #dedede;
}

    .apsis-slider__range-select > span {
        position: absolute;
        height: 7px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        background: #263547;
        display: block;
    }

.apsis-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    -moz-appearance: none;
    width: 45px; /* Set a specific slider handle width */
    height: 45px; /* Slider handle height */
    cursor: pointer; /* Cursor on hover */
    background-image: url("/website/assets/images/apsis/range-icon.png");
    background-size: contain;
    z-index: 10;
    border: none;
}
/* 2X BACKGROUNDS */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .apsis-slider__range::-webkit-slider-thumb {
        background-image: url("/website/assets/images/apsis/range-icon@2x.png");
    }
}

output {
    position: absolute;
    bottom: 175%;
    left: 0;
    margin-left: -1%;
}

.apsis-slider__output {
    background-color: #607d8b;
    width: 80px;
    height: 36px;
    text-align: center;
    color: white;
    border-radius: 10px;
    display: inline-block;
    font: bold 18px/36px sans-serif;
    position: relative;
    top: -10px;
}

    .apsis-slider__output:before {
        content: "Bağımsız Bölüm";
        position: absolute;
        top: -24px;
        line-height: 12px;
        color: black;
        font-size: 14px;
        width: 130%;
        left: -10px;
        font-weight: normal;
    }

    .apsis-slider__output:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 10px solid #607d8b;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        margin-top: -1px;
    }

.apsi-product {
    display: flex;
    align-items: baseline;
}

@media screen and (min-width:0\0) {
    .apsi-product {
        align-items: flex-end;
    }
}

@media \0screen\,screen\9 {
    .apsi-product {
        align-items: flex-end;
    }
}

.apsi-product-item {
    display: inline-flex;
    flex-flow: column;
    flex: 1;
    align-items: center;
    justify-content: center; /*height:210px;*/
}

    .apsi-product-item.apsis { /*height: 287px;*/ /*border: solid 1px #e3e3e3;*/
        position: relative;
        overflow: hidden;
    }

        .apsi-product-item.apsis img {
        }

    .apsi-product-item:first-child {
        margin-right: 32px;
    }

    .apsi-product-item.cps { /*background-color: #f9f9f9;*/ /*height: 329px;*/ /*box-shadow: 0 2px 7px 0 rgba(175, 175, 175, 0.5);*/ /*border: solid 1px #e0e0e0;*/
        position: relative;
    }

        .apsi-product-item.cps img {
        }
/*.apsi-product-item.apsis:before{content: "YENİ"; position: absolute; right: -45px; top: 14px; background: #feb900; transform: rotate(50deg); box-shadow: 0 2px 4px 0 rgba(175, 175, 175, 0.5); width: 150px; padding: 7px; color: #fff; text-align: center; font-size: 17px;}*/

@media screen and (min-width:0\0) {
    .apsi-product-item.apsis {
        margin-bottom: 17px;
    }
}

@media \0screen\,screen\9 {
    .apsi-product-item.apsis {
        margin-bottom: 17px;
    }
}

.apsi-product .product-detail-link {
    width: 245px;
    height: 36px;
    background-color: #607d8b;
    border-radius: 3px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    margin-top: 25px;
    box-shadow: 0 2px 4px 0 rgba(175, 175, 175, 0.5);
}

.apsi-product-item.cps .product-detail-link {
    background-color: #263547;
}

.apsi-package {
    background-color: #f4f5f7;
    padding: 10px;
}

    .apsi-package h4 {
        font-weight: bold;
        font-size: 20px;
        color: #263547;
        margin-bottom: 10px;
    }

    .apsi-package p {
        margin-top: 15px;
        text-align: right;
    }

    .apsi-package th {
        padding: 25px 0px;
    }

    .apsi-package thead a, .apsi-package tfoot a {
        width: 135px;
        height: 36px;
        background: #263547;
        color: #fff;
        line-height: 36px;
        margin: 5px 0px;
        border-radius: 3px;
    }

    .apsi-package table th:first-child {
        background: #f4f5f7;
        border: none;
        width: 350px;
    }

    .apsi-package table {
        border-collapse: collapse;
    }

        .apsi-package table td, .apsi-package table th {
            border: solid 1px #e0e0e0;
            background: #fff;
            text-align: center;
            height: 41px;
        }

            .apsi-package table td:first-child {
                text-align: right;
                padding-right: 15px;
                font-size: 13px;
            }

.language-select-wrapper {
    width: 75px;
    height: 50px;
    position: absolute;
    display: inline-block;
    right: 50px;
    top: -65px;
    cursor: pointer;
}

@media (min-width: 320px) and (max-width: 767px) {
    .language-select-wrapper {
        top: 5px;
    }
}

.language-select {
    width: 85px;
    position: relative;
    display: inline-block;
}

    .language-select::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000;
        margin-left: 5px;
        margin-top: 2px;
        position: absolute;
        right: 0;
        top: 8px;
    }

.language-select-content {
    display: none;
    position: absolute;
    z-index: 1;
    width: 100px;
    height: 61px;
    margin-left: -8px;
}

.language-list {
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(184, 184, 184, 0.5);
    background-color: #ffffff;
    border: solid 0.1px #bfbfbf;
    margin-top: 10px;
}

    .language-list > li > a {
        display: flex;
        height: 20px;
        margin: 10px 0px;
        align-items: center;
    }

        .language-list > li > a > img {
            margin-right: 5px;
        }

.language-select:hover .language-select-content {
    display: block;
}

.cps-mobile {
    margin-top: -60px;
}

.cps-mobile-hero {
    background: url("/website/assets/images/mobile-landing/mobile-landing-background.jpg");
    height: 614px;
    background-size: cover;
    background-repeat: no-repeat;
}

    .cps-mobile-hero .mobile {
        display: flex;
        height: 614px;
        align-items: center;
    }

.cps-mobile .mobile-phone-mockup {
    position: relative;
    bottom: -70px;
}

.cps-mobile-hero .mobile {
    justify-content: space-evenly;
    color: #fff;
}

    .cps-mobile-hero .mobile > div:nth-of-type(2) {
        margin-top: 82px;
    }

    .cps-mobile-hero .mobile h1 {
        font-size: 34px !important;
        margin-bottom: 10px;
    }

    .cps-mobile-hero .mobile p {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 50px;
    }

.mobile-download-icon {
    display: inline-block;
    width: 199px;
    height: 58px;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px;
}

.apsis-mobile-comments .references-carousel {
    padding: 40px 0px;
}

.apsis-mobile-comments .references-container .reference-items.special blockquote:before, .apsis-mobile-comments .references-container .reference-items.special blockquote:after {
    display: none;
}

.apsis-mobile-comments .references-container .reference-items.special blockquote {
    width: 100%;
    padding: 0px 10px;
    left: 0;
    margin-left: 0;
    text-align: center;
    min-height: auto !important;
    margin-bottom: 58px !important;
    font-size: 13px;
}

.apsis-mobile-comments .references-container .reference-items.special figure {
    min-height: auto !important;
}

    .apsis-mobile-comments .references-container .reference-items.special figure figcaption {
        height: auto !important;
        font-weight: 400;
    }

.apsis-mobile-comments .user-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #4c6072;
    margin-top: -55px;
    text-align: center;
    line-height: 70px;
    color: #fff;
    font-size: 28px;
    border: solid 2px #fff;
    margin-bottom: 10px;
}

.apsis-mobile-comments .slick-dots {
    margin-bottom: 0px;
}

.apsis-mobile-comments .stars {
    background-image: url("/website/assets/images/mobile-landing/star.svg");
    width: 88px;
    height: 13px;
    background-repeat: space;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.google-play {
    background: url("/website/assets/images/mobile-landing/googleplay.svg");
}

.app-store {
    background: url("/website/assets/images/mobile-landing/appstore.svg");
}

.cps-mobile-process-list {
    display: flex;
    flex: 0 1;
    flex-wrap: wrap;
    margin: 0px -15px;
    margin-top: 70px;
}

    .cps-mobile-process-list .process-list-item {
        flex-basis: 33%;
        max-width: 33%;
        padding: 0px 15px;
        margin-bottom: 30px;
    }

        .cps-mobile-process-list .process-list-item > div {
            background-color: #ffffff;
            box-shadow: 0 5px 13px 0 rgba(29, 29, 29, 0.1);
            border-radius: 3px;
            padding: 0px 12%;
            height: 250px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            align-content: center;
        }

        .cps-mobile-process-list .process-list-item .icon {
            flex-basis: 100%;
            text-align: center;
        }

        .cps-mobile-process-list .process-list-item .title {
            color: #263547;
            font-size: 16px;
            width: 100%;
            text-align: center;
        }

        .cps-mobile-process-list .process-list-item .desc {
            text-align: center;
            font-size: 14px;
        }

#main-header .login-navigation {
    opacity: 1;
}

@media only screen and (max-width: 1022px) {
    body {
        overflow-x: hidden;
    }

    .pad-75 {
        padding: 40px 0px !important;
    }

    .apsis-hero-mockup {
        display: none;
    }

    .apsis-about {
        flex-direction: column;
    }

    .apsis-hero {
        margin-bottom: 0;
    }

    .apsis-content-list {
        justify-content: center;
    }

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

    .apsis-hero-text-cta a {
        margin-bottom: 15px;
    }

    .apsis-about-text {
        padding-top: 0;
    }

    .apsis-content-list li {
        /*margin-right: 0;*/
    }

    .apsis-content h2 {
        font-size: 30px !important;
    }

    .unit-select {
        height: 370px;
    }

    .apsi-package {
        overflow-x: scroll;
    }

    .cpsApsis {
        display: block;
        margin-bottom: -25px;
    }
}

@media screen and (max-width: 1022px) {
    .apsi-product {
        flex-direction: column;
        margin-top: 47px;
    }

    .apsi-product-item {
        width: 100%;
        margin-bottom: 30px;
    }

    #main-header .offer-button {
        display: none !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .cps-mobile-hero .mobile > div:nth-of-type(1) {
        display: none;
    }

    .cps-mobile-hero .mobile > div:nth-of-type(2) {
        text-align: center;
        padding: 0px 10px;
    }

    .apsis-content .major-paragraph {
        font-size: 18px !important;
        padding: 0px 10px;
    }

    .main-subbanner-area {
        height: 137px;
    }

    .apsi-product {
        /*padding-top: 50px;*/
    }

    .main-subbanner-area h1 {
        line-height: 58px;
    }

    .cps-mobile-process-list .process-list-item {
        flex-basis: 49%;
        max-width: 49%;
    }

        .cps-mobile-process-list .process-list-item > div {
            padding: 0px 10px;
        }

    .pad-75 {
        padding: 35px 0px !important;
    }
}
/* --------*/

.bulutfon-container {
    margin: 0px auto;
}

@media(max-width:330px) {
    .bulutfon-center-left-img {
        width: auto !important;
    }

    .bulutfon-center-right-img {
        width: auto !important;
    }

    .bulutfon-header-popup {
        margin-top: 50px !important;
    }

    #bulutfon-center-cage-1 {
        padding: 10px !important;
    }

    #bulutfon-center-cage-2 {
        padding: 10px !important;
    }

    #bulutfon-center3-p {
        margin-left: 0px !important;
    }

    .bulutfon-price-center-table-m1 {
        width: 250px !important;
    }

    .bulutfon-price-center-table-m2 {
        width: 250px !important;
    }

    .bulutfon-price-center-table-m3 {
        width: 250px !important;
    }

    .bulutfon-price-center-table-m4 {
        width: 250px !important;
    }

    .bulutfon-price-center-table-m5 {
        width: 250px !important;
    }

    .bulutfon-price-center-table-m1 td {
        border: 1px solid #e7e7e7;
        width: 250px !important;
    }

    .bulutfon-price-center-table-m2 td {
        border: 1px solid #e7e7e7;
        width: 250px !important;
    }

    .bulutfon-price-center-table-m3 td {
        border: 1px solid #e7e7e7;
        width: 250px !important;
    }

    .bulutfon-price-center-table-m4 td {
        border: 1px solid #e7e7e7;
        width: 250px !important;
    }

    .bulutfon-price-center-table-m5 td {
        border: 1px solid #e7e7e7;
        width: 250px !important;
    }
}

@media (max-width:576px) {
    .bulutfon-header-popup {
        margin-top: 10px !important;
        margin-bottom: 0px !important;
    }

    #video-y {
        width: 100% !important;
        height: auto !important;
    }

    #bulutfon-center3-p {
        margin-left: 0px !important;
    }

    .row {
        margin: 0px !important;
    }

    .bulutfon-center-table-mbl-c-img {
        margin-right: 13px;
    }

    .bulutfon-center-txt {
        padding: 10px;
        height: auto !important;
    }

    #bulutfon-center-5 {
        height: auto !important;
    }

    #bulutfon-mobil-vd {
        display: block !important;
    }

    .apsi-vd {
        display: none !important;
    }

    #bulutfon-vid-but {
        display: none;
    }

    .bulutfon-header2-content {
        margin: 0px auto !important;
    }

    #bulutfon-center-cage-1 {
        margin: 25px auto;
    }

    #bulutfon-center-cage-2 {
        margin-top: 25px;
    }

    .bulutfon-cage1-p {
        padding: 10px;
    }

    .bulutfon-header-left-content {
        padding: 20px;
        margin-top: 86px !important;
    }

    .bulutfon-header-right {
        padding: 25px !important;
    }

    .bulutfon-center {
        padding: 25px !important;
    }

    .bulutfon-header2-content {
        text-align: center;
    }

    .bulutfon-header2-content {
        padding: 25px;
    }

    .bulutfon-center2 {
        border: none !important;
    }

    .bulutfon-center3 {
        padding: 25px;
    }

    .img-c3 {
        margin: 0px auto;
        display: block;
        margin-bottom: 10px;
    }

    #bulutfon-center3-p {
        text-align: center;
    }

    #bulutfon-center4 {
        padding: 15px;
    }

    #bulutfon-center4-p {
        text-align: center;
    }

    .bulutfoninc-main {
        padding: 25px;
    }

    .bulutfoninc-1 {
        margin-top: 45px !important;
    }

    .bulutfoninc-2 {
        margin-top: 45px !important;
    }

    .bulutfoninc-3 {
        margin-top: 45px !important;
    }

    .bulutfoninc-4 {
        margin-top: 45px !important;
    }

    .bulutfoninc-5 {
        margin-top: 45px !important;
    }

    .bulutfon-inc-txt {
        margin-top: 25px !important;
    }

    .bulutfoninc-1 p {
        text-align: center;
    }

    .bulutfoninc-2 p {
        text-align: center;
    }

    .bulutfoninc-3 p {
        text-align: center;
    }

    .bulutfoninc-4 p {
        text-align: center;
    }

    .bulutfoninc-5 p {
        text-align: center;
    }

    .bulutfoninc-6 p {
        text-align: center;
    }

    .bulutfoninc-2 {
        display: flex;
        flex-direction: column-reverse;
    }

    .bulutfoninc-4 {
        display: flex;
        flex-direction: column-reverse;
    }

    .bulutfoninc-6 {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 45px !important;
    }

    .bulutfon-price-center-header {
        margin: 25px auto !important;
        text-align: center;
    }

    .bulutfon-price-center-toggle {
        margin: 0px auto !important;
    }

    .bulutfon-price-center-txt {
        margin: 12px auto !important;
    }

    #bulutfon-table-id {
        height: auto !important;
    }

    .bulutfon-price-center-table-t {
        display: none;
    }

    .bulutfon-price-center-table-m1 {
        display: block !important;
        margin: 10px auto;
    }

    .bulutfon-price-center-table-m2 {
        display: block !important;
        margin: 10px auto;
    }

    .bulutfon-price-center-table-m3 {
        display: block !important;
        margin: 10px auto;
    }

    .bulutfon-price-center-table-m4 {
        display: block !important;
        margin: 10px auto;
    }

    .bulutfon-price-center-table-m5 {
        display: block !important;
        margin: 10px auto;
    }

    .bulutfon-price-center-table p {
        margin-bottom: 0px !important;
    }

    .bulutfon-price-center-table-m1 td {
        border: 1px solid #e7e7e7;
        width: 300px !important;
    }

    .bulutfon-price-center-table-m2 td {
        border: 1px solid #e7e7e7;
        width: 300px !important;
    }

    .bulutfon-price-center-table-m3 td {
        border: 1px solid #e7e7e7;
        width: 300px !important;
    }

    .bulutfon-price-center-table-m4 td {
        border: 1px solid #e7e7e7;
        width: 300px !important;
    }

    .bulutfon-price-center-table-m5 td {
        border: 1px solid #e7e7e7;
        width: 300px !important;
    }

    .bulutfon-center-6 {
        padding: 25px;
    }

    .bulutfon-center-6-d {
        display: block !important;
    }

    .bulutfon-center-6-txt p {
        text-align: center;
        margin: 20px auto !important;
    }

    .bulutfon-center-6-txt a {
        text-align: center;
        margin: 20px auto !important;
    }

    .bulutfon-center-6-txt {
        margin: 0px auto !important;
        display: grid !important;
    }

    .bulutfon-up-footer {
        text-align: center;
        margin: 45px auto !important;
    }

    .bulutfon-center-6-img {
        margin: 0px auto;
    }

    .bulutfon-header-left-content-m {
        display: block !important;
    }

    .bulutfon-header-left-content {
        display: none;
    }

    #bulutfon-center-cmbl {
        margin-top: 45px;
    }
}

@media (min-width:576px) {
    .bulutfon-container {
        max-width: 540px;
    }

    .bulutfon-center-cage {
        margin-top: 0px;
    }
}

@media (min-width:768px) {
    .bulutfon-container {
        max-width: 720px;
    }

    #TeklifAl {
        display: none;
    }
}

@media (min-width:1200px) {
    .bulutfon-container {
        max-width: 960px;
    }
}

#reklamlanding-center-first {
    margin: 0px auto;
    height: 120px;
    margin-bottom:25px;
}
@media (max-width:330px) {
    .reklamlanding-header-p {
        margin-top: 150px !important;
    }

    .reklamlanding-center-inc-header {
        text-align: center;
    }

    .reklamlanding-center-inc-txt {
        text-align: center;
    }

    .reklamlanding-center-head {
        margin-top: 60px;
    }

    .reklamlanding-header {
        height: auto !important;
        padding-bottom: 40px;
        background-repeat: no-repeat !important;
        background-position: bottom;
        background-color: #46b1e5;
    }

    #reklamlanding-center-inc-mbl {
        width: fit-content;
        margin: 10px auto;
    }

    .reklamlanding-center-inc-header {
        text-align: center;
    }

    .reklamlanding-header-p, .reklamlanding-header-p-min {
        text-align: center;
    }

    .reklamlanding-footer-down-left-txt {
        text-align: center !important;
    }

    .reklamlanding-footer-down-right-but {
        margin: 10px auto;
        width: inherit !important;
    }

    .reklamlanding-center-inc-left {
        margin-bottom: 20px;
    }

    .reklamlanding-center-inc-right {
        margin-bottom: 20px;
    }

    .reklamlanding-header-right-popup {
        margin-top: 40px !important;
    }
}

@media (max-width:576px) {
    .reklamlanding-header-p {
        margin-top: 80px !important;
    }

    .reklamlanding-center-inc-left {
        margin-top: 85px;
    }
    #reklamlanding-center-first {
        margin-bottom: 55px;
    }
        .reklamlanding-center-head {
        margin-top: 60px;
    }

    .reklamlanding-header {
        height: auto !important;
        padding-bottom: 40px;
        background-repeat: no-repeat !important;
        background-position: bottom;
        background-color: #46b1e5;
    }

    #reklamlanding-center-inc-mbl {
        width: fit-content;
        margin: 10px auto;
    }

    .reklamlanding-header-right-popup {
        margin-top: 60px !important;
    }

    .reklamlanding-center-inc-left {
        margin-bottom: 20px;
    }

    .reklamlanding-center-inc-right {
        margin-bottom: 20px;
    }

    .reklamlanding-center-inc-header {
        text-align: center;
    }

    .reklamlanding-header-p, .reklamlanding-header-p-min {
        text-align: center;
    }

    .reklamlanding-footer-down-left-txt {
        text-align: center !important;
    }

    .reklamlanding-footer-down-right-but {
        margin: 10px auto;
        width: inherit !important;
    }

    .error-container {
        display: none !important;
    }
}

@media (min-width:576px) {
    .reklamlanding-container {
        max-width: 540px;
    }
    .reklamlanding-center-head{
        margin-top:0 !important;
    }
}

@media (min-width:768px) {
    .reklamlanding-container {
        max-width: 700px;
    }
}

@media (max-width:768px) {
    .error-container {
        left: 28% !important;
    }
}

@media (min-width:1200px) {
    .reklamlanding-container {
        max-width: 960px;
    }
}

@media (max-width:330px) {
    .intsol-center-headers-inc {
        margin-top: 35px;
        margin-bottom: 25px;
    }

    .intsol-center-2-content-butt {
        margin-top: 30px;
    }

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

    #intsol-chage-card {
        margin-top: 42px !important;
    }

    #intsol-center2-content-head-devriye {
        padding-top: 140px !important;
    }

    #intsol-center2-content-head-santral {
        padding-top: 140px !important;
    }

    #intsol-container-box-1 {
        margin-top: 30px !important;
    }

    #intsol-container-box-2 {
        margin-top: 30px !important;
    }

    #intsol-container-box-3 {
        margin-top: 30px !important;
    }

    #intsol-container-box-4 {
        margin-top: 30px !important;
    }

    #intsol-container-box-5 {
        margin-top: 30px !important;
    }

    .intsol-header-left {
        margin-top: 100px !important;
    }

    .intsol-footer-up-head {
        font-size: 22px !important;
        margin-bottom: 30px !important;
    }

    .intsol-footer-up-but {
        margin-top: 0px !important;
    }

    .intsol-footer-up {
        background-position: top !important;
        background-repeat: no-repeat !important;
    }

    #intsol-center2-sayac-h {
        color: white !important;
    }

    #intsol-center2-sayac-l {
        color: white !important;
        background-color: white !important;
    }

    #intsol-center2-sayac-p {
        color: white !important;
    }

    #intsol-center2-1 {
        background-image: url(https://cdn.cps.com/images/integratedsolutions/mbl-2.png) !important;
    }

    #intsol-center2-2 {
        background-image: url(https://cdn.cps.com/images/integratedsolutions/mbl-3.png) !important;
    }

    #intsol-center2-3 {
        background-image: url(https://cdn.cps.com/images/integratedsolutions/mbl-1.png) !important;
    }

    .intsol-center2-content-head {
        text-align: center;
    }

    .intsol-center2-head-line {
        text-align: center;
        margin: 5px auto;
    }

    .intsol-center2-content-p {
        text-align: center;
        width: 293px;
        margin: 0px auto;
    }

    .intsol-header-left-p {
        text-align: center;
    }

    .intsol-header-left-head {
        text-align: center;
    }

    .intsol-header-right {
        margin-top: 20px !important;
    }

    #intsol-box-img {
        left: 0px !important;
        right: 0px !important;
    }

    #intsol-container-box-2 {
        flex-direction: column-reverse;
    }

    #intsol-container-box-4 {
        flex-direction: column-reverse !important;
        margin-top: 20px;
    }

    .intsol-center-head {
        margin-top: 30px;
    }

    .intsol-center {
        padding: 14px !important;
    }
}

@media (max-width:576px) {
    .intsol-center-headers-inc {
        margin-top: 35px;
        margin-bottom: 25px;
    }

    .intsol-center-2-content-butt {
        margin-top: 30px;
    }

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

    #intsol-chage-card {
        margin-top: 42px !important;
    }

    #intsol-center2-content-head-devriye {
        padding-top: 140px !important;
    }

    #intsol-center2-content-head-santral {
        padding-top: 140px !important;
    }

    #intsol-container-box-1 {
        margin-top: 30px !important;
    }

    #intsol-container-box-2 {
        margin-top: 30px !important;
    }

    #intsol-container-box-3 {
        margin-top: 30px !important;
    }

    #intsol-container-box-4 {
        margin-top: 30px !important;
    }

    #intsol-container-box-5 {
        margin-top: 30px !important;
    }

    .intsol-header-left {
        margin-top: 100px !important;
    }

    .intsol-footer-up-head {
        font-size: 22px !important;
        margin-bottom: 30px !important;
    }

    .intsol-footer-up-but {
        margin-top: 0px !important;
    }

    .intsol-footer-up {
        background-position: top !important;
        background-repeat: no-repeat !important;
    }

    #intsol-center2-sayac-h {
        color: white !important;
    }

    #intsol-center2-sayac-l {
        color: white !important;
        background-color: white !important;
    }

    #intsol-center2-sayac-p {
        color: white !important;
    }

    #intsol-center2-1 {
        background-image: url(https://cdn.cps.com/images/integratedsolutions/mbl-2.png) !important;
    }

    #intsol-center2-2 {
        background-image: url(https://cdn.cps.com/images/integratedsolutions/mbl-3.png) !important;
    }

    #intsol-center2-3 {
        background-image: url(https://cdn.cps.com/images/integratedsolutions/mbl-1.png) !important;
    }

    .intsol-center2-content-head {
        text-align: center;
    }

    .intsol-center2-head-line {
        text-align: center;
        margin: 5px auto;
    }

    .intsol-center2-content-p {
        text-align: center;
        width: 293px !important;
        margin: 0px auto;
    }

    .intsol-header-left-p {
        text-align: center;
    }

    .intsol-header-left-head {
        text-align: center;
    }

    .intsol-header-right {
        margin-top: 20px !important;
    }

    #intsol-box-img {
        left: 0px !important;
        right: 0px !important;
    }

    .intsol-center {
        padding: 14px !important;
    }

    .intsol-container {
        max-width: 540px;
    }

    #intsol-container-box-2 {
        flex-direction: column-reverse !important;
        margin-top: 20px;
    }

    #intsol-container-box-4 {
        flex-direction: column-reverse !important;
        margin-top: 20px;
        padding: 20px;
    }

    .intsol-center-head {
        margin-top: 30px;
    }
}

@media (max-width:768px) {
    .intsol-center-2-content-butt {
        margin-top: 30px;
    }

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

    #intsol-chage-card {
        margin-top: 42px !important;
    }

    #intsol-center2-content-head-devriye {
        padding-top: 140px !important;
    }

    #intsol-center2-content-head-santral {
        padding-top: 140px !important;
    }

    #intsol-container-box-1 {
        margin-top: 30px !important;
    }

    #intsol-container-box-2 {
        margin-top: 30px !important;
    }

    #intsol-container-box-3 {
        margin-top: 30px !important;
    }

    #intsol-container-box-4 {
        margin-top: 30px !important;
    }

    #intsol-container-box-5 {
        margin-top: 30px !important;
    }

    .intsol-header-left {
        margin-top: 100px !important;
    }

    .intsol-footer-up-head {
        font-size: 22px !important;
        margin-bottom: 30px !important;
    }

    .intsol-footer-up-but {
        margin-top: 0px !important;
    }

    .intsol-footer-up {
        background-position: top !important;
        background-repeat: no-repeat !important;
    }

    #intsol-center2-sayac-h {
        color: white !important;
    }

    #intsol-center2-sayac-l {
        color: white !important;
        background-color: white !important;
    }

    #intsol-center2-sayac-p {
        color: white !important;
    }

    #intsol-center2-1 {
        background-image: url(https://cdn.cps.com/images/integratedsolutions/mbl-2.png) !important;
    }

    #intsol-center2-2 {
        background-image: url(https://cdn.cps.com/images/integratedsolutions/mbl-3.png) !important;
    }

    #intsol-center2-3 {
        background-image: url(https://cdn.cps.com/images/integratedsolutions/mbl-1.png) !important;
    }

    .intsol-center2-content-head {
        text-align: center;
    }

    .intsol-center2-head-line {
        text-align: center;
        margin: 5px auto;
    }

    .intsol-center2-content-p {
        text-align: center;
        width: 293px !important;
        margin: 0px auto;
    }

    .intsol-header-left-p {
        text-align: center;
    }

    .intsol-header-left-head {
        text-align: center;
    }

    #intsol-box-img {
        left: 0px !important;
        right: 0px !important;
    }

    #intsol-container-box-2 {
        flex-direction: column-reverse;
    }

    #intsol-container-box-4 {
        flex-direction: column-reverse !important;
        margin-top: 20px;
    }

    .intsol-center-head {
        margin-top: 30px;
    }

    .intsol-center {
        padding: 14px !important;
    }
}

@media (min-width:768px) {
    .intsol-footer-up {
        min-height: 226px !important;
    }

    .intsol-container {
        max-width: 720px;
    }

    .intsol-header-right {
        margin-top: 110px !important;
    }
}

@media (min-width:1200px) {
    .intsol-footer-up {
        min-height: 285px !important;
    }

    .intsol-container {
        max-width: 960px;
    }
}

@media (min-width:1024px) {
    .intsol-footer-up {
        min-height: 265px !important;
    }
}

@media (max-width:576px) {
    .landings-container-head {
        max-width: 540px;
        margin: 0px auto;
    }
}

@media (max-width:768px) {
    .landings-container-head {
        max-width: 720px;
        margin: 0px auto;
    }
}

@media (min-width:1200px) {
    .landings-container-head {
        max-width: 960px;
        margin: 0px auto;
    }
}

@media (max-width:576px) {
    .landings-container {
        max-width: 540px;
        margin: 0px auto;
    }
}

@media (max-width:768px) {
    .landings-container {
        max-width: 720px;
        margin: 0px auto;
    }
}

@media (min-width:1200px) {
    .landings-container {
        max-width: 990px;
        margin: 0px auto;
    }
}
/* WEBSITE COOKIE USAGE CSS -------------*/

.using-cookie {
    display: none;
    position: fixed;
    overflow: hidden;
    bottom: 0;
    width: 100%;
    max-width: 500px;
    left: 5px;
    bottom: 5px;
    padding: 20px 20px;
    padding-bottom: 0px;
    background: #263547;
    z-index: 2147483648;
}

    .using-cookie p {
        font-size: 14px;
        color: #fff;
    }

#close-using-cookie {
    width: 12px;
    height: 12px;
    float: right;
    position: relative;
    margin: -8px;
}

#cooke-highlihgt-link {
    text-decoration: underline;
    color: white;
}

@media only screen and (max-width: 525px) {
    .using-cookie {
        left: 0px;
        bottom: 0px;
    }
}
/* WEBSITE COOKIE USAGE CSS -----------*/

.forgot-used-password {
    min-height: 345px;
}

    .forgot-used-password > .main-sections-inner > .tertiary-box-component > .content-header > h2 > a {
        border: 1px solid #feb900;
        padding: 10px 20px;
        border-radius: 100px;
        color: #feb900;
        max-width: 123px;
        display: block;
        margin: 45px auto;
        margin-bottom: 0px;
    }

        .forgot-used-password > .main-sections-inner > .tertiary-box-component > .content-header > h2 > a:hover {
            background-color: #feb900 !important;
            color: #fff !important;
        }


@media only screen and (max-width: 1200px) {
    .error-container {
        left: -31%;
    }
}

@media only screen and (max-width: 770px) {
    .error-container {
        display: none !important;
    }
}

.header-title {
    width: 100%;
    height: 100px;
    background-color: rgba(255,255,255,.85);
    position: absolute;
    bottom: 0;
    margin: 0;
    text-align: center;
    line-height: 90px;
    color: #2d3345;
    -webkit-box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
    box-shadow: 0 5px 13px 0 rgba(29,29,29,.1);
    font-size: 27px;
}
/* Form error styles */ /*Blog Show Search And Hide*/

.blog-search-but-show {
    display: block !important;
}

.blog-search-but-hide {
    display: none !important;
}




/* Ürünler sayfasında ürünlerimiz alanı CSS - START */
.productBox .column {
    float: left;
    width: 50%;
}

.productBox.row:after {
    content: "";
    display: table;
    clear: both;
}

.productBox .product-detail-link {
    width: 140px;
    height: 36px;
    background-color: #263547;
    border-radius: 40px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    margin-top: 0px;
    box-shadow: 0 2px 4px 0 rgba(175, 175, 175, 0.5);
}

.productBox .siteBox {
    border: solid 1px #f2f2f2;
    width: 425px;
    height: 190px;
    display: block;
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
}

    .productBox .siteBox:first-child {
        margin-right: 25px;
    }

    .productBox .siteBox:last-child {
        margin-left: 25px;
    }

.siteBox .content {
    margin-left: 15px;
    margin-top: 20px;
    position: absolute;
    width: 195px;
}

    .siteBox .content p {
        font-size: 1rem;
        margin-top: 5px;
        margin-bottom: 10px;
    }

.siteBox .imageContainer {
    height: inherit;
    display: table-cell;
    vertical-align: bottom;
    width: inherit;
    text-align: right;
}

    .siteBox .imageContainer img {
        height: 95%;
    }
@media screen and (max-width: 1022px) {
    .apsi-product-item.column {
        width: 100% !important;
    }
    .apsi-product-item.cps {
        margin-bottom: 55px;
    }

    .productBox .siteBox.column {
        max-width: 100% !important;
    }
    .productBox {
        align-items: center;
        margin-top:0px !important;
    }
        .productBox .siteBox:first-child {
            margin-right: 0px !important;
            margin-bottom: 20px;
        }

        .productBox .siteBox:last-child {
            margin-left: 0px !important;
        }
}

@media only screen and (max-width:360px) {
    .imageContainer img {
        height: 145px !important;
    }
}