@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Anton|Karla|Yanone+Kaffeesatz');
@import url('https://fonts.googleapis.com/css?family=Teko');

/* -----------scroll bar----------------*/

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .4);
  background-color: #CFCFCF
}

::-webkit-scrollbar {
  width: 8px;
  background-color: #0face3;
}

::-webkit-scrollbar-thumb {
  background-color: #231D15
}


/*--------------------------------------------------
Preloader Styles
--------------------------------------------------*/

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("../img/giphy.gif") no-repeat center center;
}


/*--------------------------------------------------
Main Styles
--------------------------------------------------*/

body {
  color: #545454;
  /*font-family: 'Open Sans', sans-serif;
  font-family: 'Roboto', sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:18px;
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: 100%;
  background-color: #fff;
}

a,
a:hover,
a:focus,
a:active {
  color: #6f6f6f
}

html {
  min-height: 100%;
  height: 100%
}

.clear {
  clear: both;
}

.col-xs-10 {
  padding-right: 0;
  padding-left: 0;
}

.col-xs-12 {
  padding-right: 0;
  padding-left: 0;
}


/*--------------------------------------------------
header Styles
--------------------------------------------------*/

.logo img {
  max-width: 175px;
  display: flex;
  margin: 10px auto;
}

/*.top-header {
  height: 70px;
}

.top-header .list {
  float: right;
  margin: 10px;
}

.top-header .list a {
  margin:5px 0;
}
	.top-header .list a:nth-child(3){border:none}
	.top-header .list a:nth-child(4), .top-header .list a:nth-child(5){margin:0 5px;}

.top-header .list .contact {
  font-size: 18px;
  font-weight: bold;
  border-right: 2px solid;
  padding: 0px 10px;
}

.top-header .list .facebook {
  font-size: 32px;
  color: #3b5998;
}

.top-header .list .youtube {
  font-size: 32px;
  color: #cc181e;
}

.top-header .list .lang {
  font-size: 25px;
  text-decoration: underline;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}*/

.navbar {
  border-radius: 0;
  margin-bottom: 0;
}
.navbar .navbar-nav>li>a {
  color: #fff;
  font-size:16px;
  text-decoration:none;
  font-weight: 800;
  text-align: center;
  text-transform:capitalize;
}

.open>.dropdown-menu {
  display: flex;
}

.dropdown-menu a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-menu {
  display: flex;
}

.dropdown:hover .dropdown-toggle {
  background-color: #0face3;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color:#363636;
  background-color:#ffffff;
}


/*Bootstrap*/

.btn,
.panel-default>.panel-heading,
.panel-default {
  background-image: none;
  box-shadow: none!important;
  text-shadow: none;
}

blockquote footer {
  margin-top: 10px
}

.pagination {
  border-radius: 0!important
}

.pagination a,
.pagination a span {
  border-radius: 0!important;
  color: #292929!important
}

.pagination .active a {
  background: #292929!important;
  color: #fff!important;
  border: 1px solid #ddd!important;
}

.form-control {
  height: 36px;
  border-radius: 0;
}

.progress-bar {
  background-color: #64b5f6
}

.btn-link {
  color: #292929
}

.alert {
  background-image: none;
  box-shadow: none!important;
  text-shadow: none;
}

.icon-container {
  float: left;
  width: 25%;
  padding: 10px 0;
  color: #000;
  font-size: 18px
}

.icon-container .icon-name {
  margin-left: 10px
}

.icon-section:after {
  display: block;
  content: "";
  clear: both;
}

.glyph {
  display: inline-block;
  width: 120px;
  margin: 10px;
  text-align: center;
  vertical-align: top;
  background: #FFF;
}

.glyph .glyph-icon {
  padding: 10px;
  display: block;
  font-family: "Flaticon";
  font-size: 64px;
  line-height: 1;
}

.glyph .glyph-icon:before {
  font-size: 64px;
  color: #666;
  margin-left: 0;
}

.class-name {
  font-size: 12px;
}

.progress-bar {
  font: 400 20px/28px Oswald;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  padding: 3px 20px;
}

.progress-bar.text-right {
  text-align: right!important;
}

.progress {
  height: 34px;
  background-image: none;
  box-shadow: none;
  border-radius: 0
}

.thin_progress {
  height: 10px;
  margin: 0 0 10px
}

.thin_progress span {
  position: relative;
  color: #292929;
  margin: -30px 0 0 0
}


/*Animations*/

.anim_top {
  bottom: -100%;
  transition: 0.5s all;
}

.anim_top.animated {
  bottom: 0
}


/*Intro*/

.player {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.over_z_index_2 {
  z-index: 2!important
}

.intro_left_border {
  position: absolute;
  background: rgba(255, 255, 255, 0.18);
  left: 4px;
  width: 1px;
  top: 15px;
  bottom: 4px;
  z-index: 1
}

.inside_intro_block {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50px;
  left: 0;
  display: flex;
  z-index: 4;
  -ms-align-items: center;
  align-items: center;
}

.countdown.text-center .countdown-amount {
  text-align: center;
}

.countdown.text-center .countdown-period {
  margin-left: auto!important;
  margin-right: auto!important;
  right: auto!important;
  left: 0;
  width: 100%;
  text-align: center;
}

.inside_intro_block .countdown {
  margin: 20px 0
}

.inside_no_header {
  top: 0
}

.ins_int_item {
  margin: auto;
  position: relative;
}

.ins_int_item h4,
.ins_int_item h3 {
  margin: 0 0 20px
}

.intro_right_border {
  position: absolute;
  background: rgba(255, 255, 255, 0.18);
  right: 4px;
  width: 1px;
  top: 15px;
  bottom: 4px;
  z-index: 1
}

.intro_bottom_border {
  position: absolute;
  background: rgba(255, 255, 255, 0.18);
  bottom: 4px;
  height: 1px;
  left: 5px;
  right: 5px;
  z-index: 1
}

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

.no-cover {
  background-size: auto!important;
  background-repeat: repeat!important;
}

.no-float {
  float: none!important
}

.height200 {
  min-height: 200px;
}

.height250 {
  min-height: 250px;
}

.height300 {
  min-height: 300px;
}

.height400 {
  min-height: 400px
}

.height500 {
  min-height: 500px
}

.height600 {
  min-height: 600px
}

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

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

.inline-block {
  display: inline-block!important;
  vertical-align: top;
  margin-top: 0!important;
  margin-bottom: 0!important;
}

.form-tip {
  margin-top: 10px;
  font-size: 12px
}

.animate_left_fast {
  animation: 30s 0s linear normal none infinite back-left-fast;
  -webkit-animation: 30s 0s linear normal none infinite back-left-fast;
  background-repeat: repeat-x!important;
  z-index: 2
}

@keyframes back-left-fast {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: 1632px 0
  }
}

.airplane {
  animation: 60s linear normal none infinite airplane;
  -webkit-animation: 60s 0s normal none infinite airplane;
  background-repeat: repeat-x!important;
  background: url(../images/airplane.png);
  width: 479px;
  height: 280px;
  position: absolute;
  top: -280px;
  left: -479px;
  z-index: 1
}

.balloon {
  background: url(../images/ballon.png);
  width: 21px;
  height: 28px;
  position: absolute;
  right: 10%;
  top: 300px;
  animation: 120s linear normal none infinite balloon;
  -webkit-animation: 60s 0s normal none infinite balloon;
  z-index: 1;
  opacity: 0.8
}

@keyframes balloon {
  0% {
    top: 1200px;
  }
  50% {
    top: -40px;
  }
  100% {
    top: -40px;
  }
}

@keyframes airplane {
  0% {
    top: -280px;
    left: -479px
  }
  50% {
    top: 0;
    left: 200px
  }
  100% {
    top: 0;
    left: 200px
  }
}

.animate_left {
  animation: 60s 0s linear normal none infinite back-left;
  -webkit-animation: 60s 0s linear normal none infinite back-left;
  background-repeat: repeat!important;
}

@keyframes back-left {
  0% {
    background-position: 500px 0
  }
  100% {
    background-position: 1909px 0
  }
}

.archi_img {
  width: 100%;
  height: 100%;
  background-position: top;
  z-index: 3;
}


/*Object Sliders*/

.mac_base {
  background: url(../images/mac.png);
  width: 657px;
  height: 529px;
  position: relative;
  vertical-align: top;
  display: inline-block;
}

.owl-pagination {
  position: absolute;
  bottom: -33px;
  top: auto;
  width: 100%;
  text-align: center;
  display: none
}

.mac_base .owl-controls {
  bottom: -38px;
  top: auto;
}

.mac_base .owl-buttons {
  width: 100%
}

.mac_base .owl-next {
  right: 0!important
}

.mac_base .owl-prev {
  left: 0!important
}

.mac_base .owl-buttons div:hover {
  width: 34px!important;
  height: 34px!important;
  margin: 0!important
}

.mac_slider {
  position: relative;
  text-align: center;
}

.mac_glossy {
  background: url(../images/mac_gloss.png);
  width: 275px;
  height: 382px;
  position: absolute;
  right: 0;
  z-index: 2;
  top: 0
}

.mac_wrapper {
  width: 603px;
  height: 339px;
  position: absolute;
  background: #333;
  margin: 28px 0 0 28px
}

.mac_item {
  height: 339px!important
}

.mac_acc {
  background: url(../images/mac_acc.jpg);
  width: 537px;
  height: 41px;
  position: absolute;
  bottom: -52px;
  margin: 0 0 0 42px;
}


/*Film Slider*/

.films {
  position: relative;
  z-index: 3;
  height: 205px
}

.film_item {
  width: 100%;
  height: 205px;
  position: relative;
  display: block;
}

.film_item:before {
  background: url(../images/film.png);
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-size: 100% 100%
}

.film_wrapper {
  overflow: hidden;
  position: absolute;
}

.film_wrapper .owl-buttons {
  top: 50%;
  margin: -26px 0 0 0
}


/*Sport Items*/

.sport_item {
  display: block;
  position: relative;
}

.sport_photo {
  position: relative;
  overflow: hidden;
  height: 300px;
  display: block;
}

.sport_price {
  display: block;
  margin: 10px 0 0 0;
  position: relative;
  left: -20px;
  opacity: 0;
  transition: 0.3s all;
}

.bordered_left:hover .sport_price {
  opacity: 1!important;
  left: 0;
}

.sport_txt {
  font: 400 14px/24px Oswald!important
}

.sport_price b {
  font-size: 24px
}

.relative {
  position: relative!important;
  text-align: left;
  left: 0!important;
  bottom: auto!important
}

.classes {}


/*Intro*/

.intro {
  overflow: hidden;
  max-width:100%;
}

.intro,
.intro_wrapper,
.intro_wrapper .owl-wrapper-outer,
.intro_wrapper .owl-wrapper,
.intro_wrapper .owl-item,
.intro_wrapper_no_auto,
.intro_wrapper_no_auto .owl-wrapper-outer,
.intro_wrapper_no_auto .owl-wrapper,
.intro_wrapper_no_auto .owl-item {
  height: 100%!important;
  width: 100%;
  position: relative;
}

.intro_wrapper {
  display: flex!important
}

.intro_wrapper_no_auto {
  display: flex!important
}

.bordered_block .intro_wrapper {
  position: absolute;
  top: 0
}

.intro .owl-pagination {
  display: none
}

.owl-controls {
  position: absolute;
  z-index: 3;
  width: 100%;
  margin: auto;
  left: 0;
  top: 50%;
  margin: 14px 0 0 0
}

.owl-buttons {
  margin: auto
}

.owl-prev {
  left: -40px;
}

.owl-next {
  right: -40px;
}

.owl-carousel:hover .owl-prev {
  left: 20px
}

.owl-carousel:hover .owl-next {
  right: 20px
}

.owl-theme .owl-controls .owl-buttons div i {
  margin: auto;
}

.owl-theme .owl-controls .owl-buttons div:hover {
  width: 64px;
  height: 64px;
  margin: -16px 0 0 0;
  border: 1px solid #fff;
  color: #fff
}

.intro_item {
  position: relative;
  height: 100%;
  width: 100%;
  background-size: cover!important;
  overflow: hidden;
}

.into_back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.into_zoom {
  transform: scale(1);
  transition: 40s all;
}

.active .into_zoom {
  transform: scale(1.3);
}

.intro_logo img {
  max-height: 100px;
  width: auto;
}

.intro_logo {
  margin: 0 0 30px 0
}

.over {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1
}

.over_multiply {
  background-blend-mode: multiply!important;
  background-color: #1c9ffa
}

.grey_back {
  background-color: #eee!important
}

.container {
  z-index: 2
}

.text_content {
  top: 62px;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  align-items: center;
}

.intro_text {
  position: absolute;
  width:100%;
  padding: 96px;
  color: rgba(255, 255, 255, 0.7);
  z-index: 5;
  transition: 1s all;
}

.open .intro_text {
  opacity: 0
}

.intro_text span {
  border: 0!important
    color:#fff;
}

.intro_image {
  position: absolute;
  width: 50%;
  z-index: 5!important;
}

.responsive_image img {
  width: 100%;
  height: auto;
}

.text_small {
  font: 400 12px/18px "Open Sans", sans-serif;
}

.text_big {
  font: 400 16px/24px "Open Sans", sans-serif;
}
.great_title {
  line-height:48px;
  font-weight:500;
  display: block;
  color:#151515;
    color:#fff;
}
	span.great_title{font-size:34px;font-weight:300}

.great_logo {
  color: #fff;
  font: 400 20px/32px Oswald;
  padding: 0 10px;
  display: inline-block!important;
  text-transform: uppercase;
  ;
  margin: 0 0 20px 0
}

.intro_text .great_logo {
  border: 2px solid #fff!important;
}

.great_title_big {
  font: 400 64px/69px Oswald;
}

.great_title_small {
  font: 400 34px/40px Oswald;
}

.great_subtitle {
  font: 400 14px/24px Oswald;
  text-transform: uppercase;
  display: block;
  margin: 20px 0 10px 0;
  color: #fff
}

.great_subtitle_big {
  font: 400 18px/28px Oswald;
}

.great_subtitle_small {
  font: 400 12px/16px Oswald;
}

.intro_soc {
  display: block;
  margin: 20px 0
}

.intro_soc a {
  margin: 0 5px;
  color: #fff;
  text-decoration: none;
}

.black_txt a {
  color: #292929
}

.text_up>span {
  transition: 1s all;
  top: 50px;
  position: relative;
  display: block;
  opacity: 0
}

.active .text_up span {
  top:0;
  opacity:1;
  width:70%;
  /*margin:auto;*/
}

.active .text_up span:nth-child(1) {
  transition-delay: 0s;
}

.active .text_up span:nth-child(2) {
  transition-delay: 0.5s;
}

.active .text_up span:nth-child(3) {
  transition-delay: 0.7s;
}

.active .text_up span:nth-child(4) {
  transition-delay: 0.9s;
}

.active .text_up span:nth-child(5) {
  transition-delay: 1.2s;
}

.active .text_up span:nth-child(6) {
  transition-delay: 1.5s;
}

.active .text_up span:nth-child(7) {
  transition-delay: 1.8s;
}

.active .text_up span:nth-child(8) {
  transition-delay: 2.1s;
}

.btn {
  border-radius: 0;
  transition: 0.3s all;
  text-transform: uppercase;
  display: inline-block;
  margin: 10px 2px;
  padding: 8px 16px
}

.btn:hover {}

.btn:first-child {
  margin-left: 0
}

.btn:last-child {
  margin-right: 0
}

.btn i {
  display: inline-block;
  margin-right: 10px
}

.btn-default {
  border-radius: 0;
  color: #262626!important;
  transition: 0.3s all;
  text-transform: uppercase;
  background: #ededed;
  text-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.btn-default:hover,
.btn-default.active,
.sub_menu .active .btn-default {
  background: #292929;
  color: #fff!important;
  border: 1px solid #292929
}

.btn-white {
  border-radius: 0;
  transition: 0.3s all;
  text-transform: uppercase;
  text-shadow: none;
  box-shadow: none;
  border: 2px solid #cdaf1b;
  background: none;
  color: #fff
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active {
  background: #ededed;
  color: #292929!important;
}

.mid_wrapper .owl-controls,
.menu_wrapper .owl-controls {
  top: auto;
}

.mid_wrapper .owl-next,
.partners_wrapper .owl-next,
.menu_wrapper .owl-next {
  right: 0!important
}

.partners_wrapper .owl-buttons {
  margin-top: -25px
}

.mid_wrapper .owl-item .bordered_block {
  border-top: 0;
  margin-top: 0
}

.height100per {
  height: 100%
}

.mid_wrapper .owl-prev,
.partners_wrapper .owl-prev,
.menu_wrapper .owl-prev {
  left: 0!important
}

.mid_wrapper .owl-item .bordered_block,
.menu_wrapper .owl-item .bordered_block {
  height: 100%
}


/*-------------------------------------------------- news --------------------------------------------------*/

.news {
  display: flex;
  background-color: #E7E7E7;
}

.title-news {
  background-color: #88847F;
  width: 20%;
}

.title-news h3 {
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}

.news p {
  width: 80%;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  font-size: 20px;
  color: #111;
}


/*-------------------------------------------------- our website --------------------------------------------------*/

.our_website {
  margin-top: 25px;
  margin-bottom: 25px;
}

.our_website h2, .content h2 {
  color: #0face3;
  font-weight: bold;
  margin-bottom: 22px;
}
.our_website h2{
  text-align: center;
  padding: 20px;
}

.our_website p {
  text-align: center;
  font-size: 21px;
  line-height: 1.7;
  font-weight: 300;
}


/*-------------------------------------------------- bg --------------------------------------------------*/

.bg {
  width:100%;
  padding:150px 0px;
  background:url(../images/demo-5.jpg) no-repeat center center fixed;
  background-size: cover;
}

.bg h2 {
  text-align: center;
  font-size: 46px;
  text-transform: uppercase;
  color:#fff;
  background-color:#00adff;
  opacity: 0.7;
  font-weight: bold;
  line-height: 70px;
  width: 350px;
  height: 70px;
  margin: auto;
}

.bg p {
  text-align: center;
  font-size: 22px;
  color:#1d1d1d;
  width: 50%;
  padding: 20px 0px;
  margin: auto;
  line-height: 1.35;
}


/*-------------------------------------------------- servcies --------------------------------------------------*/

.servcies {
  text-align: center;
  color: #fff;
  font-family: 'Teko', sans-serif;
}

.servcies i {
  font-size: 35px;
  margin-right: 15px;
}

.servcies a {
  color: #fff;
  font-weight: bold;
  font-size: 35px;
    transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.servcies .volunteer {
  background-color: #0F5944;
  height: 100px;
  line-height: 3;
}

.servcies .donate {
  background-color: #147358;
  height: 100px;
  line-height: 3;
}

.servcies .support {
  background-color: #188C6B;
  height: 100px;
  line-height: 3;
}

.servcies  a:hover, a:focus{
  text-decoration: none;
}

.servcies  a:hover, a:focus > i {
font-size: 37px;

}
/*-------------------------------------------------- footer --------------------------------------------------*/

footer {
  position: relative;
  background-color: #252525;
  padding:0;
}
footer ul{margin:0 0 0 20px; padding:0 0 30px}
footer li{list-style:none; padding:10px 0; margin:0; font-size:16px; border-bottom:solid 1px #1d1d1d;}
	footer .col-md-3:nth-child(2) li, footer .col-md-3:nth-child(3) li, footer .col-md-3:nth-child(4) li{
		padding:6px 0; font-size:15px;
	}
footer p, footer li, footer li a{color:#ffffff}
	footer .col-md-3:nth-child(2) li a,
	footer .col-md-3:nth-child(3) li a,
	footer .col-md-3:nth-child(4) li a{color:#d6d6d6}
footer li{clear:both}
footer li i {
  margin-right:12px;
  font-size: 22px;
  color:#a08a1b;
  float:left;
}
	footer li:nth-child(1) i{padding-bottom:24px}
footer .social-media {
  font-size: 36px;
  text-align:center;
  margin-bottom:10px;
}
footer .social-media a{margin-right:10px}
footer .fa-facebook-square:before, footer .fab{color:#272727}
footer .footer-bottom{background-color:#fff; color:#868585; font-size:14px; padding:36px; text-align:center}

/*--------------------------------------------------------------------------------------
NEWS ROOM PAGE
--------------------------------------------------------------------------------------*/
.news_room .item {
  padding: 15px;
}
.news_room .item h2{
    font-size: 30px;
    background-color: #CEAE1B;
    width: 75%;
    padding: 15px;
    color: #fff;
    font-weight: 800;
}

.news_room .item .date{
  color: #111;
  font-weight: bold;
  font-size: 14px;
  padding: 15px 0px;
}

.news_room .item p{
    color: #111;
  font-weight: bold;
  font-size: 18px;
  padding: 15px 0px;
}


/*****/

h1, h2, h3, .navbar .navbar-nav>li{font-family: 'Roboto', sans-serif;}
.navbar .navbar-nav>li>a{font-weight:500}
h1{margin-bottom:30px; font-size:60px}
h3{font-size:36px; color:#252525; margin-bottom:20px}
h4{font-size:28px}
.dropdown-menu{left:0; padding:10px 16px;}
.bg-grey{background-color:#f5f5f5}

.news-list a{color:#c5a91f}

.about, .projects{padding:50px 0;}
	.about h1, .projects h1{color:#0b5d47; font-size:60px; font-weight:400; /*text-transform:uppercase;*/}
	.about h2, .projects h2{color:#0b5d47; font-size:50px; font-weight:600; text-transform:uppercase; line-height:48px;}
	.about h2 span{color:#cfac1a; font-size:60px; display:block;}
	.about p, .projects p{font-size:20px; color:#545454; margin-bottom:20px}
	.about .border-left{border-left:solid 4px #e2d6c6}
	.about ul, .about ol{margin:0 20px 20px}
	.about ul li, .about ol li{padding:2px 0; margin:0}
	.bg.bg-about{height:350px; padding:100px 0}
		.bg.bg-about h1{text-align:center; color:#ffffff; font-size:48px;}
	.bg-chairman{height:auto; padding:50px 0}
		.bg-chairman h1{text-align:center; color:#ffffff; font-size:48px; color:#c8aa1c; text-shadow:1px 3px 10px #000}

.more{text-align:right}
	.more a{color:#0b5d47}

.nav-pills{width:auto; margin:20px auto 0; display:inline-block;}
#exTab3 .nav-pills > li > a {
  border-radius: 0px 0px 0 0;
  font-size:18px;
  color:#0b5d47;
}
#exTab3 .tab-content {
  color : white;
  background-color: #ffffff;
  padding : 5px 15px;
}
	.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
		background-color: #0c5e48; color:#ffffff !important;
	}

.board .col-md-9{background-color:#ececec; min-height:130px; color:#3a3a3a; font-size:130%;}
.board .col-md-9 h3{font-size:26px; margin-top:30px; margin-bottom:5px;}

.col-md-4 .gallery{padding:0 6px}
.col-md-4 .video-thumb{margin:6px 6px; position:relative}
.gallery-img{float:right; padding:0 0 20px 25px; width:50%; height:auto}
/*.lcl_minimal .lcl_tn_inner li:last-child{display:none}*/
a.elem{position:relative}
.lcl_minimal #lcl_thumbs_nav span{color:#ffffff}
.lcl_txt_toggle{display:none !important}
.gallery-title{
	position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.75);
    width: 100%;
    height: auto;
    padding: 14px 20px;
    color: #ffffff;
    font-size: 22px;
}
	.gallery-title .fas, .gallery-title .fab{margin:0 8px 0 0 !important; color:#c5a91f}
	
.no-display{display:none}

span.numbers{font-weight:bold; color:#af9b3c; font-size:18px}

p.note{font-size:14px; font-style:italic; margin:10px 0 16px;}
.registration-container {
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    width: 100%;
    background-color: #ffffff;
}
	.registration-container h4{
		font-size: 28px;
		background:#0c5e48;
		padding:15px 20px;
		color:#ffffff;
		margin-bottom:20px;
	}

.btn-primary, a.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background: #0face3;
  border-color: #0face3;
    padding: 12px 34px !important;
    border-radius: 4px;
}

a.bg-primary:hover, a.bg-primary:focus {
  background-color:#45beeb;
}
.btn-primary:focus,
.btn-primary.focus {
  background-color:#45beeb;
  border-color:#45beeb;
}
.btn-primary:hover {
  background-color:#45beeb;
  border-color:#45beeb;
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  background-color:#45beeb;
  border-color:#45beeb;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
  background-color:#45beeb;
  border-color:#45beeb;
}

.contacts i{
	margin-right: 12px;
    font-size: 22px;
    color: #a08a1b;
		color:#0c5e48;
    float: left;
}
	.contacts p:nth-child(2) i{padding-bottom:24px}

.side-menu{
	background-color:#0b5d47;
	padding:20px 0;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.side-menu ul{list-style:none; display:block; padding:10px 40px}
.side-menu li{margin:0; border-bottom:#0e4838 solid 2px}
.side-menu li a{
	color:#ffffff;
	display:block;
	padding:6px 10px;
}
	.side-menu li a:hover, .side-menu li a:focus, .side-menu li.active a{background-color:#0e4838; color:#ffffff; text-decoration:none}
.navbar-nav>li:last-child a{font-weight:300; background: #0face3; color:#fff !important; border-radius: 3px;}
#packages, #about{
  background-color:#f5f5f5;
  margin-top: 0;
  margin-bottom: 0;
  padding: 25px 0;
}
#packages{padding-bottom: 35px;}
html{scroll-behavior: smooth;}

.margin-bottom-small{margin-bottom:10px}
.margin-bottom-medium{margin-bottom:25px}
.margin-bottom-large{margin-bottom:50px}
.margin-top-small{margin-top:10px}
.margin-top-medium{margin-top:25px}
.margin-top-large{margin-top:50px}

a, .news-title, .news-list img{
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.content{
	padding:6% 20%;
	line-height: 1.6;
    font-size: 18px;
	color: #363636;
}
	/*.content h2{font-weight:bold; font-size:20px; text-transform:capitalize}*/
.v-padding{padding:60px 0}
.h-padding{padding-left:60px; padding-right:60px}
	.v-padding h2{padding:0}
.btn-slide{
  background:#0face3;
    padding: 0px 40px;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    text-transform: capitalize;
    margin-top: 20px;
    font-size:18px;
	font-weight: 600;
    border-radius: 4px;
      text-transform: uppercase;
      font-weight: 500;
      background-color: transparent;
      border: solid 1px #fff;
}
	.btn-slide:hover, .btn-slide:focus{color:#0face3; background:#59afff; background:#fff}
.navbar-toggle{float:left; margin:8px 0 0 6px; padding:5px /*background-color:#0face3*/}
	.navbar-toggle .icon-bar{background-color:#000; width:30px; height:3px}
	.navbar-toggle .icon-bar+.icon-bar{margin-top:6px}
		.navbar-nav{margin:7.5px -15px 0}
@media (min-width: 768px){
	.nav>li>a{padding: 10px 14px}
	.dropdown-menu>.active>li{display:block; float:none !important}
	.dropdown-menu li{float:none}
	nav.navbar{
		position:fixed;
		top:20px;
		height:28px;
		right:33px;
		z-index:5;
		background:none;
		border:none;
	}
	.logo{
		left: 33px;
		top:0px;
		width: 149px;
		height: 30px;
		z-index: 5;
		position: fixed;
		display: block;
	}
	.header{
		display:block;
		position:fixed;
			top:0;
			left:0;
			z-index:99;
		background-color:rgba(255,255,255,1); /*.75*/
		width: 100%;
    height: 80px;
    /*box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);*/
	}
  .v-padding-large{padding:84px 0px}
  .navbar-nav>li:last-child{
    border-left: solid 1px #e0e0e0;
    padding-left: 10px;
    margin-left: 15px;
  }
  .navbar-nav>li:last-child a{font-weight:300; margin: 0 0 0 25px;}
  .navbar-default .navbar-nav>li:last-child>a:hover,
  .navbar-default .navbar-nav>li:last-child>a:focus{background: transparent !important;}
}
@media (max-width: 767px){
	.logo{
		position: absolute;
		left: 45px;
		top: 0;
	}
		.logo img{width:130px}
	.navbar .navbar-nav>li>a {
		color:#404040;
		border-bottom:1px solid #e6e6e6;
	}
		.navbar .navbar-nav>li:last-child>a{border:none}
	.content{padding:6% 8%}
}
@media (min-width: 1280px){
	.navbar .navbar-nav>li>a{color:#363636; font-size:16px}
	.logo img{height:60px; max-width:none}
	.row{padding:0}
	.container {
		width:100%;
		max-width: 1440px;
		overflow: hidden;
		margin: 0 auto;
			padding:0;
		/*font-size: 0;
		color: #363636;*/
	}
	.img-responsive {
		overflow: hidden;
		position: relative;
		width:100%;
		/*margin-top: 80px;
		margin-top: 5.55556vw;*/
	}
}
@media (max-width: 1023px){
	footer .social-media{font-size:34px !important}
}
@media (max-width: 991px){
	footer .social-media{margin:-10px 0 20px 18px}
	.about ul{margin:0 10px}
	form .row .col-md-12, form .row .col-md-4, form .row .col-md-8{margin-bottom:20px}
	form .row.margin-bottom-medium{margin-bottom:0}
}
@media (max-width: 767px){
  footer .col-md-3:nth-child(2) ul, footer .col-md-3:nth-child(3) ul{padding-bottom:0}
  .navbar {
    min-height: 75px;
    /*position: absolute;*/
    left: 10px;
    top: 10px;
  }
  .logo{
    left: 41%;
  }
  .navbar-nav {
    margin: 15.5px 0 0 -15px;
  }
  .navbar .navbar-nav>li:last-child{margin-bottom: 30px;}
  .into_back.image_bck{display:none}
  .intro_item{background: #0face3;}
  .active .text_up span{width:100%}
  .our_website p{font-size: 1.1em !important;}
  .feature-table .th1{margin-bottom: 30px !important;}
  .great_title{
    font-size: 2.85em;
    line-height: 1.1;
  }
  span.great_title {
    font-size: 1.85em;
  }
  .feature-table .feature-block{margin: 0;}
}
@media (max-width: 640px){
	.gallery-img{float:none; padding:0 0 20px 0; width:100%}
	.about h1, .projects h1{font-size:2.5em}
}
@media (max-width: 480px){
	footer .social-media{text-align:left}
	.board .col-md-9{font-size:100%}
		.board .col-md-9 h3{font-size:20px}
    .img-board{margin-left:-50%}
  .h-padding {
    padding-left: 40px;
    padding-right: 40px;
  }
  .great_title {font-size: 2.55em;}
  span.great_title {font-size: 1.35em}
  .btn-slide{font-size: 1em;}
  .intro{height: 60% !important;}
  .text_content{top:0}
}

/**/

.feature-table .feature-block {
  /*flex: 1;*/
  background-color: #476481;
  color: #fff;
  padding: 0;
  padding-bottom: 24px;
  text-align: center;
  margin: 15px;
  transition: all .2s ease-in-out;
}
.feature-table .feature-block:hover{transform: scale(1.5);}

@media(min-width:768px){
  .feature-table {
    display: flex;
  }

  .feature-table .feature-block {
    flex: 1;
  }
}

.feature-table h3 {
  color: #fff;
    font-size: 30px;
    font-weight: 500;
    background: #0c72bd;
    padding: 30px 0;
    border-radius: 6px 6px 0px 0px;
    margin-top: 0;
}
  /*.feature-block:nth-child(2) h3{background-color:#0493c5}
  .feature-block:nth-child(3) h3{background-color:#0493c5}
  .feature-block:nth-child(4) h3{background-color:#0493c5}*/

.feature-table .th1 {
  background-color: #476481;
    background-color: #fff;
    color: #333132;
    margin-top: 30px;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
}

.feature-table .th2 {
  background-color: #3e5871;
}

.feature-table .th3 {
  background-color: #354b60;
}

.feature-table .th4 {
  background-color: #2c3e50;
}

.feature-table-icon {
  background-color: #6b839a;
  border-radius: 50%;
  border: 1px solid #3e5871;
  width: 115px;
  height: 115px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.feature-table-icon-1 {
  background-color: #6B839A;
  border-color: #3e5871;
}

.feature-table-icon-2 {
  background-color: #476481;
  border-color: #354b60;
}

.feature-table-icon-3 {
  background-color: #3E5871;
  border-color: #2c3e50;
}

.feature-table-icon-4 {
  background-color: #354B60;
  border-color: #233140;
}

.feature-table-icon svg {
  width: 100%;
}

.feature-table .price {
  font-size: 28px;
    font-weight: 500;
}

.feature-table .price span {
  font-size: 52px;
    font-weight: 100;
}

.feature-table .price-int {
    font-size: 18px;
    font-weight: 100;
    border-bottom: 1px solid #333132;
    margin: 0 28% 16px;
    padding-bottom: 20px;
}