/* ------------------------------------------------------------------
 * Template     : Buzzer - HTML Template
 * File         : style.css
 * Version      : 1.0
 * Author       : stokk.co - team
 * Author URI   : http://stokk.co
 *
 * Stokk Copyright 2016 All Rights Reserved.
 * ------------------------------------------------------------------ 
 * ------------------------------------------------------------------


    [Table of contents Style]
    1. base
    2. Global
    3. typography
    4. header
    5. slideshow
    6. pricing table
    7. section - component
        - section form cta 
        - basic section style
    8. block element
        - block service section 
        - block testimoni section
        - block counter section
        - block address section
        - block partner section
        - block newsletter section
        - block client section
        - block all tabs section
        - block showcase
        - block divider 
        - block card 
        - default block
        - block form basic
        - block career
        - block expert 
        - block process
    9 [single post / page]
        - meta
        - box post loop
        - sidebar
        - widget
        - team slide
    10. footer
    11. global modifier
    12. helper
    13. intro style
    14. responsive


------------------------------------------------------------------ */
/* == main style == */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300;400,700,800,900");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,800");
/* ==[1. base style  ]== */
.base-subtitle, .el-subtitle, .el-pricing_subtitle, .section-header_subtitle, .block-tab-v .tabs.vertical .tabs-title p, .block-tab-wizard .tab-wizard-nav li.tabs-title > a h3 span, .block-item_subtitle {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #7ac8ff;
  text-transform: uppercase; }

.base-title, .el-title, .el-number, .el-banner h5, .el-banner-large h4, .el-pricing_price, .section-header_title h2, .section-header_title h3, .block-addr_item-city h3, .block-partner_list-item h4, .block-newsletter h4, .block-tab-v .tabs.vertical .tabs-title h5, .block-tab-v_content-title, .block-tab-v_cover h3,
.block-tab-v_cover .block-tab-v_content-title, .block-tab-wizard .tab-wizard-nav li.tabs-title > a[aria-selected='true'] h3, .block-tab-wizard .tab-wizard-nav li.tabs-title > a h3, .block-card-simple_title, .block-item_title, .block-item_number, .career-item_header-title, .single-content_postnav .-title, .text-box a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: -1px;
  color: #012f61;
  line-height: 1.3em; }

