@charset "UTF-8";
/*=======================================================================
* Template Name: UPBIT
* Template URI: http://codepassenger.com/html/upbit
* Author: CodePassenger
* Author URI: http://codepassenger.com/
* Description: UP BIT - The Ultimate Sports & eCommerce Shop Template
* Version: 1.0
* License: GPL v2 or later
* License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
* Tags: html, template, bike racing, sports, shop, biking, marketing, upbit, codepassenger
======================================================================= */
/*------------------------------------------------------
Table of content
--------------------------------------------------------
General Styles
Typography Styles
Button Styles
Header Styles
Offcanvas Styls
Popup Styles

-----------------------------------------
Component
-----------------------------------------
Breadcrumbs Styles
Linkblock Styles
Accordion Styles
Progress Styles
Tab Styles
Widget Styles
Pricing Styles
Blog Styles
Call to Action Styles
Carousel Styles
Countdown Styles
Portfolio Styles
Service Styles
Team Styles
Testimonial Styles
Section Styles
Footer Styles
Shop Styles

----------------------------------------
Pages Styles
----------------------------------------
About 
Event Rules
Committee
Facility
Trail
Blog
Blog Single
FAQ
Sponsor
Profile
Result
Gallery
Contact
Account
Product
404
Commingsoon
---------------------------------------------------*/

.mb-10{
 margin-bottom: 10px; 
}
.mb-20{
 margin-bottom: 20px; 
}
.mb-30{
 margin-bottom: 30px; 
}

.committee-name{
  color: #FFFFFF;
}
.committee-info{
  color: #FFFFFF;
}
.videoWrapper{
  background-color: #e3f4fa !important;
}
.video-wrap{
  background-color: #e3f4fa !important;
}
/*
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/
/*----------------------------------------
General Style Styles
----------------------------------------*/
body {
  overflow-x: hidden;
  width: 100%;
}

.section-padding {
  padding: 40px 0;
}

.section-padding-big {
  padding: 120px 0;
}

.sub-section {
  padding-top: 30px;
}
.sub-section:not([class*=col-]) {
  float: left;
  width: 100%;
}

.bg-color-primary {
  background-color: #0093d2;
}

.bg-color-1 {
  background-color: #e3f4fa;
}

.bg-color-2 {
  background-color: #c9e6f5;
}

.bg-color-3 {
  background-color: #b4dff2;
}

.bg-image-overlay {
  background-color: rgba(201, 230, 245, 0.8);
}

.transparent-white-bg {
  background-color: rgba(255, 255, 255, 0.8);
}

.section-header,
.section-heading {
  margin-bottom: 50px;
}

.section-title {
  margin: 0;
}
.section-header.style-2 .section-title {
  position: relative;
  padding-bottom: 14px;
}
.section-header.style-2 .section-title:after {
  content: "";
  height: 5px;
  width: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  background-color: #0093d2;
  position: absolute;
}
.bg-image-overlay .section-header.style-2 .section-title:after {
  background-color: #000000;
}

.section-subtitle {
  margin-bottom: 0;
}
.section-title + .section-subtitle {
  margin-top: 25px;
}

.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sidebar {
  width: 100%;
  float: left;
}

/*----------------------------------------
Typgraphy Styles
----------------------------------------*/
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

body {
  font-size: 1.8rem;
  color: #000000;
  font-family: "Open Sans", sans-serif;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Ubuntu", sans-serif;
  color: #000000;
  font-weight: 700;
  margin: 20px 0;
  line-height: 1.2;
}
.bg-color-primary h1, .bg-color-primary
.h1, .bg-color-primary
h2, .bg-color-primary
.h2, .bg-color-primary
h3, .bg-color-primary
.h3, .bg-color-primary
h4, .bg-color-primary
.h4, .bg-color-primary
h5, .bg-color-primary
.h5, .bg-color-primary
h6, .bg-color-primary
.h6 {
  color: #ffffff;
}
h1 .normal,
.h1 .normal,
h2 .normal,
.h2 .normal,
h3 .normal,
.h3 .normal,
h4 .normal,
.h4 .normal,
h5 .normal,
.h5 .normal,
h6 .normal,
.h6 .normal {
  font-weight: 400;
}

h1,
.h1 {
  font-size: 6.4rem;
}

h2,
.h2 {
  font-size: 4.2rem;
}

h3,
.h3 {
  font-size: 3.4rem;
}

h4,
.h4 {
  font-size: 2.6rem;
}

h5,
.h5 {
  font-size: 2.2rem;
}

h6,
.h6 {
  font-size: 1.8rem;
}

p {
  line-height: 1.86;
  margin-bottom: 20px;
}
p.lead {
  font-size: 1.4rem;
  font-weight: 700;
}
img.full + p, img.pull-center + p {
  margin-top: 30px;
}

.highlighted.underline-highlight {
  text-decoration: underline;
  font-family: "Ubuntu", sans-serif;
  font-size: 2.2rem;
  font-weight: bold;
}

.highlighted.theme-highlight {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.2rem;
  color: #0093d2;
  font-weight: 700;
}

.highlighted.italic-highlight {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.2rem;
  font-style: italic;
}

.highlighted.inline-highlight {
  display: inline;
  line-height: inherit;
  background-color: #0093d2;
  color: #ffffff;
}

a,
a:focus,
a:visited {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0093d2;
  outline: none;
}

a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}
img.pull-left {
  margin-right: 35px;
}
img.pull-right {
  margin-left: 35px;
}
img.pull-center {
  display: block;
  margin: 0 auto;
  float: none;
}

ul,
ol {
  padding: 0 18px;
  margin-bottom: 20px;
  line-height: 1.86;
}
ul.default,
ol.default {
  padding: 0;
  list-style: none;
}
ul.iconic,
ol.iconic {
  list-style: none;
  padding: 0;
}
ul.iconic li:before,
ol.iconic li:before {
  content: "\f178";
  font-family: "FontAwesome";
  margin-right: 12px;
}

blockquote {
  font-size: 1.4rem;
  line-height: 1.5;
  position: relative;
  padding: 0;
  border: none;
  margin-bottom: 30px;
}
.bg-color-primary blockquote {
  color: #ffffff;
}
blockquote:before, blockquote:after {
  font-family: "FontAwesome";
  font-size: 2.4rem;
  line-height: 1px;
  vertical-align: baseline;
}
blockquote:before {
  content: "\f10d";
  margin-right: 10px;
}
blockquote:after {
  content: "\f10e";
  margin-left: 10px;
}
blockquote.style-2 {
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.8rem;
  font-style: italic;
}
blockquote.style-2:before, blockquote.style-2:after {
  content: none;
}
blockquote.style-2 .quote {
  display: inline;
}
blockquote.style-2 .quote:before {
  content: open-quote;
}
blockquote.style-2 .quote:after {
  content: close-quote;
}
blockquote.style-2 .qoute-by {
  display: inline;
  margin-left: 10px;
  font-weight: 700;
  font-style: normal;
}
blockquote.style-2 .qoute-by:before {
  content: "- ";
}
blockquote.style-3 {
  border-left: 4px solid #0093d2;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  padding: 0 0 0 15px;
  font-size: 1.8rem;
  font-style: italic;
}
blockquote.style-3:before, blockquote.style-3:after {
  content: none;
}
blockquote.style-3 .quote {
  display: inline;
}
blockquote.style-3 .quote-by {
  display: inline;
  margin-left: 10px;
  font-weight: 700;
  font-style: normal;
}
blockquote.style-3 .quote-by:before {
  content: "- ";
}

/*** Form Field ***/
form {
  position: relative;
}

input:not([type=radio]):not([type=checkbox]),
textarea,
select {
  width: 100%;
  border: 1px solid #0093d2;
  padding: 11px 20px;
  line-height: 1.86;
  margin-bottom: 20px;
}
input:not([type=radio]):not([type=checkbox]):focus,
textarea:focus,
select:focus {
  outline: none;
}

select,
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}
select + label,
input[type=radio] + label,
input[type=checkbox] + label {
  cursor: pointer;
}

textarea {
  resize: none;
}

.input-rule {
  display: block;
  position: relative;
}
.input-rule + .input-rule {
  margin-top: 6px;
}
.input-rule.inline-rule {
  display: inline-block;
  vertical-align: middle;
}
.complete-form .input-rule.inline-rule {
  margin-top: 15px;
  margin-bottom: 15px;
}
.complete-form .input-rule.inline-rule + .input-rule.inline-rule {
  margin-top: 15px;
  margin-bottom: 15px;
}
.input-rule.inline-rule + .input-rule.inline-rule {
  margin-top: 0;
  margin-left: 20px;
}
.input-rule input {
  opacity: 0;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.input-rule input[type=checkbox] {
  width: 12px;
  height: 12px;
}
.input-rule label {
  margin: 0;
  font-weight: 400;
  line-height: 100%;
}
.input-rule.select-rule:before {
  content: "\f078";
  font-family: "FontAwesome";
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -10px;
  color: #0093d2;
  z-index: -1;
}
.input-rule select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
}

