.probootstrap-header {

  padding-top: 20px;

  padding-bottom: 20px;

  width: 100%;

  z-index: 4;

  top: 0;

  background: #ffffff;

}



.probootstrap-logo {

  float: left;

  color: #000000;

  padding-left: 15px;

  font-size: 20px;

  display: block;

  text-transform: uppercase;

  font-weight: 700;

  font-family: "Rubik", sans-serif;

}

.probootstrap-slider .slides li.overlay {
  position: relative;
}

.probootstrap-slider .slides li.overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #202f38 !important;
  opacity: 0.05 !important;
  z-index: 1;
}



.probootstrap-logo:hover, .probootstrap-logo:focus, .probootstrap-logo:active {

  color: #000000;

}



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

  .probootstrap-logo {

    padding-left: 25px;

  }

}



.probootstrap-logo-center {

  text-transform: uppercase;

  position: relative;

  top: -7px;

}



.probootstrap-logo-center a {

  margin-right: 20px;

  margin-left: 20px;

  text-align: center;

  color: #000000;

  display: inline-block;

  *display: inline;

  zoom: 1;

}



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

  .probootstrap-logo-center a {

    margin-left: 0;

    margin-right: 0;

  }

}



.probootstrap-nav {

  margin-left: 0px;

  text-align: center;

  float: none;

}



.probootstrap-mobile-menu-active .probootstrap-nav {

  text-align: left;

  position: fixed;

  display: block !important;

  overflow-y: auto;

  top: 0;

  right: 0;

  bottom: 0;

  padding-right: 0;

  z-index: 1100;

  height: 100vh;

  width: 300px;

  background: #000000;

  padding: 40px;

  -webkit-transition: .3s all ease-out;

  transition: .3s all ease-out;

  -webkit-transform: translateX(300px);

  transform: translateX(300px);

}



.probootstrap-mobile-menu-active .probootstrap-nav .extra-text {

  display: block;

  float: left;

  clear: both;

  margin-top: 30px;

  color: #ffffff;

}



.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons {

  padding: 0;

  margin: 0 0 20px 0;

}



.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li {

  display: inline-block;

  *display: inline;

  zoom: 1;

  padding: 0;

  margin: 0;

}



.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li a {

  color: #ffffff;

  padding: 10px;

}



.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li:first-child a {

  padding-left: 0;

}



.probootstrap-mobile-menu-active .probootstrap-nav .extra-text h5 {

  text-transform: uppercase;

  letter-spacing: .1em;

  color: rgba(255, 255, 255, 0.5);

}



.probootstrap-mobile-menu-active.show .probootstrap-nav {

  -webkit-transform: translateX(0px);

  transform: translateX(0px);

}



.probootstrap-main-nav {

  margin: 0;

  padding: 0;

}



.probootstrap-mobile-menu-active .probootstrap-main-nav {

  float: left;

  margin-top: 40px;

  width: 100%;

}



.probootstrap-main-nav li {

  margin: 0;

  padding: 0 10px;

  list-style: none;

  display: inline;

  font-size: 18px;

}



.probootstrap-mobile-menu-active .probootstrap-main-nav li {

  margin-bottom: 10px;

  display: block;

  padding-left: 0;

  padding-right: 0;

}



.probootstrap-main-nav li a {

  text-transform: uppercase;

  padding: 0px 0;

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

  font-size: 14px;

}



.probootstrap-mobile-menu-active .probootstrap-main-nav li a {

  margin-bottom: 10px;

  padding: 5px 0;

  display: block;

  line-height: 1.5;

  color: rgba(255, 255, 255, 0.5);

}



.probootstrap-main-nav li a:hover {

  color: #903479;

}



.probootstrap-mobile-menu-active .probootstrap-main-nav li a {

  border-bottom: none !important;

}



.probootstrap-mobile-menu-active .probootstrap-main-nav li a:hover {

  color: #ffffff;

}



.probootstrap-main-nav li.probootstrap-cta {

  margin-left: 20px;

}



.probootstrap-main-nav li.probootstrap-cta a {

  border: 2px solid #ffffff;

  padding-right: 20px;

  padding-left: 20px;

  border-radius: 4px;

}



.probootstrap-main-nav li.probootstrap-cta a:hover {

  background: #ffffff;

  color: #903479;

}



.probootstrap-mobile-menu-active .probootstrap-main-nav li.probootstrap-cta {

  margin-left: 0px;

  margin-top: 20px;

}



.probootstrap-mobile-menu-active .probootstrap-main-nav li.probootstrap-cta a {

  padding-top: 2px;

  padding-bottom: 2px;

}



.probootstrap-main-nav li.active a {

  color: #903479;

  border-bottom: 2px solid #903479;

}



