@charset "UTF-8";
/************************************************
 * [Table of contents]
 *
 * 1. Body / .home
 * 2. Header / .main-head
 *    2.1. Navigation / nav
 *       2.1.1 MegaMenu / .sf-mega
 *       2.1.1 Marker / #marker
 *    2.2. Logotype / .logo
 *    2.3. Button / .button
 * 3. Slider / .slider-top
 *    3.1. Section slide / .slide
 *    3.2. Slider Background / .slide-bg
 *    3.3. Slider Content / .slide-content
 *    3.4. Slider Right Image Wrapper / .slide-img-wrap
 * 4. Universal Section / .homesect
 *    4.0. Section Title / .section-title
 *    4.1. Section Parallax / .section_1_review
 *    4.2. Section Evaluation / .section_2
 *    4.3. Section Accounting Services / .section_3
 *    4.4. Section Financial Services / .section_4
 *    4.5. Section Dark / .section_5
 *    4.6. Section Employees / .section_6
 * 5. Footer / .main-footer
 *    5.1 Bottom indicator-container / .indicator-container
 *********************************************** */
/*############################################## */
/*---------------- Buttons Form ---------------- */
.button {
  display: inline-block;
  min-height: 45px;
  border: 1px solid #71d2be;
  padding: 10px 10px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #56c9b2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
  line-height: 23px; }
  .button:hover {
    text-decoration: none;
    background-color: #25b396;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
    color: #fff; }

/*------------------ End Buttons Form ---------------- */
/*######################################################## */
/*-------------------- PopUp Form Custom ------------------ */
/* Styles for dialog window */
.popup-form {
  background: #e5e5e5;
  padding: 20px 30px;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative; }

/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8); }

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0; }

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
          transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
          transform: translateY(-20px) perspective(600px) rotateX(10deg); }

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
          transform: translateY(0) perspective(600px) rotateX(0); }

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
          transform: translateY(-10px) perspective(600px) rotateX(10deg); }

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
          transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8; }

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0; }

/*---------- End PopUp Form Custom ---------- */
/*########################################## */
/*----------------- General ----------------- */
*::-webkit-input-placeholder {
  color: #3D4A5A;
  opacity: 0.6; }

*:-moz-placeholder {
  color: #3D4A5A;
  opacity: 0.6; }

*::-moz-placeholder {
  color: #3D4A5A;
  opacity: 0.6; }

*:-ms-input-placeholder {
  color: #3D4A5A;
  opacity: 0.6; }