.input-selector {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 5px;
  background-image: url(../images/typography/form-sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.radio-rule.selected .input-selector {
  background-position: -11px 0;
}
.check-rule.selected .input-selector {
  background-position: -35px 0;
}
.check-rule .input-selector {
  width: 12px;
  height: 12px;
  top: 4px;
  background-position: -22px 0;
}

.ui-widget {
  font-family: "Open Sans", sans-serif;
}

.ui-widget.ui-widget-content {
  border: 1px solid #0093d2;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-radius: 0;
}

.ui-widget-header {
  border: none;
  color: #000000;
  background-color: #c9e6f5;
  text-transform: uppercase;
}
.ui-widget-header a {
  color: #000000;
}
.ui-widget-header .ui-icon {
  background-image: none;
  text-indent: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
  top: 1px;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
  top: 1px;
}

.ui-icon-circle-triangle-w {
  position: relative;
  color: transparent;
}
.ui-icon-circle-triangle-w:before {
  content: "\e64a";
  font-family: 'themify';
  color: #000000;
}

.ui-icon-circle-triangle-e {
  position: relative;
  color: transparent;
}
.ui-icon-circle-triangle-e:before {
  content: "\e649";
  font-family: 'themify';
  color: #000000;
}

.ui-datepicker table {
  font-size: 1.2rem;
  margin: 0;
}

.ui-datepicker-calendar {
  font-size: 1.2rem;
}
.ui-datepicker-calendar th {
  background-color: #e3f4fa;
  color: #000000;
}
.ui-datepicker-calendar tbody {
  margin: 10px 0;
}
.ui-datepicker-calendar td {
  padding: 0;
}
.ui-datepicker-calendar td a {
  padding: 2px;
  text-align: center;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: none;
  background: transparent;
  font-weight: 700;
  color: #000000;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: none;
  background: #e3f4fa;
  font-weight: normal;
  color: #454545;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-color: #0093d2;
  color: #ffffff;
}

.payment-type {
  margin-bottom: 20px;
}

.cc-number,
.cc-expiry {
  max-width: 320px;
}

.cc-cvc {
  max-width: 70px;
}

.cc-number + .cc-cvc {
  margin-left: 20px;
}

.newsletter-rule {
  margin-bottom: 20px;
}

::-webkit-input-placeholder {
  color: #000000;
}

::-moz-placeholder {
  color: #000000;
}

:-ms-input-placeholder {
  color: #000000;
}

:-moz-placeholder {
  color: #000000;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.input-error,
.input-success,
.newsletter-error,
.newsletter-success {
  display: none;
}

.input-error,
.newsletter-error {
  background-color: #ff6384;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 5px 15px;
  color: #fff;
}
.call-to-action .input-error, .call-to-action
.newsletter-error {
  margin-top: 20px;
  margin-bottom: 0;
}

.input-success,
.newsletter-success {
  background-color: #4bc0c0;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 5px 15px;
  color: #fff;
}
.call-to-action .input-success, .call-to-action
.newsletter-success {
  margin-top: 20px;
  margin-bottom: 0;
}

/*** Table ***/
table {
  border-collapse: border;
}

tr {
  border: 1px solid #d7d7d7;
}
tr:nth-child(2n + 1) {
  background-color: #e3f4fa;
}
tr.th-holder {
  border: 1px solid #b4dff2;
}

th {
  background-color: #b4dff2;
}

td {
  vertical-align: middle;
}

/*----------------------------------------
Buttons Styles
----------------------------------------*/
.btn {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #000000;
  border: 1px solid #0093d2;
  border-radius: 0;
  line-height: 30px;
  padding: 0 30px;
  display: inline-block;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn:visited, .btn:focus, .btn:active .btn.active, .btn.active.focus, .btn.active:focus, .btn:active.focus, .btn:active:focus {
  outline: none;
  box-shadow: none;
}
.btn:hover, .btn.active {
  background-color: #0093d2;
  color: #ffffff;
}
.btn.active {
  box-shadow: none;
}
.button-group .btn + .btn {
  margin-left: 26px;
}
.btn.btn-solid {
  background-color: #0093d2;
  color: #ffffff;
}
.btn.btn-solid:hover {
  background-color: #027eb3;
}
.btn.btn-round {
  border-radius: 16px;
}
.btn.btn-xl {
  font-size: 1.6rem;
  line-height: 40px;
}
.btn.btn-xl.btn-round {
  border-radius: 21px;
}
.btn.btn-l {
  font-size: 1.5rem;
  line-height: 36px;
}
.btn.btn-l.btn-round {
  border-radius: 19px;
}
.btn.btn-s {
  font-size: 1.2rem;
  line-height: 24px;
}
.btn.btn-s.btn-round {
  border-radius: 13px;
}
.btn.btn-xs {
  font-size: 1.2rem;
  line-height: 20px;
  padding: 0 21px;
}
.btn.btn-xs.btn-round {
  border-radius: 11px;
}
.btn.btn-iconic {
  padding-left: 0;
  padding-right: 20px;
  background-color: #e3f4fa;
  border: none;
  line-height: 32px;
}
.btn.btn-iconic:hover {
  color: #000000;
  background-color: #c9e6f5;
}
.btn.btn-iconic i {
  line-height: inherit;
  width: 32px;
  text-align: center;
  margin-right: 20px;
  background-color: #c9e6f5;
}
.btn.btn-iconic.btn-xl {
  line-height: 42px;
}
.btn.btn-iconic.btn-xl i {
  width: 42px;
}
.btn.btn-iconic.btn-l {
  line-height: 38px;
}
.btn.btn-iconic.btn-l i {
  width: 38px;
}
.btn.btn-iconic.btn-s {
  line-height: 26px;
}
.btn.btn-iconic.btn-s i {
  width: 26px;
}
.btn.btn-iconic.btn-xs {
  line-height: 22px;
}
.btn.btn-iconic.btn-xs i {
  width: 22px;
}
.bg-color-primary .btn {
  border-color: #ffffff;
  color: #ffffff;
}
.bg-color-primary .btn.btn-solid {
  background-color: #ffffff;
  color: #000000;
}
.bg-color-primary .btn.btn-solid:focus, .bg-color-primary .btn.btn-solid:visited {
  background-color: #ffffff;
  color: #000000;
}
.bg-color-primary .btn.btn-solid:hover {
  color: #0093d2;
}
.bg-color-primary .btn:focus, .bg-color-primary .btn:visited {
  border-color: #ffffff;
  outline: none;
  color: #ffffff;
}
.bg-color-primary .btn:hover {
  background-color: #ffffff;
  color: #000000;
}

/*** Info Box ***/
.alert {
  line-height: 1.86;
  border: none;
  border-radius: 0;
  color: #ffffff;
  background-color: #999999;
  font-weight: 600;
  padding: 12px 30px;
  margin-bottom: 10px;
}
.alert.alert-danger {
  background-color: #ff6384;
}
.alert.alert-warning {
  background-color: #ffce56;
  color: #000000;
}
.alert.alert-info {
  background-color: #36a2eb;
}
.alert.alert-success {
  background-color: #7fba00;
  color: #000000;
}
.alert i {
  display: inline-block;
  width: 20px;
}

/*----------------------------------------
Header Styles
----------------------------------------*/
/*** Main header ***/
.navbar-top + .main-header {
  border-top: 1px solid #b7b7b7;
}

.navbar-header {
  z-index: 10;
  position: relative;
}

.header-logo {
  display: inline-block;
  float: none;
  height: 80px;
  line-height: 80px;
  margin: 35px auto;
}
.header-logo img {
  max-height: 80px;
  width: auto;
}

.header-block.right-block {
  text-align: right;
}
.header-block p {
  margin-bottom: 0;
  font-weight: 600;
}

/*** Navigation header ***/
#main-collapse-nav,
.collapse.navbar-collapse {
  position: relative;
}

.navbar-top {
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  min-height: 70px;
}
.navbar-top .navbar-header {
  width: 200px;
}
.navbar-top .navbar-header .secondary-nav-toggle {
  font-size: 1.8rem;
  line-height: 20px;
  background-color: transparent;
  border: none;
  color: #707070;
  padding: 25px 30px 25px 0;
}
.navbar-top .navbar-header .secondary-nav-toggle:focus {
  color: #707070;
  outline: none;
}
.navbar-top .navbar-header .secondary-nav-toggle:hover {
  color: #0093d2;
}
.navbar-top .navbar-center {
  width: calc(100% - 400px);
  text-align: center;
}
.navbar-top .navbar-center > li {
  float: none;
  display: inline-block;
}
.navbar-top .navbar-right > li > a {
  color: #000000;
  font-family: "Open Sans", sans-serif;
  padding: 25px 12px;
}
.navbar-top .navbar-right > li > a:focus, .navbar-top .navbar-right > li > a:visited {
  color: #000000;
}
.navbar-top .navbar-right > li > a:hover {
  color: #0093d2;
}
.navbar-top .navbar-right > li.active > a, .navbar-top .navbar-right > li.active > a:focus, .navbar-top .navbar-right > li.active > a:hover {
  background-color: transparent;
  color: #0093d2;
}
.navbar-top .navbar-right > li:last-child a {
  padding-right: 0;
}

.main-navigation > li {
  position: static;
}
.main-navigation > li > a {
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  padding: 25px 12px;
}
.navbar-default .main-navigation > li > a {
  color: #000000;
}
.main-navigation > li > a:focus, .main-navigation > li > a:visited {
  color: #000000;
}
.main-navigation > li > a:hover {
  color: #0093d2;
}
.navbar-default .main-navigation > li > a:hover {
  color: #0093d2;
}
.main-navigation > li > a:after {
  content: "\f107";
  font-family: "FontAwesome";
  margin-left: 3px;
}
.main-navigation > li > a:only-child:after {
  content: none;
}
.main-navigation > li.active > a, .main-navigation > li.active > a:focus, .main-navigation > li.active > a:hover {
  background-color: transparent;
  color: #0093d2;
}
.navbar-default .main-navigation > li.active > a, .navbar-default .main-navigation > li.active > a:focus, .navbar-default .main-navigation > li.active > a:hover {
  background-color: transparent;
  color: #0093d2;
}

.navbar-main {
  background-color: rgba(255, 255, 255, 0.22);
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  min-height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 990;
}
.navbar-main .header-logo {
  height: 56px;
  line-height: 56px;
  margin: 7px 0;
}
.navbar-main .header-logo img {
  max-height: 56px;
}
.navbar-main .secondary-nav-toggle {
  background-color: transparent;
  border: none;
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  padding: 25px 12px;
  line-height: 20px;
}
.navbar-main .secondary-nav-toggle:focus, .navbar-main .secondary-nav-toggle:visited {
  color: #000000;
  outline: none;
}
.navbar-main .secondary-nav-toggle:hover {
  color: #ffffff;
  outline: none;
}
.navbar-main .main-navigation > li > a:focus, .navbar-main .main-navigation > li > a:visited {
  color: #000000;
}
.navbar-main .main-navigation > li > a:hover {
  color: #ffffff;
}
.navbar-main .main-navigation > li.active > a, .navbar-main .main-navigation > li.active > a:focus, .navbar-main .main-navigation > li.active > a:hover {
  color: #ffffff;
}
.navbar-main .main-navigation .dropdown-menu {
  right: auto;
  left: inherit;
}
.navbar-main .main-navigation .dropdown-menu .dropdown-menu {
  left: calc(100% - 11px);
}
.navbar-main .main-navigation .dropdown-menu.mega-menu {
  left: 0;
}
.navbar-main .main-navigation .dropdown-menu.mega-menu.right-mega {
  left: auto;
  right: 0;
}
.navbar-main.style-2 .navbar-right {
  margin-right: -30px;
}
.navbar-main.style-2 .secondary-nav-toggle {
  padding: 0 0 0 15px;
}
.navbar-main.style-3 {
  background-color: #ffffff;
  position: relative;
}
.navbar-main.style-3 .secondary-nav-toggle {
  padding: 0 0 0 15px;
}
.navbar-main.style-3 .secondary-nav-toggle:focus, .navbar-main.style-3 .secondary-nav-toggle:visited {
  color: #000000;
}
.navbar-main.style-3 .secondary-nav-toggle:hover {
  color: #0093d2;
}
.navbar-main.style-3 .main-navigation > li > a:focus, .navbar-main.style-3 .main-navigation > li > a:visited {
  color: #000000;
}
.navbar-main.style-3 .main-navigation > li > a:hover {
  color: #0093d2;
}
.navbar-main.style-3 .main-navigation > li.active > a, .navbar-main.style-3 .main-navigation > li.active > a:focus, .navbar-main.style-3 .main-navigation > li.active > a:hover {
  color: #0093d2;
}
.navbar-main.style-3 .navbar-right {
  margin-right: -30px;
}
.navbar-main.style-4 {
  background-color: #ffffff;
  position: relative;
}
.navbar-main.style-4 .header-logo {
  margin: 18px 0;
}
.navbar-main.style-4 .secondary-nav-toggle {
  padding: 36px 0 36px 12px;
}
.navbar-main.style-4 .secondary-nav-toggle:focus, .navbar-main.style-4 .secondary-nav-toggle:visited {
  color: #000000;
}
.navbar-main.style-4 .secondary-nav-toggle:hover {
  color: #0093d2;
}
.navbar-main.style-4 .main-navigation > li > a {
  padding-top: 36px;
  padding-bottom: 36px;
}
.navbar-main.style-4 .main-navigation > li > a:focus, .navbar-main.style-4 .main-navigation > li > a:visited {
  color: #000000;
}
.navbar-main.style-4 .main-navigation > li > a:hover {
  color: #0093d2;
}
.navbar-main.style-4 .main-navigation > li.active > a, .navbar-main.style-4 .main-navigation > li.active > a:focus, .navbar-main.style-4 .main-navigation > li.active > a:hover {
  color: #0093d2;
}
.navbar-main.style-4 .navbar-right {
  margin-right: -30px;
}
.navbar-main.style-4 .navbar-right > li:last-child a {
  padding-right: 0;
}

.in > .fa-search:before {
  content: "\f00d";
  font-size: 1.7rem;
}

.dropdown-menu {
  display: block;
  min-width: 170px;
  white-space: nowrap;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13);
  border-radius: 0;
  border: none;
  top: calc(100% - 20px);
  left: inherit;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dropdown-menu .dropdown-menu {
  left: calc(100% - 11px);
}
.dropdown-menu > li > a {
  display: block;
  padding: 0 20px;
  clear: both;
  font-weight: 400;
  line-height: 2.5;
  color: #000000;
  white-space: nowrap;
}
.dropdown-menu > li > a:after {
  content: "\f105";
  font-family: "FontAwesome";
  float: right;
}
.dropdown-menu > li > a:only-child:after {
  content: none;
}
li:hover > .dropdown-menu {
  opacity: 1;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
  visibility: visible;
}

.mega-menu {
  left: 0;
  padding: 45px 30px;
  background-color: #e3f4fa;
}
.mega-menu.mega-right {
  right: 0;
  left: auto;
}

.menu-col {
  float: left;
  width: 100%;
  display: inline-block;
  padding: 0 15px;
}
.menu-col.col-4-1 {
  width: 25%;
}
.menu-col.col-4-2 {
  width: 50%;
}
.menu-col.col-4-3 {
  width: 75%;
}

.menu-post {
  float: left;
  width: 100%;
}
.menu-post .menu-thumb {
  width: 100%;
  display: block;
}
.menu-post .menu-thumb img {
  width: 100%;
}
.menu-post .menu-post-title {
  font-family: "Open Sans", sans-serif;
  color: #000000;
  font-size: 1.4rem;
  margin-top: 12px;
  margin-bottom: 0;
}
.menu-post .menu-post-title a {
  color: inherit;
}
.menu-post .menu-post-title a:hover {
  color: #0093d2;
}

.mega-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mega-items > li {
  display: block;
  width: 100%;
}
.mega-items > li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.mega-items > li > a {
  color: #000000;
  line-height: 2.86;
  padding: 0;
  font-weight: 600;
}
.mega-items > li > a:focus, .mega-items > li > a:visited {
  color: #000000;
  outline: none;
}
.mega-items > li > a:hover {
  color: #0093d2;
  text-decoration: none;
}

.search-toggle:after {
  content: none;
}

.nav-search-form {
  position: absolute;
  right: 0;
  background-color: #ffffff;
  display: none;
  top: 100%;
  width: 320px;
}

.top-bar {
  background-color: #e3f4fa;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  position: relative;
  z-index: 995;
}
.top-bar .top-left-blocks {
  float: left;
  width: 100%;
}
.top-bar .top-left-block {
  margin: 0;
  display: inline-block;
  color: #000000;
  line-height: 40px;
}
.top-bar .top-left-block + .top-left-block {
  margin-left: 25px;
}
.top-bar .top-right-blocks {
  text-align: right;
}
.top-bar .top-right-blocks .top-right-block {
  display: inline-block;
  line-height: 40px;
  color: #000000;
  position: relative;
  margin: 0;
}
.top-bar .top-right-blocks .top-right-block + .top-right-block {
  margin-left: 25px;
}
.top-bar .top-right-blocks a.top-right-block:hover {
  color: #0093d2;
  text-decoration: none;
}
.top-bar .language-selected {
  cursor: pointer;
}
.top-bar .language-selector {
  position: absolute;
  background-color: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13);
  display: none;
}
.top-bar .language-selector a {
  display: block;
  color: #000000;
  padding: 5px 20px;
  line-height: 100%;
  min-width: 100px;
  text-align: left;
}
.top-bar .language-selector a:hover, .top-bar .language-selector a.active {
  color: #0093d2;
  background-color: #f7f7f7;
  text-decoration: none;
}
.top-bar .search-toggle {
  color: #000000;
}
.top-bar .search-toggle:hover {
  color: #0093d2;
}
.top-bar .nav-search-form {
  min-width: 260px;
}
.top-bar .secondary-nav-toggle {
  background-color: transparent;
  border: none;
  padding: 0;
}
.top-bar .secondary-nav-toggle:focus {
  outline: none;
}
.top-bar .secondary-nav-toggle:hover {
  color: #0093d2;
}

.header-block-item {
  color: #000000;
  display: inline-block;
}
.header-block-item a {
  color: #000000;
}
.header-block-item a:focus, .header-block-item a:visited {
  color: #000000;
}
.header-block-item a:hover {
  color: #0093d2;
}
.header-block-item + .header-block-item {
  margin-left: 25px;
}

a.header-block-item {
  color: #000000;
}
a.header-block-item:focus, a.header-block-item:visited {
  color: #000000;
}
a.header-block-item:hover {
  color: #0093d2;
}

.style-2 .extra-nav-item, .style-3 .extra-nav-item, .style-2
.search-item, .style-3
.search-item {
  float: right;
  color: #000000;
  padding: 25px 12px;
  line-height: 20px;
  display: block;
  position: relative;
  z-index: 1;
}
.style-2 .extra-nav-item a, .style-3 .extra-nav-item a, .style-2
.search-item a, .style-3
.search-item a {
  color: #000000;
}
.style-2 .extra-nav-item a:hover, .style-3 .extra-nav-item a:hover, .style-2
.search-item a:hover, .style-3
.search-item a:hover {
  color: #0093d2;
}
.style-2 .extra-nav-item a:hover, .style-2
.search-item a:hover {
  color: #ffffff;
}

/*** Header Slider ***/
.header-slider-item {
  height: 520px;
  background-size: cover;
  background-position: center center;
}
.header-slider-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.33);
}
.header-slider.style-2 .header-slider-item {
  height: 768px;
}
.header-slider.style-2 .header-slider-item:before {
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #0093d2 0%, rgba(101, 204, 249, 0) 100%);
  background-image: linear-gradient(to right, #0093d2 0%, rgba(101, 204, 249, 0) 100%);
}
.header-slider.style-3 .header-slider-item {
  height: 675px;
}
.header-slider.style-3 .header-slider-item:before {
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #0093d2 0%, rgba(101, 204, 249, 0) 100%);
  background-image: linear-gradient(to right, #0093d2 0%, rgba(101, 204, 249, 0) 100%);
}
.header-slider.style-4 .header-slider-item {
  height: 675px;
}
.header-slider.style-4 .header-slider-item:before {
  background-color: rgba(119, 255, 252, 0.22);
}
.header-slider.style-shop .header-slider-item {
  height: 550px;
}
.header-slider.style-shop .header-slider-item:before {
  content: none;
}

.header-slider-item-1 {
  background-image: url(../images/slider/header-1.png);
}
.header-slider-item-1.shop-item {
  background-image: url(../images/slider/shop-1.png);
}
.header-slider-item-1.skating-item {
  background-image: url(../images/slider/skating-1.png);
}
.header-slider-item-1.ski-item {
  background-image: url(../images/slider/ski-1.png);
}
.header-slider-item-1.surfing-item {
  background-image: url(../images/slider/surfing-1.png);
}

.header-slider-item-2 {
  background-image: url(../images/slider/header-2.png);
}
.header-slider-item-2.shop-item {
  background-image: url(../images/slider/shop-2.png);
}
.header-slider-item-2.skating-item {
  background-image: url(../images/slider/skating-2.png);
}
.header-slider-item-2.ski-item {
  background-image: url(../images/slider/ski-2.png);
}
.header-slider-item-2.surfing-item {
  background-image: url(../images/slider/surfing-2.png);
}

.header-slider-item-3 {
  background-image: url(../images/slider/header-3.png);
}
.header-slider-item-3.shop-item {
  background-image: url(../images/slider/shop-3.png);
}
.header-slider-item-3.skating-item {
  background-image: url(../images/slider/skating-3.png);
}
.header-slider-item-3.ski-item {
  background-image: url(../images/slider/ski-3.png);
}
.header-slider-item-3.surfing-item {
  background-image: url(../images/slider/surfing-3.png);
}

.header-slider-caption {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header-slider.style-2 .header-slider-caption {
  margin-top: 35px;
}
.header-slider-caption h2,
.header-slider-caption h4 {
  color: #ffffff;
}
.header-slider-caption h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.header-slider-caption h4 {
  margin-top: 25px;
  margin-bottom: 0;
}
.header-slider-caption .layer-3 {
  margin-top: 65px;
}
.style-shop .header-slider-caption .layer-2 {
  margin-top: 25px;
}
.header-slider-caption .slide-layer {
  -webkit-transform: translateY(100px) scale(1.2);
          transform: translateY(100px) scale(1.2);
  opacity: 0;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.active .header-slider-caption .slide-layer {
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  opacity: 1;
}
.header-slider-caption .slide-layer.layer-1 {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
.header-slider-caption .slide-layer.layer-2 {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
.header-slider-caption .slide-layer.layer-3 {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}
.header-slider.style-shop .header-slider-caption h2,
.header-slider.style-shop .header-slider-caption h4 {
  color: #000000;
}

.header-slider.style-2 .btn,
.header-slider.style-3 .btn {
  border-color: #ffffff;
  color: #ffffff;
}
.header-slider.style-2 .btn.btn-solid,
.header-slider.style-3 .btn.btn-solid {
  background-color: #ffffff;
  color: #000000;
}

.header-slider .owl-prev,
.header-slider .owl-next {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.25);
  font-size: 4rem;
  line-height: 100%;
  width: 50px;
  padding: 20px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-slider .owl-prev:hover,
.header-slider .owl-next:hover {
  background-color: #000000;
}
.header-slider:hover .owl-prev,
.header-slider:hover .owl-next {
  visibility: visible;
  opacity: 1;
}

/*** Header Shortcode **/
.header-tow-wrap {
  padding: 120px 0;
  position: relative;
  background: url(../images/slider/header-2.png);
}
.header-tow-wrap .navbar-main {
  top: 0;
  position: absolute;
}

.header-four-wrap {
  border-top: 1px solid #b7b7b7;
  margin-top: 25px;
}

/*----------------------------------------
Off canvas style
----------------------------------------*/
.off-canvas-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 320px;
  background-image: url(../images/bg/off-canvas.png);
  background-size: cover;
  background-position: center center;
  z-index: 999;
  bottom: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.off-canvas-nav:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(201, 230, 245, 0.75);
  z-index: 1;
}
.off-canvas-nav.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.off-canvas-nav.right-canvas-nav {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.off-canvas-nav.right-canvas-nav.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.off-canvas-inner {
  position: relative;
  z-index: 2;
  height: 100%;
}
.off-canvas-inner .off-canvas-close-wrap {
  text-align: right;
  padding: 30px;
}
.right-canvas-nav .off-canvas-inner .off-canvas-close-wrap {
  text-align: left;
}
.off-canvas-inner .off-canvas-close-wrap button {
  border: none;
  background-color: transparent;
  color: #000000;
  padding: 0;
  line-height: 100%;
}
.off-canvas-inner .off-canvas-close-wrap button:focus {
  outline: none;
  color: #000000;
}
.off-canvas-inner .off-canvas-close-wrap button:hover {
  color: #0093d2;
}
.off-canvas-inner .search-form {
  position: relative;
  margin: 0 30px;
}
.off-canvas-inner .search-form [type=search] {
  border-color: #ffffff;
  background-color: transparent;
  margin: 0;
  line-height: 48px;
  padding: 0 20px;
}
.off-canvas-inner .search-form [type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.8rem;
  border: 1px solid transparent;
  width: 60px;
  line-height: 48px;
  padding: 0;
  text-align: center;
  background-color: transparent;
}
.off-canvas-inner .offcanvas-menu {
  margin-top: 40px;
  list-style: none;
  padding: 0;
  max-height: 420px;
  max-height: calc(100% - 280px);
  overflow: auto;
}
.off-canvas-inner .offcanvas-menu::-webkit-scrollbar {
  width: 5px;
}
.off-canvas-inner .offcanvas-menu::-webkit-scrollbar-track {
  direction: ltr;
  background-color: #b4dff2;
}
.off-canvas-inner .offcanvas-menu::-webkit-scrollbar-thumb {
  background: #0093d2;
  height: 62px;
  width: 5px;
  position: relative;
}
.off-canvas-inner .offcanvas-menu li {
  display: block;
  color: #000000;
  line-height: 40px;
  padding: 0 30px;
  font-weight: 600;
}
.off-canvas-inner .offcanvas-menu li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.off-canvas-inner .offcanvas-menu li a {
  color: inherit;
  line-height: inherit;
  display: inline-block;
}
.off-canvas-inner .offcanvas-menu li a:focus, .off-canvas-inner .offcanvas-menu li a:visited {
  outline: none;
  color: #000000;
  text-decoration: none;
}
.off-canvas-inner .offcanvas-menu li a:hover {
  color: #0093d2;
  text-decoration: none;
}
.off-canvas-inner .offcanvas-menu li .sub-toggle {
  float: right;
  display: inline-block;
  line-height: inherit;
  cursor: pointer;
  padding-left: 20px;
}
.off-canvas-inner .offcanvas-menu li .sub-toggle:before {
  content: "\f107";
  font-family: "FontAwesome";
}
.off-canvas-inner .offcanvas-menu li .canvas-menu-sub {
  padding: 0 0 0 15px;
  display: none;
}
.off-canvas-inner .offcanvas-menu li .canvas-menu-sub li {
  padding: 0;
}
.off-canvas-inner .offcanvas-social {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
}
.off-canvas-inner .offcanvas-social h5 {
  margin-top: 0;
  margin-bottom: 5px;
}
.off-canvas-inner .offcanvas-social .member-socials {
  text-align: left;
}

/*----------------------------------------
Popup Menu Styles
----------------------------------------*/
.popup-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 1000;
  padding: 75px 0;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13);
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}
.popup-nav.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.popup-nav .widget {
  border: none;
}
.popup-nav .widget.search-widget {
  border: 1px solid #b4dff2;
}
.popup-nav .widget + .widget {
  margin-top: 45px;
}
.popup-nav .widget .widget-title {
  margin: 0 0 15px;
  line-height: 100%;
  font-size: 2.2rem;
}
.popup-nav .widget .widget-title:before {
  content: none;
}
.popup-nav .widget .widget-inner {
  padding: 0;
}
.popup-nav .widget .our-social a {
  color: #000000;
}
.popup-nav .widget .our-social a + a {
  margin-left: 14px;
}
.popup-nav .widget .our-social a:hover {
  color: #0093d2;
}
.popup-nav .popup-menu {
  float: left;
  margin: 0 -15px;
  width: calc(100% + 30px);
  background-color: transparent;
}
.popup-nav .popup-menu .mega-items > li > a {
  font-family: #000000;
  font-weight: 700;
  line-height: 1.86;
}
.popup-nav .popup-menu .mega-items > li > a:before {
  content: none;
}
.popup-nav .popup-menu .mega-items > li + li {
  border-top: none;
}

#popup-close {
  position: absolute;
  top: 40px;
  left: 40px;
  color: #000000;
  font-size: 1.8rem;
  line-height: 100%;
  background-color: transparent;
  border: none;
}
#popup-close:focus {
  color: #000000;
  outline: none;
}
#popup-close:hover {
  color: #0093d2;
}
.popup-nav-right #popup-close {
  right: 40px;
  left: auto;
}

/*----------------------------------------
Breadcrumbs Styles
----------------------------------------*/
.page-header {
  border: none;
  margin: 0;
  padding: 5px 0;
  background-color: #b4dff2;
}
.page-header.style-6 {
  padding: 60px 0;
}
.page-header.style-7, .page-header.style-8, .page-header.style-9 {
  padding: 0;
}

.header-bg {
  position: relative;
  z-index: 1;
  padding: 30px 0;
}
.header-bg:before {
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.07;
  background-size: cover;
  background-position: center center;
  background-image: url(../images/page-heading/1.jpg);
}
.header-bg > * {
  z-index: 3;
  position: relative;
}

.header-title-wrap {
  padding: 60px 0;
}
.style-8 .header-title-wrap {
  padding: 57px 0;
}
.style-9 .header-title-wrap {
  padding: 40px 0 30px;
}

.page-title {
  position: relative;
}
.style-4 .page-title {
  padding: 24px 0 12px;
}
.style-4 .page-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  width: 40px;
  background-color: #000000;
}
.style-5 .page-title {
  padding-top: 30px;
  margin-bottom: 25px;
}
.style-8 .page-title, .style-9 .page-title {
  padding: 5px 0 0;
}
.style-8 .page-title:before, .style-9 .page-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 5px;
  background-color: #000000;
}

