/*
Theme Name: Lotek
Theme URI: https://demowp.cththemes.net/lotek/
Author: CTHthemes
Author URI: http://themeforest.net/user/cththemes
Description: Lotek is WordPress landing page theme with unique design, designed for many kind app website. It is fully responsive and looks stunning on all types of screens and devices (desktop, notebook, tablet and mobile), this theme built with twitter bootstrap 3.1.1, css3 and HTML5 code. coming with 4 index variant, 20 color skin, 499 fontawesome v4.1.0, CSS animate, Woriking contact form and many more.
Version: 2.5.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: lotek
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* ==============================================================

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Header
02. Containt
03. Home
04. Services
05. Features
06. Gallery
07. Pricing
08. Team
09. Contact
10. Inner page
11. Footer
12. Parallax
13. Media responsive
14. Heading
15. Clear spacer
16. Custom min top spacer
17. Custom top spacer
18. Custom bottom spacer
19. Custom left spacer
20. Custom right spacer
21. Custom responsive

============================================================== */
/* WP Style Reset */
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* The wrapper <div> for the caption and captioned element. */
.wp-caption {
  max-width: 100%;
  margin-bottom: 15px;
}

.gallery-caption {
  margin-bottom: 10px;
}

/* The caption text. */
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.wp-caption figcaption.wp-caption-text {
  margin-top: 10px;
}

.bypostauthor .comment-meta {
  font-weight: bold;
}

/* An image within the caption (you might want to style other elements too). */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  display: inline;
  float: left;
}

.alignright {
  display: inline;
  float: right;
}

blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
  margin: 0.4211em 1em 1em 0px;
}

blockquote.alignright, .wp-caption.alignright, img.alignright {
  margin: 0.4211em 0px 1em 1em;
}

.wp-caption.aligncenter {
  clear: both;
}

.wp-caption-text {
  color: #666;
}

#wp-calendar {
  width: 100%;
}

#wp-calendar tbody td, #wp-calendar thead th {
  text-align: center;
}

.widget_search button[type=submit] {
  border-width: 2px;
}

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

.widget_categories select,
.widget_archive select {
  width: 100%;
}

.left-sidebar .widget *,
.right-sidebar .widget *,
.cth-single *,
.cth-page * {
  max-width: 100%;
  height: auto;
}

.right-sidebar ul,
.left-sidebar ul {
  list-style: none;
  padding-left: 0px;
}

.right-sidebar ul ul,
.left-sidebar ul ul {
  padding-left: 15px;
}

.right-sidebar ul li,
.left-sidebar ul li {
  border-bottom: 1px dashed #C9CFD1;
}

.right-sidebar ul.children, .right-sidebar ul.sub-menu,
.left-sidebar ul.children, .left-sidebar ul.sub-menu {
  border-top: 1px dashed #C9CFD1;
}

.right-sidebar ul.children > li:last-child, .right-sidebar ul.sub-menu > li:last-child,
.left-sidebar ul.children > li:last-child, .left-sidebar ul.sub-menu > li:last-child {
  border-bottom: 0;
}

.widget_archive ul li a,
.widget_categories ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
  display: inline-block;
  color: #444;
  padding: 5px 0px;
}

.widget_rss ul li a {
  display: block;
}

/* table */
table {
  border-width: 1px 1px 1px 0px;
  border-color: #f0f0f0 #f0f0f0 #f0f0f0 transparent;
  border-style: solid solid solid none;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px 0px 20px;
  width: 100%;
}

table th, table td {
  border-top: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  padding: 5px;
  vertical-align: top;
  text-align: left;
}

table thead:first-child tr:first-child th, table tbody:first-child tr:first-child th, table tbody:first-child tr:first-child td {
  border-top: 0px none;
}

/* 11.0 WordPress Gallery post format*/
.gallery[class*=gallery-columns-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gallery[class*=gallery-columns-] .gallery-item {
  margin-bottom: 20px;
}
.gallery.gallery-columns-1 .gallery-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
}
.gallery.gallery-columns-2 .gallery-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 49%;
          flex: 0 49%;
}
.gallery.gallery-columns-3 .gallery-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 32.33%;
          flex: 0 32.33%;
}
.gallery.gallery-columns-4 .gallery-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 24%;
          flex: 0 24%;
}
.gallery.gallery-columns-5 .gallery-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 19%;
          flex: 0 19%;
}
.gallery.gallery-columns-6 .gallery-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 15.66%;
          flex: 0 15.66%;
}
.gallery.gallery-columns-7 .gallery-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 13.28%;
          flex: 0 13.28%;
}
.gallery.gallery-columns-8 .gallery-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 11.5%;
          flex: 0 11.5%;
}
.gallery.gallery-columns-9 .gallery-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 10.11%;
          flex: 0 10.11%;
}

.sticky .article-head h3 a {
  color: #f33434;
}

/*

    style.css

    1. Home
    2. Subscribe form
    3. BG slider
    4. Logo
    5. Header
    6. Intro
    7. Contain
    8. Page Heading
    9. Features
    10. Testimoni
    11. Screenshot
    12. Team
    13. Blog
        13.1 Sticky post
        13.2 Quote post
        13.3 Widget tags cloud
        13.4 Widget calendar
    14. Pricing box
    15. Contact
    16. Footer
    17. Heading
    18. Divider
    19. Icons
    20. Spacer
    21. Custom responsive

*/
/* ================= Home ================= */
.lotek_sec.contain .wpb_content_element {
  margin-bottom: 0px;
}

