#homevideo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 0;
display: none;
}
@media (max-width: 1450px){
#homevideo {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
}
#homevideo.active{display: block;}
#ct-ultimate-gdpr-cookie-open, #ct-ultimate-gdpr-cookie-open.ct-ultimate-gdpr-trigger-modal-round {
display: none !important;	
} @media(max-width: 767px){
.videolinks{
display: none;
}
}
.videolinks {
position: relative;
z-index: 3; }
.videolinks a {
color: #fff;
text-decoration: underline;
font-size: 20px;
display: inline-block;
margin: 0 10px;
}
#explore {background-position: center center; background-size: cover;}
.bottom-left {text-shadow: 1px 1px 5px #000;}
.talos-logo {
width: 200px;
margin-top: -130px;
margin-bottom: 40px;} #reservation-form {
position: absolute;
bottom: 0;
left: 0px;
background: rgba(0,0,0,0.5);
margin-bottom: 0px;
width: 100%;
}
#reservation-form ::placeholder {
color: #fff;
opacity: 1;
}
#reservation-form .octobookcheckin > div > div, #reservation-form .octobookcheckout > div > div {
border: none;
text-align: center;
}
.octobook form {
display: flex;
justify-content: center;
}
.octobook form > div{
margin-right: 50px;
}
.octobook label{
text-align: center;
color: #deb25c;
}
#reservation-form .octobook .fa {
border: 1px solid #deb25c;
border-radius: 50%;
font-size: 20px;
line-height: 24px;
width: 24px;
color: #deb25c;
margin-top: 10px;
}
#reservation-form .octobook .fa-calendar::before {
content: "\f107";
}
#reservation-form .octobookcheckin input, #reservation-form .octobookcheckout input, #reservation-form .octobookpax > div > select, #reservation-form .octobookchild > div > select {
background-color: transparent;
border: none;
box-shadow: unset;
text-align: center;
font-size: 20px;
color: #fff !important;
font-weight: 800;
max-width: 100px; display: inline-block;
}
#reservation-form .octobookcheckin input:focus, #reservation-form .octobookcheckin input:active,
#reservation-form .octobookcheckout input:focus, #reservation-form .octobookcheckout input:active,
#reservation-form .octobookpax > div > select:focus, #reservation-form .octobookpax > div > select:active,
#reservation-form .octobookchild > div > select:focus, #reservation-form .octobookchild > div > select:active {
background: transparent !important;
color: #fff;
}
#reservation-form .octobookpax > div > select:focus option, #reservation-form .octobookpax > div > select:active option,
#reservation-form .octobookchild > div > select:focus option, #reservation-form .octobookchild > div > select:active option {
background: #333;
}
#reservation-form .octobooksubmit > div > input {
background: rgba(222,178,92,0.2) !important;
border-radius: 0px;
font-size: 20px;
text-transform: uppercase;
border: 1px solid #deb25c;
color: #fff;
}
body > iframe {
width: 100% !important;
height: 100vh !important;
top: 0px !important;
left: 0px !important;
z-index: 9099999999 !important;
overflow: auto;
}
body > img {
top: 80px !important;
right: 6% !important;
z-index: 9999999999 !important;
background: #333;
}
#bookreservation #reservation-form {
position: fixed;
}
@media (max-width: 767px ){
.octobook {
text-align: center;
}
.octobook form {
flex-direction: column;
}
.octobook form > div{
margin-right: 0px;
margin-bottom: 20px;
}
#reservation-form .octobook .fa{margin-top: 0px;}
.octobooksubmit>label{display: none;}
} .flex-direction-nav .flex-next {margin-right: 100px;}
.flex-direction-nav .flex-prev {margin-left: 100px;} @media (min-width: 768px) {
#Footer {position: absolute; z-index: 100000; bottom: 0; width: 100%;}
#Footer .container {display: flex; align-items: center;}	
}
#Footer .one-third.column:nth-child(1), #Footer .one-third.column:nth-child(2) {text-align: center;}
#Footer .footer_copy {display: none;}
#Footer {background-color:rgba(0,0,0,0.7)!important;}
.myform textarea {height:220px!important;}
.message-form-inside {
height: 100%;
}
body.mobile-side-slide {
right: 0px !important;
}
#Side_slide.left {
left: -370px;
right: auto;
}
.terms {margin-bottom:10px;}
.terms a {color:#fff!important; text-decoration:underline; } #Header {
position: fixed !important;
z-index: 999999;
top: 0px;
height: 130px;
width: 100%;
max-height: 0;
}
@media (max-width: 767px) {
#Header #Top_bar {
background-color: transparent !important;
}
}
#Side_slide .text-logo{
padding-top: 130px;
}
.header-simple #Header #Top_bar a.responsive-menu-toggle {
position: fixed;
left: 30px;
top: 30px;
right: auto;
font-size: 32px;
line-height: 32px;
color: #fff;
width: 95px;
text-align: center;
text-transform: uppercase;
height: 52px;
display: flex;
align-items: center;
background: rgba(0,0,0,0.3);
border-radius: 30px;
padding: 0 10px;
text-decoration: none;
transition: all 300ms linear;
}
.header-simple #Header #Top_bar a.responsive-menu-toggle.active {background: rgba(255,255,255,0.3);}
.responsive-menu-toggle:not(.active) img {
transform: translateX(0px);
transition: all 300ms linear;
}
.responsive-menu-toggle.active img {
transition: all 300ms linear;
transform: translateX(62px);
}
#Top_bar a.responsive-menu-toggle span {
float: none;
display: block;
line-height: unset;
padding: 0 0 0 10px;
font-size: 22px;
line-height: 20px;
transition: all 300ms linear;
transition-delay: 100ms;
}
#Top_bar a.responsive-menu-toggle.active span {
transition: all 100ms linear;
color: transparent;
}
#Side_slide .extras .extras-wrapper .icon.search, #Side_slide .close-wrapper{display: none;}
.text-logo{
display: block;
margin: 0 15px 20px auto;
}
#Side_slide #menu ul li {
border: none !important;
}
#Side_slide #menu ul li a {
text-align: right;
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
} .talos-heading {
position: relative;
text-align: center;
font-size: 72px;
line-height: 72px;
margin: 0 0.5em 1em 0.5em;
padding: 0.3em 0.3em;
text-transform: uppercase;
color: #000;
}
.talos-heading::before,.talos-heading::after{
content: '';
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #000;
}
.talos-heading.whiteheading-a::before,.talos-heading.whiteheading-a::after{
content: '';
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
}
.talos-heading::before{
top: -0.1em
}
.talos-heading::after{
bottom: -0.1em
}
.talos-heading.white{
color: #fff;
}
.talos-heading.white::before,.talos-heading.white::after{
background-color: #fff;
}
@media (max-width: 1239px) {
.talos-heading {
font-size: 60px;
line-height: 60px;
}
}
@media (max-width: 959px) {
.talos-heading {
font-size: 50px;
line-height: 50px;
}
}
@media (max-width: 767px) {
.talos-heading {
font-size: 36px;
line-height: 36px;
}
}
@media (max-width: 479px) {
.talos-heading {
font-size: 26px;
line-height: 26px;
}
}
#welcome > .wpb_column,
#welcome > .wpb_column > .vc_column-inner ,
#welcome > .wpb_column > .vc_column-inner > .wpb_wrapper,
#welcome > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_raw_code,
#welcome > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_raw_code > .wpb_wrapper{
height: 100%
}
#welcome > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_raw_code
{  background-size: cover; background-position: center center; }
#welcome > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_raw_code > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 600px;
margin: 0 auto;
}
.talos-logo {
width: 150px;
display: block;
margin: 0 auto;
position: relative;
z-index: 3;
}
.svg-explore {
max-width: 520px !important;
bottom: 16% !important;
position: static !important;
}
@media (max-width: 767px) {
.svg-explore{display: none;}
} #suites > .wpb_column,
#suites > .wpb_column > .vc_column-inner ,
#suites > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
#suites > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.bottom-left {
position: absolute;
bottom: 55px;
left: 0;
box-sizing: border-box;
padding: 55px 55px 0 55px;
max-width: 520px;
color: #fff;
text-align: left;
margin-bottom: 0px !important;
}
.bottom-left.tgallery {bottom:250px;}
.bottom-left h2 {
color: #fff !important;
font-weight: 800;
}
@media (min-width: 1240px){
.bottom-left {
font-size: 24px;
line-height: 26px;
}
.bottom-left h2 {
font-size: 46px;
line-height: 48px;
}
} #amenities > .wpb_column,
#amenities > .wpb_column > .vc_column-inner ,
#amenities > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
#amenities > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} #gallery > .wpb_column,
#gallery > .wpb_column > .vc_column-inner ,
#gallery > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
#gallery > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} #activities > .wpb_column,
#activities > .wpb_column > .vc_column-inner ,
#activities > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
#activities > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} @media (min-width: 1240px){
#about > .wpb_column,
#about > .wpb_column > .vc_column-inner ,
#about > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
}
#about > .wpb_column:last-child > .vc_column-inner {
background-position: bottom center !important;
height:100vh;
}
#about > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
#about > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: stretch;
}
.about-us-col {
max-width: 790px;
}
.driving {width:100%;}
.driving-directions {
display: flex;
justify-content: space-around;
text-align: center;
color: #3b4d64;
} .driving-directions p.big{
font-size: 22px;
line-height: 25px;
font-weight: 800;
}
.icon-row .wpb_single_image{
display: flex;
flex-direction: column-reverse;
margin: 5px 0px;
}
.icon-row .vc_single_image-wrapper{margin-bottom: 10px;}
.icon-row .wpb_single_image h2{
font-size: 22px;
line-height: 24px;
color: #fff;
margin-bottom: 0;
}
@media (min-width: 1240px){
.driving-directions p.big{
font-size: 32px;
line-height: 35px;
}
.driving-directions p.small{
font-size: 22px;
line-height: 26px;
}
.about-us-col {
margin-top: 15%;
font-size: 18px;
}
.icon-row {
width: 100%;
}
.icon-row img { height: auto;
}
.icon-row .wpb_column .vc_column-inner {
padding: 35px 0 !important;
}
.icon-row .wpb_single_image h2 {
font-size: 16px;
line-height: 20px;
color: #fff;
margin: 0!important; } .icon-row {
display: flex!important;;
flex-direction: row!important;;
align-items: flex-start!important;;
}
.icon-row .wpb_column .vc_column-inner .wpb_single_image {
margin: 30px 0 !important;
}
figure.wpb_wrapper.vc_figure img {
max-height: 40px !important;
width: auto!important;
}
}
@media (max-width: 767px) {
#about {
height: auto !important;
}
#about > .wpb_column:first-child > .vc_column-inner{
padding-top: 35px !important;
}
} #Contact > .wpb_column,
#Contact > .wpb_column > .vc_column-inner ,
#Contact > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
#Contact > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.contact-details {
font-size: 18px;
line-height: 24px;
color: #000;
text-align: center;
font-weight: 700;
}
.contact-details a{
color: #000;
text-decoration: none;
}
@media (min-width: 1240px){
#Contact .talos-heading {
font-size: 60px;
line-height: 60px;
display: inline-block;
}
.contact-details {
font-size: 28px;
line-height: 36px;
}
}
.cta {
background-color: rgba(222,178,92,0.6);
padding: 10px 40px;
border: 1px solid #fff;
color: #fff;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 4px;
transition: all 300ms ease-in-out;
display: inline-block;
}
.cta.reverse {
background-color: #fff;
border: 1px solid rgba(222,178,92,1);
color: rgba(222,178,92,1);
}
.cta:hover {
background-color: rgba(222,178,92,1);
color: #333;
text-decoration: none;
}
.ctab {
background-color: rgba(222,178,92,0.99);
padding: 10px 40px;
border: 1px solid #fff;
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 4px;
transition: all 300ms ease-in-out;
display: inline-block;
width: 38%;
text-align: center;
}
.ctab.reverse {
background-color: #fff;
border: 2px solid rgba(222,178,92,1);
color: rgba(222,178,92,1);
}
.ctab:hover {
background-color: rgba(222,178,92,0.7);
color: #333;
text-decoration: none;
}
@media (max-width: 479px) {
.cta {
font-size: 14px;
width: 70%;
padding: 10px 0;
}
}
@media (max-width: 768px) {
#welcome > .wpb_column,
#welcome > .wpb_column > .vc_column-inner ,
#welcome > .wpb_column > .vc_column-inner > .wpb_wrapper,
#welcome > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_raw_code,
#welcome > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_raw_code > .wpb_wrapper,
#suites > .wpb_column,
#suites > .wpb_column > .vc_column-inner ,
#suites > .wpb_column > .vc_column-inner > .wpb_wrapper,
#amenities > .wpb_column,
#amenities > .wpb_column > .vc_column-inner ,
#amenities > .wpb_column > .vc_column-inner > .wpb_wrapper,
#gallery > .wpb_column,
#gallery > .wpb_column > .vc_column-inner ,
#gallery > .wpb_column > .vc_column-inner > .wpb_wrapper,
#activities > .wpb_column,
#activities > .wpb_column > .vc_column-inner ,
#activities > .wpb_column > .vc_column-inner > .wpb_wrapper,
#Contact > .wpb_column,
#Contact > .wpb_column > .vc_column-inner ,
#Contact > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100vh;
}	
#Contact{
padding: 0 15px;
} .home #reservation-form {display: none;}
}
[class^="icon-"]::before, [class*=" icon-"]::before {
vertical-align: middle;
}
#book-now-btn {
position: fixed;
top: 30px;
right: 30px;
}
#book-now-btn a {
background-color: rgba(222,178,92,0.6);
letter-spacing: 2px;
color: #fff;
font-size: 22px;
line-height: 22px;
padding: 13px 23px;
box-sizing: border-box;
border-radius: 30px;
text-transform: uppercase;
text-decoration: none;
transition: all 300ms ease-in-out;
}
#book-now-btn a:hover {
background-color: rgba(222,178,92,1);
} #explore > .wpb_column,
#explore > .wpb_column > .vc_column-inner ,
#explore > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
#explore > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.dib{text-align: center;}
.dib > .wpb_wrapper{display: inline-block;}
#social-icons {
text-align: center;
}
#social-icons a {
margin-right: 15px;
font-size: 30px;
line-height: 42px;
display: inline-block;
background: #79766e;
vertical-align: middle;
text-align: center;
color: #fff;
border-radius: 50%;
padding: 3px;
text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 1239px){
#talos-suites{
min-height: auto !important;
height: auto !important;
}
}
@media (max-width: 767px) {
#talos-suites,#agios-onoufrios{
height: auto !important;
}
#agios-onoufrios > .wpb_column:first-child > .vc_column-inner,#talos-suites > .wpb_column:last-child > .vc_column-inner {
padding: 250px 0;
}
}  .arrowgold {position: absolute; bottom:10px;}
#accommodation > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.arrowgold {display: none;}
#Junior-deluxe-suites,#Family-superior-suites{
height: auto !important;
}
#Kitchen-facilities,#Bedroom-facilities,#Bathroom-facilities {
min-height: 54vw !important;
}
#Kitchen-facilities .bottom-left {
padding: 15px;
text-align: center;
width: 100%;
position: static;
color: #fff;
background-color: #000;
font-size: 16px;
}
#Bedroom-facilities .bottom-left {
padding: 15px;
text-align: center;
width: 100%;
position: static;
color: #fff;
background-color: #000;
font-size: 16px;
}
#Bathroom-facilities .bottom-left {
padding: 15px;
text-align: center;
width: 100%;
position: static;
color: #fff;
background-color: #000;
font-size: 16px;
}
#Kitchen-facilities .talos-acc-gallery.facilities {
position: static;
height: auto;
}
#Bedroom-facilities .talos-acc-gallery.facilities {
position: static;
height: auto;
}
#Bathroom-facilities .talos-acc-gallery.facilities {
position: static;
height: auto;
}
#Kitchen-facilities .talos-acc-gallery.facilities .flexslider{
margin-bottom: 0px;
}
#Bedroom-facilities .talos-acc-gallery.facilities .flexslider{
margin-bottom: 0px;
}
#Bathroom-facilities .talos-acc-gallery.facilities .flexslider{
margin-bottom: 0px;
}
}
.talos-acc-gallery .flexslider{
border: none;
-webkit-box-shadow: unset;
box-shadow: unset;
}
.wpb_gallery.talos-acc-gallery .wpb_flexslider .flex-control-paging{display: none;}
.acc-row h2 {
text-transform: uppercase;
text-align: center;
}
.icons-wrap > div{
display: flex;
justify-content: space-around;
}
.icons-wrap .wpb_text_column {
margin-bottom: 0px;
}
.icons-wrap .wpb_text_column > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100%;
margin: 0 50px;
}
.acc-buttons p {
display: flex;
justify-content: space-between;
}
@media (min-width: 1240px) {
.acc-row > .wpb_column > .vc_column-inner {
padding-right: 50px;
padding-left: 50px;
}
.acc-row h2 { 
font-size: 42px;
line-height: 42px;
}
}
@media (max-width: 767px) {
.acc-buttons a.ctab {
font-size: 18px;
letter-spacing: 2px;
border: 1px solid rgba(222,178,92,0.6);
padding: 10px 15px;
}
.acc-buttons a.ctab.reverse {
letter-spacing: 1px;
}
.wpb_text_column.wpb_content_element.acc-buttons {
padding: 0 15px;
}
.icons-wrap .wpb_text_column > .wpb_wrapper {
margin: 0 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
.acc-row > .wpb_column {
padding: 0 15px;
}	
}  .suitesclass > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.suitesclass .talos-heading {margin-bottom:10px;}
.talos-heading2 {
position: relative;
text-align: center;
font-size: 50px;
line-height: 60px;
margin: 0 0.5em 1em 0.5em;
padding: 0.1em 0.3em;
text-transform: uppercase; letter-spacing: 6px;
}
.talos-heading2.white{
color: #fff;
}
.talos-heading2.white::before,.talos-heading2.white::after{
background-color: #fff;
}
.suite-title h2 {font-weight: 500;}
.suite-title .uvc-sub-heading {font-size: 21px; letter-spacing: 2px;}
.suitetable {max-width:570px; margin:0 auto; border:2px solid #c38132; padding: 10px 0;}
.suitetable .j01, .suitetable .j02, .suitetable .j03{display: inline-block; width: 32.8%; text-align: center; font-size: 25px; line-height: 35px; text-transform: uppercase; color: #000; margin-bottom: 10px}
.suitetable .j01 .a,.suitetable .j02 .a, .suitetable .j03 .a {color: #c38132; text-transform: lowercase; margin-bottom:10px; line-height: 60px;}
.suitetext {max-width: 1240px; margin:0 auto; text-align: center; font-size: 20px; line-height:25px; font-weight:600; color:#000;}
.suitelist-title {max-width: 1240px; margin:0 auto; text-align: center; font-size: 20px; line-height:25px; font-weight:600; color:#cf9e1c; text-decoration: underline;}
.suiteslista { max-width: 1240px; margin:0 auto!important; }
.suiteslist{ display: flex; justify-content: center;}
.suiteslist ul li {list-style-type: none; font-size:18px; font-weight: 600}
.suiteslist ul li:before {content: '\e915'; color: #cf9e1c; font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; }
.arrowgold2 {position: relative; bottom:0px; text-transform: uppercase;}
@media (max-width: 400px) {
.suitetable .j01, .suitetable .j02, .suitetable .j03 {
width: 30.8%;
font-size: 22px;
line-height: 23px;
}
}
@media (max-width: 767px) {
.suiteslist, .suiteslist ul {
padding: 0px !important;
margin: 0px !important;
}
.suitetext {
padding: 0 15px;
}
}  .deluxeclass > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.deluxeclass .talos-heading {margin-bottom:10px;}  .familyclass > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.familyclass .talos-heading {margin-bottom:10px;}  .superiorclass > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.superiorclass .talos-heading {margin-bottom:10px;}  #Facilities > .wpb_column,
#Facilities > .wpb_column > .vc_column-inner ,
#Facilities > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
#Facilities > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} .talos-acc-gallery.facilities *{
object-fit:cover;
object-position:center;
height: 100%!important;
}
@media (max-width: 767px) {
#Facilities {
align-items: center !important;
}
}  #Packages > .wpb_column,
#Packages > .wpb_column > .vc_column-inner ,
#Packages > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
#Packages > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.talos-packages h2, .tennis-tournaments h2, .dine-like-god h2 {font-size:36px; line-height:36px;font-weight: 500}
.flexslider .slides h4 {
position: absolute;
bottom: 250px;
left: 50px;
z-index: 9;
color: #fff;
font-size: 47px;
text-shadow: 0px 0px 10px #000;
line-height: 47px;
} @media (max-width: 767px){
.talos-packages .wpb_single_image.vc_align_right, .tennis-tournaments .wpb_single_image.vc_align_right, .dine-like-god .wpb_single_image.vc_align_right {text-align: center;}
.titlegallery .flexslider .slides h4 {font-size: 22px;line-height: 22px;}
.titlegallery, .titlegallery .flexslider{margin-bottom: 0px !important;}
}  .ms-skin-default .ms-nav-next {right: 150px;}
.ms-skin-default .ms-nav-prev {left: 150px;}  #Attractions > .wpb_column,
#Attractions > .wpb_column > .vc_column-inner ,
#Attractions > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
#Attractions > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.beachestext {max-width: 1240px; margin:0 auto; text-align: center; font-size: 20px; line-height:25px; font-weight:300; color:#000;}
.beaches-title h2 {font-weight: 500;}
.beaches-title .uvc-sub-heading {font-size: 21px; letter-spacing: 2px;}
.beacheslist ul { max-width: 1240px; margin:0 auto;    -webkit-column-count: 2; -moz-column-count:2; column-count:2;}
.beacheslist ul li {list-style-type: none; max-width: 90%; font-size:18px;}
.beacheslist ul li:before {content: '\e915'; color: #cf9e1c; font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; }
.beacheslist ul li:after {content:""; border-bottom: 1px solid #cf9e1c; display: inline-block; margin-left: 5px; width:100%;}
.km {float: right;}
.beaches-landmarks {}
@media (max-width: 767px) {
.beacheslist ul{
-webkit-column-count: 1;
-moz-column-count:1;
column-count:1;
padding:0 15px;
}
.beachestext{
padding: 0 15px;
}
}  #Contact > .wpb_column,
#Contact > .wpb_column > .vc_column-inner,
#Contact > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
#Contact > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#Send-message > .wpb_column,
#Send-message > .wpb_column > .vc_column-inner,
#Send-message > .wpb_column > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
.send-message-title {text-align: center;}
.send-message-title h2 {color:#fff; font-size:42px; margin-top:50px;}
.message-form-inside {background-color: rgba(255,255,255, 0.8); height:100%;display: flex; align-items: top; padding-top:150px;}
.myform {max-width: 1240px; margin:0 auto; height:100%; vertical-align: middle;}
.myform.left {width:49%; float:left;}
.myform.right {width:49%; float:right;}
.myform.full {text-align: center;}
.myform input[type="date"]:focus, 
.myform input[type="email"]:focus, 
.myform input[type="number"]:focus, 
.myform input[type="password"]:focus, 
.myform input[type="search"]:focus, 
.myform input[type="tel"]:focus, 
.myform input[type="text"]:focus, 
.myform input[type="url"]:focus, 
.myform select:focus, 
.myform textarea:focus, 
.myform input[type="text"], 
.myform input[type="url"], 
.myform select, 
.myform textarea, 
.myform input[type="email"] 
{
color: #000!important;
background-color: transparent!important;
border: unset;
border-bottom: 2px solid #000!important;
font-size: 25px;
line-height: 30px;
opacity: 1;
box-shadow: unset;
}
input[type="submit"] {background-color: #000000!important; color: #fff; font-size:30px;}
.myform ::placeholder {    color: #000!important;}
@media (max-width: 767px) {
#Send-message .wpb_wrapper .wpcf7-form {
padding: 0 15px;
box-sizing: border-box;
}
.ultimate-map-wrapper.ult-adjust-bottom-margin,.ultimate_google_map.wpb_content_element.page_margin_top {
height: 500px !important;
}
} #Side_slide .extras {
display: none;
}
#Side_slide .lang-wrapper {
display: block !important;
}
#Side_slide .lang-wrapper ul li {
display: inline-block;
}
#Side_slide .lang-wrapper ul li a {padding: 11px 5px 10px 5px;}
#Side_slide .lang-wrapper {    margin-bottom: 50px;    margin-left: 80px;}
#book > .wpb_column,
#book > .wpb_column > .vc_column-inner ,
#book > .wpb_column > .vc_column-inner > .wpb_wrapper,
#book > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_raw_code,
#book > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_raw_code > .wpb_wrapper{
height: 100%
}
#book > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_raw_code
{  background-size: cover; background-position: center center; }
#book > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_raw_code > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 600px;
margin: 0 auto;
} #Side_slide .social li a {
font-size: 25px;
}
.ms-slide-bgcont,.ms-view,.ms-slide {
max-height: 100vh;
}
div[data-fill-mode="fit"] img {
height: 100% !important;
width: auto !important;
margin: 0 auto;
}
#Contact {background-position: bottom center !important}
.flex-direction-nav a { color: #fff!important;}
#Packages {background-position:bottom center;}
@media (max-height: 800px) {
.suiteslist ul li {
list-style-type: none;
font-size: 16px;
font-weight: 600;	
margin-bottom: 0;
}
.suitetable {padding: 5px 0;}
.suitetable .j01, .suitetable .j02, .suitetable .j03 {
display: inline-block;
width: 32.8%;
text-align: center;
font-size: 17px;
line-height: 17px;
text-transform: uppercase;
color: #000;
margin-bottom: 10px;
}
.suitetext {
font-size: 18px;
line-height: 21px;
margin-bottom: 15px !important;
}
}
.gdprtext {    overflow: scroll;
max-height: 380px;
}
#ct-ultimate-gdpr-cookie-popup {line-height: 18px; font-size: 15px; width: 350px!important;max-width:100%; font-weight:400; padding:20px; }
#ct-ultimate-gdpr-cookie-change-settings { margin-top: 5px; margin-right:10px;}
#ct-ultimate-gdpr-cookie-content {margin-bottom:20px;}
#ct-ultimate-gdpr-cookie-popup {display: none; box-sizing: border-box;}
#ct-ultimate-gdpr-cookie-change-settings {border:none!important; background:transparent!important; padding-right:0!important; color:#333!important; margin-bottom: 0 !important;}
.ui-tabs .ui-tabs-nav li a {padding: 14px 10px !important;}
.ui-state-default.ui-corner-top {width: 25% !important;}
.ui-tabs .ui-tabs-nav li.ui-state-active a::after {width: 100%;}
#ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct-ultimate-gdpr-cookie-accept, #ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct-ultimate-gdpr-cookie-read-more {margin: 5px 0 !important;}
.tnp-field.tnp-field-privacy {
display: flex;
}
#ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct-ultimate-gdpr-cookie-change-settings {
margin-top: 6px!important;
}
.wpcf7-form-control-wrap.accept-this-1 {max-width: 1240px;
margin: 0 auto;
display: block !important;} @media (min-width: 768px) {
div#covidaction {
position: fixed;
top: 30px;
right: 150px;
}
}
@media (max-width: 767px) {
div#covidaction {
position: fixed;
top: unset !important;
right: unset !important;
bottom: 0;
text-align: center;
width: 100%;
padding: 15px 0;
background-color: rgba(222,178,92,0.6);
}
a.covidactionlink {
background: none !important;
letter-spacing: 2px;
color: #fff;
font-size: 22px;
line-height: 22px;
padding: 13px 23px;
box-sizing: border-box;
border-radius: 0;
text-transform: uppercase;
text-decoration: none;
transition: all 300ms ease-in-out;
}
}
a.covidactionlink {
background-color: rgba(222,178,92,0.6);
letter-spacing: 2px;
color: #fff;
font-size: 22px;
line-height: 22px;
padding: 13px 23px;
box-sizing: border-box;
border-radius: 30px;
text-transform: uppercase;
text-decoration: none;
transition: all 300ms ease-in-out;
}
a.covidactionlink:hover {
background-color: rgba(222,178,92,1);
color: #fff !important;
} div#reservation-form td.day {
color: white;
}
.octobook table td > span.year {
color: #ffffff!important;
font-style: italic;
}
.octobook table td > span.month {
text-transform: uppercase;
font-style: italic;
color: white!important;
}
.octobook .weekday {
color: white!important;
font-size: 0.95em;
min-width: 70px;
} li.linktovillas {
background: #fff;
}
li.linktovillas>a {
color: #333;
}
li.linktovillas>a>span {
position: relative;
color: #333;
font-weight: 600;
}
li.linktovillas>a>span::before {
content: '';
background: url(https://www.talosluxurysuites.gr/wp-content/uploads/2023/05/talos_ixon_1.png);
width: 50px;
height: 50px;
display: block;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
left: -60px;
right: auto;
top: 50%;
transform: translateY(-50%);
}