@charset "UTF-8";

* {
    outline: 0 !important;
    box-shadow: none !important;
}

html {
    position: relative;
    height: 100%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    font-family: "Roboto", sans-serif !important;
    font-size: 100%;
	font-weight: 400;
    color: #878787;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    position: relative;
    min-height: 100%;
}

a,
a:focus,
a:hover {
    text-decoration: none !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul {
    padding: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Gilda Display", sans-serif !important;
}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1200px;
	}	
}

@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1200px;
	}
}

.tex-vir-cen {
    position: relative;
    top: 50%;
    margin: 0;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}


/****** Header ******/

header {
    background-color: #1c1c1d;
    position: fixed;
    width: 100%;
    z-index: 20;
    left: 0;
    color: #878788;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

header .top-bar {
    background-color: #fff;
    padding: .75rem 0;
    font-size: .8rem;
    color: #878788;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 30;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

header.headroom--not-top .top-bar {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

header .top-bar .top-bar-contact {
    display: inline-block;
}

header .top-bar .contact-item.language-switcher {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
}

header .top-bar .contact-item.language-switcher:after {
    display: none
}

header .top-bar .contact-item.language-switcher img {
    height: 14px;
    width: auto;
    margin-right: 1rem;
}

header .top-bar .contact-item {
    padding: 0 32px 0 16px;
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: bottom;
}

header .top-bar .contact-item:after {
    content: ".";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 46px;
    line-height: 1;
    color: #878788;
}

header .top-bar .top-bar-contact .contact-item:last-child {
    padding-right: 0
}

header .top-bar .top-bar-contact .contact-item:last-child:after {
    display: none;
}

header .top-bar .contact-item a,
header .top-bar .contact-item a:focus {
    color: #878788;
    text-decoration: none;
}

header .top-bar .contact-item a:hover {
    color: #1c1c1d;
}

header .top-bar .contact-item .svg {
    height: 16px;
    width: auto;
    fill: #878788;
    margin-right: 1rem;
    position: relative;
    top: -2px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .top-bar .contact-item a .svg:hover {
    fill: #1c1c1d;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .top-bar a:hover {
    color: #1c1c1d;
}

header .top-bar span.current {
    color: #878788;
}

header .top-bar .sign {
    float: right;
    color: #878788;
}

header .top-bar .sign a,
header .top-bar .sign a:focus {
    color: #878788;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .875rem;
}

header .top-bar .sign a:hover,
header .top-bar .sign a.active {
    color: #000;
}

header .top-bar .sign .svg {
    height: 16px;
    width: auto;
    fill: #878788;
    margin-right: .5rem;
    position: relative;
    top: -2px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .top-bar .sign a:hover .svg,
header .top-bar .sign a.active .svg {
    fill: #1c1c1d;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header select {
    display: none;
}

header .top-bar .nice-select {
    -webkit-tap-highlight-color: transparent;
    padding: 20px 40px 20px 20px;
    border-color: transparent;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 16px;
    margin-bottom: 30px;
    border-radius: 50px;
    position: relative;
    background-color: #dbe3ec;
    color: #ccc
}

header .top-bar .nice-select:focus {
    background-color: #fff;
    -webkit-box-shadow: 17px 0 60px #d3dcdc;
    box-shadow: 17px 0 60px #d3dcdc
}

header .top-bar .nice-select.focus-white:focus {
    background-color: #fff;
    -webkit-box-shadow: 25px 20px 20px -15px rgba(0, 0, 0, .3);
    box-shadow: 25px 20px 20px -15px rgba(0, 0, 0, .3)
}

header .top-bar .nice-select:after {
    border-bottom: 2px solid #5677a3;
    border-right: 2px solid #5677a3;
    content: "";
    display: block;
    height: 10px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    right: .5rem;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 10px
}

header .top-bar .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

header .top-bar .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

header .top-bar .nice-select .list {
    background-color: #fff;
    border-radius: .25rem;
    border: 1px solid #e0e8f1;
    -webkit-box-shadow: 25px 20px 20px -15px rgba(0, 0, 0, .3) !important;
    box-shadow: 25px 20px 20px -15px rgba(0, 0, 0, .3) !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-40px/2);
    -ms-transform: scale(.75) translateY(-40px/2);
    transform: scale(.75) translateY(-40px/2);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    -o-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9;
    margin-left: 0;
    max-height: 200px;
    overflow-y: auto
}

header .top-bar .nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

header .top-bar .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 38px;
    list-style: none;
    min-height: 38px;
    outline: none;
    padding-left: 40px;
    padding-right: 60px;
    text-align: center;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    margin: 0;
    font-size: 16px
}

header .top-bar .nice-select .option:hover,
header .top-bar .nice-select .option.focus,
header .top-bar .nice-select .option.selected.focus {
    background-color: #e0e8f1;
}

header .top-bar .nice-select .option:hover {
    color: #1c1c1d
}

header .top-bar .nice-select .option.selected {
    font-weight: 700
}

header .top-bar .nice-select .option.disabled {
    background-color: transparent;
    cursor: default
}

header .top-bar .nice-select .option.disabled:hover {
    color: #4b5d73
}

header .top-bar .no-csspointerevents .nice-select .list {
    display: none
}

header .top-bar .no-csspointerevents .nice-select.open .list {
    display: block
}

header .top-bar .nice-select {
    padding: 13px 40px;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 16px;
    color: #273f5b;
    margin-bottom: 20px;
    border-radius: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px 0 rgba(18, 25, 33, .15);
    box-shadow: 0 0 30px 0 rgba(18, 25, 33, .15);
    width: 100%;
    outline: none
}

header .top-bar .nice-select:focus {
    -webkit-box-shadow: 5px 0 40px 0 rgba(0, 88, 171, .25);
    box-shadow: 5px 0 40px 0 rgba(0, 88, 171, .25);
    color: #1c1c1d
}

header .top-bar .nice-select {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 0;
    background-color: transparent;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    color: #1c1c1d;
    width: auto;
    min-width: 110px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: unset;
    cursor: pointer;
    text-align: center;
}

header .top-bar .nice-select .option {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px
}

header .top-bar .nice-select:after {
    height: 6px;
    width: 6px;
    margin-top: -4px
}

header .top-bar .nice-select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

header .top-bar .follow-us .social .svg,
header .top-bar .follow-us .social .svg:focus {
    height: 16px;
    width: auto;
    fill: #878788;
    margin-right: .5rem;
    position: relative;
    top: -1px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .top-bar .follow-us .social {
    display: inline-block;
}

header .top-bar .follow-us .social a:last-child {
    margin-right: 0;
}

header .top-bar .follow-us .social a .svg:hover {
    fill: #1c1c1d;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

header .top-bar .follow-us .social .svg.facebook,
header .top-bar .follow-us .social .svg.facebook:focus {
    fill: #3b5998;
}

header .top-bar .follow-us .social .svg.facebook:hover {
    fill: #3b5998;
}

header .top-bar .follow-us .social .svg.instagram,
header .top-bar .follow-us .social .svg.instagram:focus {
    fill: #8a3ab9;
}

header .top-bar .follow-us .social .svg.facebook:hover {
    fill: #8a3ab9;
}

header .top-bar .follow-us .social .svg.tripadvisor,
header .top-bar .follow-us .social .svg.tripadvisor:focus {
    fill: #00AF87;
}

header .top-bar .follow-us .social .svg.tripadvisor:hover {
    fill: #00AF87;
}

header .menu-bar .nav-link,
header .menu-bar .nav-link:focus {
    padding: .25rem 0 !important;
	margin: 0 1.5rem;
    color: #878788;
    background-color: transparent;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header .menu-bar .nav-link:hover {
    color: #fff;
    background-color: transparent;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header .menu-bar .nav-link.active {
    color: #fff;
	border-bottom: 1px solid #fff;
	pointer-events: none;
    cursor: default;
	display: inline-block;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header .menu-bar .nav-link.nav-item-last {
    margin: 0 0 0 1.5rem !important;
	background-color: #fff;
	padding: .25rem .75rem !important;
	color: #1c1c1d;
	font-weight: 600;
	font-size: .875rem;
	display: inline-block;
}

header .top-bar .top-bar-close {
    display: none;
}

header .top-bar-link {
    display: none;
}

header .navbar-brand img {
    height: 4.5rem;
    width: auto;
}

@media (min-width: 992px) {

    header .menu-bar .navbar {
        padding-top: .5rem;
        padding-bottom: .5rem;
        transition: all .3s ease-in-out;
    }

    header.headroom--not-top .menu-bar .navbar {
        padding-top: .25rem;
        padding-bottom: .25rem;
        transition: all .3s ease-in-out;
    }

}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform, opacity;
}

.animated.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

.animated.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(max-width:480px) {
    .animated.slideDown {
        -webkit-animation-name: none;
        animation-name: none
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

}

@media(max-width: 576px) {

    .animated.slideUp {
        -webkit-animation-name: none;
        animation-name: none
    }

}

@media (max-width: 992px) {

    .navbar-toggler .svg.open-menu {
        fill: #878788;
        transform: rotateY(0deg);
		-webkit-transition: all .3s ease-in-out;
    	-o-transition: all .3s ease-in-out;
    	transition: all 0.3s ease-in-out;
		display: inline-block;
    }
	
	.navbar-toggler .svg.close-menu {
        fill: #fff;
		height: 30px;
    	width: auto;
		-webkit-transition: all .3s ease-in-out;
    	-o-transition: all .3s ease-in-out;
    	transition: all 0.3s ease-in-out;
		display: none;
    }

    .navbar-toggler[aria-expanded="true"] .svg.open-menu {
        display: none;
		-webkit-transition: all .3s ease-in-out;
    	-o-transition: all .3s ease-in-out;
    	transition: all 0.3s ease-in-out;
    }
	
	.navbar-toggler[aria-expanded="true"] .svg.close-menu {
        display: inline-block;
		-webkit-transition: all .3s ease-in-out;
    	-o-transition: all .3s ease-in-out;
    	transition: all 0.3s ease-in-out;
    }

}

@media (max-width: 1024px) {

    header .top-bar {
        width: 316px;
        -webkit-transform: translate(-50%, -110%);
        -ms-transform: translate(-50%, -110%);
        transform: translate(-50%, -110%);
        position: absolute;
        margin-top: -1px;
        left: 50%;
        border-radius: 0 0 10px 10px;
        padding: 40px 0 30px 0;
        -webkit-box-shadow: 0 5px 25px 5px rgba(0, 0, 0, .25) !important;
        box-shadow: 0 5px 25px 5px rgba(0, 0, 0, .25) !important;
    }

    header .top-bar.open {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 9999;
    }

    header .top-bar .contact-item.language-switcher {
        margin-bottom: 1rem;
    }

    header .top-bar .nice-select {
        min-width: 220px;
    }

    header .top-bar .contact-item {
        padding: 0 2px;
        margin-bottom: 1rem;
        display: block;
        text-align: center;
    }

    header .top-bar .contact-item:after {
        display: none;
    }

    header .top-bar .contact-item .svg {
        margin-right: .5rem;
    }

    header .top-bar .sign {
        float: none;
        text-align: center;
    }

    header .top-bar .top-bar-close {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    header .top-bar .top-bar-close .svg {
        fill: #878788;
        height: 24px;
        width: auto;
    }

    header .top-bar-link {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        border-radius: 0 0 10px 10px;
        background-color: #3c3c3d;
        text-align: center;
        padding: 0 16px;
        z-index: 25;
    }

    header .top-bar-link .svg {
        fill: #878788;
        height: 24px;
        width: auto;
    }

    header .menu-bar .navbar-toggler {
        outline: 0 !important;
        box-shadow: none !important;
    }

    header .menu-bar .navbar-nav {
        padding-top: 1rem;
    }

}


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

    header .navbar-brand img {
        height: 4rem;
        width: auto;
    }

}

@media (max-width: 992px) {
	
	header .menu-bar .nav-link,
	header .menu-bar .nav-link:focus {
		margin: 0 0 1.5rem 0;
	}
	
	header .menu-bar .nav-link.nav-item-last {
		margin: 0 0 1rem 0 !important;
	}
	
	header .top-bar .top-bar-contact {
    display: block;
}

}

@media (max-width: 576px) {

    header .navbar-brand {
        padding-top: .75rem;
        padding-bottom: .188rem;
        margin-right: 0;
    }

    header.headroom--not-top .top-bar {
        opacity: 1;
        visibility: visible;
        max-height: max-content;
        margin-bottom: 0;
        overflow: visible;
        padding: 40px 0 30px 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

}


/****** Footer ******/

footer {
    position: relative;
    bottom: 0;
    width: 100%;
    background-color: #1c1c1d;
}

footer .footer-top {
    width: 100%;
    height: auto;
    background-color: #1c1c1d;
    padding: 5rem 0;
}

footer .footer-about img {
    height: 4.5rem;
    width: auto;
    margin-bottom: 2rem;
}

footer .footer-about p {
    margin-bottom: 0;
    color: #878788;
    padding-right: 4rem;
	font-size: .875rem;
}

footer .footer-about a,
footer .footer-about a:focus {
    margin-top: 2rem;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

footer .footer-about a:hover {
    color: #878788;
}

footer .footer-links h5 {
    color: #fff;
    font-size: 1.25rem;
    margin-bottom: 2rem;
}

footer .footer-links ul {
    margin-bottom: 0;
    padding-left: 0;
}

footer .footer-links a,
footer .footer-links a:focus {
    color: #878788;
	font-size: .875rem;
    line-height: 2.25rem;
}

footer .footer-links a:hover {
    color: #fff;
    padding-left: .25rem;
}

footer .footer-links a::after {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='M13.121,6.293a1,1,0,0,0,0,1.414L16.413,11,6,11.007a1,1,0,1,0,0,2L16.414,13l-3.293,3.293a1,1,0,1,0,1.414,1.414l3.586-3.585a3,3,0,0,0,0-4.243L14.535,6.293A1,1,0,0,0,13.121,6.293Z'/></svg>");
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    margin-top: .75rem;
    margin-left: .5rem;
    position: absolute;
    fill: #fff;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

footer .footer-links a:hover::after {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

footer .footer-links a.active {
    color: #fff;
	pointer-events: none;
    cursor: default;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

footer .footer-contact h5 {
    color: #fff;
    font-size: 1.25rem;
    margin-bottom: 2rem;
}

footer .footer-contact .contact-item {
    padding: 0;
    color: #878788;
    position: relative;
    margin-bottom: 1.25rem;
    display: block;
    vertical-align: bottom;
}

footer .footer-contact .contact-item .svg {
    height: 18px;
    width: auto;
    fill: #878788;
    position: absolute;
    top: 2px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

footer .footer-contact .contact-item a,
footer .footer-contact .contact-item a:focus {
    Color: #878788;
    display: block;
    margin-left: 2.5rem;
    line-height: 1.25rem;
	font-size: .875rem;
}

footer .footer-contact .contact-item a:hover {
    Color: #fff;
}


footer .footer-contact .follow-us {
    position: relative;
    color: #878788;
	font-size: .875rem;
}

footer .footer-contact .follow-us span {
    margin-right: .5rem;
    font-weight: 600;
}

footer .footer-contact .follow-us a,
footer .footer-contact .follow-us a:focus {
    text-decoration: none;
}

footer .footer-contact .follow-us .social .svg,
footer .footer-contact .follow-us .social .svg:focus {
    height: 20px;
    width: auto;
    fill: #878788;
    margin-right: .5rem;
    position: relative;
    top: -1px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

footer .footer-contact .follow-us .social {
    display: inline-block;
}

footer .footer-contact .follow-us .social a:last-child {
    margin-right: 0;
}

footer .footer-contact .follow-us .social a .svg:hover {
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

footer .footer-contact .follow-us .social .svg.facebook,
footer .footer-contact .follow-us .social .svg.facebook:focus {
    fill: #3b5998;
}

footer .footer-contact .follow-us .social .svg.facebook:hover {
    fill: #3b5998;
}

footer .footer-contact .follow-us .social .svg.instagram,
footer .footer-contact .follow-us .social .svg.instagram:focus {
    fill: #8a3ab9;
}

footer .footer-contact .follow-us .social .svg.facebook:hover {
    fill: #8a3ab9;
}

footer .footer-contact .follow-us .social .svg.tripadvisor,
footer .footer-contact .follow-us .social .svg.tripadvisor:focus {
    fill: #00AF87;
}

footer .footer-contact .follow-us .social .svg.tripadvisor:hover {
    fill: #00AF87;
}

footer .footer-copyright {
    width: 100%;
    height: auto;
    background-color: #151516;
    padding: 3rem 0 1rem 0;
    position: relative;
}

footer .footer-copyright .back-to-top {
    position: absolute;
    z-index: 20;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    display: block;
    fill: #fff;
    top: -1.5rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    cursor: pointer;
    border-radius: 100%;
    background-color: #3c3c3d;
    text-align: center;
}

footer .footer-copyright .back-to-top .svg {
    fill: #878788;
    height: 28px;
    width: auto;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

footer .footer-copyright .back-to-top:hover .svg {
    fill: #fff;
    height: 28px;
    width: auto;
	margin-top: -.25rem;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

footer .footer-copyright p {
    margin-bottom: 0;
    font-size: .875rem;
	color: #878788;
}

footer .footer-copyright p a {
    margin-bottom: 0;
    font-size: .875rem;
	color: #878788;
}

footer .footer-copyright p a:focus, footer .footer-copyright p a:hover {
	color: #ffffff;
}

@media (max-width: 992px) {

    footer .footer-about p {
        padding-right: 0;
    }

    footer .footer-links h5 {
        margin-top: 3rem;
    }

    footer .footer-contact h5 {
        margin-top: 3rem;
    }

}


/****** Main Pages ******/

.header-spacer {
    height: 141.19px;
}

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

    .header-spacer {
        height: 90px;
    }

}

@media (max-width: 992px) {

    .header-spacer {
        height: 98px;
    }

}

@media (max-width: 576px) {

    .header-spacer {
        height: 103px;
    }

}

main {
    position: relative;
    min-height: 80vh;
}

.artc-01 h1 {
	font-size: 5rem;
	color: #1c1c1d;
	font-weight: normal;
	margin-bottom: 0;
	line-height: 80px;
}

.artc-01 h2 {
	font-size: 3rem;
	color: #1c1c1d;
	font-weight: normal;
	margin-bottom: 0;
}

.artc-01 h5 {
	font-size: 1.75rem;
	color: #1c1c1d;
	font-weight: normal;
	margin-bottom: 0;
	line-height: inherit;
}

.artc-01 h6 {
	font-size: 1.75rem;
	color: #1c1c1d;
	font-weight: normal;
	line-height: inherit;
}

.artc-01 p {
    font-weight: 300;
	margin-bottom: 0;
}

.artc-01 p.p-title {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .875rem;
}

.artc-01 a, .artc-01 a:focus, .artc-01 a:hover {
    font-weight: 600;
	margin-bottom: 0;
	color: #fff;
	font-size: .6875rem;
    letter-spacing: 2px;
	padding: 1rem 2rem;
	background-color: #c19b76;
	text-transform: uppercase;
	display: inline-block;
}

.gray-bg-01 {
	background-color: #f9f9f9;
}

.dark-bg-01 {
	background-color: #1c1c1d;
}

.artc-01 .line-01 {
    height: 1px;
    width: 30px;
    background-color: #878787;
	display: inline-block;
    margin-bottom: 0.5rem;
}

.mask-01 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: linear-gradient(transparent, 75%, rgba(0,0,0,.25));
}

.mask-02 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: linear-gradient(transparent, 50%, rgba(0,0,0,.5));
}

.mask-03 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(135,135,135,.15);
}

.room-title {
	position: absolute;
	bottom: 1rem;
	left: 2rem;
	display: flex;
	z-index: 5;
}

.room-title p {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .75rem;
	color: #fff;
	margin-bottom: 0;
	line-height: 1.25rem;
}

.room-title .room-price {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .75rem;
	color: #fff;
	background-color: #c19b76;
	line-height: .75rem;
	padding: .25rem .5rem;
	margin-left: .5rem;
}

.room-title-02 {
	display: grid;
	float: right;
	text-align: center;
}

.room-title-02 .room-price {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1rem;
	color: #fff;
	background-color: #c19b76;
	padding: .25rem .5rem;
}

.about-title {
	position: absolute;
	bottom: 2rem;
	left: 1rem;
	right: 1rem;
	z-index: 5;
	text-align: center;
}

.about-title h4 {
	text-transform: uppercase;
	letter-spacing: 4px;
    font-size: 1.25rem;
    font-weight: 600;
	color: #fff;
	margin-bottom: .5rem;
	line-height: 1.25rem;
	text-align: center;
	text-shadow: 1px 1px 2px rgb(28 28 29 / 50%) !important;
}

.about-title p {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .875rem;
	color: #fff;
	margin-bottom: 0;
	line-height: 1.25rem;
	text-align: center;
	text-shadow: 1px 1px 2px rgb(28 28 29 / 50%) !important;
}

.stretched-link.stretched-cus-link {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 7;
}

.card-body.card-body-01 .card-title {
	font-size: 2rem;
    color: #1c1c1d;
    font-weight: normal;
	margin-bottom: .5rem;
}

.card-body.card-body-01 p {
    font-weight: 300;
    margin-bottom: 1.75rem;
}

.card-body.card-body-01 .card-icons {
    margin-bottom: 1.25rem;
}

.card-body.card-body-01 .card-icons .svg {
    height: 18px;
    width: auto;
    fill: #878787;
    margin-right: 0.75rem;
}

.card-body.card-body-01 .card-icons-02 {
    margin-bottom: 1rem;
	text-transform: uppercase;
	font-weight: 300;
	font-size: .875rem;
	position: relative;
}

.card-body.card-body-01 .card-icons-02 .svg {
    height: 22px;
    width: auto;
    position: relative;
    top: -2px;
    fill: #878787;
    margin-right: 0.25rem;
}

.card-body.card-body-01 .card-icons-02 .svg-02 {
    height: 20px;
    width: auto;
    position: absolute;
    top: -1px;
    margin-left: -28px;
    fill: #878787;
	transform: rotate(45deg);
}

.card-body.card-body-01 a, .card-body.card-body-01 a:focus, .card-body.card-body-01 a:hover {
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
    font-size: .875rem;
    letter-spacing: 3px;
    padding: .75rem 3rem;
    background-color: #1c1c1d;
    text-transform: uppercase;
    display: inline-block;
}


@media (max-width: 576px) {

    .card-body.card-body-01 .card-title {
		font-size: 1.9rem;
	}

}

.img-overlay {
	position: relative;
}

.img-overlay-image {
	display: block;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(28,28,29,.25);
}

.img-overlay:hover .overlay {
	opacity: 1;
}

.text {
	color: #fff;
	font-size: 1.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	text-transform: uppercase;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.pad-pig-01 {
	padding: 130px 100px;
}

.artc-02 h3 {
	font-size: 5rem;
	color: #fff;
	font-weight: normal;
	margin-top: 1rem;
	margin-bottom: 2rem;
	line-height: 80px;
}

.artc-02 h3 span {
	color: #c19b76;
}

.artc-02 p {
    font-weight: 300;
	margin-bottom: 0;
}

.artc-02 p.p-title {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .875rem;
	color: #fff;
}

.artc-02 a, .artc-02 a:focus, .artc-02 a:hover {
    font-weight: 600;
	margin-top: 3rem;
	margin-bottom: 0;
	color: #fff;
	font-size: .6875rem;
    letter-spacing: 2px;
	padding: 1rem 3rem;
	background-color: #151515;
	text-transform: uppercase;
	display: inline-block;
}

.artc-02-bg {
	padding: 0;
    min-height: 100%;
	max-height: 100%;
    margin-bottom: 0;
    border-radius: 0 !important;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;	
}

@media (max-width: 576px) {

    .pad-pig-01 {
		padding: 50px;
	}
	
	.artc-02 h3 {
		font-size: 3rem;
		line-height: 48px;
	}

}

.page-title {
	position: relative;
	padding: 1rem 0;
	margin-bottom: 2.5rem;
	background-color: #1c1c1d;
}

.page-title .title-home-link {
	padding: 0 1rem;
	display: inline-block;
}

.page-title .title-home-link .svg, .title-page-title .home-link .svg:focus {
	height: 16px;
    width: auto;
    fill: #878788;
	position: relative;
    top: -2px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-title .title-home-link .svg:hover {
    fill: #fff;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-title .title-page-link a, .page-title .title-page-link a:focus {
    color: #878788;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-title .title-page-link a:hover {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-title .title-page-link::after {
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: .5rem;
    margin-right: .25rem;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23b4c3d6' d='M15.4,9.879,10.811,5.293A1,1,0,0,0,9.4,6.707l4.586,4.586a1,1,0,0,1,0,1.414L9.4,17.293a1,1,0,0,0,1.415,1.414L15.4,14.121A3,3,0,0,0,15.4,9.879Z'/></svg>");
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
}

.page-title .title-page-name {
	display: inline-block;
	color: #878788;
	font-size: 1.1rem;
}

.page-title-02 {
	padding: 5rem 0;
}

.page-title-02 h6 {
	font-size: 1.15rem;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	color: #5677a3;
}

.page-title-02 h1 {
	font-size: 2.25rem;
	margin-bottom: 1.5rem;
}

.page-title-02 p {
	font-size: 1.1rem;
	width: 75%;
	margin: 0 auto;
	white-space: pre-wrap;
}

.page-title-img {
    padding: 0;
    min-height: 350px;
	max-height: 350px;
    margin-bottom: 0;
    border-radius: 0 !important;
    background-color: #1c1c1d;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-title-img-text {
	position: absolute;
	width: 100%;
	top: 75%;
    z-index: 5;
	-webkit-transform: translate(0,-75%);
    -ms-transform: translate(0,-75%);
    -o-transform: translate(0,-75%);
    transform: translate(0,-75%);
}

.page-title-img-text h1 {
	text-align: center;
	color: #fff;
	font-size: 4rem;
	letter-spacing: 4px;
	text-transform: uppercase;
	text-shadow: 2px 2px 4px rgb(28 28 29 / 50%) !important;
}

@media (max-width: 576px) {

    .page-title-img-text h1 {
		font-size: 3rem;
		letter-spacing: 3px;
	}

}

.sitemap {
    text-align: center;
}

.sitemap a, .sitemap a:focus,.sitemap a:hover {
    text-align: center;
    padding: 1rem 2rem;
    font-weight: 600;
    color: #fff;
    font-size: .875rem;
    letter-spacing: 3px;
    background-color: #1c1c1d;
    text-transform: uppercase;
    display: inline-block;
    min-width: 16rem;
    margin-bottom: 3rem;
}

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

    .sitemap a, .sitemap a:focus {
    	min-width: 14rem;
		padding: 1rem .5rem;
	}

}

@media (max-width: 576px) {

    .sitemap a, .sitemap a:focus {
		padding: 1rem .5rem;
	}

}

.artc-03 h2 {
	font-size: 2.5rem;
	color: #1c1c1d;
	font-weight: 600;
	margin-bottom: 0;
	text-align: right;
}

.artc-03 h3 {
	font-size: 2rem;
	color: #1c1c1d;
	font-weight: 600;
	margin-bottom: 1rem;
	text-align: center;
}

.artc-03 h4 {
	font-size: 1.5rem;
	color: #1c1c1d;
	font-weight: 300;
	margin-bottom: 1.5rem;
}

.artc-03 p {
    font-weight: 300;
	margin-bottom: 0;
}

@media (max-width: 992px) {
	
	.artc-03 h2 {
		text-align: center;
	}

	.artc-03 p {
		text-align: center;
	}
}

.artc-04 h4 {
	font-size: 1.5rem;
	color: #1c1c1d;
	font-weight: 300;
	margin-bottom: 1.5rem;
}

.artc-04 p {
    font-weight: 300;
	margin-bottom: 0;
}

.hr-cus {
	margin: 4rem 0;
}

.about-slide {
    padding: 4rem 0;
    height: auto;
    margin-bottom: 0;
    border-radius: 0 !important;
    background-color: #1c1c1d;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}

.about-slide h3 {
    color: #fff;
	font-size: 3rem;
	font-weight: 600;
	margin-bottom: 5rem;
	letter-spacing: 3px;
	text-shadow: 1px 1px 2px rgb(28 28 29 / 50%) !important;
}

.about-slide p {
    color: #fff;
	font-size: 1rem;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 0;
	text-shadow: 1px 1px 2px rgb(28 28 29 / 50%) !important;
}

.about-slide p span {
	font-family: "Gilda Display", sans-serif !important;
    color: #fff;
	font-size: 3.5rem;
	font-weight: 600;
	font-weight: normal;
	display: block;
	margin-bottom: 1rem;
	letter-spacing: 2px;
	line-height: 40px;
}

@media (max-width: 576px) {
	
	.about-slide h3 {
		font-size: 2rem;
		letter-spacing: 1px;
	}
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}

.media .svg {
	height: 2rem;
    width: auto;
    fill: #878787;
    margin-right: 1rem;
	text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-ms-flex-item-align: center!important;
    align-self: center!important;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.media-body p {
	font-size: .875rem;
    font-weight: 300;
    margin-bottom: 0;
}

.custom-map {
    padding: 0;
    margin: 0;
    margin-left: calc((-100vw + 1170px) / 2);
}

.ifram-map {
    border: none;
    width: 100%;
    height: auto;
    min-height: 700px;
    margin: 0;
    padding: 0;
}

@media (max-width: 1024px) {

	.custom-map {
		margin-left: .75rem;
		margin-top: 1rem;
	}
	
	.ifram-map {
		min-height: 500px;
	}
	
}

.cus-btn {
	font-weight: 600;
    margin-bottom: 0;
    color: #fff;
    font-size: .875rem;
    letter-spacing: 3px;
    padding: .75rem 3rem;
    background-color: #1c1c1d;
    text-transform: uppercase;
    display: inline-block;
	border: none;
}

.guestbook-02 {
	text-align: center;
	padding: 1.5rem 2rem;
	margin-bottom: 2rem
}

.guestbook-02 p {
	font-weight: 300;
	padding: 1.5rem 0;
	margin-bottom: 0;
}

.guestbook-02 p::before {
    content: open-quote;
    padding: 0.5rem;
    font-weight: 900;
    color: #878787;
}

.guestbook-02 p::after {
    content: close-quote;
    padding: 0.5rem;
    font-weight: 900;
    color: #878787;
}

.guestbook-02 h4 {
	font-size: 1.25rem;
}

.guestbook-02 h6 {
	font-size: .875rem;
}

.services-icons {
    margin-bottom: 1rem;
	font-weight: 300;
	position: relative;
}

.services-icons .svg {
    height: 32px;
    width: auto;
    fill: #878787;
    margin-right: 1rem;
	position: relative;
	top: -2px;
}

.services-icons .svg-02 {
    height: 32px;
    width: auto;
    fill: #878787;
    margin-left: -51px;
	position: absolute;
	top: -2px;
	transform: rotate(45deg);
}

.services-icons .room-price {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1rem;
	font-weight: 600;
    color: #fff;
    background-color: #c19b76;
    padding: 0.25rem 1rem;
	display: block;
    text-align: center;
}

.carousel-item img {
	-webkit-animation: zoom 50s;
    animation: zoom 50s;
}

@-webkit-keyframes zoom {
    from {
    	-webkit-transform: scale(1,1);
		transform: scale(1,1);
    }
    to {
    	-webkit-transform: scale(1.25,1.25);
		transform: scale(1.25,1.25);
    }
}

@keyframes zoom {
   from {
       -webkit-transform: scale(1,1); 
	   transform: scale(1,1);
   }
   to {
       -webkit-transform: scale(1.25,1.25); 
	   transform: scale(1.25,1.25);
   }
}

a.cus-link, a.cus-link:focus {
	color: #1c1c1d;
}

a.cus-link:hover {
	color: #c19b76;
}

.text-dark-cus {
	color: #1c1c1d;
}

/****** Swiper ******/

.homeswiper-01 .slideshow {
    padding: 0;
    min-height: 740px;
	max-height: 740px;
    margin-bottom: 0;
    border-radius: 0 !important;
    background-color: #1c1c1d;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.homeswiper-01 .swiper-text {
	position: absolute;
	bottom: 4rem;
	width: 100%;	
}

.homeswiper-01 h6 {
	text-align: center;
	color: #fff;
	font-size: 4.5rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 4px;
	text-shadow: 2px 2px 4px rgb(28 28 29 / 50%) !important;
}

.homeswiper-01 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 0;
    background: #1c1c1d;
    opacity: 1;
}

.homeswiper-01 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.homeswiper-01 .swiper-pagination-bullet {
    margin: 0 8px !important;
}

@media (max-width: 576px) {
	
	.homeswiper-01 .slideshow {
		min-height: 550px;
		max-height: 550px;
	}
	
	.homeswiper-01 h6 {
		font-size: 3rem;
	}
}

.homeswiper-02 p {
	font-weight: 300;
	padding: 1.5rem 0;
	margin-bottom: 0;
}

.homeswiper-02 p::before {
    content: open-quote;
    font-size: 5rem;
    position: absolute;
    left: -1.5rem;
    top: -1rem;
    color: #878787;
}

.homeswiper-02 p::after {
    content: close-quote;
    padding: 0.5rem;
    font-weight: 900;
    color: #878787;
}

.homeswiper-02 h4 {
	font-size: 1.25rem;
}

.homeswiper-02 h6 {
	font-size: .875rem;
}

.homeswiper-02.swiper-container {
	padding-bottom: 4.5rem;
}

.homeswiper-02 .swiper-button-prev, .homeswiper-02.swiper-container-rtl .swiper-button-next {
    left: 44%;
    right: auto;
	top: calc(100% - 36px);
    border-radius: 0 2rem 2rem 0;
    padding: .5rem 2rem .5rem 1rem;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.homeswiper-02 .swiper-button-next, .homeswiper-02.swiper-container-rtl .swiper-button-prev {
    right: 44%;
    left: auto;
	top: calc(100% - 36px);
    border-radius: 2rem 0 0 2rem;
    padding: .5rem 1rem .5rem 2rem;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.homeswiper-02 .swiper-button-next::after, .homeswiper-02 .swiper-button-prev::after {
    font-size: 1rem;
    font-weight: 900;
    color: #b4c3d6;
	position: absolute;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.homeswiper-02 .swiper-button-next::after {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23c19b76' d='M15.4,9.879,10.811,5.293A1,1,0,0,0,9.4,6.707l4.586,4.586a1,1,0,0,1,0,1.414L9.4,17.293a1,1,0,0,0,1.415,1.414L15.4,14.121A3,3,0,0,0,15.4,9.879Z'/></svg>");
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
	position: absolute;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.homeswiper-02 .swiper-button-prev::after {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23c19b76' d='M10.6,12.707a1,1,0,0,1,0-1.414l4.585-4.586a1,1,0,0,0-1.414-1.414L9.189,9.879a3,3,0,0,0,0,4.242l4.586,4.586a1,1,0,0,0,1.414-1.414Z'/></svg>");
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
	position: absolute;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 992px) {

	.homeswiper-02 .swiper-button-prev, .homeswiper-02.swiper-container-rtl .swiper-button-next {
    	left: 42%;
	}

	.homeswiper-02 .swiper-button-next, .homeswiper-02.swiper-container-rtl .swiper-button-prev {
    	right: 42%;
	}
	
}

@media (max-width: 576px) {

	.homeswiper-02 .swiper-button-prev, .homeswiper-02.swiper-container-rtl .swiper-button-next {
    	left: 34%;
	}

	.homeswiper-02 .swiper-button-next, .homeswiper-02.swiper-container-rtl .swiper-button-prev {
    	right: 34%;
	}
	
}


/****** Forms ******/

.dropdown-item.active, .dropdown-item:active {
    background-color: #1c1c1d !important;
}

.dropdown-item:hover {
    background-color: #e0e8f1;
}

.bootstrap-select .btn.btn-light:focus, .bootstrap-select .btn.btn-light:hover {
    outline: 0 !important;
    box-shadow: none !important;
}

.form-check-input:checked {
    background-color: #1c1c1d;
    border-color: #1c1c1d;
}

.form-control {
    display: block;
    width: 100%;
	height: 2.5rem;
    padding: .5rem .75rem .375rem .75rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #12365e !important;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #b4c3d6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-outline {
    position: relative;
}

.form-outline input.form-control:-webkit-autofill,
.form-outline input.form-control:-webkit-autofill:hover, 
.form-outline input.form-control:-webkit-autofill:focus, 
.form-outline input.form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
	box-shadow: 0 0 0 30px white inset !important;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@-webkit-keyframes autofill {
    0%,100% {
        background: #fff;
    }
}

.form-outline input.form-control:-webkit-autofill {
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.form-outline input.form-control:-webkit-autofill ~ .form-label, input.form-control:-webkit-autofill ~ .form-label.active {
	background-color: #fff;
    padding: 0 .25rem;
	padding-top: .375rem; 
	color: rgba(18,54,94,.5);
	z-index: 5;
    margin-top: -1rem;
    font-size: 80%;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-outline input.form-control:autofill,
.form-outline input.form-control:autofill:hover, 
.form-outline input.form-control:autofill:focus, 
.form-outline input.form-control:autofill:active {
	box-shadow: 0 0 0 30px white inset !important;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-outline input.form-control:autofill {
    transition: all 0.3s ease-in-out;
    animation-delay: 1s;
    animation-name: autofill;
    animation-fill-mode: both;
}

.form-outline input.form-control:autofill ~ .form-label, input.form-control:autofill ~ .form-label.active {
	background-color: #fff;
    padding: 0 .25rem;
	padding-top: .375rem; 
	color: rgba(18,54,94,.5);
	z-index: 5;
    margin-top: -1rem;
    font-size: 80%;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-outline .form-control ~ .form-label {
    position: absolute;
    top: 1px;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: .75rem;
    padding-top: .5rem;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    color: rgba(18,54,94,.5);
    margin-bottom: 0;
	z-index: 5;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-outline .form-control:focus {
	border: 1px solid #1c1c1d;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-outline.is-invalid .form-control {
    border: 1px solid #ce2830;
}

.form-outline.is-invalid .form-control:focus {
	border: 1px solid #ce2830;
}

.form-outline .form-control:focus ~ .form-label, .form-outline .form-control:focus ~ .form-label.active {
	background-color: #fff;
    padding: 0 .25rem;
	padding-top: .375rem; 
	color: #1c1c1d;
	z-index: 5;
    margin-top: -1rem;
    font-size: 80%;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-outline .form-control ~ .form-label.active {
	background-color: #fff;
    padding: 0 .25rem;
	padding-top: .375rem; 
	color: rgba(18,54,94,.5);
    margin-top: -1rem;
    font-size: 80%;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-outline .form-control:disabled, .form-outline .form-control[readonly] {
    background-color: rgba(224,232,241,.25);
    color: #5677a3 !important;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
	height: 40px;
    padding: .5rem .75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #12365e !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #b4c3d6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	overflow: hidden;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	pointer-events: none;
	text-overflow: ellipsis;
    white-space: pre;
}

.form-outline.is-invalid .custom-file-label {
    border: 1px solid #ce2830;
}

.form-outline.is-invalid .custom-file-label:focus {
	border: 1px solid #ce2830;
}

.form-outline .btn-light {
    color: #12365e;
    background-color: #fff;
    border-color: #b4c3d6;
	padding: .5rem .75rem .375rem .75rem;
}

.form-outline.is-invalid .btn-light {
    border-color: transparent;
	border: none;
}

.form-outline .bootstrap-select>.dropdown-toggle.bs-placeholder, .form-outline .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .form-outline .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .form-outline .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: rgba(18,54,94,.5);
}

.form-outline .bootstrap-select .dropdown-toggle .filter-option {
    left: 0;
    float: left;
    text-align: left;
}

.form-outline .cus-select .btn-light, .form-outline .cus-select select, .cus-select.bootstrap-select {
	max-width: 5.5rem;
}

.form-outline .input-group.input-group-cus input.form-control {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

.form-outline .input-group.input-group-cus .form-control~.form-label {
    left: 6.25rem;
}

.form-outline .cus-input {
	max-width: 5.5rem;
}

.form-outline .input-group.input-group-cus .form-control.cus-input~.form-label.cus-input-label {
    left: .75rem;
}

.form-outline .form-check-input {
    border: 1px solid #b4c3d6;
	position: relative;
	top: -2px;
}

.form-outline.is-invalid .form-check-input {
    border: 1px solid #ce2830;
}

.form-outline textarea {
    resize: none;
	height: auto;
}

.toggle-password {
    position: absolute;
    right: .75rem;
    top: .85rem;
    z-index: 1;
    color: rgba(18,54,94,.25);
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.toggle-password ~ input {
	padding-right: 2.25rem;
}

.eye {
	content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23b4c3d6' d='M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z'/></svg>");
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
}

.eye-slash {
	content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23b4c3d6' d='M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z'/></svg>");
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
}

.img-thumbnail {
    border-radius: 50%;
    width: 320px;
}

.invalid-feedback, .error {
    width: auto;
    position: absolute;
    top: 0;
    right: .75rem;
    z-index: 5;
    color: #ce2830;
    background-color: #fff;
    padding: 0 .25rem;
    padding-top: .375rem;
    margin-top: -1rem;
    font-size: 80%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.serv-cus {
    position: relative;
}

.serv-cus .invalid-feedback, .serv-cus .error {
    top: -.5rem !important;
	left: 0 !important;
	right: auto !important;
}

.agree-cus .invalid-feedback {
    top: -.5rem !important;
	left: 0 !important;
	right: auto !important;
}

.chose-cus .invalid-feedback {
    top: -.5rem !important;
	left: 0 !important;
	right: auto !important;
}

.tab-content>.tab-pane.active {
    empty-cells: show;
}

.tab-content>.tab-pane {
    empty-cells: hide;
}

.form-outline .iti__country-list {
    z-index: 10 !important;
	border: 1px solid #b4c3d6 !important;
	border-radius: .25rem !important;
}

.form-outline .iti__selected-flag .iti__flag {
	display: none;
}

.form-outline .iti__country-list {
    direction: ltr;
}

.form-outline .iti--allow-dropdown .iti__flag-container, .form-outline .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}

.form-outline .iti--separate-dial-code .iti__selected-flag {
    background-color: #fff !important;
    border-right: 1px solid #b4c3d6 !important;
    border-radius: .25rem 0 0 .25rem !important;
}

.form-outline .iti__flag-container {
    min-width: 5.5rem !important;
}

.form-outline .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    direction: ltr;
}

.form-outline .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: .3em solid transparent !important;
    border-right: .3em solid transparent !important;
    border-top: .3em solid !important;
}

.form-outline .iti__arrow--up {
    border-top: none !important;
    border-bottom: .3em solid !important;
}

.form-outline .iti--allow-dropdown .form-control {
    padding-right: .75rem !important;
	padding-left: 6.25rem !important;
	width: 100% !important;
}

.form-outline .iti--allow-dropdown {
    width: 100% !important;
}

.form-outline .form-label.form-label-tel {
	position: absolute;
    top: 1px;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 6.25rem;
    padding-top: .5rem;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    color: rgba(18,54,94,.5);
    margin-bottom: 0;
	z-index: 5;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-outline .form-label.form-label-tel.active {
	background-color: #fff;
    padding: 0 .25rem;
	padding-top: .375rem; 
	color: #1c1c1d;
	z-index: 5;
    margin-top: -1rem;
    font-size: 80%;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-text {
    margin-top: .25rem;
    font-size: .8rem;
    color: #5677a3;
}

.form-outline .profile-img {
    position: absolute;
    border-radius: 100%;
    pointer-events: none;
    width: 100%;
	max-width: 320px;
	height: auto;
	max-height: 320px;
    z-index: 1;
    left: 50%;
	-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.form-outline .form-control.profile-img-file {
    border-radius: 100%;
	position: relative;
	top: 5px;
    margin: auto;
	border-color: transparent;
}

.form-outline .svg.profile-img-file-icon {
	position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
    margin-left: 5.5rem;
	-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
	width: 2.5rem;
	height: auto;
	pointer-events: none;
	fill: #b4c3d6;
}

.form-outline .img-thumbnail {
    position: absolute;
    border-radius: 100%;
    width: 100%;
	max-width: 320px;
	height: auto;
	max-height: 320px;
    z-index: 1;
    left: 50%;
	-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.croppie-container .cr-viewport, .croppie-container .cr-resizer {
    border-radius: 100%;
}

.croppie-container .cr-boundary {
    border-radius: 100%;
	background-color: #fff;
}

.form-outline .edit-photo, .form-outline .delete-photo {
	position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
    margin-left: 8rem;
	-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.form-outline .svg.edit-svg {
	width: 1rem;
	height: auto;
	fill: #1c1c1d;
	position: relative;
    top: -24px;
}

.form-outline .svg.delete-svg {
	width: .75rem;
	height: auto;
	fill: #ce2830;
	position: relative;
}


/****** Sweet Alert ******/

.sweet-alert {
    padding: 1rem;
    border-radius: .25rem;
}

.sweet-alert h3 {
    font-size: 1.5rem;
}

.sweet-alert .sa-confirm-button-container {
    position: relative;
    display: grid !important;
}

.sweet-alert .btn-primary, .sweet-alert .btn-primary:focus {
	text-align: center;
    padding: .5rem 2.5rem;
    border-radius: .25rem;
    font-weight: 600;
    color: #fff;
    background-color: #1c1c1d;
    border: 1px solid #1c1c1d;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sweet-alert .btn-primary:hover {
	color: #fff;
    -webkit-box-shadow: 0 5px 20px 0 rgb(18 54 94 / 20%) !important;
    box-shadow: 0 5px 20px 0 rgb(18 54 94 / 20%) !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sweet-overlay {
    background-color: rgba(28,28,29,.85);
}


/****** Button Link ******/

a[type=link] {
	display: none;
}