.home-contain {
  background: rgba(43, 64, 74, 0.85);
  text-align: center;
  height: 680px;
  color: #fff;
  overflow: hidden;
}

.home-headline h4 {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 7px;
}

.home-headline p {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 3px;
  color: #d4d7d8;
}

.home-headline a.btn {
  margin: 0 5px 0 5px;
}

.start-page {
  background: url(assets/images/start-wrapper-bg.png) no-repeat top center;
  margin: 0 auto;
  margin-top: 60px;
  padding-top: 28px;
  width: 100px;
  height: auto;
}

.start-page a {
  display: block;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 50%;
  text-align: center;
  width: 100px;
  height: 100px;
  font-size: 22px;
  line-height: 22px;
  padding: 25px 0 25px 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.start-page a:hover {
  text-decoration: none;
  background: #fff;
}

.sparator-line {
  display: block;
  background: url(assets/images/vertical-line.png) repeat-y top center;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 3px;
  height: 137px;
}

.home-wrapp {
  text-align: left;
  margin-top: 60px;
}

.home-wrapp h3 {
  border-bottom: 3px solid #fff;
  padding-bottom: 20px;
  font-size: 56px;
  line-height: 56px;
}

.home-wrapp h3 span {
  display: block;
  font-size: 32px;
}

.img-mobile {
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin-top: 70px;
}

/* ================== Subscribe form ================ */
.subscribe-form {
  width: 60%;
  position: relative;
  margin: 0 auto;
  margin-top: 33px;
}

.subscribe-form.fullwidth {
  width: 100%;
}

input.subscribe {
  position: relative;
  width: 100%;
  border: none;
  background: none;
  padding: 20px;
  border-radius: 40px;
  border: 3px solid #879aa4;
  font-size: 12px;
}

.subscribe-button {
  position: absolute;
  background: #879aa4;
  padding: 10px 25px 10px 25px;
  border-radius: 40px;
  font-weight: 700;
  border: none;
  right: 10px;
  top: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* ================== BG slider ================ */
.bgslider-wrapper {
  position: relative;
  color: #fff;
  padding: 0;
  margin: 0;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.bg-slider {
  background-position: top left;
  background-repeat: no-repeat;
  background-color: none;
  background-attachment: fixed;
  width: 100%;
  height: 680px;
  position: absolute;
  margin: 0;
  top: 0;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.slide-wrapper {
  float: left;
  margin-left: 30%;
  width: 40%;
}

/* ================== Logo ================ */
.logo {
  z-index: 600;
  position: relative;
  display: inline-block;
  margin: 40px 0 30px 0;
  padding: 0;
}

.margin80 {
  margin-top: 80px;
}

.margin120 {
  margin-top: 120px;
}

.small-logo {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}

/* ============== Header ============= */
header {
  margin: 0;
  padding: 0;
}

.sticky-nav {
  position: fixed;
  top: 0;
  margin: 0;
  width: 100%;
  animation: thedrop 1s 8;
  -moz-animation: thedrop 1s 8;
  -webkit-animation: thedrop 1s 8;
  z-index: 99999;
}

/* ================== Intro ================ */
#intro {
  float: left;
  width: 100%;
  padding: 100px 0 0 0;
  margin-top: -4px;
}

/* ================= Contain ================= */
.contain {
  float: left;
  width: 100%;
}

.contain-body {
  background: url(assets/images/vertical-line.png) repeat-y top center;
}

.colorbg {
  color: #fff;
}

.darkbg {
  background: #363f48;
  color: #fff;
}

.inner {
  position: relative;
  background: #fff;
  padding: 80px 30px 40px 30px;
  color: #2c323a;
  margin-top: 50px;
}

.inner .icon-title {
  margin-top: -50px;
  z-index: 999;
}

/* ================== page heading ================ */
#page-heading {
  padding: 40px 0 40px 0;
}

#page-heading h4 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 10px;
}

#page-heading p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}

/* ================== Features ================ */
.features-body {
  position: relative;
  background: url(assets/images/horizontals-line1.png) no-repeat top center;
  padding-top: 50px;
}

.features-box {
  background: url(assets/images/features-box.png) no-repeat top center;
  text-align: center;
  padding-top: 20px;
  overflow: hidden;
}

/* ================== Testimoni ================ */
.testimonials_slider, .testimoni-wrapper {
  position: relative;
  width: 100%;
  padding-top: 50px;
}

.testimoni-box {
  float: left;
  width: 100%;
  background: #fff;
  color: #2c323a;
}

.testimoni-avatar {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.hide_avatar .testimoni-avatar {
  display: none;
}

.testimoni-text {
  float: left;
  width: 50%;
  padding: 60px 30px 60px 30px;
}

.hide_avatar .testimoni-text {
  width: 100%;
}

.company-name {
  font-size: 16px;
  line-height: 16px;
  margin-left: 30px;
}

/* ================== Screenshot ================ */
.Products-wrapper {
  position: relative;
  padding-top: 50px;
  float: left;
  width: 100%;
}

.Products-wrapper ul {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.Products-wrapper ul li {
  float: left;
  list-style: none;
  width: 20%;
  margin: 0;
  padding: 0;
}

.Products-wrapper.grid_col_one ul li {
  width: 100%;
}

.Products-wrapper.grid_col_two ul li {
  width: 50%;
}

.Products-wrapper.grid_col_three ul li {
  width: 33.333%;
}

.Products-wrapper.grid_col_four ul li {
  width: 25%;
}

.Products-wrapper.grid_col_five ul li {
  width: 20%;
}

.Products-wrapper.grid_col_six ul li {
  width: 16.667%;
}

.image-wrapper {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.image-caption {
  position: absolute;
  background: rgba(32, 38, 45, 0.95);
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}

.image-caption .zoom {
  position: absolute;
  display: inline-block;
  color: #fff;
  width: 65px;
  height: 65px;
  border: 3px solid #fff;
  border-radius: 50%;
  font-size: 28px;
  line-height: 50px;
  left: 50%;
  top: -58%;
  margin-left: -32.5px;
  margin-top: -22.5px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.image-caption .zoom:hover, .image-caption .zoom:focus {
  text-decoration: none;
  outline: none;
}

.image-title {
  color: #fff;
  position: absolute;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  width: 90%;
  text-align: center;
  bottom: 0;
  left: 5%;
  margin-bottom: -20px;
}

.image-title a, .image-title a:hover, .image-title a:focus {
  color: #fff;
}

.item-detail {
  color: #fff;
  padding: 20px;
  border-radius: 2px;
}

.item-detail h6 {
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
}

.item-detail ul {
  margin: 0 0 0 10px;
  padding: 0;
}

/* ================== Team ================ */
#team .icon-title {
  margin-top: 25px;
}

.team {
  float: left;
  width: 100%;
  background: url(assets/images/vertical-line.png) repeat-y top center;
  padding-bottom: 40px;
}

.team-wrapper {
  /*float:left;*/
  background: url(assets/images/horizontals-line.png) no-repeat 0 21px;
  position: relative;
  text-align: center;
  background-position: 50% 21px;
  background-size: 75%;
  -webkit-background-size: 75%;
  -moz-background-size: 75%;
  -o-background-size: 75%;
  /*width:100%;*/
}

.team-left {
  float: left;
}

.team-right, .team-right .wpb_wrapper {
  float: right;
}

.team-box {
  position: relative;
  float: left;
  width: 142px;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
  border: 8px solid #fff;
  cursor: pointer;
}

.team-left .team-box {
  margin-right: 30px;
}

.team-right .team-box {
  margin-left: 30px;
}

.team-profile {
  position: absolute;
  background: rgba(32, 38, 45, 0.95);
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  font-size: 11px;
  line-height: 11px;
  padding-top: 25px;
}

.team-profile h6 {
  margin-bottom: 10px;
}

.team-profile a {
  margin: 0 1px 0 1px;
}

.icon-social {
  background: #fff;
  color: #2c323a;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 700;
  padding-top: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.icon-social:hover {
  color: #fff;
  text-decoration: none;
}

/* ================= Blog ================= */
.posts_slider, .blog-wrapper {
  position: relative;
  padding-top: 50px;
}

.blog-box {
  float: left;
  width: 100%;
  background: #fff;
  color: #2c323a;
}

.blog-thumbls {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.hide_feature_img .blog-thumbls {
  display: none;
}

.artcle {
  float: left;
  width: 50%;
  padding: 60px 30px 60px 30px;
}

.hide_feature_img .artcle {
  width: 100%;
}

.article-head {
  width: 100%;
}

.article-head h5 {
  margin-bottom: 10px;
}

.date-post {
  float: left;
  background: #ebecee;
  width: 70px;
  height: auto;
  margin: 0 20px 40px 0;
  text-align: center;
}

.date {
  display: block;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  padding: 10px 0 10px 0;
}

.mo-year {
  display: block;
  background: #2c323a;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  padding: 4px 0 4px 0;
}

.meta-post {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.meta-post li {
  list-style: none;
  display: inline;
  margin: 0 5px 0 0;
  padding: 0;
}

.meta-post li i {
  margin-right: 5px;
}

.contain .blog, .singlepost {
  position: relative;
  background: #fff;
  width: 100%;
  margin: 0;
  padding: 0;
}

.contain .blog {
  background: #f7f7f7;
}

.article-wrapper {
  width: 70%;
  margin: 0;
  background: #fff;
  color: #2c323a;
}

.article-wrapper.no-sidebar {
  width: 100%;
}

.article-post {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
}

aside {
  width: 30%;
  padding: 30px;
  margin: 0;
  background: #f7f7f7;
  color: #2c323a;
}

aside h5 {
  border-bottom: 1px solid #2c323a;
  padding-bottom: 15px;
}

.widget {
  width: 100%;
  margin-bottom: 30px;
}

.cat {
  margin: 0;
  padding: 0 0 0 15px;
}

.cat li {
  margin: 0;
  padding: 0;
}

.recent {
  margin: 0;
  padding: 0;
}

.recent li {
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #c1c1c1;
}

.recent li .thumb {
  float: left;
  width: 45px;
  height: auto;
  margin: 5px 20px 20px 0;
}

.recent li h6 {
  margin-bottom: 5px;
}

.recent li h6 a {
  color: #2c323a;
}

.photostream {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.photostream li {
  float: left;
  width: 33.3333333333%;
  list-style: none;
  margin: 0;
  padding: 2px;
}

.tags {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.tags li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 2px;
}

.tags li a {
  display: inline-block;
  background: #ccced1;
  color: #484c52;
  padding: 4px 10px 4px 10px;
  border-radius: 2px;
}

.tags li a:hover {
  text-decoration: none;
  color: #fff;
}

.contain .blog .img-wrapp, .singlepost .img-wrapp {
  width: 100%;
  margin: 0;
  padding: 0;
}

.contain .blog article, .singlepost article {
  width: 100%;
  padding: 30px;
  margin: 0;
  background: #fff;
  color: #2c323a;
}

.comment-wrapper {
  position: relative;
  background: #fff;
  color: #2c323a;
  float: left;
  width: 100%;
  margin: 50px 0 0 0;
  padding: 100px 30px 40px 30px;
}

.contain .blog i, .singlepost i, .comment-wrapper i {
  margin-top: -48px;
  z-index: 999;
}

.comment-wrapper .media {
  background: #fff;
  position: relative;
  margin: 0 0 30px 0;
  padding: 30px 30px 10px 30px;
  border: 1px solid #828384;
  border-radius: 2px;
}

.comment-wrapper .media .media {
  margin: 0 0 20px 0;
}

.comment-wrapper .media label {
  color: #2c323a;
}

.media-body {
  margin: 0;
  padding: 0;
}

.media-heading {
  font-size: 18px;
  width: 100%;
  margin: 0 0 10px 0;
}

.media-heading h6 {
  color: #2c323a;
  margin: 0;
}

.media-heading h6 a {
  color: #2c323a;
}

.media-avatar {
  float: left;
  text-align: center;
  width: 50px;
  margin: 0 20px 20px 0;
  padding: 0;
}

.pingback .media-avatar,
.trackback .media-avatar {
  width: 0;
}

/* ================= Sticky post ================= */
.sticky {
  font-size: 16px;
  background-color: #ffffe0;
}

.sticky > article {
  background-color: transparent;
}

/* ================= Quote post ================= */
.quote-post {
  background: #f5f5f5;
  position: relative;
  padding: 20px 10px;
}

.quote-post:after {
  font-family: "FontAwesome";
  content: "\f10e";
  padding-right: 20px;
  right: 0;
  position: absolute;
  top: 50px;
  font-size: 600%;
  opacity: 0.2;
  -moz-opacity: 0.2;
  filter: alpha(opacity=20);
}

.quote-post blockquote {
  border-left: 0px solid #fff;
}

/* ================= Widget tags cloud ================= */
.wp-tag-cloud {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.wp-tag-cloud li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 2px;
}

.wp-tag-cloud li a {
  display: inline-block;
  background: #ccced1;
  color: #484c52;
  padding: 4px 10px 4px 10px;
  border-radius: 2px;
}

.wp-tag-cloud li a:hover {
  text-decoration: none;
  color: #fff;
}

/* ================= Widget calendar ================= */
#wp-calendar {
  width: 100%;
}

/*.singlepost article > * {max-width: 100%;}*/
.page-rightsidebar > * {
  max-width: 100%;
}

.page-fullcontentwidth > * {
  max-width: 100%;
}

ul, ol {
  padding-left: 15px;
}

/* ================== Pricing box ================ */
.pricing-wrapper {
  background: url(assets/images/pricing-line1.png) no-repeat top center;
  position: relative;
  padding-top: 63px;
}

.pricing-box {
  background: url(assets/images/pricing-box-line.png) no-repeat top center;
  position: relative;
  padding-top: 110px;
}

.pricing-head {
  position: relative;
  background: #ebecee;
  color: #2c323a;
  text-align: center;
  padding: 30px 0 50px 0;
}

.pricing-head h4 {
  color: #2c323a;
}

.pricing-price {
  position: absolute;
  width: 110px;
  height: 110px;
  color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  padding-top: 30px;
  bottom: -55px;
  left: 50%;
  margin-left: -55px;
  border: 5px solid #fff;
}

.price {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}

.time {
  font-size: 12px;
  line-height: 12px;
  display: block;
}

.pricing-body {
  background: #fff;
  color: #2c323a;
  text-align: center;
  padding: 50px 0 20px 0;
}

.pricing-body ul {
  margin: 0;
  padding: 0;
}

.pricing-body ul li {
  list-style: none;
  margin: 0;
  padding: 20px 0 20px 0;
  font-size: 18px;
  line-height: 18px;
  border-bottom: 1px solid #ebecee;
}

.pricing-body ul li.bottom {
  border: none;
  padding-bottom: 0;
}

.pricing-box.centered .pricing-body ul li.bottom {
  border: none;
  padding-bottom: 10px;
}

/* ================= Contact ================= */
.contact-body {
  float: left;
  width: 100%;
  background: #fff;
  color: #2c323a;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  padding: 90px 30px 20px 30px;
  margin-top: 50px;
}

ul.listForm {
  float: left;
  width: 100%;
  padding: 0;
  margin: 20px 0 0 0;
  list-style: none;
  text-align: left;
}

ul.listForm li {
  float: left;
  width: 49%;
  padding: 0;
  margin: 0 0 20px 0;
  list-style: none;
}

ul.listForm li.first-list {
  margin-right: 2%;
}

ul.listForm li.full-list {
  width: 100%;
}

#sendmessage {
  display: none;
}

#sendmessage.show, .show {
  display: block;
}

/* ================== Footer ================ */
footer {
  float: left;
  width: 100%;
  position: relative;
  background: #363f48;
  color: #5e666d;
  text-align: center;
  padding-top: 100px;
  margin-top: 30px;
}

.totop {
  background: #fff;
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  border: 5px solid;
  border-radius: 50%;
  font-size: 34px;
  line-height: 34px;
  padding-top: 25px;
  margin-left: -50px;
  left: 50%;
  top: -50px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.totop:focus, .totop:active {
  outline: none;
  text-transform: uppercase;
}

.totop:hover {
  background: #363f48;
  color: #fff;
}

.social-network {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: none;
  border: 5px solid #5e666d;
  border-radius: 50%;
  color: #5e666d;
  font-size: 34px;
  line-height: 56px;
  font-weight: 700;
  margin: 20px 10px 0 10px;
}

.social-network:hover, .social-network:focus, .social-network:active {
  outline: none;
  text-transform: uppercase;
}

.subfooter {
  background: #252c33;
  color: #575d63;
  padding: 30px 0 20px 0;
  margin-top: 60px;
}

.copyrigh {
  margin: 0;
}

/* ================== Heading ================ */
.headline {
  font-size: 72px;
  line-height: 60px;
  letter-spacing: 15px;
  border-bottom: 5px solid #fff;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.headline span {
  display: block;
  font-size: 60px;
  line-height: 60px;
}

.heading {
  background: url(assets/images/vertical-line.png) repeat-y top center;
  color: #2d3c3f;
  font-size: 24px;
  line-height: 24px;
  border: none;
  margin: 0;
  padding: 0 0 60px 0;
  text-align: center;
}

.heading span {
  background: #fff;
  font-weight: 700;
  padding: 15px 50px 15px 50px;
  border-radius: 2px;
}

/* ================== Divider ================ */
.divider {
  display: block;
  background: url(assets/images/divider-dark-bg.png) no-repeat top center;
  position: relative;
  z-index: 999;
  width: 100%;
  height: 154px;
  margin-top: -18px;
  clear: both;
}

/* ================== Icons ================ */
.icon-title {
  position: absolute;
  text-align: center;
  width: 110px;
  height: 110px;
  background: #fff;
  top: 0;
  left: 50%;
  margin-left: -55px;
  border-radius: 50%;
  font-size: 54px;
  line-height: 54px;
  padding-top: 20px;
  z-index: 999;
  border: 5px solid;
}

.icon-title.centered {
  top: 50%;
  margin-top: -55px;
}

.darkbg .icon-title {
  border-color: #363f48;
}

.icon-feature {
  border: 3px solid #fff;
  background: #363f48;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  padding-top: 15px;
  margin-bottom: 20px;
}

/* ============== Clear spacer ============= */
.margin-clear {
  margin: 0;
}

.padding-clear {
  padding: 0;
}

.margintop-clear {
  margin-top: 0;
}

.paddingtop-clear {
  padding-top: 0;
}

.marginbot-clear {
  margin-bottom: 0;
}

.paddingbot-clear {
  padding-bottom: 0;
}

.marginbot-min40 {
  margin-bottom: -40px;
}

.margintop-min15 {
  margin-top: -15px;
}

/* ============== Custom top spacer ============= */
.margintop5 {
  margin-top: 5px;
}

.margintop10 {
  margin-top: 10px;
}

.margintop15 {
  margin-top: 15px;
}

.margintop20 {
  margin-top: 20px;
}

.margintop25 {
  margin-top: 25px;
}

.margintop30 {
  margin-top: 30px;
}

.margintop35 {
  margin-top: 35px;
}

.margintop40 {
  margin-top: 40px;
}

.margintop45 {
  margin-top: 45px;
}

.margintop50 {
  margin-top: 50px;
}

.margintop55 {
  margin-top: 55px;
}

.margintop60 {
  margin-top: 60px;
}

.margintop80 {
  margin-top: 80px;
}

/* ============== Custom bottom spacer ============= */
.marginbot5 {
  margin-bottom: 5px;
}

.marginbot10 {
  margin-bottom: 10px;
}

.marginbot15 {
  margin-bottom: 15px;
}

.marginbot20 {
  margin-bottom: 20px;
}

.marginbot25 {
  margin-bottom: 25px;
}

.marginbot30 {
  margin-bottom: 30px;
}

.marginbot35 {
  margin-bottom: 35px;
}

.marginbot40 {
  margin-bottom: 40px;
}

.marginbot45 {
  margin-bottom: 45px;
}

.marginbot50 {
  margin-bottom: 50px;
}

.marginbot55 {
  margin-bottom: 55px;
}

.marginbot60 {
  margin-bottom: 60px;
}

.marginbot80 {
  margin-bottom: 80px;
}

/* ============== Custom left spacer ============= */
.marginleft5 {
  margin-left: 1px;
}

.marginleft10 {
  margin-left: 10px;
}

.marginleft15 {
  margin-left: 15px;
}

.marginleft20 {
  margin-left: 20px;
}

/* ============= Custom right spacer ============== */
.marginright5 {
  margin-right: 1px;
}

.marginright10 {
  margin-right: 10px;
}

.marginright15 {
  margin-right: 15px;
}

.marginright20 {
  margin-right: 20px;
}

/* =============== Demo ============ */
.demo-panel {
  background: #fff;
  color: #fff;
  width: 240px;
  display: none;
  height: auto;
  left: 0;
  padding: 0;
  top: 70px;
  position: fixed;
  _position: absolute;
  z-index: 99999;
  border: 1px solid #e1e1e1;
  border-left: none;
}

.demo-panel h6 {
  text-align: center;
  margin-bottom: 10px;
  padding: 12px 0 13px 0;
  text-transform: uppercase;
  color: #2c323a;
  background: #f4f6f7;
}

a.openpanel {
  _background-image: none;
  background: #f4f6f7;
  padding: 8px 10px 6px 10px;
  border-left: none;
  color: #fff;
  display: block;
  left: 0;
  text-align: center;
  font-size: 24px;
  top: 70px;
  z-index: 999999;
  position: fixed;
  _position: absolute;
  border-left: none;
}

a.openpanel {
  text-decoration: none;
}

a.active.openpanel {
  border-left: none;
  _position: absolute;
  left: 229px;
}

a.openpanel:hover, a.openpanel:focus, a.openpanel:active {
  outline: none;
}

.stylechanger, .layout, .bgchanger {
  width: 100%;
  float: left;
  list-style: none;
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
}

.stylechanger {
  margin: 0 10px 10px 10px;
  padding: 0;
}

.stylechanger li, .bgchanger li {
  list-style: none;
  float: left;
  width: 25px;
  height: 25px;
  margin: 0 10px 10px 10px;
}

.stylechanger li a, .bgchanger li a {
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
}

.layout {
  margin: 0;
  padding: 0;
}

.layout li {
  list-style: none;
  float: left;
  width: 42%;
  height: auto;
  margin: 0 4% 10px 4%;
  text-align: center;
}

.layout li.full {
  width: 92%;
  margin: 0 4% 10px 4%;
}

#color1 {
  background: #fe5d55;
}

#color2 {
  background: #fa7338;
}

#color3 {
  background: #f3a715;
}

#color4 {
  background: #68aa56;
}

#color5 {
  background: #4cab93;
}

#color6 {
  background: #36a5bd;
}

