/*- -*/
/*----------------------------------------

[Table of contents]



1. Main Structure

   1.1 Layout Styles

   1.2 Header

       1.2.1 Slide Menu

   1.3 Footer

   1.4 Main Slider

2. Typography

   2.1 Typography Styles

   2.2 Page Preloader

   2.3 Forms

   2.4 Buttons

   2.5 Social Icons

   2.6 Tags  

3. Content

   3.1 Services block

   3.2 Category block

   3.3 Pricing block

   3.4 Text + Number block

   3.5 Icon + Number block

   3.6 Text + Icon block

   3.7 Testimonials block

   3.8 Request form block

   3.9 Gallery block

   3.10 Person block

   3.11 Post block

   3.12 Tips block

   3.13 Blog

   3.14 Calendar

4. Plugins overlay styles








/*-----  Contact block      --------*/

#contato{
  background-color: #266899;
}
.container-contact{
  width: 85%;
  margin: auto;
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  background-color: white;

}

.address-block {

  position: relative;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  margin: auto;
  color: #090c9b;
  width: 95%;
}

.img-responsive{

    width: 30%;
    margin: auto;
}

.address-block .icon {

  font-size: 40px;

  line-height: 40px;

  color: #35bfec;

}

.address-block h6 {

  font-size: 1.8rem;

  line-height: 2.6rem;

  margin: 0;

  padding: 0;

  font-weight: bold;

}

#map {

  width: 100%;

  height: 325px;

  margin: 0;

  border: 0;

  overflow: hidden;

}

.quote {

  margin-top: 40px;

  margin-bottom: 40px;

  color: #35bfec;

  font-size: 15px;

  line-height: 1.2em;

  font-style: italic;

  padding-left: 100px;

  position: relative;

}

.quote:before {

  font-family: Georgia, serif;

  font-size: 200px;

  line-height: 1em;

  font-style: normal;

  content: "“";

  position: absolute;

  left: 0;

  top: -20px;

  color: #35bfec;

}

.quote-simple {

  margin-top: 20px;

  margin-bottom: 20px;

  color: #35bfec;

  font-size: 15px;

  line-height: 22px;

  font-style: italic;

  padding-left: 20px;

  position: relative;

}

ul.marker-list {

  margin: 35px 0 0;

  padding: 0;

  font-size: 16px;

  line-height: 22px;

  text-align: left;

  list-style: none;

}

ul.marker-list li {

  padding: 0 0 12px 23px;

  position: relative;

}

ul.marker-list li:after {

  content: '\e913';

  font-family: 'pool';

  color: #005395;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  font-size: 16px;

}

ul.marker-list li span {

  color: #b1b1b1;

}

.animated {

  -webkit-animation-duration: .6s;

  animation-duration: .6s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  opacity: 1;

}

.animation,

.step-animation {

  opacity: 0;

  opacity: 1\9;

}
















---------------------------------------*/

.vertical-align {

  top: 50%;

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

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}

.horizontal-align {

  left: 50%;

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

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

  transform: translateX(-50%);

}

.vert-wrapper {

  display: table;

  width: 100%;

  height: 100%;

}

.vert-wrapper .vert {

  display: table-cell;

  height: 100%;

  vertical-align: middle;

}

/*---------------------------------------*/

/*--------   1. Main Structure   --------*/

/*---------------------------------------*/

/*--------   1.1 Layout Styles   --------*/

body,

html {

  overflow-x: hidden;

}

.block {

  margin-bottom: 90px;

}

.block.bottom-md-margin {

  margin-bottom: 80px;

}

.block.bottom-sm-margin {

  margin-bottom: 70px;

}

.block.bottom-xs-margin {

  margin-bottom: 60px;

}

.block.bottom-null {

  margin-bottom: 0;

}

.block.bg-1 {

  background: url(../images/block-bg.jpg) no-repeat fixed center center;

  background-size: cover;

  padding: 75px 0 44px;

  color: #fff;

}

.block.bg-1 h2 {

  color: #fff;

}

.block.bg-2 {

  background: url(../images/block-bg-2.jpg) no-repeat fixed center center;

  background-size: cover;

  padding: 0;

  color: #fff;

  min-height: 578px;

}

.block.bg-3 {

  background: url(../images/block-bg-3.jpg) no-repeat center center;

  background-size: cover;

  padding: 73px 0 44px;

  color: #fff;

}

.block.bg-3 h2 {

  color: #fff;

}

body:not(.home) #page-content {

  margin-top: 90px;

}

@media (max-width: 767px) {

  .block {

    margin-bottom: 45px;

  }

  body:not(.home) #page-content {

    margin-top: 45px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1200px;

  }

}

/*--------   1.2 Header          --------*/

header.page-header {

  position: relative;

  z-index: 100000;

  padding: 0;

  margin: 0;

  border: 0;

  font-weight: normal;

}

header .header-top {

  padding: 15px 0;

}

header .logo img {

  max-width: 100%;

}

header .slogan {

  padding: 30px 0 0 0;

  font-size: 20px;

  line-height: 28px;

  font-style: italic;

  text-align: left;

  color: #000;

}

header .phone {

  padding: 30px 0 0 0;

  font-size: 13px;

  color: #465f8c;



  text-align: right;

  font-weight: normal;

}

header .phone span {

  display: inline-block;

  vertical-align: bottom;

}

header .phone .number {

  margin-bottom: 5px;

  font-size: 32px;

  line-height: 32px;

  color: #000;

}

header .phone .number .icon {

  font-size: 34px;

  padding: 0 10px 0 0;

  vertical-align: middle;

}

header .first-mobile {

  float: right;

}

body:not(.home) header.page-header {

  border-bottom: 6px solid #000;

}

@media (min-width: 768px) {

  .navbar-header {

    float: none;

  }

  #navbar-main.affixed-top {

    background: #fff;

  }

  #navbar-main.affix {

    top: 0;

    left: 0;

    right: 0;

    background: rgba(255, 255, 255, 0.9);

    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);

  }

  .navbar {

	background-image: url(../images/bg-cabecalho.jpg);

    border: 0;

    border-radius: 0;

    min-height: 70px;

    margin-bottom: 0;

    padding: 0;

  }

  .ecaret {

    dispaly: none;

  }

  #slidemenu {

    padding-right: 0;

    padding-left: 0;

    text-align: center;

  }

  .nav .open > a,

  .nav .open > a:focus,

  .nav .open > a:hover {

    background-color: transparent;

    color: #000;

  }

  .navbar-nav {

    float: none;

    margin: 0 auto -5px;

    display: inline-block;

  }

  .navbar-nav > li > a {

    font-size: 18px;

    line-height: 30px;

    padding: 22px 30px;



    color: #09F;

    font-weight: bold;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

  }

  .navbar-nav > li > a:hover,

  .navbar-nav > li > a:focus {

    background-color: transparent;

    color: #000;

  }

  .navbar-nav li.active > a {

    color: #000;

  }

  .navbar-nav .dropdown .dropdown-menu {

    border: 0;

    border-radius: 0;

    padding: 12px 0;

    bottom: auto !important;

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

    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

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

  }

  .navbar-nav .dropdown .dropdown-menu li.open > a {

    background-color: transparent;

  }

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

    font-size: 16px;

    line-height: 30px;

    padding: 10px 38px;



    color: #929292;

    border-bottom: 1px solid #f0f0f0;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

  }

  .navbar-nav .dropdown .dropdown-menu li > a:hover,

  .navbar-nav .dropdown .dropdown-menu li > a:focus {

    background-color: transparent;

    color: #005395;

    border-bottom: 1px solid #f0f0f0;

  }

  .navbar-nav .dropdown .dropdown-menu li:last-child > a {

    border-bottom: 0;

  }

  .navbar-nav .dropdown .dropdown-menu .dropdown-menu {

    top: -6px;

  }

  .navbar-nav .dropdown .dropdown-menu .ecaret {

    width: 0;

    height: 0;

    margin-left: 2px;

    vertical-align: middle;

    display: inline-block;

    border: 0;

    float: right;

    margin-top: 0;

    margin-right: -10px;

    position: relative;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

  }

  .navbar-nav .dropdown .dropdown-menu .ecaret:before {

    font-family: 'pool';

    content: "\e90f";

  }

  .navbar-nav .dropdown .dropdown-menu li > a:hover .ecaret {

    margin-right: -20px;

  }

}

