html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; }/*\*/.clearfix { display: block; }/**/.none { display: none; }   html {
font-size: 62.5%; }
body {
font-family: 'Montserrat', sans-serif;
font-size: 1.4rem;
line-height: 24px;
font-weight: normal;
color: #7f8c8d;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
color: #000;
text-transform: uppercase;
}
h1 {
font-size: 2.2rem;
font-weight: normal;
line-height: 32px;
letter-spacing: 0.1em;
padding-left: -0.1em;
margin-bottom: 25px;
}
h2 {
font-size: 1.8rem;
line-height: 28px;
font-weight: normal;
margin-bottom: 25px;
letter-spacing: 0.1em;
padding-left: -0.1em;
}
h3 {
font-size: 1.6rem;
font-weight: normal;
line-height: 2.6rem;
margin-bottom: 20px;
letter-spacing: 0.1em;
padding-left: -0.1em;
}
h4 {
font-size: 1.4rem;
margin-bottom: 20px;
letter-spacing: 0.1em;
padding-left: -0.1em;
}
h5 {
font-size: 1.4rem;
line-height: 18px;
text-transform: none;
margin-bottom: 20px;
}
h6 {
font-size: 1.2rem;
line-height: 16px;
margin-bottom: 20px;
letter-spacing: 0.05em;
padding-left: -0.05em;
}
.h2-divider {
height: 1px;
width: 120px;
background: #000;
display: block;
margin: 0 auto 80px auto;
}
a, a:hover, a:visited, a:active, a:focus { 
color: #446db2;
text-decoration: none;
font-weight: normal;
}
a img { border: none; }
a > img { vertical-align: bottom; }
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-thumb,
.video-thumb,
.audio-thumb,
.author-bio { margin-bottom: 20px; }
p,
address {
line-height: 24px;
}
hr {
margin-bottom: 40px;
border-color: #e9ecec;
}
pre {
border: 1px solid #dddddd;
padding: 20px !important;
background: #f1f1f1;
margin-bottom: 30px !important;
margin-top: 20px !important;
white-space: pre-wrap;
font-family: monospace, serif;
font-size: 16px;
color: #999;
} .subtitle {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #666;
font-size: 1.8rem;
line-height: 30px;
margin-top: -65px;
margin-bottom: 65px;
} .check-list {
padding-left: 0;
margin: 0;
list-style: none;
}
.check-list:before,
.check-list:after {
content: " ";
display: table;
}
.check-list:after {
clear: both;
}
.check-list li {
height: 28px;
line-height: 28px;
margin-bottom: 13px;
}
.check-list li i {
font-size: 28px;
float: left;
margin-right: 17px;
color: #33BA9C;
}
.check-list li.floated {
float: left;
width: 33.333333%;
}
.check-list li.disabled i {
color: #D7DCDE;
} .check-list.inline li {
float: left;
width: 50%;
} .details-list {
margin: 0 0 40px 0;
padding-left: 0;
list-style: none;
}
.details-list:before,
.details-list:after {
content: " ";
display: table;
}
.details-list:after {
clear: both;
}
.details-list li {
width: 25%;
height: 36px;
line-height: 36px;
margin-bottom: 25px;
display: inline-block;
float: left;
}
.details-list i {
font-size: 32px;
color: #61AEE0;
padding-right: 20px;
display: inline-block;
height: 32px;
float: left;
}
.details-list span {
display: inline-block;
float: left;
height: 32px;
line-height: 32px;
} .collapse {
height: 0;
visibility: hidden;
}
.in {
visibility: visible;
} .pull-left {
float: left;
}
.pull-right {
float: right;
} #back_to_top {
position: fixed;
right: 20px;
top: 85%;
z-index: 99;
display: none;
margin: 0;
width: 48px;
height: 48px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #666 url(//www.calmwave.gr/wp-content/themes/bentuestu/img/back_top.png) center center no-repeat;
opacity: 0.25;
-webkit-transition: opacity 0.15s ease-in-out 0s;
-moz-transition: opacity 0.15s ease-in-out 0s;
-o-transition: opacity 0.15s ease-in-out 0s;
transition: opacity 0.15s ease-in-out 0s;
}
#back_to_top:hover {
opacity: 1;
}
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 999;
display: none;
} .block {
padding: 80px 0;
}
.block.gray {
background: #f6f8f8;
} .collapsible-container:before,
.collapsible-container:after {
content: " ";
display: table;
}
.collapsible-container:after {
clear: both;
}
.collapsible-header {
display: none;
}
.collapsible-content,
.collapsible-content.open {
height: auto;
overflow: inherit;
} .button-primary {
display: inline-block;
padding: 12px 20px;
background-color: #1ABC9C;
color: #FFFFFF;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 14.5px;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
-o-transition: background 0.1s linear;
transition: background 0.1s linear;
} .button-primary:hover,
.button-primary:active,
.button-primary:focus,
.button-primary:visited {
background-color: #1ABC9C;
color: #FFFFFF;
} .button-primary.button-large {
padding: 16px 30px;
font-size: 16.5px;
}
.button-primary.button-small {
padding: 8px 18px;
font-size: 12.5px;
}
.button-primary.button-mini {
padding: 4px 12px;
font-size: 11.5px;
}
.button-primary.button-block {
padding-right: 0;
padding-left: 0;
width: 100%;
}
.button-primary + .button-primary {
margin-left: 10px;
} .button-primary.inverted {
background-color: #5DADE2;
}
.button-primary.inverted:hover,
.button-primary.inverted:active,
.button-primary.inverted:focus {
background-color: #5DADE2;
color: #FFFFFF;
} .button-primary i {
position: relative;
top: 1px;
left: -2px;
margin-right: 5px;
} .blank_divider {
width: 100%;
height: 20px;
}   .header-wrapper {
height: auto; padding: 20px 0;
}
.header-wrapper [class^="col-"] {
z-index: 999; } .site-header-wrapper {
position: relative;
} .site-branding {
float: left; 
height: auto; 
margin-right: 35px; 
display: inline-block;
}
.header-wrapper #logo {
display: block;
font-size: 1.8rem;
font-weight: normal;
line-height: 60px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #000;
}
.header-wrapper #logo:hover,
.header-wrapper #logo:focus,
.header-wrapper #logo:active {
color: #000;
}
.header-wrapper #logo.logo-img {
}
.header-wrapper #logo img {
width: auto;
opacity: 1;
vertical-align: top;
-webkit-transition: opacity 0.15s ease-in-out 0s;
-moz-transition: opacity 0.15s ease-in-out 0s;
-o-transition: opacity 0.15s ease-in-out 0s;
transition: opacity 0.15s ease-in-out 0s;
}
#logo img.standard {
display: block;
}
#logo img.retina {
display: none;
} .main-menu-container {
float: right; 
position: relative; 
display: block;	
}
#main-nav {
width: auto;
height: 110px;
float: right;
}
#main-nav ul {
line-height: 110px;
margin-bottom: 0;
}
#main-nav li {
display: inline;
margin-right: 25px;
}
#main-nav li:last-child {
margin-right: 0;
}
#main-nav li a {
font-size: 1.4rem;
text-transform: uppercase;
color: #7f8c8d;
} .site-tools {
position: absolute;
right: 0;
padding: 10px 0;
z-index: 3;
float: right;
}
.lang_selector {
margin-bottom: 0;
padding: 0;
z-index: 3;
}
.lang_selector li {
list-style: none;
}
.lang_selector li a {
background-color: #00BD9C;
display: inline-block;
width: 43px;
height: 43px;
line-height: 43px;
border-radius: 999px;
text-align: center;
color: #FFF;
}
.lang_selector li:hover > ul.sub-menu {
display: block;
}
.lang_selector .sub-menu {
display: none;
padding-left: 0;
padding-top: 10px;
}   #gallery, .rev-slider-gallery {
min-height: 350px;
padding: 0;
background: #f5f5f5;
position: relative;
} #gallery .tp-bullets.simplebullets.round .bullet,
#gallery .tp-bullets.simplebullets.round .bullet:hover,
.rev-slider-gallery .tp-bullets.simplebullets.round .bullet,
.rev-slider-gallery .tp-bullets.simplebullets.round .bullet:hover {	
background: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/pager.png) no-repeat top left;	
width: 21px;	
height: 21px;  
margin-left: 4px;
}
#gallery .tp-bullets.simplebullets.round .bullet.selected,
.rev-slider-gallery .tp-bullets.simplebullets.round .bullet.selected {	
background-position: bottom left; 
}
#gallery .tp-leftarrow.default,
.rev-slider-gallery .tp-leftarrow.default {	
background: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/slider-controls.png) no-repeat 0 0;	
width: 60px;	
height: 60px;
}
#gallery .tp-rightarrow.default,
.rev-slider-gallery .tp-rightarrow.default {	
background: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/slider-controls.png) no-repeat 0 -60px;		
width:60px;	
height:60px;
} #reservation {
padding-bottom: 0;
} #calendar {
-moz-transition: height .5s;
-ms-transition: height .5s;
-o-transition: height .5s;
-webkit-transition: height .5s;
transition: height .5s;
height: 0;
overflow: hidden;
}
.subtitle.calendar {
margin-bottom: 30px;
}
.calendar-inner {
position: relative;
}
.calendar-inner a.toggle-calendar {
position: absolute;
right: 20px;
top: 20px;
background: transparent url(//www.calmwave.gr/wp-content/themes/bentuestu/img/close_calendar.png) top right no-repeat;
display:block;
width: 39px;
height: 39px;
text-indent: -999em;
overflow: hidden;
} #calendar .check-list.inline {
margin: 88px 0 20px 0; }
#calendar .check-list.inline li i {
margin-right: 15px;
padding-top: 3px;
} #calendar .check-list.inline li.availability.available i {
color: #29bb9c;
} #calendar .check-list.inline li.availability.booked i {
color: #dd6464;
} #calendar .check-list.inline li.availability.promo i {
color: #ba68ba;
} #booking {
margin-top: 35px;
padding-top: 0;
padding-bottom: 62px;
}
#booking .media {
min-height: 70px;
position: relative;
}
#booking .date {
line-height: 24px;
}
#booking .media > .pull-left {
margin-right: 18px;
}
#booking .title {
display: block;
margin-top: 12px;
font-size: 1.8rem;
color: #000;
}
#booking .date-picker {
background: #1abc9c;
width: 65px;
height: 65px;
line-height: 65px;
text-align: center;
display: inline-block;
font-size: 2.8rem;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 3px 0 0px #16A085;
}
#booking .setDate {
background-image: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/set-date.png);
background-position: center center;
background-repeat: no-repeat;
}
#booking .date-picker.blue {
background: #5dade2;
box-shadow: 0 3px 0 0px #2980B9;
} #booking .price {
height: 65px;
line-height: 60px;
display: inline-block;
padding: 0 15px;
font-size: 2.6rem;
color: #1abc9c;
border: 3px solid #1abc9c;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#booking .price small {
display: none; }
#booking .btn {
background: #1abc9c;
color: #fff;
font-size: 1.6rem;
text-transform: uppercase;
padding: 15px 60px;
box-shadow: 0 3px 0 0px #16A085!important;
margin: 40px auto 0 auto;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
} #property-details.block {
padding-bottom: 0;
} .details-gallery {
margin: 60px 0 0 0; 
padding: 0;
}
.gallery-item {
width: 25%;
min-height: 100px; 
margin: 0;
display: inline-block;
float: left;
overflow: hidden;
position: relative;
}
.gallery-item .hover-wrap {
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 100%;
}
.gallery-item img {
width: 100%;
} .gallery-item img {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.gallery-item:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.gallery-item .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
opacity: 0;
filter: alpha(opacity=0);
background-color: rgba(1, 188, 158, .75);
background-image: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/zoom.png);
background-position: center 40%;
background-repeat: no-repeat;
-webkit-transition: opacity 0.15s ease-in-out 0s;
-moz-transition: opacity 0.15s ease-in-out 0s;
-o-transition: opacity 0.15s ease-in-out 0s;
transition: opacity 0.15s ease-in-out 0s;
}
.gallery-item:hover .overlay {
opacity: 1;
filter: alpha(opacity=1);
}
.gallery-item .overlay-meta {
position: absolute;
bottom: 20px;
left: 20px;
}
.gallery-item .overlay-meta h3 {
font-size: 1.4rem;
color: #fff;
font-weight: normal;
margin-bottom: 0;
}
.gallery-item .overlay-meta .caption {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #fff;
font-size: 1.6rem;
line-height: 28px;
} #owners .media .media-heading {
font-size: 1.6rem;
font-weight: normal;
text-transform: uppercase;
color: #666;
margin: 15px 0 5px 0;
}
#owners .media .subtitle {
margin: 0 0 10px 0;
}
#owners .media img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
} #experiences .card-list {
list-style: none;
margin-top: 65px;
margin-bottom: 0;
padding-left: 0;
}
#experiences .card-item {
background-color: #f0f0f0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
overflow: hidden;
}
#experiences .card-item .card-heading {
min-height: 150px;
background-position: center center;
background-size: 120%;
}
#experiences .card-item .card-heading.placeholder {
background-color: #D7DCDE;
text-align: center;
color: #FFF;
}
#experiences .card-item .card-heading.placeholder i {
font-size: 50px;
display: inline-block;
margin-top: 20%;
}
#experiences .card-item .card-meta {
padding: 25px 28px;
}
#experiences .card-meta h4 {
color: #464646;
margin-bottom: 10px;
font-style: normal;
}
#experiences .card-meta p {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #737575;
height: 72px;
}
#experiences .card-meta a,
#experiences .card-meta a:hover,
#experiences .card-meta a:visited,
#experiences .card-meta a:active {
font-family: 'Old Standard TT', serif;
font-style: italic;
font-size: 16px;	
color: #0e0e0e;
}
#experiences .owl-controls {
margin-top: 20px;
text-align: center;
}
#experiences .owl-carousel .owl-controls .owl-dot.active {
background: #919292;
} #weather .weather-stats {
padding: 60px 0;
}
#weather .weather-stats .row {
margin: 0;
} #weather .fancy-select {
float: none;
display: inline-flex; width: auto;
z-index: 999;
}
#weather div.fancy-select div.trigger {
background: transparent;
padding: 0 15px 0 0;
font-size: inherit;
color: #446DB2;
height: auto;
line-height: inherit;
box-shadow: none;
-webkit-box-shadow: none;
width: auto;
border-radius: 0;
overflow: visible; }
div.fancy-select i {
display: none!important;
}
#weather div.fancy-select i {
font-size: 10px;
padding-left: 5px;
color: #446DB2;
position: absolute;
right: 0;
padding-top: 2px;
display: inline-block!important;
}
#weather div.fancy-select ul.options {
background-color: #FFF!important;
padding: 0;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
top: 40px;
left: -65px;
width: 170px;
border: 0;
height: 165px;
max-height: 165px;
overflow-y: scroll;
}
#weather div.fancy-select div.trigger.open::before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 10px;
top: 20px;
border: 10px solid;
border-color: transparent transparent #f0f0f0 transparent;
}
#weather div.fancy-select ul.options li {
font-family: 'Montserrat', sans-serif!important;
font-style: normal;
color: #666;
padding: 8px 0;
font-size: 14px;
background-color: #F0F0F0;
border-bottom: 1px solid #FFF;
margin: 0;
}
#weather div.fancy-select ul.options li.selected {
background-color: #61aee0!important;
color: #FFF;
}
#weather div.fancy-select ul.options li:last-child {
border: 0;
} #weather .degree i {
font-size: 100px;
color: #61AEE0;
float: left;
}
#weather .degree p {
float: left;
margin-top: 23px;
margin-left: 20px;
text-transform: uppercase;
}
#weather .degree .value {
display: block;
font-size: 32px;
padding-top: 3px;
} #weather .summary ul {
list-style: none;
padding: 0;
margin-top: 23px;
margin-bottom: 0;
}
#weather .summary i {
float: left;
font-size: 24px;
padding-right: 16px;
line-height: 30px;
color: #61AEE0;
}
#weather .data-info {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #999;
text-align: center;
font-size: 14px;
}
#weather .data-info i {
float: left;
font-size: 16px;
line-height: 26px;
padding-right: 10px;
}
#weather .data-info p {
display: inline-block;
margin: 0;
} #directions {
position: relative;
}
.map-arrow {
position: absolute;
bottom: -28px;
z-index: 999;
width: 100%;
height: 28px;
background: transparent url(//www.calmwave.gr/wp-content/themes/bentuestu/img/map-arrow.png) top center no-repeat;
} #map {
padding: 0;
height: 430px; background: #fff;
position: relative;
} #contacts .h2-divider {
margin: 0 0 25px 0;
}  .post-container {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #e9ecec;
}
.entry-meta .published {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #666;
font-size: 1.6rem;
line-height: 30px;
display: inline-block;
margin-bottom: 10px;
}
.entry-meta .comment-count a,
.entry-meta a.post-edit-link {
font-family: 'Old Standard TT', serif;
font-style: italic;
font-size: 1.6rem;
line-height: 30px;
}
.entry-title a, 
.entry-title a:hover,
.entry-title a:visited {
color: #000;
text-decoration: none;
}
.post-thumb img {
width: 100%;
height: auto;
}
.more-link {
font-family: 'Old Standard TT', serif;
font-style: italic;
font-size: 1.8rem;
line-height: 30px;
display: block;
margin-top: 10px;
} .post-link,
.post-quote {
background: #FBFBFB;
padding: 30px;
margin-bottom: 20px;
text-align: center;
} 
.quote-author {
font-family: 'Old Standard TT', serif;
font-style: italic;
font-size: 1.6rem;
line-height: 30px;
margin-bottom: 0;
}
.audio-thumb {
margin-top: 10px;
} blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eee;
}
blockquote p {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #333;
font-size: 1.8rem;
line-height: 30px;
}
ul, ol {
padding-left: 20px;
margin-bottom: 40px;
}
ul {
list-style: disc inside;
}
ol {
list-style: decimal inside;
}
li {
margin-bottom: 10px;
}
.post-container li {
line-height: 24px;
}
.dropcap {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #333;
font-size: 3.8rem;
line-height: 38px;
display: block;
float: left;
margin: 4px 12px 0 0;
}
.highlight-text {
padding: 0 4px;
background-color: #57AEDD;
color: #FFFFFF;
}
.special-heading {
padding: 0 0 15px 0;
margin: 0;
width: 100%;
line-height: 1em;
overflow: hidden;
}
.special-heading:before, .special-heading:after{
content: "";
width: 200%;
height: 1px;
display: inline-block;
background-color: #ecf0f1;
position: relative;
vertical-align: bottom;
margin: 0 -200% 0 0;
left: 20px;
bottom: 6px;
}
.special-heading:before{
left: -20px;
margin: 0 0 0 -200%;
} .wp-caption {
font-size: 100%;
}
.wp-caption-text {
font-size: 100%;
}
.sticky {
font-size: 100%;
}
.gallery-caption {
font-size: 100%;
}
.bypostauthor {
font-size: 100%;
}
.alignright {
float: right;
padding-left: 20px;
}
.alignleft {
float: left;
padding-right: 20px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
padding-bottom: 20px;
}
.alignnone {
display: inline-block;
padding: 0 10px;
} audio, canvas, video {
outline: none;
}
.mejs-container {
position: relative;
min-width: 150px;
width: 100% !important;
outline: none;
background: none;
vertical-align: top;
text-align: left;
text-decoration: none;
font-family: sans-serif;
}
.me-plugin {
position: absolute;
}
.mejs-embed, .mejs-embed body {
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #000;
}
.mejs-container-fullscreen {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
overflow: hidden;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
background: #000000;
} .mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.mejs-poster img {
display: block;
padding: 0;
width: 100%;
height: 100%;
border: 0;
border: 0;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.mejs-overlay-play {
width: 100% !important;
height: 100% !important;
cursor: pointer;
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
margin: -35px 0 0 -35px;
width: 70px;
height: 70px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
background-color: rgba(0,0,0,0.5);
background-image: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/mediaelement/bigplay.png);
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: background 0.15s ease-in-out 0s;
-moz-transition: background 0.15s ease-in-out 0s;
-o-transition: background 0.15s ease-in-out 0s;
transition: background 0.15s ease-in-out 0s;
}
.mejs-overlay:hover .mejs-overlay-button {
background-color: #1ABC9C;
}
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
display: none;
margin: -40px 0 0 -40px;
width: 80px;
height: 80px;
}
.mejs-overlay-loading span {
display: block;
width: 80px;
height: 80px;
border-radius: 40px;
background: #3A3C3D url(//www.calmwave.gr/wp-content/themes/bentuestu/img/mediaelement/loading.gif) 50% 50% no-repeat;
} .mejs-container .mejs-controls {
position: absolute;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
padding: 10px;
width: 100%;
height: 50px;
background: #333;
list-style: none;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
} .format-video .mejs-container .mejs-controls {
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
bottom: -4px;
}
.mejs-container .mejs-controls div {
display: block;
float: left;
margin: 0;
padding: 0;
width: 32px;
height: 30px;
list-style-type: none;
font-size: 11px;
font-family: sans-serif;
line-height: 11px;
}
.mejs-controls .mejs-button button {
position: absolute;
display: block;
margin: 7px 7px 0 9px;
padding: 0;
width: 15px;
height: 16px;
border: 0;
background: transparent url(//www.calmwave.gr/wp-content/themes/bentuestu/img/mediaelement/controls.png) no-repeat;
text-decoration: none;
font-size: 0;
line-height: 0;
cursor: pointer;
} .mejs-controls .mejs-button button:focus {
} .mejs-container .mejs-controls .mejs-time {
display: block;
overflow: hidden;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 8px 8px 5px 10px; height: 17px;
color: #FFFFFF;
text-align: center;
}
.mejs-container .mejs-controls .mejs-time span {
display: block;
float: left;
margin: 2px 2px 0 2px;
width: auto;
color: #DDDDDD;
font-size: 11px;
line-height: 12px;
}
.mejs-time.mejs-currenttime-container {
display: none !important;
} .mejs-container .mejs-controls .mejs-playpause-button {
width: 30px;
background: none;
cursor: pointer;
}
.mejs-controls .mejs-playpause-button button {
margin: 7px 8px;
}
.mejs-controls .mejs-play button {
background-position: 0 0;
}
.mejs-controls .mejs-play:hover button {
background-position: 0 -32px;
}
.mejs-controls .mejs-pause button {
background-position: 0 -16px;
}
.mejs-controls .mejs-pause:hover button {
background-position: 0 -48px;
} .mejs-controls .mejs-stop button {
background-position: -112px 0;
}
.mejs-controls .mejs-stop:hover button {
background-position: -112px -32px;
} .mejs-controls div.mejs-time-rail {
width: 200px;
}
.mejs-controls .mejs-time-rail span {
position: absolute;
display: block;
width: 180px;
height: 7px;
background: #3B3D3D;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 11px 8px 0 10px;
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
z-index: 1;
width: 100%;
background: #3B3D3D;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
width: 0;
background: #3B3D3D;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
z-index: 1;
width: 0;
background: #1ABC9C;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
position: absolute;
top: 1px;
z-index: 1;
display: none;
margin: 0;
width: 5px;
background: transparent;
text-align: center;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
top: -26px;
display: none !important;
margin-left: -18px;
width: 36px;
height: 17px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #C2C8CF;
box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
color: #111;
text-align: center;
}
.mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float {
display: none !important;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
left: 0;
display: block;
margin: 3px;
width: 30px;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
top: 17px;
left: 13px;
display: block;
width: 0;
height: 0;
border: solid 4px #C2C8CF;
border-color: #C2C8CF transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
line-height: 0;
} .mejs-controls .mejs-fullscreen-button button {
background-position: -32px 0;
}
.mejs-controls .mejs-unfullscreen button {
background-position: -32px -16px;
} .mejs-controls .mejs-volume-button {
}
.mejs-controls .mejs-mute button {
background-position: -16px -16px;
}
.mejs-controls .mejs-mute button:hover {
background-position: -16px -48px;
}
.mejs-controls .mejs-unmute button {
background-position: -16px 0;
}
.mejs-controls .mejs-unmute button:hover {
background-position: -16px -32px;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
position: absolute;
top: -68px;
left: 1px;
z-index: 1;
display: none;
margin: 0;
width: 32px;
height: 68px;
background: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
top: 8px;
left: 13px;
margin: 0;
padding: 0;
width: 7px;
height: 46px;
background: #373A3A;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
top: 6px;
left: 13px;
margin: 0px;
width: 7px;
height: 50px;
background: #1ABC9C;
background-position: bottom;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
top: 16px;
left: 14px;
margin: 0;
width: 5px;
height: 5px;
background: transparent;
} .mejs-controls div.mejs-horizontal-volume-slider {
position: relative;
width: 62px;
height: 26px;
background: none;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
top: 11px;
left: 0;
margin: 0;
padding: 1px;
width: 50px;
height: 7px;
background: #373A3A;
font-size: 1px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
top: 11px;
left: 0;
padding: 0;
width: 50px;
height: 7px;
background: #1ABC9C;
font-size: 1px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
} .mejs-controls .mejs-captions-button {
position: relative;
}
.mejs-controls .mejs-captions-button button {
background-position: -48px 0;
}
.mejs-controls .mejs-captions-button:hover button {
background-position: -48px -32px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
position: absolute;
right: -10px;
bottom: 30px;
visibility: hidden;
overflow: hidden;
padding: 10px;
width: 130px;
height: 100px;
border: solid 1px transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #3A3C3D;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
list-style-type: none !important;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
display: block;
overflow: hidden;
margin: 0 0 6px 0;
padding: 0;
color: #fff;
list-style-type: none !important;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
float: left;
clear: both;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
float: left;
padding: 4px 0 0 0;
width: 100px;
font-size: 10px;
font-family: sans-serif;
line-height: 15px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
margin: 0 0 5px 0;
font-size: 10px;
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 10000px;
-xborder-right: solid 1px #FFFFFF;
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
overflow: hidden;
border: 0;
background: #3A3C3D;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
display: block;
padding: 5px;
border-right: solid 1px #313335;
border-right: solid 1px rgba(49, 51, 53, .7);
border-bottom: solid 1px #313335;
border-bottom: solid 1px rgba(49, 51, 53, .7);
color: #fff;
font-size: 11px;
cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background: #333333;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
display: block;
margin: 0 0 3px 0;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
font-size: 12px;
line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
display: block;
margin: 3px 0 4px 0;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
line-height: 12px;
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
text-align: center;
font-size: 12px;
line-height: 22px;
}
.mejs-captions-layer  a {
color: #fff;
text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
font-weight: normal;
font-size: 20px;
}
.mejs-captions-position {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
}
.mejs-captions-position-hover {
bottom: 45px;
}
.mejs-captions-text {
padding: 5px 7px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #3a3c3d;
background: rgba(58, 60, 61, 0.8);
}
.mejs-clear {
clear: both;
} .me-cannotplay {
}
.me-cannotplay a {
color: #fff;
font-weight: bold;
}
.me-cannotplay span {
display: block;
padding: 15px;
} .mejs-controls .mejs-loop-off button {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-off:hover button {
background-position: -64px -48px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}
.mejs-controls .mejs-loop-on::hover button {
background-position: -64px -32px;
} .mejs-controls .mejs-backlight-off button {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-off:hover button {
background-position: -80px -48px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}
.mejs-controls .mejs-backlight-on:hover button {
background-position: -80px -32px;
} .mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0;
}
.mejs-controls .mejs-picturecontrols-button:hover {
background-position: -96px -32px;
} .mejs-contextmenu {
position: absolute;
top: 0;
left: 0;
z-index: 1001;
padding: 10px;
width: 150px;
border: solid 1px #999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
}
.mejs-contextmenu .mejs-contextmenu-separator {
margin: 5px 6px;
height: 1px;
background: #333;
font-size: 0;
}
.mejs-contextmenu .mejs-contextmenu-item {
padding: 4px 6px;
color: #333;
font-size: 12px;
font-family: sans-serif;
cursor: pointer;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
background: #2C7C91;
color: #fff;
} .mejs-controls .mejs-sourcechooser-button {
position: relative;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px -32px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
position: absolute;
right: -10px;
bottom: 26px;
visibility: hidden;
overflow: hidden;
padding: 10px;
width: 130px;
height: 100px;
border: solid 1px transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #3A3C3D;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
list-style-type: none !important;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
display: block;
overflow: hidden;
margin: 0 0 6px 0;
padding: 0;
color: #fff;
list-style-type: none !important;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
float: left;
clear: both;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
float: left;
padding: 4px 0 0 0;
width: 100px;
font-size: 10px;
font-family: sans-serif;
line-height: 15px;
}  .comment-area {
padding-bottom: 70px;
}
#comments {
}
.comments-title, 
.pings-title, 
#reply-title {
margin: 0;
padding: 0 0 10px;
font-size: 2.2rem;
line-height: 32px;
letter-spacing: 0.1em;
}
.comment-form {
margin-top: 30px;	
}
.commentlist,
.pinglist {
margin: 20px 0 80px;
list-style-type: none;
}
.comment-section {
padding: 30px 0 20px;
}
.comment-body {
border-bottom: 1px solid #EBEDEF; padding-bottom: 20px;
}
.comment-side {
float: left;
margin: 0 30px 0 0;
}
.comment-side .avatar {
display: block;
width: 50px;
height: 50px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
}
.comment .comment-cont {
margin-left: 80px;
}
.comment-author cite, 
.comment-author cite a {
font-size: 1.6rem;
font-weight: normal;
text-transform: uppercase;
color: #666;
letter-spacing: 0.05em;
}
.comment-author cite a:hover {
color: #E96045;
}
.comment-meta, 
.comment-meta a {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #666;
font-size: 1.6rem;
line-height: 30px;
}
a.comment-reply-link {
color: #446db2;
}
.comment-meta a:hover {
color: #446db2;
}
.comment-meta {
margin: 8px 0 15px;
}
.children {
margin: 0;
padding: 0;
list-style: none;
}
.children .comment {
padding-left: 60px;
}
.comment-author {
position: relative;
}
.badge_author {
position: absolute;
top: 12px;
right: 10px;
display: inline-block;
width: 10px;
height: 10px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
background: #E96045;
opacity: 0.5;
}
.nocomments {
padding: 20px 30px 20px;
} .logged-in-as {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #666;
font-size: 1.6rem;
line-height: 30px;
}
#commentform p {
overflow: hidden;
margin: 0 0 35px 0;
}
#commentform label {
display: block;
margin-bottom: 5px;
font-weight: 300;
font-size: 1.6rem;
color: #000;
}
#commentform span.required {
color: #E96045;
font-size: 1.8rem;
}
#commentform input, 
#commentform textarea,
#commentform input:focus,
#commentform textarea:focus {
background: #efefef;
border: none;
padding: 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin: 0;
height: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #333;
font-size: 16px;
resize: none;
}
#commentform input {
float: left;
margin-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
}
#commentform textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
resize: vertical;
}
#commentform #submit {
background: #1abc9c;
color: #fff;
font-size: 1.6rem;
text-transform: uppercase;
padding: 15px 30px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: auto;
border: none;
display: inline-block;
vertical-align: middle;
text-align: center;
font-weight: 400;
cursor: pointer;
-webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
}
#commentform #submit:hover {
background-color: #1abc9c;
color: #FFFFFF;
}  .pagination:before,
.pagination:after {
content: " ";
display: table;
}
.pagination:after {
clear: both;
}
.pagination .page-next a,
.pagination .page-prev a {
width: 48px;
height: 48px;
display: inline-block;
text-indent: -999em;
overflow: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
opacity: 0.6;
}
.pagination .page-next a {
background: #666 url(//www.calmwave.gr/wp-content/themes/bentuestu/img/back_top.png) center center no-repeat;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
float: right;
}
.pagination .page-prev a {
background: #666 url(//www.calmwave.gr/wp-content/themes/bentuestu/img/back_top.png) center center no-repeat;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
float: left;
}  footer {
background: #f6f8f8;
padding: 25px 0;
font-size: 1.2rem;
text-transform: uppercase;
}
footer p {
margin-bottom: 0;
}
footer a,
footer a:visited,
footer a:active,
footer a:hover,
footer a:link {
text-decoration: none;
color: #5f6c6f;
border: 0;
}   #image-page-title {
position: relative;
overflow: hidden;
}
.overlay-bg {
width: 100%;
height: 100%;
position: absolute;
background-color: #f6f8f8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.80;
z-index: 1;
}
.page-title {
padding: 110px 0;
background-color: #f6f8f8;
}
.page-title h2 {
font-size: 2.2rem;
line-height: 32px;
letter-spacing: 0.1em;
z-index: 99;
}
.page-title .h2-divider {
margin-bottom: 20px;
z-index: 99;
}
.page-title .subtitle {
margin-top: 0;
z-index: 99;
}
.page-title .entry-meta {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #666;
line-height: 30px;
margin-bottom: 0;
clear: both;
}
.page-title .entry-meta .published,
.page-title .entry-meta a {
font-size: 1.8rem;
} .page-content {
padding-top: 80px;
padding-bottom: 80px;
} .page-template-template-contact-php .post-container {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.page-template-template-contact-php aside {
margin-top: 0;
padding-top: 0;
border: 0;
} .page-template-default .post-container {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
} .single-experience .overlay-bg {
background: rgba(0,0,0,0.4);
}
.single-experience .page-title {
padding: 160px 0;
}
.single-experience .page-title h2,
.single-experience .page-title .subtitle {
color: #FFF;
}
.single-experience .page-content {
padding: 0;
} .wpcf7-form {
margin-bottom: 0;
}
.wpcf7-form p {
overflow: hidden;
margin: 0 0 35px 0;
font-size: 1.6rem;
color: #000;
}
.wpcf7 p.quote-budget {
overflow: visible;
}
.wpcf7-form-control-wrap.budget {
display: inline-block;
margin-bottom: 0;
width: 50%;
}
span.wpcf7-form-control-wrap {
display: block;
margin: 5px 0;
}
.wpcf7 .watermark {
color: #BCBCC4 !important;
}
.wpcf7 input, 
.wpcf7 textarea,
.wpcf7 input:focus, 
.wpcf7 textarea:focus {
background: #efefef;
border: none;
padding: 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin: 0;
height: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #333;
font-size: 16px;
resize: none;
}
.wpcf7 input {
float: left;
margin-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
}
.wpcf7 textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
resize: vertical;
}
.wpcf7 .wpcf7-submit {
background: #1abc9c;
color: #fff;
font-size: 1.6rem;
text-transform: uppercase;
padding: 15px 30px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: auto;
border: none;
display: inline-block;
vertical-align: middle;
text-align: center;
font-weight: 400;
cursor: pointer;
-webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
}
.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:focus,
.wpcf7 .wpcf7-submit:active {
background-color: #1abc9c;
color: #FFFFFF;
}
.wpcf7-form.invalid input.wpcf7-not-valid,
.wpcf7-form.invalid textarea.wpcf7-not-valid,
.wpcf7-form input:focus:invalid:focus,
.wpcf7-form textarea:focus:invalid:focus {
border-color: #E96045;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.wpcf7-form.invalid span.wpcf7-not-valid-tip {
display: none;
}
.wpcf7 .wpcf7-response-output {
margin: 0;
padding: 0;
}
.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-mail-sent-ok {
border: none;
}
.wpcf7 img.ajax-loader {
margin-left: 15px;
width: auto;
} .icons-example ul {
margin: 0;
padding: 0;
text-align: center;
}
.icons-example ul li {
display: inline-block;
margin: 15px;
list-style: none;
cursor: pointer;
}
.icons-example ul li a {
position: relative;
display: block;
width: 66px;
height: 66px;
background: transparent;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
-webkit-transition: background 0.15s ease-in-out 0s;
-moz-transition: background 0.15s ease-in-out 0s;
-o-transition: background 0.15s ease-in-out 0s;
transition: background 0.15s ease-in-out 0s;
}
.icons-example ul li a:hover {
background: #1ABC9C;
}
.icons-example ul li a i {
position: absolute;
top: 50%;
left: 50%;
margin: -12px 0 0 -12px;
color: #000;
font-size: 24px;
-webkit-transition: color 0.15s ease-in-out 0s;
-moz-transition: color 0.15s ease-in-out 0s;
-o-transition: color 0.15s ease-in-out 0s;
transition: color 0.15s ease-in-out 0s;
}
.icons-example ul li a:hover i {
color: #FFFFFF;	
}   #sidebar .widget {
margin-bottom: 50px;
}
#sidebar .widget:before,
#sidebar .widget:after {
content: " ";
display: table;
}
#sidebar .widget:after {
clear: both;
}
#sidebar .widget-title {
text-transform: uppercase;
font-size: 1.6rem;
color: #666;
}
#sidebar .widget img {
max-width: 100%;
height: auto;
}
#sidebar .widget input, 
#sidebar .widget button, 
#sidebar .widget select, 
#sidebar .widget textarea {
width: 100%;
} #sidebar .widget .rss-date {
display: block;
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #666;
font-size: 1.6rem;
line-height: 24px;
margin-bottom: 10px;
}
#sidebar .widget_rss img {
display: none;
} #sidebar .widget_calendar {
position: relative;
}
#sidebar .widget_calendar table {
width: 100%;
border-collapse: collapse;
}
#sidebar .widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th {
text-align: center;
}
#sidebar .widget_calendar table tbody td {
padding: 10px 0;
border: 0px;
color: #666;
font-size: 12px;
}
#sidebar .widget_calendar table tbody tr td:first-child {
border-left: 0px;
}
#sidebar .widget_calendar table tbody tr:nth-child(2n+1) {
background-color: #f0f0f0;
}
#sidebar .widget_calendar table th {
padding-bottom: 10px;
border-bottom: 0px;
color: #999999;
text-align: center!important;
}
#sidebar .widget_calendar table #prev {
position: relative;
z-index: 2;
padding: 10px 0px 0px 0px;
text-align: left;
}
#sidebar .widget_calendar table #next {
position: relative;
z-index: 2;
padding: 10px 0px 0px 0px;
text-align: right;
}
#sidebar .widget_calendar caption {
position: absolute;
bottom: 20px;
z-index: 1;
width: 100%;
text-align: center;
} #sidebar .widget .textwidget {
line-height: 24px;
}
#sidebar .widget .textwidget a {
font-family: 'Old Standard TT', serif;
font-style: italic;
font-size: 1.8rem;
line-height: 30px;
} #sidebar .widget.widget_quick-flickr-widget {
margin-bottom: 40px;
}
#sidebar .widget_quick-flickr-widget ul {
margin-left: -10px;
}
#sidebar .widget_quick-flickr-widget li {
border-radius: 3px;
float: left;
margin: 0 0 10px 10px;
}
#sidebar .widget_quick-flickr-widget a {
border-radius: 3px;
float: left;
position: relative;
}
#sidebar .widget_quick-flickr-widget img {
border-radius: 3px;
float: left;
height: 50px;
position: relative;
width: 50px;
} #sidebar .widget_search form {
margin-bottom: 0;
}
#sidebar .widget_search fieldset {
margin-bottom: 0;
}
#sidebar .widget_search .screen-reader-text {
display: none;
}
#sidebar .widget_search input[type="text"] {
border: 0;
background-color: #f1f4f5;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 15px 20px;
width: 100%;
font-size: 1.4rem;
line-height: 30px;
color: #666;  
}
#sidebar .widget_search input[type="submit"] {
display: none;
} #sidebar .widget ul {
padding-left: 0;
margin-bottom: 0;
}
#sidebar .widget ul li {
line-height: 24px;
margin-bottom: 10px;
list-style: none;
}
#sidebar .widget ul li a,
#sidebar .widget ul li a:link,
#sidebar .widget ul li a:visited,
#sidebar .widget ul li a:hover {
text-decoration: none;
} #ui-datepicker-div {
font-family: 'Montserrat', sans-serif!important;
width: 235px!important;
margin-top: 10px!important;
padding: 0 5px 5px 5px!important;
border: 5px solid #1abc9c!important;
border-radius: 4px!important;
-webkit-border-radius: 4px!important;
-moz-border-radius: 4px!important;
display: none;
z-index: 999!important;
}
#ui-datepicker-div:before {
width: 0; 
height: 0; 
border-left: 5px solid transparent!important;
border-right: 5px solid transparent!important;
border-bottom: 5px solid #1abc9c!important;    
margin-top: -10px!important;
} .ui-datepicker:before {
width: 0; 
height: 0; 
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #1abc9c;    
margin-top: -10px;
}
.ui-datepicker {
border: 5px solid #1abc9c!important;
padding: 0 5px 5px 5px!important;
font-family: 'Montserrat', sans-serif!important;
}
.ui-datepicker a {
text-decoration: none;
} .ui-datepicker table {
width: 100%;
}
.ui-datepicker-header {
background: #1abc9c!important;
color: #fff!important;
font-weight: normal!important;
border: 0!important;
border-radius: 0!important;
padding: 5px 0 10px!important;
margin-left: -5px;
margin-right: -5px;
}
.ui-datepicker-title {
text-align: center;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
top: 11px!important;
width: 18px!important;
height: 18px!important;
background-repeat: no-repeat;
background-color: transparent!important;
border: 0!important;
}
.ui-datepicker .ui-datepicker-next {
top: 13px!important;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
background: transparent!important;
}
.ui-datepicker .ui-datepicker-prev-hover { 
left:2px!important; 
}
.ui-datepicker .ui-datepicker-next-hover { 
right:2px!important; 
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
background-image: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/datepicker-arrow.png);
background-position: top left;
background-repeat: no-repeat;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
background-image: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/datepicker-arrow.png);
background-position: bottom left;
}
.ui-datepicker th {
width: 30px;
height: 30px;
padding: 15px 0!important;
font-weight: normal!important;
}
.ui-datepicker tbody td {
padding: 0;
}
.ui-datepicker td span, .ui-datepicker td a {
display: inline-block;
text-align: center!important;
line-height: 28px;
color: #666666;
}
.ui-datepicker-calendar {
margin: 0!important;
}
.ui-datepicker-calendar .ui-state-default {
background: #fff!important;
border: 1px solid #fff!important;
}
.ui-datepicker-calendar .ui-state-highlight {
background: #eee!important;
border-radius: 4px!important;
}
.ui-datepicker-calendar .ui-state-active {
background: #1abc9c!important;
border-radius: 4px;
color: #fff!important;
}  .js .animated-content {
opacity: 0;
}
.no-js .animated-content,
.no-csstransitions .animated-content {
opacity: 1;	
}
.lt-ie9 .animated-content {
opacity: 1;
animation: none !important;
transform: none !important;
} .fadeIn.animate {
-webkit-animation: fadeIn 1s ease forwards;
-moz-animation: fadeIn 1s ease forwards;
animation: fadeIn 1s ease forwards;
}
@-webkit-keyframes fadeIn {
to { opacity: 1; }
}
@-moz-keyframes fadeIn {
to { opacity: 1; }
}
@keyframes fadeIn {
to { opacity: 1; }
} .bounceIn.animate {
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
transform: scale(0.4);
-webkit-animation: popUp .8s ease-in forwards;
-moz-animation: popUp .8s ease-in forwards;
animation: popUp .8s ease-in forwards;
}
@-webkit-keyframes popUp {
70% { -webkit-transform: scale(.8); opacity: .8; -webkit-animation-timing-function: ease-out; }
100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes popUp {
70% { -moz-transform: scale(.8); opacity: .8; -moz-animation-timing-function: ease-out; }
100% { -moz-transform: scale(1); opacity: 1; }
}
@keyframes popUp {
70% { transform: scale(.8); opacity: .8; animation-timing-function: ease-out; }
100% { transform: scale(1); opacity: 1; }
} .slideInLeft.animate {
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-animation: moveLeft 0.8s ease forwards;
-moz-animation: moveLeft 0.8s ease forwards;
animation: moveLeft 0.8s ease forwards;
}
@-webkit-keyframes moveLeft {
to { -webkit-transform: translateX(0); opacity: 1; }
}
@-moz-keyframes moveLeft {
to { -moz-transform: translateX(0); opacity: 1; }
}
@keyframes moveLeft {
to { transform: translateX(0); opacity: 1; }
}   .promo-box {
border: 1px solid #DADADA;
padding: 20px 30px;
margin-bottom: 40px;
} 
.promo-title h2 {
border-bottom: 1px solid #e9ecec;
margin-bottom: 30px;
padding-bottom: 10px;  
}
.promo-content {
float: left;
width: 65%;
font-size: 1.4rem;
line-height: 24px;
}
.promo-content ul {
margin-bottom: 0;
padding-left: 0;
}
.promo-content li {
margin-bottom: 5px;
}
.promo-price {
float: right;
width: 35%;
text-align: right;
color: #000;
}
.promo-price .currency {
font-size: 24px;
line-height: 40px;
vertical-align: top;
padding-right: 10px;
}
.promo-price .cost {
font-size: 44px;
line-height: 44px;
} .post-container .gallery-item {
margin-bottom: 20px;
} .blocktext {
line-height: 24px;
} .stat .icon {
width: 32px;
height: 32px;
display: block;
margin: 0 auto 24px auto;
}
.stat i {
font-size: 32px;
color: #61AEE0;
}
.stat h1 {
font-size: 2rem;
margin-bottom: 15px;
}
.stat .desc {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #7f8c8d;
font-size: 1.8rem;
} .reviews {
padding-bottom: 20px;
}
.review-item {
margin-bottom: 60px;
}
.review-side {
float: left;
margin: 0 30px 0 0;
}
.review-side .avatar {
display: block;
width: 50px;
height: 50px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
}
.review-cont {
margin-left: 80px;
}
.review-cont p {
font-family: 'Old Standard TT', serif;
font-style: italic;
color: #7f8c8d;
font-size: 1.6rem;
border-left: 5px solid #e5eaea;
margin-bottom: 10px;
padding: 15px;
}
.review-cont .name,
.review-cont .date {
color: #999;
font-size: 1.2rem;
}
.review-cont .divider {
padding: 0 8px 0 5px;
display: inline-block;
}
.review-cont .name {
text-transform: uppercase;
}
.review-cont .date {
font-family: 'Old Standard TT', serif;
font-style: italic;
font-size: 1.4rem;
} .share-box p {
font-family: 'Old Standard TT', serif; 
font-style: italic; 
color: #666; 
font-size: 1.9rem; 
line-height: 30px; 
margin: 0;
}
.share-box span {
margin-right: 30px;
}
.share-box .button-primary {
font-family: 'Montserrat', sans-serif;
font-style: normal;
display: inline-block;
margin-right: 0;
} .experience-detail .circle {
background-color: #f5f5f5;
display: inline-block;
width: 50px;
height: 50px;
line-height: 52px;
text-align: center;
font-size: 16px;
margin-bottom: 15px;
border-radius: 999px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
}
.experience-detail .circle i {
font-size: 26px; 
color: #5DADE2;
}
.experience-detail .circle.rating {
background-color: #29BB9C;
color: #fff;
}
.experience-detail .title {
display: block;
font-size: 16px;
line-height: 32px;
color: #333;
margin-bottom: 0;
}
.experience-detail .subtitle {
font-family: "Old Standard TT", serif;
font-size: 1.6rem;
font-style: italic;
color: #7f8c8d;
margin: 0;
line-height: inherit;
}
.experience-detail .stars {
line-height: 32px; 
margin-bottom: 0;
}
.experience-detail .stars i {
font-size: 18px; 
color: #29BB9C;
}
.experience-detail .stars i.alt {
color: #CCC;
}    .iradio_flat {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 40px;
height: 39px;
background: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/icheck/flat.png) no-repeat;
border: none;
cursor: pointer;
float: left;
}
.iradio_flat {
background-position: 0 0;
}
.iradio_flat.checked {
background-position: -41px 0;
} .icheckbox_flat {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 40px;
height: 39px;
background: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/icheck/flat.png) no-repeat;
border: none;
cursor: pointer;
float: left;
}
.icheckbox_flat {
background-position: 0 0;
}
.icheckbox_flat.checked {
background-position: -41px 0;
}   @media only screen and (min-width: 1025px) {   .gallery-item .overlay {
background-position: center 50%;
} #booking .media {
margin-bottom: 0;
position: relative;
}   .promo-content {
width: 65%;
}
.promo-price {
width: 35%;
}
.promo-price .cost {
font-size: 54px;
line-height: 54px;
} .stat h1 {
margin-bottom: 15px;
font-size: 2.2rem;
}
}
@media (min-width: 769px) and (max-width: 1023px) {   .main-menu-container {
float: none; 
width: 100%;
}   #booking .media {
margin-bottom: 20px;
} #owners .media img {
width: auto;
}    
}
@media (max-width: 768px) {   #back_to_top {
display: none!important;
} .block {
padding: 60px 0;
}   .header-wrapper {
min-height: 70px;
height: auto;
}
.header-wrapper .container {
width: 100%;
}
.header-wrapper div[class^="col"] {
padding: 0;
}
.header-wrapper #logo {
height: 70px;
line-height: 70px;
margin-left: 20px;
} 
.header-wrapper #logo.logo-img {
padding: 15px 0;
}
.header-wrapper #logo img {
max-height: 40px!important;
width: auto;
} .main-menu-container {
float: none; 
width: 100%;
} .site-tools {
top: 32px;
} .lang_selector {
position: absolute;
top: -18px;
right: 70px;
}   #gallery {
min-height: 300px;
} #booking {
padding-bottom: 42px;
}
#booking .media {
margin-bottom: 20px;
}
#booking div:nth-child(3) .media,
#booking div:nth-child(4) .media {
margin-bottom: 0px;
} .details-gallery {
margin-top: 30px;
}
.gallery-item {
min-height: 100px; 
}
.gallery-item .overlay {
background-position: center 30%;
}
.gallery-item .overlay-meta {
bottom: 15px;
left: 15px;
} #experiences .card-list {
padding: 0 15px;
} #owners {
padding-bottom: 10px;
}
#owners .media {
margin-bottom: 50px;
}
#owners .media img {
width: auto;
}  .post-container {
padding-bottom: 20px;
margin-bottom: 40px;
}  .children .comment {
padding-left: 0;
}   
#commentform input {
width: 100%;
}
#commentform #submit {
width: 100%;
}   .wpcf7 input,
.wpcf7 .wpcf7-submit,
.wpcf7-form-control-wrap.budget {
width: 100%;
}   aside {
border-top: 1px solid #eee;
margin-top: 50px;
padding-top: 50px;
}   .promo-content {
width: 70%;
}
.promo-content li {
margin-bottom: 10px;
}
.promo-price {
width: 30%;
}
.promo-price .cost {
font-size: 68px;
line-height: 68px;
} .statistics {
padding-bottom: 10px;
}
.stat {
margin-bottom: 50px;
} .reviews {
padding-bottom: 10px;
}
.review-item {
margin-bottom: 50px;
} .experience-detail {
margin-bottom: 30px;
}
.experience-detail.last {
margin-bottom: 0;
} .share-box span {
display: inline-block;
margin-right: 0;
margin-bottom: 25px;
}
} @media (max-width: 767px) {   .subtitle {
margin-bottom: 50px;
} #back_to_top {
display: none!important;
} #calendar .check-list.inline {
margin: 25px 0 10px 0;
}
.check-list.inline li {
float: none;
width: 100%;
} .check-list li.floated {
float: none;
width: 100%;
} .block {
padding: 50px 0;
} .collapsible-header {
position: relative;
overflow: hidden;
display: inline-block;
margin: 0 15px 13px 0;
padding-left: 45px;
height: 28px;
line-height: 28px;
}
.collapsible-header:before {
content: "";
position: absolute;
width: 28px;
height: 28px;
top: 0;
left: 0;
z-index: -1;
background: transparent url(//www.calmwave.gr/wp-content/themes/bentuestu/img/collapsible-amenities-header@2x.png) top left no-repeat;
background-size: 28px 28px;
-webkit-transition: -webkit-transform 250ms ease-out 0s;
-moz-transition: -moz-transform 250ms ease-out 0s;
-o-transition: -o-transform 250ms ease-out 0s;
transition: transform 250ms ease-out 0s;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.collapsible-header.open:before {
-webkit-transition: -webkit-transform 250ms ease-out 0s;
-moz-transition: -moz-transform 250ms ease-out 0s;
-o-transition: -o-transform 250ms ease-out 0s;
transition: transform 250ms ease-out 0s;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.collapsible-content {
-moz-transition: height .5s;
-ms-transition: height .5s;
-o-transition: height .5s;
-webkit-transition: height .5s;
transition: height .5s;
height: 0;
overflow: hidden;
}
.collapsible-content.open {
height: auto;
overflow: auto;
}  #logo a {
height: 70px;
line-height: 70px;
}
#logo img.standard {
display: none;
}
#logo img.retina {
display: inline-block;
}   #gallery {
min-height: 100px;
} .subtitle.calendar {
margin-bottom: 10px;
}
.DOPBSPCalendar-container {
margin-bottom: 25px!important;
} #booking {
margin-top: 20px;
padding-bottom: 36px;
} #booking .media {
min-height: 80px; position: relative;
}
#booking .media .media-body {
clear: both;
width: 100%;
height: 0;
text-align: center;
} #booking .title {
padding-top: 16px;
margin-top: 0;
font-size: 14px;
color: #fff;
opacity: 0.8;
} #booking #ciDay,
#booking #coDay,
#booking .date {
padding: 2px 0 16px 0;
display: inline-block;
}
#booking .date {
font-size: 16px;
line-height: inherit;
} #booking .date-picker,
#booking div.fancy-select,
#booking div.trigger,
#booking .price {
width: 100%;
height: 76px;
font-size: 18px;
line-height: inherit;
} #booking .date #ciDayN,
#booking #ciDateDivider {
display: none;
} #booking #coDayN, 
#booking #coDateDivider {
display: none!important;
}
#booking .setDate {
background-image: none!important; 
}
#ui-datepicker-div {
margin-top: -117.5px!important;
} #booking #guestField .title {
z-index: 99;
position: absolute;
top: 0;
right: 0;
left: 0;
color: #fff;
width: 100%;
text-align: center;
font-size: 14px;
color: #fff;
opacity: 0.8;
} #booking #guestField,
#booking #guestField > div,
#booking #guestField .dopselect-select,
#booking #guestField .dopselect-selection {
width: 100%;
height: 76px;
}
#booking #guestField .dopselect-selection {
font-size: 16px;
line-height: 26px;
padding-top: 40px;
}
#booking #guestField .dopselect-selection span {
display: block;
font-size: 14px;
}
#booking .trigger .title {
padding-bottom: 2px;
} #booking .price {
background: #f6f8f8;
border: 0;
box-shadow: 0 3px 0 0px #1abc9c;
text-align: center;
}
#booking #priceContainer .date {
display: none;
}
#booking #bookingLabel.title {
color: #000;
padding-bottom: 2px;
} #booking .btn {
margin-top: 25px;
}  .details-list {
margin-bottom: 25px;
}
.details-list li {
width: 100%;
float: none;
} .gallery-item {
min-height: 100px; 
width: 50%;
}
.gallery-item .overlay {
background-position: center 30%;
}
.gallery-item .overlay-meta {
bottom: 15px;
left: 15px;
} #owners.block {
padding-bottom: 0;
}
#owners .h2-divider {
margin-bottom: 25px;
}
#owners .media {
text-align: center;
margin-bottom: 30px;
}
#owners .media img {
width: auto;
float: none;
} .calendar-inner a.toggle-calendar {
display: none;
} #weather .degree:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
#weather .degree { display: inline-block; }/*\*/#weather .degree { display: block; }
#weather .degree-inner {
width: 220px;
margin: 0 auto;
}
#weather .weather-stats ul {
width: 210px;
margin-left: auto;
margin-right: auto;
}/**/ #map {
height: 320px;
} #contacts.block {
padding-bottom: 30px;
}  .children .comment {
padding-left: 0;
}   
#commentform input {
width: 100%;
}
#commentform #submit {
width: 100%;
}  footer .pull-left,
footer .pull-right {
float: none;
display: block;
text-align: center;
}   .page-title {
padding: 50px 0;
} .wpcf7 input,
.wpcf7 .wpcf7-submit,
.wpcf7-form-control-wrap.budget {
width: 100%;
}   aside {
border-top: 1px solid #eee;
margin-top: 50px;
padding-top: 50px;
} .ui-datepicker:before {
border: 0;  
margin-top: 0;
}
.ui-datepicker {
position: fixed!important;
top: 50%!important;
left: 50%!important;
}   .promo-content {
width: 100%;
float: none;
padding-bottom: 20px;
}
.promo-content li {
margin-bottom: 10px;
}
.promo-price {
width: 100%;
float: none;
text-align: center;
}
.promo-price .cost {
font-size: 68px;
line-height: 68px;
} .statistics {
padding-bottom: 0;
}
.stat {
margin-bottom: 50px;
} .reviews {
padding-bottom: 0;
}
.review-item {
margin-bottom: 50px;
}
}  @media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
header #logo a img.standard {
display: none;
}
header #logo a img.retina {
display: inline-block;
}  #booking .setDate {
background-image: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/set-date@2x.png);
background-size: 32px 32px;
-moz-background-size: 32px 32px;
-webkit-background-size: 32px 32px;
} .gallery-item .overlay {
background-image: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/zoom@2x.png);
background-size: 45px 45px;
-moz-background-size: 45px 45px;
-webkit-background-size: 45px 45px;
}  #gallery .tp-leftarrow.default,
.rev-slider-gallery .tp-leftarrow.default {	
background: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/slider-controls@2x.png) no-repeat 0 0;	
background-size: 60px;
}
#gallery .tp-rightarrow.default,
.rev-slider-gallery .tp-rightarrow.default	{	
background: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/slider-controls@2x.png) no-repeat 0 -60px;		
background-size: 60px;
} .calendar-inner a.toggle-calendar {
background-image: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/close_calendar@2x.png);
background-size: 39px 39px;
-moz-background-size: 39px 39px;
-webkit-background-size: 39px 39px;
}
#calendar .DOPBookingSystemPRO_Navigation .previous_btn {
background-image: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/calendar-nav@2x.png);
background-size: 28px 28px;
-moz-background-size: 28px 28px;
-webkit-background-size: 28px 28px;
}
#calendar .DOPBookingSystemPRO_Navigation .next_btn {
background-image: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/calendar-nav@2x.png);
background-size: 28px 28px;
-moz-background-size: 28px 28px;
-webkit-background-size: 28px 28px;
} #booking .section-item.message .success {
background-image: transparent url(//www.calmwave.gr/wp-content/themes/bentuestu/img/success_icon@2x.png);
background-size: 65px 65px;
-moz-background-size: 65px 65px;
-webkit-background-size: 65px 65px;
} .iradio_flat {
background: url(//www.calmwave.gr/wp-content/themes/bentuestu/img/icheck/flat@2x.png) no-repeat;
background-size: 80px;
-moz-background-size: 80px;
} .map-arrow {
background-image: transparent url(//www.calmwave.gr/wp-content/themes/bentuestu/img/map-arrow@2x.png) top center no-repeat;
background-size: 50px; }
}