.base-icon, .el-icon, .block-counter_item-icon, .block-item_icon {
  line-height: 1.3em;
  color: #7ac8ff; }

.base-desc, .block-tab-v_content-subtitle, .block-card-simple_desc, .block-item_desc {
  color: #2c2c2c; }

/* ==[ global style ]== */
body {
  font-size: map-deep-get((fontSizeBase: 16px), fontSizeBase);
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  background-color: #FFFFFF; }

a {
  color: #7ac8ff; }
  a:hover {
    color: #2d79c4; }

.row {
  max-width: 74em; }

hr {
  border-top: 2px solid #e6e6e6; }

pre {
  padding: 10px 15px;
  background: #f3f3f3 url(../images/pre_bg.gif) repeat 0 -9px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  font: 12px / 18px Consolas, monospace, serif;
  color: #969696;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap; }

audio {
  padding: 30px 0; }

.clear {
  clear: both;
  float: none; }

.divider-line {
  height: 1px;
  border-top: 1px solid #ededed; }

/* button */
.button {
  font-family: "Montserrat", sans-serif;
  background-color: #fde428;
  font-weight: 600;
  letter-spacing: 0px;
  color: #00305f;
  padding: 15px 30px;
  font-size: 16px; }
  .button.-rounded {
    border-radius: 5px; }
  .button.-line:before {
    position: absolute;
    content: " ";
    height: 3px;
    width: 100%;
    background-color: #ccc;
    top: 10px;
    left: 0px; }

.btn-yellow {
  background-color: #7ac8ff;
  color: #012f61; }
  .btn-yellow:hover {
    background-color: #2ea8ff; }

/* element unique */
.el-buble {
  text-transform: uppercase;
  padding: 10px 15px;
  background-color: #2d79c4;
  color: #FFFFFF;
  display: inline-block;
  border-radius: 3px;
  position: relative;
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  letter-spacing: 1px; }
  .el-buble:after {
    content: '';
    border-left: 15px solid transparent;
    border-top: 15px solid #2d79c4;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    position: absolute;
    bottom: -28px;
    height: 15px;
    width: 15px;
    left: 42%; }

.el-subtitle {
  margin: 0px; }

.el-icon {
  font-size: 48px; }

.el-number {
  color: #2d79c4;
  font-size: 48px; }

.el-link {
  color: #7ac8ff; }

.el-desc {
  font-size: 16px; }

.el-list-h .el-icon {
  min-width: 50px;
  padding: 0px; }

.el-list-h02_item {
  padding: 15px;
  position: relative;
  overflow: hidden; }
  .el-list-h02_item h5 {
    font-size: 18px; }
  .el-list-h02_item .el-subtitle {
    font-size: 14px; }
  .el-list-h02_item.active, .el-list-h02_item:hover {
    background: #ffdb3b;
    cursor: pointer; }
    .el-list-h02_item.active > .el-list-h02_item-hover, .el-list-h02_item:hover > .el-list-h02_item-hover {
      display: block; }
  .el-list-h02_item-hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 30px;
    padding-top: 24%;
    background: #f8f8f8; }

.el-list-h02 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.el-list-h03_item a {
  overflow: hidden;
  display: block; }
  .el-list-h03_item a:hover {
    background: #fff;
    -webkit-box-shadow: 3px 4px 6px 0px rgba(204, 204, 204, 0.4);
            box-shadow: 3px 4px 6px 0px rgba(204, 204, 204, 0.4); }

.el-list-h03_item.active a {
  background: #fff;
  -webkit-box-shadow: 3px 4px 6px 0px rgba(204, 204, 204, 0.4);
          box-shadow: 3px 4px 6px 0px rgba(204, 204, 204, 0.4); }

.el-list-h03_item.active img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%); }

.el-list-h03 img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }
  .el-list-h03 img:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%); }

.el-banner {
  padding: 30px; }
  .el-banner_icon {
    font-size: 36px; }
  .el-banner h5 {
    letter-spacing: -1px; }
  .el-banner_desc {
    font-size: 15px; }
  .el-banner-large {
    padding: 0px; }
    .el-banner-large_icon {
      font-size: 42px; }
    .el-banner-large h4 {
      letter-spacing: -2px;
      margin-bottom: 0px; }
    .el-banner-large_desc {
      font-size: 15px; }

.el-bgicon {
  position: absolute;
  top: -30%;
  right: -20%;
  font-size: 300px;
  color: #000;
  opacity: 0.1;
  z-index: 0; }

.el-content {
  position: relative;
  z-index: 0; }

.el-bg-overlay {
  background-color: #012f61;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0; }

/* featured callout */
.featured-left {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 30%;
  overflow: hidden; }
  .featured-left img {
    height: 100%;
    width: auto; }

.featured-right {
  margin-left: 28%;
  padding-left: 1rem; }

.ls-list {
  margin-left: 0px; }
  .ls-list li {
    list-style: none;
    position: relative;
    font-size: 15px;
    margin-bottom: 8px;
    padding-left: 25px; }
    .ls-list li:before {
      content: "";
      font-family: FontAwesome;
      font-size: 15px;
      position: absolute;
      color: #9B9DA1;
      left: 0;
      top: 3px; }
    .ls-list li:after {
      content: "";
      display: table; }
  .ls-list-check li:before {
    position: absolute;
    content: "\f05d";
    font-family: "FontAwesome";
    left: 0;
    top: 0;
    color: #4994cd; }
  .ls-list-incheck li:before {
    position: absolute;
    content: "\f058";
    font-family: "FontAwesome";
    left: 0;
    top: 0;
    color: #4994cd; }

.list-sosmed .facebook {
  background: #2d79c3; }

.list-sosmed .twitter {
  background: #39a0d1; }

.list-sosmed .googleplus {
  background: #cc666d; }

.list-sosmed .linkedin {
  background: #0556a6; }

.list-sosmed a {
  color: #FFFFFF;
  margin-right: 5px;
  width: 45px;
  text-align: center;
  padding: 0.5rem 0.7rem !important;
  border-radius: 2px;
  display: inline-block !important; }

.list-sosmed li:last-child a {
  margin-right: 0px; }

/* == typhography == */
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif; }

blockquote {
  margin: 0 0 5px 0 !important;
  font-size: 15px;
  line-height: 26px;
  color: #788084; }

blockquote footer {
  background: none !important; }

/* == header style  == */
.header {
  position: relative;
  z-index: 99; }
  .header-top {
    background-color: #012f61;
    padding: 5px 0px; }
    .header-top__left, .header-top__right {
      font-size: 12px;
      color: #7ac8ff;
      line-height: 30px; }
  .header-middle {
    background-color: #2d79c4;
    color: #FFFFFF; }
    .header-middle .media-object {
      margin-bottom: 0px; }

.logo-top {
  margin: 0px; }

.logo-footer {
  margin: 0px;
  padding-bottom: 30px; }

.sosmed-share {
  margin: 0px; }
  .sosmed-share li {
    line-height: 2em;
    list-style: none;
    float: left;
    padding: 0px 5px;
    line-height: 30px;
    font-size: 14px; }

.nav-top-place {
  border-left: 1px solid #FFFFFF;
  margin-top: 25px; }
  .nav-top-place a {
    color: #FFFFFF;
    font-size: 12px;
    padding: 0px 20px; }

.breadcrumbs-top {
  position: absolute;
  width: 100%;
  margin-top: 15px;
  color: #012f61;
  font-family: "Montserrat", sans-serif; }
  .breadcrumbs-top li,
  .breadcrumbs-top .disabled {
    color: #012f61; }
  .breadcrumbs-top a {
    color: #7ac8ff; }

/* [ 1.4. mainmenu ] */
.menu-main {
  width: auto; }
  .menu-main li a {
    color: #7ac8ff;
    line-height: 50px;
    font-size: 16px; }
    .menu-main li a.active, .menu-main li a:hover {
      color: #FFFFFF; }
  .menu-main li .menu {
    z-index: 2; }
    .menu-main li .menu li {
      background: #2d79c4;
      border-bottom: 1px dotted #2d79c4; }
      .menu-main li .menu li a {
        line-height: 1.3rem;
        color: #FFFFFF;
        font-size: 0.95em; }
        .menu-main li .menu li a.active, .menu-main li .menu li a:hover {
          background: #012f61;
          color: #FFFFFF; }
  .menu-main.menu-white li a {
    color: #8a8a8a;
    line-height: 50px;
    font-size: 16px; }
    .menu-main.menu-white li a.active, .menu-main.menu-white li a:hover {
      color: #8a8a8a; }

.menu-top-logo li a {
  color: #7ac8ff;
  line-height: 50px;
  font-size: 12px; }
  .menu-top-logo li a.active, .menu-top-logo li a:hover {
    color: #FFFFFF; }

.menu-top-logo li .menu {
  z-index: 2; }
  .menu-top-logo li .menu li {
    background: #2d79c4;
    border-bottom: 1px dotted #2d79c4; }
    .menu-top-logo li .menu li a {
      line-height: 1.3rem;
      color: #FFFFFF;
      font-size: 14px; }
      .menu-top-logo li .menu li a.active, .menu-top-logo li .menu li a:hover {
        background: #012f61;
        color: #FFFFFF; }

/* navigation style */
.header-04-center .menu-main li a {
  line-height: 30px;
  font-size: 16px; }

.is-sticky-wrapper.header-06 {
  padding-top: 30px; }

.is-sticky-wrapper.header-05-center {
  padding-top: 60px; }

.is-sticky-wrapper.header-03-left {
  padding-top: 70px; }

.is-sticky-wrapper.header-02-right {
  padding-top: 70px; }

/* == slideshow style  == */
.owl-theme .owl-nav {
  margin-top: 0px; }

.owl-bg {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%; }

.cover-bg {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden;
  position: relative; }

.owl-slider-01 {
  position: relative; }
  .owl-slider-01 .item {
    width: 100%;
    height: 600px;
    cursor: w-resize; }
  .owl-slider-01 .owl-dots {
    position: absolute;
    bottom: 35px;
    text-align: center;
    width: 100%; }
  .owl-slider-01 .owl-nav .owl-prev {
    left: 70px; }
  .owl-slider-01 .owl-nav .owl-next {
    right: 70px; }
  .owl-slider-01 .owl-nav .owl-next,
  .owl-slider-01 .owl-nav .owl-prev {
    background: transparent;
    top: 50%;
    position: absolute;
    color: #fff;
    font-size: 35px;
    margin-top: -18px;
    padding: 0px 15px; }
    .owl-slider-01 .owl-nav .owl-next:hover,
    .owl-slider-01 .owl-nav .owl-prev:hover {
      border-radius: 3px;
      background-color: rgba(0, 0, 0, 0.5); }

.owl-slider-02 {
  position: relative; }
  .owl-slider-02 .item {
    width: 100%;
    height: 600px;
    cursor: w-resize; }
  .owl-slider-02 .owl-dots {
    position: absolute;
    bottom: 35px;
    text-align: center;
    width: 100%; }
  .owl-slider-02 .owl-nav .owl-prev {
    left: 70px; }
  .owl-slider-02 .owl-nav .owl-next {
    right: 70px; }
  .owl-slider-02 .owl-nav .owl-next,
  .owl-slider-02 .owl-nav .owl-prev {
    background: transparent;
    top: 50%;
    position: absolute;
    color: #fff;
    font-size: 35px;
    margin-top: -18px;
    padding: 0px 15px; }
    .owl-slider-02 .owl-nav .owl-next:hover,
    .owl-slider-02 .owl-nav .owl-prev:hover {
      border-radius: 3px;
      background-color: rgba(0, 0, 0, 0.5); }

.owl-slider-03 {
  position: relative; }
  .owl-slider-03 .item {
    width: 100%;
    height: 600px;
    cursor: w-resize;
    position: relative; }
  .owl-slider-03 .owl-dots {
    position: absolute;
    bottom: 35px;
    text-align: center;
    width: 100%; }
  .owl-slider-03 .owl-nav .owl-prev {
    left: 70px; }
  .owl-slider-03 .owl-nav .owl-next {
    right: 70px; }
  .owl-slider-03 .owl-nav .owl-next,
  .owl-slider-03 .owl-nav .owl-prev {
    background: transparent;
    top: 50%;
    position: absolute;
    color: #fff;
    font-size: 35px;
    margin-top: -18px;
    padding: 0px 15px; }
    .owl-slider-03 .owl-nav .owl-next:hover,
    .owl-slider-03 .owl-nav .owl-prev:hover {
      border-radius: 3px;
      background-color: rgba(0, 0, 0, 0.5); }

.owl-slider-04 {
  position: relative; }
  .owl-slider-04 .item {
    width: 100%;
    height: 600px;
    cursor: w-resize;
    position: relative; }
  .owl-slider-04 .owl-dots {
    position: absolute;
    bottom: 35px;
    text-align: center;
    width: 100%; }
  .owl-slider-04 .owl-nav .owl-prev {
    left: 70px; }
  .owl-slider-04 .owl-nav .owl-next {
    right: 70px; }
  .owl-slider-04 .owl-nav .owl-next,
  .owl-slider-04 .owl-nav .owl-prev {
    background: transparent;
    top: 50%;
    position: absolute;
    color: #fff;
    font-size: 35px;
    margin-top: -18px;
    padding: 0px 15px; }
    .owl-slider-04 .owl-nav .owl-next:hover,
    .owl-slider-04 .owl-nav .owl-prev:hover {
      border-radius: 3px;
      background-color: rgba(0, 0, 0, 0.5); }

.owl-slider-05 {
  position: relative; }
  .owl-slider-05 .item {
    width: 100%;
    height: 600px;
    cursor: w-resize;
    position: relative; }
  .owl-slider-05 .owl-dots {
    position: absolute;
    bottom: 35px;
    text-align: center;
    width: 100%; }
  .owl-slider-05 .owl-nav .owl-prev {
    left: 70px; }
  .owl-slider-05 .owl-nav .owl-next {
    right: 70px; }
  .owl-slider-05 .owl-nav .owl-next,
  .owl-slider-05 .owl-nav .owl-prev {
    background: transparent;
    top: 50%;
    position: absolute;
    color: #fff;
    font-size: 35px;
    margin-top: -18px;
    padding: 0px 15px; }
    .owl-slider-05 .owl-nav .owl-next:hover,
    .owl-slider-05 .owl-nav .owl-prev:hover {
      border-radius: 3px;
      background-color: rgba(0, 0, 0, 0.5); }

.owl-slider-logo {
  position: relative; }
  .owl-slider-logo .item {
    width: 100%;
    height: auto;
    cursor: w-resize;
    position: relative; }
  .owl-slider-logo .owl-dots {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    display: none; }
    .owl-slider-logo .owl-dots .owl-dot span {
      border-radius: 0px;
      width: 25px;
      height: 5px; }
  .owl-slider-logo .owl-nav .owl-prev {
    left: 70px; }
  .owl-slider-logo .owl-nav .owl-next {
    right: 70px; }
  .owl-slider-logo .owl-nav .owl-next,
  .owl-slider-logo .owl-nav .owl-prev {
    background: transparent;
    top: 50%;
    position: absolute;
    color: #fff;
    font-size: 35px;
    margin-top: -18px;
    padding: 0px 15px; }
    .owl-slider-logo .owl-nav .owl-next:hover,
    .owl-slider-logo .owl-nav .owl-prev:hover {
      border-radius: 3px;
      background-color: rgba(0, 0, 0, 0.5); }

.owl-slide-content_box {
  padding: 60px;
  position: relative;
  margin-top: 25%;
  float: right; }
  .owl-slide-content_box-title {
    font-size: 65px;
    line-height: 1em;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 15px; }
  .owl-slide-content_box-desc {
    color: #FFFFFF; }
    .owl-slide-content_box-desc p {
      color: #FFFFFF; }
  .owl-slide-content_box-border {
    border: 6px solid #FFFFFF;
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    left: 20px;
    top: 20px;
    position: absolute;
    border-color: rgba(255, 255, 255, 0.4) !important; }

.owl-slide-content_border {
  padding: 60px;
  position: relative;
  margin-top: 50%;
  float: right;
  border: 6px solid #FFFFFF;
  border-color: rgba(255, 255, 255, 0.4) !important; }
  .owl-slide-content_border-title {
    font-size: 65px;
    line-height: 1em;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 15px; }
  .owl-slide-content_border-desc {
    color: #FFFFFF; }
    .owl-slide-content_border-desc p {
      color: #FFFFFF; }

.owl-slide-content_boxleft {
  padding: 50% 60px 60px 60px;
  height: 985px; }
  .owl-slide-content_boxleft-title {
    font-size: 65px;
    line-height: 1em;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 15px; }
  .owl-slide-content_boxleft-desc {
    color: #FFFFFF; }
    .owl-slide-content_boxleft-desc p {
      color: #FFFFFF; }

.owl-slide-content_text {
  height: 600px;
  padding-top: 40%; }
  .owl-slide-content_text-title {
    font-size: 65px;
    line-height: 1em;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 15px; }
  .owl-slide-content_text-desc {
    color: #FFFFFF; }
    .owl-slide-content_text-desc p {
      color: #FFFFFF; }

.owl-slide-content_boxsmall {
  height: 985px;
  position: relative; }
  .owl-slide-content_boxsmall-bottom {
    position: absolute;
    padding: 60px 60px 120px 60px;
    bottom: 0; }
  .owl-slide-content_boxsmall-title {
    font-size: 65px;
    line-height: 1em;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 15px; }
  .owl-slide-content_boxsmall-desc {
    color: #FFFFFF; }
    .owl-slide-content_boxsmall-desc p {
      color: #FFFFFF; }

.main-slide {
  position: relative;
  z-index: 0; }
  .main-slide_item {
    position: relative;
    overflow: hidden; }
    .main-slide_item-content {
      padding: 160px 60px;
      position: relative;
      z-index: 0; }
      .main-slide_item-content img {
        width: auto !important;
        display: inline !important; }
      .main-slide_item-content h1 {
        font-weight: 800;
        font-size: 60px;
        letter-spacing: -4px;
        line-height: 1.2em;
        color: #012f61; }
        .main-slide_item-content h1 span {
          color: #7ac8ff; }
    .main-slide_item-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      z-index: -1;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }

.carousel-cell {
  width: 100%;
  min-height: 400px;
  counter-increment: carousel-cell;
  background-color: #f8f8f8;
  background-size: cover;
  background-position: center; }

.carousel-client {
  margin-bottom: 40px; }

.client-cell {
  width: 20%;
  min-height: 200px; }
  .client-cell img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
    .client-cell img:hover {
      -webkit-filter: grayscale(0%);
              filter: grayscale(0%); }

.text-slide-blue {
  color: #00305f; }
  .text-slide-blue span {
    color: #2d79c3; }

.owl-slide-content_text-desc p.text-slide-orange {
  color: #000; }

/* owl slider */
.team-slide.owl-theme .owl-nav {
  margin-top: 10px;
  position: absolute;
  top: 40%;
  width: 100%;
  left: 0px; }

.team-slide.owl-theme .owl-nav .owl-prev {
  float: left; }

.team-slide.owl-theme .owl-nav .owl-next {
  float: right; }

.team-slide.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 20px;
  margin: 5px 15px;
  padding: 0px 12px;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.team-slide.owl-theme .owl-nav [class*=owl-]:hover {
  background: #2d79c4; }

/* == pricing table style  == */
.el-pricing_item {
  padding: 60px 30px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.14);
  margin-left: 0px; }
  .el-pricing_item li {
    list-style: none; }
  .el-pricing_item.active {
    background: #7ac8ff; }

.el-pricing_title {
  letter-spacing: 2px; }

.el-pricing_price {
  font-size: 46px; }
  .el-pricing_price span {
    font-weight: 300; }

.el-pricing_subtitle {
  text-transform: none;
  color: #2d79c4;
  letter-spacing: 2px; }

.el-pricing_desc {
  padding: 30px 60px; }

.el-pricing_text {
  text-align: center;
  padding: 30px 60px; }

.el-pricing_divider {
  border-bottom: 2px solid #eee;
  height: 2px;
  display: block; }

.el-pricing_choice {
  text-align: center;
  margin-top: -48px; }
  .el-pricing_choice a {
    margin: 0px; }
  .el-pricing_choice .button {
    font-weight: 300;
    letter-spacing: 2px; }

.el-pricing_button {
  text-align: center; }

/* ==[ section  - component]== */
.section {
  background: #FFFFFF;
  position: relative;
  /* section slide */
  /* section form cta */
  /* basic section style */ }
  .section-slide_item {
    padding: 90px 60px 60px 60px;
    position: relative;
    overflow: hidden; }
    .section-slide_item-content {
      position: relative;
      z-index: 0; }
      .section-slide_item-content h1 {
        font-weight: 800;
        font-size: 60px;
        letter-spacing: -4px;
        line-height: 1.2em;
        color: #012f61; }
        .section-slide_item-content h1 span {
          color: #7ac8ff; }
    .section-slide_item-bg {
      position: absolute;
      top: 0;
      z-index: -1; }
  .section-form-cta {
    background-color: #2d79c4;
    padding: 30px 0px; }
  .section-header_title {
    font-family: "Montserrat", sans-serif;
    position: relative;
    padding: 0px 0px 10px 0px; }
    .section-header_title h2 {
      font-size: 36px; }
    .section-header_title h3 {
      font-size: 30px; }
  .section-header_subtitle {
    font-size: 18px; }
  .section-header_desc {
    margin-top: 20px; }
  .section-content {
    display: block;
    overflow: hidden; }

/* ==[ block element ]== */
.block {
  /* block service section */
  /* block testimoni section */
  /* block counter section */
  /* block address section */
  /* block partner section */
  /* block newsletter section */
  /* block client section */
  /* block all tabs section */
  /* block showcase */
  /* block divider */
  /* block card */
  /* basic block */ }
  .block-service_item {
    min-height: 250px;
    padding: 30px 30px;
    background-color: #f8f8f8;
    position: relative;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    overflow: hidden; }
    .block-service_item-title h3 {
      font-size: 24px;
      font-family: "Montserrat", sans-serif;
      font-weight: 800;
      line-height: 1.3em;
      color: #2d79c4; }
    .block-service_item-icon {
      font-size: 60px;
      color: #7ac8ff; }
    .block-service_item-bgicon {
      position: absolute;
      top: -30%;
      right: -30%;
      font-size: 200px;
      opacity: 0.1; }
    .block-service_item-desc {
      display: none; }
    .block-service_item .button {
      letter-spacing: 0; }
    .block-service_item:hover, .block-service_item.active {
      background: #012f61; }
      .block-service_item:hover .block-service_item-desc, .block-service_item.active .block-service_item-desc {
        display: block;
        color: #FFFFFF;
        margin-top: 25px; }
      .block-service_item:hover .block-service_item-icon, .block-service_item.active .block-service_item-icon {
        display: none; }
      .block-service_item:hover .block-service_item-bgicon, .block-service_item.active .block-service_item-bgicon {
        opacity: 0.2; }
      .block-service_item:hover h3, .block-service_item.active h3 {
        color: #FFFFFF; }
  .block-testimoni {
    position: relative; }
    .block-testimoni blockquote {
      position: relative;
      padding-left: 95px;
      border: 0px; }
      .block-testimoni blockquote .blockquote-content {
        max-width: 560px;
        font-size: 36px;
        font-family: "Montserrat", sans-serif;
        line-height: 1.2em;
        letter-spacing: -1px;
        color: #012f61;
        margin-bottom: 60px;
        padding-top: 30px;
        font-weight: bold; }
      .block-testimoni blockquote .blockquote-sign {
        font-size: 18px;
        font-family: "Montserrat", sans-serif; }
        .block-testimoni blockquote .blockquote-sign_name {
          font-weight: 800;
          color: #2d79c4; }
        .block-testimoni blockquote .blockquote-sign_position {
          font-weight: 300;
          color: #7ac8ff;
          font-family: "Open Sans", sans-serif; }
      .block-testimoni blockquote .blockquote-icon {
        position: absolute;
        left: 0px;
        top: 18; }
    .block-testimoni .blockquote-image {
      position: absolute;
      bottom: -76px;
      right: 0px; }
  .block-counter_item {
    margin-bottom: 30px; }
    .block-counter_item-counter h3 {
      font-size: 48px;
      font-family: "Montserrat", sans-serif;
      letter-spacing: -3px;
      font-weight: 800;
      color: #2d79c4;
      line-height: 1em;
      padding-top: 1rem; }
    .block-counter_item-title {
      text-transform: uppercase;
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      letter-spacing: 1px; }
    .block-counter_item-icon {
      font-size: 60px; }
  .block-addr_item {
    color: #7ac8ff;
    border-right: 1px solid #2d79c4;
    padding: 60px 30px; }
    .block-addr_item:first-child {
      padding-left: 0.9375rem; }
    .block-addr_item:last-child {
      border-right: 0px; }
    .block-addr_item-city {
      color: #2d79c4; }
      .block-addr_item-city h3 {
        font-size: 24px;
        color: #2d79c4; }
    .block-addr_item-address a {
      color: #ffdb3b; }
  .block-partner {
    margin-bottom: 30px; }
    .block-partner_list-item {
      padding: 0 15px; }
      .block-partner_list-item:first-child {
        padding-left: 0px; }
      .block-partner_list-item h4 {
        font-size: 24px;
        margin: 0 0 0 0;
        line-height: 1em;
        color: #2d79c4; }
      .block-partner_list-item span {
        font-size: 12px; }
  .block-newsletter {
    border-top: 1px dotted #024793;
    padding-top: 30px; }
    .block-newsletter h4 {
      font-size: 24px;
      margin-bottom: 10px;
      color: #2d79c4; }
    .block-newsletter a {
      color: #FFFFFF; }
    .block-newsletter .btn-yellow {
      background-color: #7ac8ff;
      color: #012f61;
      font-family: "Montserrat", sans-serif; }
      .block-newsletter .btn-yellow:hover {
        background-color: #2ea8ff; }
    .block-newsletter .field-text {
      background-color: #012f61;
      border: 0px;
      border-radius: 3px;
      font-size: 14px;
      padding: 15px;
      margin-right: 15px;
      width: 96%;
      color: #7ac8ff; }
      .block-newsletter .field-text::-webkit-input-placeholder {
        /* Chrome */
        color: #7ac8ff; }
      .block-newsletter .field-text:-ms-input-placeholder {
        /* IE 10+ */
        color: #7ac8ff; }
      .block-newsletter .field-text::-moz-placeholder {
        /* Firefox 19+ */
        color: #7ac8ff;
        opacity: 1; }
      .block-newsletter .field-text:-moz-placeholder {
        /* Firefox 4 - 18 */
        color: #7ac8ff;
        opacity: 1; }
    .block-newsletter p.text-small {
      padding-top: 10px; }
  .block-client_item {
    min-width: 20%; }
    .block-client_item-image {
      margin: 0px; }
  .block-tab {
    /* element tabs vertical - */
    /* element tabs collapse - content marketing */
    /* element tabs ppc - ppc */ }
    .block-tab-v .tabs {
      border: 0px;
      background: transparent; }
      .block-tab-v .tabs.vertical .tabs-title a {
        padding: 20px 15px;
        border-bottom: 1px solid #e0f2ff; }
      .block-tab-v .tabs.vertical .tabs-title > a:focus,
      .block-tab-v .tabs.vertical .tabs-title > a:hover {
        background: transparent; }
        .block-tab-v .tabs.vertical .tabs-title > a:focus .badge,
        .block-tab-v .tabs.vertical .tabs-title > a:hover .badge {
          background: #2d79c4; }
      .block-tab-v .tabs.vertical .tabs-title > a[aria-selected='true'] {
        background: #FFFFFF; }
      .block-tab-v .tabs.vertical .tabs-title .badge {
        height: 30px;
        width: 30px;
        margin-top: 6px;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        background: #e0f2ff; }
      .block-tab-v .tabs.vertical .tabs-title.is-active .badge {
        background: #2d79c4; }
      .block-tab-v .tabs.vertical .tabs-title h5 {
        font-size: 18px; }
      .block-tab-v .tabs.vertical .tabs-title p {
        text-transform: none !important;
        font-size: 13px; }
      .block-tab-v .tabs-content.vertical {
        border: 0px;
        border-radius: 3px;
        min-height: 700px;
        -webkit-box-shadow: 0px 0px 100px 0 rgba(0, 0, 0, 0.14);
                box-shadow: 0px 0px 100px 0 rgba(0, 0, 0, 0.14); }
      .block-tab-v .tabs-content .tabs-panel {
        padding: 50px; }
    .block-tab-v_content-title {
      line-height: 1em; }
    .block-tab-v_content-subtitle {
      font-size: 15px; }
    .block-tab-v_cover h3,
    .block-tab-v_cover .block-tab-v_content-title {
      color: #FFFFFF; }
    .block-tab-collapse .tabs-content {
      border: 0px;
      background: #f8f8f8;
      padding: 60px 0px; }
    .block-tab-collapse .tab-collapse-nav {
      background: transparent;
      text-align: center;
      border: 0px; }
      .block-tab-collapse .tab-collapse-nav li {
        display: inline-block; }
        .block-tab-collapse .tab-collapse-nav li .el-title {
          font-family: "Montserrat", sans-serif;
          font-size: 32px;
          font-weight: bold;
          color: #c3c3c3; }
        .block-tab-collapse .tab-collapse-nav li .el-subtitle {
          font-family: "Open Sans", sans-serif;
          text-transform: none;
          font-size: 16px;
          margin-bottom: 5px;
          color: #c3c3c3; }
        .block-tab-collapse .tab-collapse-nav li .el-icon {
          font-size: 32px;
          margin-bottom: 25px; }
        .block-tab-collapse .tab-collapse-nav li.tabs-title {
          float: none; }
          .block-tab-collapse .tab-collapse-nav li.tabs-title a {
            padding: 40px; }
          .block-tab-collapse .tab-collapse-nav li.tabs-title.is-active .el-title {
            color: #012f61; }
          .block-tab-collapse .tab-collapse-nav li.tabs-title.is-active .el-subtitle {
            color: #7ac8ff; }
        .block-tab-collapse .tab-collapse-nav li.tabs-title > a:focus,
        .block-tab-collapse .tab-collapse-nav li.tabs-title > a[aria-selected="true"] {
          background: #f8f8f8; }
    .block-tab-ppc {
      border: 0px; }
      .block-tab-ppc.--case-study .tabs-title {
        width: calc(100% / 3); }
      .block-tab-ppc ul.tabs {
        border: 0px; }
      .block-tab-ppc .tabs-title {
        width: calc(100% / 6);
        border-bottom: 3px solid #cbeeff;
        position: relative; }
        .block-tab-ppc .tabs-title > a:focus,
        .block-tab-ppc .tabs-title > a[aria-selected='true'] {
          background: transparent; }
        .block-tab-ppc .tabs-title.is-active {
          border-bottom: 3px solid #2d79c3; }
          .block-tab-ppc .tabs-title.is-active:after {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(45, 121, 195, 0);
            border-top-color: #2d79c3;
            border-width: 10px;
            margin-left: -10px; }
      .block-tab-ppc .tabs-content {
        border: 0px; }
      .block-tab-ppc .ppc-tab_content {
        border: 0px;
        background: transparent; }
      .block-tab-ppc .ppc-tab_nav {
        background: transparent;
        text-align: center;
        border: 0px; }
    .block-tab-wizard .tabs-content {
      border: 0px;
      background: transparent;
      padding: 0px 0px; }
      .block-tab-wizard .tabs-content .tabs-panel {
        padding: 0; }
    .block-tab-wizard .tab-wizard-nav {
      background: transparent;
      text-align: center;
      border: 0px;
      position: relative; }
      .block-tab-wizard .tab-wizard-nav li {
        display: inline-block;
        float: none;
        position: relative; }
        .block-tab-wizard .tab-wizard-nav li.tabs-title > a:focus,
        .block-tab-wizard .tab-wizard-nav li.tabs-title > a[aria-selected="true"] {
          background: transparent; }
        .block-tab-wizard .tab-wizard-nav li.tabs-title:before {
          content: ' ';
          position: absolute;
          left: 0;
          width: 50%;
          height: 2px;
          border-bottom: 1px solid #ededed;
          top: 13px;
          z-index: 1; }
        .block-tab-wizard .tab-wizard-nav li.tabs-title:after {
          content: ' ';
          position: absolute;
          right: 0;
          width: 50%;
          height: 2px;
          border-bottom: 1px solid #ededed;
          top: 13px;
          z-index: 1; }
        .block-tab-wizard .tab-wizard-nav li.tabs-title:first-child:before {
          border: 0px; }
        .block-tab-wizard .tab-wizard-nav li.tabs-title:last-child:after {
          border: 0px; }
        .block-tab-wizard .tab-wizard-nav li.tabs-title > a {
          text-align: center;
          position: relative;
          padding-top: 45px; }
          .block-tab-wizard .tab-wizard-nav li.tabs-title > a:before {
            position: absolute;
            content: '';
            width: 10px;
            height: 10px;
            background: #ededed;
            border-radius: 10px;
            top: 10px;
            margin-left: -5px;
            z-index: 2; }
          .block-tab-wizard .tab-wizard-nav li.tabs-title > a:focus {
            background: transparent; }
          .block-tab-wizard .tab-wizard-nav li.tabs-title > a[aria-selected='true'] {
            background: transparent; }
            .block-tab-wizard .tab-wizard-nav li.tabs-title > a[aria-selected='true'] h3 {
              line-height: 1.2em;
              font-size: 20px;
              padding-top: 30px; }
            .block-tab-wizard .tab-wizard-nav li.tabs-title > a[aria-selected='true']:before {
              position: absolute;
              content: '';
              width: 10px;
              height: 10px;
              background: #012f61;
              border-radius: 10px;
              top: 10px;
              margin-left: -5px;
              z-index: 2; }
          .block-tab-wizard .tab-wizard-nav li.tabs-title > a h3 {
            font-size: 20px;
            line-height: 1.2em;
            color: #ccc;
            padding-top: 30px; }
            .block-tab-wizard .tab-wizard-nav li.tabs-title > a h3 span {
              display: block;
              font-size: 14px;
              letter-spacing: 1px; }
  .block-showcase_item {
    position: relative;
    padding: 60px; }
    .block-showcase_item h4 {
      letter-spacing: -2.5x; }
  .block .divider {
    width: 20px;
    height: 1px;
    border-top: 1px solid #2d79c4;
    position: relative;
    margin: 0 auto; }
  .block-card-simple_item {
    background: #e0f2ff;
    margin: 10px;
    float: left;
    width: 28%;
    padding: 15px 15px 25px 15px; }
  .block-card-simple_title {
    font-size: 18px;
    letter-spacing: 0px; }
  .block-card-simple_desc {
    font-size: 13px;
    font-weight: 300; }
  .block-item_title {
    font-size: 24px; }
  .block-item_subtitle {
    font-size: 14px; }
  .block-item_desc {
    font-size: 16px; }
  .block-item_icon {
    font-size: 48px;
    padding: 15px; }
  .block-item_number h3 {
    font-size: 48px;
    color: #2d79c4;
    padding: 15px; }

/* block form basic */
.form .field-input_text {
  border-radius: 3px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 14px;
  padding: 20px; }

.form.form-inline input,
.form.form-inline button {
  margin-bottom: 0px; }

/* block career */
.career-item_header-title {
  font-size: 24px;
  float: left;
  padding: 25px;
  background: #f8f8f8; }
  .career-item_header-title h3 {
    margin: 0px;
    line-height: 1em; }

.career-item_header-sosmed {
  padding: 21px;
  line-height: 24px;
  float: left; }
  .career-item_header-sosmed .menu > li > a {
    padding: 10px; }

.career-item_header-button {
  cursor: pointer;
  float: right;
  padding: 25px 0px 25px 25px; }

.career-item_footer {
  background: #f8f8f8;
  padding: 25px; }

.career-item_content {
  padding: 40px;
  border-top: 2px solid #f8f8f8;
  display: none; }
  .career-item_content.active {
    display: block; }

.block {
  /* block expert */
  /* block process */ }
  .block-expert {
    padding: 40px 40px;
    position: relative; }
    .block-expert .el-desc {
      /*max-width: 50%;*/ }
    .block-expert ul.menu li:first-child a {
      padding-left: 0px; }
    .block-expert_featured {
      position: absolute;
      bottom: 0;
      right: 30px; }
    .block-expert_partner {
      padding: 40px 40px;
      position: relative; }
  .block-process_item {
    padding: 60px 0px;
    overflow: visible;
    position: relative; }
    .block-process_item:first-child .el-number:before {
      background: transparent; }
    .block-process_item:last-child .el-number:after {
      background: transparent; }
    .block-process_item.is-active, .block-process_item:hover {
      cursor: pointer;
      background: #FFFFFF; }
      .block-process_item.is-active .el-number:before, .block-process_item.is-active .el-number:after, .block-process_item:hover .el-number:before, .block-process_item:hover .el-number:after {
        background: transparent; }
      .block-process_item.is-active .block-process_item-content, .block-process_item:hover .block-process_item-content {
        visibility: hidden; }
      .block-process_item.is-active .block-process_item-hover, .block-process_item:hover .block-process_item-hover {
        display: block; }
    .block-process_item-content .el-number {
      position: relative; }
      .block-process_item-content .el-number:before {
        content: ' ';
        height: 3px;
        width: 40%;
        background: #2d79c4;
        position: absolute;
        left: -15px;
        top: 50%; }
      .block-process_item-content .el-number:after {
        content: ' ';
        height: 3px;
        width: 40%;
        background: #2d79c4;
        position: absolute;
        right: -15px;
        top: 50%; }
    .block-process_item-content .el-icon {
      background: #FFFFFF;
      /* padding: 50px; */
      /* margin: 60px; */
      border-radius: 50%;
      font-size: 45px;
      height: 150px;
      width: 150px;
      line-height: 150px;
      /* padding: 30px; */
      margin: 0 auto; }
    .block-process_item-hover {
      display: none;
      padding: 50px 0px;
      position: absolute;
      top: 0;
      width: 100%;
      background: #FFFFFF;
      -webkit-box-shadow: 1px 2px 10px -1px #ccc;
              box-shadow: 1px 2px 10px -1px #ccc;
      z-index: 5; }

blockquote.quote-center {
  border-left: 0px; }

/* elements */
.content-service_item {
  height: 230px;
  background: #f8f8f8;
  text-align: center;
  margin-top: 10px; }
  .content-service_item h5 {
    font-size: 1rem;
    letter-spacing: -1px; }
  .content-service_item .el-icon {
    margin-bottom: 30px; }
  .content-service_item.active {
    background: #fff;
    -webkit-box-shadow: 1px 2px 10px -1px #ccc;
            box-shadow: 1px 2px 10px -1px #ccc; }
  .content-service_item:hover {
    background: #fff;
    -webkit-box-shadow: 1px 2px 10px -1px #ccc;
            box-shadow: 1px 2px 10px -1px #ccc;
    cursor: pointer; }

/* element collapse accrodion */
.ls-collapse.accordion li {
  margin-bottom: 15px; }
  .ls-collapse.accordion li .accordion-title {
    position: relative;
    display: block;
    padding: 0rem;
    padding-bottom: 5px;
    border: 0px solid #e6e6e6;
    border-bottom: 0;
    font-size: 1rem;
    letter-spacing: 0;
    background: transparent; }
    .ls-collapse.accordion li .accordion-title:hover, .ls-collapse.accordion li .accordion-title:focus {
      background: transparent; }
  .ls-collapse.accordion li .accordion-content {
    padding: 0px;
    padding-top: 5px;
    padding-right: 15px;
    border: 0px;
    border-bottom: 0;
    background-color: transparent;
    margin-bottom: 15px; }

.ls-content-book {
  position: relative; }
  .ls-content-book:hover > .ls-content-book_hover {
    display: block; }
  .ls-content-book_hover {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    background: rgba(45, 121, 196, 0.8);
    height: 100%;
    top: 0;
    width: 100%; }
    .ls-content-book_hover-content {
      position: absolute;
      width: 100%;
      height: 100%;
      vertical-align: middle;
      top: 45%; }

/* == [single post / page] == */
.single-header {
  background: #012f61;
  position: relative;
  overflow: hidden;
  z-index: -1; }
  .single-header .breadcrumbs li {
    color: #fff; }
  .single-header .single-title h1 {
    color: #FFFFFF; }
  .single-header .bg-overlay {
    background-color: rgba(1, 47, 97, 0.6);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0; }
  .single-header .bg-section {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: -2;
    top: 0; }
  .single-header-post {
    background: #012f61;
    position: relative;
    overflow: hidden;
    color: #FFFFFF;
    z-index: -1; }
    .single-header-post .breadcrumbs li {
      color: #fff; }
    .single-header-post .bg-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: -1;
      top: 0; }
    .single-header-post .bg-section {
      position: absolute;
      width: 100%;
      height: auto;
      z-index: -2;
      top: 0px; }
    .single-header-post .single-post-title h1 {
      color: #FFFFFF; }
    .single-header-post .single-post-title a {
      color: #7ac8ff; }
    .single-header-post .single-post-title .menu > li a {
      padding: 0.7rem 0.7rem; }
    .single-header-post .single-post-title .menu > li:first-child > a {
      padding-left: 0px; }
    .single-header-post .single-post-title .meta-author p, .single-header-post .single-post-title .meta-author span, .single-header-post .single-post-title .meta-author a {
      font-size: 14px; }

.single-content_post {
  padding: 30px;
  background: #FFFFFF; }

.single-content_postnav .callout {
  border: 0px;
  padding: 1rem 2rem;
  position: relative; }

.single-content_postnav a {
  padding: 0 15px;
  color: #012f61; }
  .single-content_postnav a.-prev .callout, .single-content_postnav a.-next .callout {
    background-color: #FFFFFF;
    color: #012f61; }
  .single-content_postnav a.-next:hover .callout, .single-content_postnav a.-prev:hover .callout {
    color: #FFFFFF;
    background-color: #012f61; }
    .single-content_postnav a.-next:hover .callout .-title, .single-content_postnav a.-prev:hover .callout .-title {
      color: #FFFFFF;
      letter-spacing: 0px; }
  .single-content_postnav a.-prev .callout:before {
    right: 95%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #88b7d5;
    border-width: 10px;
    margin-top: -10px; }
  .single-content_postnav a.-prev .callout:hover:before {
    border-right-color: #fde428; }
  .single-content_postnav a.-next .callout:after {
    left: 95%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #88b7d5;
    border-width: 10px;
    margin-top: -10px; }
  .single-content_postnav a.-next .callout:hover:after {
    border-left-color: #fde428; }

.single-content_postnav p {
  white-space: nowrap; }

.single-content_postnav .-title {
  letter-spacing: 0px; }

/* meta page */
.meta-author {
  position: relative; }

.meta-tags_title {
  font-weight: bold;
  display: inline-block; }

.meta-tags_icon {
  display: inline-block;
  color: #012f61;
  padding: 0.5rem; }

.meta-tags_list {
  display: inline-block; }
  .meta-tags_list a {
    padding: 0px 0.3rem; }

/* box post loop */
.box {
  position: relative; }
  .box-content {
    position: relative;
    z-index: 3;
    padding: 35px;
    color: #FFFFFF; }
  .box-meta-cat {
    font-size: 11px; }
  .box-meta-title {
    max-width: 60%; }
    .box-meta-title h3 {
      font-size: 30px;
      line-height: 1.2em; }
  .box-sosmed {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 3; }
  .box-bg-overlay {
    background-color: rgba(1, 47, 97, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0; }
  .box-bg-image {
    position: absolute;
    height: 100%;
    z-index: 1;
    top: 0; }
    .box-bg-image img {
      height: 100%; }
  .box-card {
    position: relative; }
    .box-card .card {
      position: relative; }
      .box-card .card-category {
        position: absolute;
        z-index: 3;
        top: 10px;
        left: 10px;
        font-size: 11px;
        color: #FFFFFF;
        font-weight: bold; }
        .box-card .card-category a {
          color: #FFFFFF; }
    .box-card .meta-share {
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: 3;
      font-size: 16px; }
      .box-card .meta-share a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: rgba(204, 204, 204, 0.2);
        display: inline-block;
        text-align: center;
        border-radius: 20px;
        color: rgba(204, 204, 204, 0.4); }
        .box-card .meta-share a:hover {
          color: #cccccc; }

/* sidebar */
.sidebar aside {
  padding: 30px 30px 30px 30px; }

/* widget */
.widget {
  border-bottom: 1px solid #012f61;
  background: #FFFFFF; }
  .widget-content .list-subtitle {
    color: #767676;
    font-size: 12px; }
    .widget-content .list-subtitle a {
      color: #767676; }
  .widget-content h4 {
    font-size: 1rem;
    line-height: 1.3em;
    letter-spacing: 0px; }
  .widget-content .article-meta {
    font-size: 12px; }
  .widget.widget-follow {
    background: #012f61; }
    .widget.widget-follow .widget-content {
      color: #ffffff; }
      .widget.widget-follow .widget-content .follow-title {
        margin-right: 15px;
        float: left;
        line-height: 35px; }

/* team slide */
.team-slide {
  -webkit-box-shadow: 0px 0px 20px 0px #ccc;
          box-shadow: 0px 0px 20px 0px #ccc;
  border-radius: 3px; }
  .team-slide_title, .team-slide_name {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #012f61; }
  .team-slide_email i, .team-slide_phone i {
    color: #012f61; }
  .team-slide_thumb {
    margin-bottom: 30px; }

/* panel  - callout */
.callout {
  overflow: hidden; }
  .callout.bgimage {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #999; }
  .callout.-shadow {
    -webkit-box-shadow: 0px 0px 10px 0px #dadada;
            box-shadow: 0px 0px 10px 0px #dadada; }

/* .breadcrumbs */
.breadcrumbs li {
  color: #FFFFFF;
  text-transform: capitalize; }
  .breadcrumbs li a {
    color: #2d79c4;
    text-transform: capitalize; }

/* contact page */
/* contact box */
#contactBox {
  margin-top: -120px;
  position: relative;
  z-index: 4;
  background: #FFFFFF; }

.contact-box {
  padding: 30px 0px; }
  .contact-box_icon {
    background: #fde428;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px;
    position: relative;
    margin: 0 auto;
    margin-top: -60px;
    margin-bottom: 25px; }

.contact-form .form-field label {
  text-transform: uppercase;
  color: #2d79c4; }
  .contact-form .form-field label .required {
    color: red; }

.contact-form .form-field input, .contact-form .form-field textarea {
  border: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #ccc;
  padding: 25px 0px;
  font-size: 26px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: -1px;
  color: #012f61; }
  .contact-form .form-field input::-webkit-input-placeholder, .contact-form .form-field textarea::-webkit-input-placeholder {
    font-size: 26px;
    color: #CCC;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    letter-spacing: -1px; }
  .contact-form .form-field input:-ms-input-placeholder, .contact-form .form-field textarea:-ms-input-placeholder {
    font-size: 26px;
    color: #CCC;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    letter-spacing: -1px; }
  .contact-form .form-field input::placeholder, .contact-form .form-field textarea::placeholder {
    font-size: 26px;
    color: #CCC;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    letter-spacing: -1px; }

.contact-form .form-field textarea {
  min-height: 200px;
  text-align: left;
  padding: 30px;
  margin-top: 15px; }

.contact-form .fieldset {
  padding: 0px;
  margin: 0px;
  border: 0px; }
  .contact-form .fieldset legend {
    margin-bottom: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    color: #2d79c4; }
    .contact-form .fieldset legend .required {
      color: red; }
  .contact-form .fieldset-list {
    overflow: hidden;
    margin-left: 0px; }
    .contact-form .fieldset-list li {
      list-style: none;
      float: left;
      width: 33.33333%;
      padding-right: 0.9375rem;
      padding-left: 0rem; }

/* ==[ footer ]== */
.footer {
  color: #7ac8ff; }
  .footer-big {
    padding-top: 60px;
    padding-bottom: 30px;
    margin-bottom: 100vh; }
  .footer-simple {
    padding-bottom: 30px;
    color: #7ac8ff; }
    .footer-simple .footer-bottom {
      border-top: 0px;
      margin-top: 0px; }
  .footer-bottom {
    border-top: 1px dotted #024793;
    margin-top: 30px;
    padding-top: 30px; }
  .footer-copyright {
    font-size: 12px; }
  .footer-nav a {
    font-size: 12px; }
  .footer-nav_icon .menu > li > a {
    padding: 0px 0.4rem; }
  .footer-nav .menu > li > a {
    margin-top: 3px;
    padding: 0px 0.7rem 0px 0.7rem;
    border-right: 1px solid #046ee3;
    line-height: 1em; }
  .footer-nav .menu > li:last-child > a {
    border-right: 0px; }
  .footer-nav_icon {
    font-size: 12px; }
  .footer-extend {
    background-color: #012f61;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    padding-top: 35vh;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: -2; }
    .footer-extend_title {
      font-size: 54px;
      font-family: "Montserrat", sans-serif;
      letter-spacing: -3px;
      color: #7ac8ff; }

#gotop {
  position: absolute;
  bottom: 60px;
  font-size: 60px;
  z-index: 1;
  width: 100%;
  text-align: center; }

.hashtag {
  background: #7ac8ff;
  padding: 5px 30px;
  display: inline-block;
  margin: 0 auto;
  color: #FFFFFF;
  font-size: 36px;
  margin-top: 15px;
  border-radius: 3px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -2px; }

/*== global modifier ==*/
/* box shadow */
.box-shadow {
  -webkit-box-shadow: 14px 0px 38px 12px #eee;
          box-shadow: 14px 0px 38px 12px #eee; }
  .box-shadow img {
    border-radius: 3px; }

/* restyle f */
.tabs-content,
.tabs {
  background: transparent; }

.tabs-content.bg-white,
.tabs.bg-white {
  background-color: #FFFFFF; }

.block-tab-ppc.--case-study ul.tabs {
  width: 600px;
  margin: 0 auto; }

.off-canvas {
  background-color: #012f61; }
  .off-canvas .close-button:hover, .off-canvas .close-button:focus {
    color: #FFFFFF; }
  .off-canvas .menu.vertical > li {
    padding: 5px; }

/* == helper style  == */
/* global opacity div */
.opacity-01 {
  opacity: 0.1; }

.opacity-02 {
  opacity: 0.2; }

.opacity-03 {
  opacity: 0.3; }

.opacity-04 {
  opacity: 0.4; }

.opacity-05 {
  opacity: 0.5; }

.opacity-06 {
  opacity: 0.6; }

.opacity-07 {
  opacity: 0.7; }

.opacity-08 {
  opacity: 0.8; }

.opacity-09 {
  opacity: 0.9; }

/* background */
.bg--white {
  background-color: #FFFFFF; }

.bg--grey {
  background-color: #f8f8f8; }

.bg--blue {
  background-color: #2d79c4; }

.bg--darkblue {
  background-color: #012f61; }

.bg--primary {
  background-color: #002042; }

/* no-space */
.no-margin {
  margin: 0px !important; }

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

.no-border {
  border: 0px; }

/* text */
.text-normal {
  text-transform: none;
  font-size: 1rem; }

.text-uppercase {
  text-transform: uppercase; }

.text-middle {
  font-size: 14px; }

.text-small {
  font-size: 12px; }

.text-blue {
  color: #7ac8ff; }

.text-bluemid {
  color: #2d79c4; }

.text-bluedark {
  color: #012f61; }

.text-underline {
  text-decoration: underline; }
  .text-underline a {
    text-decoration: underline; }

.text-white {
  color: #FFFFFF !important; }

.text-box a {
  background-color: #012f61;
  color: #FFFFFF;
  padding: 10px 15px;
  line-height: 1.8em; }

/* padding */
.p-t-0 {
  padding-top: 0px !important; }

.p-r-0 {
  padding-right: 0px !important; }

.p-b-0 {
  padding-bottom: 0px !important; }

.p-l-0 {
  padding-left: 0px !important; }

.p-0 {
  padding: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-r-5 {
  padding-right: 5px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-l-5 {
  padding-left: 5px !important; }

.p-5 {
  padding: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-r-10 {
  padding-right: 10px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-l-10 {
  padding-left: 10px !important; }

.p-10 {
  padding: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-r-15 {
  padding-right: 15px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-l-15 {
  padding-left: 15px !important; }

.p-15 {
  padding: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-r-20 {
  padding-right: 20px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-l-20 {
  padding-left: 20px !important; }

.p-20 {
  padding: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-r-25 {
  padding-right: 25px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-l-25 {
  padding-left: 25px !important; }

.p-25 {
  padding: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-r-30 {
  padding-right: 30px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-l-30 {
  padding-left: 30px !important; }

.p-30 {
  padding: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-r-35 {
  padding-right: 35px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-l-35 {
  padding-left: 35px !important; }

.p-35 {
  padding: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-r-40 {
  padding-right: 40px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-l-40 {
  padding-left: 40px !important; }

.p-40 {
  padding: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-r-45 {
  padding-right: 45px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-l-45 {
  padding-left: 45px !important; }

.p-45 {
  padding: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

.p-r-50 {
  padding-right: 50px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

.p-l-50 {
  padding-left: 50px !important; }

.p-50 {
  padding: 50px !important; }

.p-t-55 {
  padding-top: 55px !important; }

.p-r-55 {
  padding-right: 55px !important; }

.p-b-55 {
  padding-bottom: 55px !important; }

.p-l-55 {
  padding-left: 55px !important; }

.p-55 {
  padding: 55px !important; }

.p-t-60 {
  padding-top: 60px !important; }

.p-r-60 {
  padding-right: 60px !important; }

.p-b-60 {
  padding-bottom: 60px !important; }

.p-l-60 {
  padding-left: 60px !important; }

.p-60 {
  padding: 60px !important; }

.p-t-65 {
  padding-top: 65px !important; }

.p-r-65 {
  padding-right: 65px !important; }

.p-b-65 {
  padding-bottom: 65px !important; }

.p-l-65 {
  padding-left: 65px !important; }

.p-65 {
  padding: 65px !important; }

.p-t-70 {
  padding-top: 70px !important; }

.p-r-70 {
  padding-right: 70px !important; }

.p-b-70 {
  padding-bottom: 70px !important; }

.p-l-70 {
  padding-left: 70px !important; }

.p-70 {
  padding: 70px !important; }

.p-t-75 {
  padding-top: 75px !important; }

.p-r-75 {
  padding-right: 75px !important; }

.p-b-75 {
  padding-bottom: 75px !important; }

.p-l-75 {
  padding-left: 75px !important; }

.p-75 {
  padding: 75px !important; }

.p-t-80 {
  padding-top: 80px !important; }

.p-r-80 {
  padding-right: 80px !important; }

.p-b-80 {
  padding-bottom: 80px !important; }

.p-l-80 {
  padding-left: 80px !important; }

.p-80 {
  padding: 80px !important; }

.p-t-85 {
  padding-top: 85px !important; }

.p-r-85 {
  padding-right: 85px !important; }

.p-b-85 {
  padding-bottom: 85px !important; }

.p-l-85 {
  padding-left: 85px !important; }

.p-85 {
  padding: 85px !important; }

.p-t-90 {
  padding-top: 90px !important; }

.p-r-90 {
  padding-right: 90px !important; }

.p-b-90 {
  padding-bottom: 90px !important; }

.p-l-90 {
  padding-left: 90px !important; }

.p-90 {
  padding: 90px !important; }

.p-t-95 {
  padding-top: 95px !important; }

.p-r-95 {
  padding-right: 95px !important; }

.p-b-95 {
  padding-bottom: 95px !important; }

.p-l-95 {
  padding-left: 95px !important; }

.p-95 {
  padding: 95px !important; }

.p-t-100 {
  padding-top: 100px !important; }

.p-r-100 {
  padding-right: 100px !important; }

.p-b-100 {
  padding-bottom: 100px !important; }

.p-l-100 {
  padding-left: 100px !important; }

.p-100 {
  padding: 100px !important; }

.p-t-105 {
  padding-top: 105px !important; }

.p-r-105 {
  padding-right: 105px !important; }

.p-b-105 {
  padding-bottom: 105px !important; }

.p-l-105 {
  padding-left: 105px !important; }

.p-105 {
  padding: 105px !important; }

.p-t-110 {
  padding-top: 110px !important; }

.p-r-110 {
  padding-right: 110px !important; }

.p-b-110 {
  padding-bottom: 110px !important; }

.p-l-110 {
  padding-left: 110px !important; }

.p-110 {
  padding: 110px !important; }

.p-t-115 {
  padding-top: 115px !important; }

.p-r-115 {
  padding-right: 115px !important; }

.p-b-115 {
  padding-bottom: 115px !important; }

.p-l-115 {
  padding-left: 115px !important; }

.p-115 {
  padding: 115px !important; }

.p-t-120 {
  padding-top: 120px !important; }

.p-r-120 {
  padding-right: 120px !important; }

.p-b-120 {
  padding-bottom: 120px !important; }

.p-l-120 {
  padding-left: 120px !important; }

.p-120 {
  padding: 120px !important; }

.p-t-125 {
  padding-top: 125px !important; }

.p-r-125 {
  padding-right: 125px !important; }

.p-b-125 {
  padding-bottom: 125px !important; }

.p-l-125 {
  padding-left: 125px !important; }

.p-125 {
  padding: 125px !important; }

.p-t-130 {
  padding-top: 130px !important; }

.p-r-130 {
  padding-right: 130px !important; }

.p-b-130 {
  padding-bottom: 130px !important; }

.p-l-130 {
  padding-left: 130px !important; }

.p-130 {
  padding: 130px !important; }

.p-t-135 {
  padding-top: 135px !important; }

.p-r-135 {
  padding-right: 135px !important; }

.p-b-135 {
  padding-bottom: 135px !important; }

.p-l-135 {
  padding-left: 135px !important; }

.p-135 {
  padding: 135px !important; }

.p-t-140 {
  padding-top: 140px !important; }

.p-r-140 {
  padding-right: 140px !important; }

.p-b-140 {
  padding-bottom: 140px !important; }

.p-l-140 {
  padding-left: 140px !important; }

.p-140 {
  padding: 140px !important; }

.p-t-145 {
  padding-top: 145px !important; }

.p-r-145 {
  padding-right: 145px !important; }

.p-b-145 {
  padding-bottom: 145px !important; }

.p-l-145 {
  padding-left: 145px !important; }

.p-145 {
  padding: 145px !important; }

.p-t-150 {
  padding-top: 150px !important; }

.p-r-150 {
  padding-right: 150px !important; }

.p-b-150 {
  padding-bottom: 150px !important; }

.p-l-150 {
  padding-left: 150px !important; }

.p-150 {
  padding: 150px !important; }

.p-t-155 {
  padding-top: 155px !important; }

.p-r-155 {
  padding-right: 155px !important; }

.p-b-155 {
  padding-bottom: 155px !important; }

.p-l-155 {
  padding-left: 155px !important; }

.p-155 {
  padding: 155px !important; }

.p-t-160 {
  padding-top: 160px !important; }

.p-r-160 {
  padding-right: 160px !important; }

.p-b-160 {
  padding-bottom: 160px !important; }

.p-l-160 {
  padding-left: 160px !important; }

.p-160 {
  padding: 160px !important; }

.p-t-165 {
  padding-top: 165px !important; }

.p-r-165 {
  padding-right: 165px !important; }

.p-b-165 {
  padding-bottom: 165px !important; }

.p-l-165 {
  padding-left: 165px !important; }

.p-165 {
  padding: 165px !important; }

.p-t-170 {
  padding-top: 170px !important; }

.p-r-170 {
  padding-right: 170px !important; }

.p-b-170 {
  padding-bottom: 170px !important; }

.p-l-170 {
  padding-left: 170px !important; }

.p-170 {
  padding: 170px !important; }

.p-t-175 {
  padding-top: 175px !important; }

.p-r-175 {
  padding-right: 175px !important; }

.p-b-175 {
  padding-bottom: 175px !important; }

.p-l-175 {
  padding-left: 175px !important; }

.p-175 {
  padding: 175px !important; }

.p-t-180 {
  padding-top: 180px !important; }

.p-r-180 {
  padding-right: 180px !important; }

.p-b-180 {
  padding-bottom: 180px !important; }

.p-l-180 {
  padding-left: 180px !important; }

.p-180 {
  padding: 180px !important; }

.p-t-185 {
  padding-top: 185px !important; }

.p-r-185 {
  padding-right: 185px !important; }

.p-b-185 {
  padding-bottom: 185px !important; }

.p-l-185 {
  padding-left: 185px !important; }

.p-185 {
  padding: 185px !important; }

.p-t-190 {
  padding-top: 190px !important; }

.p-r-190 {
  padding-right: 190px !important; }

.p-b-190 {
  padding-bottom: 190px !important; }

.p-l-190 {
  padding-left: 190px !important; }

.p-190 {
  padding: 190px !important; }

.p-t-195 {
  padding-top: 195px !important; }

.p-r-195 {
  padding-right: 195px !important; }

.p-b-195 {
  padding-bottom: 195px !important; }

.p-l-195 {
  padding-left: 195px !important; }

.p-195 {
  padding: 195px !important; }

.p-t-200 {
  padding-top: 200px !important; }

.p-r-200 {
  padding-right: 200px !important; }

.p-b-200 {
  padding-bottom: 200px !important; }

.p-l-200 {
  padding-left: 200px !important; }

.p-200 {
  padding: 200px !important; }

.p-t-205 {
  padding-top: 205px !important; }

.p-r-205 {
  padding-right: 205px !important; }

.p-b-205 {
  padding-bottom: 205px !important; }

.p-l-205 {
  padding-left: 205px !important; }

.p-205 {
  padding: 205px !important; }

.p-t-210 {
  padding-top: 210px !important; }

.p-r-210 {
  padding-right: 210px !important; }

.p-b-210 {
  padding-bottom: 210px !important; }

.p-l-210 {
  padding-left: 210px !important; }

.p-210 {
  padding: 210px !important; }

.p-t-215 {
  padding-top: 215px !important; }

.p-r-215 {
  padding-right: 215px !important; }

.p-b-215 {
  padding-bottom: 215px !important; }

.p-l-215 {
  padding-left: 215px !important; }

.p-215 {
  padding: 215px !important; }

.p-t-220 {
  padding-top: 220px !important; }

.p-r-220 {
  padding-right: 220px !important; }

.p-b-220 {
  padding-bottom: 220px !important; }

.p-l-220 {
  padding-left: 220px !important; }

.p-220 {
  padding: 220px !important; }

.p-t-225 {
  padding-top: 225px !important; }

.p-r-225 {
  padding-right: 225px !important; }

.p-b-225 {
  padding-bottom: 225px !important; }

.p-l-225 {
  padding-left: 225px !important; }

.p-225 {
  padding: 225px !important; }

.p-t-230 {
  padding-top: 230px !important; }

.p-r-230 {
  padding-right: 230px !important; }

.p-b-230 {
  padding-bottom: 230px !important; }

.p-l-230 {
  padding-left: 230px !important; }

.p-230 {
  padding: 230px !important; }

.p-t-235 {
  padding-top: 235px !important; }

.p-r-235 {
  padding-right: 235px !important; }

.p-b-235 {
  padding-bottom: 235px !important; }

.p-l-235 {
  padding-left: 235px !important; }

.p-235 {
  padding: 235px !important; }

.p-t-240 {
  padding-top: 240px !important; }

.p-r-240 {
  padding-right: 240px !important; }

.p-b-240 {
  padding-bottom: 240px !important; }

.p-l-240 {
  padding-left: 240px !important; }

.p-240 {
  padding: 240px !important; }

.p-t-245 {
  padding-top: 245px !important; }

.p-r-245 {
  padding-right: 245px !important; }

.p-b-245 {
  padding-bottom: 245px !important; }

.p-l-245 {
  padding-left: 245px !important; }

.p-245 {
  padding: 245px !important; }

/* margin */
.m-t-0 {
  margin-top: 0px !important; }

.m-r-0 {
  margin-right: 0px !important; }

.m-b-0 {
  margin-bottom: 0px !important; }

.m-l-0 {
  margin-left: 0px !important; }

.m-0 {
  margin: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-r-5 {
  margin-right: 5px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-5 {
  margin: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-10 {
  margin: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-r-15 {
  margin-right: 15px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-15 {
  margin: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-20 {
  margin: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-r-25 {
  margin-right: 25px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-25 {
  margin: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-r-30 {
  margin-right: 30px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-30 {
  margin: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-r-35 {
  margin-right: 35px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-35 {
  margin: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-r-40 {
  margin-right: 40px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-40 {
  margin: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-r-45 {
  margin-right: 45px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-45 {
  margin: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

.m-r-50 {
  margin-right: 50px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

.m-l-50 {
  margin-left: 50px !important; }

.m-50 {
  margin: 50px !important; }

.m-t-55 {
  margin-top: 55px !important; }

.m-r-55 {
  margin-right: 55px !important; }

.m-b-55 {
  margin-bottom: 55px !important; }

.m-l-55 {
  margin-left: 55px !important; }

.m-55 {
  margin: 55px !important; }

.m-t-60 {
  margin-top: 60px !important; }

.m-r-60 {
  margin-right: 60px !important; }

.m-b-60 {
  margin-bottom: 60px !important; }

.m-l-60 {
  margin-left: 60px !important; }

.m-60 {
  margin: 60px !important; }

.m-t-65 {
  margin-top: 65px !important; }

.m-r-65 {
  margin-right: 65px !important; }

.m-b-65 {
  margin-bottom: 65px !important; }

.m-l-65 {
  margin-left: 65px !important; }

.m-65 {
  margin: 65px !important; }

.m-t-70 {
  margin-top: 70px !important; }

.m-r-70 {
  margin-right: 70px !important; }

.m-b-70 {
  margin-bottom: 70px !important; }

.m-l-70 {
  margin-left: 70px !important; }

.m-70 {
  margin: 70px !important; }

.m-t-75 {
  margin-top: 75px !important; }

.m-r-75 {
  margin-right: 75px !important; }

.m-b-75 {
  margin-bottom: 75px !important; }

.m-l-75 {
  margin-left: 75px !important; }

.m-75 {
  margin: 75px !important; }

.m-t-80 {
  margin-top: 80px !important; }

.m-r-80 {
  margin-right: 80px !important; }

.m-b-80 {
  margin-bottom: 80px !important; }

.m-l-80 {
  margin-left: 80px !important; }

.m-80 {
  margin: 80px !important; }

.m-t-85 {
  margin-top: 85px !important; }

.m-r-85 {
  margin-right: 85px !important; }

.m-b-85 {
  margin-bottom: 85px !important; }

.m-l-85 {
  margin-left: 85px !important; }

.m-85 {
  margin: 85px !important; }

.m-t-90 {
  margin-top: 90px !important; }

.m-r-90 {
  margin-right: 90px !important; }

.m-b-90 {
  margin-bottom: 90px !important; }

.m-l-90 {
  margin-left: 90px !important; }

.m-90 {
  margin: 90px !important; }

.m-t-95 {
  margin-top: 95px !important; }

.m-r-95 {
  margin-right: 95px !important; }

.m-b-95 {
  margin-bottom: 95px !important; }

.m-l-95 {
  margin-left: 95px !important; }

.m-95 {
  margin: 95px !important; }

.m-t-100 {
  margin-top: 100px !important; }

.m-r-100 {
  margin-right: 100px !important; }

.m-b-100 {
  margin-bottom: 100px !important; }

.m-l-100 {
  margin-left: 100px !important; }

.m-100 {
  margin: 100px !important; }

.m-t-105 {
  margin-top: 105px !important; }

.m-r-105 {
  margin-right: 105px !important; }

.m-b-105 {
  margin-bottom: 105px !important; }

.m-l-105 {
  margin-left: 105px !important; }

.m-105 {
  margin: 105px !important; }

.m-t-110 {
  margin-top: 110px !important; }

.m-r-110 {
  margin-right: 110px !important; }

.m-b-110 {
  margin-bottom: 110px !important; }

.m-l-110 {
  margin-left: 110px !important; }

.m-110 {
  margin: 110px !important; }

.m-t-115 {
  margin-top: 115px !important; }

.m-r-115 {
  margin-right: 115px !important; }

.m-b-115 {
  margin-bottom: 115px !important; }

.m-l-115 {
  margin-left: 115px !important; }

.m-115 {
  margin: 115px !important; }

.m-t-120 {
  margin-top: 120px !important; }

.m-r-120 {
  margin-right: 120px !important; }

.m-b-120 {
  margin-bottom: 120px !important; }

.m-l-120 {
  margin-left: 120px !important; }

.m-120 {
  margin: 120px !important; }

.m-t-125 {
  margin-top: 125px !important; }

.m-r-125 {
  margin-right: 125px !important; }

.m-b-125 {
  margin-bottom: 125px !important; }

.m-l-125 {
  margin-left: 125px !important; }

.m-125 {
  margin: 125px !important; }

.m-t-130 {
  margin-top: 130px !important; }

.m-r-130 {
  margin-right: 130px !important; }

.m-b-130 {
  margin-bottom: 130px !important; }

.m-l-130 {
  margin-left: 130px !important; }

.m-130 {
  margin: 130px !important; }

.m-t-135 {
  margin-top: 135px !important; }

.m-r-135 {
  margin-right: 135px !important; }

.m-b-135 {
  margin-bottom: 135px !important; }

.m-l-135 {
  margin-left: 135px !important; }

.m-135 {
  margin: 135px !important; }

.m-t-140 {
  margin-top: 140px !important; }

.m-r-140 {
  margin-right: 140px !important; }

.m-b-140 {
  margin-bottom: 140px !important; }

.m-l-140 {
  margin-left: 140px !important; }

.m-140 {
  margin: 140px !important; }

.m-t-145 {
  margin-top: 145px !important; }

.m-r-145 {
  margin-right: 145px !important; }

.m-b-145 {
  margin-bottom: 145px !important; }

.m-l-145 {
  margin-left: 145px !important; }

.m-145 {
  margin: 145px !important; }

.m-t-150 {
  margin-top: 150px !important; }

.m-r-150 {
  margin-right: 150px !important; }

.m-b-150 {
  margin-bottom: 150px !important; }

.m-l-150 {
  margin-left: 150px !important; }

.m-150 {
  margin: 150px !important; }

.m-t-155 {
  margin-top: 155px !important; }

.m-r-155 {
  margin-right: 155px !important; }

.m-b-155 {
  margin-bottom: 155px !important; }

.m-l-155 {
  margin-left: 155px !important; }

.m-155 {
  margin: 155px !important; }

.m-t-160 {
  margin-top: 160px !important; }

.m-r-160 {
  margin-right: 160px !important; }

.m-b-160 {
  margin-bottom: 160px !important; }

.m-l-160 {
  margin-left: 160px !important; }

.m-160 {
  margin: 160px !important; }

.m-t-165 {
  margin-top: 165px !important; }

.m-r-165 {
  margin-right: 165px !important; }

.m-b-165 {
  margin-bottom: 165px !important; }

.m-l-165 {
  margin-left: 165px !important; }

.m-165 {
  margin: 165px !important; }

.m-t-170 {
  margin-top: 170px !important; }

.m-r-170 {
  margin-right: 170px !important; }

.m-b-170 {
  margin-bottom: 170px !important; }

.m-l-170 {
  margin-left: 170px !important; }

.m-170 {
  margin: 170px !important; }

.m-t-175 {
  margin-top: 175px !important; }

.m-r-175 {
  margin-right: 175px !important; }

.m-b-175 {
  margin-bottom: 175px !important; }

.m-l-175 {
  margin-left: 175px !important; }

.m-175 {
  margin: 175px !important; }

.m-t-180 {
  margin-top: 180px !important; }

.m-r-180 {
  margin-right: 180px !important; }

.m-b-180 {
  margin-bottom: 180px !important; }

.m-l-180 {
  margin-left: 180px !important; }

.m-180 {
  margin: 180px !important; }

.m-t-185 {
  margin-top: 185px !important; }

.m-r-185 {
  margin-right: 185px !important; }

.m-b-185 {
  margin-bottom: 185px !important; }

.m-l-185 {
  margin-left: 185px !important; }

.m-185 {
  margin: 185px !important; }

.m-t-190 {
  margin-top: 190px !important; }

.m-r-190 {
  margin-right: 190px !important; }

.m-b-190 {
  margin-bottom: 190px !important; }

.m-l-190 {
  margin-left: 190px !important; }

.m-190 {
  margin: 190px !important; }

.m-t-195 {
  margin-top: 195px !important; }

.m-r-195 {
  margin-right: 195px !important; }

.m-b-195 {
  margin-bottom: 195px !important; }

.m-l-195 {
  margin-left: 195px !important; }

.m-195 {
  margin: 195px !important; }

.m-t-200 {
  margin-top: 200px !important; }

.m-r-200 {
  margin-right: 200px !important; }

.m-b-200 {
  margin-bottom: 200px !important; }

.m-l-200 {
  margin-left: 200px !important; }

.m-200 {
  margin: 200px !important; }

.m-t-205 {
  margin-top: 205px !important; }

.m-r-205 {
  margin-right: 205px !important; }

.m-b-205 {
  margin-bottom: 205px !important; }

.m-l-205 {
  margin-left: 205px !important; }

.m-205 {
  margin: 205px !important; }

.m-t-210 {
  margin-top: 210px !important; }

.m-r-210 {
  margin-right: 210px !important; }

.m-b-210 {
  margin-bottom: 210px !important; }

.m-l-210 {
  margin-left: 210px !important; }

.m-210 {
  margin: 210px !important; }

.m-t-215 {
  margin-top: 215px !important; }

.m-r-215 {
  margin-right: 215px !important; }

.m-b-215 {
  margin-bottom: 215px !important; }

.m-l-215 {
  margin-left: 215px !important; }

.m-215 {
  margin: 215px !important; }

.m-t-220 {
  margin-top: 220px !important; }

.m-r-220 {
  margin-right: 220px !important; }

.m-b-220 {
  margin-bottom: 220px !important; }

.m-l-220 {
  margin-left: 220px !important; }

.m-220 {
  margin: 220px !important; }

.m-t-225 {
  margin-top: 225px !important; }

.m-r-225 {
  margin-right: 225px !important; }

.m-b-225 {
  margin-bottom: 225px !important; }

.m-l-225 {
  margin-left: 225px !important; }

.m-225 {
  margin: 225px !important; }

.m-t-230 {
  margin-top: 230px !important; }

.m-r-230 {
  margin-right: 230px !important; }

.m-b-230 {
  margin-bottom: 230px !important; }

.m-l-230 {
  margin-left: 230px !important; }

.m-230 {
  margin: 230px !important; }

.m-t-235 {
  margin-top: 235px !important; }

.m-r-235 {
  margin-right: 235px !important; }

.m-b-235 {
  margin-bottom: 235px !important; }

.m-l-235 {
  margin-left: 235px !important; }

.m-235 {
  margin: 235px !important; }

.m-t-240 {
  margin-top: 240px !important; }

.m-r-240 {
  margin-right: 240px !important; }

.m-b-240 {
  margin-bottom: 240px !important; }

.m-l-240 {
  margin-left: 240px !important; }

.m-240 {
  margin: 240px !important; }

.m-t-245 {
  margin-top: 245px !important; }

.m-r-245 {
  margin-right: 245px !important; }

.m-b-245 {
  margin-bottom: 245px !important; }

.m-l-245 {
  margin-left: 245px !important; }

.m-245 {
  margin: 245px !important; }

.font-size-1 {
  font-size: 1px !important; }

.fs-1 {
  font-size: 1px !important; }

.font-size-2 {
  font-size: 2px !important; }

.fs-2 {
  font-size: 2px !important; }

.font-size-3 {
  font-size: 3px !important; }

.fs-3 {
  font-size: 3px !important; }

.font-size-4 {
  font-size: 4px !important; }

.fs-4 {
  font-size: 4px !important; }

.font-size-5 {
  font-size: 5px !important; }

.fs-5 {
  font-size: 5px !important; }

.font-size-6 {
  font-size: 6px !important; }

.fs-6 {
  font-size: 6px !important; }

.font-size-7 {
  font-size: 7px !important; }

.fs-7 {
  font-size: 7px !important; }

.font-size-8 {
  font-size: 8px !important; }

.fs-8 {
  font-size: 8px !important; }

.font-size-9 {
  font-size: 9px !important; }

.fs-9 {
  font-size: 9px !important; }

.font-size-10 {
  font-size: 10px !important; }

.fs-10 {
  font-size: 10px !important; }

.font-size-11 {
  font-size: 11px !important; }

.fs-11 {
  font-size: 11px !important; }

.font-size-12 {
  font-size: 12px !important; }

.fs-12 {
  font-size: 12px !important; }

.font-size-13 {
  font-size: 13px !important; }

.fs-13 {
  font-size: 13px !important; }

.font-size-14 {
  font-size: 14px !important; }

.fs-14 {
  font-size: 14px !important; }

.font-size-15 {
  font-size: 15px !important; }

.fs-15 {
  font-size: 15px !important; }

.font-size-16 {
  font-size: 16px !important; }

.fs-16 {
  font-size: 16px !important; }

.font-size-17 {
  font-size: 17px !important; }

.fs-17 {
  font-size: 17px !important; }

.font-size-18 {
  font-size: 18px !important; }

.fs-18 {
  font-size: 18px !important; }

.font-size-19 {
  font-size: 19px !important; }

.fs-19 {
  font-size: 19px !important; }

.font-size-20 {
  font-size: 20px !important; }

.fs-20 {
  font-size: 20px !important; }

.font-size-21 {
  font-size: 21px !important; }

.fs-21 {
  font-size: 21px !important; }

.font-size-22 {
  font-size: 22px !important; }

.fs-22 {
  font-size: 22px !important; }

.font-size-23 {
  font-size: 23px !important; }

.fs-23 {
  font-size: 23px !important; }

.font-size-24 {
  font-size: 24px !important; }

.fs-24 {
  font-size: 24px !important; }

.font-size-25 {
  font-size: 25px !important; }

.fs-25 {
  font-size: 25px !important; }

.font-size-26 {
  font-size: 26px !important; }

.fs-26 {
  font-size: 26px !important; }

.font-size-27 {
  font-size: 27px !important; }

.fs-27 {
  font-size: 27px !important; }

.font-size-28 {
  font-size: 28px !important; }

.fs-28 {
  font-size: 28px !important; }

.font-size-29 {
  font-size: 29px !important; }

.fs-29 {
  font-size: 29px !important; }

.font-size-30 {
  font-size: 30px !important; }

.fs-30 {
  font-size: 30px !important; }

.font-size-31 {
  font-size: 31px !important; }

.fs-31 {
  font-size: 31px !important; }

.font-size-32 {
  font-size: 32px !important; }

.fs-32 {
  font-size: 32px !important; }

.font-size-33 {
  font-size: 33px !important; }

.fs-33 {
  font-size: 33px !important; }

.font-size-34 {
  font-size: 34px !important; }

.fs-34 {
  font-size: 34px !important; }

.font-size-35 {
  font-size: 35px !important; }

.fs-35 {
  font-size: 35px !important; }

.font-size-36 {
  font-size: 36px !important; }

.fs-36 {
  font-size: 36px !important; }

.font-size-37 {
  font-size: 37px !important; }

.fs-37 {
  font-size: 37px !important; }

.font-size-38 {
  font-size: 38px !important; }

.fs-38 {
  font-size: 38px !important; }

.font-size-39 {
  font-size: 39px !important; }

.fs-39 {
  font-size: 39px !important; }

.font-size-40 {
  font-size: 40px !important; }

.fs-40 {
  font-size: 40px !important; }

.font-size-41 {
  font-size: 41px !important; }

.fs-41 {
  font-size: 41px !important; }

.font-size-42 {
  font-size: 42px !important; }

.fs-42 {
  font-size: 42px !important; }

.font-size-43 {
  font-size: 43px !important; }

.fs-43 {
  font-size: 43px !important; }

.font-size-44 {
  font-size: 44px !important; }

.fs-44 {
  font-size: 44px !important; }

.font-size-45 {
  font-size: 45px !important; }

.fs-45 {
  font-size: 45px !important; }

.font-size-46 {
  font-size: 46px !important; }

.fs-46 {
  font-size: 46px !important; }

.font-size-47 {
  font-size: 47px !important; }

.fs-47 {
  font-size: 47px !important; }

.font-size-48 {
  font-size: 48px !important; }

.fs-48 {
  font-size: 48px !important; }

.font-size-49 {
  font-size: 49px !important; }

.fs-49 {
  font-size: 49px !important; }

.font-size-50 {
  font-size: 50px !important; }

.fs-50 {
  font-size: 50px !important; }

.font-size-51 {
  font-size: 51px !important; }

.fs-51 {
  font-size: 51px !important; }

.font-size-52 {
  font-size: 52px !important; }

.fs-52 {
  font-size: 52px !important; }

.font-size-53 {
  font-size: 53px !important; }

.fs-53 {
  font-size: 53px !important; }

.font-size-54 {
  font-size: 54px !important; }

.fs-54 {
  font-size: 54px !important; }

.font-size-55 {
  font-size: 55px !important; }

.fs-55 {
  font-size: 55px !important; }

.font-size-56 {
  font-size: 56px !important; }

.fs-56 {
  font-size: 56px !important; }

.font-size-57 {
  font-size: 57px !important; }

.fs-57 {
  font-size: 57px !important; }

.font-size-58 {
  font-size: 58px !important; }

.fs-58 {
  font-size: 58px !important; }

.font-size-59 {
  font-size: 59px !important; }

.fs-59 {
  font-size: 59px !important; }

.font-size-60 {
  font-size: 60px !important; }

.fs-60 {
  font-size: 60px !important; }

.font-size-61 {
  font-size: 61px !important; }

.fs-61 {
  font-size: 61px !important; }

.font-size-62 {
  font-size: 62px !important; }

.fs-62 {
  font-size: 62px !important; }

.font-size-63 {
  font-size: 63px !important; }

.fs-63 {
  font-size: 63px !important; }

.font-size-64 {
  font-size: 64px !important; }

.fs-64 {
  font-size: 64px !important; }

.font-size-65 {
  font-size: 65px !important; }

.fs-65 {
  font-size: 65px !important; }

.font-size-66 {
  font-size: 66px !important; }

.fs-66 {
  font-size: 66px !important; }

.font-size-67 {
  font-size: 67px !important; }

.fs-67 {
  font-size: 67px !important; }

.font-size-68 {
  font-size: 68px !important; }

.fs-68 {
  font-size: 68px !important; }

.font-size-69 {
  font-size: 69px !important; }

.fs-69 {
  font-size: 69px !important; }

.font-size-70 {
  font-size: 70px !important; }

.fs-70 {
  font-size: 70px !important; }

.font-size-71 {
  font-size: 71px !important; }

.fs-71 {
  font-size: 71px !important; }

.font-size-72 {
  font-size: 72px !important; }

.fs-72 {
  font-size: 72px !important; }

.font-size-73 {
  font-size: 73px !important; }

.fs-73 {
  font-size: 73px !important; }

.font-size-74 {
  font-size: 74px !important; }

.fs-74 {
  font-size: 74px !important; }

.font-size-75 {
  font-size: 75px !important; }

.fs-75 {
  font-size: 75px !important; }

.font-size-76 {
  font-size: 76px !important; }

.fs-76 {
  font-size: 76px !important; }

.font-size-77 {
  font-size: 77px !important; }

.fs-77 {
  font-size: 77px !important; }

.font-size-78 {
  font-size: 78px !important; }

.fs-78 {
  font-size: 78px !important; }

.font-size-79 {
  font-size: 79px !important; }

.fs-79 {
  font-size: 79px !important; }

.font-size-80 {
  font-size: 80px !important; }

.fs-80 {
  font-size: 80px !important; }

.font-size-81 {
  font-size: 81px !important; }

.fs-81 {
  font-size: 81px !important; }

.font-size-82 {
  font-size: 82px !important; }

.fs-82 {
  font-size: 82px !important; }

.font-size-83 {
  font-size: 83px !important; }

.fs-83 {
  font-size: 83px !important; }

.font-size-84 {
  font-size: 84px !important; }

.fs-84 {
  font-size: 84px !important; }

.font-size-85 {
  font-size: 85px !important; }

.fs-85 {
  font-size: 85px !important; }

.font-size-86 {
  font-size: 86px !important; }

.fs-86 {
  font-size: 86px !important; }

.font-size-87 {
  font-size: 87px !important; }

.fs-87 {
  font-size: 87px !important; }

.font-size-88 {
  font-size: 88px !important; }

.fs-88 {
  font-size: 88px !important; }

.font-size-89 {
  font-size: 89px !important; }

.fs-89 {
  font-size: 89px !important; }

.font-size-90 {
  font-size: 90px !important; }

.fs-90 {
  font-size: 90px !important; }

.font-size-91 {
  font-size: 91px !important; }

.fs-91 {
  font-size: 91px !important; }

.font-size-92 {
  font-size: 92px !important; }

.fs-92 {
  font-size: 92px !important; }

.font-size-93 {
  font-size: 93px !important; }

.fs-93 {
  font-size: 93px !important; }

.font-size-94 {
  font-size: 94px !important; }

.fs-94 {
  font-size: 94px !important; }

.font-size-95 {
  font-size: 95px !important; }

.fs-95 {
  font-size: 95px !important; }

.font-size-96 {
  font-size: 96px !important; }

.fs-96 {
  font-size: 96px !important; }

.font-size-97 {
  font-size: 97px !important; }

.fs-97 {
  font-size: 97px !important; }

.font-size-98 {
  font-size: 98px !important; }

.fs-98 {
  font-size: 98px !important; }

.font-size-99 {
  font-size: 99px !important; }

.fs-99 {
  font-size: 99px !important; }

.font-size-100 {
  font-size: 100px !important; }

.fs-100 {
  font-size: 100px !important; }

.font-size-101 {
  font-size: 101px !important; }

.fs-101 {
  font-size: 101px !important; }

.font-size-102 {
  font-size: 102px !important; }

.fs-102 {
  font-size: 102px !important; }

.font-size-103 {
  font-size: 103px !important; }

.fs-103 {
  font-size: 103px !important; }

.font-size-104 {
  font-size: 104px !important; }

.fs-104 {
  font-size: 104px !important; }

.font-size-105 {
  font-size: 105px !important; }

.fs-105 {
  font-size: 105px !important; }

.font-size-106 {
  font-size: 106px !important; }

.fs-106 {
  font-size: 106px !important; }

.font-size-107 {
  font-size: 107px !important; }

.fs-107 {
  font-size: 107px !important; }

.font-size-108 {
  font-size: 108px !important; }

.fs-108 {
  font-size: 108px !important; }

.font-size-109 {
  font-size: 109px !important; }

.fs-109 {
  font-size: 109px !important; }

.font-size-110 {
  font-size: 110px !important; }

.fs-110 {
  font-size: 110px !important; }

.font-size-111 {
  font-size: 111px !important; }

.fs-111 {
  font-size: 111px !important; }

.font-size-112 {
  font-size: 112px !important; }

.fs-112 {
  font-size: 112px !important; }

.font-size-113 {
  font-size: 113px !important; }

.fs-113 {
  font-size: 113px !important; }

.font-size-114 {
  font-size: 114px !important; }

.fs-114 {
  font-size: 114px !important; }

.font-size-115 {
  font-size: 115px !important; }

.fs-115 {
  font-size: 115px !important; }

.font-size-116 {
  font-size: 116px !important; }

.fs-116 {
  font-size: 116px !important; }

.font-size-117 {
  font-size: 117px !important; }

.fs-117 {
  font-size: 117px !important; }

.font-size-118 {
  font-size: 118px !important; }

.fs-118 {
  font-size: 118px !important; }

.font-size-119 {
  font-size: 119px !important; }

.fs-119 {
  font-size: 119px !important; }

/* position div */
.relative {
  position: relative;
  overflow: hidden; }

.fixed {
  position: fixed;
  overflow: hidden; }

.absolute {
  position: absolute;
  overflow: hidden; }

.flex-v-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.rounded {
  border-radius: 3px; }
  .rounded .featured-left {
    border-radius: 3px 0px 0px 3px; }

.transparent {
  background: transparent !important; }

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p {
  color: #FFFFFF; }

.divider {
  width: 60px;
  height: 5px;
  border-top: 5px solid #2d79c4;
  position: relative;
  margin: 0 auto; }

/* ==[ intro  style ]==  */
/* intro 03 style */
.input-button {
  background: #f3f2f2;
  padding: 5px;
  border-radius: 3px; }

/* intro 04 style */
.panel-cta-form {
  background: #f3f1f1; }
  .panel-cta-form input {
    border: 0px solid #f3f1f1;
    padding: 15px;
    height: 50px; }

/* content - highlight 01 */
.bg-content-01 {
  background: url("../images/ppc/ppc_bg-cta-blue.jpg") #333 center fixed repeat !important;
  background-size: cover; }

.bg-content-left {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  background: #fff; }

.bg-content-right {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  background: #fff; }

.bg-content-full {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: white; }

/* fullheight-vcenter */
.header.is-sticky {
  position: fixed;
  width: 100%;
  top: 0; }

.is-sticky-wrapper {
  padding-top: 110px; }

.header-middle .menu-icon::after {
  background: #012f61;
  -webkit-box-shadow: 0 7px 0 #012f61, 0 14px 0 #012f61;
          box-shadow: 0 7px 0 #012f61, 0 14px 0 #012f61; }

/* card */
.card-article-hover .card-section {
  width: 90%;
  background: #fff;
  margin: 0 auto;
  padding-top: 25px;
  z-index: 2; }
  .card-article-hover .card-section .article-subtext {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.85rem; }
  .card-article-hover .card-section .article-title {
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    font-size: 1.5rem;
    color: #000; }
  .card-article-hover .card-section .article-desc {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem; }

.card-article-hover .card-divider {
  background: #fff; }
  .card-article-hover .card-divider .author {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2d79c4; }

.card-article-hover .hover-border {
  height: 10px;
  width: 450px;
  background: #2d79c4;
  width: 0;
  -webkit-transition: width 1s ease;
  transition: width 1s ease; }

.card-article-hover:hover .hover-border {
  height: 10px;
  width: 450px;
  -webkit-transition: width 1s ease;
  transition: width 1s ease; }

.card-article-hover .author {
  color: navy; }

.card-article-hover .avatar {
  border-radius: 50%;
  margin: 0 1rem; }

.card-article-hover .meta-data {
  text-transform: uppercase; }

.blog-grid .card-article-hover .card-section {
  width: 95%; }

/* list logo */
.list-logo {
  list-style: none; }
  .list-logo-title {
    line-height: 34px; }
  .list-logo li {
    float: left;
    margin: 0px 15px; }

/* list portofolio section */
.list-portofolio_item .thumbnail {
  margin-bottom: 0px;
  border: solid 0px #fefefe;
  -webkit-box-shadow: none;
          box-shadow: none; }

.list-portofolio_grid img {
  width: 100%; }

/* =================== media query ========================== */
/* ==[ Portrait and Landscape mobile]== */
@media only screen and (max-width: 640px) {
  /* layout */
  .p-0-small {
    padding: 0px !important; }
  .m-0-small {
    margin: 0px !important; }
  /* tabs seo */
  .block-tab-wizard .tab-wizard-nav li {
    display: block; }
  .accordion-content {
    text-align: left; }
  /* blockquote testimoni */
  .block-testimoni blockquote .blockquote-content {
    font-size: 29px;
    padding-top: 0px;
    margin-bottom: 30px; }
  .blockquote-image {
    display: none; }
  /* counter section */
  .block-counter_item {
    text-align: center; }
  /* tabs wizard */
  .block-tab-collapse .tab-collapse-nav li {
    display: block; }
  /* block-expert */
  .block-expert_featured {
    display: none; }
  .block-expert .el-desc {
    max-width: 100%; }
  .block-tab-ppc .tabs-title > a,
  .block-tab-ppc .ppc-tab_nav {
    padding: 15px; }
  /* section book */
  .ls-content-book .media-object.p-l-30 {
    padding-left: 0 !important; }
  /* block faq */
  .block-faq .text-right {
    text-align: left !important; }
  .block-faq .float-right {
    float: left !important; }
  /* section address */
  .block-addr_item:first-child,
  .block-addr_item {
    padding: 30px 0.9375rem 0px 0.9375rem; }
  /* footer */
  .block-partner_list-item {
    padding: 0px; }
  /* block newslettter */
  .input-group {
    width: 65%; }
  /* block tabs -v */
  .block-tab-v .tabs-title .media-object .media-object-section:last-child {
    display: none; }
  /* form, cta */
  .form.form-inline input, .form.form-inline button {
    margin-bottom: 15px; }
  /* slide */
  .owl-slide-content_text-title {
    font-size: 36px !important; }
  .owl-nav {
    display: none; }
  .owl-slide-content_text {
    text-align: center; }
  .owl-slide-content_text.p-t-200.p-l-50 {
    padding-left: 0px !important; }
  #logo_list .list-logo-title {
    text-align: center !important;
    margin-bottom: 20px; }
  .list-logo li {
    height: 50px; }
  #about .el-content img {
    margin-bottom: 30px; }
  .owl-slider-logo.owl-carousel .owl-stage-outer {
    padding-bottom: 40px; }
  .owl-slider-logo .owl-dots {
    display: block;
    bottom: 0px; }
  .input-group {
    width: 100%; }
  .block-card-simple_item {
    width: 95%; } }