.probootstrap-main-nav li.active a:hover {

  color: #000000;

}



.probootstrap-mobile-menu-active .probootstrap-main-nav li.active a {

  border-bottom: none !important;

  color: #ffffff;

}



.probootstrap-mobile-menu-active .probootstrap-main-nav li {

  display: block;

}



.probootstrap-header-social {

  position: absolute;

  top: 34px;

  right: 60px;

}



.probootstrap-header-social li {

  display: inline;

  list-style: none;

  margin-left: 5px;

}



.probootstrap-header-social li a {

  color: #ffffff;

}



.probootstrap-mobile-menu-active.show .mobile-menu-overlay {

  opacity: 1;

  visibility: visible;

}



.probootstrap-intro {

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;

  top: 0;

  height: 100vh;

  overflow: hidden;

}



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

  .probootstrap-intro {

    background-position: center center;

  }

}



.probootstrap-intro.probootstrap-intro-inner {

  height: 500px;

}



.probootstrap-intro .probootstrap-scroll-down {

  position: absolute;

  z-index: 1;

  left: 50%;

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

  transform: translateX(-50%);

  -webkit-transition: .9s all ease-out;

  transition: .9s all ease-out;

  bottom: 20px;

  color: #ffffff;

  opacity: 1;

  visibility: visible;

}



.probootstrap-intro .probootstrap-scroll-down.probootstrap-sleep {

  bottom: -50px;

  opacity: 0;

  visibility: hidden;

}



.probootstrap-intro .probootstrap-intro-text {

  margin-top: 300px;

}



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

  .probootstrap-intro .probootstrap-intro-text {

    height: inherit !important;

    margin-top: 100px;

    padding-left: 15px;

    padding-right: 15px;

  }

}



.probootstrap-intro.probootstrap-intro-inner .probootstrap-intro-text {

  margin-top: 190px;

}



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

  .probootstrap-intro.probootstrap-intro-inner .probootstrap-intro-text {

    margin-top: 150px;

  }

}



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

  .probootstrap-intro {

    height: inherit !important;

    padding-top: 7em;

    padding-bottom: 7em;

  }

}