@media (max-width: 1199px) {

  header .slogan {

    padding: 30px 0 0 0;

    font-size: 18px;

    line-height: 24px;

  }

  header .phone {

    padding: 20px 0 0 0;

    font-size: 14px;

  }

  header .phone .number {

    margin-bottom: 8px;

    font-size: 30px;

    line-height: 34px;

  }

  header .phone .number .icon {

    font-size: 30px;

    padding: 0 10px 0 0;

  }

  header .navbar-nav > li > a {

    padding-left: 20px;

    padding-right: 20px;

  }

}

@media (max-width: 991px) {

  header .slogan {

    display: none;

  }

  header .phone {

    padding: 10px 0 0 0;

    font-size: 14px;

  }

  header .phone .number {

    margin-bottom: 8px;

    font-size: 30px;

    line-height: 34px;

  }

  header .phone .number .icon {

    font-size: 30px;

    padding: 0 10px 0 0;

  }

  header .navbar-nav > li > a {

    padding-left: 15px;

    padding-right: 15px;

  }

}

@media (max-width: 767px) {

  body:not(.home) header.page-header {

    border-bottom: 4px solid #005395;

  }

  header.page-header {

    padding: 0;

    margin: 0;

  }

  header .header-top {

    padding: 10px 0;

  }

  header .slogan {

    display: none;

  }

  header .logo {

    text-align: center;

    padding: 15px 0;

  }

  header .logo img {

    max-width: 250px;

  }

  header .phone {

    padding: 8px 0 0 50px;

  }

  header .phone div:not(.number) {

    display: none;

  }

  header .phone .number {

    margin-bottom: 0;

    font-size: 24px;

    line-height: 24px;

  }

  header .phone .number .icon {

    font-size: 24px;

    padding: 0 10px 0 0;

    vertical-align: middle;

  }

  header .first-mobile {

    float: none;

  }

  header .navbar {
	  
	      background-image: url(../images/bg-cabecalho.jpg);
    background-position-y: 0px;
    background-size: cover;

    position: static;

    min-height: 0;

    border: 0;

    margin: 0;

  }

  header .dropdown-menu {

    border-radius: 0;

  }

  header .navbar-nav .ecaret {

    display: block;

    width: 50px;

    height: 50px;

    border: 0;

    background: rgba(255, 255, 255, 0.2);

    position: absolute;

    z-index: 100;

    top: 0;

    right: 0;

  }

  header .navbar-nav .ecaret:after {

    content: '+';

    position: absolute;

    top: 0;

    width: 100%;

    font-size: 24px;

    line-height: 50px;

    text-align: center;

  }

  header .navbar-nav li.opened > a > .ecaret:after {

    content: '\2013';

  }

  header .navbar-nav li {

    background: transparent;

    position: relative;

  }

  header .navbar-nav > li > a,

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

    font-size: 20px;

    line-height: 30px;

    padding: 10px 20px;

    color: #fff;

    background: transparent;



    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

  }

  header .navbar-nav > li > a:hover {

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

    color: #fff;

  }

  header .navbar-nav .open > a,

  header .navbar-nav .open > a:focus,

  header .navbar-nav .open > a:hover,

  header .navbar-nav .opened > a,

  header .navbar-nav .opened > a:focus,

  header .navbar-nav .opened > a:hover {

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

    color: #fff;

  }

  header .navbar-toggle {

    position: absolute;

    top: 16px;

    left: 5px;

    padding: 0 10px;

    margin: 0;

    font-size: 30px;

    color: #005395;

  }

  header .navbar-toggle .icon-cancel {

    display: none;

    font-size: 26px;

  }

  header .navbar-toggle.slide-active .icon-cancel {

    display: inline;

  }

  header .navbar-toggle.slide-active .icon-menu {

    display: none;

  }

  header .navbar-nav .dropdown-menu,

  header .navbar-nav .opened > .dropdown-menu {

    margin: 0;

    padding: 0;

    display: none;

    width: 100%;

    position: relative;

    background-color: #f0f0f0;

    border: 0;

  }

  header .navbar-nav .dropdown-menu a,

  header .navbar-nav .opened > .dropdown-menu a,

  header .navbar-nav .dropdown-menu a:focus,

  header .navbar-nav .opened > .dropdown-menu a:focus {

    font-size: 16px;

    line-height: 30px;

    color: #333;

    background: transparent;

    padding: 10px 15px 10px 20px;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

  }

  header .navbar-nav .dropdown-menu a:hover,

  header .navbar-nav .opened > .dropdown-menu a:hover {

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

    color: #fff;

  }

  header .navbar-nav .dropdown-menu .dropdown-menu,

  header .navbar-nav .opened > .dropdown-menu .dropdown-menu {

    background-color: #fcfcfc;

  }

  header .navbar-nav .opened > .dropdown-menu {

    display: block;

    margin-bottom: 5px;

  }

}

/*--------   1.2.1 Slide Menu    --------*/

body.slide-active {

  overflow-x: hidden;

}

#page-content {

  position: relative;

  left: 0;

}

#page-content.slide-active {

  padding-top: 0;

}

.navbar-header {

  position: relative;

}

@media (max-width: 767px) {

  #slide-nav .container {

    margin: 0!important;

    padding: 0!important;

    height: 100%;

  }

  #slide-nav .navbar-header {

    margin: 0 auto;

    padding: 0 15px;

  }

  #slide-nav .navbar.slide-active {

    position: absolute;

    width: 270px;

    top: -1px;

    z-index: 1000;

  }

  #slide-nav #slidemenu {

    left: -100%;

    width: 270px;

    min-width: 0;

    position: absolute;

    padding-left: 0;

    z-index: 2;

    top: 0;

    margin: 0;

  }

  #slide-nav #slidemenu .navbar-nav {

    min-width: 0;

    width: 100%;

    margin: 10px 0 0;

  }

  #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {

    min-width: 0;

    width: 100%;

    white-space: normal;

  }

  #slide-nav {

    border-top: 0;

  }

  #navbar-height-col {

    position: fixed;

    top: 0;

    height: 100%;

    bottom: 0;

    width: 270px;

    left: -270px;

    background: #005395;

  }
  
  .container-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .container-3 div{
    padding: 0px;   
    text-align: center;

  }

  .img-3{
    max-width: 100%;
  }

  #empresa {
    width: 100%;
  }

}

@media (min-width: 768px) {

 #page-content {

    left: 0 !important;

  }

  .navbar.navbar-fixed-top.slide-active {

    position: fixed;

  }

  .navbar-header {

    left: 0 !important;

  }


  .container-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .container-3 div{
    padding: 18px;
    text-align: center;
  }

  .img-3{
    max-width: 100%;
  }
  
  #empresa {
    width: 75%;
  }
  
}
/*- BG Linha Rodapé -*/
/*--------   1.3 Footer          --------*/

.page-footer {

  position: relative;

  background: url(../images/footer-bg.jpg) repeat-x center bottom #465f8c;

  color: #fff;

  padding: 48px 0 54px;

  clear: both;

}

.page-footer .container {
	position: relative;
	z-index: 100;
	overflow: visible;

}

.page-footer .footer-menu {

  text-align: center;

  margin-bottom: 25px;

}

.page-footer .footer-menu ul {

  margin: 0;

  padding: 0;

}

.page-footer .footer-menu ul li {

  display: inline;

  margin: 0 34px 5px;

}

@media (max-width: 1199px) {

  .page-footer .footer-menu ul li {

    margin: 0 15px 5px;

  }

}

.page-footer .footer-menu ul li a {

  font-size: 18px;

  line-height: 20px;



  color: #fff;

}

.page-footer .footer-menu ul li a:hover {

  text-decoration: underline;

}

.page-footer .logo {

  text-align: center;

}

.page-footer .logo img {

  max-width: 100%;

  display: inline-block;

}

.page-footer .location {

  position: relative;

  margin: 32px 0 0 0;

  padding: 0 0 0 38px;

  color: #fff;



  text-align: left;

  font-size: 16px;

  line-height: 20px;

}

.page-footer .location span {

  display: inline-block;

  vertical-align: bottom;

}

.page-footer .location .icon {

  position: absolute;

  left: 2px;

  top: 0;

  font-size: 26px;

  padding: 0 7px 0 0;

  vertical-align: middle;

}

.page-footer .first-mobile {

  float: right;

}

.page-footer .phone {

  margin: 29px 0 0 0;

  color: #fff;

=

  text-align: right;

}

.page-footer .phone span {

  display: inline-block;

  vertical-align: bottom;

}

.page-footer .phone .number {

  font-size: 30px;

  line-height: 30px;

  color: #fff;

}

.page-footer .phone .number .icon {

  font-size: 26px;

  padding: 0 7px 0 0;

  vertical-align: middle;

}

