/*

Template Name: Trainer - Busines Training, Coaching & Corporate HTML Template

Template URI: rudhisasmito.com/demo/trainer

Author: Rudhi Sasmito

Author URI: https://www.behance.net/rudhisasmito

Version: 1.0

*/

/**

 * Table of Contents:

 *

 * 1. - NORMALIZE CSS

 * 2. - GLOBAL STYLES

 *      2.1 - General Styles

 *      2.2 - Text Color

 *      2.3 - Anchor

 *      2.4 - Heading and Paragraph

 * 

 * 3. - COMPONENTS

 *      3.1 - Preloader  

 *      3.2 - Buttons  

 *      3.3 - Box Icon 1

 *      3.4 - Box Icon 2

 *      3.5 - Box Image 1

 *      3.6 - Box Image 2

 *      3.7 - Box Image 3

 *      3.8 - BOX TESTIMONY

 *      3.9 - Box Team 2

 *      3.10 - Box Statistic

 *      3.11 - Box History

 *      3.12 - Box Partners

 *      3.13 - Panel Accordion

 *      3.14 - Faq

 *      3.15 - Pricing Table

 *      3.16 - Career Tabs

 *      3.17 - Box News

 * 4. - LOGO & NAVIGATION

 *      4.1 - Topbar 

 *      4.2 - Navbar 

 * 5. - HOME

 *      5.1 - Banner

 *      5.2 - Text Typing

 * 6. - SECTION

 *      6.1 Section - About

 *      6.2 Section - Services

 *      6.3 Section - Projects

 *      6.4 Section - News

 *      6.5 Section - Contact

 *      6.6 Section - Features

 *      6.7 Section - CTA

 *      6.8 Section - Price

 *      6.9 Section - Blog

 *      6.10 Section - Timeline

 *      6.11 Section - Testimonial

 *      6.12 Section - Clients

 *      6.13 Section - Video BG

 *      6.14 Section - Contact and Map

 * 7. - FOOTER 

 * 8. - RESPONSIVE

 * -----------------------------------------------------------------------------

 */

@import url("https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto");

.bolder {

  font-weight: 600; }



.cfix, .topbar:after {

  content: '';

  display: block;

  width: 100%;

  clear: both; }



/**

 * 1. - NORMALIZE CSS

 * -----------------------------------------------------------------------------

 */

/* ==========================

NORMALIZE

============================= */

/**

 * Normalizing styles have been helped along thanks to the fine work of

 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

 */

html {

  font-family: sans-serif;

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

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



body {

  margin: 0; }



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

  display: block; }



audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline; }



audio:not([controls]) {

  display: none;

  height: 0; }



[hidden],

template {

  display: none; }



a {

  background-color: transparent; }



abbr[title] {

  border-bottom: 1px dotted; }



b,

strong {

  font-weight: 700; }



small {

  font-size: 80%; }



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sup {

  top: -0.5em; }



sub {

  bottom: -0.25em; }



img {

  border: 0; }



svg:not(:root) {

  overflow: hidden; }



figure {

  margin: 0; }



hr {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box; }



code,

kbd,

pre,

samp {

  font-size: 1em; }



button,

input,

optgroup,

select,

textarea {

  color: inherit;

  font: inherit;

  margin: 0; }



select {

  text-transform: none; }



button {

  overflow: visible; }



button,

input,

select,

textarea {

  max-width: 100%; }



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer; }



button[disabled],

html input[disabled] {

  cursor: default;

  opacity: .5; }



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0; }



input[type="checkbox"],

input[type="radio"] {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-right: 0.4375em;

  padding: 0; }



input[type="date"]::-webkit-inner-spin-button,

input[type="date"]::-webkit-outer-spin-button,

input[type="time"]::-webkit-inner-spin-button,

input[type="time"]::-webkit-outer-spin-button,

input[type="datetime-local"]::-webkit-inner-spin-button,

input[type="datetime-local"]::-webkit-outer-spin-button,

input[type="week"]::-webkit-inner-spin-button,

input[type="week"]::-webkit-outer-spin-button,

input[type="month"]::-webkit-inner-spin-button,

input[type="month"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto; }



input[type="search"] {

  -webkit-appearance: textfield; }



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none; }



fieldset {

  border: 1px solid #d1d1d1;

  margin: 0 0 1.75em;

  min-width: inherit;

  padding: 0.875em; }



fieldset > :last-child {

  margin-bottom: 0; }



legend {

  border: 0;

  padding: 0; }



textarea {

  overflow: auto;

  vertical-align: top; }



optgroup {

  font-weight: bold; }



/**

 * 2. GLOBAL STYLES

 * -----------------------------------------------------------------------------

 */

/*1.1 GENERAL STYLES*/

body,

button,

input,

select,

textarea {

  color: #222222;

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

  font-weight: 400;

  font-size: 15px;

  line-height: 1.7; }



h1, .panel-pricing .price,

h2,

.banner-page .title-page,

h3,

.jumbo-heading h2,

.jumbo-heading .banner-page .title-page,

.banner-page .jumbo-heading .title-page,

h4,

.lead,

.team-2 .title,

h5,

.section-subheading,

h6 {

  clear: both;

  font-weight: 700;

  margin: 0;

  text-rendering: optimizeLegibility; }



p {

  margin: 0 0 1.75em; }



dfn,

cite,

em,

i {

  font-style: italic; }



blockquote {

  border: 0 solid #1a1a1a;

  border-left-width: 4px;

  color: #686868;

  font-size: 16px;

  font-style: italic;

  line-height: 1.6;

  margin: 0 0 1.4736842105em;

  overflow: hidden;

  padding: 0 0 0 1.263157895em; }



blockquote,

q {

  quotes: none; }



blockquote:before,

blockquote:after,

q:before,

q:after {

  content: ""; }



blockquote p {

  margin-bottom: 1.4736842105em; }



blockquote cite,

blockquote small {

  color: #1a1a1a;

  display: block;

  font-size: 16px;

  font-size: 1rem;

  line-height: 1.75; }



blockquote cite:before,

blockquote small:before {

  content: "\2014\00a0"; }



blockquote em,

blockquote i,

blockquote cite {

  font-style: normal; }



blockquote strong,

blockquote b {

  font-weight: 400; }



blockquote > :last-child {

  margin-bottom: 0; }