#color7 {
  background: #4c8bc1;
}

#color8 {
  background: #5766a4;
}

#color9 {
  background: #7260a4;
}

#color10 {
  background: #b281b2;
}

#color11 {
  background: #fa87a0;
}

#color12 {
  background: #e55237;
}

#color13 {
  background: #4682b4;
}

#color14 {
  background: #3abfc2;
}

#color15 {
  background: #c24444;
}

#color16 {
  background: #994d4d;
}

#color17 {
  background: #54c798;
}

#color18 {
  background: #ffb347;
}

#color19 {
  background: #54c7b0;
}

#color20 {
  background: #771f4f;
}

.cthiso-item .resp-video-holder {
  padding: 2px;
}

.cthiso-item img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}

.cthiso-item .port-desc-holder:before {
  right: 3px;
  bottom: 3px;
}

.cthiso-item:hover .port-desc-holder {
  opacity: 1;
}

.cthiso-item img {
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.flexslider {
  display: inline-block;
  margin-bottom: 0;
  width: 100%;
}

.testimonials_slider .flex-control-paging, .posts_slider .flex-control-paging {
  display: none;
}

.flex-control-nav {
  bottom: 0;
}

.flex-control-paging li a {
  background: rgba(0, 0, 0, 0.3);
}

.flex-direction-nav a:before {
  display: none;
}

.flex-direction-nav .flex-next {
  background: url(assets/images/bg_direction_nav_next.png) no-repeat center center;
  right: -60px;
  opacity: 0.4;
}

.flex-direction-nav .flex-prev {
  background: url(assets/images/bg_direction_nav_prev.png) no-repeat center center;
  left: -60px;
  opacity: 0.4;
}

.flex-direction-nav a {
  text-indent: -9999px;
}
.flex-direction-nav a:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  right: -60px;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  left: -60px;
}

