* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  zoom: 1; }

html {
  font-size: 16px;
  min-height: 100%; }

body {
  font: 16px "Calibri", Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #5d5d5d;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -ms-overflow-style: scrollbar;
  oveflow-y: scroll; }

iframe, img {
  border: 0; }

a {
  text-decoration: none;
  color: inherit; }

a:hover, a:focus {
  color: #187d01;
  text-decoration: none; }

a:focus {
  outline: none; }

p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 15px; }

dt {
  font-weight: normal; }

span.active, a.active, h2.active, h3.active, h4.active, h5.active, h6.active {
  color: #01b7f2; }

.info-primary, .info-success {
  color: #fff;
  padding: 2px 5px;
  line-height: 1em; }

.info-success {
  background: #98ce44; }

.info-primary {
  background: #2d3e52; }

/* 2) Heading */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 15px;
  font-weight: normal;
  color: #2d3e52; }

h1 {
  font-size: 2em;
  line-height: 1.25em;
  /*24px, 30px*/ }

h2 {
  font-size: 1.6667em;
  line-height: 1.25em;
  /*20px, 35px*/ }

h3 {
  font-size: 1.5em;
  line-height: 1.2222em;
  /*18px, 22px*/ }

h4 {
  font-size: 1.3333em;
  line-height: 1.25em;
  /*16px, 20px*/ }

h5 {
  font-size: 1.1666em;
  line-height: 1.1428em;
  /*14px, 16px*/ }

h6 {
  font-size: 1em; }

h1.fourty-space {
  font-size: 1.3333em;
  line-height: 1.25em;
  letter-spacing: .04em; }

h2.fourty-space {
  font-size: 1.1666em;
  line-height: 1.1428em;
  letter-spacing: .04em; }

h3.fourty-space {
  font-size: 1.0833em;
  line-height: 1.1428em;
  letter-spacing: .04em; }

h4.fourty-space {
  font-size: 1em;
  line-height: 1.1em;
  letter-spacing: .04em; }

h5.fourty-space {
  font-size: 0.9166;
  line-height: 1.1em;
  letter-spacing: .04em; }

h6.fourty-space {
  font-size: 0.8333em;
  line-height: 1.1em;
  letter-spacing: .04em; }

/* 3) Lists */
ol, ul {
  list-style: none;
  margin: 0; }

/* 4) Contents */
blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border-color: #f5f5f5; }

/* 5) Table */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 6) HTML5 & CSS3 Styles for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* 7) Tools */
.clearer {
  clear: both !important;
  padding: 0 !important;
  margin: 0 !important; }

.hidden {
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important; }

.nobr {
  white-space: nowrap !important; }

.wrap {
  white-space: normal !important; }

.no-display {
  display: none; }

.no-float {
  float: none !important; }

.no-margin {
  margin: 0 !important; }

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

.no-lpadding {
  padding-left: 0 !important; }

.no-rpadding {
  padding-right: 0 !important; }

.no-border {
  border: none !important; }

.full-width {
  width: 100% !important; }

img.full-width {
  height: auto; }

.uppercase {
  text-transform: uppercase; }

.fourty-space {
  letter-spacing: .04em !important; }

.underline {
  text-decoration: underline !important; }

.inline-block {
  display: inline-block !important; }

.visible-sms {
  display: none; }

.overflow-hidden {
  overflow: hidden; }

.no-letter-spacing {
  letter-spacing: normal !important; }




/* Icons */
@font-face {
  font-family: 'soap-icons';
  src: url("../fonts/soap-iconsc526.eot?26664784");
  src: url("../fonts/soap-iconsc526.eot?26664784#iefix") format("embedded-opentype"), url("../fonts/soap-iconsc526.woff?26664784") format("woff"), url("../fonts/soap-iconsc526.ttf?26664784") format("truetype"), url("../fonts/soap-iconsc526.svg?26664784#soap-icons") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'soap-icons';
    src: url('../font/soap-icons.svg?26664784#soap-icons') format('svg');
  }
}
*/
[class^="soap-icon"], [class*=" soap-icon"] {
  vertical-align: baseline; }
  [class^="soap-icon"]:before, [class*=" soap-icon"]:before {
    font-family: "soap-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    /* you can be more comfortable with increased icons size */
    /*font-size: 120%;*/ }

[class^="soap-icon"].circle, [class*=" soap-icon"].circle, .glyphicon.circle {
  border: 1px solid;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.7333em;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  display: inline-block;
  text-align: center; }
[class^="soap-icon"].takeoff-effect:before, [class*=" soap-icon"].takeoff-effect:before, .glyphicon.takeoff-effect:before {
  -webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  -o-transform: rotate(-25deg);
  transform: rotate(-25deg); }
[class^="soap-icon"].takeoff-effect1:before, [class*=" soap-icon"].takeoff-effect1:before, .glyphicon.takeoff-effect1:before {
  -webkit-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  transform: rotate(25deg); }
[class^="soap-icon"].landing-effect:before, [class*=" soap-icon"].landing-effect:before, .glyphicon.landing-effect:before {
  -webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  -o-transform: rotate(-25deg);
  transform: rotate(-25deg); }
[class^="soap-icon"].flip-effect:before, [class*=" soap-icon"].flip-effect:before, .glyphicon.flip-effect:before {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH; }

.soap-icon-fireplace:before {
  content: '\e800'; }

.soap-icon-television:before {
  content: '\e801'; }

.soap-icon-fridge:before {
  content: '\e802'; }

.soap-icon-aircon:before {
  content: '\e803'; }

.soap-icon-fmstereo:before {
  content: '\e804'; }

.soap-icon-beach:before {
  content: '\e805'; }

.soap-icon-juice:before {
  content: '\e806'; }

.soap-icon-food:before {
  content: '\e807'; }

.soap-icon-fueltank:before {
  content: '\e808'; }

.soap-icon-breakfast:before {
  content: '\e809'; }

.soap-icon-coffee:before {
  content: '\e80a'; }

.soap-icon-party:before {
  content: '\e80b'; }

.soap-icon-savings:before {
  content: '\e80c'; }

.soap-icon-address:before {
  content: '\e80d'; }

.soap-icon-horn:before {
  content: '\e80e'; }

.soap-icon-conference:before {
  content: '\e80f'; }

.soap-icon-support:before {
  content: '\e810'; }

.soap-icon-tree:before {
  content: '\e811'; }

.soap-icon-friends:before {
  content: '\e812'; }

.soap-icon-winebar:before {
  content: '\e813'; }

.soap-icon-plans:before {
  content: '\e814'; }

.soap-icon-guideline:before {
  content: '\e815'; }

.soap-icon-wifi:before {
  content: '\e816'; }

.soap-icon-binoculars:before {
  content: '\e817'; }

.soap-icon-key:before {
  content: '\e818'; }

.soap-icon-fork:before {
  content: '\e819'; }

.soap-icon-locations:before {
  content: '\e81a'; }

.soap-icon-couples:before {
  content: '\e81b'; }

.soap-icon-card:before {
  content: '\e81c'; }

.soap-icon-fitnessfacility:before {
  content: '\e81d'; }

.soap-icon-flexible:before {
  content: '\e81e'; }

.soap-icon-phone:before {
  content: '\e81f'; }

.soap-icon-cruise:before {
  content: '\e820'; }

.soap-icon-joystick:before {
  content: '\e821'; }

.soap-icon-lost-found:before {
  content: '\e822'; }

.soap-icon-securevault:before {
  content: '\e823'; }

.soap-icon-cruise-1:before {
  content: '\e824'; }

.soap-icon-cruise-3:before {
  content: '\e825'; }

.soap-icon-anchor:before {
  content: '\e826'; }

.soap-icon-cruise-2:before {
  content: '\e827'; }

.soap-icon-car-2:before {
  content: '\e828'; }

.soap-icon-pickanddrop:before {
  content: '\e829'; }

.soap-icon-car:before {
  content: '\e82a'; }

.soap-icon-car-1:before {
  content: '\e82b'; }

.soap-icon-hotel-2:before {
  content: '\e82c'; }

.soap-icon-hotel-1:before {
  content: '\e82d'; }

.soap-icon-plane:before {
  content: '\e82e'; }

.soap-icon-plane-bottom:before {
  content: '\e82f'; }

.soap-icon-plane-left:before {
  content: '\e830'; }

.soap-icon-plane-right:before {
  content: '\e831'; }

.soap-icon-carryon:before {
  content: '\e832'; }

.soap-icon-businessbag:before {
  content: '\e833'; }

.soap-icon-baggage:before {
  content: '\e834'; }

.soap-icon-bag:before {
  content: '\e835'; }

.soap-icon-suitcase:before {
  content: '\e836'; }

.soap-icon-hotel-3:before {
  content: '\e837'; }

.soap-icon-trunk-2:before {
  content: '\e838'; }

.soap-icon-hotel:before {
  content: '\e839'; }

.soap-icon-trunk-1:before {
  content: '\e83a'; }

.soap-icon-trunk-3:before {
  content: '\e83b'; }

.soap-icon-delayed-baggage:before {
  content: '\e83c'; }

.soap-icon-damaged-baggage:before {
  content: '\e83d'; }

.soap-icon-baggage-3:before {
  content: '\e83e'; }

.soap-icon-baggage-2:before {
  content: '\e83f'; }

.soap-icon-baggage-1:before {
  content: '\e840'; }

.soap-icon-magazine-1:before {
  content: '\e841'; }

.soap-icon-baggage-status:before {
  content: '\e842'; }

.soap-icon-magazine:before {
  content: '\e843'; }

.soap-icon-slider-1:before {
  content: '\e844'; }

.soap-icon-slider:before {
  content: '\e845'; }

.soap-icon-camera-2:before {
  content: '\e846'; }

.soap-icon-photogallery:before {
  content: '\e847'; }

.soap-icon-camera-3:before {
  content: '\e848'; }

.soap-icon-baggage-4:before {
  content: '\e849'; }

.soap-icon-baggage-5:before {
  content: '\e84a'; }

.soap-icon-shopping:before {
  content: '\e84b'; }

.soap-icon-shopping-1:before {
  content: '\e84c'; }

.soap-icon-shopping-2:before {
  content: '\e84d'; }

.soap-icon-shopping-3:before {
  content: '\e84e'; }

.soap-icon-camera-1:before {
  content: '\e84f'; }

.soap-icon-settings-1:before {
  content: '\e850'; }

.soap-icon-bad:before {
  content: '\e851'; }

.soap-icon-recommend:before {
  content: '\e852'; }

.soap-icon-entertainment:before {
  content: '\e853'; }

.soap-icon-balloon:before {
  content: '\e854'; }

.soap-icon-globe:before {
  content: '\e855'; }

.soap-icon-places:before {
  content: '\e856'; }

.soap-icon-clock-1:before {
  content: '\e857'; }

.soap-icon-clock:before {
  content: '\e858'; }

.soap-icon-settings:before {
  content: '\e859'; }

.soap-icon-automatic:before {
  content: '\e85a'; }

.soap-icon-parking:before {
  content: '\e85b'; }

.soap-icon-status:before {
  content: '\e85c'; }

.soap-icon-departure:before {
  content: '\e85d'; }

.soap-icon-letter:before {
  content: '\e85e'; }

.soap-icon-message:before {
  content: '\e85f'; }

.soap-icon-search-plus:before {
  content: '\e860'; }

.soap-icon-search-minus:before {
  content: '\e861'; }

.soap-icon-search:before {
  content: '\e862'; }

.soap-icon-restricted:before {
  content: '\e863'; }

.soap-icon-calendar:before {
  content: '\e864'; }

.soap-icon-stories:before {
  content: '\e865'; }

.soap-icon-liability:before {
  content: '\e866'; }

.soap-icon-insurance:before {
  content: '\e867'; }

.soap-icon-doc-minus:before {
  content: '\e868'; }

.soap-icon-availability:before {
  content: '\e869'; }

.soap-icon-calendar-1:before {
  content: '\e86a'; }

.soap-icon-calendar-check:before {
  content: '\e86b'; }

.soap-icon-list:before {
  content: '\e86c'; }

.soap-icon-doc-plus:before {
  content: '\e86d'; }

.soap-icon-left:before {
  content: '\e86e'; }

.soap-icon-right:before {
  content: '\e86f'; }

.soap-icon-top:before {
  content: '\e870'; }

.soap-icon-grid:before {
  content: '\e871'; }

.soap-icon-block:before {
  content: '\e872'; }

.soap-icon-star-1:before {
  content: '\e873'; }

.soap-icon-letter-1:before {
  content: '\e874'; }

.soap-icon-wishlist:before {
  content: '\e875'; }

.soap-icon-heart:before {
  content: '\e876'; }

.soap-icon-star:before {
  content: '\e877'; }

.soap-icon-roundtriangle-right:before {
  content: '\e878'; }

.soap-icon-roundtriangle-top:before {
  content: '\e879'; }

.soap-icon-roundtriangle-bottom:before {
  content: '\e87a'; }

.soap-icon-chevron-left:before {
  content: '\e87b'; }

.soap-icon-roundtriangle-left:before {
  content: '\e87c'; }

.soap-icon-bottom:before {
  content: '\e87d'; }

.soap-icon-arrow-top:before {
  content: '\e87e'; }

.soap-icon-arrow-bottom:before {
  content: '\e87f'; }

.soap-icon-arrow-right:before {
  content: '\e880'; }

.soap-icon-arrow-left:before {
  content: '\e881'; }

.soap-icon-longarrow-up:before {
  content: '\e882'; }

.soap-icon-longarrow-bottom:before {
  content: '\e883'; }

.soap-icon-triangle-left:before {
  content: '\e884'; }

.soap-icon-triangle-right:before {
  content: '\e885'; }

.soap-icon-triangle-top:before {
  content: '\e886'; }

.soap-icon-chevron-right:before {
  content: '\e887'; }

.soap-icon-chevron-top:before {
  content: '\e888'; }

.soap-icon-chevron-down:before {
  content: '\e889'; }

.soap-icon-longarrow-left:before {
  content: '\e88a'; }

.soap-icon-longarrow-right:before {
  content: '\e88b'; }

.soap-icon-triangle-bottom:before {
  content: '\e88c'; }

.soap-icon-plus:before {
  content: '\e88d'; }

.soap-icon-minus:before {
  content: '\e88e'; }

.soap-icon-ski:before {
  content: '\e88f'; }

.soap-icon-close:before {
  content: '\e890'; }

.soap-icon-handicapaccessiable:before {
  content: '\e891'; }

.soap-icon-check-1:before {
  content: '\e892'; }

.soap-icon-passed:before {
  content: '\e893'; }

.soap-icon-features:before {
  content: '\e894'; }

.soap-icon-passenger:before {
  content: '\e895'; }

.soap-icon-adventure:before {
  content: '\e896'; }

.soap-icon-man-2:before {
  content: '\e897'; }

.soap-icon-dog:before {
  content: '\e898'; }

.soap-icon-man-1:before {
  content: '\e899'; }

.soap-icon-swimming:before {
  content: '\e89a'; }

.soap-icon-man-3:before {
  content: '\e89b'; }

.soap-icon-comfort:before {
  content: '\e89c'; }

.soap-icon-smoking:before {
  content: '\e89e'; }

.soap-icon-playplace:before {
  content: '\e89f'; }

.soap-icon-facebook:before {
  content: '\e8a0'; }

.soap-icon-googleplus:before {
  content: '\e8a1'; }

.soap-icon-pinterest:before {
  content: '\e8a2'; }

.soap-icon-vimeo:before {
  content: '\e8a3'; }

.soap-icon-doorman:before {
  content: '\e8a4'; }

.soap-icon-googleplay:before {
  content: '\e8a5'; }

.soap-icon-elevator:before {
  content: '\e8a6'; }

.soap-icon-apple:before {
  content: '\e8a7'; }

