/*!
 * Sterodimas - Visual Consultation
 * Copyright 2019 HappyOnline.gr
 * Web-development Laravel Framework Custom Template
 */

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&display=swap&subset=greek,greek-ext');
@font-face {
    font-family: 'CeraPro-Regular';
    src: url(./fonts/cera/CeraPro-Regular.eot);
    src: url(./fonts/cera/CeraPro-Regular.woff) format("woff"), url(./fonts/cera/CeraPro-Regular.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
}
.lang {
    text-align: right;
    z-index: 9999999;
    color: white;
    background: transparent;
    position: relative;
    top: -5px;
}
.instafeed {
    max-width: 1600px;
    margin: auto;
}
.relifbanner {
    text-align: center;
    margin-bottom: 2rem;
}

.relifbanner img{
 max-width: 100%;
 height: auto;
}
span.dime {
    font-weight: 100;
    font-size: 12px;
    color: #737279;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    top: -20px;
    text-align: CENTER;
    width: 100%;
    padding-bottom: 10px;
    left: 0;
}

.lang span {
    cursor: pointer;
}
.lang span:hover {
    transition: all 0.5s ease;
    color: #57abca;
}
.col-md-12.whatsappcall .lang {
    z-index: 99;
    top: -15px;
    text-align: CENTER;
}
.instagram {
    color: white;
    background: #232b47 url(/images/img-bg1insta.png);
    padding: 60px 30px 90px 30px;
    text-align: center;
    background-position: 0 0%;
    background-repeat: no-repeat;
}
.instagram p, .instagram a {
    color: white;
}
body {
    font-family: 'CeraPro-Regular';
    padding-top: 54px;
}
.grfont {
    font-family: 'Noto Serif', serif !important;
}
h1.drasmmpa {
    font-size: 70px;
}
.associaons {
    display: flex;
    align-items: center;
    justify-content: center;
}
img.notespatient {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
}
.associaons img {
    max-width: 100%;
}
.aboutassociaton.col-md-8 p {
    color: #435184;
    font-size: 15px;
    line-height: 30px;
}
h4.thankcards:before {
    content: "Patient care";
    POSITION: Absolute;
    font-size: 120px;
    font-weight: 900;
    letter-spacing: 5px;
    top: -60px;
    left: 31%;
    color: #d0d0d0;
    z-index: -1;
    opacity: 0.3;
}
.aboutassociatonright.col-md-4 {
    padding: 0;
}
@media (min-width: 1550px) {
    .container {
        max-width: 1440px;
    }
}
h4.thankcards {
    padding-bottom: 2rem;
    font-weight: 600;
    color: #435184;
    font-size: 36px;
    position: relative;
    text-align: center;
}
h4.assmember {
    padding-bottom: 2rem;
    font-weight: 600;
    color: #435184;
    font-size: 36px;
    position: relative;
}
h4.wbeforetext {
    font-size: 36px;
    line-height: 70px;
}
.recognitionandawards {
    padding-bottom: 5rem !important;
}
.aboutasfirsparagr.recognitionandawards p {
    position: relative;
    max-width: 80%;
    left: 30px;
}
h4.rbeforetext:before {
    content: "Expertise";
    POSITION: Absolute;
    font-size: 110px;
    font-weight: 900;
    letter-spacing: 8px;
    top: -10px;
    color: #d0d0d0;
    z-index: -1;
    opacity: 0.3;
}
p.firstparabus {
    line-height: 30px;
    color: #596693;
    font-weight: bold;
    text-align: center;
    margin: 1rem 0;
    font-size: 15px;
}
h4.beforetext:before {
    content: "Experience";
    POSITION: Absolute;
    font-size: 110px;
    font-weight: 900;
    letter-spacing: 8px;
    top: -10px;
    color: #d0d0d0;
    z-index: -1;
    opacity: 0.3;
}
h4.rbeforetext {
    font-weight: 600;
    color: #435184;
    line-height: 150px;
    font-size: 36px;
    position: relative;
}
h4.beforetext {
    font-weight: 600;
    color: #435184;
    line-height: 150px;
    font-size: 36px;
    position: relative;
}
h4.drasmmpa, h1.drasmmpa {
    text-align: center;
    padding-bottom: 1rem;
    color: #485688;
    font-weight: bold;
}
img.mainimgcenter {
    max-width: 100%;
}
img.imgforpages {
    max-width: 360px;
    display: inline-block;
    float: left;
    padding: 0 10px 0px 0px;
}
img.imgforpagesr {
    max-width: 100%;
    display: inline-block;
    float: right;
    padding: 0px 0px 0px 40px;
}
h5.f_showroom-title {
    font-family: 'CeraPro-Regular';
}
a.enquiry i {
    float: left;
    font-size: 25px;
    padding-right: 5px;
}
.p-b-5 {
    padding-bottom: 5rem;
}
ul.subomenou {
    border-top: 1px solid #89bbff;
    padding: 5px 0px !important;
    text-align: CENTER !important;
}
ul.subomenou li a {
    font-size: 18px;
    color: #c6deff !important;
    text-align: CENTER !important;
}
ul.subomenou li a:hover {
    color: white !important;
}
.mainvillacatss .catdescre {
    min-height: 200px;
}
.mainvillacatss {
    padding-bottom: 10rem !important;
}
ul.slides li {
    left: -40px;
}
ul.slides.thambens {
    margin-left: 40px !important;
}
.single-head.Male {
    background: url(/images/maleinside.jpg);
    height: 430px;
    background-repeat: no-repeat;
}
.container.biblopublics .content img {
    max-height: 151px;
}
.desctaper {
    margin-left: 40px;
}
p.text-center {
    text-align: center;
}
.container.biblopublics .content {
    box-shadow: 0px 5px 20px 0px rgba(149, 163, 208, 0.46);
    padding: 20px;
    text-align: center;
    border: 1px solid rgba(121, 131, 162, 0.09);
    margin-bottom: 30px;
    min-height: 250px;
}
.container.biblopublics .sectiontitle {
    line-height: 17px;
    padding-top: 1.25rem;
}
.container.biblopublics .content:hover {
    transition: all 0.5s ease;
    background: #f1f3f9;
}
.swiper-button-prev.swiper-button-white {
    background-color: rgba(181, 185, 199, 0.58);
    border-radius: 50%;
    width: 50px;
    background-position: center;
    height: 50px;
    background-size: 30%;
}
.swiper-button-next.swiper-button-white {
    background-color: rgba(181, 185, 199, 0.58);
    border-radius: 50%;
    width: 50px;
    background-position: center;
    height: 50px;
    background-size: 30%;
}
ul.slides.slideses li {
    width: 100% !important;
    margin-right: 0px;
    float: left;
    display: block;
}
.single-head.allcontact {
    background-position: 0px 50% !important;
    background: #e1e2ec url(/images/mesaservice.png) !important;
    position: relative;
    height: 390px;
    border-bottom: 0px solid #666c86;
}
.single-head.allcontact .single-title {
    top: 180px;
}
/*#menu1{
    display: none;
}
.skate{
    display: block !important;
}*/

.page-inside {
    padding-top: 200px;
}
.mapsdoctor h4 {
    font-size: 20px;
    font-family: 'CeraPro-Regular';
    color: rgb(27, 32, 49);
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}
.blogger {
    width: 100%;
    display: flex;
    margin: AUTO;
    text-align: center;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    flex: 0 0 100%;
}
.container.biblopublics {
    padding-bottom: 5rem;
}
.maintexter img {
    padding: 0px 15px 0px 0px;
}
.blogger a.tabolink {
    font-size: 13px;
}
h4.card-title {
    text-align: left !important;
}
.blogger img {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.blogger .card {
    margin-bottom: 2rem !important;
    padding: 1rem;
    width: 25rem !important;
    text-align: left;
    margin: 10px !important;
    border: none;
    border-radius: 0;
}
.blogger .card:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15);
}
.blogitem {
    align-items: center;
    display: inline-flex;
    margin-bottom: 2rem !important;
    padding: 0rem;
    width: 30rem !important;
    text-align: left;
    margin: 10px !important;
    justify-content: center;
}
.blogitem:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15);
}
p.videsc {
    color: white;
    text-align: center;
    font-size: 13px;
}
.piotec h4 {
    padding-bottom: 20px;
    font-weight: bold;
    color: white;
    font-family: 'CeraPro-Regular' !important;
}
.contactareas b, .contactareas strong {
    color: white;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Playfair Display', serif;
}
section.sliderocontent ul.nav.nav-tabs {
    background: transparent;
    padding-top: 70px;
    border: none;
    position: absolute;
    z-index: 9999;
    margin-top: 0;
    left: 50px;
    width: 100vh;
}
section.sliderocontent ul.nav.nav-tabs a {
    border: none !important;
    font-size: 24px;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
    margin: 0px 20px;
}
ul.nav.nav-tabs a.active.show {
    color: #425185 !important;
}
ul.nav.nav-tabs li a {
    color: #acb0bf !important;
}
h3.catitle {
    font-weight: 700;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 30px;
    line-height: 50px;
    font-size: 50px;
    text-align: left;
    justify-content: center;
    color: #435184;
}
h3.pione {
    font-size: 48px;
    clear: both;
    width: 100%;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
}
section.publishing h5 {
    padding-top: 50px;
    font-size: 24px;
    font-family: 'CeraPro-Regular';
    color: rgb(67, 81, 132);
    font-weight: bold;
    line-height: 1.25;
}
@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}
h1.mt-1 {
    font-size: 32px;
}
.form-group label {
    text-transform: capitalize;
}
.logo {
    margin: auto;
    text-align: center;
}
header {
    margin-top: -55px;
}
a.profilebtns {
    color: white;
    border: 1px solid white;
    padding: 7px;
    margin-top: 10px;
    display: block;
    text-align: center;
    max-width: 190px;
    border-radius: 7px;
    position: relative;
    right: 30%;
    font-size: 14px;
}
a.profilebtns:hover {
    transition: background 0.5s ease-in;
    color: #272e48;
    border: 1px solid white;
    background: white;
}
ul.slides.thambens {
    float: left;
    padding-top: 130px;
    width: 99vw !important;
    background: transparent;
    display: inline-block;
}
.tab-content {
    /* overflow-x: hidden; */
    /* display: inline-flex; */
    width: 100%;
    position: relative;
}
ul.slideses.thambens {
    float: left;
    padding-top: 120px;
    width: 99vw !important;
    background: transparent;
    display: inline-block;
}
a {
    text-decoration: none !important;
}
div#yiaveeao td {
    border-color: #cfcfcf !important;
}
section.sliderocontent {
    z-index: 99;
    height: 100vh;
    overflow: hidden !important;
    background: ghostwhite;
}
section.sliderocontent div#carousel {
    position: absolute;
    z-index: 999;
    /* margin-bottom: -273px; */
}
section.sliderocontent div#carousels {
    position: absolute;
    z-index: 999;
    /* margin-bottom: -273px; */
}
::selection {
    color: white;
    background: #09a29d;
}
.maincats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
    margin: auto;
}
.desctaper {
    font-size: 16px;
    position: ABSOLUTE;
    z-index: 9999;
    TOP: 40%;
    color: #435184;
    max-width: 50%;
    line-height: 33px;
    padding: 20px;
}
.desctaper h3 {
    font-weight: 700;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 50px;
    line-height: 50px;
    font-size: 50px;
    text-align: left;
    justify-content: center;
    color: #435184;
}
.container.mainvillacatss {
    padding-bottom: 50px;
    padding-top: 30px;
    display: inline-flex;
}
.container.mainvillacatss img {
    max-height: 300px;
}
.container.mainvillacatss img {
    max-width: 100%;
}
a.tabolink {
    font-weight: bold;
    color: #435184;
}
.blog_single-body span {
    font-size: 16px;
    line-height: 30px;
}
a.tabolink:hover:after {
    margin-left: 15px;
    transition: all 0.5s ease-in;
}
a.tabolink:after {
    content: "";
    background: #435184;
    width: 60px;
    height: 1px;
    position: absolute;
    display: inline-block;
    margin-left: 5px;
    margin-top: 15px !important;
    color: #435184;
}
.sliderocontent ul.flex-direction-nav {
    height: 0px;
    visibility: hidden;
}
li.flex-active-slide {
    display: block !important;
    position: relative;
}
.f_logo_img {
    padding-top: 50px;
}
footer a {
    transition: color .3s;
    font-size: 13px;
    color: #c1c6d6;
    line-height: 33px;
}
footer a:hover {
    color: cadetblue;
}
.slideposts .texter a {
    color: #0ea49f;
}
textarea#description {
    min-height: 200px;
}
a.allpublications {
    font-size: 14px;
    background: #1b2131;
    color: #ffffff;
    border: 1px solid #1b2131;
    padding: 10px 15px;
    border-radius: 30px;
    transition: background .3s;
}
a.allpublications:hover {
    background: #484e61
}
.footer-copy-col.footer-copy-col-center.justify-content-center.col-xl-6.col-12.pb-3 UL {
    width: 100%;
    DISPLAY: inline-flex;
    align-items: center;
    justify-content: center;
}
.footer-copy-col.footer-copy-col-center.justify-content-center.col-xl-6.col-12.pb-3 ul li {
    padding: 0 10px;
}
.blogpages.container-fluid h3 {
    padding-top: 10px;
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 10px;
}
.aboutasfirsparagr {
    clear: both;
    margin-bottom: 0;
    padding: 30px;
}
.single-title.col-xs-12.col-sm-12 p {
    max-width: 50%;
}
ul.slides.thambens li:before {
    top: 18px;
    z-index: 9999;
    content: "";
    background: rgba(57, 69, 112, 0);
    width: 140px;
    height: 140px;
    display: block;
    position: absolute;
    left: 18px;
}
.gallery-thumbs .swiper-slide:before {
    top: 0px;
    z-index: 9999;
    content: "";
    background: rgba(57, 69, 112, 0);
    width: 136px;
    height: 136px;
    display: block;
    position: absolute;
    left: 17px;
}
.gallery-thumbs .swiper-slide-thumb-active:before {
    top: 0px;
    z-index: 9999;
    content: "";
    background: rgba(57, 69, 112, 0.33);
    width: 141px;
    height: 138px;
    display: block;
    position: absolute;
    left: 14px;
}
ul.slides.thambens li {
    width: 170px !important;
    position: relative;
}
ul.slides.thambens li:hover, .gallery-thumbs .swiper-slide:hover {
    cursor: pointer;
}
ul.slides.thambens li.flex-active-slide:before {
    top: 16px;
    z-index: 9999;
    content: "";
    background: rgba(57, 69, 112, 0.43);
    width: 140px;
    height: 143px;
    display: block;
    position: absolute;
    left: 18px;
}
.gallery-thumbs .swiper-slide:hover:before {
    transition: all 0.5s ease;
    background: rgba(113, 125, 165, 0.33);
}
ul.slides.thambens li:hover:before {
    transition: all 0.5s ease;
    background: rgba(113, 125, 165, 0.33);
}
span.flad a {
    color: white;
}
span.altfmes {
    font-size: 12px;
    color: white;
    clear: both;
    display: block;
}
form#contact_form {
    outline: 2px solid whitesmoke;
    background: whitesmoke;
    padding: 40px 0px;
    outline-offset: 3px;
}
h4.media-heading {
    text-align: left;
    font-size: 20px;
    padding-top: 10px;
    height: 100px;
}
.single-head.blogpage .single-title h1 {
    font-size: 127px;
    font-family: 'Playfair Display', serif;
    color: rgb(255, 255, 255);
    line-height: 1.05;
    text-align: center;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-transform: matrix( 0.52592217072585, 0, 0, 0.52592217072585, 0, 0);
    -webkit-transform: matrix( 0.52592217072585, 0, 0, 0.52592217072585, 0, 0);
    -ms-transform: matrix( 0.52592217072585, 0, 0, 0.52592217072585, 0, 0);
}
#carouselExampleIndicators .carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.gallerias p {
    text-align: CENTER;
    color: gray;
    padding-bottom: 20px;
}
div#treatpatient {
    background: #1b2131;
    text-align: center;
    color: white;
    padding: 40px;
}
div#treatpatient h3 {
    width: 101%;
    font-size: 36px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    display: block;
}
.worldcities {
    display: flex;
}
div#foreis img {
    display: block;
    margin: auto;
    text-align: center;
}
.div#foreis {
    width: 100%;
    margin: auto;
    text-align: center;
}
.worldcities .col-md-2 h4 {
    position: absolute;
    bottom: 5px;
    font-family: 'CeraPro-Regular';
    text-align: center;
    margin: auto;
    width: calc(100% - 10px);
}
.worldcities .col-md-2:hover:before {
    transition: all 0.5s ease-in;
    background-image: -moz-linear-gradient( 90deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(0, 0, 0, 0.57) 0%, rgba(0, 0, 0, 0) 100%);
}
.worldcities .col-md-2:before {
    transition: all 0.5s ease-in;
    content: "";
    width: calc(100% - 10px);
    height: 100%;
    display: block;
    position: absolute;
    background-image: -moz-linear-gradient( 90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.mapdiv iframe {
    width: 100%;
    max-height: 310px;
}
div#newsletter-container {
    text-align: center;
    background: #1b2131;
    padding: 100px 0px;
    color: white;
}
div#newsletter-container h3 {
    font-size: 48px;
}
input.btn.btn-custom-3 {
    background: #4e60a1;
    color: white;
    clear: both;
    display: block;
    margin: 10px auto;
}
.cardos h4 {
    margin-top: 50px;
    font-size: 22px;
    font-weight: bold;
    color: rgb(9, 162, 157);
    line-height: 30px;
    text-align: center;
    z-index: 193;
}
.portfolio-item {
    margin-bottom: 30px;
}
.carousel-indicators .active {
    background-color: #c0ad74;
}
header .carousel-item {
    height: 75vh;
}
a.readmorebtn {
    transition: background 0.5s linear;
    margin-top: 20px;
    background: transparent;
    color: #242121;
    padding: 7px 30px;
    border: 1px solid #242121;
    display: inline-block;
}
button.btnone:hover {
    background: white;
    color: black;
}
button.btntwo:hover {
    background: #1c1714;
    color: white;
}
a.readmorebtn:hover {
    text-decoration: none;
    background: #242121;
    color: #c2a86b;
    border: 1px solid #e3c889;
}
button.btnone a {
    text-decoration: none;
    color: white;
}
button.btnone:hover a {
    color: black;
}
.carousel-caption h3 {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    font-family: 'Playfair Display', serif;
    font-size: 61px;
    font-weight: normal;
}
.navtop {
    position: absolute;
    padding: 10px;
    font-size: 15px;
    color: white;
    background: #212121;
    height: 45px;
    display: block;
    top: 0px;
    z-index: 9999;
    width: 100%;
    margin-bottom: -24px;
}
ul.navbar-nav.ml-auto li.nav-item.active {
    border-bottom: 3px solid rgba(200, 179, 118, 0);
}
ul.navbar-nav.ml-auto li.nav-item.active a {
    color: #c4b27d !important
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: #85b3ff;
    transition: color .3s;
}
ul.navbar-nav.ml-auto li.nav-item {
    border-bottom: 3px solid rgba(200, 179, 118, 0);
}
ul.navbar-nav.ml-auto a.nav-link {
    font-size: 16px;
    transition: all 0.3s ease-in;
    line-height: 60px;
    font-weight: normal;
    letter-spacing: -0.75px;
    padding: 0px 15px;
    font-weight: bold;
    letter-spacing: 1px;
}
.padtop {
    padding-top: 30px;
}
.keimeno {
    padding-top: 30px;
    padding-bottom: 50px;
}
.keimenotour {
    width: 100%;
    /* display: inline-flex; */
    padding-top: 30px;
    padding-bottom: 30px;
}
.maintextandvideo {
    max-width: 1660px;
    padding: 50px 70px;
    margin: auto;
}
.maintexter h4 {
    margin: 10px 0px !important;
    font-size: 36px;
    font-weight: bold;
    color: #435184;
}
.stixiaepikoinonias {
    padding-top: 30px;
    display: block;
    width: 100%;
    text-align: center;
}
.stixiaepikoinonias h1.mt-1 {
    color: #09a29d;
    margin-bottom: 30px;
    font-weight: 600;
}
.form-control {
    font-size: 0.9rem;
    border-radius: 0px !important;
}
.contact-section {
    margin-top: 20px;
    background: #f6f6f6;
    padding-top: 0;
    padding-bottom: 0;
}
.form-line .form-group {
    width: 33%;
    display: inline-block;
}
.contact-section .container {
    margin-bottom: 50px;
    padding: 30px 0px;
    border: 5px solid transparent;
    -webkit-border-image: url(/images/contact-form.png) 10 round;
    /* Safari 3.1-5 */
    -o-border-image: url(/images/contact-form.png) 10 round;
    /* Opera 11-12.1 */
    border-image: url(/images/contact-form.png) 5 round;
}
button.btn.btn-default.submit {
    background: #7c8099;
    color: white;
    border-radius: 0px;
}
.carousel-caption {
    position: absolute !important;
    right: 15% !important;
    bottom: 25% !important;
    left: 15% !important;
    z-index: 10 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    color: #fff !important;
    text-align: center !important;
    transform: translateY(50%) !important;
}
.rowabout h3 {
    font-weight: 600;
    margin-top: 30px;
    padding-left: 40px;
    font-size: 30px;
    color: rgb(9, 162, 157);
    line-height: 1.6;
    text-align: left;
    background: white;
    width: 100%;
    z-index: 9999;
}
.rowabout {
    padding-left: 30px;
    padding-top: 50px;
    display: flex;
}
.rowabout h3 span {
    font-weight: 500;
    font-size: 15px;
    display: block;
    color: rgb(165, 139, 70);
    line-height: 3;
    font-family: 'CeraPro-Regular';
    clear: both;
}
.rowabout p {
    margin-top: 120px;
    font-family: 'CeraPro-Regular';
    font-size: 17px;
    padding-left: 30px;
    color: rgb(134, 134, 134);
    line-height: 40px;
    z-index: 133;
}
a.learnmores:before, a.learnmorestevip:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    border-radius: 3px !IMPORTANT;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #252c44;
    background: #252b43;
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(.16, .01, .77, 1);
    -moz-transition-timing-function: cubic-bezier(.16, .01, .77, 1);
    transition-timing-function: cubic-bezier(.16, .01, .77, 1);
}
a.learnmores:hover:before, a.learnmorestevip:hover:before {
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
a.learnmores:hover, a.learnmorestevip:hover {
    border-radius: 3px !IMPORTANT;
    color: white;
}
a.learnmores, a.learnmorestevip {
    border-width: 1px;
    border-color: rgb(67, 81, 132);
    border-style: solid;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    padding: 10px 10px;
    background: white;
    color: #282e48;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    z-index: 10;
    cursor: pointer;
    position: relative;
    min-width: 180px;
    text-align: center;
    /* margin: auto auto auto 30px; */
    border: 1px solid;
}
.rowabout h3:after {
    z-index: -1;
    width: calc(100% - 160px);
    bottom: 0;
    top: 0;
    content: "";
    position: absolute;
    left: 13px;
    height: 270px;
    border: 2px solid #09a29d;
}
a.explorevillas:hover {
    background: #4e5c72;
    color: white;
}
a.explorevillas {
    transition: all 0.5s ease-in;
}
a.explorevillas:before {
    transition: all 0.5s linear;
}
a.explorevillas:hover:before {
    width: 221px;
    margin-top: -11px;
    border: 1px solid #4b3c13 !important;
    margin-left: -31px;
}
a.explorevillas {
    background-color: rgb(255, 255, 255);
    padding: 15px 30px;
    display: inline-block;
    margin-top: 40px;
    font-family: 'CeraPro-Regular';
    color: #29314b;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    border-radius: 40px;
    min-width: 270px;
}
.navbar-dark .navbar-brand {
    padding: 20px;
    color: #fff;
}
.mySlides.fades {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.frad i {
    color: #c0ad74;
}
span.flad i {
    color: #c0ad74;
    padding-left: 10px;
}
a.enquiry {
    float: right;
    color: #a58b46;
    font-size: 12px;
    background: white;
    padding: 10px 25px;
}
a.enquiry {
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    font-family: 'CeraPro-Regular';
    color: rgb(255, 255, 255);
    line-height: 14px;
    background-color: transparent;
    width: 160px;
    height: 45px;
    z-index: 242;
    border: 1px solid white;
}
a.enquiry:hover {
    transition: all 0.5s ease-in;
    background: #272e4d;
    color: white;
}
.containervillonlayout i {
    color: #09a29d;
    font-size: 6px;
    padding-right: 7px;
    padding-bottom: 10px;
    line-height: 30px;
}
.exibit {
    PADDING-RIGHT: 40px;
}
nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark.fixed-top {
    padding-bottom: 0;
    transition: top 0.5s ease;
    top: 0;
    z-index: 99999;
    background: rgba(37, 44, 67, 0.84) !important;
}
nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark.fixed-top.allagi {
    height: 80px;
    background: rgba(0, 0, 0, 0.45) !important;
    top: 0;
}
.slideposts .mySlides {
    display: none
}
.slideposts img {
    /* max-height: 610px; */
    vertical-align: middle;
    width: auto;
}
/* Slideshow container */

.slideposts .slideshow-container {
    max-height: 600px;
    max-width: 100%;
    position: relative;
    margin: auto;
    overflow: hidden;
}
/* Next & previous buttons */

.slideposts .prev, .slideposts .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
/* Position the "next button" to the right */

.slideposts .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */

.slideposts .prev:hover, .slideposts .next:hover {
    color: white !important;
    background-color: rgb(169, 144, 78);
}
/* Caption text */

.slideposts .texter {
    color: black;
    font-size: 15px;
    padding: 8px 12px;
    position: relative;
    /* bottom: 8px; */
    width: 100%;
    text-align: center;
}
/* Number text (1/3 etc) */

.slideposts .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}
/* The dots/bullets/indicators */

.slideposts .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.slideposts .active, .slideposts .dot:hover {
    background-color: #717171;
}
/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {
    .slideposts .prev, .slideposts .next, .slideposts .text {
        font-size: 11px
    }
}
.media-body {
    position: relative;
    margin-top: -53px;
    padding: 0 36px !important
}
/*BURGER MENU*/

a.burger-box.is-open span {
    visibility: hidden;
    content: "Close" !important;
}
h3.mainslidese:before {
    content: "";
    background: transparent;
    position: absolute;
    width: 2px;
    height: 160px;
    top: -170px;
    text-align: CENTER;
    margin: AUTO;
    left: 50%;
    border-radius: 10px;
}
a.burger-box.is-open {
    z-index: 99999;
    position: fixed;
    top: 40px;
    right: 40px !important;
    left: 85% !important;
}
a.burger-box.is-open {
    background: transparent !important;
}
a.burger-box.is-open:before {
    visibility: hidden;
}
a.burger-box.is-open .burger:after {
    position: absolute;
    top: 50%;
    left: -15px;
    width: 30px;
}
.burger-box {
    /* transform: scaleX(1.5); */
    BACKGROUND: transparent;
    z-index: 999999;
    position: fixed;
    top: 30px;
    left: 60px;
    display: block;
    width: 45px;
    height: 45px;
    cursor: pointer;
    TEXT-ALIGN: CENTER !IMPORTANT;
}
.burger span {
    font-family: 'CeraPro-Regular';
    color: white;
    margin-left: 25px;
    line-height: 0;
    position: absolute;
    font-size: 13px;
}
a.burger-box:before {
    content: "";
    background: #abb0b6;
    width: 59px;
    HEIGHT: 1PX;
    DISPLAY: none;
    POSITION: ABSOLUTE;
    left: -60px;
    TOP: 50%;
    Z-INDEX: -16;
}
.burger {
    z-index: 99;
    color: transparent;
    /* padding: 0px 10px; */
    content: '';
    font-size: 19px;
    user-select: none;
    position: absolute;
    top: 48%;
    left: 14PX;
    width: 16px;
    height: 3px;
    background: white;
    transition: background 0.3s, transform 0.3s, top 0.3s;
    /* background: red !important; */
    /* height: 40px; */
}
.burger:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 3px;
    background: white;
    transition: background 0.3s, transform 0.3s, top 0.3s;
    top: -8px;
    left: 0px;
    content: "";
}
.burger:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 3px;
    background: white;
    transition: background 0.3s, transform 0.3s, top 0.3s;
    top: 8px;
    left: 0px;
    content: "";
}
.is-open .burger {
    left: AUTO;
    right: 40px !important;
    -webkit-transform: translateX(220px);
    -moz-transform: translateX(220px);
    -ms-transform: translateX(220px);
    -o-transform: translateX(220px);
    transform: translateX(220px);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background: transparent;
}
.is-open .burger:before {
    top: 0px;
    transform: rotateZ(-45deg);
    width: 30px;
    left: -15px;
}
.is-open .burger:after {
    top: 0;
    transform: rotateZ(47deg);
}
.sliding-panel-content {
    position: fixed;
    top: 0px;
    right: auto;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 220px;
    -webkit-transform: translateX(-220px);
    -moz-transform: translateX(-220px);
    -ms-transform: translateX(-220px);
    -o-transform: translateX(-220px);
    transform: translateX(-220px);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background: rgba(6, 6, 6, 0.86);
    z-index: 998;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.sliding-panel-content ul {
    padding: 30px 0px;
    margin: 0;
    border-right: solid 1px rgba(238, 238, 238, 0);
    max-width: 100%;
}
.sliding-panel-content li {
    list-style: none;
}
.sliding-panel-content li:first-child {
    /* margin-top: 50px; */
}
.sliding-panel-content li a {
    text-align: right;
    border-bottom: none;
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 5px 20px;
    text-decoration: none;
    font-size: 40px;
    text-transform: uppercase;
}
.sliding-panel-content li a:focus {
    background-color: #4d4d4d;
}
.sliding-panel-content li a:hover {
    background-color: transparent;
    color: #e5c496;
}
.sliding-panel-content.is-visible {
    width: 100%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.sliding-panel-fade-screen {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: black;
    opacity: 0;
    visibility: hidden;
    z-index: 997;
}
.sliding-panel-fade-screen.is-visible {
    opacity: 0.4;
    visibility: visible;
}
.sliding-panel-button {
    padding: 10px 16px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    outline: none;
}
.menuarea {
    display: flex;
    align-items: center;
    justify-content: center;
    color: cadetblue;
    position: absolute;
    top: 50%;
    left: calc(50% - 65px);
    transform: translate3d(-47%, -50%, 0);
    width: 100%;
}
.allagi .burger-box {
    BACKGROUND: WHITE;
    z-index: 999999;
    position: fixed;
    top: 15px;
}
.allagi .exibit {
    margin-top: -10px;
}
.menu_trail {}
.sliding-panel-button img {
    height: 1.3em;
}
.navbar-dark .navbar-nav .nav-link {
    font-family: 'Playfair Display', serif;
    color: rgb(255, 255, 255);
}
.aboutushome {
    background: linear-gradient( 10deg, rgb(27, 32, 49) 0%, rgb(52, 55, 68) 100%);
    background: -moz-linear-gradient( 10deg, rgb(27, 32, 49) 0%, rgb(43, 50, 78) 100%);
    background: -webkit-linear-gradient( 10deg, rgb(27, 32, 49) 0%, rgb(43, 50, 78) 100%);
    background: -ms-linear-gradient( 10deg, rgb(27, 32, 49) 0%, rgb(43, 50, 78) 100%);
    padding: 40px 30px 0px 30px;
    display: flex;
    color: white;
}
.sterodoc {
    padding-top: 60px;
}
.aboutushome .col-md-4 {
    padding-top: 130px;
}
.aboutushome img {
    max-width: 100%;
}
.startconsulation {
    overflow-x: hidden;
    clear: both;
    padding: 60px 0px 50px 0px;
    text-align: center;
    background-color: rgb(248, 248, 255);
    box-shadow: inset 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
    color: #435184;
    width: 100%;
}
.startconsulation h4 {
    font-size: 38px;
}
.startconsulation h3 {
    font-size: 48px;
}
.startconsulation a {
    border: 1px solid
}
.aboutushome h3 {
    text-align: left;
    font-size: 50px;
    font-family: 'Playfair Display', serif;
    color: rgb(255, 255, 255);
}
.aboutushome h3:after {
    content: "";
    background: #ffffff;
    width: 250px;
    height: 1px;
    display: block;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.aboutushome p {
    font-size: 15px;
    color: rgb(255, 255, 255);
    line-height: 35px;
    text-align: justify !important;
}
a.learnmore:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #a58b46;
    background: #a58b46;
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(.16, .01, .77, 1);
    -moz-transition-timing-function: cubic-bezier(.16, .01, .77, 1);
    transition-timing-function: cubic-bezier(.16, .01, .77, 1);
}
a.learnmore:hover:before {
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
a.learnmore {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    padding: 10px 10px;
    background: white;
    color: #b39d63;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    z-index: 10;
    cursor: pointer;
    position: relative;
    min-width: 250px;
    text-align: center;
    margin: AUTO;
    border: 1px solid;
}
.btnsabouts {
    padding-bottom: 30px;
    display: block;
    margin-top: 30px;
}
a.learnmoreste {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    padding: 10px 10px;
    background: transparent;
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    z-index: 10;
    cursor: pointer;
    position: relative;
    min-width: 160px;
    text-align: center;
    margin: AUTO;
    border: 1px solid;
    /* border-radius: 5px; */
}
a.learnmoreste:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #ffffff;
    background: #ffffff;
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(.16, .01, .77, 1);
    -moz-transition-timing-function: cubic-bezier(.16, .01, .77, 1);
    transition-timing-function: cubic-bezier(.16, .01, .77, 1);
}
a.learnmoreste:hover:before {
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
a.learnmoreste:hover {
    color: #29304a;
}
a.learnmoreste:hover {
    color: #272d47;
}
.aboutushome .col-md-4.aos-init.aos-animate {
    text-align: center;
}
.cardoner:hover {
    transition: all 0.3s ease-in;
    color: white !important;
    background: rgb(9, 162, 157);
}
.cardoner:hover span {
    color: white !important;
}
.cardoner:hover span p {
    color: white !important;
}
.cardoner:hover img {
    filter: brightness(0%);
    -webkit-filter: brightness(0%);
}
img.media-object {
    max-width: 100%;
}
.media {
    margin-bottom: 25px;
}
.media a {
    font-size: 20px;
    width: 100%;
    display: block;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    padding: 9px 10px;
    color: #09a29d;
}
.media-body {
    padding: 2px 10px;
}
.aboutbuttons {
    margin-top: 21px;
    display: block;
    position: relative;
    padding-top: 20px;
}
button.btnone {
    transition: background 0.5s linear;
    background-image: none !important;
    border-radius: 0px;
    display: inline-block;
    padding: 14px 35.5px;
    border: 1px solid #1a1614;
    background-color: #1c1714;
    font-size: 13px !important;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    color: #ffffff;
}
button.btntwo {
    outline: none;
    float: left;
    background-image: none !important;
    border-radius: 0px;
    display: inline-block;
    padding: 14px 40.5px;
    border: 1px solid #ffffff;
    background-color: transparent;
    font-size: 13px !important;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    color: #ffffff;
    transition: background 0.5s linear;
    outline-offset: 2px;
}
button.btntwo a {
    color: white;
}
button.btntwo:hover a {
    color: white;
}
.media.col-lg-6.col-sm-12 {
    display: inline-block;
    padding: 20px;
}
.media-body {
    max-height: -webkit-fill-available;
    min-height: auto;
    clear: both;
    display: block;
    float: l;
}
.media:after {
    background: #c7a652;
    content: "";
    width: 0%;
    height: 4px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
}
.media:hover::after {
    width: 99%;
    transition: width .5s;
}
.media-body p {
    font-size: 14px;
}
.media-left {
    clear: both;
    padding: 0;
    display: block;
}
.gallery-title {
    font-size: 30px;
    font-weight: normal;
    font-size: 30px;
    color: #1c1714;
    text-align: center;
    font-family: 'Tinos', serif;
}
h5.f_showroom-title:after {
    content: "";
    background: white;
    width: 40px;
    display: block;
    height: 3px;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.mapsdoctor {
    display: flex;
}
.mapsdoctor div {
    padding: 4px;
}
/*.mapsdoctor iframe {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}*/

form#register-newsletter input[type="text"] {
    max-width: 701px;
    width: 100%;
    padding: 10px;
    box-shadow: none;
    border: none;
    border-radius: 10px;
}
.filter-button {
    padding: 10px 20px;
    font-size: 17px;
    border: none;
    border-radius: 0;
    text-align: center;
    color: #000000;
    margin-bottom: 10px;
    margin-top: 10px;
    background: white;
}
.filter-button:hover {
    font-size: 17px;
    border: none;
    border-radius: 0px;
    text-align: center;
    color: #ffffff;
    background-color: #c8b376;
}
.btn-default:active .filter-button:active {
    background-color: #ae9b67;
    color: white;
}
.port-image {
    width: 100%;
}
.categoryname.col-md-6 {
    padding: 0px 30px;
}
.gallery_product {
    align-items: center;
    display: flex;
    margin-bottom: 30px;
    justify-content: center;
}
.gallery_product.col-lg-12.col-md-12.col-sm-4.col-xs-12.filter.spray.aos-init.aos-animate {
    width: 100% !important;
}
.searchara {
    padding: 20px;
    background: transparent;
    width: 100%;
}
.offertext {
    padding: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    color: white;
    background: rgba(25, 22, 15, 0.53);
}
.offertext2 {
    padding: 10px 0px;
    width: 100%;
    position: absolute;
    bottom: 0;
    color: white;
    background: rgba(25, 22, 15, 0.53);
}
section.sliderocontent ul.nav.nav-tabs a.active {
    color: #262c45 !important;
}
.catdescre {
    color: #435184;
    max-width: 85%;
    line-height: 35px;
    padding-bottom: 20px;
}
.gallery_product:nth-child(even) {
    flex-direction: row-reverse;
}
.gallery_product.col-lg-12.col-md-12.col-sm-4.col-xs-12.filter.spray.aos-init {
    width: 100%;
}
.gallery_product img {
    width: 100%;
    max-width: 100%;
}
.container.mainvillacats {
    display: flex;
    align-items: center;
    justify-content: center;
}
.royatours {
    padding-top: 50px;
    padding-bottom: 50px;
}
h2.royatos {
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: normal;
    font-size: 36px;
    color: #1c1714;
    text-align: center;
    font-family: 'Tinos', serif;
}
.portfolio-item {
    text-align: center;
    margin-bottom: 30px;
}
.card.h-100 {
    border: none;
}
h4.card-title a {
    font-weight: 600;
    color: #1c1714;
    font-size: 20px;
}
h2.royatos:after {
    margin: auto;
    content: '';
    background: #c8b376;
    width: 160px;
    height: 2px;
    display: block;
    margin-top: 20px;
}
section.pioneering {
    background-attachment: fixed !important;
    display: block;
    color: white;
    background: url('/images/pionering.png');
    padding: 80px 0;
    margin-top: -15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
section.publishing h3 {
    font-weight: bold;
    font-size: 48px;
    color: #435184;
}
section.publishing {
    display: block;
    color: #1b2131;
    background: url('/images/publising.png');
    padding-left: 50px;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 180px;
}
section.publishing span {
    color: gray;
}
section.publishing img {
    float: left;
}
.piotec.container-fluid {
    padding-top: 50px;
    line-height: 35px;
    color: #c1c6d6;
    display: inline-flex;
    margin: auto !important;
    clear: both;
    width: 100%;
    padding-left: 75px;
    padding-right: 75px;
    padding-bottom: 90px;
}
.allvideos {
    align-items: center;
    display: flex;
}
section.homevideos {
    background-image: -moz-linear-gradient( 10deg, rgb(27, 32, 49) 0%, rgb(43, 50, 78) 100%);
    background-image: -webkit-linear-gradient( 10deg, rgb(27, 32, 49) 0%, rgb(43, 50, 78) 100%);
    background-image: -ms-linear-gradient( 10deg, rgb(27, 32, 49) 0%, rgb(43, 50, 78) 100%);
    padding: 80px;
}
section.homevideos iframe {
    border: 2px solid white;
}
section.homeaboutas {
    background-size: 103% !important;
    background-repeat: no-repeat !important;
    min-height: 640px;
    background: url(/images/academysec.png);
    margin: AUTO;
    text-align: center;
    padding: 90px;
}
section.homeaboutas p {
    padding-top: 30px;
    font-size: 18px;
    font-family: 'CeraPro-Regular';
    color: rgb(67, 81, 132);
    line-height: 2;
    text-align: center;
    max-width: 70%;
    margin: 30px auto;
    z-index: 190;
    padding-bottom: 30px;
}
a.profilebtn {
    font-size: 14px;
    font-family: 'CeraPro-Regular';
    color: rgb(43, 50, 78);
    line-height: 1.2;
    border-width: 1px;
    border-color: rgb(33, 39, 60);
    border-style: solid;
    border-radius: 3px;
    padding: 10px 60px;
}
a.profilebtn:hover {
    transition: all 0.5s ease-in;
    background: #272e4d;
    color: white;
}
p.rpuats {
    padding-bottom: 24px;
    text-align: center;
    color: #949393;
}
p.card-text {
    font-size: 14px;
    color: #868688;
}
.latest-news>h3 {
    color: #333;
    font-size: 24px;
    font-weight: 800;
    line-height: 20px;
    margin-bottom: 40px;
}
.latest-news-all {
    border-bottom: 0px solid #ddd;
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px;
}
.latest-news-left {
    width: 100%;
    display: inline-block;
    float: left;
    padding-right: 20px;
}
.latest-news-left img {
    width: 100%;
}
.latest-news-right>p {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 9px;
}
.news span.news-left {
    font-size: 13px;
    padding-right: 18px;
    line-height: 24px;
}
.news span {
    color: #b2b1b1;
    font-size: 15px;
    font-weight: lighter;
}
.latest-news>h3:after {
    content: "";
    border: 1px solid #c8b376;
    width: 100%;
    height: 1px;
    display: block;
    margin-top: 25px;
}
.perisota {
    padding-bottom: 60px;
    width: 100%;
    margin: auto;
    text-align: CENTER;
}
h2.royatons {
    font-family: 'Tinos', serif;
    padding-bottom: 25px;
    font-size: 30px;
    font-weight: normal;
    font-size: 35px;
    color: white;
    text-align: center;
}
h2.royatons:before {
    content: "";
    background: black;
    width: 35%;
    height: 2px;
    display: block;
    position: absolute;
    top: 20px;
}
h2.royatons:after {
    right: 0;
    content: "";
    background: black;
    width: 35%;
    height: 2px;
    display: block;
    position: absolute;
    top: 20px;
}
footer {
    padding-top: 80px;
    color: white;
    background: #1b2131;
    position: relative;
    z-index: 999;
}
.f_logo_text {
    text-align: center;
    font-size: 25px;
}
.f_social a {
    color: #fff;
    font-size: 1.3rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.f_social {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}
footer ul {
    list-style: none;
    padding: 0 5px;
}
footer .f_logo_img {
    max-width: 95%;
    text-align: center;
    border-right: solid 0.25rem #fff;
    padding: 4rem 0;
    width: 99%;
}
.locationry {
    background: #f8f8ff;
}
.locationry h5 {
    color: #02b5b3 !important;
}
.copyrights {
    border-top: none;
    /* display: flex; */
    font-size: 14px;
    font-weight: 400;
    color: #a9904e;
    line-height: 30px;
    padding-top: 15px;
}
.copyrights a {
    color: #a9904e;
}
.col-md-6.rightdiv {
    padding: 0;
    float: RIGHT;
}
.col-md-6.leftdiv {
    padding: 0;
    float: left;
}
footer.royalfooter {
    padding-top: 0;
}
footer.royalfooter h5 {
    font-size: 20px;
    color: #a58b46;
    font-weight: normal;
}
footer.royalfooter a {
    font-size: 15px;
    color: #919090;
    line-height: 30px;
    font-weight: 300;
}
.firstblock i {
    padding-right: 10px;
}
.firstblock {
    text-align: center;
    padding-bottom: 70px;
    font-weight: 100;
}
.firstblock ul.list-unstyled li {
    display: inline-block;
}
.firstblock ul.list-unstyled li a {
    color: #a9904e;
}
ul.quick-links {
    font-size: 16px;
    line-height: 31px;
    font-weight: bold;
}
.newsletteria input[type="submit"] {
    clear: both;
    width: 100%;
    background: black;
    color: white;
    padding: 7px 30px;
    border: none;
    display: inline-block;
}
.newsletteria input[type="submit"] {
    clear: both;
    width: 30%;
    background: #c2a86b;
    color: white;
    padding: 7px 30px;
    border: none;
    display: inline-block;
}
.newsletteria input[type="text"] {
    font-weight: 300;
    width: 68%;
    margin-bottom: 5px;
    padding: 7px 10px;
    BACKGROUND: #363434;
    border: none;
}
.boxakiall {
    padding-top: 10px;
    display: flex;
    padding-bottom: 20px;
}
.boxaki {
    position: relative;
}
.image {
    display: block;
    width: 100%;
    height: auto;
}
.overlay {
    pointer-events: none;
    border-top: 3px solid #c8b376;
    position: absolute;
    bottom: 40px;
    left: 15px;
    right: 0;
    background-color: rgba(14, 14, 14, 0.7215686274509804);
    overflow: hidden;
    width: calc(100% - 30px);
    height: 0;
    transition: .5s ease;
}
.boxaki:hover .overlay {
    height: calc(100% - 40px);
}
.text {
    color: white;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.boxakimain {
    background: gray;
    padding: 0;
    margin-bottom: 30px;
}
.textone {
    font-weight: bold;
    background: #c8b376;
    text-align: center;
    color: white;
    padding: 9px;
}
.row.ournews {
    padding-top: 30px;
    padding-bottom: 30px;
}
.textone i {
    visibility: hidden
}
.boxaki:hover .textone i {
    visibility: visible
}
a.navbar-brand img {
    /* padding-bottom: 10px; */
    /* MAX-WIDTH: 150PX; */
}
.offertext2 h2, .offertext h2 {
    TEXT-ALIGN: CENTER;
    font-size: 28px;
    font-weight: bold;
}
footer.royalfooter a:hover {
    text-decoration: none;
    color: #c6ac63;
}
.inflex {
    display: inline-flex;
}
h4.carder-title a {
    color: black;
    text-align: left;
}
.carder-body {
    text-align: left;
}
p.carder-text {
    font-size: 14px;
}
.carder {
    padding: 0;
}
.carder img {
    border-radius: 0px;
}
span.vilospan {
    display: block;
    font-size: 14px;
    font-family: 'CeraPro-Regular';
    color: rgb(9, 162, 157);
    font-weight: bold;
    line-height: 3.429;
    text-align: center;
}
span.numberone {
    display: block;
    font-size: 24px;
    font-family: 'CeraPro-Regular';
    color: rgb(125, 125, 125);
    line-height: 45px;
    text-align: center;
}
span.numberones {
    display: block;
    font-size: 18px;
    font-family: 'CeraPro-Regular';
    color: rgb(125, 125, 125);
    line-height: 2;
    text-align: center;
}
.single-head.allcontact h1 {
    text-align: CENTER !important;
}
.single-head {
    background-position: 0px 50% !important;
    background: #e1e2ec;
    position: relative;
    height: 350px;
    border-bottom: 0px solid #666c86;
}
.single-head.Female {
    background: url(/images/mesaservice.png) !important;
    height: 440px;
    background-repeat: no-repeat;
    margin-top: 70px;
    border-bottom: none;
}
.blogpages {
    text-align: center;
    margin: auto !important;
    padding-top: 50px;
    display: inline-block;
    padding-bottom: 50px;
    max-width: 100%;
}
.single-head:before {
    /* background: rgba(0, 0, 0, 0.2); */
    /* content: ""; */
    width: 100%;
    height: 100%;
    display: block;
}
.single-head.alltours {
    margin-top: 80px;
    background-image: url('/images/complexinside.png');
    background-position: 0px 50% !important;
    background-color: #024177 !important;
    position: relative;
    height: 380px;
    border-bottom: none;
}
.marginogdonta {
    margin-top: 80px !important;
}
a.nav-link.active {
    color: #c8b376 !important;
}
.single-title {
    color: #435184;
    left: 0;
    position: relative;
    width: : 100%;
    top: 140px;
    text-align: left;
    font-weight: 800;
    font-family: inherit;
}
.single-head p {
    font-weight: 100 !important;
}
.single-title h1 {
    font-size: 48px;
    font-family: 'Playfair Display', serif;
    color: rgb(67, 81, 132);
    line-height: 1.503;
    text-align: left;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -moz-transform: matrix( 0.52592217072585, 0, 0, 0.52592217072585, 0, 0);
    /* -webkit-transform: matrix( 0.52592217072585, 0, 0, 0.52592217072585, 0, 0); */
    -ms-transform: matrix( 0.52592217072585, 0, 0, 0.52592217072585, 0, 0);
}
.cardos {
    height: 100% !important;
    padding: 1rem 0.2rem 1rem;
    border: none;
    background: #f8f8ff;
    color: #09a29d;
    margin-bottom: 25px;
}
.cardos h4:after {
    margin: auto;
    border: none;
    display: BLOCK;
    width: 120px;
    height: 2px;
    background: #a9904e;
    content: "";
    margin-top: 10px;
}
.slideposts .active, .slideposts .dot:hover {
    background-color: #a58b46;
}
.cardoner {
    min-width: calc(25% - 10px);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 15px 0px rgba(15, 13, 84, 0.1);
    margin-right: 5px;
    margin-left: 5px;
}
.card-text {
    margin-top: 10px;
    margin-bottom: 15px;
    /* align-items: center; */
    width: 100%;
    display: flex;
    justify-content: center;
}
.cardos p {
    display: block;
    font-size: 24px;
    font-family: 'CeraPro-Regular';
    color: rgb(125, 125, 125);
    line-height: 40px;
    text-align: center;
}
.blog_single-body {
    font-size: 20px;
}
.sidebar {
    padding: 0;
}
.cardoner img {
    padding-top: 30px;
    display: block;
    margin: AUTO;
    padding-bottom: 20px;
}
span.vilospan {
    display: block;
}
span.vilospan {
    display: block;
    font-size: 14px;
    font-family: 'CeraPro-Regular';
    color: rgb(9, 162, 157);
    font-weight: bold;
    /* line-height: 3.429; */
    text-align: center;
    /* min-height: 40px; */
}
span.eurospan {
    color: #c8b376;
    font-size: 15px;
    padding-right: 5px;
}
.mapweather {
    width: 100%;
    padding-bottom: 30px;
    display: inline-flex;
}
div#inludor ul {
    padding: 0;
    list-style: none;
    font-size: 15px;
    font-weight: 100;
}
div#inludor ul li:before {
    color: #c8b376;
    content: '\f00c';
    padding-right: 10px;
    font-family: fontawesome;
}
div#inotludor ul li:before {
    color: #c8b376;
    content: '\f00d';
    padding-right: 10px;
    font-family: fontawesome;
}
.container-fluid.maincatsvilla {
    padding-top: 30px;
    padding-bottom: 60px;
    max-width: 1660px;
}
ul#lightSlider img {
    margin-bottom: 30px;
    max-width: 90%;
}
ul#lightSlider li {
    padding: 0 !important;
    width: 33% !important;
    display: inline-block !important;
    float: left;
    min-height: 300px;
}
.galleries {
    width: 100%;
    float: left;
    padding-top: 0px;
    text-align: center;
    color: #1c1c1c;
    background: white;
    height: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
ul.lSPager.lSpg li a {
    color: white !important;
    background: white !important;
}
#owl-demo .item {
    margin: 3px;
}
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}
li.lslide img {
    max-width: 100%;
}
ul.lSPager.lSpg {
    margin-top: 30px !important;
}
img.rightimg {
    float: right;
}
figcaption {
    background: rgba(217, 215, 215, 0.83);
    position: absolute;
    width: 50%;
    bottom: 9.7%;
    padding: 10px;
    border-bottom: 5px solid #c8b376;
}
img.imgcenter {
    max-width: 100%;
}
.scrolltop {
    display: none;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 20px;
    right: 10px;
}
.scroll {
    position: absolute;
    right: 20px;
    bottom: 10px;
    background: #b2b2b2;
    background: rgba(178, 178, 178, 0.7);
    padding: 10px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.scroll:hover {
    background: rgba(178, 178, 178, 1.0);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.scroll:hover .fa {
    padding-top: -10px;
}
.scroll .fa {
    font-size: 30px;
    margin-top: -5px;
    margin-left: 1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
button.requestnow {
    transition: all 0.5s ease;
    padding: 25px 15px;
    font-weight: bold;
    position: fixed;
    background: rgb(181, 163, 111);
    border: none;
    color: white;
    top: 90%;
    left: 40px;
    z-index: 9999;
}
a.readmores {
    text-transform: uppercase;
    font-weight: bold;
    color: white;
}
a.readmores:after {
    content: "";
    background: #ffffff;
    width: 100px;
    height: 1px;
    position: absolute;
    display: inline-block;
    margin-left: 5px;
    margin-top: 18px !important;
    color: #ffffff;
}
section.globalvip {
    line-height: 35px;
    display: flex;
    background: url(/images/globvip.png);
    background-size: auto;
    background-repeat: no-repeat;
    padding: 50px;
}
section.globalvip h3 {
    padding-top: 30px;
    font-size: 60px;
    color: #435184;
    font-weight: bold;
}
section.globalvip h4 {
    font-size: 40px;
    color: #435184;
    font-style: italic;
    padding-bottom: 30px;
}
section.globalvip p {
    max-width: 80%;
    padding-bottom: 0px;
}
button.requestnow:hover {
    cursor: pointer;
    color: #191a15;
    top: 87%;
    padding: 40px 15px;
}
button.requestnow:hover span:before {
    background: #000000;
}
button.requestnow span {
    display: block
}
button.requestnow span:before {
    content: "";
    margin: auto;
    background: white;
    width: 50px;
    height: 2px;
    display: block;
}
.bookingarea {
    background: #313334;
    padding: 50px;
    display: block;
    color: white;
    width: 100%;
}
h3.reqform {
    font-size: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-weight: bold;
    letter-spacing: -0.9px;
}
h3.reqform:after {
    border: none;
    display: BLOCK;
    width: 100px;
    height: 3px;
    background: #c8b376;
    content: "";
    margin: auto;
    margin-top: 10px;
}
.bookingarea input.form-control {
    background: transparent;
    color: white;
    font-weight: 100;
}
.bookingarea textarea#description {
    background: transparent;
    min-height: 150px;
}
.bookingarea button.btn.btn-default.submit {
    background: #c8b376;
    color: black;
    border-radius: 0px;
}
button#searchsubmit {
    background: #212121;
    border: 1px solid;
    color: white;
    padding: 10px 40px;
}
.searchara ::-webkit-input-placeholder {
    letter-spacing: 1px;
    font-weight: normal;
    /* Chrome/Opera/Safari */
    color: #212121;
}
.searchara ::-moz-placeholder {
    /* Firefox 19+ */
    color: #212121;
}
.searchara :-ms-input-placeholder {
    /* IE 10+ */
    color: #212121;
}
.searchara :-moz-placeholder {
    font-weight: bold;
    /* Firefox 18- */
    color: #212121;
}
.bookingarea ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: white;
}
.bookingarea ::-moz-placeholder {
    /* Firefox 19+ */
    color: white;
}
.bookingarea :-ms-input-placeholder {
    /* IE 10+ */
    color: white;
}
.bookingarea :-moz-placeholder {
    /* Firefox 18- */
    color: white;
}
input#imerominia {
    background-repeat: no-repeat;
    background: url(../images/datepicker.png) 99% 5px no-repeat;
}
button.requestnow a {
    text-decoration: none;
    color: white;
}
button.requestnow:hover a {
    color: black;
}
section.publishing a.learnmores {
    background: #435184;
    color: white;
    padding: 10px 30px;
    border: 1px solid #435184;
}
section.publishing a.learnmorestevip {
    padding: 10px 30px;
}
.bookingforme {
    border: 2px solid white;
    background: #09a29d;
    padding-bottom: 30px;
    margin-bottom: 90px;
    padding-top: 30px;
    color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 0px 0px 0px 2px #09a29d;
}
.bookingforme input {
    background: transparent;
}
.bookingforme textarea#description {
    background: #f8f8ff;
    height: 150px;
    font-weight: 300;
}
.bookingforme button.btn.btn-default.submit {
    background: #c1ac6c;
}
.bookingforme ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: black;
}
.bookingforme::-moz-placeholder {
    /* Firefox 19+ */
    color: black;
}
.bookingforme :-ms-input-placeholder {
    /* IE 10+ */
    color: black;
}
.bookingforme :-moz-placeholder {
    /* Firefox 18- */
    color: black;
}
.bookingforme input#imerominia {
    color: black;
}
.bookingforme input {
    text-transform: capitalize;
    background: #f8f8ff;
    display: block;
    height: 35px;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    text-indent: 2px;
    top: 0;
    width: 100%;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 100;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: black !important;
}
.bookingforme label {
    font-style: italic;
    font-weight: 300;
    FONT-SIZE: 14px;
    color: #ffffff;
}
.bookingforme input#imerominia {
    background-repeat: no-repeat;
    background: #f8f8ff url(../images/datepickerdark.png) 99% 5px no-repeat;
}
.bookingpage {
    border-bottom: 1px solid #efeff6;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.bookingpage h3 {
    font-family: 'Playfair Display', serif;
    color: #ffffff;
    font-size: 23px;
    font-weight: bold;
}
.bookingpage p {
    letter-spacing: -0.5px;
    font-style: italic;
    font-weight: 400;
}
.bookingforme .form-control:focus {
    background: rgb(193, 172, 108);
    color: white !important;
    box-shadow: none;
    border-color: #c1ac6c;
}
.bookingforme input:focus {
    transition: all 277ms ease-in-out;
}
textarea#description:focus {
    background: rgb(193, 172, 108);
}
textarea#description:focus, .bookingarea input.form-control:focus {
    transition: all 277ms ease-in-out;
}
.bookingarea input.form-control:focus {
    background: #c1ac6c;
}
.bookingforme button.btn.btn-default.submit:hover {
    background: #f8f8ff;
    color: #09a29d;
}
/* fb messenger */