.page-subtitle {
  font-weight: 400;
}

.breadcrumb-wrapper {
  background-color: #e3f4fa;
  padding: 17px 0;
}
.style-9 .breadcrumb-wrapper {
  background-color: transparent;
  padding: 0 0 20px;
}

.breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom: 25px;
}
.style-4 .breadcrumb {
  padding-top: 10px;
  padding-bottom: 15px;
}
.style-5 .breadcrumb {
  padding-bottom: 25px;
}
.style-6 .breadcrumb {
  margin-bottom: 0;
  float: right;
}
.style-7 .breadcrumb, .style-8 .breadcrumb, .style-9 .breadcrumb {
  margin-bottom: 0;
}
.breadcrumb li {
  color: #000;
}
.breadcrumb li.active {
  color: #000;
}
.breadcrumb li a {
  color: inherit;
}
.breadcrumb li a:hover {
  color: #0093d2;
  text-decoration: none;
}
.breadcrumb li + li:before {
  color: #000;
  padding: 0 12px;
  content: "\f105";
  font-family: "FontAwesome";
}
.style-8 .breadcrumb li + li:before {
  font-family: 'themify';
  content: "\e628";
}

/*----------------------------------------
Call to actions Styles
----------------------------------------*/
.link-blocks {
  float: left;
  width: 100%;
  margin-bottom: -30px;
  padding: 0 20px;
}