.soap-icon-twitter:before {
  content: '\e8a8'; }

.soap-icon-tub:before {
  content: '\e8a9'; }

.soap-icon-myspace:before {
  content: '\e8aa'; }

.soap-icon-youtube:before {
  content: '\e8ab'; }

.soap-icon-tumblr:before {
  content: '\e8ac'; }

.soap-icon-flickr:before {
  content: '\e8ad'; }

.soap-icon-soundcloud:before {
  content: '\e8ae'; }

.soap-icon-stumbleupon:before {
  content: '\e8af'; }

.soap-icon-linkedin:before {
  content: '\e8b0'; }

.soap-icon-dribble:before {
  content: '\e8b1'; }

.soap-icon-deviantart:before {
  content: '\e8b2'; }

.soap-icon-behance:before {
  content: '\e8b3'; }

.soap-icon-envato:before {
  content: '\e8b4'; }

.soap-icon-instagram:before {
  content: '\e8b5'; }

.soap-icon-skype:before {
  content: '\e8b6'; }

.soap-icon-user:before {
  content: '\e8b7'; }

.soap-icon-pets:before {
  content: '\e8b8'; }

.soap-icon-family:before {
  content: '\e8b9'; }

.soap-icon-check:before {
  content: '\e8ba'; }

.soap-icon-notice:before {
  content: '\e8bb'; }

.soap-icon-error:before {
  content: '\e8bc'; }

.soap-icon-generalmessage:before {
  content: '\e8bd'; }

.soap-icon-automatic-transmission:before {
  content: '\e8be'; }

.soap-icon-flight-hotel:before {
  content: '\e8bf'; }

.soap-icon-comment:before {
  content: '\e8c0'; }

/* font */
@font-face {
  font-family: 'NexaBlack';
  src: url("../fonts/NexaBlackd41d.eot?") format("eot"), url("../fonts/NexaBlack.otf") format("opentype"), url("../fonts/NexaBlack.woff") format("woff"), url("../fonts/NexaBlack.ttf") format("truetype"), url("../fonts/NexaBlack.svg#NexaBlack") format("svg"); }
/* 1.2. Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#page-wrapper {
  position: relative;
  overflow: visible; }

.gray-area {
  background: #f5f5f5; }



section#content {
  min-height: 400px;
  padding-top: 40px;
  text-align: left;
  background: #f5f5f5; }
  section#content:after {
    display: table;
    content: "";
    clear: both; }

.sm-section {
  padding-top: 30px;
  padding-bottom: 20px; }

.md-section {
  padding-top: 40px;
  padding-bottom: 30px; }

.section {
  padding-top: 80px;
  padding-bottom: 70px; }

.small-box {
  margin-bottom: 20px; }

.box {
  margin-bottom: 30px; }

.block {
  margin-bottom: 40px; }

.large-block {
  margin-bottom: 70px; }

article {
  margin-bottom: 20px; }

#main {
  margin-bottom: 40px; }

.body-blank {
  display: table;
  height: 100%;
  left: 0;
  margin: 0;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  width: 100%; }

.wrapper-blank {
  display: table-cell;
  float: none;
  vertical-align: middle;
  width: 100%; }

/* 2. Global Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.table-wrapper {
  display: table; }
  .table-wrapper .table-row {
    display: table-row;
    float: none !important; }
  .table-wrapper .table-cell {
    display: table-cell;
    vertical-align: top;
    float: none !important; }
    .table-wrapper .table-cell.content-middle {
      vertical-align: middle; }

.image-container img {
  max-width: 100%; }

.imagebg-container {
  background-repeat: no-repeat;
  background-position: center center; }

.banner {
  position: relative;
  z-index: 1;
  padding: 90px 0; }
  .banner .big-caption, .banner .med-caption {
    color: #fff;
    text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.25); }
  .banner .big-caption {
    font-size: 4.1667em; }
  .banner .med-caption {
    font-size: 2.5em; }

/* box title */
.box-title {
  margin-bottom: 0;
  line-height: 1em;
  font-size:18px;}
  .box-title small {
    font-size: 10px;
    color: #838383;
    text-transform: uppercase;
    display: block;
    margin-top: 4px;
    /*letter-spacing: normal;*/ }
    .box-title small [class^="soap-icon"] {
      color: #fdb714;
      font-size: 1.3333em; }

h2.box-title small {
  font-size: 11px; }

h1.box-title small {
  font-size: 12px; }