.backIcons {
    position: fixed;
    bottom: 95px;
    right: 18px;
    z-index: 10;
}
.fb-messenger-btn {
    background-color: rgb(74, 124, 214);
    height: 50px;
    width: 50px;
    right: 30px;
    bottom: 25px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    float: left;
    margin-right: 7px;
}
.fb-messenger-btn svg {
    fill: #fff;
    width: 40px;
    display: block;
    margin: 5px auto 0 auto;
}
.fb-messenger-box {
    position: fixed;
    right: -400px;
    top: 15vh;
    z-index: 9999;
    -webkit-transition: right 0.2s ease-in;
    transition: right 0.2s ease-in;
}
.fb-messenger-box.active {
    right: 0;
}
.fb-close {
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #112e70;
    color: #fff;
    left: -40px;
    top: 0;
}
.backIcons {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
input#search {
    color: #212121;
    padding: 10px 10px;
    border: none;
    width: 100%;
    background: white;
    border-bottom: 1px solid #ffffff;
    max-width: 450px;
}
.usefulmobile {
    display: none;
}
.col-lg-4.mb-5.sidebarmob {
    padding: 0;
}
button.btn.btn-info {
    background: #0a151b !important;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 0px;
    border: none;
}
.home .boxaki .text {
    visibility: hidden;
}
.exploration {
    text-transform: uppercase;
}
.exploration {
    margin: auto;
    position: relative;
    text-align: center;
    width: calc(100% - 234px);
    text-transform: uppercase;
    float: left;
}
a.expose {
    background-color: rgb(255, 255, 255);
    position: absolute;
    bottom: 0px;
    line-height: 20px;
    width: 234px;
    padding-top: 10px;
    font-size: 12px;
    font-family: 'CeraPro-Regular';
    color: rgb(165, 139, 70);
    font-weight: bold;
    z-index: 217;
    text-align: center;
}
.exploration i {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation: slideInDown 1.5s infinite;
    animation: slideInDown 2.5s infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.mapsdoctor {
    padding-bottom: 20px;
    padding-top: 5px;
    display: flex;
}
.mapsdoctor div {
    padding: 4px;
}
/*.mapsdoctor iframe {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}*/

.maintextandvideo {
    /* display: flex; */
}
.maintexter.col-md-8 {
    column-count: 2;
}
.pressedblack img, .pressedred img, .pressedwhite img {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 1540px) {
    div#slider li.flex-active-slide {
        margin-left: -40px;
    }
    h3.mainslidese:before {
        display: none
    }
    .is-open .burger {
        left: AUTO;
        right: 70px !important;
    }
    .divakiaconcier h3 {
        font-size: 21px;
    }
    .single-head {
        height: 400px;
    }
    #bgconsierges img {
        right: 0;
        position: absolute;
        float: right;
        margin-top: -80px;
        z-index: -1;
    }
    button.requestnow {
        transition: all 0.5s ease;
        padding: 23px 8px;
        font-weight: bold;
        position: fixed;
        background: rgb(181, 163, 111);
        border: none;
        color: white;
        top: 89%;
        left: 0;
        z-index: 9999;
    }
    section.globalvip p {
        text-align: justify;
        max-width: 100%;
        padding-bottom: 0px;
    }
    section.publishing {
        display: block;
        color: #1b2131;
        background: url(/images/publising.png);
        padding-left: 50px;
        background-size: 100%;
        padding-top: 90px;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-color: ghostwhite;
        padding-bottom: 80px;
    }
    section.publishing .col-md-6.aos-init.aos-animate {
        max-width: 66% !important;
    }
    section.globalvip {
        line-height: 35px;
        display: flex;
        background: url(/images/globvip.png);
        background-size: auto;
        background-repeat: no-repeat;
        padding: 10px;
    }
    section.homeaboutas p {
        text-align: justify;
        padding: 0;
        font-size: 14px;
    }
    .f_logo_img img {
        max-width: 100% !important;
    }
    .worldcities {
        align-items: center;
        justify-content: center;
    }
    .worldcities img {
        max-width: 100%;
    }
    .worldcities .col-md-2:before {
        width: 86%;
        max-width: 100%;
        overflow-x: hidden;
        z-index: 0;
    }
    .worldcities .col-md-2 h4 {
        font-size: 16px;
    }
    section.homeaboutas {
        background-size: cover !important;
        min-height: auto;
        background-position: center;
    }
    .galleries {
        height: auto;
    }
    .aboutushome .col-md-4 {
        padding-top: 30px;
    }
    .aboutushome p {
        font-size: 14px;
        color: rgb(255, 255, 255);
        line-height: 31px;
        text-align: left;
    }
    .categoryname h3 {
        margin-top: 90px !important;
    }
    .carousel-caption {
        position: absolute !important;
        right: 15% !important;
        bottom: 40% !important;
    }
    .gallery_product {
        width: 33%;
    }
    .rowabout h3 {
        font-weight: 600;
        margin-top: 30px;
        padding-left: 40px;
        font-size: 25px;
    }
    .boxing {
        margin: 5px !important;
    }
    .cardoner {
        min-width: 22%;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 5px 15px 0px rgba(15, 13, 84, 0.1);
        margin-right: 15px;
    }
    body {
        overflow-x: hidden;
    }
}
.latest-news span {
    color: white;
}
.form-group select {
    background: #f8f8ff;
    display: block;
    height: 35px;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    text-indent: 2px;
    top: 0;
    width: 100%;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 100;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: black !important;
}
.bookingforme strong.form-heading, .bookingarea strong.form-heading {
    font-size: 15px;
    color: #ffffff;
    letter-spacing: -0.5px;
    border-bottom: 1px solid #ffffff;
    display: block;
    padding: 0 0 0.5rem;
    margin: 1rem 0 1rem;
    font-weight: 500;
    font-style: italic;
}
.bookingarea .form-group select {
    color: white !important;
    background: transparent;
}
.bookingarea option {
    background: #313334 !important;
}
p.pdtop {
    padding-top: 50px;
    text-align: right;
    font-style: italic;
}
.ournews {
    font-size: 14px;
    /* font-family: Tinos; */
    color: white;
    background: #c2a86b;
}
.col-lg-6.mesagetexa {
    background: url(../images/weare.jpg) no-repeat bottom right;
    padding: 50px 40px;
}
.box>.icon {
    text-align: center;
    position: relative;
}
.box>.icon>.image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 60px;
    height: 60px;
    border: 0px solid white;
    line-height: 62px;
    border-radius: 0%;
    background: #1a1b1b;
    vertical-align: middle;
}
.box>.icon:hover>.image {
    background: #333;
}
.box>.icon>.image>i {
    line-height: 58px;
    font-size: 36px !important;
    color: #fff !important;
}
.box>.icon:hover>.image>i {
    color: white !important;
}
.box>.icon>.info {
    transition: all 0.5s ease;
    margin-top: 5px;
    background: rgb(255, 255, 255);
    border: 1px solid #ffffff;
    padding: 15px 0 10px 0;
}
.box>.icon:hover>.info {
    background: rgba(0, 0, 0, 0.04);
    border-color: #e0e0e0;
    color: white;
}
.box>.icon>.info>h3.title {
    font-family: 'Comfortaa', cursive !important;
    font-size: 16px;
    color: #222;
    font-weight: 500;
}
.box>.icon>.info>p {
    font-family: 'Comfortaa', cursive !important;
    font-size: 13px;
    color: #666;
    line-height: 1.5em;
    margin: 20px;
}
.box>.icon:hover>.info>h3.title, .box>.icon:hover>.info>p, .box>.icon:hover>.info>.more>a {
    color: #222;
}
.box>.icon>.info>.more a {
    font-family: 'Comfortaa', cursive !important;
    font-size: 12px;
    color: #222;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
}
.box>.icon:hover>.info>.more>a {
    color: #fff;
    padding: 6px 8px;
    background-color: #63B76C;
}
.box .space {
    height: 30px;
}
.ournews {
    PADDING: 50px;
}
img.chooseimg {
    margin: AUTO;
    text-align: CENTER;
    display: BLOCK;
}
.mailsk {
    width: 100%;
    margin-top: 65px;
    display: inline-flex;
    padding: 10px;
}
.iconspersonis.col-md-6 {
    font-size: 14px;
    padding: 0;
    float: left;
    left: 0;
    text-align: left;
}
button#searchsubmit:hover {
    background: white;
    color: #212121;
}
.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 20px;
    width: 100%;
    position: relative;
}
.olatanewshome {
    display: inline-flex;
}
.olatanewshome h3 {
    font-family: 'Tinos', serif;
    line-height: 25px;
    font-weight: normal;
    font-size: 20px;
    padding-top: 15px;
    display: block;
    clear: both;
    padding-bottom: 5px;
}
.olatanewshome h3:after {
    background: black;
    content: "";
    width: 51px;
    height: 5px;
    display: block;
    margin-top: 10px;
}
footer.royalfooter p {
    font-size: 14px;
    color: #9f9f9f;
}
.socialfooter {
    padding-top: 15px;
}
/*carousel arxikis*/

