@import url("https://fonts.googleapis.com/css?family=Poppins:400,400i,500,700,800");

html {

  font-family: "Poppins", sans-serif;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%; }



body {

  font-family: "Poppins", sans-serif;

  font-size: 14px;

  margin: 0;

  color: #212529; }



h1 {

  font-size: 48px; }



h2 {

  font-size: 36px; }



h3 {

  font-size: 30px; }



h4 {

  font-size: 24px; }



h5 {

  font-size: 20px; }



h6 {

  font-size: 18px; }



h1, h2, h3, h4, h5, h6 {

  color: #212529;

  font-weight: 400;

  font-family: "Poppins", sans-serif;

  margin: 0px;

  padding: 0px; }



h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {

  color: #212529;

  font-weight: 700; }



p {

  font-size: 14px;

  margin: 0 0 1.75em;

  color: #212529;

  line-height: 1.6; }



a {

  color: #212529;

  text-decoration: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out; }



a:hover, a:focus, a:active {

  text-decoration: none;

  color: #212529; }



img {

  max-width: 100%; }



/**

 * 4.0 - Forms

 */

input {

  line-height: normal; }



button {

  cursor: pointer; }



/*button,

button[disabled]:hover,

button[disabled]:focus,*/

input[type="button"],

input[type="button"][disabled]:hover,

input[type="button"][disabled]:focus,

input[type="reset"],

input[type="reset"][disabled]:hover,

input[type="reset"][disabled]:focus,

input[type="submit"],

input[type="submit"][disabled]:hover,

input[type="submit"][disabled]:focus {

  cursor: pointer;

  font-size: 14px;

  display: inline-block;

  line-height: 20px;

  padding: 10px 15px;

  text-transform: uppercase;

  font-weight: 500;

  border: none;

  background-color: #57bce2;

  color: #ffffff;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px; }



/* 

button:hover,

button:focus,*/

input[type="button"]:hover,

input[type="button"]:focus,

input[type="reset"]:hover,

input[type="reset"]:focus,

input[type="submit"]:hover,

input[type="submit"]:focus {

  background: #57bce2; }



/*button:focus,*/

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus {

  outline: thin dotted;

  outline-offset: -4px; }



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="tel"],

input[type="number"],

select,

textarea {

  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));

  border: 1px solid #a8a8a6;

  outline: none;

  color: #212529;

  line-height: 20px;

  padding: 10px 15px;

  margin-bottom: 20px;

  width: 100%;

  color: #757575; }



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="number"]:focus,

select:focus,

textarea:focus {

  border-color: #57bce2;

  color: #757575;

  outline: 0; }



select {

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  -ms-appearance: none;

  background: url(../icons/caret.html);

  background-position: 98%;

  background-repeat: no-repeat;

  background-size: auto;

  background-color: #ffffff; }



::-webkit-input-placeholder {

  color: #757575; }



::-moz-placeholder {

  color: #757575; }



:-ms-input-placeholder {

  color: #757575; }



:-moz-placeholder {

  color: #757575; }



/**

 * 5.0 - Alignments

 */

.alignleft {

  float: left; }



.alignright {

  float: right; }



.aligncenter {

  clear: both;

  display: block;

  margin: 0 auto 1.75em; }



blockquote.alignleft {

  margin: 0.3157894737em 1.4736842105em 1.473684211em 0; }



blockquote.alignright {

  margin: 0.3157894737em 0 1.473684211em 1.4736842105em; }



blockquote.aligncenter {

  margin-bottom: 1.473684211em; }



ol, ul {

  display: block;

  margin: 0px;

  padding: 0px; }



ul li {

  list-style: none; }



/**

 * 6.0 - Clearings

 */

.clear:before,

.clear:after,

blockquote:before,

blockquote:after,

.entry-content:before,

.entry-content:after,

.entry-summary:before,

.entry-summary:after,

.comment-content:before,

.comment-content:after,

.site-content:before,

.site-content:after,

.site-main > article:before,

.site-main > article:after,

.primary-menu:before,

.primary-menu:after,

.social-links-menu:before,

.social-links-menu:after,

.textwidget:before,

.textwidget:after,

.content-bottom-widgets:before,

.content-bottom-widgets:after {

  content: "";

  display: table; }



.clear:after,

blockquote:after,

.entry-content:after,

.entry-summary:after,

.comment-content:after,

.site-content:after,

.site-main > article:after,

.primary-menu:after,

.social-links-menu:after,

.textwidget:after,

.content-bottom-widgets:after {

  clear: both; }



body {

  padding-top: 100px; }



.default-button {

  display: inline-block;

  font-size: 14px;

  text-transform: uppercase;

  color: #ffffff;

  background: #212529;

  padding: 10px 15px;

  min-width: 130px;

  text-align: center;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px; }

  .default-button.sign-up {

    text-transform: uppercase; }

  .default-button:hover, .default-button:focus {

    background: #57bce2;

    color: #ffffff; }



.section-padding {

  padding: 100px 0px; }



.section-bg {

  background-color: #f0f0f0; }



.section-heading {

  text-align: center;

  max-width: 600px;

  margin: 0 auto 50px; }

  .section-heading h2 {

    margin-bottom: 10px; }

  .section-heading p {

    margin: 0px; }



.default-social li {

  display: inline-block; }

  .default-social li a {

    display: inline-block;

    height: 30px;

    width: 30px;

    text-align: center;

    line-height: 30px;

    font-size: 16px;

    color: #ffffff;

    background-color: #000000; }

    .default-social li a:hover {

      background: #57bce2; }



.page-header {

  background-image: url(../images/page-header.jpg);

  background-size: cover;

  background-position: center center;

  margin-bottom: 60px; }

  .page-header .overlay {

    background-color: rgba(57, 57, 57, 0.7); }

  .page-header h2 {

    text-transform: uppercase;

    color: #57bce2; }

  .page-header ul li {

    color: #ffffff;

    display: inline-block; }

    .page-header ul li a {

      color: #ffffff; }



.pagination {

  display: block;

  text-align: center;

  margin-bottom: 50px; }

  .pagination li {

    display: inline-block;

    margin-right: 5px; }

    @media (max-width: 767px) {

      .pagination li {

        margin-bottom: 5px; } }

    .pagination li a {

      font-size: 22px;

      line-height: 2.3;

      font-weight: 500;

      display: inline-block;

      height: 50px;

      width: 50px;

      text-align: center;

      border: 1px solid #57bce2;

      background-color: #57bce2;

      color: #ffffff;

      -webkit-transition: all 0.3s ease-in-out;

      -moz-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out; }

      .pagination li a:hover, .pagination li a:focus {

        background-color: #ffffff;

        color: #212529; }



.scroll-top {

  position: fixed;

  bottom: 30px;

  right: 30px;

  height: 50px;

  width: 40px;

  background: #212529;

  color: #ffffff;

  font-size: 26px;

  text-align: center;

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-name: scrollTopAnimation;

  animation-name: scrollTopAnimation;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  opacity: 0; }

  .scroll-top.open {

    opacity: 1; }

  .scroll-top:hover, .scroll-top:focus {

    color: #ffffff; }



@-webkit-keyframes scrollTopAnimation {

  0% {

    line-height: 1.5; }

  50% {

    line-height: 2.5; }

  100% {

    line-height: 1.5; } }

@keyframes scrollTopAnimation {

  0% {

    line-height: 1.5; }

  50% {

    line-height: 2.5; }

  100% {

    line-height: 1.5; } }

header {

  position: fixed;

  top: 0;

  width: 100%;

  height: auto;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  z-index: 99;

  background: #ffffff;

  min-height: 100px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out; }

  header .main-menu {

    text-align: right; }

    header .main-menu .logo {

      float: left;

      padding: 30px 0px; }

    header .main-menu .toggle-menu {

      height: 40px;

      width: 40px;

      display: none; }

      @media (max-width: 990px) {

        header .main-menu .toggle-menu {

          display: block;

          float: right;

          margin: 30px 0px;

          cursor: pointer; } }

    header .main-menu ul.menu-items {

      display: inline-block;

      text-align: right; }

      @media (max-width: 990px) {

        header .main-menu ul.menu-items {

          display: none; } }

      header .main-menu ul.menu-items li {

        display: inline-block;

        margin-right: 30px; }

        @media (max-width: 990px) {

          header .main-menu ul.menu-items li {

            display: block;

            text-align: left; } }

        header .main-menu ul.menu-items li > a {

          display: inline-block;

          font-size: 16px;

          font-weight: 500;

          padding: 38px 0px;

          position: relative; }

          header .main-menu ul.menu-items li > a:before {

            content: "";

            position: absolute;

            height: 1px;

            width: 0;

            left: 0;

            bottom: 32px;

            background-color: #57bce2;

            -webkit-transition: all 0.3s ease-in-out;

            -moz-transition: all 0.3s ease-in-out;

            transition: all 0.3s ease-in-out; }

          header .main-menu ul.menu-items li > a:hover, header .main-menu ul.menu-items li > a:focus {

            color: #57bce2; }

            header .main-menu ul.menu-items li > a:hover:before, header .main-menu ul.menu-items li > a:focus:before {

              width: 100%; }

          @media (max-width: 990px) {

            header .main-menu ul.menu-items li > a {

              padding: 10px 0px; }

              header .main-menu ul.menu-items li > a:before {

                display: none; } }

        header .main-menu ul.menu-items li.active > a {

          color: #57bce2; }

          header .main-menu ul.menu-items li.active > a:before {

            width: 100%; }

        header .main-menu ul.menu-items li.has-sub-menu {

          position: relative; }

          header .main-menu ul.menu-items li.has-sub-menu i {

            margin-left: 5px; }

          header .main-menu ul.menu-items li.has-sub-menu .sub-menu {

            position: absolute;

            min-width: 230px;

            background-color: #ffffff;

            text-align: left;

            border-top: 2px solid #57bce2;

            display: none; }

            header .main-menu ul.menu-items li.has-sub-menu .sub-menu a {

              display: block;

              padding: 10px 15px;

              border-bottom: 1px solid #a8a8a6; }

              header .main-menu ul.menu-items li.has-sub-menu .sub-menu a:hover {

                color: #57bce2; }

              header .main-menu ul.menu-items li.has-sub-menu .sub-menu a:last-child {

                border: none; }

          header .main-menu ul.menu-items li.has-sub-menu:hover .sub-menu {

            display: block; }

    header .main-menu .menu-register {

      float: right;

      margin-top: 28px;

      -webkit-border-radius: 25px;

      -moz-border-radius: 25px;

      border-radius: 25px;

      overflow: hidden; }

      @media (max-width: 990px) {

        header .main-menu .menu-register {

          display: none; } }

      header .main-menu .menu-register a {

        display: inline-block;

        float: left;

        padding: 12px 25px;

        color: #ffffff;

        background-color: #57bce2; }

        header .main-menu .menu-register a:nth-child(2) {

          padding: 12px 32px;

          background-color: #42d79e; }

  header.fixed-menu {

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); }

  header .mobile-menu {

    position: fixed;

    left: -100%;

    top: 0;

    background-color: #212529;

    padding: 100px 30px 20px 20px;

    height: 100%;

    min-width: 300px;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s; }

    header .mobile-menu.open {

      left: 0; }

    header .mobile-menu .menu-close {

      position: absolute;

      top: 20px;

      right: 20px;

      height: 40px;

      width: 40px;

      background-color: #ffffff;

      -webkit-border-radius: 100%;

      -moz-border-radius: 100%;

      border-radius: 100%; }

    header .mobile-menu ul li {

      color: #ffffff; }

      header .mobile-menu ul li a {

        display: block;

        color: #ffffff;

        padding: 10px 0px;

        border-bottom: 1px solid #a8a8a6; }

        header .mobile-menu ul li a i {

          float: right; }

      header .mobile-menu ul li:last-child a {

        border: none; }

    header .mobile-menu .sub-menu {

      display: none;

      margin-left: 10px; }



.banner {

  position: relative;

  background: linear-gradient(to right, #42d79e, #57bce2); }

  .banner .section-heading {

    max-width: 900px;

    padding-top: 100px; }

    @media (max-width: 767px) {

      .banner .section-heading h1 {

        font-size: 36px; } }

  .banner .banner-content {

    text-align: center;

    position: relative;

    margin-top: -100px; }

    .banner .banner-content .bn-left, .banner .banner-content .bn-right {

      background-color: #ffffff;

      max-width: 330px;

      padding: 20px;

      text-align: left;

      position: absolute;

      -webkit-box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, 0.3);

      -moz-box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, 0.3);

      box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, 0.3); }

      @media (max-width: 1199px) {

        .banner .banner-content .bn-left, .banner .banner-content .bn-right {

          max-width: 300px; } }

      @media (max-width: 990px) {

        .banner .banner-content .bn-left, .banner .banner-content .bn-right {

          display: none; } }

      .banner .banner-content .bn-left img, .banner .banner-content .bn-right img {

        margin-bottom: 10px; }

      .banner .banner-content .bn-left h6, .banner .banner-content .bn-right h6 {

        margin-bottom: 10px; }

      .banner .banner-content .bn-left p, .banner .banner-content .bn-right p {

        color: #212529;

        font-size: 12px;

        margin: 0px; }

    .banner .banner-content .bn-left {

      left: 0;

      bottom: 30px; }

    .banner .banner-content .bn-right {

      right: 0;

      top: 130px; }

    .banner .banner-content .bn-image {

      position: relative; }

      .banner .banner-content .bn-image .banner-image {

        -ms-transform: translateY(100px);

        /* IE 9 */

        -webkit-transform: translateY(100px);

        /* Chrome, Safari, Opera */

        transform: translateY(100px); }

      .banner .banner-content .bn-image .line-left {

        position: absolute;

        top: 200px;

        left: 160px; }

        @media (max-width: 990px) {

          .banner .banner-content .bn-image .line-left {

            display: none; } }

      .banner .banner-content .bn-image .line-right {

        position: absolute;

        bottom: 50px;

        right: 150px; }

        @media (max-width: 990px) {

          .banner .banner-content .bn-image .line-right {

            display: none; } }

  .banner h1 {

    color: #ffffff;

    margin-bottom: 10px; }

    @media (max-width: 480px) {

      .banner h1 {

        font-size: 30px; } }

  .banner p {

    font-size: 18px;

    color: #ffffff;

    margin-bottom: 30px; }

  .banner .banner-button-prev, .banner .banner-button-next {

    font-size: 48px;

    position: absolute;

    top: 50%;

    -ms-transform: translateY(-50%);

    /* IE 9 */

    -webkit-transform: translateY(-50%);

    /* Chrome, Safari, Opera */

    transform: translateY(-50%);

    z-index: 9;

    cursor: pointer; }

    @media (max-width: 767px) {

      .banner .banner-button-prev, .banner .banner-button-next {

        display: none; } }

  .banner .banner-button-prev {

    left: 30px; }

  .banner .banner-button-next {

    right: 30px; }



.about .about-item {

  position: relative;

  overflow: hidden;

  border: 1px solid #f0f0f0; }

  @media (max-width: 767px) {

    .about .about-item {

      margin-bottom: 30px; } }

  .about .about-item img {

    width: 100%; }

  .about .about-item p {

    font-size: 18px;

    text-transform: uppercase;

    text-align: center;

    color: #ffffff;

    background-color: #57bce2;

    margin: 0px;

    padding: 16px 0px;

    position: absolute;

    bottom: 0;

    width: 100%;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    -ms-transform: translateY(100%);

    /* IE 9 */

    -webkit-transform: translateY(100%);

    /* Chrome, Safari, Opera */

    transform: translateY(100%); }

  .about .about-item:hover {

    border: 1px solid #57bce2; }

    .about .about-item:hover p {

      -ms-transform: translateY(0px);

      /* IE 9 */

      -webkit-transform: translateY(0px);

      /* Chrome, Safari, Opera */

      transform: translateY(0px); }



.about-two h2 {

  margin-bottom: 20px; }

.about-two a {

  background: #57bce2; }

  .about-two a i {

    margin-left: 5px; }

.about-two .about-image {

  -webkit-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.08);

  -moz-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.08);

  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.08);

  position: relative; }

  .about-two .about-image:before {

    content: "";

    height: 200px;

    width: 200px;

    border-top: 20px solid #42d79e;

    border-right: 20px solid #42d79e;

    position: absolute;

    top: -20px;

    right: -20px; }

  .about-two .about-image:after {

    content: "";

    height: 200px;

    width: 200px;

    border-left: 20px solid #57bce2;

    border-bottom: 20px solid #57bce2;

    position: absolute;

    bottom: -20px;

    left: -20px; }

  @media (max-width: 767px) {

    .about-two .about-image {

      margin-top: 50px; } }



.features {

  text-align: center; }

  .features .feature-item {

    text-align: center;

    padding: 30px;

    background-color: #ffffff;

    margin-bottom: 30px; }

    .features .feature-item img {

      margin-bottom: 10px; }

    .features .feature-item h6 {

      margin-bottom: 10px; }



.video {

  background: url(../images/video-bg.jpg);

  background-position: center;

  background-size: cover;

  text-align: center; }

  .video .overlay {

    background-color: rgba(0, 0, 0, 0.5); }

  .video img {

    margin-bottom: 20px; }

  .video h1 {

    color: #ffffff;

    margin-bottom: 10px; }

    @media (max-width: 767px) {

      .video h1 {

        font-size: 36px; } }

    @media (max-width: 480px) {

      .video h1 {

        font-size: 30px; } }

  .video p {

    color: #ffffff;

    margin: 0px; }



.products .products-menu {

  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);

  max-width: 600px;

  text-align: center;

  margin: 0 auto 30px; }

  .products .products-menu li {

    display: inline-block;

    font-size: 18px;

    padding: 15px;

    cursor: pointer;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out; }

    .products .products-menu li:hover {

      color: #57bce2; }

    .products .products-menu li.active {

      color: #57bce2; }

.products .products-gallery .product-item {

  width: 30%;

  margin-bottom: 30px;

  position: relative; }

  @media (max-width: 767px) {

    .products .products-gallery .product-item {

      width: 47%; } }

  @media (max-width: 575px) {

    .products .products-gallery .product-item {

      width: 100%; } }

  .products .products-gallery .product-item img {

    width: 100%; }

  .products .products-gallery .product-item .overlay {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background-color: rgba(87, 188, 226, 0.75);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    opacity: 0; }

  .products .products-gallery .product-item a {

    font-size: 36px;

    color: #ffffff;

    position: absolute;

    left: 50%;

    top: 50%;

    -ms-transform: translateY(-50%) translateX(-50%) scale(0);

    /* IE 9 */

    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);

    /* Chrome, Safari, Opera */

    transform: translateY(-50%) translateX(-50%) scale(0);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out; }

  .products .products-gallery .product-item:hover .overlay {

    opacity: 1; }

  .products .products-gallery .product-item:hover a {

    -ms-transform: translateY(-50%) translateX(-50%) scale(1);

    /* IE 9 */

    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);

    /* Chrome, Safari, Opera */

    transform: translateY(-50%) translateX(-50%) scale(1); }



.skills .section-heading {

  text-align: left;

  margin: 0px 0px 50px 0px; }

.skills .skill-items p {

  font-size: 16px;

  text-transform: uppercase;

  margin-bottom: 10px; }

.skills .bar-con {

  background-color: #e1e1e1;

  height: 10px;

  margin-bottom: 40px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px; }

.skills .bar {

  float: left;

  height: 100%;

  width: 0%;

  background-color: #57bce2;

  transition: width ease-in 1s;

  -webkit-transition: width ease-in 1s;

  -moz-transition: width ease-in 1s;

  -o-transition: width ease-in 1s;

  position: relative;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px; }

.skills .bar span {

  position: absolute;

  right: 0;

  top: -42px;

  height: 30px;

  width: 50px;

  text-align: center;

  font-size: 16px;

  line-height: 32px;

  background-color: #959595;

  color: #ffffff;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px; }

  .skills .bar span:before {

    content: "";

    height: 10px;

    width: 10px;

    background-color: #959595;

    position: absolute;

    bottom: -5px;

    left: 50%;

    -ms-transform: translate(-50%) rotate(45deg);

    /* IE 9 */

    -webkit-transform: translate(-50%) rotate(45deg);

    /* Chrome, Safari, Opera */

    transform: translate(-50%) rotate(45deg); }



.pricing .pricing-item {

  border: 2px solid #57bce2;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out; }

  @media (max-width: 767px) {

    .pricing .pricing-item {

      margin-bottom: 30px; } }

  .pricing .pricing-item img {

    padding: 20px 0px; }

  .pricing .pricing-item .pricing-title {

    background-color: #57bce2;

    color: #ffffff;

    padding: 20px 0px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out; }

    .pricing .pricing-item .pricing-title h4 {

      color: #ffffff;

      text-transform: uppercase;

      margin-bottom: 10px; }

    .pricing .pricing-item .pricing-title h1 {

      color: #ffffff;

      font-size: 60px; }

      @media (max-width: 990px) {

        .pricing .pricing-item .pricing-title h1 {

          font-size: 50px; } }

      .pricing .pricing-item .pricing-title h1 sub, .pricing .pricing-item .pricing-title h1 sup {

        font-size: 18px;

        text-transform: uppercase; }

  .pricing .pricing-item .pricing-content {

    padding: 30px 15px; }

    .pricing .pricing-item .pricing-content p {

      line-height: 48px;

      margin: 0px; }

  .pricing .pricing-item .default-button {

    background-color: #42d79e;

    margin-bottom: 30px; }

    .pricing .pricing-item .default-button i {

      margin-left: 5px; }

    .pricing .pricing-item .default-button:hover {

      background-color: #212529; }

  .pricing .pricing-item:hover {

    border: 2px solid #212529; }

    .pricing .pricing-item:hover .pricing-title {

      background-color: #212529; }



.supplymentary {

  background: url(../images/supplymentary-bg.jpg);

  background-position: center;

  background-size: cover;

  position: relative; }

  .supplymentary h2 {

    margin-bottom: 20px; }

  .supplymentary span {

    display: block;

    font-size: 24px;

    margin-bottom: 30px; }

  .supplymentary .supplymentary-button-prev, .supplymentary .supplymentary-button-next {

    font-size: 48px;

    position: absolute;

    top: 50%;

    -ms-transform: translateY(-50%);

    /* IE 9 */

    -webkit-transform: translateY(-50%);

    /* Chrome, Safari, Opera */

    transform: translateY(-50%);

    z-index: 9;

    cursor: pointer; }

  .supplymentary .supplymentary-button-prev {

    left: 30px; }

  .supplymentary .supplymentary-button-next {

    right: 30px; }



.tagusi-counter {

  overflow: hidden; }

  .tagusi-counter .counter-item {

    width: 25%;

    background-color: #57bce2;

    text-align: center;

    float: left;

    padding: 100px 0px; }

    @media (max-width: 990px) {

      .tagusi-counter .counter-item {

        width: 50%; } }

    @media (max-width: 767px) {

      .tagusi-counter .counter-item {

        width: 100%; } }

    .tagusi-counter .counter-item img {

      margin-bottom: 20px; }

    .tagusi-counter .counter-item p {

      text-transform: uppercase;

      font-size: 24px;

      color: #ffffff;

      margin-bottom: 10px; }

    .tagusi-counter .counter-item span {

      font-size: 60px;

      line-height: 1;

      color: #ffffff; }

    .tagusi-counter .counter-item:nth-child(even) {

      background-color: #42d79e; }



.testimonial .testimonial-item {

  margin-bottom: 30px; }

  .testimonial .testimonial-item i {

    display: block;

    font-size: 80px;

    color: #57bce2;

    margin-bottom: 30px; }

  .testimonial .testimonial-item p {

    line-height: 30px; }

  .testimonial .testimonial-item h2 {

    font-weight: 500; }

  .testimonial .testimonial-item span {

    font-size: 24px;

    color: #57bce2; }

.testimonial ul li {

  margin-right: 15px; }

  .testimonial ul li:last-child {

    margin: 0px; }

  .testimonial ul li a {

    padding: 0px;

    height: 100px;

    width: 100px;

    overflow: hidden;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%; }

    @media (max-width: 575px) {

      .testimonial ul li a {

        height: 80px;

        width: 80px; } }

    .testimonial ul li a img {

      width: 100%; }



.newsletter {

  background-color: #42d79e; }

  .newsletter form {

    max-width: 680px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    border-radius: 25px; }

    .newsletter form input {

      padding: 22px 120px 22px 25px;

      margin: 0px; }

    .newsletter form button {

      position: absolute;

      top: 0;

      right: 0;

      height: 100%;

      border: none;

      background-color: #57bce2;

      color: #ffffff;

      padding: 10px 20px; }



.blog-post {

  margin-bottom: 30px; }

  .blog-post img {

    margin-bottom: 30px; }

  .blog-post ul {

    margin-bottom: 10px; }

    .blog-post ul li {

      display: inline-block; }

  .blog-post h4 a {

    text-transform: uppercase;

    font-weight: 500;

    margin-bottom: 10px; }

  .blog-post .post-button {

    display: inline-block;

    color: #57bce2;

    border-bottom: 1px solid #57bce2; }



.blog-details img {

  margin-bottom: 30px; }

.blog-details ul {

  margin-bottom: 10px; }

  .blog-details ul li {

    display: inline-block; }

.blog-details h4 {

  text-transform: uppercase;

  font-weight: 500;

  margin-bottom: 10px; }

.blog-details blockquote {

  padding: 0px 50px;

  position: relative; }

  .blog-details blockquote:before {

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f10d";

    position: absolute;

    left: 30px;

    top: -10px; }

  .blog-details blockquote:after {

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f10e";

    position: absolute;

    right: 50px;

    bottom: 0; }

  @media (max-width: 767px) {

    .blog-details blockquote {

      padding: 0px 15px; } }

.blog-details .pd-bototm {

  overflow: hidden;

  border-bottom: 1px solid #a8a8a6;

  margin-bottom: 30px; }

  .blog-details .pd-bototm p {

    float: left;

    margin-bottom: 20px; }

  .blog-details .pd-bototm ul {

    float: right; }



.post-comments h4 {

  margin-bottom: 20px; }

.post-comments .all-comments .comment {

  overflow: hidden;

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom: 1px solid #a8a8a6; }

  .post-comments .all-comments .comment:last-child {

    border: none; }

  .post-comments .all-comments .comment .pc-image {

    float: left;

    margin-right: 20px; }

    @media (max-width: 575px) {

      .post-comments .all-comments .comment .pc-image {

        float: none;

        margin-bottom: 10px; } }

  .post-comments .all-comments .comment .pc-content {

    display: table; }

    .post-comments .all-comments .comment .pc-content h6 i {

      float: right;

      color: #57bce2;

      cursor: pointer; }

    .post-comments .all-comments .comment .pc-content span {

      margin-bottom: 10px;

      display: block; }

    .post-comments .all-comments .comment .pc-content p {

      margin-bottom: 0px; }

.post-comments .all-comments .reply-comments {

  padding-left: 190px; }

  @media (max-width: 767px) {

    .post-comments .all-comments .reply-comments {

      padding-left: 60px; } }



.new-comment {

  margin-bottom: 50px; }

  .new-comment h4 {

    margin-bottom: 20px; }

  .new-comment input {

    padding: 19px 15px; }

  .new-comment input[type="submit"] {

    padding: 15px 30px; }



footer .footer-top {

  background: #313131; }

  footer .footer-top .widget-title {

    color: #ffffff;

    margin-bottom: 40px; }

    footer .footer-top .widget-title h5 {

      text-transform: uppercase;

      color: #ffffff;

      position: relative; }

      footer .footer-top .widget-title h5:before {

        content: "";

        position: absolute;

        height: 1px;

        width: 50px;

        background-color: #57bce2;

        left: 0px;

        bottom: -5px; }

  footer .footer-top .widget-about li {

    color: #ffffff;

    opacity: .5;

    margin-bottom: 20px; }

  @media (max-width: 767px) {

    footer .footer-top .widget-about {

      margin-bottom: 50px; } }

  @media (max-width: 767px) {

    footer .footer-top .recent-post {

      margin-bottom: 50px; } }

  footer .footer-top .recent-post li {

    overflow: hidden;

    padding-bottom: 20px;

    border-bottom: 1px solid #a8a8a6;

    margin-bottom: 20px; }

    footer .footer-top .recent-post li:last-child {

      padding: 0px;

      margin: 0px;

      border: none; }

  footer .footer-top .recent-post .image {

    float: left;

    margin-right: 10px; }

  footer .footer-top .recent-post .content {

    display: table; }

    footer .footer-top .recent-post .content a {

      color: #57bce2; }

    footer .footer-top .recent-post .content p {

      color: #ffffff;

      opacity: .5;

      margin: 0px; }

  footer .footer-top .tags {

    overflow: hidden; }

    @media (max-width: 767px) {

      footer .footer-top .tags {

        margin-bottom: 50px; } }

    footer .footer-top .tags li a {

      display: inline-block;

      color: #ffffff;

      opacity: .5;

      border: 1px solid #a8a8a6;

      padding: 10px 15px;

      float: left;

      margin-right: 10px;

      margin-bottom: 10px; }

      footer .footer-top .tags li a:hover {

        background-color: #57bce2;

        border: 1px solid #57bce2;

        opacity: 1; }

  footer .footer-top .flickr li {

    width: 29%;

    float: left;

    margin-right: 10px;

    margin-bottom: 10px; }

    footer .footer-top .flickr li img {

      width: 100%; }

footer .footer-bottom {

  background-color: #57bce2;

  color: #ffffff;

  text-align: center;

  padding: 20px 15px; }

  footer .footer-bottom p {

    color: #ffffff;

    margin: 0px;

    line-height: 20px; }



/*# sourceMappingURL=style.css.map */