blockquote footer, blockquote small, blockquote .small {

  display: block;

  color: #041e42; }



address {

  font-style: italic;

  margin: 0 0 1.75em; }



code,

kbd,

tt,

var,

samp,

pre {

  font-family: Inconsolata, monospace; }



pre {

  border: 1px solid #d1d1d1;

  font-size: 16px;

  font-size: 1rem;

  line-height: 1.3125;

  margin: 0 0 1.75em;

  max-width: 100%;

  overflow: auto;

  padding: 1.75em;

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word; }



code {

  background-color: #d1d1d1;

  padding: 0.125em 0.25em; }



abbr,

acronym {

  border-bottom: 1px dotted #d1d1d1;

  cursor: help; }



mark,

ins {

  background: #007acc;

  color: #fff;

  padding: 0.125em 0.25em;

  text-decoration: none; }



big {

  font-size: 125%; }



html {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



*,

*:before,

*:after {

  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

  -webkit-box-sizing: inherit;

  -moz-box-sizing: inherit;

  box-sizing: inherit; }



body {

  background: #ffffff;

  /* Fallback for when there is no custom background color defined. */ }



hr {

  background-color: #d1d1d1;

  border: 0;

  height: 1px;

  margin: 0 0 1.75em; }



ul,

ol {

  margin: 0 0 1.75em 1.25em;

  padding: 0; }



ul {

  list-style: disc; }



ol {

  list-style: decimal;

  margin-left: 1.5em; }



li > ul,

li > ol {

  margin-bottom: 0; }



dl {

  margin: 0 0 1.75em; }



dt {

  font-weight: 700; }



dd {

  margin: 0 0 1.75em; }



img {

  height: auto;

  /* Make sure images are scaled correctly. */

  max-width: 100%;

  /* Adhere to container width. */

  vertical-align: middle; }



del {

  opacity: 0.8; }



table,

th,

td {

  border: 1px solid #d1d1d1; }



table {

  border-collapse: separate;

  border-spacing: 0;

  border-width: 1px 0 0 1px;

  margin: 0 0 1.75em;

  table-layout: fixed;

  /* Prevents HTML tables from becoming too wide */

  width: 100%; }



caption,

th,

td {

  font-weight: normal;

  text-align: left; }



th {

  border-width: 0 1px 1px 0;

  font-weight: 700; }



td {

  border-width: 0 1px 1px 0; }



th,

td {

  padding: 0.4375em; }



/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {

  color: #686868;

  font-family: "Roboto", sans-serif; }



:-moz-placeholder {

  color: #686868;

  font-family: "Roboto", sans-serif; }



::-moz-placeholder {

  color: #686868;

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

  opacity: 1;

  /* Since FF19 lowers the opacity of the placeholder by default */ }



:-ms-input-placeholder {

  color: #686868;

  font-family: "Roboto", sans-serif; }



html, body {

  width: 100%;

  height: 100%; }



i, cite, em, var, address, dfn {

  font-style: italic; }



.animationload {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 999999;

  background-color: #fff; }



.loader {

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -100px 0 0 -100px;

  width: 200px;

  height: 200px;

  background-image: url("../images/logo_icon.png");

  background-position: center;

  background-repeat: no-repeat; }



.pos-relative {

  position: relative; }



.navbar-brand {

  padding: 0 15px; }



.section {

  position: relative; }

  .section > .container-fluid,

  .section > .container {

    padding-top: 80px;

    padding-bottom: 80px; }

  .section.overlap {

   		/*position: relative;

    	z-index: 100;

    	margin-top: -80px;

    	> .container{

    		background-color: $white;

		    padding-top: 20px;

    	}*/ }

  .section.overlap-bottom {

    position: relative;

    z-index: 100;

    margin-bottom: -125px; }

    .section.overlap-bottom > .container {

      background-color: #2E8ECE;

      padding-top: 20px;

      padding-bottom: 0; }

  .section.section-border {

    border-bottom: 1px solid #eee; }

  .section.banner {

    padding: 0 0; }

  .section.testimony > .container, .section.page404 > .container {

    padding-top: 50px;

    padding-bottom: 0; }

  .section.section-no-padding > .container {

    padding-top: 0;

    padding-bottom: 0; }

  .section.stat-client > .container {

    padding-top: 20px;

    padding-bottom: 20px; }



.bg-light {

  background-color: rgba(46, 142, 206, 0.05); }



.bg-1 {

  background-color: #2E8ECE; }



.bg-2 {

  background-color: #212635; }



.bgwhite {

  background-color: #ffffff; }



.font__color-white {

  color: #ffffff; }



.colorwhite {

  color: #ffffff !important; }



.section-heading, .section-heading-events {

  font-size: 18px;

  line-height: 1.2em;

  font-weight: 700;

  color: #2E8ECE;

  margin-bottom: 40px;

  padding-top: 20px;

  padding-bottom: 5px;

  position: relative;

  text-transform: uppercase; }

  .section-heading.light, .light.section-heading-events {

    /*&:after{

    	background: $white;

    }*/ }

  .section-heading.white, .white.section-heading-events {

    color: #ffffff; }

  .section-heading.center, .center.section-heading-events {

    text-align: center;

    /*&:after{

    	margin-left: 0;

    	margin-right: 0;

    }*/ }



.subheading {

  margin-top: -20px;

  margin-bottom: 80px;

  width: 80%;

  margin-left: auto;

  margin-right: auto;

  color: #555555; }



.section-subheading {

  color: #999999; }



.section-heading-2 {

  font-size: 24px;

  font-weight: 600;

  color: #212635; }



.section-heading-3 {

  font-size: 1.714em;

  line-height: normal; }



.section-heading-events {

  padding-top: 0;

  margin-left: 110px;

  clear: none;

  font-size: 30px;

  color: #222222; }



.no-gutter {

  margin-right: 0;

  margin-left: 0; }



.no-gutter > [class^="col-"],

.no-gutter > [class*=" col-"],

.no-gutter[class*='col-'],

.no-gutter[class*=" col-"] {

  padding-right: 0;

  padding-left: 0; }



/* 1.2. TEXT COLOR */

/* 1.3. ANCHOR */

a {

  color: #222222;

  text-decoration: none; }

  a:hover {

    color: #2E8ECE;

    text-decoration: none; }



/* 1.4. HEADING & PARAGRAPH */

p {

  margin: 0 0 20px 0; }



h1, .panel-pricing .price,

h2,

.banner-page .title-page,

h3,

.jumbo-heading h2,

.jumbo-heading .banner-page .title-page,

.banner-page .jumbo-heading .title-page,

h4,

.lead,

.team-2 .title,

h5,

.section-subheading {

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

  font-weight: 700;

  margin-top: 10px;

  margin-bottom: 20px; }



h1, .panel-pricing .price {

  font-size: 3.571em;

  line-height: normal; }



h2, .banner-page .title-page {

  font-size: 2.857em;

  line-height: normal; }



h3, .jumbo-heading h2, .jumbo-heading .banner-page .title-page, .banner-page .jumbo-heading .title-page {

  font-size: 1.714em;

  line-height: normal; }



h4, .lead, .team-2 .title {

  font-size: 1.286em;

  line-height: normal; }



h5, .section-subheading {

  font-size: 14px;

  line-height: 22px; }



h6 {

  font-size: 13px; }



strong, b {

  font-weight: 700; }



.lead {

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

  font-weight: 500;

  line-height: 1.6; }



ol, ul {

  list-style: initial;

  margin-left: 24px; }

  ol li, ul li {

    margin: 8px 0; }



.title-heading {

  color: #041e42;

  font-size: 36px;

  line-height: 50px; }



blockquote {

  padding: 15px 20px;

  background-color: #f6f6f6;

  margin: 0 0 20px;

  border-left: 5px solid #2E8ECE;

  font-style: italic; }



.jumbo-heading {

  color: #212635;

  font-size: 20px;

  position: relative; }

  .jumbo-heading h2, .jumbo-heading .banner-page .title-page, .banner-page .jumbo-heading .title-page {

    position: relative;

    z-index: 2; }

  .jumbo-heading .fa {

    font-size: 200px;

    position: absolute;

    top: 0;

    left: 0;

    color: #f5f5f5;

    z-index: 1; }



ul.checklist {

  margin: 0; }

  ul.checklist li {

    list-style: none;

    margin: 10px 0 10px 35px; }

    ul.checklist li:before {

      font-family: FontAwesome;

      content: "\f00c";

      font-size: 20px;

      color: #2E8ECE;

      margin-left: -35px;

      margin-right: 15px; }



ul.bull {

  margin: 0 0 20px;

  list-style: none;

  padding: 0; }

  ul.bull li {

    position: relative;

    padding: 0 0 0 26px;

    margin: 0 0 14px; }

    ul.bull li:before {

      content: "\f105";

      font: normal normal normal 14px/1 FontAwesome;

      position: absolute;

      left: 0;

      top: 2px;

      display: inline-block;

      vertical-align: top;

      font-size: 16px;

      color: #2E8ECE; }



ul.circle {

  margin: 0 0 20px;

  list-style: none;

  padding: 0; }

  ul.circle li {

    position: relative;

    padding: 4px 0 4px 20px;

    margin: 0 0 14px;

    line-height: 22px; }

    ul.circle li:before {

      content: "\f10c";

      font: normal normal normal 14px/1 FontAwesome;

      position: absolute;

      left: 0;

      top: 10px;

      display: inline-block;

      vertical-align: top;

      font-size: 7px;

      color: #212635; }



.bgsection {

  background: url(../images/bgoverlay-1.jpg) bottom center no-repeat;

  background-attachment: fixed;

  background-size: cover; }

  .bgsection:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #2E8ECE;

    opacity: .9; }



.grid-services {

  margin-top: 30px;

  margin-bottom: 30px; }



.grid-item {

  margin-top: 30px;

  margin-bottom: 30px; }



.margin-bottom-10 {

  margin-bottom: 10px; }



.margin-bottom-30 {

  margin-bottom: 30px; }



.margin-bottom-50 {

  margin-bottom: 50px; }



.margin-bottom-70 {

  margin-bottom: 70px; }



.margin-bottom-90 {

  margin-bottom: 90px; }



.margin-bottom-100 {

  margin-bottom: 100px; }



.spacer-10 {

  height: 10px; }

  .spacer-10::after {

    display: block;

    content: "";

    clear: both; }



.spacer-30 {

  height: 30px; }

  .spacer-30::after {

    display: block;

    content: "";

    clear: both; }



.spacer-50 {

  height: 50px; }

  .spacer-50::after {

    display: block;

    content: "";

    clear: both; }



.spacer-70 {

  height: 70px; }

  .spacer-70::after {

    display: block;

    content: "";

    clear: both; }



.spacer-90 {

  height: 70px; }

  .spacer-90::after {

    display: block;

    content: "";

    clear: both; }



.banner-page {

  /*height: 150px;*/

  display: block;

  background-color: #222222;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover; }

  .banner-page .title-page {

    text-align: left;

    color: #222222;

    margin-bottom: 0; }

  .banner-page .breadcrumb-container {

    background-color: #ffffff; }

  .banner-page .breadcrumb {

    padding: 0;

    margin: 0;

    text-align: left;

    background-color: transparent;

    font-size: 13px;

    font-weight: 400; }

    .banner-page .breadcrumb > .active,

    .banner-page .breadcrumb > li + li:before,

    .banner-page .breadcrumb a {

      color: #888888; }

      .banner-page .breadcrumb > .active:hover,

      .banner-page .breadcrumb > li + li:before:hover,

      .banner-page .breadcrumb a:hover {

        color: #212635; }



/* 2.5. CATEGORY MENU */

.widget {

  margin-bottom: 50px;

  clear: both; }



.widget-title {

  font-size: 18px;

  font-weight: 700;

  color: #2E8ECE;

  margin-bottom: 15px;

  padding-bottom: 15px;

  position: relative; }



.category-nav {

  margin-left: 0;

  margin-bottom: 30px;

  padding: 0; }



.category-nav {

  margin-left: 0;

  margin-bottom: 30px;

  padding: 0; }

  .category-nav li {

    list-style: none;

    margin: 0;

    font-weight: 700; }

    .category-nav li a {

      color: #222222;

      display: block;

      padding: 15px 20px;

      margin-bottom: 5px;

      background-color: #eff3f6;

      border-left: 5px solid transparent; }

      .category-nav li a:hover {

        border-color: #2E8ECE; }

    .category-nav li.active a {

      border-color: #2E8ECE; }



.info-detail dl {

  font-size: 16px; }

.info-detail dt {

  font-weight: 700; }

.info-detail dd {

  margin-bottom: 20px; }



.widget.tags a {

  display: inline-block;

  vertical-align: top;

  padding: 5px 8px 6px;

  font-size: 13px !important;

  color: rgba(34, 34, 34, 0.8);

  border: 1px solid #ccc;

  margin: 0 6px 7px 0;

  text-decoration: none !important;

  text-transform: lowercase;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px; }

  .widget.tags a:hover {

    background-color: #2E8ECE;

    color: #ffffff;

    border-color: #2E8ECE; }



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

  background: #2E8ECE; }



/* ==========================

Back To Top Section

============================= */

.cd-top {

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 50px;

  right: 10px;

  z-index: 999;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: #2e8ece url("../images/cd-top-arrow.svg") no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: opacity .3s 0s, visibility 0s .3s;

  -moz-transition: opacity .3s 0s, visibility 0s .3s;

  transition: opacity .3s 0s, visibility 0s .3s;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px; }



.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

  -webkit-transition: opacity .3s 0s, visibility 0s 0s;

  -moz-transition: opacity .3s 0s, visibility 0s 0s;

  transition: opacity .3s 0s, visibility 0s 0s; }



.cd-top.cd-is-visible {

  visibility: visible;

  opacity: 1; }



.cd-top.cd-fade-out {

  opacity: .5; }



.cd-top:hover {

  opacity: 1; }



.hover-img {

  background: #2E8ECE;

  overflow: hidden;

  position: relative;

  display: inline-block;

  margin: 0 -1.5px; }

  .hover-img img {

    width: 100%;

    -webkit-object-fit: cover;

    -moz-object-fit: cover;

    -ms-object-fit: cover;

    object-fit: cover;

    -webkit-transition: 0.5s ease all;

    -moz-transition: 0.5s ease all;

    -ms-transition: 0.5s ease all;

    -ms-transition: 0.5s ease all;

    transition: 0.5s ease all; }

  .hover-img:hover img {

    /*opacity: 0.6;*/

    opacity: 0.6;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

    filter: alpha(opacity=60);

    /*transform: scale(1.1);*/

    -webkit-transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1); }



.readmore {

  display: block;

  margin-top: 20px;

  font-weight: 700;

  color: #2E8ECE; }

  .readmore:hover {

    color: #2E8ECE;

    text-decoration: underline; }



.img-rounded {

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px; }



.color_white {

  color: #ffffff; }



@media (min-width: 1200px) {

  .col-3 > .col-md-4:nth-child(3n+1),

  .col-3 > .col-sm-4:nth-child(3n+1) {

    clear: both; } }

/**

 * 3. - COMPONENTS

 * -----------------------------------------------------------------------------

 */

.media-anim .media, .box-event .media, .feature-box-8 .media {

  width: 100%;

  margin-bottom: 30px;

  position: relative;

  background-color: #ffffff; }

  .media-anim .media img, .box-event .media img, .feature-box-8 .media img {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transition: 0.4s all linear;

    transition: 0.4s all linear; }

.media-anim:hover .media, .box-event:hover .media, .feature-box-8:hover .media {

  background-color: #212635; }

  .media-anim:hover .media img, .box-event:hover .media img, .feature-box-8:hover .media img {

    opacity: 0.3;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

    filter: alpha(opacity=30);

    -webkit-transform: scale(1.05, 1.05);

    -ms-transform: scale(1.05, 1.05);

    transform: scale(1.05, 1.05);

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    -webkit-transition-duration: 250ms;

    transition-duration: 250ms; }



/* 2.1. PRELOADER */

.animationload {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 999999;

  background-color: #fff; }



.loader {

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -100px 0 0 -100px;

  width: 200px;

  height: 200px;

  background-image: url("../images/logo_icon.png");
lo
  background-position: center;

  background-repeat: no-repeat; }



/* 2.2. BUTTONS */

:focus {

  outline: none; }



.btn, .btn-primary, .btn-secondary, .btn-ghost-light, .btn-ghost-dark {

  font-size: 14px;

  color: #ffffff;

  padding: 15px 35px;

  border: 0;

  font-weight: 600;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px; }



.btn-default {

  background-color: #2E8ECE;

  color: #ffffff;

  padding: 15px 20px;

  border: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0; }



.btn-default:hover {

  background-color: #2E8ECE; }



.btn-cta {

  background-color: #212635;

  color: #ffffff;

  padding: 15px 25px;

  border: 0;

  font-weight: 600;

  letter-spacing: 1px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0; }

  .btn-cta:hover {

    background-color: #0d0f16;

    color: #ffffff; }



.navbar-main .btn-orange-cta:hover {

  background-color: #2E8ECE;

  color: #ffffff; }



.btn-primary {

  background-color: #2E8ECE;

  color: #ffffff; }

  .btn-primary:hover {

    background-color: #2571a4;

    color: #ffffff; }



.btn-secondary {

  background-color: #212635; }

  .btn-secondary:hover {

    background-color: #191d28;

    color: #ffffff; }



.btn-primary.disabled {

  background-color: #2E8ECE;

  border-color: #2E8ECE;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  filter: alpha(opacity=100); }

  .btn-primary.disabled:hover {

    color: #ffffff;

    background-color: #2571a4; }



.btn-secondary.disabled {

  background-color: #212635;

  border-color: #212635; }

  .btn-secondary.disabled:hover {

    background-color: #191d28;

    color: #ffffff; }



.btn-ghost-light {

  background-color: transparent;

  color: #ffffff;

  border: 1px solid #ffffff; }

  .btn-ghost-light:hover {

    background-color: #2E8ECE;

    color: #ffffff;

    border-color: transparent; }



.btn-ghost-dark {

  background-color: transparent;

  color: #222222;

  border: 1px solid #222222; }

  .btn-ghost-dark:hover {

    background-color: #2E8ECE;

    color: #ffffff;

    border-color: transparent; }



.pagination {

  clear: both;

  text-align: left;

  margin-top: 20px; }

  .pagination > li {

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    border-radius: 0px; }

    .pagination > li > a {

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      border-radius: 10px;

      padding: 15px 20px;

      margin-right: 5px;

      margin-bottom: 5px;

      color: #222222;

      display: inline-block;

      border-color: transparent;

      background: #eee;

      border: 0; }

      .pagination > li > a:hover, .pagination > li > a.active {

        color: #ffffff;

        background: #2E8ECE; }

    .pagination > li:first-child > a, .pagination > li:first-child > span {

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      border-radius: 10px; }

    .pagination > li:last-child > a, .pagination > li:last-child > span {

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      border-radius: 10px; }

    .pagination > li.active > a {

      color: #ffffff;

      background: #2E8ECE; }

  .pagination > .active > a {

    background: #2E8ECE;

    color: #222222; }

  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    background: #2E8ECE;

    color: #222222; }



.btn-sidebar {

  border-radius: 0;

  text-align: left;

  font-size: 16px;

  font-weight: 700; }

  .btn-sidebar .fa {

    margin-right: 10px;

    font-size: 1.4em;

    vertical-align: middle; }



/* 2.3. BOX ICON 1 pakai */

.box-icon-1 {

  margin-bottom: 20px; }

  .box-icon-1 .icon {

    display: inline-block;

    color: #2E8ECE;

    font-size: 36px;

    line-height: 43px;

    float: left; }

  .box-icon-1 .body-content {

    margin-left: 50px;

    font-weight: 400; }

    .box-icon-1 .body-content .heading {

      font-weight: 700;

      text-transform: uppercase; }



/* 2.4. BOX ICON 2 pakai */

.box-icon-2 {

  text-align: left;

  margin-bottom: 30px; }

  .box-icon-2 .icon {

    width: 55px;

    height: 55px;

    color: #ffffff;

    background-color: #2E8ECE;

    text-align: center;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px;

    display: table-cell;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out; }

    .box-icon-2 .icon .fa {

      font-size: 24px; }

  .box-icon-2 .title {

    margin-bottom: 15px;

    margin-top: 30px; }

  .box-icon-2:hover .icon {

    -webkit-animation-name: hvr-icon-push;

    animation-name: hvr-icon-push;

    -webkit-animation-duration: 0.3s;

    animation-duration: 0.3s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    background-color: #212635; }

  .box-icon-2:hover .title {

    color: #2E8ECE; }



/* Icon Push */

@-webkit-keyframes hvr-icon-push {

  50% {

    -webkit-transform: scale(0.5);

    transform: scale(0.5); } }

@keyframes hvr-icon-push {

  50% {

    -webkit-transform: scale(0.5);

    transform: scale(0.5); } }

/* 2.4. BOX ICON 3 pakai */

.box-icon-3 {

  margin-bottom: 40px;

  padding: 20px 30px;

  background-color: #ffffff;

  border: 1px solid #e1e2e4;

  height: 280px;

  text-align: center;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px;

  display: table-cell;

  vertical-align: middle;

  border-spacing: 50px; }

  .box-icon-3:after {

    content: '';

    clear: both; }

  .box-icon-3 .icon {

    color: #2E8ECE;

    font-size: 36px;

    line-height: 43px;

    margin-bottom: 20px; }

  .box-icon-3 .heading {

    font-size: 16px; }

  .box-icon-3 .body-content {

    position: relative;

    min-height: 5px;

    color: #222222; }

    .box-icon-3 .body-content .fa {

      padding: 8px 0;

      position: absolute;

      top: 0;

      left: 0;

      right: 0;

      color: rgba(46, 142, 206, 0.6);

      -webkit-transition: all .1s ease .3s;

      -moz-transition: all .1s ease .3s;

      -ms-transition: all .1s ease .3s;

      -o-transition: all .1s ease .3s;

      transition: all .1s ease .3s; }

    .box-icon-3 .body-content p {

      max-height: 0;

      opacity: 0;

      overflow: hidden;

      -webkit-transition: max-height .4s ease, opacity .5s ease;

      -moz-transition: max-height .4s ease, opacity .5s ease;

      -ms-transition: max-height .4s ease, opacity .5s ease;

      -o-transition: max-height .4s ease, opacity .5s ease;

      transition: max-height .4s ease, opacity .5s ease; }

    .box-icon-3 .body-content a {

      color: #2E8ECE;

      padding: 10px 0;

      display: block; }

      .box-icon-3 .body-content a:hover {

        text-decoration: underline; }

  .box-icon-3:hover {

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

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

    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13); }

    .box-icon-3:hover .body-content .fa {

      color: #2E8ECE;

      opacity: 0;

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

      filter: alpha(opacity=0); }

    .box-icon-3:hover .body-content p {

      max-height: 80px;

      opacity: 1;

      -webkit-transition: max-height .7s ease .15s, opacity .8s linear .2s;

      -moz-transition: max-height .7s ease .15s, opacity .8s linear .2s;

      -ms-transition: max-height .7s ease .15s, opacity .8s linear .2s;

      -o-transition: max-height .7s ease .15s, opacity .8s linear .2s;

      transition: max-height .7s ease .15s, opacity .8s linear .2s; }



/* 2.5. BOX EVENT pakai */

.box-event {

  border-bottom: 1px solid #e1e2e4;

  padding: 20px 0;

  overflow: hidden;

  position: relative; }

  .box-event .media {

    width: 100%;

    margin-bottom: 30px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px; }

    .box-event .media img {

      -webkit-border-radius: 20px;

      -moz-border-radius: 20px;

      -ms-border-radius: 20px;

      border-radius: 20px; }

  .box-event .meta-date {

    text-align: center;

    margin-right: 20px;

    background-color: #2E8ECE;

    color: #fff;

    padding: 8px 0;

    width: 80px;

    height: 80px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px;

    display: table-cell;

    vertical-align: middle;

    float: left; }

    .box-event .meta-date .month {

      text-transform: uppercase;

      display: block;

      line-height: 1; }

    .box-event .meta-date .date {

      font-size: 48px;

      line-height: .8;

      font-weight: 700;

      margin-top: 5px;

      margin-bottom: 5px;

      display: block;

      font-family: "Roboto", sans-serif; }

  .box-event .body-content {

    overflow: hidden;

    position: relative;

    display: table-cell; }

    .box-event .body-content h4, .box-event .body-content .lead, .box-event .body-content .team-2 .title, .team-2 .box-event .body-content .title {

      margin-bottom: 10px; }

    .box-event .body-content i {

      color: #2E8ECE;

      margin-right: 3px; }

    .box-event .body-content .location {

      margin-right: 30px; }

  .box-event .detail-event {

    float: right;

    overflow: hidden;

    margin-top: -66px;

    position: relative; }

  .box-event.style-2 .body-content span {

    display: block;

    font-size: 14px; }

  .box-event.style-2 .detail-event {

    display: none; }



.meta-date-heading {

  text-align: center;

  margin-right: 20px;

  background-color: #2E8ECE;

  color: #fff;

  padding: 8px 0;

  width: 80px;

  height: 80px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px;

  display: table-cell;

  vertical-align: middle;

  float: left; }

  .meta-date-heading .month {

    text-transform: uppercase;

    display: block;

    line-height: 1; }

  .meta-date-heading .date {

    font-size: 48px;

    line-height: .8;

    font-weight: 700;

    margin-top: 5px;

    margin-bottom: 5px;

    display: block;

    font-family: "Roboto", sans-serif; }



/* 2.5. BOX IMAGE 1 */

.box-image-1 {

  position: relative;

  margin-bottom: 30px; }

  .box-image-1 .image {

    overflow: hidden;

    background-color: #000; }

    .box-image-1 .image img {

      opacity: .9;

      max-width: 100%;

      -webkit-transform: scale(1, 1);

      -ms-transform: scale(1, 1);

      transform: scale(1, 1);

      -webkit-transition-timing-function: ease-in;

      transition-timing-function: ease-in;

      -webkit-transition-duration: 250ms;

      transition-duration: 250ms;

      -webkit-transition: 0.1s all linear;

      transition: 0.1s all linear; }

  .box-image-1:hover .image img {

    opacity: .4;

    -webkit-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

    box-shadow: none;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    -webkit-transition-duration: 250ms;

    transition-duration: 250ms; }

  .box-image-1 .description {

    position: absolute;

    left: 40px;

    bottom: 40px; }

  .box-image-1 .blok-title {

    color: #ffffff;

    font-size: 24px;

    font-weight: 400; }



/* 2.6. BOX IMAGE 2 */

.box-image-2 .image img {

  width: 100%; }

.box-image-2 .blok-title {

  color: #2E8ECE;

  font-size: 24px;

  font-weight: 400;

  margin-top: 30px;

  margin-bottom: 20px; }



/* 2.7. BOX IMAGE 4 */

.box-image-4 {

  position: relative;

  margin-bottom: 30px; }

  .box-image-4 .media {

    overflow: hidden;

    background-color: #2E8ECE;

    position: relative; }

    .box-image-4 .media img {

      opacity: 1;

      max-width: 100%;

      -webkit-transform: scale(1, 1);

      -ms-transform: scale(1, 1);

      transform: scale(1, 1);

      -webkit-transition-timing-function: ease-in;

      transition-timing-function: ease-in;

      -webkit-transition-duration: 250ms;

      transition-duration: 250ms;

      -webkit-transition: 0.1s all linear;

      transition: 0.1s all linear; }

  .box-image-4 .body {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    height: -webkit-calc(100% - 20px);

    height: calc(100% - 20px);

    width: -webkit-calc(100% - 20px);

    width: calc(100% - 20px);

    background-color: rgba(46, 142, 206, 0.4);

    border: solid 10px #212635;

    opacity: 0;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out; }

    .box-image-4 .body .content {

      position: absolute;

      width: 80%;

      top: 50%;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

      transform: translate(-50%, -50%);

      text-align: center; }

  .box-image-4 .title {

    color: #ffffff;

    font-size: 18px;

    margin-top: 20px;

    margin-bottom: 10px; }

  .box-image-4 .category {

    color: #ffffff; }

  .box-image-4:hover .media img {

    -webkit-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

    box-shadow: none;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    -webkit-transition-duration: 250ms;

    transition-duration: 250ms; }

  .box-image-4:hover .body {

    opacity: 1; }

  .box-image-4:hover .title {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); }



/* 2.7. BOX IMAGE 3 */

.box-image-3 {

  position: relative;

  margin-bottom: 40px; }

  .box-image-3 .image {

    overflow: hidden;

    background-color: #2E8ECE;

    position: relative; }

    .box-image-3 .image:before {

      content: '';

      position: absolute;

      background: url(../images/link.gif) center top no-repeat;

      top: 40%;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

      transform: translate(-50%, -50%);

      width: 50px;

      height: 50px;

      text-align: center;

      z-index: 9;

      color: #ffffff;

      font-size: 30px;

      filter: alpha(opacity=0);

      opacity: 0;

      -webkit-transition: all ease .25s;

      transition: all ease .25s; }

    .box-image-3 .image img {

      opacity: 1;

      max-width: 100%;

      -webkit-transform: scale(1, 1);

      -ms-transform: scale(1, 1);

      transform: scale(1, 1);

      -webkit-transition-timing-function: ease-in;

      transition-timing-function: ease-in;

      -webkit-transition-duration: 250ms;

      transition-duration: 250ms;

      -webkit-transition: 0.1s all linear;

      transition: 0.1s all linear; }

  .box-image-3:hover .image img {

    opacity: .2;

    -webkit-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    -webkit-transition-duration: 250ms;

    transition-duration: 250ms; }

  .box-image-3:hover .image:before {

    top: 50%;

    filter: alpha(opacity=1);

    opacity: 100; }

  .box-image-3 .blok-title {

    text-align: center;

    color: #666666;

    font-size: 18px;

    margin-top: 20px;

    margin-bottom: 20px; }

  .box-image-3:hover .blok-title {

    color: #2E8ECE; }



/* 2.8. BOX IMAGE 5 **/

.team-2 {

  position: relative;

  margin-bottom: 30px;

  text-align: left; }

  .team-2 .media {

    display: block;

    position: relative;

    background-color: rgba(46, 142, 206, 0);

    overflow: hidden;

    margin-bottom: 20px;

    position: relative; }

    .team-2 .media .social-icon {

      display: flex;

      justify-content: center;

      position: absolute;

      bottom: 0;

      opacity: 0;

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

      filter: alpha(opacity=0);

      width: 100%;

      margin-left: 0;

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      -ms-transition: all 0.3s ease;

      -o-transition: all 0.3s ease;

      transition: all 0.3s ease; }

      .team-2 .media .social-icon li {

        line-height: 2.2; }

        .team-2 .media .social-icon li a {

          -webkit-border-radius: 50%;

          -moz-border-radius: 50%;

          -ms-border-radius: 50%;

          border-radius: 50%;

          background-color: #ffffff; }

          .team-2 .media .social-icon li a:hover {

            color: #2E8ECE; }

    .team-2 .media img {

      -webkit-transform: scale(1, 1);

      -ms-transform: scale(1, 1);

      transform: scale(1, 1);

      -webkit-transition: 0.4s all linear;

      transition: 0.4s all linear; }

  .team-2:hover .media {

    background-color: rgba(46, 142, 206, 0.9); }

    .team-2:hover .media img {

      opacity: 0.2;

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

      filter: alpha(opacity=20);

      -webkit-transform: scale(1.05, 1.05);

      -ms-transform: scale(1.05, 1.05);

      transform: scale(1.05, 1.05);

      -webkit-transition-timing-function: ease-out;

      transition-timing-function: ease-out;

      -webkit-transition-duration: 250ms;

      transition-duration: 250ms; }

    .team-2:hover .media .social-icon {

      bottom: 40px;

      opacity: 1;

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

      filter: alpha(opacity=100); }

  .team-2 .body {

    overflow: hidden;

    color: #222222; }

  .team-2 .title {

    margin-bottom: 0; }

  .team-2 .position {

    color: #2E8ECE;

    font-size: 13px; }



/* 2.8. BOX IMAGE 4 pakai */

.feature-box-8 {

  position: relative;

  padding-bottom: 40px;

  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

  transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

  .feature-box-8 .media {

    width: 100%;

    margin-bottom: 30px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px; }

    .feature-box-8 .media img {

      -webkit-border-radius: 20px;

      -moz-border-radius: 20px;

      -ms-border-radius: 20px;

      border-radius: 20px; }

  .feature-box-8 .body {

    position: relative;

    padding-right: 50px; }

  .feature-box-8 .title {

    font-size: 18px;

    color: #222222;

    margin-bottom: 10px;

    font-weight: 700;

    letter-spacing: .2px;

    display: inline-block; }

  .feature-box-8.light .body {

    color: #ffffff; }

    .feature-box-8.light .body .title {

      color: #ffffff; }

  .feature-box-8 .more {

    position: absolute;

    right: 0;

    top: 0;

    width: 45px;

    height: 45px;

    display: block;

    border: 1px solid #222222;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px;

    font-size: 24px;

    text-align: center; }

  .feature-box-8:hover {

    -webkit-transform: translateY(-6px);

    transform: translateY(-6px); }

    .feature-box-8:hover .title {

      color: #2E8ECE; }

    .feature-box-8:hover .more {

      background-color: #2E8ECE;

      color: #ffffff;

      border-color: #2E8ECE; }

  .feature-box-8.style-2 {

    background-color: #2E8ECE;

    padding: 30px 20px 5px 20px;

    color: #ffffff;

    -webkit-border-radius: 0 0 20px 20px;

    -moz-border-radius: 0 0 20px 20px;

    -ms-border-radius: 0 0 20px 20px;

    border-radius: 0 0 20px 20px; }

    .feature-box-8.style-2.bg-1 {

      background-color: #6bb0de; }

    .feature-box-8.style-2.bg-2 {

      background-color: #56a5d9; }

    .feature-box-8.style-2 .title {

      color: #ffffff; }

    .feature-box-8.style-2 .more {

      border-color: #ffffff;

      color: #ffffff; }

    .feature-box-8.style-2:hover .more {

      background-color: #ffffff;

      color: #2E8ECE;

      border-color: #2E8ECE; }



/* 2.8. BOX IMAGE 5 **/

.feature-box-7 {

  position: relative;

  overflow: hidden;

  margin-bottom: 30px; }

  .feature-box-7 .media {

    width: 100%; }

  .feature-box-7 .body {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(34, 34, 34, 0.8);

    padding: 20px;

    height: 60%;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -webkit-transform: translateY(65%);

    transform: translateY(65%); }

    .feature-box-7 .body .info-box .text {

      color: #fff; }

    .feature-box-7 .body .info-box .title {

      color: #fff;

      font-size: 16px;

      font-weight: 700;

      margin-bottom: 24px;

      line-height: 2; }

      .feature-box-7 .body .info-box .title:after {

        content: '';

        height: 2px;

        width: 30px;

        display: block;

        margin: 7% 0;

        background: #fde428;

        -webkit-transform-origin: left top;

        -moz-transform-origin: left top;

        -ms-transform-origin: left top;

        -o-transform-origin: left top;

        transform-origin: left top;

        -webkit-transform: scale(0, 1);

        -moz-transform: scale(0, 1);

        -ms-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

        -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

        -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

        -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

        transition: transform 0.4s cubic-bezier(1, 0, 0, 1); }

  .feature-box-7:hover .body {

    transform: translateY(0%); }

    .feature-box-7:hover .body .title:after {

      -webkit-transform: scale(1, 1);

      -moz-transform: scale(1, 1);

      -ms-transform: scale(1, 1);

      -o-transform: scale(1, 1);

      transform: scale(1, 1); }



/* 2.8. BOX TESTIMONY */

.box-testimony {

  position: relative;

  box-sizing: border-box; }

  .box-testimony:before {

    content: "\f10e";

    color: #000000;

    font-family: FontAwesome;

    font-size: 60px;

    float: left;

    line-height: initial; }

  .box-testimony .quote-box {

    margin-left: 80px; }

    .box-testimony .quote-box blockquote {

      font-size: 18px;

      line-height: 32px;

      font-weight: 600;

      padding: 0;

      background-color: transparent;

      margin: 0;

      border-left: 0;

      font-style: italic; }

    .box-testimony .quote-box .quote-name {

      margin-top: 30px;

      font-size: 24px;

      line-height: 34px;

      font-weight: 700;

      color: #2E8ECE; }

      .box-testimony .quote-box .quote-name span {

        font-size: 12px;

        font-style: italic;

        color: #222222;

        font-weight: normal;

        display: block; }



/* TESTIMONIALS 1 pakai */

.testimonial-1 {

  position: relative;

  border: 1px solid rgba(34, 34, 34, 0.1);

  padding: 30px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px;

  margin-bottom: 30px; }

  .testimonial-1 .media {

    float: left;

    margin: 0 30px 30px 0;

    max-width: 155px;

    display: block;

    position: relative;

    background-color: #212635;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px; }

    .testimonial-1 .media img {

      -webkit-border-radius: 20px;

      -moz-border-radius: 20px;

      -ms-border-radius: 20px;

      border-radius: 20px;

      -webkit-transform: scale(1, 1);

      -ms-transform: scale(1, 1);

      transform: scale(1, 1);

      -webkit-transition: 0.4s all linear;

      transition: 0.4s all linear; }

  .testimonial-1:hover .media img {

    filter: alpha(opacity=30);

    opacity: .3;

    -webkit-transform: scale(1.05, 1.05);

    -ms-transform: scale(1.05, 1.05);

    transform: scale(1.05, 1.05);

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    -webkit-transition-duration: 250ms;

    transition-duration: 250ms; }

  .testimonial-1 .body {

    overflow: hidden;

    color: #222222; }

  .testimonial-1 .title {

    color: #2E8ECE;

    font-weight: 700;

    font-size: 16px; }

  .testimonial-1 .position {

    color: #a2a2a2; }

  .testimonial-1 .company {

    color: #a2a2a2;

    margin-bottom: 20px; }



/* TESTIMONIALS 2 */

.testimonial-2 {

  position: relative;

  margin-bottom: 30px;

  margin-left: 0;

  margin-bottom: 100px;

  background-color: #2E8ECE; }

  .testimonial-2 .body {

    border: none;

    margin-bottom: 0;

    padding: 30px;

    font-weight: 500;

    color: #fff;

    min-height: 140px; }

  .testimonial-2 .info {

    background-color: #fff;

    display: inline-block;

    padding: 20px 20px;

    margin-top: -40px;

    float: right;

    min-width: 290px;

    border-bottom: 2px solid #2E8ECE;

    height: 90px;

    position: relative;

    z-index: 3; }

    .testimonial-2 .info .media {

      max-width: 60px;

      max-height: 60px;

      float: left; }

    .testimonial-2 .info .info-title {

      margin-left: 80px; }

    .testimonial-2 .info .title {

      color: #2E8ECE;

      font-weight: 700;

      font-size: 16px; }

    .testimonial-2 .info .position {

      color: #a2a2a2; }

    .testimonial-2 .info .company {

      color: #a2a2a2;

      margin-bottom: 20px; }

  .testimonial-2:hover {

    background-color: #212635; }

    .testimonial-2:hover .info {

      border-color: #212635; }



/* TESTIMONIALS 3 */

.testimonial-3 .media {

  text-align: center;

  /*float: left;*/ }

  .testimonial-3 .media img {

    width: 200px;

    margin: 0 auto;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    -ms-border-radius: 100px;

    border-radius: 100px; }

.testimonial-3 .body {

  /*padding-left: 200px;*/

  font-size: 20px;

  line-height: 1.6; }

.testimonial-3 .title {

  color: #222222;

  font-weight: 700;

  font-size: 24px;

  margin-top: 40px;

  margin-bottom: 40px; }

.testimonial-3 .company {

  color: #777;

  margin-bottom: 20px; }

@media (max-width: 768px) {

  .testimonial-3 .media {

    float: none; }

    .testimonial-3 .media img {

      margin: 0 auto;

      margin-bottom: 25px; }

  .testimonial-3 .body {

    padding-left: 0;

    text-align: center; } }



/* 2.9. BOX TEAM 2 */

.box-team {

  border: 1px solid #eee;

  margin-bottom: 30px;

  background-color: #2E8ECE;

  color: #fff; }

  .box-team:hover {

    background-color: #2E8ECE; }

  .box-team:after {

    content: '';

    display: block;

    width: 100%;

    clear: both; }

  .box-team .box-image {

    float: left;

    width: 50%;

    position: relative; }

    .box-team .box-image img {

      display: block;

      width: 100%; }

    .box-team .box-image .sosmed {

      position: absolute;

      bottom: 0;

      left: 0;

      right: 0;

      background-color: rgba(255, 255, 255, 0.6);

      text-align: center;

      padding: 10px 0; }

      .box-team .box-image .sosmed .fa {

        font-size: 18px;

        color: #2E8ECE;

        padding: 0 20px; }

        .box-team .box-image .sosmed .fa:hover {

          color: #46c2ca; }

  .box-team .body-content {

    float: left;

    width: 50%;

    padding: 30px 30px;

    position: relative; }

    .box-team .body-content .people {

      font-size: 24px;

      font-weight: 700;

      margin-bottom: 0; }

    .box-team .body-content .position {

      color: #212635;

      font-size: 12px;

      font-style: italic; }

    .box-team .body-content .excert {

      margin-top: 20px;

      margin-bottom: 35px; }

    .box-team .body-content .phone {

      font-size: 18px; }

      .box-team .body-content .phone .fa {

        font-size: 30px;

        color: #000000;

        margin-right: 10px;

        vertical-align: middle; }

  .box-team:hover {

    background-color: #212635;

    color: #000; }

    .box-team:hover .position {

      color: #2E8ECE; }



/* 2.10. BOX STATISTIC */

.box-statistic {

  text-align: center;

  margin-top: 40px; }

  .box-statistic .icon {

    font-size: 36px;

    color: #ed1c24;

    margin-bottom: 30px; }

  .box-statistic .heading {

    font-size: 36px;

    color: #2E8ECE;

    font-weight: 700;

    margin-bottom: 20px; }

  .box-statistic .subheading {

    font-size: 14px;

    font-weight: 600;

    color: #46c2ca; }



.counter-1 .counter-number {

  display: block;

  vertical-align: middle;

  padding: 0;

  width: 70px;

  padding-right: 14px;

  letter-spacing: -.5px;

  font-weight: 700;

  font-size: 48px;

  color: #2E8ECE;

  font-family: "Roboto", sans-serif; }

.counter-1 .counter-title {

  display: table-cell;

  vertical-align: middle;

  padding: 0;

  text-align: left;

  line-height: 18px;

  margin-bottom: 0;

  color: #212635; }



/* 2.11. BOX HISTORY */

.box-history .item {

  padding-bottom: 40px; }

  .box-history .item:before {

    content: '';

    position: absolute;

    left: 92px;

    top: 0;

    bottom: 0;

    width: 1px;

    background-color: #eee;

    z-index: -1; }

  .box-history .item .year {

    float: left;

    font-size: 18px;

    font-weight: 700; }

  .box-history .item .year-info {

    position: relative;

    margin-left: 100px; }

    .box-history .item .year-info:before {

      content: '';

      position: absolute;

      left: -30px;

      width: 15px;

      height: 15px;

      background-color: #ed1c24;

      -webkit-border-radius: 30px;

      -moz-border-radius: 30px;

      -ms-border-radius: 30px;

      border-radius: 30px; }

    .box-history .item .year-info .heading {

      font-size: 24px;

      color: #2E8ECE;

      margin-bottom: 20px; }

  .box-history .item:after {

    content: '';

    clear: both;

    display: block; }



.history-2 .timeline__item .media {

  display: table-cell;

  width: 30%; }

  .history-2 .timeline__item .media img {

    margin-bottom: 80px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px; }

.history-2 .timeline__item .year {

  font-size: 6rem;

  font-weight: 700;

  color: #2E8ECE;

  letter-spacing: -.04em;

  margin-top: -15px;

  line-height: normal;

  font-family: "Roboto", sans-serif; }

.history-2 .timeline__item .aksen {

  position: relative;

  display: table-cell;

  width: 80px; }

  .history-2 .timeline__item .aksen:before {

    content: '';

    position: absolute;

    left: 50%;

    top: 20px;

    bottom: -5px;

    width: 1px;

    background: #e6e6e6;

    border-radius: 100%;

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

    transform: translateX(-50%); }

  .history-2 .timeline__item .aksen:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 8px;

    width: 9px;

    height: 9px;

    background: #2E8ECE;

    border-radius: 100%;

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

    transform: translateX(-50%); }

.history-2 .timeline__item:last-child .aksen:before {

  display: none; }

.history-2 .timeline__item .text {

  display: table-cell;

  padding: 0 0 50px;

  vertical-align: top; }

  .history-2 .timeline__item .text .title {

    font-size: 20px;

    margin: 0 0 16px;

    padding: 0;

    font-weight: 700; }

@media (max-width: 767px) {

  .history-2 .timeline__item .media {

    display: block;

    width: 100%; }

    .history-2 .timeline__item .media img {

      margin-bottom: 20px; }

  .history-2 .timeline__item .aksen {

    display: none; } }



/* 2.12. BOX PARTNERS */

.box-partner {

  margin-top: 30px;

  margin-bottom: 30px; }

  .box-partner .item {

    padding-top: 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #eee; }

    .box-partner .item .box-image {

      float: left;

      width: 20%;

      font-size: 18px; }

      .box-partner .item .box-image img {

        width: 100%;

        border: 1px solid #eee;

        padding: 20px; }

    .box-partner .item .box-info {

      float: left;

      width: 70%;

      position: relative;

      margin-left: 40px; }

      .box-partner .item .box-info .heading {

        font-size: 24px;

        color: #2E8ECE;

        font-weight: 700;

        margin-bottom: 20px; }

    .box-partner .item:after {

      content: '';

      clear: both;

      display: block; }

  .box-partner .item:last-child {

    border-bottom: 0; }



/* 2.13. PANEL ACCORDION */

.panel-faq.panel-group .panel {

  border-radius: 0px; }

.panel-faq .panel-default {

  border-color: transparent; }

  .panel-faq .panel-default > .panel-heading {

    background-color: #2E8ECE;

    border-color: #ddd;

    color: #ffffff;

    border: 0;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    padding: 15px 20px;

    position: relative; }

    .panel-faq .panel-default > .panel-heading:before {

      padding: 0 0px 0 20px;

      content: "\002B";

      font-family: Arial;

      font-size: 24px;

      position: absolute;

      top: 10px;

      right: 20px;

      line-height: 1; }

    .panel-faq .panel-default > .panel-heading + .panel-collapse > .panel-body {

      border-top-color: transparent; }

  .panel-faq .panel-default.active > .panel-heading {

    background-color: #eff3f6;

    color: #212635; }

    .panel-faq .panel-default.active > .panel-heading:before {

      color: #212635;

      content: "\002D"; }

.panel-faq .panel-title {

  font-size: 16px;

  display: block; }

  .panel-faq .panel-title > a,

  .panel-faq .panel-title > a:active,

  .panel-faq .panel-title > a:focus {

    color: inherit;

    text-decoration: none;

    display: block; }

.panel-faq .panel-body {

  padding: 15px 20px;

  background-color: #eff3f6;

  margin-top: 0; }

  .panel-faq .panel-body p {

    margin: 10px 0; }

.panel-faq .collapse.in {

  display: block;

  visibility: visible; }



/* 2.14. FAQ */

.faq-list {

  margin: 0;

  padding: 0; }

  .faq-list li {

    list-style: none; }

    .faq-list li .fa {

      color: #f00;

      font-size: 14px;

      margin-right: 10px; }

  .faq-list .faq-item-image {

    position: relative;

    width: 100%;

    text-align: center; }

  .faq-list .faq-item-image img {

    display: block; }



.faq-1 .item {

  margin-bottom: 70px; }

  .faq-1 .item .question {

    position: relative;

    padding-left: 40px;

    font-size: 1.714em;

    line-height: normal;

    margin-bottom: 30px; }

    .faq-1 .item .question:before {

      content: "\f059";

      color: #000000;

      font-family: FontAwesome;

      position: absolute;

      left: 0;

      top: 5px; }

  .faq-1 .item .answer {

    position: relative;

    padding-left: 40px;

    margin-bottom: 30px; }

    .faq-1 .item .answer:before {

      content: "\f064";

      color: #212635;

      font-family: FontAwesome;

      position: absolute;

      left: 0;

      top: 5px; }



/* 2.15. PRICING TABLE */

.panel-pricing {

  border-color: #eee;

  text-align: center;

  margin-bottom: 40px;

  background-color: #ffffff;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px;

  overflow: hidden;

  -webkit-transition: 0.4s all linear;

  transition: 0.4s all linear; }

  .panel-pricing .price {

    padding: 15px 0;

    background-color: #F7F7F7;

    color: #222222;

    border-top: 1px solid #eee;

    margin-bottom: 0; }

    .panel-pricing .price sup {

      font-size: 24px;

      margin-right: 5px;

      top: -.6em; }

    .panel-pricing .price small {

      font-size: 14px;

      margin-left: 0px;

      display: block; }

  .panel-pricing h3, .panel-pricing .jumbo-heading h2, .jumbo-heading .panel-pricing h2, .panel-pricing .jumbo-heading .banner-page .title-page, .jumbo-heading .banner-page .panel-pricing .title-page, .panel-pricing .banner-page .jumbo-heading .title-page, .banner-page .jumbo-heading .panel-pricing .title-page {

    font-size: 20px;

    line-height: 34px;

    font-weight: 700;

    margin: 0; }

  .panel-pricing > .panel-heading {

    background-color: #ffffff;

    border-color: #eee;

    padding: 10px 0px 0px 0px; }

  .panel-pricing.best > .panel-heading {

    background-color: #2E8ECE;

    color: #ffffff; }

  .panel-pricing .table > tbody > tr > td, .panel-pricing .table > tfoot > tr > td {

    padding: 12px 0;

    vertical-align: top;

    border-top: none; }

  .panel-pricing .table {

    margin-bottom: 0; }

  .panel-pricing .panel-body {

    padding: 10px;

    text-align: center; }

    .panel-pricing .panel-body table,

    .panel-pricing .panel-body th,

    .panel-pricing .panel-body td {

      border: 0;

      text-align: center; }

  .panel-pricing .panel-footer {

    padding: 30px 0;

    border-top: 0;

    background-color: #ffffff; }

  .panel-pricing:hover {

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

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

    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13); }



/* 2.16. CAREER TABS */

.career-tabs > ul {

  margin-left: 0px; }

.career-tabs .nav-tabs {

  border-bottom: 0; }

  .career-tabs .nav-tabs > li {

    float: left;

    margin-bottom: 0;

    width: 25%;

    background: #2E8ECE;

    text-align: center; }

    .career-tabs .nav-tabs > li > a {

      padding: 20px 0;

      color: #222222;

      margin-right: 0;

      border-radius: 0;

      font-weight: 700; }

      .career-tabs .nav-tabs > li > a:hover {

        background-color: #212635;

        color: #ffffff; }

    .career-tabs .nav-tabs > li.active > a, .career-tabs .nav-tabs > li.active > a:hover, .career-tabs .nav-tabs > li.active > a:focus {

      cursor: default;

      background-color: #eff3f6; }

.career-tabs .tab-content {

  padding: 20px 30px;

  border: 1px solid #eee;

  background-color: #eff3f6; }



/* 3.17. BOX NEWS */

.box-certificate {

  position: relative;

  margin-bottom: 30px;

  text-align: center; }

  .box-certificate .media {

    width: 100%;

    margin-bottom: 20px;

    position: relative;

    z-index: 1;

    overflow: hidden;

    background-color: #ffffff;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px; }

    .box-certificate .media img {

      -webkit-border-radius: 20px;

      -moz-border-radius: 20px;

      -ms-border-radius: 20px;

      border-radius: 20px;

      -webkit-transition: 0.4s all linear;

      transition: 0.4s all linear; }

    .box-certificate .media a:before {

      content: "\f002";

      font-family: FontAwesome;

      position: absolute;

      top: 40%;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

      transform: translate(-50%, -50%);

      width: 50px;

      height: 50px;

      text-align: center;

      z-index: 9;

      color: #ffffff;

      font-size: 30px;

      filter: alpha(opacity=0);

      opacity: 0;

      -webkit-transition: all ease .25s;

      transition: all ease .25s; }

  .box-certificate .body {

    text-align: center; }

  .box-certificate:hover .body:before {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1); }

  .box-certificate:hover .media {

    background-color: #212635; }

    .box-certificate:hover .media img {

      filter: alpha(opacity=80);

      opacity: .4;

      -webkit-transform: scale(1.05, 1.05);

      -moz-transform: scale(1.05, 1.05);

      -ms-transform: scale(1.05, 1.05);

      -o-transform: scale(1.05, 1.05);

      transform: scale(1.05, 1.05);

      -webkit-transition-timing-function: ease-out;

      transition-timing-function: ease-out;

      -webkit-transition-duration: 250ms;

      transition-duration: 250ms; }

    .box-certificate:hover .media a:before {

      top: 50%;

      filter: alpha(opacity=1);

      opacity: 100; }



/* 3.17. BOX NEWS */

.box-news-1 {

  position: relative;

  margin-bottom: 30px; }

  .box-news-1 .media {

    width: 100%;

    margin-bottom: 20px;

    position: relative;

    z-index: 1;

    overflow: hidden;

    background-color: #212635;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px; }

    .box-news-1 .media img {

      -webkit-border-radius: 20px;

      -moz-border-radius: 20px;

      -ms-border-radius: 20px;

      border-radius: 20px;

      -webkit-transition: 0.4s all linear;

      transition: 0.4s all linear; }

    .box-news-1 .media a:before {

      content: "\f0c1";

      font-family: FontAwesome;

      position: absolute;

      top: 40%;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

      transform: translate(-50%, -50%);

      width: 50px;

      height: 50px;

      text-align: center;

      z-index: 9;

      color: #ffffff;

      font-size: 30px;

      filter: alpha(opacity=0);

      opacity: 0;

      -webkit-transition: all ease .25s;

      transition: all ease .25s; }

  .box-news-1 .body {

    position: relative;

    padding-bottom: 20px; }

    .box-news-1 .body .title a {

      color: #212635; }

      .box-news-1 .body .title a:hover {

        color: #2E8ECE; }

    .box-news-1 .body .meta {

      color: #6f6f6f;

      font-size: 13px;

      margin-top: 5px; }

      .box-news-1 .body .meta span {

        display: inline-table;

        margin-right: 20px; }

      .box-news-1 .body .meta .fa {

        color: #2E8ECE;

        margin-right: 5px; }

  .box-news-1:hover .body:before {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1); }

  .box-news-1:hover .media img {

    filter: alpha(opacity=80);

    opacity: .4;

    -webkit-transform: scale(1.05, 1.05);

    -moz-transform: scale(1.05, 1.05);

    -ms-transform: scale(1.05, 1.05);

    -o-transform: scale(1.05, 1.05);

    transform: scale(1.05, 1.05);

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    -webkit-transition-duration: 250ms;

    transition-duration: 250ms; }

  .box-news-1:hover .media a:before {

    top: 50%;

    filter: alpha(opacity=1);

    opacity: 100; }



/* 3.17. BOX NEWS */

.box-news-2 {

  position: relative;

  margin-bottom: 40px; }

  .box-news-2 .image {

    overflow: hidden;

    background-color: #2E8ECE;

    position: relative; }

    .box-news-2 .image img {

      opacity: 1;

      max-width: 100%;

      -webkit-transform: scale(1, 1);

      -ms-transform: scale(1, 1);

      transform: scale(1, 1);

      -webkit-transition-timing-function: ease-in;

      transition-timing-function: ease-in;

      -webkit-transition-duration: 250ms;

      transition-duration: 250ms;

      -webkit-transition: 0.1s all linear;

      transition: 0.1s all linear; }

    .box-news-2 .image:before {

      content: '';

      position: absolute;

      background: url(../images/link.gif) center top no-repeat;

      top: 40%;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

      transform: translate(-50%, -50%);

      width: 50px;

      height: 50px;

      text-align: center;

      z-index: 9;

      color: #ffffff;

      font-size: 30px;

      filter: alpha(opacity=0);

      opacity: 0;

      -webkit-transition: all ease .25s;

      transition: all ease .25s; }

  .box-news-2:hover .image img {

    opacity: .2;

    -webkit-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    -webkit-transition-duration: 250ms;

    transition-duration: 250ms; }

  .box-news-2:hover .image:before {

    top: 50%;

    filter: alpha(opacity=1);

    opacity: 100; }

  .box-news-2 .meta-date {

    margin-top: 10px;

    color: #2E8ECE;

    font-size: 12px;

    font-style: italic; }

  .box-news-2 .blok-title {

    color: #666666;

    font-size: 18px;

    margin-top: 5px;

    margin-bottom: 20px;

    height: 50px;

    overflow: hidden; }

    .box-news-2 .blok-title a:hover {

      color: #ed1c24; }



/* 2.18. LIST NEWS */

.meta-blog, .list-news .news-item .meta, .single-news .meta {

  margin-bottom: 20px; }

  .meta-blog:after, .list-news .news-item .meta:after, .single-news .meta:after {

    clear: both;

    content: " ";

    display: table; }

  .meta-blog > div, .list-news .news-item .meta > div, .single-news .meta > div {

    float: left;

    font-size: 13px;

    line-height: normal; }

    .meta-blog > div:last-child, .list-news .news-item .meta > div:last-child, .single-news .meta > div:last-child {

      text-align: right;

      float: right; }

    .meta-blog > div i, .list-news .news-item .meta > div i, .single-news .meta > div i {

      color: #212635; }

  .meta-blog .meta-author, .list-news .news-item .meta .meta-author, .single-news .meta .meta-author,

  .meta-blog .meta-category,

  .list-news .news-item .meta .meta-category,

  .single-news .meta .meta-category {

    margin: 0 0 10px 20px;

    padding: 0 0 0 21px; }

  @media (max-width: 768px) {

    .meta-blog > div, .list-news .news-item .meta > div, .single-news .meta > div {

      display: block;

      float: none;

      margin-bottom: 10px; }

      .meta-blog > div:last-child, .list-news .news-item .meta > div:last-child, .single-news .meta > div:last-child {

        text-align: left;

        float: none; }

    .meta-blog .meta-author, .list-news .news-item .meta .meta-author, .single-news .meta .meta-author,

    .meta-blog .meta-category,

    .list-news .news-item .meta .meta-category,

    .single-news .meta .meta-category {

      margin-left: 0;

      padding-left: 0; } }



.list-news {

  width: 98%; }

  .list-news .news-item {

    margin-bottom: 70px;

    padding-right: 15px;

    padding-left: 15px;

    /*.meta-date{

       	margin-top: 10px;

       	color: $color_1;

       	font-size: 12px;

       	font-style: italic;

    }

    .meta-author{

    	color: $color_1;

    	font-style: italic;

    	font-size: 12px;

    	margin-bottom: 20px;

    }*/ }

    .list-news .news-item .image {

      position: relative;

      overflow: hidden;

      background-color: #2E8ECE;

      -webkit-border-radius: 20px;

      -moz-border-radius: 20px;

      -ms-border-radius: 20px;

      border-radius: 20px; }

      .list-news .news-item .image:before {

        content: "\f0c1";

        font-family: FontAwesome;

        position: absolute;

        top: 40%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        width: 50px;

        height: 50px;

        text-align: center;

        z-index: 9;

        color: #ffffff;

        font-size: 30px;

        filter: alpha(opacity=0);

        opacity: 0;

        -webkit-transition: all ease .25s;

        transition: all ease .25s; }

      .list-news .news-item .image img {

        opacity: 1;

        max-width: 100%;

        -webkit-transform: scale(1, 1);

        -ms-transform: scale(1, 1);

        transform: scale(1, 1);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in;

        -webkit-transition-duration: 250ms;

        transition-duration: 250ms;

        -webkit-transition: 0.1s all linear;

        transition: 0.1s all linear;

        -webkit-border-radius: 20px;

        -moz-border-radius: 20px;

        -ms-border-radius: 20px;

        border-radius: 20px; }

      .list-news .news-item .image .meta-date {

        position: absolute;

        bottom: 40px;

        left: 0;

        width: 70px;

        height: 70px;

        border-top-right-radius: 50%;

        border-bottom-right-radius: 50%;

        background-color: #ed1c24;

        font-size: 26px;

        font-weight: 600;

        color: #fff;

        text-align: center;

        padding-top: 13px;

        z-index: 1; }

        .list-news .news-item .image .meta-date span {

          font-size: 14px;

          display: block; }

    .list-news .news-item:hover .image img {

      opacity: .2;

      -webkit-transform: scale(1.1, 1.1);

      -ms-transform: scale(1.1, 1.1);

      transform: scale(1.1, 1.1);

      -webkit-transition-timing-function: ease-out;

      transition-timing-function: ease-out;

      -webkit-transition-duration: 250ms;

      transition-duration: 250ms; }

    .list-news .news-item:hover .image:before {

      top: 50%;

      filter: alpha(opacity=1);

      opacity: 100; }

    .list-news .news-item .blok-title {

      font-size: 24px;

      margin-top: 5px;

      margin-top: 20px;

      margin-bottom: 10px;

      font-weight: 700; }

      .list-news .news-item .blok-title a {

        color: #2E8ECE; }

        .list-news .news-item .blok-title a:hover {

          color: #000000; }



@media (max-width: 1024px) {

  .list-news {

    width: initial; } }

/**

 * 4. - LOGO & NAVIGATION

 * -----------------------------------------------------------------------------

 */

/* 4.1 - TOPBAR */

.topbar {

  /*background-color: $bg__topbar;*/

  padding: 0 0;

  height: 40px; }

  .topbar .topbar-left .welcome-text {

    font-style: italic;

    color: #ffffff;

    padding: 8px 0; }

  .topbar .topbar-right {

    text-align: right; }

    .topbar .topbar-right .topbar-menu {

      display: inline-table;

      margin-bottom: 0;

      vertical-align: top; }

      .topbar .topbar-right .topbar-menu li {

        list-style: none;

        float: left;

        color: #ffffff;

        padding: 0 10px;

        font-size: 12px; }

        .topbar .topbar-right .topbar-menu li a {

          color: #ffffff; }

          .topbar .topbar-right .topbar-menu li a:hover {

            color: #212635; }

    .topbar .topbar-right .topbar-sosmed {

      display: inline-table;

      margin-bottom: 0; }

      .topbar .topbar-right .topbar-sosmed li {

        list-style: none;

        float: left;

        font-size: 16px;

        padding: 0 10px; }

        .topbar .topbar-right .topbar-sosmed li a {

          color: #ffffff; }

          .topbar .topbar-right .topbar-sosmed li a:hover {

            color: #212635; }



.topbar-logo {

  background-color: #ffffff;

  padding: 5px 0; }



.contact-info {

  float: right;

  margin-top: 15px;

  margin-bottom: 5px; }

  .contact-info > div {

    display: inline-table;

    margin-right: 40px; }



.navbar-toggle .icon-bar {

  background: #2E8ECE; }



.navbar-toggle {

  float: left; }



/* 4.2 - NAVBAR */

.navbar-nav {

  clear: both;

  float: none; }



.navbar-main {

  background-color: transparent;

  border-radius: 0;

  margin-bottom: 0;

  border: 0;

  position: relative;

  z-index: 3;

  -webkit-transition: padding .2s ease-in-out;

  transition: padding .2s ease-in-out; }

  .navbar-main > .container {

    position: relative;

    margin-bottom: -24px; }

  .navbar-main .navbar-brand {

    position: absolute;

    left: 20px;

    top: -35px; }

  .navbar-main.stiky {

    background-color: #ffffff;

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1030;

    padding-top: 40px;

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

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

    -webkit-transform: translateY(-40px);

    -moz-transform: translateY(-40px);

    -ms-transform: translateY(-40px);

    -o-transform: translateY(-40px);

    transform: translateY(-40px);

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    bottom: initial; }

    .navbar-main.stiky .nav > li > a {

      color: #212635; }

    .navbar-main.stiky .navbar-brand {

      position: static;

      margin-left: 0; }

  .navbar-main ol, .navbar-main li {

    margin: 0 0;

    font-size: 14px;

    font-weight: 700; }

  .navbar-main .nav > li > a {

    color: #ffffff; }

  .navbar-main .nav > li.active > a,

  .navbar-main .nav > li > a:hover,

  .navbar-main .nav > li > a:focus {

    color: #2E8ECE;

    background-color: transparent; }

  .navbar-main .nav .open > a, .navbar-main .nav .open > a:hover, .navbar-main .nav .open > a:focus {

    background-color: transparent;

    border-color: transparent;

    color: #2E8ECE; }

  .navbar-main .nav > li:last-child {

    float: right; }

    .navbar-main .nav > li:last-child a {

      padding-left: 35px;

      padding-right: 35px;

      background-color: #2E8ECE;

      -webkit-border-radius: 0 30px 30px 0;

      -moz-border-radius: 0 30px 30px 0;

      -ms-border-radius: 0 30px 30px 0;

      border-radius: 0 30px 30px 0; }

      .navbar-main .nav > li:last-child a:hover {

        color: #212635; }

  .navbar-main .caret {

    margin-left: 10px; }

  .navbar-main .nav.navbar-right > li {

    margin-right: 15px; }

  .navbar-main .fa {

    font-size: 18px; }

  .navbar-main .dropdown-menu {

    min-width: 180px;

    color: #212635;

    padding: 0;

    border: 0;

    border-radius: 0; }

    .navbar-main .dropdown-menu > li {

      /*border-bottom: 1px solid lighten($color_1, 10%);*/ }

      .navbar-main .dropdown-menu > li a {

        padding: 10px 20px;

        color: #212635;

        background-color: #ffffff; }

        .navbar-main .dropdown-menu > li a:hover {

          background-color: #2E8ECE;

          color: #ffffff; }



.header-1 {

  position: relative;

  z-index: 999;

  width: 100%;

  padding-top: 15px;

  /*overflow: hidden;*/ }

  .header-1 .navbar-nav {

    background-color: #212635;

    position: relative;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px;

    padding-left: 25px; }

  .header-1 .stiky > .container {

    margin-bottom: 0;

    padding: 20px 15px; }

  .header-1 .stiky .navbar-nav {

    background-color: #ffffff;

    clear: none;

    float: left;

    padding-left: 0; }

  .header-1 .stiky .navbar-nav > li > a {

    padding-left: 10px;

    padding-right: 10px; }

  .header-1 .stiky .navbar-nav > li:last-child a {

    padding-left: 35px;

    padding-right: 35px; }

  .header-1 .stiky .nav > li.active > a {

    color: #212635; }

  .header-1 .stiky .nav .open > a, .header-1 .stiky .nav .open > a:hover, .header-1 .stiky .nav .open > a:focus {

    color: #2E8ECE; }

  .header-1 .stiky .nav > li:last-child a {

    color: #ffffff;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px; }



@media (min-width: 768px) {

  .navbar-nav > li > a {

    padding-top: 20px;

    padding-bottom: 20px;

    padding-left: 15px;

    padding-right: 15px; } }

.social-icon li {

  list-style: none;

  float: left;

  margin: 0 2px;

  text-align: center; }

  .social-icon li a {

    display: block;

    width: 35px;

    height: 35px;

    background-color: transparent;

    padding-top: 2px; }



/**

 * 5. - HOME

 * -----------------------------------------------------------------------------

 */

/* 5.1 - HERO */

.banner {

  position: relative;

  padding: 0 0;

  /*.btn-primary:hover, .btn-secondary:hover{

  	background-color: $blue_2;

  }*/ }

  .banner .overlay-bg {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.2);

    z-index: -1; }

  .banner ol li, .banner ul li {

    margin: 0; }



.slides-navigation {

  margin: 0 auto;

  position: absolute;

  z-index: 3;

  bottom: 46%;

  width: 100%; }



.slides-navigation.center {

  margin: 0 auto;

  position: absolute;

  z-index: 3;

  bottom: 25%;

  width: 100%;

  text-align: center;

  -webkit-transform: translateX(-7px);

  -ms-transform: translateX(-7px);

  transform: translateX(-7px); }



.slides-navigation .container {

  position: relative; }



.slides-navigation a {

  position: absolute;

  display: block; }



.slides-navigation.center a {

  position: relative;

  display: inline-table;

  text-align: center; }



/*.slides-navigation {

  bottom: 20%;

}*/

.slides-navigation a {

  color: #222222;

  font-size: 14px;

  margin: 5px;

  background: #ffffff;

  display: inline-block;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

  width: 50px;

  height: 50px;

  /*border: 3px solid $white;*/

  padding-top: 15px;

  text-align: center; }

  .slides-navigation a:hover {

    color: #ffffff;

    background: #2E8ECE;

    text-decoration: none; }

  .slides-navigation a.prev {

    left: -60px; }

  .slides-navigation a.next {

    right: -60px; }



.slides-navigation.center a.next {

  left: 0;

  right: 0; }



.slides-navigation.center a.prev {

  left: 0; }



/* 5.2 - Text Typing */

.wrap-caption {

  padding-top: 20%;

  /*-webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);*/

  color: #ffffff;

  width: 50%; }

  .wrap-caption.center {

    width: 80%;

    margin: 0 auto;

    text-align: center; }

  .wrap-caption.right {

    width: 50%;

    text-align: right;

    float: right; }

  .wrap-caption .excerpt {

    margin-bottom: 50px;

    font-size: 18px; }

  .wrap-caption .btn, .wrap-caption .btn-primary, .wrap-caption .btn-secondary, .wrap-caption .btn-ghost-light, .wrap-caption .btn-ghost-dark {

    margin-right: 15px; }



/**

 * 6. - SECTION

 * -----------------------------------------------------------------------------

 */

.banner-page {

  background-color: rgba(33, 38, 53, 0.1); }

  .banner-page > .container {

    padding-top: 40px;

    padding-bottom: 40px; }



/* 6.1 - About */

.banner-page.about {

  background: url("../images/banner-page.jpg") bottom center no-repeat;

  background-attachment: fixed;

  background-size: cover; }



.director-image {

  position: relative;

  margin-bottom: 60px; }

  .director-image .director-image-title {

    background-color: #212635;

    letter-spacing: -.6px;

    color: #fff;

    text-align: right;

    padding: 10px 30px;

    position: absolute;

    left: 0;

    bottom: 0; }

  .director-image:after {

    position: absolute;

    height: 40px;

    background-color: #212635;

    left: 0;

    bottom: -40px;

    right: 40px; }



.director-title {

  font-size: 28px;

  font-weight: 400;

  margin-bottom: 0; }



.director-position {

  font-size: 14px;

  color: #2E8ECE;

  text-transform: uppercase;

  font-weight: 600; }



.bos-quote {

  padding: 20px;

  background-color: #ffffff;

  border: 4px solid #dcdde1; }

  .bos-quote .bos-photo {

    float: left;

    width: 100px; }

    .bos-quote .bos-photo img {

      display: block; }

  .bos-quote .bos-text {

    margin-left: 120px; }

  .bos-quote:after {

    content: '';

    clear: both;

    display: inline-table; }



.box-vision {

  border-left: 10px solid #2E8ECE;

  padding: 15px 30px;

  font-size: 20px;

  line-height: normal;

  background-color: #eff3f6;

  color: #2E8ECE;

  margin-bottom: 60px;

  font-weight: 400;

  font-style: italic; }



dl.hiw {

  width: 100%; }

  dl.hiw dt {

    width: 30px;

    float: left; }

    dl.hiw dt .fa {

      font-size: 24px;

      color: #041e42; }

  dl.hiw dd {

    margin-left: 60px;

    margin-bottom: 40px; }

    dl.hiw dd h4, dl.hiw dd .lead, dl.hiw dd .team-2 .title, .team-2 dl.hiw dd .title {

      clear: none; }



.reset-section-heading {

  margin-top: -30px; }



.jumbolead {

  line-height: 1;

  margin-bottom: 30px; }



.vidimg {

  position: relative;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

  overflow: hidden; }

  .vidimg .play-vid {

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 72px;

    height: 72px;

    background-color: #2E8ECE;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    display: table-cell;

    padding-top: 13px;

    padding-left: 7px;

    text-align: center;

    vertical-align: middle;

    line-height: 3.5; }

    .vidimg .play-vid a {

      color: #ffffff; }

    .vidimg .play-vid:hover {

      background-color: #212635; }



/* 6.2 - Services */

.banner-page.project {

  background: url("../images/1920x1300.jpg") bottom center no-repeat; }

.section.services .box-icon-2 {text-align:center;}

.bg-dark {

  background: url("../images/1920x1300.jpg") bottom center no-repeat;

  background-attachment: fixed;

  background-size: cover; }



.bg-dark:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: #000000;

  opacity: .9; }



.portfolio_filter {

  margin: 0;

  padding: 0;

  text-align: left; }

  .portfolio_filter li {

    display: inline-table;

    list-style: none;

    padding: 15px 20px;

    text-transform: uppercase;

    text-decoration: none;

    margin: 0;

    background-color: #212635; }

    .portfolio_filter li a {

      color: #fff;

      font-weight: 700; }

      .portfolio_filter li a.active, .portfolio_filter li a:hover {

        color: #2E8ECE;

        text-decoration: none; }

  .portfolio_filter.dark li a {

    color: #666666; }

    .portfolio_filter.dark li a.active, .portfolio_filter.dark li a:hover {

      color: #2E8ECE;

      text-decoration: none; }



/* 6.3 - Appointment */

.wrap-book {

  background-color: #ffffff;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px;

  overflow: hidden; }

  .wrap-book.style-2 {

    -webkit-border-radius: 20px 20px 0 0;

    -moz-border-radius: 20px 20px 0 0;

    -ms-border-radius: 20px 20px 0 0;

    border-radius: 20px 20px 0 0; }

  .wrap-book > .row {

    display: flex;

    flex-wrap: wrap; }

  .wrap-book .bg-appointment {

    -webkit-border-radius: 20px 0 0 20px;

    -moz-border-radius: 20px 0 0 20px;

    -ms-border-radius: 20px 0 0 20px;

    border-radius: 20px 0 0 20px;

    height: 100%;

    background: url("../images/600x800.jpg") bottom center no-repeat;

    background-size: cover; }

  .wrap-book .wrap-form {

    padding: 20px 40px 60px 20px; }



.form-appointment {

  margin-top: 60px; }

  .form-appointment .form-control {

    padding: 10px 0px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    background-color: transparent;

    border: 0;

    border-bottom: 1px solid #e1e2e4;

    -webkit-box-shadow: none;

    box-shadow: none; }

  .form-appointment.style-2 {

    margin-top: 20px; }

    .form-appointment.style-2 .form-control {

      padding: 10px 12px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      border-radius: 10px;

      background-color: #ffffff;

      border: 0;

      border-bottom: 1px solid #e1e2e4;

      -webkit-box-shadow: none;

      box-shadow: none;

      height: 45px; }

    .form-appointment.style-2 textarea.form-control {

      height: auto; }



/* 6.3 - Pages */

.banner-page.pages {

  background: url("../images/1920x1300.jpg") bottom center no-repeat; }



/* 6.3 - Projects */

.banner-page.project {

  background: url("../images/1920x1300.jpg") bottom center no-repeat; }



/* 6.4 - News */

.banner-page.news {

  background: url("../images/1920x1300.jpg") bottom center no-repeat; }



.single-news .image {

  position: relative; }

  .single-news .image .meta-date {

    position: absolute;

    bottom: 40px;

    left: 0;

    width: 70px;

    height: 70px;

    border-top-right-radius: 50%;

    border-bottom-right-radius: 50%;

    background-color: #ed1c24;

    font-size: 26px;

    font-weight: 600;

    color: #fff;

    text-align: center;

    padding-top: 13px; }

    .single-news .image .meta-date span {

      font-size: 14px;

      display: block; }

.single-news .blok-title {

  font-size: 24px;

  margin-top: 20px;

  margin-bottom: 10px;

  font-weight: 700; }



.author-box {

  background-color: #f6f6f6;

  padding: 20px;

  margin-top: 60px; }

  .author-box .media {

    display: table-cell;

    vertical-align: top;

    width: 120px; }

    .author-box .media img {

      width: 100px;

      height: 100px; }

  .author-box .body {

    margin-left: 20px;

    display: table-cell;

    vertical-align: top; }

  .author-box .media-heading {

    color: #222222;

    font-weight: 600;

    font-size: 15px;

    text-transform: uppercase;

    margin-bottom: 10px; }

    .author-box .media-heading span {

      font-weight: 400;

      font-size: 12px;

      display: block;

      color: rgba(34, 34, 34, 0.3); }

  .author-box:after {

    @extent .clrfix; }



.comments-box {

  padding-bottom: 30px;

  /*border-bottom: 1px solid #E9E9E9;*/ }

  .comments-box .media {

    /*padding: 20px;*/

    padding-bottom: 30px;

    border-bottom: 1px solid #E9E9E9;

    background-color: #fff;

    margin-bottom: 30px; }

    .comments-box .media .media-left {

      display: inline-table;

      float: left;

      padding-right: 20px; }

      .comments-box .media .media-left img {

        width: 60px;

        height: 60px;

        -webkit-border-radius: 20px;

        -moz-border-radius: 20px;

        -ms-border-radius: 20px;

        border-radius: 20px; }

    .comments-box .media .media-body {

      margin-left: 140px; }

    .comments-box .media.comment {

      background-color: #fff; }

    .comments-box .media.reply-comment {

      /*background-color:#F6F6F6;*/

      margin-left: 40px; }

    .comments-box .media:after {

      display: table;

      content: " ";

      clear: both; }

  .comments-box .media-heading {

    color: #2E8ECE;

    font-weight: 600; }

  .comments-box .comments-box .media-left img {

    width: 100px;

    height: 100px; }

  .comments-box .date {

    float: right;

    color: rgba(34, 34, 34, 0.3); }

  .comments-box .reply {

    margin-top: 5px; }

    .comments-box .reply a {

      color: rgba(34, 34, 34, 0.3); }

      .comments-box .reply a:hover {

        color: #000000; }



.comments-box .title-heading,

.leave-comment-box .title-heading {

  font-size: 18px;

  line-height: 25px;

  color: #2E8ECE;

  font-weight: 600;

  margin-top: 40px;

  margin-bottom: 40px; }



/* 6.5 - Contact */

.form-comment .form-control,

.contact .form-control {

  height: 45px;

  background-color: #f6f6f6;

  border: 1px solid #eee;

  border-radius: 3px;

  box-shadow: none; }

.form-comment textarea.form-control,

.contact textarea.form-control {

  height: auto; }

.form-comment .btn.disabled, .form-comment .disabled.btn-primary, .form-comment .disabled.btn-secondary, .form-comment .disabled.btn-ghost-light, .form-comment .disabled.btn-ghost-dark, .form-comment .btn[disabled], .form-comment [disabled].btn-primary, .form-comment [disabled].btn-secondary, .form-comment [disabled].btn-ghost-light, .form-comment [disabled].btn-ghost-dark, .form-comment fieldset[disabled] .btn, .form-comment fieldset[disabled] .btn-primary, .form-comment fieldset[disabled] .btn-secondary, .form-comment fieldset[disabled] .btn-ghost-light, .form-comment fieldset[disabled] .btn-ghost-dark,

.contact .btn.disabled,

.contact .disabled.btn-primary,

.contact .disabled.btn-secondary,

.contact .disabled.btn-ghost-light,

.contact .disabled.btn-ghost-dark,

.contact .btn[disabled],

.contact [disabled].btn-primary,

.contact [disabled].btn-secondary,

.contact [disabled].btn-ghost-light,

.contact [disabled].btn-ghost-dark,

.contact fieldset[disabled] .btn,

.contact fieldset[disabled] .btn-primary,

.contact fieldset[disabled] .btn-secondary,

.contact fieldset[disabled] .btn-ghost-light,

.contact fieldset[disabled] .btn-ghost-dark {

  opacity: 1; }



.maps-wraper {

  position: relative; }



.maps {

  width: 100%;

  height: 350px;

  display: block;

  background: #ccc;

  position: relative; }



#google-container {

  position: relative;

  width: 100%;

  height: 500px;

  background-color: #fff; }



#cd-google-map {

  position: relative;

  overflow: hidden; }



#cd-google-map .col-md-12 {

  padding: 0; }



#cd-google-map .address {

  position: absolute;

  width: 100%;

  bottom: 0;

  left: 0;

  padding: 20px 0;

  background-color: rgba(5, 5, 5, 0.9); }



#cd-google-map .address .address-item {

  position: relative;

  padding-left: 44px; }



#cd-google-map .address .address-item i {

  width: 24px;

  height: 24px;

  position: absolute;

  top: 0;

  left: 4px;

  color: #fcfcfc;

  font-size: 22px;

  text-align: center;

  line-height: 24px; }



#cd-zoom-in,

#cd-zoom-out {

  height: 32px;

  width: 32px;

  cursor: pointer;

  margin-left: 10px;

  background-color: #2E8ECE;

  background-repeat: no-repeat;

  background-size: 32px 64px;

  background-image: url("../images/cd-icon-controller.svg"); }



.no-touch #cd-zoom-in:hover,

.no-touch #cd-zoom-out:hover {

  background-color: #000000; }



#cd-zoom-in {

  background-position: 50% 0;

  margin-top: 10px;

  margin-bottom: 1px; }



#cd-zoom-out {

  background-position: 50% -32px; }



/* 6.6 Section - Features */

.overlap {

  background-color: #ffffff;

  margin-top: -140px;

  position: relative;

  z-index: 2; }



.col-0 {

  margin-right: 0px;

  margin-left: 0px; }

  .col-0 > [class^="col-"], .col-0 > [class*=" col-"], .col-0[class*='col-'], .col-0[class*=" col-"] {

    padding-right: 0;

    padding-left: 0; }



.border-right {

  border-right: 1px solid #ccc; }



.about-img {

  position: relative;

  min-height: 370px; }

  .about-img img {

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px;

    padding: 10px;

    background-color: #ffffff;

    border: 1px solid rgba(34, 34, 34, 0.2); }

  .about-img .about-img-top {

    position: absolute;

    width: 50%;

    left: 0;

    bottom: -50%;

    transform: translateY(-50%);

    z-index: 1; }

  .about-img .about-img-bottom {

    position: absolute;

    width: 85%;

    right: 0; }



/* 6.7 Section - CTA */

.section.cta {

  background-color: #212635;

  color: #ffffff; }

  .section.cta .cta-info {

    width: 60%;

    margin: 0 auto;

    text-align: center;

    font-family: "Roboto", sans-serif; }



.cta-1 .body-text {

  max-width: 70%;

  float: left; }

  @media (max-width: 768px) {

    .cta-1 .body-text {

      max-width: 100%;

      text-align: center; } }

.cta-1 .body-action {

  max-width: 30%;

  float: right; }

  @media (max-width: 768px) {

    .cta-1 .body-action {

      max-width: 100%;

      float: none;

      margin: 0 auto;

      display: table; } }

  .cta-1 .body-action .btn, .cta-1 .body-action .btn-primary, .cta-1 .body-action .btn-secondary, .cta-1 .body-action .btn-ghost-light, .cta-1 .body-action .btn-ghost-dark {

    display: inline-block;

    overflow: hidden;

    backface-visibility: hidden;

    position: relative;

    padding: 15px 35px; }



.bg-overlay-1 {

  background: url(../images/1920x1300.jpg) bottom center no-repeat;

  background-attachment: fixed;

  background-size: cover; }

  .bg-overlay-1:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #212635;

    opacity: .9; }



.bg-overlay-2 {

  background: url(../images/1920x1300.jpg) bottom center no-repeat;

  background-attachment: fixed;

  background-size: cover; }

  .bg-overlay-2:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(46, 142, 206, 0.05);

    /*opacity: .9;*/ }



.bg-overlay-3 {

  background: url(../images/1920x1300.jpg) bottom center no-repeat;

  background-attachment: fixed;

  background-size: cover; }

  .bg-overlay-3:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #2E8ECE;

    opacity: .6; }



.pd30 {

  padding: 30px 0; }



.gutter-20 {

  margin-right: 0px;

  margin-left: 0px; }



.gutter-20 > [class^="col-"],

.gutter-20 > [class*=" col-"],

.gutter-20[class*='col-'],

.gutter-20[class*=" col-"] {

  padding-right: 20px;

  padding-left: 20px; }



/* 6.8 - Price */

/* 6.9 - Partners */

.client-img {

  text-align: center;

  margin-bottom: 40px; }

  .client-img img {

    margin: 0 auto;

    width: 90%; }

    .client-img img:hover {

      opacity: 0.7;

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

      filter: alpha(opacity=70); }



/* 6.10 - Testimony */

.people,

.user-pic {

  display: block;

  max-width: 100%; }



#caro-project .owl-controls .owl-nav [class*=owl-],

#caro-project-2 .owl-controls .owl-nav [class*=owl-],

#owl-testimony .owl-controls .owl-nav [class*=owl-] {

  color: #2E8ECE;

  font-size: 14px;

  margin: 5px;

  background: transparent;

  display: inline-block;

  cursor: pointer;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  width: 40px;

  height: 40px;

  border: 3px solid #2E8ECE;

  padding-top: 7px; }

  #caro-project .owl-controls .owl-nav [class*=owl-]:hover,

  #caro-project-2 .owl-controls .owl-nav [class*=owl-]:hover,

  #owl-testimony .owl-controls .owl-nav [class*=owl-]:hover {

    background: transparent;

    color: #000000;

    border-color: #000000;

    text-decoration: none; }

#caro-project .owl-nav,

#caro-project-2 .owl-nav,

#owl-testimony .owl-nav {

  position: relative;

  z-index: 2; }

  #caro-project .owl-nav .owl-prev,

  #caro-project .owl-nav .owl-next,

  #caro-project-2 .owl-nav .owl-prev,

  #caro-project-2 .owl-nav .owl-next,

  #owl-testimony .owl-nav .owl-prev,

  #owl-testimony .owl-nav .owl-next {

    position: absolute;

    top: -180px; }

  #caro-project .owl-nav .owl-prev,

  #caro-project-2 .owl-nav .owl-prev,

  #owl-testimony .owl-nav .owl-prev {

    left: -70px; }

  #caro-project .owl-nav .owl-next,

  #caro-project-2 .owl-nav .owl-next,

  #owl-testimony .owl-nav .owl-next {

    right: -70px; }



.bg-dark .owl-controls .owl-nav [class*=owl-]:hover {

  color: #ffffff !important;

  border-color: #ffffff !important; }



#caro-project-2 {

  /*.owl-controls .owl-nav [class*=owl-] {

  	&:hover {

  	    color: $white;

  	    border-color: $white;

  	}

  }*/ }

  #caro-project-2 .owl-nav {

    position: relative;

    z-index: 2; }

    #caro-project-2 .owl-nav .owl-prev,

    #caro-project-2 .owl-nav .owl-next {

      position: static; }



@media (max-width: 768px) {

  #caro-project .owl-nav,

  #owl-testimony .owl-nav {

    display: none !important; }



  #caro-project .owl-dots,

  #owl-testimony .owl-dots {

    display: block !important; } }

.testimony {

  padding: 80px 0; }

  .testimony .owl-theme .owl-dots .owl-dot.active span, .testimony .owl-theme .owl-dots .owl-dot:hover span {

    background: #212635; }



.bgtestimony {

  background: url(../images/about-img-1.jpg) bottom center no-repeat;

  background-attachment: fixed;

  background-size: cover; }

  .bgtestimony:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #2E8ECE;

    opacity: .9; }



/* 6.11 - 404 Page */

.title-404 {

  font-size: 5em;

  color: #2E8ECE;

  margin-bottom: -20px; }



.subtitle-404 {

  font-size: 2em;

  color: #212635; }



/* 6.12 - Pages */

.banner-page.pages {

  background: url("../images/1920x1300.jpg") bottom center no-repeat; }



/* 6.12 - Contact */

.banner-page.contact {

  background: url("../images/1920x1300.jpg") bottom center no-repeat; }



.events-widget {

  border: 1px solid #eee;

  background-color: #ffffff;

  padding: 10px 30px 30px 30px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px;

  overflow: hidden; }

  .events-widget .widget-title {

    font-size: 20px;

    background-color: #2E8ECE;

    margin: 20px -30px 30px -30px;

    padding: 5px 30px;

    color: #ffffff; }

    .events-widget .widget-title:after {

      content: none; }

    .events-widget .widget-title:first-child {

      margin-top: -10px; }



/**

 * 7. - FOOTER

 * -----------------------------------------------------------------------------

 */

.footer {

  padding: 60px 0 0 0;

  background-color: #f4f9fd; }

  .footer > .container {

    padding-bottom: 50px; }

  .footer .footer-item .logo-bottom {

    margin-bottom: 10px; }

  .footer .footer-item .footer-title {

    font-size: 16px;

    font-weight: 600;

    padding: 20px 0 0px 0;

    margin-bottom: 0px;

    position: relative;

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

    text-transform: uppercase; }

  .footer .footer-item .footer-sosmed {

    margin-top: 50px;

    margin-bottom: 30px;

    display: inline-block; }

    .footer .footer-item .footer-sosmed a .item {

      color: #ffffff;

      display: table-cell;

      vertical-align: middle;

      margin: 0 14px;

      width: 40px;

      height: 40px;

      text-align: center;

      background-color: #2b3145;

      -webkit-border-radius: 50px;

      -moz-border-radius: 50px;

      -ms-border-radius: 50px;

      border-radius: 50px; }

      .footer .footer-item .footer-sosmed a .item:hover {

        background-color: #2E8ECE; }

      .footer .footer-item .footer-sosmed a .item .fa {

        font-size: 16px; }

  .footer .footer-item .list {

    margin: 0;
	      width: 100px;
    float: left;

    padding: 0; }

    .footer .footer-item .list li {

      list-style: none;

      margin: 4px 0; }

      
li a {

        color: rgba(46, 142, 206, 0.7); }

        .footer .footer-item .list li a:hover {

          color: #2E8ECE; }

  .footer .footer-item .footer-subscribe {

    position: relative; }

    .footer .footer-item .footer-subscribe input[type=email] {

      width: 100%;

      background: #fff;

      padding: 10px 57px 10px 17px;

      min-height: 38px;

      max-width: 480px;

      -webkit-border-radius: 0;

      -moz-border-radius: 0;

      -ms-border-radius: 0;

      border-radius: 0;

      border: 0; }

      .footer .footer-item .footer-subscribe input[type=email]:focus {

        background: #fff;

        -webkit-border-radius: 2px;

        -moz-border-radius: 2px;

        -ms-border-radius: 2px;

        border-radius: 2px;

        -webkit-box-shadow: 0 0 0 2px #2E8ECE;

        -moz-box-shadow: 0 0 0 2px #2E8ECE;

        box-shadow: 0 0 0 2px #2E8ECE;

        border-color: transparent; }

    .footer .footer-item .footer-subscribe input[type=submit] {

      position: absolute;

      left: 0;

      top: 0;

      visibility: hidden; }

    .footer .footer-item .footer-subscribe label {

      position: absolute;

      right: 0;

      top: 0;

      border: 0;

      width: 40px;

      height: 38px;

      line-height: 40px;

      padding: 0;

      cursor: pointer;

      text-align: center;

      font-size: 13px;

      background: none;

      color: #ffffff;

      outline: 0 !important;

      -webkit-transition: color .3s ease;

      -moz-transition: color .3s ease;

      -ms-transition: color .3s ease;

      -o-transition: color .3s ease;

      transition: color .3s ease;

      background: #2E8ECE; }

    .footer .footer-item .footer-subscribe .icon {

      font-size: 18px; }

    .footer .footer-item .footer-subscribe p {

      font-size: 13px;

      margin-top: 16px; }

  .footer .footer-item .recent-post {

    margin: 0;

    padding: 0; }

    .footer .footer-item .recent-post li {

      list-style: none;

      margin: 0 0 30px; }

      .footer .footer-item .recent-post li a {

        color: #222222;

        line-height: 20px;

        display: inline-block;

        vertical-align: top;

        margin: 0 0 14px; }

        .footer .footer-item .recent-post li a:hover {

          color: #2E8ECE; }

      .footer .footer-item .recent-post li .date {

        display: block;

        font-size: 12px;

        padding: 0;

        color: rgba(34, 34, 34, 0.4); }

        .footer .footer-item .recent-post li .date i {

          margin-right: 5px; }

  .footer .fcopy {

    padding: 30px 0;

    font-size: 14px;

    border-top: 1px solid rgba(33, 38, 53, 0.1); }



.list-info {

  margin: 0;

  padding: 0; }

  .list-info li {

    margin-bottom: 20px;

    list-style: none;

    font-size: 16px; }

    .list-info li .info-icon {

      display: inline-block;

      color: #041e42;

      float: left; }

    .list-info li .info-text {

      margin-left: 30px; }



.pline {

  font-size: 16px;

  border-top: 1px solid #ddd;

  padding-top: 40px;

  margin-top: 30px; }



/**

 * 8. - RESPONSIVE

 * -----------------------------------------------------------------------------

 */

@media (min-width: 1200px) {

  .list-events > .col-md-4:nth-child(3n+1) {

    clear: both; }



  .row-3-reset > .col-md-4:nth-child(3n+1) {

    clear: both; }



  .row-4-reset > .col-md-3:nth-child(4n+1) {

    clear: both; } }

@media (max-width: 1024px) {

  .slides-navigation a.prev {

    left: -20px; }



  .slides-navigation a.next {

    right: -20px; }



  .testimony .owl-nav .owl-prev {

    left: -20px; }



  .testimony .owl-nav .owl-next {

    right: -20px; }



  .header-1 .stiky .navbar-nav > li > a {

    padding-left: 0;

    padding-right: 0; }

  .header-1 .stiky .navbar-nav > li:last-child a {

    padding-left: 15px;

    padding-right: 15px; } }

@media (max-width: 768px) {

  .header-1 .navbar-nav > li {

    font-size: 12px; }

    .header-1 .navbar-nav > li:last-child a {

      padding-left: 15px;

      padding-right: 15px; }



  .navbar-toggle {

    clear: left;

    float: right; }



  .topbar-left {

    text-align: center; }



  .topbar-right {

    text-align: center !important; }



  .topbar-menu, .topbar-sosmed {

    margin-left: 0;

    margin-bottom: 0; }



  .nav > li > a {

    padding: 10px 6px; }



  /*.navbar-main .dropdown-menu > li a{

  	color: #333333;

  }*/

  .box-icon-1 .icon {

    clear: left;

    display: block;

    width: 100%;

    text-align: center; }

  .box-icon-1 .body-content {

    text-align: center;

    margin-left: 0; }



  .container-nav .btn-orange-cta {

    position: absolute;

    right: 10px;

    top: 0; }



  .wrap-caption {

    width: 100%; }

    .wrap-caption.right {

      width: 100%; }



  .box-team .box-image, .box-team .body-content {

    width: 100%; }



  .btn-sidebar.btn, .btn-sidebar.btn-primary, .btn-sidebar.btn-secondary, .btn-sidebar.btn-ghost-light, .btn-sidebar.btn-ghost-dark, .btn-sidebar.btn-primary, .btn-sidebar.btn-secondary {

    padding: 15px 25px; }



  .about-img {

    min-height: initial; }

    .about-img .about-img-top {

      position: relative;

      width: 100%;

      bottom: 0;

      transform: translateY(0);

      border: 0; }

    .about-img .about-img-bottom {

      position: relative;

      width: 100%; } }

@media (max-width: 767px) {

  .header-1 .topbar {

    display: none; }



  .header-1 .navbar-nav > {

    float: none;

    margin-left: 15px;

    margin-right: 15px; }

    .header-1 .navbar-nav > li {

      font-size: 13px; }

  .header-1 .stiky .navbar-nav {

    margin-left: 15px;

    margin-right: 15px;

    float: none; }



  .navbar-main {

    bottom: 0; }

    .navbar-main .navbar-brand {

      position: absolute;

      left: 0;

      top: 5px; }

      .navbar-main .navbar-brand > img {

        width: 60%; }

    .navbar-main .dropdown-menu > li a {

      color: #222222; }

    .navbar-main.stiky .navbar-brand {

      top: 18px;

      position: absolute; }



  .nav > li > a {

    padding: 10px 25px; } }

@media (max-width: 479px) {

  /*.topbar-logo{

  	.btn-cta{

  	    clear: right;

  		position: relative;

  	 	transform: translateY(78px);

  		z-index: 4;

  	}

  }*/

  .bos-quote .bos-photo {

    clear: left;

    display: block;

    width: auto;

    margin-bottom: 20px; }

  .bos-quote .bos-text {

    clear: left;

    display: block;

    margin-left: 0; }



  h1, .panel-pricing .price {

    font-size: 2em; }



  h2, .banner-page .title-page, .banner-page .title-page {

    font-size: 2em; }



  .box-partner .item .box-image {

    clear: left;

    width: auto; }



  .box-partner .item .box-info {

    clear: left;

    width: auto;

    margin-left: 0; }



  .career-tabs .nav-tabs > li {

    width: 100%;

    clear: left; }



  .testimonial-1 .media {

    clear: both;

    display: block;

    max-width: 300px;

    margin-bottom: 40px;

    margin-right: 0; }

  .testimonial-1 .body {

    clear: both;

    display: block; }



  .section.cta .cta-info {

    width: 100%; }



  .box-event .body-content span {

    display: block; }

  .box-event .detail-event {

    float: none;

    margin-top: 20px; } }



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




.wrap-caption {float:left;}
.globe-wrapper {float: right;margin-top: 100px;}
#globe {
    height: 500px;
    width: 500px;
}
#globe-reset-button {display: none !important;}