@charset "UTF-8";
/***********************************************************************************
 *	+ [Master Stylesheet]

 *	+ Project: BOBER - Creative Responsive Minimalistic WordPress Theme
 	To use this template you must have a license purchased at Themeforest (themeforest.com)
 *	+ Autor: Alian4x
 *	+ Version: 1.0
 *	+  Copyright 1995-2017 https://themeforest.net/user/alian4x
 ***********************************************************************************/
/*********************************************************************************** */
/* Header */
/** Navigation */
/* Slider */
/* Buttonts */
/* Forms */
/* Contol slider */
/** Control carousel */
/* Into slider */
/* Services */
/** Tabs */
/* How we work */
/** Item */
/* Work progress */
/* Our some work */
/* Portfolio */
/** Block item */
/*Content portfolio */
/**Project */
/*Control sliders */
/* Trigger */
/* We are in numbers */
/* Our skills */
/** Skill Bar */
/* Carousel trigger */
/** Slide */
/* Our team */
/** Item team */
/* Social links */
/* Testimonials */
/* Why chose us */
/* Our clients */
/* Contact with us */
/* Our location */
/* Footer
	***********************************************************************************/
/*bg mask colors*/
body {
  font-size: 16px;
  min-width: 320px;
  font-weight: 300;
  line-height: 1.6;
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }
  body::-webkit-scrollbar-track {
    background-color: #fff; }
  body::-webkit-scrollbar {
    width: 5px;
    background-color: #fff; }
  body::-webkit-scrollbar-thumb {
    background-color: #3ba5e3; }

a {
  outline: none !important; }

h1 {
  font-size: 47px; }

h2 {
  font-size: 41px; }

h3 {
  font-size: 35px; }

h4 {
  font-size: 27px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 17px; }

.mfp-wrap::-webkit-scrollbar-track {
  background-color: #fff; }

.mfp-wrap::-webkit-scrollbar {
  width: 5px;
  background-color: #fff; }

.mfp-wrap::-webkit-scrollbar-thumb {
  background-color: #3ba5e3; }

html {
  font-size: inherit; }

iframe {
  border: none;
  display: block; }

/*Page loader*/
.pace {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pace-inactive {
  display: none; }

.pace .pace-progress {
  background: #3ba5e3;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px; }

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  -webkit-box-shadow: 0 0 10px #3ba5e3, 0 0 5px #3ba5e3;
  box-shadow: 0 0 10px #3ba5e3, 0 0 5px #3ba5e3;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #3ba5e3;
  border-left-color: #3ba5e3;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite; }

@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform: rotate(360deg); } }

.hidden {
  display: none; }

i {
  line-height: inherit !important; }

p {
  margin-top: 20px;
  margin-bottom: 0;
  letter-spacing: 0.1px;
  line-height: 30px; }

#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #preloader .cssload-thecube {
    width: 62px;
    height: 62px;
    margin: 0 auto;
    margin-top: 41px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg); }
  #preloader .cssload-thecube .cssload-cube {
    position: relative;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg); }
  #preloader .cssload-thecube .cssload-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  #preloader .cssload-thecube .cssload-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3ba5e3;
    -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
    animation: cssload-fold-thecube 2.76s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%; }
  #preloader .cssload-thecube .cssload-c2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    -ms-transform: scale(1.1) rotate(90deg);
    transform: scale(1.1) rotateZ(90deg); }
  #preloader .cssload-thecube .cssload-c3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    -ms-transform: scale(1.1) rotate(180deg);
    transform: scale(1.1) rotateZ(180deg); }
  #preloader .cssload-thecube .cssload-c4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    -ms-transform: scale(1.1) rotate(270deg);
    transform: scale(1.1) rotateZ(270deg); }
  #preloader .cssload-thecube .cssload-c2:before {
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s; }
  #preloader .cssload-thecube .cssload-c3:before {
    -webkit-animation-delay: 0.69s;
    animation-delay: 0.69s; }
  #preloader .cssload-thecube .cssload-c4:before {
    -webkit-animation-delay: 1.04s;
    animation-delay: 1.04s; }