.probootstrap-intro:before {

  z-index: 1;

  position: absolute;

  display: none;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: "";

  background: #ddf0f3;

  background: -webkit-gradient(left top, right top, color-stop(0%, #ddf0f3), color-stop(100%, #903479));

  background: -webkit-gradient(linear, left top, right top, from(#ddf0f3), to(#903479));

  background: linear-gradient(to right, #ddf0f3 0%, #903479 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$firstcolor, endColorstr=$secondcolor, GradientType=1 );

  opacity: .8;

}



.probootstrap-intro > .container-fluid, .probootstrap-intro > .container {

  position: relative;

  z-index: 3;

}



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

  .probootstrap-intro {

    padding: 7em 0 7em 0;

  }

}



.probootstrap-intro h1 {

  font-size: 120px;

  text-transform: uppercase;

  color: #000000;

  font-weight: 900;

  line-height: 100px;

  margin-bottom: 0;

}



.probootstrap-intro h1 span {

  font-weight: 300;

  display: block;

}



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

  .probootstrap-intro h1 {

    font-size: 60px;

    line-height: 60px;

  }

}



.probootstrap-intro .probootstrap-subtitle {

  max-width: 700px;

}



.probootstrap-intro .probootstrap-subtitle h2 {

  margin-top: 0;

  color: rgba(0, 0, 0, 0.9);

  font-weight: 300;

  font-family: "Crimson Text", serif;

  letter-spacing: .1em;

  text-transform: uppercase;

  position: relative;

  padding-bottom: 10px;

}



.probootstrap-intro .probootstrap-subtitle h2:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 50px;

  height: 2px;

  background: #903479;

}



.probootstrap-intro .probootstrap-subtitle h2 a {

  color: black;

}



.probootstrap-intro .probootstrap-subtitle h2 a:hover {

  color: rgba(0, 0, 0, 0.7);

}



.probootstrap-intro.probootstrap-intro-inner h1 {

  font-size: 100px;

  line-height: 100px;

}



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

  .probootstrap-intro.probootstrap-intro-inner h1 {

    font-size: 50px;

    line-height: 50px;

  }

}



.probootstrap-intro.probootstrap-intro-inner h2 {

  font-size: 30px;

}



.probootstrap-watch-intro {

  font-size: 23px;

  font-weight: 300;

}



.probootstrap-watch-intro a i {

  position: relative;

  top: 2px;

  -webkit-transition: .3s all;

  transition: .3s all;

}



.probootstrap-watch-intro a:hover i {

  margin-left: 20px;

}



.probootstrap-burger-menu {

  display: inline-block;

  width: 18px;

  height: 18px;

  cursor: pointer;

  text-decoration: none;

  position: relative;

}



.probootstrap-burger-menu i {

  position: relative;

  display: inline-block;

  width: 18px;

  height: 2px;

  color: #000000;

  font: bold 14px/.4 Helvetica, arial;

  text-transform: uppercase;

  text-indent: -55px;

  background: #000000;

  -webkit-transition: all .2s ease-out;

  transition: all .2s ease-out;

}



.probootstrap-burger-menu i::before, .probootstrap-burger-menu i::after {

  content: '';

  width: 18px;

  height: 2px;

  background: #000000;

  position: absolute;

  left: 0;

  -webkit-transition: all .2s ease-out;

  transition: all .2s ease-out;

}



.probootstrap-burger-menu i::before {

  top: -7px;

}



.probootstrap-burger-menu i::after {

  bottom: -7px;

}



.probootstrap-burger-menu:hover i::before {

  top: -10px;

}



.probootstrap-burger-menu:hover i::after {

  bottom: -10px;

}



.probootstrap-burger-menu.active i {

  background: transparent;

}



.probootstrap-burger-menu.active i::before {

  top: 0;

  -webkit-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

}



.probootstrap-burger-menu.active i::after {

  bottom: 0;

  -webkit-transform: rotateZ(-45deg);

  transform: rotateZ(-45deg);

}



.probootstrap-mobile-menu-active.show .probootstrap-burger-menu i {

  color: #ffffff;

  background: #ffffff;

}



.probootstrap-mobile-menu-active.show .probootstrap-burger-menu i:before, .probootstrap-mobile-menu-active.show .probootstrap-burger-menu i:after {

  background: #ffffff;

}



.probootstrap-mobile-menu-active.show .probootstrap-burger-menu.active i {

  background: transparent;

}



.probootstrap-burger-menu {

  position: absolute;

  top: 26px;

  right: 20px;

}





.probootstrap-section {

  padding: 5em 0;

  position: relative;

  z-index: 2;

}



.probootstrap-section.probootstrap-section-sm {

  padding: 3em 0;

}



.probootstrap-section.probootstrap-border-top {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}



.probootstrap-section.probootstrap-border-bottom {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.probootstrap-section > .container.probootstrap-border-top {

  padding-top: 50px;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}



.probootstrap-section.probootstrap-section-colored, .probootstrap-section.probootstrap-section-dark {

  background: #903479;

  background: #ddf0f3;

  background: -webkit-gradient(left top, right top, color-stop(0%, #ddf0f3), color-stop(100%, #903479));

  background: -webkit-gradient(linear, left top, right top, from(#ddf0f3), to(#903479));

  background: linear-gradient(to right, #ddf0f3 0%, #903479 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$firstcolor, endColorstr=$secondcolor, GradientType=1 );

}



.probootstrap-section.probootstrap-section-colored .section-heading h2, .probootstrap-section.probootstrap-section-dark .section-heading h2 {

  color: white;

}



.probootstrap-section.probootstrap-section-colored .section-heading p, .probootstrap-section.probootstrap-section-dark .section-heading p {

  color: rgba(255, 255, 255, 0.6);

}



.probootstrap-section.probootstrap-section-colored p, .probootstrap-section.probootstrap-section-dark p {

  color: white;

}



.probootstrap-section.probootstrap-section-dark {

  background: whitesmoke;

  color: black;

}



.probootstrap-section.probootstrap-section-dark .section-heading h2 {

  color: black;

}



.probootstrap-section.probootstrap-section-dark .section-heading p {

  color: rgba(0, 0, 0, 0.6);

}



.probootstrap-section.probootstrap-section-dark p {

  color: rgba(0, 0, 0, 0.6);

}



.probootstrap-section.probootstrap-bg-white {

  background: #ffffff;

}



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

  .probootstrap-section {

    padding: 3em 0;

  }

}



.probootstrap-section.probootstrap-bg {

  background-size: cover;

  background-repeat: no-repeat;

}



.probootstrap-section.probootstrap-bg:before {

  position: absolute;

  content: "";

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

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}



.probootstrap-section .heading-with-icon {

  color: #903479;

  font-size: 24px;

}



.probootstrap-section .heading-with-icon i {

  color: #903479;

}



.probootstrap-section-heading h2 {

  margin-top: 0;

  margin-bottom: 10px;

}



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

  .probootstrap-section-heading h2 {

    font-size: 30px;

  }

}



.probootstrap-cta {

  padding: 2em 0;

}



.probootstrap-cta.probootstrap-light {

  background: whitesmoke;

}



.probootstrap-cta .probootstrap-cta-heading {

  font-size: 24px;

  margin-top: 10px;

  float: left;

  width: 80%;

  margin-bottom: 0;

}



.probootstrap-cta .probootstrap-cta-heading span {

  font-size: 16px;

}



.probootstrap-cta .probootstrap-cta-button-wrap {

  width: 20%;

  float: right;

  text-align: right;

}



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

  .probootstrap-cta .probootstrap-cta-heading {

    margin-bottom: 30px;

  }

  .probootstrap-cta .probootstrap-cta-heading,

  .probootstrap-cta .probootstrap-cta-button-wrap {

    width: 100%;

    text-align: left;

  }

}



.probootstrap-relative {

  position: relative;

}



.probootstrap-owl-navigation {

  margin: 0;

  padding: 0;

}



.probootstrap-owl-navigation.absolute {

  position: absolute;

  top: 2px;

}



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

  .probootstrap-owl-navigation.absolute {

    position: relative;

    margin-bottom: 40px;

  }

}



.probootstrap-owl-navigation.absolute.right {

  right: 15px;

}



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

  .probootstrap-owl-navigation.absolute.right {

    margin-left: 15px;

  }

}



.probootstrap-owl-navigation.absolute.left {

  left: 0;

}



.probootstrap-owl-navigation li {

  display: inline-block;

  list-style: none;

  margin: 0;

  padding: 0;

}



.probootstrap-owl-navigation li a {

  font-size: 20px;

  padding: 7px;

  background: #e6e5e5;

  color: #807f7f;

  border-radius: 4px;

}



.probootstrap-owl-navigation li a i {

  position: relative;

  top: 1px;

}



.probootstrap-owl-navigation li a:hover {

  background: #903479;

  color: #ffffff;

}



.probootstrap-room {

  -webkit-transition: .3s all ease-out;

  transition: .3s all ease-out;

  margin-bottom: 30px;

}



.probootstrap-room h3 {

  font-size: 26px;

  line-height: 24px;

  margin-bottom: 0;

  margin-top: 0;

}



.probootstrap-room p {

  color: #7a7a7a;

}



.probootstrap-room p strong {

  color: #000000;

  font-weight: 400;

}



.probootstrap-room p:last-child {

  margin-bottom: 0;

}



.probootstrap-room .text {

  padding: 20px;

  border: 1px solid #e0e0e0;

  border-top: none;

}



.probootstrap-room.fade {

  opacity: .4;

}



.probootstrap-half {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.probootstrap-half .image, .probootstrap-half .text {

  width: 50%;

}



.probootstrap-half .image {

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}



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

  .probootstrap-half .image {

    height: 300px;

    width: 100%;

  }

}



.probootstrap-half .text {

  padding: 100px;

  background: #903479;

}



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

  .probootstrap-half .text {

    width: 100%;

    padding: 30px 15px;

    float: left;

  }

}



.probootstrap-half .text h2 {

  color: #ffffff;

}



.probootstrap-half .text p {

  color: rgba(255, 255, 255, 0.5);

  line-height: 1.5;

}



.probootstrap-footer {

  padding: 3em 0 3em 0;

  position: relative;

}



.probootstrap-footer .probootstrap-backtotop {

  position: absolute;

  top: -30px;

  left: 50%;

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

  transform: translateX(-50%);

}



.probootstrap-footer .probootstrap-backtotop a {

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

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

  display: inline-block;

  *display: inline;

  zoom: 1;

  text-align: center;

  background: #ffffff;

  width: 60px;

  height: 60px;

  line-height: 60px;

  border-radius: 50%;

  border-bottom: none !important;

}



.probootstrap-footer .probootstrap-backtotop a:hover, .probootstrap-footer .probootstrap-backtotop a:focus, .probootstrap-footer .probootstrap-backtotop a:active {

  color: #903479 !important;

}



.probootstrap-footer .border-top {

  padding-top: 50px;

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}



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

  .probootstrap-footer {

    padding: 3em 0;

  }

}



