/* CSS Document */ @charset"UTF-8";/*! * George S. (Sea paradise villas) * Copyright 2022 Inc.*/ /* ===================== */ /* ===================== */ /* MAIN HTML */ body {PADDING-RIGHT:0px; PADDING-LEFT:0px;PADDING-BOTTOM:10px; MARGIN:0px; TEXT-ALIGN:justify; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;font-size:18px; color:#000000;overflow-x:hidden; background-color:#;} H1 {MARGIN-TOP:5px; FONT-WEIGHT:normal; FONT-SIZE:22px; MARGIN-BOTTOM:5px; COLOR:#8E9CA6; FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica, sans-serif;} H2 {MARGIN-TOP:5px; font-weight:400; FONT-SIZE:28px; MARGIN-BOTTOM:5px; COLOR:#3bc2d3; FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica, sans-serif;} H3 {font-weight:600; FONT-SIZE:30px; COLOR:#333333; FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica, sans-serif; letter-spacing:2px; margin:0px; padding:0px;} a:link {COLOR: #000000; TEXT-DECORATION: none;} a:active {COLOR: #3bc2d3; TEXT-DECORATION: none;} a:hover {COLOR: #3bc2d3; TEXT-DECORATION: underline;} /* ===================== */ /* ===================== */ /* GO TO TOP */ #myBtn {display: none; /* Hidden by default */position: fixed; /* Fixed/sticky position */bottom: 70px; /* Place the button at the bottom of the page */right: 35px; /* Place the button 30px from the right */z-index: 99; /* Make sure it does not overlap */border: none; /* Remove borders */outline: none; /* Remove outline */background-color:#004F76; /* Set a background color */color: white; /* Text color */cursor: pointer; /* Add a mouse pointer on hover */padding: 15px; /* Some padding */border-radius: 10px; /* Rounded corners */font-size: 18px; /* Increase font size */border:1px solid #89dfea;} #myBtn:hover {background-color: #555; /* Add a dark-grey background on hover */} /* ===================== */ /* ===================== */ /* DROP DOWN GREEK / ENGLISH */ .flagbtn {color:#333333; padding:10px; font-size:16px; border:none; cursor: pointer;} /* The container
- needed to position the dropdown content */ .flagdown {position:relative; display:inline-block;} /* Dropdown Content (Hidden by Default) */ .flagdown-content { display:none; position:absolute; background-color:#f9f9f9; min-width: 100px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;} /* Links inside the dropdown */ .flagdown-content a {color:black; padding: 10px 15px; text-decoration:none; display:block;} /* Change color of dropdown links on hover */ .flagdown-content a:hover {background-color: #f1f1f1; text-align:center;} /* Show the dropdown menu on hover */ .flagdown:hover .flagdown-content {display: block;text-align:center;} /* Change the background color of the dropdown button when the dropdown content is shown */ .flagdown:hover .flagbtn {background-color:#FFFFFF; text-align:center;} .desc {padding:15px; text-align:center;} /* ===================== */ /* ===================== */ /* book online .. BUTTON */ a.bookNow{font-size:20px;line-height:normal;font-weight:400;font-style:normal;color:#3bc2d3;background:rgba(0,0,0,.7);text-decoration:none;display:table;margin:auto;padding:14px 25px 14px 25px;background-position:90% 50%;position:relative;box-sizing:border-box;border:2px solid #fff;top:4px;box-shadow: 0 0 8px 0 rgba(128,128,128,1);} a:hover.bookNow{font-size:20px;line-height:normal;font-weight:400;font-style:normal;color:#FFFFFF; background-color:#89dfea;text-decoration:none;display:table;margin:auto;padding:14px 25px 14px 25px;background-position:90% 50%;position:relative;box-sizing:border-box;border:1px solid #89dfea;top:4px;box-shadow: 0 0 8px 0 rgba(128,128,128,1);} a.bookNow:before{/*content:"Direct with the HOTEL";display:table;max-width:125px;color:#fff;background:rgba(0,0,0,.7);position:absolute;font-size:14px;top:0px;left:-130px;padding:13px 15px;text-align:center;box-sizing:border-box*/} a.bookNow2{font-size:16px;line-height:normal;font-weight:500;font-style:normal;color:#006699;background-color:#E9E9E9;text-decoration:none;display:table;margin:auto;padding:6px 15px 6px 15px;background-position:90% 50%;position:relative;box-sizing:border-box;border:1px solid #BCBCBC;top:6px;} a:hover.bookNow2{font-size:16px;line-height:normal;font-weight:500;font-style:normal;color:#006699;background-color:#F5F5F5;text-decoration:none;display:table;margin:auto;padding:6px 15px 6px 15px;background-position:90% 50%;position:relative;box-sizing:border-box;border:1px solid #BCBCBC;top:6px;} /* ===================== */ /* ===================== */ /* Top Menu .. NAVAGATION BAR */ /* Add a black background color to the top navigation */ /* Navbar container */ .navbar {overflow:hidden; background-color:white; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; display:inline-table; margin-top:20px; margin-bottom:0px;} /* Links inside the navbar */ .navbar a {float: left; font-size: 20px; color:#000000; text-align: center; padding: 14px 10px; text-decoration: none;} /* The dropdown container */ .dropdown {float:left; overflow hidden;} /* Dropdown button */ .dropdown .dropbtn {font-size: 20px; border: none; outline: none; color:#000000; padding: 14px 10px; background-color:inherit; font-family: inherit; /* Important for vertical align on mobile phones */ margin: 0; /* Important for vertical align on mobile phones */} /* Add a red background color to navbar links on hover */ .navbar a:hover, .dropdown:hover .dropbtn {text-decoration:underline;color:#3bc2d3;} /* Add a red background color to navbar links on hover */ .navbar a.active {text-decoration:underline; color:#3bc2d3; background-color:#FFFFFF;} /* Dropdown content (hidden by default) */ .dropdown-content {display: none; position: absolute; background-color:#f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;} /* Links inside the dropdown */ .dropdown-content a {float:none; color:#000000; padding: 10px 15px; text-decoration:none; display:block; text-align:left;} /* Add a grey background color to dropdown links on hover */ .dropdown-content a:hover {background-color:#ddd; color:#3bc2d3;} /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {display: block;} /* ===================== */ /* ===================== */ /* Slideshow */ * {box-sizing:border-box} /* Slideshow container */ .slideshow-container {max-width: 100%;position: relative;margin: auto;} /* Hide the images by default */ .mySlides {display: none;} /* Next & previous buttons */ .prev, .next {cursor: pointer; position:absolute; top:50%; width:auto; margin-top: -22px;padding: 16px; color:white; font-weight:bold; font-size:28px; transition: 0.6s ease;border-radius: 0 3px 3px 0; user-select:none; text-decoration:none;} /* Position the "next button" to the right */ .next {right: 0;border-radius: 3px 0 0 3px;} /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);} /* Caption text */ .text {margin-bottom:40px; color:#f2f2f2; font-size:26px; padding: 8px 12px; position:absolute; bottom:40px; width:100%; text-align:center; letter-spacing:3px; text-shadow:0 0 20px rgba(0,0,0,2),0 0 40px rgba(0,0,0,2); font-weight:400;} /* Caption text */ .text2 {margin-bottom:30px; color:#f2f2f2; font-size:18px; padding: 8px 12px; position:absolute; bottom:20px; width:100%; text-align:center; letter-spacing:3px; text-shadow:0 0 20px rgba(0,0,0,1),0 0 40px rgba(0,0,0,1); font-weight:200;} /* Number text (1/3 or pool area ... etc) */ .numbertext {margin-top:70px; color:#f2f2f2; font-size:18px; padding: 8px 12px; position:absolute; top:0; background-color: rgba(0,0,0,.7); width:10%; text-align:center;} /* The dots/bullets/indicators */ .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;} .active, .dot:hover {background-color:#717171;} /* Fading animation */ .fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;} @-webkit-keyframes fade {from {opacity: .4}to {opacity: 1}} @keyframes fade {from {opacity: .4}to {opacity: 1}} /* ===================== */ /* ===================== */ /* CLOSED DIV box on head */ .unitBack{width:100%;background:rgba(255,255,255,.7);padding:4px 0;position:absolute;top:0;z-index:58} .tableAuto{display:table;margin:auto} .unitTitle{font-family:Raleway,sans-serif;font-size:18px;line-height:38px;font-weight:600;font-style:normal;color:#356A9F;} .closeunit{font-size:20px;line-height:normal;font-weight:300;font-style:normal;color:#636363;position:absolute;right:15px;top:6px;z-index:2;cursor:pointer} .left15{float:left;margin:0 0 0 15px} .left{float:left;margin:0} a.moreunit{font-family:Raleway,sans-serif;font-size:14px;line-height:normal;font-weight:600;font-style:normal;color:#636363;text-decoration:none;padding:6px 25px;display:table;border:1px solid #636363;margin-top:4px} a:hover.moreunit{font-family:Raleway,sans-serif;font-size:14px;line-height:normal;font-weight:600;font-style:normal;color:#fff;background:rgba(142,214,233,.77);text-decoration:none;border:1px solid #bab097;margin-top:4px} .roomlist {padding-right:3%;padding-left:3%;} .reasons {color:#337ab7;margin-top:10px; text-decoration:underline;} /* ===================== */ /* ===================== */ /* few units box .. & .. rooms list below the slider head */ .unitBack{width:100%;background:rgba(255,255,255,.7);padding:4px 0;position:absolute;top:0;z-index:58} .tableAuto{display:table;margin:auto} .unitTitle{font-family:Raleway,sans-serif;font-size:18px;line-height:38px;font-weight:600;font-style:normal;color:#356A9F;} .closeunit{font-size:20px;line-height:normal;font-weight:300;font-style:normal;color:#636363;position:absolute;right:15px;top:6px;z-index:2;cursor:pointer} .left15{float:left;margin:0 0 0 15px} .left{float:left;margin:0} a.moreunit{font-family:Raleway,sans-serif;font-size:14px;line-height:normal;font-weight:600;font-style:normal;color:#636363;text-decoration:none;padding:6px 25px;display:table;border:1px solid #636363;margin-top:4px} a:hover.moreunit{font-family:Raleway,sans-serif;font-size:14px;line-height:normal;font-weight:600;font-style:normal;color:#fff;background:rgba(142,214,233,.77);text-decoration:none;border:1px solid #bab097;margin-top:4px} .roomlist {padding-right:3%;padding-left:3%;} .reasons {color:#337ab7;margin-top:10px; text-decoration:underline;} /* ===================== */ /* ===================== */ /* CHANGE IMAGE .. TAB */ /* The grid: Four equal columns that floats next to each other */ .column {float:left ;width:25%; padding:10px;} /* Style the images inside the grid */ .column img {opacity:0.8; cursor: pointer;} .column img:hover {opacity: 1;} /* Clear floats after the columns */ .row:after {content:""; display:table; clear: both;} /* The expanding image container (positioning is needed to position the close button and the text) */ .container {position: relative;display: none;} /* Expanding image text */ #imgtext { position: absolute; bottom: 15px; left: 15px; color: white; font-size: 20px;} /* Closable button inside the image */ .closebtn { position: absolute; top: 10px; right: 15px; color: white; font-size: 35px; cursor: pointer;} /* ===================== */ /* ===================== */ /* SECTION A' */ .note_D {margin-bottom:50px; margin-top:10px; border:1px #66CCFF solid;background-color:#F0FAFF; padding:7px;color:#006699; text-align:center; width:73%; padding-left:15px;padding-right:15px; margin-left:15%; margin-right:25%; position:relative; font-size:18px;} /* ===================== */ /* ===================== */ /* SECTION B' .. show the contents */ #more {display: none;} /* ===================== */ /* ===================== */ /* TAB image */ /* column pic */ .column {float: left; width: 25%; padding: 5px;} /* Style the images of gallery */ .column img {opacity: 0.6; cursor: zoom-in; padding: 5px;} .column img:hover {opacity: 1; transform: scale(1.1); transition: 0.5s;} .column img:active {opacity: 1;} * {box-sizing: border-box;} /* ===================== */ /* ===================== */ /* SECTION NT' */ .headtitle2 { font-size:36px; margin-left:8%; margin-bottom:15px; color:#337ab7; font-weight:500; border-left:solid 5px #337ab7; padding-left:30px;} /* ===================== */ /* ===================== */