.s-title {
  color: #01b7f2; }
  .s-title a:hover {
    color: #40cbf8; }

.m-title {
  margin: 0; }

.f-title {
  letter-spacing: 0.04em;
  margin-bottom: 10px; }

.border-bottom {
  border-bottom: 1px solid #f5f5f5; }

/*#slideshow, */
.flex-viewport .slides li {
  /*img { */
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translateZ(0);
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  /* }*/ }

/* 2.1. Form Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
input.input-text, select, textarea, span.custom-select {
  background: #f5f5f5;
  border: none;
  line-height: normal; }

input.input-text, textarea, span.custom-select {
  padding-left: 15px;
  padding-right: 15px;
  height: 34px; }
  input.input-text.input-large, textarea.input-large, span.custom-select.input-large {
    height: 43px;
    font-size: 1.1667em; }
  input.input-text.input-medium, textarea.input-medium, span.custom-select.input-medium {
    height: 34px; }
  input.input-text.input-small, textarea.input-small, span.custom-select.input-small {
    height: 28px; }
  input.input-text.input-mini, textarea.input-mini, span.custom-select.input-mini {
    height: 19px; }
  input.input-text.white, textarea.white, span.custom-select.white {
    background: #fff; }

textarea {
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px; }

/* 2.1.1. Select box */
select {
  height: 34px;
  padding: 8px 0 8px 8px; }

select option {
  padding: 2px 10px; }

.selector {
  position: relative;
  min-width: 60px;
  line-height: 0; }
  .selector select {
    position: absolute;
    z-index: 1;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 100%;
    -webkit-appearance: menulist-button;
    line-height: 30px; }
  .selector span.custom-select {
    display: inline-block;
    line-height: 32px;
    padding: 0 10px;
    position: relative;
    width: 100%;
    overflow: hidden;
    white-space: nowrap; }
    .selector span.custom-select:before {
      position: absolute;
      right: 0;
      top: 0;
      content: '';
      background: #fdb714;
      width: 24px;
      height: 100%; }
    .selector span.custom-select:after {
      position: absolute;
      right: 9px;
      top: 15px;
      border-top: 5px solid #fff;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      content: ""; }
  .selector.style1 span.custom-select:before {
    background: transparent; }
  .selector.style1 span.custom-select:after {
    border-top-color: #fdb714; }

/* 2.1.2. File input box */
.fileinput {
  position: relative;
  display: inline-block;
  min-width: 100px; }
  .fileinput input[type=file] {
    position: relative;
    z-index: 2;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 100%; }
  .fileinput .custom-fileinput {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    line-height: normal; }
  .fileinput:after {
    display: block;
    content: "BROWSE";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #fdb714;
    color: #fff;
    font-size: 1em;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 0.04em;
    font-weight: bold;
    vertical-align: middle; }

/* 2.1.3. Checkbox and Radio */
.checkbox, .radio {
  position: relative;
  margin-top: 0;
  line-height: 20px; }
  .checkbox:before, .radio:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #d1d1d1;
    z-index: 0;
    font-family: "soap-icons";
    line-height: 12px;
    text-align: center; }
  .checkbox.checked:before, .radio.checked:before {
    border-color: #01b7f2;
    color: #fff;
    background: #01b7f2;
    content: "\e8ba"; }

/* checkbox */
.checkbox label, .checkbox.label {
  font-size: 1.0833em;
  line-height: 20px;
  color: #9e9e9e; }
.checkbox input[type="checkbox"] {
  position: relative;
  z-index: 1;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

/* radio */
.radio label, .radio.label {
  font-size: 0.9167em;
  line-height: 20px; }
.radio input[type="radio"] {
  position: relative;
  z-index: 1;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }
.radio:before {
  background: #fff;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  font-size: 1.3333em;
  line-height: 13px; }
.radio.radio-square:before {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }
.radio.checked:before {
  content: "\e892"; }

.checkbox-inline, .radio-inline {
  margin-left: 10px; }

/* 2.1.4. Form */
form label {
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
  font-size: 0.9167em; }
form .checkbox label, form label.checkbox {
  font-size: 1.0833em;
  text-transform: none; }
form .radio label, form label.radio {
  font-size: 0.9167em; }
form .form-group {
  margin-bottom: 15px; }

.sidebar form .form-group {
  margin-bottom: 10px; }
.sidebar form label {
  font-size: 0.8333em;
  margin-bottom: 3px; }

.panel-content form label {
  font-size: 0.8333em;
  margin-bottom: 3px; }

/* Fourty space */
.box-title, .post-title, .post-meta, .author .name, .mile, .title, .s-title, .price, button, a.button, dl, label, span.info, .price-wrapper, ul.tabs a, .icon-box.style1, .icon-box.style2, .icon-box.style3 .description, .icon-box.style5, .search-results-title, .breadcrumbs {
  letter-spacing: 0.04em; }

/* 2.2. Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 2.2.1. Buttons */
button, a.button {
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 0 15px;
  white-space: nowrap; }
  button.btn-large, a.button.btn-large {
    padding: 0 32px;
    height: 43px;
    font-size: 1.1667em;
    line-height: 43px; }
  button.btn-medium, a.button.btn-medium {
    padding: 0 32px;
    height: 34px;
    line-height: 34px;
    font-size: 1em; }
  button.btn-small, a.button.btn-small {
    height: 28px;
    padding: 0 24px;
    line-height: 28px;
    font-size: 0.9167em; }
  button.btn-mini, a.button.btn-mini {
    height: 19px;
    padding: 0 20px;
    font-size: 0.8333em;
    line-height: 19px; }
  button.full-width, a.button.full-width {
    padding-left: 0;
    padding-right: 0; }

button {
  font-size: 0.9167em;
  font-weight: bold;
  background: #98ce44;
  height: 34px;
  line-height: 34px; }
  button:hover {
    background: #7fb231; }

a.button {
  display: inline-block;
  background: #d9d9d9;
  font-size: 0.8333em;
  line-height: 1.8333em;
  white-space: nowrap;
  text-align: center; }
  a.button:hover {
    background: #98ce44; }
  a.button.btn-mini {
    padding-left: 10px;
    padding-right: 10px; }
  a.button.btn-large, a.button.btn-medium, a.button.btn-small, a.button.full-width {
    font-weight: bold; }

button, a.button {
  /* Extra buttons */ }
  button.white, a.button.white {
    background: #fff;
    color: inherit; }
  button.silver, a.button.silver {
    background: #d9d9d9; }
  button.sky-blue1, a.button.sky-blue1 {
    background: #01b7f2; }
    button.sky-blue1:hover, a.button.sky-blue1:hover {
      background: #07a5d8; }
  button.yellow, a.button.yellow {
    background: #fdb714; }
    button.yellow:hover, a.button.yellow:hover {
      background: #e9b02b; }
  button.dark-blue1, a.button.dark-blue1 {
    background: #2d3e52; }
  button.green, a.button.green {
    background: #98ce44; }
    button.green:hover, a.button.green:hover {
      background: #7fb231; }
  button.red, a.button.red {
    background: #e44049; }
  button.light-brown, a.button.light-brown {
    background: #e6c687; }
  button.orange, a.button.orange {
    background: #ff6000; }
  button.dull-blue, a.button.dull-blue {
    background: #12a0c3; }
  button.light-orange, a.button.light-orange {
    background: #f5a77d; }
  button.light-purple, a.button.light-purple {
    background: #db8df6; }
  button.sea-blue, a.button.sea-blue {
    background: #0ab596; }
  button.sky-blue2, a.button.sky-blue2 {
    background: #6dace6; }
  button.dark-blue2, a.button.dark-blue2 {
    background: #194eb0; }
  button.dark-orange, a.button.dark-orange {
    background: #ff3e3e; }
  button.purple, a.button.purple {
    background: #9f60b5; }
  button.light-yellow, a.button.light-yellow {
    background: #ffd200; }
  button.btn-extra, a.button.btn-extra {
    font-size: 1em;
    height: 70px;
    padding: 0;
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    line-height: 1.5em;
    border: 1px solid #01b7f2;
    border-left: none;
    position: relative;
    overflow: hidden;
    letter-spacing: 0;
    display: inline-table;
    table-layout: fixed;
    margin-right: 10px;
    margin-bottom: 10px; }
    button.btn-extra > i, a.button.btn-extra > i {
      width: 55px;
      vertical-align: middle;
      background: #01b7f2;
      color: #2d3e52;
      font-size: 36px;
      display: table-cell;
      height: 70px;
      text-align: right;
      padding-right: 8px; }
      button.btn-extra > i:after, a.button.btn-extra > i:after {
        display: block;
        content: "";
        position: absolute;
        left: 55px;
        border-bottom: 70px solid #01b7f2;
        border-right: 16px solid transparent;
        top: 0;
        bottom: 0; }
    button.btn-extra > span, a.button.btn-extra > span {
      display: table-cell;
      vertical-align: middle;
      padding: 0 20px 0 35px;
      text-align: left; }
      button.btn-extra > span em, a.button.btn-extra > span em {
        color: #01b7f2;
        font-size: 1.6667em;
        font-weight: bold;
        font-style: normal; }
    button.btn-extra:hover, a.button.btn-extra:hover {
      color: inherit;
      background: #fff;
      border: none;
      border-right: 1px solid transparent !important; }
      button.btn-extra:hover > i, a.button.btn-extra:hover > i {
        color: #fff; }
    button.btn-extra.blue, a.button.btn-extra.blue {
      border-color: #01b7f2; }
      button.btn-extra.blue > i, a.button.btn-extra.blue > i {
        background: #01b7f2; }
        button.btn-extra.blue > i:after, a.button.btn-extra.blue > i:after {
          border-bottom-color: #01b7f2; }
      button.btn-extra.blue > span em, a.button.btn-extra.blue > span em {
        color: #01b7f2; }
    button.btn-extra.yellow, a.button.btn-extra.yellow {
      border-color: #fdb714; }
      button.btn-extra.yellow > i, a.button.btn-extra.yellow > i {
        background: #fdb714; }
        button.btn-extra.yellow > i:after, a.button.btn-extra.yellow > i:after {
          border-bottom-color: #fdb714; }
      button.btn-extra.yellow > span em, a.button.btn-extra.yellow > span em {
        color: #fdb714; }

.icon-check {
  position: relative;
  padding-right: 30px !important;
  padding-left: 0 !important;
  overflow: hidden;
  /*&:hover:after { @include animation(toTopFromBottom, 0.35s, forwards); }*/ }
  .icon-check:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: url(../images/icon/icon-check.png) no-repeat center center #7db921; }
  .icon-check:hover:after {
    background-color: #98ce44; }

.with-icon {
  position: relative;
  padding: 0 !important;
  display: inline-block; }
  .with-icon .icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -17px 0 0 !important;
    width: 30px;
    font-size: 18px;
    color: #a4a4a4;
    background: none;
    padding: 0 !important;
    height: auto; }
  .with-icon .input-text {
    padding-right: 40px !important; }
  .with-icon.input-large .icon {
    width: 43px;
    height: 43px;
    margin-top: -21px !important;
    font-size: 22px; }
  .with-icon.input-large .input-text {
    padding-right: 48px !important; }

/* 2.2.2. Alert message */
.alert {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  border: none;
  padding: 15px 15px 15px 70px;
  color: #fff;
  font-size: 1.0833em;
  position: relative; }
  .alert:before {
    content: "\f003";
    font-family: "soap-icons";
    display: block;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    border: 1px solid #fff;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 20px; }
  .alert.alert-general {
    background: #d9d9d9; }
    .alert.alert-general:before {
      content: "\e8bd"; }
  .alert.alert-notice {
    background: #f5cf77; }
    .alert.alert-notice:before {
      content: "\e8bb"; }
  .alert.alert-error {
    background: #f6bcc3; }
    .alert.alert-error:before {
      content: "\e8bc"; }
  .alert.alert-success {
    background: #bae675; }
    .alert.alert-success:before {
      content: "\e8ba"; }
  .alert.alert-help {
    background: #91e3fd; }
    .alert.alert-help:before {
      content: "\e876"; }
  .alert.alert-info {
    background: #bfc9f9; }
    .alert.alert-info:before {
      content: "\e818"; }

.alert .close, .info-box .close {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  font-weight: normal;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  text-shadow: none;
  float: none;
  position: absolute;
  top: 8px;
  right: 8px; }
.alert .close:before, .info-box .close:before {
  content: "\f00d";
  font-family: FontAwesome; }

.error-field {
  border: 1px solid #f00; }

/* 2.2.3. Info box */
.info-box {
  padding: 20px 25px;
  border: 1px solid #01b7f2;
  position: relative; }
  .info-box .close {
    color: #01b7f2; }
  .info-box p {
    font-size: 1.1667em; }
  .info-box > *:last-child {
    margin-bottom: 0; }

/* 2.2.4. Term Description */
dl.term-description {
  text-transform: uppercase;
  font-size: 0.9167em; }
  dl.term-description dt, dl.term-description dd {
    line-height: 1.3333em;
    float: left;
    width: 50%;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  dl.term-description dt {
    border-right: 1px solid #f5f5f5;
    color: #01b7f2;
    font-weight: 400;
    padding-right: 5px;
    clear: both; }
  dl.term-description dd {
    padding-left: 20px; }
  dl.term-description:after {
    content: "";
    display: table;
    clear: both; }

/* 2.2.5. Dropcap */
.dropcap:first-letter {
  float: left;
  color: #01b7f2;
  font-size: 4.153em;
  line-height: 0.8667em;
  padding: 0;
  margin-right: 6px;
  font-weight: bold;
  text-transform: uppercase;
  display: block; }
.dropcap.colored:first-letter {
  color: #fff;
  background: #01b7f2;
  padding: 4px 4px;
  margin-top: 3px;
  margin-right: 10px; }

/* 2.2.6. Blockquote */
q, blockquote {
  quotes: '\201C' '\201D' '\2018' '\2019'; }

blockquote {
  font-size: 1.3333em;
  line-height: 1.6em;
  padding: 20px 20px 20px 40px;
  border-left: none;
  position: relative;
  text-indent: -19px; }
  blockquote p {
    font-size: 1em; }
  blockquote:before, blockquote:after {
    font-family: Georgia,serif;
    font-size: 2.5em;
    vertical-align: middle;
    line-height: 0; }
  blockquote:before {
    content: open-quote;
    margin-right: 4px; }
  blockquote:after {
    content: close-quote;
    margin-left: 3px; }
  blockquote.style1, blockquote.style2 {
    background: #fff;
    font-style: italic; }
    blockquote.style1 p, blockquote.style2 p {
      display: inline; }
  blockquote.style1 {
    border-left: 3px solid #fdb714;
    position: relative; }
    blockquote.style1 > span.triangle:before {
      text-indent: 0;
      content: "\f0da";
      font-family: FontAwesome;
      color: #fdb714;
      position: absolute;
      left: -1px;
      top: 50%;
      margin-top: -11px;
      font-style: normal; }
    blockquote.style1:before, blockquote.style1:after {
      color: #f5f5f5; }
    blockquote.style1.border-color-blue {
      border-color: #01b7f2; }
      blockquote.style1.border-color-blue > span.triangle:before {
        color: #01b7f2; }
    blockquote.style1.border-color-yellow {
      border-color: #fdb714; }
      blockquote.style1.border-color-yellow > span.triangle:before {
        color: #fdb714; }
    blockquote.style1.quote-color-blue:before, blockquote.style1.quote-color-blue:after {
      color: #01b7f2; }
    blockquote.style1.quote-color-yellow:before, blockquote.style1.quote-color-yellow:after {
      color: #fdb714; }
  blockquote.style2 {
    color: #01b7f2; }
    blockquote.style2:before, blockquote.style2:after {
      color: #fdb714; }



/* 2.2.8. Hover effect */
.hover-effect {
  display: block;
  position: relative;
  background: none;
  overflow: hidden;
  /*z-index: 0;*/
  /*color skin*/
  /* style1 : checked icon */ }
  .hover-effect:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: rotateY(180deg) scale(0.5, 0.5);
    -moz-transform: rotateY(180deg) scale(0.5, 0.5);
    -ms-transform: rotateY(180deg) scale(0.5, 0.5);
    -o-transform: rotateY(180deg) scale(0.5, 0.5);
    transform: rotateY(180deg) scale(0.5, 0.5);
    background: url(../images/icon/hover-effect.png) no-repeat center;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background-color: rgba(18, 111, 2, 0.6); }
  .hover-effect img {
    display: block;
    position: relative;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-backface-visibility: hidden; }
  .hover-effect:hover:after {
    visibility: visible;
    -webkit-transform: rotateY(0deg) scale(1, 1);
    -moz-transform: rotateY(0deg) scale(1, 1);
    -ms-transform: rotateY(0deg) scale(1, 1);
    -o-transform: rotateY(0deg) scale(1, 1);
    transform: rotateY(0deg) scale(1, 1);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
  .hover-effect:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .hover-effect.yellow:after {
    background-color: rgba(255, 255, 40, 0.6); }
  .hover-effect.style1:after {
    color: #fff;
    background: none;
    content: "\e8ba";
    font-family: "soap-icons";
    font-size: 1.6667em;
    text-align: center;
    line-height: 50px;
    border: 2px solid #fff;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px; }
  .hover-effect.style1:hover {
    background: #01b7f2; }
    .hover-effect.style1:hover img {
      filter: alpha(opacity=50);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      opacity: 0.5; }

.selected-effect {
  display: block;
  position: relative;
  background: none;
  overflow: hidden;
  background: #01b7f2; }
  .selected-effect img {
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; }
  .selected-effect:after {
    position: absolute;
    color: #fff;
    background: none;
    content: "\e8ba";
    font-family: "soap-icons";
    font-size: 1.6667em;
    text-align: center;
    line-height: 50px;
    border: 2px solid #fff;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px; }

.animated .hover-effect {
  z-index: 0; }






/* 2.3. Travelo Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.suggestions.image-carousel.style2 .slides > li {
  margin-right: 24px; }
  .suggestions.image-carousel.style2 .slides > li img {
    width: 100%;
    height: auto; }
.suggestions .caption {
  margin-top: 10px;
  text-align: center;
  margin-bottom: 0; }

.travelo-box {
  background: #fff;
  padding: 20px;
  margin-bottom: 30px; }
  .travelo-box > *:last-child {
    margin-bottom: 0; }
 
  .travelo-box.contact-box .contact-details {
    margin: 0; }
    .travelo-box.contact-box .contact-details .contact-phone {
      color: #01b7f2; }
      .travelo-box.contact-box .contact-details .contact-phone > i {
        color: #fdb714; }
    .travelo-box.contact-box .contact-details .contact-email {
      color: inherit; }
  .travelo-box.book-with-us-box li, .travelo-box.contact-us-box .contact-address li {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 0 10px 40px;
    position: relative; }
    .travelo-box.book-with-us-box li > i, .travelo-box.contact-us-box .contact-address li > i {
      position: absolute;
      font-size: 1.5em;
      color: #fdb714;
      left: 0;
      top: 12px; }
    .travelo-box.book-with-us-box li:last-child, .travelo-box.contact-us-box .contact-address li:last-child {
      border-bottom-width: 0;
      padding-bottom: 0; }
    .travelo-box.book-with-us-box li .title, .travelo-box.contact-us-box .contact-address li .title {
      color: #2d3e52; }
    .travelo-box.book-with-us-box li:after, .travelo-box.contact-us-box .contact-address li:after {
      display: table;
      clear: both;
      content: ""; }
    .travelo-box.book-with-us-box li > *:last-child, .travelo-box.contact-us-box .contact-address li > *:last-child {
      margin-bottom: 0; }
  .travelo-box.contact-us-box .title {
    color: #2d3e52; }
  .travelo-box.contact-us-box .contact-address {
    margin-bottom: 25px; }
    .travelo-box.contact-us-box .contact-address li {
      padding-left: 50px; }
      .travelo-box.contact-us-box .contact-address li p {
        font-size: 15px;
        margin-bottom: 0; }
      .travelo-box.contact-us-box .contact-address li:last-child {
        border-bottom-width: 1px;
        padding-bottom: 10px; }
  

.contact-details {
  font-style: normal; }
  .contact-details .contact-phone {
    color: #2d3e52;
    font-size: 1.6667em; }
    .contact-details .contact-phone i {
      color: #01b7f2; }
  .contact-details .contact-email {
    color: #01b7f2;
    font-size: 1.1667em;
    padding: 0 24px;
    line-height: 2em; }

/* 2.4. Skin Color ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.title {
  color: #2d3e52; }

/* 2.5. Positioning ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.middle-block {
  position: relative;
  display: block;
  overflow: hidden; }
  .middle-block .middle-item {
    position: absolute; }
  .middle-block img.middle-item {
    max-width: none;
    min-width: 100%; }

.column-2 > *, .column-3 > *, .column-4 > *, .column-5 > *, .column-5-no-margin > *, .constant-column-2 > *, .constant-column-3 > *, .constant-column-4 > *, .constant-column-5 > * {
  float: left; }
.column-2:after, .column-3:after, .column-4:after, .column-5:after, .column-5-no-margin:after, .constant-column-2:after, .constant-column-3:after, .constant-column-4:after, .constant-column-5:after {
  clear: both;
  content: "";
  display: table; }

.column-5-no-margin > *:nth-child(5n+1) {
  clear: both; }

.column-5-no-margin > * {
  width: 20%; }

.column-2 > *, .constant-column-2 > * {
  width: 48.5%;
  margin-right: 3%;
  margin-bottom: 3%; }
  .column-2 > *:nth-child(2n), .constant-column-2 > *:nth-child(2n) {
    margin-right: 0; }
  .column-2 > *:nth-child(2n+1), .constant-column-2 > *:nth-child(2n+1) {
    clear: both; }

.column-3 > *, .constant-column-3 > * {
  width: 31.3333%;
  margin-right: 3%;
  margin-bottom: 3%; }
  .column-3 > *:nth-child(3n), .constant-column-3 > *:nth-child(3n) {
    margin-right: 0; }
  .column-3 > *:nth-child(3n+1), .constant-column-3 > *:nth-child(3n+1) {
    clear: both; }

.column-4 > *, .constant-column-4 > * {
  width: 22.75%;
  margin-right: 3%;
  margin-bottom: 3%; }
  .column-4 > *:nth-child(4n), .constant-column-4 > *:nth-child(4n) {
    margin-right: 0; }
  .column-4 > *:nth-child(4n+1), .constant-column-4 > *:nth-child(4n+1) {
    clear: both; }

.column-5 > *, .constant-column-5 > * {
  width: 17.6%;
  margin-right: 3%;
  margin-bottom: 3%; }
  .column-5 > *:nth-child(5n), .constant-column-5 > *:nth-child(5n) {
    margin-right: 0; }
  .column-5 > *:nth-child(5n+1), .constant-column-5 > *:nth-child(5n+1) {
    clear: both; }

/* 2.6. Unordered lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle, ul.decimal, ul.upper-roman, ul.lower-latin, ul.upper-latin {
  line-height: 2em;
  font-size: 1em; }
  ul.arrow li.active, ul.arrow li.active:before, ul.arrow.hover li:hover, ul.arrow.hover li:hover:before, ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover:before, ul.circle li.active, ul.circle li.active:before, ul.circle.hover li:hover, ul.circle.hover li:hover:before, ul.check li.active, ul.check li.active:before, ul.check.hover li:hover, ul.check.hover li:hover:before, ul.chevron li.active, ul.chevron li.active:before, ul.chevron.hover li:hover, ul.chevron.hover li:hover:before, ul.arrow-square li.active, ul.arrow-square li.active:before, ul.arrow-square.hover li:hover, ul.arrow-square.hover li:hover:before, ul.check-square li.active, ul.check-square li.active:before, ul.check-square.hover li:hover, ul.check-square.hover li:hover:before, ul.check-circle li.active, ul.check-circle li.active:before, ul.check-circle.hover li:hover, ul.check-circle.hover li:hover:before, ul.decimal li.active, ul.decimal li.active:before, ul.decimal.hover li:hover, ul.decimal.hover li:hover:before, ul.upper-roman li.active, ul.upper-roman li.active:before, ul.upper-roman.hover li:hover, ul.upper-roman.hover li:hover:before, ul.lower-latin li.active, ul.lower-latin li.active:before, ul.lower-latin.hover li:hover, ul.lower-latin.hover li:hover:before, ul.upper-latin li.active, ul.upper-latin li.active:before, ul.upper-latin.hover li:hover, ul.upper-latin.hover li:hover:before {
    color: #01b7f2; }
  ul.arrow.hover li, ul.triangle.hover li, ul.circle.hover li, ul.check.hover li, ul.chevron.hover li, ul.arrow-square.hover li, ul.check-square.hover li, ul.check-circle.hover li, ul.decimal.hover li, ul.upper-roman.hover li, ul.lower-latin.hover li, ul.upper-latin.hover li {
    cursor: default; }

ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle {
  list-style: none;
  padding: 0; }
  ul.arrow li:before, ul.triangle li:before, ul.circle li:before, ul.check li:before, ul.chevron li:before, ul.arrow-square li:before, ul.check-square li:before, ul.check-circle li:before {
    font-family: "FontAwesome"; }

ul.arrow li:before {
  content: "\f178";
  margin-right: 10px;
  color: #01b7f2; }

ul.triangle li:before {
  content: "\f04b";
  margin-right: 10px;
  color: #d9d9d9;
  display: block;
  float: left;
  font-size: 7px; }
ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover .box-title, ul.triangle.hover li:hover:before {
  color: #01b7f2; }

ul.circle li:before {
  content: "\f111";
  margin-right: 10px;
  color: #01b7f2;
  display: block;
  float: left;
  font-size: 5px; }
ul.circle.bullet-yellow li:before {
  color: #fdb714; }
ul.circle.bullet-green li:before {
  color: #98ce44; }
ul.circle.bullet-blue li:before {
  color: #01b7f2; }

ul.check li:before {
  content: "\e8ba";
  margin-right: 10px;
  color: #98ce44;
  font-family: "soap-icons";
  font-size: 1.3333em;
  line-height: 1em; }

ul.chevron li {
  padding-left: 30px !important;
  position: relative; }

ul.chevron li:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  content: "\f054";
  color: #01b7f2;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 10px;
  border: 1px solid #01b7f2;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%; }

ul.arrow-square li:before {
  content: "\f178";
  margin-right: 10px;
  color: #fff;
  background: #01b7f2;
  padding: 0 2px 0 3px; }

ul.decimal {
  counter-reset: item; }
  ul.decimal li:before {
    content: counters(item,".") "-";
    counter-increment: item;
    margin-right: 5px; }

ul.upper-roman {
  padding-left: 1.5em;
  list-style: upper-roman outside none; }

ul.lower-latin {
  padding-left: 1.25em;
  list-style: lower-latin outside none; }

ul.upper-latin {
  padding-left: 1.5em;
  list-style: upper-latin outside none; }

/* colored */
ul.upper-roman.bullet-colored li, ul.lower-latin.bullet-colored li, ul.upper-latin.bullet-colored li {
  color: #01b7f2; }
  ul.upper-roman.bullet-colored li > *, ul.lower-latin.bullet-colored li > *, ul.upper-latin.bullet-colored li > * {
    color: #838383; }

ul.check-square li:before {
  font-family: 'soap-icons';
  content: "\e8ba";
  background: #d9d9d9;
  color: #fff;
  padding: 1px 4px 0;
  margin-right: 10px;
  font-size: 12px; }
ul.check-square li.active {
  background: #01b7f2;
  color: #fff; }
  ul.check-square li.active > a {
    color: #fff; }
  ul.check-square li.active:before {
    background: #fff;
    color: #fdb714; }

ul.check-circle li:before {
  content: "\e8ba";
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  font-family: "soap-icons";
  background: #fdb714;
  vertical-align: baseline;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px; }

/* 2.7. Ordered lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 2.8. Toggle & Accordion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.toggle-container {
  background: #fff;
  /* 2.8.3. Accordion with image */ }
  .toggle-container .panel {
    margin-bottom: 0;
    box-shadow: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: none;
    border-bottom: 2px solid #f5f5f5;
    position: relative;
    /*.panel-content { font-size: 1.0833em; }*/
    /* 2.8.1. Style1 */
    /* 2.8.2. Style2 */ }
    .toggle-container .panel:last-child {
      border: none; }
    .toggle-container .panel .panel-title {
      padding: 0;
      color: #2d3e52;
      font-size: 1.1667em;
      position: relative; }
      .toggle-container .panel .panel-title a {
        white-space: normal;
        display: block;
        padding: 15px; }
    .toggle-container .panel h1.panel-title {
      font-size: 2em; }
    .toggle-container .panel h2.panel-title {
      font-size: 1.6667em; }
    .toggle-container .panel h3.panel-title {
      font-size: 1.5em; }
    .toggle-container .panel h4.panel-title {
      font-size: 1.3333em; }
    .toggle-container .panel h5.panel-title {
      font-size: 1.1667em; }
    .toggle-container .panel h6.panel-title {
      font-size: 1em; }
    .toggle-container .panel.style1 .panel-title > a {
      line-height: 24px; }
      .toggle-container .panel.style1 .panel-title > a:before {
        display: block;
        content: "\f068";
        font-family: FontAwesome;
        margin-right: 16px;
        line-height: 24px;
        font-size: 10px;
        float: left;
        width: 24px;
        height: 24px;
        text-align: center;
        color: #9e9e9e;
        background: #f5f5f5;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%; }
      .toggle-container .panel.style1 .panel-title > a.collapsed:before {
        content: "\f067";
        color: #fff;
        background: #01b7f2; }
    .toggle-container .panel.style1 .panel-content {
      padding: 10px 15px 15px 55px; }
    .toggle-container .panel.style1.arrow-right .panel-title {
      position: relative; }
      .toggle-container .panel.style1.arrow-right .panel-title > a {
        padding-right: 36px; }
        .toggle-container .panel.style1.arrow-right .panel-title > a:before {
          float: none;
          position: absolute;
          right: 0;
          height: 16px;
          line-height: 17px;
          width: 16px;
          font-size: 9px;
          border: none;
          margin-top: -8px;
          top: 50%; }
    .toggle-container .panel.style1.arrow-right .panel-content {
      padding: 10px 15px; }
    .toggle-container .panel.style2 .panel-title {
      padding: 0; }
      .toggle-container .panel.style2 .panel-title > a {
        display: block;
        line-height: normal;
        padding: 15px 20px;
        color: #01b7f2; }
        .toggle-container .panel.style2 .panel-title > a.collapsed {
          color: inherit;
          position: relative; }
          .toggle-container .panel.style2 .panel-title > a.collapsed:hover {
            color: #01b7f2; }
        .toggle-container .panel.style2 .panel-title > a:after {
          content: "\f068";
          font-family: FontAwesome;
          font-size: 10px;
          width: 30px;
          height: 30px;
          display: block;
          position: absolute;
          right: 15px;
          bottom: 0;
          color: #9e9e9e;
          background: #f5f5f5;
          text-align: center;
          line-height: 30px; }
        .toggle-container .panel.style2 .panel-title > a.collapsed:after {
          content: "\f067";
          color: #fff;
          background: #01b7f2; }
    .toggle-container .panel.style2 .panel-content {
      padding: 0 15px 30px 20px; }
  .toggle-container.with-image > .image-container {
    background: #01b7f2; }
    .toggle-container.with-image > .image-container > img {
      width: 100%;
      height: auto; }
  .toggle-container.with-image .panel > img {
    display: none; }
  .toggle-container.with-image .panel-title > a {
    color: #01b7f2; }
    .toggle-container.with-image .panel-title > a.collapsed {
      color: inherit; }
      .toggle-container.with-image .panel-title > a.collapsed:hover {
        color: #01b7f2; }

/* 2.9. Tabs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.tab-wrapper {
  background: #fff; }
  .tab-wrapper .tab-container .tab-content .tab-pane {
    padding-left: 0;
    padding-right: 0; }

.tab-pane [class^="col-"], .tab-pane [class*=" col-"] {
  padding-left: 10px;
  padding-right: 10px; }
.tab-pane .row {
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px; }

.tab-container {
  /* 2.9.1. Style 1 */
  /* 2.9.2. Transparent Tab */
  /* 2.9.3. Full Width Tab */ }
  .tab-container ul.tabs {
    margin: 0;
    padding: 0; }
    .tab-container ul.tabs li {
      float: left;
      padding-right: 4px; }
      .tab-container ul.tabs li:last-child {
        padding-right: 0; }
      .tab-container ul.tabs li a {
        color: #fff;
        display: block;
        padding: 0 20px;
        background: #d9d9d9;
        font-size: 1em;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap; }
      .tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a {
        color: #01b7f2;
        background: #fff; }
    .tab-container ul.tabs.full-width {
      display: block;
      /*margin-bottom: -4px;*/ }
      .tab-container ul.tabs.full-width li {
        float: none;
        display: table-cell;
        vertical-align: middle;
        width: 1%; }
        .tab-container ul.tabs.full-width li a {
          padding: 0;
          text-align: center; }
    .tab-container ul.tabs:after {
      display: table;
      content: "";
      clear: both; }
  .tab-container .tab-content {
    background: #fff; }
    .tab-container .tab-content .tab-pane {
      padding: 20px;
      line-height: 1.7em; }
      .tab-container .tab-content .tab-pane .row {
        margin-bottom: 15px;
                     /*border-top: 1px solid #f5f5f5; padding: 20px 0;
&:first-child { border: none; padding-top: 0; }
&:last-child { padding-bottom: 0; }*/ }
      .tab-container .tab-content .tab-pane > img {
        margin: 0 15px 0 0; }
      .tab-container .tab-content .tab-pane:after {
        content: "";
        display: table;
        clear: both; }
      .tab-container .tab-content .tab-pane .image-box .details {
        padding-right: 0; }
  .tab-container.style1 ul.tabs {
    display: block;
    background: #fff;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #f5f5f5; }
    .tab-container.style1 ul.tabs li {
      padding-right: 10px; }
      .tab-container.style1 ul.tabs li a {
        height: 30px;
        line-height: 30px;
        background: #f5f5f5;
        padding: 0 18px;
        color: #9e9e9e;
        font-weight: normal;
        font-size: 0.9167em;
        font-weight: bold; }
      .tab-container.style1 ul.tabs li.active > a, .tab-container.style1 ul.tabs li:hover > a {
        color: #fff;
        background: #01b7f2;
        position: relative; }
        .tab-container.style1 ul.tabs li.active > a:after, .tab-container.style1 ul.tabs li:hover > a:after {
          position: absolute;
          bottom: -5px;
          left: 50%;
          margin-left: -10px;
          border-top: 5px solid #01b7f2;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          content: ""; }
      .tab-container.style1 ul.tabs li:hover > a:after {
        display: none; }
      .tab-container.style1 ul.tabs li.active:hover > a:after {
        display: block; }
    .tab-container.style1 ul.tabs.full-width li a {
      padding: 0; }
  .tab-container.trans-style {
    position: relative;
    z-index: 1;
    margin-top: -40px; }
    .tab-container.trans-style ul.tabs {
      padding: 0 10px; }
      .tab-container.trans-style ul.tabs li a {
        filter: alpha(opacity=55.0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55.0)";
        -moz-opacity: 0.55;
        -khtml-opacity: 0.55;
        opacity: 0.55;
        background: #fff;
        color: #000;
        overflow: hidden; }
        .tab-container.trans-style ul.tabs li a i {
          font-size: 16px;
          vertical-align: middle;
          margin-right: 10px; }
          .tab-container.trans-style ul.tabs li a i[class^="soap-icon"] {
            font-size: 20px; }
      .tab-container.trans-style ul.tabs li a:hover {
        filter: alpha(opacity=80);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
        color: #01b7f2; }
        .tab-container.trans-style ul.tabs li a:hover i {
          -webkit-animation: toTopFromBottom 0.3s forwards;
          -moz-animation: toTopFromBottom 0.3s forwards;
          animation: toTopFromBottom 0.3s forwards; }
      .tab-container.trans-style ul.tabs li.active a {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        color: #01b7f2; }
      .tab-container.trans-style ul.tabs li a:hover i, .tab-container.trans-style ul.tabs li.active a i {
        color: #fdb714; }
  .tab-container.full-width-style ul.tabs {
    width: 14%;
    float: left; }
    .tab-container.full-width-style ul.tabs:after {
      display: none;
      clear: none; }
    .tab-container.full-width-style ul.tabs li {
      float: none;
      margin: 0;
      padding-right: 0; }
      .tab-container.full-width-style ul.tabs li a {
        height: 100px;
        display: block;
        border-bottom: 3px solid #f5f5f5;
        border-right: 3px solid #f5f5f5;
        background: #fff;
        color: inherit;
        font-size: 1.1667em;
        text-transform: none;
        font-weight: normal;
        text-align: center;
        padding-top: 20px;
        line-height: 2em; }
        .tab-container.full-width-style ul.tabs li a > i {
          color: #d9d9d9;
          display: block;
          font-size: 18px;
          margin: 0 auto;
          width: 1.6em;
          height: 1.6em;
          line-height: 1.5em;
          overflow: hidden; }
        .tab-container.full-width-style ul.tabs li a:hover i:before {
          -webkit-animation: toTopFromBottom 0.3s forwards;
          -moz-animation: toTopFromBottom 0.3s forwards;
          animation: toTopFromBottom 0.3s forwards; }
      .tab-container.full-width-style ul.tabs li.active a, .tab-container.full-width-style ul.tabs li a:hover {
        color: #2d3e52; }
      .tab-container.full-width-style ul.tabs li a:hover i, .tab-container.full-width-style ul.tabs li.active a i {
        color: #fdb714;
        border-color: #fdb714; }
      .tab-container.full-width-style ul.tabs li:last-child.active a {
        border-bottom: none; }
      .tab-container.full-width-style ul.tabs li.active a {
        border-right-color: transparent; }
  .tab-container.full-width-style.arrow-left ul.tabs li {
    margin-bottom: 4px; }
    .tab-container.full-width-style.arrow-left ul.tabs li a {
      border: none;
      margin-right: 4px; }
    .tab-container.full-width-style.arrow-left ul.tabs li.active a {
      margin-right: 0;
      border-left: 2px solid #fdb714;
      position: relative; }
      .tab-container.full-width-style.arrow-left ul.tabs li.active a:after {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -5px;
        border-left: 3px solid #fdb714;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent; }
  .tab-container.full-width-style.arrow-left .tab-content .tab-pane {
    padding: 30px; }
  .tab-container.full-width-style .tab-content {
    float: left;
    width: 86%; }
    .tab-container.full-width-style .tab-content .tab-content-title {
      color: #01b7f2; }
  .tab-container.full-width-style:after {
    display: table;
    content: "";
    clear: both; }

/* 2.10. Promo box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.promo-box {
  margin: 0 0 30px 0;
  overflow: hidden; }
  .promo-box .table-wrapper {
    width: 100%;
    margin: 0; }
  .promo-box .table-cell {
    vertical-align: middle; }
  .promo-box .m-title {
    font-size: 2em;
    color: #fff;
    line-height: 1.5em;
    margin: 0; }
    .promo-box .m-title em {
      font-size: 1.28em;
      font-weight: bold;
      font-style: normal; }
      .promo-box .m-title em i {
        font-weight: normal; }
  .promo-box .action-section {
    padding: 20px 0 0;
    text-align: right; }
    .promo-box .action-section form .row > div {
      margin-bottom: 10px; }
    .promo-box .action-section button {
      text-transform: uppercase; }
  .promo-box .image-container {
    padding: 0;
    float: none;
    position: relative;
    text-align: center; }
    .promo-box .image-container img {
      position: absolute;
      left: 0;
      visibility: hidden;
      height: auto; }
  .promo-box .table-wrapper {
    height: 100%; }
  .promo-box .table-cell {
    vertical-align: middle; }
  .promo-box .content-section {
    padding: 40px 0;
    z-index: 1;
    position: relative; }

/* 2.11. Photo Gallery ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.flexslider .slides li {
  display: none; }

.photo-gallery .flex-direction-nav, .image-carousel.style2 .flex-direction-nav {
  position: absolute;
  right: 0;
  top: -40px;
  width: 72px;
  height: 22px; }
  .photo-gallery .flex-direction-nav li a, .image-carousel.style2 .flex-direction-nav li a {
    width: 30px;
    height: 22px;
    background: #01b7f2;
    color: #fff;
    text-indent: -9999px;
    text-align: left;
    position: static;
    float: left;
    margin: 0;
    filter: alpha(opacity=100) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
    -moz-transition: none 1s ease-in-out;
    -o-transition: none 1s ease-in-out;
    -webkit-transition: none 1s ease-in-out;
    -ms-transition: none 1s ease-in-out;
    transition: none 1s ease-in-out; }
    .photo-gallery .flex-direction-nav li a:before, .image-carousel.style2 .flex-direction-nav li a:before {
      position: absolute;
      display: block;
      font-family: FontAwesome;
      text-indent: 0;
      font-size: 12px;
      line-height: 22px; }
    .photo-gallery .flex-direction-nav li a.flex-prev, .image-carousel.style2 .flex-direction-nav li a.flex-prev {
      margin-right: 10px; }
      .photo-gallery .flex-direction-nav li a.flex-prev:before, .image-carousel.style2 .flex-direction-nav li a.flex-prev:before {
        content: "\f177";
        left: 8px; }
    .photo-gallery .flex-direction-nav li a.flex-next:before, .image-carousel.style2 .flex-direction-nav li a.flex-next:before {
      content: "\f178";
      right: 9px; }
    .photo-gallery .flex-direction-nav li a.flex-disabled, .image-carousel.style2 .flex-direction-nav li a.flex-disabled {
      background: #d9d9d9; }

.travelo-box > .image-carousel.style2 .flex-direction-nav {
  top: -60px; }

.photo-gallery {
  background: #fff;
  box-shadow: none;
  border: none;
  margin: 0;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }
  .photo-gallery img {
    width: 100%; }
  .photo-gallery .slides > li {
    display: none;
    overflow: hidden;
    position: relative; }
  .photo-gallery .flex-control-nav {
    width: auto;
    position: absolute;
    right: 30px;
    bottom: 30px; }
    .photo-gallery .flex-control-nav > li {
      float: left;
      margin-left: 5px;
      margin-right: 0; }
      .photo-gallery .flex-control-nav > li a {
        background: none;
        display: block;
        width: 14px;
        height: 14px;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        border: 1px solid #fff;
        text-indent: -9999px;
        cursor: pointer;
        background: rgba(255, 255, 255, 0);
        box-shadow: none; }
        .photo-gallery .flex-control-nav > li a.flex-active {
          background: #fdb714;
          border-color: #fdb714; }
  .photo-gallery.style1 .flex-control-nav {
    display: none; }
  .photo-gallery.style1 .flex-direction-nav {
    display: none; }
  .photo-gallery.style3 .flex-control-nav {
    display: none; }
  .photo-gallery.style3 .flex-direction-nav {
    right: 10px;
    bottom: 10px;
    top: auto; }
  .photo-gallery.style4 .flex-control-nav {
    right: 25px;
    bottom: 25px;
    top: auto; }
  .photo-gallery.style4 .flex-direction-nav {
    display: none; }

.image-carousel {
  position: relative;
  box-shadow: none;
  border: none;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  background: none; }
  .image-carousel .slides > li {
    display: none; }
  .image-carousel img {
    max-width: 100%; }
  .image-carousel.style1 {
    padding: 10px 45px;
    background: #fff; }
    .image-carousel.style1 .slides > li {
      margin-right: 10px;
      height: 70px;
      cursor: pointer;
      overflow: hidden; }
      .image-carousel.style1 .slides > li:last-child {
        margin-right: 0; }
      .image-carousel.style1 .slides > li img {
        height: 100%;
        width: auto;
        max-width: none;
        filter: alpha(opacity=50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        -moz-transition: opacity 0.3s ease-in;
        -o-transition: opacity 0.3s ease-in;
        -webkit-transition: opacity 0.3s ease-in;
        -ms-transition: opacity 0.3s ease-in;
        transition: opacity 0.3s ease-in; }
      .image-carousel.style1 .slides > li.flex-active-slide img, .image-carousel.style1 .slides > li:hover img {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; }
    .image-carousel.style1 .flex-control-nav {
      display: none; }
    .image-carousel.style1 .flex-direction-nav {
      position: static;
      width: 0;
      height: 0; }
      .image-carousel.style1 .flex-direction-nav li a {
        background: rgba(1, 183, 242, 0.7);
        float: none;
        width: 25px;
        height: auto;
        position: absolute;
        top: 10px;
        bottom: 10px;
        margin: 0;
        filter: alpha(opacity=100) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
        -moz-opacity: 1 !important;
        -khtml-opacity: 1 !important;
        opacity: 1 !important;
        text-indent: -9999px;
        text-align: left;
        color: #fff;
        -moz-transition: background 0.2s ease-in;
        -o-transition: background 0.2s ease-in;
        -webkit-transition: background 0.2s ease-in;
        -ms-transition: background 0.2s ease-in;
        transition: background 0.2s ease-in; }
        .image-carousel.style1 .flex-direction-nav li a:hover {
          background: #01b7f2; }
        .image-carousel.style1 .flex-direction-nav li a:before {
          display: block;
          position: absolute;
          left: 9px;
          top: 50%;
          margin-top: -6px;
          text-indent: 0;
          font-family: FontAwesome;
          font-size: 12px;
          line-height: 1;
          text-shadow: none; }
        .image-carousel.style1 .flex-direction-nav li a.flex-prev {
          left: 10px; }
          .image-carousel.style1 .flex-direction-nav li a.flex-prev:before {
            content: "\f053"; }
        .image-carousel.style1 .flex-direction-nav li a.flex-next {
          right: 10px; }
          .image-carousel.style1 .flex-direction-nav li a.flex-next:before {
            content: "\f054"; }
        .image-carousel.style1 .flex-direction-nav li a.flex-disabled {
          background: #f5f5f5;
          color: #9e9e9e; }
  .image-carousel.style2 .slides > li {
    margin-right: 30px; }
    .image-carousel.style2 .slides > li:last-child {
      margin-right: 0; }
    .image-carousel.style2 .slides > li .hover-effect {
      z-index: 0; }
      .image-carousel.style2 .slides > li .hover-effect img {
        position: relative; }
      .image-carousel.style2 .slides > li .hover-effect .caption {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 33px;
        line-height: 33px;
        overflow: hidden;
        padding: 0;
        text-align: center;
        right: 0;
        z-index: 3;
        margin: 0;
        background: #2d3e52;
        color: #fff;
        font-size: 1.1667em;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        -moz-transition: -moz-transform 0.35s;
        -o-transition: -o-transform 0.35s;
        -webkit-transition: -webkit-transform 0.35s;
        -ms-transition: -ms-transform 0.35s;
        transition: transform 0.35s; }
      .image-carousel.style2 .slides > li .hover-effect:hover .caption {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        display: block;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
      .image-carousel.style2 .slides > li .hover-effect:hover:after {
        /*margin-top: -20px;*/ }
  .image-carousel.style2 .flex-control-nav {
    display: none; }
  .image-carousel.style2.row-2 li > a:first-child {
    margin-bottom: 30px; }
  .image-carousel.style3 {
    margin-bottom: 30px; }
    .image-carousel.style3 .slides {
      margin-bottom: 0; }
      .image-carousel.style3 .slides > li {
        margin-right: 30px; }
        .image-carousel.style3 .slides > li:last-child {
          margin-right: 0; }
        .image-carousel.style3 .slides > li .box {
          margin-bottom: 0; }
    .image-carousel.style3 .flex-control-nav {
      display: none; }
    .image-carousel.style3 .flex-direction-nav {
      position: static;
      width: 0;
      height: 0; }
      .image-carousel.style3 .flex-direction-nav li a {
        width: 40px;
        height: 40px;
        border: 2px solid;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        position: absolute;
        top: 50%;
        margin-top: -20px;
        background: none;
        color: #d9d9d9;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        text-shadow: none;
        text-align: left !important;
        text-indent: -9999px; }
        .image-carousel.style3 .flex-direction-nav li a:before {
          position: absolute;
          display: block;
          top: 0;
          left: 0;
          right: 0;
          text-align: center;
          line-height: 36px;
          font-family: "soap-icons";
          text-indent: 0;
          font-size: 24px; }
        .image-carousel.style3 .flex-direction-nav li a.flex-prev {
          left: -80px; }
          .image-carousel.style3 .flex-direction-nav li a.flex-prev:before {
            content: "\e87b"; }
        .image-carousel.style3 .flex-direction-nav li a.flex-next {
          right: -80px; }
          .image-carousel.style3 .flex-direction-nav li a.flex-next:before {
            content: "\e887"; }
        .image-carousel.style3 .flex-direction-nav li a:hover {
          color: #fff; }
        .image-carousel.style3 .flex-direction-nav li a.flex-disabled {
          color: #838383; }

/* 2.12. Image Style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.image-style {
  padding: 0;
  position: relative;
  background: #fff;
  padding: 30px 0 30px 30px; }
  .image-style.large-font {
    font-size: 1.2307em; }
  .image-style.style1 {
    margin-right: 60px; }
    .image-style.style1 .image-block {
      margin-right: 25px; }
    .image-style.style1 .title {
      font-size: 1.875em;
      margin-bottom: 30px; }
    .image-style.style1 ul li {
      margin: 0 10px 10px 0;
      width: 80px;
      height: 80px; }
      .image-style.style1 ul li a {
        overflow: hidden;
        display: block; }
        .image-style.style1 ul li a img {
          max-width: none;
          height: 100%; }
    .image-style.style1:before {
      display: block;
      content: "";
      width: 60px;
      background-color: #fff;
      position: absolute;
      right: -60px;
      bottom: 60px;
      top: 0; }
    .image-style.style1:after {
      display: block;
      content: "";
      position: absolute;
      right: -60px;
      bottom: 0;
      border-top: 60px solid #d9d9d9;
      border-right: 60px solid transparent; }
  .image-style.style2 p {
    line-height: 1.5em; }
  .image-style.style2 .title {
    font-size: 1.25em;
    color: #01b7f2;
    margin-top: 20px; }
  .image-style.style2 .image-block {
    padding-left: 50px;
    position: relative;
    min-height: 200px; }
    .image-style.style2 .image-block li {
      position: absolute;
      -webkit-border-radius: 50% 50% 50% 50%;
      -moz-border-radius: 50% 50% 50% 50%;
      -ms-border-radius: 50% 50% 50% 50%;
      border-radius: 50% 50% 50% 50%;
      padding: 5px;
      background: #fff;
      border: 1px solid #bfbfbf; }
      .image-style.style2 .image-block li a {
        display: block;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
        -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
        .image-style.style2 .image-block li a img {
          height: 100%;
          max-width: none; }

/* 2.13. Image Box Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.image-box .box, .image-box.box {
  text-align: left;
  background: #fff;
  margin-bottom: 30px; }
  .image-box .box img, .image-box.box img {
    width: 100%;
    height: auto; }
  .image-box .box > .details, .image-box.box > .details {
    padding: 12px 15px; }
    .image-box .box > .details > *:last-child, .image-box.box > .details > *:last-child {
      margin-bottom: 0; }
  .image-box .box .box-title, .image-box.box .box-title {
    margin-bottom: 10px;
    color: #2d3e52; }
.image-box.style1 .box-title, .image-box.style10 .box-title {
  margin-bottom: 0; }
.image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper, .image-box.style12 .opacity-wrapper {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #fdb714;
  filter: alpha(opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  width: 100%;
  height: 100%; }
.image-box.style2 figure {
  float: left;
  width: 250px; }
.image-box.style2 .details {
  padding: 15px 20px 10px 270px; }
  .image-box.style2 .details p {
    margin-bottom: 20px; }
.image-box.style2 .box:after, .image-box.style2.box:after {
  content: "";
  display: table;
  clear: both; }
.image-box.style3 .details {
  padding: 15px; }
  .image-box.style3 .details .box-title {
    margin-bottom: 0; }
  .image-box.style3 .details .offers-content {
    font-size: 0.8333em;
    text-transform: uppercase;
    margin-bottom: 0; }
  .image-box.style3 .details .description {
    border-top: 1px solid #f5f5f5;
    padding-top: 10px; }
.image-box.style4 .details .box-title {
  float: left;
  margin: 0; }
.image-box.style4 .details .goto-detail {
  float: right;
  color: #98ce44;
  font-weight: bold;
  font-size: 16px; }
.image-box.style4 .details:after {
  content: "";
  display: table;
  clear: both; }
.image-box.style5 .box, .image-box.style5.box, .image-box.style11 .box, .image-box.style11.box {
  position: relative; }
.image-box.style5 figure, .image-box.style11 figure {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 0; }
  .image-box.style5 figure figcaption, .image-box.style11 figure figcaption {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 10px;
    padding: 5px 20px 5px 20px;
    min-width: 130px;
    background: #2d3e52;
    -moz-transition: -moz-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -webkit-transition: -webkit-transform 0.35s;
    -ms-transition: -ms-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
    .image-box.style5 figure figcaption .caption-title, .image-box.style11 figure figcaption .caption-title {
      margin: 0;
      color: #fff;
      line-height: 1.1em; }
    .image-box.style5 figure figcaption span, .image-box.style11 figure figcaption span {
      color: #fdb714;
      text-transform: uppercase;
      font-size: 0.8333em;
      letter-spacing: 0.04em; }
  .image-box.style5 figure:hover figcaption, .image-box.style11 figure:hover figcaption {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .image-box.style5 figure:hover a:before, .image-box.style11 figure:hover a:before {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
  .image-box.style5 figure img, .image-box.style11 figure img {
    -webkit-backface-visibility: hidden; }
  .image-box.style5 figure a, .image-box.style11 figure a {
    display: block; }
  .image-box.style5 figure a:before, .image-box.style11 figure a:before {
    position: absolute;
    z-index: 2;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    height: 100%;
    background: rgba(1, 183, 242, 0.3);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out; }
.image-box.style5 .details, .image-box.style11 .details {
  padding: 0; }
  .image-box.style5 .details .detail, .image-box.style11 .details .detail {
    margin: 0;
    border-top: 1px solid #f5f5f5;
    padding: 10px 20px; }
    .image-box.style5 .details .detail:first-child, .image-box.style11 .details .detail:first-child {
      border: none; }
    .image-box.style5 .details .detail .box-title, .image-box.style11 .details .detail .box-title {
      line-height: 40px;
      margin: 0; }
    .image-box.style5 .details .detail:after, .image-box.style11 .details .detail:after {
      display: table;
      content: "";
      clear: both; }
.image-box.style6 figure, .image-box.style14 figure {
  padding: 0; }
.image-box.style6 .details, .image-box.style14 .details {
  margin-bottom: 0 !important;
  padding: 20px 30px;
  line-height: 1.7em; }
.image-box.style6 .box:after, .image-box.style6.box:after, .image-box.style14 .box:after, .image-box.style14.box:after {
  display: table;
  content: "";
  clear: both; }
.image-box.style7 .box, .image-box.style7.box {
  background: #fff;
  margin-bottom: 30px; }
  .image-box.style7 .box figure, .image-box.style7.box figure {
    height: 72px; }
  .image-box.style7 .box .details, .image-box.style7.box .details {
    padding: 20px 20px 25px;
    font-size: 1.0833em; }
    .image-box.style7 .box .details p, .image-box.style7.box .details p {
      margin: 0; }
.image-box.style8 .box {
  background: none; }
.image-box.style8 figure {
  width: 25%;
  float: left;
  position: relative;
  overflow: hidden; }
  .image-box.style8 figure img {
    height: 100%;
    width: auto;
    max-width: none; }
.image-box.style8 .details {
  width: 75%;
  float: left;
  padding: 20px;
  background: #fff; }
.image-box.style8 .box:after, .image-box.style8.box:after {
  display: table;
  content: "";
  clear: both; }
.image-box.style9 figure a {
  position: relative;
  /*height: 160px; overflow: hidden;*/
  display: block;
  width: 100%; }
.image-box.style9 figure img {
  width: 100%;
  height: auto; }
.image-box.style9 .box-title {
  margin: 0; }
.image-box.style9 .button {
  margin-top: 20px; }
.image-box.style9 .details {
  background: #fff;
  padding: 15px;
  text-align: center; }
.image-box.style9 .description {
  margin-top: 20px; }
.image-box.style10 .details a.button {
  margin-top: 5px;
  float: right; }
.image-box.style11 .box > .details {
  padding: 15px; }
.image-box.style12 .box, .image-box.style12.box {
  display: table; }
.image-box.style12 figure, .image-box.style12 .details, .image-box.style12 .action {
  display: table-cell;
  vertical-align: top; }
.image-box.style12 figure {
  margin-right: 30px;
  max-width: 30%; }
  .image-box.style12 figure a {
    position: relative;
    display: inline-block;
    height: 100%; }
  .image-box.style12 figure img {
    width: auto;
    max-width: 150px; }
.image-box.style12 .details {
  border-right: 1px solid #f5f5f5;
  padding: 12px 20px 10px 25px;
  width: 100%; }
  .image-box.style12 .details > *:last-child {
    margin-bottom: 0; }
.image-box.style12 .action {
  padding: 15px; }
  .image-box.style12 .action .price {
    text-align: center;
    float: none;
    margin: 0 0 10px 0; }
  .image-box.style12 .action button, .image-box.style12 .action a.button {
    padding: 0 10px; }
.image-box.style12 .image-wrapper {
  position: relative;
  overflow: hidden;
  display: block; }
.image-box.style13 figure {
  float: left;
  margin-right: 15px; }
.image-box.style13 .details {
  padding: 0 15px; }
.image-box.style13 .action {
  float: right; }
  .image-box.style13 .action .button {
    padding: 0 10px; }
.image-box.style13 .price {
  float: none; }
.image-box.style13 .box, .image-box.style13.box {
  margin-bottom: 0; }
  .image-box.style13 .box:after, .image-box.style13.box:after {
    display: table;
    content: "";
    clear: both; }
.image-box.style14 figure {
  float: left;
  width: 63px; }
.image-box.style14 .details {
  margin-left: 63px;
  padding: 15px 15px 0; }
.image-box.style14 .price {
  float: none;
  text-align: left;
  display: inline;
  font-size: 1.4em; }
.image-box.style14 .box-title {
  margin-bottom: 0; }
  .image-box.style14 .box-title small {
    line-height: 1em; }
.image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper, .image-box.style12 .opacity-wrapper {
  cursor: pointer;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }
.image-box.style7 figure, .image-box.style8 figure, .image-box.style12 figure {
  overflow: hidden;
  z-index: 0; }
  .image-box.style7 figure img, .image-box.style8 figure img, .image-box.style12 figure img {
    -moz-transition: -moz-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -webkit-transition: -webkit-transform 0.35s;
    -ms-transition: -ms-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    /*-webkit-backface-visibility: hidden;*/ }
.image-box.style7 figure:hover img, .image-box.style8 figure:hover img, .image-box.style12 figure:hover img {
  -webkit-transform: scale(1.07, 1.07);
  -moz-transform: scale(1.07, 1.07);
  -ms-transform: scale(1.07, 1.07);
  -o-transform: scale(1.07, 1.07);
  transform: scale(1.07, 1.07); }
.image-box.style7 figure:hover .opacity-wrapper, .image-box.style8 figure:hover .opacity-wrapper, .image-box.style12 figure:hover .opacity-wrapper {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

.sidebar .image-box.style14 {
  margin-bottom: 0; }
  .sidebar .image-box.style14 .box {
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px; }
    .sidebar .image-box.style14 .box:last-child {
      border: none;
      margin-bottom: 0;
      padding-bottom: 0; }

/* 2.14. Icon Box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Icon Box */
.icon-box {
  text-transform: uppercase; }
  .icon-box > i {
    text-align: center; }
  .icon-box.style1 {
    height: 42px;
    background: #fff;
    line-height: 42px;
    font-size: 0.9167em; }
    .icon-box.style1 > i {
      display: block;
      width: 42px;
      float: left;
      background: #fdb714;
      line-height: 42px;
      color: #fff;
      font-size: 2em;
      margin-right: 15px; }
  .icon-box.style2 {
    line-height: 1.75em;
    color: #01b7f2;
    font-size: 0.9167em;
    display: inline-block; }
    .icon-box.style2 > i {
      font-size: 1.5em;
      margin-right: 10px;
      color: #01b7f2; }
  .icon-box.style3 {
    background: #fff;
    text-align: center;
    margin-bottom: 10px; }
    .icon-box.style3 .numbers {
      font-size: 5em;
      color: #2d3e52;
      padding: 20px 0;
      font-weight: 300; }
      .icon-box.style3 .numbers i {
        margin-right: 10px; }
    .icon-box.style3 .description {
      border-top: 1px solid #f5f5f5;
      font-weight: bold;
      padding: 6px 0; }
  .icon-box.style4, .icon-box.style8, .icon-box.style9 {
    text-align: center;
    text-transform: none; }
    .icon-box.style4 > i, .icon-box.style8 > i, .icon-box.style9 > i {
      font-size: 5em;
      color: #98ce44; }
    .icon-box.style4 .box-title, .icon-box.style8 .box-title, .icon-box.style9 .box-title {
      margin-top: 10px;
      margin-bottom: 10px; }
  .icon-box.style5 {
    height: 70px;
    background: #fff;
    line-height: 70px;
    text-transform: none; }
    .icon-box.style5 > i {
      display: block;
      width: 70px;
      float: left;
      background: #01b7f2;
      line-height: 70px;
      color: #fff;
      font-size: 3em;
      margin-right: 15px; }
    .icon-box.style5 .description {
      line-height: 1.6em;
      padding: 14px 15px 0 0; }
      .icon-box.style5 .description small {
        text-transform: uppercase; }
  .icon-box.style6, .icon-box.style7 {
    line-height: 50px;
    text-transform: none; }
    .icon-box.style6 > i, .icon-box.style7 > i {
      display: block;
      width: 50px;
      float: left;
      background: #fdb714;
      line-height: 50px;
      color: #fff;
      font-size: 2.5em; }
    .icon-box.style6 .box-title, .icon-box.style7 .box-title {
      margin-bottom: 5px; }
    .icon-box.style6 .description, .icon-box.style7 .description {
      line-height: 1.6em;
      padding-left: 70px; }
    .icon-box.style6:after, .icon-box.style7:after {
      display: table;
      content: "";
      clear: both; }
  .icon-box.style6 .box-title {
    letter-spacing: normal;
    margin-bottom: 10px; }
  .icon-box.style7 {
    padding: 30px;
    background: #fff; }
    .icon-box.style7 > i {
      -webkit-border-radius: 50% 50% 50% 50%;
      -moz-border-radius: 50% 50% 50% 50%;
      -ms-border-radius: 50% 50% 50% 50%;
      border-radius: 50% 50% 50% 50%;
      width: 60px;
      height: 60px;
      line-height: 60px;
      background: #01b7f2; }
      .icon-box.style7 > i.glyphicon {
        font-size: 1.6667em; }
    .icon-box.style7 .description {
      padding-left: 80px; }
      .icon-box.style7 .description .box-title {
        margin-bottom: 20px;
        line-height: 1.3333em; }
      .icon-box.style7 .description ul {
        margin-bottom: 20px; }
      .icon-box.style7 .description .view {
        text-decoration: underline;
        color: #98ce44;
        font-size: 1.0833em; }
  .icon-box.style8 i, .icon-box.style9 i {
    font-size: 2.6666em;
    background: #fdb714;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .icon-box.style9 {
    display: inline-block; }
    .icon-box.style9 .box-title {
      line-height: 1.2em; }
    .icon-box.style9 > i {
      background: #01b7f2;
      -webkit-border-radius: 50% 50% 50% 50%;
      -moz-border-radius: 50% 50% 50% 50%;
      -ms-border-radius: 50% 50% 50% 50%;
      border-radius: 50% 50% 50% 50%;
      width: 2em;
      height: 2em;
      line-height: 2em;
      margin-bottom: 15px; }
  .icon-box.style10 {
    border: 1px solid #fdb714;
    margin-top: 20px;
    padding: 45px 20px 20px;
    position: relative;
    color: #7c9abd;
    text-align: center; }
    .icon-box.style10 .box-title {
      color: #fff;
      margin-bottom: 15px; }
    .icon-box.style10 > i {
      position: absolute;
      width: 72px;
      height: 72px;
      top: -36px;
      left: 50%;
      margin-left: -36px;
      font-size: 3em;
      color: #fff;
      background: #fdb714;
      line-height: 72px;
      -webkit-border-radius: 50% 50% 50% 50%;
      -moz-border-radius: 50% 50% 50% 50%;
      -ms-border-radius: 50% 50% 50% 50%;
      border-radius: 50% 50% 50% 50%; }
    .icon-box.style10 .description {
      text-transform: none; }
  .icon-box.style11, .icon-box.style12 {
    display: table; }
    .icon-box.style11 > .icon-wrapper, .icon-box.style12 > .icon-wrapper {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      font-size: 18px; }
      .icon-box.style11 > .icon-wrapper > i, .icon-box.style12 > .icon-wrapper > i {
        color: #fdb714; }
    .icon-box.style11 > .details, .icon-box.style12 > .details {
      display: table-cell;
      vertical-align: middle; }
  .icon-box.style11 > .icon-wrapper {
    width: 1.4em;
    text-align: left; }
  .icon-box.style11 .details {
    text-transform: uppercase; }
    .icon-box.style11 .details dl, .icon-box.style11 .details dt, .icon-box.style11 .details dd {
      font-size: 0.8333em; }
    .icon-box.style11 .details .box-title {
      margin-bottom: 0;
      text-transform: none;
      margin-left: 15px; }
  .icon-box.style12 > .icon-wrapper {
    width: auto; }
    .icon-box.style12 > .icon-wrapper > i {
      border-color: #01b7f2;
      background: #01b7f2;
      color: #fff;
      font-size: 1.5em; }
  .icon-box.style12 > .details {
    padding-left: 10px;
    margin: 0;
    text-transform: none; }
    .icon-box.style12 > .details .m-title {
      margin: 0; }

/* 2.15. Listing Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.listing-style1.hotel .box-title:after, .listing-style1.cruise .box-title:after {
  display: table;
  content: "";
  clear: both; }
.listing-style1.hotel .feedback, .listing-style1.cruise .feedback {
  margin: 5px 0;
  border-top: 1px solid #f5f5f5;
  padding-top: 5px;
  border-bottom: 1px solid #f5f5f5; }
  .listing-style1.hotel .feedback .review, .listing-style1.cruise .feedback .review {
    display: block;
    float: right;
    text-transform: uppercase;
    font-size: 0.8333em;
    color: #9e9e9e; }
.listing-style1.hotel .five-stars-container, .listing-style1.cruise .five-stars-container {
  color: #dbdbdb; }
.listing-style1.hotel .action .button:last-child, .listing-style1.cruise .action .button:last-child {
  float: right; }
.listing-style1.hotel .action .button, .listing-style1.cruise .action .button {
  width: 45%;
  padding: 0;
  text-align: center; }
.listing-style1.hotel .action .button + .button, .listing-style1.cruise .action .button + .button {
  width: 50%; }
.listing-style1.flight .details, .listing-style1.car .details {
  padding: 15px 0 0 !important;
  text-transform: uppercase; }
  .listing-style1.flight .details .box-title, .listing-style1.car .details .box-title {
    text-transform: none; }
    .listing-style1.flight .details .box-title:after, .listing-style1.car .details .box-title:after {
      display: table;
      content: "";
      clear: both; }
.listing-style1.flight .action .button, .listing-style1.car .action .button {
  text-align: center; }
.listing-style1.flight figure img {
  max-width: 100%; }
.listing-style1.flight .details .time {
  margin: 10px 0;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  letter-spacing: 0.04em; }
  .listing-style1.flight .details .time:after {
    display: table;
    content: "";
    clear: both; }
  .listing-style1.flight .details .time > div {
    width: 50%;
    float: left;
    padding: 7px 0; }
    .listing-style1.flight .details .time > div > .icon {
      font-size: 16px;
      float: left; }
    .listing-style1.flight .details .time > div > .icon + div {
      padding-left: 24px; }
    .listing-style1.flight .details .time > div:first-child {
      border-right: 1px solid #f5f5f5; }
    .listing-style1.flight .details .time > div + div {
      padding-left: 20px; }
.listing-style1.flight .details .duration {
  font-size: 0.8333em;
  text-align: center;
  letter-spacing: 0.04em; }
.listing-style1.car figure img {
  max-width: 100%; }
.listing-style1.car .details .mile {
  font-size: 0.8333em;
  text-align: center; }
.listing-style1.car .details .amenities {
  text-align: center;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  margin: 10px 0;
  padding: 10px 0 6px; }
.listing-style1.cruise .time {
  padding-top: 5px; }
  .listing-style1.cruise .time [class^="soap-icon"] {
    float: left;
    font-size: 20px; }
  .listing-style1.cruise .time > div {
    margin-bottom: 10px !important; }
    .listing-style1.cruise .time > div:first-child {
      border-right: 1px solid #f5f5f5; }
    .listing-style1.cruise .time > div > div {
      padding-left: 20px; }
.listing-style1.cruise .action a.button {
  float: none !important; }
.listing-style1.cruise .description {
  text-align: center;
  font-size: 0.8333em;
  text-transform: uppercase; }

.listing-style1.flight .box, .listing-style1.flight.box, .listing-style1.car .box, .listing-style1.car.box, .listing-style2.flight .box, .listing-style2.flight.box, .listing-style2.car .box, .listing-style2.car.box {
  padding: 15px; }
.listing-style1.flight figure, .listing-style1.car figure, .listing-style2.flight figure, .listing-style2.car figure {
  background: #f5f5f5;
  display: table;
  /*height: 140px;*/
  width: 100%;
  table-layout: fixed; }
  .listing-style1.flight figure > a, .listing-style1.flight figure > span, .listing-style1.car figure > a, .listing-style1.car figure > span, .listing-style2.flight figure > a, .listing-style2.flight figure > span, .listing-style2.car figure > a, .listing-style2.car figure > span {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .listing-style1.flight figure img, .listing-style1.car figure img, .listing-style2.flight figure img, .listing-style2.car figure img {
    width: auto; }

.listing-style1.flight .icon, .listing-style3.flight .icon {
  font-size: 16px; }
.listing-style1.flight .take-off > .icon, .listing-style3.flight .take-off > .icon {
  -webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  -o-transform: rotate(-25deg);
  transform: rotate(-25deg);
  display: inline-block; }
.listing-style1.flight .landing > .icon, .listing-style3.flight .landing > .icon {
  -webkit-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  transform: rotate(25deg);
  display: inline-block; }
.listing-style1.car .amenities ul, .listing-style3.car .amenities ul {
  display: inline-block;
  color: #9e9e9e; }
  .listing-style1.car .amenities ul li, .listing-style3.car .amenities ul li {
    float: left;
    text-align: center;
    padding: 0 5px;
    cursor: default;
    font-size: 0.8333em; }
    .listing-style1.car .amenities ul li .glyphicon, .listing-style1.car .amenities ul li [class^="soap-icon"], .listing-style3.car .amenities ul li .glyphicon, .listing-style3.car .amenities ul li [class^="soap-icon"] {
      display: block;
      font-size: 16px;
      color: #d9d9d9;
      overflow: hidden; }
    .listing-style1.car .amenities ul li .glyphicon, .listing-style3.car .amenities ul li .glyphicon {
      line-height: 25px; }
      .listing-style1.car .amenities ul li .glyphicon:before, .listing-style3.car .amenities ul li .glyphicon:before {
        font-size: 12px; }
    .listing-style1.car .amenities ul li:hover, .listing-style1.car .amenities ul li:hover .glyphicon, .listing-style1.car .amenities ul li:hover [class^="soap-icon"], .listing-style3.car .amenities ul li:hover, .listing-style3.car .amenities ul li:hover .glyphicon, .listing-style3.car .amenities ul li:hover [class^="soap-icon"] {
      color: #01b7f2; }
    .listing-style1.car .amenities ul li:hover [class^="soap-icon"]:before, .listing-style3.car .amenities ul li:hover [class^="soap-icon"]:before {
      -webkit-animation: toTopFromBottom 0.35s forwards;
      -moz-animation: toTopFromBottom 0.35s forwards;
      animation: toTopFromBottom 0.35s forwards; }
  .listing-style1.car .amenities ul:after, .listing-style3.car .amenities ul:after {
    display: table;
    content: "";
    clear: both; }

.listing-style2 .box .box-title {
  margin-bottom: 0; }
.listing-style2 a.button {
  margin-top: 6px; }
.listing-style2.flight .details {
  padding: 12px 2px 0; }
.listing-style2.flight img {
  width: auto;
  max-width: 100%; }

.listing-style3 .box, .listing-style3.box {
  background: #fff;
  margin-bottom: 30px; }
  .listing-style3 .box > *, .listing-style3.box > * {
    padding: 0; }
  .listing-style3 .box:after, .listing-style3.box:after {
    display: table;
    clear: both;
    content: ""; }
.listing-style3 .review {
  display: block;
  text-transform: uppercase;
  font-size: 0.8333em;
  color: #9e9e9e; }
.listing-style3 .five-stars-container, .listing-style3 .review {
  line-height: 1em; }
.listing-style3 .five-stars-container {
  color: #dbdbdb; }
.listing-style3 [class^="soap-icon"].circle {
  color: #d9d9d9;
  cursor: default;
  font-size: 16px;
  overflow: hidden; }
  .listing-style3 [class^="soap-icon"].circle:hover {
    color: #01b7f2; }
    .listing-style3 [class^="soap-icon"].circle:hover:before {
      -webkit-animation: toTopFromBottom 0.35s forwards;
      -moz-animation: toTopFromBottom 0.35s forwards;
      animation: toTopFromBottom 0.35s forwards; }
.listing-style3 .price {
  float: none;
  text-align: center; }
.listing-style3.hotel figure img {
  width: 100%;
  height: auto; }
.listing-style3.hotel .box-title {
  margin: 0;
  float: left; }
  .listing-style3.hotel .box-title i {
    font-size: 15px; }
.listing-style3.hotel .amenities {
  float: right; }
.listing-style3.hotel .details {
  padding: 15px 0 15px 20px;
  display: table; }
  .listing-style3.hotel .details [class^="soap-icon"].circle {
    margin-right: 5px;
    margin-top: 5px; }
  .listing-style3.hotel .details > * {
    display: table-row; }
    .listing-style3.hotel .details > * > * {
      display: table-cell;
      padding: 10px 15px 0;
      text-align: center;
      vertical-align: middle; }
      .listing-style3.hotel .details > * > *:first-child {
        border-right: 1px solid #f5f5f5;
        padding-left: 0;
        padding-right: 15px;
        text-align: left; }
      .listing-style3.hotel .details > * > *:last-child {
        width: 120px; }
    .listing-style3.hotel .details > *:first-child > * {
      border-bottom: 1px solid #f5f5f5;
      padding-top: 0;
      padding-bottom: 10px; }
  .listing-style3.hotel .details .button {
    margin-top: 8px; }
.listing-style3.flight .box, .listing-style3.flight.box {
  padding: 15px;
  display: table;
  width: 100%;
  table-layout: fixed; }
.listing-style3.flight figure {
  display: table-cell;
  background: #f5f5f5;
  vertical-align: middle;
  float: none; }
  .listing-style3.flight figure span {
    text-align: center;
    display: block; }
    .listing-style3.flight figure span img {
      max-width: 60px;
      height: auto; }
.listing-style3.flight .box-title {
  float: left; }
.listing-style3.flight .stop:hover {
  background: #fdb714; }
.listing-style3.flight .amenities {
  margin-bottom: 10px;
  float: right; }
.listing-style3.flight .details {
  display: table-cell;
  padding-left: 15px;
  float: none; }
  .listing-style3.flight .details .details-wrapper {
    display: table;
    width: 100%; }
    .listing-style3.flight .details .details-wrapper > * {
      display: table-row; }
      .listing-style3.flight .details .details-wrapper > * > * {
        display: table-cell;
        padding: 15px 15px 0 15px; }
        .listing-style3.flight .details .details-wrapper > * > *:first-child {
          border-right: 1px solid #f5f5f5;
          padding-left: 0; }
        .listing-style3.flight .details .details-wrapper > * > *:last-child {
          text-align: center;
          padding-right: 0; }
      .listing-style3.flight .details .details-wrapper > *:first-child > * {
        border-bottom: 1px solid #f5f5f5;
        padding-top: 0; }
    .listing-style3.flight .details .details-wrapper .box-title {
      margin: 0 10px 15px 0; }
    .listing-style3.flight .details .details-wrapper [class^="soap-icon"].circle {
      margin-right: 5px; }
    .listing-style3.flight .details .details-wrapper [class^="col-"], .listing-style3.flight .details .details-wrapper [class*=" col-"] {
      padding: 0; }
    .listing-style3.flight .details .details-wrapper .time > div {
      border-right: 1px solid #f5f5f5;
      padding-left: 15px; }
      .listing-style3.flight .details .details-wrapper .time > div:last-child {
        border-right: none; }
      .listing-style3.flight .details .details-wrapper .time > div:first-child {
        padding-left: 0; }
      .listing-style3.flight .details .details-wrapper .time > div > div {
        padding-left: 25px; }
    .listing-style3.flight .details .details-wrapper .time .icon {
      float: left;
      padding: 0;
      font-size: 16px; }
    .listing-style3.flight .details .details-wrapper .time {
      letter-spacing: 0.04em; }
    .listing-style3.flight .details .details-wrapper .action {
      vertical-align: top; }
.listing-style3.car .box, .listing-style3.car.box {
  display: table;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  table-layout: fixed; }
.listing-style3.car figure {
  display: table-cell;
  vertical-align: middle;
  float: none;
  text-align: center;
  border-right: 1px solid #f5f5f5; }
  .listing-style3.car figure img {
    max-width: 80%;
    height: auto; }
.listing-style3.car .details {
  display: table-cell;
  float: none; }
  .listing-style3.car .details .box-title {
    float: left; }
  .listing-style3.car .details .logo {
    margin: 3px 0 0 8px;
    float: left;
    border-left: 1px solid #e1e1e1;
    padding-left: 8px; }
    .listing-style3.car .details .logo img {
      max-height: 20px;
      width: auto; }
  .listing-style3.car .details .amenities {
    margin-top: 20px; }
  .listing-style3.car .details .character {
    text-align: right;
    text-transform: uppercase;
    font-size: 0.8333em;
    border-right: 1px solid #f5f5f5; }
    .listing-style3.car .details .character dd {
      margin-bottom: 5px; }
    .listing-style3.car .details .character dl {
      margin-bottom: 0; }
  .listing-style3.car .details .action {
    text-align: center;
    text-transform: uppercase; }
    .listing-style3.car .details .action .button {
      margin-top: 30px; }
.listing-style3.cruise figure img {
  width: 100%;
  height: auto; }
.listing-style3.cruise .details {
  padding: 15px 20px;
  text-transform: uppercase; }
  .listing-style3.cruise .details img {
    max-width: 100%;
    height: auto; }
  .listing-style3.cruise .details .box-title {
    text-transform: none;
    margin-bottom: 10px; }
  .listing-style3.cruise .details .character {
    font-size: 0.8333em;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px;
    display: table;
    width: 100%;
    table-layout: fixed; }
    .listing-style3.cruise .details .character > div {
      display: table-cell;
      float: none;
      vertical-align: middle;
      margin: 0;
      padding-top: 12px;
      padding-bottom: 12px;
      border-left: 1px solid #f5f5f5; }
      .listing-style3.cruise .details .character > div:first-child {
        border: none;
        padding-left: 0; }
      .listing-style3.cruise .details .character > div:last-child {
        padding-right: 0; }
    .listing-style3.cruise .details .character [class^="soap-icon"] {
      font-size: 18px;
      float: left; }
    .listing-style3.cruise .details .character .cruise-logo {
      padding: 0;
      text-align: left; }
      .listing-style3.cruise .details .character .cruise-logo img {
        max-width: 90%;
        width: auto;
        height: auto; }
    .listing-style3.cruise .details .character .date > div, .listing-style3.cruise .details .character .departure > div {
      padding-left: 20px;
      line-height: 1.1667em; }
  .listing-style3.cruise .details .review {
    line-height: 1.6667em; }
    .listing-style3.cruise .details .review .five-stars-container {
      float: left;
      margin-right: 10px; }
    .listing-style3.cruise .details .review span {
      display: block;
      float: left; }

.tab-container .tab-pane > .listing-style3 .details {
  padding-right: 0; }

/* 2.16. Pricing Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.pricing-table {
  padding: 20px;
  background: #fff;
  /* colored */ }
  .pricing-table .header {
    border-bottom: 1px solid #f5f5f5; }
    .pricing-table .header > i {
      float: left;
      font-size: 16px;
      margin: 3px 8px 0 0; }
    .pricing-table .header .box-title {
      float: left;
      line-height: 1.3333em;
      margin-bottom: 20px; }
      .pricing-table .header .box-title small {
        text-transform: uppercase;
        display: block;
        font-size: 0.6em; }
  .pricing-table .description {
    margin: 15px 0; }
  .pricing-table .features {
    margin-bottom: 15px;
    text-transform: uppercase; }
    .pricing-table .features li {
      margin-top: 1px;
      background: #f5f5f5;
      font-size: 0.9167em;
      padding-left: 20px;
      line-height: 40px; }
  .pricing-table.green, .pricing-table.blue, .pricing-table.yellow, .pricing-table.red {
    color: #fff; }
    .pricing-table.green .box-title, .pricing-table.green .box-title small, .pricing-table.green .price, .pricing-table.green .price small, .pricing-table.blue .box-title, .pricing-table.blue .box-title small, .pricing-table.blue .price, .pricing-table.blue .price small, .pricing-table.yellow .box-title, .pricing-table.yellow .box-title small, .pricing-table.yellow .price, .pricing-table.yellow .price small, .pricing-table.red .box-title, .pricing-table.red .box-title small, .pricing-table.red .price, .pricing-table.red .price small {
      color: #fff; }
    .pricing-table.green .box-title small, .pricing-table.green .price small, .pricing-table.green .description, .pricing-table.blue .box-title small, .pricing-table.blue .price small, .pricing-table.blue .description, .pricing-table.yellow .box-title small, .pricing-table.yellow .price small, .pricing-table.yellow .description, .pricing-table.red .box-title small, .pricing-table.red .price small, .pricing-table.red .description {
      filter: alpha(opacity=60);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      -moz-opacity: 0.6;
      -khtml-opacity: 0.6;
      opacity: 0.6; }
  .pricing-table.green {
    background: #98ce44; }
    .pricing-table.green .header {
      border-bottom-color: #91c63d; }
    .pricing-table.green .features li {
      background: #91c63d; }
      .pricing-table.green .features li:before {
        background: #98ce44; }
  .pricing-table.yellow {
    background: #fdb714; }
    .pricing-table.yellow .header {
      border-bottom-color: #f5b010; }
    .pricing-table.yellow .features li {
      background: #f5b010; }
      .pricing-table.yellow .features li:before {
        background: #fdb714; }
  .pricing-table.blue {
    background: #01b7f2; }
    .pricing-table.blue .header {
      border-bottom-color: #04afe7; }
    .pricing-table.blue .features li {
      background: #04afe7; }
      .pricing-table.blue .features li:before {
        background: #01b7f2; }
  .pricing-table.red {
    background: #e01a33; }
    .pricing-table.red .header {
      border-bottom-color: #d51a32; }
    .pricing-table.red .features li {
      background: #d51a32; }
      .pricing-table.red .features li:before {
        background: #e01a33; }

/* 2.17. Post ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.border-box {
  border: 15px solid #f5f5f5; }

.post {
  position: relative; }
  .post figure img {
    width: 100%;
    height: auto; }
  .post .entry-date {
    background: #2d3e52;
    padding: 7px 15px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 10px; }
    .post .entry-date .date {
      margin: 0;
      font-size: 1.6667em;
      display: block;
      font-weight: normal; }
    .post .entry-date .month {
      margin: 0;
      font-size: 0.8333em;
      font-weight: normal; }

.fluid-width-video-wrapper {
  padding: 0;
  position: relative;
  width: 100%; }

.blog-infinite .post, .single .post {
  margin-bottom: 50px; }
  .blog-infinite .post .video-container, .single .post .video-container {
    position: relative;
    width: 100%; }
    .blog-infinite .post .video-container video, .single .post .video-container video {
      max-width: 100%;
      height: auto; }
    .blog-infinite .post .video-container iframe, .blog-infinite .post .video-container embed, .blog-infinite .post .video-container object, .single .post .video-container iframe, .single .post .video-container embed, .single .post .video-container object {
      max-width: 100%; }
  .blog-infinite .post .entry-title, .single .post .entry-title {
    margin-bottom: 25px; }
  .blog-infinite .post .excerpt-container, .single .post .excerpt-container {
    margin-bottom: 20px; }
    .blog-infinite .post .excerpt-container p, .single .post .excerpt-container p {
      line-height: 1.8333em; }
  .blog-infinite .post .details, .single .post .details {
    background: #fff;
    padding: 20px 20px 10px; }
  .blog-infinite .post.without-featured-item .entry-title, .blog-infinite .post.without-featured-item .excerpt-container, .single .post.without-featured-item .entry-title, .single .post.without-featured-item .excerpt-container {
    padding-left: 50px; }
.blog-infinite .post-content, .single .post-content {
  margin-bottom: 30px; }
  .blog-infinite .post-content > p, .single .post-content > p {
    line-height: 1.6666em; }
  .blog-infinite .post-content .border-box, .single .post-content .border-box {
    margin: 30px 0; }
    .blog-infinite .post-content .border-box blockquote, .single .post-content .border-box blockquote {
      margin-bottom: 0; }
.blog-infinite .post-meta, .single .post-meta {
  background: #f5f5f5;
  padding: 10px 10px 0;
  font-size: 1em; }
  .blog-infinite .post-meta .entry-author, .single .post-meta .entry-author {
    float: left;
    line-height: 28px;
    font-size: 0.83333em;
    margin-bottom: 10px; }
    .blog-infinite .post-meta .entry-author .icon, .single .post-meta .entry-author .icon {
      float: left;
      width: 28px;
      height: 28px;
      background: #fff;
      display: inline-block;
      font-size: 1.6666em;
      line-height: 28px;
      text-align: center;
      color: #d9d9d9;
      margin-right: 10px; }
    .blog-infinite .post-meta .entry-author a.author, .single .post-meta .entry-author a.author {
      color: #01b7f2; }
  .blog-infinite .post-meta .entry-action, .single .post-meta .entry-action {
    float: right; }
    .blog-infinite .post-meta .entry-action > *, .single .post-meta .entry-action > * {
      height: 28px;
      line-height: 28px;
      display: inline-block;
      padding: 0 10px;
      margin-left: 8px;
      margin-bottom: 10px;
      background: #fff;
      color: #9e9e9e;
      letter-spacing: 0.04em;
      font-size: 0.8333em;
      font-weight: normal; }
      .blog-infinite .post-meta .entry-action > * i, .single .post-meta .entry-action > * i {
        float: left;
        font-size: 2.6667em;
        margin-right: 10px;
        color: #d9d9d9; }
    .blog-infinite .post-meta .entry-action a.button:hover, .single .post-meta .entry-action a.button:hover {
      background: #01b7f2;
      color: #fff; }
      .blog-infinite .post-meta .entry-action a.button:hover i, .single .post-meta .entry-action a.button:hover i {
        color: #fff; }
  .blog-infinite .post-meta:after, .single .post-meta:after {
    display: table;
    content: "";
    clear: both; }

.single .details {
  margin-bottom: 30px; }
.single .single-navigation a.button {
  font-weight: normal; }
.single .single-navigation a.button span {
  vertical-align: middle; }
.single .single-navigation i {
  font-size: 1.25em;
  font-weight: normal;
  line-height: 0;
  vertical-align: middle; }
.single .single-navigation .prev i {
  margin-right: 20px; }
.single .single-navigation .next i {
  margin-left: 20px; }

.about-author .about-author-container {
  background: #fff;
  padding: 0 20px; }
.about-author .about-author-content {
  display: table;
  border-bottom: 1px solid #f5f5f5; }
.about-author .avatar {
  display: table-cell;
  padding: 20px 20px 20px 0;
  border-right: 1px solid #f5f5f5; }
.about-author .description {
  display: table-cell;
  padding: 20px;
  vertical-align: top; }
  .about-author .description p {
    line-height: 1.8333em; }
.about-author .about-author-meta {
  padding: 15px 0; }
.about-author .social-icons {
  float: right; }
.about-author .wrote-posts-count {
  line-height: 28px;
  font-size: 1.1667em; }
  .about-author .wrote-posts-count i {
    font-size: 1.8333em;
    color: #01b7f2;
    float: left;
    margin-right: 10px; }
  .about-author .wrote-posts-count span {
    vertical-align: middle; }

.single .avatar img, .travel-story-container .avatar img {
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  width: 96px;
  height: 96px; }

.single .suggestions .caption {
  margin-bottom: 0; }
.single .suggestions a.hover-effect:after {
  color: #fff;
  background: none;
  content: "\e8ba";
  font-family: "soap-icons";
  font-size: 1.6667em;
  text-align: center;
  line-height: 50px;
  border: 2px solid #fff;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px; }
.single .suggestions li {
  cursor: pointer; }
.single .suggestions li:hover a.hover-effect:after {
  visibility: visible;
  -webkit-transform: rotateY(0deg) scale(1, 1);
  -moz-transform: rotateY(0deg) scale(1, 1);
  -ms-transform: rotateY(0deg) scale(1, 1);
  -o-transform: rotateY(0deg) scale(1, 1);
  transform: rotateY(0deg) scale(1, 1);
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }
.single .suggestions li:hover a.hover-effect {
  background: #01b7f2; }
.single .suggestions li:hover img {
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); }
.single .suggestions li:hover .caption {
  color: #01b7f2; }



/* contact form */
.contact-form-container {
  padding: 30px 30px 20px; }
  .contact-form-container .contact-form label {
    text-transform: uppercase; }

/* 2.20. Gallery popup ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.opacity-overlay {
  outline: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 10000;
  display: none;
  -webkit-backface-visibility: hidden; }
  .opacity-overlay .container {
    height: 100%;
    position: relative;
    z-index: 10001; }
  .opacity-overlay .spinner {
    color: #fff;
    font-size: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px; }

.popup-wrapper {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 0 5px; }
  .popup-wrapper:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .popup-wrapper .popup-content {
    float: none;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    z-index: 10003;
    position: relative;
    display: inline-block;
    vertical-align: middle; }



/* 2.22. Animated effect ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.animated {
  visibility: hidden; }


/*.pace-running > div {
  visibility: hidden;
  &.pace { visibility: visible; }
}*/
/* 3. Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 3.1. Main Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {
  position: relative;
  z-index: 999;
  /* Logo */
  /* 3.1.1. Mobile navigation */
  /* 3.1.2. Header Styles */ }
  
  #header .main-header {
    height: auto;
    position: relative;
    width: 100%; }
 
  #header .mobile-menu-toggle {
    background: url(../images/icon/mobile-menu.png) no-repeat center center #01b7f2;
    padding: 0;
    margin: 0;
    height: 66px;
    width: 66px;
    padding: 22px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-indent: -9999px;
    display: none; }
    #header .mobile-menu-toggle .icon-bar {
      background: white; }
  



/*  3.1.3. Navigation */
.menu > li {
  position: relative; }



/* 3.1.5. Main Menu */
#main-menu ul.menu li:not(.megamenu-menu) ul, .chaser .menu li:not(.megamenu-menu) ul, .topnav .container > ul ul, .megamenu-wrapper {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in; }

#main-menu ul.menu, .chaser ul.menu {
  margin: 0;
  float: right;
  /* 1st level */
  /* 2nd level */
  /* 3rd level */
  /* 3.1.6. Mega Menu */ }
  #main-menu ul.menu li, .chaser ul.menu li {
    -webkit-backface-visibility: hidden;
    -webkit-transform: none !important; }
  #main-menu ul.menu > li, .chaser ul.menu > li {
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    #main-menu ul.menu > li:first-child, .chaser ul.menu > li:first-child {
      padding-left: 0; }
    #main-menu ul.menu > li:last-child, .chaser ul.menu > li:last-child {
      padding-right: 0; }
    #main-menu ul.menu > li:hover > ul, .chaser ul.menu > li:hover > ul {
      top: 66px;
      visibility: visible;
      height: auto !important;
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      z-index: 1000; }
    #main-menu ul.menu > li > a, .chaser ul.menu > li > a {
      font-weight: normal;
      display: block;
      padding: 0;
      height: 68px;
      line-height: 68px;
      text-transform: uppercase;
      letter-spacing: 0.04em; }
    #main-menu ul.menu > li.active > a, .chaser ul.menu > li.active > a {
      color: #126f02;
      font-weight: bold; }
    #main-menu ul.menu > li:hover > a, .chaser ul.menu > li:hover > a {
      color: #126f02; }
  #main-menu ul.menu > li > ul.left, .chaser ul.menu > li > ul.left {
    left: auto;
    right: -10px; }
  #main-menu ul.menu > li ul, .chaser ul.menu > li ul {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: -9999px;
    z-index: -1;
    width: 180px;
    padding: 0;
    background: #01b7f2; }
    #main-menu ul.menu > li ul li, .chaser ul.menu > li ul li {
      text-align: left;
      border-top: 1px solid #04afe7;
      position: relative; }
      #main-menu ul.menu > li ul li:first-child, .chaser ul.menu > li ul li:first-child {
        border-top: none; }
      #main-menu ul.menu > li ul li:hover > ul, .chaser ul.menu > li ul li:hover > ul {
        top: 0;
        display: block;
        visibility: visible;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        z-index: 1000; }
      #main-menu ul.menu > li ul li > a, .chaser ul.menu > li ul li > a {
        white-space: nowrap;
        color: #fff;
        padding: 12px 20px 12px 18px;
        display: block;
        font-size: 0.9167em;
        filter: alpha(opacity=70);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7; }
      #main-menu ul.menu > li ul li:hover > a, #main-menu ul.menu > li ul li.active > a, .chaser ul.menu > li ul li:hover > a, .chaser ul.menu > li ul li.active > a {
        background: #04afe7;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; }
  

/* 3.1.7. Mini Menu */
ul.menu.mini {
  min-width: 180px;
  border: 2px solid #01b7f2;
  background: #fff; }
  ul.menu.mini li {
    padding: 0 20px;
    float: none;
    margin: 0; }
    ul.menu.mini li a {
      border-bottom: 1px solid #f5f5f5;
      display: block;
      padding: 10px 0;
      color: inherit;
      line-height: normal;
      font-size: 0.9167em;
      text-align: left; }
    ul.menu.mini li:hover, ul.menu.mini li.active {
      background: #f5f5f5; }
      ul.menu.mini li:hover a, ul.menu.mini li.active a {
        color: #01b7f2;
        font-weight: bold; }



/* 3.1.8. Mobile Menu */
#header .mobile-menu {
  background: #01b7f2;
  text-align: left; }
  #header .mobile-menu a {
    color: #fff;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    display: block;
    padding: 15px 0;
    background: none !important; }
  #header .mobile-menu li.active > a, #header .mobile-menu li:hover > a {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
  #header .mobile-menu > ul.menu > li {
    float: none;
    padding-left: 15px;
    padding-right: 15px; }
    #header .mobile-menu > ul.menu > li > a {
      font-size: 16px;
      border-top: 1px solid #04afe7; }
    #header .mobile-menu > ul.menu > li > a {
      text-transform: uppercase;
      font-weight: bold; }
    #header .mobile-menu > ul.menu > li.menu-item-has-children {
      position: relative; }
      #header .mobile-menu > ul.menu > li.menu-item-has-children.open {
        background: #04afe7; }
      #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle {
        position: absolute;
        right: 1px;
        top: 7px;
        height: 34px;
        line-height: 34px;
        padding: 0 15px;
        background: none;
        display: inline-block;
        font-family: FontAwesome;
        font-size: 1.3333em;
        font-weight: normal;
        filter: alpha(opacity=70);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7; }
        #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle:after {
          content: "\f056"; }
        #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle.collapsed:after {
          content: "\f055"; }
      #header .mobile-menu > ul.menu > li.menu-item-has-children > a {
        border-top: 1px solid #04afe7; }
      #header .mobile-menu > ul.menu > li.menu-item-has-children.open > a {
        color: #fff;
        /*border-top-color: $skin-bg-color;*/
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; }
      #header .mobile-menu > ul.menu > li.menu-item-has-children.open > .dropdown-toggle {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; }
      #header .mobile-menu > ul.menu > li.menu-item-has-children:hover > a, #header .mobile-menu > ul.menu > li.menu-item-has-children:hover > .dropdown-toggle {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; }
      #header .mobile-menu > ul.menu > li.menu-item-has-children > ul {
        border-top: 1px solid #01b7f2; }
    #header .mobile-menu > ul.menu > li:first-child > a {
      border-top: none; }
    #header .mobile-menu > ul.menu > li:last-child > a {
      border-bottom: 1px solid #04afe7; }
  #header .mobile-menu > ul.menu > li > ul {
    /*background: $skin-mobile-menu-color;*/ }
    #header .mobile-menu > ul.menu > li > ul li > a {
      padding-left: 15px;
      font-size: 1.0833em;
      position: relative; }
      #header .mobile-menu > ul.menu > li > ul li > a:before {
        font-family: FontAwesome;
        content: "\f111";
        display: block;
        font-size: 4px;
        position: absolute;
        left: 0px; }
    #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a {
      padding-left: 0;
      color: #fff;
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      font-size: 1.1667em;
      font-weight: bold;
      text-transform: uppercase; }
      #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a:before {
        content: "";
        display: none; }
    #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > ul {
      border-bottom: 1px solid #01b7f2; }
    #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children:last-child > ul {
      border-bottom: none !important; }
  #header .mobile-menu > ul.menu > li li li.menu-item-has-children > a {
    padding-left: 10px; }
    #header .mobile-menu > ul.menu > li li li.menu-item-has-children > a:before {
      display: none; }
  

/* 3.1.9. Sticky Header */
.chaser {
  /*background: rgba(red($skin-bg-color), green($skin-bg-color), blue($skin-bg-color), 0.8); left: 0; padding: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999;*/
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  -webkit-backface-visibility: hidden; }
  .chaser ul.menu > li > a {
    line-height: 48px;
    height: 48px; }
  .chaser ul.menu > li:hover > ul, .chaser ul.menu > li:hover > .megamenu-wrapper {
    top: 46px !important; }
  .chaser .logo {
    margin-top: 14px;
    min-height: initial;
    padding: 0;
    height: auto;
    margin-bottom: 0; }
    .chaser .logo img {
      height: 50px; }
    .chaser .logo a {
      background-size: auto 30px; }

.no-rgba .chaser {
  background: #fff;
  filter: alpha(opacity=95);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95; }

.no-backgroundsize .chaser .logo a {
  background-size: auto 20px;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/skin1-logo.html', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/skin1-logo.png', sizingMethod='scale')"; }



/* 3.2. Slideshow ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#slideshow {
  position: relative;
  width: 100%;
  padding: 0;
  min-height: 100px; }

/* background slideshow */
.slideshow-bg {
  position: relative; }
  .slideshow-bg #slideshow {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0; }
  .slideshow-bg .flexslider {
    height: 100%;
    border: none;
    box-shadow: none; }
    .slideshow-bg .flexslider .slides, .slideshow-bg .flexslider .slides > li {
      height: 100%; }
    .slideshow-bg .flexslider .slidebg {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      -moz-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      -webkit-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out; }
  .slideshow-bg #main {
    position: relative;
    z-index: 2; }




/* 8. Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer .footer-wrapper {
  padding: 30px 0; background-color:#e1e1e1;}
  #footer .footer-wrapper > .container > .row > div {
    margin-top: 20px; }

#footer h2 {
  margin-bottom: 20px; font-size:18px; font-weight:800; text-transform:uppercase; border-bottom:1px solid #5d5d5d; padding-bottom:8px}

#footer .bottom {
  height: 60px; }
  #footer .bottom .copyright {
    font-size: 15px;
    margin: 15px 20px 0; }
	
	#footer .bottom .copyright a{
    color:#126f02; font-weight:800 }
  #footer .bottom #back-to-top {
    margin-top: 10px;
    display: block;
    font-size: 16px;
    color: #fff;}
    #footer .bottom #back-to-top i {
      background:#126f02;
      font-weight: bold;
      overflow: hidden; }
    #footer .bottom #back-to-top:hover > i:before {
      -webkit-animation: toTopFromBottom 0.3s forwards;
      -moz-animation: toTopFromBottom 0.3s forwards;
      animation: toTopFromBottom 0.3s forwards;
      display: inline-block; }

/* 9.2.2. Photo gallery page */
.gallery-filter a.button {
  min-width: 60px;
  padding: 0 10px;
  text-transform: uppercase;
  margin-right: 8px;
  font-size: 0.9167em;
  margin-bottom: 10px; }

.items-container {
  margin-bottom: 0; }
  .items-container .box:hover .hover-effect:after {
    visibility: visible;
    -webkit-transform: rotateY(0deg) scale(1, 1);
    -moz-transform: rotateY(0deg) scale(1, 1);
    -ms-transform: rotateY(0deg) scale(1, 1);
    -o-transform: rotateY(0deg) scale(1, 1);
    transform: rotateY(0deg) scale(1, 1);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
  .items-container .box:hover .hover-effect img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .items-container .box:hover .details {
    background: #01b7f2; }
    .items-container .box:hover .details .box-title {
      color: #fff; }
      .items-container .box:hover .details .box-title small {
        color: #fff;
        filter: alpha(opacity=50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5; }



/* 9.2.5. Contact us page */
.travelo-google-map {
  height: 255px; }
  .travelo-google-map.full-box {
    height: 400px; }

.contact-form label {
  font-size: 0.8333em;
  margin-bottom: 3px; }





@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, .more-popular-destinations .row {
    margin-right: -19px; } }

  

.back{background:url(../images/bg.jpg) no-repeat top center}
.back1{background-color:#fff; padding:30px}

.head{margin:0px; color:#126f02; padding-bottom:8px}

.text{ font-size:17px; text-align:justify; line-height:23px; color:#fff}
.ftext{ font-size:16px; text-align:justify; line-height:21px; color:#333}

.hd{color:#fff; font-size:36px}

.li1 {
	color: #fff;
	font-size: 16px;
	padding:0px 0px 5px 0;
}
.li1 A {
	color: #333;
	text-decoration: none;
}

.li1 A:Hover {
	color: #000;
	text-decoration: none;
}

.pad{padding:8px 20px 8px 0}

.bt_h_abp {
	position: absolute;
  z-index: 2;
  left: 110px;
    bottom: -15px;
	
}

.banner_muk {
	position: relative;
  z-index: 1;
}

.banner_txt {
	background: url(../images/black.png);
	padding: 10px 20px;
	font-size: 38px;
	font-family: 'Calibri', cursive;
	color:#FFF;
	font-weight:700
}

.page-title-container {
	height: 56px;
	background: #f1f1f1
}
.page-title-container .page-title .entry-title {
	line-height: 56px;
	color: #fff;
	margin: 0
}
.page-title-container .breadcrumbs {
	height: 100%
}
.page-title-container .breadcrumbs li {
	float: left;
	line-height: 56px;
	display: inline;
	margin-left: 5px;
	font-size: 15px;
	font-weight: 700
}
.page-title-container .breadcrumbs li a {
	padding-right: 5px;
	color: #000
}
.page-title-container .breadcrumbs li a:hover {
	color: #01b7f2
}
.page-title-container .breadcrumbs li:after {
	content: "/";
	color: #5a7ca3
}
.page-title-container .breadcrumbs li:last-child:after {
	content: ""
}
.page-title-container .breadcrumbs li.active {
	color: #fdb714
}

.page-title-container.style6 {
	background: #dbdbdb;
	height: 40px;
	line-height: 40px
}
.page-title-container.style6 .breadcrumbs {
	float: left
}
.page-title-container.style6 .breadcrumbs li {
	line-height: 40px
}
.page-title-container.style6 .breadcrumbs li a {
	color: #333
}
.page-title-container.style6 .breadcrumbs li:before {
	font-family: "soap-icons";
	content: '\e86f';
	font-weight: 700;
	display: inline-block;
	-webkit-border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	color: #000;
	border: 1px solid;
	line-height: 16px;
	text-align: center;
	height: 18px;
	width: 18px;
	margin-right: 8px
}
.page-title-container.style6 .breadcrumbs li:after {
	content: ""
}
.page-title-container.style6 .breadcrumbs li.active, .page-title-container.style6 .breadcrumbs li.active:before, .page-title-container.style6 .breadcrumbs li:hover:before, .page-title-container.style6 .breadcrumbs li:hover a {
	color: inherit
}