.probootstrap-footer .probootstrap-footer-widget {

  float: left;

  width: 100%;

  margin-bottom: 30px;

}



.probootstrap-footer .probootstrap-footer-widget h4 {

  font-size: 20px;

  margin-bottom: 20px;

}



.probootstrap-footer .probootstrap-footer-link {

  padding: 0;

  margin: 0;

}



.probootstrap-footer .probootstrap-footer-link.float {

  float: left;

  margin-right: 40px;

}



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

  .probootstrap-footer .probootstrap-footer-link.float {

    margin-top: 0;

    margin-left: 0px;

    margin-right: 40px;

  }

}



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

  .probootstrap-footer .probootstrap-footer-link.float {

    margin-top: 0;

    margin-left: 0px;

    margin-right: 0px;

    width: 100%;

  }

}



.probootstrap-footer .probootstrap-footer-link li {

  list-style: none;

  padding: 0;

  margin: 0;

}



.probootstrap-footer .probootstrap-back-to-top {

  text-align: right;

}



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

  .probootstrap-footer .probootstrap-back-to-top {

    text-align: left;

    margin-top: 30px;

  }

}



.probootstrap-hover-overlay {

  position: relative;

  display: block;

  overflow: hidden;

  -webkit-transition: .7s all ease-out;

  transition: .7s all ease-out;

  margin-bottom: 30px;

}