.pp_gallery {
  display: none !important;
}

div.pp_default .pp_close:hover {
  background-color: transparent !important;
}

.custom-logo-link {
  margin-top: 15px;
  display: inline-block;
}
.custom-logo-link:hover {
  text-decoration: none;
}
.custom-logo-link.logo-text h2 {
  margin-bottom: 0;
  font-size: 36px;
  line-height: 42px;
}

.blog-main-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.article-head > h5 {
  font-size: 24px;
  line-height: 30px;
}

.lotek-footer {
  background: #252c33;
  padding-top: 0;
}

.footer-top {
  background: #363f48;
  padding-top: 100px;
  padding-bottom: 60px;
}

.subfooter {
  background: transparent;
  margin-top: 0;
}

.scrolltop + .subfooter {
  margin-top: 60px;
}

input.subscribe:focus {
  outline: none;
}

.pager {
  width: 100%;
}

.cthiso-items {
  position: relative;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.cthiso-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cthiso-item-holder {
  /*float: left;*/
  width: 100%;
  height: auto;
  position: relative;
  /*padding:2px;*/
  margin-bottom: 0;
}

.cthiso-big-pad.cthiso-items {
  margin-left: -15px;
  margin-right: -15px;
}

.cthiso-big-pad .cthiso-item {
  padding: 15px;
}

.cthiso-medium-pad.cthiso-items {
  margin-left: -10px;
  margin-right: -10px;
}

.cthiso-medium-pad .cthiso-item {
  padding: 10px;
}

.cthiso-small-pad.post-cthiso-items, .cthiso-small-pad.cthiso-items {
  margin-left: -5px;
  margin-right: -5px;
}

.cthiso-small-pad .post-cthiso-item, .cthiso-small-pad .cthiso-item {
  padding: 5px;
}

.cthiso-extrasmall-pad.cthiso-items {
  margin-left: -2px;
  margin-right: -2px;
}

.cthiso-extrasmall-pad .cthiso-item {
  padding: 2px;
}

.cthiso-no-pad .cthiso-item {
  padding: 0;
}

.cthiso-item, .cthiso-sizer {
  width: 25%;
  position: relative;
  /*float:left;*/
  overflow: hidden;
}

.cthiso-item:hover {
  overflow: visible;
}

.cthiso-item-two, .cthiso-sizer-two,
.cthiso-item-second {
  width: 50%;
}

.cthiso-item-three, .cthiso-sizer-three {
  width: 75%;
}

.cthiso-one-cols .cthiso-item, .cthiso-one-cols .cthiso-sizer,
.cthiso-one-cols .cthiso-item-two, .cthiso-one-cols .cthiso-sizer-two,
.cthiso-one-cols .cthiso-item-second,
.cthiso-one-cols .cthiso-item-three, .cthiso-one-cols .cthiso-sizer-three {
  width: 100%;
}

.cthiso-two-cols .cthiso-item, .cthiso-two-cols .cthiso-sizer {
  width: 50%;
}

.cthiso-two-cols .cthiso-item-second,
.cthiso-two-cols .cthiso-item-two, .cthiso-two-cols .cthiso-sizer-two, .cthiso-two-cols .cthiso-item-three, .cthiso-two-cols .cthiso-sizer-three {
  width: 100%;
}

.cthiso-three-cols .cthiso-item, .cthiso-three-cols .cthiso-sizer {
  width: 33.333%;
}

.cthiso-three-cols .cthiso-item-second,
.cthiso-three-cols .cthiso-item-two, .cthiso-three-cols .cthiso-sizer-two {
  width: 66.666%;
}

.cthiso-three-cols .cthiso-item-three, .cthiso-three-cols .cthiso-sizer-three {
  width: 100%;
}

.cthiso-five-cols .cthiso-item, .cthiso-five-cols .cthiso-sizer {
  width: 20%;
}

.cthiso-five-cols .cthiso-item-second,
.cthiso-five-cols .cthiso-item-two, .cthiso-five-cols .cthiso-sizer-two {
  width: 40%;
}

.cthiso-five-cols .cthiso-item-three, .cthiso-five-cols .cthiso-sizer-three {
  width: 60%;
}

.cthiso-six-cols .cthiso-item, .cthiso-six-cols .cthiso-sizer {
  width: 16.66666%;
}

.cthiso-six-cols .cthiso-item-second,
.cthiso-six-cols .cthiso-item-two, .cthiso-six-cols .cthiso-sizer-two {
  width: 33.33333%;
}

.cthiso-six-cols .cthiso-item-three, .cthiso-six-cols .cthiso-sizer-three {
  width: 50%;
}

.cthiso-seven-cols .cthiso-item, .cthiso-seven-cols .cthiso-sizer {
  width: 14.285%;
}

.cthiso-seven-cols .cthiso-item-second,
.cthiso-seven-cols .cthiso-item-two, .cthiso-seven-cols .cthiso-sizer-two {
  width: 28.57%;
}

.cthiso-seven-cols .cthiso-item-three, .cthiso-seven-cols .cthiso-sizer-three {
  width: 42.857%;
}

.cthiso-eight-cols .cthiso-item, .cthiso-eight-cols .cthiso-sizer {
  width: 12.5%;
}

.cthiso-eight-cols .cthiso-item-second,
.cthiso-eight-cols .cthiso-item-two, .cthiso-eight-cols .cthiso-sizer-two {
  width: 25%;
}

.cthiso-eight-cols .cthiso-item-three, .cthiso-eight-cols .cthiso-sizer-three {
  width: 37.5%;
}

.cthiso-nine-cols .cthiso-item, .cthiso-nine-cols .cthiso-sizer {
  width: 11.11111%;
}

.cthiso-nine-cols .cthiso-item-second,
.cthiso-nine-cols .cthiso-item-two, .cthiso-nine-cols .cthiso-sizer-two {
  width: 22.22222%;
}

.cthiso-nine-cols .cthiso-item-three, .cthiso-nine-cols .cthiso-sizer-three {
  width: 33.33333%;
}

.cthiso-ten-cols .cthiso-item, .cthiso-ten-col .cthiso-sizer {
  width: 10%;
}

.cthiso-ten-cols .cthiso-item-second,
.cthiso-ten-cols .cthiso-item-two, .cthiso-ten-cols .cthiso-sizer-two {
  width: 20%;
}

.cthiso-ten-cols .cthiso-item-three, .cthiso-ten-cols .cthiso-sizer-three {
  width: 30%;
}

@media only screen and (max-width: 767px) {
  .cthiso-item, .cthiso-sizer {
    width: 100%;
  }
  .cthiso-big-pad .cthiso-item {
    padding-bottom: 0;
  }
  .cthiso-big-pad .cthiso-item,
  .cthiso-medium-pad .cthiso-item,
  .cthiso-small-pad .cthiso-item,
  .cthiso-extrasmall-pad .cthiso-item {
    padding-bottom: 0;
  }
}
.admin-bar .is-fixed .main-bar {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .is-fixed .main-bar {
    top: 0;
  }
}
/* ============== Custom responsive ============= */
@media (min-width: 1200px) {
  .features-body {
    background: url(assets/images/horizontals-line.png) no-repeat top center;
  }
  .team-wrapper {
    background: url(assets/images/horizontals-line.png) no-repeat 0 35px;
    background-position: 50% 35px;
  }
  .team-box {
    width: 170px;
  }
  .pricing-wrapper {
    background: url(assets/images/pricing-line.png) no-repeat top center;
  }
  .slide-wrapper {
    margin-left: 35%;
    width: 30%;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .navbar-brand {
    margin-left: 30px;
  }
  .navbar-default .navbar-nav li a,
  .navbar-default .navbar-nav li a:focus {
    font-size: 11px;
    line-height: 11px;
    font-weight: 700;
    padding: 20px 8px 20px 8px;
  }
  .slide-wrapper {
    margin-left: 25%;
    width: 50%;
  }
  .features-body {
    background: none;
    padding-top: 110px;
  }
  .features-box {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .contain-body {
    background: none;
  }
  blockquote p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  .Products-wrapper ul li {
    width: 50%;
  }
  .Products-wrapper.grid_col_one ul li {
    width: 100%;
  }
  .Products-wrapper.grid_col_two ul li {
    width: 100%;
  }
  .Products-wrapper.grid_col_three ul li {
    width: 50%;
  }
  .Products-wrapper.grid_col_four ul li {
    width: 50%;
  }
  .Products-wrapper.grid_col_five ul li {
    width: 50%;
  }
  .Products-wrapper.grid_col_six ul li {
    width: 50%;
  }
  /*.team-left .team-box{
      margin-right:10px;
  }
  .team-right .team-box{
      margin-left:10px;
  }*/
  .team-wrapper {
    background: none;
    background: url(assets/images/vertical-line.png) repeat-y top center;
    padding-top: 160px;
    padding-bottom: 40px;
  }
  .team-left,
  .team-right {
    float: none;
    width: 170px;
    margin: 0 auto;
    text-align: center;
  }
  .team-box {
    float: none;
    width: 170px;
    margin: 0 auto;
    display: block;
  }
  .team-right .wpb_wrapper {
    float: none;
  }
  .team-left .team-box,
  .team-right .team-box {
    margin: 0 auto 30px auto;
  }
  .pricing-wrapper {
    background: none;
    position: relative;
    padding-top: 63px;
  }
}
@media (max-width: 767px) {
  .navbar-header {
    float: left;
    width: 100%;
  }
  .navbar-brand {
    margin-left: 20px;
    padding-top: 10px;
  }
  .custom-logo-link {
    margin-left: 20px;
  }
  .navbar-default .collapse {
    clear: both;
    border-top: none;
    float: none;
    width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    border: none;
  }
  .navbar-nav,
  .navbar-nav li {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
  }
  .navbar-default .navbar-nav li a,
  .navbar-default .navbar-nav li a:focus {
    padding: 20px;
    margin: 0;
  }
  .navbar-default .navbar-nav li a.selected,
  .navbar-default .navbar-nav .active a,
  .navbar-default .navbar-nav .dropdown.active a,
  .navbar-default .navbar-nav .active a:hover,
  .navbar-default .navbar-nav .dropdown.active a:hover,
  .navbar-default .navbar-nav .active a:focus,
  .navbar-default .navbar-nav .dropdown.active a:focus {
    background-image: none;
  }
  .slide-wrapper {
    margin-left: 22.5%;
    width: 55%;
  }
  .features-body {
    background: none;
    padding-top: 110px;
  }
  .features-box {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .contain-body {
    background: none;
  }
  .testimoni-avatar, .testimoni-text {
    width: 100%;
  }
  .Products-wrapper ul li {
    width: 100%;
  }
  .Products-wrapper.grid_col_one ul li {
    width: 100%;
  }
  .Products-wrapper.grid_col_two ul li {
    width: 100%;
  }
  .Products-wrapper.grid_col_three ul li {
    width: 100%;
  }
  .Products-wrapper.grid_col_four ul li {
    width: 100%;
  }
  .Products-wrapper.grid_col_five ul li {
    width: 100%;
  }
  .Products-wrapper.grid_col_six ul li {
    width: 100%;
  }
  .team {
    padding-top: 140px;
  }
  .team-wrapper {
    background: none;
    background: url(assets/images/vertical-line.png) repeat-y top center;
    padding-top: 160px;
    padding-bottom: 40px;
  }
  .team-left,
  .team-right {
    float: none;
    width: 170px;
    margin: 0 auto;
    text-align: center;
  }
  .team-box {
    float: none;
    width: 170px;
    margin: 0 auto;
    display: block;
  }
  .team-right .wpb_wrapper {
    float: none;
  }
  .team-left .team-box,
  .team-right .team-box {
    margin: 0 auto 30px auto;
  }
  .icon-title.centered {
    top: 0;
    margin-top: 0;
  }
  .blog-thumbls,
  .artcle {
    width: 100%;
  }
  .pricing-wrapper {
    background: none;
    position: relative;
    padding-top: 63px;
  }
  .headline {
    font-size: 42px;
    line-height: 50px;
    letter-spacing: 15px;
    border-bottom: 3px solid #fff;
  }
  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next {
    opacity: 0.4;
  }
  .img-mobile {
    display: none;
  }
  .article-wrapper, aside {
    width: 100%;
  }
}
@media only screen and (max-width: 650px) {
  .headline {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 15px;
    border-bottom: 2px solid #fff;
  }
  .slide-wrapper {
    margin-left: 15%;
    width: 70%;
  }
}