.page-footer .footer-bot {

  text-align: center;

}

.page-footer .copyright {

  font-size: 16px;

  line-height: 22px;

  margin: 18px 0 20px;

}

@media (max-width: 991px) {

  .page-footer .phone .number {

    font-size: 20px;

    line-height: 40px;

  }

  .page-footer .phone .number span {

    vertical-align: middle;

  }

  .page-footer .phone .number .icon {

    font-size: 26px;

    padding: 0 7px 0 0;

  }

}

@media (max-width: 767px) {

  .page-footer {

    padding: 30px 10px;

  }

  .page-footer .location {

    margin: 0 0 10px;

    padding: 0 0 0 38px;

    font-size: 16px;

    line-height: 20px;

  }

  .page-footer .phone {

    margin: 0 0 10px;

    text-align: left;

  }

  .page-footer .phone .number {

    font-size: 26px;

    line-height: 30px;

  }

  .page-footer .phone .number .icon {

    font-size: 26px;

    padding: 0 7px 0 0;

  }

  .page-footer .first-mobile {

    float: none;

  }

}

/* back to top button */

.back-to-top {

  position: absolute;

  bottom: 205px;

  right: 5%;

}

@media (max-width: 1199px) {

  .back-to-top {

    bottom: 50px;

  }

}

.back-to-top a {

  display: block;

  color: #fff;

  font-size: 60px;

  line-height: 60px;

  text-align: center;

  text-decoration: none;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

}

.back-to-top:hover a {

  color: #005395;

}

#footerSea {

  width: 100%;

  position: absolute;

  bottom: 0;

  z-index: 0;

  opacity: 0.55;

  pointer-events: none;

}

/*--------   1.4 Main Slider     --------*/

.slider-wrapper {

  position: relative;

}

#slider {

  margin-bottom: 100px;

  height: 700px;

}

@media (max-width: 767px) {

  #slider {

    margin-bottom: 45px;

    height: 400px;

  }

}

#sea {

  width: 100%;

  position: absolute;

  bottom: 0;

  z-index: 1000;

  opacity: 0.15;

  pointer-events: none;

}

.nivo-caption .text {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: backwards;

  -moz-animation-fill-mode: backwards;

  -ms-animation-fill-mode: backwards;

  -o-animation-fill-mode: backwards;

  animation-fill-mode: backwards;

  -webkit-animation-iteration-count: none;

  animation-iteration-count: none;

}

.nivo-caption .text1 {

  font-family: Lato, sans-serif;

  font-weight: 400;

  font-size: 80px;

  margin-bottom: .6em;

  line-height: 1em;

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}

@media (max-width: 1199px) {

  .nivo-caption .text1 {

    font-size: calc(3.8vw + 10px);

  }

}

.nivo-caption .text2 {

  font-family: Lato, sans-serif;

  font-weight: 300;

  font-size: 30px;

  margin-bottom: 1.7em;

  line-height: 1em;

  -webkit-animation-delay: 1.5s;

  animation-delay: 1.5s;

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}

@media (max-width: 1199px) {

  .nivo-caption .text2 {

    font-size: calc(.65vw + 15px);

  }

}

@media (max-width: 767px) {

  .nivo-caption .text2 {

    margin-bottom: 1em;

  }

}

.nivo-caption .text3 {

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}

.nivo-caption {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  overflow: hidden;

  background: 0 0;

  text-align: center;

  opacity: 1;

}

.nivo-caption a.btn {

  display: inline-block !important;

  text-decoration: none;

  font-size: 20px;

  font-weight: bold;

  line-height: 1em;

  padding: 1.15em 1.6em;

  border-radius: .5em;

  height: auto;



  -webkit-transition: all 200ms ease;

  -moz-transition: all 200ms ease;

  -ms-transition: all 200ms ease;

  -o-transition: all 200ms ease;

}

@media (max-width: 1199px) {

  .nivo-caption a.btn {

    font-size: calc(.8vw + 5px);

  }

}

/*---------------------------------------*/

/*--------     2. Typography     --------*/

/*---------------------------------------*/

/*-------  2.1 Typography Styles --------*/

body {

  font-family: 'Open Sans', sans-serif;

  color: #000000;

  font-size: 15px;

  line-height: 22px;

  font-weight: 500;

}

@media (max-width: 767px) {

  body {

    font-size: 14px;

    line-height: 20px;

  }

}

a {

  color: #000;

}

p {

  font-size: 15px;

  line-height: 22px;

  margin-bottom: 22px;

}

@media (max-width: 767px) {

  p {

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 20px;

  }

}

p.font18 {

  font-size: 18px;

  line-height: 26px;

  margin-bottom: 26px;
  
  text-align: justify;
  
}

@media (max-width: 767px) {

  p.font18 {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 22px;

  }

}
/*- Cor texto Apresentação -*/
.color {

  color: #465f8c;

}

h1,

h2 {

  font-size: 52px;

  line-height: 1em;

  padding: 0 0 20px;

  margin: 0 0 60px;

  font-family: 'Open Sans', sans-serif;

  font-weight: 600;

  color: #000;

}

@media (max-width: 767px) {

  h1,

  h2 {

    font-size: 40px;

    line-height: 1em;

    padding: 0 0 10px;

    margin: 0 0 30px;

  }

}

h1.decor,

h2.decor {

  padding: 0 0 48px;

  margin-bottom: 33px;

  background: url(../images/h-decor.png) no-repeat center bottom;

}

@media (max-width: 767px) {

  h1.decor,

  h2.decor {

    padding: 0 0 25px;

    margin-bottom: 25px;

  }

}

h1.decor.decor-white,

h2.decor.decor-white {

  background-image: url(../images/h-decor-white.png);

}

h3 {

  font-size: 42px;

  line-height: 1em;

  padding: 0;

  margin: 0 0 40px;

  font-family: 'Open Sans', sans-serif;

  font-weight: 600;

  color: #4c4c4c;

}

@media (max-width: 767px) {

  h3 {

    font-size: 36px;

    line-height: 1em;

    padding: 0 0 10px;

    margin: 0 0 30px;

  }

}

h3.decor {

  padding: 0 0 45px;

  margin-bottom: 28px;

  background: url(../images/h-decor.png) no-repeat center bottom;

}

@media (max-width: 767px) {

  h3.decor {

    padding: 0 0 25px;

    margin-bottom: 25px;

  }

}

h4 {

  font-size: 26px;

  line-height: 1.154em;

  padding: 0;

  margin: 0 0 20px;

  font-family: 'Lato', sans-serif;

  font-weight: 700;

  color: #4c4c4c;

}

@media (max-width: 767px) {

  h4 {

    font-size: 24px;

    margin: 0 0 15px;

  }

}

h5 {

  font-size: 22px;

  line-height: 1em;

  padding: 0;

  margin: 0 0 25px;

  font-family: 'Lato', sans-serif;

  font-weight: bold;

  

  color: #000;

}

h6 {

  font-size: 18px;

  line-height: 26px;

  margin: 0;

  padding: 0;

  font-family: 'Lato', sans-serif;

  font-weight: bold;

  color: #000;

}

.divider {

  clear: both;

  height: 35px;

}

@media (max-width: 767px) {

  .divider {

    height: 20px;

  }

}

.divider-line {

  clear: both;

  height: 50px;

  margin-top: 50px;

  border-top: 1px solid #e0eaf2;

}

@media (max-width: 767px) {

  .divider-line {

    margin-top: 30px;

    height: 30px;

  }

}

.divider-lg {

  clear: both;

  height: 65px;

}

@media (max-width: 767px) {

  .divider-lg {

    height: 40px;

  }

}

.divider-sm {

  clear: both;

  height: 15px;

}

@media (max-width: 767px) {

  .divider-sm {

    height: 10px;

  }

}

.divider-xs {

  clear: both;

  height: 10px;

}

.divider-xxs {

  clear: both;

  height: 5px;

}

.address-block {

  position: relative;

  padding: 0 0 20px 52px;

  font-size: 16px;

  line-height: 26px;

}

.address-block .icon {

  position: absolute;

  top: 0;

  left: 0;

  font-size: 40px;

  line-height: 40px;

  color: #caaddb;

}

.address-block h6 {

  font-size: 18px;

  line-height: 26px;

  margin: 0;

  padding: 0;

  font-weight: bold;

}

#map {

  width: 100%;

  height: 325px;

  margin: 0;

  border: 0;

  overflow: hidden;

}