.probootstrap-hover-overlay img {

  position: relative;

  z-index: 1;

  -webkit-transition: .3s all ease-out;

  transition: .3s all ease-out;

}



.probootstrap-hover-overlay:before {

  -webkit-transition: .3s all ease-out;

  transition: .3s all ease-out;

  content: "";

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  position: absolute;

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

  opacity: 0;

  visibility: hidden;

  z-index: 2;

}



.probootstrap-hover-overlay .probootstrap-text-overlay {

  position: absolute;

  z-index: 20;

  left: 20px;

  top: 20px;

  -webkit-transition: .4s all ease-out;

  transition: .4s all ease-out;

  opacity: 0;

  visibility: hidden;

}



.probootstrap-hover-overlay .probootstrap-text-overlay h3 {

  color: #ffffff;

  margin-bottom: 0;

  margin-top: 0;

}



.probootstrap-hover-overlay .probootstrap-text-overlay p {

  color: rgba(255, 255, 255, 0.8);

  font-size: 12px;

  letter-spacing: .1em;

  text-transform: uppercase;

}



.probootstrap-hover-overlay .probootstrap-text-overlay p:last-child {

  margin-bottom: 0;

}



.probootstrap-hover-overlay:hover:before {

  opacity: 1;

  visibility: visible;

}



.probootstrap-hover-overlay:hover .probootstrap-text-overlay {

  top: 20px;

  opacity: 1;

  visibility: visible;

}



.probootstrap-hover-overlay:hover img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



.probootstrap-block-image-text {

  background: #ffffff;

  margin-bottom: 30px;

}



.probootstrap-block-image-text figure {

  margin-bottom: 0;

  position: relative;

}



.probootstrap-block-image-text figure img {

  max-width: 100%;

  margin-bottom: 0;

}



.probootstrap-block-image-text .actions {

  position: absolute;

  bottom: 10px;

  right: 0px;

}



.probootstrap-block-image-text .actions a {

  color: white;

  margin-right: 10px;

}



.probootstrap-block-image-text .text {

  padding: 20px;

}



.probootstrap-block-image-text .text h3 {

  margin: 0 0 10px 0;

  font-size: 30px;

}



.probootstrap-block-image-text .text h3 a {

  color: #000000;

}



.probootstrap-block-image-text .text h3 a:hover {

  color: #903479;

}



.probootstrap-block-image-text .text p.dark {

  color: #999999;

}



.probootstrap-block-image-text .text p:last-child {

  margin-bottom: 0;

}



.probootstrap-blog-list, .probootstrap-news-list, .probootstrap-product-list {

  padding: 0;

  margin: 0;

}



.probootstrap-blog-list li, .probootstrap-news-list li, .probootstrap-product-list li {

  padding: 0;

  margin: 0 0 20px 0;

  list-style: none;

}



.probootstrap-blog-list li a, .probootstrap-news-list li a, .probootstrap-product-list li a {

  color: #000000;

  display: table;

}



.probootstrap-blog-list li a .probootstrap-image, .probootstrap-blog-list li a .probootstrap-text, .probootstrap-news-list li a .probootstrap-image, .probootstrap-news-list li a .probootstrap-text, .probootstrap-product-list li a .probootstrap-image, .probootstrap-product-list li a .probootstrap-text {

  display: table-cell;

  vertical-align: top;

}



.probootstrap-blog-list li a p, .probootstrap-news-list li a p, .probootstrap-product-list li a p {

  color: #7e8890;

  line-height: 1.4;

}



.probootstrap-blog-list li a .probootstrap-image, .probootstrap-news-list li a .probootstrap-image, .probootstrap-product-list li a .probootstrap-image {

  width: 80px;

}



.probootstrap-blog-list li a .probootstrap-image img, .probootstrap-news-list li a .probootstrap-image img, .probootstrap-product-list li a .probootstrap-image img {

  border-radius: 2px;

}



.probootstrap-blog-list li a .probootstrap-text, .probootstrap-news-list li a .probootstrap-text, .probootstrap-product-list li a .probootstrap-text {

  padding-left: 20px;

}



.probootstrap-blog-list li a .probootstrap-text .meta, .probootstrap-news-list li a .probootstrap-text .meta, .probootstrap-product-list li a .probootstrap-text .meta {

  display: block;

  color: #cccccc;

}



