html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

html, body {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #002c5a;
    background: #ffffff;
}

a {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

a:hover {
    text-decoration: none;
}

p {
    line-height: 25px;
    text-align: justify;
}

.italic {
    font-style: italic;
    font-size: 16px;
}

.hiding {
    opacity: 0;
}

.visible {
    opacity: 1;
}

.img-responsive-80 {
    display: block;
    height: auto;
    max-width: 80%;
    margin: 0 auto;
}

.f13 {
    font-size: 13px;
    line-height: 16px;
}

.truncate {
    width: 100%;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

h1 {
    font-family: Georgia;
    font-style: italic;
    font-size: 60px;
}

.f40 {
    font-size: 25px;
}

.f20 {
    font-size: 20px;
    line-height: 24px;
}

.title {
    font-family: Georgia;
    font-style: italic;
}

.logo {
    display: block;
    height: 82px;
    width: 180px;
    background-image: url(images/logo-small.png);
    background-repeat: no-repeat;
    z-index: 99;
}

.lang {
    position: absolute;
    right: 35px;
    top: 110px;
    color: #002c5a;
}

.lang a, .lang a:hover, .lang a:focus {
    font-family: 'Cinzel', sans-serif;
    font-size: 12px;
    color: #002c5a;
    text-align: left;
}

.smaller .lang {
    position: relative;
    float: left;
    right: auto;
    left: 8px;
    top: auto;
    z-index: 100;
}

.bookberth p {
    margin: 0;
}

.bookberth img {
    float: left;
    margin-right: 10px;
}

.bookumbrella p {
    margin: 0;
}

.bookumbrella img {
    float: left;
    margin-right: 10px;
}

.bookholiday p {
    margin: 0;
}

.bookholiday img {
    float: left;
    margin-right: 10px;
}

.lifepda p {
    margin: 0;
}

.lifepda img {
    float: left;
    margin-right: 10px;
}

.navbar-nav {
    margin: 0;
}

.navbar-header {
    float: none;
    padding-top: 5px;
    padding-bottom: 20px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.navbar {
    background-color: #ffffff;
    border-bottom: 1px solid #aab5c1;
}

.navbar-nav > li > a {
    font-family: 'Cinzel', sans-serif;
    font-size: 17px;
    color: #002c5a;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ffffff;
    color: #002c5a;
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.subopen {
    display: block !important;
}

.link-mobile {
    margin-top: 15px;
}

.link-mobile a {
    font-family: 'Cinzel', sans-serif;
    display: block;
    padding: 15px;
    border: 1px solid #aab5c1;
    color: #002c5a;
    margin: 5px 0;
    text-align: center;
    font-size: 14px;
}

.link-mobile h3 {
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 0;
}

.carousel, .item, .active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.carousel-caption {
    text-align: right;
    right: 5%;
    padding-bottom: 0;
    bottom: 90px;
}

.carousel-caption h1 {
    font-style: italic;
    font-family: Georgia;
    font-size: 20px;
}

.carousel.fade {
    opacity: 1;
}

.carousel.fade .item {
    -moz-transition: opacity ease-in-out .70s;
    -o-transition: opacity ease-in-out .70s;
    -webkit-transition: opacity ease-in-out .70s;
    transition: opacity ease-in-out .70s;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    z-index: 1;
}

.carousel.fade .item:first-child {
    top: auto;
    position: relative;
}

.carousel.fade .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    z-index: 2;
}

.caption-special {
    position: absolute;
    left: 30px;
    bottom: auto;
    top: 150px;
    z-index: 105;
}

.caption-special h1 {
    color: #ffffff;
    font-size: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.caption-special h1 span {
    font-size: 15px;
}

.banner-mini {
    height: 250px;
    margin-top: 106px;
    width: 100%;
    background-position: center;
    position: relative;
}

.banner-mini .bannerminiimg {
    position: absolute;
    background-color: #ffffff;
    top: 30px;
    padding: 20px;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    text-align: center;
}

.banner-mini .bannerminiimg h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: Georgia;
    font-style: italic;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: solid 1px #b79d8f;
    border-bottom: solid 1px #b79d8f;
}

.discover-content {
    display: none;
}

.discover-button {
    text-align: center;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    margin: 0 auto;
    width: 160px;
    height: 80px;
    background-color: #e5322c;
    -webkit-border-top-left-radius: 80px;
    -webkit-border-top-right-radius: 80px;
    -moz-border-radius-topleft: 80px;
    -moz-border-radius-topright: 80px;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
}

.discover-button a {
    font-family: Georgia;
    font-style: italic;
    color: #ffffff;
    margin-top: 45px;
    font-size: 15px;
    display: block;
}

.imghome {
    margin-bottom: 30px;
    position: relative;
}

.imghomep {
    position: absolute;
    background-color: #ffffff;
    padding: 5px;
    top: 10%;
    left: 15%;
    right: 15%;
    text-align: center;
}

.imghomeplarge {
    position: absolute;
    background-color: #ffffff;
    padding: 5px;
    top: 0;
    left: 15%;
    right: 15%;
    text-align: center;
    z-index: 98;
}

.imghomep p, .imghomeplarge p {
    font-family: Georgia;
    font-style: italic;
    text-align: center;
    border-top: solid 1px #b79d8f;
    border-bottom: solid 1px #b79d8f;
    padding-top: 0;
    padding-bottom: 0;
}

.imghomep h2 {
    font-family: Georgia;
    font-style: italic;
    height: 70px;
}

.imghomeplarge h2 {
    font-family: Georgia;
    font-style: italic;
    height: 30px;
}

.spot-title {
    font-size: 25px;
    font-family: Georgia;
    font-weight: normal;
    font-style: italic;
    text-align: justify;
}

.img-gallery {
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.img-gallery-first {
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.bookholidayform {
    background-color: #ecf7fb;
    padding: 5px 0 5px 0;
}

.bookberthform {
    background-color: #ecf7fb;
    padding: 10px 25px 10px 25px;
}

.field-validation-error {
    color: #c7151f;
}

.small {
    font-size: 11px;
}

.sottotitoloform {
    background-color: #3eadda;
}

.sottotitoloform p {
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    padding: 3px;
    margin: 8px 0 0 0;
    text-align: center;
}

.resort {
    position: relative;
}

.AgaveClubLink {
    cursor: pointer;
    position: absolute;
    height: 70px;
    width: 80px;
    top: 125px;
    left: 760px;
}

.AgaveClubLink .AgaveClubImage {
    display: none;
}

.AgaveClubLink:hover .AgaveClubImage {
    position: absolute;
    top: 70px;
    left: 0;
    display: block;
    border: solid 5px #ffffff;
}

.AmphiteatreLink {
    cursor: pointer;
    position: absolute;
    height: 70px;
    width: 80px;
    top: 50px;
    left: 830px;
}

.AmphiteatreLink .AmphiteatreImage {
    display: none;
}

.AmphiteatreLink:hover .AmphiteatreImage {
    position: absolute;
    top: 0;
    right: 80px;
    display: block;
    border: solid 5px #ffffff;
}

.BeachLink {
    cursor: pointer;
    position: absolute;
    height: 70px;
    width: 80px;
    top: 90px;
    left: 125px;
}

.BeachLink .BeachImage {
    display: none;
}

.BeachLink:hover .BeachImage {
    position: absolute;
    top: 0;
    left: 80px;
    display: block;
    border: solid 5px #ffffff;
}

.BorgoLink {
    cursor: pointer;
    position: absolute;
    height: 70px;
    width: 80px;
    top: 50px;
    left: 690px;
}

.BorgoLink .BorgoImage {
    display: none;
}

.BorgoLink:hover .BorgoImage {
    position: absolute;
    top: 0;
    right: 80px;
    display: block;
    border: solid 5px #ffffff;
}

.GarageLink {
    cursor: pointer;
    position: absolute;
    height: 40px;
    width: 40px;
    top: 245px;
    left: 645px;
}

.GarageLink .GarageImage {
    display: none;
}

.GarageLink:hover .GarageImage {
    position: absolute;
    top: 0;
    right: 40px;
    display: block;
    border: solid 5px #ffffff;
}

.HotelLink {
    cursor: pointer;
    position: absolute;
    height: 70px;
    width: 180px;
    top: 310px;
    left: 690px;
}

.HotelLink .HotelImage {
    display: none;
}

.HotelLink:hover .HotelImage {
    position: absolute;
    top: 0;
    right: 180px;
    display: block;
    border: solid 5px #ffffff;
}

.PiazzettaLink {
    cursor: pointer;
    position: absolute;
    height: 65px;
    width: 90px;
    top: 125px;
    left: 660px;
}

.PiazzettaLink .PiazzettaImage {
    display: none;
}

.PiazzettaLink:hover .PiazzettaImage {
    position: absolute;
    top: 0;
    right: 90px;
    display: block;
    border: solid 5px #ffffff;
}

.ReceptionLink {
    cursor: pointer;
    position: absolute;
    height: 50px;
    width: 80px;
    top: 200px;
    left: 750px;
}

.ReceptionLink .ReceptionImage {
    display: none;
}

.ReceptionLink:hover .ReceptionImage {
    position: absolute;
    top: 0;
    right: 80px;
    display: block;
    border: solid 5px #ffffff;
}

.ResortEntranceLink {
    cursor: pointer;
    position: absolute;
    height: 50px;
    width: 80px;
    top: 200px;
    left: 835px;
}

.ResortEntranceLink .ResortEntranceImage {
    display: none;
}

.ResortEntranceLink:hover .ResortEntranceImage {
    position: absolute;
    top: 50px;
    right: 0;
    display: block;
    border: solid 5px #ffffff;
}

.ShipyardLink {
    cursor: pointer;
    position: absolute;
    height: 80px;
    width: 80px;
    top: 220px;
    left: 480px;
}

.ShipyardLink .ShipyardImage {
    display: none;
}

.ShipyardLink:hover .ShipyardImage {
    position: absolute;
    top: 80px;
    right: 0;
    display: block;
    border: solid 5px #ffffff;
}

.SportsFacilityLink {
    cursor: pointer;
    position: absolute;
    height: 40px;
    width: 120px;
    top: 125px;
    left: 880px;
}

.SportsFacilityLink .SportsFacilityImage {
    display: none;
}

.SportsFacilityLink:hover .SportsFacilityImage {
    position: absolute;
    top: 40px;
    right: 0;
    display: block;
    border: solid 5px #ffffff;
}

.SportsGroundLink {
    cursor: pointer;
    position: absolute;
    height: 50px;
    width: 150px;
    top: 440px;
    left: 720px;
}

.SportsGroundLink .SportsGroundImage {
    display: none;
}

.SportsGroundLink:hover .SportsGroundImage {
    position: absolute;
    bottom: 0;
    right: 150px;
    display: block;
    border: solid 5px #ffffff;
}

.TowerLink {
    cursor: pointer;
    position: absolute;
    height: 60px;
    width: 60px;
    top: 305px;
    left: 520px;
}

.TowerLink .TowerImage {
    display: none;
}

.TowerLink:hover .TowerImage {
    position: absolute;
    top: 0;
    right: 60px;
    display: block;
    border: solid 5px #ffffff;
}

.VillasLink {
    cursor: pointer;
    position: absolute;
    height: 60px;
    width: 60px;
    top: 245px;
    left: 940px;
}

.VillasLink .VillasImage {
    display: none;
}

.VillasLink:hover .VillasImage {
    position: absolute;
    top: 0;
    right: 60px;
    display: block;
    border: solid 5px #ffffff;
}

.YachtClubLink {
    cursor: pointer;
    position: absolute;
    height: 60px;
    width: 60px;
    top: 345px;
    left: 390px;
}

.YachtClubLink .YachtClubImage {
    display: none;
}

.YachtClubLink:hover .YachtClubImage {
    position: absolute;
    bottom: 0;
    right: 60px;
    display: block;
    border: solid 5px #ffffff;
}

.bu {
    position: absolute;
    left: 50%;
    margin-left: 100px;
}

.btn-primary, .btn-primary:focus, .btn-primary:hover {
    background-color: #002c5a;
}

.heart .imghomep p, .heart .imghomeplarge p, .heart .imghomep h2, .heart .imghomeplarge h2 {
    color: #b79d8f;
}

.heart .imghomep p, .heart .imghomeplarge p, .heart .bannerminiimg h2 {
    color: #b79d8f;
    border-top: solid 1px #b79d8f;
    border-bottom: solid 1px #b79d8f;
}

.red .imghomep p, .red .imghomeplarge p, .red .imghomep h2, .red .imghomeplarge h2 {
    color: #fb4c4d;
}

.red .imghomep p, .red .imghomeplarge p, .red .bannerminiimg h2 {
    color: #fb4c4d;
    border-top: solid 1px #fb4c4d;
    border-bottom: solid 1px #fb4c4d;
}

.red2 .imghomep p, .red2 .imghomeplarge p, .red2 .imghomep h2, .red2 .imghomeplarge h2 {
    color: #860216;
}

.red2 .imghomep p, .red2 .imghomeplarge p, .red2 .bannerminiimg h2 {
    color: #860216;
    border-top: solid 1px #860216;
    border-bottom: solid 1px #860216;
}

.blue .imghomep p, .blue .imghomeplarge p, .blue .imghomep h2, .blue .imghomeplarge h2 {
    color: #3b5a81;
}

.blue .imghomep p, .blue .imghomeplarge p, .blue .bannerminiimg h2 {
    color: #3b5a81;
    border-top: solid 1px #3b5a81;
    border-bottom: solid 1px #3b5a81;
}

.green .imghomep p, .green .imghomeplarge p, .green .imghomep h2, .green .imghomeplarge h2 {
    color: #8aa850;
}

.green .imghomep p, .green .imghomeplarge p, .green .bannerminiimg h2 {
    color: #8aa850;
    border-top: solid 1px #8aa850;
    border-bottom: solid 1px #8aa850;
}

.green2 .imghomep p, .green2 .imghomeplarge p, .green2 .imghomep h2, .green2 .imghomeplarge h2 {
    color: #6b7553;
}

.green2 .imghomep p, .green2 .imghomeplarge p, .green2 .bannerminiimg h2 {
    color: #6b7553;
    border-top: solid 1px #6b7553;
    border-bottom: solid 1px #6b7553;
}

.violet .imghomep p, .violet .imghomeplarge p, .violet .imghomep h2, .violet .imghomeplarge h2 {
    color: #8e97c3;
}

.violet .imghomep p, .violet .imghomeplarge p, .violet .bannerminiimg h2 {
    color: #8e97c3;
    border-top: solid 1px #8e97c3;
    border-bottom: solid 1px #8e97c3;
}

.yellow .imghomep p, .yellow .imghomeplarge p, .yellow .imghomep h2, .yellow .imghomeplarge h2 {
    color: #fbb318;
}

.yellow .imghomep p, .yellow .imghomeplarge p, .yellow .bannerminiimg h2 {
    color: #fbb318;
    border-top: solid 1px #fbb318;
    border-bottom: solid 1px #fbb318;
}

.yellow2 .imghomep p, .yellow2 .imghomeplarge p, .yellow2 .imghomep h2, .yellow2 .imghomeplarge h2 {
    color: #d9954d;
}

.yellow2 .imghomep p, .yellow2 .imghomeplarge p, .yellow2 .bannerminiimg h2 {
    color: #d9954d;
    border-top: solid 1px #d9954d;
    border-bottom: solid 1px #d9954d;
}

.grey .imghomep p, .grey .imghomeplarge p, .grey .imghomep h2, .grey .imghomeplarge h2 {
    color: #888e91;
}

.grey .imghomep p, .grey .imghomeplarge p, .grey .bannerminiimg h2 {
    color: #888e91;
    border-top: solid 1px #888e91;
    border-bottom: solid 1px #888e91;
}

.azure .imghomep p, .azure .imghomeplarge p, .azure .imghomep h2, .azure .imghomeplarge h2 {
    color: #67bee9;
}

.azure .imghomep p, .azure .imghomeplarge p, .azure .bannerminiimg h2 {
    color: #67bee9;
    border-top: solid 1px #67bee9;
    border-bottom: solid 1px #67bee9;
}

.brown .imghomep p, .brown .imghomeplarge p, .brown .imghomep h2, .brown .imghomeplarge h2 {
    color: #ca6a64;
}

.brown .imghomep p, .brown .imghomeplarge p, .brown .bannerminiimg h2 {
    color: #ca6a64;
    border-top: solid 1px #ca6a64;
    border-bottom: solid 1px #ca6a64;
}

.black .imghomep p, .black .imghomeplarge p, .black .imghomep h2, .black .imghomeplarge h2 {
    color: #3d3d3d;
}

.black .imghomep p, .black .imghomeplarge p, .black .bannerminiimg h2 {
    color: #3d3d3d;
    border-top: solid 1px #3d3d3d;
    border-bottom: solid 1px #3d3d3d;
}

.lilla .imghomep p, .lilla .imghomeplarge p, .lilla .imghomep h2, .lilla .imghomeplarge h2 {
    color: #793269;
}

.lilla .imghomep p, .lilla .imghomeplarge p, .lilla .bannerminiimg h2 {
    color: #793269;
    border-top: solid 1px #793269;
    border-bottom: solid 1px #793269;
}

.sottotitolo {
    background-color: #3eadda;
}

.sottotitolo-red {
    background-color: #fb4c4d;
}

.sottotitolo-azure {
    background-color: #67bee9;
}

.sottotitolo-red2 {
    background-color: #860216;
}

.sottotitolo-green2 {
    background-color: #6b7553;
}

.sottotitolo-1 {
    background-color: #cf6464;
}

.sottotitolo-2 {
    background-color: #df8d3d;
}

.sottotitolo-3 {
    background-color: #f4b509;
}

.sottotitolo-11 {
    background-color: #88a123;
}

.sottotitolo-12 {
    background-color: #3ab840;
}

.sottotitolo-13 {
    background-color: #3ab890;
}

.sottotitolo-14 {
    background-color: #3aa8b8;
}

.sottotitolo-15 {
    background-color: #3a8ab8;
}

.sottotitolo-16 {
    background-color: #214ca4;
}

.sottotitolo-21 {
    background-color: #694ca9;
}

.sottotitolo-22 {
    background-color: #ab73ab;
}

.sottotitolo-31 {
    background-color: #cf6464;
}

.sottotitolo-32 {
    background-color: #df8d3d;
}

.sottotitolo-33 {
    background-color: #f4b509;
}

.sottotitolo-blue {
    background-color: #3b5a81;
}

.sottotitolo-lilla {
    background-color: #793269;
}

.sottotitolo p {
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.applist-title {
    border-bottom: 1px solid #002c5a;
    font-size: 16px;
    color: #002c5a;
    margin-bottom: 20px;
}

.applist-title p {
    float: left;
    font-size: 18px;
    color: #002c5a;
}

.price {
    float: right;
}

.price span {
    font-size: 25px;
    color: #e5322c;
    font-weight: bold;
}

.services {
    line-height: 19px;
    font-style: italic;
}

.press-list .press-img {
    opacity: 1;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 210px;
    background-position: center;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.press-list .press-img:hover {
    opacity: 0.6;
}

.press-list .col-md-3 {
    margin-bottom: 40px;
}

.navbar-toggle .icon-bar {
    background-color: #828282;
}

.navbar-toggle {
    background-color: #c8c8c8;
}

.download-file-right {
    float: right;
    margin-left: 35px;
}

.download-file-left {
    float: left;
    margin-right: 35px;
}

.download-file-right span, .download-file-left span {
    color: #3b5a81;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.download-file-right:hover span, .download-file-right:active span, .download-file-left:hover span, .download-file-left:active span {
    color: #3b5a81;
    text-decoration: none;
}

footer {
    text-align: center;
    margin-top: 50px;
    border-top: solid 1px #aab5c1;
    padding-top: 15px;
}

footer p {
    font-size: 13px;
    color: #aab5c1;
    text-align: center;
}

footer a {
    font-size: 13px;
    color: #aab5c1;
    text-align: center;
}

.col-sm-15 {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.space10 {
    height: 10px;
}

.space30 {
    height: 30px;
}

.space32 {
    height: 34px;
}

.space50 {
    height: 50px;
}

.space100 {
    height: 100px;
}

.space150 {
    height: 150px;
}

table {
    color: #193a65 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    border-collapse: collapse;
    border: 0;
    border-style: none !important;
    border-spacing: 0 !important;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

table strong {
    color: #193a65 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

table span {
    color: #193a65 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

tr:nth-child(odd) {
    color: #193a65 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    border-style: none !important;
    background-color: #e1f3fb;
}

tr:nth-child(even) {
    color: #193a65 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    border-style: none !important;
    background-color: #ffffff;
}

td {
    color: #193a65 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    border-style: none !important;
    vertical-align: middle;
    text-align: left;
    padding: 5px !important;
}

.social {
    display: none;
}

.socialhome {
    position: relative;
    margin-bottom: 50px;
}

.socialhomebg {
    position: absolute;
    text-align: center;
    top: -30px;
    padding-top: 9px;
    left: 50%;
    margin-left: -30px;
    background-color: #e23232;
    border: 3px solid #ffffff;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.socialhomebg i {
    color: #ffffff;
}

.multiple-items img {
    padding: 0 15px;
}

.multiple-items p {
    padding: 5px 15px;
    margin: 0;
    font-style: italic;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.zoom:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(images/icon.png);
}

.zoom {
    display: inline-block;
    position: relative;
}

.zoom img {
    display: block;
}

.zoom img::selection {
    background-color: transparent;
}

.relative {
    position: relative;
}

.daddario {
    position: absolute;
    bottom: 0;
    right: 0;
}

#banner {
    display: none;
}

#banner-mobile {
    margin-top: 107px;
}

#banner-mobile.carousel, #banner-mobile .item, #banner-mobile .active {
    height: auto;
}

.open-menu {
    display: block;
    float: right;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 32px;
    color: #fff;
    background-color: #e5322c;
    cursor: pointer;
    z-index: 1000;
}

.menu-responsive {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: scroll;
    right: 100%;
    background: #002c5a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#002c5a, #002c5a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#002c5a, #292b2e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#002c5a, #292b2e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#002c5a, #292b2e); /* Standard syntax */
    color: #fff;
    z-index: 10000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    top: 0;
}

.menu-responsive .header-menu .logo {
    height: 82px;
    width: 180px;
    background-image: url(images/logo-small.png);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: 4px 0 0 14px;
}

.menu-responsive .header-menu {
    height: 107px;
    background-color: #fff;
    background-position: center;
    border-bottom: 1px solid #292b2e;
}

.menu-responsive .logo-menu {
    margin: 22px 0 0 15px;
}

.menu-responsive .close-menu {
    font-size: 24px;
    float: right;
    color: #fff;
    cursor: pointer;
    background-color: #e5322c;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
}

.menu-responsive.block {
    right: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.menu-responsive .mainmenu-mobile {
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
}

.menu-responsive .mainmenu-mobile li p {
    font-family: 'Cinzel', sans-serif;
    font-size: 20px !important;
    padding: 5px 20px;
    margin: 15px 0 0 0;
    display: block;
    color: #60bdea !important;
    text-transform: uppercase;
    font-weight: 300;
}

.menu-responsive .mainmenu-mobile li ul {
    padding: 0 0 0 15px;
    list-style: none;
    margin: 0;
}

.menu-responsive .mainmenu-mobile li p, .menu-responsive .mainmenu-mobile li ul a {
    font-family: 'Cinzel', sans-serif;
    font-size: 17px;
    padding: 5px 20px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}

.menu-responsive .mainmenu-mobile li a:hover {
    text-decoration: none;
}

.banner-mini-space {
    height: 110px;
}

.span-fill {
    background-color: #e5322c;
    padding: 5px;
    color: #ffffff;
    margin-top: 10px;
    display: inline-block;
}

.span {
    color: #e5322c;
}

.nav-item.active .nav-link {
    background-color: #002c5a !important;
    color: #ffffff !important;
}

.slick-prev:before, .slick-next:before {
    color: #002c5a;
    background-color: #fff;
    border-radius: 10px;
}

.message-home {
    background-color: #e5322c;
    text-align: center;
    padding: 10px 0;
    font-family: Georgia;
    font-style: italic;
    color: #ffffff;
    font-size: 20px;
}

.message-home span {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 14px;
}

.message-home a {
    color: #ffffff;
}

#bannerVideo {
    width: 100%;
}



/*Life in PDA*/

h2.info-pda-title {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 25px;
}

.banner-mini.pda .bannerminiimg img {
    margin-top: 20px;
    margin-bottom: 20px;
    object-position: center;
    object-fit: contain;
    aspect-ratio: 107/61;
    width: 105px;
    height: auto;
    border: 0;
}

.pda-block .imghomep,
.pda-block .imghomeplarge {
    aspect-ratio: 271 / 168;
    width: 250px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.pda-block .imghomep.mini-medium {
    top: 30%;
    left: 17%;
    right: 17%;
}

.pda-block .imghomep.medium {
    top: 30%;
    left: 35%;
    right: 35%;
}

.pda-block h2 {
    margin: 0;
    height: auto !important;
    font-size: 25px;
}

.pda-block .col-card-pda {
    display: flex;
    justify-content: stretch;
}

.pda-block .banner-row.red {
    background-color: #F4313F;
    padding: 5px;
    margin-top: 40px;
}

.pda-block .banner-row.blue {
    padding: 5px;
    background-color: #042D58;
    margin-top: 40px;
}

.pda-block .banner-row h2 {
    color: #FFF;
    text-align: center;
    font-family: Georgia, serif;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
}

.pda-block .card-pda {
    text-align: center;
    margin-top: 20px;
    width: 100%;
    height: auto;
    border: 1px solid #042D58;
    padding: 15px;
}

.pda-block .card-pda img {
    aspect-ratio: 183/98;
    height: auto;
    width: 180px;
    object-fit: contain;
    object-position: center;
}

.pda-block .card-pda h3 {
    font-family: Georgia, serif;
    font-size: 25px;
    font-style: italic;
    font-weight: 400;
    margin-top: 10px;
}

.pda-block .card-pda p {
    text-align: center;
}

.pda-block .btn.btn-primary {
    margin-top: 20px;
}

.display-flex {
    display: flex;
    flex-wrap: wrap;
}


@media (min-width: 768px) {
    #banner {
        display: block;
    }

    #banner-mobile {
        display: none;
    }

    .link-mobile {
        display: none;
    }

    .discover-content {
        border-bottom: solid 7px #e5322c;
        margin-top: -79px;
        z-index: 100;
        position: relative;
    }

    .discover-button {
        text-align: center;
        border-left: solid 1px #ffffff;
        border-right: solid 1px #ffffff;
        border-top: solid 1px #ffffff;
        margin: 0 auto;
        width: 160px;
        height: 80px;
        background-color: #e5322c;
        -webkit-border-top-left-radius: 80px;
        -webkit-border-top-right-radius: 80px;
        -moz-border-radius-topleft: 80px;
        -moz-border-radius-topright: 80px;
        border-top-left-radius: 80px;
        border-top-right-radius: 80px;
    }

    .discover-button a {
        font-family: Georgia;
        font-style: italic;
        color: #ffffff;
        margin-top: 45px;
        font-size: 15px;
        display: block;
    }

    .logo {
        display: block;
        height: 129px;
        width: 283px;
        margin: 0 auto;
        background-image: url(images/logo.png);
        background-repeat: no-repeat;
    }

    .banner-mini {
        height: 250px;
        margin-top: 143px;
        width: 100%;
        background-position: center;
        position: relative;
    }

    .navbar-inner {
        background: #849db4 url(images/bg-inner.jpg) repeat-x;
        text-align: center;
        position: relative;
    }

    .navbar-collapse {
        background-image: url(images/bg-menu.png);
        background-position: top;
        background-repeat: repeat-x;
        padding-top: 10px;
        padding-bottom: 33px;
    }

    .smaller .navbar-collapse {
        background-image: none;
        background-position: top;
        background-repeat: repeat-x;
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav > li > a {
        padding: 15px 30px;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #ffffff;
        color: #e5322c;
    }

    .nav > li:first-child > a {
        padding: 15px 47px 15px 0;
    }

    .nav > li:last-child > a {
        padding: 15px 0 15px 47px;
    }

    .smaller .nav > li > a {
        padding: 15px 8px;
    }

    .nav-tabs li a, .nav-tabs > li:first-child > a, .nav-tabs > li:last-child > a {
        padding: 15px 30px;
    }

    .navbar .nav {
        float: none;
        display: inline-block;
        *display: inline; /* ie7 fix */
        *zoom: 1; /* hasLayout ie7 trigger */
        vertical-align: top;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li {
        float: none;
        display: inline-block;
        *display: inline; /* ie7 fix */
        *zoom: 1; /* hasLayout ie7 trigger */
        vertical-align: top;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li > ul {
        padding: 10px 0 10px 30px;
        width: 120px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li:first-child > ul {
        padding: 10px 0 10px 0;
        width: 125px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li:last-child > ul {
        padding: 10px 0 10px 50px;
        width: 150px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li > ul li a {
        font-size: 13px;
        color: #ffffff;
    }

    .navbar .nav > li > ul li a:hover {
        font-size: 13px;
        color: #193a65;
    }

    .smaller {
        background: #849db4 url(images/bg-inner-smaller-144.jpg) repeat-x;
    }

    .smaller .navbar-header {
        float: left;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .smaller .logo {
        display: block;
        height: 82px;
        width: 180px;
        background-image: url(images/logo-small.png);
        background-repeat: no-repeat;
    }

    .smaller .navbar-nav {
        float: right !important;
        margin-top: -3px;
    }

    .smaller .navbar .nav > li {
        margin-top: 8px;
        float: left;
        display: inline-block;
        *display: inline; /* ie7 fix */
        *zoom: 1; /* hasLayout ie7 trigger */
        vertical-align: top;
    }

    .smaller .navbar-container {
        max-width: 1170px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .smaller .nav > li > ul {
        padding: 10px 0 10px 15px;
        width: 80px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .smaller .nav > li:first-child > ul {
        padding: 10px 0 10px 0;
        width: 80px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .smaller .nav > li:last-child > ul {
        padding: 10px 0 10px 25px;
        width: 80px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .modal-dialog {
        width: 700px;
    }

    .caption-special {
        position: absolute;
        left: 30px;
        bottom: 90px;
        top: auto;
        z-index: 105;
    }

    .caption-special h1 {
        color: #ffffff;
        font-size: 25px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    }

    .caption-special h1 span {
        font-size: 18px;
    }

    .imghomep {
        position: absolute;
        background-color: #ffffff;
        padding: 18px;
        top: 30%;
        left: 30%;
        right: 30%;
        text-align: center;
    }

    .imghomeplarge {
        position: absolute;
        background-color: #ffffff;
        padding: 18px;
        top: 15%;
        left: 30%;
        right: 30%;
        text-align: center;
        z-index: 98;
    }

    .imghomep p, .imghomeplarge p {
        font-family: Georgia;
        font-style: italic;
        text-align: center;
        border-top: solid 1px #b79d8f;
        border-bottom: solid 1px #b79d8f;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .imghomep h2 {
        font-family: Georgia;
        font-style: italic;
        height: 70px;
    }

    .imghomeplarge h2 {
        font-family: Georgia;
        font-style: italic;
        height: 70px;
    }

    .open-menu {
        display: none;
    }

    .menu-responsive {
        display: none;
    }
}

@media (min-width: 992px) {
    .banner-mini {
        height: 250px;
        margin-top: 98px;
        width: 100%;
        background-position: center;
        position: relative;
    }

    .bookberth {
        float: right;
        width: 260px;
        text-align: left;
        margin-top: 10px;
    }

    .bookberth p {
        font-family: 'Cinzel', sans-serif;
        font-size: 12px;
        color: #002e59;
        text-align: left;
    }

    .bookberth img {
        float: left;
        margin-right: 10px;
    }

    .bookumbrella {
        float: right;
        width: 260px;
        text-align: left;
        margin-top: 10px;
    }

    .bookumbrella p {
        font-family: 'Cinzel', sans-serif;
        font-size: 12px;
        color: #002e59;
        text-align: left;
    }

    .bookumbrella img {
        float: left;
        margin-right: 10px;
    }

    .bookholiday {
        float: left;
        width: 260px;
        text-align: right;
        margin-top: 10px;
    }

    .bookholiday p {
        font-family: 'Cinzel', sans-serif;
        font-size: 12px;
        color: #002e59;
        text-align: right;
    }

    .bookholiday img {
        float: right;
        margin-left: 10px;
    }

    .lifepda {
        float: left;
        width: 150px;
        text-align: right;
        margin-top: 10px;
    }

    .lifepda p {
        font-family: 'Cinzel', sans-serif;
        font-size: 12px;
        color: #002e59;
        text-align: right;
    }

    .lifepda img {
        float: right;
        margin-left: 10px;
    }

    .smaller .bookberth {
        float: right;
        width: 250px;
        text-align: left;
        margin-top: 10px;
    }

    .smaller .bookberth p {
        font-family: 'Cinzel', sans-serif;
        font-size: 11px;
        color: #002e59;
        padding-top: 5px;
        text-align: left;
    }

    .smaller .bookberth img {
        float: left;
        margin-right: 10px;
    }

    .smaller .bookumbrella {
        float: right;
        width: 250px;
        text-align: left;
        margin-top: 10px;
    }

    .smaller .bookumbrella p {
        font-family: 'Cinzel', sans-serif;
        font-size: 11px;
        color: #002e59;
        padding-top: 5px;
        text-align: left;
    }

    .smaller .bookumbrella img {
        float: left;
        margin-right: 10px;
    }

    .smaller .bookholiday {
        float: right;
        width: 260px;
        text-align: left;
        margin-top: 10px;
    }

    .smaller .bookholiday p {
        font-family: 'Cinzel', sans-serif;
        font-size: 11px;
        color: #002e59;
        padding-top: 5px;
        text-align: left;
    }

    .smaller .bookholiday img {
        float: left;
        margin-right: 10px;
    }

    .smaller .lifepda {
        float: right;
        width: 150px;
        text-align: left;
        margin-top: 10px;
    }

    .smaller .lifepda p {
        font-family: 'Cinzel', sans-serif;
        font-size: 11px;
        color: #002e59;
        padding-top: 5px;
        text-align: left;
    }

    .smaller .lifepda img {
        float: left;
        margin-right: 10px;
    }

    .nav > li > a {
        padding: 15px 30px;
    }

    .nav > li:first-child > a {
        padding: 15px 47px 15px 0;
    }

    .nav > li:last-child > a {
        padding: 15px 0 15px 47px;
    }

    .smaller .nav > li > a {
        padding: 15px 10px;
    }

    .nav-tabs li a, .nav-tabs > li:first-child > a, .nav-tabs > li:last-child > a {
        padding: 15px 30px;
    }

    .navbar .nav {
        float: none;
        display: inline-block;
        *display: inline; /* ie7 fix */
        *zoom: 1; /* hasLayout ie7 trigger */
        vertical-align: top;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li {
        float: none;
        display: inline-block;
        *display: inline; /* ie7 fix */
        *zoom: 1; /* hasLayout ie7 trigger */
        vertical-align: top;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li > ul {
        padding: 10px 0 10px 30px;
        width: 120px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li:first-child > ul {
        padding: 10px 0 10px 0;
        width: 125px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li:last-child > ul {
        padding: 10px 0 10px 50px;
        width: 150px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li > ul li a {
        font-size: 13px;
        color: #ffffff;
    }

    .navbar .nav > li > ul li a:hover {
        font-size: 13px;
        color: #193a65;
    }

    .smaller {
        background: #849db4 url(images/bg-inner-smaller.jpg) repeat-x;
    }

    .smaller .navbar-header {
        float: left;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .smaller .logo {
        display: block;
        height: 82px;
        width: 180px;
        background-image: url(images/logo-small.png);
        background-repeat: no-repeat;
    }

    .smaller .navbar-nav {
        float: right !important;
        margin-top: -3px;
    }

    .smaller .navbar .nav > li {
        margin-top: 8px;
        float: left;
        display: inline-block;
        *display: inline; /* ie7 fix */
        *zoom: 1; /* hasLayout ie7 trigger */
        vertical-align: top;
    }

    .smaller .navbar-container {
        max-width: 1170px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .smaller .nav > li > ul {
        padding: 10px 0 10px 15px;
        width: 80px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .smaller .nav > li:first-child > ul {
        padding: 10px 0 10px 25px;
        width: 115px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .smaller .nav > li:last-child > ul {
        padding: 10px 0 10px 25px;
        width: 115px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .carousel-caption h1 {
        font-style: italic;
        font-family: Georgia;
        font-size: 30px;
    }

    .modal-dialog {
        width: 900px;
    }

    .social {
        position: fixed;
        display: block;
        top: 395px;
        right: -50px;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .smaller .social {
        position: fixed;
        top: 395px;
        right: 30px;
    }

    .social ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .social ul li {
        margin: 0 0 5px 0;
        padding: 0;
        text-align: center;
        padding-top: 7px;
        left: 50%;
        margin-left: -20px;
        width: 40px;
        height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .social ul .facebook {
        background-color: #5a7cc4;
    }

    .social ul .twitter {
        background-color: #60bdea;
    }

    .social ul .youtube {
        background-color: #f93838;
    }

    .social ul .instagram {
        background-color: #c7c4b3;
    }

    .social ul .pinterest {
        background-color: #fc373c;
    }

    .social ul li i {
        color: #ffffff;
    }

    .imghomeplarge {
        position: absolute;
        background-color: #ffffff;
        padding: 18px;
        top: 30%;
        left: 40%;
        right: 40%;
        text-align: center;
        z-index: 98;
    }
}

@media (min-width: 1200px) {
    .nav > li > a {
        padding: 15px 47px;
    }

    .nav > li:first-child > a {
        padding: 15px 47px 15px 0;
    }

    .nav > li:last-child > a {
        padding: 15px 0 15px 47px;
    }

    .smaller .nav > li > a {
        padding: 15px 24px;
    }

    .nav-tabs li a, .nav-tabs > li:first-child > a, .nav-tabs > li:last-child > a {
        padding: 15px 47px;
    }

    .navbar .nav {
        float: none;
        display: inline-block;
        *display: inline; /* ie7 fix */
        *zoom: 1; /* hasLayout ie7 trigger */
        vertical-align: top;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li {
        float: none;
        display: inline-block;
        *display: inline; /* ie7 fix */
        *zoom: 1; /* hasLayout ie7 trigger */
        vertical-align: top;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li > ul {
        padding: 10px 0 10px 50px;
        width: 160px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li:first-child > ul {
        padding: 10px 0 10px 0;
        width: 125px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li:last-child > ul {
        padding: 10px 0 10px 50px;
        width: 150px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar .nav > li > ul li a {
        font-size: 13px;
        color: #ffffff;
    }

    .navbar .nav > li > ul li a:hover {
        font-size: 13px;
        color: #193a65;
    }

    .smaller {
        background: #849db4 url(images/bg-inner-smaller.jpg) repeat-x;
    }

    .smaller .navbar-header {
        float: left;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .smaller .logo {
        display: block;
        height: 82px;
        width: 180px;
        background-image: url(images/logo-small.png);
        background-repeat: no-repeat;
    }

    .smaller .navbar-nav {
        float: right !important;
        margin-top: -3px;
    }

    .smaller .navbar .nav > li {
        margin-top: 8px;
        float: left;
        display: inline-block;
        *display: inline; /* ie7 fix */
        *zoom: 1; /* hasLayout ie7 trigger */
        vertical-align: top;
    }

    .smaller .navbar-container {
        max-width: 1170px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .smaller .nav > li > ul {
        padding: 10px 0 10px 25px;
        width: 115px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .smaller .nav > li:first-child > ul {
        padding: 10px 0 10px 25px;
        width: 115px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .smaller .nav > li:last-child > ul {
        padding: 10px 0 10px 25px;
        width: 115px;
        margin: 0;
        list-style: none;
        text-align: left;
        display: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .carousel-caption {
        text-align: right;
        right: 5%;
        padding-bottom: 0;
        bottom: 5px;
    }

    .modal-dialog {
        width: 900px;
    }

    .message-home {
        font-size: 25px;
    }

    .message-home span {
        font-size: 18px;
    }
}

@media (max-width: 1200px) {
    .pda-block .imghomep.mini-medium {
        left: 12%;
        right: 12%;
    }
}

@media (max-width: 991px) {
    .pda-block img {
        aspect-ratio: 1/1;
        width: 100%;
        object-position: center;
        object-fit: cover;
    }

    .pda-block .imghomep,
    .pda-block .imghomeplarge,
    .pda-block .imghomep.mini-medium,
    .pda-block .imghomep.medium {
        left: 17%;
        right: 17%;
        top: 30%;
    }

    .pda-block .card-pda img {
        width: 120px;
    }

    .pda-block .card-pda h3 {
        font-size: 18px;
    }
}