.link-block {
  width: 270px;
  height: 270px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #0093d2;
  margin-bottom: 30px;
  position: relative;
  float: left;
  display: inline-block;
}
.link-block + .link-block {
  margin-left: 47px;
}
.link-block img {
  position: relative;
  opacity: 0.55;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.link-block h5 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffffff;
  z-index: 2;
  margin: 0;
  line-height: 1.55;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.link-block .link-go {
  position: absolute;
  font-size: 7rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  margin-left: -100px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  line-height: 100%;
}
.link-block:hover img {
  opacity: 0;
}
.link-block:hover h5 {
  opacity: 0;
  margin-left: 100px;
}
.link-block:hover .link-go {
  visibility: visible;
  opacity: 1;
  margin-left: 0;
}

/*----------------------------------------
Accordion Styles
----------------------------------------*/
.panel-group .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.panel-group .panel + .panel {
  margin-top: 10px;
}

.accordion-iconic .panel {
  float: left;
  width: 100%;
  position: relative;
}
.accordion-iconic .panel .panel-content {
  display: block;
  margin-left: 50px;
}

.panel-icon {
  display: none;
  width: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: #c9e6f5;
  text-align: center;
  padding: 16px;
  font-size: 1.8rem;
  line-height: 100%;
}
.accordion-iconic .panel-icon {
  display: inline-block;
}

.panel-default > .panel-heading,
.panel-default .panel-heading {
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
}

.panel-title {
  font-size: 1.8rem;
  color: #000000;
}
.panel-title a {
  display: block;
  background-color: #e3f4fa;
  padding: 16px 35px 16px 30px;
  line-height: 100%;
}
.panel-title a:hover, .panel-title a:focus, .panel-title a:visited {
  text-decoration: none;
  color: inherit;
}
.panel-title a:after {
  content: "\f067";
  font-family: "FontAwesome";
  font-size: 1.2rem;
  float: right;
  margin-right: -10px;
}
.accordion-iconic .panel-title a:after {
  content: "\f078";
}
.accordion-simple .panel-title a:after, .accordion-simple-round .panel-title a:after {
  float: left;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 15px;
}
.accordion-simple-round .panel-title a:after {
  border: 1px solid #0093d2;
  border-radius: 50%;
}
.panel-title a[aria-expanded=true] {
  background-color: #c9e6f5;
  color: inherit;
}
.panel-title a[aria-expanded=true]:after {
  content: "\f068";
}
.accordion-iconic .panel-title a[aria-expanded=true]:after {
  content: "\f077";
}
.accordion-colored .panel-title a {
  background-color: #0093d2;
  color: #ffffff;
}
.accordion-iconic .panel-title a {
  background-color: #e3f4fa;
  padding: 16px 30px 16px 20px;
}
.accordion-simple .panel-title a, .accordion-simple-round .panel-title a {
  background-color: transparent;
  padding: 6px 0;
  line-height: 30px;
}

.panel-body {
  padding: 30px 35px 20px 35px;
}
.accordion-iconic .panel-body {
  border-top: 1px solid #c9e6f5;
  background-color: #e3f4fa;
}
.accordion-simple .panel-body, .accordion-simple-round .panel-body {
  padding: 0 35px 0 45px;
}
.panel-body p:only-child {
  margin-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group
.panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.panel-group.accordion-iconic .panel-heading + .panel-collapse > .list-group, .panel-group.accordion-iconic
.panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #c9e6f5;
}

/*----------------------------------------
Progress Styles
----------------------------------------*/
.progress-head p {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

.progress-to {
  float: right;
}
.style-4 .progress-to {
  float: none;
}

.progress {
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: rgba(0, 147, 210, 0.15);
  box-shadow: none;
}
.progress .progress-bar {
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  background-color: #0093d2;
  box-shadow: none;
}
.red-item .progress {
  background-color: rgba(255, 99, 132, 0.15);
}
.red-item .progress .progress-bar {
  background-color: #ff6384;
}
.yellow-item .progress {
  background-color: rgba(255, 206, 86, 0.15);
}
.yellow-item .progress .progress-bar {
  background-color: #ffce56;
}
.green-item .progress {
  background-color: rgba(75, 192, 192, 0.15);
}
.green-item .progress .progress-bar {
  background-color: #4bc0c0;
}
.style-2 .progress {
  background-color: #e7e7e7;
  border-radius: 0;
  padding: 5px;
}
.style-3 .progress {
  height: 10px;
  border-radius: 0;
}
.style-4 .progress {
  height: 6px;
  border-radius: 0;
  overflow: visible;
}
.style-4 .progress .progress-bar {
  position: relative;
}
.progress .progress-point {
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  border: 5px solid #0093d2;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  border-radius: 50%;
}
.red-item .progress .progress-point {
  border-color: #ff6384;
}
.yellow-item .progress .progress-point {
  border-color: #ffce56;
}
.green-item .progress .progress-point {
  border-color: #4bc0c0;
}

/*----------------------------------------
Tab Styles
----------------------------------------*/
.nav-tabs {
  border-bottom: 1px solid #0093d2;
  padding: 0;
}
.default-tab .nav-tabs, .iconic-tab .nav-tabs {
  border: none;
  background-color: #e3f4fa;
}
.default-tab .nav-tabs > li, .iconic-tab .nav-tabs > li {
  margin: 0;
}
.iconic-tab .nav-tabs {
  display: table;
  width: 100%;
}
.iconic-tab .nav-tabs > li {
  display: table-cell;
  width: auto;
  float: none;
}
.iconic-tab .nav-tabs > li + li > a, .iconic-tab .nav-tabs > li + li.active > a {
  border-left: 1px solid #c9e6f5;
}
.nav-tabs > li > a {
  margin-right: 0;
  font-size: 1.8rem;
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  border-radius: 0;
  color: #000000;
  padding: 19px 48px;
}
.default-tab .nav-tabs > li > a, .iconic-tab .nav-tabs > li > a {
  border: none;
}
.iconic-tab .nav-tabs > li > a {
  padding: 19px 0;
  text-align: center;
}
.iconic-tab .nav-tabs > li > a .tab-icon {
  display: block;
  font-size: 3.5rem;
}
.iconic-tab .nav-tabs > li > a .tab-name {
  font-size: 2.2rem;
}
.nav-tabs > li > a:hover {
  background-color: transparent;
  border-color: #eeeeee #eeeeee transparent;
}
.nav-tabs > li > a:focus {
  background-color: transparent;
}
.nav-tabs > li.active > a {
  color: #000000;
  border-color: #0093d2;
  border-bottom-color: transparent;
}
.default-tab .nav-tabs > li.active > a, .iconic-tab .nav-tabs > li.active > a {
  background-color: #c9e6f5;
  border: none;
}
.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border-color: #0093d2;
  border-bottom-color: transparent;
  color: #000000;
}

.tab-content {
  padding-top: 30px;
}
.iconic-tab .tab-content {
  background-color: #c9e6f5;
  padding: 30px 35px;
}

.tab-pane {
  line-height: 1.86;
}
.tab-pane ul,
.tab-pane ol {
  margin-bottom: 0;
}

/*----------------------------------------
Widget Styles
----------------------------------------*/
.widget {
  float: left;
  width: 100%;
  border: 1px solid #b4dff2;
}
.widget + .widget {
  margin-top: 60px;
}
.widget .widget-title {
  position: relative;
  padding: 8px 0;
  margin: 40px 35px 15px;
}
.widget .widget-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 25px;
  background-color: #b4dff2;
}
.widget.twitter-widget .widget-title {
  margin-bottom: 30px;
}
.widget .widget-inner {
  padding: 0 35px 50px;
  float: left;
  width: 100%;
}
.widget .widget-inner p:last-child {
  margin-bottom: 0;
}
.widget .search-form [type=search] {
  margin-bottom: 0;
  padding: 0 80px 0 25px;
  line-height: 50px;
  background-color: transparent;
  border: none;
}
.widget .search-form [type=submit] {
  position: absolute;
  font-size: 1.8rem;
  border: none;
  background-color: transparent;
  right: 20px;
  top: 0;
  line-height: 50px;
  padding: 0 20px;
}
.widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.widget ul li {
  color: #000000;
  line-height: 1.86;
}
.widget ul li a {
  color: inherit;
}
.widget ul li a:hover {
  color: #0093d2;
  text-decoration: none;
}
.widget ul li a:before {
  content: "\f105";
  font-family: "FontAwesome";
  margin-right: 4px;
  display: inline-block;
}
.widget.post-widget ul li {
  line-height: 1.43;
}
.widget.post-widget ul li + li {
  margin-top: 5px;
}
.widget.post-widget ul li a {
  text-decoration: underline;
}
.widget.post-widget ul li a:before {
  text-decoration: none;
}
.widget .widget-post-thumb {
  float: left;
  width: 70px;
  display: inline-block;
  margin-right: 15px;
}
.widget .widget-post-thumb:before {
  content: none;
}
.widget .widget-post-body {
  width: calc(100% - 85px);
  float: left;
}
.widget .widget-post-date {
  font-size: 1.2rem;
  display: block;
  margin-top: 10px;
}
.widget .widget-tag {
  margin-left: -10px;
  margin-right: -10px;
  float: left;
}
.widget .widget-tag a {
  color: #000000;
  text-decoration: underline;
  margin-left: 10px;
  margin-right: 10px;
  float: left;
  font-family: "Ubuntu", sans-serif;
  line-height: 1.86;
}
.widget .widget-tag a:hover {
  color: #0093d2;
}
.widget .social-media {
  float: left;
  width: 100%;
}
.widget .social-media a {
  color: #000000;
  clear: both;
  float: left;
  font-family: "Ubuntu", sans-serif;
  line-height: 1.86;
}
.widget .social-media a:hover {
  color: #0093d2;
  text-decoration: none;
}
.widget .instagram-photo {
  margin: -5px;
  float: left;
}
.widget .instagram-photo a {
  max-width: 70px;
  margin: 5px;
  float: left;
  display: block;
}
.widget .instagram-profile-link {
  color: #000000;
  line-height: 1.86;
}
.widget .instagram-profile-link:hover {
  color: #0093d2;
}
.widget .twitter-feeds {
  float: left;
  width: 100%;
  margin-bottom: -35px;
}
.widget .twitter-feed {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}
.widget .twitter-feed .twitter-post-header {
  margin-bottom: 10px;
}
.widget .twitter-feed .twitter-profile-link {
  color: #000000;
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.widget .twitter-feed p {
  margin-bottom: 0;
}
.widget .login-form input,
.widget .subscribe-form input {
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "Ubuntu", sans-serif;
  border: none;
  background-color: #e3f4fa;
  line-height: 2.8rem;
  padding: 0 10px;
  margin-bottom: 10px;
}
.widget .login-form [type=submit],
.widget .subscribe-form [type=submit] {
  margin: 25px 0;
  border-color: #b4dff2;
}
.widget .login-form [type=submit]:hover,
.widget .subscribe-form [type=submit]:hover {
  border-color: #0093d2;
}
.widget .login-form label,
.widget .subscribe-form label {
  font-family: "Ubuntu", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}
.widget .login-form label a,
.widget .subscribe-form label a {
  text-decoration: underline;
  color: inherit;
}
.widget .login-form label a:hover,
.widget .subscribe-form label a:hover {
  color: #0093d2;
}
.widget .subscribe-form [type=submit] {
  position: absolute;
  margin: 0;
  border: none;
  background-color: transparent;
  top: 0;
  right: 0;
  line-height: 2.8rem;
  padding: 0 20px;
}
.widget .widget-about {
  text-align: center;
}
.widget .widget-about .about-thumb {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 10px;
}
.widget .widget-about .my-name {
  margin-top: 0;
}
.widget .widget-about .about-body p {
  margin-bottom: 0;
}
.widget .widget-about .about-footer {
  margin-top: 30px;
}
.widget .widget-about .signature {
  margin-bottom: 35px;
}
.widget .widget-about .my-social a {
  color: #000000;
}
.widget .widget-about .my-social a + a {
  margin-left: 15px;
}
.widget .widget-about .my-social a:hover {
  color: #0093d2;
}
.widget.subscribe-widget label {
  font-size: 1.4rem;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
}
.widget .about-img {
  margin-bottom: 30px;
}
.widget.style-2 {
  background-color: #b4dff2;
}
.widget.style-2 ul li a:before {
  content: none;
}
.widget.style-2 .login-form input {
  background-color: #ffffff;
}
.widget.style-2 .login-form [type=submit] {
  background-color: #ffffff;
  border-color: #ffffff;
}
.widget.style-2 .login-form [type=submit]:hover {
  border-color: #0093d2;
  background-color: #0093d2;
}
.widget.style-3 {
  border: none;
}
.widget.style-3 .widget-title {
  margin: 0 0 35px;
  padding-top: 0;
  padding-bottom: 15px;
}
.widget.style-3 .widget-title:before {
  width: 50px;
  height: 5px;
}
.widget.style-3 .widget-title:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #b4dff2;
  left: 0;
  bottom: 2px;
}
.widget.style-3 .widget-inner {
  padding: 0;
}
.widget.style-3 .search-form [type=search] {
  border: 1px solid #b4dff2;
  line-height: 48px;
}
.widget.style-3 .search-form [type=submit] {
  line-height: 48px;
}
.widget.style-3.post-widget ul {
  float: left;
  width: 100%;
}
.widget.style-3.post-widget ul li {
  float: left;
  width: 100%;
}
.widget.style-3.post-widget ul li + li {
  margin-top: 35px;
}
.widget.style-3.post-widget ul li a {
  text-decoration: none;
}
.widget.style-3.post-widget ul li a:before {
  content: none;
}
.widget.style-3 .widget-tag {
  margin-left: 0;
  margin-right: -5px;
  float: left;
}
.widget.style-3 .widget-tag a {
  text-decoration: none;
  border: 1px solid #b4dff2;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  line-height: 1.5;
  padding: 0 10px;
}
.widget.style-3 .social-media {
  float: left;
  width: inherit;
  margin-right: -5px;
  margin-bottom: -5px;
}
.widget.style-3 .social-media a {
  color: #ffffff;
  background-color: #000000;
  clear: none;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 1.7rem;
}
.widget.style-3 .social-media a.social-facebook {
  background-color: #3b5998;
}
.widget.style-3 .social-media a.social-twitter {
  background-color: #1da1f2;
}
.widget.style-3 .social-media a.social-youtube {
  background-color: #cd201f;
}
.widget.style-3 .social-media a.social-instagram {
  background-color: #833ab4;
}
.widget.style-3 .social-media a.social-pinterest {
  background-color: #bd081c;
}
.widget.style-3 .social-media a.social-linkedin {
  background-color: #0077b5;
}
.widget.style-3 .social-media a:hover {
  color: #0093d2;
  background-color: #000000;
}
.widget.style-3 .instagram-photo {
  margin: 0 -5px -5px 0;
  float: left;
}
.widget.style-3 .instagram-photo a {
  max-width: 68px;
  margin: 0 5px 5px 0;
  float: left;
  display: block;
}
.widget.style-3 .widget-about {
  text-align: left;
}

/*----------------------------------------
Pricing Styles
----------------------------------------*/
.pricing {
  float: left;
  width: 100%;
  margin-bottom: -30px;
}