body input,
body textarea {
  color: #3D4A5A; }

body {
  font-size: 17px;
  min-width: 320px;
  position: relative;
  line-height: 1.6;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #3D4A5A;
  overflow-x: hidden;
  background-color: #fff; }

ol, ul {
  list-style: none; }

/*--------------- Callback hidden ---------------- */
.hidden {
  display: none; }

a, a:hover, a:focus, a:active {
  color: #fff;
  text-decoration: none;
  outline: none; }

/*--------------- Headings --------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #3D4A5A; }

h1 {
  font-size: 42px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 26px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 17px; }

p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #3D4A5A; }

/*---------------  Preloader -------------- */
.loader {
  background: none repeat scroll 0 0 #667c97;
  height: 100%;
  width: 100%;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10000; }
  .loader .loading {
    margin-top: -30px;
    margin-left: -15px;
    left: 50%;
    top: 50%;
    position: absolute;
    height: 4em;
    width: 4em;
    -webkit-animation: rotation 1s infinite linear;
            animation: rotation 1s infinite linear;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-top-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%; }

@keyframes rotation {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
/*################################################## */
/*---------------  Main Menu (Header) -------------- */
.main-head {
  position: relative;
  background-image: url("img/top-pannel-bg.jpg"); }
  .main-head::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(61, 61, 61, 0.7);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 10; }
  .main-head .top-line {
    position: relative;
    padding: 40px 0;
    min-height: 128px; }

/*---------------  Wrapper button -------------- */
.top-button-wrap {
  border: 1px solid #71ddc7;
  display: inline-block;
  max-width: 165px;
  z-index: 11;
  position: absolute;
  top: 0;
  right: 0; }

/*######################################### */
/*---------------  Logotype -------------- */
.logo {
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
  z-index: 11;
  opacity: 0.35; }
  .logo img {
    width: 120px;
    height: 100%; }

/*---------------  Mega Menu Start -------------- */
.menubtn {
  display: none; }

nav a:hover, nav a:focus {
  color: #fff; }

nav {
  display: block;
  position: relative;
  z-index: 100;
  width: 747px;
  border: 1px solid #000;
  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1);
  background: -webkit-linear-gradient(bottom, #3d3d3d, #212121);
  background: linear-gradient(to top, #3d3d3d, #212121); }

nav span {
  display: none; }

/* all lists */
nav ul, nav ul ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  position: relative;
  height: 45px; }

nav ul a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff; }

/* all list items */
nav ul li {
  float: left;
  width: 149px;
  text-align: center;
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);
  background-color: transparent;
  z-index: 2; }

nav ul li:hover {
  color: #667; }

/* second-level lists */
nav ul li ul {
  position: absolute;
  width: 14em;
  height: auto;
  left: -999em;
  top: 46px;
  background: -webkit-linear-gradient(bottom, #3d3d3d, #212121);
  background: linear-gradient(to top, #3d3d3d, #212121); }

nav ul li ul li {
  width: 14em;
  background: -webkit-linear-gradient(bottom, #3d3d3d, #212121);
  background: linear-gradient(to top, #3d3d3d, #212121);
  text-align: left;
  border-top: 1px solid #494F4F;
  border-bottom: 1px solid #212424; }
  nav ul li ul li:hover {
    background: #000; }

nav ul ul li,
nav ul ul ul li,
nav ul ul ul ul li {
  border-right: none; }

nav ul li a.sf-with-ul:after {
  content: "";
  display: inline-block;
  position: relative;
  top: 0em;
  right: -0.3em; }

nav ul li.sfHover a.sf-with-ul:after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

nav ul li.sfHover li a.sf-with-ul:after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }

nav ul li a.sf-with-ul:only-child:after {
  content: ""; }

nav ul li ul a {
  padding: 10px 10px;
  margin-top: -1px;
  font-size: 13px; }

nav ul li ul li a {
  padding: 12px 15px 8px;
  -webkit-transition: padding 0.5s ease;
          transition: padding 0.5s ease; }
  nav ul li ul li a:hover {
    padding-left: 25px; }

nav ul li ul li:last-child a {
  border-bottom: none; }

/* third-and-above-level lists */
nav ul li ul ul {
  margin: -2.7em 0 0 14em;
  top: 45px; }

nav ul li:hover ul ul,
nav ul li:hover ul ul ul,
nav ul li.sfhover ul ul,
nav ul li.sfhover ul ul ul {
  left: -999em; }

nav ul li:hover ul,
nav ul li li:hover ul,
nav ul li li li:hover ul,
nav ul li.sfhover ul,
nav ul li li.sfhover ul,
nav ul li li li.sfhover ul {
  left: auto; }

/*UNIVERSAL PADDING */
nav ul a,
nav ul li a,
nav ul li ul a {
  padding: 11px 0px 11px;
  line-height: 24px;
  cursor: pointer; }

nav .arrows-tog {
  position: relative; }
  nav .arrows-tog > a:hover > span {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    height: 16px;
    width: 16px;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }

nav .plus-tog {
  position: relative; }
  nav .plus-tog::after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ""; }
  nav .plus-tog::before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: ""; }
  nav .plus-tog.sfHover:before {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease; }

/*##################################################### */
/*---------------------- MegaMenu --------------------- */
.sf-mega {
  position: absolute;
  width: 100%;
  height: auto;
  top: 46px;
  left: 0;
  padding: 20px 0;
  background-color: #3d3d3d;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35); }
  .sf-mega ul {
    position: static;
    display: block;
    width: 165px; }
    .sf-mega ul li {
      width: 165px;
      background: transparent;
      box-shadow: none;
      border-bottom: 1px dotted #000; }
      .sf-mega ul li:last-child {
        border-bottom: none; }
      .sf-mega ul li:first-child {
        border-top: none; }
      .sf-mega ul li:hover {
        background-color: transparent; }
      .sf-mega ul li a {
        padding: 10px 0;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #fff;
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease; }
        .sf-mega ul li a:hover {
          padding-left: 0;
          opacity: 0.6; }
  .sf-mega .service-item-image {
    width: 100%;
    min-height: 100px;
    position: relative; }
    .sf-mega .service-item-image .fa {
      font-size: 30px;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -14px;
      margin-left: -14px;
      opacity: 0;
      -webkit-transition: all 0.5s ease;
              transition: all 0.5s ease; }
    .sf-mega .service-item-image:hover .fa {
      opacity: 0.8; }
    .sf-mega .service-item-image:hover::before {
      opacity: 0.6; }
  .sf-mega h3 {
    height: 35px;
    font-size: 20px;
    margin: 22px 0 34px;
    position: relative; }
    .sf-mega h3::before {
      content: "";
      position: absolute;
      height: 1px;
      background-color: #56c9b2;
      width: 58px;
      bottom: -16px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }
    .sf-mega h3 a {
      padding: 0;
      line-height: 20px;
      color: #fff;
      opacity: 1;
      -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease; }
      .sf-mega h3 a:hover {
        opacity: 0.6;
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease; }
  .sf-mega p {
    margin: 0;
    text-align: left;
    line-height: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #fff;
    opacity: 0.6; }

/*-------------------- End MegaMenu ------------------- */
/*##################################################### */
/*-------------------- Marker menu -------------------- */
#marker {
  height: 45px;
  background: #000 !important;
  position: absolute;
  top: 0px;
  width: 149px;
  z-index: -1;
  -webkit-transition: all 0.35s;
          transition: all 0.35s;
  display: block; }

#main li:nth-child(1):hover ul div {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
#main li:nth-child(1):hover ~ #marker {
  -webkit-transform: translate(0px, 0);
      -ms-transform: translate(0px, 0);
          transform: translate(0px, 0); }

#main li:nth-child(2):hover ul div {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
#main li:nth-child(2):hover ~ #marker {
  -webkit-transform: translate(149px, 0);
      -ms-transform: translate(149px, 0);
          transform: translate(149px, 0); }

#main li:nth-child(3):hover ul div {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
#main li:nth-child(3):hover ~ #marker {
  -webkit-transform: translate(298px, 0);
      -ms-transform: translate(298px, 0);
          transform: translate(298px, 0); }

#main li:nth-child(4):hover ul div {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
#main li:nth-child(4):hover ~ #marker {
  -webkit-transform: translate(447px, 0);
      -ms-transform: translate(447px, 0);
          transform: translate(447px, 0); }

#main li:nth-child(5):hover ul div {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
#main li:nth-child(5):hover ~ #marker {
  -webkit-transform: translate(596px, 0);
      -ms-transform: translate(596px, 0);
          transform: translate(596px, 0); }

/*-------------------- Mega Menu End ---------------- */
/*#################################################### */
/*-------------- Section Slider Start --------------- */
.slider-wrap {
  position: relative; }
  .slider-wrap .slider-nav-container {
    height: 100%; }
    .slider-wrap .slider-nav-container .slider-nav {
      position: absolute;
      width: 100%;
      top: 42%;
      z-index: 2;
      color: #fff;
      font-size: 36px; }
      .slider-wrap .slider-nav-container .slider-nav > div {
        cursor: pointer;
        position: absolute; }
        .slider-wrap .slider-nav-container .slider-nav > div:first-child {
          left: 35px; }
          .slider-wrap .slider-nav-container .slider-nav > div:first-child:hover {
            color: #56c9b2;
            -webkit-transition: all 0.5s ease;
                    transition: all 0.5s ease; }
        .slider-wrap .slider-nav-container .slider-nav > div:last-child {
          right: 35px; }
          .slider-wrap .slider-nav-container .slider-nav > div:last-child:hover {
            color: #56c9b2;
            -webkit-transition: all 0.5s ease;
                    transition: all 0.5s ease; }

.slider-top .owl-item.active h1 {
  opacity: 1;
  left: 0; }
.slider-top .owl-item.active p {
  opacity: 1;
  left: 0; }
.slider-top .owl-item.active .slide-img-wrap {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }
.slider-top .owl-item.active .button {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  cursor: pointer; }
.slider-top .slide {
  position: relative;
  padding: 125px 0 150px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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; }
  .slider-top .slide h1 {
    line-height: 50px;
    position: relative;
    left: 100px;
    opacity: 0;
    -webkit-transition: all 1s ease;
            transition: all 1s ease;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 42px;
    color: #fff;
    margin: 0 0 15px; }
    .slider-top .slide h1:first-line {
      color: #56c9b2; }
  .slider-top .slide p {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: #fff;
    left: 50px;
    opacity: 0;
    -webkit-transition: all 1.5s ease;
            transition: all 1.5s ease;
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .slider-top .slide-bg {
    position: absolute;
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .slider-top .slide-bg:before {
      content: "";
      background-color: #3D4A5A;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      opacity: 0.7; }
  .slider-top .slide-content {
    position: relative;
    z-index: 1; }
  .slider-top .slide .button {
    margin-top: 10px;
    padding: 10px 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transition: all 1.3s ease;
            transition: all 1.3s ease;
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
.slider-top .owl-controls {
  text-align: center; }
  .slider-top .owl-controls .owl-dots {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 10px; }
  .slider-top .owl-controls .owl-dot {
    width: 14px;
    height: 14px;
    margin: 0 3px;
    display: inline-block;
    border: #fff 2px solid;
    background-color: #56c9b2;
    opacity: 0.7;
    border-radius: 10em; }
    .slider-top .owl-controls .owl-dot.active {
      border: #56c9b2 2px solid;
      background-color: #fff; }

/*------------ Slider Right Image Wrapper ------------ */
.slide-img-wrap {
  min-height: 260px;
  opacity: 0;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: all 1s ease;
          transition: all 1s ease;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
  position: relative; }
  .slide-img-wrap img {
    max-width: 350px;
    height: auto;
    position: absolute;
    right: 0;
    top: 0; }

/*-------------- Section Slider End --------------- */
/*################################################## */
/*-------------- Universal section --------------- */
.homesect {
  padding-top: 40px;
  padding-bottom: 10px;
  background-color: #F9F9F9;
  position: relative; }
  .homesect a:hover {
    text-decoration: none; }
  .homesect .section-head {
    margin-bottom: 50px; }
    .homesect .section-head p {
      margin-top: 60px;
      text-align: center;
      -webkit-animation-delay: 0.4s;
              animation-delay: 0.4s;
      color: #3D4A5A;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s; }
      .homesect .section-head p a {
        font-family: "Roboto", sans-serif;
        font-weight: 400; }
    .homesect .section-head h2 {
      text-align: center;
      position: relative;
      color: #3D4A5A;
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s; }
      .homesect .section-head h2::after {
        position: absolute;
        content: "";
        height: 4px;
        background-color: #56c9b2;
        width: 165px;
        display: block;
        bottom: -30px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        border-radius: 10em; }
    .homesect .section-head h3 {
      text-align: center;
      margin-top: 50px; }
  .homesect::before {
    content: "";
    height: 6px;
    width: 100%;
    position: absolute;
    top: -6px;
    background-image: url(img/bah_1.png);
    z-index: 10; }

/* Universal section content */
.section-content {
  position: relative;
  padding-bottom: 90px; }
  .section-content .info-item-wrap:nth-child(4) .info-item, .section-content .info-item-wrap:last-child .info-item {
    margin-bottom: 0; }

.info-item {
  padding-left: 40px;
  max-width: 320px;
  line-height: 19px;
  margin: 0; }
  .info-item h4 {
    margin-top: 0;
    margin-bottom: 10px; }
    .info-item h4 a {
      font-size: 23px;
      line-height: 14px;
      text-decoration: underline;
      text-transform: none; }
  .info-item p {
    font-size: 17px;
    border-bottom: #DEE1E5 1px solid;
    padding-bottom: 75px; }

.info-item-wrap:nth-child(2) .info-item {
  margin-top: 0px; }

.scales {
  width: 160px;
  position: absolute;
  top: -130px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: -1; }

.s2-items {
  padding-bottom: 30px; }
  .s2-items .s2-item {
    text-align: center;
    color: #3D4A5A;
    margin-bottom: 40px;
    display: block;
    -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
    text-decoration: none; }
    .s2-items .s2-item > span {
      display: block; }
      .s2-items .s2-item > span:hover {
        color: #56c9b2;
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease; }
    .s2-items .s2-item-text {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 20px;
      color: #3D4A5A;
      -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease; }
  .s2-items .img-wrap {
    padding-bottom: 32px;
    margin-bottom: 12px;
    display: block;
    position: relative;
    line-height: 60px; }
    .s2-items .img-wrap::before {
      content: "";
      position: absolute;
      height: 1px;
      background-color: #56c9b2;
      width: 58px;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }
    .s2-items .img-wrap img {
      max-width: 75px;
      max-height: 60px;
      width: auto; }

.img-wrap img {
  width: 100%;
  max-width: 100%; }

.s2-items-container {
  text-align: center; }

.s2-item-wrap {
  display: inline-block;
  float: none;
  padding: 0 15px;
  width: 185px;
  vertical-align: top;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px); }
  .s2-item-wrap.on {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .s2-item-wrap:hover {
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px); }

.s_dark {
  background-color: #3D4A5A; }
  .s_dark:before {
    background-image: url(img/bah_2.png); }
  .s_dark .section-head h2 {
    color: #fff; }
  .s_dark .section-head p {
    color: #E5E5E5; }

.s_gray {
  background-color: #F9F9F9; }
  .s_gray::before {
    background-image: url(img/bah_1.png); }

.teams {
  text-align: center;
  -webkit-perspective: 600px;
          perspective: 600px;
  margin-bottom: 50px; }
  .teams .team {
    width: 260px;
    -webkit-transition: all 1.2s ease;
            transition: all 1.2s ease;
    display: inline-block;
    margin: 0 12px 30px;
    font-size: 15px;
    line-height: 21px;
    padding: 54px 28px 48px;
    vertical-align: top;
    border-bottom: #1A222B 4px solid;
    background-color: #E5E5E5;
    border-color: #D6D6D6; }
    .teams .team-on {
      opacity: 1; }
    .teams .team-off {
      -webkit-transform: rotateY(100deg);
              transform: rotateY(100deg);
      opacity: 0; }
    .teams .team:hover {
      border-color: #56c9b2; }
      .teams .team:hover .card-icon {
        -webkit-transition: all 0.8s ease;
                transition: all 0.8s ease;
        box-shadow: 0 0 0 5px #56c9b2; }
      .teams .team:hover .img-wrap {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1); }
    .teams .team .card-icon {
      width: 120px;
      height: 120px;
      line-height: 0;
      background-color: #fff;
      border-radius: 10em;
      display: inline-block;
      overflow: hidden;
      box-shadow: 0 0 0 5px #D6D6D6;
      -webkit-transition: all 0.8s ease;
              transition: all 0.8s ease; }
      .teams .team .card-icon img {
        width: 100%; }
    .teams .team .img-wrap {
      -webkit-transition: all 0.25s ease;
              transition: all 0.25s ease; }
    .teams .team h5 {
      text-transform: none;
      color: #3D4A5A;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      margin: 35px 0 12px; }
    .teams .team p {
      font-size: 14px;
      color: #3D4A5A;
      opacity: 0.6;
      margin-bottom: 0;
      margin-top: 0; }
    .teams .team .team-phone {
      margin-top: 15px;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 17px;
      color: #3D4A5A; }

/*-------------- Universal section END -------------- */
/*################################################### */
/*------------------ Section Title ----------------- */
.section-title {
  background-image: url("img/top-pannel-bg.jpg");
  background-position: top center;
  padding: 40px 0;
  position: relative; }
  .section-title::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(61, 61, 61, 0.7);
    box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.4); }
  .section-title h3 {
    margin: 0;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 26px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    background-color: rgba(255, 255, 255, 0.13); }

/*--------------- Section Title END --------------- */
/*################################################## */
/*-------------- Section_1 Parallax --------------- */
.section_1_review {
  background-image: url("img/middle_bg.jpg");
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-size: cover;
  background-color: #d2d6d9; }

.s1-left .section-head {
  margin: 55px 0 75px; }
  .s1-left .section-head h2 {
    margin-top: 0;
    text-align: center;
    color: #3D4A5A;
    position: relative;
    -webkit-animation-duration: 2s;
            animation-duration: 2s; }
    .s1-left .section-head h2::after {
      position: absolute;
      content: "";
      height: 4px;
      background-color: #56c9b2;
      width: 165px;
      display: block;
      bottom: -30px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      border-radius: 10em; }
  .s1-left .section-head p {
    text-align: left;
    color: #3D4A5A;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    margin-top: 55px;
    -webkit-animation-duration: 2s;
            animation-duration: 2s; }

/*-------------- Section_1 Parallax End---------------- */
/*##################################################### */
/*-------------- Section_2 (Evaluation) --------------- */
.section_2 .section-pb {
  padding-bottom: 90px; }
  .section_2 .section-pb .col-md-3 {
    padding: 4px; }

.service-item, .no-home .service-item-blog {
  border: 4px solid #3D4A5A;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
  text-align: center;
  padding-bottom: 20px;
  background-color: #fff;
  z-index: 2; }
  .service-item:hover, .no-home .service-item-blog:hover {
    border-color: #56c9b2;
    -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
            transform: scale(1.04);
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.35); }
    .service-item:hover a.service-item-image .fa, .no-home .service-item-blog:hover a.service-item-image .fa {
      opacity: 0.4; }
    .service-item:hover a.service-item-image::before, .no-home .service-item-blog:hover a.service-item-image::before {
      opacity: 0.7; }
    .service-item:hover .service-item-stars, .no-home .service-item-blog:hover .service-item-stars {
      color: #56c9b2; }
      .service-item:hover .service-item-stars .fa, .no-home .service-item-blog:hover .service-item-stars .fa {
        margin: 0 3px; }
  .service-item h4, .no-home .service-item-blog h4 {
    margin-bottom: 10px;
    padding: 0 14px;
    color: #3D4A5A; }
  .service-item-image {
    min-height: 183px;
    background-size: cover;
    position: relative;
    display: block; }
    .service-item-image .fa {
      font-size: 30px;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -10px;
      margin-left: -10px;
      opacity: 0;
      -webkit-transition: all 0.5s ease;
              transition: all 0.5s ease; }
    .service-item-image::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #3D4A5A;
      opacity: 0;
      -webkit-transition: all 0.5s ease;
              transition: all 0.5s ease; }
  .service-item-stars {
    color: #b4b4b4;
    font-size: 11px; }
    .service-item-stars .fa {
      margin-left: 1px;
      -webkit-transition: all 0.5s ease;
              transition: all 0.5s ease; }
  .service-item-price {
    margin-top: 5px;
    margin-bottom: 26px;
    font-size: 17px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #3D4A5A; }
    .service-item-price span {
      font-size: 28px; }
    .service-item-price .fa {
      color: #56c9b2;
      font-size: 18px; }

/*------------------ Section_2 (Evaluation) END ---------------- */
/*############################################################### */
/*-------------- Section_3 (Accounting Services) --------------- */
.section_3 .section-head {
  margin-bottom: 60px; }
.section_3 .section-content {
  min-height: 850px;
  background-image: url(img/s3_sun_bg.png);
  padding-bottom: 100px;
  padding-top: 75px;
  background-repeat: no-repeat;
  background-position: top; }
  .section_3 .section-content .info-item {
    margin-top: 80px; }
    .section_3 .section-content .info-item h5 {
      font-size: 17px; }
      .section_3 .section-content .info-item h5 a {
        color: #56c9b2;
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
        text-transform: uppercase;
        text-decoration: underline; }
        .section_3 .section-content .info-item h5 a:hover {
          text-decoration: none; }
    .section_3 .section-content .info-item p {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #E5E5E5;
      border-bottom: 0; }
.section_3 .info-item-wrap:nth-child(2) .info-item {
  margin-top: -20px;
  margin-left: 20px; }
.section_3 .info-item-wrap:nth-child(4) .info-item, .section_3 .info-item-wrap:nth-child(6) .info-item {
  margin-top: 50px; }
.section_3 .info-item-wrap:nth-child(8) .info-item {
  margin-top: 160px;
  margin-left: 20px; }
.section_3 .info-item-wrap:nth-child(1) .info-item, .section_3 .info-item-wrap:nth-child(7) .info-item {
  margin-left: 82px; }
.section_3 .info-item-wrap:nth-child(3) .info-item, .section_3 .info-item-wrap:nth-child(9) .info-item {
  margin-left: -35px; }
.section_3 .info-item-wrap:nth-child(6) .info-item {
  margin-left: 30px; }

.s3-img-wrap {
  width: 130px;
  height: 130px;
  background-color: #56c9b2;
  text-align: center;
  border-radius: 10em;
  margin: 43px 0 0 117px; }
  .s3-img-wrap img {
    width: 70px;
    margin-top: 29px; }

/*-------------- Section_3 (Accounting Services) END --------------- */
/*################################################################### */
/*----------------- Section_4 (Financial Services) ----------------- */
.section_4::after {
  content: "";
  height: 6px;
  width: 100%;
  position: absolute;
  bottom: -6px;
  background-image: url(img/bah_1_down.png);
  z-index: 10; }

/*-------------- Section_4 (Financial Services) END --------------- */
/*################################################################## */
/*------------------- Section_5 (Section Dark) -------------------- */
.section_5 {
  padding-bottom: 10px;
  background-image: url("img/news-bg.jpg");
  position: relative;
  color: #fff;
  background-size: cover; }
  .section_5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.85;
    background-image: none;
    background-color: #3D4A5A;
    z-index: 0; }

.triangles-container {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin: 20px 0 70px;
  text-align: center; }
  .triangles-container .tc-item {
    width: 290px;
    height: 128px;
    display: inline-block;
    position: relative;
    margin-left: -33px;
    vertical-align: top;
    cursor: default;
    -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
    .triangles-container .tc-item:first-child {
      margin-left: 0; }
      .triangles-container .tc-item:first-child .tc-content {
        margin-left: 50px;
        padding-right: 16px; }
    .triangles-container .tc-item:hover {
      -webkit-transform: scale(1.08);
          -ms-transform: scale(1.08);
              transform: scale(1.08);
      z-index: 3; }
    .triangles-container .tc-item svg {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; }
    .triangles-container .tc-item .tc-content {
      position: relative;
      z-index: 1;
      margin-top: 43px;
      margin-left: 53px;
      text-align: left;
      padding-left: 40px;
      opacity: 0;
      -webkit-transition: all 1s ease;
              transition: all 1s ease;
      line-height: 21px; }
      .triangles-container .tc-item .tc-content-on {
        opacity: 1; }
      .triangles-container .tc-item .tc-content span {
        font-size: 20px;
        margin-left: -22px;
        position: absolute; }
      .triangles-container .tc-item .tc-content img {
        height: 40px;
        float: left;
        margin-left: -40px;
        margin-right: 28px; }

/*-------------- Section_5 (Section Dark) END --------------- */
/*############################################################ */
/*------------------- Section_6 (Employees) ----------------- */
.section_6 {
  position: relative; }
  .section_6::after {
    content: "";
    height: 6px;
    width: 100%;
    position: absolute;
    bottom: -6px;
    background-image: url(img/bah_1_down.png);
    z-index: 10; }

/*-------------- Section_6 (Employees) END --------------- */
/*######################################################### */
/*---------------------- Footer menu --------------------- */
.main-footer {
  background-image: url("img/top-pannel-bg.jpg");
  background-position: top center;
  padding: 86px 0;
  position: relative;
  background-size: cover;
  color: #fff;
  font-size: 15px; }
  .main-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(61, 61, 61, 0.7);
    z-index: 0;
    background-image: none; }
  .main-footer .applePie {
    display: none; }
  .main-footer .pannel-category h4 {
    -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s; }
  .main-footer .pannel-category ul {
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s; }

.pannel-category {
  position: relative; }
  .pannel-category h4 {
    position: relative;
    margin: 0 0 34px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff; }
    .pannel-category h4::after {
      position: absolute;
      content: "";
      height: 2px;
      background-color: #56c9b2;
      width: 100%;
      display: block;
      bottom: -12px;
      border-radius: 10em; }
  .pannel-category ul {
    list-style-type: none;
    padding: 0; }
    .pannel-category ul li {
      position: relative; }
      .pannel-category ul li a {
        opacity: 0.6;
        padding-left: 20px;
        display: block;
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease; }
        .pannel-category ul li a:hover {
          opacity: 1;
          -webkit-transition: all 0.3s ease;
                  transition: all 0.3s ease; }
          .pannel-category ul li a:hover .fa {
            opacity: 1; }
        .pannel-category ul li a .fa {
          position: absolute;
          top: 5px;
          left: 0;
          opacity: 0.6; }

.pannel-right {
  text-align: right; }
  .pannel-right .top-phone {
    font-size: 18px; }
    .pannel-right .top-phone span {
      font-size: 18px;
      opacity: 0.6; }
  .pannel-right .top-email {
    font-size: 15px; }
  .pannel-right .top-button-wrap {
    position: relative;
    margin-top: 25px; }
  .pannel-right .logo {
    position: relative;
    margin-top: 50px; }
  .pannel-right .fa {
    margin-right: 8px;
    opacity: 0.6; }

/*-------------------- Footer menu END -------------------- */
/*########################################################## */
/*-------------- Bottom indicator-container --------------- */
.indicator-container {
  width: 3.4em;
  height: 6em;
  border: calc(0.4em * 0.1) solid white;
  border-radius: 3.4em;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2), inset 0 6px 8px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 40px;
  right: 30px;
  z-index: 100; }
  .indicator-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 3.4em;
    height: 6em; }

.indicator-arrow {
  margin-top: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .indicator-arrow .base {
    margin: 0 auto;
    width: calc(1.4em * 0.1);
    background: #56c9b2;
    height: calc(2.4em * 0.33);
    border-radius: calc(3.4em * 0.1); }
  .indicator-arrow .arrowpoint {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(0em * 0.175) calc(2em * 0.175) 0 calc(2em * 0.175);
    border-color: #56c9b2 transparent transparent transparent;
    margin-top: -10%; }

.top {
  margin-top: -20px;
  -webkit-animation: arrowAnimation1 infinite 1.1s ease-in-out;
          animation: arrowAnimation1 infinite 1.1s ease-in-out; }

.bottom {
  margin-top: 0px; }

@keyframes arrowAnimation1 {
  from {
    margin-bottom: 140%; }
  to {
    margin-bottom: -40%; } }
/*-------------- End Bottom indicator-container --------------- */
/*############################################################## */
/*---------------- Callback button (Popup Form) --------------- */
.popup-form {
  position: relative; }
  .popup-form h3 {
    text-align: center;
    color: #3D4A5A; }
  .popup-form label, .popup-form input {
    display: block;
    width: 100%; }
  .popup-form label {
    margin-bottom: 12px; }
    .popup-form label span {
      font-size: 15px;
      color: #3D4A5A; }
  .popup-form input {
    border: #56c9b2 solid 4px;
    padding: 12px 15px;
    line-height: 20px; }
  .popup-form .text-center {
    text-align: center; }
  .popup-form .button {
    margin: 20px 0 10px;
    padding: 10px 20px; }
  .popup-form .success {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #fff;
    z-index: 2;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .popup-form .success.visible {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }

/*-------------- Callback button (Popup Form) END --------------- */
/*################################################################ */
/*---------------------- Body class no-home --------------------- */
.no-home {
  font-size: 17px; }
  .no-home .slider-top .slide {
    padding: 0px 0 0px;
    height: auto !important; }
    .no-home .slider-top .slide-bg {
      border-bottom: 6px solid rgba(0, 0, 0, 0.2); }
    .no-home .slider-top .slide .slide-content {
      text-align: center;
      padding: 27px 0; }
      .no-home .slider-top .slide .slide-content h1 {
        font-size: 36px;
        margin-bottom: 10px;
        line-height: 46px; }
    .no-home .slider-top .slide .col-md-6 {
      width: 100%; }
  .no-home .slider-top .owl-controls .owl-nav {
    top: 42%; }
  .no-home .slider-top .owl-controls .owl-dot,
  .no-home .slider-top .slide p,
  .no-home .slide-img-wrap {
    display: none; }
  .no-home .service-item, .no-home .service-item-blog {
    margin-bottom: 30px;
    border-width: 3px; }
    .no-home .service-item:hover, .no-home .service-item-blog:hover {
      -webkit-transform: scale(1.06);
          -ms-transform: scale(1.06);
              transform: scale(1.06); }

.page-title {
  background-color: #F9F9F9; }
  .page-title .breadcrumb {
    border-bottom: 3px solid #bfbfbf;
    display: inline-block;
    margin: 36px 0 30px;
    padding: 0 10px 10px 10px; }
    .page-title .breadcrumb li {
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .page-title .breadcrumb li:first-child {
        padding-left: 16px; }
        .page-title .breadcrumb li:first-child::before {
          display: none; }
      .page-title .breadcrumb li::before {
        padding-right: 10px;
        color: #bfbfbf;
        content: "/ "; }
      .page-title .breadcrumb li a {
        color: #3D4A5A;
        font-size: 14px;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease; }
        .page-title .breadcrumb li a:hover {
          color: #8496ac;
          -webkit-transition: all 0.3s ease;
                  transition: all 0.3s ease; }
      .page-title .breadcrumb li.active a {
        color: #56c9b2; }
      .page-title .breadcrumb li .fa {
        position: relative;
        top: 1px;
        left: -14px; }

/*-------------- Content --------------- */
.content {
  padding: 30px 0 60px;
  background-color: #F9F9F9; }
  .content article h2 {
    margin-top: 0;
    position: relative;
    margin-bottom: 60px;
    text-align: center; }
    .content article h2::after {
      position: absolute;
      content: "";
      height: 4px;
      background-color: #56c9b2;
      width: 165px;
      display: block;
      bottom: -30px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      border-radius: 10em; }
  .content article img {
    max-width: 100%; }
  .content article p {
    color: #3D4A5A;
    -webkit-animation-duration: 1.3s;
            animation-duration: 1.3s;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }

/*-------------- Pannel Navigation --------------- */
.main-aside .pannel-category {
  margin: 0 0 30px; }
  .main-aside .pannel-category h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #3D4A5A;
    margin-bottom: 20px; }
.main-aside .menu-type-1 li:last-child a {
  border-bottom: none; }
.main-aside .menu-type-1 li.active a {
  background-color: #56c9b2;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }
  .main-aside .menu-type-1 li.active a:hover {
    color: #fff; }
  .main-aside .menu-type-1 li.active a .fa {
    color: #caeee7; }
.main-aside .menu-type-1 li a {
  color: #3D4A5A;
  opacity: 1;
  font-size: 14px;
  padding: 8px 0 8px 35px;
  border-bottom: #f0f0f0 1px solid;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
  .main-aside .menu-type-1 li a:hover {
    color: #56c9b2; }
  .main-aside .menu-type-1 li a .fa {
    font-size: 14px;
    color: #56c9b2;
    top: 13px;
    margin-left: 10px; }

/*-------------- End Pannel Navigation --------------- */
/*##################################################### */
/*------------------- Second Pages ------------------- */
.no-home .content .section-theme h2 {
  margin-top: 0;
  position: relative;
  margin-bottom: 60px;
  text-align: center;
  color: #3D4A5A; }
  .no-home .content .section-theme h2::after {
    position: absolute;
    content: "";
    height: 4px;
    background-color: #56c9b2;
    width: 165px;
    display: block;
    bottom: -26px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    border-radius: 10em; }
.no-home .content .section-theme p {
  margin-top: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 17px;
  color: #3D4A5A;
  padding-bottom: 36px;
  text-align: center;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
  .no-home .content .section-theme p strong {
    font-family: "Roboto", sans-serif;
    font-weight: 400; }
.no-home .content .section-theme-photo .service-item, .no-home .content .section-theme-photo .service-item-blog {
  border: none;
  border-top: 5px solid #3D4A5A;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
  margin-bottom: 30px; }
  .no-home .content .section-theme-photo .service-item:hover, .no-home .content .section-theme-photo .service-item-blog:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    box-shadow: none;
    border-top: 5px solid #56c9b2;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }
  .no-home .content .section-theme-photo .service-item p, .no-home .content .section-theme-photo .service-item-blog p {
    padding: 0 10px;
    color: #3D4A5A; }
.no-home .content .sec-mission h2::after {
  bottom: -24px; }
.no-home .content .sec-mission h3 {
  display: inline-block;
  border-bottom: 2px solid #56c9b2;
  margin: 10px 0; }
.no-home .content .sec-mission p {
  text-align: left;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.no-home .service-item-blog h3 {
  position: relative;
  padding: 0 10px;
  font-size: 24px; }
  .no-home .service-item-blog h3::after {
    position: absolute;
    content: "";
    height: 2px;
    background-color: #56c9b2;
    width: 130px;
    display: block;
    bottom: -12px;
    border-radius: 10em;
    left: 50%;
    margin-left: -65px; }
.no-home .service-item-blog p {
  margin: 26px 0 20px;
  padding: 0 16px; }

/*------ slider body .ho-home ------- */
.no-home .slider-top .slide-bg::before {
  opacity: 0.1; }
.no-home .slider-top .owl-controls .owl-nav {
  display: none; }

/*-------------- Section Contact --------------- */
.s-contacts {
  padding: 30px 0 0;
  background-color: #F9F9F9; }
  .s-contacts .contacts-top .popup-form {
    padding: 0;
    margin: 0;
    background: none; }
    .s-contacts .contacts-top .popup-form h4 {
      margin-top: 0;
      text-transform: uppercase;
      position: relative; }
      .s-contacts .contacts-top .popup-form h4::after {
        position: absolute;
        content: "";
        height: 2px;
        background-color: #56c9b2;
        width: 190px;
        display: block;
        bottom: -10px;
        border-radius: 10em;
        left: 0; }
    .s-contacts .contacts-top .popup-form input {
      border-width: 2px; }
    .s-contacts .contacts-top .popup-form textarea {
      display: block;
      width: 100%;
      border: #56c9b2 solid 2px;
      padding: 7px 15px; }
    .s-contacts .contacts-top .popup-form .text-center {
      text-align: left; }
      .s-contacts .contacts-top .popup-form .text-center .bt-contact {
        padding: 10px 40px;
        box-shadow: none; }
  .s-contacts .contacts-top .time p {
    color: #3D4A5A;
    font-family: "Roboto", sans-serif;
    font-weight: 400; }
  .s-contacts .contacts-top .time .time-head {
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase; }
    .s-contacts .contacts-top .time .time-head::after {
      position: absolute;
      content: "";
      height: 2px;
      background-color: #56c9b2;
      width: 210px;
      display: block;
      bottom: -10px;
      border-radius: 10em;
      left: 0; }
  .s-contacts .contacts-top .time .time-period {
    font-size: 22px;
    font-weight: bold;
    color: #3D4A5A; }
  .s-contacts .contacts-top .time .time-remark {
    padding-bottom: 20px; }
    .s-contacts .contacts-top .time .time-remark span {
      float: right;
      padding-right: 26px; }
  .s-contacts .contacts-top .address-left {
    color: #3D4A5A; }
    .s-contacts .contacts-top .address-left h4 {
      margin-top: 0;
      text-transform: uppercase;
      position: relative; }
      .s-contacts .contacts-top .address-left h4::after {
        position: absolute;
        content: "";
        height: 2px;
        background-color: #56c9b2;
        width: 190px;
        display: block;
        bottom: -10px;
        border-radius: 10em;
        left: 0; }
    .s-contacts .contacts-top .address-left .address {
      padding-left: 0; }
      .s-contacts .contacts-top .address-left .address li {
        position: relative;
        color: #3D4A5A;
        opacity: 1;
        font-size: 17px;
        padding: 8px 0 8px 35px;
        border-bottom: #bfbfbf 1px solid;
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
        line-height: 30px; }
        .s-contacts .contacts-top .address-left .address li:last-child {
          border-bottom: none; }
        .s-contacts .contacts-top .address-left .address li span {
          font-weight: bold; }
        .s-contacts .contacts-top .address-left .address li .fa {
          font-size: 17px;
          color: #56c9b2;
          position: absolute;
          top: 16px;
          left: 0; }

/*-------------- Map--------------- */
.map {
  background-color: #222;
  margin-top: 70px;
  height: 480px; }

iframe {
  width: 1920px;
  height: 480px;
  border: none; }

/*-------------- Partners link --------------- */
.partners {
  padding: 80px 0 50px;
  background-color: #F9F9F9; }
  .partners .first-col {
    margin-bottom: 40px; }
  .partners h3 {
    position: relative;
    margin-top: 0; }
    .partners h3::after {
      position: absolute;
      content: "";
      height: 2px;
      background-color: #56c9b2;
      width: 100%;
      display: block;
      bottom: -10px;
      border-radius: 10em;
      left: 0; }
  .partners .link-partner {
    padding: 9px 14px 14px 14px;
    border: 2px solid #56c9b2;
    color: #3D4A5A;
    margin-bottom: 30px; }
    .partners .link-partner::after {
      display: block;
      content: "";
      clear: both; }
    .partners .link-partner img {
      width: 40px;
      height: auto;
      display: inline;
      float: left;
      margin-right: 10px; }
    .partners .link-partner h5 {
      text-transform: uppercase;
      font-size: 14px;
      line-height: 18px;
      margin: 3px 0 0; }

/*-------------- End Section Contact --------------- */
/*==========  Desktop First Method  ========== */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .main-menu {
    display: none;
    float: right;
    min-width: 295px;
    text-align: right;
    top: 10px;
    right: 15px;
    z-index: 2; }

  .main-head .top-line {
    min-height: 80px;
    padding: 15px 0; }

  #marker {
    display: none; }

  .logo {
    left: auto;
    top: 0; }
    .logo img {
      width: 100px; }

  nav {
    width: 610px;
    margin-left: -10px; }
    nav ul li {
      width: 121px; }
    nav ul a {
      font-size: 12px; }

  .sf-mega ul {
    width: 135px; }
    .sf-mega ul li {
      width: 135px; }
      .sf-mega ul li a {
        font-size: 12px; }

  .s3-img-wrap {
    margin-left: 84px; }

  .tc-item {
    margin-bottom: 20px; } }
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .section_1_review {
    background-image: none; }

  .main-head .logo {
    display: none; }
  .main-head .top-button-wrap {
    right: -10px;
    border: none;
    top: 2px; }

  .button {
    padding: 10px 6px;
    font-size: 12px; }

  .sf-mega ul {
    width: 100%; }
    .sf-mega ul li {
      width: 100%; }

  .section_1_review {
    background-image: none; }

  .s3-img-wrap {
    margin-left: 46px; }

  .section_3 .info-item-wrap:nth-child(1) .info-item,
  .section_3 .info-item-wrap:nth-child(7) .info-item {
    margin-left: 36px; }

  .triangles-container .tc-item:nth-child(3) {
    margin-left: 0; }

  .pannel-right {
    text-align: center;
    margin-top: 20px; }
    .pannel-right .top-button-wrap {
      right: 0;
      top: 0;
      margin-right: 84px;
      position: absolute; }
    .pannel-right .logo {
      position: absolute;
      margin-top: 25px;
      top: 0; }

  .slide-content h1, .slide-content p, .slide-content .button-center {
    text-align: center; }

  .s-contacts .address-left, .s-contacts .time, .s-contacts .popup-form {
    margin-bottom: 40px; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .main-head .logo {
    display: block; }

  .main-footer {
    padding: 65px 0 75px; }
    .main-footer nav > ul {
      position: static; }
      .main-footer nav > ul > li:last-child {
        margin-bottom: 30px; }
    .main-footer .menubtn {
      position: relative;
      float: none;
      left: 49%;
      top: 0; }

  .pannel-right {
    text-align: center; }
    .pannel-right .top-button-wrap {
      position: relative;
      margin-right: 0; }
    .pannel-right .logo {
      position: relative; }

  .s3-img-wrap {
    display: none; }

  .section_3 .info-item-wrap .info-item {
    margin: 0 !important;
    display: block;
    max-width: 100%;
    border-bottom: 1px solid #56c9b2; }
    .section_3 .info-item-wrap .info-item h4 {
      margin-top: 15px; }
    .section_3 .info-item-wrap .info-item p {
      padding-bottom: 15px; }
  .section_3 .info-item-wrap:last-child .info-item {
    border-bottom: none; }
  .section_3 .section-content {
    background-image: none;
    padding-bottom: 40px;
    padding-top: 40px; }
  .section_3 .section-head {
    margin-bottom: 0; }

  .arrows-tog > a > span {
    display: none !important; }

  .slider {
    max-width: 100% !important; }

  .top-button-wrap {
    margin-right: 75px; }

  .logo {
    display: block;
    top: 3px; }
    .logo img {
      width: 90px; }

  nav {
    margin-left: 0px;
    position: relative; }

  nav span {
    display: block; }

  /*---------Add class to open slidetoggle menu-------- */
  nav span {
    position: relative;
    float: right;
    padding: 10px; }
    nav span::after {
      position: absolute;
      top: 22px;
      right: 19px;
      width: 8px;
      height: 2px;
      display: block;
      background: #ddd;
      content: ""; }
    nav span::before {
      position: absolute;
      top: 19px;
      right: 22px;
      display: block;
      width: 2px;
      height: 8px;
      background: #ddd;
      content: ""; }

  nav span.submenu-opened::before {
    display: none; }

  /*---------END Add class to open slidetoggle menu-------- */
  nav span:hover {
    cursor: pointer; }

  nav ul ul ul span {
    display: none; }

  nav ul, nav ul ul {
    height: 0; }

  nav ul,
  nav ul > ul {
    display: none;
    float: none;
    width: 100%;
    position: absolute;
    right: 0;
    top: 64px; }

  nav ul li {
    border-right: none;
    height: auto; }

  nav ul li a.sf-with-ul:after {
    content: ""; }

  nav ul li ul,
  nav ul li ul li {
    width: 100%;
    position: relative;
    top: 3px; }
    nav ul li ul:hover,
    nav ul li ul li:hover {
      background-color: transparent; }

  nav ul li ul {
    top: -2px;
    background: transparent; }

  nav ul li ul a {
    border-bottom: none; }

  nav ul ul,
  nav ul li {
    width: 100%; }

  nav ul li a {
    padding: 1em 0.5em 1em 1.5em;
    float: left;
    line-height: 22px;
    -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
    width: auto;
    text-align: left; }
    nav ul li a:hover {
      padding-left: 3em; }

  nav ul li ul a {
    padding: 0.5em 1em 0.5em 2em; }

  nav ul li ul li a {
    padding: 8px 6px 5px 35px;
    display: block;
    width: auto; }
    nav ul li ul li a:hover {
      padding-left: 50px; }

  nav ul ul li ul a {
    padding: 0.6em 1em 0.4em 3em; }

  nav ul ul ul li ul a {
    padding: 0.6em 1em 0.4em 4em; }

  nav ul li ul,
  nav ul li ul ul,
  nav ul li:hover ul ul,
  nav ul li:hover ul ul ul,
  nav ul li.sfhover ul ul,
  nav ul li.sfhover ul ul ul,
  nav ul li:hover ul,
  nav ul li li:hover ul,
  nav ul li li li:hover ul,
  nav ul li.sfhover ul,
  nav ul li li.sfhover ul,
  nav ul li li li.sfhover ul {
    position: relative;
    display: none;
    margin: 0 0 0 0;
    left: 0em; }

  nav > ul > li > span {
    width: 46px;
    height: 46px; }

  nav > ul > li > ul li span {
    width: 36px;
    height: 36px; }
    nav > ul > li > ul li span::after {
      top: 17px;
      right: 14px; }
    nav > ul > li > ul li span::before {
      top: 14px;
      right: 17px; }

  nav ul li ul ul {
    top: -1px; }

  nav .arrows-tog {
    top: 3px; }

  /*** MOBILE COLORS ** */
  nav {
    background: none;
    border: none;
    box-shadow: none;
    width: auto; }

  .menubtn {
    display: block !important;
    margin: 13px 0 10px;
    float: right;
    -webkit-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
    width: 28px;
    height: 28px;
    line-height: 48px; }

  .menubtn:hover {
    cursor: pointer; }

  .menubtn span:after,
  .menubtn span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px; }

  .menubtn span:after {
    top: 18px; }

  .menubtn span {
    position: relative;
    display: block;
    padding: 0; }
    .menubtn span:hover {
      background: #998; }

  .menubtn span,
  .menubtn span:after,
  .menubtn span:before {
    width: 100%;
    height: 2px;
    background-color: #998;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 2px; }

  .menubtn.on span {
    background-color: transparent; }

  .menubtn.on span:before {
    -webkit-transform: rotate(45deg) translate(-1px, 0px);
        -ms-transform: rotate(45deg) translate(-1px, 0px);
            transform: rotate(45deg) translate(-1px, 0px); }

  .menubtn.on span:after {
    -webkit-transform: rotate(-45deg) translate(6px, -7px);
        -ms-transform: rotate(-45deg) translate(6px, -7px);
            transform: rotate(-45deg) translate(6px, -7px); }

  /*Plus icon */
  nav span {
    background: #56c9b2;
    color: #fff; }

  nav span:hover {
    background: #56c9b2; }

  nav > ul {
    height: auto;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
    background-image: url("img/top-pannel-bg.jpg");
    z-index: -2;
    background-position: -15px -81px;
    border-top: 1px solid #212424; }
    nav > ul::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(61, 61, 61, 0.7);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: -2; }

  .main-footer nav > ul {
    background-image: none; }
    .main-footer nav > ul::before {
      content: none; }

  /*Top Nav background */
  nav ul ul,
  nav ul li {
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
    border-top: 1px solid #494F4F;
    border-bottom: 1px solid #212424; }

  /*Sub-Nav background */
  nav ul li ul li {
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
    border-top: 1px solid #494F4F;
    border-bottom: 1px solid #212424; }

  /*Sub-Nav borders */
  nav ul ul ul li a {
    padding-left: 53px; }
    nav ul ul ul li a:hover {
      padding-left: 65px; }

  /*sub, sub-Nav background */
  nav ul ul ul li {
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
    position: relative;
    top: 2px; }

  /*First Nav Item when open */
  ul li.menuOpen,
  ul li.menuOpen:hover {
    background: #1c1c1c;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }

  ul li.menuOpen > span {
    background: #56c9b2; }

  ul li.menuOpen > span.submenu-opened {
    background: #206658; }

  /*Sub-Nav Item when open */
  ul ul li.menuOpen,
  ul ul li.menuOpen:hover {
    padding-left: 0; }

  /*Sub, Sub-Nav Item when open */
  ul ul ul li.menuOpen,
  ul ul ul li.menuOpen:hover {
    background: #cdebf7;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }

  .sf-mega {
    display: none; }

  /*Disable Animation on Mobile Devices */
  .animated {
    /*CSS transitions */
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms */
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations */
    -webkit-animation: none !important;
    -ms-animation: none !important;
    animation: none !important; }

  .section_2 .section-pb .col-md-3 {
    padding: 0 15px; }
  .section_2 .service-item, .section_2 .no-home .service-item-blog, .no-home .section_2 .service-item-blog {
    margin: 0 80px; }

  .main-footer .applePie {
    display: block; }

  .main-aside {
    width: 65%;
    position: relative;
    left: 18%;
    margin-top: 40px; }
    .main-aside .service-item, .main-aside .no-home .service-item-blog, .no-home .main-aside .service-item-blog {
      margin: 0 0 30px; }

  .content {
    padding: 40px 0; }

  .no-home .service-item, .no-home .service-item-blog {
    margin: 0 80px 30px; }
  .no-home .main-aside .service-item, .no-home .main-aside .service-item-blog {
    margin: 0 0 30px; }

  nav .plus-tog > ::after {
    display: none; }

  nav .plus-tog::after {
    right: 14px;
    top: 17px; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .main-aside {
    width: 100%;
    position: relative;
    left: 0;
    margin-top: 40px; }

  .no-home .content {
    padding: 32px 0; }
    .no-home .content article h2 {
      font-size: 28px; }
  .no-home .slider-top .slide .slide-content h1 {
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 42px; }
  .no-home .slider-top .slide .slide-content .button {
    min-height: 38px;
    padding: 6px 14px; }
  .no-home .service-item, .no-home .service-item-blog {
    margin: 0; }
  .no-home .service-item-blog {
    margin: 0 0 30px 0; }
  .no-home .main-aside .service-item, .no-home .main-aside .service-item-blog {
    margin: 0 0 30px; }

  .slider-top .slide {
    padding-top: 20px;
    padding-bottom: 90px; }
    .slider-top .slide h1 {
      line-height: 40px;
      font-size: 28px; }
    .slider-top .slide .button {
      margin-top: 0; }
    .slider-top .slide p {
      font-size: 14px; }
  .slider-top .slide-content {
    padding-top: 0; }

  .section-title h3 {
    font-size: 22px; }

  .s1-left .section-head {
    margin: 45px 0 50px; }
    .s1-left .section-head h2 {
      font-size: 22px; }
    .s1-left .section-head p {
      font-size: 14px; }

  .homesect {
    padding-top: 30px; }
    .homesect .section-head h2 {
      font-size: 22px; }
    .homesect .section-head p {
      font-size: 14px; }
    .homesect.section_4 .s2-items {
      padding-bottom: 0; }
    .homesect.section_4 .s2-item-wrap:last-child a {
      margin-bottom: 0; }
    .homesect.section_4 .s2-item-wrap:nth-last-child(2) a {
      margin-bottom: 0; }

  .section_2 .section-pb {
    padding-bottom: 50px; }
  .section_2 .service-item, .section_2 .no-home .service-item-blog, .no-home .section_2 .service-item-blog {
    margin: 0; }

  .s2-item-wrap {
    padding: 0px 10px;
    width: 140px; }

  .section_3 .section-content {
    padding-top: 14px;
    padding-bottom: 20px; }
    .section_3 .section-content .info-item {
      padding-left: 25px; }

  .section_6 .teams {
    margin-bottom: 20px; }

  .triangles-container {
    margin-bottom: 38px; }
    .triangles-container .tc-item {
      margin-left: 0; } }
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  .slider .owl-controls .owl-dots {
    bottom: 10px; }
  .slider .owl-controls .owl-nav {
    top: 40%; } }
/*==========  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) {
  #mobile-menu {
    display: none; } }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /* */ }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .main-menu {
    display: block !important; }

  .slider {
    max-width: 100% !important; } }