.probootstrap-blog-list li a .probootstrap-text h4, .probootstrap-news-list li a .probootstrap-text h4, .probootstrap-product-list li a .probootstrap-text h4 {

  font-size: 20px;

  margin: 0 0 0 0;

  color: #000000;

}



.probootstrap-blog-list li a:hover h4, .probootstrap-news-list li a:hover h4, .probootstrap-product-list li a:hover h4 {

  color: #903479;

}



.probootstrap-footer-social {

  padding: 0;

  margin: 0;

}



.probootstrap-footer-social li {

  display: inline;

  padding: 0;

  margin: 0;

  list-style: none;

}



.probootstrap-footer-social li a {

  padding: 10px;

  font-size: 22px;

}



.probootstrap-footer-social li:first-child > a {

  padding-left: 0;

}



.nav-tabs.probootstrap-center, .nav-pills.probootstrap-center {

  text-align: center;

}



.nav-tabs.probootstrap-center > li, .nav-pills.probootstrap-center > li {

  float: none;

  display: inline-block;

  *display: inline;

  zoom: 1;

}



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

  .nav-tabs.probootstrap-center > li, .nav-pills.probootstrap-center > li {

    width: 100%;

    display: block;

  }

}



.nav-tabs.probootstrap-tabs > li > a, .nav-pills.probootstrap-tabs > li > a {

  border-radius: 0px;

  padding: 20px 30px;

  background: #903479;

  color: #ffffff;

  font-size: 16px;

  border: none !important;

}



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

  .nav-tabs.probootstrap-tabs > li > a, .nav-pills.probootstrap-tabs > li > a {

    width: 100%;

    display: block;

  }

}



.nav-tabs.probootstrap-tabs > li > a:hover, .nav-pills.probootstrap-tabs > li > a:hover {

  background: #7d2d69;

}



.nav-tabs.probootstrap-tabs > li > a:active, .nav-tabs.probootstrap-tabs > li > a:focus, .nav-pills.probootstrap-tabs > li > a:active, .nav-pills.probootstrap-tabs > li > a:focus {

  outline: none;

}



.nav-tabs.probootstrap-tabs > li.active > a, .nav-pills.probootstrap-tabs > li.active > a {

  background: #ffffff;

  color: #000000;

}



.nav-tabs.probootstrap-tabs.no-border, .nav-pills.probootstrap-tabs.no-border {

  border-bottom: none;

}



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

  .probootstrap-tab-section {

    padding-bottom: 0 !important;

  }

}



.probootstrap-tab-style-1 {

  position: absolute;

  bottom: 1px;

  width: 100%;

}



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

  .probootstrap-tab-style-1 {

    position: relative;

  }

}





.probootstrap-form {

  margin-bottom: 50px;

}



.probootstrap-form.probootstrap-form-box {

  background: #ffffff;

  padding: 60px;

  -webkit-box-shadow: 18px 17px 104px -24px rgba(0, 0, 0, 0.1);

  box-shadow: 18px 17px 104px -24px rgba(0, 0, 0, 0.1);

}



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

  .probootstrap-form.probootstrap-form-box {

    padding: 20px;

  }

}



.probootstrap-form .form-note-link {

  font-weight: 400;

}



.probootstrap-form .form-note-link a {

  color: #bfbfbf;

}



.probootstrap-form .form-note-link a:hover, .probootstrap-form .form-note-link a:active, .probootstrap-form .form-note-link a:focus {

  color: #404040;

}



.probootstrap-form label {

  font-weight: normal;

}



.probootstrap-form .form-control {

  height: 46px;

  -webkit-box-shadow: none;

  box-shadow: none;

  font-size: 16px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border: 2px solid #e6e5e5;

  background: #fafafa;

  -webkit-transition: .3s all ease-out;

  transition: .3s all ease-out;

}



.probootstrap-form .form-control:active, .probootstrap-form .form-control:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

  border-color: #903479;

  background: #ffffff;

}



.probootstrap-form .form-group .form-field {

  position: relative;

}



.probootstrap-form .form-group .form-field .icon {

  position: absolute;

  top: 15px;

  right: 20px;

}



.probootstrap-form .form-group .form-field .form-control {

  padding-right: 50px;

}



.probootstrap-form textarea.form-control {

  height: inherit;

  resize: vertical;

}



.probootstrap-contact-info, .with-icon {

  padding: 0;

  margin: 0 0 30px 0;

}



.probootstrap-contact-info li, .with-icon li {

  padding: 0;

  margin: 20px 0 15px 0;

  list-style: none;

  line-height: 24px;

  display: table;

}



.probootstrap-contact-info li > i, .probootstrap-contact-info li > span, .with-icon li > i, .with-icon li > span {

  vertical-align: top;

  display: table-cell;

}