.quote {

  margin-top: 40px;

  margin-bottom: 40px;

  color: #7a8288;

  font-size: 15px;

  line-height: 1.2em;

  font-style: italic;

  padding-left: 100px;

  position: relative;

}

.quote:before {

  font-family: Georgia, serif;

  font-size: 200px;

  line-height: 1em;

  font-style: normal;

  content: "“";

  position: absolute;

  left: 0;

  top: -20px;

  color: #e8eaec;

}

.quote-simple {

  margin-top: 20px;

  margin-bottom: 20px;

  color: #7a8288;

  font-size: 15px;

  line-height: 22px;

  font-style: italic;

  padding-left: 20px;

  position: relative;

}

ul.marker-list {

  margin: 35px 0 0;

  padding: 0;

  font-size: 16px;

  line-height: 22px;

  text-align: left;

  list-style: none;

}

ul.marker-list li {

  padding: 0 0 12px 23px;

  position: relative;

}

ul.marker-list li:after {

  content: '\e913';

  font-family: 'pool';

  color: #005395;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  font-size: 16px;

}

ul.marker-list li span {

  color: #b1b1b1;

}

.animated {

  -webkit-animation-duration: .6s;

  animation-duration: .6s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  opacity: 1;

}

.animation,

.step-animation {

  opacity: 0;

  opacity: 1\9;

}

/*-------- 2.2 Page Preloader    --------*/

#loader-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 10000000;

  background-color: #28bceb;

}

#loader-wrapper.loader-off {

  display: none !important;

}

#loader {

  display: block;

  margin: -25px 0 0 -65px;

  height: 50px;

  width: 130px;

  position: relative;

  top: 50%;

  left: 50%;

}

.loaded #loader-wrapper {

  opacity: 0;

  transition: all 0.3s ease-out;

}

.loader ul {

  margin: 0;

  padding: 0;

}

.loader ul li {

  position: relative;

  bottom: 0;

  display: inline-block;

  width: 20px;

  height: 20px;

  margin-left: 3px;

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

  border-radius: 50%;

  animation-name: UpAndDown;

  animation-duration: 2s;

  animation-iteration-count: infinite;

  animation-timing-function: ease-in-out;

}

.loader ul li:nth-child(1) {

  margin-left: 0;

}

.loader ul li:nth-child(2) {

  animation-delay: .2s;

}

.loader ul li:nth-child(3) {

  animation-delay: .4s;

}

.loader ul li:nth-child(4) {

  animation-delay: .6s;

}

.loader ul li:nth-child(5) {

  animation-delay: .7s;

}

@keyframes UpAndDown {

  0% {

    bottom: 0px;

  }

  30% {

    bottom: 50px;

  }

  60% {

    bottom: 0px;

  }

}

.loader p {

  text-align: center;

  color: #fff;

  font-size: 16px;

  letter-spacing: 2px;

}

/*-------- 2.3 Forms             --------*/

.input-custom {

  appearance: none;

  margin-bottom: 4px;

  padding: 13px 15px 13px;

  font-size: 16px;

  line-height: 20px;

  height: 46px;

  background: #fff;

  border: 0;

  border-radius: 2px;

  color: #000;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.input-custom:hover,

.input-custom:focus,

.input-custom.focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  outline: none;

}

.input-custom.input-full {

  width: 100%;

}

.textarea-custom {

  appearance: none;

  margin-bottom: 4px;

  padding: 13px 15px 13px;

  font-size: 16px;

  line-height: 20px;

  height: 46px;

  background: #fff;

  border: 0;

  border-radius: 2px;

  color: #000;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  min-height: 235px;

  height: auto;

}

.textarea-custom:hover,

.textarea-custom:focus,

.textarea-custom.focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  outline: none;

}

.textarea-custom.input-full {

  width: 100%;

}

.input-wrapper {

  position: relative;

}

.placeholder {

  font-size: 16px;

  line-height: 20px;

  color: #686969;

}

input::-webkit-input-placeholder {

  font-size: 16px;

  line-height: 20px;

  color: #686969;

}

input::-moz-placeholder {

  font-size: 16px;

  line-height: 20px;

  color: #686969;

}

input:-ms-input-placeholder {

  font-size: 16px;

  line-height: 20px;

  color: #686969;

}

input:-moz-placeholder {

  font-size: 16px;

  line-height: 20px;

  color: #686969;

}

.required {

  color: red;

}

input.input-custom,

textarea.textarea-custom,

.select-wrapper select.input-custom,

.select-wrapper select.select-custom {

  -webkit-appearance: none;

  -moz-appearance: none;

}

.contact-form {

  margin-bottom: 15px;

  margin-top: 20px;

}

.contact-form .input-custom,

.contact-form .textarea-custom {

  margin-bottom: 15px;

  border: 1px solid #dbdbdb;

  padding: 16px 15px 17px;

  height: 50px;

}

label {

  font-size: 17px;

  line-height: 24px;

  font-weight: 500;

  margin-bottom: 5px;

  color: #000;

}

form label.error {

  display: block;

  color: #ff0000;

  font-size: 14px !important;

  margin-top: -15px;

  opacity: 1 !important;

}

#success,

#error,

#subscribeSuccess,

#subscribeError {

  display: none;

  height: 70px;

}

#subscribeSuccess,

#subscribeError {

  height: 30px;

}

#success span,

#error span,

#subscribeSuccess span,

#subscribeError span {

  display: block;

}

#success span p,

#error span p,

#subscribeSuccess span p,

#subscribeError span p {

  margin-top: 15px;

}

#success span p,

#subscribeSuccess span p {

  color: #2990d6;

}

#error span p,

#subscribeError span p {

  color: #c0392b;

}

/*-------- 2.4 Buttons           --------*/

button:focus,

.btn:focus,

button:active:focus,

.btn:active:focus,

button.active:focus,

.btn.active:focus,

button.focus,

.btn.focus,

button:active.focus,

.btn:active.focus,

button.active.focus,