.home-4 {
    /* float: left; */
    background-repeat: no-repeat !important;
    padding: 50px;
    background: transparent;
    background-position: center;
    padding-bottom: 100px;
    /* width: 100%; */
}
section.home-4 h1:after {
    content: "";
    background: #c2a86b;
    width: 100px;
    height: 2px;
    display: block;
    margin: auto;
}
section.home-4 h3 {
    height: 50px;
    align-items: center;
    padding-top: 10px;
    line-height: 15px;
    font-size: 50px;
    text-align: CENTER;
    justify-content: center;
    color: #435184;
}
.instafeed h3 {
    height: 50px;
    align-items: center;
    padding-top: 10px;
    line-height: 15px;
    font-size: 50px;
    text-align: CENTER;
    justify-content: center;
    color: #fff;
}
.testimotosec a {
    width: 100%;
    max-width: 230px;
    margin: auto;
    display: block;
    float: none;
    margin-top: 50px;
}
.testimotosec a:hover {
    color: white;
    background: #a9904e;
}
.MultiCarousel {
    margin: auto;
    float: left;
    overflow: hidden;
    padding: 22px;
    width: 100%;
    position: relative;
    /* max-width: calc(100% - 50px); */
}
.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}
.MultiCarousel .MultiCarousel-inner .item {
    margin: 5px;
    padding: 10px;
    float: left;
    box-shadow: 0px 5px 30px 0px rgba(19, 30, 68, 0.15);
    width: calc(16% - 17px) !important;
}
.MultiCarousel .MultiCarousel-inner .item>div {
    text-align: center;
    padding: 20px;
    margin: 20px;
    background: #f1f1f1;
    color: #666;
}
.MultiCarousel p.lead:hover {
    cursor: pointer;
    background: #e4c599;
    color: black;
}
p.lead a {
    color: white;
}
p.lead:hover a {
    color: black;
}
.MultiCarousel .leftLst, .MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
}
.MultiCarousel .leftLst {
    left: 0;
}
.MultiCarousel .rightLst {
    border: none;
    right: 0;
    background: transparent;
    color: black;
    /* font-size: 20px; */
    font-weight: 800;
}
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
    /* font-size: 20px; */
    pointer-events: none;
    background: transparent;
    color: black;
    border: none;
    font-weight: bold;
}
.MultiCarousel .item img {
    max-width: 100%;
}
div#MultiCarousel1 .btn-primary {
    font-weight: 100 !important;
    background: #1b2131;
    color: white;
    border: none;
    border-radius: 0;
}
div#MultiCarousel1 .btn-primary:hover {
    background: white;
    color: #a9904e;
}
.videos iframe {
    width: 100%;
}
.galleries h2 {
    margin-bottom: 40px;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus {
    box-shadow: none !important
}
.galleries h2:after {
    MARGIN: auto;
    border: none;
    display: BLOCK;
    width: 100px;
    height: 3px;
    background: #c8b376;
    content: "";
    margin-top: 10px;
}
.offerdata {
    display: block;
    background: transparent !important;
    /* POSITION: ABSOLUTE; */
    /* transform: translateY(50%); */
    text-align: CENTER !important;
    color: #242121 !important;
    /* top: 2%; */
    /* width: calc(16% - 90px); */
}
p.leader {
    position: relative;
    margin-top: auto;
    float: right;
    text-align: right;
}
p.leader a {
    background: #b5a36f;
    padding: 12px;
    color: white;
}
p.leader a:hover {
    background: white;
    color: #b5a36f;
}
a.readmorebtner {
    transition: background 0.5s linear;
    background: #212121;
    padding: 8px;
    color: white;
    margin: auto !important;
    text-align: center;
    display: block;
    width: 180px;
    margin-top: 30px !important;
}
a.readmorebtner:hover {
    background: #c8b376;
    color: black;
}
#tripofffers .box:hover .image {
    background: #c8b376;
    border-radius: 100%;
    TRANSFORM: ROTATE(360DEG) scale(1.2)
}
#tripofffers .image {
    /* border-radius: 100%; */
    transition: all 1s ease;
}
button.btntwo:hover {
    background: #bba66b;
}
.maincats .gallery_product {
    margin: 0;
    box-shadow: none;
    padding: 10px !important;
}
.maincats .gallery_product:hover:before {
    pointer-events: none;
    content: "";
    background: rgba(0, 0, 0, 0.59) !important;
    width: calc(100% - 20px);
    display: block;
    height: calc(100% - 20px);
    position: absolute;
}
.maincats .categoryname {
    bottom: 10px;
    background: rgba(0, 0, 0, 0.68);
    pointer-events: none;
    transition: bottom 0.5s linear;
    WIDTH: calc(100% - 20px);
    LEFT: 10px;
    padding: 10px;
    text-align: center;
}
.maincats .gallery_product:hover .categoryname {
    bottom: 3%;
    background: black;
}
h2.offerprice {
    padding-bottom: 20px;
    font-size: 20px;
    margin-top: 10px;
    color: #435184;
}
h4.entry-titles:after {
    border: none;
    display: BLOCK;
    width: 100px;
    height: 3px;
    background: #c8b376;
    content: "";
    margin-top: 10px;
}
div#toper {
    position: fixed;
    bottom: 200px;
    right: 25px;
    z-index: 999;
}
div#toper i.fa.fa-whatsapp {
    line-height: 50px;
    border-radius: 50%;
    background: white;
    font-size: 40px;
}
div#toper {
    width: 50px;
    background: white;
    text-align: center;
    border-radius: 50%;
    height: 50px;
    line-height: 68px;
}
a.learnmore:hover {
    background: #a58b46;
    color: white;
}
.imgsrvice.col-md-6 img {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 15px 0px rgba(19, 30, 68, 0.15);
}
.imgsrvice.col-md-6 img:hover {
    transition: all 0.5s ease-in;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 15px 0px rgba(115, 128, 171, 0.6);
}
h4.postara {
    font-size: 14px;
    font-family: 'CeraPro-Regular';
    color: rgb(134, 134, 134);
    line-height: 1.714;
}
.protosection {
    padding: 30px;
    display: flex;
}
.divakiaconcier {
    margin-top: 70px;
    display: flex;
}
#bgconsierges img {
    right: 0;
    position: absolute;
    float: right;
    margin-top: -160px;
    z-index: -1;
}
#bgconsierges .col-md-12 {
    background: transparent;
    float: left;
}
.conciergehome {
    padding-top: 140px;
    height: 140vh;
}
.conci h3 {
    text-align: left;
    font-size: 60px;
    font-family: 'Playfair Display', serif;
    color: rgb(9, 162, 157);
}
.conci h3:after {
    content: "";
    background: #b39d63;
    width: 120px;
    height: 2px;
    display: block;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 40px;
}
.divakiaconcier h3 {
    text-align: CENTER;
    color: #0ba39e;
}
.boxing {
    align-items: center;
    justify-content: center;
    margin: 15px;
    max-width: 360px;
    padding: 60px 40px 60px 40px;
    background: #f8f8ff;
    text-align: center;
    font-size: 14px;
}
.boxing p {
    font-size: 14px;
    font-family: 'CeraPro-Regular';
    color: rgb(9, 162, 157);
    line-height: 1.714;
    text-align: center;
    margin-top: 50px;
}
.boxing:hover {
    box-shadow: 0px 0px 25px 0px rgba(15, 13, 84, 0.15);
    transition: background 3.5s ease-in;
    background: white;
}
.boxing:hover h3 {
    color: #b39d63
}
.boxing:hover p {
    color: #b39d63
}
.boxing i {
    margin-top: 0px;
    transition: all 0.5s linear;
    visibility: hidden;
    color: #b39d63;
}
.boxing:hover i {
    transform: translateY(5px);
    transition: all 0.5s linear;
    visibility: visible;
    color: #b39d63;
}
h2.offername {
    font-family: 'CeraPro-Regular';
    font-size: 14px;
    color: #435184;
    line-height: 25px;
    padding-top: 20px;
}
.offerdata i {
    /* position: absolute; */
    color: #435184;
    font-size: 25px;
    /* top: -5px; */
}
.testimotosec {
    /* margin: AUTO; */
    /* min-height: auto; */
    padding: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: none;
    /* max-width: 700px; */
    /* align-items: center; */
    /* justify-content: center; */
    /* margin-top: -110px; */
}
.secfooblok {
    padding: 0;
}
ul.footermenu {
    display: inline-flex;
    list-style: none;
    text-align: center;
    margin: auto;
}
li.nav-items a {
    font-size: 13px;
    font-family: 'CeraPro-Regular';
    color: rgb(9, 162, 157);
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}
.thirdfoot img {
    clear: both;
    display: BLOCK;
    margin: auto;
    padding-bottom: 90px;
    padding-top: 80px;
}
.thirdfoot {
    margin: auto;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: CENTER;
}
.closests {
    margin-top: 70px;
    display: flex;
}
.locationry {
    padding: 80px;
}
.closests h4 {
    font-family: 'CeraPro-Regular';
    font-size: 20px;
    color: rgb(9, 162, 157);
}
.locationry h5 {
    font-size: 36px !important;
    color: rgb(9, 162, 157) !important;
    font-weight: bold !important;
    line-height: 1;
}
.newcontainer {
    max-width: 1440px;
    margin: auto;
}
nav.sliding-panel-content.is-visible {
    background: linear-gradient(to bottom, #3465a2 -20%, #000015ed 100%);
}
.gallery_product:hover .fa-plus-circle:before {
    content: "\f056" !important;
}
.scroll.icon {
    color: white !important;
}
a.makerequest:hover {
    background: #a9904e;
    transition: all 0.5s ease-in;
    color: white;
}
a.makerequest {
    display: inline-block;
    margin: AUTO;
    background-color: rgb(9, 162, 157);
    float: left;
    text-align: center;
    line-height: 55px;
    color: white;
    width: 100%;
    height: 57px;
    z-index: 161;
    font-size: 12px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'CeraPro-Regular';
}
.requestaki {
    max-width: 300px;
    margin: AUTO;
    width: 100%;
    text-align: center;
    display: BLOCK;
}
@media (max-width: 1390px) {
    ul.slides img {
        max-width: 1360px;
        position: relative;
        height: 100%;
    }
    section.globalvip {
        background-position: -280px 100% !important;
    }
}
@media (max-width: 1290px) {
    .is-open .burger {
        left: AUTO;
        right: 90px !important;
    }
}
@media (max-width: 1090px) {
    div#foreis img {
    max-width: 100%;
}
    nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark.fixed-top {
        width: 100%;
        position: RELATIVE;
    }
    a.burger-box {
        position: relative;
        top: 0;
        left: 0;
    }
    .aboutushome .col-md-6 {
        width: 100%;
        margin: auto !important;
        text-align: center;
    }
    .blogger {
        width: calc(100% - 90px);
        text-align: left;
    }
    .sterodoc.col-md-6 {
        text-align: CENTER;
        display: block !important;
        margin: AUTO;
        float: left;
        width: 100%;
        clear: both;
    }
    section.homeaboutas {
        background-size: cover !important;
        background-position: center center !important;
    }
    section.sliderocontent {
        display: none;
    }
    .aboutushome h3 {
        text-align: justify;
    }
    .aboutushome p {
        width: 100%;
        text-align: center;
    }
    .galleries {
        height: auto;
    }
    a.navbar-brand img {
        max-width: 270px;
    }
    .categoryname h3 {
        font-size: 18px;
    }
    .form-line .form-group {
        width: 49%;
    }
}
@media (max-width: 840px) {
    section.home-maps {
        padding: 20px 30px;
    }
    footer .f_logo_img {
        border-right: none;
    }
    section.sliderocontent {
        display: none;
    }
    nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark.fixed-top.vc_header {
        position: relative !important;
    }
    .vc_header .navbar-brand.vc {
        border-right: 0px solid #435184 !important;
    }
}
@media (max-width: 840px) {
    .form-line .form-group {
        width: 49%;
    }
    .sterodoc.col-md-6.aos-init.aos-animate {
        max-width: 100%;
        flex: 0 0 100%;
    }
    section.globalvip .col-md-6:last-child {
        padding-top: 29rem;
    }
    nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark.fixed-top {
        position: absolute;
        width: 100%;
    }
    .maintexter.col-md-12 iframe {
        width: 100%;
    }
    .piotec.container-fluid {
        padding: 10px;
    }
    section.globalvip .col-md-6 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%;
    }
    section.globalvip {
        display: block;
    }
    section.globalvip {
        background-position: 0px 0% !important;
        padding-top: 120px;
        background-size: 100%;
        display: block;
    }
    section.publishing {
        padding-top: 50px !important;
        padding: 0;
    }
    section.publishing h3 {
        font-size: 35px;
    }
    section.publishing .col-md-6.aos-init.aos-animate {
        width: 100%;
        display: block;
        max-width: 100% !important;
        flex: 0 0 100%;
    }
    div#foreis img {
        max-width: 100%;
    }
    .worldcities, .allvideos {
        display: block;
    }
    .allvideos .col-md-6 {
        max-width: 100%;
        display: block !important;
        width: 100%;
    }
    a.profilebtns {
        right: AUTO;
        left: auto;
        text-align: center;
        margin: auto;
    }
    section.homevideos {
        padding: 30px 10px;
    }
    section.homeaboutas img {
        max-width: 100%;
    }
    section.homeaboutas {
        padding: 10px;
        background: ghostwhite;
    }
    .mapsdoctor {
        display: block;
    }
    .worldcities .col-md-2:before {
        width: 89%;
    }
    .blogger .card {
        display: block;
        margin-bottom: 2rem !important;
        padding: 0.5rem;
        width: 100% !important;
        text-align: left;
        margin: 0px !important;
        border: none;
        border-radius: 0;
    }
    .blogger img {
        max-width: 100%;
    }
    .blogger {
        display: block;
    }
    section.pioneering .col-md-6 {
        flex: 0 0 100%;
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .piotec.container-fluid {
        display: block !important;
    }
    .gallery_product .col-md-6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        clear: both;
        display: block;
    }
    footer .row {
        display: BLOCK;
        width: 100%;
        margin: auto;
    }
    h5.f_showroom-title:after {
        margin: auto;
    }
    footer .col-9 {
        text-align: center;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer .col-3 {
        display: BLOCK;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    .container-fluid.maincatsvilla {
        display: block !important;
    }
    .gallery_product {
        display: block;
    }
    button.btntwo {
        float: left;
    }
    footer.royalfooter h5 {
        font-size: 19px;
    }
    .categoryname h3 {
        font-size: 18px !important;
    }
    .about img {
        text-align: CENTER;
        margin: auto;
        width: 100%;
        padding-bottom: 10px;
    }
    button.requestnow {
        display: none;
    }
    .aboutushome {
        padding: 60px 30px;
        display: block;
    }
    .rowabout {
        padding-left: 30px;
        padding-top: 50px;
        display: block;
    }
    .col-lg-7.slideposts {
        float: left;
        clear: BOTH;
        display: block;
        margin-top: 50px;
    }
    .protosection {
        padding: 30px;
        display: block;
    }
    .divakiaconcier {
        margin-top: 70px;
        display: block;
        width: 100%;
        clear: BOTH;
    }
    .testimotosec {
        /* margin: AUTO; */
        /* min-height: auto; */
        padding: 30px;
        /* background-color: rgb(255, 255, 255); */
        /* box-shadow: 0px 0px 25px 0px rgba(15, 13, 84, 0.15); */
        /* max-width: 100%; */
        display: block;
        /* justify-content: center; */
        /* margin-top: 0; */
        /* clear: BOTH; */
    }
    #bgconsierges img {
        right: 0;
        position: absolute;
        float: right;
        top: -700px;
        z-index: -1;
    }
}
.boxing:hover {
    cursor: pointer;
}
img.bex2, img.bex3 {
    filter: opacity(0%);
    -webkit-filter: opacity(0%);
}
.pressedwhite img.bex1, .pressedwhite img.bex3 {
    filter: opacity(0%);
    -webkit-filter: opacity(0%);
}
.pressedwhite img.bex2 {
    right: 0;
    position: absolute;
    margin-top: -140px;
    /* top: -160px; */
    z-index: -1;
    filter: opacity(100%) !important;
    -webkit-filter: opacity(100%) !important;
}
.pressedred img.bex1, .pressedred img.bex2 {
    filter: opacity(0%);
    -webkit-filter: opacity(0%);
}
.pressedred img.bex3 {
    right: 0;
    position: absolute;
    margin-top: -140px;
    /* top: -160px; */
    z-index: -1;
    filter: opacity(100%) !important;
    -webkit-filter: opacity(100%) !important;
}
.pressedblack img.bex1, .pressedblack img.bex3 {
    filter: opacity(0%);
    -webkit-filter: opacity(0%);
}
.pressedblack img.bex1 {
    right: 0;
    position: absolute;
    margin-top: -140px;
    /* top: -160px; */
    z-index: -1;
    filter: opacity(100%) !important;
    -webkit-filter: opacity(100%) !important;
}
#bgconsierges img {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.swiper-container {
    width: 100%;
    height: 100vh !important;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    height: 100vh;
    width: 100%;
}
.gallery-thumbs {
    left: 40px;
    z-index: 999;
    position: absolute;
    height: 180px !important;
    box-sizing: border-box;
    padding: 10px 0;
    top: 150px;
    opacity: 1 !important;
}
.gallery-thumbs .swiper-slide {
    width: 170px !important;
    height: 138px;
    opacity: 1;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.maintexter p {
    font-size: 15px;
    font-family: 'CeraPro-Regular';
    color: #435184;
    line-height: 2.571;
    text-align: left;
}
.feturesandamenities h3 {
    margin-bottom: 80px;
    font-size: 36px !important;
    color: rgb(9, 162, 157) !important;
    font-weight: bold !important;
    line-height: 1;
    margin-top: 80px;
}
.feauturakia {
    text-align: center;
    margin: auto;
    display: flex;
}
.feturesandamenities {
    padding-bottom: 80px;
}
.col-md-55 {
    transition: all 0.5s ease-in;
    padding: 50px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 15px 0px rgba(15, 13, 84, 0.1);
    width: 20%;
    margin: 10px;
}
.feauturakia img {
    margin: auto;
    text-align: center;
}
.containervillon {
    max-width: 1430px;
    margin: auto;
}
.col-md-55:hover {
    background: #09a29d;
    color: white;
}
.col-md-55:hover span {
    background: transparent;
    color: white;
}
.col-md-55:hover img {
    filter: brightness(800%);
    -webkit-filter: brightness(800%);
}
span.vilospans {
    display: block;
    font-size: 13px;
    font-family: 'CeraPro-Regular';
    color: rgb(125, 125, 125);
    line-height: 30px;
    z-index: 92;
    margin-top: 20px;
}
.villonlayout h3 {
    margin-bottom: 80px;
    font-size: 36px !important;
    color: rgb(9, 162, 157) !important;
    font-weight: bold !important;
    line-height: 1;
    margin-top: 80px;
}
.containervillonlayout {
    font-size: 13px;
    width: 100%;
    display: inline-flex;
}
.containervillonlayout h3 {
    margin-bottom: 30px;
    font-size: 26px !important;
    color: rgb(9, 162, 157) !important;
    font-weight: bold !important;
    line-height: 1;
    margin-top: 20px;
}
.villonlayout {
    padding-bottom: 80px;
}
.villonlayout {
    font-size: 14px;
    font-family: 'CeraPro-Regular';
    color: rgb(125, 125, 125);
    line-height: 2.571;
    z-index: 116;
}
.villares {
    display: inline-flex;
}
.onlyatcomplex h3 {
    margin-bottom: 80px;
    font-size: 36px !important;
    color: rgb(9, 162, 157) !important;
    font-weight: bold !important;
    line-height: 1;
    margin-top: 80px;
}
.item-box-blog {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 15px 0px rgba(15, 13, 84, 0.1);
}
.item-box-blog .read {
    text-align: center;
    min-width: 220px;
    margin: auto;
    padding: 10px 30px;
    border-radius: 0;
    font-size: 12px;
    font-family: 'CeraPro-Regular';
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    background-color: rgb(9, 162, 157);
    text-transform: capitalize;
}
.item-box-blog .mt {
    width: calc(100% - 30px);
    position: absolute;
    margin: auto;
    text-align: CENTER;
    bottom: 0;
}
a.btn.bg-blue-ui.white.read {
    font-size: 12px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
}
.item-box-blog-text {
    min-height: 180px;
    font-size: 14px;
    font-family: 'CeraPro-Regular';
    color: rgb(134, 134, 134);
    line-height: 2.571;
    text-align: center;
}
.item-box-blog h5 {
    font-size: 30px;
    font-family: 'CeraPro-Regular';
    color: rgb(9, 162, 157);
    line-height: 1.6;
    z-index: 130;
    text-align: center;
}
.item-box-blog h5:after {
    margin: auto;
    border: none;
    display: BLOCK;
    width: 100px;
    height: 2px;
    background: #a9904e;
    content: "";
    margin-top: 10px;
}
.onlyatcomplex {
    display: none;
}
.onlyatcomplex.hide17 {
    display: block;
}
.showlayout.hide17 {
    display: none;
}
a.btn.bg-blue-ui.white.read:hover {
    background: #a68c44;
}
.toucomplexicon {
    display: none;
}
.bocontainer17 .toucomplexicon {
    display: block;
}
.sim-button {
    line-height: 50px;
    height: 50px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
    width: 100%;
    cursor: pointer;
    background: #09a29d;
}
.button6 {
    color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    /* border: 1px solid rgba(255,255,255,0.5); */
    position: relative;
}
.button6 a {
    font-family: 'CeraPro-Regular';
    color: rgb(255, 255, 255);
    text-decoration: none;
    display: block;
    letter-spacing: 1px;
    font-weight: 500;
}
.button6 span {
    font-family: 'CeraPro-Regular';
    z-index: 2;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.button6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: rgb(169, 144, 78);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform: scale(0.5, 1);
    transform: scale(0.5, 1);
}
.button6:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
nav.sliding-panel-content.is-visible {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 1080px) {
    .conciergehome {
        padding-top: 140px;
        height: 90vh !important;
    }
    .gallery_product:first-child {
        width: 69.6%;
        max-width: 100%;
    }
    .is-open .burger {
        left: AUTO;
        right: 120px !important;
    }
    .rowabout h3 {
        font-weight: 600;
        margin-top: 30px;
        padding-left: 40px;
        font-size: 20px;
    }
    .testimotosec.aos-init.aos-animate {
        clear: both;
    }
    .home-4 {
        clear: both;
    }
    div#bgconsierges {
        clear: both;
        display: block;
        min-height: 500px;
        float: left;
        width: 100%;
    }
}
@media (min-width: 795px) {
    .whatsappcall {
        display: none;
    }
}
@media (max-width: 795px) {
    a.learnmoreste {
        width: 100%;
    }
    .exibit {
        display: none
    }
    .whatsappcall {
        padding: 5px 0px;
        width: 100%;
        display: block;
        float: none;
        margin: auto;
        background: transparent;
        text-align: center;
    }
    .whatsappcall a.enquiry {
        display: block;
        text-align: CENTER;
        float: none;
        margin: auto;
        max-width: 180px;
        width: 100%;
    }
    a.learnmorestevip {
        min-width: 100%;
        margin-left: 0;
    }
    .rowabout h3:after {
        z-index: -1;
        width: calc(100% - 160px);
        bottom: 0;
        top: 0;
        content: "";
        position: absolute;
        left: 13px;
        height: 200px;
        border: 2px solid #09a29d;
    }
    div#bgconsierges {
        display: none;
    }
    .home-4 {
        padding: 0;
        clear: both;
    }
    .protosection .col-md-8 {
        margin: auto;
    }
    .conciergehome {
        padding-top: 140px;
        height: 90vh !important;
    }
    .menuarea {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate3d(-10%, -60%, 0) !important;
        width: 100% !important;
    }
    .is-open .burger {
        left: AUTO;
        right: 190px !important;
    }
    input#search {
        max-width: 440px;
    }
    div#navbarResponsive {
        display: BLOCK !important;
    }
    a.navbar-brand img {
        max-width: 100%;
    }
    .aboutushome .col-md-4 {
        display: block !important;
        padding-top: 30px;
        width: 100% !important;
        max-width: 100%;
    }
    .aboutushome img {
        margin: AUTO;
        display: block;
        text-align: CENTER;
    }
    .aboutushome .col-md-8.aos-init.aos-animate {
        max-width: 100%;
        width: 100%;
    }
    .gallery_product:first-child {
        width: 100%;
        max-width: 100%;
    }
    .gallery_product {
        width: 100%;
        max-width: 100%;
    }
    .conci.col-md-4.aos-init.aos-animate {
        max-width: 100%;
        width: 100%;
    }
    .divakiaconcier.aos-init.aos-animate {
        width: 100%;
        float: left;
        margin-bottom: 160px;
    }
}
@media (max-width: 790px) {
    .mapsdoctor .col-md-4 {
        max-width: 100%;
        flex: 0 0 100%;
        display: block;
    }
    h4.rbeforetext:before {
        content: "Expertise";
        POSITION: Absolute;
        font-size: 70px;
    }
    h4.thankcards:before {
        display: none
    }
    h4.beforetext:before {
        content: "Experience";
        POSITION: Absolute;
        font-size: 90px;
    }
    .menuarea {
        position: absolute;
        top: 40%;
        left: 10%;
        transform: translate3d(-70%, -50%, 0);
        width: 1000px;
    }
    .sliding-panel-content ul {
        justify-content: center !important;
        background: transparent;
        padding: 30px 0px;
        margin: 0;
        border-right: solid 1px rgba(238, 238, 238, 0);
        max-width: 100%;
        width: 100vh !important;
        text-align: center;
        align-items: center !important;
    }
    ul.subomenou {
        width: auto !important;
    }
    .worldcities {
        display: flex;
    }
    .worldcities .col-md-2 {
        padding: 0px;
        max-width: 19%;
        flex: 0 0 19%;
    }
    .worldcities .col-md-2:before {
        background: transparent;
    }
    div#treatpatient h3 {
        width: 100%;
        font-size: 27px;
    }
    .exibit {
        display: none !important;
    }
    .allagi .exibit {
        display: none !important
    }
    .gallery_product:first-child {
        width: 99%;
        max-width: 100%;
    }
    .gallery_product {
        width: 99%;
        max-width: 100%;
    }
    div#bgconsierges {
        display: none;
    }
    .divakiaconcier.aos-init.aos-animate {
        display: block;
        position: relative;
        float: left;
        width: 100%;
    }
    .boxing {
        align-items: center;
        justify-content: center;
        margin: 15px;
        max-width: calc(100% - 60px);
    }
    .home-4 {
        clear: both;
        background-repeat: no-repeat !important;
        padding: 50px;
        /* background: url(/images/testimobg.png); */
        background-position: bottom;
        padding-bottom: 100px;
    }
    .col-lg-7.slideposts {
        padding: 0;
        float: left;
        clear: BOTH;
        display: block;
        margin-top: 50px;
        width: calc(100% - 60px);
    }
    .slideposts .slideshow-container {
        max-height: 600px;
        max-width: calc(100% - 60px);
        position: relative;
        margin: auto;
        overflow: hidden;
    }
}
@media (max-width: 695px) {
    h4.rbeforetext, h4.beforetext, h4.beforetext {
        font-weight: 600;
        color: #435184;
        line-height: 50px;
    }
    section.globalvip p {
        text-align: justify;
    }

    section.homeaboutas p {

    max-width: 80%;

}
.worldcities .col-md-2:nth-child(4) img{
  filter: contrast(50%);
   -webkit-filter: contrast(50%);
}

.aboutasfirsparagr {
    text-align: justify;
}
.maintexter p {
    text-align: justify;
}
h4.rbeforetext, h4.beforetext, h4.beforetext , h4.assmember {
    text-align: left;
}
    section.homeaboutas p {
        text-align: justify;
        padding: 0;
    }
    a.explorevillas {
        background-color: rgb(255, 255, 255);
        padding: 15px 30px;
        display: inline-block;
        margin-top: 40px;
        font-family: 'CeraPro-Regular';
        color: #29314b;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1.5px;
        border-radius: 40px;
        min-width: 230px;
    }
    p.firstparabus {
        line-height: 30px;
        color: #596693;
        font-weight: bold;
        text-align: justify;
        margin: 1rem 0;
        font-size: 15px;
    }
    .piotec p {
        text-align: justify;
    }
    .containermes #carouselExampleIndicators .carousel-item {
        height: 100vh;
        min-height: 300px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% !important;
        background-repeat: no-repeat;
        background-position: 0 40% !important;
        background-color: #242d44;
    }
    img.imgforpagesr, img.imgforpages {
        max-width: 100%;
        float: none;
        padding: 10px 0px;
        display: block;
        margin: auto;
    }
    .single-head.Female .single-title {
        position: absolute;
        transform: translateY(0%);
        top: 50%;
    }
    img.imgforpages {
        max-width: 100%;
    }
    .associaons {
        display: block;
    }
    h4.thankcards:before, h4.rbeforetext:before, h4.beforetext:before {
        display: none;
    }
    section.globalvip .col-md-6:last-child {
        padding-top: unset;
    }
    section.globalvip {
        background-position: 0px 0% !important;
        padding-top: 30rem;
        background-size: 100%;
        display: block;
    }
    .blogitem {
        width: 20rem !important;
    }
    .single-title h1 {
        font-size: 21px !important;
    }
    h1.blog_single-tile {
        font-size: 25px;
        font-weight: bold;
    }
    .single-head.Female {
        padding-top: 30px;
    }
    .single-head.Male {
        padding-top: 90px;
    }
    .worldcities {
        display: block;
        clear: none !important;
    }
    .worldcities .col-md-2 {
        clear: none !important;
        padding: 0px;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .worldcities .col-md-2:before {
        width: 100%;
    }
    .MultiCarousel .MultiCarousel-inner .item {
        margin: 0px 5px;
        padding: 10px;
        float: left;
        box-shadow: 0px 5px 30px 0px rgba(19, 30, 68, 0.15);
        width: 360px;
    }
    .catdescre {
        /* display: none !important; */
    }
    section.home nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark.fixed-top {
        padding: 0;
        margin: auto !important;
    }
    html {
        overflow-x: hidden;
    }
    .closests {
        text-align: center;
    }
    .locationry {
        text-align: CENTER;
    }
    .rowabout h3 {
        width: 85% !important;
        font-weight: 600;
        margin-top: 30px;
        padding-left: 40px;
        font-size: 18px;
    }
    .rowabout h3:after {
        z-index: -1;
        width: calc(100% - 160px);
        bottom: 0;
        top: 0;
        content: "";
        position: absolute;
        left: 13px;
        height: 200px;
        border: 2px solid #09a29d;
    }
    .protosection {
        width: 100%;
        float: left;
    }
    .locationry {
        padding: 30px;
    }
    section.home .logo {
        margin: auto;
        text-align: center;
        margin-top: -20px;
        width: 100%;
        margin-right: auto;
        left: 0px;
    }
    .rowabout p {
        margin-top: 120px;
        font-family: 'CeraPro-Regular';
        font-size: 15px;
        padding-left: 0;
    }
    .aboutushome h3 {
        text-align: left;
        font-size: 30px;
    }
    .conci h3 {
        text-align: left;
        font-size: 30px;
        font-family: 'Playfair Display', serif;
        color: rgb(9, 162, 157);
        margin-top: 40px;
        float: left;
        width: 100%;
    }
    .navbar-brand {
        display: inline-block;
        padding-top: .3125rem;
        padding-bottom: .3125rem;
        margin-right: 0rem;
    }
    /*    .klikicon {
        visibility: hidden;
    }*/
    .gallery-thumbs .swiper-slide {
        width: 20% !important;
        height: 50px !important;
        opacity: 0.4;
    }
    .video iframe {
        width: 100%;
    }
    .maintextandvideo {
        padding: 30px;
        display: block;
    }
    .single-title {
        position: absolute;
        transform: translateY(50%);
        top: 50%;
    }
    .single-head.Male .single-title {
        position: absolute;
        transform: translateY(2%);
        top: 50%;
    }
    .categoryname h3 {
        font-size: 15px;
        text-shadow: none !important;
    }
    .single-title.col-xs-12.col-sm-12 p {
        max-width: 90%;
    }
    .single-head.blogpage .single-title {
        display: none;
    }
    .home-4 {
        padding: 20px;
        background-size: cover !important;
    }
    .home-4 {
        /* margin-top: 50vh; */
        /* display: none; */
    }
    section.home-4 h3 {
        align-items: center;
        padding-top: 10px;
        line-height: 40px;
        font-size: 16px;
    }
    .villares {
        display: block !important;
    }
    .item-box-blog-image img {
        max-width: 100%;
    }
    .menuarea {
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translate3d(-70%, -50%, 0);
        width: 1000px;
    }
    .sliding-panel-content.is-visible {
        width: 100vw;
    }
    .logo {
        margin: auto;
        text-align: left;
        margin-top: -20px;
    }
    .navbar-dark .navbar-brand {
        padding: 30px 0px !important;
    }
    .gallery_products.col-lg-6.col-md-6.col-sm-12.col-xs-12.filter.spray {
        width: 100%;
        flex: 0 0 100%;
    }
    .container.mainvillacatss {
        display: BLOCK;
    }
    .sliding-panel-content li a {
        font-size: 30px
    }
    .col-md-4.menuareas {
        width: 25%;
    }
    .col-md-4.logo {
        width: 75%;
    }
    .burger-box {
        z-index: 999999;
        position: absolute;
        top: -6px;
        right: 0;
        left: 0px;
    }
    .allagi .burger-box {
        display: none;
    }
    ul.footermenu {
        padding: 0;
        display: block;
        list-style: none;
        text-align: center;
        margin: auto;
    }
    a.burger-box.is-open {
        left: 85px !important;
    }
    .closests {
        margin-top: 70px;
        display: block;
    }
    .exibit {
        display: none;
    }
    .cardoner {
        margin-top: 20px;
    }
    .card-text {
        margin-top: 50px;
        margin-bottom: 50px;
        width: 100%;
        display: block !important;
        justify-content: center;
    }
    h3.mainslidese:before {
        display: none;
    }
    .categoryname h3 {
        font-size: 15px;
        text-shadow: 0px 1px 15px #383838;
        font-weight: normal;
        line-height: 25px;
        margin-top: 40px !important;
    }
    .rowabout h3 {
        font-weight: 600;
        margin-top: 30px;
        padding-left: 40px;
        font-size: 18px;
    }
    .divakiaconcier {
        display: block !important;
    }
    .olatanewshome {
        display: block !important;
    }
    .gallery_product {
        width: 100% !important;
        max-width: 100% !important;
    }
    span.flad {
        display: none;
    }
    .carousel-caption.d-none.d-md-block {
        display: block !important;
    }
    .carousel-caption h3 {
        font-size: 25px;
    }
    .overlay {
        pointer-events: none;
        border-top: 3px solid #c8b376;
        position: absolute;
        bottom: 40px;
        left: 0px;
        right: 0;
        background-color: rgba(14, 14, 14, 0.7215686274509804);
        overflow: hidden;
        width: calc(100% - 0px);
        height: 0;
        transition: .5s ease;
    }
    .boxaki {
        padding: 0;
        position: relative;
        margin-top: 5px;
    }
    .keimeno h1 {
        text-align: center;
    }
    .firstblock img {
        max-width: 100%;
    }
    li.nav-item.serrch {
        display: none;
    }
    /*    TOGGLE USEFULLINFO*/
    .col-lg-4.mb-5.sidebar {
        display: none;
    }
    .usefulmobile {
        display: block;
    }
    .single-title h1 {
        font-size: 50px;
    }
    table.MsoNormalTable {
        width: 100% !important;
    }
    .navbar-dark .navbar-toggler {
        color: rgb(255, 255, 255);
        border-color: rgba(255, 255, 255, 0.76);
        border-radius: 0px;
    }
    .videos {
        padding-top: 30px;
        width: 100%;
        padding-bottom: 40px;
        display: block;
    }
    .mapweather {
        display: block;
    }
    .keimenotour {
        display: block;
    }
    .vidone iframe, .vidtwo iframe {
        padding: 5px 10px !important;
    }
    ul.navbar-nav.ml-auto a.nav-link {
        transition: all 0.3s ease-in;
        line-height: 35px;
    }
    .copyrights .text-right {
        text-align: left !important;
    }
    .oferias {
        width: 100%;
        padding: 0;
        display: block;
    }
    .oferiasone.col-lg-5, .oferiastwo.col-lg-7 {
        -webkit-clip-path: none;
        clip-path: none;
    }
    .boxakimain {
        background-size: cover;
        padding: 30px;
    }
    .form-line .form-group {
        width: 100%;
        display: inline-block;
    }
    .fb-close {
        cursor: pointer;
        position: absolute;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background: #112e70;
        color: #fff;
        left: 0;
        top: -40px;
    }
    button.btnone {
        margin-bottom: 10px;
    }
    .stixiaepikoinonias {
        padding-top: 30px;
        display: block;
        width: 100%;
        text-align: center;
    }
    footer.royalfooter {
        padding-top: 30px;
        background: #f8f8ff;
    }
    .socialhead {
        display: none;
    }
    input#search {
        font-size: 14px;
        padding: 10px 0px;
        border: none;
        width: calc(100% - 0px);
        background: white;
        border-bottom: 2px solid #b5a36f;
        max-width: inherit;
    }
    .boxakiall {
        padding-top: 0px;
        display: block;
        padding-bottom: 0px;
    }
    .textone {
        font-weight: bold;
        background: #c8b376;
        text-align: center;
        color: white;
        padding: 8px;
    }
    .firstblock ul:before {
        margin: auto;
    }
    footer.royalfooter h5:after {
        margin: auto;
    }
    footer.royalfooter h5 {
        padding-top: 30px;
    }
    .copyrights {
        background: #ffffff;
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: #a58b46;
        line-height: 0;
        padding-top: 30px;
        margin-top: 0;
        text-align: center;
    }
    .copyrights p.text-left {
        text-align: center !important;
    }
    .copyrights p.text-right {
        text-align: center !important;
    }
    .firstblock, .secfooblok, .thirdfoot {
        text-align: center;
        border-bottom: 1px solid #f8f8ff
    }
    footer.royalfooter a {
        font-weight: 600;
    }
    footer.royalfooter h5:after {
        width: 60px;
    }
    .copyrights a:hover {
        text-decoration: none;
        color: #212121 !important;
    }
    a.navbar-brand img {
        max-width: 100%;
        padding-top: 20px;
    }
    .burger span {
        display: none !important
    }
    .maintexter.col-md-8 {
        column-count: 1;
    }
    .maintextandvideo.aos-init.aos-animate {
        display: block;
    }
    .maintextandvideo:before {
        display: none
    }
    .col-md-55 {
        padding: 50px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 5px 15px 0px rgba(15, 13, 84, 0.1);
        width: 100% !important;
        margin: 10px;
    }
    .feauturakia, .containervillonlayout {
        display: block !important;
    }
    .is-open .burger {
        left: AUTO;
        right: 0px !important;
    }
    nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark.fixed-top.allagi {
        display: none !important;
    }
    .swiper-slide img {
        height: auto;
        max-width: 100%;
    }
    .swiper-container {
        width: 100%;
        height: 100% !important;
    }
}
@media (max-width: 480px) {
    a.learnmores, a.learnmorestevip {
        min-width: 100%;
        margin-left: 0;
    }
    .carousel-caption {
        position: absolute !important;
        right: 15% !important;
        bottom: 25% !important;
    }
    section.globalvip {
        background-position: 0px 0% !important;
        padding-top: 20rem;
    }
    .slideposts .slideshow-container {
        max-height: 600px;
        max-width: calc(100% - 0px);
    }
    h3.aos-init.aos-animate {
        text-align: CENTER;
    }
    .single-head {
        height: 330px;
    }
    h4.carder-title {
        font-size: 20PX;
    }
    .bookingarea {
        padding: 30px;
    }
    .firstblock ul:before {
        display: none;
    }
    .firstblock {
        padding-bottom: 15px;
    }
    .firstblock img {
        padding-bottom: 20px;
    }
    .categoryname h3 {
        font-size: 22px !important;
    }
    .col-lg-7.slideposts {
        padding: 0;
        float: left;
        clear: BOTH;
        display: block;
        margin-top: 50px;
        width: calc(100% - 30px);
        clear: BOTH;
    }
    .boxing {
        align-items: center;
        justify-content: center;
        margin: 15px;
        max-width: calc(100% - -60px);
    }
}
@media (max-width: 380px) {
    .conciergehome {
        padding-top: 140px;
        height: 200vh;
    }
    .navbar-toggler {
        padding: .55rem .65rem;
    }
    ul.navbar-nav.ml-auto li.nav-item.active {
        border-bottom: 3px solid transparent !important
    }
    .media a {
        font-size: 18px;
        color: black;
    }
    .media p {
        font-size: 13px;
        color: #636363;
    }
    .newsletteria input[type="text"] {
        background: transparent;
        font-weight: 300;
        width: 100%;
        margin-bottom: 5px;
        padding: 5px 10px;
        /* BACKGROUND: rgba(255, 255, 255, 0.65); */
        border: none;
        color: white;
        border: 1px solid white;
    }
    .newsletteria ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: rgba(255, 255, 255, 0.65);
    }
    .newsletteria ::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(255, 255, 255, 0.65);
    }
    .newsletteria :-ms-input-placeholder {
        /* IE 10+ */
        color: rgba(255, 255, 255, 0.65);
    }
    .newsletteria :-moz-placeholder {
        /* Firefox 18- */
        color: rgba(255, 255, 255, 0.65);
    }
}
.aboutushome a.learnmores {
    margin-left: 0;
}
.slideposts .texter a:hover {
    color: #a58b46;
}
.contraindication {
    margin-bottom: 20px;
    padding: 30px;
    background: #435184;
    color: white;
}
.contraindication h4, .contraindication p {
    color: white;
}
@media (max-width: 361px) {
    .media p {
        font-size: 11px;
        color: #636363;
    }
}
@media (max-width: 330px) {
    .conciergehome {
        padding-top: 140px;
        height: 240vh;
    }
    nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark.fixed-top.allagi {
        display: none !important;
    }
    a.navbar-brand {
        display: block !important;
        float: left;
        width: 100%;
        margin: auto;
        text-align: center;
        padding: 0px;
    }
    .copyrights {
        background: #ffffff;
        display: block;
        font-size: 12px;
    }
    .boxing {
        padding: 40px 24px 40px 20px;
    }
}
.footer-copyright.container-fluid {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.footer-copyright.container-fluid .row {
    width: 100%;
}
.servicegallery h4:after {
    content: "";
    background: #1b2131;
    left: 300px;
    top: 15px;
    width: calc(100% - 333px);
    height: 1px;
    position: absolute;
    display: block;
}
.servicegallery {
    display: none;
    margin-bottom: 61px;
    position: relative;
    margin-top: 50px;
}
.maintexter.col-md-12 iframe {
    height: 328px;
    width: 45%;
    float: left;
    padding-right: 20px;
    padding-top: 10px;
}
.servicegallery .swiper-container {
    height: 100% !important;
}
.servicegallery h4 {
    font-family: 'CeraPro-Regular' !important;
    color: #435184;
    padding-bottom: 20px;
}
.footer-copyright-wrap {
    width: 100%;
    font-size: 13px;
    padding-top: 35px;
    border-top: 1px solid #2e374f;
    /* justify-content: center; */
    /* align-items: center; */
}
.swiper-container {
    width: 100%;
    height: 100vh;
}
.swiper-slide .desctaper {
    margin-left: 50px;
}
.contactareas {
    max-width: 100%;
    display: flex;
    padding: 0px;
    flex: 0 0 100%;
    background: transparent;
}
.contactareas div {
    font-size: 15px;
    color: #a1a4b6;
    padding: 0;
}
.f_showroom-address.col-6.clearfix {
    color: #a1a4b6;
}
.f_showroom-address.col-6.clearfix b, .f_showroom-address.col-6.clearfix strong {
    color: white;
}
.f_showroom-address.col-6.clearfix {
    max-width: 100%;
    padding: 0;
    flex: 0 0 100%;
    padding-top: 10px;
}
.MultiCarousel .MultiCarousel-inner .item:hover {
    transition: all 0.5s ease-in;
    background: #252c43;
    color: white !important;
}
.MultiCarousel .MultiCarousel-inner .item:hover h2.offername, .MultiCarousel .MultiCarousel-inner .item:hover h2.offerprice {
    color: white
}
.MultiCarousel .MultiCarousel-inner .item:hover .offerdata i {
    color: white
}
section.homeblog h3 {
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    color: rgb(67, 81, 132);
    line-height: 0.625;
}
section.homeblog {
    padding-top: 50px;
    padding-bottom: 50px;
}
section.homeblog h4 {
    padding-bottom: 15px;
    text-align: center;
    font-size: 18px;
    color: rgb(67, 81, 132);
    font-weight: bold;
    line-height: 1.667;
}
.single-head.Female p {
    font-size: 16px;
    font-weight: 100;
    color: #435184;
    text-align: justify;
}
/*-------------------------------------------------------------

-- Vicrtual Consultation:

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

.bg-grey {
    background-color: #F8F8F8;
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;
    min-height: 100vh;
}
.page-inside.bg-grey {
    padding-top: 158px;
}
@media (max-width: 1085px) {
    .page-inside.bg-grey {
        padding-top: 40px;
    }
}
@media (max-width: 746px) {
    .bg-grey {
        background-size: 280%;
    }
    .page-inside.bg-grey {
        padding-top: 38px;
    }
}
.side-bar-container {
    background-color: #F4F4F4;
    margin-top: -63px;
    padding-top: 40px;
    position: relative;
}
.side-bar-container .fixed-container {
    position: fixed;
    width: 340px;
    z-index: 0000;
}
@media (max-width: 990px) {
    .side-bar-container {
        margin-top: 38px;
        padding-top: 32px;
    }
    .side-bar-container .fixed-container {
        position: relative;
        width: 100%;
        z-index: 0000;
        margin-top: 22px;
    }
}
#vc_country_select_container {
    padding-top: 20vh;
    max-width: 600px;
    margin: auto;
}
#vc_country_select:focus {
    box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.1)
}
.vc_select_country {
    font-family: 'CeraPro-Regular';
    color: #435184;
    letter-spacing: 5px;
    font-weight: 600;
    font-size: 1.35rem;
}
#vc_country_select {
    margin-top: 2.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 4px !important;
    color: rgba(0, 0, 0, 0.35);
}
#vc_country_select option {
    color: rgba(0, 0, 0, 1);
}
.vc_pill_button {
    font-family: 'CeraPro-Regular';
    background-color: #687297;
    font-size: 1rem;
    letter-spacing: 4px;
    padding: 14px 22px 16px 36px;
    border-radius: 100px;
    border: unset;
    font-weight: 600;
}
@media (max-width: 746px) {
    .vc_pill_button {
        font-size: 0.5rem;
        padding: 14px 22px 12px 36px;
    }
}
.vc_pill_button.back {
    font-family: 'CeraPro-Regular';
    background-color: rgba(0, 0, 0, 0);
    letter-spacing: 3px;
    padding: 12px 20px;
    border-radius: 100px;
    border: unset;
    color: #C2C2C2;
    border: 1px solid #C2C2C2;
    padding: 14px 36px 16px 22px;
}
@media (max-width: 746px) {
    .vc_pill_button.back {
        padding: 14px 22px 12px 36px;
    }
}
.vc_pill_button.enter {
    padding: 10px 50px 10px 54px;
    font-weight: 400;
    font-size: 0.9rem;
    background-color: #435184;
}
.vc_pill_button.enter:hover {
    background-color: #687297;
}
.vc_pill_button.enter:active {
    background-color: #435184 !important;
}
.vc_pill_button.next:hover {
    background-color: #435184;
}
.vc_pill_button.next:active {
    background-color: #435184 !important;
}
.vc_pill_button.back:hover {
    background-color: #FFF;
}
.vc_pill_button.back:active {
    background-color: #435184 !important;
}
.vc_pill_button.next i {
    margin-left: 9rem;
}
@media (max-width: 746px) {
    .vc_pill_button.next i {
        margin-left: 3rem;
    }
}
.vc_pill_button.back i {
    margin-right: 9rem;
}
@media (max-width: 746px) {
    .vc_pill_button.back i {
        margin-right: 3rem;
    }
}
.vc_page_title {
    font-family: 'CeraPro-Regular';
    color: #000;
    letter-spacing: 2px;
    font-weight: 800;
    font-size: 1.4rem;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.vc_sidebar_title {
    font-family: 'CeraPro-Regular';
    color: #415394;
    letter-spacing: 2px;
    font-weight: 800;
    font-size: 0.95rem;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.vc_p_1 {
    font-family: 'CeraPro-Regular';
    color: #000;
    letter-spacing: 1.3px;
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 24px;
}
.vc_p_2 {
    font-family: 'CeraPro-Regular';
    color: #848484;
    letter-spacing: 1.3px;
    font-weight: 44;
    font-size: 0.7rem;
    line-height: 24px;
}
.vc_max_w {
    max-width: 530px;
}
.vc_card {
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 3rem;
    border: none;
}
.vc_card_heading_1 {
    font-family: 'CeraPro-Regular';
    color: #687297;
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 1rem;
}
.radio_card {
    /*max-width: 200px;*/
    float: left;
    padding: 14px 22px;
    margin: 0px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    transition: box-shadow 0.1s;
    border-radius: 3px;
    font-family: 'CeraPro-Regular';
    color: #687297;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 1px;
    transition: background-color 0.6s, box-shadow 0.1s;
    height: 44px;
}
.radio_card:hover {
    box-shadow: 0 0px 0px 1.2px #ccc;
}
.radio_card.checked {
    background-color: #435184;
    box-shadow: 0 0px 0px 1.2px #ccc;
    color: #FFF;
}
#my_budget_radio_container {
    opacity: 0;
    height: 10px;
}
#dropzone-container {
    background-color: #FFF;
    padding: 0.5rem;
}
@media (max-width: 330px) {
    .navigation > a,
    .navigation > button{
        padding: 14px 15px 12px 19px !important;
    }
    .navigation .pay-now-button i{
        margin-left: 1.5rem;
    }
}
.time_and_budget-options-container{
    display: flex;
    flex-wrap: wrap;
    height: auto;
}
.time_and_budget-options-container>div{
    flex-grow: 1; 
}
.temp-image-container {
    float: left;
    width: 31.5%;
    height: 280px;
    background-size: cover;
    background-position: center center;
    margin: 0.5rem;
}
@media (max-width: 600px) {
    .temp-image-container {
        width: 96% !important;
        height: 320px !important;
    }
    #dropzone-container #my-awesome-dropzone-image {
        width: 96% !important;
        height: 320px !important;
    }
}
@media (min-width: 600px) and (max-width: 1000px) {
    .temp-image-container {
        width: 47% !important;
        height: 280px !important;
    }
    #dropzone-container #my-awesome-dropzone-image {
        width: 47% !important;
        height: 280px !important;
    }
}
.temp-image-container .image-remove {
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #f8f8ff;
    text-align: center;
}
#dropzone-container #my-awesome-dropzone-image {
    background-color: #F8F8FF;
    border: unset;
    float: left;
    width: 31.5%;
    height: 280px;
    margin: 0.5rem;
    padding: 7%;
}
#dropzone-container #my-awesome-dropzone-image .dz-message {
    font-family: 'CeraPro-Regular';
    font-size: 0.8rem;
    font-weight: 600;
    color: #687297;
    margin-top: 3.7rem;
}
#dropzone-container #my-awesome-dropzone-image .dz-error-message {
    top: 154px;
}
#dropzone-container #my-awesome-dropzone-image .dz-message .fa-camera {
    font-size: 1.5rem;
    margin-bottom: 0.8rem;
}
.max-1460 {
    max-width: 1460px;
}
.max-1460>.row {
    min-height: 80vh;
}
.section-title {
    font-family: 'CeraPro-Regular';
    background-color: #57638E;
    color: white;
    padding: 0.6rem;
    border-radius: 3px;
}
#steps-navbar {
    margin-bottom: 1.5rem;
}
#steps-navbar a {
    color: #5466a9;
    font-size: 0.9rem;
    margin-right: 0.8rem;
}
#steps-navbar b {
    font-weight: 400;
    font-size: 0.9rem;
    margin-right: 0.8rem;
}
#steps-navbar .num-circle {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #FFF;
    text-align: center;
    border-radius: 100%;
    margin-right: 8px;
    font-family: 'CeraPro-Regular';
    font-size: 0.8rem;
    line-height: 25px;
}
#steps-navbar .num-circle.default {
    background-color: #435184;
    color: #FFF;
}
#steps-navbar .list-inline-item b {
    color: #FFF;
}
.vc_header {
    padding-bottom: 0.4rem !important;
    background: #1B2031 !important;
}
@media (max-width: 746px) {
    .vc_header {
        text-align: center;
    }
    .vc_header .logo {
        text-align: center !important;
    }
    .vc_header .navbar-brand {
        font-size: 0.8rem;
        margin-bottom: -0.9rem;
    }
}
.vc_header .navbar-brand.vc {
    border-right: 1px solid #435184;
    height: 38px;
    line-height: 0px;
}
.vc_header .navbar-brand.vc img {
    max-width: 180px;
    position: relative;
    top: -11px;
}
.body-options-container{
    display: flex;
    flex-wrap: wrap;
    height: 122px;
    margin-bottom: 25px;
}
.concern-card {
    display: block;
    width: 100%;
    min-height: 100px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background-color: #f8f8f8;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 6px;
}
.concern-card .dot {
    font-size: 1.65rem;
    position: relative;
    top: 3px;
    line-height: 0px;
    color: #435184;
}
.no-cosmetic-concern-selected {
    background-color: #EBEBEB;
    padding: 3.8rem 2rem 3rem;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}