.probootstrap-contact-info li > i, .with-icon li > i {

  font-size: 20px;

  position: relative;

  top: 4px;

  width: 30px;

}





/* Flexslider override style */

.slider-height, .flexslider, .flexslider .slides > li {

  height: 800px;

  overflow: hidden;

}



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

  .slider-height, .flexslider, .flexslider .slides > li {

    height: inherit;

    height: 500px;

  }

}



.lead {

  font-size: 20px;

}



.flexslider {

  position: relative;

  z-index: 2;

  background: none;

  border: none !important;

  margin: 0 0 0 !important;

  border-radius: 0px;

  color: rgba(255, 255, 255, 0.7);

}



.flexslider .seperator {

  max-width: auto;

  width: auto !important;

  margin: 0 auto;

}



.flexslider .probootstrap-heading {

	color: #1d4952;

	font-weight: 300;

	font-size: 50px;

	line-height: 60px;

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

	font-weight: 700;

}



.flexslider .probootstrap-sub-wrap {

  max-width: 700px;

  text-align: left;

  font-size: 18px;

  line-height: 1.5;

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

}



.flexslider .text-center .probootstrap-sub-wrap {

	margin: 0 auto;

    text-align: center;

    margin-top: 25px;

    font-weight: 600;

    opacity: 1;

    color: #1f4a53;

	font-size: 20px;

}





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

  .flexslider .probootstrap-slider-text {

    margin-top: 100px;

  }

}



.flexslider.probootstrap-inner {

  height: 500px;

}



.flexslider.probootstrap-inner .probootstrap-slider-text {

  margin-top: 150px;

}



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

  .flexslider.probootstrap-inner .probootstrap-slider-text {

    margin-top: 100px;

  }

}



.flexslider .slides > li {

  background-size: cover;

  background-position: center center;

  background-repeat: none;

}



.flexslider .slides > li {
  background-size: cover;
  background-position: center center;
  background-repeat: none;
}



.flexslider .flex-control-paging {

  position: absolute;

  bottom: 30px;

  z-index: 20;

}



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

  .flexslider .flex-direction-nav {

    display: none;

  }

}



.flexslider .flex-direction-nav a {

	text-decoration: none;

	display: block;

	width: 30px;

	height: 30px;

	position: absolute;

	top: 50%;

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

	transform: translateY(-50%);

	z-index: 10;

	overflow: hidden;

	opacity: 0;

	cursor: pointer;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

    border: 2px solid rgb(255 255 255);

	border-radius: 50%;

	padding: 30px;

}



.flexslider .flex-direction-nav a:hover, .flexslider .flex-direction-nav a:active, .flexslider .flex-direction-nav a:focus {

  outline: none;

}



.flexslider .flex-direction-nav a:before {

  font-family: 'icomoon';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  content: "\2039";

  -webkit-transition: .3s all;

  transition: .3s all;

  font-size: 30px;

  display: inline-block;

  color: white;

  left: 50%;

  top: 46%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}



.flexslider .flex-direction-nav a.flex-next:before {

  content: '\203A';

  left: 50%;

  top: 46%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}



.flex-direction-nav .flex-prev {

  left: 50px;

}



.flex-direction-nav .flex-next {

  right: 50px;

  text-align: right;

}



.flexslider:hover .flex-direction-nav .flex-prev {

  opacity: 0.7;

  left: 60px;

}



.flexslider:hover .flex-direction-nav .flex-prev:hover,

.flexslider:hover .flex-direction-nav .flex-next:hover {

  opacity: 1;

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

}



.flexslider:hover .flex-direction-nav .flex-next {

  opacity: 0.7;

  right: 60px;

}



.flex-control-paging li a {

  width: 7px;

  height: 7px;

  display: block;

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

  cursor: pointer;

  text-indent: -9999px;

  -webkit-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

  -webkit-transition: .3s all;

  transition: .3s all;

}



.flex-control-paging li a:hover {

  background: #333;

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

}



.flex-control-paging li a.flex-active {

  background: #000;

  background: white;

  cursor: default;

}



.probootstrap-testimonial:before {

  background: rgba(0, 0, 0, 0.7) !important;

}



.probootstrap-testimonial .section-heading p {

  color: rgba(255, 255, 255, 0.9) !important;

}



.probootstrap-testimonial .owl-theme .owl-dots .owl-dot span {

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

}



.probootstrap-testimonial .owl-theme .owl-dots .owl-dot span:hover {

  background: none;

  border: 2px solid rgba(255, 255, 255, 0.2);

}



.probootstrap-testimonial .owl-theme .owl-dots .owl-dot.active span, .probootstrap-testimonial .owl-theme .owl-dots .owl-dot:hover span {

  background: none;

  border: 2px solid #ffffff;

}