.pricing-item {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #0093d2;
  text-align: center;
}
.pricing-item .price-header {
  background-color: #0093d2;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.pricing-item .price-header .price {
  margin: 0;
  color: #ffffff;
  padding: 16px 20px;
}
.pricing-item .price-title {
  padding: 50px 20px;
  margin: 0;
}
.pricing-item .price-description {
  padding: 0 20px 46px;
  margin: 0;
}
.pricing-item .price-features li.not-available {
  text-decoration: line-through;
}
.pricing-item .register-btn {
  margin-bottom: 54px;
}
.pricing-item.style-2 {
  border-color: #b4dff2;
}
.pricing-item.style-2 .price-header {
  background-color: transparent;
  border-top: 10px solid #b4dff2;
  border-bottom: 1px solid #b4dff2;
}
.pricing-item.style-2 .price-header .price-title {
  padding: 20px 20px 30px;
}
.pricing-item.style-2 .price {
  font-size: 4.2rem;
  margin: 0;
  padding: 45px 20px;
}
.pricing-item.style-2 .price .currency, .pricing-item.style-2 .price .price-duration {
  font-weight: 400;
  font-size: 2.2rem;
  vertical-align: baseline;
}
.pricing-item.style-2 .price-features {
  list-style: none;
  line-height: 1.86;
  margin: 0 0 50px;
}
.pricing-item.style-2:hover .price-header, .pricing-item.style-2.active .price-header {
  border-top-color: #0093d2;
  background-color: transparent;
}
.pricing-item.style-2:hover .price-title, .pricing-item.style-2.active .price-title {
  color: #000000;
}
.pricing-item.style-2:hover .price, .pricing-item.style-2.active .price {
  background-color: transparent;
  color: #000000;
}
.pricing-item.style-3 {
  border-color: #b4dff2;
  margin-top: 60px;
}
.pricing-item.style-3 .price-header {
  position: relative;
  background-color: #b4dff2;
}
.pricing-item.style-3 .price-header .price-icon {
  width: 90px;
  height: 90px;
  background-color: #b4dff2;
  font-size: 3.4rem;
  text-align: center;
  line-height: 90px;
  border-radius: 50%;
  box-shadow: 0 0 0 15px #e3f4fa;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.pricing-item.style-3 .price-header .price-icon + .price-title {
  padding-top: 95px;
}
.pricing-item.style-3 .price-header .price-title {
  text-transform: uppercase;
  font-size: 2.6rem;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.pricing-item.style-3 .price-features {
  list-style: none;
  line-height: 1.86;
  margin: 50px 0;
}
.pricing-item.style-3 .register-btn {
  position: relative;
}
.pricing-item.style-3 .register-btn span {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.pricing-item.style-3 .register-btn:hover {
  color: transparent;
}
.pricing-item.style-3 .register-btn:hover span {
  opacity: 1;
  color: #ffffff;
}
.pricing-item.style-3:hover .price-header, .pricing-item.style-3.active .price-header {
  background-color: #0093d2;
}
.pricing-item.style-3:hover .price-header .price-icon, .pricing-item.style-3.active .price-header .price-icon {
  background-color: #0093d2;
}
.pricing-item.style-3:hover .price-header .price-title, .pricing-item.style-3.active .price-header .price-title {
  color: #ffffff;
}
.pricing-item.style-4, .pricing-item.style-5 {
  border-color: #b4dff2;
}
.pricing-item.style-4 .price-header, .pricing-item.style-5 .price-header {
  background-color: #b4dff2;
}
.pricing-item.style-4 .price, .pricing-item.style-5 .price {
  font-size: 4.2rem;
  margin: 0;
  padding: 0px 20px 30px;
  color: #000000;
}
.pricing-item.style-4 .price .currency, .pricing-item.style-4 .price .price-duration, .pricing-item.style-5 .price .currency, .pricing-item.style-5 .price .price-duration {
  font-weight: 400;
  font-size: 2.2rem;
  vertical-align: baseline;
}
.pricing-item.style-4 .price-title, .pricing-item.style-5 .price-title {
  padding: 30px 20px 10px;
}
.pricing-item.style-4 .price-features, .pricing-item.style-5 .price-features {
  list-style: none;
  line-height: 1.86;
  margin: 50px 0;
}
.pricing-item.style-4:hover .price-header, .pricing-item.style-4.active .price-header, .pricing-item.style-5:hover .price-header, .pricing-item.style-5.active .price-header {
  background-color: #0093d2;
}
.pricing-item.style-4:hover .price, .pricing-item.style-4:hover .price-title, .pricing-item.style-4.active .price, .pricing-item.style-4.active .price-title, .pricing-item.style-5:hover .price, .pricing-item.style-5:hover .price-title, .pricing-item.style-5.active .price, .pricing-item.style-5.active .price-title {
  color: #ffffff;
  background-color: transparent;
}
.pricing-item.style-5 .price-features {
  text-align: left;
  width: 200px;
  float: none;
  margin: 50px auto;
}
.pricing-item.style-5 .price-features li {
  position: relative;
  vertical-align: middle;
}
.pricing-item.style-5 .price-features li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  color: #7fba00;
}
.pricing-item.style-5 .price-features li.not-available:before {
  content: "\f00d";
  color: #ff6384;
}
.pricing-item.style-6, .pricing-item.style-7 {
  border-color: #c9e6f5;
}
.pricing-item.style-6 .price-header, .pricing-item.style-7 .price-header {
  background-color: #c9e6f5;
}
.pricing-item.style-6 .price-title, .pricing-item.style-7 .price-title {
  padding: 30px 20px;
}
.pricing-item.style-6 .price, .pricing-item.style-7 .price {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #c9e6f5;
  margin: 35px auto;
  line-height: 100px;
  font-size: 4.2rem;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.pricing-item.style-6 .price .currency, .pricing-item.style-7 .price .currency {
  font-weight: 400;
  font-size: 2.2rem;
  vertical-align: baseline;
}
.pricing-item.style-6 .price-features, .pricing-item.style-7 .price-features {
  margin: 50px 0;
  list-style: none;
  line-height: 1.86;
}
.pricing-item.style-6:hover .price-header, .pricing-item.style-6.active .price-header, .pricing-item.style-7:hover .price-header, .pricing-item.style-7.active .price-header {
  background-color: #0093d2;
}
.pricing-item.style-6:hover .price-header .price-title, .pricing-item.style-6.active .price-header .price-title, .pricing-item.style-7:hover .price-header .price-title, .pricing-item.style-7.active .price-header .price-title {
  color: #ffffff;
}
.pricing-item.style-6:hover .price, .pricing-item.style-6.active .price, .pricing-item.style-7:hover .price, .pricing-item.style-7.active .price {
  border-color: #0093d2;
  background-color: #0093d2;
  color: #ffffff;
}
.pricing-item.style-7 {
  width: 33.333333%;
  background-color: #e3f4fa;
  border-color: #e3f4fa;
  position: relative;
  margin-top: 20px;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.pricing-item.style-7 .price {
  background-color: #ffffff;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.pricing-item.style-7 .register-btn {
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  margin-bottom: 38px;
}
.pricing-item.style-7 .register-btn:hover {
  color: #000000;
}
.pricing-item.style-7:before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 53px;
  left: 0;
  right: 0;
  background-color: #c9e6f5;
  z-index: 1;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.pricing-item.style-7:hover, .pricing-item.style-7.active {
  background-color: #ffffff;
}
.pricing-item.style-7:hover .price, .pricing-item.style-7.active .price {
  background-color: #ffffff;
  color: #000000;
}
.pricing-item.style-7:hover:before, .pricing-item.style-7.active:before {
  background-color: #0093d2;
}
.pricing-item.style-7.active {
  border: none;
  top: -20px;
  margin-top: 0;
}
.pricing-item.style-7.active .price-title {
  padding: 50px 20px;
}
.pricing-item.style-7.active:before {
  height: 93px;
}
.pricing-item.style-7.active .register-btn {
  margin-bottom: 77px;
}

.pricing-table {
  margin-bottom: 30px;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.pricing-table .pricing-title {
  margin-top: 25px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.pricing-table .price {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
}
.pricing-table .price .price-duration {
  font-weight: 400;
}
.pricing-table .pricing-row {
  display: table-row;
}
.pricing-table .pricing-row .pricing-column {
  display: table-cell;
  border: 1px solid #e3f4fa;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
}
.pricing-table .pricing-row .pricing-column .tag {
  position: absolute;
  background-color: #000000;
  color: #ffffff;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left;
          transform-origin: left;
  left: 5px;
  top: 57px;
  padding: 0 5px;
  height: 15px;
  line-height: 15px;
  text-transform: uppercase;
}
.pricing-table .pricing-row .pricing-column .tag:before, .pricing-table .pricing-row .pricing-column .tag:after {
  content: "";
  position: absolute;
  top: 0;
  height: 15px;
  width: 200px;
  background-color: #000000;
}
.pricing-table .pricing-row .pricing-column .tag:before {
  right: 100%;
}
.pricing-table .pricing-row .pricing-column .tag:after {
  left: 100%;
}
.pricing-table .pricing-row .pricing-column .tag.recommended {
  background-color: #0093d2;
}
.pricing-table .pricing-row .pricing-column .tag.recommended:before, .pricing-table .pricing-row .pricing-column .tag.recommended:after {
  background-color: #0093d2;
}
.style-9 .pricing-table .pricing-row .pricing-column .tag {
  -webkit-transform: none;
          transform: none;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.pricing-table .pricing-row .pricing-column.feature-name {
  text-align: left;
  padding: 0 40px;
}
.pricing-table .pricing-row .pricing-column.feature-value i {
  font-size: 10px;
  color: #7fba00;
}
.pricing-table .pricing-row .pricing-column.feature-value i.fa-close {
  color: #ff6384;
}
.pricing-table .pricing-row.pricing-header .pricing-column:nth-child(2n) {
  background-color: #c9e6f5;
}
.pricing-table .pricing-row.pricing-header .pricing-column:nth-child(2n + 1) {
  background-color: #e3f4fa;
}
.pricing-table .pricing-row.pricing-header .feature-name {
  border-left-color: transparent;
  border-top-color: transparent;
  background-color: transparent !important;
}
.style-9 .pricing-table .pricing-row.pricing-header .feature-name {
  border-color: #0093d2;
  background-color: #0093d2 !important;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
}
.pricing-table .pricing-row.pricing-footer .pricing-column:nth-child(2n) {
  background-color: #c9e6f5;
}
.pricing-table .pricing-row.pricing-footer .pricing-column:nth-child(2n + 1) {
  background-color: #e3f4fa;
}
.pricing-table .pricing-row.pricing-footer .feature-name {
  border-bottom-color: transparent;
  border-left-color: transparent;
  background-color: transparent !important;
}
.style-9 .pricing-table .pricing-row.pricing-footer .feature-name {
  border-color: #0093d2;
  background-color: #0093d2 !important;
}
.pricing-table .pricing-row.pricing-footer .register-btn {
  color: #000000;
  font-size: 1.4rem;
  font-weight: 600;
}

/*----------------------------------------
Blog Styles
----------------------------------------*/
.blog-posts {
  margin-bottom: -30px;
  float: left;
  width: 100%;
}
.blog-posts.vertical-list {
  max-height: 390px;
  margin-bottom: 0;
  overflow-x: auto;
  overflow-y: overlay;
  direction: rtl;
  text-align: left;
}
.blog-posts.vertical-list::-webkit-scrollbar {
  width: 5px;
}
.blog-posts.vertical-list::-webkit-scrollbar-track {
  direction: ltr;
  background-color: #b4dff2;
}
.blog-posts.vertical-list::-webkit-scrollbar-thumb {
  background: #0093d2;
  height: 62px;
  width: 5px;
  position: relative;
}
.blog-posts .extra-posts {
  width: calc(100% - 400px);
  float: left;
}

.blog-post {
  background-color: #e3f4fa;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.blog-post .post-thumb {
  display: block;
}
.blog-post .post-metas {
  margin: 27px 35px 0;
}
.blog-post .post-metas a {
  color: #000000;
}
.blog-post .post-metas a:hover {
  color: #0093d2;
}
.blog-post .post-meta {
  display: inline-block;
  vertical-align: middle;
}
.blog-post .post-meta + .post-meta {
  margin-left: 35px;
}
.blog-post .post-title {
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
  color: #000000;
  margin: 5px 35px 25px;
}
.blog-post .post-title a {
  color: inherit;
}
.blog-post .post-title a:hover {
  color: #0093d2;
  text-decoration: none;
}
.blog-post .post-content {
  margin: 0 35px 25px;
}
.blog-post .post-content p {
  margin: 0;
}
.blog-post .readpost {
  color: #0093d2;
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  margin: 0 35px 35px;
  display: inline-block;
}
.blog-post .btn {
  margin: 0 35px 35px;
}
.blog-post.style-2, .blog-post.style-3, .blog-post.style-4 {
  background-color: #ffffff;
  box-shadow: 0px 37px 49px 0px rgba(0, 0, 0, 0.15);
}
.blog-post.style-3 .post-title, .blog-post.style-4 .post-title {
  margin-top: 30px;
}
.blog-post.style-4 .post-title {
  line-height: 2.6rem;
  letter-spacing: -0.2px;
  margin-bottom: 10px;
}
.blog-post.style-4 .post-metas {
  margin: 0 35px 30px;
}
.blog-post.style-5 {
  position: relative;
}
.blog-post.style-5 .post-thumb {
  position: relative;
  z-index: 1;
}
.blog-post.style-5:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #0093d2;
  opacity: 0.66;
  z-index: 2;
}
.blog-post.style-5 .post-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  color: #ffffff;
}
.blog-post.style-5 .post-title {
  color: #ffffff;
  position: relative;
  padding: 12px 0;
  margin-bottom: 15px;
}
.blog-post.style-5 .post-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 25px;
  background-color: #ffffff;
}
.blog-post.style-6.featured-post {
  width: 370px;
  float: left;
  margin-right: 30px;
  background-color: transparent;
}
.blog-post.style-6.featured-post .post-title {
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 28px 0 0;
}
.extra-posts .blog-post.style-6 {
  margin-bottom: 36px;
  background-color: transparent;
}
.extra-posts .blog-post.style-6 .post-thumb {
  width: 70px;
  float: left;
  margin-right: 15px;
}
.extra-posts .blog-post.style-6 .post-thumb + .post-body {
  width: calc(100% - 85px);
  float: left;
}
.extra-posts .blog-post.style-6 .post-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  margin: 0;
  line-height: 1.4;
}
.extra-posts .blog-post.style-6 .post-metas {
  margin: 4px 0 0;
}
.blog-post.event-post {
  background-color: transparent;
}
.blog-post.event-post .post-title {
  margin: 25px 0 10px;
  font-size: 2.2rem;
}
.blog-post.event-post .post-content {
  margin: 0;
}
.blog-post.event-post .post-metas {
  margin: 23px 0 0;
}
.vertical-list .blog-post {
  background-color: transparent;
  padding-left: 35px;
}
.vertical-list .blog-post .post-title {
  font-size: 1.4rem;
  line-height: 1.45;
  margin: 0;
}
.vertical-list .blog-post .post-metas {
  margin: 7px 0 0;
}

.recent-news-posts {
  padding-left: 45px;
  float: left;
  width: 100%;
}

.from-blog-title {
  margin-top: 0;
  margin-bottom: 45px;
}

/*----------------------------------------
Call to actions Styles
----------------------------------------*/
.call-to-action {
  padding: 93px 0;
}
.call-to-action h3 {
  margin: 0;
  line-height: 1.6;
}
.call-to-action .button-group {
  margin-top: 40px;
}
.call-to-action p {
  color: #ffffff;
  margin: 0;
}
.call-to-action blockquote {
  margin-bottom: 0;
}
.call-to-action .newsletter-form [type=email] {
  background-color: rgba(255, 255, 255, 0.2);
}
.call-to-action .newsletter-form [type=submit] {
  color: #ffffff;
}
.call-to-action .newsletter-form ::-webkit-input-placeholder {
  opacity: 1;
  color: #ffffff;
}
.call-to-action .newsletter-form ::-moz-placeholder {
  opacity: 1;
  color: #ffffff;
}
.call-to-action .newsletter-form :-ms-input-placeholder {
  opacity: 1;
  color: #ffffff;
}
.call-to-action .newsletter-form :-moz-placeholder {
  opacity: 1;
  color: #ffffff;
}
.call-to-action .btn-cta-1 {
  color: #000000;
  font-weight: 600;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.call-to-action .btn-cta-1 i {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.call-to-action .btn-cta-1:hover {
  text-decoration: none;
  color: #0093d2;
}
.call-to-action .btn-cta-1:hover i {
  margin-left: 10px;
}
.call-to-action.style-1 h3 {
  display: inline-block;
  line-height: 100%;
}
.call-to-action.style-2, .call-to-action.style-3, .call-to-action.style-4, .call-to-action.style-5 {
  padding-top: 84px;
}
.call-to-action.style-4 h3 {
  margin-bottom: 20px;
}
.call-to-action.style-4 .button-group {
  margin-top: 30px;
}

/*----------------------------------------
Typgraphy Styles
----------------------------------------*/
.slider-single-big .slider-item {
  height: 727px;
  background-position: center center;
  background-size: cover;
}
.slider-single-big .item-1 {
  background-image: url(../images/slider/big-1.png);
}
.slider-single-big .item-2 {
  background-image: url(../images/slider/big-2.png);
}
.slider-single-big .item-3 {
  background-image: url(../images/slider/big-3.png);
}
.slider-single-big .big-slider-overlay {
  background-color: rgba(0, 147, 210, 0.55);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.slider-single-big .big-slider-overlay h2 {
  color: #ffffff;
}
.slider-single-big .big-slider-overlay .btn {
  border-color: #ffffff;
  color: #ffffff;
}
.slider-single-big .big-slider-overlay .btn-solid {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.slider-single-big .verticle-center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.slider-single-big h2 {
  line-height: 1.6;
  margin: 0;
}
.slider-single-big .button-group {
  margin-top: 40px;
}
.slider-single-big .slide-layer {
  -webkit-transform: translateY(100px) scale(1.2);
          transform: translateY(100px) scale(1.2);
  opacity: 0;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.slider-single-big .active .slide-layer {
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  opacity: 1;
}
.slider-single-big .layer-1 {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
.slider-single-big .layer-2 {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
.slider-single-big .layer-3 {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}
.slider-single-big .owl-prev,
.slider-single-big .owl-next {
  background-color: rgba(0, 0, 0, 0.44);
  width: 40px;
  height: 100px;
  line-height: 100px;
  color: #ffffff;
  font-size: 2.4rem;
}
.slider-single-big .owl-prev:hover,
.slider-single-big .owl-next:hover {
  background-color: #000000;
}

.slider-3-img-wrapper,
.slider-4-img-wrapper {
  margin: 0 20px;
  float: left;
  width: calc(100% - 40px);
}
.slider-3-img-wrapper.style-3,
.slider-4-img-wrapper.style-3 {
  margin: 0 10px;
}

.slider-3-img .slider-item,
.slider-4-img .slider-item {
  margin: 0 15px;
  position: relative;
}
.slider-3-img .slider-item > img,
.slider-4-img .slider-item > img {
  width: 100%;
}
.slider-3-img .slider-item .slider-img-overlay,
.slider-4-img .slider-item .slider-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(180, 223, 242, 0.88);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slider-3-img .slider-item .slider-content,
.slider-4-img .slider-item .slider-content {
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
.slider-3-img .slider-item:hover .slider-img-overlay,
.slider-4-img .slider-item:hover .slider-img-overlay {
  opacity: 1;
}
.slider-3-img .slider-item:hover .slider-content,
.slider-4-img .slider-item:hover .slider-content {
  opacity: 1;
}
.slider-3-img.style-2 .slider-content,
.slider-4-img.style-2 .slider-content {
  position: static;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  text-align: left;
  margin-top: 12px;
}
.slider-3-img.style-2 .slider-content p,
.slider-4-img.style-2 .slider-content p {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
  margin: 0;
}
.slider-3-img.style-3 .owl-prev,
.slider-4-img.style-3 .owl-prev {
  left: -10px;
}
.slider-3-img.style-3 .owl-next,
.slider-4-img.style-3 .owl-next {
  right: -10px;
}
.slider-3-img .owl-prev,
.slider-3-img .owl-next,
.slider-4-img .owl-prev,
.slider-4-img .owl-next {
  font-size: 2.4rem;
}
.slider-3-img .owl-prev:hover,
.slider-3-img .owl-next:hover,
.slider-4-img .owl-prev:hover,
.slider-4-img .owl-next:hover {
  color: #0093d2;
}
.slider-3-img .owl-prev,
.slider-4-img .owl-prev {
  text-align: left;
  left: -20px;
}
.slider-3-img .owl-next,
.slider-4-img .owl-next {
  text-align: right;
  right: -20px;
}

.widget-slider .owl-prev,
.widget-slider .owl-next {
  font-size: 1.8rem;
  text-shadow: 0 0 3px #ffffff;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1;
  color: #000000;
  text-align: center;
  width: 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.owl-prev {
  left: 0;
}

.owl-next {
  right: 0;
}

.owl-pagination {
  bottom: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
}

.owl-page {
  width: 8px;
  height: 8px;
  margin: 0 9px;
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.22);
  background-color: rgba(255, 255, 255, 0.55);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}

.owl-page.active {
  width: 16px;
  height: 16px;
  margin: -4px 5px;
  box-shadow: 0 0 0 8px transparent;
}

.owl-page span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.owl-page.active span {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

/*----------------------------------------
Countdown Styles
----------------------------------------*/
/*** CountTo Styling ***/
.counter-wrap.style-1 {
  background-image: -webkit-linear-gradient(top, #e3f4fa 0%, #ffffff 20%, #ffffff 80%, #e3f4fa 100%);
  background-image: linear-gradient(to bottom, #e3f4fa 0%, #ffffff 20%, #ffffff 80%, #e3f4fa 100%);
  padding: 68px 0;
}

.counter-wrap.style-2 {
  border-bottom: 1px solid #b4dff2;
  border-top: 1px solid #b4dff2;
  padding: 75px 0;
}
.counter-wrap.style-2.count-wrap-club {
  border: none;
  background-image: url(../images/bg/4.jpg);
  background-position: center center;
  background-size: cover;
  padding: 0;
}
.counter-wrap.style-2.count-wrap-club .bg-image-overlay {
  padding: 75px 0;
}

.counter-items {
  float: left;
  width: 100%;
  margin-bottom: -30px;
}

.counter-item {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.counter-item .fact-number {
  margin: 0;
  line-height: 100%;
}
.style-1 .counter-item .fact-number {
  padding-bottom: 15px;
  position: relative;
}
.style-1 .counter-item .fact-number:after {
  content: "";
  height: 5px;
  width: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000000;
}
.counter-item .fact-name {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  margin-top: 3px;
  margin-bottom: 0px;
}
.style-2 .counter-item {
  text-align: center;
}

.countdown-wrap {
  background-image: url(../images/bg/1.png);
  background-position: center center;
  background-size: cover;
}
.countdown-wrap.style-2, .countdown-wrap.style-4 {
  background-image: none;
}

.countdown {
  margin-left: -15px;
  margin-right: -15px;
  padding: 130px 0 105px;
  float: left;
  width: 100%;
}
.countdown.countdown-2, .countdown.countdown-4 {
  padding: 38px 0;
}

.section_count {
  display: block;
  float: left;
  width: 25%;
  padding: 0 15px;
  text-align: center;
}
.section_count .section_count_data {
  display: inline-block;
  margin: 0 auto;
  height: 150px;
  width: 150px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.22);
  border-radius: 50%;
}
.countdown-2 .section_count .section_count_data {
  height: auto;
  width: 150px;
}
.style-3 .section_count .section_count_data {
  background-color: transparent;
  box-shadow: 0 0 0 10px rgba(0, 147, 210, 0.11);
}
.style-4 .section_count .section_count_data {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(0, 147, 210, 0.11);
  height: 167px;
  width: 167px;
}
.section_count .section_count_data svg {
  position: relative;
  top: -10px;
  left: -10px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.section_count .section_count_data svg circle {
  stroke-dasharray: 503 503;
  stroke: #0093d2;
}
.style-4 .section_count .section_count_data svg circle {
  stroke-dasharray: 528 528;
}
.style-3 .section_count .section_count_data svg {
  stroke-linecap: round;
}
.style-4 .section_count .section_count_data svg {
  top: -2px;
  left: -2px;
}
.section_count .section_count_data .count-data {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.countdown-2 .section_count .section_count_data .count-data {
  position: static;
}
.section_count .section_count_data .count-data .tcount {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-size: 3.4rem;
  display: block;
  line-height: 100%;
}
.countdown-2 .section_count .section_count_data .count-data .tcount {
  background-color: #c9e6f5;
  padding: 38px 0;
  font-size: 6.4rem;
}
.section_count .section_count_data .count-data .text {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  margin-top: 3px;
  display: block;
}

/*----------------------------------------
Portfolio Styles
----------------------------------------*/
.portfolio-filter {
  margin-bottom: 60px;
}
.portfolio-filter .btn + .btn {
  margin-left: 15px;
}

.portfolio-items {
  margin-bottom: -30px;
}
.style-2 .portfolio-items, .style-3 .portfolio-items, .style-4 .portfolio-items, .style-5 .portfolio-items, .style-6 .portfolio-items {
  margin-bottom: 0;
}

.portfolio-inner {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}
.style-2 .portfolio-inner, .style-3 .portfolio-inner, .style-4 .portfolio-inner, .style-5 .portfolio-inner, .style-6 .portfolio-inner {
  margin-bottom: 0;
}

.portfolio-preview {
  width: 100%;
  position: relative;
  z-index: 1;
}
.portfolio-preview:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: rgba(180, 223, 242, 0.88);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.portfolio-inner:hover .portfolio-preview:before {
  opacity: 1;
  visibility: visible;
}

.portfolio-content {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
}

.portfolio-icon-group {
  margin-bottom: 10px;
}

.portfolio-zoom-icon {
  font-size: 2.5rem;
  color: #000000;
  opacity: 0;
}
.portfolio-zoom-icon:hover, .portfolio-zoom-icon:focus, .portfolio-zoom-icon:visited {
  color: #000000;
}
.portfolio-inner:hover .portfolio-zoom-icon {
  opacity: 1;
}
.style-2 .portfolio-zoom-icon {
  font-size: 2.2rem;
}

.portfolio-link-icon {
  font-size: 2.2rem;
  color: #000000;
  opacity: 0;
}
.portfolio-zoom-icon + .portfolio-link-icon {
  margin-left: 22px;
}
.portfolio-link-icon:hover, .portfolio-link-icon:focus, .portfolio-link-icon:visited {
  color: #000000;
}
.portfolio-inner:hover .portfolio-link-icon {
  opacity: 1;
}

.portfolio-title {
  margin-bottom: 0;
  margin-top: 5px;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.portfolio-inner:hover .portfolio-title {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.portfolio-carousel .owl-prev,
.portfolio-carousel .owl-next {
  background-color: rgba(0, 0, 0, 0.33);
  width: 40px;
  height: 100%;
  color: #ffffff;
  font-size: 3.5rem;
}
.portfolio-carousel .owl-prev:hover,
.portfolio-carousel .owl-next:hover {
  background-color: #000000;
}
.portfolio-carousel .owl-prev i,
.portfolio-carousel .owl-next i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.portfolio-area .more-portfolio {
  margin-top: 56px;
}

/*----------------------------------------
Service Styles
----------------------------------------*/
.service-area.style-2 {
  background-image: url(../images/bg/2.jpg);
  background-position: center center;
  background-size: cover;
}
.service-area.style-2 .transparent-white-bg {
  padding: 120px 0;
}
.service-area.style-4 .bg-color-primary {
  padding: 120px 0;
}
.service-area.style-5 {
  padding: 37px 0;
}
.service-area.style-6 {
  background-image: url(../images/bg/1.png);
  background-position: center center;
  background-size: cover;
}
.service-area.style-6 .transparent-white-bg {
  padding: 120px 0;
}
.service-area .more-service {
  margin-top: 40px;
}

.services {
  float: left;
  width: 100%;
  margin-bottom: -30px;
}
.style-6 .services {
  margin-bottom: -50px;
}

.service {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
  padding: 48px 20px;
}
.service.style-1 {
  background-color: rgba(0, 147, 210, 0.15);
}
.service.style-2 {
  float: left;
  width: 190px;
  padding: 24px 20px;
  background-color: rgba(0, 147, 210, 0.15);
}
.service.style-2 + .service.style-2 {
  margin-left: 126.5px;
}
.service.style-3 {
  padding: 20px;
}
.service.style-4 {
  text-align: left;
  padding: 0;
}
.service.style-5 {
  padding: 0;
  text-align: left;
  list-style: none;
  line-height: 2.2;
}
.service.style-5 li i {
  margin-right: 12px;
  font-size: 1.8rem;
}
.service.style-6 {
  padding: 0;
  text-align: left;
  margin-bottom: 50px;
}
.service.style-6 .service-content {
  float: left;
  width: calc(100% - 83px);
}

.service-header {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.service-icon {
  font-size: 40px;
  line-height: 100%;
}
.bg-color-primary .service-icon {
  color: #ffffff;
}
.style-4 .service-icon {
  float: left;
  font-size: 2.5rem;
  vertical-align: center;
  display: inline-block;
  margin-right: 15px;
  width: 25px;
}
.style-6 .service-icon {
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  float: left;
  margin-right: 13px;
  background-color: rgba(0, 147, 210, 0.15);
}

.service-title {
  margin-top: 15px;
  margin-bottom: 12px;
}
.style-4 .service-title {
  display: inline-block;
  float: left;
  vertical-align: center;
  margin: 0;
  width: calc(100% - 40px);
}
.style-6 .service-title {
  font-size: 1.4rem;
  margin-top: 0;
  margin-bottom: 5px;
}

.service-description {
  margin-bottom: 0;
}
.bg-color-primary .service-description {
  color: #ffffff;
}
.style-4 .service-description {
  margin-bottom: 25px;
}
.style-4 .service-description:last-child {
  margin-bottom: 0;
}
.service-description p {
  margin-bottom: 0;
}

.service-minilist-hipen {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
  line-height: 2.2;
}
.service-minilist-hipen:last-child {
  margin-bottom: 0;
}
.bg-color-primary .service-minilist-hipen {
  color: #ffffff;
}
.service-minilist-hipen li:before {
  content: "-";
  margin-right: 12px;
}

.service-minilist-iconic {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
  line-height: 2.2;
}
.service-minilist-iconic:last-child {
  margin-bottom: 0;
}
.bg-color-primary .service-minilist-iconic {
  color: #ffffff;
}
.service-minilist-iconic li i {
  margin-right: 12px;
  font-size: 1.8rem;
}

/*----------------------------------------
Team Styles
----------------------------------------*/
.team-area.style-2, .team-area.style-4 {
  background-image: url(/images/bg/background1.png);
  background-size: cover;
  background-position: center center;
}

.team-members {
  float: left;
  width: 100%;
  margin-bottom: -30px;
}

.member {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.member.style-1 {
  text-align: center;
}
.member.style-2 {
  text-align: center;
}
.member.style-3 {
  position: relative;
}
.member.style-3 .member-main-wrap {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
.member.style-3 .member-hover-detail {
  position: absolute;
  background-color: #e3f4fa;
  top: -4px;
  left: -15px;
  right: -15px;
  padding: 35px;
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transform-origin: left;
          transform-origin: left;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.member.style-3 .member-hover-detail .member-header {
  float: left;
  width: 100%;
}
.member.style-3 .member-hover-detail .member-header .member-img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
  margin-right: 15px;
}
.member.style-3 .member-hover-detail .member-header .member-img + .member-identity {
  width: calc(100% - 89px);
  float: left;
}
.member.style-3 .member-hover-detail .member-name {
  font-size: 1.4rem;
  padding: 5px 0;
  margin-top: 12px;
}
.member.style-3 .member-hover-detail .member-name:after {
  height: 2px;
  width: 16px;
}
.member.style-3 .member-hover-detail .member-name + .member-job {
  margin-top: 0px;
}
.member.style-3 .member-hover-detail .member-about-text {
  margin-bottom: 0;
  margin-top: 28px;
  float: left;
  width: 100%;
}
.member.style-3 .member-hover-detail .member-socials {
  margin-top: 26px;
  text-align: left;
  float: left;
  width: 100%;
  line-height: 100%;
}
.member.style-3:hover .member-hover-detail {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
  opacity: 1;
}
.member.style-3:hover .member-main-wrap {
  opacity: 0;
}
.member.style-4 {
  background-color: rgba(255, 255, 255, 0.44);
  text-align: center;
  position: relative;
}
.member.style-4:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 69px;
  z-index: 1;
  width: 100%;
  background-color: #0093d2;
}
.member.style-5 {
  position: relative;
  text-align: center;
  padding-top: 100%;
  width: 100%;
  overflow: hidden;
}
.member.style-5 .member-content {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 20px;
  right: 20px;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
}
.member.style-5 .member-content .member-name {
  font-size: 2.2rem;
  margin: 0;
  -webkit-transform: translateY(400px);
          transform: translateY(400px);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  opacity: 0;
}
.member.style-5 .member-content .member-socials {
  line-height: 1.8;
  margin-top: 5px;
  -webkit-transform: translateY(400px);
          transform: translateY(400px);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;
}
.member.style-5:hover .member-name,
.member.style-5:hover .member-socials {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.member-img {
  width: 100%;
  position: relative;
}
.member-img img {
  width: 100%;
}
.style-4 .member-img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 8px solid #0093d2;
  overflow: hidden;
  margin: 42px auto 33px;
}
.style-5 .member-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  overflow: hidden;
  border: 20px solid #b4dff2;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.style-5 .member-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(180, 223, 242, 0.77);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.member.style-5:hover .member-img {
  border-color: #0093d2;
}
.member.style-5:hover .member-img:before {
  opacity: 1;
}

.member-socials {
  line-height: 34px;
  text-align: center;
}
.style-1 .member-socials {
  background-color: #e3f4fa;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
.style-2 .member-socials {
  margin-top: 5px;
}
.member.style-1:hover .member-socials {
  opacity: 1;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.style-4 .member-socials {
  padding: 34px 0 43px;
  position: relative;
  z-index: 2;
}
.style-4 .member-socials a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 5px solid #ffffff;
  background-color: #0093d2;
  line-height: 40px;
  color: #ffffff;
  font-size: 1.6rem;
}
.style-4 .member-socials a + a {
  margin-left: 25px;
}
.member-socials a {
  display: inline-block;
  color: #000000;
}
.member-socials a + a {
  margin-left: 10px;
}
.member-socials a:hover {
  color: #0093d2;
}
.member.style-4:hover .member-socials a {
  border-color: #0093d2;
  background-color: #ffffff;
  color: #0093d2;
}

.style-1 .member-identity {
  background-color: #b4dff2;
  padding: 16px 20px;
}
.member-identity .member-name {
  margin: 0;
}
.style-2 .member-identity .member-name {
  margin-top: 15px;
}
.style-3 .member-identity .member-name {
  position: relative;
  padding: 10px 0;
  margin-top: 22px;
}
.style-3 .member-identity .member-name:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 25px;
  background-color: #0093d2;
  bottom: 0;
  left: 0;
}
.member-identity .member-name + .member-job {
  margin-top: 5px;
}
.style-2 .member-identity .member-name + .member-job {
  margin-top: 7px;
}
.style-3 .member-identity .member-name + .member-job {
  margin-top: 10px;
}

.member-job {
  margin-bottom: 0;
}

/*----------------------------------------
Testimonial Styles
----------------------------------------*/
.testimonial-area.style-5 {
  background-image: url(../images/bg/1.png);
  background-size: cover;
  background-position: center center;
}

.testimonial-carousel-wrap {
  padding: 0 100px;
}
.style-2 .testimonial-carousel-wrap, .style-6 .testimonial-carousel-wrap {
  padding: 0;
  margin: 0 -35px;
}
.testimonial-carousel-wrap.style-3 {
  padding: 0;
}
.testimonial-carousel-wrap.style-4 {
  padding: 0 0 0 50px;
}
.style-6 .testimonial-carousel-wrap {
  margin-top: -20px;
}

.testimonial-carousel .owl-prev,
.testimonial-carousel .owl-next {
  font-size: 3.5rem;
}
.style-3 .testimonial-carousel .owl-prev, .style-3
.testimonial-carousel .owl-next {
  font-size: 2.2rem;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  top: -52px;
}
.testimonial-carousel .owl-prev {
  left: -100px;
}
.style-3 .testimonial-carousel .owl-prev {
  left: auto;
  right: 20px;
}
.testimonial-carousel .owl-next {
  right: -100px;
}
.style-3 .testimonial-carousel .owl-next {
  right: 0;
  text-align: right;
}
.style-2 .testimonial-carousel {
  padding-bottom: 53px;
}
.style-2 .testimonial-carousel .owl-pagination {
  bottom: 0;
}
.style-4 .testimonial-carousel .owl-pagination {
  bottom: auto;
  left: -50px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  position: absolute;
  top: 50%;
}
.style-4 .testimonial-carousel .owl-pagination .owl-page {
  margin: 10px 0;
  display: block;
  border: 1px solid #b4dff2;
}
.style-4 .testimonial-carousel .owl-pagination .owl-page.active {
  border: 1px solid #0093d2;
  background-color: #0093d2;
  width: 8px;
  height: 8px;
}
.style-4 .testimonial-carousel .owl-pagination .owl-page.active span {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.style-6 .testimonial-carousel {
  padding-bottom: 32px;
}
.style-6 .testimonial-carousel .owl-pagination {
  bottom: 0;
}
.style-6 .testimonial-carousel .owl-pagination .owl-page {
  margin: 0 5px;
  border: 1px solid #b4dff2;
}
.style-6 .testimonial-carousel .owl-pagination .owl-page.active {
  border: 1px solid #0093d2;
  background-color: #0093d2;
  width: 8px;
  height: 8px;
}
.style-6 .testimonial-carousel .owl-pagination .owl-page.active span {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.style-6 .testimonial-carousel .owl-item.active + .owl-item.active blockquote {
  border-color: #0093d2;
}
.style-6 .testimonial-carousel .owl-item.active + .owl-item.active blockquote:before {
  color: #0093d2;
  text-shadow: none;
}
.style-6 .testimonial-carousel .owl-item.active + .owl-item.active + .owl-item.active blockquote {
  border-color: #c9e6f5;
}
.style-6 .testimonial-carousel .owl-item.active + .owl-item.active + .owl-item.active blockquote:before {
  color: #ffffff;
  text-shadow: 0 0 1px #0093d2;
}

.style-1 .testimonial-item, .style-5 .testimonial-item {
  text-align: center;
}
.style-2 .testimonial-item {
  margin: 0 35px;
}
.style-2 .testimonial-item blockquote {
  float: left;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.33);
  padding: 25px 37px 60px;
  margin-bottom: 0;
}
.style-2 .testimonial-item blockquote:after {
  top: auto;
  left: auto;
  right: 18px;
  bottom: 10px;
  font-size: 5rem;
  color: #0093d2;
}
.style-4 .testimonial-item {
  padding-left: 120px;
  position: relative;
  float: left;
  width: 100%;
}
.style-4 .testimonial-item + .testimonial-item {
  margin-top: 48px;
}
.style-6 .testimonial-item {
  margin: 0 35px;
  float: left;
  width: calc(100% - 70px);
}
.testimonial-item blockquote {
  position: relative;
  margin-bottom: 28px;
  padding-top: 50px;
  line-height: 1.86;
}
.testimonial-item blockquote:before {
  content: none;
}
.testimonial-item blockquote:after {
  position: absolute;
  top: 20px;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0;
  font-size: 1.8rem;
  line-height: 100%;
}
.style-3 .testimonial-item blockquote {
  background-color: #e3f4fa;
  padding: 65px 37px;
  margin-bottom: 0;
}
.style-3 .testimonial-item blockquote:before {
  content: "\f10d";
  font-size: 2.5rem;
  line-height: 100%;
  position: absolute;
  top: 37px;
  left: 37px;
}
.style-3 .testimonial-item blockquote:after {
  font-size: 2.5rem;
  top: auto;
  left: auto;
  bottom: 37px;
  right: 37px;
}
.style-4 .testimonial-item blockquote {
  padding-top: 0;
  padding-bottom: 10px;
  margin-bottom: 9px;
  border-bottom: 1px solid #e3f4fa;
}
.style-4 .testimonial-item blockquote:before {
  content: "\f10e";
  font-size: 2.5rem;
  line-height: 100%;
  text-align: left;
  position: static;
  display: block;
  margin-bottom: 13px;
}
.style-4 .testimonial-item blockquote:after {
  content: none;
}
.style-6 .testimonial-item blockquote {
  width: calc(100% - 105px);
  float: left;
  border: 1px solid #c9e6f5;
  margin-bottom: 0;
  padding: 26px 20px;
  margin-top: 20px;
}
.style-6 .testimonial-item blockquote:before {
  content: "\f10d";
  font-size: 4rem;
  color: #ffffff;
  text-shadow: 0 0 1px #0093d2;
  position: absolute;
  top: -20px;
  left: 24px;
  line-height: 100%;
}
.style-6 .testimonial-item blockquote:after {
  content: none;
}

.testimonial-header {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.style-6 .testimonial-header {
  width: 90px;
  margin-top: 24px;
  margin-right: 15px;
  margin-bottom: 0;
  text-align: center;
}

.testimonial-footer {
  position: relative;
  padding-top: 15px;
  float: left;
  width: 100%;
}
.testimonial-footer:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid #e3f4fa;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 0;
  position: absolute;
  left: 35px;
}

.testimonial-thumb {
  width: 116px;
  height: 116px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.style-2 .testimonial-thumb, .style-3 .testimonial-thumb {
  float: left;
  margin-left: 0;
  margin-right: 15px;
}
.style-2 .testimonial-thumb + .testimonial-author, .style-3 .testimonial-thumb + .testimonial-author {
  float: left;
  width: calc(100% - 131px);
}
.style-3 .testimonial-thumb, .style-4 .testimonial-thumb, .style-6 .testimonial-thumb {
  width: 90px;
  height: 90px;
}
.style-4 .testimonial-thumb {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.testimonial-name {
  margin-bottom: 3px;
}
.style-2 .testimonial-name {
  margin-top: 37px;
}
.style-3 .testimonial-name {
  margin-top: 25px;
}
.style-4 .testimonial-name {
  margin-top: 0;
}
.style-6 .testimonial-name {
  font-size: 1.4rem;
  font-family: "Open Sans", sans-serif;
  margin-top: 7px;
  margin-bottom: 0;
}

.testimonial-job {
  margin-bottom: 0;
}

.testimonial-title {
  margin-top: 0;
}

/*----------------------------------------
Section Styles
----------------------------------------*/
.custom-section .content-wrap {
  float: left;
  width: 100%;
}
.custom-section h3 {
  margin-top: 0;
}
.custom-section .services {
  text-align: right;
}
.custom-section .services .service.style-2 {
  margin-left: 25px;
  float: none;
  display: inline-block;
}
.custom-section.about-section-2 {
  background-image: url(../images/bg/2.jpg);
  background-position: center center;
  background-size: cover;
}
.custom-section.about-section-2.skating-about {
  background-image: url(../images/bg/5.jpg);
}
.custom-section.about-section-2.ski-about {
  background-image: url(../images/bg/6.jpg);
}
.custom-section.about-section-2.surfing-about {
  background-image: url(../images/bg/7.jpg);
}
.custom-section.about-section-2 .content-wrap {
  margin-top: 55px;
}
.custom-section.about-section-4 {
  background-image: url(../images/bg/2.jpg);
  background-position: left center;
  background-size: cover;
  position: relative;
}
.custom-section.about-section-4 .content-wrap {
  background-color: #ffffff;
  padding-left: 100px;
}
.custom-section.about-section-5 .content-wrap {
  padding-left: 20px;
}
.custom-section.about-section-5 .counter-items {
  margin-bottom: -15px;
  margin-top: 25px;
}
.custom-section.about-section-5 .counter-items .counter-item {
  margin-bottom: 15px;
  display: inline-block;
  width: auto;
}
.custom-section.about-section-5 .counter-items .counter-item + .counter-item {
  margin-left: 50px;
}
.custom-section.about-section-5 .counter-items .counter-item .fact-number {
  font-size: 2.2rem;
}
.custom-section.about-section-5 .counter-items .counter-item .fact-name {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
}
.custom-section.about-section-6 {
  background-image: url(../images/bg/3.jpg);
  background-position: right center;
  background-size: cover;
  position: relative;
}
.custom-section.about-section-6 .content-wrap {
  background-color: #ffffff;
  padding-right: 100px;
}

.sponsors {
  margin-right: -30px;
  margin-bottom: -30px;
}
.sponsors .sponsor {
  margin-right: 30px;
  margin-bottom: 30px;
  display: inline-block;
}

.bg-side-wrap {
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  background-color: #ffffff;
}
.bg-side-wrap.left-bg-side-wrap {
  right: auto;
  left: 0;
}

.video-wrap {
  position: relative;
  width: 100%;
}
.video-wrap img {
  width: 100%;
  opacity: 0.22;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.video-wrap:hover img {
  opacity: 1;
}
.video-wrap a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.video-wrap a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2.5rem;
}
.video-wrap.style-big {
  background-color: #b4dff2;
}
.video-wrap.style-big img {
  opacity: 0.55;
}
.video-wrap.style-big a {
  color: #ffffff;
}
.video-wrap.style-big a i {
  font-size: 6rem;
}
.video-wrap.style-medium img {
  opacity: 1;
}
.video-wrap.style-medium a {
  color: #ffffff;
}
.video-wrap.style-medium a i {
  font-size: 5rem;
}

/*----------------------------------------
Footer Styles
----------------------------------------*/
footer.style-1 {
  background: url(../images/bg/footer-1-bg.png) no-repeat bottom center;
}
footer.style-2, footer.style-3, footer.style-4, footer.style-5 {
  background-color: #b4dff2;
}

.style-1 .widget-footer {
  padding-top: 380px;
}
.style-2 .widget-footer {
  padding-top: 157px;
}
.style-3 .widget-footer {
  padding: 67px 0;
}
.style-4 .widget-footer, .style-5 .widget-footer {
  padding-top: 113px;
}

.footer-widgets {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.style-2 .footer-widgets {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.style-4 .footer-widgets {
  display: block;
}

.footer .widget {
  margin-bottom: 30px;
  border: none;
}
.footer .widget .widget-inner {
  padding: 0;
}
.footer .widget .custom-menu {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
}
.footer .widget .custom-menu li {
  line-height: 1.8;
}
.footer .widget .custom-menu li a:before {
  content: none;
}
.footer .widget .address {
  margin-bottom: 5px;
  line-height: 1.8;
  font-family: "Ubuntu", sans-serif;
}
.footer.style-2 .custom-menu, .footer.style-4 .custom-menu {
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
.footer.style-2 .address, .footer.style-4 .address {
  margin-bottom: 0;
}

.footer .widget-title {
  padding: 0;
  margin: 0 0 26px;
  font-size: 1.4rem;
}
.footer .widget-title:before {
  content: none;
}
.footer.style-4 .widget-title {
  padding-bottom: 10px;
  margin-bottom: 13px;
}
.footer.style-4 .widget-title:before {
  content: "";
  background-color: #0093d2;
  width: 20px;
  height: 2px;
}

.footer-logo {
  display: inline-block;
}
.style-3 .footer-logo {
  margin-bottom: 36px;
}
.footer-logo + .about-information {
  margin-top: 30px;
}
.style-4 .footer-logo + .about-information {
  margin-top: 10px;
}

.about-information {
  font-family: "Ubuntu", sans-serif;
  margin-bottom: 5px;
  line-height: 1.3;
}
.style-4 .about-information {
  margin-bottom: 0;
}
.about-information b {
  line-height: 1.86;
  display: inline-block;
  margin-bottom: 7px;
}
.about-information + .about-social {
  margin-top: 33px;
}

.about-social a {
  color: #000000;
}
.about-social a + a {
  margin-left: 14px;
}

.newsletter-form {
  width: 100%;
  margin: 0 auto;
  float: none;
  max-width: 470px;
}
.newsletter-form [type=email] {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 25px;
  padding: 11px 90px 11px 35px !important;
  margin-bottom: 0 !important;
}
.newsletter-form [type=submit] {
  background-color: transparent;
  border: 1px transparent;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 48px;
  font-size: 2rem;
  width: 90px;
  text-align: center;
}
.newsletter-form ::-webkit-input-placeholder {
  opacity: 0.44;
}
.newsletter-form ::-moz-placeholder {
  opacity: 0.44;
}
.newsletter-form :-ms-input-placeholder {
  opacity: 0.44;
}
.newsletter-form :-moz-placeholder {
  opacity: 0.44;
}

.footer-social {
  margin-top: 32px;
}
.footer-social a {
  font-size: 2rem;
  color: #000000;
}
.footer-social a + a {
  margin-left: 25px;
}
.footer-social a:hover {
  color: #0093d2;
  text-decoration: none;
}

.copyright-footer {
  background-color: #ffffff;
  padding: 22px 0;
}

.copyright-social a {
  color: #000000;
  font-family: "Ubuntu", sans-serif;
  line-height: 1.86;
}
.copyright-social a + a {
  margin-left: 30px;
}
.copyright-social a:hover {
  color: #0093d2;
  text-decoration: none;
}

.copyright {
  margin: 0;
  font-family: "Ubuntu", sans-serif;
}
.copyright.right-copyright {
  text-align: right;
}

.copyright-menu {
  list-style: none;
}
.copyright-menu li {
  line-height: 1.86;
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
}
.copyright-menu li + li {
  margin-left: 28px;
}
.copyright-menu li a {
  color: #000000;
}
.copyright-menu li a:hover {
  color: #0093d2;
}
.copyright-menu.right-copyright-menu {
  text-align: right;
}

/*----------------------------------------
Shop Styles
----------------------------------------*/
.products {
  float: left;
  width: 100%;
  margin-bottom: -50px;
}

.product {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}

.product-thumb {
  display: block;
}
.product-thumb img {
  width: 100%;
}

.product-title {
  color: #000000;
  margin-top: 30px;
  margin-bottom: 0;
}
.product-title a {
  color: inherit;
}
.product-title a:hover {
  color: #0093d2;
  text-decoration: none;
}

.product-price {
  margin-top: 3px;
  margin-bottom: 0;
  font-family: "Ubuntu", sans-serif;
}

.pagination {
  margin-top: 40px;
  margin-bottom: 0;
}
.pagination > li > a {
  border: none;
  border-radius: 0;
  color: #000000;
  font-family: "Ubuntu", sans-serif;
}
.pagination > li > a:focus, .pagination > li > a:hover {
  color: #0093d2;
  background-color: transparent;
}
.pagination > li:first-child > a, .pagination > li:last-child > a {
  border-radius: 0;
}

/*----------------------------------------
Pages Styles
----------------------------------------*/
/*----------------------------------------
About Page Styles
----------------------------------------*/
.event-shortcode {
  margin-top: 30px;
  margin-bottom: -30px;
  float: left;
  width: 100%;
}
.event-shortcode .event {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.event-shortcode .event .event-thumb {
  width: 100%;
  display: block;
}
.event-shortcode .event .event-thumb img {
  width: 100%;
}
.event-shortcode .event .event-date {
  margin-top: 10px;
  margin-bottom: 0;
}
.event-shortcode .event .event-title {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
}
.event-shortcode .event .event-title a {
  color: inherit;
}
.event-shortcode .event .event-title a:hover {
  color: #0093d2;
}
.event-shortcode:first-child {
  margin-top: 0;
}

.about-content .video-wrap {
  margin-top: 115px;
}
.about-content .video-wrap:first-child {
  margin-top: 0;
}
.about-content .rules-wrap,
.about-content .track-wrap {
  margin-top: 120px;
}

.rules {
  float: left;
  width: 100%;
  margin-bottom: -20px;
}
.rules .rule {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.rules .rule .rule-number {
  margin-bottom: 0;
  font-weight: 700;
  margin-bottom: 5px;
}
.rules .rule .rule-detail {
  margin-bottom: 0;
}
.rules .rule .rule-detail .rule-icon {
  margin-right: 5px;
}

.track-wrap {
  float: left;
  width: 100%;
}

.tracks {
  float: left;
  width: 100%;
  margin-bottom: -30px;
}
.tracks .track {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.tracks .track .track-thumb {
  display: block;
  width: 100%;
}
.tracks .track .track-thumb img {
  width: 100%;
}
.tracks .track .track-location {
  font-size: 1.4rem;
  font-weight: 700;
  color: #000000;
  display: inline-block;
  margin-top: 15px;
}
.tracks .track .track-location i {
  margin-right: 7px;
}

/*----------------------------------------
Event Rules Page Styles
----------------------------------------*/
.event-rule-content .rules-wrap {
  margin-bottom: 40px;
  float: left;
  width: 100%;
}

.event-schedule {
  float: left;
  width: 100%;
}
.event-schedule + .event-schedule {
  margin-top: 85px;
}
.event-schedule .schedule-day {
  float: left;
  width: 100%;
}
.event-schedule .schedule-day + .schedule-day {
  margin-top: 25px;
}
.event-schedule h3 {
  margin-top: 0;
}

/*----------------------------------------
Event Committee Page Styles
----------------------------------------*/
.event-committee-content h3 {
  margin-top: 0;
}
.event-committee-content .committee {
  margin-top: 30px;
}

.committee {
  float: left;
  width: 100%;
  margin-bottom: -60px;
}

.committee-member {
  float: left;
  width: 100%;
  margin-bottom: 60px;
}
.committee-member .committee-image {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  margin-right: 35px;
}
.committee-member .committee-image img {
  width: 100%;
}
.committee-member .committee-info {
  float: left;
  width: calc(100% - 205px);
}
.committee-member .committee-name {
  font-weight: 700;
}
.committee-member .committee-contact {
  margin-bottom: 0;
}
.committee-member .member-socials {
  text-align: left;
  line-height: 1.86;
}

/*----------------------------------------
Event Facility Page Styles
----------------------------------------*/
.facility-posts {
  float: left;
  width: 100%;
}

.facility-part + .facility-part {
  margin-top: 110px;
}
.facility-part h5:first-child {
  margin-top: 0px;
}

.facility-post {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.facility-post .facility-title {
  margin-top: 0;
  margin-bottom: 9px;
}
.facility-post .facility-author {
  margin-bottom: 4px;
}
.facility-post .facility-author a {
  font-weight: 700;
  color: #000000;
}
.facility-post .facility-author a:hover {
  color: #0093d2;
}
.facility-post .read-facility {
  margin-top: 7px;
}

/*----------------------------------------
Trail Page Styles
----------------------------------------*/
.trail-slider {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.trail-slider.slider-3-img-wrapper.style-3, .trail-slider.slider-4-img-wrapper.style-3 {
  margin-bottom: 30px;
}

/*----------------------------------------
Blog Page Styles
----------------------------------------*/
.default-post + .default-post {
  margin-top: 60px;
}
.default-post .default-thumb {
  display: block;
}
.default-post .default-thumb img {
  width: 100%;
}
.default-post .post-title {
  font-size: 1.4rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  margin-top: 30px;
  margin-bottom: 10px;
}
.default-post .post-title a {
  color: inherit;
}
.default-post .post-title a:hover {
  color: #0093d2;
}
.default-post .btn {
  margin-top: 7px;
}

.post-pagination {
  margin-top: 115px;
}

.post-pagination > a, .post-pagination .current,
.facility-pagination > a,
.facility-pagination .current,
.nav-links > a,
.nav-links .current {
  height: 32px;
  width: 32px;
  line-height: 30px;
  border: 1px solid #0093d2;
  color: #000000;
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  padding: 0;
  text-align: center;
}
.post-pagination > a + a, .post-pagination .current + a,
.facility-pagination > a + a,
.facility-pagination .current + a,
.nav-links > a + a,
.nav-links .current + a {
  margin-left: 10px;
}
.post-pagination > a:hover, .post-pagination .current:hover,
.facility-pagination > a:hover,
.facility-pagination .current:hover,
.nav-links > a:hover,
.nav-links .current:hover {
  background-color: #0093d2;
  color: #ffffff;
  text-decoration: none;
}
.post-pagination > a:first-child, .post-pagination > a:last-child, .post-pagination .current:first-child, .post-pagination .current:last-child,
.facility-pagination > a:first-child,
.facility-pagination > a:last-child,
.facility-pagination .current:first-child,
.facility-pagination .current:last-child,
.nav-links > a:first-child,
.nav-links > a:last-child,
.nav-links .current:first-child,
.nav-links .current:last-child {
  border-radius: 50%;
}
.post-pagination .current,
.facility-pagination .current,
.nav-links .current {
  background-color: #0093d2;
  color: #ffffff;
  margin-left: 10px;
}
.post-pagination > li > a,
.facility-pagination > li > a,
.nav-links > li > a {
  height: 32px;
  width: 32px;
  line-height: 30px;
  border: 1px solid #0093d2;
  color: #000000;
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  padding: 0;
  text-align: center;
}
.post-pagination > li > a:hover,
.facility-pagination > li > a:hover,
.nav-links > li > a:hover {
  background-color: #0093d2;
  color: #ffffff;
}
.post-pagination > li + li > a,
.facility-pagination > li + li > a,
.nav-links > li + li > a {
  margin-left: 10px;
}
.post-pagination > li:first-child > a, .post-pagination > li:last-child > a,
.facility-pagination > li:first-child > a,
.facility-pagination > li:last-child > a,
.nav-links > li:first-child > a,
.nav-links > li:last-child > a {
  border-radius: 50%;
}
.post-pagination > li.current a,
.facility-pagination > li.current a,
.nav-links > li.current a {
  background-color: #0093d2;
  color: #ffffff;
}

/*----------------------------------------
Blog Single Page Styles
----------------------------------------*/
.meta-side {
  float: left;
  width: 100%;
}
.meta-side .single-meta {
  float: left;
  width: 100%;
}
.meta-side .single-meta.author-meta .author-thumb {
  display: inline-block;
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}
.meta-side .single-meta.author-meta .author-name {
  font-weight: 400;
  float: left;
  width: calc(100% - 100px);
  margin-top: 28px;
  margin-bottom: 0;
}
.meta-side .single-meta.author-meta .author-name a {
  font-weight: 700;
  color: #000000;
}
.meta-side .single-meta.author-meta .author-name a:hover {
  color: #0093d2;
}
.meta-side .single-meta.author-meta + .date-meta {
  margin-top: 25px;
}
.meta-side .single-meta.date-meta {
  font-family: "Ubuntu", sans-serif;
  font-size: 1.8rem;
  margin-bottom: 0;
}
.meta-side .single-meta.member-socials {
  text-align: left;
}

.single-post .default-thumb {
  margin-bottom: 30px;
}

.share-on a {
  color: #000000;
}
.share-on a:hover {
  color: #0093d2;
}

.given-comment {
  float: left;
  width: 100%;
  margin-top: 50px;
  margin-bottom: -50px;
}
.given-comment .given-comment-title {
  margin-top: 0;
  margin-bottom: 34px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  float: left;
  width: 100%;
}
.given-comment .comments {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.given-comment .comments.child-comments {
  padding-left: 100px;
}
.given-comment .comment {
  float: left;
  width: 100%;
}
.given-comment .comment-wrap {
  width: 100%;
  float: left;
  margin-bottom: 50px;
}
.given-comment .commenter-thumb {
  float: left;
  display: block;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
}
.given-comment .comment-body {
  float: left;
  width: calc(100% - 100px);
}
.given-comment .comment-title {
  margin-top: 0;
  margin-bottom: 5px;
}
.given-comment .comment-title .comment-date {
  font-weight: 400;
}
.given-comment .comment-content p {
  margin-bottom: 7px;
}
.given-comment .comment-reply {
  color: #000000;
  font-weight: 700;
  font-size: 1.8rem;
  font-family: "Ubuntu", sans-serif;
}
.given-comment .comment-reply:hover {
  color: #0093d2;
  text-decoration: none;
}

.commenting-wrap {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.commenting-wrap .comment-form-title {
  margin-top: 0;
  margin-bottom: 34px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  float: left;
  width: 100%;
}

/*----------------------------------------
FAQ Page Styles
----------------------------------------*/
.faq-question + .faq-question {
  margin-top: 45px;
}
.faq-question .question {
  font-weight: 700;
  margin-bottom: 5px;
}
.faq-question .answer {
  margin-bottom: 0;
}
.faq-question .answer label {
  margin-bottom: 0;
  font-weight: 700;
  margin-right: 4px;
}

.faq-content .faq-form {
  margin-top: 100px;
}
.faq-content .faq-form label {
  margin-bottom: 30px;
}

/*----------------------------------------
Sponsor Page Styles
----------------------------------------*/
.sponsor-group + .sponsor-group {
  margin-top: 80px;
}
.sponsor-group h3:first-child {
  margin-top: 0px;
}
.sponsor-group .sponsors {
  float: left;
  width: 100%;
  margin: 0;
}
.sponsor-group .sponsors .sponsor {
  float: left;
  width: 100%;
  height: 140px;
  margin: 0;
  display: block;
  text-align: center;
  position: relative;
}
.sponsor-group .sponsors .sponsor img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 100%;
}

/*----------------------------------------
Profile Page Styles
----------------------------------------*/
.profile-content .slider-4-img-wrapper {
  float: none;
}
.profile-content .member-socials {
  text-align: left;
}

/*----------------------------------------
Event Result Page Styles
----------------------------------------*/
.event-result + .event-result {
  margin-top: 90px;
}

/*----------------------------------------
Gallery Page Styles
----------------------------------------*/
.portfolio-content .video-play {
  color: #ffffff;
  font-size: 4.5rem;
}

/*----------------------------------------
Contact Page Styles
----------------------------------------*/
.offices {
  margin-top: 60px;
}
.offices .office + .office {
  margin-top: 48px;
}

.contact-content .contact-form-wrap {
  margin-top: 80px;
}

.address-widget .widget-inner {
  padding: 35px;
}
.address-widget .widget-inner p {
  margin-bottom: 0;
}
.address-widget .widget-inner .member-socials {
  text-align: left;
  margin: 0;
  line-height: 1.86;
}

/*----------------------------------------
Account Page Styles
----------------------------------------*/
.remember-wrap {
  margin-bottom: 30px;
}
.remember-wrap .forgot-password-link {
  text-align: right;
  display: inline-block;
  float: right;
  text-decoration: underline;
  color: #000000;
}

/*----------------------------------------
Product Page Styles
----------------------------------------*/
.product-single .product-big-image {
  display: block;
  width: 100%;
}
.product-single .product-big-image img {
  width: 100%;
}
.product-single .product-details {
  float: left;
  width: 100%;
}
.product-single .product-details .product-title {
  margin-top: 0;
  margin-bottom: 7px;
}
.product-single .product-price {
  font-weight: 700;
  font-size: 1.8rem;
  margin-top: 20px;
}
.product-single .product-description {
  margin-top: 20px;
}
.product-single .product-categories {
  margin-top: 50px;
  margin-bottom: 0;
}

.star-ratings {
  font-size: 1.2rem;
  color: #000000;
}
.star-ratings .star {
  font-style: normal;
}
.star-ratings .star:before {
  content: "\f006";
  font-family: "FontAwesome";
}
.star-ratings .star.star-on:before {
  content: "";
}

.to-customer-review {
  float: right;
  color: #000000;
}

.order-form input[type=number] {
  width: 70px;
  padding: 0 0 0 15px;
  margin-right: 25px;
  line-height: 30px;
  margin-bottom: 0;
  vertical-align: middle;
}
.order-form [type=submit] {
  font-weight: 600;
  line-height: 32px;
  padding: 0 48px;
  height: 32px;
  border: none;
  background-color: #0093d2;
  vertical-align: middle;
  color: #ffffff;
}

.product-info-tab {
  margin-top: 120px;
}

.review-table {
  width: 100%;
}
.review-table td {
  padding: 8px 12px;
}
.review-table .review-body {
  max-width: 500px;
}
.review-table .review-reviewer {
  margin-top: 15px;
  margin-bottom: 0;
}
.review-table .review-date {
  display: block;
  line-height: 2;
  color: #999999;
}
.review-table .review-title {
  margin-bottom: 15px;
}
.review-table .grade {
  margin-bottom: 0;
}

.to-reviewform-btn {
  margin-top: 20px;
}

/*----------------------------------------
404 Page Styles
----------------------------------------*/
.content-404 h1 {
  margin-top: 0;
}

/*----------------------------------------
Comming Soon Page Styles
----------------------------------------*/
.comming-soon-wrap {
  background-image: -webkit-linear-gradient(top, #e3f4fa 0%, #ffffff 20%, #ffffff 20%, #e3f4fa 100%);
  background-image: linear-gradient(to bottom, #e3f4fa 0%, #ffffff 20%, #ffffff 20%, #e3f4fa 100%);
}

.comming-soon-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.comming-soon-content h2 {
  margin-bottom: 0;
}
.comming-soon-content .countdown, .comming-soon-content .countdown-2, .comming-soon-content .countdown.countdown-2 {
  padding: 0;
  float: none;
  margin: 26px auto 0;
}
.comming-soon-content .countdown .section_count, .comming-soon-content .countdown-2 .section_count, .comming-soon-content .countdown.countdown-2 .section_count {
  float: none;
  display: inline-block;
  width: auto;
  padding: 0;
}
.comming-soon-content .countdown .section_count + .section_count, .comming-soon-content .countdown-2 .section_count + .section_count, .comming-soon-content .countdown.countdown-2 .section_count + .section_count {
  margin-left: 145px;
}
.comming-soon-content .countdown .section_count .section_count_data, .comming-soon-content .countdown-2 .section_count .section_count_data, .comming-soon-content .countdown.countdown-2 .section_count .section_count_data {
  width: auto;
}
.comming-soon-content .countdown .section_count .tcount, .comming-soon-content .countdown-2 .section_count .tcount, .comming-soon-content .countdown.countdown-2 .section_count .tcount {
  background-color: transparent;
  padding: 0;
  font-size: 3.4rem;
}
.comming-soon-content .comming-soon-subscribe {
  margin-top: 110px;
}
.comming-soon-content .comming-soon-subscribe label {
  font-size: 1.8rem;
  font-family: "Ubuntu", sans-serif;
  margin-bottom: 15px;
}