@charset "UTF-8";
/*!
Theme Name: Corpboot
Theme URI: http://www.templatespremium.net/corpboot/
Description: Corporate HTML5 Template based on twitter bootstrap.
Version: 2.0
Author: Rafael Memmel
Author URI: http://www.rafamemmel.com
===========================================================================================
Table of Content
===========================================================================================
01. FONTS
02. PRELOADER
03. GENERAL
04. NAVBAR
05. SLIDER
06. HOME
07. ABOUT AND SERVICES
08. #PORTFOLIO
09. PRICING
10. BLOG
11. CONTACT AND GENERAL FORMS
12. FOOTER
13. RESPONSIVE
*/
/* 01. FONTS
//----------------------------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,300,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(../css/font-awesome.min.css);
/* 02. PRELOADER
//----------------------------------------------------------------------------------------- */
div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fdfefe;
  text-align: center; }

.cssload-container {
  width: 100%;
  height: 55px;
  text-align: center;
  margin-top: 25%; }

.cssload-double-torus {
  width: 55px;
  height: 55px;
  margin: 0 auto;
  border: 4px solid;
  border-radius: 50%;
  border-color: transparent rgba(34, 82, 54, 0.9) rgba(34, 82, 54, 0.9);
  animation: cssload-spin 690ms infinite linear;
  -o-animation: cssload-spin 690ms infinite linear;
  -ms-animation: cssload-spin 690ms infinite linear;
  -webkit-animation: cssload-spin 690ms infinite linear;
  -moz-animation: cssload-spin 690ms infinite linear; }