.probootstrap-gutter0 > div[class*='col-'] {

  padding-right: 0px;

  padding-left: 0px;

}



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

  .probootstrap-gutter0 > div[class*='col-'] {

    padding-right: 0px;

    padding-left: 0px;

  }

}



.probootstrap-gutter10 > div[class*='col-'] {

  padding-right: 5px;

  padding-left: 5px;

}



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

  .probootstrap-gutter10 > div[class*='col-'] {

    padding-right: 5px;

    padding-left: 5px;

  }

}



.probootstrap-gutter40 > div[class*='col-'] {

  padding-right: 20px;

  padding-left: 20px;

}



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

  .probootstrap-gutter40 > div[class*='col-'] {

    padding-right: 15px;

    padding-left: 15px;

  }

}



.probootstrap-gutter60 > div[class*='col-'] {

  padding-right: 30px;

  padding-left: 30px;

}



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

  .probootstrap-gutter60 > div[class*='col-'] {

    padding-right: 15px;

    padding-left: 15px;

  }

}





.probootstrap-black-color {

  color: #000000 !important;

}



.probootstrap-white-color {

  color: #ffffff !important;

}



.probootstrap-primary-color {

  color: #903479 !important;

}



.probootstrap-secondary-color {

  color: #ddf0f3 !important;

}



.flexslider { 

    height: 100vh !important;

}



.flexslider, .flexslider .slides>li, .slider-height { 

    height: 100vh !important;

}

/*DESTAQUES*/

.destaque-slider .item {
  margin: 10px;
  text-align: center;
  position: relative;
  justify-items: center;
  align-items: center;
}

/* Define o tamanho fixo da imagem */
.destaque-slider .item .back-img {
  width: auto; /* Largura fixa */
  height: 400px; /* Altura fixa */
  background-size: cover; /* Garante que a imagem preencha a área sem distorção */
  background-position: center; /* Centraliza a imagem */
  margin: 0 auto; /* Centraliza dentro do contêiner */
}

.gallery_product2 {
  width: 500px !important;
  position: relative; 
  overflow: hidden; 
  justify-items: center;
  align-items: center;
}

.outro_titulo {
  position: absolute;
  bottom: 20px;
  z-index: 9999;
  left: 0;
  right: 0;
  text-align: center;

}

/* Estilo para o link a-hover */
.destaque-slider .item a.a-hover { /* Seletor mais específico para o a-hover no destaque-slider */
  width: 500px !important; /* Define a largura igual a da imagem */
  height: 400px; /* Define a altura igual a da imagem */

}

.destaque-slider {
  position: relative; /* Importante para posicionar os dots corretamente */
}

.destaque-slider .owl-dots {
  position: absolute; /* Posiciona os dots abaixo do carrossel */
  bottom: 20px;       /* Ajuste a distância dos dots para baixo */
  left: 50%;         /* Centraliza os dots horizontalmente */
  transform: translateX(-50%); /* Corrige o alinhamento central */
  text-align: center; /* Centraliza os dots se estiverem dispostos em linha */
}

.destaque-slider .owl-dot {
  display: inline-block; /* Permite que os dots fiquem em linha */
  width: 10px;         /* Largura dos dots */
  height: 10px;        /* Altura dos dots */
  margin: 0 5px;       /* Espaçamento entre os dots */
  background-color: #777777 !important; /* Cor padrão dos dots */
  cursor: pointer;    /* Cursor de mão ao passar sobre os dots */
}

.destaque-slider .owl-dot.active {
  background-color: #1D4952 !important; /* Cor dos dots ativos */
}

/* Media query para telas menores (dispositivos móveis) */
@media (max-width: 768px) { /* Ajuste o valor conforme necessário */
  .destaque-slider .item {
    margin: 10px 10px; /* Margem superior e inferior de 10px, centraliza horizontalmente */
  }

  .destaque-slider .owl-carousel .item .back-img {
    width: 100%;
  }

  .gallery_product2 {
    width: 100% !important; /* Largura ocupa 100% do contêiner pai */
    margin: 0; /* Garante que não há margens adicionais */
  }

  .destaque-slider .item a.a-hover {
    width: 100% !important; /* Largura ocupa 100% do contêiner pai */
    height: auto; /* Altura se ajusta proporcionalmente */
  }

  /* Ajuste a posição dos dots se necessário */
  .destaque-slider .owl-dots {
    bottom: 10px; /* Pode ajustar a distância dos dots para cima */
  }

  /* Oculta o texto sobreposto na imagem em telas menores para evitar sobreposição */
  .outro_titulo {
    display: none;
  }

  /* Remove padding/margem padrão do Owl Carousel (se necessário) */
  .destaque-slider .owl-carousel {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .destaque-slider .owl-carousel .owl-item {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}