.main-body-title {
    font-family: 'CeraPro-Regular';
    color: #415394;
    font-weight: 600;
    font-size: 0.83rem;
    padding-top: 6px;
}
.sub-body-title {
    font-family: 'CeraPro-Regular';
    color: #aaa;
    font-weight: 400;
    font-size: 0.77rem;
    padding-top: 15px;
}
.concern-delete-btn {
    color: #435184;
    font-size: 0.8rem;
    background-color: #FFF;
    padding: 3px 8px;
    border-radius: 100%;
    box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.4);
    transition: box-shadow 0.1s, color 0.1s;
}
.concern-delete-btn:hover {
    color: #5773da;
    box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.concern-delete-btn:active {
    color: #435184;
    box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.1);
}
#basic-information-container p {
    margin-bottom: 0;
}
#basic-information-container label {
    color: #343847;
    font-weight: 600;
    font-size: 0.85rem;
}
#basic-information-container span {
    color: #828282;
    font-weight: 400;
    font-size: 0.85rem;
}
#basic-information-container .edit-your-info-btn {
    background-color: #E1E1E1;
    color: #848484;
    font-size: 0.7rem;
    padding: 0.7rem 2rem;
    border-radius: 60px;
    margin-top: 2rem;
    transition: background-color 0.1s;
}
#basic-information-container .edit-your-info-btn:hover {
    background-color: #E8E8E8;
}
#basic-information-container .edit-your-info-btn:active {
    background-color: #E1E1E1;
}
#about-me-form select {
    background-color: #FFFFFF;
    height: 33.1875px;
}
#about-me-form label {
    color: #415394;
    font-size: 0.79rem;
    font-weight: 600;
    letter-spacing: 1px;
}
#about-me-form .form-check-label {
    color: #333;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 1px;
    padding-left: 8px;
    margin-right: 0.5rem;
}
#about-me-form .form-check-label-2 {
    color: #333;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 1px;
    padding-left: 3px;
    margin-right: 1rem;
    position: relative;
    top: -2px;
}
#about-me-form input[type="text"], #about-me-form input[type="email"], #about-me-form select, #about-me-form textarea {
    border: 1px solid #E8E8E8;
    border-radius: 3px !important;
    margin-bottom: 1.5rem;
    font-size: 0.8rem;
}
#about-me-form ::placeholder {
    color: #CACACA;
    font-size: 0.8rem;
}
.list-col-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
@media (max-width: 746px) {
    .list-col-3 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}