@keyframes cssload-spin {
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes cssload-spin {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-ms-keyframes cssload-spin {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes cssload-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* 03. GENERAL
//----------------------------------------------------------------------------------------- */
body {
  font-family: "Work Sans", sans-serif;
  font-weight: normal;
  color: #555;
  background-color: #FDFEFE;
  overflow-x: hidden;
  font-size: 14px; }

hr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 35px;
  margin-bottom: 35px; }

a {
  color: #5b6d83;
  text-decoration: none; }
  a:visited {
    color: #2574A9;
    text-decoration: none; }
  a:hover {
    color: #C5CDD7;
    text-decoration: none; }
  a:focus, a:active {
    outline: none;
    text-decoration: none; }
  a[title]:hover:after {
    background-color: rgba(91, 109, 131, 0.06);
    color: #5b6d83; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  padding-top: 5px;
  margin-top: 0;
  margin-bottom: 18px;
  line-height: 1.7; }

h3 {
  font-size: 27px; }

h4 {
  font-size: 22px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 15px; }

p, dd {
  margin-bottom: 14px;
  line-height: 1.6; }

code, kbd, pre, samp {
  background-color: #EEF3F5;
  color: #56677b; }

.title {
  overflow: hidden;
  margin-left: -1px; }
  .title h2, .title h3 {
    color: #0e6131;
    font-weight: bold;
    font-size: 35px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-right: 25px; }
    .title h2:after, .title h3:after {
      content: '-';
      font-size: 2px;
      background: rgba(217, 196, 143, 0.5);
      color: rgba(0, 0, 0, 0.1);
      height: 4px;
      display: block;
      width: 2000%;
      position: absolute;
      right: -2000%;
      top: 50%; }

.title-r {
  overflow: hidden;
  text-align: right;
  margin-right: -1px; }
  .title-r h2, .title-r h3 {
    color: #0e6131;
    font-weight: bold;
    font-size: 35px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-left: 25px; }
    .title-r h2:after, .title-r h3:after {
      content: '-';
      font-size: 2px;
     background: rgba(217, 196, 143, 0.5);
      color: rgba(0, 0, 0, 0.1);
      height: 4px;
      display: block;
      width: 2000%;
      position: absolute;
      left: -2000%;
      top: 50%; }

.line {
  display: block;
  font-size: .875em;
  margin-bottom: 1em;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
  color: rgba(91, 109, 131, 0.5); }
  .line:before {
    width: 40px;
    height: 10px;
    background-color: #f9f9f9;
    content: '';
    margin: -5px 0 0 -20px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: -1; }
  .line:after {
    border-bottom: 1px solid rgba(91, 109, 131, 0.15);
    content: '';
    display: block;
    position: absolute;
    top: 49%;
    width: 100%;
    z-index: -2; }

ul.listicon-check li {
  padding-left: 1em;
  list-style: none;
  margin-bottom: 4px; }
  ul.listicon-check li:before {
    content: '\f00c';
    font-family: "FontAwesome";
    display: inline-block;
    width: 1.5em;
    margin-left: -2.5em;
    color: #FF9900; }
ul.listicon-times li {
  padding-left: 1em;
  list-style: none;
  margin-bottom: 4px; }
  ul.listicon-times li:before {
    content: '\f00d';
    font-family: "FontAwesome";
    display: inline-block;
    width: 1.5em;
    margin-left: -2.5em;
    color: #2574A9; }
ul.listicon-chevron-right li {
  padding-left: 1em;
  list-style: none;
  margin-bottom: 4px; }
  ul.listicon-chevron-right li:before {
    content: '\f054';
    font-family: "FontAwesome";
    display: inline-block;
    width: 1.3em;
    margin-left: -2.5em;
    font-size: 11px;
    color: #2574A9; }

/* Table Gray*/
.table-theme-1 {
  border: 0; }
  .table-theme-1 > tbody > tr > td, .table-theme-1 > tbody > tr > th, .table-theme-1 > tfoot > tr > td, .table-theme-1 > tfoot > tr > th, .table-theme-1 > thead > tr > td, .table-theme-1 > thead > tr > th {
    padding: 9px;
    line-height: 1.5; }
  .table-theme-1.table-bordered > tbody > tr > td, .table-theme-1.table-bordered > tbody > tr > th, .table-theme-1.table-bordered > tfoot > tr > td, .table-theme-1.table-bordered > tfoot > tr > th, .table-theme-1.table-bordered > thead > tr > td, .table-theme-1.table-bordered > thead > tr > th {
    border-color: rgba(197, 205, 215, 0.2); }
  .table-theme-1.table-bordered > thead > tr > th {
    border-top: solid 1px #C5CDD7; }
  .table-theme-1.table-bordered > tfoot > tr > th {
    border-bottom: solid 1px #C5CDD7; }
  .table-theme-1 th {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    background-color: #C5CDD7;
    border-color: #C5CDD7;
    color: #fff; }
    .table-theme-1 th a {
      color: #fff; }
      .table-theme-1 th a:hover {
        color: #fff; }

.table-theme-2 {
  border: 0; }
  .table-theme-2 > tbody > tr > td, .table-theme-2 > tbody > tr > th, .table-theme-2 > tfoot > tr > td, .table-theme-2 > tfoot > tr > th, .table-theme-2 > thead > tr > td, .table-theme-2 > thead > tr > th {
    padding: 9px;
    line-height: 1.5; }
  .table-theme-2.table-bordered > tbody > tr > td, .table-theme-2.table-bordered > tbody > tr > th, .table-theme-2.table-bordered > tfoot > tr > td, .table-theme-2.table-bordered > tfoot > tr > th, .table-theme-2.table-bordered > thead > tr > td, .table-theme-2.table-bordered > thead > tr > th {
    border-color: rgba(170, 170, 170, 0.2); }
  .table-theme-2.table-bordered > thead > tr > th {
    border-top: solid 1px #5b6d83; }
  .table-theme-2.table-bordered > tfoot > tr > th {
    border-bottom: solid 1px #5b6d83; }
  .table-theme-2 th {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    background-color: #5b6d83;
    border-color: #5b6d83;
    color: #fff; }
    .table-theme-2 th a {
      color: #fff; }
      .table-theme-2 th a:hover {
        color: #fff; }

.lead {
  margin-bottom: 30px; }

.bg-gray {
  background-color: rgba(69, 90, 100, 0.06);
  padding: 60px 0; }

.bg-white {
  padding: 60px 0; }

.bg-buy {
  padding: 40px 0;
  background: url("../images/home-parallax.jpg") rgba(69, 90, 100, 0.06); }

.fs404 {
  padding-top: 0.3em;
  font-size: 75%; }

/* Breadcrumb */
.breadcrumb-container {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  padding-top: 110px;
  background-color: #1e4d35;
  color: #d5d5d5; }

.breadcrumb {
  width: 100%;
  margin: 0;
  padding: 20px 0;
  list-style: none;
  background-color: transparent;
  font-size: 13px;
  letter-spacing: 0.1em;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li a {
      color: #e9e9e9; }
      .breadcrumb > li a:hover {
        color: #f9f9f9; }
    .breadcrumb > li + li:before {
      font-family: 'FontAwesome';
      content: '\f105';
      padding: 0 10px;
      color: rgba(255, 255, 255, 0.7);
      font-weight: normal; }
  .breadcrumb > .active {
    color: #fff;
    font-weight: 600; }

.corp-tooltip + .tooltip {
  margin-left: -2px; }

.corp-tooltip + .tooltip > .tooltip-inner {
  background-color: rgba(91, 109, 131, 0.06);
  color: #5b6d83; }

.corp-tooltip + .tooltip > .tooltip-arrow {
  opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }

/* Nav-tabs */
.nav-tabs {
  border-bottom: 1px solid rgba(91, 109, 131, 0.2);
  background: transparent; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    background: transparent; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857143;
      padding: 10px 16px;
      background-color: rgba(91, 109, 131, 0.07);
      color: #2574A9;
      font-weight: 600;
      cursor: pointer;
      border-top: 0;
      border-left: 0;
      border-right: 0;
      border: 1px solid transparent;
      -webkit-border-radius: 4px 4px 0 0;
      -khtml-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .nav-tabs > li > a:hover {
        background: #C5CDD7;
        border-color: #C5CDD7;
        color: #fff;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border: 1px solid transparent; }
    .nav-tabs > li.active a:hover, .nav-tabs > li.active :focus {
      background: transparent;
      border-color: transparent; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      cursor: default;
      background: #FDFEFE;
      color: #2574A9;
      border: 1px solid rgba(91, 109, 131, 0.2);
      border-bottom-color: #fff; }

.tab-content {
  padding: 10px; }

/* Helpers */
/* Colors */
.color1 {
  color: #EEF3F5; }

.color2 {
  color: #3498DB; }

.color3 {
  color: #C5CDD7; }

.color4 {
  color: #2574A9; }

.color5 {
  color: #385ea8; }

.color6 {
  color: #4d79cf; }

/* Margin / Padding 0*/
.m0 {
  margin: 0 !important; }

.p0 {
  padding: 0 !important; }

/* Margin */
.m5 {
  margin: 5px; }

.m10 {
  margin: 10px; }

.m15 {
  margin: 15px; }

.m20 {
  margin: 20px; }

.m30 {
  margin: 30px; }

.m40 {
  margin: 40px; }

.m50 {
  margin: 50px; }

.m60 {
  margin: 60px; }

.m70 {
  margin: 70px; }

.m80 {
  margin: 80px; }

.m90 {
  margin: 90px; }

.m100 {
  margin: 100px; }

/* Margin left */
.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml30 {
  margin-left: 30px; }

.ml40 {
  margin-left: 40px; }

.ml50 {
  margin-left: 50px; }

.ml60 {
  margin-left: 60px; }

.ml70 {
  margin-left: 70px; }

.ml80 {
  margin-left: 80px; }

.ml90 {
  margin-left: 90px; }

.ml100 {
  margin-left: 100px; }

/* Margin right */
.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.mr40 {
  margin-right: 40px; }

.mr50 {
  margin-right: 50px; }

.mr60 {
  margin-right: 60px; }

.mr70 {
  margin-right: 70px; }

.mr80 {
  margin-right: 80px; }

.mr90 {
  margin-right: 90px; }

.mr100 {
  margin-right: 100px; }

/* Margin top */
.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mt60 {
  margin-top: 60px; }

.mt70 {
  margin-top: 70px; }

.mt80 {
  margin-top: 80px; }

.mt90 {
  margin-top: 90px; }

.mt100 {
  margin-top: 100px; }

/* Margin bottom */
.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb60 {
  margin-bottom: 60px; }

.mb70 {
  margin-bottom: 70px; }

.mb80 {
  margin-bottom: 80px; }

.mb90 {
  margin-bottom: 90px; }

.mb100 {
  margin-bottom: 100px; }

/* Padding */
.p5 {
  padding: 5px; }

.p10 {
  padding: 10px; }

.p15 {
  padding: 15px; }

.p20 {
  padding: 20px; }

.p30 {
  padding: 30px; }

.p40 {
  padding: 40px; }

.p50 {
  padding: 50px; }

.p60 {
  padding: 60px; }

.p70 {
  padding: 70px; }

.p80 {
  padding: 80px; }

.p90 {
  padding: 90px; }

.p100 {
  padding: 100px; }

/* Padding left */
.pl5 {
  padding-left: 5px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pl30 {
  padding-left: 30px; }

.pl40 {
  padding-left: 40px; }

.pl50 {
  padding-left: 50px; }

.pl60 {
  padding-left: 60px; }

.pl70 {
  padding-left: 70px; }

.pl80 {
  padding-left: 80px; }

.pl90 {
  padding-left: 90px; }

.pl100 {
  padding-left: 100px; }

/* Padding right */
.pr5 {
  padding-right: 5px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pr30 {
  padding-right: 30px; }

.pr40 {
  padding-right: 40px; }

.pr50 {
  padding-right: 50px; }

.pr60 {
  padding-right: 60px; }

.pr70 {
  padding-right: 70px; }

.pr80 {
  padding-right: 80px; }

.pr90 {
  padding-right: 90px; }

.pr100 {
  padding-right: 100px; }

/* Padding top */
.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }

.pt40 {
  padding-top: 40px; }

.pt50 {
  padding-top: 50px; }

.pt60 {
  padding-top: 60px; }

.pt70 {
  padding-top: 70px; }

.pt80 {
  padding-top: 80px; }

.pt90 {
  padding-top: 90px; }

.pt100 {
  padding-top: 100px; }

/* Padding botom */
.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.pb30 {
  padding-bottom: 30px; }

.pb40 {
  padding-bottom: 40px; }

.pb50 {
  padding-bottom: 50px; }

.pb60 {
  padding-bottom: 60px; }

.pb70 {
  padding-bottom: 70px; }

.pb80 {
  padding-bottom: 80px; }

.pb90 {
  padding-bottom: 90px; }

.pb100 {
  padding-bottom: 100px; }

/* 04. NAVBAR
//----------------------------------------------------------------------------------------- */
.navbar-default {
  font-family: "Montserrat", sans-serif;
  background: #fff;
  border-radius: 0px;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: solid 3px #2574A9;
  text-transform: uppercase;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.06);
  -khtml-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.06);
  -moz-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.06);
  -ms-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.06);
  box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.06);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }
  .navbar-default .navbar-nav > li {
    height: 80px;
    line-height: 78px;
    float: left;
    /*                margin: 0;
                    padding: 0;*/ }
    .navbar-default .navbar-nav > li > a {
      /*                    margin: 0 3px;
                          padding: 9px 13px;
                          padding: 9px;*/
      margin: 0 0.2em;
      padding: 0.7em;
      font-size: 1vw;
      text-transform: uppercase;
      color: #2574A9;
      font-weight: 700;
      letter-spacing: .01em;
      -webkit-border-radius: 4px;
      -khtml-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
        background-color: #C5CDD7;
        color: #fff;
        -webkit-transition: background-color 0.15s linear;
        -moz-transition: background-color 0.15s linear;
        -ms-transition: background-color 0.15s linear;
        -o-transition: background-color 0.15s linear;
        transition: background-color 0.15s linear; }
    .navbar-default .navbar-nav > li .dropdown-menu:before {
      border-bottom-color: #fff; }
  .navbar-default .navbar-nav > .active > a {
    background-color: #C5CDD7;
    color: #fff;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear; }
    .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:active {
      background-color: #C5CDD7;
      color: #fff;
      -webkit-transition: background-color 0.15s linear;
      -moz-transition: background-color 0.15s linear;
      -ms-transition: background-color 0.15s linear;
      -o-transition: background-color 0.15s linear;
      transition: background-color 0.15s linear; }
  .navbar-default .navbar-nav > .open > a {
    background-color: #C5CDD7;
    color: #fff;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear; }
    .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:active {
      background-color: #C5CDD7;
      color: #fff;
      -webkit-transition: background-color 0.15s linear;
      -moz-transition: background-color 0.15s linear;
      -ms-transition: background-color 0.15s linear;
      -o-transition: background-color 0.15s linear;
      transition: background-color 0.15s linear; }
      .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret, .navbar-default .navbar-nav > .open > a:active .caret {
        border-bottom-color: #fff;
        border-top-color: #fff; }
    .navbar-default .navbar-nav > .open > a .caret {
      border-bottom-color: #fff;
      border-top-color: #fff; }
  .navbar-default .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #2574A9;
    border-top-color: #2574A9;
    margin-left: 0;
    margin-right: -4px; }
  .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-bottom-color: #fff;
    border-top-color: #fff; }
  .navbar-default .navbar-nav .active > a .caret {
    border-bottom-color: #fff;
    border-top-color: #fff; }
  .navbar-default .navbar-nav .dropdown-menu {
    background: #fff;
    padding: 0;
    padding-top: 2px;
    margin: 0;
    border: 0;
    min-width: 80px;
    text-transform: capitalize;
    font-weight: 500;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.04);
    -khtml-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.04);
    -moz-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.04);
    -ms-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.04);
    box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.04); }
    .navbar-default .navbar-nav .dropdown-menu > li {
      border: 0;
      padding: 0; }
      .navbar-default .navbar-nav .dropdown-menu > li > a {
        display: inline-block;
        padding: 0 22px;
        margin: 0;
        color: #2574A9;
        font-size: 13px;
        white-space: nowrap;
        width: 100%;
        height: 42px;
        line-height: 42px;
        border-left: solid 1px rgba(0, 0, 0, 0.025);
        border-right: solid 1px rgba(0, 0, 0, 0.025);
        border-bottom: solid 1px rgba(0, 0, 0, 0.05);
        background: rgba(0, 0, 0, 0.015);
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -ms-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear; }
        .navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus {
          background: #C5CDD7;
          color: #fff;
          border-left: solid 1px rgba(0, 0, 0, 0.025);
          border-right: solid 1px rgba(0, 0, 0, 0.025);
          border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
      .navbar-default .navbar-nav .dropdown-menu > li:first-child > a {
        border-top: solid 1px rgba(0, 0, 0, 0.05); }
      .navbar-default .navbar-nav .dropdown-menu > li:last-child > a {
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        border-bottom: solid 1px rgba(0, 0, 0, 0.025); }
  .navbar-default.tiny .navbar-nav > li > a {
    padding: 8px 13px; }
  .navbar-default.tiny .navbar-nav li > .dropdown-menu {
    margin-top: -4px; }
  .navbar-default .navbar-toggle {
    background-color: #C5CDD7;
    border: none;
    color: #fff;
    margin-top: 20px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #C5CDD7;
      border: none;
      color: #fff;
      margin-top: 20px;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #f9f9f9; }

.navbar-brand {
  color: #5b6d83;
  margin: 0;
  padding: 0;
  height: 75px;
  line-height: 75px;
  font-size: 28px;
  font-weight: 700; }
  .navbar-brand img {
    display: inline;
    width: 100%; }

/* 05. SLIDER
//----------------------------------------------------------------------------------------- */
.intro-slider {
  text-align: center;
  height: auto;
  overflow: hidden;
  /*padding-top: 25px;
  margin-top: 30px;*/
  padding: 0px !important; }

.flexslider {
  margin: 0;
  border: 0;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.bg-slider-wrapper {
  content: '';
  /*    position: absolute;*/
  position: relative;
  width: 100%;
  top: 0px;
  left: 0;
  /*    height: 450px;*/
  height: auto; }
  .bg-slider-wrapper .flexslider {
    margin: 0;
    border: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-background-size: padding-box;
    -moz-background-size: padding-box;
    -o-background-size: padding-box;
    background-size: padding-box;
    max-height: 600px;
    overflow: hidden; }
    .bg-slider-wrapper .flexslider .slide {
      margin: 0;
      display: block;
      height: 600px; }
/*      .bg-slider-wrapper .flexslider .slide.slide-1 {
        background: #222 url("../images/slides/1a.jpg") no-repeat 50% top;
        background-size: cover; }
        .bg-slider-wrapper .flexslider .slide.slide-1:before {
          background: rgba(34, 34, 34, 0);
          content: '';
          position: absolute;
          width: 100%;
          top: 0;
          left: 0;
          height: 600px;
          z-index: 5; }*/
/*      .bg-slider-wrapper .flexslider .slide.slide-2 {
        background: #222 url("../images/slides/2a.jpg") no-repeat 50% top;
        background-size: cover; }
        .bg-slider-wrapper .flexslider .slide.slide-2:before {
          background: rgba(34, 34, 34, 0);
          content: '';
          position: absolute;
          width: 100%;
          top: 0;
          left: 0;
          height: 600px;
          z-index: 5; }*/
/*      .bg-slider-wrapper .flexslider .slide.slide-3 {
        background: #222 url("../images/slides/3a.jpg") no-repeat 50% top;
        background-size: cover; }
        .bg-slider-wrapper .flexslider .slide.slide-3:before {
          background: rgba(34, 34, 34, 0);
          content: '';
          position: absolute;
          width: 100%;
          top: 0;
          left: 0;
          height: 600px;
          z-index: 5; }
      .bg-slider-wrapper .flexslider .slide.slide-4 {
        background: #222 url("../images/slides/4b.jpg") no-repeat 50% top;
        background-size: cover; }
        .bg-slider-wrapper .flexslider .slide.slide-4:before {
          background: rgba(34, 34, 34, 0);
          content: '';
          position: absolute;
          width: 100%;
          top: 0;
          left: 0;
          height: 600px;
          z-index: 5; }*/
    
    .bg-slider-wrapper .flexslider .flex-control-nav {
      z-index: 20;
      bottom: 45px;
      position: relative;
      margin-bottom: 0; }
      .bg-slider-wrapper .flexslider .flex-control-nav li a {
        background: rgba(255, 255, 255, 0.4); }
        .bg-slider-wrapper .flexslider .flex-control-nav li a.flex-active {
          background: rgba(255, 255, 255, 0.7); }

.push-text-slide {
  height: 60px; }

/* Static background image and background video */
.bg-img-fixed {
  content: '';
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 600px;
  background: url("http://placehold.it/3840x1200/BDC3C7/ffffff");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50); }

.bg-img-fixed-content {
  background-color: #222;
  margin: 85px 0 0;
  padding-top: 180px;
  position: relative;
  text-align: center;
  -webkit-background-size: padding-box;
  -moz-background-size: padding-box;
  -o-background-size: padding-box;
  background-size: padding-box;
  height: 600px;
  overflow: hidden; }

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30); }

/* Text promo section */
.home-promo {
  font-family: "Montserrat", sans-serif;
  display: inline-block;
  color: #fff;
  position: relative;
  z-index: 10;
  width: 100%;
  margin: 0 auto; }
  .home-promo .titlepro {
    font-size: 30px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 40px;
    text-transform: uppercase;
    background: transparent;
    font-weight: 700; }
    .home-promo .titlepro span {
      display: block; }
    .home-promo .titlepro .middle {
      margin-top: 20px;
      margin-bottom: 20px;
      font-size: 56px;
      font-weight: 800;
      color: #EEF3F5; }
      .home-promo .titlepro .middle strong {
        color: #3498DB; }
    .home-promo .titlepro .bottom {
      font-size: 20px;
      text-transform: lowercase;
      font-weight: 700; }

.bg-slider > ul {
  margin: 0;
  padding: 0; }

.flex-direction-nav a:before {
  font-size: 42px;
  font-family: "FontAwesome";
  content: '\f104';
  color: rgba(255, 255, 255, 0.8);
  text-shadow: none; }
.flex-direction-nav a.flex-next:before {
  content: '\f105';
  margin-right: 15px; }

/* 06. HOME
//----------------------------------------------------------------------------------------- */
.intro-text {
  text-transform: uppercase;
  letter-spacing: .01em;
  color: #5b6d83; }

.home-icons {
  padding: 18px 18px 22px;
  margin-top: -20px;
  text-align: center;
  overflow: hidden; }
  .home-icons .fa, .home-icons .glyphicon {
    background-color: rgba(69, 90, 100, 0.08);
    color: #2574A9;
    width: 100px;
    height: 100px;
    font-size: 40px;
    line-height: 100px;
    text-align: center;
    margin: 20px 0 10px;
    text-decoration: none;
    -webkit-border-radius: 70px;
    -khtml-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    border-radius: 70px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .home-icons .fa:hover, .home-icons .glyphicon:hover {
      background-color: #2574A9;
      color: #fff;
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transform: translate3d(0, -5px, 0); }
  .home-icons h4 {
    color: #5b6d83;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold; }
  .home-icons h5 {
    font-size: 13px;
    font-family: "Work Sans", sans-serif;
    line-height: 22px;
    font-weight: normal;
    margin-top: -5px;
    padding-top: 0;
    color: #777; }

.blognews h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  color: #5b6d83; }
.blognews ul {
  padding-top: 7px; }
.blognews a {
  display: inline-block;
  color: #5b6d83; }
  .blognews a img {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    filter: grayscale(40%); }
    .blognews a img:hover {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      filter: grayscale(0%); }
  .blognews a:hover, .blognews a:focus {
    color: #2574A9; }

#clients > div > div > div > a > img {
  width: 200px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear; }
  #clients > div > div > div > a > img:hover, #clients > div > div > div > a > img:focus {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0); }

.gallery img {
  width: 70px;
  height: 50px;
  margin-right: 4px;
  margin-bottom: 10px;
  opacity: 0.9;
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  filter: grayscale(80%); }
  .gallery img:hover {
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%); }

a.gallery:hover {
  text-decoration: none !important; }

/* Slick Carousel */
/* Slider */
.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat; }
.slick-list .slick-slide {
  padding: 0 2px; }
  .slick-list .slick-slide img {
    width: 100%; }

#clients .slick-list {
  width: 92%;
  left: 4%; }

#news {
  margin-left: -15px;
  margin-right: -15px; }
  #news .slick-slide {
    padding: 0 15px; }

@media (max-width: 800px) {
  #clients .slick-list {
    width: 90%;
    left: 5%; } }
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px\9;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "fontawesome";
  font-size: 30px;
  line-height: 1;
  color: #2574A9;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 0; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: 0; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 90%;
  left: 5%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 0.5;
          -khtml-opacity: 0.5;
          -moz-opacity: 0.5;
          filter: alpha(opacity=50); }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: "fontawesome";
        font-size: 10px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.2;
        -khtml-opacity: 0.2;
        -moz-opacity: 0.2;
        filter: alpha(opacity=20);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #C5CDD7;
      opacity: 1;
      -khtml-opacity: 1;
      -moz-opacity: 1;
      filter: alpha(opacity=100); }

/* 07. ABOUT & SERVICES
//----------------------------------------------------------------------------------------- */
/* About */
.progress-bar {
  background-color: #2574A9;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold; }

.progress-bar-striped {
  background-size: 20px 20px;
  background-image: linear-gradient(135deg, rgba(238, 243, 245, 0.05) 25%, transparent 25%, transparent 50%, rgba(238, 243, 245, 0.05) 50%, rgba(238, 243, 245, 0.05) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.counter {
  font-family: "Work Sans", sans-serif; }

.number {
  font-family: "Work Sans", sans-serif; }

.ico-services {
  color: #2574A9;
  text-align: center;
  padding-top: 10px; }

.skills > h5 {
  color: #56677b;
  margin-bottom: 5px; }

.socialstaff li a {
  display: inline-block;
  -webkit-transition: color 0.15s linear;
  -moz-transition: color 0.15s linear;
  -ms-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear; }
  .socialstaff li a .fa-facebook-square {
    color: #3B5998;
    border: 0; }
    .socialstaff li a .fa-facebook-square:hover, .socialstaff li a .fa-facebook-square:focus {
      color: #56677b; }
  .socialstaff li a .fa-twitter-square {
    color: #00ACED;
    border: 0; }
    .socialstaff li a .fa-twitter-square:hover, .socialstaff li a .fa-twitter-square:focus {
      color: #56677b; }
  .socialstaff li a .fa-google-plus-square {
    color: #D34836;
    border: 0; }
    .socialstaff li a .fa-google-plus-square:hover, .socialstaff li a .fa-google-plus-square:focus {
      color: #56677b; }
  .socialstaff li a .fa-pinterest-square {
    color: #CB2027;
    border: 0; }
    .socialstaff li a .fa-pinterest-square:hover, .socialstaff li a .fa-pinterest-square:focus {
      color: #56677b; }
  .socialstaff li a .fa-flickr-square {
    color: #FF0084;
    border: 0; }
    .socialstaff li a .fa-flickr-square:hover, .socialstaff li a .fa-flickr-square:focus {
      color: #56677b; }
  .socialstaff li a i.fa-linkedin-square {
    color: #007BB6;
    border: 0; }
    .socialstaff li a i.fa-linkedin-square:hover, .socialstaff li a i.fa-linkedin-square:focus {
      color: #56677b; }
  .socialstaff li a i.fa-instagram {
    color: #125688;
    border: 0; }
    .socialstaff li a i.fa-instagram:hover, .socialstaff li a i.fa-instagram:focus {
      color: #56677b; }
  .socialstaff li a i.fa-envelope-square {
    color: #657a92;
    border: 0; }
    .socialstaff li a i.fa-envelope-square:hover, .socialstaff li a i.fa-envelope-square:focus {
      color: #56677b; }

.servdesc > h3 {
  color: #56677b;
  margin-bottom: 5px; }

.team-name {
  text-align: center; }
  .team-name h4 {
    color: #5b6d83;
    margin-top: 5px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 20px; }
  .team-name h5 {
    padding-top: 0;
    font-weight: normal;
    font-size: 16px;
    margin-top: -4px;
    margin-bottom: 8px; }
  .team-name ul {
    display: inline-block; }
    .team-name ul li a {
      display: inline-block; }

.facts-title {
  padding: 0;
  margin: -25px 0 -10px;
  color: #5b6d83;
  font-size: 35px;
  letter-spacing: 0.01em; }

/* Panel - Accordion */
.panel {
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.panel-collapse {
  border: 0; }

.panel-group {
  margin-bottom: 30px; }
  .panel-group .panel {
    background: transparent;
    margin-top: 2px;
    border: 0;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
  .panel-group .panel-heading {
    position: relative;
    background-color: rgba(69, 90, 100, 0.08);
    border-bottom: 0;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    .panel-group .panel-heading h4 {
      margin-top: 0;
      padding-top: 0; }
    .panel-group .panel-heading a {
      font-weight: 500;
      color: #5b6d83;
      display: block;
      padding: 12px 15px; }
      .panel-group .panel-heading a:hover, .panel-group .panel-heading a:focus, .panel-group .panel-heading a:active {
        color: #2574A9;
        text-decoration: none; }
      .panel-group .panel-heading a i {
        margin-right: 5px;
        color: #e91b23; }
      .panel-group .panel-heading a:after {
        font-family: "FontAwesome";
        content: '\f146';
        font-size: 15px;
        font-weight: 700;
        color: rgba(86, 103, 123, 0.7);
        position: absolute;
        right: 15px;
        top: 45%;
        margin-top: -8px; }
      .panel-group .panel-heading a.collapsed:after {
        content: '\f0fe'; }
  .panel-group .panel-body {
    border: 0 !important; }

a.accordion-toggle {
  text-decoration: none; }

.panel-heading {
  padding: 0; }

/* 08. PORTFOLIO
//----------------------------------------------------------------------------------------- */
.bg-portfolio-single {
  padding: 35px 0;
  border-top: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0; }

.portfolio-filters {
  display: inline-block;
  margin-bottom: 30px;
  text-align: center; }
  .portfolio-filters li {
    display: inline-block;
    padding: 11px 15px;
    text-transform: uppercase;
    color: #2574A9;
    background-color: rgba(91, 109, 131, 0.06);
    font-weight: 600;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .portfolio-filters li:hover, .portfolio-filters li:focus {
      background-color: #C5CDD7;
      color: #fff; }
    .portfolio-filters li.active {
      background-color: #2574A9;
      color: #fff; }
      .portfolio-filters li.active:hover, .portfolio-filters li.active:focus {
        background-color: #C5CDD7;
        color: #fff; }

/* */
.item-img-wrap {
  position: relative;
  text-align: center;
  overflow: hidden; }
  .item-img-wrap img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: inline-block;
    border: 8px solid #d9dbdb; }
  .item-img-wrap:hover .item-img-overlay span {
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100); }
  .item-img-wrap:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

.item-img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }
  .item-img-overlay span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 25%;
    text-align: center;
    font-size: 32px;
    color: #fff;
    background: rgba(86, 103, 123, 0.5);
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear; }
    .item-img-overlay span h5 {
      width: 100%;
      font-size: 17px;
      line-height: 1.5;
      font-weight: 500;
      position: absolute;
      bottom: -18px;
      text-align: center;
      color: #fff;
      text-transform: uppercase;
      background: rgba(34, 34, 34, 0.4);
      padding: 10px 5px; }
      .item-img-overlay span h5 small {
        font-family: "Work Sans", sans-serif;
        color: #EEF3F5;
        font-weight: normal;
        padding: 0; }
  .item-img-overlay .team-social {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 38% 15px 0;
    background: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    color: #555;
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear; }
    .item-img-overlay .team-social strong {
      font-size: 110%; }
  .item-img-overlay .news {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 21%;
    background: rgba(85, 85, 85, 0.3);
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear; }
  .item-img-overlay .about {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 13%;
    background: rgba(85, 85, 85, 0.3);
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear; }

#grid .mix {
  opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  padding: 8px; }

/* Vanillabox */
/*
 * Vanillabox
 * (C) 2013 cocopon.
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/mit-license.php
 */
.vnbx * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box; }

.vnbx-mask {
  left: 0;
  overflow: auto;
  position: absolute;
  top: 0;
  z-index: 1050; }

.vnbx-frame {
  position: absolute; }

.vnbx-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none; }

.vnbx-prev,
.vnbx-next {
  visibility: hidden; }

.vnbx-group .vnbx-prev,
.vnbx-group .vnbx-next {
  visibility: visible; }

.vnbx-pager {
  visibility: hidden; }

.vnbx-group .vnbx-pager {
  visibility: visible; }

.vnbx-content {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%; }

.vnbx-content > img {
  vertical-align: middle; }

.vnbx-content > iframe {
  border-width: 0;
  vertical-align: middle; }

.vnbx-ios .vnbx-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.vnbx-ios .vnbx-content > iframe {
  display: block;
  height: 100%;
  width: 100%; }

.vnbx-empty {
  height: 200px;
  width: 240px; }

.vnbx-loading,
.vnbx-error {
  height: 200px;
  width: 240px; }

.vnbx-loading > img,
.vnbx-loading > iframe,
.vnbx-error > img,
.vnbx-error > iframe {
  display: none;
  height: 200px;
  width: 240px; }

.vnbx-mask {
  background-color: rgba(0, 0, 0, 0.7); }

.vnbx-frame {
  padding-top: 32px; }

.vnbx-button {
  position: absolute; }

.vnbx-button.vnbx-disabled {
  display: none; }

.vnbx-close {
  background: none;
  height: 40px;
  right: -5px;
  top: 0;
  width: 10px; }
  .vnbx-close:after {
    display: inline-block;
    position: absolute;
    left: -28px;
    top: 0;
    padding: 5px;
    font-family: "FontAwesome";
    font-size: 20px;
    content: "\f00d";
    color: #999;
    border: 0;
    opacity: 0.7;
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
  .vnbx-close:hover::after {
    opacity: 0.9;
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    color: #2574A9;
    cursor: pointer; }

.vnbx-prev,
.vnbx-next {
  height: 100%;
  margin-top: 16px;
  top: 0;
  width: 44px; }

.vnbx-prev {
  background: none;
  left: -40px; }
  .vnbx-prev:after {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -35px;
    padding: 10px 20px;
    font-family: "FontAwesome";
    font-size: 50px;
    content: "\f104";
    color: #fff;
    border: 0;
    opacity: 0.7;
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
  .vnbx-prev:hover::after {
    opacity: 0.9;
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    cursor: pointer; }

.vnbx-next {
  background: none;
  right: -40px; }
  .vnbx-next:after {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -35px;
    padding: 10px 20px;
    font-family: "FontAwesome";
    font-size: 50px;
    content: "\f105";
    color: #fff;
    border: 0;
    opacity: 0.7;
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
  .vnbx-next:hover::after {
    opacity: 0.9;
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    cursor: pointer; }

.vnbx-label {
  font-family: sans-serif;
  font-size: 1em;
  position: absolute; }

.vnbx-title {
  background-color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #56677b;
  height: 40px;
  left: 0;
  line-height: 40px;
  overflow: hidden;
  text-align: left;
  top: 0;
  padding-left: 12px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.vnbx-close-button-enabled .vnbx-title {
  padding-right: 40px; }

.vnbx-pager {
  background: #fff;
  bottom: 0;
  color: #2574A9;
  font-size: 90%;
  height: 30px;
  left: 0;
  line-height: 30px;
  text-align: center;
  width: 100%; }

.vnbx-container {
  background-color: #fff;
  text-align: center;
  border: solid 7px #fff;
  overflow: hidden;
  position: relative; }

.vnbx-loading {
  background-image: url("../images/loading.gif");
  background-position: center 45%;
  background-repeat: no-repeat;
  background-size: 32px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .vnbx-loading {
    background-image: url(../img/loading@2x.gif); } }
.vnbx-error:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -17px;
  margin-top: -35px;
  font-family: "FontAwesome";
  font-size: 40px;
  content: "\f057";
  color: #999; }

/* Call to Action */
.contact-por h4 {
  display: inline-block;
  margin-bottom: 0; }

/* 09. PRICING TABLES
//----------------------------------------------------------------------------------------- */
.corp-pricing {
  border: 0;
  text-align: center;
  background-color: #f9f9f9;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.05);
  -khtml-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.05);
  -moz-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.05);
  -ms-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.05);
  box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.05); }
  .corp-pricing:hover span.popular-tag {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  .corp-pricing .panel-body {
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; }

.corpboot-price-title {
  padding: 15px 0;
  background: #2574A9;
  position: relative;
  -webkit-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  color: #fff; }
  .corpboot-price-title h2 {
    font-size: 40px;
    margin-bottom: 0;
    padding-top: 0; }
  .corpboot-price-title h3 {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    padding-top: -5px; }
  .corpboot-price-title sup {
    top: -0.1em;
    font-size: 32px;
    margin-right: 3px; }
  .corpboot-price-title sub {
    bottom: -0.2em;
    color: #f9f9f9;
    font-size: 18px;
    margin-left: 2px; }
  .corpboot-price-title.popular-title {
    background-color: #5b6d83; }
    .corpboot-price-title.popular-title h2 {
      color: #fff; }
    .corpboot-price-title.popular-title h3 {
      color: #fff; }

.corpboot-price-content {
  padding: 0; }
  .corpboot-price-content ul {
    margin: 0;
    padding: 0; }
    .corpboot-price-content ul li {
      list-style: none;
      margin: 0;
      padding: 12px 0;
      border-left: 1px solid rgba(0, 0, 0, 0.07);
      border-right: 1px solid rgba(0, 0, 0, 0.07);
      border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
      .corpboot-price-content ul li:last-child {
        border-bottom: 0; }

.corp-pricing-btn {
  padding-top: 5px;
  padding-bottom: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 0 0 5px 5px;
  -khtml-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }
  .corp-pricing-btn .btn {
    width: 90%;
    height: 45px;
    line-height: 45px; }

.popular-title sub {
  color: #f5f5f5; }

span.popular-tag {
  position: absolute;
  right: -6px;
  top: -8px;
  font-weight: 600;
  padding: 7px 10px;
  color: #fff;
  background-color: #3498DB;
  border: solid 1px #3498DB;
  font-size: 14px;
  letter-spacing: 0.01em;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.06);
  -khtml-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.06);
  -moz-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.06);
  -ms-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.06);
  box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.06);
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear; }

/* 10. BLOG
//----------------------------------------------------------------------------------------- */
#main {
  padding-top: 10px; }

/* Post */
.entry-title {
  margin-top: 0;
  color: #5b6d83; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

.wp-caption {
  max-width: 100%;
  position: relative;
  padding: 8px 8px 0 8px;
  margin: 10px 0 20px;
  background-color: #f9f9f9;
  border: solid 1px #e9e9e9;
  color: #555;
  text-align: center;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none; }
  .wp-caption.alignright {
    margin-left: 20px;
    margin-top: 2px; }
  .wp-caption.alignleft {
    margin-right: 20px;
    margin-top: 2px; }
  .wp-caption p.wp-caption-text {
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    padding: 8px 4px;
    margin: 0; }

.gallery-caption {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  padding: 8px 4px;
  margin: 0; }

.post_content img {
  max-width: 100%; }
.post_content h1 {
  text-align: left; }
.post_content h2 {
  text-align: left; }
.post_content h3 {
  text-align: left; }
.post_content h4 {
  text-align: left; }
.post_content h5 {
  text-align: left; }
.post_content h6 {
  text-align: left; }
.post_content p img {
  max-width: 100%; }

.post-thumbnail {
  width: 100%; }
  .post-thumbnail img {
    max-width: 100% !important;
    margin-bottom: 30px; }

.bypostauthor {
  display: none; }

.author {
  font-size: 12px;
  text-transform: uppercase;
  color: #5b6d83;
  line-height: 22px;
  margin-bottom: 15px;
  margin-left: 1px;
  letter-spacing: .02em; }
  .author i {
    color: #C5CDD7;
    margin-right: 3px; }
  .author span {
    color: #999; }
  .author a {
    display: inline-block; }

.more-link {
  display: none; }

.entry-meta {
  padding-top: 15px; }

blockquote {
  font-size: 16px;
  text-align: left;
  border-left: 4px solid #f2f1ef;
  font-style: italic; }

.subscribe-label {
  font-weight: 400;
  font-size: 13px; }

code {
  color: #5b6d83; }

pre {
  background-color: #f9f9f9;
  border: solid 1px #e9e9e9;
  color: #555; }

.sticky {
  background-color: #f9f9f9;
  border: solid 1px #e9e9e9;
  color: #555;
  padding: 20px 20px 10px; }

.shotcodes {
  margin: 0;
  padding: 0;
  background: transparent; }

/* Posts Navigation */
.pagination {
  margin: 0; }
  .pagination li a {
    display: inline-block;
    min-width: 40px;
    text-align: center;
    margin-left: 0 !important;
    margin-right: 1px !important;
    font-size: 14px;
    line-height: 1.5;
    color: #C5CDD7;
    border: none;
    background-color: #f5f5f5;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease; }
    .pagination li a:hover {
      border: none;
      background-color: #C5CDD7;
      color: #fff; }
  .pagination li span {
    display: inline-block;
    min-width: 40px;
    text-align: center;
    margin-left: 0 !important;
    margin-right: 1px !important;
    font-size: 14px;
    line-height: 1.5;
    color: #C5CDD7;
    border: none;
    background-color: #f5f5f5;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease; }
    .pagination li span:hover {
      border: none;
      background-color: #C5CDD7;
      color: #fff; }
  .pagination li.active a {
    display: inline-block;
    min-width: 40px;
    text-align: center;
    margin-left: 0 !important;
    margin-right: 1px !important;
    font-size: 14px;
    line-height: 1.5;
    color: #C5CDD7;
    border: none;
    background-color: #f5f5f5;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    background-color: #e9e9e9; }
  .pagination li.active span {
    display: inline-block;
    min-width: 40px;
    text-align: center;
    margin-left: 0 !important;
    margin-right: 1px !important;
    font-size: 14px;
    line-height: 1.5;
    color: #C5CDD7;
    border: none;
    background-color: #f5f5f5;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    background-color: #e9e9e9; }
  .pagination > li > a {
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important; }
  .pagination > li > span {
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important; }
  .pagination > li:first-child > a {
    -webkit-border-radius: 4px 0px 0px 4px !important;
    -khtml-border-radius: 4px 0px 0px 4px !important;
    -moz-border-radius: 4px 0px 0px 4px !important;
    -ms-border-radius: 4px 0px 0px 4px !important;
    border-radius: 4px 0px 0px 4px !important; }
  .pagination > li:first-child > span {
    -webkit-border-radius: 4px 0px 0px 4px !important;
    -khtml-border-radius: 4px 0px 0px 4px !important;
    -moz-border-radius: 4px 0px 0px 4px !important;
    -ms-border-radius: 4px 0px 0px 4px !important;
    border-radius: 4px 0px 0px 4px !important; }
  .pagination > li:last-child > a {
    -webkit-border-radius: 0px 4px 4px 0px !important;
    -khtml-border-radius: 0px 4px 4px 0px !important;
    -moz-border-radius: 0px 4px 4px 0px !important;
    -ms-border-radius: 0px 4px 4px 0px !important;
    border-radius: 0px 4px 4px 0px !important; }
  .pagination > li:last-child > span {
    -webkit-border-radius: 0px 4px 4px 0px !important;
    -khtml-border-radius: 0px 4px 4px 0px !important;
    -moz-border-radius: 0px 4px 4px 0px !important;
    -ms-border-radius: 0px 4px 4px 0px !important;
    border-radius: 0px 4px 4px 0px !important; }

.posts-nav > div a {
  padding: 6px 12px;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
.posts-nav div a {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  margin-left: 0 !important;
  margin-right: 1px !important;
  font-size: 14px;
  line-height: 1.5;
  color: #C5CDD7;
  border: none;
  background-color: #f5f5f5;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
  .posts-nav div a:hover {
    border: none;
    background-color: #C5CDD7;
    color: #fff; }

/* Sidebar */
.sidebar {
  padding-top: 0;
  margin-top: 5px; }
  .sidebar ul {
    padding: 0;
    margin: 0; }

.sidebar-left > .widget {
  width: 92%;
  float: left; }

.sidebar-right > .widget {
  width: 92%;
  float: right; }

.widget {
  background: transparent;
  border: none;
  padding: 0;
  margin-bottom: 35px;
  font-size: 14px;
  letter-spacing: .03em;
  list-style: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  line-height: 1.5; }
  .widget h2 {
    font-family: "Work Sans", sans-serif;
    background: #369a67;
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 19px;
    color: #fff;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
  .widget ul {
    margin: 0;
    padding: 0; }
    .widget ul li {
      margin-bottom: 8px;
      padding-bottom: 7px;
      padding-left: 7px;
      border-bottom: solid 1px #f2f2f2;
      list-style: none;
      font-weight: 400;
      color: #777; }
      .widget ul li a {
        color: #777 !important; }
        .widget ul li a:before {
          font-family: "FontAwesome";
          content: '\f105';
          margin-right: 5px; }
        .widget ul li a:hover {
          text-decoration: none;
          color: #2574A9 !important; }
    .widget ul.children {
      padding: 0;
      padding-top: 7px;
      border-top: solid 1px #f2f2f2;
      margin-left: 0;
      background: transparent;
      margin: 10px 0 10px 10px; }
  .widget li span a {
    color: #777 !important; }
    .widget li span a:hover {
      text-decoration: none;
      color: #2574A9 !important; }
  .widget > ul > li > a > span.badge {
    background: transparent;
    color: #bbb;
    padding: 3px 6px;
    border: solid 1px #eee;
    margin-left: 5px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    .widget > ul > li > a > span.badge:hover {
      background: #eee;
      border: solid 1px #eee;
      color: #2574A9; }
  .widget > ul > li > a:hover > span.badge {
    background: #eee;
    border: solid 1px #eee;
    color: #2574A9; }

.widgettitle {
  font-family: "Work Sans", sans-serif;
  background: #C5CDD7;
  padding: 7px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 35px;
  text-transform: uppercase;
  margin-bottom: 19px;
  color: #fff;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

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

/* Comments */
.comment-reply-title {
  padding-bottom: 12px;
  margin-bottom: 28px;
  position: relative;
  border-bottom: solid 1px rgba(0, 0, 0, 0.07);
  color: #5b6d83;
  font-size: 22px;
  line-height: 30px;
  padding-top: 5px; }
  .comment-reply-title:before {
    position: absolute;
    content: '';
    height: 1px;
    background: #bdc3c7;
    width: 30%;
    max-width: 150px;
    bottom: -1px;
    left: 0; }

.commentlist {
  padding-bottom: 20px;
  overflow: hidden;
  margin: 0;
  padding: 0; }
  .commentlist li {
    list-style: none;
    margin: 0;
    padding: 0; }

.comments-title {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  color: #676767;
  margin: 25px 0; }

.comment {
  background-color: #f6f6f6;
  padding: 20px;
  margin: 17px 0;
  overflow: hidden;
  border-bottom: solid 1px #e1e1e1;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

.author-bio {
  background-color: #f6f6f6;
  padding: 20px;
  margin: 17px 0;
  overflow: hidden;
  border-bottom: solid 1px #e1e1e1;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-color: #f9f9f9;
  border: solid 1px #e9e9e9;
  padding-bottom: 5px;
  margin-bottom: 25px;
  margin-top: 10px; }
  .author-bio .media-heading {
    padding-top: 0; }
  .author-bio div div ul li {
    padding-right: 0; }

.social-author {
  font-size: 20px;
  padding: 0; }

.view-all {
  font-family: "Work Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 0;
  padding-bottom: 0; }

.reply {
  margin: 0;
  padding: 0;
  text-align: right;
  border: 0; }

.comments ol {
  margin: 0;
  padding: 0; }
  .comments ol li {
    margin: 0;
    padding: 0;
    list-style: none; }
.comments div h5 small {
  font-family: "Work Sans", sans-serif; }

.comment-notes {
  font-size: 13px; }

.form-allowed-tags {
  font-size: 12px; }
  .form-allowed-tags code {
    color: #777;
    background-color: #f7f7f7; }

.btn-reply, .btn-edit,
.comment-edit-link, .comment-reply-link {
  display: inline-block;
  padding: 6px 12px;
  margin: 7px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-color: #C5CDD7;
  border: 0;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  min-width: 90px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #fff !important;
  text-decoration: none;
  -webkit-transition: background-color 0.4s ease-out;
  -moz-transition: background-color 0.4s ease-out;
  -ms-transition: background-color 0.4s ease-out;
  -o-transition: background-color 0.4s ease-out;
  transition: background-color 0.4s ease-out; }
  .btn-reply:hover, .btn-reply:focus, .btn-reply:active, .btn-edit:hover, .btn-edit:focus, .btn-edit:active,
  .comment-edit-link:hover,
  .comment-edit-link:focus,
  .comment-edit-link:active, .comment-reply-link:hover, .comment-reply-link:focus, .comment-reply-link:active {
    background-color: #3498DB;
    text-decoration: none; }
  .btn-reply i, .btn-edit i,
  .comment-edit-link i, .comment-reply-link i {
    margin-right: 3px; }

/*Calendar*/
#wp-calendar {
  width: 100%;
  font-size: 11px; }
  #wp-calendar tfoot {
    background: #f5f5f5;
    border: 1px solid #ddd;
    font-size: 11px; }
    #wp-calendar tfoot td {
      padding-top: 1px;
      padding: 4px; }
    #wp-calendar tfoot tr td#prev {
      padding: 10px;
      text-transform: uppercase; }
    #wp-calendar tfoot tr td#next {
      text-align: right;
      padding: 10px;
      text-transform: uppercase; }
  #wp-calendar tbody td {
    text-align: center;
    border: 1px solid #ddd;
    line-height: 2.5em;
    -webkit-transition: background 0.15s ease;
    -moz-transition: background 0.15s ease;
    -ms-transition: background 0.15s ease;
    -o-transition: background 0.15s ease;
    transition: background 0.15s ease; }
    #wp-calendar tbody td:hover {
      background: #f1f1f1;
      color: #333; }
      #wp-calendar tbody td:hover a {
        background: #999;
        color: #fff; }
    #wp-calendar tbody td a {
      display: block;
      text-decoration: none;
      background: #f1f1f1;
      color: #333; }
  #wp-calendar tbody a {
    display: block;
    text-decoration: underline; }
  #wp-calendar caption {
    font-family: "Work Sans", sans-serif;
    text-align: center;
    background: #eee;
    border: solid 1px #ddd;
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
  #wp-calendar th {
    text-align: center;
    border: 1px solid transparent;
    border-top: none;
    padding: 7px 0;
    color: #a3a3a3; }
  #wp-calendar thead th {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-top: none;
    font-size: 11px; }

div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }
a img.alignnone {
  margin: 5px 20px 20px 0; }
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

aside ul form div {
  padding-left: 18px; }

.tags-links a, .tagcloud a {
  color: #777;
  background: transparent;
  font-size: 10px !important;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .05em;
  display: inline-block;
  max-height: 28px;
  padding: 4px 8px;
  margin: 3px 2px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin: 0 1px 10px 0; }
  .tags-links a:hover, .tagcloud a:hover {
    background-color: #C5CDD7;
    border: 1px solid #C5CDD7;
    color: #fff;
    text-decoration: none; }

.media-body > p.small > a {
  color: #777; }

.media-heading a {
  font-style: normal;
  color: #555; }

.avatar img {
  max-width: 64px;
  min-width: 48px;
  margin: 0 15px 15px 0;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

ul.children {
  padding: 0;
  margin-left: 0;
  background-color: #f4f4f4;
  margin: -17px 0 17px; }
  ul.children li {
    margin: 0;
    padding: 0;
    list-style: none; }
  ul.children .comment {
    padding-left: 4em; }

#footer #wp-calendar thead th {
  background: #222; }
#footer #wp-calendar tbody td {
  border-color: #222; }

/* 11. CONTACT AND GENERAL FORMS
//----------------------------------------------------------------------------------------- */
.cinfo {
  padding-right: 10px;
  padding-top: 0; }
  .cinfo p {
    margin-bottom: 0; }
  .cinfo address {
    padding-top: 2px; }
    .cinfo address i {
      width: 25px;
      min-width: 25px;
      text-align: center;
      color: #fff;
      margin: 4px 8px 8px 0;
      background-color: #369a67;
      padding: 5px 0;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
    .cinfo address p {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      margin-bottom: 7px; }

#map-canvas {
  width: 100%;
  height: 250px;
  bottom: 0;
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

#mapcontent {
  padding: 0; }

#alertform {
  padding: 20px 5px;
  background: none;
  border: none;
  text-align: right;
  margin-top: -20px;
  font-size: 13px;
  display: none; }

.btn > i.le, a > i.le {
  margin-right: 4px; }
.btn > i.ra, a > i.ra {
  margin-left: 4px; }

.btn, .submit {
  font-family: "Montserrat", sans-serif, "FontAwesome";
  letter-spacing: 0.02em;
  font-weight: bold;
  border: 0;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .btn:hover, .btn:focus, .submit:hover, .submit:focus {
    -webkit-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.04);
    -khtml-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.04);
    -moz-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.04);
    -ms-box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.04);
    box-shadow: 1px 2px 2px 0px rgba(5, 5, 5, 0.04); }

.btn-primary-corp, .submit {
  background-color: #C5CDD7;
  color: #fff !important;
  text-transform: uppercase; }
  .btn-primary-corp:hover, .btn-primary-corp:focus, .btn-primary-corp:active, .submit:hover, .submit:focus, .submit:active {
    background-color: #3498DB;
    color: #fff; }

.btn-alternative-corp {
  background-color: #2574A9;
  color: #fff !important;
  text-transform: uppercase; }
  .btn-alternative-corp:hover, .btn-alternative-corp:focus, .btn-alternative-corp:active {
    background-color: #3498DB;
    color: #fff; }

.btn-primary-corp-big {
  background-color: #C5CDD7;
  color: #fff !important;
  padding: 0 25px;
  height: 48px;
  line-height: 48px;
  text-transform: uppercase; }
  .btn-primary-corp-big:hover, .btn-primary-corp-big:focus, .btn-primary-corp-big:active {
    background-color: #0e6131;
    color: #fff; }

.btn-transparent {
  border: solid 2px #fff;
  background: rgba(0, 0, 0, 0.05);
  color: #fff !important;
  font-size: 16px;
  padding: 0 25px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: normal; }
  .btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active {
    border-color: #C5CDD7;
    background: #C5CDD7;
    color: #fff; }
  .btn-transparent i {
    margin-right: 5px; }

.btn-transparent-sm {
  border: solid 1px #fff;
  background: rgba(0, 0, 0, 0.05);
  color: #fff !important;
  font-size: 13px;
  letter-spacing: 0.01em;
  padding: 0 13px;
  height: 30px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: normal;
  white-space: nowrap;
  vertical-align: middle; }
  .btn-transparent-sm:hover, .btn-transparent-sm:focus, .btn-transparent-sm:active {
    border: solid 1px #fff;
    background: rgba(0, 0, 0, 0.07);
    color: #fff; }
  .btn-transparent-sm i {
    margin-right: 2px; }

input:focus, textarea:focus, select:focus, button:focus, .btn:focus {
  outline: none; }

.form-control, .selectcorp, textarea {
  font-family: "Work Sans", sans-serif, "FontAwesome";
  width: 100%;
  height: auto;
  min-height: 40px;
  padding: 8px 10px;
  border: solid 1px rgba(0, 0, 0, 0.11);
  background-color: #f9f9f9;
  color: #777;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
  .form-control:focus, .selectcorp:focus, textarea:focus {
    /*border-color: #bdc3c7;*/
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control:-ms-input-placeholder, .selectcorp:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999;
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100); }
  .form-control::-ms-input-placeholder, .selectcorp::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #999;
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100); }
  .form-control::-moz-placeholder, .selectcorp::-moz-placeholder, textarea::-moz-placeholder {
    color: #999;
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100); }
  .form-control::-webkit-input-placeholder, .selectcorp::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100); }

.selectcorp {
  padding-top: 0;
  padding-bottom: 0;
  font-weight: normal;
  font-family: "Work Sans", sans-serif; }
  .selectcorp .caret {
    color: #777; }
  .selectcorp:hover, .selectcorp:focus {
    color: #676767; }
    .selectcorp:hover .caret, .selectcorp:focus .caret {
      color: rgba(86, 103, 123, 0.7); }

.newsletter .form-control, .search-form .form-control {
  border: 0;
  margin: 5px 0;
  border: solid 1px #f9f9f9;
  background-color: #f9f9f9;
  -webkit-border-radius: 3px 0 0 3px !important;
  -khtml-border-radius: 3px 0 0 3px !important;
  -moz-border-radius: 3px 0 0 3px !important;
  -ms-border-radius: 3px 0 0 3px !important;
  border-radius: 3px 0 0 3px !important; }
.newsletter .input-group-btn button, .search-form .input-group-btn button {
  background-color: #C5CDD7;
  border-color: #C5CDD7;
  color: #fff;
  margin-left: -1px;
  text-transform: uppercase;
  font-size: 18px;
  padding: 0 16px;
  -webkit-border-radius: 0 3px 3px 0;
  -khtml-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out; }
  .newsletter .input-group-btn button:hover, .newsletter .input-group-btn button:focus, .search-form .input-group-btn button:hover, .search-form .input-group-btn button:focus {
    background-color: #3498DB;
    border-color: #3498DB;
    color: #fff; }

.search-form > .form-control {
  border: solid 1px rgba(0, 0, 0, 0.15); }
.search-form > .input-group-btn button {
  background-color: #2574A9;
  border-color: #2574A9; }
  .search-form > .input-group-btn button:hover, .search-form > .input-group-btn button:focus {
    background-color: #3498DB;
    border-color: #3498DB; }

.newsletter-desc {
  padding-top: 15px;
  font-size: 12px; }

.bootstrap-select > .open {
  padding-top: 10px;
  border: solid 1px #bdc3c7;
  background-color: #f9f9f9;
  margin-top: -11px;
  border-top: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -khtml-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }
.bootstrap-select > .dropdown-menu {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08);
  -khtml-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08);
  min-height: 110px; }
  .bootstrap-select > .dropdown-menu li {
    height: 28px;
    line-height: 28px; }
    .bootstrap-select > .dropdown-menu li a {
      height: 28px;
      line-height: 28px; }
    .bootstrap-select > .dropdown-menu li.selected a {
      background-color: #e5e5e5; }
.bootstrap-select.btn-group .dropdown-menu {
  overflow-y: scroll; }
  .bootstrap-select.btn-group .dropdown-menu.inner {
    background: transparent;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
    .bootstrap-select.btn-group .dropdown-menu.inner > li > a:hover {
      background-color: #f1f1f1;
      color: #333; }
  .bootstrap-select.btn-group .dropdown-menu li a {
    color: #777;
    font-weight: 400; }
.bootstrap-select.btn-group .dropdown-menu::-webkit-scrollbar {
  width: 8px; }
.bootstrap-select.btn-group .dropdown-menu::-webkit-scrollbar-track {
  background-color: #d5d5d5;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
.bootstrap-select.btn-group .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #d5d5d5;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.btn-group.open .dropdown-toggle {
  border-color: #bdc3c7;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

/* Alerts */
.text-danger {
  color: #D6433B; }

.text-warning {
  color: #EE8707; }

.text-success {
  color: #2EA566; }

.text-info {
  color: #1CA5D2; }

.alert-info {
  background-color: #daf2fa;
  border-color: #80d3ee;
  color: #1CA5D2; }

.alert-success {
  background-color: #d5f3e3;
  border-color: #79daa6;
  color: #2EA566; }

.alert-warning {
  background-color: #fef1e1;
  border-color: #fbc179;
  color: #EE8707; }

.alert-danger {
  background-color: #f9e5e4;
  border-color: #eca8a4;
  color: #D6433B; }

.has-error .form-control {
  border-color: #eca8a4;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
  .has-error .form-control:focus {
    border-color: #e3807a;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

.msgcontact {
  padding: 10px 0;
  margin-bottom: 15px;
  margin-top: -10px; }

/* 12. FOOTER
//----------------------------------------------------------------------------------------- */
.footer-top {
  padding: 10px 0 20px;
  background-color: #5b6d83;
  margin: 0;
  color: #EEF3F5; }
  .footer-top a {
    color: #fff;
    font-weight: 600; }
    .footer-top a:hover {
      text-decoration: underline; }
  .footer-top .footer-widget h3 {
    font-size: 17px;
    line-height: 20px;
    color: #eee;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding-bottom: 0px;
    margin-bottom: 10px; }
  .footer-top .footer-widget p {
    font-size: 13px;
    font-weight: 300;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    line-height: 20px; }
  .footer-top .footer-widget ul li {
    font-size: 13px;
    font-weight: 300;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    line-height: 20px;
    margin-bottom: 0px; }
    .footer-top .footer-widget ul li i {
      margin-right: 4px; }

.footer-bottom {
  width: 100%;
  background-color: #56677b;
  color: #fff;
  margin: 0;
  padding: 0 0 18px 0;
  font-size: 14px;
  font-weight: 400;
  border-top: solid 5px #5b6d83; }
  .footer-bottom a {
    color: #fff;
    font-weight: 600;
    color: #EEF3F5;
    display: inline-block; }
    .footer-bottom a:hover {
      text-decoration: underline;
      color: #fff; }
    .footer-bottom a:visited {
      color: #EEF3F5;
      display: inline-block; }

.social li {
  padding: 0 2px; }
  .social li .fa {
    margin-top: 35px;
    display: inline-block;
    color: rgba(238, 243, 245, 0.9);
    background-color: rgba(0, 0, 0, 0.07);
    width: 48px;
    height: 48px;
    line-height: 48px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-size: 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .social li .fa:hover, .social li .fa:focus {
      background-color: #5b6d83;
      text-decoration: none;
      color: #EEF3F5; }

.credits {
  text-align: right;
  font-size: 13px;
  padding-top: 65px;
  color: rgba(238, 243, 245, 0.9); }
  .credits p {
    margin-bottom: 0;
    font-size: 13px; }
    .credits p.small {
      font-size: 12px;
      margin-top: 5px; }

/* Back to top */
.scrollToTop {
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 15px;
  z-index: 99;
  display: none;
  background: rgba(84, 100, 120, 0.9);
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  opacity: 0.9;
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.scrollToTop:hover {
  background: #2574a9;
  text-decoration: none;
  opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  color: #fff; }

.worldwide-box {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 35px;
  margin-bottom: 35px; }

.worldwide-flags {
  width: 100px;
  max-width: 120px; }

.services ul li, .services ol li {
  padding-bottom: 10px; }

.centered-form {
  margin-top: 10px; }

.centered-form .panel {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px; }

.input-group-addon {
  /*  background-color: #337ab7;
  border-color: #2e6da4;
  color: #fff;*/ }

.table-calculations input {
  min-width: 120px;
  max-height: 100%; }

.table-calculations h3 {
  font-size: 22px;
  padding: 15px 20px 0;
  display: inline-block; }

.table-calculations .panel-heading i {
  display: inline;
  margin-top: 20px;
  position: absolute;
  right: 35px;
  font-size: 20px;
  cursor: pointer; }

.reset {
  border: 1px solid #ccc; }

.btn-primary {
  border-color: #2e6da4; }

::-webkit-input-placeholder {
  font-weight: normal; }

:-moz-placeholder {
  /* Firefox 18- */
  font-weight: normal; }

::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: normal; }

:-ms-input-placeholder {
  font-weight: normal; }

input[type="text"] {
  color: #044a67;
  font-weight: bold; }

.calculationsforms {
  margin-top: 20px; }

th {
  border-right: 1px solid #ccc; }

.table {
  margin-bottom: 0px; }

.othercharges.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #ecead5; }

.red {
  color: red; }

.notes p {
  font-size: 11px;
  margin-top: 10px; }

h4 {
  text-align: center; }

#laden .form-control[disabled], #laden .form-control[readonly], #laden fieldset[disabled] .form-control,
#ballast .form-control[disabled], #ballast .form-control[readonly], #ballast fieldset[disabled] .form-control,
#neopanamax .form-control[disabled], #neopanamax .form-control[readonly], #neopanamax fieldset[disabled] .form-control {
  background-color: rgba(4, 74, 103, 0.07); }

#laden .form-control, #ballast .form-control, #neopanamax .form-control {
  width: 170px;
  display: inline; }

input#shipTotalL, input#shipTotalB, input#shipTotalNeo {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px; }

.checkbox-switch {
  padding-top: 3px; }

.checkbox-switch > input[type="checkbox"] {
  display: none; }

.checkbox-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 40px; }

.checkbox-switch > label::before {
  background: black;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position: absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px; }

.checkbox-switch > label::after {
  background: white;
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px; }

.checkbox-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5; }

.checkbox-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px; }

#radioBtn {
  border: 1px solid #337D33;
  border-radius: 4px; }

#radioBtn .notActive {
  color: #449d44;
  background-color: #fff; }

.imgdocs img {
  width: 100%; }

.panamacanalfacts > ol > li {
  font-size: 20px;
  font-weight: bold;
  padding-top: 25px; }

.panamacanalfacts span.subtitles {
  font-weight: bold !important;
  font-style: italic; }

.panamacanalfacts ol li h6 {
  text-align: left;
  margin-bottom: 5px; }

.teasers {
  padding: 30px 0; }

.small-text {
  font-size: 10px;
  font-style: italic;
  text-align: center;
  padding-top: 10px; }

.aboutus img {
  border: 6px solid #ccc; }

.aboutus img.williamboyd {
  width: 300px; }

.aboutus .williamboydcontainer {
  text-align: center; }

.panamacanalresources {
  padding: 60px 0 5px; }

.otherrosourceswrapper {
  padding: 20px; }

.webmail {
  text-align: center; }

.webmail i {
  font-size: 25px; }

.otherrosources {
  text-align: center; }

.otherrosources img {
  border: 8px solid #ccc;
  border-radius: 100px;
  max-width: 100px;
  width: 10vw; }

.otherrosources > h4 {
  color: #2574a9; }

.rotate:hover {
  transform: rotate(360deg); }

.rotate {
  overflow: hidden;
  transition-duration: 0.8s;
  transition-property: transform; }

.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0; }

/*.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #2e353d;
  position: fixed;
  top: 0px;
  width: 300px;
  height: 100%;
  color: #e1ffff;
}
.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
      
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }

}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}



@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}*/
/* 13. RESPONSIVE
//----------------------------------------------------------------------------------------- */
/* If the minimum width is */
@media (min-width: 1300px) {
	
	
  .navbar-default .navbar-nav > li > a {
    font-size: 14px; } }
@media (min-width: 1200px) {
	
  .nav-side-menu {
    font-size: 15px; }

  .padding-left-menu {
    padding-left: 15px; } }
@media (min-width: 1025px) {
  .row-lg {
    margin-left: -10px !important;
    margin-right: -10px !important; }
    .row-lg .col-lg-7 {
      padding-left: 10px !important;
      padding-right: 10px; }
    .row-lg .col-lg-5 {
      padding-left: 0px !important;
      padding-right: 10px !important; } }
@media (min-width: 769px) {
  .avatar img {
    float: left; }

  .navbar-default {
    height: 116px;
    line-height: 116px;
    padding: 0 20px; }

  .navbar-default.tiny {
    height: 70px;
    line-height: 70px;
    border-top: solid 2px #C5CDD7; }

  .navbar-default.tiny .navbar-brand {
    height: 65px;
    line-height: 65px; }

  .navbar-default.tiny .navbar-nav > li {
    height: 70px;
    line-height: 67px; }

  .navbar-default .navbar-nav > li {
    height: 80px;
    line-height: 78px; }

  .dropdown-menu > li {
    height: 40px;
    line-height: 40px; }

  .navbar-default .navbar-nav > li > a {
    display: inline-block; }

  .navbar-default ul.nav li.dropdown > ul.dropdown-menu {
    visibility: hidden;
    display: block;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }

  .navbar-default ul.nav li.dropdown:hover > ul.dropdown-menu {
    visibility: visible;
    display: block;
    filter: none;
    opacity: 1; } }
/* If the maximum width is */
@media (max-width: 1279px) {
  .bg-video {
    width: 125%; }

  /*     .navbar-default .navbar-nav > li > a{
          font-size: 12px;
           padding: 5px 9px;
          
          
      }*/ }
/*@media (max-width: 1050px) {
    .navbar-default .navbar-nav > li > a{
        
        font-size:11px;
    }   
    
    
}*/
/*@media (max-width: 840px) {
    .navbar-default .navbar-nav > li > a{
        
        font-size:10px;
    }   
    
    
}*/
@media (max-width: 1024px) {
  .mainmenu {
    width: auto; }

  /*    .navbar-default .navbar-nav > li > a {
          margin: 15px 2px 2px;
          padding: 9px 10px;
          font-size: 13px;
          letter-spacing: 0;
      }*/
  .navbar-default.tiny .navbar-nav > li > a {
    padding: 7px 10px; } }
@media (max-width: 980px) {
  .container {
    width: 95%; }

  .bg-img-fixed {
    background-size: auto 600px;
    height: 600px; }

  .bg-img-fixed-content {
    height: 600px; }

  #team .item-img-wrap {
    max-width: 400px; }

  #team figure {
    margin: 0 auto; }

  .img-center {
    margin: 15px auto 25px; }

  .sidebar-right > .widget {
    width: 100%; } }
@media (max-width: 800px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  .bg-video {
    width: 150%; }

  .table-container {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 15px; } }
@media (min-width: 768px) and (max-width: 979px) {
  /*    .navbar-brand img {
          width: 150px;
      }*/
  /*    .navbar-default .navbar-nav > li > a {
          padding: 9px 6px;
          font-size: 12px;
      }*/
  .navbar-default.tiny .navbar-nav > li > a {
    padding: 7px 6px; } }
@media (max-width: 768px) {
  .otherrosources img {
    width: auto; }

  .otherrosources h4 {
    font-size: 2.2vw !important; }

  .navbar-brand {
    height: 60px;
    line-height: 50px; }

  .webmail i {
    font-size: 20px;
    line-height: 40px; }

  .navbar-default .navbar-nav > li {
    height: 50px;
    line-height: 50px; }

  .padding-left-menu {
    padding-left: 0px; }

  .webmail {
    text-align: left; }

  .intro-slider,
  .bg-slider-wrapper,
  .bg-slider-wrapper .flexslider .slide{
/*  ,
  .bg-slider-wrapper .flexslider .slide.slide-1:before,
  .bg-slider-wrapper .flexslider .slide.slide-2:before,
  .bg-slider-wrapper .flexslider .slide.slide-3:before {*/
    height: 455px; }

  /*    .bg-slider-wrapper,
      .bg-img-fixed-content {
          top: 75px;
      }*/
  .breadcrumb-container {
    margin-top: 0; }

  /*    .intro-slider,
      .push-text-slide {
          padding-top: 125px;
      }*/
  .home-promo .titlepro .middle {
    font-size: 48px; }

  .home-promo {
    padding-left: 7px;
    padding-right: 7px; }

  .space {
    display: block; }

  .home-icons {
    padding-top: 15px; }

  .blognews {
    padding-top: 15px;
    overflow: hidden; }

  .reply {
    padding-left: 3em; }

  .ico-services {
    margin-left: -10px; }

  .servdesc {
    margin-right: -15px; }

  li.filter {
    margin-bottom: 10px;
    font-size: 14px; }

  .social {
    height: auto;
    text-align: center; }

  .credits {
    text-align: center;
    margin-bottom: 20px;
    padding-top: 30px; }

  .avatar {
    display: block; }

  .avatar img {
    margin: 15px auto; }

  /*    .navbar-brand img {
          margin-top: -5px;
          max-width: 180px;
      }*/
  /*    .navbar-default .navbar-nav > li > a {
          margin: 0;
          font-size: 14px;
          border-bottom: solid 1px #EEE;
      }*/
  .navbar-default .navbar-nav .open .dropdown-menu > li {
    border-bottom: solid 1px #EEE; }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    background: transparent;
    color: #2574A9;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0;
    font-size: 90%;
    line-height: 30px; }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background: #F9F9F9;
    color: #2574A9;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }

  li.dropdown:nth-child(6) > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1)
  .navbar-default .navbar-toggle {
    margin-right: 1px; }

  .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    border: 0; }

  .vnbx-label {
    font-size: 0.8em !important; } }
@media (max-width: 650px) {
  .bg-video {
    width: 180%; }

  .ico-services {
    margin-left: -20px; }

  .servdesc {
    margin-right: -30px; } }
@media (max-width: 481px) {
  .bg-video {
    width: 240%; }

  .title-r {
    text-align: left; }

  .title-r h2, .title-r h3,
  .title h2, .title h3 {
    font-size: 28px;
    line-height: 1.3;
    padding-left: 0; }
    .title-r h2:after, .title-r h3:after,
    .title h2:after, .title h3:after {
      display: none; } }
@media (max-width: 480px) {
  .xs-50 {
    width: inherit;
    padding-right: inherit;
    padding-left: inherit;
    float: inherit; }

  /*    .intro-slider,
      .bg-img-fixed-content {
          padding-top: 130px;
      }*/
  .push-text-slide {
    height: 130px; }

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

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

  .home-promo .titlepro .middle {
    margin-top: 15px;
    margin-bottom: 15px; }

  h3 {
    font-size: 28px; }

  h4 {
    font-size: 20px; }

  h5 {
    font-size: 18px; }

  p {
    margin-bottom: 14px;
    line-height: 20px; }

  .social .fa {
    width: 44px;
    height: 44px;
    line-height: 44px; }

  .ico-services {
    margin-left: -10px; }

  .nav-tabs > li {
    display: block;
    width: 100%; }
    .nav-tabs > li a {
      -webkit-border-radius: 0;
      -khtml-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0; }
    .nav-tabs > li:first-child a {
      -webkit-border-radius: 4px 4px 0 0;
      -khtml-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0; } }
@media (max-width: 360px) {
  /*    .intro-slider {
          margin-top: 80px;
      }*/
  .bg-slider-wrapper {
    top: 80px; }

  .bg-video {
    width: 330%; }

  .bg-img-fixed-content {
    margin: 80px 0 0 0; }

  .intro-slider,
  .bg-slider-wrapper,
  .bg-img-fixed-content,
  .bg-slider-wrapper .flexslider .slide,
  .bg-img-fixed,
  .bg-slider-wrapper .flexslider .slide.slide-1:before,
  .bg-slider-wrapper .flexslider .slide.slide-2:before,
  .bg-slider-wrapper .flexslider .slide.slide-3:before {
    height: 580px; }

  .bg-img-fixed {
    background-size: auto 580px;
    height: 580px; }

  .item-img-wrap img {
    max-width: 110%;
    margin-left: -10px; } }
@media (max-width: 320px) {
  .intro-slider,
  .bg-slider-wrapper,
  .bg-img-fixed-content,
  .bg-slider-wrapper .flexslider .slide,
  .bg-img-fixed,
  .bg-slider-wrapper .flexslider .slide.slide-1:before,
  .bg-slider-wrapper .flexslider .slide.slide-2:before,
  .bg-slider-wrapper .flexslider .slide.slide-3:before {
    height: 500px; }

  .bg-img-fixed {
    background-size: auto 500px;
    height: 500px; }

  .intro-slider,
  .bg-img-fixed-content {
    padding-top: 75px; }

  /*    .bg-slider-wrapper {
          top: 75px;
      }*/
  .bg-video {
    width: 360%; }

  .home-promo .titlepro .upper {
    font-size: 26px; }

  .home-promo .titlepro .middle {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 38px; }

  /*    .navbar-brand img {
          width: 160px;
      }*/
  /*    .bg-slider-wrapper {
          top: 75px;
      }*/
  .owl-theme .owl-controls .owl-page span {
    width: 9px;
    height: 9px;
    margin: 5px; }

  .social .fa {
    margin-top: 30px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px; }

  .post_content {
    text-align: left; } }
@media (max-width: 240px) {
  /*    .navbar-brand img {
          width: 140px;
      }*/ }
/* If the minimum width and the maximum width is */
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .xs-50 {
    width: 50% !important;
    padding-right: 10px;
    padding-left: 10px;
    float: left; } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  html {
    -webkit-font-smoothing: subpixel-antialiased; } }

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