*, html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
margin: 0;
padding: 0;
border: 0;
vertical-align:baseline;
font: inherit;
outline: 0;
}
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, img, nav, menu, nav, section, summary, time {
display: block;
} body {
font-size: 17px;
font-family: 'Open Sans', Helvetica, Georgia, sans-serif;
color: #333333;
line-height: 1.5;
}
a, a:hover {
text-decoration: none;
}
a {
color: #85bf7e;
}
a:hover {
color: #a1d89b;
webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
h1 {
font-size: 1.6em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.3em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1.1em;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2em;
font-weight: bold;
}
p {
font-size: 1em;
}
b, strong {
font-weight: bold;
}
table {
width: 100%;
border-collapse: collapse;
}
td {
padding: 0 .5em;
}
ul, ol {
list-style-position: inside;
}
em {
font-style: italic;
}
.alignleft {
float: left;
max-width: 55%;
margin: 0 1em .3em 0;
}
.alignright {
float: right;
max-width: 55%;
margin: 0 0 .3em .7em;
}
.aligncenter {
display: block;
max-width: 100%;
margin: 1em auto;
}
hr {
border-bottom: 1px solid #ccc;
} .cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
.clear {
clear: both;
height: 0;
font-size: 0;
line-height: 0;
overflow: hidden;
}
iframe {
max-width: 100%;
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
height: auto;
}
.qWrap, blockquote {
font-size: .9em;
font-weight: bold;
font-style: italic;
color: #6f6f6f;
background-color: #f3f3f3;
border-left: 3px solid #333;
padding: .3em .7em;
margin-bottom: .8em;
}
.qWrap p, blockquote p {
margin-bottom: 0;
}
.hide {
display: none;
}
ul.check_list li {
background: url(//www.ecorentals.gr/wp-content/themes/ecorental/images/check_green.png) no-repeat 0px 3px;
padding-left: 20px;
margin-left: 1em;
font-size: .9em;
list-style: none;
}
.car-det-cont {
overflow: hidden;
}  #colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay {position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative;}
#cboxLoadedContent {overflow:auto;}
#cboxTitle {margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
.cboxPhoto {float:left; margin:auto; border:0; display:block;}
.cboxIframe {width:100%; height:100%; display:block; border:0;} #cboxOverlay {
background: url(//www.ecorentals.gr/wp-content/themes/ecorental/front/templates/images/colorbox/overlay.png) repeat 0 0;
}
#colorbox {}
#cboxContent {
margin-top: 20px;
}
#cboxError {
padding: 50px;
border: 1px solid #CCCCCC;
}
#cboxLoadedContent {
background: #000000;
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-gecko-border-radius: 5px;
-khtml-border-radius: 5px;
}
#cboxTitle {
position: absolute;
top: -20px;
left:0;
color: #CCCCCC;
}
#cboxCurrent {
position: absolute;
top: -20px;
right: 0px;
color: #CCCCCC;
}
#cboxSlideshow {
position: absolute;
top: -20px;
right: 90px;
color: #FFFFFF;
}
#cboxPrevious {
position: absolute;
top: 50%;
left: 5px;
margin-top: -32px;
background: url(//www.ecorentals.gr/wp-content/themes/ecorental/front/templates/images/colorbox/controls.png) no-repeat top left;
width: 28px;
height: 65px;
text-indent: -9999px;
}
#cboxPrevious .hover {
background-position: bottom left;
}
#cboxNext {
position: absolute;
top: 50%;
right: 5px;
margin-top: -32px;
background: url(//www.ecorentals.gr/wp-content/themes/ecorental/front/templates/images/colorbox/controls.png) no-repeat top right;
width: 28px;
height: 65px;
text-indent: -9999px;
}
#cboxNext .hover {
background-position: bottom right;
}
#cboxLoadingOverlay {
background: #000000;
}
#cboxLoadingGraphic {
background: url(//www.ecorentals.gr/wp-content/themes/ecorental/front/templates/images/colorbox/loading.gif) no-repeat center center;
}
#cboxClose {
position: absolute;
top: 5px;
right: 5px;
display: block;
background: url(//www.ecorentals.gr/wp-content/themes/ecorental/front/templates/images/colorbox/controls.png) no-repeat top center;
width: 38px;
height: 19px;
text-indent: -9999px;
}
#cboxClose .hover {
background-position: bottom center;
}
.modal-wrapper {
padding: 10px;
background: #FFFFFF;
}
#modal_login .input_text input {
width: 100%;
} header {
width: 100%;
position: relative;
}
.headerTop {
max-width: 1200px;
margin: 0 auto;
}
a.siteLogo {
display: block;
float: left;
margin: .5em 0;
}
.langFlags {
float: right;
}
.langFlags ul, .langFlags li {
list-style: none;
}
.langFlags li {
display: inline-block;
padding: 40px 0px 0 10px;
}
li.lang-item span {
display: none;
} #mainNavigation {
font-size: 0.7em;
width: 100%;
background-color: #fff;
clear: both;
position: relative;
z-index: 100;
}
#mainNavigation ul {
height: 3em;
}
#mainNavigation ul, #mainNavigation li {
list-style: none;
float: left;
}
#mainNavigation li {
position: relative;
}
#mainNavigation li a {
text-transform: uppercase;
text-decoration: none;
display: block;
color: #f7f7f7;
line-height: 3em;
padding: 0 2em;
}
#mainNavigation li a:hover {
position: relative;
} .front-slider {
float: left;
width: 64%;
max-width: 700px;
} .reswidgetWrapper {
width: 100%; background-color: #d2dbd2;
background: linear-gradient(to bottom, #96ad96 0%, #e1e8e1 50%, #d2dbd2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@mainColor', endColorstr='@mainColor', GradientType=0);
margin: 0;
box-shadow: 0px 1px 20px 1px #888;
}
.reswidgetIns {
width: 95%;
max-width: 1100px;
margin: 0 auto;
padding: 2em 0;
}
.reservation-widget {
width: 36%;
max-width: 400px;
box-sizing: border-box;
float: right;
background-color: #fff;
box-shadow: 3px 3px 10px 1px #888;
} .datepicker {
border: 1px solid #999999;
position: absolute;
padding: 5px;
background: #F8F8F8;
z-index: 200;
}
.datepicker select {
margin: 0 3px;
border: 1px solid #999999;
padding: 5px;
font-size: 11px;
}
.datepicker table {
width: 220px;
border-collapse: collapse;
}
.datepicker tr.controls th {
height: 22px;
font-size: 11px;
}
.datepicker tr.days th {
height: 18px;
}
.datepicker tfoot td {
height: 18px;
text-align: center;
text-transform: capitalize;
}
.datepicker th, .datepicker tfoot td {
background: #eee;
font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
}
.datepicker th span, .datepicker tfoot td span {
font-weight: bold;
}
.datepicker tbody td {
width: 24px;
height: 24px;
border: 1px solid #ccc;
font: 11px/24px Arial, Helvetica, sans-serif;
text-align: center;
background: #FFFFFF;
}
.datepicker tbody td.date {
cursor: pointer;
}
.datepicker tbody td.date.over {
background-color: #FFF995;
}
.datepicker tbody td.date.chosen {
font-weight: bold;
background-color: #790F5B;
color: #FFFFFF;
} .reservation-widget .quote-form {
padding: 1.6em;
font-size: 1em;
}
.quote-form .title {
font: bold 1.4em Tahoma, Arial, sans-serif;
text-align: center;
padding-bottom: .3em;
margin-bottom: .8em;
border-bottom: 2px solid #000;
}
.quote-form form {
overflow: hidden;
position: relative;
}
#welcome .quote-form form {
padding-bottom: 50px;
}
.quote-form form h3 {
margin-bottom: 5px;
font: bold 1em Arial, sans-serif;
}
.quote-form form label {
display: none;
}
.quote-form form div.vihicle_category {
float: left;
margin: 0 2% 0 0;
}
.quote-form form div.vihicle_category {
width: 68%;
}
.quote-form  form div.vihicle_category div {
padding: 0; 
}
.quote-form  form div.vihicle_category div select {
width: 100%;
margin: 0;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
padding: .4em .6em;
vertical-align: middle;
color: #000000;
background: #fff;
}
.quote-form form div.quote_currency {
float: left;
}
.quote-form form div.quote_currency {
width: 30%;
}
.quote-form  form div.quote_currency div {
padding: 0; 
}
.quote-form  form div.quote_currency div select {
width: 100%;
margin: 0;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
padding: .4em .6em;
vertical-align: middle;
color: #000000;
background: #fff;
}
.quote-form form div.pickup{
margin-bottom: 10px;
margin-top: 10px;
float: left;
width: 100%;
}
.quote-form form div.return {
float: left;
margin-bottom: 1.3em;
width: 100%;
}
.quote-form  form div.date-cell {
float: left;
margin-right: 2%;
width: 68%;
}
.quote-form  form div.date-cell div {
padding: 0; 
}
.quote-form  form div.date-cell div input {
margin: 0;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
padding: .4em .6em;
width: 100%;
vertical-align: middle;
color: #000000;
background: #fff;
}
.quote-form  form div.time-cell {
float: left;
width: 30%;
}
.quote-form  form div.time-cell div {
padding: 0; 
}
.quote-form  form div.time-cell select {
width: 100%;
margin: 0;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
padding: .5em .6em;
vertical-align: middle;
color: #000000;
background: #fff;
}
.quote-form  form div.location-cell {
margin-top: 10px;
width: 100%;
}
.quote-form  form div.location-cell div {
padding: 0; 
}
.quote-form  form div.location-cell div select {
width: 100%;
margin: 0;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
padding: .4em .6em;
vertical-align: middle;
color: #000000;
background: #fff;
}
.quote-form .rich_button {
}
.quote-form .rich_button input {
font: normal 1.2em  Verdana, Tahoma, Arial, sans-serif;
color: #fff;
width: 100%;
padding: .3em 0;
border-radius: 7px;
background-color: #486d44;
}
.quote-form .rich_button input:hover {
cursor: pointer;
background-color: #60905b;
}
.res-page .quote-form {
background-color: #f7f7f7;
padding: 2em 3em;
margin-bottom: 1em;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-radius: 10px;
font-size: .8em;
}
.vehicles {
}
.vehicles .vehicle {
overflow: hidden;
margin-bottom: 20px;
background-color: #f7f7f7;
padding: 1em;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-radius: 10px;
}			
.vehicles .vehicle .vehicle_image img {
width: 100%;
height: auto;
border-radius: 15px;
}
.vehicles .vehicle .vehicle_title {
margin-bottom: 10px;
font: normal 1.5em Arial, sans-serif;
}
.vehicles .vehicle .vehicle_type {
margin-bottom: 10px;
font: normal 1em Arial, sans-serif;
}
.vehicles .vehicle .vehicle_details {
font: normal 1em Arial, sans-serif;
}
.vehicles .vehicle .vehicle_details ul {
float: left;
width: 100%;
}
.vehicles .vehicle .vehicle_details ul li {
width: 50%;
float:left;
margin: .6em 0;
padding-left: 20px;
height: auto;
list-style: none;
background: #333333 url(//www.ecorentals.gr/wp-content/themes/ecorental/front/templates/images/icons/vehicle_details_sprite.png) no-repeat 0 0;
box-sizing: border-box;
}
.vehicles .vehicle .vehicle_details ul li.seats {
background-position: 0 0;
}
.vehicles .vehicle .vehicle_details ul li.doors {
background-position: 0 -20px;
}
.vehicles .vehicle .vehicle_details ul li.conditioning {
background-position: 0 -40px;
}
.vehicles .vehicle .vehicle_details ul li.transmission {
background-position: 0 -60px;
}
.vehicles .vehicle .vehicle_details ul li span {
display: block;
padding-left: .3em;
height: 20px;
background-color: #f7f7f7;
}
.vehicles .vehicle .vehicle_description {
padding: 1.2em .5em .2em;
font-size: .9em;
position: relative;
clear: both;
}
.vehicles .vehicle .vehicle_description ul.check_list {
text-align: center;
}
.vehicles .vehicle .vehicle_description .check_list li {
display: inline-block;
}
.vehicles .vehicle .vehicle_quote {
width:20%;
float: left;
border-radius: 5px;
padding: .6em;
background-color: #dedede;
box-sizing: border-box;
}
.vehicles .vehicle .vehicle_quote .price {
margin-bottom: 15px;
padding: 15px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #CACACA;
border-bottom: 1px solid #CACACA;
border-left: 1px solid #FFFFFF;
border-radius: 5px;
background-color: #FFFFFF;
width: 100%;
font-size: .8em;
text-align: center;
box-sizing: border-box;
}
.vehicles .vehicle .vehicle_quote .price .total_price {
display: block;
font: normal 1.8em Tahoma, Arial, sans-serif;
white-space: nowrap;
text-align: center;
color: #4B4A4A;
}
.vehicles .vehicle .vehicle_quote .price .daily_price {
display: block;
font: normal 1em Tahoma, Arial, sans-serif;
text-align: center;
}
.vehicles .vehicle .vehicle_quote a.booknow {
font: normal 1em Verdana, Tahoma, Arial, sans-serif;
width: 100%;
display: block;
padding: .2em 0;
text-align: center;
border: 1px solid #327529 !important;
border-radius: 5px;
background: #599052 url(//www.ecorentals.gr/wp-content/themes/ecorental/front/templates/images/button_gradient.png) repeat-x bottom left;
text-shadow: 0 -1px 0 #7F7F7A;
color: #FFFFFF;
box-sizing: border-box;
}
.blockWrapper {
width: 100%;
}
.blockInside {
width: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
text-align: center;
padding: 3em 0;
}
.blockInside h2 {
font-size: 35px;
color: #333;
padding: 0 0 .3em;
}
.offer-block-wrapper {
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
margin-bottom: 3em;
}
.offer-block {
float: left;
width: 23%;
background-color: #f5f5f5;
box-sizing: border-box;
font-size: 20px;
border-radius: 10px;
padding: 2em 1em 1em;
margin: 0 1%;
flex-grow: 1;
}
a.services-button {
display: block;
width: 90%;
max-width: 500px;
margin: 0 auto;
padding: .3em 0;
background-color: #486d44;
color: #fff;
border-radius: 10px;
font-size: 1.3em;
}
a.services-button:hover {
background-color: #60905b;
}
.about-block {
background-color: #f9f9f9;
}
.blockLeft,  .blockRight {
width: 50%;
text-align: center;
float: left;
}
.flex-block {
display: flex;
}
.block-content-wrapper {
width: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);
box-sizing: border-box;
}
.block-title-wrapper {
width: 100%;
position: relative;
box-sizing: border-box;
text-align: center;
margin-bottom: 2em;
line-height: 3em;
}
div.green-divider {
height: 3px;
background-color: #637d13;
width: 120px;
margin: 0 auto;
}
.blockLeft img,  .blockRight img {
width: 100%;
max-width: 550px;
margin: 0 auto;
}
a.front-button {
display: inline-block;
padding: .5em 3em;
border-radius: 3px;
color: #fff;
background-color: #486d44;
font-size: 15px;
font-weight: bold;
}
a.front-button:hover {
background-color: #60905b;
}
.blockWrapper h3 {
font-size: 2em;
}
.block-content-wrapper p {
color: #737373;
font-size: 17px;
padding: 1em 2em 1.5em;
}
.offer-block .service-icon {
margin: 0 auto 1em;
max-width: 120px;
}
#wprev-slider-1 {
max-width: 800px;
height: auto;
margin: 0 auto;
}
.reviews-slider .wprs_unslider-arrow.prev {
left: 20px;
}
.reviews-slider .wprs_unslider-arrow.next {
right: 20px;	
}
#wprev-slider-1 .wprev_preview_tcolor2_T1 {
text-align: left;
} .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
border: 1px solid #ccc;
border-radius: 5px;
padding: .3em .5em;
margin-top: .5em;
max-width: 97%;
}
.wpcf7-form textarea {
width: 97%;
}
.wpcf7-form input[type="submit"] {
font-size: .9em;
color: #fff;
padding: .5em 2em;
margin-top: 1em;
background-color: #486d44;
border-radius: 3px;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #60905b;
cursor: pointer;
} .titleContainer {
background-color: #f5f5f5;
padding: .5em 1em;
border-radius: 10px;
margin-bottom: 1em;
}
.catPost {
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: 2px dotted #ccc;
}
.catPost img.wp-post-image {
float: left;
width: 40%;
max-width: 40%;
margin: 0 .8em .4em 0;
}
.catPost .postData {
margin-bottom: .5em;
}
#main-content .catPost h2 {
margin-bottom: .2em;
}
.pplink a {
display: block;
padding: .5em 1em;
border: 1px solid #ccc;
float: left;
}
.nplink a {
display: block;
padding: .5em 1em;
border: 1px solid #ccc;
float: right;
}
a.moreTxt {
font-size: .8em;
float: right;	
} #main {
width: 98%;
max-width: 1200px;
margin: 0 auto;
}
#main h1, #main h2, #main h3 {
font-weight: 600;
}
#main p {
margin-bottom: 1.2em;
}
#main-content {
width: 70%;
box-sizing: border-box;
float: left;
padding: 1em;
}
#main-content h2 {
margin-bottom: .5em;
}
.featuredImage {
width: 100%;
height: auto;
margin-bottom: 1.5em;
}
h1.entry-title {
font-size: 2.5em;
margin-bottom: .2em;
padding-bottom: .2em;
color: #4e630f;
border-bottom: 1px solid #cccccc;
}
.postData {
font-size: .8em;
color: #909090;
margin-bottom: 1.5em;
}
.postData a {
color: #909090;
}
.postData span, .postData time {
display: inline-block;
}
#reply-title {
margin-bottom: 1em;
} .commentsArea ul, .commentsArea li {
list-style: none;
}
h2#comments-title {
margin-bottom: .8em;
}
.comment-author img.avatar {
border-radius: 50%;
float: left;
margin-right: 1em;
}
.comment-content {
padding: 1em;
border: 1px solid #ccc;
border-radius: 2px;
}
.comment-content p {
margin-bottom: 0;
}
.comment-metadata time {
font-size: .7em;
color: #ccc;
}
.comment-edit-link, .comment-reply-link {
font-size: .7em;
}
.reply {
text-align: right;
}
.commentsArea .children {
margin-left: 1em;
}
#reply-title {
font-size: 1.1em;	
}
#cancel-comment-reply-link {
float: right;
}
.commentsArea textarea {
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 1em;
border: 1px solid #ccc;
border-radius: 5px;
}
.commentsArea input[name=submit] {
font-size: .9em;
color: #fff;
padding: .5em 2em;
margin-top: 1em;
background-color: #54595f;
border-radius: 3px;
cursor: pointer;
} .car-img {
width: 30%;
float: left;
}
.car-img img {
width: 100%;
}
.cardet {
width: 50%;
float: left;
padding: 0 1em;
box-sizing: border-box;
}
.vehicle_quote {
width: 20%;
float: left;
}
.res-page .quote-form form div.pickup {
width: 49%;
margin: .6em 2% .6em 0;
}
.res-page .quote-form form div.return {
width: 49%;
margin: .6em 0;
}
#main-content .quote-form h2.title {
margin-bottom: 1em;
}
.res-page .quote-form .rich_button {
clear: both;
}
.res-page .quote-form .rich_button input {
margin-top: .6em;
padding: .4em 0;
} .big-title {
margin-bottom: 15px;
border-bottom: 1px solid #CACACA;
padding-bottom: 5px;
font: bold 1.6em Tahoma, Arial, sans-serif;
color: #597110;
}
#booking-form {
margin-bottom: 20px;
}	
#booking-form .rent-det-wrap {
margin-bottom: 2.5em;
}
#booking-form #rental_information {
width: 60%;
float: right;
}	
#booking-form #rental_information span.price {
font-weight: bold;
}
#booking-form #vehicle_data {
width: 40%;
float: left;
}
#booking-form #vehicle_data .vehicle_title {
margin-bottom: .8em;
font: bold 1.3em Arial, sans-serif;
}
#booking-form #vehicle_data .vehicle_type {
margin-bottom: 2em;
font: normal 1.1em Arial, sans-serif;
}
#booking-form #vehicle_data .vehicle_details {
float: left;
margin-left: 1em;
font: normal 1.2em Arial, sans-serif;
}
#booking-form #vehicle_data .vehicle_details ul {
}
#booking-form #vehicle_data .vehicle_details ul li {
margin-bottom: 10px;
padding-left: 20px;
height: 20px;
list-style: none;
background: #333333 url(//www.ecorentals.gr/wp-content/themes/ecorental/front/templates/images/icons/vehicle_details_sprite.png) no-repeat 0 0;
}
#booking-form #vehicle_data .vehicle_details ul li.seats {
background-position: 0 0;
}
#booking-form #vehicle_data .vehicle_details ul li.doors {
background-position: 0 -20px;
}
#booking-form #vehicle_data .vehicle_details ul li.conditioning {
background-position: 0 -40px;
}
#booking-form #vehicle_data .vehicle_details ul li.transmission {
background-position: 0 -60px;
}
#booking-form #vehicle_data .vehicle_details ul li span {
display: block;
padding-left: 5px;
height: 20px;
background-color: #fff;
}
#booking-form .login {
margin-bottom: 20px;
}
a.forgotten_password, #modal_login a.login_link {
font: normal 1.1em Verdana, Tahoma, Arial, sans-serif;
color: #C0C0C0;
font-size: .9em;
}
#booking-form .personal_data {
margin-bottom: 20px;
font-size: .9em;
}
.info-grid {
width: 32%;
float: left;
padding: .5em 0;
box-sizing: border-box;
}
.mid-g {
margin: 0 2%;
}
.info-grid select, .info-grid input, .confirmation textarea {
max-width: 100%;
min-width: 100%;
width: 100%;
font-size: .9em;
}
.input_checkbox {
margin: 1em 0;
}
.std-form .input_text div, .std-form .select_option div, .std-form .textarea div {
border: 1px solid #C0C0C0;
border-radius: 4px;
box-sizing: border-box;
padding: .2em;
margin-top: .2em;
width: 100%;	
}
.std-form .confirmation {
font-size: .9em;
}
.input_checkbox label {
padding-left: .5em;	
}
.login .input_text, .forgotten .input_text, #modal_forgotten_password .input_text {
margin-bottom: .5em;
}
#booking-form .gray_button {
float: left;
}
.login input, .forgotten input {
width: 100%;
}	
#booking-form .rich_button, .login .button, .forgotten .button, #modal_login .button, #modal_forgotten_password .button, #modal_forgotten_password a {
float: right;
}
#booking-form .gray_button a {
border: 1px solid #bbb;
color: #FFFFFF;
background: #afafaf url(//www.ecorentals.gr/wp-content/themes/ecorental/front/templates/images/button_gradient.png) repeat-x bottom left;
}
#booking-form .rich_button input, #modal_login .button input, .login .button input, .forgotten .button input, #modal_forgotten_password .button input {
border: 1px solid #599052;
color: #FFFFFF;
background: #599052 url(//www.ecorentals.gr/wp-content/themes/ecorental/front/templates/images/button_gradient.png) repeat-x bottom left;
}
#booking-form .gray_button a, #booking-form .rich_button input, #modal_login .button input, .login .button input, .forgotten .button input, #modal_forgotten_password .button input {
border-radius: 5px;
padding: .2em 3em;
cursor: pointer;
}
a.forgotten_password:hover {
text-decoration: none;
color: #303030;
}
.std-table {
}
.std-table th {
border: 1px solid #CACACA;
padding: 5px;
font-weight: bold;
background-color: #F8F8F8;
}
.std-table td {
border: 1px solid #CACACA;
padding: 5px;
vertical-align: middle;
background-color: #FFFFFF;
}
.std-table caption {
margin: 1em 0;
padding: 5px;
text-align: right;
}
#booking-form a.vehicle_image {
float: left;
}
#booking-form a.vehicle_image img {
border-radius: 10px;
} .car-info {
margin-bottom: 2em;
background-color: #f5f5f5;
padding: 1em;
border-radius: 10px;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.car-info-img {
width: 30%;
float: left;
}
.car-info-img img {
width: 100%;
}
.car-info-col1, .car-info-col2 {
width: 35%;
float: left;
font-size: .9em;
}
.cars-page h5 {
text-align: center;
border-bottom: 1px solid #c3c3c3;
padding-bottom: .5em;
margin-bottom: 1em;
color: #597110;
}
.cars-page .car-title {
text-align: center;
}
.cars-page .car-title h3 {
margin-bottom: .8em;
padding-bottom: .5em;
border-bottom: 1px solid #d2d2d2;
font-weight: bold!important;
} .message {
margin: 10px 0;
padding: 10px;
border: 2px solid #CACACA;
background-color: #F8F8F8;
}
.notice {
margin: 10px 0;
padding: 10px 1em;
border: 2px solid #FFD100;
background-color: #FFF9DF;
font-size: .9em;
}
.warning {
margin: 10px 0;
padding: 10px;
border: 2px solid #800F25;
background-color: #FDF2F4;
}
.big-warning {
margin-bottom: 20px;
padding: 20px;
border: 3px solid #800F25;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-gecko-border-radius: 5px;
-khtml-border-radius: 5px;
background-color: #FDF2F4;
font: normal 1.6em Verdana, Tahoma, Arial, sans-serif;
text-align: center;
}
.success {
margin: 10px 0;
padding: 10px;
border: 2px solid #597A13;
background-color: #EEF9D9;
}
.big-success {
margin-bottom: 20px;
padding: 20px;
border: 3px solid #597A13;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-gecko-border-radius: 5px;
-khtml-border-radius: 5px;
background-color: #EEF9D9;
font: normal 1.2em Verdana, Tahoma, Arial, sans-serif;
text-align: center;
}
.message h6, .notice h6, .warning h6, .big-warning h6, .success h6, .big-success h6 {
margin-bottom: 10px;
font-size: 1.2em;
}
.message ul, .notice ul, .warning ul, .big-warning ul, .success ul, .big-success ul {
padding-left: 20px;
}
.message ul li, .notice ul li, .warning ul li, .big-warning ul li, .success ul li, .big-success ul li {
margin: .4em 0;
vertical-align: middle;
list-style-position: outside;
list-style: disc;
line-height: 1.4;
} #rightSidebar {
width: 30%;
float: right;
line-height: 1.4em;
box-sizing: border-box;
padding: 1.5em;
font-size: .9em;
}
.sideWidget {
margin-bottom: 1em;
}
.sideWidget .titleBack {
margin-bottom: 1em;
}
.widgetTitle {
position: relative;
padding-bottom: .4em;
margin-bottom: .4em;
color: #333;
font-size: 1.6em;
}
#rightSidebar ul {
margin-bottom: 1em;
} .footerContainer {
background-color: #f5f5f5;
}
#footerWidgets {
width: 98%;
max-width: 1200px;
margin: 0 auto;
padding: 1em 0;
}
.footerWidget {
font-size: .9em;
width: 29.33%;
padding: 1em 2%;
color: #333;
float: left;
}
.footerWidget ul, .footerWidget li {
list-style: none;
}
#custom_html-3 ul, #custom_html-6 ul {
margin-bottom: 1em;
}
.footerTitle {
font-size: 2em;
padding-bottom: .4em;
margin-bottom: .8em;
color: #333;
position: relative;
}
h3.footerTitle:before, h3.widgetTitle:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 25%;
height: 3px;
background-color: #637d13;
}
.footerWidget li.post-list {
list-style: none;
padding: .5em;
margin-bottom: .5em;
border-bottom: 1px solid #d6d6d6;
background-color: white;
}
.footerWidget .attachment-thumbnail {
max-width: 25%;
height: auto;
padding: 0 .7em 0 0;
float: left;
}
.footerWidget a.pTitle {
color: #333;
font-size: 1.2em;
margin-bottom: .5em;
}
.footerMenu {
margin-bottom: .5em;
}
#footerMain li {
margin-bottom: .2em;
}
#footerMain ul, #footerMain p {
margin-bottom: .5em;
}
.footerMenu ul {
text-align: center;
}
.footerMenu ul li {
display: inline-block;
padding: 0 .5em;
list-style: none;
font-size: 0.7em;
position: relative;
}
.footerWidget .postData {
font-size: .8em;
margin-top: .5em;
}
.footerWidget .postData, .footerWidget .postData a {
color: #b7b7b7;
}
.footerWidget .catPost .postData {
margin-bottom: .4em;
}
.footerWidget span.post-author, .footerWidget .postData time, .footerWidget span.postCat {
display: inline-block;
}
.footerWidget span.post-author, .footerWidget .postData time {
margin-right: 0;
}
.footerWidget span.post-author {
display: none;
}
ul.socialList a {
font-size: 1.2em;
}
ul.socialList li {
margin-bottom: 1em;
}
img.socialButton {
border-radius: 5px;
width: 100%;
height: auto;
}
#devSign {
text-align: center;
color: #949494;
font-size: .7em;
padding-bottom: 1em;
}
#devSign img {
display: inline-block;
margin-bottom: -.6em;
}
@media only screen and (max-width: 480px) {
#logoImg {
width: 98%;
float: none;
margin: 0 auto;
}
#logoImg img {
margin: 0 auto;
}
section.mainContent, #rightSidebar {
width: 98%;
padding: 0 1%;
}
}
@media only screen and (min-width: 481px) and (max-width: 780px) {
}
@media only screen and (min-width: 990px) and (max-width: 1100px) {
.reservation-widget .quote-form {
font-size: .9em;
}
}
@media only screen and (min-width: 551px) and (max-width: 800px) {
.car-img {
width: 35%;
}
.cardet {
width: 40%;
}
.vehicles .vehicle .vehicle_quote {
width: 25%;
}
}
@media only screen and (min-width: 850px) and (max-width: 989px) {
.reservation-widget .quote-form {
font-size: .8em;
}
}
@media only screen and (min-width: 850px) and (max-width: 950px) {
.reservation-widget .quote-form {
padding: 1em;
}
}
@media only screen and (max-width: 849px) {
.front-slider {
display: none;
}
.reservation-widget {
float: none;
margin: 0 auto;
width: 100%;
}
}
@media only screen and (max-width: 800px) {
#main-content, #rightSidebar {
width: 100%;
}
}
@media only screen and (max-width: 700px) {
.front-slider {
display: none;
}
.reservation-widget {
margin: 0 auto;
float: none;
}
.offer-block {
width: 48%;
margin-bottom: 1em;
}
.offer-block-wrapper {
margin-bottom: 0;
}
.blockLeft, .blockRight {
width: 100%;
}
.flex-block {
display: block;
}
.block-content-wrapper {
transform: none;
}
.blockInside {
padding: 2em 0;
}
.blockLeft img.about-block-img {
margin-bottom: 2em;
}
.res-page .quote-form form div.pickup, .res-page .quote-form form div.return {
width: 100%;
margin: .6em 0;
}
.footerWidget {
width: 96%;
}
.info-grid {
width: 100%;
margin: 0 auto;
}
#booking-form #vehicle_data {
width: 95%;
float: none;
margin: 0 auto 1em;
}
#booking-form #vehicle_data .vehicle_type {
margin-bottom: 1em;
}
#booking-form #rental_information {
width: 95%;
float: none;
margin: 0 auto;
}
}
@media only screen and (min-width: 769px) {
#mainNavigation ul.sub-menu li:hover a {
position: relative;
}
#mainNavigation ul.sub-menu {
width: auto;
height: auto;
float: none;
position: absolute;
top: 3em;
left: -1000em;
}
#mainNavigation ul.sub-menu li {
min-width: 12em;
float:none;
}
#mainNavigation .menu li:hover ul.sub-menu {
left: 0;
max-height: 10em;
}
#mainNavigation ul.sub-menu li a {
padding: 0 2em;
white-space: nowrap;
}
#mainNavigation ul.sub-menu li:last-child {
border-bottom: none;
}
#mainNavigation a#pull {
display: none;
}
#mainNavigation .menu ul.sub-menu li ul.sub-menu, #mainNavigation .menu ul.sub-menu li ul.sub-menu li ul.sub-menu {
left: -1000em;
}
#mainNavigation .menu ul.sub-menu li:hover ul.sub-menu, #mainNavigation .menu ul.sub-menu li ul.sub-menu li:hover ul.sub-menu {
top: .2em;
left: 11em;
z-index: 200;
}
}
@media only screen and (max-width: 550px) {
.car-info-img {
width: 100%;
margin-bottom: 1em;
}
.car-info-col1, .car-info-col2 {
width: 50%;
}
.car-img {
width: 100%;
margin-bottom: 1em;
}
.cardet {
width: 55%;
}
.vehicles .vehicle .vehicle_quote {
width: 45%;
}
.vehicles .vehicle .vehicle_details ul li {
font-size: .9em;
}
}