@-webkit-keyframes cssload-fold-thecube {
  0%, 10% {
    -webkit-transform: perspective(115px) rotateX(-180deg);
    transform: perspective(115px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(115px) rotateX(0deg);
    transform: perspective(115px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(115px) rotateY(180deg);
    transform: perspective(115px) rotateY(180deg);
    opacity: 0; } }

@keyframes cssload-fold-thecube {
  0%, 10% {
    -webkit-transform: perspective(115px) rotateX(-180deg);
    transform: perspective(115px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(115px) rotateX(0deg);
    transform: perspective(115px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(115px) rotateY(180deg);
    transform: perspective(115px) rotateY(180deg);
    opacity: 0; } }

/*Background image*/
.background-image {
  background-size: cover;
  background-repeat: no-repeat; }

/*Sections*/
section, .section {
  padding-top: 100px;
  padding-bottom: 100px; }

/*padding 0*/
.padding-0 {
  padding: 0; }

.pad-t-0 {
  padding-top: 0; }

.video-iframe iframe {
  width: 100%; }

.al-canvas-background {
  position: absolute;
  width: 100%;
  z-index: 2;
  height: 100%;
  top: 0;
  left: 0;
  right: 0; }

.pad-b-0 {
  padding-bottom: 0; }

.mar-t-0 {
  margin-top: 0; }

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

.left-text h2:after {
  margin-left: 0 !important; }

/*Vertical align*/
.table {
  position: relative;
  display: table;
  height: 100%;
  width: 100%; }
  .table .table-cell {
    display: table-cell;
    vertical-align: middle; }

/*notify*/
.notify {
  display: block;
  background-color: #236388;
  color: #fff;
  text-align: center;
  padding: 3px; }

.hidden {
  display: none; }

/*Social links*/
ul.social-links {
  padding-left: 0;
  margin: 0; }
  ul.social-links li {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    margin-left: 25px; }
    ul.social-links li:first-child {
      margin-left: 0; }
    ul.social-links li a {
      -webkit-transform: rotate(45deg) translate(0px, 0px);
      -ms-transform: rotate(45deg) translate(0px, 0px);
      transform: rotate(45deg) translate(0px, 0px);
      list-style: none;
      background-color: #3ba5e3;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      display: inline-block;
      width: 32px;
      height: 32px;
      line-height: 32px;
      vertical-align: middle;
      text-align: center;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      color: #fff; }
      ul.social-links li a:hover {
        background-color: #3ba5e3; }
      ul.social-links li a i, ul.social-links li a svg {
        -webkit-transform: rotate(-45deg) translate(0px, 0px);
        -ms-transform: rotate(-45deg) translate(0px, 0px);
        transform: rotate(-45deg) translate(0px, 0px); }

ul.al-sortcode-social {
  margin-left: 7px; }

/*Tabs services*/
.al-services-tabs {
  padding: 0; }
  .al-services-tabs .ui-tabs-nav {
    padding: 0; }
    .al-services-tabs .ui-tabs-nav li {
      width: 25%;
      white-space: initial;
      padding-right: 15px;
      padding-left: 15px;
      margin: 0;
      outline: none;
      opacity: 1 !important; }
      .al-services-tabs .ui-tabs-nav li .ui-tabs-anchor {
        text-align: center;
        outline: none;
        background-color: #212121;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        padding-bottom: 18px;
        width: 100%;
        overflow: hidden;
        position: relative;
        z-index: 2;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 30px 25px 30px 25px;
        position: relative;
        z-index: 2; }
        .al-services-tabs .ui-tabs-nav li .ui-tabs-anchor .al-service-mini-icon {
          background-color: #3b3b3b;
          width: 70px;
          height: 70px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 25px;
          line-height: 70px;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          -webkit-box-shadow: 0 0 43px rgba(140, 139, 139, 0.18);
          box-shadow: 0 0 43px rgba(140, 139, 139, 0.18); }
          .al-services-tabs .ui-tabs-nav li .ui-tabs-anchor .al-service-mini-icon i {
            color: #fff;
            font-size: 30px; }
        .al-services-tabs .ui-tabs-nav li .ui-tabs-anchor .al-bg-service-icon {
          color: #fff;
          position: absolute;
          font-size: 170px;
          z-index: -1;
          opacity: 0.040;
          top: -60px; }
        .al-services-tabs .ui-tabs-nav li .ui-tabs-anchor p {
          color: #efeeee;
          font-size: 14px;
          line-height: 32px;
          letter-spacing: 0.4px; }
        .al-services-tabs .ui-tabs-nav li .ui-tabs-anchor h4 {
          color: #fff;
          font-size: 20px;
          font-weight: 600;
          margin-top: 10px;
          margin-bottom: 10px; }
    .al-services-tabs .ui-tabs-nav .ui-tabs-active {
      position: relative;
      -webkit-box-shadow: 0 0 30px rgba(238, 238, 238, 0.04);
      box-shadow: 0 0 30px rgba(238, 238, 238, 0.04); }
      .al-services-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
        background-color: #1b1b1b;
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08); }
  .al-services-tabs .ui-tabs-panel {
    padding: 0; }
  .al-services-tabs ul.list {
    margin-top: 20px; }
    .al-services-tabs ul.list li {
      font-size: 16px;
      letter-spacing: 0.9px;
      font-weight: 400; }
  .al-services-tabs .slick-list {
    padding-top: 30px;
    padding-bottom: 30px; }
  .al-services-tabs .dots-control-carousel {
    margin-top: 20px;
    margin-bottom: 50px; }
  .al-services-tabs .al-content-service-shortcode {
    margin-top: 30px; }
    .al-services-tabs .al-content-service-shortcode .al-all-services-link .link-full {
      text-align: left; }
  .al-services-tabs p {
    font-weight: 400;
    margin-top: 10px; }
  .al-services-tabs .small-head h2 {
    color: #fff;
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 26px;
    font-family: Lato, sans-serif; }

.al-all-services-link {
  margin-top: 30px; }

/*Start PREV & NEXT CONTROL SLIDER*/
.prev-next-block-rotate {
  -webkit-transition: all ease .5s;
  transition: all ease .5s; }
  .prev-next-block-rotate .slick-arrow {
    color: #fff; }
  .prev-next-block-rotate .wrap-prev, .prev-next-block-rotate .wrap-next {
    height: 80px;
    width: 80px;
    line-height: 80px;
    background-color: #fff;
    position: absolute;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    margin-top: 5px;
    -webkit-transition: all ease .6s;
    transition: all ease .6s;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    text-align: center;
    top: 50%;
    -webkit-box-shadow: 1px 0px 2px #4e4e4e;
    box-shadow: 1px 0px 2px #4e4e4e; }
    .prev-next-block-rotate .wrap-prev i, .prev-next-block-rotate .wrap-next i {
      color: #808080; }
  .prev-next-block-rotate .wrap-prev {
    left: -42px; }
    .prev-next-block-rotate .wrap-prev i {
      position: relative;
      -webkit-transform: rotate(-45deg) translate(20px, 0px);
      -ms-transform: rotate(-45deg) translate(20px, 0px);
      transform: rotate(-45deg) translate(20px, 0px); }
  .prev-next-block-rotate .wrap-next {
    right: -42px; }
    .prev-next-block-rotate .wrap-next i {
      position: relative;
      -webkit-transform: rotate(-45deg) translate(-20px, 0px);
      -ms-transform: rotate(-45deg) translate(-20px, 0px);
      transform: rotate(-45deg) translate(-20px, 0px); }

.opacity-control .wrap-prev, .opacity-control .wrap-next {
  opacity: 0.2; }
  .opacity-control .wrap-prev:hover, .opacity-control .wrap-next:hover {
    opacity: 1; }

/*F&R&C*/
.left {
  text-align: left; }
  .left span.after {
    margin: inherit; }

.right {
  text-align: right; }

.center {
  text-align: center; }
  .center .icon-play {
    margin: 0 auto; }
  .center .img-slide img {
    margin: 0 auto; }
  .center h1:after {
    margin: auto;
    margin-top: 8px;
    margin-bottom: 15px; }

/*Left & right*/
.text-left, .text-left.small-heading {
  text-align: left; }
  .text-left h2:after, .text-left.small-heading h2:after {
    margin: 13px 0 18px; }

/*Buttons*/
.btn {
  background-color: #3ba5e3;
  border: none;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 15px 30px 15px 31px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  letter-spacing: 0.7px;
  display: block;
  -webkit-transition: all ease 0.50s;
  transition: all ease 0.50s;
  display: inline-block;
  text-decoration: none; }
  .btn:hover {
    background-color: #3595cc;
    color: #fff;
    text-decoration: none; }
  .btn:focus {
    text-decoration: none;
    color: #fff; }

.btn.al-btn-dark {
  background-color: #2f84b6; }
  .btn.al-btn-dark:hover {
    background-color: #414c5a; }

.al-btn {
  background-color: #3ba5e3;
  border: none;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  padding: 15px 30px 15px 31px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  letter-spacing: 0.7px;
  display: block;
  -webkit-transition: all ease 0.50s;
  transition: all ease 0.50s;
  display: inline-block;
  text-decoration: none; }
  .al-btn i {
    margin-left: 5px; }
  .al-btn:hover {
    background-color: #3595cc;
    color: #fff;
    text-decoration: none; }
  .al-btn:focus {
    text-decoration: none;
    color: #fff; }

.al-btn-border-accent {
  background-color: transparent;
  border: 2px solid #3ba5e3; }

/*--------------Animate Play button------------*/
.al-video-play-button {
  -webkit-box-sizing: content-box;
  position: relative;
  box-sizing: content-box;
  display: inline-block;
  width: 32px;
  height: 44px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #fff !important;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  width: 100px;
  height: 100px;
  outline: none !important; }
  .al-video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    display: block;
    width: 90px;
    height: 90px;
    background: #3ba5e3;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite; }
  .al-video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    width: 90px;
    height: 90px;
    background: #3ba5e3;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    transition: all 200ms; }
  .al-video-play-button:hover:after {
    background-color: #3595cc; }
  .al-video-play-button i {
    position: relative;
    z-index: 2;
    left: -1px;
    top: 14px; }

/*Heading title*/
.heading-title {
  margin-bottom: 70px; }
  .heading-title h1, .heading-title h2, .heading-title h3, .heading-title h3, .heading-title h4, .heading-title h5, .heading-title h6 {
    font-family: 'Poppins', sans-serif;
    color: #464856;
    line-height: 1;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
    z-index: 1; }
    .heading-title h1 span, .heading-title h2 span, .heading-title h3 span, .heading-title h3 span, .heading-title h4 span, .heading-title h5 span, .heading-title h6 span {
      color: #3ba5e3; }
  .heading-title .al-small-description {
    font-size: 14px;
    color: #424242;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 19px; }
    .heading-title .al-small-description span {
      color: #3ba5e3; }
  .heading-title .al-subtitle {
    margin-top: 20px;
    font-size: 15px;
    color: #848383;
    margin-bottom: 0;
    letter-spacing: 0.1px;
    line-height: 30px; }
  .heading-title .al-heading-title {
    position: relative; }
  .heading-title .al-opacity-text {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 100px;
    text-transform: uppercase;
    letter-spacing: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: rgba(85, 85, 85, 0.07);
    z-index: -1;
    line-height: 42px; }
  .heading-title .al-line-title {
    display: block;
    height: 10px;
    width: 60px;
    margin: 0 auto;
    margin-top: 19px;
    margin-bottom: 18px; }
    .heading-title .al-line-title svg {
      position: relative;
      top: -7px;
      fill: #3ba5e3; }

.head-service h2 {
  color: #fff; }

/*Accordion*/
.accordion .ui-accordion-header {
  margin: 10px 0 0 0;
  background-color: #424e5c;
  color: #fff;
  border: 1px solid #353e4a;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  outline: none;
  padding: 11px 10px 10px 5px;
  letter-spacing: 1px;
  position: relative;
  text-align: left; }
  .accordion .ui-accordion-header .ui-icon {
    display: none; }
  .accordion .ui-accordion-header i {
    margin-left: 10px;
    margin-right: 10px; }
  .accordion .ui-accordion-header:first-child {
    margin-top: 0; }
  .accordion .ui-accordion-header:after {
    font-family: 'Pe-icon-7-stroke';
    content: "\e688";
    color: #b3b3b3;
    font-size: 1.6875rem;
    height: 8px;
    width: 8px;
    display: block;
    position: absolute;
    right: 26px;
    top: 2px; }

.accordion .ui-state-active {
  background-color: #3ba5e3;
  color: #fff;
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  border: none; }
  .accordion .ui-state-active:after {
    content: "\e682";
    color: #fff; }

.accordion .ui-accordion-content {
  background-color: #f8f8f8;
  border: 1px solid #dfdfdf;
  border-top: none;
  padding: 15px 20px 15px 20px; }
  .accordion .ui-accordion-content p {
    color: #5c5c5c;
    margin-top: 0;
    font-size: 14px;
    line-height: 23px; }

/*Buttont*/
.buttons-section .large-btn {
  margin-right: 25px;
  border: 2px solid #3ba5e3; }
  .buttons-section .large-btn:last-child {
    margin-right: 0; }

.buttons-section .white-btn {
  background-color: #fff;
  color: #555; }
  .buttons-section .white-btn:hover {
    background-color: #3ba5e3;
    color: #fff; }

.buttons-section .white-btn-all {
  background-color: #fff;
  color: #111;
  border-color: #fff; }
  .buttons-section .white-btn-all:hover {
    background-color: #3ba5e3;
    border-color: #3ba5e3;
    color: #fff; }

.buttons-section .accent-btn {
  background-color: #3ba5e3;
  color: #fff; }
  .buttons-section .accent-btn:hover {
    background-color: #3595cc;
    color: #fff;
    border-color: #3595cc; }

.buttons-section .dark-btn {
  background-color: transparent; }
  .buttons-section .dark-btn:hover {
    background-color: #3ba5e3;
    color: #fff; }

.buttons-section .dark-full-btn {
  background-color: #424e5c;
  border-color: #424e5c; }
  .buttons-section .dark-full-btn:hover {
    background-color: #3ba5e3;
    color: #fff;
    border-color: #424e5c; }

.buttons-section .accent-br-btn {
  border-color: #3ba5e3;
  background-color: transparent;
  color: #555; }
  .buttons-section .accent-br-btn:hover {
    background-color: #3ba5e3;
    color: #fff; }

.buttons-section .white-tr-btn {
  background-color: transparent;
  border: 2px solid #fff; }
  .buttons-section .white-tr-btn:hover {
    background-color: #3ba5e3;
    border-color: #3ba5e3;
    color: #fff; }

.btn-down {
  position: absolute;
  display: block;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  width: 25px;
  height: 35px;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  line-height: 35px;
  vertical-align: middle;
  border: 2px solid rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 3; }
  .btn-down:hover {
    border-color: #fff; }
  .btn-down i {
    color: #fff;
    font-size: 13px; }

/*Form*/
form input[type=text], form input[type=email], form input[type=number] {
  padding-bottom: 7px; }

form textarea {
  resize: vertical; }

form input[type=text], form input[type=email], form input[type=number], form textarea, form select, form .selectize-input, form .selectize-input.full {
  border: 2px solid #fff;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  display: block;
  width: 100%;
  padding-top: 9px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
  color: #eeeeee;
  -webkit-transition: all ease 0.50s;
  transition: all ease 0.50s; }
  form input[type=text]:focus, form input[type=email]:focus, form input[type=number]:focus, form textarea:focus, form select:focus, form .selectize-input:focus, form .selectize-input.full:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border-color: #3ba5e3; }
  form input[type=text]::-webkit-input-placeholder, form input[type=email]::-webkit-input-placeholder, form input[type=number]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form select::-webkit-input-placeholder, form .selectize-input::-webkit-input-placeholder, form .selectize-input.full::-webkit-input-placeholder {
    font-size: 14px;
    color: #fff; }
  form input[type=text]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input[type=number]::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder, form .selectize-input::-moz-placeholder, form .selectize-input.full::-moz-placeholder {
    font-size: 14px;
    color: #fff; }
  form input[type=text]:-moz-placeholder, form input[type=email]:-moz-placeholder, form input[type=number]:-moz-placeholder, form textarea:-moz-placeholder, form select:-moz-placeholder, form .selectize-input:-moz-placeholder, form .selectize-input.full:-moz-placeholder {
    font-size: 14px;
    color: #fff; }
  form input[type=text]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form input[type=number]:-ms-input-placeholder, form textarea:-ms-input-placeholder, form select:-ms-input-placeholder, form .selectize-input:-ms-input-placeholder, form .selectize-input.full:-ms-input-placeholder {
    font-size: 14px;
    color: #fff; }

form input[type=submit] {
  outline: none; }

form .selectize-dropdown, form .selectize-input, form .selectize-input input {
  color: #fff;
  font-size: 14px; }

form .selectize-input {
  padding-top: 11px;
  padding-bottom: 10px; }

form .selectize-control:focus {
  outline: none; }

form .selectize-control.single .selectize-input:after {
  border-color: #fff transparent transparent transparent; }

form .selectize-control.single .selectize-input.dropdown-active:after {
  border-color: transparent transparent #fff transparent; }

form .input-active:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
  z-index: 9999; }

form .selectize-dropdown {
  background-color: #fff;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  top: 44px !important;
  -webkit-transition: all ease 0.50s;
  transition: all ease 0.50s; }
  form .selectize-dropdown .selectize-dropdown-content .option {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-bottom: 1px dashed #ccc;
    color: #424e5c; }
    form .selectize-dropdown .selectize-dropdown-content .option:last-child {
      border-bottom: none; }

.selectize-input, .selectize-control.single .selectize-input.input-active {
  background: transparent;
  border-color: #3ba5e3;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .selectize-input:before, .selectize-control.single .selectize-input.input-active:before {
    display: none; }

/*Icon play*/
.icon-play {
  color: #fff;
  font-size: 60px;
  text-align: center;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  line-height: 97px !important;
  display: block;
  outline: none !important;
  -webkit-transition: all ease 0.75s;
  transition: all ease 0.75s; }
  .icon-play i {
    position: relative;
    left: 4px; }
  .icon-play:hover {
    color: #3ba5e3;
    border-color: #3ba5e3; }
  .icon-play:focus {
    color: #3ba5e3;
    border-color: #3ba5e3; }

/*Start Custom superfish top menu*/
header {
  border-bottom: 1px solid transparent;
  -webkit-transition: all ease 0.50s;
  transition: all ease 0.50s; }

.sf-menu {
  margin-bottom: 0; }
  .sf-menu a {
    padding: 0;
    padding: 0 12px;
    border: none;
    color: #fff;
    text-decoration: none; }
  .sf-menu > li {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    -webkit-transition: all ease 0.50s;
    transition: all ease 0.50s;
    background-color: transparent;
    padding: 40px 0px 40px 0;
    letter-spacing: 0.7px; }
    .sf-menu > li:last-child a {
      padding-right: 0; }
    .sf-menu > li:hover {
      background-color: transparent; }
    .sf-menu > li.sfHover {
      background: none; }
      .sf-menu > li.sfHover > a {
        color: #3ba5e3; }
    .sf-menu > li > a {
      border-bottom: none;
      -webkit-transition: all .5s ease;
      transition: all .5s ease;
      color: #fff; }
      .sf-menu > li > a:hover {
        color: #3ba5e3; }
      .sf-menu > li > a + * a {
        -webkit-transition: all .25s ease;
        transition: all .25s ease; }
        .sf-menu > li > a + * a:hover {
          color: #fff; }
  .sf-menu .buy-now-li a {
    color: #a6e454; }
  .sf-menu ul {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    min-width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 230px;
    background-color: rgba(30, 30, 30, 0.97); }
    .sf-menu ul li {
      background: none; }
      .sf-menu ul li:first-child {
        padding-top: 2px; }
      .sf-menu ul li:last-child {
        border-bottom: none; }
      .sf-menu ul li:hover {
        background-color: #313131; }
      .sf-menu ul li a {
        padding: 12px 25px 12px;
        color: #fff;
        font-weight: 300;
        text-transform: none; }

.sf-arrows .sf-with-ul {
  padding: 0 16px 0 16px;
  position: relative;
  top: -2px; }
  .sf-arrows .sf-with-ul a {
    outline: none;
    padding: 0; }
  .sf-arrows .sf-with-ul:after {
    content: "";
    font-family: "FontAwesome";
    display: inline-block;
    top: 0;
    font-size: 12px;
    color: #fff;
    position: relative;
    left: 6px;
    border-top-color: transparent; }

.sf-arrows li .sf-with-ul:focus:after, .sf-arrows li:hover > .sf-with-ul:after {
  color: #3ba5e3;
  border-top-color: transparent; }

.sf-arrows .sfHover .sf-with-ul:after {
  color: #3ba5e3;
  border-top-color: transparent; }

.sf-menu li .sfHover {
  background: rgba(0, 0, 0, 0.3); }

.sf-menu ul ul li {
  background-color: rgba(30, 30, 30, 0.97);
  -webkit-border-radius: 0;
  border-radius: 0; }

.sf-arrows ul .sf-with-ul {
  padding: 12px 25px 12px; }
  .sf-arrows ul .sf-with-ul:after {
    border-left-color: transparent;
    content: "";
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 12px;
    color: #fff !important;
    position: relative;
    left: 2px;
    float: right;
    right: 0;
    top: 0px;
    margin-top: 0;
    border: none;
    border-top-color: transparent; }
  .sf-arrows ul .sf-with-ul li {
    display: none !important; }

.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: transparent; }

header.is-sticky {
  background-color: #1d1d1d;
  position: fixed;
  width: 100%;
  z-index: 5;
  border-bottom: none !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  header.is-sticky .logo {
    padding: 12px 0 9px 0; }
    header.is-sticky .logo img {
      height: 43px; }
  header.is-sticky .show-full-screen {
    opacity: 1;
    visibility: visible; }
  header.is-sticky .toggle-top {
    top: 23px; }
  header.is-sticky .sf-menu > li {
    padding: 24px 0px 24px 0; }

.off-canvas-menu {
  top: -100px; }

header.is-sticky.fixed-tp-menu {
  top: 0; }

/*START Container slide*/
.al-content-slide {
  position: relative;
  z-index: 3; }

.al-container-slide .al-content-slide {
  width: 1170px;
  margin-left: auto;
  margin-right: auto; }
  .al-container-slide .al-content-slide .vc_column_container {
    padding-left: 15px;
    padding-right: 15px; }

/*END Container slide*/
.al-sidenav .container {
  width: 90%; }

.al-sidenav .content-wrap-lfm {
  margin-left: 300px;
  float: none;
  width: inherit;
  display: block; }
  .al-sidenav .content-wrap-lfm .al-side-container {
    width: 100%;
    padding: 0;
    margin: 0; }
  .al-sidenav .content-wrap-lfm section.vc_section, .al-sidenav .content-wrap-lfm .vc_section-has-fill, .al-sidenav .content-wrap-lfm .vc_row[data-vc-full-width] {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: 0 !important;
    margin: 0; }
  .al-sidenav .content-wrap-lfm .vc_row, .al-sidenav .content-wrap-lfm .wpb_row {
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    left: 0 !important;
    margin: 0 !important; }
  .al-sidenav .content-wrap-lfm .vc_row-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .al-sidenav .content-wrap-lfm .vc_row-no-padding .vc_row-fluid {
      padding-left: 0 !important;
      padding-right: 0 !important; }
  .al-sidenav .content-wrap-lfm .al-container-slide .al-content-slide {
    width: 90%; }

.header-type-1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
  height: 100%;
  width: 300px; }
  .header-type-1:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: -1; }
  .header-type-1 .top-menu {
    float: none; }
  .header-type-1 .logo {
    width: auto;
    padding: 29px 0 19px 0;
    text-align: center;
    margin-top: 100px;
    position: relative;
    top: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    color: #434343; }
    .header-type-1 .logo:hover {
      color: #3ba5e3; }
    .header-type-1 .logo .logo-white {
      display: none;
      margin: 0 auto; }
    .header-type-1 .logo .logo-dark {
      display: block;
      margin: 0 auto; }
  .header-type-1 .sf-menu li {
    padding: 15px 0px 15px 0; }
    .header-type-1 .sf-menu li:last-child a {
      padding-right: 12px; }
    .header-type-1 .sf-menu li a {
      color: #111; }
  .header-type-1 ul.social-links {
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 50px;
    left: 0;
    text-align: center;
    margin-top: 50px; }
  .header-type-1 .sf-vertical {
    width: 100%;
    text-align: center; }
    .header-type-1 .sf-vertical ul {
      left: 100%;
      top: 0;
      -webkit-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0; }
    .header-type-1 .sf-vertical > li {
      float: none; }
    .header-type-1 .sf-vertical li {
      width: 100%; }
      .header-type-1 .sf-vertical li:hover a {
        color: #3ba5e3; }
      .header-type-1 .sf-vertical li:hover ul li a {
        color: #111; }
      .header-type-1 .sf-vertical li:hover ul li:hover {
        background-color: #313131; }
        .header-type-1 .sf-vertical li:hover ul li:hover a {
          color: #fff; }
        .header-type-1 .sf-vertical li:hover ul li:hover ul li a {
          color: #111; }
      .header-type-1 .sf-vertical li:hover ul li ul li:hover a {
        color: #fff; }
    .header-type-1 .sf-vertical .sf-with-ul {
      padding: 0 16px 0 16px;
      position: relative;
      top: -2px; }
      .header-type-1 .sf-vertical .sf-with-ul a {
        outline: none;
        padding: 0; }
      .header-type-1 .sf-vertical .sf-with-ul:after {
        content: "";
        font-family: "FontAwesome";
        display: inline-block;
        font-size: 12px;
        color: #505050;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: relative;
        left: 6px;
        width: 0;
        height: 0;
        border-top-color: transparent; }
    .header-type-1 .sf-vertical li .sf-with-ul:focus:after, .header-type-1 .sf-vertical li:hover > .sf-with-ul:after {
      color: #3ba5e3;
      border-top-color: transparent; }
    .header-type-1 .sf-vertical .sfHover .sf-with-ul:after {
      color: #fff;
      border-top-color: transparent; }
    .header-type-1 .sf-vertical a.sf-with-ul {
      padding-left: 25px; }
    .header-type-1 .sf-vertical ul {
      background-color: #fff;
      text-align: left;
      -webkit-box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35);
      box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35); }
      .header-type-1 .sf-vertical ul li {
        padding-top: 0;
        padding-bottom: 0; }
        .header-type-1 .sf-vertical ul li:first-child {
          padding-top: 0; }
        .header-type-1 .sf-vertical ul li:hover a {
          color: #000; }
          .header-type-1 .sf-vertical ul li:hover a:after {
            color: #fff !important; }
        .header-type-1 .sf-vertical ul li a {
          padding-top: 14px;
          padding-bottom: 11px;
          font-weight: 500; }
        .header-type-1 .sf-vertical ul li .sf-with-ul {
          padding-top: 14px;
          padding-bottom: 10px; }
      .header-type-1 .sf-vertical ul ul {
        -webkit-box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35);
        box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35); }
        .header-type-1 .sf-vertical ul ul li {
          background-color: #fff; }
  .header-type-1 .sf-arrows ul .sf-with-ul:after {
    color: #000 !important;
    left: -4px; }
  .header-type-1 .toggle-top.al-toggle-full-nav {
    display: block;
    margin-top: 100px;
    top: 37px;
    position: absolute;
    left: auto; }
    .header-type-1 .toggle-top.al-toggle-full-nav span {
      background-color: #434343; }
  .header-type-1 .on-top.toggle-top.al-toggle-full-nav span:nth-of-type(1), .header-type-1 .on-top.toggle-top.al-toggle-full-nav span:nth-of-type(3), .header-type-1 .on-top.toggle-top.al-toggle-full-nav span:nth-of-type(5) {
    background-color: transparent;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  .header-type-1 .toggle-top {
    display: none; }

#mobile-menu.active .nav_menu li {
  opacity: 1;
  -webkit-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
  -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1); }
  #mobile-menu.active .nav_menu li:nth-of-type(1) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s; }
  #mobile-menu.active .nav_menu li:nth-of-type(2) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s; }
  #mobile-menu.active .nav_menu li:nth-of-type(3) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s; }
  #mobile-menu.active .nav_menu li:nth-of-type(4) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s; }
  #mobile-menu.active .nav_menu li:nth-of-type(5) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s; }
  #mobile-menu.active .nav_menu li:nth-of-type(6) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s; }
  #mobile-menu.active .nav_menu li:nth-of-type(7) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s; }
  #mobile-menu.active .nav_menu li:nth-of-type(8) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s; }
  #mobile-menu.active .nav_menu li:nth-of-type(9) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s; }
  #mobile-menu.active .nav_menu li:nth-of-type(10) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s; }

/*Start Mobile full screen menu*/
#mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 444;
  background-color: #fff; }
  #mobile-menu > .inner-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    text-align: center;
    padding: 50px 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    #mobile-menu > .inner-wrap::-webkit-scrollbar-track {
      background-color: #fff; }
    #mobile-menu > .inner-wrap::-webkit-scrollbar {
      width: 5px;
      background-color: #fff; }
    #mobile-menu > .inner-wrap::-webkit-scrollbar-thumb {
      background-color: #3ba5e3; }
    #mobile-menu > .inner-wrap > nav > .nav_menu {
      margin: 0;
      padding: 0 0 5px 0;
      list-style-type: none; }
      #mobile-menu > .inner-wrap > nav > .nav_menu ul {
        margin: 0;
        padding: 0 0 5px 0;
        list-style-type: none; }
  #mobile-menu .nav_menu li {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  #mobile-menu .nav_menu a {
    display: inline-block;
    padding: 8px 0;
    text-decoration: none;
    font-size: 29px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    -webkit-transition: all ease 0.50s;
    transition: all ease 0.50s; }
    #mobile-menu .nav_menu a:hover {
      color: #3ba5e3; }
  #mobile-menu .nav_menu .sub-menu {
    display: none; }
    #mobile-menu .nav_menu .sub-menu a {
      text-transform: capitalize;
      padding: 2px 0;
      font-size: 1.125rem;
      letter-spacing: 1px; }
  #mobile-menu .nav_menu li.menu-item-has-children > a::after {
    content: '\f107';
    font-family: 'FontAwesome';
    margin-left: 4px;
    position: relative;
    right: -5px; }
  #mobile-menu .nav_menu li.menu-item-has-children > a.sub-active {
    color: #000; }
    #mobile-menu .nav_menu li.menu-item-has-children > a.sub-active::after {
      content: '\f106'; }
  #mobile-menu .nav_menu .buy-now-li a {
    color: #a6e454; }
  #mobile-menu li.current-menu-item > a, #mobile-menu li.current-page-item > a {
    color: #555555; }

/*Portfolio pop up*/
.modal-box {
  max-width: 620px;
  background: #fff;
  position: relative;
  margin: 0 auto;
  left: 0;
  overflow: hidden; }
  .modal-box .mfp-close {
    background-color: rgba(255, 255, 255, 0.12);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .modal-box .mfp-close:hover {
      background-color: #fff; }
  .modal-box .post-thumb img {
    width: 100%; }
  .modal-box .buttons-section {
    margin-bottom: 20px; }
  .modal-box .img-responsive {
    width: 100%; }
  .modal-box .modal-box-content {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px; }
    .modal-box .modal-box-content hr {
      width: 100%; }
    .modal-box .modal-box-content h2, .modal-box .modal-box-content h3 {
      font-weight: 700;
      text-transform: uppercase;
      font-size: 25px;
      margin-bottom: 0; }
      .modal-box .modal-box-content h2 span, .modal-box .modal-box-content h3 span {
        color: #3ba5e3; }
    .modal-box .modal-box-content h3 {
      font-size: 20px; }
      .modal-box .modal-box-content h3:after {
        content: "";
        display: block;
        height: 2px;
        width: 40px;
        background-color: #3ba5e3;
        margin-top: 8px;
        margin-bottom: 15px; }
    .modal-box .modal-box-content p {
      margin-top: 15px;
      font-size: 14px; }
  .modal-box .list-project {
    padding-left: 0; }
    .modal-box .list-project li {
      list-style: none;
      font-size: 14px; }
      .modal-box .list-project li b {
        font-weight: 600; }
      .modal-box .list-project li a {
        color: #3ba5e3; }
        .modal-box .list-project li a i {
          margin-left: 6px;
          position: relative;
          top: 1px; }
  .modal-box .slider-wrap {
    position: relative; }
  .modal-box iframe {
    border: none; }

/*Start Toggle menu - button*/
.toggle-mnu {
  float: right;
  display: none;
  width: 28px;
  height: 28px;
  top: 39px;
  right: 16px;
  position: relative;
  cursor: pointer; }
  .toggle-mnu span:after, .toggle-mnu span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px; }
  .toggle-mnu span:after {
    top: 16px; }
  .toggle-mnu span {
    position: relative;
    display: block; }
  .toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
    width: 100%;
    height: 3px;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .toggle-mnu.on span {
    background-color: transparent; }
  .toggle-mnu.on span:before {
    -webkit-transform: rotate(45deg) translate(-1px, 0px);
    -ms-transform: rotate(45deg) translate(-1px, 0px);
    transform: rotate(45deg) translate(-1px, 0px);
    background-color: #000; }
  .toggle-mnu.on span:after {
    background-color: #000;
    -webkit-transform: rotate(-45deg) translate(6px, -7px);
    -ms-transform: rotate(-45deg) translate(6px, -7px);
    transform: rotate(-45deg) translate(6px, -7px); }

body:not(.header-fixed) .logo, .toggle-mnu {
  z-index: 1001; }

.toggle-top {
  float: right;
  z-index: 4;
  position: absolute;
  right: 40px;
  top: 37px;
  -webkit-transition: all ease 0.50s;
  transition: all ease 0.50s; }
  .toggle-top span {
    width: 24px;
    height: 3px;
    background-color: #fff;
    display: block;
    position: relative;
    margin-bottom: 1px;
    -webkit-transition: 0.20s all ease;
    transition: 0.20s all ease; }
    .toggle-top span:last-child {
      margin-bottom: 0; }
    .toggle-top span:nth-of-type(1) {
      width: 12px; }
    .toggle-top span:nth-of-type(2) {
      width: 19px; }
    .toggle-top span:nth-of-type(4) {
      width: 19px; }
    .toggle-top span:nth-of-type(5) {
      width: 12px; }
  .toggle-top:hover span:nth-of-type(1) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    width: 24px; }
  .toggle-top:hover span:nth-of-type(2) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    width: 24px; }
  .toggle-top:hover span:nth-of-type(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    width: 24px; }
  .toggle-top:hover span:nth-of-type(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    width: 24px; }

.on-top span:nth-of-type(1) {
  background-color: transparent;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.on-top span:nth-of-type(2) {
  width: 25px;
  -webkit-transform: rotate(-45deg) translate(-6px, 0px);
  -ms-transform: rotate(-45deg) translate(-6px, 0px);
  transform: rotate(-45deg) translate(-6px, 0px);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  background-color: #fff; }

.on-top span:nth-of-type(3) {
  background-color: transparent;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.on-top span:nth-of-type(4) {
  width: 25px;
  -webkit-transform: rotate(45deg) translate(-5px, 0px);
  -ms-transform: rotate(45deg) translate(-5px, 0px);
  transform: rotate(45deg) translate(-5px, 0px);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  background-color: #fff; }

.on-top span:nth-of-type(5) {
  background-color: transparent;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

/*--------------------------------------------------------------
 *## START Fullscreen top nav
 *-------------------------------------------------------------- */
.active-fullscreen-topnav {
  overflow: hidden; }
  .active-fullscreen-topnav .al-relative-header {
    border-bottom: 1px solid #505050 !important; }
  .active-fullscreen-topnav header {
    border-bottom: 1px solid #505050;
    background-color: #1d1d1d;
    position: fixed;
    width: 100%;
    z-index: 5; }
    .active-fullscreen-topnav header .logo {
      padding: 12px 0 9px 0; }
      .active-fullscreen-topnav header .logo img {
        height: 43px; }
  .active-fullscreen-topnav .show-full-screen {
    opacity: 1;
    visibility: visible; }
  .active-fullscreen-topnav .toggle-top {
    top: 23px; }
  .active-fullscreen-topnav .sf-menu > li {
    padding: 24px 0px 24px 0; }

.height-half {
  height: 40%; }

.height-half-60 {
  height: 60%; }

.height-full {
  height: 100%; }

.height-auto {
  height: 100%; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.fullscreen-topnav {
  background-color: #3ba5e3;
  position: fixed;
  z-index: 13;
  bottom: 0;
  width: 100%;
  top: 63px;
  opacity: 0;
  visibility: hidden;
  overflow: auto;
  -webkit-transition: all ease-in-out 0.7s;
  transition: all ease-in-out 0.7s; }
  .fullscreen-topnav::-webkit-scrollbar-track {
    background-color: #fff; }
  .fullscreen-topnav::-webkit-scrollbar {
    width: 5px;
    background-color: #fff; }
  .fullscreen-topnav::-webkit-scrollbar-thumb {
    background-color: #3ba5e3; }
  .fullscreen-topnav .items .link {
    -webkit-transition: all ease 0.60s;
    transition: all ease 0.60s;
    text-align: center;
    background-color: #1b1b1b;
    border: 3px solid transparent;
    text-decoration: none; }
    .fullscreen-topnav .items .link:hover {
      text-decoration: none;
      background-color: rgba(33, 33, 33, 0.85);
      border-color: #585858; }
      .fullscreen-topnav .items .link:hover h2 {
        color: #fff; }
      .fullscreen-topnav .items .link:hover p {
        color: #3ba5e3; }
  .fullscreen-topnav .content-nav p, .fullscreen-topnav .content-nav h2 {
    color: #fff;
    -webkit-transition: all ease 0.60s;
    transition: all ease 0.60s; }
  .fullscreen-topnav .content-nav h2 {
    font-weight: 600;
    margin-top: 4px;
    font-size: 24px; }
  .fullscreen-topnav .content-nav p {
    margin-bottom: 0; }
  .fullscreen-topnav h3 {
    color: #fff;
    font-size: 22px !important;
    font-weight: 400;
    padding-bottom: 15px;
    line-height: 22px;
    margin-top: 0;
    border-bottom: 1px solid #55606c; }
  .fullscreen-topnav .text-item {
    background-color: #212121;
    padding-left: 40px;
    padding-right: 40px; }
    .fullscreen-topnav .text-item p {
      border-left: 3px solid #3ba5e3;
      padding-left: 20px;
      font-weight: 400; }
  .fullscreen-topnav .form-full-screen {
    background-color: rgba(33, 33, 33, 0.9);
    padding-right: 45px;
    padding-left: 45px; }
  .fullscreen-topnav .video-play {
    text-align: center;
    color: #fff;
    background-color: rgba(27, 27, 27, 0.9); }
    .fullscreen-topnav .video-play .icon-play {
      margin: 0 auto; }

.active-fullscreen-topnav .content-wrap-lfm header {
  width: 300px; }
  .active-fullscreen-topnav .content-wrap-lfm header .logo {
    padding: 29px 0 19px 0; }
  .active-fullscreen-topnav .content-wrap-lfm header .sf-menu > li {
    padding: 15px 0px 15px 0; }

.active-fullscreen-topnav .content-wrap-lfm .fullscreen-topnav {
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
  top: 0; }
  .active-fullscreen-topnav .content-wrap-lfm .fullscreen-topnav h2 {
    font-size: 24px; }

/*--------------------------------------------------------------
 *## END Fullscreen top nav
 *-------------------------------------------------------------- */
/*Back to top link*/
.top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 3;
  display: none; }
  .top a {
    color: #fff;
    background-color: #3ba5e3;
    display: block;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    opacity: 0.7;
    -webkit-transition: all ease .6s;
    transition: all ease .6s; }
    .top a i {
      font-size: 25px;
      vertical-align: middle; }
    .top a:hover {
      opacity: 1;
      color: #fff; }

.al-dark-content .heading-title h2 {
  color: #fff; }

.al-dark-content .heading-title p {
  color: #fff; }

.al-dark-content .heading-title .small-desd span {
  color: #fff; }

.al-dark-content p {
  color: #eee; }

.al-dark-content ul.list li {
  color: #fff; }

.al-dark-content .al-icon-progress i {
  color: #fff; }

.bg-dark-section {
  position: relative; }
  .bg-dark-section:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1; }
  .bg-dark-section .container, .bg-dark-section .container-fluid {
    position: relative;
    z-index: 3; }
  .bg-dark-section .heading-title h2 {
    color: #fff; }
  .bg-dark-section .heading-title p {
    color: #fff; }
  .bg-dark-section .heading-title .small-desd span {
    color: #fff; }
  .bg-dark-section p {
    color: #eee; }
  .bg-dark-section ul.list li {
    color: #fff; }
  .bg-dark-section .al-icon-progress i {
    color: #fff; }

.bg-white-section {
  position: relative; }
  .bg-white-section:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1; }
  .bg-white-section .container, .bg-white-section .container-fluid {
    position: relative;
    z-index: 3; }

.white-70:after {
  background-color: rgba(255, 255, 255, 0.7); }

.white-80:after {
  background-color: rgba(255, 255, 255, 0.8); }

.white-90:after {
  background-color: rgba(255, 255, 255, 0.9); }

/*Background mask*/
.al-bg-mask-div {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1; }

.al-bg-mask {
  position: relative; }
  .al-bg-mask:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 0; }
  .al-bg-mask .container, .al-bg-mask .al-content-slide {
    z-index: 3;
    position: relative; }

.bg-mask-small {
  position: relative; }
  .bg-mask-small:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1; }
  .bg-mask-small .container, .bg-mask-small .container-fluid {
    position: relative;
    z-index: 3; }

.bg-mask-blue:after {
  background-color: rgba(48, 71, 211, 0.9); }

.bg-mask-white:after {
  background-color: rgba(255, 255, 255, 0.9); }

.bg-mask-black:after {
  background-color: rgba(0, 0, 0, 0.9); }

.bg-mask-yellow:after {
  background-color: rgba(211, 132, 38, 0.9); }

.bg-mask-red:after {
  background-color: rgba(211, 71, 48, 0.9); }

.bg-mask-darkness:after {
  background-color: rgba(35, 50, 57, 0.9); }

.bg-mask-darkmilness:after {
  background-color: rgba(66, 78, 92, 0.9); }

/*Small heading*/
.small-head h2 {
  text-transform: none;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.8px; }
  .small-head h2:after {
    content: "";
    display: block;
    height: 2px;
    width: 60px;
    background-color: #3ba5e3;
    margin-top: 13px;
    margin-bottom: 18px; }

/*100 hv*/
.full-vh {
  height: -webkit-calc(100vh);
  height: calc(100vh); }

/*Full slider opacity*/
.opacity-none {
  opacity: 0; }

/*heading title big*/
.heading-title-big h1, .heading-title-big h2, .heading-title-big h3, .heading-title-big h4, .heading-title-big h5, .heading-title-big h5, .heading-title-big h6 {
  margin-bottom: 15px;
  margin-top: 0;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  color: #fff;
  letter-spacing: 5px;
  line-height: initial; }
  .heading-title-big h1 span, .heading-title-big h2 span, .heading-title-big h3 span, .heading-title-big h4 span, .heading-title-big h5 span, .heading-title-big h5 span, .heading-title-big h6 span {
    color: #3ba5e3; }

.heading-title-big h1 {
  font-size: 80px; }

.heading-title-big h2 {
  font-size: 75px; }

.heading-title-big h3 {
  font-size: 60px; }

.heading-title-big h4 {
  font-size: 50px; }

.heading-title-big h5 {
  font-size: 35px; }

.heading-title-big h6 {
  font-size: 30px; }

.slide-title {
  margin-top: 30px;
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1; }
  .slide-title span {
    color: #3ba5e3; }

.description-slide {
  margin-top: 20px;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 1px; }
  .description-slide span {
    color: #3ba5e3; }

/*vertical-align*/
.al-vertical-align {
  display: table !important;
  position: relative;
  height: 100%;
  margin: 0 auto; }
  .al-vertical-align .container {
    display: table-cell;
    vertical-align: middle; }

.al-full-vh {
  height: -webkit-calc(100vh) !important;
  height: calc(100vh) !important; }

span.al-after {
  width: 110px;
  height: 19px;
  display: block;
  position: relative;
  margin: 0 auto;
  background: url(../img/after.png) no-repeat; }

ul.list {
  margin: 0;
  padding: 0; }
  ul.list li {
    list-style: none;
    font-size: 16px;
    letter-spacing: 0.9px; }
    ul.list li:before {
      font-family: FontAwesome;
      content: "\f192";
      font-size: 11px;
      color: #3ba5e3;
      -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
      transform: translateY(-4px);
      margin-right: 10px; }

/*Portfolio controls*/
.al-controls-portfolio ul {
  padding-left: 0;
  margin-bottom: 50px;
  margin-top: 0; }
  .al-controls-portfolio ul li {
    display: inline-block;
    font-size: 14px;
    color: #606060;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
    margin-right: 30px;
    cursor: pointer; }
    .al-controls-portfolio ul li:last-child {
      margin-right: 0; }
  .al-controls-portfolio ul .active {
    color: #3ba5e3; }

.al-light-portfolio-nav .al-controls-portfolio ul li {
  color: #c1c1c1; }

.al-light-portfolio-nav .al-controls-portfolio ul .active {
  color: #3ba5e3; }

.al-photos-portfolio .al-ajax-navigation {
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent; }

.al-portfolio-layout-boxed .al-ajax-navigation {
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent; }

.al-portfolio-layout-boxed .item-wrap img {
  width: 100%;
  height: auto;
  position: relative; }

.al-portfolio-layout-boxed .item-wrap .tizer-circle {
  top: 20px;
  right: 20px;
  font-size: 12px;
  line-height: 32px;
  width: 32px;
  height: 32px; }

.al-portfolio-layout-boxed article {
  margin-top: 1%;
  margin-bottom: 1%; }

.al-transperent-ajax .al-ajax-navigation {
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent; }

.al-portfolio-layout .item-wrap img {
  width: 100%;
  height: auto;
  position: relative; }

.al-portfolio-layout .al-ajax-navigation {
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent; }

.al-portfolio-layout .al-masonry-posts .gutter-sizer {
  width: 0; }

.al-portfolio-layout .al-masonry-posts[data-size="4"] article {
  width: 25%;
  display: block; }

.al-portfolio-layout .al-masonry-posts[data-size="3"] article {
  width: 33.333%;
  display: block; }

.al-portfolio-layout .al-masonry-posts[data-size="2"] article {
  width: 50%;
  display: block; }

.al-portfolio-layout .al-masonry-posts[data-size="1"] article {
  width: 100%;
  display: block; }

/*Circle*/
.tizer-circle {
  position: relative;
  color: #fff;
  width: 40px;
  height: 40px;
  background-color: #3ba5e3;
  text-align: center;
  font-size: 13px;
  line-height: 40px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

/*Triangle*/
.tizer-triangle {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 17px;
  height: 0;
  width: 0;
  border-top: 65px solid #3ba5e3;
  border-left: 65px solid transparent; }
  .tizer-triangle i {
    position: absolute;
    top: -60px;
    right: 10px; }

/*Portfolio masonry*/
.container-full {
  width: 100%;
  height: inherit;
  position: relative; }

.masonry-portfolio {
  background-attachment: fixed; }

.masonry-item-pr {
  padding: 0;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.wrap-ms-pr {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  outline: none; }
  .wrap-ms-pr .bg-mask-pr {
    background-color: rgba(17, 17, 17, 0.4);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center; }
    .wrap-ms-pr .bg-mask-pr .icon {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-border-radius: 50%;
      border-radius: 50%;
      display: inline-block;
      width: 50px;
      font-size: 17px;
      height: 50px;
      background-color: #111;
      color: #fff;
      text-align: center;
      line-height: 50px;
      vertical-align: middle; }
  .wrap-ms-pr img {
    width: 100%;
    vertical-align: middle; }

/*linx full*/
.link-full {
  text-align: center; }
  .link-full a {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.4px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: uppercase; }
    .link-full a:hover {
      text-decoration: none;
      color: #3ba5e3; }
    .link-full a i {
      margin-left: 5px; }

/*No padding*/
.items-nopadding > div {
  padding: 0; }

/*Tabs default*/
.al-tabs-default .ult_tabcontent.style2 {
  padding: 0; }

.al-tabs-default .ult_tabitemname {
  padding: 12px 10px; }

.al-tabs-default p {
  color: #606060;
  font-size: 14px; }

.ult_tabmenu.style1 {
  border-bottom: 3px solid #3ba5e3; }
  .ult_tabmenu.style1 li.ult_tab_li.current a {
    background-color: #3ba5e3 !important; }
  .ult_tabmenu.style1 li.ult_tab_li {
    margin-right: 4px !important; }
    .ult_tabmenu.style1 li.ult_tab_li a {
      padding: 5px 10px 5px 10px; }
    .ult_tabmenu.style1 li.ult_tab_li:hover a {
      background-color: #3ba5e3 !important; }

.ult_tabcontent.style1 p {
  color: #606060;
  font-size: 14px; }

.ult_tabcontent.style1 .ult_tabitemname {
  padding: 12px 4px; }

.al-skillbar-progress {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  height: 8px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden; }
  .al-skillbar-progress .al-progress-bar {
    height: 100%;
    background-color: #3ba5e3; }

.al-skillbar {
  margin-bottom: 30px; }
  .al-skillbar .al-skillbar-number {
    font-size: 15px;
    margin-bottom: 5px;
    color: #828282;
    font-weight: 400; }

/*Triggers*/
.item-triggel-carousel {
  outline: none !important; }
  .item-triggel-carousel .icon {
    color: #3ba5e3;
    font-size: 79px;
    line-height: 79px;
    display: inline-block; }
    .item-triggel-carousel .icon i {
      line-height: initial !important; }
  .item-triggel-carousel h2 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px; }
  .item-triggel-carousel p {
    margin-top: 0;
    font-size: 15px;
    color: #d7d7d7;
    font-weight: 300; }

#trigger-carousel .slick-slide {
  outline: none !important; }

/*Start Custom dots Slick slider*/
.dots-control-carousel {
  margin: auto;
  margin-top: 40px;
  height: 16px;
  text-align: center; }

.dots {
  display: inline-block !important;
  text-align: center; }

.dots-control, .dots {
  margin: 0;
  padding: 0;
  top: -2px;
  position: relative; }
  .dots-control li, .dots li {
    float: left;
    list-style: none;
    margin-right: 12px; }
    .dots-control li:last-child, .dots li:last-child {
      margin-right: 0; }
    .dots-control li button, .dots li button {
      font-size: 0px;
      padding: 0;
      height: 8px;
      width: 8px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      outline: none;
      background-color: #fff;
      border: none;
      display: block; }
  .dots-control .slick-active button, .dots .slick-active button {
    position: relative;
    top: -1px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    background: none; }

/*Contact information wrap*/
.contact-wrap {
  text-align: right; }
  .contact-wrap p, .contact-wrap a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    display: block; }
    .contact-wrap p i, .contact-wrap a i {
      color: #3ba5e3;
      margin-right: 10px; }
  .contact-wrap p {
    margin-top: 15px;
    margin-bottom: 15px; }
    .contact-wrap p:first-child {
      margin-top: 0; }
  .contact-wrap .street {
    font-weight: 400;
    font-size: 14px; }
  .contact-wrap ul.social-links {
    margin-top: 40px; }
    .contact-wrap ul.social-links i {
      color: #fff;
      margin-right: auto; }

/*Contact form BG*/
.al-contact-form-bg input[type='text'], .al-contact-form-bg input[type='email'], .al-contact-form-bg textarea {
  background-color: #424e5c;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 2px solid rgba(96, 96, 96, 0.7);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .al-contact-form-bg input[type='text']:hover, .al-contact-form-bg input[type='text']:active, .al-contact-form-bg input[type='text']:focus, .al-contact-form-bg input[type='email']:hover, .al-contact-form-bg input[type='email']:active, .al-contact-form-bg input[type='email']:focus, .al-contact-form-bg textarea:hover, .al-contact-form-bg textarea:active, .al-contact-form-bg textarea:focus {
    border-color: #3ba5e3; }

.al-contact-form-bg input[type='submit'] {
  float: right;
  background-color: #fff;
  color: #555;
  border: 2px solid #3ba5e3;
  font-weight: 600;
  padding-top: 13px;
  padding-bottom: 13px;
  line-height: 15px; }
  .al-contact-form-bg input[type='submit']:hover {
    background-color: #424e5c;
    color: #fff;
    border-color: #fff; }

.wpcf7-response-output {
  background-color: #fff; }

/*Contact form */
form .contact-form-white input[type=text], form .contact-form-white input[type=email], form .contact-form-white textarea, form .contact-form-white input[type=number] {
  border-color: #e1e1e1;
  color: #505050;
  font-size: 14px; }
  form .contact-form-white input[type=text]:focus, form .contact-form-white input[type=email]:focus, form .contact-form-white textarea:focus, form .contact-form-white input[type=number]:focus {
    border-color: #3ba5e3; }
  form .contact-form-white input[type=text]:active, form .contact-form-white input[type=email]:active, form .contact-form-white textarea:active, form .contact-form-white input[type=number]:active {
    border-color: #3ba5e3; }
  form .contact-form-white input[type=text]::-webkit-input-placeholder, form .contact-form-white input[type=email]::-webkit-input-placeholder, form .contact-form-white textarea::-webkit-input-placeholder, form .contact-form-white input[type=number]::-webkit-input-placeholder {
    color: #7c7c7c; }
  form .contact-form-white input[type=text]::-moz-placeholder, form .contact-form-white input[type=email]::-moz-placeholder, form .contact-form-white textarea::-moz-placeholder, form .contact-form-white input[type=number]::-moz-placeholder {
    color: #7c7c7c; }
  form .contact-form-white input[type=text]:-moz-placeholder, form .contact-form-white input[type=email]:-moz-placeholder, form .contact-form-white textarea:-moz-placeholder, form .contact-form-white input[type=number]:-moz-placeholder {
    color: #7c7c7c; }
  form .contact-form-white input[type=text]:-ms-input-placeholder, form .contact-form-white input[type=email]:-ms-input-placeholder, form .contact-form-white textarea:-ms-input-placeholder, form .contact-form-white input[type=number]:-ms-input-placeholder {
    color: #7c7c7c; }

form .contact-form-white input[type=submit] {
  color: #fff;
  margin-top: 18px;
  float: right; }

form .contact-form-white .selectize-input, form .contact-form-white .selectize-input.full {
  border-color: #e1e1e1 !important;
  color: #505050 !important; }

form .contact-form-white .selectize-control.single .selectize-input:after {
  border-color: #424e5c transparent transparent transparent; }

form .contact-form-white .selectize-control.single .selectize-input.dropdown-active:after {
  border-color: transparent transparent #424e5c transparent; }

form .contact-form-white .selectize-input.focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

/*Links footer*/
.links h5 {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 15px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.links ul.list li {
  font-size: 14px;
  margin-bottom: 5px; }
  .links ul.list li:before {
    font-size: 9px;
    position: relative;
    top: -1px; }
  .links ul.list li:last-child {
    margin-bottom: 0; }
  .links ul.list li a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .links ul.list li a:hover {
      color: #3ba5e3; }

/*Gallery slide*/
.gallery-slide .dots-control-carousel {
  position: absolute;
  margin-top: 0;
  bottom: 18px;
  left: 0;
  right: 0;
  margin: 0 auto; }

/*slider opacity control*/
.gallery-slide .prev-next-block-rotate .wrap-prev, .section-testimonials .prev-next-block-rotate .wrap-prev, .our-clients .prev-next-block-rotate .wrap-prev, .al-middle-dots .prev-next-block-rotate .wrap-prev {
  left: -120px; }

.gallery-slide .prev-next-block-rotate .wrap-next, .section-testimonials .prev-next-block-rotate .wrap-next, .our-clients .prev-next-block-rotate .wrap-next, .al-middle-dots .prev-next-block-rotate .wrap-next {
  right: -120px; }

.gallery-slide .prev-next-block-rotate .wrap-prev, .gallery-slide .prev-next-block-rotate .wrap-next, .section-testimonials .prev-next-block-rotate .wrap-prev, .section-testimonials .prev-next-block-rotate .wrap-next, .our-clients .prev-next-block-rotate .wrap-prev, .our-clients .prev-next-block-rotate .wrap-next, .al-middle-dots .prev-next-block-rotate .wrap-prev, .al-middle-dots .prev-next-block-rotate .wrap-next {
  margin-top: 0;
  opacity: 0.4; }

.gallery-slide .prev-next-block-rotate .wrap-prev:hover, .gallery-slide .prev-next-block-rotate .wrap-next:hover, .section-testimonials .prev-next-block-rotate .wrap-prev:hover, .section-testimonials .prev-next-block-rotate .wrap-next:hover, .our-clients .prev-next-block-rotate .wrap-prev:hover, .our-clients .prev-next-block-rotate .wrap-next:hover, .al-middle-dots .prev-next-block-rotate .wrap-prev:hover, .al-middle-dots .prev-next-block-rotate .wrap-next:hover {
  opacity: 1; }

.gallery-slide:hover .prev-next-block-rotate .wrap-prev, .section-testimonials:hover .prev-next-block-rotate .wrap-prev, .our-clients:hover .prev-next-block-rotate .wrap-prev, .al-middle-dots:hover .prev-next-block-rotate .wrap-prev {
  left: -42px; }

.gallery-slide:hover .prev-next-block-rotate .wrap-next, .section-testimonials:hover .prev-next-block-rotate .wrap-next, .our-clients:hover .prev-next-block-rotate .wrap-next, .al-middle-dots:hover .prev-next-block-rotate .wrap-next {
  right: -42px; }

.al-services-tabs .prev-next-block-rotate .wrap-prev {
  left: -120px; }

.al-services-tabs .prev-next-block-rotate .wrap-next {
  right: -120px; }

.al-services-tabs .prev-next-block-rotate .wrap-prev, .al-services-tabs .prev-next-block-rotate .wrap-next {
  margin-top: 0;
  opacity: 0.4; }

.al-services-tabs .prev-next-block-rotate .wrap-prev:hover, .al-services-tabs .prev-next-block-rotate .wrap-next:hover {
  opacity: 1; }

.al-services-tabs:hover .prev-next-block-rotate .wrap-prev {
  left: -42px; }

.al-services-tabs:hover .prev-next-block-rotate .wrap-next {
  right: -42px; }

.share-post-links li {
  background-color: #ececec;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: 5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .share-post-links li:last-child {
    margin-left: 0; }
  .share-post-links li:hover {
    background-color: #3ba5e3; }
    .share-post-links li:hover a {
      color: #fff; }
  .share-post-links li a {
    width: 40px;
    height: 40px;
    color: #797979;
    display: block;
    vertical-align: middle;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 40px; }
    .share-post-links li a i {
      vertical-align: middle; }

.avatar-80 {
  width: 80px;
  height: 80px; }

/*Services*/
.al-services-content .al-service-thumb {
  margin-right: 30px;
  float: left;
  width: 50%; }

.al-services-content .al-headitg-title {
  margin-bottom: 0px;
  font-weight: 500;
  line-height: 27px; }

.al-services-nav {
  margin-bottom: 30px; }

.item-service {
  margin-bottom: 30px;
  display: inline-block; }
  .item-service:hover .icon-service:after {
    background-color: rgba(0, 0, 0, 0.9); }
  .item-service:hover .small-i {
    display: none; }
  .item-service:hover .large-i {
    font-size: 150px;
    position: relative;
    line-height: 150px;
    color: #fff;
    height: 100%;
    width: 100%;
    text-align: center; }
    .item-service:hover .large-i i {
      position: relative;
      top: 50%;
      right: 0;
      opacity: 1;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.icon-service {
  background-color: #424e5c;
  position: relative;
  overflow: hidden;
  height: 195px;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease; }
  .icon-service .small-i {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    font-size: 99px;
    line-height: 99px;
    color: #fff;
    height: 100%;
    text-align: center; }
    .icon-service .small-i i {
      z-index: 4;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .icon-service .large-i {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    font-size: 150px;
    line-height: 150px;
    color: #fff;
    display: inline-block;
    height: 100%; }
    .icon-service .large-i i {
      -webkit-transition: all 0.6s ease;
      transition: all 0.6s ease;
      z-index: 4;
      position: absolute;
      opacity: 0.10;
      top: 50%;
      right: 30px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.content-service {
  background-color: #f5f5f5;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 25px; }
  .content-service h2 {
    font-size: 20px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px; }
    .content-service h2 span {
      color: #3ba5e3; }
  .content-service p {
    font-size: 14px;
    margin-top: 15px;
    color: #606060; }

.post-type-archive-service .content-service h2 {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px; }
  .post-type-archive-service .content-service h2 span {
    color: #3ba5e3; }

.post-type-archive-service .content-service p {
  font-size: 14px;
  margin-top: 15px;
  color: #606060; }

article.two-col .icon-service {
  height: 280px !important; }
  article.two-col .icon-service .large-i {
    font-size: 350px;
    -webkit-transition: font-size 0.01s;
    transition: font-size 0.01s; }
    article.two-col .icon-service .large-i i {
      opacity: 0.02; }

article.two-col:hover .large-i {
  font-size: 150px; }
  article.two-col:hover .large-i i {
    opacity: 1; }

/*Price item*/
.item-price-two {
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px; }
  .item-price-two:last-child {
    margin-bottom: 0; }
  .item-price-two h2 {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block; }
  .item-price-two .price {
    display: inline-block;
    float: right;
    position: relative;
    bottom: -15px;
    border-bottom: 2px solid #000; }
    .item-price-two .price span {
      text-transform: uppercase;
      font-weight: 400;
      font-size: 14px;
      margin-right: 10px; }
    .item-price-two .price p {
      font-size: 40px;
      text-transform: uppercase;
      font-weight: 300;
      margin-top: 0;
      display: inline-block; }

.dark-price {
  border-color: #312e2e; }
  .dark-price h2 {
    color: #fff; }
  .dark-price .price {
    border-color: #fff;
    color: #fff; }
    .dark-price .price span {
      color: #716d6d; }

/*services-list*/
.al-services-list {
  margin: 0;
  padding: 0;
  border: 1px solid #eee; }
  .al-services-list li {
    list-style: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .al-services-list li:hover a {
      color: #3ba5e3; }
    .al-services-list li:first-child a {
      border-top: none; }
    .al-services-list li:last-child a {
      border-bottom: none; }
    .al-services-list li a {
      color: #424e5c;
      text-decoration: none;
      font-weight: 500;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 20px;
      font-size: 15px;
      letter-spacing: 0.9px;
      text-transform: uppercase;
      display: block;
      border-top: 1px dashed #ccc;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  .al-services-list .active a {
    background-color: #3595cc;
    border-top: none;
    color: #fff; }
    .al-services-list .active a:hover {
      background-color: #4faee6;
      color: #fff; }
  .al-services-list .active + li a {
    border-top: none; }

.dh-container {
  position: relative;
  overflow: hidden; }

.dh-overlay {
  position: absolute;
  top: -100%; }

.acc-head {
  font-weight: 500;
  font-size: 19px; }

/*text fade*/
#slider-item .text-fade {
  position: relative; }

.embed-responsive-item, embed, iframe, object, video {
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border: 0; }

.al-height-100 .wpb_wrapper {
  position: relative;
  height: 100%; }

/*--------------Additional css code------------*/
.al-404-page .description-slide {
  margin-bottom: 20px; }

.al-left {
  text-align: left; }
  .al-left .al-line-title {
    margin-left: 0; }
  .al-left .al-headitg-title .al-opacity-text {
    -webkit-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    left: 0; }

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

.al-right {
  text-align: right; }
  .al-right .al-line-title {
    margin-right: 0; }
  .al-right .al-headitg-title .al-opacity-text {
    -webkit-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    left: 0;
    right: 0; }

.slider-wrap iframe {
  height: 400px; }

.post-thumb .embed-responsive iframe {
  height: 400px; }

.post-thumb .wp-audio-shortcode {
  width: 100% !important; }

.al-audio-gallery {
  min-height: 50px;
  width: 100%;
  background-color: #424e5c;
  padding: 22px;
  padding-bottom: 55px;
  padding-top: 50px; }
  .al-audio-gallery p {
    margin-top: 0;
    margin-bottom: 10px;
    color: #fff; }

.al-iframe-content iframe {
  width: 100%;
  min-height: 400px; }

.al-relative {
  position: relative; }

.al-responsive-img {
  width: 100%;
  height: auto;
  display: block; }
  .al-responsive-img img {
    width: 100%;
    height: auto;
    display: block; }

/*START Visual Portfolio*/
.vp-filter__style-default .vp-filter__item.vp-filter__item-active > *, .vp-pagination__style-default .vp-pagination__item.vp-pagination__item-active > * {
  background-color: #3ba5e3 !important;
  border-color: #3ba5e3 !important;
  color: #fff !important; }

.vp-filter__style-default .vp-filter__item a {
  color: #606060 !important; }

.vp-filter__style-default .vp-filter__item > * {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px; }

.vp-pagination__load-more {
  background-color: #3ba5e3 !important;
  border: none !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 14px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  padding: 15px 30px 15px 31px !important;
  -webkit-border-radius: 30px !important;
  border-radius: 30px !important;
  letter-spacing: 0.7px !important;
  -webkit-transition: all ease 0.5s !important;
  transition: all ease 0.5s !important;
  display: inline-block !important;
  text-decoration: none !important; }
  .vp-pagination__load-more:hover {
    background-color: #424e5c !important; }

.vp-portfolio__pagination-wrap {
  margin-top: 40px; }
  .vp-portfolio__pagination-wrap:before {
    content: "";
    display: block;
    height: 2px;
    width: 55px;
    background-color: #3ba5e3;
    margin: 0 auto;
    margin-bottom: 30px; }

/*END Visual Portfolio*/
.al-related-projects .item-portfolio {
  margin-bottom: 30px; }

.al-gallery-all img {
  width: 100%;
  height: auto; }

.al-portfolio-single-navigation {
  background-color: #424e5c; }
  .al-portfolio-single-navigation a {
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .al-portfolio-single-navigation a:hover {
      text-decoration: none;
      color: #3ba5e3; }
    .al-portfolio-single-navigation a span {
      display: block;
      text-transform: uppercase;
      letter-spacing: 1px; }
  .al-portfolio-single-navigation .al-previous-post, .al-portfolio-single-navigation .al-next-post {
    display: inline-block;
    padding: 40px 0 40px 0; }
  .al-portfolio-single-navigation .al-right {
    border-left: 1px solid #353e4a; }
  .al-portfolio-single-navigation .al-right span, .al-portfolio-single-navigation .al-left span {
    color: #fff; }
  .al-portfolio-single-navigation .al-previous-post i {
    margin-right: 5px; }
  .al-portfolio-single-navigation .al-next-post i {
    margin-left: 5px; }

/*==========   Start Socialite section  ==========*/
.socialite {
  padding-top: 22px;
  padding-bottom: 22px;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: #dcdcdc 1px 0 10px;
  box-shadow: #dcdcdc 1px 0 10px;
  z-index: 3;
  overflow: visible !important; }
  .socialite .item {
    padding-top: 3px;
    height: 30px;
    text-align: center; }
    .socialite .item img {
      width: 110px; }
  .socialite .container-socialite {
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0; }
    .socialite .container-socialite .icon-down {
      width: 60px;
      height: 60px;
      background-color: #fff;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      margin: 0 auto;
      position: relative;
      top: -50px; }
      .socialite .container-socialite .icon-down a {
        width: 45px;
        height: 45px;
        display: block;
        color: #3ba5e3;
        border: dotted 2px #3ba5e3;
        font-size: 35px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0 auto;
        position: relative;
        top: 7.5px;
        text-align: center;
        line-height: 45px; }

.ult_dual_button .middle-text {
  z-index: 1 !important; }

.display-page, .al-display-page {
  padding-top: 180px;
  padding-bottom: 120px;
  color: #fff; }
  .display-page .heading-title, .al-display-page .heading-title {
    margin-bottom: 0; }
  .display-page .al-subtitle, .al-display-page .al-subtitle {
    color: #fff; }
  .display-page h1, .al-display-page h1 {
    font-weight: 600;
    font-size: 42px;
    color: #fff; }

.content-wrap-lfm .display-page {
  padding-top: 90px; }

.unity {
  padding-bottom: 90px; }
  .unity .description {
    margin-bottom: 120px; }

.head-project {
  padding-top: 80px;
  padding-bottom: 80px; }
  .head-project .title-project {
    margin-top: 0; }

.content-project p {
  font-size: 14px;
  color: #606060; }

.content-project h2, .content-project h3 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 1px;
  margin-bottom: 0; }
  .content-project h2 span, .content-project h3 span {
    color: #3ba5e3; }
  .content-project h2:after, .content-project h3:after {
    content: "";
    display: block;
    height: 2px;
    width: 40px;
    background-color: #3ba5e3;
    margin-top: 8px;
    margin-bottom: 15px; }

.list-project {
  padding-left: 0; }
  .list-project li {
    list-style: none;
    font-size: 14px;
    margin-bottom: 5px;
    color: #585858;
    letter-spacing: 0.5px; }
    .list-project li:last-child {
      margin-bottom: 0; }
    .list-project li b {
      font-weight: 600; }
    .list-project li a {
      color: #3ba5e3; }
      .list-project li a i {
        margin-left: 6px;
        position: relative;
        top: 1px; }

.single-project .about-us {
  padding-top: 0; }

.single-project .full-slider .slide .small-text .heading-title-big {
  font-size: 65px; }

.gallery-slide {
  overflow: hidden;
  position: relative; }

/*Service single*/
.content-service-single {
  padding-bottom: 30px; }
  .content-service-single ul.list {
    margin-top: 30px; }
  .content-service-single .heading-title {
    margin-bottom: 25px; }

.service-about ul.list {
  margin-top: 15px; }

/*=============== Start blog pages =================*/
blockquote {
  margin-bottom: 15px; }

.video-post iframe {
  width: 100%; }

/*.blog-classic*/
.read-post-classic {
  padding-bottom: 88px; }

hr {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.blog-classic .post-content-classic .post-data {
  padding-top: 0; }

.blog-classic .post.sticky .post-data, .blog-classic .post.sticky .content {
  padding: 0; }

.blog-classic .post.sticky .post-data {
  margin-bottom: 20px; }

.blog-classic div {
  margin-bottom: 30px; }

.blog-classic .type-post:hover hr {
  border-color: #3ba5e3; }

/*--------------------------------------------------------------
 *## Wp calendar
 *-------------------------------------------------------------- */
#calendar_wrap {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px; }

#wp-calendar {
  width: 100%;
  border: none;
  margin: 0; }
  #wp-calendar caption {
    text-align: center; }
  #wp-calendar td, #wp-calendar th {
    padding: 5px;
    font-size: 12px;
    text-align: center;
    border: none; }
  #wp-calendar td a {
    display: block;
    color: #fff;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 2px 0; }
    #wp-calendar td a:hover {
      background: #f8f8f8;
      text-decoration: none;
      color: #5c5c5c; }

/* endblog-classic*/
/* .right-sidebar*/
.right-sidebar#sidebar {
  position: relative;
  padding-top: 120px; }

.pagination-btns {
  background: #3ba5e3;
  text-align: center; }
  .pagination-btns h2 {
    display: none; }
  .pagination-btns .pagination {
    margin: 0 auto; }
    .pagination-btns .pagination .current {
      background: #424e5c; }
    .pagination-btns .pagination a {
      text-decoration: none;
      -webkit-transition: all ease 0.76s;
      transition: all ease 0.76s;
      color: #fff;
      padding: 20px;
      display: inline-block;
      font-size: 28px;
      font-weight: 400; }
      .pagination-btns .pagination a:hover {
        background: rgba(0, 0, 0, 0.2); }
    .pagination-btns .pagination span {
      padding: 20px;
      display: inline-block;
      font-size: 28px;
      font-weight: 400;
      color: #fff; }

#sidebar, footer {
  position: relative;
  padding-top: 120px;
  padding-bottom: 40px; }
  #sidebar h4, footer h4 {
    font-size: 17px;
    margin: 60px 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    line-height: inherit; }
    #sidebar h4:first-child, footer h4:first-child {
      margin-top: 0; }
  #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, footer h2, footer h3, footer h4, footer h5, footer h6 {
    text-align: left; }
  #sidebar h2:after, #sidebar h3:after, #sidebar h5:after, #sidebar h6:after, footer h2:after, footer h3:after, footer h5:after, footer h6:after {
    display: none; }
  #sidebar ul, footer ul {
    margin: 0;
    padding: 0;
    overflow: hidden; }
    #sidebar ul li, footer ul li {
      list-style: none;
      margin: 0 0 10px 0; }
      #sidebar ul li a, footer ul li a {
        color: #5c5c5c;
        text-decoration: none;
        -webkit-transition: all ease 0.57s;
        transition: all ease 0.57s; }
        #sidebar ul li a:hover, footer ul li a:hover {
          color: #3ba5e3; }
      #sidebar ul li .children li a:hover, #sidebar ul li .sub-menu li a:hover, footer ul li .children li a:hover, footer ul li .sub-menu li a:hover {
        color: #3ba5e3; }
      #sidebar ul li.cat-item a:before, footer ul li.cat-item a:before {
        font-family: FontAwesome;
        content: "\f192";
        font-size: 11px;
        color: #3ba5e3;
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
        margin-right: 10px; }
    #sidebar ul.menu li a:before, footer ul.menu li a:before {
      font-family: FontAwesome;
      content: "\f192";
      font-size: 11px;
      color: #3ba5e3;
      -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
      transform: translateY(-4px);
      margin-right: 10px; }
    #sidebar ul li .children, #sidebar ul li .sub-menu, footer ul li .children, footer ul li .sub-menu {
      margin: 10px 0 0 15px; }
    #sidebar ul li .children li a, #sidebar ul li .sub-menu li a, footer ul li .children li a, footer ul li .sub-menu li a {
      color: #7e7e7e;
      font-size: 14px; }
  #sidebar label, footer label {
    font-size: 14px; }
  #sidebar .search-form, footer .search-form {
    position: relative; }
    #sidebar .search-form input[type='text'], footer .search-form input[type='text'] {
      display: inline-block;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #dadada;
      padding-left: 20px;
      padding-top: 10px;
      padding-bottom: 9px;
      padding-right: 50px;
      font-size: 14px;
      color: #111;
      margin-bottom: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background-color: #fff; }
      #sidebar .search-form input[type='text']::-webkit-input-placeholder, footer .search-form input[type='text']::-webkit-input-placeholder {
        color: #aba3a3; }
      #sidebar .search-form input[type='text']::-moz-placeholder, footer .search-form input[type='text']::-moz-placeholder {
        color: #aba3a3; }
      #sidebar .search-form input[type='text']:-moz-placeholder, footer .search-form input[type='text']:-moz-placeholder {
        color: #aba3a3; }
      #sidebar .search-form input[type='text']:-ms-input-placeholder, footer .search-form input[type='text']:-ms-input-placeholder {
        color: #aba3a3; }
      #sidebar .search-form input[type='text']:focus, footer .search-form input[type='text']:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        border-color: #3ba5e3; }
    #sidebar .search-form .search-submit, footer .search-form .search-submit {
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0.9;
      background-repeat: no-repeat;
      background-color: #3ba5e3;
      width: 43px;
      height: 43px;
      display: inline-block;
      margin-right: 0;
      font-size: 15px;
      color: #fff;
      display: inline-block;
      border: none;
      -webkit-transition: 0.5s all ease;
      transition: 0.5s all ease;
      -webkit-border-radius: 0px 3px 3px 0px;
      border-radius: 0px 3px 3px 0px;
      float: right; }
      #sidebar .search-form .search-submit:hover, footer .search-form .search-submit:hover {
        opacity: 1; }
  #sidebar ul.social-links, footer ul.social-links {
    overflow: visible;
    margin-top: 25px;
    margin-left: 7px; }
    #sidebar ul.social-links li, footer ul.social-links li {
      margin-right: 17px; }
      #sidebar ul.social-links li:last-child, footer ul.social-links li:last-child {
        margin-right: 0; }
      #sidebar ul.social-links li a, footer ul.social-links li a {
        color: #fff; }
  #sidebar p, footer p {
    margin-bottom: 10px; }
  #sidebar form .selectize-input.full, footer form .selectize-input.full {
    font-weight: 400;
    color: #564e4e;
    border: 2px solid #928d8d; }
  #sidebar form .selectize-control.single .selectize-input:after, footer form .selectize-control.single .selectize-input:after {
    border-color: #928d8d transparent transparent transparent; }
  #sidebar form .selectize-control.single .selectize-input.dropdown-active:after, footer form .selectize-control.single .selectize-input.dropdown-active:after {
    border-color: transparent transparent #928d8d transparent; }
  #sidebar img, footer img {
    max-width: 100%;
    height: auto; }

.blog h1, .single-post h1, .search-results h1, .category h1, .archive h1 {
  font-size: 47px; }

.blog h2, .single-post h2, .search-results h2, .category h2, .archive h2 {
  font-size: 40px; }

.blog h3, .single-post h3, .search-results h3, .category h3, .archive h3 {
  font-size: 35px; }

.blog h4, .single-post h4, .search-results h4, .category h4, .archive h4 {
  font-size: 27px; }

.blog h5, .single-post h5, .search-results h5, .category h5, .archive h5 {
  font-size: 20px; }

.blog h6, .single-post h6, .search-results h6, .category h6, .archive h6 {
  font-size: 17px; }

.blog .single-post p, .single-post .single-post p, .search-results .single-post p, .category .single-post p, .archive .single-post p {
  margin: 0 0 20px 0;
  color: #5c5c5c; }

.blog .single-post, .single-post .single-post, .search-results .single-post, .category .single-post, .archive .single-post {
  padding-top: 120px; }
  .blog .single-post .heading-title, .single-post .single-post .heading-title, .search-results .single-post .heading-title, .category .single-post .heading-title, .archive .single-post .heading-title {
    margin-top: 30px;
    margin-bottom: 50px; }
    .blog .single-post .heading-title h2, .single-post .single-post .heading-title h2, .search-results .single-post .heading-title h2, .category .single-post .heading-title h2, .archive .single-post .heading-title h2 {
      font-weight: 500; }

.blog .post-data, .single-post .post-data, .search-results .post-data, .category .post-data, .archive .post-data {
  margin-bottom: 15px; }
  .blog .post-data p, .single-post .post-data p, .search-results .post-data p, .category .post-data p, .archive .post-data p {
    color: #6b6b6b;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0px; }
    .blog .post-data p:after, .single-post .post-data p:after, .search-results .post-data p:after, .category .post-data p:after, .archive .post-data p:after {
      content: "";
      color: #3ba5e3;
      display: inline-block;
      position: relative;
      margin-right: 9px;
      margin-left: 14px;
      font-family: "FontAwesome"; }
    .blog .post-data p:last-child:after, .single-post .post-data p:last-child:after, .search-results .post-data p:last-child:after, .category .post-data p:last-child:after, .archive .post-data p:last-child:after {
      display: none; }
    .blog .post-data p a, .single-post .post-data p a, .search-results .post-data p a, .category .post-data p a, .archive .post-data p a {
      color: #6b6b6b;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      text-decoration: none; }
      .blog .post-data p a:hover, .single-post .post-data p a:hover, .search-results .post-data p a:hover, .category .post-data p a:hover, .archive .post-data p a:hover {
        color: #3ba5e3; }

.blog-single-post header {
  position: relative;
  background-color: #424e5c; }

.blog-single-post .sf-menu a {
  color: #424e5c; }

.blog-single-post .sf-menu > li.sfHover {
  background: none; }
  .blog-single-post .sf-menu > li.sfHover > a {
    color: #3ba5e3; }

.blog-single-post .sf-menu > li > a {
  border-bottom: 5px solid transparent;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  color: #fff; }
  .blog-single-post .sf-menu > li > a:hover {
    color: #3ba5e3; }

.blog-single-post .sf-menu ul {
  border-top: 2px solid #3ba5e3;
  background-color: #fff; }
  .blog-single-post .sf-menu ul li {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }
    .blog-single-post .sf-menu ul li:last-child {
      border-bottom: none; }
    .blog-single-post .sf-menu ul li:hover a {
      color: #424e5c; }

.blog-single-post .sf-arrows li > .sf-with-ul:after {
  border-top-color: #fff; }

.blog-single-post .sf-arrows li .sf-with-ul:focus:after, .blog-single-post .sf-arrows li:hover > .sf-with-ul:after {
  border-top-color: #3ba5e3; }

.blog-single-post .sf-arrows .sfHover .sf-with-ul:after {
  border-top-color: #3ba5e3; }

.post {
  margin-bottom: 60px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e7e7e7;
  width: 100%; }
  .post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none; }
  .post.sticky {
    padding-bottom: 0;
    border-bottom: none; }
  .post .post-thumb {
    position: relative;
    margin-bottom: 35px; }
  .post.sticky .post-thumb {
    margin-bottom: 0; }
  .post img {
    max-width: 100%;
    vertical-align: bottom;
    -webkit-transition: ease-in-out 0.50s;
    transition: ease-in-out 0.50s; }
  .post .content + p {
    font-size: 14px;
    font-weight: 700;
    color: #979797; }
  .post .content .btn-default {
    color: #fff;
    background-color: #3ba5e3; }
    .post .content .btn-default:hover {
      color: #fff;
      text-decoration: none;
      -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
      transform: translateY(-2px); }
  .post h2, .post h1 {
    margin: 25px 0 10px 0;
    font-weight: 700; }

.slider-portfolio-single .slide img {
  width: 100%; }

.post.sticky {
  position: relative;
  background: #f8f8f8; }
  .post.sticky .post-data {
    padding-left: 0;
    padding-right: 30px; }
    .post.sticky .post-data p {
      margin-bottom: 0; }
  .post.sticky .content {
    padding: 40px 40px 55px 40px; }
  .post.sticky:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent #3ba5e3 transparent transparent; }
  .post.sticky:before {
    content: "\f135";
    position: absolute;
    color: #fff;
    z-index: 1;
    top: 7px;
    right: 17px;
    font-size: 14px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .post.sticky:after {
    right: 0; }
  .post.sticky:before {
    right: 10px; }

.post-thumbnail {
  margin-bottom: 20px; }

.single-post {
  padding-bottom: 50px; }

body.single-post {
  padding-bottom: 0; }

.info span {
  margin: 0 5px; }
  .info span:first-child {
    margin-left: 0; }

.entry-content blockquote {
  margin: 30px 0; }

.format {
  display: inline-block;
  background: #f8f8f8;
  font-size: 0;
  letter-spacing: 0;
  margin: -1px 0px 0px 20px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  vertical-align: middle;
  font-weight: normal; }
  .format:hover {
    background: #f8f8f8; }
  .format:before {
    font-family: FontAwesome;
    content: "\f0f6";
    display: inherit;
    font-size: 15px;
    vertical-align: middle;
    color: #979797; }

.format-standard .format:before {
  content: "\f03e"; }

.type-page .format:before {
  content: "\f0f6"; }

.format-chat .format:before {
  content: "\f086"; }

.format-quote .format:before {
  content: "\f10d"; }

.format-link .format:before {
  content: "\f0c1"; }

.format-status .format:before {
  content: "\f075"; }

.format-aside .format:before {
  content: "\f10c"; }

.format-video .format:before {
  content: "\f04b"; }

.format-audio .format:before {
  content: "\f025"; }

.format-image .format:before {
  content: "\f03e"; }

.format-gallery .format:before {
  content: "\f030"; }

.gallery-item {
  display: inline-block;
  padding: 1.79104477%;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-item figcaption {
    padding: 15px 5px 0 5px; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-item a {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  .gallery-item a:hover {
    opacity: 0.6; }

.excerpt {
  margin-top: 30px; }

article.post .nav-links a, .comment-navigation div a {
  display: inline-block;
  background: #f8f8f8;
  padding: 10px;
  width: 49%;
  text-align: center;
  margin-top: 30px; }

article.post .nav-links a:hover {
  background: #26a1e0;
  color: #fff; }

.comment-navigation div a:hover {
  background: #26a1e0;
  color: #fff; }

.comment-navigation h1 {
  display: none; }

.comment-navigation div a {
  margin-top: 0; }

#comment-nav-below {
  margin-bottom: 30px; }

.page-links {
  margin-bottom: 30px;
  clear: both;
  margin: 0 0 1.5em; }
  .page-links a {
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    background: #26a1e0; }
  .page-links span {
    margin-right: 5px; }
  .page-links a span {
    margin: 0; }

.post .br-content p {
  font-size: 15px; }

h3#reply-title:after {
  content: '';
  display: block;
  height: 2px;
  width: 70px;
  background: #26a1e0;
  margin: 20px 0 0 0;
  -webkit-animation: title-border .5s ease-in;
  animation: title-border .5s ease-in; }

.single-post article:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none; }

.single-post header, .single-product header {
  position: relative;
  background-color: #212124; }

.single-post .content-wrap-lfm header, .single-product .content-wrap-lfm header {
  position: fixed; }

.blog blockquote, .single blockquote, .search-results blockquote, .category blockquote, .archive blockquote {
  font-size: 16px;
  color: #3a3a3a;
  margin: 0;
  margin-bottom: 15px;
  padding: 20px;
  border-left: 3px solid #d9d9d9;
  background: #f8f8f8; }
  .blog blockquote ol:last-child, .blog blockquote p:last-child, .blog blockquote ul:last-child, .single blockquote ol:last-child, .single blockquote p:last-child, .single blockquote ul:last-child, .search-results blockquote ol:last-child, .search-results blockquote p:last-child, .search-results blockquote ul:last-child, .category blockquote ol:last-child, .category blockquote p:last-child, .category blockquote ul:last-child, .archive blockquote ol:last-child, .archive blockquote p:last-child, .archive blockquote ul:last-child {
    margin-bottom: 0; }

.blog .blockquote-post .br-content, .single .blockquote-post .br-content, .search-results .blockquote-post .br-content, .category .blockquote-post .br-content, .archive .blockquote-post .br-content {
  padding-bottom: 30px; }

.blog .blockquote-post .post-data, .single .blockquote-post .post-data, .search-results .blockquote-post .post-data, .category .blockquote-post .post-data, .archive .blockquote-post .post-data {
  padding-top: 0; }

.blog .format-quote .tags, .single .format-quote .tags, .search-results .format-quote .tags, .category .format-quote .tags, .archive .format-quote .tags {
  margin-top: 20px; }

.blog .format-audio .br-content, .single .format-audio .br-content, .search-results .format-audio .br-content, .category .format-audio .br-content, .archive .format-audio .br-content {
  padding-bottom: 30px; }

.single-post .search-form input[type='text'] {
  display: inline-block;
  max-width: 300px; }

.single-post .search-form .search-submit {
  padding-left: 20px;
  display: inline-block;
  -webkit-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
  font-size: 17px;
  margin-right: 20px;
  padding-top: 7px;
  padding-bottom: 9px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative; }

.search-form input {
  color: #555 !important; }

.tags {
  font-weight: 600; }
  .tags a {
    color: #555;
    font-weight: 300;
    font-size: 14px; }

#wp-calendar td a {
  background-color: #3ba5e3; }

.post-password-form input[type='password'] {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dadada;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  margin-left: 10px; }

.post-password-form input[type='submit'] {
  background-color: #3ba5e3;
  display: inline-block;
  border: none;
  color: #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 15px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 20px; }

.br-blog-top {
  padding-top: 180px; }
  .br-blog-top .horizontal-line span {
    width: 75px; }

/*==========  Blog Author Bio ==========*/
.al-author-bio {
  overflow: hidden;
  background: #3a3a3a;
  padding: 30px; }
  .al-author-bio h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: inherit; }
  .al-author-bio p {
    color: #eee;
    font-size: 14px; }
  .al-author-bio .al-profile-img {
    text-align: center;
    float: left; }
    .al-author-bio .al-profile-img img {
      -webkit-border-radius: 50%;
      border-radius: 50%; }
  .al-author-bio .al-author-info {
    padding-left: 120px;
    color: #eee; }
    .al-author-bio .al-author-info p {
      margin: 0; }

/*==========  Blog  ==========*/
.content a {
  color: #3ba5e3; }

.al-entry-title {
  margin-bottom: 10px;
  margin-top: 0;
  font-size: 21px;
  font-weight: 700;
  line-height: 21px; }
  .al-entry-title:after {
    display: none; }
  .al-entry-title a {
    color: #393939;
    text-decoration: none;
    -webkit-transition: ease-in-out 0.60s;
    transition: ease-in-out 0.60s; }
    .al-entry-title a:hover {
      color: #3ba5e3;
      text-decoration: none; }

h1.al-entry-title {
  font-size: 30px;
  margin-bottom: 20px; }

h3.al-entry-title {
  font-size: 30px; }

.al-share-post {
  padding-top: 20px;
  padding-bottom: 20px; }
  .al-share-post h4, .al-share-post ul.al-share-post-links {
    display: inline-block; }
  .al-share-post h4 {
    font-size: 14px;
    font-weight: 500; }

.al-share-post-links {
  padding-left: 20px; }
  .al-share-post-links li {
    background-color: #ececec;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .al-share-post-links li:first-child {
      margin-left: 0; }
    .al-share-post-links li:hover {
      background-color: #3ba5e3; }
      .al-share-post-links li:hover a {
        color: #fff; }
    .al-share-post-links li a {
      width: 40px;
      height: 40px;
      color: #797979;
      display: block;
      vertical-align: middle;
      font-size: 14px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      line-height: 40px; }
      .al-share-post-links li a i {
        vertical-align: middle; }

.al-single .post {
  margin: 0;
  padding-bottom: 30px; }

.al-single .al-entry-title {
  margin-top: 0;
  line-height: 42px; }

.al-single .al-post-data {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ececec; }

article {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }

article.post .content p {
  font-size: 15px; }

article.type-page .al-content-post {
  margin-bottom: 15px; }

.al-entry-content {
  margin-bottom: 60px; }

.al-search-page p {
  margin-top: 0;
  font-weight: 400;
  margin-bottom: 10px; }

.al-search-page .search-form input {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dadada;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  color: #555;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .al-search-page .search-form input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border-color: #3ba5e3; }
  .al-search-page .search-form input::-webkit-input-placeholder {
    color: #c1c1c1; }
  .al-search-page .search-form input::-moz-placeholder {
    color: #c1c1c1; }
  .al-search-page .search-form input:-moz-placeholder {
    color: #c1c1c1; }
  .al-search-page .search-form input:-ms-input-placeholder {
    color: #c1c1c1; }

.al-search-page .search-form .search-submit {
  background-color: #3ba5e3;
  display: inline-block;
  border: none;
  color: #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  font-size: 17px;
  padding-top: 7px;
  padding-bottom: 9px;
  padding-left: 16px;
  padding-right: 20px;
  left: -6px; }

.tagcloud {
  overflow: hidden; }
  .tagcloud a {
    display: block;
    float: left;
    background: #dfdfdf;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #5c5c5c;
    font-size: 14px !important;
    padding: 6px 12px;
    margin: 0 6px 6px 0;
    -webkit-transition: all ease 0.55s;
    transition: all ease 0.55s;
    text-decoration: none; }
    .tagcloud a:hover {
      background: #3ba5e3;
      color: #fff; }

select {
  background: #fff url("../img/arrow-down.png") 95% 50% no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #fff;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  display: block;
  width: 100%;
  text-overflow: '';
  outline: none;
  text-indent: 0.01px;
  padding-top: 9px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 8px;
  margin-bottom: 10px;
  color: #eeeeee;
  cursor: pointer;
  -webkit-transition: all ease 0.50s;
  transition: all ease 0.50s; }
  select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border-color: #3ba5e3; }
  select::-webkit-input-placeholder {
    font-size: 14px;
    color: #fff; }
  select::-moz-placeholder {
    font-size: 14px;
    color: #fff; }
  select:-moz-placeholder {
    font-size: 14px;
    color: #fff; }
  select:-ms-input-placeholder {
    font-size: 14px;
    color: #fff; }

.al-page-links {
  font-style: italic;
  font-size: 14px;
  margin-top: 35px;
  margin-bottom: 35px; }
  .al-page-links .al-page-links-title {
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    color: #333; }
  .al-page-links span {
    padding: 7px 14px 7px 11px; }
  .al-page-links a {
    background-color: #3a3a3a;
    color: #fff !important;
    padding: 7px 14px 7px 11px;
    text-align: center;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    text-decoration: none; }
    .al-page-links a:hover {
      background-color: #55606c; }
    .al-page-links a span {
      padding: 0;
      background-color: transparent; }
  .al-page-links span {
    background-color: #3ba5e3;
    color: #fff; }

/*==========  Blog post info ==========*/
.al-post-data {
  margin-bottom: 15px;
  margin-top: 20px;
  font-size: 16px;
  color: #000;
  font-weight: 500; }
  .al-post-data .al-post-author {
    display: inline-block; }
    .al-post-data .al-post-author a {
      color: #3ba5e3; }
  .al-post-data .al-category {
    display: inline-block;
    margin-right: 5px; }
    .al-post-data .al-category a {
      color: #3ba5e3; }

/*==========  Blog tags category ==========*/
.al-post-tags {
  overflow: hidden;
  width: 100%; }
  .al-post-tags span {
    float: left;
    font-size: 14px;
    font-weight: 500;
    margin-right: 20px;
    padding: 3px 0px 2px  0px; }
  .al-post-tags a {
    display: block;
    float: left;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #5c5c5c;
    font-size: 13px;
    padding: 4px 10px;
    margin: 0 6px 6px 0;
    -webkit-transition: all ease 0.55s;
    transition: all ease 0.55s;
    text-decoration: none; }
    .al-post-tags a:hover {
      background: #3ba5e3;
      color: #fff; }

/*==========  Blog pagination ==========*/
nav.al-blog-pagination {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  background-color: #f3f2f2; }
  nav.al-blog-pagination:before {
    content: "";
    display: block;
    height: 2px;
    width: 55px;
    background-color: #3ba5e3;
    margin: 0 auto;
    margin-bottom: 30px; }
  nav.al-blog-pagination a {
    color: #eee;
    padding: 11px 15px 11px 15px;
    background-color: #424e5c;
    display: inline-block; }
  nav.al-blog-pagination span {
    padding: 11px 15px 11px 15px;
    background-color: #3ba5e3;
    color: #fff;
    display: inline-block; }

/*==========  Blog masonry ==========*/
.al-masonry-posts[data-size="4"] article {
  width: 23.5%;
  display: block; }

.al-masonry-posts[data-size="3"] article {
  width: 32%;
  display: block; }

.al-masonry-posts[data-size="2"] article {
  width: 49%;
  display: block; }

.al-masonry-posts .gutter-sizer {
  width: 2%; }

.al-masonry-blog {
  background-color: #eee; }
  .al-masonry-blog .al-masonry-posts article {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    padding-bottom: 0;
    background-color: #fff;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    margin-bottom: 30px; }
    .al-masonry-blog .al-masonry-posts article .post-thumb {
      margin-bottom: 0;
      overflow: hidden;
      -webkit-border-radius: 4px 4px 0px 0px;
      border-radius: 4px 4px 0px 0px; }
    .al-masonry-blog .al-masonry-posts article .content {
      padding: 20px; }
    .al-masonry-blog .al-masonry-posts article .al-entry-title {
      font-size: 25px;
      line-height: 32px; }
  .al-masonry-blog .al-ajax-navigation {
    margin-top: 0;
    padding-bottom: 30px; }
  .al-masonry-blog .single-blog .single-post {
    padding-bottom: 0; }
  .al-masonry-blog #sidebar .al-widget {
    border: 10px solid #e2e2e2; }
    .al-masonry-blog #sidebar .al-widget h4 {
      background-color: #eee; }

/*==========  Blog Comments ==========*/
.al-comment-any-page {
  padding-bottom: 50px; }

.al-comments {
  margin-top: 50px; }
  .al-comments ul.al-comments-list {
    margin-bottom: 50px;
    padding: 0; }
    .al-comments ul.al-comments-list li.al-comment-item {
      margin-top: 50px;
      list-style: none; }
      .al-comments ul.al-comments-list li.al-comment-item ul.children li.al-comment-item {
        margin-left: 30px;
        margin-top: 30px;
        padding-top: 30px; }
  .al-comments svg.al-svg-line {
    display: block;
    height: 10px;
    width: 45px;
    fill: #3ba5e3;
    margin: 0 auto;
    margin-top: 13px;
    margin-bottom: 18px;
    margin-left: 0; }

.al-comments-number {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px; }

.al-comment-item .al-comment-photo {
  float: left; }
  .al-comment-item .al-comment-photo img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 70px;
    height: 70px; }

.al-comments-title h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px; }

.al-comments-title svg.al-svg-line {
  display: block;
  height: 10px;
  width: 45px;
  fill: #3ba5e3;
  margin: 0 auto;
  margin-top: 13px;
  margin-bottom: 18px;
  margin-left: 0; }

.al-comments-title a#cancel-comment-reply-link {
  color: #636363;
  font-size: 15px; }

.al-comment-content {
  padding-left: 90px; }

.al-comment-no-padding {
  padding-left: 0; }

.al-comment-header {
  margin-bottom: 10px; }
  .al-comment-header a {
    display: block;
    color: #a2a2a2;
    font-size: 14px; }
  .al-comment-header span {
    display: block;
    font-weight: 500;
    color: #4c4c4c; }

.al-comment-text a.comment-reply-link {
  background-color: #3ba5e3;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding: 4px 8px 4px 8px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .al-comment-text a.comment-reply-link:hover {
    background-color: #424e5c; }

.al-comment-text a.comment-edit-link {
  color: #636363;
  font-size: 13px;
  margin-left: 5px; }

.al-comment-text p {
  font-size: 14px;
  color: #3a3a3a;
  margin-bottom: 10px !important;
  background-color: #f7f7f7;
  padding: 15px 20px 15px 20px;
  letter-spacing: 0.3px; }

.al-comment-form input[type='text'], .al-comment-form textarea {
  outline: none;
  font-size: 14px;
  margin-bottom: 25px;
  color: #333;
  border: 2px solid #eee; }
  .al-comment-form input[type='text']:active, .al-comment-form input[type='text']:focus, .al-comment-form textarea:active, .al-comment-form textarea:focus {
    border-color: #3ba5e3; }
  .al-comment-form input[type='text']::-webkit-input-placeholder, .al-comment-form textarea::-webkit-input-placeholder {
    color: #7f7979; }
  .al-comment-form input[type='text']::-moz-placeholder, .al-comment-form textarea::-moz-placeholder {
    color: #7f7979; }
  .al-comment-form input[type='text']:-moz-placeholder, .al-comment-form textarea:-moz-placeholder {
    color: #7f7979; }
  .al-comment-form input[type='text']:-ms-input-placeholder, .al-comment-form textarea:-ms-input-placeholder {
    color: #7f7979; }

.al-comment-form input[type='submit'] {
  margin-top: 0px;
  font-size: 14px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  color: #fff;
  padding: 10px 30px 10px 30px;
  display: inline-block;
  background-color: #3ba5e3;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
  line-height: 21px;
  border: 2px solid transparent;
  letter-spacing: 1.2px; }
  .al-comment-form input[type='submit']:hover {
    background-color: transparent;
    border-color: #3ba5e3;
    color: #3ba5e3; }
  .al-comment-form input[type='submit']:active, .al-comment-form input[type='submit']:focus, .al-comment-form input[type='submit']:visited {
    text-decoration: none; }

.children .al-comment-item {
  border-top: 1px solid #f3e8e8; }

/*--------------------------------------------------------------
 	*## Single posts navigation(Prev/Next)
 *-------------------------------------------------------------- */
.al-post-single-navigation {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  background: #333;
  margin-top: 30px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .al-post-single-navigation .al-left, .al-post-single-navigation .al-right {
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: middle; }
    .al-post-single-navigation .al-left a, .al-post-single-navigation .al-right a {
      color: #fff;
      text-decoration: none;
      line-height: 12px;
      padding: 20px 0 20px 0; }
      .al-post-single-navigation .al-left a i, .al-post-single-navigation .al-right a i {
        padding: 20px;
        height: 52px;
        -webkit-transition: all ease 0.4s;
        transition: all ease 0.4s; }
    .al-post-single-navigation .al-left:hover a i, .al-post-single-navigation .al-right:hover a i {
      background-color: #000; }
  .al-post-single-navigation .al-left {
    text-align: left;
    border-right: 1px solid rgba(255, 255, 255, 0.05); }
    .al-post-single-navigation .al-left a i {
      border-right: 1px solid rgba(227, 227, 227, 0.24);
      margin-right: 20px; }
  .al-post-single-navigation .al-right {
    text-align: right; }
    .al-post-single-navigation .al-right a i {
      margin-left: 20px;
      border-left: 1px solid rgba(227, 227, 227, 0.24); }

/*--------------------------------------------------------------
 *## Widgets
 *-------------------------------------------------------------- */
#sidebar .al-widget {
  margin-bottom: 50px;
  border: 10px solid #f3f3f3;
  position: relative;
  padding: 35px 30px 35px 30px; }
  #sidebar .al-widget ul li {
    color: #5c5c5c; }
    #sidebar .al-widget ul li:last-child {
      margin-bottom: 0; }
  #sidebar .al-widget .al-widget-title {
    position: absolute;
    top: -24px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto; }
  #sidebar .al-widget h4 {
    background-color: #fff;
    display: inline-block;
    padding: 10px 25px 10px 25px;
    margin: 0;
    font-size: 16px;
    line-height: 20px; }
  #sidebar .al-widget select {
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #5c5c5c;
    margin-bottom: 0;
    padding: 9px 20px; }

/*--------------------------------------------------------------
 *## Borderize default posts
 *-------------------------------------------------------------- */
.al-index-posts article:not(.sticky), .al-posts:not(.al-masonry-posts) article:not(.sticky) {
  font-family: Poppins, sans-serif;
  border: none; }
  .al-index-posts article:not(.sticky) .post-thumb, .al-posts:not(.al-masonry-posts) article:not(.sticky) .post-thumb {
    margin-bottom: 45px; }
  .al-index-posts article:not(.sticky) .content, .al-posts:not(.al-masonry-posts) article:not(.sticky) .content {
    position: relative;
    margin-top: 0px;
    padding: 34px 40px 55px 50px; }
    .al-index-posts article:not(.sticky) .content:before, .al-posts:not(.al-masonry-posts) article:not(.sticky) .content:before {
      content: '';
      position: absolute;
      border: 10px solid #f3f3f3;
      display: block;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0px;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s;
      z-index: -1; }
    .al-index-posts article:not(.sticky) .content .al-entry-title, .al-posts:not(.al-masonry-posts) article:not(.sticky) .content .al-entry-title {
      padding: 0;
      display: inline-block;
      background-color: #fff;
      position: absolute;
      z-index: 3;
      top: -30px;
      line-height: 50px;
      font-size: 30px;
      padding: 10px 30px 10px 30px; }
  .al-index-posts article:not(.sticky):hover .content:before, .al-posts:not(.al-masonry-posts) article:not(.sticky):hover .content:before {
    border-color: #3ba5e3; }

/*==========  Desktop First Method  ==========*/
/*END Left menu style normal*/
@media only screen and (max-width: 1200px) {
  .avatar-80 {
    width: 50px;
    height: 50px; } }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  /**/
  .blog-classic .post-content-classic {
    margin-top: 20px; }
  .blog-classic .post.sticky:after {
    right: 15px; }
  .blog-classic .post.sticky:before {
    right: 8px;
    margin-right: 15px; }
  /*Blog*/
  .comment-list .children .children li {
    padding-left: 50px; }
  #sidebar:before {
    display: none; }
  /* Blog Masonry */
  .al-masonry-posts[data-size="3"] article {
    width: 48.5%; }
  .al-masonry-posts[data-size="4"] article {
    width: 48.5%; } }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  /**/
  #sidebar {
    padding-bottom: 30px; }
  /* Blog Masonry */
  .al-masonry-posts[data-size="3"] .post, .al-masonry-posts[data-size="2"] article, .al-masonry-posts[data-size="4"] article {
    width: 100%; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  /**/
  .post .post-data p {
    font-size: 13px; }
  .post .content h3 {
    font-size: 18px; }
  .al-masonry-posts[data-size="3"] article, .al-masonry-posts[data-size="4"] article, .al-masonry-posts[data-size="2"] article {
    width: 100%; } }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  /**/ }

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /**/ }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /**/ }

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /**/ }

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /**/ }

.logo {
  text-decoration: none;
  display: inline-block;
  padding: 31px 0px 31px 0px;
  font-size: 25px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  -webkit-transition: all ease .6s;
  transition: all ease .6s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  min-width: 90px; }
  .logo:hover {
    text-decoration: none;
    color: #fff; }
  .logo:focus {
    color: #3ba5e3;
    outline: none;
    text-decoration: none; }
  .logo .logo-dark {
    display: none; }
  .logo img, .logo svg {
    height: 45px; }

header {
  -webkit-transition: all ease 0.50s;
  transition: all ease 0.50s;
  position: absolute;
  top: auto;
  width: 100%;
  background-color: transparent;
  z-index: 4;
  /*Dark logo*/ }
  header .top-menu {
    float: right; }
  header .dark-logo .logo-white {
    display: none; }
  header .dark-logo .logo-dark {
    display: block; }

form .btn {
  margin-top: 25px; }

.al-nav-container-rel {
  text-align: center; }

.fullscreen-nav-open header .logo {
  color: #434343; }

body:not(.al-sidenav) .al-relative-header {
  position: relative;
  border-bottom: 1px solid #f1f1f1;
  /*Dark logo*/ }
  body:not(.al-sidenav) .al-relative-header .toggle-top span {
    background-color: #424242; }
  body:not(.al-sidenav) .al-relative-header .sf-menu > li > a {
    color: #424242; }
  body:not(.al-sidenav) .al-relative-header .toggle-mnu span {
    background-color: #424242; }
    body:not(.al-sidenav) .al-relative-header .toggle-mnu span:after, body:not(.al-sidenav) .al-relative-header .toggle-mnu span:before {
      background-color: #424242; }
  body:not(.al-sidenav) .al-relative-header .toggle-mnu.on span {
    background-color: transparent; }
  body:not(.al-sidenav) .al-relative-header .sf-menu ul.sub-menu {
    margin-top: -22px;
    left: 16px; }
    body:not(.al-sidenav) .al-relative-header .sf-menu ul.sub-menu ul.sub-menu {
      margin-top: auto;
      left: 100%; }
  body:not(.al-sidenav) .al-relative-header .sf-arrows .sf-with-ul:after {
    color: #424242; }
  body:not(.al-sidenav) .al-relative-header .logo {
    color: #424242; }
  body:not(.al-sidenav) .al-relative-header .logo-dark {
    display: block; }
  body:not(.al-sidenav) .al-relative-header .logo-white {
    display: none; }

body:not(.al-sidenav) .al-relative-header.is-sticky {
  position: fixed; }
  body:not(.al-sidenav) .al-relative-header.is-sticky .logo-white {
    display: block; }
  body:not(.al-sidenav) .al-relative-header.is-sticky .logo-dark {
    display: none; }
  body:not(.al-sidenav) .al-relative-header.is-sticky .sf-menu > li > a {
    color: #fff; }
  body:not(.al-sidenav) .al-relative-header.is-sticky .sf-arrows .sf-with-ul:after {
    color: #fff; }
  body:not(.al-sidenav) .al-relative-header.is-sticky .logo {
    color: #fff; }
  body:not(.al-sidenav) .al-relative-header.is-sticky .toggle-mnu span {
    background-color: #fff; }
    body:not(.al-sidenav) .al-relative-header.is-sticky .toggle-mnu span:after, body:not(.al-sidenav) .al-relative-header.is-sticky .toggle-mnu span:before {
      background-color: #fff; }
  body:not(.al-sidenav) .al-relative-header.is-sticky .toggle-mnu.on span:after, body:not(.al-sidenav) .al-relative-header.is-sticky .toggle-mnu.on span:before {
    background-color: #424242; }
  body:not(.al-sidenav) .al-relative-header.is-sticky .toggle-top span {
    background-color: #fff; }

body:not(.al-sidenav).active-fullscreen-topnav .al-relative-header .logo-white {
  display: block; }

body:not(.al-sidenav).active-fullscreen-topnav .al-relative-header .logo-dark {
  display: none; }

body:not(.al-sidenav).active-fullscreen-topnav .al-relative-header .sf-menu > li > a {
  color: #fff; }

body:not(.al-sidenav).active-fullscreen-topnav .al-relative-header .sf-arrows .sf-with-ul:after {
  color: #fff; }

body:not(.al-sidenav).active-fullscreen-topnav .al-relative-header .logo {
  color: #fff; }

body:not(.al-sidenav).active-fullscreen-topnav .al-relative-header .toggle-top span {
  background-color: #fff; }

body:not(.al-sidenav).active-fullscreen-topnav .al-relative-header span:nth-of-type(1) {
  background-color: transparent;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

body:not(.al-sidenav).active-fullscreen-topnav .al-relative-header span:nth-of-type(2) {
  width: 25px;
  -webkit-transform: rotate(-45deg) translate(-6px, 0px);
  -ms-transform: rotate(-45deg) translate(-6px, 0px);
  transform: rotate(-45deg) translate(-6px, 0px);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  background-color: #fff; }

body:not(.al-sidenav).active-fullscreen-topnav .al-relative-header span:nth-of-type(3) {
  background-color: transparent;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

body:not(.al-sidenav).active-fullscreen-topnav .al-relative-header span:nth-of-type(4) {
  width: 25px;
  -webkit-transform: rotate(45deg) translate(-5px, 0px);
  -ms-transform: rotate(45deg) translate(-5px, 0px);
  transform: rotate(45deg) translate(-5px, 0px);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  background-color: #fff; }

body:not(.al-sidenav).active-fullscreen-topnav .al-relative-header span:nth-of-type(5) {
  background-color: transparent;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.al-relative-header .al-full-vh {
  height: -webkit-calc(100vh - 95px) !important;
  height: calc(100vh - 95px) !important; }

.al-relative-header .fullscreen-topnav {
  top: 63px; }

.active-fullscreen-topnav header.al-relative-header .toggle-mnu span {
  background-color: #fff !important; }
  .active-fullscreen-topnav header.al-relative-header .toggle-mnu span:after, .active-fullscreen-topnav header.al-relative-header .toggle-mnu span:before {
    background-color: #fff !important; }

.al-slider {
  position: relative;
  overflow: hidden;
  padding: 0; }
  .al-slider .buttons-section {
    margin-top: 45px; }
  .al-slider .dots-control-carousel {
    position: absolute;
    z-index: 3;
    margin-top: 0;
    bottom: 30px;
    right: 30px; }
    .al-slider .dots-control-carousel li {
      margin-right: 12px; }
      .al-slider .dots-control-carousel li button {
        font-size: 0px;
        padding: 0;
        height: 15px;
        width: 15px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        outline: none;
        opacity: 0.5;
        background-color: transparent;
        border: 3px solid #fff;
        display: block; }
    .al-slider .dots-control-carousel .slick-active button {
      position: relative;
      top: -1px;
      width: 15px;
      height: 15px;
      opacity: 1;
      border: none;
      background: #fff; }

.tlt span {
  color: #fff; }

.letter-s-8 {
  letter-spacing: 8px; }

.full-slider .slide .img-slide {
  margin-bottom: 30px; }

/*Customize for slids*/
.full-slider .slide, .wrap-header .slide {
  /*small text*/ }
  .full-slider .slide .head-desc .description-slide, .wrap-header .slide .head-desc .description-slide {
    margin-top: 0; }
  .full-slider .slide .small-text .description-slide, .wrap-header .slide .small-text .description-slide {
    font-weight: 300;
    font-size: 14px; }
  .full-slider .slide .small-text .heading-title-big, .wrap-header .slide .small-text .heading-title-big {
    font-size: 45px; }
  .full-slider .slide .black-text .description-slide, .full-slider .slide .black-text .heading-title-big, .wrap-header .slide .black-text .description-slide, .wrap-header .slide .black-text .heading-title-big {
    color: #1d1c1c; }

/*home*/
.dark-load header {
  z-index: 6;
  background-color: #1d1d1d; }

/*About us*/
.about-us {
  background-color: #fff;
  position: relative; }

/*Into slider*/
.al-inslider-item {
  background-color: #111;
  color: #fff;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
  text-align: center; }
  .al-inslider-item .al-icon-text-container {
    background-color: #3b3b3b;
    width: 70px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    line-height: 70px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 43px rgba(140, 139, 139, 0.18);
    box-shadow: 0 0 43px rgba(140, 139, 139, 0.18); }
  .al-inslider-item i {
    font-size: 30px;
    color: #fff; }
  .al-inslider-item h4 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
    letter-spacing: 0.6px; }
  .al-inslider-item p {
    font-size: 14px;
    color: #fff; }

/*==========   	Item about  ==========*/
.item-about {
  position: relative;
  margin-bottom: 50px; }
  .item-about .icon {
    display: inline-block;
    padding-right: 10px;
    float: left;
    min-width: 80px; }
    .item-about .icon .al-mini-icon {
      background-color: #fff;
      text-align: center;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      height: 70px;
      width: 70px;
      line-height: 70px;
      vertical-align: middle;
      position: relative;
      z-index: 2;
      -webkit-box-shadow: 0 0 30px rgba(45, 45, 45, 0.08);
      box-shadow: 0 0 30px rgba(45, 45, 45, 0.08);
      border: 1px solid #f5f5f5;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .item-about .icon .al-mini-icon i {
        font-size: 33px;
        color: #3ba5e3;
        line-height: inherit;
        -webkit-transition: all 0.4 ease;
        transition: all 0.4 ease; }
    .item-about .icon .bg-icon {
      position: absolute;
      top: -60px;
      left: 50px;
      z-index: 1; }
      .item-about .icon .bg-icon i {
        font-size: 152px;
        opacity: 0.0250; }
  .item-about .content {
    padding-left: 20px;
    overflow: hidden; }
    .item-about .content h3 {
      font-size: 20px;
      font-weight: 600;
      letter-spacing: 0.8px;
      color: #555;
      margin-bottom: 0;
      letter-spacing: 0.2px;
      margin-top: 0; }
      .item-about .content h3 span {
        color: #3ba5e3; }
    .item-about .content p {
      margin-top: 8px;
      font-size: 15px;
      line-height: 22px;
      color: #6f6e6e;
      letter-spacing: 0.1px;
      line-height: 30px; }
    .item-about .content ul.list {
      margin-top: 10px; }
      .item-about .content ul.list li {
        color: #333333;
        letter-spacing: 0.1px;
        line-height: 30px;
        font-size: 16px; }
  .item-about:hover .al-mini-icon {
    background-color: #3ba5e3;
    -webkit-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff; }
    .item-about:hover .al-mini-icon:after {
      -webkit-animation: sonarEffect 1.3s ease-out 75ms;
      animation: sonarEffect 1.3s ease-out 75ms; }
    .item-about:hover .al-mini-icon i {
      color: #fff; }

/*==========   Start Choose us  ==========*/
.item-choose {
  text-align: center; }
  .item-choose .al-mini-icon {
    margin-right: 0; }
  .item-choose .icon {
    min-width: auto;
    float: none;
    padding: 0;
    margin-bottom: 20px;
    position: relative; }
    .item-choose .icon .bg-icon {
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      vertical-align: middle; }
      .item-choose .icon .bg-icon i {
        font-size: 250px;
        opacity: 0.0250; }
  .item-choose .content {
    padding-left: 0;
    position: relative;
    z-index: 2; }

.light-item .icon i {
  color: #fff; }

.light-item .content h3 {
  color: #fff; }

.light-item .content p {
  color: #e2e2e2; }

/*Services section*/
.services-section .slick-list {
  overflow: visible; }

.services-section .ui-tabs-panel .heading-title {
  margin-bottom: 0; }

.services-section .ui-tabs-panel p {
  font-size: 14px;
  line-height: 23px; }

.services-section .link-full {
  padding-top: 60px; }

/*  How we work section */
.al-icon-large-container.al-line-after:after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  border-top: 2px dashed #ccc;
  position: absolute;
  right: -34px;
  top: 99px; }

.al-icon-large-container .al-icon-container {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid rgba(66, 66, 66, 0.05);
  height: 195px;
  width: 195px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 35px;
  -webkit-box-shadow: 0 0 30px rgba(134, 134, 134, 0.15);
  box-shadow: 0 0 30px rgba(134, 134, 134, 0.15);
  padding: 49px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }
  .al-icon-large-container .al-icon-container:hover {
    border-color: #3ba5e3 !important;
    background: rgba(59, 165, 227, 0.05) !important; }
    .al-icon-large-container .al-icon-container:hover .al-icon {
      border-color: white !important;
      background-color: #3ba5e3 !important; }
      .al-icon-large-container .al-icon-container:hover .al-icon i {
        color: #fff !important; }
      .al-icon-large-container .al-icon-container:hover .al-icon:after {
        -webkit-animation: sonarEffect 1.3s ease-out 75ms;
        animation: sonarEffect 1.3s ease-out 75ms; }
  .al-icon-large-container .al-icon-container .al-icon {
    width: 90px;
    height: 90px;
    background-color: #353535;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all ease 0.75s;
    transition: all ease 0.75s;
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px);
    line-height: 90px; }
    .al-icon-large-container .al-icon-container .al-icon i {
      font-size: 40px;
      color: #fff; }

.al-icon-large-container p {
  margin-top: 14px;
  font-size: 15px;
  color: #808080;
  letter-spacing: 0.1px;
  line-height: 30px;
  font-weight: 400; }

.al-icon-large-container h3, .al-icon-large-container p {
  text-align: center; }

.al-icon-large-container h3 {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #555; }

.al-icon-progress {
  text-align: center; }
  .al-icon-progress i {
    font-size: 65px;
    line-height: 65px !important; }
  .al-icon-progress p {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 400;
    letter-spacing: 2px; }

.container-carousel {
  position: relative; }

.portfolio > div {
  padding: 0; }

.portfolio-pd > article {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  margin-top: 15px; }

.item-portfolio {
  position: relative; }
  .item-portfolio img {
    display: block;
    width: 100%;
    top: 0; }

.content-wrap {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: table; }
  .content-wrap .content-va {
    display: table-cell;
    vertical-align: middle; }

.item-wrap {
  position: relative;
  overflow: hidden; }
  .item-wrap .tizer-circle {
    position: absolute;
    right: 25px;
    top: 25px; }
  .item-wrap .content-wrap {
    position: relative; }
  .item-wrap img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .item-wrap:hover .content {
    opacity: 1; }
  .item-wrap:hover img {
    -webkit-filter: blur(10px);
    filter: blur(10px); }
  .item-wrap:hover .content::before {
    background-color: rgba(0, 0, 0, 0.7); }
  .item-wrap:hover h2, .item-wrap:hover p {
    color: #fff; }
  .item-wrap .content {
    padding-left: 40px;
    padding-right: 40px;
    position: absolute;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0; }
    .item-wrap .content::before {
      display: block;
      top: 10px;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      right: 10px;
      bottom: 10px;
      left: 10px;
      position: absolute;
      content: ''; }
  .item-wrap h2 {
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 27px;
    margin-top: 0;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase; }
  .item-wrap p {
    margin-top: 10px;
    font-size: 14px;
    color: #fff; }
    .item-wrap p:before {
      content: "";
      display: block;
      height: 1px;
      width: 30px;
      background-color: #3ba5e3;
      margin: 0 auto;
      margin-top: 12px;
      margin-bottom: 8px; }

/*Section We are in numbers*/
.al-item-number {
  text-align: center;
  border: 5px solid #4a4b4c;
  padding: 20px;
  padding-bottom: 40px;
  padding-top: 30px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 2; }
  .al-item-number:after {
    content: '';
    display: inline-block;
    border: 4px solid rgba(59, 165, 227, 0.8);
    position: absolute;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    height: -webkit-calc(100% + 10px);
    height: calc(100% + 10px);
    top: -20px;
    left: -20px;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .al-item-number:hover {
    border: 4px solid rgba(59, 165, 227, 0.8); }
    .al-item-number:hover:after {
      border: 4px solid #4a4b4c;
      opacity: 1; }
  .al-item-number .num {
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px); }
    .al-item-number .num h2 {
      font-size: 65px;
      line-height: 65px;
      font-weight: 500;
      margin-bottom: 0;
      margin-top: 0;
      color: #fff; }
  .al-item-number .name {
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px); }
    .al-item-number .name p {
      font-size: 18px;
      margin-top: 20px;
      font-weight: 400;
      color: #fff; }

.al-item-number-icon i {
  color: #fff;
  font-size: 50px; }

/*Team section*/
.al-item-team {
  display: contents; }
  .al-item-team ul.social-links {
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    margin-left: 0; }
    .al-item-team ul.social-links li {
      opacity: 0;
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
      -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      margin-left: 20px; }
      .al-item-team ul.social-links li:first-child {
        margin-left: 0; }
  .al-item-team:hover .mask-info {
    opacity: 0.6; }
  .al-item-team:hover ul.social-links li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
    .al-item-team:hover ul.social-links li:nth-of-type(1) {
      -webkit-transition-delay: .3s;
      transition-delay: .3s; }
    .al-item-team:hover ul.social-links li:nth-of-type(2) {
      -webkit-transition-delay: .4s;
      transition-delay: .4s; }
    .al-item-team:hover ul.social-links li:nth-of-type(3) {
      -webkit-transition-delay: .5s;
      transition-delay: .5s; }
    .al-item-team:hover ul.social-links li:nth-of-type(4) {
      -webkit-transition-delay: .6s;
      transition-delay: .6s; }
    .al-item-team:hover ul.social-links li:nth-of-type(5) {
      -webkit-transition-delay: .7s;
      transition-delay: .7s; }
    .al-item-team:hover ul.social-links li:nth-of-type(6) {
      -webkit-transition-delay: .8s;
      transition-delay: .8s; }
  .al-item-team h2 {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 4px; }
  .al-item-team span {
    color: #989898;
    font-weight: 400;
    font-size: 15px; }
  .al-item-team p {
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 14px;
    color: #606060;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .al-item-team .al-bottom-team {
    padding: 10px;
    position: relative;
    top: -60px; }
  .al-item-team .al-team-content {
    overflow: hidden;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(199, 191, 191, 0.26);
    box-shadow: 0 0 20px rgba(199, 191, 191, 0.26);
    text-align: center;
    padding: 20px 10px 20px 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 100%;
    position: relative; }
    .al-item-team .al-team-content:hover p {
      display: block; }

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

.mask-info {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 4px solid #3ba5e3; }

.al-testimonials-item {
  padding: 25px;
  text-align: center;
  background-color: rgba(70, 82, 95, 0.35);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all ease-in-out .6s;
  transition: all ease-in-out .6s;
  outline: none !important;
  margin-left: 10px;
  margin-right: 10px; }
  .al-testimonials-item:hover {
    -webkit-transform: translateY(-2%);
    -ms-transform: translateY(-2%);
    transform: translateY(-2%); }
    .al-testimonials-item:hover img {
      border-color: #3ba5e3; }
  .al-testimonials-item img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 150px;
    margin: 0 auto;
    display: inline-block;
    border: 4px solid #46525f;
    -webkit-transition: all ease .6s;
    transition: all ease .6s; }
  .al-testimonials-item .al-text-item {
    padding-top: 10px;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: .2px;
    padding-bottom: 22px;
    margin-top: 15px; }
  .al-testimonials-item .al-testimonial-company {
    display: block;
    font-size: 16px; }
  .al-testimonials-item .al-testimonial-name {
    color: #3ba5e3;
    font-weight: 500; }
  .al-testimonials-item .al-testimonial-company {
    color: #a5a5a5; }

/*==========   Start Our clients  ==========*/
.al-partners-carousel {
  overflow: hidden;
  position: relative;
  background-color: #3ba5e3; }
  .al-partners-carousel * {
    outline: none !important; }

.al-partner-text {
  font-size: 23px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1.3px; }

.al-partner-item {
  text-align: center; }
  .al-partner-item a {
    text-decoration: none !important; }
  .al-partner-item img {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto; }

/*========= Start Footer ==========*/
footer {
  padding-top: 80px;
  padding-bottom: 0;
  background-color: #212124; }
  footer > div {
    padding-bottom: 80px; }
    footer > div:last-child {
      padding-bottom: 20px; }
  footer p {
    color: #fff;
    font-size: 13px;
    margin-top: 25px;
    line-height: 26px; }
  footer ul.social-links {
    margin-top: 30px;
    margin-left: 5px; }
  footer .down-footer {
    background-color: #272729;
    padding-top: 20px; }
    footer .down-footer p {
      display: inline-block;
      float: left;
      margin-top: 0; }
      footer .down-footer p a {
        color: #3ba5e3; }
    footer .down-footer ul {
      padding-left: 0;
      margin: 0;
      float: right; }
      footer .down-footer ul li {
        font-size: 14px;
        font-weight: 400;
        list-style: none;
        display: inline-block;
        margin-right: 15px; }
        footer .down-footer ul li:last-child {
          margin-right: 0; }
        footer .down-footer ul li a {
          color: #fff;
          text-decoration: none;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
          font-weight: 500;
          text-transform: uppercase;
          letter-spacing: 0.9px; }
          footer .down-footer ul li a:hover {
            color: #3ba5e3; }
        footer .down-footer ul li ul {
          display: none; }
  footer .links p {
    margin-top: 0; }
  footer .logo {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    padding: 0; }
  footer ul.social-links li a {
    background-color: #424e5c; }
  footer .al-widget {
    margin-bottom: 40px; }
    footer .al-widget ul li ul li a {
      color: #eee; }
  footer select {
    background: transparent url("../img/arrow-down-white.png") 95% 50% no-repeat; }
  footer .logo {
    z-index: 2 !important; }

.footer-minimal .down-footer p {
  display: block;
  float: none; }

.buttons-section .white-btn {
  background-color: #3ba5e3;
  border-color: #fff;
  color: #fff; }
  .buttons-section .white-btn:hover {
    background-color: #2f84b6; }

.right-full {
  background-color: rgba(255, 255, 255, 0.95);
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px; }
  .right-full .center-all {
    width: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%); }

.left-full {
  position: relative; }
  .left-full .center-all {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

/*==========   Start Price Table Section  ==========*/
.al-strikethrough {
  text-decoration: line-through;
  color: #c3bcbc !important; }

.item-price {
  background-color: #fff;
  -webkit-box-shadow: 4px 0 19px rgba(66, 78, 92, 0.35);
  box-shadow: 4px 0 19px rgba(66, 78, 92, 0.35);
  -webkit-transition: all ease-in-out .4s;
  transition: all ease-in-out .4s;
  margin-bottom: 35px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .item-price:hover {
    -webkit-transform: translateY(-2%);
    -ms-transform: translateY(-2%);
    transform: translateY(-2%); }
    .item-price:hover .head .name-wrap:after {
      -webkit-transform: translateY(-3%);
      -ms-transform: translateY(-3%);
      transform: translateY(-3%); }
  .item-price .head .name-wrap {
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    color: #fff;
    background-color: #2d2c2c;
    position: relative;
    text-align: center;
    padding: 27px 0 14px 0; }
    .item-price .head .name-wrap h2 {
      font-size: 22px;
      font-weight: 400;
      padding-bottom: 3px;
      letter-spacing: .3px;
      line-height: 28px;
      margin: 0; }
    .item-price .head .name-wrap:after {
      content: "";
      display: block;
      width: 100%;
      height: 30px;
      position: absolute;
      background-image: url("../img/s1_triangle1.svg");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      bottom: -30px; }
  .item-price .head .price-wrap {
    color: #424e5c;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden; }
    .item-price .head .price-wrap .bg-current {
      font-size: 300px;
      position: absolute;
      opacity: 0.05;
      top: -50px;
      left: 0;
      right: 0;
      -webkit-transition: all ease 0.4s;
      transition: all ease 0.4s; }
    .item-price .head .price-wrap p {
      font-weight: 500;
      font-size: 65px;
      margin: 0;
      line-height: inherit; }
      .item-price .head .price-wrap p span:first-child {
        font-weight: 600;
        font-size: 24px;
        vertical-align: top;
        margin-right: 4px;
        line-height: 69px; }
      .item-price .head .price-wrap p span:last-child {
        margin-left: 5px;
        font-size: 18px;
        font-weight: 400; }
    .item-price .head .price-wrap .per-mn {
      display: block;
      position: relative;
      top: -10px;
      color: #aba8a8;
      font-size: 17px;
      font-weight: 500; }
  .item-price:hover .head .price-wrap .bg-current {
    top: -100px; }
  .item-price .body ul {
    padding: 0;
    margin: 0; }
    .item-price .body ul li {
      text-align: center;
      color: #5e5e5e;
      letter-spacing: 0.2px;
      font-weight: 500;
      padding: 18px 10px 18px 10px;
      list-style: none;
      background-color: #fff;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s; }
      .item-price .body ul li:nth-child(2n+1) {
        background-color: #f1f1f1; }
      .item-price .body ul li:last-child {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important; }
      .item-price .body ul li:not(.al-strikethrough) {
        cursor: pointer; }
        .item-price .body ul li:not(.al-strikethrough):hover {
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1);
          -webkit-box-shadow: 0px 0px 32px #ccc;
          box-shadow: 0px 0px 32px #ccc;
          -webkit-border-radius: 2px;
          border-radius: 2px;
          padding: 15px 5px 15px 5px;
          z-index: 4;
          position: relative; }

.most-price {
  background-color: #424e5c;
  position: relative; }
  .most-price .head {
    padding: 27px 0 27px 0; }
    .most-price .head .name-wrap {
      background-color: #424e5c; }
      .most-price .head .name-wrap h2 {
        font-weight: 400;
        color: #fff; }
      .most-price .head .name-wrap:after {
        display: none; }
    .most-price .head .price-wrap {
      padding-top: 15px;
      padding-bottom: 15px; }
      .most-price .head .price-wrap p {
        color: #fff; }
      .most-price .head .price-wrap .per-mn {
        color: #bdbdbd; }
  .most-price .body ul li {
    background-color: #424e5c;
    color: #fafafa; }
    .most-price .body ul li:nth-child(2n+1) {
      background-color: #3b4653; }
    .most-price .body ul li a:active, .most-price .body ul li a:focus, .most-price .body ul li a:visited {
      text-decoration: none;
      color: #fff; }
    .most-price .body ul li a:hover {
      background-color: #3595cc;
      border-color: #3595cc;
      color: #fff; }
    .most-price .body ul li:not(.al-strikethrough):hover {
      -webkit-box-shadow: 0px 0px 32px #55606c;
      box-shadow: 0px 0px 32px #55606c; }
  .most-price:before {
    content: 'Most popular plan';
    display: block;
    background: #3ba5e3;
    position: absolute;
    width: 100%;
    left: 0;
    top: -40px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    padding: 11px 7px;
    font-weight: 500; }

/*==========   Start .faq-section ==========*/
.faq-section h2 {
  margin-bottom: 20px; }

.faq-section .accordion {
  margin-bottom: 50px; }
  .faq-section .accordion:last-child {
    margin-bottom: 0; }

.al-section-dark .prev-next-block-rotate .wrap-prev:hover, .al-section-dark .prev-next-block-rotate .wrap-next:hover {
  background-color: #424242; }
  .al-section-dark .prev-next-block-rotate .wrap-prev:hover i, .al-section-dark .prev-next-block-rotate .wrap-next:hover i {
    color: #fff; }

.al-section-dark .dots-control-carousel li button {
  border: 2px solid #848484;
  background-color: #848484; }

.al-section-dark .dots-control-carousel .slick-active button {
  background-color: transparent; }

.al-section-dark .al-content-service-shortcode p {
  color: #1b1b1b; }

.al-section-dark .al-content-service-shortcode .al-all-services-link .al-btn-border-accent {
  color: #353535; }

.al-section-dark .al-all-services-link .link-full a {
  color: #353535; }

.al-section-dark ul.list li, .al-section-dark .link-full a {
  color: #1b1b1b; }

.al-section-dark .ui-tabs-nav li .ui-tabs-anchor {
  background-color: #fff;
  -webkit-box-shadow: 0px 0 9px rgba(66, 78, 92, 0.15);
  box-shadow: 0px 0 9px rgba(66, 78, 92, 0.15); }
  .al-section-dark .ui-tabs-nav li .ui-tabs-anchor i {
    color: #1b1b1b; }
  .al-section-dark .ui-tabs-nav li .ui-tabs-anchor h4 {
    color: #1b1b1b; }
  .al-section-dark .ui-tabs-nav li .ui-tabs-anchor p {
    color: #606060; }

.al-section-dark .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
  background-color: #fff !important;
  -webkit-box-shadow: 0px 0 19px rgba(66, 78, 92, 0.15);
  box-shadow: 0px 0 19px rgba(66, 78, 92, 0.15); }

.al-icon-circle {
  background: rgba(59, 165, 227, 0.1);
  -webkit-transition: background 0.2s, -webkit-transform ease-out 0.1s;
  transition: background 0.2s, -webkit-transform ease-out 0.1s;
  transition: transform ease-out 0.1s, background 0.2s;
  transition: transform ease-out 0.1s, background 0.2s, -webkit-transform ease-out 0.1s; }
  .al-icon-circle:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 0 2px rgba(59, 165, 227, 0.1);
    box-shadow: 0 0 0 2px rgba(59, 165, 227, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all ease 0.90s;
    transition: all ease 0.90s; }
  .al-icon-circle:hover {
    background: rgba(59, 165, 227, 0.05);
    -webkit-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff; }
    .al-icon-circle:hover:after {
      -webkit-animation: sonarEffect 1.3s ease-out 75ms;
      animation: sonarEffect 1.3s ease-out 75ms; }

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(59, 165, 227, 0.1), 0 0 10px 10px #3ba5e3, 0 0 0 10px rgba(59, 165, 227, 0.5);
    box-shadow: 0 0 0 2px rgba(59, 165, 227, 0.1), 0 0 10px 10px #3ba5e3, 0 0 0 10px rgba(59, 165, 227, 0.5); }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(59, 165, 227, 0.1), 0 0 10px 10px #3ba5e3, 0 0 0 10px rgba(59, 165, 227, 0.5);
    box-shadow: 0 0 0 2px rgba(59, 165, 227, 0.1), 0 0 10px 10px #3ba5e3, 0 0 0 10px rgba(59, 165, 227, 0.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0; } }

@keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(59, 165, 227, 0.1), 0 0 10px 10px #3ba5e3, 0 0 0 10px rgba(59, 165, 227, 0.5);
    box-shadow: 0 0 0 2px rgba(59, 165, 227, 0.1), 0 0 10px 10px #3ba5e3, 0 0 0 10px rgba(59, 165, 227, 0.5); }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(59, 165, 227, 0.1), 0 0 10px 10px #3ba5e3, 0 0 0 10px rgba(59, 165, 227, 0.5);
    box-shadow: 0 0 0 2px rgba(59, 165, 227, 0.1), 0 0 10px 10px #3ba5e3, 0 0 0 10px rgba(59, 165, 227, 0.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0; } }

.anim-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px transparent;
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .anim-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform; }
  .anim-shadow:hover, .anim-shadow:focus, .anim-shadow:active {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  .anim-shadow:hover:before, .anim-shadow:focus:before, .anim-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0; }

.toBottomFromTop:hover i, .btn-down:hover i {
  -webkit-animation: toBottomFromTop 0.5s forwards;
  animation: toBottomFromTop 0.5s forwards; }

@-webkit-keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%); }
  51% {
    opacity: 1; } }

@keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  51% {
    opacity: 1; } }

/*Animation full screen menu*/
.rotate {
  opacity: 0;
  -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: opacity 0.7s, transform 0.7s;
  transition: opacity 0.7s, transform 0.7s, -webkit-transform 0.7s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

.active-fullscreen-topnav .rotate {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.anim-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px transparent;
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .anim-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform; }
  .anim-shadow:hover, .anim-shadow:focus, .anim-shadow:active {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  .anim-shadow:hover:before, .anim-shadow:focus:before, .anim-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }

.anim-shadow-play {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .anim-shadow-play:hover, .anim-shadow-play:focus, .anim-shadow-play:active {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  .anim-shadow-play:hover:before, .anim-shadow-play:focus:before, .anim-shadow-play:active:before {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(0) scale(1.5);
    transform: translateZ(0) scale(1.5);
    opacity: 0; } }

@keyframes pulse-border {
  0% {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(0) scale(1.5);
    transform: translateZ(0) scale(1.5);
    opacity: 0; } }

/*mfp*/
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8; }
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.toTopFromBottom:hover i {
  -webkit-animation: toTopFromBottom 0.5s forwards;
  animation: toTopFromBottom 0.5s forwards; }

@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  51% {
    opacity: 1; } }

@keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  51% {
    opacity: 1; } }

.item-team {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.services-tabs li:nth-child(1) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.services-tabs li:nth-child(2) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.services-tabs li:nth-child(3) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.services-tabs li:nth-child(4) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s; }

.ui-corner-bottom {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }

.ui-corner-bottom[aria-hidden="false"] {
  opacity: 1; }

#slider-item .text-fade .in-item {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

#slider-item .text-fade .active {
  z-index: 4;
  opacity: 1;
  position: relative;
  -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-delay: .5s;
  transition-delay: .5s; }

/*bg mask colors*/
.al-shop-archive-container {
  padding-top: 90px;
  background-color: #fdfdfd; }

.woocommerce, .woocommerce-page {
  /*=========================*/
  /*** START Item archive ***/
  /*=======================*/
  /*=========================*/
  /*** END Item archive ***/
  /*=======================*/
  /*==========   Start WC Inputs  ==========*/
  /*==========   Start WC Inputs  ==========*/
  /*==========   End WC quantity  ==========*/
  /*==========   End WC quantity  ==========*/
  /*==========   End WC Product-remove  ==========*/
  /*==========   End WC Product-remove  ==========*/
  /*==========   Start WC Proceed to checkout  ==========*/
  /*==========   End WC Proceed to checkout  ==========*/
  /*==========   Start WC Sidebar Filter Price  ==========*/
  /*==========   End WC Sidebar Filter Price  ==========*/ }
  .woocommerce .br-products article.br-item-product, .woocommerce-page .br-products article.br-item-product {
    margin-bottom: 20px; }
  .woocommerce .content .description p, .woocommerce-page .content .description p {
    margin-top: 0; }
  .woocommerce #sidebar, .woocommerce-page #sidebar {
    padding-top: 0; }
    .woocommerce #sidebar .widget, .woocommerce-page #sidebar .widget {
      margin-bottom: 40px; }
    .woocommerce #sidebar:before, .woocommerce-page #sidebar:before {
      display: none; }
    .woocommerce #sidebar .al-widget.woocommerce .al-widget-content .al-widget-title h4, .woocommerce-page #sidebar .al-widget.woocommerce .al-widget-content .al-widget-title h4 {
      background-color: #fdfdfd; }
  .woocommerce .al-sidebar, .woocommerce-page .al-sidebar {
    padding-left: 15px; }
  .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {
    border: none !important;
    color: #505050;
    font-weight: 400;
    padding-right: 0px;
    font-size: 15px; }
  .woocommerce article.br-item-product, .woocommerce-page article.br-item-product {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
    .woocommerce article.br-item-product a, .woocommerce-page article.br-item-product a {
      text-decoration: none !important; }
    .woocommerce article.br-item-product .al-shop-content, .woocommerce-page article.br-item-product .al-shop-content {
      padding: 20px;
      position: relative;
      display: inline-block;
      width: 100%;
      background-color: #fff; }
    .woocommerce article.br-item-product .woocommerce-loop-product__title, .woocommerce-page article.br-item-product .woocommerce-loop-product__title {
      font-size: 14px;
      margin-bottom: 10px;
      margin-top: 0;
      font-family: "Poppins", sans-serif;
      color: #1f1e1e;
      text-decoration: none;
      line-height: inherit;
      display: block; }
    .woocommerce article.br-item-product .star-rating, .woocommerce article.br-item-product .price, .woocommerce-page article.br-item-product .star-rating, .woocommerce-page article.br-item-product .price {
      display: inline-block; }
    .woocommerce article.br-item-product .al-shop--rating-price, .woocommerce-page article.br-item-product .al-shop--rating-price {
      float: left; }
    .woocommerce article.br-item-product a.button, .woocommerce-page article.br-item-product a.button {
      float: right;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      right: 20px; }
    .woocommerce article.br-item-product a.added_to_cart.wc-forward, .woocommerce-page article.br-item-product a.added_to_cart.wc-forward {
      display: none; }
    .woocommerce article.br-item-product span.price, .woocommerce-page article.br-item-product span.price {
      display: block;
      color: #333;
      line-height: 16px;
      font-size: 15px; }
      .woocommerce article.br-item-product span.price ins, .woocommerce-page article.br-item-product span.price ins {
        font-size: 16px;
        text-decoration: none; }
        .woocommerce article.br-item-product span.price ins span, .woocommerce-page article.br-item-product span.price ins span {
          color: #423e3e; }
      .woocommerce article.br-item-product span.price del, .woocommerce-page article.br-item-product span.price del {
        font-size: 14px;
        margin-right: 10px; }
  .woocommerce div.br-item-product .price, .woocommerce div.br-item-product span.price, .woocommerce-page div.br-item-product .price, .woocommerce-page div.br-item-product span.price {
    font-size: 14px;
    font-weight: 400; }
  .woocommerce div.br-item-product .price ins, .woocommerce div.br-item-product span.price ins, .woocommerce-page div.br-item-product .price ins, .woocommerce-page div.br-item-product span.price ins {
    font-weight: 500; }
  .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart {
    font-size: 14px;
    color: #333;
    margin-left: 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .woocommerce a.added_to_cart:hover, .woocommerce-page a.added_to_cart:hover {
      text-decoration: underline !important;
      color: #3ba5e3; }
  .woocommerce .star-rating, .woocommerce-page .star-rating {
    font-size: 14px;
    width: 74px; }
    .woocommerce .star-rating span, .woocommerce-page .star-rating span {
      color: #eeb544; }
  .woocommerce span.reviewer, .woocommerce-page span.reviewer {
    font-size: 14px;
    color: #555; }
  .woocommerce span.onsale, .woocommerce-page span.onsale {
    position: absolute;
    top: 7.5px;
    left: 7.5px;
    color: #fff;
    padding: 4px 10px;
    letter-spacing: 1px;
    line-height: inherit;
    font-weight: normal;
    font-size: 12px;
    -webkit-border-radius: 0;
    border-radius: 0;
    min-height: auto;
    min-width: auto;
    z-index: 3;
    background-color: #3ba5e3; }
  .woocommerce a.button, .woocommerce a.button.alt, .woocommerce-page a.button, .woocommerce-page a.button.alt {
    background-color: #3ba5e3;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    -webkit-border-radius: 15px;
    border-radius: 15px; }
    .woocommerce a.button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page a.button.alt:hover {
      background-color: #424e5c;
      color: #fff; }
  .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    font-size: 15px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    margin-bottom: 30px; }
  .woocommerce .br-products, .woocommerce-page .br-products {
    clear: both; }
  .woocommerce .woocommerce-product-search, .woocommerce-page .woocommerce-product-search {
    position: relative;
    width: 100%; }
    .woocommerce .woocommerce-product-search input[type='search'], .woocommerce-page .woocommerce-product-search input[type='search'] {
      line-height: 21px;
      display: inline-block;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #dadada;
      padding-left: 10px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 10px;
      font-size: 14px;
      color: #111;
      margin-bottom: 0;
      width: 64%;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      border-right: none;
      -webkit-box-sizing: inherit;
      box-sizing: inherit; }
      .woocommerce .woocommerce-product-search input[type='search']::-webkit-input-placeholder, .woocommerce-page .woocommerce-product-search input[type='search']::-webkit-input-placeholder {
        color: #aba3a3; }
      .woocommerce .woocommerce-product-search input[type='search']::-moz-placeholder, .woocommerce-page .woocommerce-product-search input[type='search']::-moz-placeholder {
        color: #aba3a3; }
      .woocommerce .woocommerce-product-search input[type='search']:-moz-placeholder, .woocommerce-page .woocommerce-product-search input[type='search']:-moz-placeholder {
        color: #aba3a3; }
      .woocommerce .woocommerce-product-search input[type='search']:-ms-input-placeholder, .woocommerce-page .woocommerce-product-search input[type='search']:-ms-input-placeholder {
        color: #aba3a3; }
      .woocommerce .woocommerce-product-search input[type='search']:focus, .woocommerce-page .woocommerce-product-search input[type='search']:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        border-color: #3ba5e3; }
    .woocommerce .woocommerce-product-search button, .woocommerce-page .woocommerce-product-search button {
      top: 0;
      right: 0;
      opacity: 0.9;
      background-repeat: no-repeat;
      background-color: #3ba5e3;
      width: 36%;
      height: 43px;
      margin-right: 0;
      font-size: 15px;
      color: #fff;
      display: inline-block;
      border: none;
      -webkit-transition: 0.5s all ease;
      transition: 0.5s all ease;
      -webkit-border-radius: 0px 3px 3px 0px;
      border-radius: 0px 3px 3px 0px;
      float: right;
      position: relative;
      left: -1px; }
      .woocommerce .woocommerce-product-search button:hover, .woocommerce-page .woocommerce-product-search button:hover {
        opacity: 1; }
  .woocommerce .woocommerce-mini-cart .woocommerce-mini-cart-item, .woocommerce-page .woocommerce-mini-cart .woocommerce-mini-cart-item {
    padding-left: 23px;
    padding-top: 0;
    position: relative; }
    .woocommerce .woocommerce-mini-cart .woocommerce-mini-cart-item a.remove, .woocommerce-page .woocommerce-mini-cart .woocommerce-mini-cart-item a.remove {
      position: absolute;
      top: 3px;
      left: 0; }
  .woocommerce .woocommerce-mini-cart__buttons a:first-child, .woocommerce-page .woocommerce-mini-cart__buttons a:first-child {
    margin-right: 10px; }
  .woocommerce ul.product_list_widget li a, .woocommerce-page ul.product_list_widget li a {
    font-size: 15px;
    font-weight: 500;
    color: #000; }
  .woocommerce ul.product_list_widget li .woocommerce-Price-amount, .woocommerce-page ul.product_list_widget li .woocommerce-Price-amount {
    font-size: 14px; }
  .woocommerce ul.product_list_widget li del span.woocommerce-Price-amount, .woocommerce-page ul.product_list_widget li del span.woocommerce-Price-amount {
    color: #333;
    opacity: .5; }
  .woocommerce ul.product_list_widget li ins, .woocommerce-page ul.product_list_widget li ins {
    background-color: transparent; }
    .woocommerce ul.product_list_widget li ins span.woocommerce-Price-amount, .woocommerce-page ul.product_list_widget li ins span.woocommerce-Price-amount {
      color: #333;
        color-font-weight: 500; }
  .woocommerce .widget_shopping_cart .total .total, .woocommerce .woocommerce.widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total .total, .woocommerce-page .woocommerce.widget_shopping_cart .total {
    border-top: 1px solid #dedcde; }
  .woocommerce .woocommerce-checkout input, .woocommerce .woocommerce-checkout textarea, .woocommerce .form-row input, .woocommerce .form-row textarea, .woocommerce-page .woocommerce-checkout input, .woocommerce-page .woocommerce-checkout textarea, .woocommerce-page .form-row input, .woocommerce-page .form-row textarea {
    background-color: transparent;
    border: none;
    color: #333 !important;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 2px solid #ccc;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .woocommerce .woocommerce-checkout input:hover, .woocommerce .woocommerce-checkout input:active, .woocommerce .woocommerce-checkout input:focus, .woocommerce .woocommerce-checkout textarea:hover, .woocommerce .woocommerce-checkout textarea:active, .woocommerce .woocommerce-checkout textarea:focus, .woocommerce .form-row input:hover, .woocommerce .form-row input:active, .woocommerce .form-row input:focus, .woocommerce .form-row textarea:hover, .woocommerce .form-row textarea:active, .woocommerce .form-row textarea:focus, .woocommerce-page .woocommerce-checkout input:hover, .woocommerce-page .woocommerce-checkout input:active, .woocommerce-page .woocommerce-checkout input:focus, .woocommerce-page .woocommerce-checkout textarea:hover, .woocommerce-page .woocommerce-checkout textarea:active, .woocommerce-page .woocommerce-checkout textarea:focus, .woocommerce-page .form-row input:hover, .woocommerce-page .form-row input:active, .woocommerce-page .form-row input:focus, .woocommerce-page .form-row textarea:hover, .woocommerce-page .form-row textarea:active, .woocommerce-page .form-row textarea:focus {
      border-color: #3ba5e3; }
    .woocommerce .woocommerce-checkout input::-webkit-input-placeholder, .woocommerce .woocommerce-checkout textarea::-webkit-input-placeholder, .woocommerce .form-row input::-webkit-input-placeholder, .woocommerce .form-row textarea::-webkit-input-placeholder, .woocommerce-page .woocommerce-checkout input::-webkit-input-placeholder, .woocommerce-page .woocommerce-checkout textarea::-webkit-input-placeholder, .woocommerce-page .form-row input::-webkit-input-placeholder, .woocommerce-page .form-row textarea::-webkit-input-placeholder {
      color: #555; }
    .woocommerce .woocommerce-checkout input::-moz-placeholder, .woocommerce .woocommerce-checkout textarea::-moz-placeholder, .woocommerce .form-row input::-moz-placeholder, .woocommerce .form-row textarea::-moz-placeholder, .woocommerce-page .woocommerce-checkout input::-moz-placeholder, .woocommerce-page .woocommerce-checkout textarea::-moz-placeholder, .woocommerce-page .form-row input::-moz-placeholder, .woocommerce-page .form-row textarea::-moz-placeholder {
      color: #555; }
    .woocommerce .woocommerce-checkout input:-moz-placeholder, .woocommerce .woocommerce-checkout textarea:-moz-placeholder, .woocommerce .form-row input:-moz-placeholder, .woocommerce .form-row textarea:-moz-placeholder, .woocommerce-page .woocommerce-checkout input:-moz-placeholder, .woocommerce-page .woocommerce-checkout textarea:-moz-placeholder, .woocommerce-page .form-row input:-moz-placeholder, .woocommerce-page .form-row textarea:-moz-placeholder {
      color: #555; }
    .woocommerce .woocommerce-checkout input:-ms-input-placeholder, .woocommerce .woocommerce-checkout textarea:-ms-input-placeholder, .woocommerce .form-row input:-ms-input-placeholder, .woocommerce .form-row textarea:-ms-input-placeholder, .woocommerce-page .woocommerce-checkout input:-ms-input-placeholder, .woocommerce-page .woocommerce-checkout textarea:-ms-input-placeholder, .woocommerce-page .form-row input:-ms-input-placeholder, .woocommerce-page .form-row textarea:-ms-input-placeholder {
      color: #555; }
  .woocommerce .woocommerce-checkout input[type='submit'], .woocommerce .form-row input[type='submit'], .woocommerce-page .woocommerce-checkout input[type='submit'], .woocommerce-page .form-row input[type='submit'] {
    border: none; }
  .woocommerce .woocommerce-checkout .form-row label, .woocommerce .form-row .form-row label, .woocommerce-page .woocommerce-checkout .form-row label, .woocommerce-page .form-row .form-row label {
    color: #333;
    margin-bottom: 7px; }
  .woocommerce .woocommerce-checkout h3, .woocommerce .form-row h3, .woocommerce-page .woocommerce-checkout h3, .woocommerce-page .form-row h3 {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 10px; }
  .woocommerce input.button.alt, .woocommerce-page input.button.alt {
    background-color: #3ba5e3;
    font-weight: 400;
    border: none; }
  .woocommerce .select2-container--default .select2-selection--single, .woocommerce-page .select2-container--default .select2-selection--single {
    border: 2px solid #ccc;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .woocommerce .select2-container .select2-selection--single, .woocommerce-page .select2-container .select2-selection--single {
    height: auto; }
    .woocommerce .select2-container .select2-selection--single .select2-selection__arrow, .woocommerce-page .select2-container .select2-selection--single .select2-selection__arrow {
      top: 7px;
      right: 9px; }
  .woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
    background-color: #eee; }
  .woocommerce form.cart div.quantity, .woocommerce-page form.cart div.quantity {
    margin: 0 !important;
    border-right: 2px solid #3595cc; }
  .woocommerce .quantity input[type='number'], .woocommerce-page .quantity input[type='number'] {
    border: none;
    font-weight: 400;
    padding: 11px 0px 10px 17px;
    background-color: #3ba5e3;
    color: #fff;
    text-align: center;
    outline: none;
    padding-right: 5px;
    margin-bottom: 0; }
  .woocommerce td.product-quantity .quantity input[type='number'], .woocommerce-page td.product-quantity .quantity input[type='number'] {
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-top: 4px;
    padding-bottom: 3px; }
  .woocommerce td.product-quantity .quantity input[type='button'], .woocommerce-page td.product-quantity .quantity input[type='button'] {
    line-height: 14px;
    width: 27px; }
  .woocommerce a.remove, .woocommerce-page a.remove {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #3ba5e3 !important; }
    .woocommerce a.remove:hover, .woocommerce-page a.remove:hover {
      background-color: #3ba5e3; }
  .woocommerce input.button, .woocommerce-page input.button {
    background-color: #3ba5e3;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-size: 14px;
    font-weight: 400;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #fff !important;
    font-weight: 500;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px; }
    .woocommerce input.button:disabled[disabled], .woocommerce-page input.button:disabled[disabled] {
      color: #fff; }
    .woocommerce input.button:hover, .woocommerce-page input.button:hover {
      background-color: #424e5c; }
  .woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .woocommerce table.shop_table td.product-name a, .woocommerce-page table.shop_table td.product-name a {
    color: #333; }
  .woocommerce table.shop_table td.actions, .woocommerce-page table.shop_table td.actions {
    padding-top: 10px;
    padding-bottom: 10px; }
    .woocommerce table.shop_table td.actions .coupon .input-text, .woocommerce-page table.shop_table td.actions .coupon .input-text {
      padding: 3px 10px 1px;
      color: #1f1e1e; }
  .woocommerce .coupon, .woocommerce-page .coupon {
    position: relative; }
    .woocommerce .coupon .input-text, .woocommerce-page .coupon .input-text {
      -webkit-border-radius: 2px;
      border-radius: 2px;
      font-size: 14px;
      border: 1px solid #ccc;
      background-color: #fff;
      color: #555 !important;
      padding-left: 10px;
      padding-right: 40px;
      padding-top: 8px;
      padding-bottom: 8px;
      border: 1px solid #dadada;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      width: 100% !important; }
      .woocommerce .coupon .input-text::-webkit-input-placeholder, .woocommerce-page .coupon .input-text::-webkit-input-placeholder {
        color: #aba3a3; }
      .woocommerce .coupon .input-text::-moz-placeholder, .woocommerce-page .coupon .input-text::-moz-placeholder {
        color: #aba3a3; }
      .woocommerce .coupon .input-text:-moz-placeholder, .woocommerce-page .coupon .input-text:-moz-placeholder {
        color: #aba3a3; }
      .woocommerce .coupon .input-text:-ms-input-placeholder, .woocommerce-page .coupon .input-text:-ms-input-placeholder {
        color: #aba3a3; }
    .woocommerce .coupon button[type='submit'], .woocommerce-page .coupon button[type='submit'] {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      position: absolute;
      right: 0;
      background-color: #3ba5e3;
      color: #fff;
      border: none;
      -webkit-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0;
      padding: 3px 10px 3px 10px;
      outline: none; }
      .woocommerce .coupon button[type='submit']:hover, .woocommerce-page .coupon button[type='submit']:hover {
        opacity: 1; }
  .woocommerce form.checkout_coupon, .woocommerce-page form.checkout_coupon {
    padding: 19px 20px 10px 20px; }
    .woocommerce form.checkout_coupon .coupon button[type='submit'], .woocommerce-page form.checkout_coupon .coupon button[type='submit'] {
      top: 0;
      padding: 7px 15px 8px 15px; }
  .woocommerce input#submit.alt, .woocommerce .woocommerce a.button.alt, .woocommerce .woocommerce button.button.alt, .woocommerce .woocommerce input.button.alt, .woocommerce-page input#submit.alt, .woocommerce-page .woocommerce a.button.alt, .woocommerce-page .woocommerce button.button.alt, .woocommerce-page .woocommerce input.button.alt {
    background-color: #3ba5e3;
    -webkit-border-radius: 30px;
    border-radius: 30px; }
  .woocommerce .cart_totals h2, .woocommerce-page .cart_totals h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px; }
  .woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button, .woocommerce-page .cart_totals .wc-proceed-to-checkout a.checkout-button {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 500; }
  .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #ffc7568c; }
  .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #3ba5e3;
    border: 2px solid #fee0a8; }
  .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: transparent; }
  .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label, .woocommerce-page .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    background: #f1f1f1;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount button[type='submit'], .woocommerce-page .widget_price_filter .price_slider_wrapper .price_slider_amount button[type='submit'] {
    background-color: #3ba5e3;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

/*==========   Start WC Single Product  ==========*/
body.single-product header {
  position: relative !important; }

/*==========   End WC Single Product  ==========*/
/*==========   Start WC Messages  ==========*/
.woocommerce-message, .woocommerce-info {
  border-top-color: #3ba5e3;
  color: #333; }
  .woocommerce-message:before, .woocommerce-info:before {
    color: #3ba5e3; }
  .woocommerce-message a, .woocommerce-info a {
    color: #555; }
    .woocommerce-message a:hover, .woocommerce-info a:hover {
      color: #3ba5e3; }
  .woocommerce-message .button, .woocommerce-info .button {
    color: #fff !important; }
    .woocommerce-message .button:hover, .woocommerce-info .button:hover {
      color: #fff !important; }

/*==========   End WC Messages  ==========*/
/*==========   Start WC Account ==========*/
.woocommerce-account nav.woocommerce-MyAccount-navigation ul {
  margin-top: 0; }
  .woocommerce-account nav.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    border: 1px solid #eee;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-bottom: none; }
    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li:last-child {
      border-bottom: 1px solid #eee; }
    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li:hover {
      background-color: #eee; }
      .woocommerce-account nav.woocommerce-MyAccount-navigation ul li:hover a {
        color: #333; }
    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li a {
      padding: 10px;
      padding-left: 20px;
      color: #555;
      text-decoration: none;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      display: block;
      font-size: 15px; }
  .woocommerce-account nav.woocommerce-MyAccount-navigation ul .is-active a {
    color: #000; }

.woocommerce-account input[type='submit'] {
  margin-top: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.woocommerce-account .woocommerce-Address-title h3 {
  display: inline-block;
  margin-top: 0; }

.woocommerce-account .woocommerce-Address-title a {
  position: relative;
  top: 9px;
  color: #555; }

.woocommerce-account address {
  padding: 10px;
  background-color: #eee;
  font-size: 14px;
  text-transform: none;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.woocommerce-account .woocommerce-MyAccount-content section {
  padding-top: 20px;
  padding-bottom: 0px; }

/*==========   End WC Account  ==========*/
/*==========   Start WC Singlo Product Page  ==========*/
.woocommerce.single-product section {
  padding-top: 30px;
  padding-bottom: 30px; }

.woocommerce.single-product #sidebar {
  padding-top: 40px; }

.woocommerce.single-product header {
  top: 0; }

.woocommerce.single-product .single-post {
  padding-bottom: 20px; }

.woocommerce.single-product .br-product-single .woocommerce-message, .woocommerce.single-product .br-product-single .woocommerce-info, .woocommerce.single-product .br-product-single .woocommerce-error {
  margin-bottom: 0;
  margin-top: 40px; }

.woocommerce.single-product nav.woocommerce-breadcrumb {
  display: none; }

.woocommerce.single-product .single-post {
  margin-top: 50px;
  position: relative; }

.woocommerce.single-product .entry-summary {
  margin-top: 0; }
  .woocommerce.single-product .entry-summary h1 {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: inherit; }

.woocommerce.single-product .woocommerce-review-link {
  font-size: 14px;
  color: #555; }

.woocommerce.single-product h2 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 0;
  line-height: inherit; }

.woocommerce.single-product div.product p.price {
  color: #333;
  font-weight: 400 !important;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-top: 0;
  font-size: 27px; }
  .woocommerce.single-product div.product p.price ins {
    font-weight: 500;
    text-decoration: none; }
  .woocommerce.single-product div.product p.price del {
    font-size: 20px; }

.woocommerce.single-product div.product div.images .woocommerce-product-gallery__trigger {
  z-index: 2; }

.woocommerce.single-product div.product span.price ins {
  font-weight: 500; }

.woocommerce.single-product div.product .single_add_to_cart_button {
  font-weight: 500;
  padding: 15px 20px 15px 20px;
  font-size: 16px;
  background-color: #3ba5e3;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  outline: none !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .woocommerce.single-product div.product .single_add_to_cart_button:hover {
    background-color: #3595cc; }

.woocommerce.single-product div.product .woocommerce-tabs {
  border-top: 1px solid #eaeaea;
  padding-top: 30px; }
  .woocommerce.single-product div.product .woocommerce-tabs .panel {
    margin-bottom: 0; }
  .woocommerce.single-product div.product .woocommerce-tabs ul.tabs {
    padding-left: 0; }
    .woocommerce.single-product div.product .woocommerce-tabs ul.tabs:before {
      display: none; }
    .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li {
      border: none;
      padding-left: 0;
      margin: 0;
      background-color: transparent; }
      .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li:before, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li:after {
        display: none; }
      .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a {
        font-size: 14px;
        font-weight: 400; }
    .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li.active {
      color: #3ba5e3; }
      .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li.active a {
        border-bottom: 1px solid #3ba5e3; }
  .woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel--description p {
    margin-top: 0;
    color: #737373;
    font-size: 15px; }

.woocommerce.single-product .woocommerce-product-details__short-description {
  padding: 10px;
  padding-left: 15px;
  padding-bottom: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: rgba(239, 238, 238, 0.05);
  font-size: 14px;
  border: double rgba(204, 204, 204, 0.24); }
  .woocommerce.single-product .woocommerce-product-details__short-description p {
    margin: 0;
    padding: 0;
    color: #555; }

.woocommerce.single-product .product_meta {
  background-color: rgba(239, 238, 238, 0.05);
  font-size: 14px;
  border: double rgba(204, 204, 204, 0.24);
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px; }
  .woocommerce.single-product .product_meta > span {
    display: block; }
  .woocommerce.single-product .product_meta span, .woocommerce.single-product .product_meta a {
    font-size: 14px; }
  .woocommerce.single-product .product_meta span {
    margin-top: 5px;
    color: #797878;
    font-weight: 400; }
    .woocommerce.single-product .product_meta span:first-child {
      margin-top: 0; }
    .woocommerce.single-product .product_meta span span {
      font-weight: 400;
      margin: 0;
      color: #444; }
    .woocommerce.single-product .product_meta span a {
      color: #555; }

.woocommerce.single-product form.cart {
  margin-bottom: 22px; }

.woocommerce.single-product ol.commentlist {
  padding-left: 0; }

.woocommerce.single-product span.required {
  color: red; }

.woocommerce.single-product .woocommerce-noreviews {
  margin-bottom: 15px; }

.woocommerce.single-product #review_form_wrapper {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 25px; }

.woocommerce.single-product #review_form #respond .comment-form-rating {
  margin-top: 15px; }
  .woocommerce.single-product #review_form #respond .comment-form-rating label {
    font-size: 16px; }
  .woocommerce.single-product #review_form #respond .comment-form-rating p.stars {
    font-size: 30px;
    margin-top: 10px; }
    .woocommerce.single-product #review_form #respond .comment-form-rating p.stars a {
      color: #3ba5e3; }

.woocommerce.single-product #respond .comment-respond .comment-reply-title {
  font-weight: 500;
  font-size: 18px; }

.woocommerce.single-product #respond .comment-respond .comment-notes {
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  padding-bottom: 20px; }

.woocommerce.single-product #respond .comment-form input, .woocommerce.single-product #respond .comment-form textarea {
  background-color: #fff;
  margin-top: 15px;
  color: #333 !important; }
  .woocommerce.single-product #respond .comment-form input::-webkit-input-placeholder, .woocommerce.single-product #respond .comment-form textarea::-webkit-input-placeholder {
    color: #aba3a3; }
  .woocommerce.single-product #respond .comment-form input::-moz-placeholder, .woocommerce.single-product #respond .comment-form textarea::-moz-placeholder {
    color: #aba3a3; }
  .woocommerce.single-product #respond .comment-form input:-moz-placeholder, .woocommerce.single-product #respond .comment-form textarea:-moz-placeholder {
    color: #aba3a3; }
  .woocommerce.single-product #respond .comment-form input:-ms-input-placeholder, .woocommerce.single-product #respond .comment-form textarea:-ms-input-placeholder {
    color: #aba3a3; }

.woocommerce.single-product #respond .comment-form-author, .woocommerce.single-product #respond .comment-form-email {
  display: inline-block;
  width: 50%;
  padding-right: 0;
  margin-top: 20px !important; }

.woocommerce.single-product #respond .comment-form-author {
  padding-right: 15px; }

.woocommerce.single-product #respond .comment-form-email {
  padding-left: 15px; }

.woocommerce.single-product #respond .form-submit {
  width: 100%;
  display: block; }
  .woocommerce.single-product #respond .form-submit input#submit {
    background-color: #3ba5e3;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff !important;
    font-weight: 400; }

.woocommerce.single-product .related.products h2.br-heading-product, .woocommerce.single-product .up-sells h2.br-heading-product {
  border-top: 1px solid #eaeaea;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  font-size: 19px;
  margin-bottom: 0; }

.woocommerce.single-product .related.products .woocommerce-loop-product__title, .woocommerce.single-product .up-sells .woocommerce-loop-product__title {
  border-top: 0; }

/*==========   End WC Single Product Page  ==========*/
/*==========   End WC Header Cart  ==========*/
.br-header-cart {
  float: left;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 15px; }
  .br-header-cart .cart-contents {
    text-decoration: none;
    border-left: 1px solid #eee;
    padding-left: 9px;
    line-height: 30px;
    padding-top: 2px; }
    .br-header-cart .cart-contents:before {
      font-family: WooCommerce;
      content: "\e01d";
      font-size: 19px;
      font-style: normal;
      font-weight: 400;
      color: #fff;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease; }
  .br-header-cart:hover {
    text-decoration: none; }
  .br-header-cart .cart-contents-count {
    color: #fff;
    background-color: #3ba5e3;
    font-weight: 400;
    font-size: 13px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 1px 6px;
    line-height: 1;
    vertical-align: middle;
    position: relative;
    top: -3px;
    margin-left: 5px; }

.is-sticky .br-header-cart {
  padding-top: 11px;
  padding-bottom: 11px; }
  .is-sticky .br-header-cart .cart-contents {
    border-left: 1px solid #555; }
    .is-sticky .br-header-cart .cart-contents:before {
      color: #424e5c; }

/*==========   End WC Header Cart  ==========*/
/*==========  WC pagination ==========*/
.woocommerce nav.woocommerce-pagination {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  background-color: #f3f2f2; }
  .woocommerce nav.woocommerce-pagination:before {
    content: "";
    display: block;
    height: 2px;
    width: 55px;
    background-color: #3ba5e3;
    margin: 0 auto;
    margin-bottom: 30px; }
  .woocommerce nav.woocommerce-pagination ul.page-numbers {
    border: none; }
    .woocommerce nav.woocommerce-pagination ul.page-numbers > * {
      border: none; }
    .woocommerce nav.woocommerce-pagination ul.page-numbers span {
      padding: 15px;
      background-color: #3ba5e3;
      color: #fff;
      display: inline-block; }
    .woocommerce nav.woocommerce-pagination ul.page-numbers li {
      margin-right: 5px; }
      .woocommerce nav.woocommerce-pagination ul.page-numbers li span.current {
        background-color: #3ba5e3;
        color: #fff; }
      .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-nubmers {
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        line-height: 26px;
        padding: 15px; }
      .woocommerce nav.woocommerce-pagination ul.page-numbers li a {
        color: #fff;
        padding: 15px;
        background-color: #424e5c;
        display: inline-block; }
        .woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover {
          background-color: #55606c; }

/*==========  Desktop First Method  ==========*/
@media only screen and (max-width: 1200px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  /**/
  .br-header-cart {
    padding-top: 18px;
    padding-bottom: 7px;
    padding-left: 0; }
    .br-header-cart .cart-contents {
      line-height: 23px;
      padding-top: 2px;
      padding-left: 13px; }
      .br-header-cart .cart-contents:before {
        font-size: 26px;
        top: 4px;
        position: relative; }
  .is-sticky .br-header-cart {
    padding-top: 13px;
    padding-bottom: 13px; } }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  /**/ }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  /**/
  .right-sidebar #sidebar:before {
    display: none; } }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  /**/ }

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /**/ }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /**/ }

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /**/ }

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /**/ }

.al-button-disable {
  opacity: 0.55;
  cursor: not-allowed; }

.al-ajax-navigation {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid #eee;
  border-top: none;
  background-color: #f3f2f2; }
  .al-ajax-navigation:before {
    content: "";
    display: block;
    height: 2px;
    width: 55px;
    background-color: #3ba5e3;
    margin: 0 auto;
    margin-bottom: 30px; }
  .al-ajax-navigation .al-ajax-more-posts .al-btn-icon {
    margin-left: 7px;
    display: none; }
  .al-ajax-navigation .al-is-active .al-btn-icon {
    display: inline-block; }

.al-widget img {
  max-width: 100%;
  height: auto; }

.al-widget p {
  margin-top: 0; }

.al-widget h5.al-widget-title {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 15px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.al-widget ul {
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .al-widget ul li {
    list-style: none;
    margin: 0 0 10px 0;
    color: #ccc;
    font-size: 12px; }
    .al-widget ul li a {
      color: #fff;
      text-decoration: none;
      -webkit-transition: all ease 0.57s;
      transition: all ease 0.57s;
      font-size: 15px; }
      .al-widget ul li a:hover {
        color: #3ba5e3; }
    .al-widget ul li .children li a:hover, .al-widget ul li .sub-menu li a:hover {
      color: #3ba5e3; }
    .al-widget ul li a:before {
      font-family: FontAwesome;
      content: "\f192";
      font-size: 11px;
      color: #3ba5e3;
      -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
      transform: translateY(-4px);
      margin-right: 10px; }
  .al-widget ul.menu li a:before {
    font-family: FontAwesome;
    content: "\f192";
    font-size: 11px;
    color: #3ba5e3;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    margin-right: 10px; }
  .al-widget ul li .children, .al-widget ul li .sub-menu {
    margin: 10px 0 0 15px; }
  .al-widget ul li .children li a, .al-widget ul li .sub-menu li a {
    font-size: 14px; }
  .al-widget ul li ul li {
    color: #ccc; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; }

.wp-caption {
  max-width: 100%;
  padding: 0;
  text-align: center; }
  .wp-caption p.wp-caption-text {
    font-size: 13px;
    font-style: italic;
    margin: 4px 0 0;
    position: relative;
    background-color: #3a3a3a;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    color: #fff;
    top: -20px; }
    .wp-caption p.wp-caption-text a {
      color: #c6c1ca; }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em; }

.al-content-protected {
  padding: 90px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .al-content-protected form {
    max-width: 350px;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #fcfcfc;
    padding: 30px;
    -webkit-box-shadow: 4px 0 19px rgba(66, 78, 92, 0.35);
    box-shadow: 4px 0 19px rgba(66, 78, 92, 0.35); }
    .al-content-protected form .al-content-protected__description {
      margin-top: 0;
      font-size: 15px; }
    .al-content-protected form input[type=password] {
      display: block;
      width: 100%;
      border: 2px solid #f0f0f0;
      padding: 10px 0px 10px 15px;
      outline: none !important;
      font-size: 14px; }

.gallery-caption, .bypostauthor, .sticky {
  visibility: visible; }

table {
  border-bottom: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  line-height: 2;
  margin: 0 0 20px;
  width: 100%; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

th, td {
  padding: 10px; }

caption {
  font-size: 16px;
  margin: 20px 0; }

th {
  font-weight: bold;
  text-transform: uppercase; }

td {
  border-top: 1px solid #ededed;
  padding: 6px 10px 6px 0;
  padding: 0; }

th {
  padding: 0; }

pre, code {
  background: #eee;
  margin-top: 15px;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  margin-bottom: 15px;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  display: block; }

.logged-in.admin-bar header.is-sticky.fixed-tp-menu:not(.header-type-1) {
  top: 32px !important; }

.logged-in.admin-bar.active-fullscreen-topnav .fullscreen-topnav {
  top: 95px !important; }

.logged-in.admin-bar.active-fullscreen-topnav .content-wrap-lfm .fullscreen-topnav {
  top: 0px !important; }

.logged-in.admin-bar.active-fullscreen-topnav header:not(.header-type-1) {
  top: 32px !important; }

/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  /*Start Our Features section*/
  .al-icon-large-container.al-line-after:after {
    width: 30px;
    height: 1px;
    border-top: 2px dashed #ccc;
    position: absolute;
    right: -15px;
    top: 100px; }
  .item-price.most-price {
    margin-top: 33px; }
  .item-price .head .name-wrap:after {
    background-size: 102% 100%;
    height: 30px; }
  .item-price-two:last-child {
    margin-bottom: 40px; } }

@media only screen and (max-width: 1300px) {
  .toggle-top {
    position: relative;
    left: 40px; } }

@media only screen and (max-width: 1160px) {
  /*START Left menu style normal*/
  .content-wrap-lfm {
    margin-left: 0; }
    .content-wrap-lfm .sidenav .container {
      width: 970px; }
  .al-sidenav .content-wrap-lfm {
    margin-left: 0; }
  .active-fullscreen-topnav .content-wrap-lfm header {
    width: 100%; }
  .active-fullscreen-topnav .content-wrap-lfm .fullscreen-topnav {
    width: 100%; }
  .active-fullscreen-topnav .content-wrap-lfm header .logo {
    padding-top: 12px;
    padding-bottom: 0; }
  .header-type-1 {
    position: relative;
    left: auto;
    background-color: #1d1d1d;
    background-image: none !important;
    top: auto;
    z-index: 6;
    height: 65px;
    width: 100%; }
    .header-type-1:after {
      display: none; }
    .header-type-1 ul.social-links {
      display: none; }
    .header-type-1 .logo {
      float: left;
      display: inline-block;
      width: auto;
      padding-top: 12px;
      padding-bottom: 0;
      margin-top: 0;
      color: #fff; }
      .header-type-1 .logo .logo-dark {
        display: none; }
      .header-type-1 .logo .logo-white {
        display: block; }
    .header-type-1 .dark-logo .logo-dark {
      display: block; }
    .header-type-1 .dark-logo .logo-white {
      display: none; }
    .header-type-1 .al-nav-container-rel {
      width: 970px;
      margin-right: auto;
      margin-left: auto;
      margin: 0 auto; }
    .header-type-1 .sf-menu {
      display: none; }
    .header-type-1 .toggle-mnu {
      display: block;
      top: 23px;
      right: 0px; }
    .header-type-1 .toggle-top {
      top: 23px;
      display: block;
      padding-left: 14px;
      margin-left: 0;
      border-left: 1px solid #ccc; }
    .header-type-1 .toggle-top.al-toggle-full-nav {
      display: none; }
  .al-sidenav .toggle-mnu {
    right: 41px; }
  .logged-in.admin-bar .content-wrap-lfm header.off-canvas-menu {
    top: -32px !important; }
  .logged-in.admin-bar.al-admin-off-menu .content-wrap-lfm header.off-canvas-menu {
    top: 32px !important; }
  .logged-in.admin-bar.active-fullscreen-topnav .content-wrap-lfm .fullscreen-topnav {
    top: 97px !important; }
  /*END Left menu style normal*/ }

@media only screen and (max-width: 1200px) {
  .fullscreen-topnav .items .link:nth-of-type(2) {
    background-color: rgba(85, 85, 85, 0.9); }
  .section-how-we-work .icon-container:after {
    width: 33px;
    right: -17px; }
  .avatar-80 {
    width: 50px;
    height: 50px; }
  .al-container-slide .al-content-slide {
    width: 920px; } }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  /**/
  header {
    min-height: 63px; }
    header .sf-menu {
      display: none; }
    header .logo {
      padding: 12px 0 9px 0; }
      header .logo img {
        height: 43px; }
    header .toggle-mnu {
      display: block;
      top: 23px;
      right: 41px; }
    header .toggle-top {
      top: 23px;
      padding-left: 14px;
      margin-left: 0;
      border-left: 1px solid #ccc; }
  .header-type-1 .al-nav-container-rel {
    width: 750px; }
  .background-image {
    background-position: 50% 50%; }
  /**/
  .heading-title-big {
    font-size: 52px; }
  .slide-title {
    font-size: 22px; }
  .description-slide {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px; }
  .btn {
    padding: 12px 25px 12px 25px;
    font-size: 13px;
    line-height: 13px; }
  /*Sections style*/
  .about-us {
    padding-bottom: 55px; }
    .about-us .item-about {
      margin-bottom: 30px; }
  /*Tabs services*/
  .services-section ul.list {
    margin-top: 30px; }
  /*Tabs services*/
  .al-services-tabs {
    padding: 0; }
    .al-services-tabs .slick-list {
      overflow: hidden; }
    .al-services-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
      background-color: #1b1b1b;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .al-services-tabs .ui-tabs-panel {
      margin-top: 30px; }
  /*How we work*/
  .section-how-we-work {
    padding-bottom: 35px; }
    .section-how-we-work .icon-container:after {
      display: none; }
    .section-how-we-work .item-icon {
      margin-bottom: 50px; }
  /*Team section*/
  .section-team {
    padding-bottom: 35px; }
    .section-team .item-team {
      padding-bottom: 50px; }
  /*section-testimonials*/
  .section-testimonials .prev-next-block-rotate {
    display: none; }
  /*section-choose-us*/
  .section-choose-us {
    padding-bottom: 20px; }
    .section-choose-us .item-about {
      margin-bottom: 65px; }
      .section-choose-us .item-about .icon {
        line-height: 73px; }
        .section-choose-us .item-about .icon .bg-icon {
          top: 0; }
          .section-choose-us .item-about .icon .bg-icon i {
            font-size: 130px; }
  /*contact form*/
  .contact-wrap {
    text-align: center;
    margin-bottom: 50px; }
  /*footer*/
  footer {
    text-align: center; }
    footer > div {
      padding-bottom: 30px; }
    footer .social-links {
      margin-bottom: 50px; }
    footer .links {
      padding-bottom: 30px; }
    footer ul.footer-menu {
      display: none; }
    footer .down-footer p {
      float: inherit;
      display: block;
      text-align: center; }
    footer .al-widget {
      margin-bottom: 50px; }
  .contact-2 {
    padding-bottom: 30px; }
  section .accordion {
    margin-top: 30px; }
  .services-list {
    margin-bottom: 30px; }
  .service-single ul.list {
    margin-top: 20px; }
  .service-about, .item-about {
    padding-bottom: 40px; }
    .service-about:last-child, .item-about:last-child {
      padding-bottom: 0; }
    .service-about .icon i, .item-about .icon i {
      width: 70px; }
    .service-about .icon .bg-icon, .item-about .icon .bg-icon {
      top: -20px;
      left: 70px; }
      .service-about .icon .bg-icon i, .item-about .icon .bg-icon i {
        font-size: 100px; }
  .item-price .head .name-wrap:after {
    background-size: 100% 100%;
    height: 30px; }
  .item-price.most-price {
    margin-top: auto; }
    .item-price.most-price:before {
      position: relative;
      top: 0; }
  .related-projects .item-portfolio {
    margin-bottom: 30px; }
    .related-projects .item-portfolio:nth-last-child(-n+2) {
      margin-bottom: 0; }
  .content-project {
    margin-top: 30px; }
  /*Start Our Features section*/
  .al-icon-large-container.al-line-after:after {
    display: none; }
  /* Portfolio*/
  .al-portfolio-layout .al-masonry-posts[data-size="4"] article {
    width: 33.333%; }
  .al-container-slide .al-content-slide {
    width: 100%; }
  .heading-title-big h2 {
    font-size: 50px; }
  /*Start Socialite section*/
  .socialite {
    padding-top: 15px;
    padding-bottom: 15px; }
    .socialite .container-socialite .item img {
      width: 95px; }
    .socialite .container-socialite .icon-down {
      width: 55px;
      height: 55px;
      top: -41px; }
      .socialite .container-socialite .icon-down a {
        width: 40px;
        height: 40px;
        font-size: 33px;
        top: 7.5px;
        line-height: 45px; }
  .logged-in.admin-bar header.is-sticky.fixed-tp-menu {
    top: 46px !important; }
  .logged-in.admin-bar.active-fullscreen-topnav header {
    top: 46px !important; }
  .logged-in.admin-bar.active-fullscreen-topnav .fullscreen-topnav {
    top: 95px !important; } }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  header .toggle-mnu {
    right: 55px; }
  header .toggle-top {
    left: 27px; }
  .header-type-1 .toggle-mnu {
    right: 55px; }
  .header-type-1 .al-nav-container-rel {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }
  .description-slide {
    font-size: 12px; }
  .full-slider .slide .small-text .heading-title-big, .wrap-header .slide .small-text .heading-title-big {
    font-size: 40px; }
  .fullscreen-topnav .items .text-item {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px; }
  .prev-next-block-rotate {
    display: none; }
  /*Section We are in numbers*/
  .section-we-are-numbers {
    padding-bottom: 0; }
  /*section-testimonials*/
  .section-testimonials .dots-control-carousel {
    margin-top: 30px; }
  .display-page h1 {
    font-size: 30px; }
  .display-page p {
    font-size: 13px; }
  .right-full .center-all {
    width: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .profile-img .dark-hex img {
    margin-bottom: 30px; }
  /* Portfolio*/
  .al-portfolio-layout .al-masonry-posts[data-size="4"] article, .al-portfolio-layout .al-masonry-posts[data-size="3"] article {
    width: 50%; }
  /*Start Socialite*/
  .socialite {
    padding-top: 10px;
    padding-bottom: 10px; }
    .socialite .item {
      height: 26px; }
      .socialite .item img {
        width: 80px; }
    .socialite .container-socialite .icon-down {
      width: 45px;
      height: 45px;
      top: -30px; }
      .socialite .container-socialite .icon-down a {
        width: 32px;
        height: 32px;
        font-size: 30px;
        top: 7px;
        line-height: 34px; }
  .logged-in.admin-bar header.is-sticky.fixed-tp-menu:not(.header-type-1) {
    top: 46px !important; }
  .logged-in.admin-bar.active-fullscreen-topnav header:not(.header-type-1) {
    top: 46px !important; }
  .logged-in.admin-bar.active-fullscreen-topnav .fullscreen-topnav {
    top: 109px !important; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 600px) {
  .logged-in.admin-bar header:not(.header-type-1) {
    top: 46px !important; }
  .logged-in.admin-bar header.is-sticky.fixed-tp-menu:not(.header-type-1) {
    top: 0px !important; }
  .logged-in.admin-bar header.off-canvas-menu.is-sticky:not(.header-type-1) {
    top: -70px !important; }
  .logged-in.admin-bar header.fixed-tp-menu.is-sticky:not(.header-type-1) {
    top: 0px !important; }
  .logged-in.admin-bar.active-fullscreen-topnav.al-admin-off-menu .fullscreen-topnav {
    top: 63px !important; } }

@media only screen and (max-width: 480px) {
  /**/
  .heading-title-big {
    font-size: 40px; }
  .full-slider .embed-responsive-item {
    display: none; }
  .full-slider img {
    display: none; }
  .heading-title h2 {
    font-size: 30px;
    margin-bottom: 10px; }
  .full-slider .slide .small-text .heading-title-big, .wrap-header .slide .small-text .heading-title-big {
    font-size: 30px; }
  .small-head h2 {
    font-size: 16px; }
  .small-heading h2 {
    font-size: 25px; }
  .heading-title p {
    font-size: 13px; }
  .slide-title {
    font-size: 18px; }
  .description-slide {
    font-size: 12px; }
  .controls-portfolio ul li {
    margin-bottom: 10px; }
  /*Team*/
  .item-team h2 {
    font-size: 15px; }
  .item-team span {
    font-size: 13px; }
  .item-team p {
    font-size: 13px; }
  .item-team ul.social-links li {
    margin-left: 2px;
    font-size: 13px;
    line-height: 13px; }
    .item-team ul.social-links li a {
      width: 29px;
      height: 29px;
      line-height: 29px;
      -webkit-transform: rotate(0deg) translate(0px, 0px);
      -ms-transform: rotate(0deg) translate(0px, 0px);
      transform: rotate(0deg) translate(0px, 0px); }
      .item-team ul.social-links li a i {
        -webkit-transform: rotate(0deg) translate(0px, 0px);
        -ms-transform: rotate(0deg) translate(0px, 0px);
        transform: rotate(0deg) translate(0px, 0px); }
  .related-projects .item-portfolio {
    margin-bottom: 30px; }
    .related-projects .item-portfolio:nth-last-child(-n+2) {
      margin-bottom: 0; }
    .related-projects .item-portfolio .content-wrap .content-va p {
      display: none; }
    .related-projects .item-portfolio .content-wrap .content-va h2 {
      margin-top: 0; }
      .related-projects .item-portfolio .content-wrap .content-va h2:after {
        display: none; }
  .related-projects .tizer-circle {
    display: none; }
  /* Portfolio*/
  .al-portfolio-layout .al-masonry-posts[data-size="4"] article, .al-portfolio-layout .al-masonry-posts[data-size="3"] article, .al-portfolio-layout .al-masonry-posts[data-size="2"] article {
    width: 100%; }
  .heading-title-big h2 {
    font-size: 30px; }
  .slide-title {
    font-size: 21px !important; }
  .logged-in.admin-bar.active-fullscreen-topnav .fullscreen-topnav {
    top: 109px !important; }
  .logged-in.admin-bar.active-fullscreen-topnav.al-admin-off-menu .fullscreen-topnav {
    top: 63px !important; } }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  /**/
  .buttons-section .btn {
    margin-right: 0 !important;
    margin-bottom: 15px; }
    .buttons-section .btn:last-child {
      margin-bottom: 0; } }

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /**/ }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /**/ }

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /**/ }

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /**/ }

/* Large Devices, Wide Screens */
@media only screen and (max-height: 860px) {
  /**/
  .active-fullscreen-topnav .height-half-60 .items .height-full {
    height: 530px;
    padding-top: 50px;
    padding-bottom: 50px; } }