.list-col-3 li {
    margin-bottom: 1rem;
    max-width: 200px;
    padding-left: 1.5em;
    text-indent: -1.5rem;
}
.list-col-3 li span {
    font-size: 0.83rem;
    color: #555;
    padding-left: 0.2em;
    text-indent: -1.6em;
}
.list-col-3 li input[type='checkbox'] {
    position: relative;
    top: 2px;
    margin-right: 3px;
    margin-bottom: 0;
}
span.required {
    color: red;
}
.pcs_text {
    margin-left: -20px;
    padding: 7px;
    width: 200px;
    position: relative;
    top: -10px;
}
.footer-text, .footer-text a {
    color: #B8B8B8;
    font-family: 'CeraPro-Regular';
    font-size: 0.69rem;
}
.footer-text a:hover {
    text-decoration: underline !important;
}
.label {
    color: #415394;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0px;
    margin-left: 11px;
}
.card.payment {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #EEE;
    box-shadow: none;
    width: 16rem;
}
@media (max-width: 786px) {
    .card.payment {
        width: 100%;
        margin-bottom: 1rem;
    }
    .maintexter h4 {
        font-size: 30px;
        clear: both;
    }
    .col-12.col-sm-4.mb-3.f_showroom {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .maintexter.col-md-12 iframe {
        height: 328px;
        width: 100%;
    }
}
.card.payment .card-title {
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
    color: #39439e;
}
.card.payment .card-subtitle {
    padding: 2rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    font-size: 0.7rem;
}
.card.payment .footer {
    padding: 2.3rem 1rem;
    font-size: 0.9rem;
    background-color: #EEE;
    padding-top: 15px;
}
.card.payment .footer span {
    font-size: 0.9rem;
}
.payment-field-text {
    min-width: 340px;
    border: 1px solid #DCDCDC;
    padding: 5px 10px;
    font-size: 0.8rem;
    margin-left: 10px;
}
.payment-field-select {
    padding: 6px 6px;
    padding-right: 10px;
    color: #AAA;
    font-size: 0.75rem;
    letter-spacing: 1px;
    border: 1px solid #DCDCDC;
    margin-left: 10px;
}
#toast-container>div {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
}
.vc_header .steps-navbar-tablet-container {
    position: absolute;
    left: 0;
    top: 72px;
    width: 100%;
    text-align: center;
    background-color: #1b2031;
}
.vc_header .logo .navbar-brand {
    font-size: 1rem;
}
.visa-card-image {
    width: 180px;
}
@media (max-width: 690px) {
    footer .f_logo_img {
        max-width: 100%;
        text-align: center;
        border-right: none;
        padding: 4rem 0;
        width: 100%;
    }
}
@media (max-width: 425px) {
    .visa-card-image {
        width: 40%;
    }
    .maintexter.col-md-12 img {
        max-width: 100%;
    }
}
@media (min-width: 747px) and (max-width: 1340px) {
    .visa-card-image {
        width: 15%;
    }
}
.accordion .vc_page_title {
    font-size: 1rem;
}
.accordion .btn.btn-link {
    text-decoration: unset;
}
.btn.btn-shallow-secondary.pill {
    color: #FFF;
}
/**************************CUSTOM RADIO BUTTON************************/