.btn.active.focus {

  outline: 0;

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

button:hover,

.btn:hover,

button:focus,

.btn:focus,

button.focus,

.btn.focus {

  outline: 0;

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

button:active,

.btn:active,

button.active,

.btn.active {

  outline: 0;

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

button.pull-right,

.btn.pull-right {

  margin-right: 10px;

}

.btn {

  padding: 15px 22px;

  font-family: 'Lato', sans-serif;

  font-size: 16px;

  line-height: 16px;

  font-weight: 700;

  height: 51px;

  background-color: #caaddb;

  color: #ffffff;

  border-radius: 10px;

  vertical-align: top;

  border: 1px solid #caaddb;

 

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  text-decoration: none;

}

.btn:hover,

.btn.active,

.btn:active,

.btn.focus,

.btn:focus {

  background: #fff;

  color: #005395;

}

.btn span {

  position: relative;

  top: 0;

  left: 0;

}

.btn.btn-lg {

  height: 66px;

  font-size: 20px;

  line-height: 26px;

  padding: 20px 30px;

  border-radius: 10px;

}

.btn-light {

  background-color: #8699be;

  color: #ffffff;

  border-color: #3ecfff;

}

.btn-light:hover,

.btn-light.active,

.btn-light:active,

.btn-light.focus,

.btn-light:focus {

  background: #fff;

  color: #3ecfff;

}

/*-------- 2.5 Social Icons      --------*/

.social-links ul {

  margin: 0;

  padding: 0;

}

.social-links ul li {

  display: inline-block;

  margin: 0 5px;

  list-style: none;

  text-align: center;

}

.social-links ul li a {

  font-size: 44px;

  color: #fff;

  text-decoration: none;

  cursor: pointer;

  -webkit-transition: color 0.3s ease;

  -moz-transition: color 0.3s ease;

  -ms-transition: color 0.3s ease;

  -o-transition: color 0.3s ease;

}

.social-links ul li a:hover {

  color: #005395;

}

/*-------- 2.6 Tags              --------*/

.tag {

  display: block;

  border: 1px solid #b2cbdf;

  font-size: 14px;

  line-height: 25px;

  padding: 0 10px;

  text-decoration: none;

  border-radius: 3px;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

}

.tag:hover {

  background-color: #005395;

  border-color: #005395;

  color: #fff;

}

.tags-list {

  position: relative;

  list-style: none;

  margin: 30px 0 0;

  padding: 0;

}

.tags-list li {

  display: inline-block;

  padding: 0;

  margin-bottom: 5px;

  margin-right: 2px;

}

.tags-list li a {

  display: block;

  border: 1px solid #b2cbdf;

  font-size: 14px;

  line-height: 25px;

  padding: 0 10px;

  text-decoration: none;

  border-radius: 3px;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

}

.tags-list li a:hover {

  background-color: #005395;

  border-color: #005395;

  color: #fff;

}

/*---------------------------------------*/

/*--------       3. Content      --------*/

/*---------------------------------------*/

/*-----  3.1 Services block      --------*/

.service-item {

  margin-bottom: 22px;

  text-align: center;

}

.service-item .icon-circle {

  width: 196px;

  height: 196px;

  border-radius: 50%;

  position: relative;

  z-index: 1;

  overflow: hidden;

  margin: 0 auto 45px;

  background-color: #27b9e8;

  background: -webkit-gradient(linear, left top, left bottom, from(#27b9e8), to(#0b6fac));

  background: -webkit-linear-gradient(top, #27b9e8, #0b6fac);

  background: -moz-linear-gradient(top, #27b9e8, #0b6fac);

  background: -ms-linear-gradient(top, #27b9e8, #0b6fac);

  background: -o-linear-gradient(top, #27b9e8, #0b6fac);

  color: #fff;

}

.service-item .icon-circle .icon {

  font-size: 94px;

  line-height: 196px;

}

.service-item .icon-circle .icon-hover {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background: #005395;

  -webkit-transition: opacity 0.3s ease;

  -moz-transition: opacity 0.3s ease;

  -ms-transition: opacity 0.3s ease;

  -o-transition: opacity 0.3s ease;

}

.service-item .service-title {

  margin-bottom: 25px;

}

.service-item .service-text {

  width: 80%;

  margin: 0 auto;

}

.service-item:hover .icon-hover {

  opacity: 1;

}

/*-----  3.2 Category block      --------*/

.category-item {

  margin-bottom: 40px;

}

.category-item.mb-sm {

  margin-bottom: 24px;

}

.category-item .category-image {

  position: relative;

  margin-bottom: 30px;

  overflow: hidden;

  z-index: 1;

  border-radius: 20px;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.category-item .category-image img {

  border-radius: 25px;

}

.category-item h5.category-title {

  position: absolute;

  z-index: 3;

  bottom: 18px;

  left: 22px;

  margin: 0;

  padding: 0;

  font-size: 22px;

  line-height: 28px;

  font-family: 'Lato', sans-serif;

  font-weight: 700;

 

  color: #fff;

}

.category-item .category-price {

  position: absolute;

  z-index: 5;

  top: 25px;

  right: 0;

  padding: 0 15px 0 20px;

  font-size: 18px;

  line-height: 46px;

  font-family: 'Open Sans', sans-serif;

  font-weight: 400;

  

  color: #fff;

  border-radius: 23px 0 0 23px;

  background-color: #005395;

  text-transform: none;

}

.category-item .category-price span {

  font-size: 26px;

  font-weight: 600;

}

.category-item .category-text {

  position: relative;

  padding: 0 50px 0 0;

}

.category-item .wave-wrapper {

  opacity: 0;

  left: -50%;

  right: 50%;

  width: 100%;

  -webkit-transition: all 0.6s ease;

  -moz-transition: all 0.6s ease;

  -ms-transition: all 0.6s ease;

  -o-transition: all 0.6s ease;

}

.category-item:hover .wave-wrapper {

  opacity: 1;

  left: 25%;

  right: 50%;

  width: 100%;

  -webkit-transition: all 0.6s ease;

  -moz-transition: all 0.6s ease;

  -ms-transition: all 0.6s ease;

  -o-transition: all 0.6s ease;

}

.category-item .category-more-link {

  position: absolute;

  right: 0;

  top: 8px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

}

.category-item .category-more-link a {

  font-size: 30px;

  color: #8699be;

  text-decoration: none;

}

.category-item .category-more-link:hover {

  right: -5px;

  opacity: 0.8;

}

@media (max-width: 767px) {

  .category-item {

    margin-bottom: 20px;

  }

  .category-item .category-title {

    bottom: 15px;

    left: 15px;

    font-size: 22px;

    line-height: 20px;

  }

}

.wave-wrapper {

  position: absolute;

  top: 0;

  bottom: 0;

  content: '';

  background-color: rgba(40, 168, 225, 0.95);

  -webkit-transform: skew(59deg) translateX(-75%);

  transform: skew(59deg) translateX(-75%);

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

}

@media (min-width: 768px) {

  .category-carousel [class*="col-"] {

    display: inline-block;

    float: none;

    vertical-align: top;

    margin-right: -4px;

  }

}

/*-----  3.3 Pricing block       --------*/

.pricing {

  position: relative;

  width: 100%;

  min-height: 614px;

  color: #fff;

}

.pricing:before {

  position: absolute;

  top: 0;

  bottom: 0;

  right: -100px;

  width: 625px;

  padding: 60px 100px;

  content: '';

  background-color: #fff;

  -webkit-transform: skew(-15deg);

  transform: skew(-15deg);

  font-size: 16px;

  line-height: 24px;

  z-index: 0;

  opacity: 0;

  -webkit-transition: all 0.35s ease;

  -moz-transition: all 0.35s ease;

  -ms-transition: all 0.35s ease;

  -o-transition: all 0.35s ease;

}

.pricing:hover:before {

  opacity: 0.2;

  right: -50px;

}

.pricing .pricing-box {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  width: 525px;

  padding: 70px 100px 60px 120px;

  content: '';

  background-color: #406997;

  -webkit-transform: skew(-15deg);

  transform: skew(-15deg);

  font-size: 16px;

  line-height: 24px;

  z-index: 0;

}

@media (max-width: 767px) {

  .pricing .pricing-box {

    width: 410px;

    right: -30px;

    padding: 40px 40px 40px 100px;

  }

}

.pricing .pricing-box .inside {

  -webkit-transform: skew(15deg);

  transform: skew(15deg);

}

.pricing .pricing-box h3 {

  line-height: 50px;

  padding-bottom: 30px;

  margin-bottom: 50px;

  color: #fff;

  background: url(../images/h-decor-trans.png) 0 bottom no-repeat;

}

.pricing .pricing-box .price-title {

  margin: 0 0 10px;

  padding: 0;

  font-size: 18px;

  line-height: 25px;



  font-weight: 700;

  font-family: 'Lato', sans-serif;

  color: #fff;

}

.pricing .pricing-box .price-text {

  padding-bottom: 30px;

  border-bottom: 1px solid #6bc0ed;

  margin-bottom: 26px;

}

.pricing .pricing-box .price-from {

  margin-bottom: 10px;

}

.pricing .pricing-box .price-value span {

  font-size: 36px;

}

.pricing .pricing-box .price-action {

  margin-top: 25px;

}

.price-carousel .slick-prev,

.price-carousel .slick-next {

  top: 20%;

}

.pricing-block {

  margin-bottom: 25px;

  -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);

}

.pricing-block .number {

  color: #fff;

  display: block;

  position: absolute;

  z-index: 100;

  left: 30px;

  top: 5px;

  font-size: 52px;

  line-height: 1em;

  font-weight: bold;

}

.pricing-block__top {

  height: 190px;

  background: #e8eff2;

}

.pricing-block .title1 {

  font-size: 42px;

  line-height: 1.2em;

  color: #005395;

  margin-bottom: 18px;

}

.pricing-block .title2 {

  line-height: 1.2em;

  font-weight: 600;

  color: #424242;

  margin-bottom: 28px;

}

.pricing-block__price {

  position: absolute;

  top: 20px;

  left: 50%;

  margin-left: -148px;

  width: 316px;

  height: 316px;

  border: 12px solid #e8eff2;

  border-radius: 50%;

  text-align: center;

  background: #fff;

}

.pricing-block__price:after {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  border: 12px solid #00467e;

  background-color: #005395;

}

.pricing-block__price .vert-wrapper {

  display: table;

  height: 100%;

  width: 100%;

  position: relative;

  z-index: 1;

}

.pricing-block__price .vert {

  display: table-cell;

  vertical-align: middle;

  font-size: 18px;

  font-weight: 300;

  text-align: center;

  color: #fff;

}

.pricing-block__price .text1 {

  font-size: 52px;

  line-height: 1.4em;

  font-weight: 600;

}

.pricing-block.color2 .pricing-block__price:after {

  background: #28bceb;

  border-color: #1db3e3;

}

.pricing-block.color2 .title1 {

  color: #28bceb;

}

.pricing-block__bottom {

  padding: 165px 55px 45px;

  background: #fff;

  text-align: center;

}

.pricing-block__bottom ul {

  margin: 0;

  padding: 0;

  font-size: 16px;

  line-height: 22px;

  text-align: left;

  list-style: none;

}

.pricing-block__bottom ul li {

  padding: 0 0 12px 26px;

  position: relative;

}

.pricing-block__bottom ul li:after {

  content: '\e913';

  font-family: 'pool';

  color: #005395;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  font-size: 20px;

}

@media (max-width: 991px) {

  .pricing-block__bottom {

    padding: 145px 30px 35px;

  }

  .pricing-block__price {

    margin-left: -140px;

    width: 280px;

    height: 280px;

  }

  .pricing-block .title1 {

    font-size: 32px;

  }

}

@media (max-width: 767px) {

  .pricing-block__bottom {

    padding: 145px 20px 25px;

  }

  .pricing-block .number {

    font-size: 50px;

  }

  .pricing-block__bottom ul {

    font-size: 16px;

    line-height: 20px;

  }

  .pricing-block__bottom ul li {

    padding: 0 0 5px 26px;

    position: relative;

  }

}

/*-----  3.4 Text + Number block --------*/

.text-num {

  position: relative;

  margin-bottom: 18px;

}

.text-num-num {

  position: absolute;

  top: -15px;

  width: 70px;

  text-align: center;

}

.text-num-num span {

  display: block;

  position: relative;

  width: 74px;

  height: 74px;

  border-radius: 50%;

  line-height: 74px;

  font-size: 36px;

  font-weight: 400;

  background-color: #fff;

  color: #005395;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

}

.text-num:hover .text-num-num span {

  background-color: #28bceb;

  color: #fff;

}

.text-num-info {

  padding: 0 0 0 100px;

}

.text-num-title {

  line-height: 28px;

  font-family: 'Lato', sans-serif;

  font-weight: 700;

  margin: 20px 0 15px;

  padding: 0;

  color: #fff;



}

.text-num.last {

  margin-bottom: 0;

}

@media (min-width: 768px) {

  .number-carousel [class*="col-"] {

    display: inline-block;

    float: none;

    vertical-align: top;

    margin-right: -4px;

  }

}

@media (max-width: 767px) {

  .text-num {

    text-align: center;

  }

  .text-num-num {

    position: relative;

    top: 0;

    width: 70px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

  }

  .text-num-info {

    padding: 0;

  }

  .text-num-title {

    font-size: 20px;

    line-height: 26px;

    margin: 15px 0 15px;

  }

}

/*-----  3.5 Icon + Number block --------*/

.num-icon {

  text-align: center;

  margin: 15px 0 35px;

}

.num-icon-icon {

  margin-bottom: 38px;

  font-size: 94px;

  line-height: 1em;

}

@media (max-width: 1199px) {

  .num-icon-icon {

    font-size: 70px;

  }

}

.num-icon-num {

  margin-bottom: 10px;

  font-size: 42px;

  line-height: 1em;

  font-family: 'Open Sans', sans-serif;

  font-weight: 600;

}

@media (max-width: 1199px) {

  .num-icon-num {

    font-size: 38px;

  }

}

.num-icon-text {

  line-height: 1em;

  font-family: 'Lato', sans-serif;



  color: #fff;

}

/*-----  3.6 Text + Icon block   --------*/

.text-icon {

  position: relative;

  margin: 16px 0 24px;

  text-align: center;

}

.text-icon-icon {

  text-align: center;

  margin-bottom: 23px;

}

.text-icon-icon span {

  display: inline-block;

  position: relative;

  width: 82px;

  height: 82px;

  border-radius: 50%;

  line-height: 82px;

  font-size: 20px;

  font-weight: bold;

  background-color: #27b9e8;

  background: -webkit-gradient(linear, left top, left bottom, from(#78c3c2), to(#78c3c2));

  background: -webkit-linear-gradient(top, #78c3c2);

  background: -moz-linear-gradient(top, #78c3c2);

  background: -ms-linear-gradient(top, #78c3c2);

  background: -o-linear-gradient(top, #78c3c2);

}

.text-icon-icon span .icon {

  position: relative;

  z-index: 1;

  font-size: 42px;

  line-height: 82px;

  color: #fff;

}

.text-icon-icon .icon-hover {

  position: absolute;

  z-index: 0;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background: #caaddb;

  -webkit-transition: opacity 0.3s ease;

  -moz-transition: opacity 0.3s ease;

  -ms-transition: opacity 0.3s ease;

  -o-transition: opacity 0.3s ease;

}

.text-icon:hover .icon-hover {

  opacity: 1;

}

.text-icon-title {

  line-height: 28px;

  margin-bottom: 18px;

  color: #272727;



}

.text-icon.last {

  margin-bottom: 0;

}

@media (min-width: 768px) {

  .text-icon-carousel [class*="col-"] {

    display: inline-block;

    float: none;

    vertical-align: top;

    margin-right: -4px;

  }

}

.text-icon.last {

  margin-bottom: 0;

}

/* text icon horizontal */

.text-icon-hor {

  position: relative;

  margin-bottom: 30px;

  font-size: 15px;

  line-height: 22px;

  color: #fff;

}

.text-icon-hor-icon {

  margin-bottom: 20px;

  position: absolute;

  display: block;

  width: 85px;

  text-align: center;

}

.text-icon-hor-icon .icon {

  position: relative;

  z-index: 1;

  font-size: 48px;

  line-height: 50px;

  color: #fff;

}

.text-icon-hor-title {

  line-height: 32px;

  margin-bottom: 10px;

  font-weight: 700;

  color: #fff;



}

.text-icon-hor-text {

  padding-left: 0px;

}

/*-----  3.7 Testimonials block  --------*/

.testimonials-item {

  margin: 12px 0 20px;

  padding: 35px 0 0;

  text-align: center;

}

.testimonials-item .testimonials-username {

  font-size: 18px;

  font-weight: bold;

  margin: 40px 0 10px;

  color: #4c4c4c;

}

@media (max-width: 767px) {

  .testimonials-item .testimonials-username {

    font-size: 14px;

  }

}

.testimonials-item .testimonials-text {

  position: relative;

  background: #f0f6f9;

  padding: 50px 50px;

  color: #617585;

  font-size: 20px;

  line-height: 1.5em;

  border-radius: 16px;

  font-family: Georgia, Times, 'Times New Roman', serif;

  font-style: italic;

}

@media (max-width: 767px) {

  .testimonials-item .testimonials-text {

    font-size: 16px;

    padding: 24px 25px;

  }

}

.testimonials-item .testimonials-text:before {

  content: " ";

  position: absolute;

  left: 22px;

  top: -25px;

  font-size: 60px;

  color: #005395;

  font-family: 'pool';

  font-style: normal;

  content: '\e906';

}

@media (max-width: 767px) {

  .testimonials-item .testimonials-text:before {

    font-size: 40px;

    top: -15px;

  }

}

.testimonials-item .testimonials-text:after {

  top: 100%;

  left: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(240, 246, 249, 0);

  border-top-color: #f0f6f9;

  border-width: 15px;

  margin-left: -15px;

}

@media (max-width: 767px) {

  .testimonials {

    margin: 0 0 40px;

  }

}

.testimonials-carousel {

  margin: 0 0 65px;

}

/*-----  3.8 Request form block  --------*/

.request-form {

  margin-bottom: 20px;

  background: url(../images/bg-form.jpg) no-repeat center top #2392d7;

  background-size: cover;

  border-radius: 12px;

  padding: 30px 22px 25px 30px;

  color: #fff;

}

.request-form h4 {

  font-size: 24px;

  font-weight: 500;

  color: #fff;

  margin-bottom: 12px;

}

.request-form form {

  margin-top: 18px;

}

.request-form .btn {

  margin-top: 15px;

}

@media (max-width: 767px) {

  .request-form {

    margin: 0 -20px;

    padding: 22px 25px;

    border-radius: 0;

  }

  .request-form h4 {

    font-size: 22px;

  }

}

/*-----  3.9 Gallery block       --------*/

.gallery {

  overflow: hidden;

  margin-top: -8px;

  margin-bottom: 90px;

}

.gallery.gallery-isotope {

  margin-bottom: 40px;

}

.gallery__item {

  position: relative;

  float: left;

  width: 12.5%;

  overflow: hidden;

  background: #242e45;

}

@media (max-width: 1599px) {

  .gallery__item {

    width: 16.665%;

  }

}

@media (max-width: 1399px) {

  .gallery__item {

    width: 20%;

  }

}

@media (max-width: 991px) {

  .gallery__item {

    width: 25%;

  }

}

@media (max-width: 767px) {

  .gallery__item {

    width: 50%;

  }

}

@media (max-width: 480px) {

  .gallery__item {

    width: 100%;

  }

}

.gallery__item img {

  width: 100%;

  opacity: 1;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.gallery__item.doubleW {

  width: 33.333%;

}

.gallery__item .btn {

  position: absolute;

  top: 50%;

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

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 50%;

  margin-left: -50px;

  opacity: 0;

  font-size: 18px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

}

.gallery__item .btn span.icon {

  display: block;

  line-height: 58px;

}

.gallery__item .btn:hover,

.gallery__item .btn.active,

.gallery__item .btn:active,

.gallery__item .btn.focus,

.gallery__item .btn:focus {

  background: #003762;

  border-color: #003762;

  color: #ffffff;

}

.gallery__item .hover {

  opacity: 0;

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  padding: 20px;

  background: rgba(0, 0, 0, 0.5);

  text-decoration: none;

  color: #fff;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

}

.gallery__item .hover .item-name {

  margin: 0 0 9px;

  padding: 0;

  line-height: 22px;

  font-weight: 500;

  color: #fff;

}

.gallery__item .hover .item-price {

  margin-bottom: 6px;

  font-size: 28px;

  line-height: 30px;

  font-weight: 600;

}

.gallery__item .hover .item-price span {

  font-weight: 300;

}

.gallery__item .hover .item-period {

  font-size: 15px;

}

.gallery__item .hover .item-location {

  position: absolute;

  bottom: 20px;

  left: 20px;

  font-size: 15px;

  line-height: 1em;

  font-style: italic;

  font-weight: 600;

  color: #28bceb;

}

.gallery__item__image {

  overflow: hidden;

}

.gallery__item:hover img {

  opacity: 0.68;

}

.gallery__item:hover .hover {

  opacity: 1;

  -webkit-transition: all 0.5s ease 0.05s;

  -moz-transition: all 0.5s ease 0.05s;

  -ms-transition: all 0.5s ease 0.05s;

  -o-transition: all 0.5s ease 0.05s;

}

.gallery__item:hover .btn {

  opacity: 1;

}

/*-----  3.10 Person block       --------*/

.person {

  margin-top: 11px;

  text-align: center;

}

.person-image {

  margin-bottom: 27px;

}

.person-image img {

  border-radius: 50%;

  margin: 0 auto;

  -webkit-transition: all 0.75s ease;

  -moz-transition: all 0.75s ease;

  -ms-transition: all 0.75s ease;

  -o-transition: all 0.75s ease;

}

.person:hover .person-image img {

  display: block;

  position: relative;

  border-radius: 20%;

}

.person-title {

  margin-bottom: 5px;

  line-height: 1.2em;

  font-family: 'Open Sans', sans-serif;

  font-weight: 600;

  text-transform: none;

  color: #005395;

}

.person-position {

  margin-bottom: 20px;

  padding: 0;

  font-style: italic;

  color: #000;

  font-weight: normal;

}

@media (max-width: 767px) {

  .person:not(.last) {

    margin-bottom: 25px;

  }

}

/*-----  3.11 Post block         --------*/

.post {

  padding-top: 5px;

}

.post h5 {

  margin-bottom: 30px;

}

.post-image {

  margin-bottom: 25px;

  border-radius: 25px;

}

/*-----  3.12 Tips block         --------*/

.panel-group {

  margin-top: 50px;

  margin-bottom: 50px;

}

@media screen and (max-width: 991px) {

  .panel-group {

    margin-top: 15px;

    margin-bottom: 30px;

  }

}

.faq-item .panel {

  border-bottom: 1px solid #e0eaf2;

  margin-bottom: 15px;

  background: transparent;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.faq-item.last .panel {

  border-bottom: 0;

}

.faq-item .panel-heading {

  position: relative;

  min-height: 85px;

  padding: 0 0 15px;

  background: transparent;

}

.faq-item .panel-heading .panel-title {

  text-align: left !important;

}

.faq-item .panel-heading .panel-title > a {

  display: block;

  position: relative;

  padding: 20px 50px 20px 115px;

  font-size: 26px;

  line-height: 45px;

  font-weight: 600;



  color: #005395;

  -webkit-transition: color 0.3s ease;

  -moz-transition: color 0.3s ease;

  -ms-transition: color 0.3s ease;

  -o-transition: color 0.3s ease;

}

.faq-item .panel-heading .panel-title > a:hover {

  color: #005395;

}

.faq-item .panel-heading a,

.faq-item .panel-heading a:hover {

  text-decoration: none;

  -webkit-transition: all 0.25 ease;

  -moz-transition: all 0.25 ease;

  -ms-transition: all 0.25 ease;

  -o-transition: all 0.25 ease;

}

.faq-item .panel-heading a > span.caret-toggle {

  display: block;

  position: absolute;

  z-index: 1;

  top: 0;

  right: 0;

  width: 60px;

  height: 85px;

  font-size: 40px;

  line-height: 85px;

  text-align: center;

}

.faq-item .panel-heading a:not(.collapsed) > span.opened {

  display: none;

}

.faq-item .panel-heading a.collapsed > span.closed {

  display: none;

}

.faq-item .panel-title .number {

  position: absolute;

  width: 87px;

  height: 87px;

  top: 0;

  left: 0;

  background: #005395;

  border-radius: 50%;

  color: #fff;

  font-size: 40px;

  line-height: 87px;

  text-align: center;

}

.faq-item .panel-collapse {

  margin-top: 0;

  background: transparent;

}

.faq-item .panel-body {

  border: 0;

  padding: 0 0 15px 115px;

}

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

  border: 0;

}

@media (max-width: 767px) {

  .faq-item .panel-heading {

    min-height: 65px;

    padding: 0 0 15px;

  }

  .faq-item .panel-heading .panel-title > a {

    padding: 10px 50px 10px 75px;

    font-size: 20px;

    line-height: 35px;

  }

  .faq-item .panel-heading a > span.caret-toggle {

    width: 60px;

    height: 55px;

    font-size: 40px;

    line-height: 55px;

  }

  .faq-item .panel-title .number {

    width: 55px;

    height: 55px;

    font-size: 30px;

    line-height: 55px;

  }

  .faq-item .panel-body {

    border: 0;

    padding: 0 0 15px 75px;

  }

}

/*-----  3.13 Blog               --------*/

.blog-post {

  margin-bottom: 100px;

}

@media (max-width: 767px) {

  .blog-post {

    margin-bottom: 50px;

  }

}

.blog-post .post-video {

  position: relative;

  padding-bottom: 56.25%;

  /* 16:9 */

  height: 0;

}

.blog-post .post-video iframe,

.blog-post .post-video object,

.blog-post .post-video embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}

.blog-post .post-music iframe,

.blog-post .post-music object,

.blog-post .post-music embed {

  width: 100%;

  height: auto;

  border: 0;

}

.blog-post .post-image {

  position: relative;

  margin-bottom: 32px;

  border-radius: 0;

}

.blog-post .post-image img {

  width: 100%;

}

.blog-post .post-image .post-link-wrapper {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  text-align: center;

}

.blog-post .post-image .post-link {

  font-size: 42px;

  line-height: 1em;

  color: #fff;

  font-family: 'Lato', sans-serif;

  -webkit-transition: all 200ms ease;

  -moz-transition: all 200ms ease;

  -ms-transition: all 200ms ease;

  -o-transition: all 200ms ease;

}

@media (max-width: 767px) {

  .blog-post .post-image .post-link {

    font-size: 4vw;

  }

}

.blog-post .post-image .post-link:hover {

  color: #005395;

  text-decoration: none;

}

.blog-post .post-title {

  font-family: 'Lato', sans-serif;

  color: #005395;

  margin-bottom: 28px;

}

.blog-post .post-meta {

  margin: 0 0 20px;

  padding: 0;

  overflow: hidden;

  list-style: none;

}

.blog-post .post-meta li {

  float: left;

  padding-right: 24px;

}

.blog-post .post-meta li i.icon,

.blog-post .post-meta li span {

  display: inline-block;

  vertical-align: middle;

}

.blog-post .post-meta li i.icon {

  font-size: 20px;

  padding-right: 7px;

}

.blog-post .post-meta li:last-child {

  padding-right: 0;

}

@media (max-width: 767px) {

  .blog-post .post-meta li {

    padding-right: 10px;

  }

}

.blog-post .post-teaser {

  margin-bottom: 32px;

}

.blog-post .post-author {

  margin: 20px 0 25px;

}

.blog-post .post-author img {

  margin-right: 20px;

  border-radius: 50%;

}

.blog-post.single {

  margin-bottom: 0;

}

.post-carousel {

  overflow: hidden;

}

.post-carousel .slick-prev,

.post-carousel .slick-next,

.post-carousel .slick-prev:focus,

.post-carousel .slick-next:focus {

  width: 82px;

  height: 82px;

  padding: 0 20px;

  margin-top: -41px;

  background-color: #fff;

  border-radius: 50%;

  -webkit-transition: all 200ms ease;

  -moz-transition: all 200ms ease;

  -ms-transition: all 200ms ease;

  -o-transition: all 200ms ease;

}

.post-carousel .slick-prev:hover,

.post-carousel .slick-next:hover {

  opacity: 0.7;

  background-color: #fff;

}

.post-carousel .slick-prev {

  left: -41px;

  text-align: right;

}

.post-carousel .slick-next {

  right: -41px;

  text-align: left;

}

.post-carousel .slick-prev:before,

.post-carousel .slick-next:before {

  color: #005395;

  font-size: 32px;

}

.post-preview {

  margin-top: 28px;

  margin-bottom: 45px;

}

.post-preview .post-image {

  margin-bottom: 15px;

}

.post-preview .post-meta {

  margin-bottom: 15px;

  font-size: 13px;

}

.post-preview .post-title {

  font-size: 22px;

  line-height: 28px;

  font-family: 'Lato', sans-serif;

  color: #005395;

  margin-bottom: 10px;

  text-transform: none;

}

.view-more-post {

  margin-bottom: 30px;

}

.side-block {

  margin-bottom: 45px;

  padding-bottom: 30px;

  border-bottom: 1px solid #e0eaf2;

}

.side-block h4 {

  margin-bottom: 18px;

  font-size: 22px;

  line-height: 1em;

  font-weight: bold;

  font-family: 'Lato', sans-serif;



  color: #005395;

}

.side-block:last-child {

  border-bottom: 0;

}

.comments {

  padding-top: 15px;

}

.comments .comment {

  margin: 10px 0 0;

}

.comments .comment .userpic {

  width: 85px;

  height: 85px;

  float: left;

  margin: 0 15px 0 0;

  font-size: 64px;

  line-height: 85px;

  color: #e8e8e8;

}

.comments .comment .text {

  overflow: hidden;

}

.comments .comment .text p {

  font-size: 15px;

  line-height: 22px;

  color: #7a8288;

  font-style: italic;

}

.comments .comment .text .meta {

  padding-bottom: 5px;

}

.comments .comment .text .meta a {

  color: #005395;

  font-size: 13px;

}

.comments .comment .text .date {

  margin: 0 0 20px;

  padding: 0;

  overflow: hidden;

  font-size: 13px;

}

.comments .comment .text .date i.icon,

.comments .comment .text .date span {

  display: inline-block;

  vertical-align: middle;

}

.comments .comment .text .date i.icon {

  font-size: 20px;

  padding-right: 7px;

}

.comments .comment.replay {

  margin-left: 80px;

}

.comment-form .form-group {

  margin-bottom: 8px;

}

.comment-form input[type=text],

.comment-form textarea {

  border-left: 0;

  border-top: 0;

  border-right: 0;

  padding: 5px 0;

  margin-bottom: 0;

  height: 38px;

}

.comment-form textarea {

  padding: 12px 0;

  overflow: hidden;

}

.blog-isotope {

  overflow: hidden;

  margin-bottom: 50px;

  margin-top: 10px;

  overflow: visible;

}

.blog-isotope .post-image {

  margin-left: -20px;

  margin-right: -20px;

  margin-top: -20px;

}

.blog-isotope .blog-post {

  position: relative;

  float: left;

  width: 33%;

  padding: 20px 20px 20px;

  margin-bottom: 30px;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}

@media (max-width: 767px) {

  .blog-isotope .blog-post {

    width: 50%;

  }

}

@media (max-width: 480px) {

  .blog-isotope .blog-post {

    width: 100%;

  }

}

.blog-isotope .blog-post.doubleW {

  width: 66%;

}

@media (min-width: 768px) {

  .blog-isotope .blog-post:not(.doubleW) .post-image {

    margin-bottom: 15px;

  }

  .blog-isotope .blog-post:not(.doubleW) .post-meta {

    margin-bottom: 15px;

    font-size: 13px;

  }

  .blog-isotope .blog-post:not(.doubleW) .post-title {

    font-size: 26px;

    line-height: 34px;

    font-family: 'Lato', sans-serif;

    color: #005395;

    margin-bottom: 15px;

    text-transform: none;

  }

  .blog-isotope .blog-post:not(.doubleW) .btn {

    padding: 10px 18px;

    font-size: 12px;

    line-height: 20px;

    height: 43px;

    border-radius: 6px;

  }

  .blog-isotope .blog-post:not(.doubleW) .post-link {

    font-size: 22px;

  }

  .blog-isotope .blog-post:not(.doubleW) .quote {

    margin-top: 40px;

    margin-bottom: 10px;

    font-size: 15px;

    line-height: 1.2em;

    padding-left: 88px;

  }

}

/*-----  3.14 Calendar           --------*/

.calendar__header {

  font-size: 15px;

  font-weight: bold;

  padding: 0 0 18px;

}

.calendar__footer {

  font-size: 15px;

  padding: 10px 0 0;

}

.calendar table {

  background: #fff;

  border-collapse: collapse;

  color: #222;

  font-size: 15px;

  width: 100%;

  max-width: 350px;

}

.calendar th,

.calendar td {

  border: 1px solid #eee;

  color: #484848;

  cursor: pointer;

  line-height: 38px;

  text-align: center;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

}

.calendar th:hover,

.calendar td:hover {

  background-color: #f5f5f5;

}

.calendar th {

  background-color: #f5f5f5;

}

.calendar tr:first-child td {

  color: #222;

  font-weight: 700;

  padding-bottom: 10px;

}

.calendar .selected,

.calendar .selected:hover {

  background-color: #005395;

  color: #fff;

}

/*---------------------------------------*/

/*---- 4. Plugins overlay styles  -------*/

/*---------------------------------------*/

/* Slider */

.slick-loading .slick-list {

  background: #ffffff url('../images/ajax-loader.gif') center center no-repeat;

}

/* Arrows */

.slick-prev,

.slick-next {

  font-size: 0;

  line-height: 0;

  position: absolute;

  top: 50%;

  display: block;

  width: 22px;

  height: 22px;

  margin-top: -11px;

  padding: 0;

  cursor: pointer;

  color: transparent;

  border: none;

  outline: none;

  background: transparent;

  z-index: 200;

}

.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

  color: transparent;

  outline: none;

  background: transparent;

}

.slick-prev:hover:before,

.slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before {

  opacity: 1;

}

.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before,

.slick-prev.slick-disabled:after,

.slick-next.slick-disabled:after {

  opacity: .25;

}

.slick-prev:before,

.slick-next:before {

  font-family: 'pool';

  font-size: 34px;

  line-height: 34px;

  color: #fff;

  cursor: pointer;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.slick-prev {

  left: -55px;

}

.slick-prev:before {

  content: "\e90e";

}

.slick-next {

  right: -55px;

}

.slick-next:before {

  content: "\e90f";

}

/* Dots */

.slick-slider {

  margin: 0;

  padding: 0;

  list-style: none;

}

.slick-slider.nav-dot {

  margin-bottom: 75px;

}

@media (max-width: 767px) {

  .slick-slider {

    margin-bottom: 30px;

  }

}

.slick-dots {

  position: absolute;

  bottom: -45px;

  display: block;

  width: 100%;

  padding: 0;

  list-style: none;

  text-align: center;

}

@media (max-width: 767px) {

  .slick-dots {

    bottom: -25px;

  }

}

.slick-dots li {

  position: relative;

  display: inline-block;

  margin: 0 -4px 0 0;

  padding: 0;

  cursor: pointer;

}

.slick-dots li button {

  position: relative;

  display: block;

  width: 16px;

  height: 16px;

  margin: 0 5px;

  color: transparent;

  background-color: transparent;

  border: 0;

  outline: none;

}

.slick-dots li button:after {

  content: '';

  position: absolute;

  top: 4px;

  left: 4px;

  display: block;

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: #465f8c;

}

.slick-dots li.slick-active button:after,

.slick-dots li.slick-active button:hover:after {

  background: #ffffff;

}

.slick-dots li button:hover,

.slick-dots li button:focus {

  outline: none;

}