/**************************CUSTOM RADIO BUTTON************************/

/**************************CUSTOM RADIO BUTTON************************/

/* The container */

.form-check {
    display: block;
    position: relative;
    padding-left: 12px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin-top: -11px;
}
/* Hide the browser's default radio button */

.form-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 12px;
    height: 12px;
    z-index: 1111;
    top: 13px;
}
/* Create a custom radio button */

.form-check .checkmark {
    position: absolute;
    top: 13px;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: #eee;
    border-radius: 20%;
    box-shadow: 0px 2px 4px 0px rgba(255, 255, 255, 0.3) inset;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
/* On mouse-over, add a grey background color */

.form-check:hover input~.checkmark {
    background-color: #ccc;
}
/* When the radio button is checked, add a blue background */

.form-check input:checked~.checkmark {
    background-color: #5567A9;
}
/* Create the indicator (the dot/circle - hidden when not checked) */

.form-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */

.form-check input:checked~.checkmark:after {
    display: block;
}
/**************************CUSTOM CHECK BUTTON************************/

/**************************CUSTOM CHECK BUTTON************************/

/**************************CUSTOM CHECK BUTTON************************/

/* The container */

.form-check-li {
    display: block;
    position: relative;
    padding-left: 5px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*float: left;*/
    margin-top: -11px;
}
/* Hide the browser's default radio button */

.form-check-li input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 12px;
    height: 12px;
    z-index: 1111;
    top: 13px;
}
nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark.fixed-top.vc_header {
    background: #1B2031 !important;
}
/* Create a custom radio button */

.form-check-li .checkmark {
    position: absolute;
    top: 13px;
    left: -19px;
    height: 12px;
    width: 12px;
    background-color: #eee;
    border-radius: 20%;
    box-shadow: 0px 2px 4px 0px rgba(255, 255, 255, 0.3) inset;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.lang span.active {
    color: #5e92a7;
}
/* On mouse-over, add a grey background color */

.form-check-li:hover input~.checkmark {
    background-color: #ccc;
}
/* When the radio button is checked, add a blue background */

.form-check-li input:checked~.checkmark {
    background-color: #5567A9;
}
/* Create the indicator (the dot/circle - hidden when not checked) */

.form-check-li .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */

.form-check-li input:checked~.checkmark:after {
    display: block;
}
.page-inside.globalvipage h4 {
    padding-bottom: 1rem;
}
/*______________________________________
|                                       |
|                                       |
|               Helpers      
|                                       |
|_______________________________________*/

.Aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.Aligner-2 {
    display: flex;
    align-items: center;
    justify-content: end;
}
.Aligner-3 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media(min-width: 740px){
    img.foreismobile{
        display: none !important;

    }
           img.foreisdesktop{
        display: block;
    }

}

@media(max-width: 740px){
    .relifbanner {
    padding: 10px;}
       img.foreisdesktop{
        display: none !important;
    }

       img.foreismobile{
        display: block;

    }


}