@charset "UTF-8";

.main {
	min-height: auto;	
}

.hero.hero-header-cy {
	height:auto !important;
}


.hero-banner-motor {
    background-image: url(./images/thankyoubg.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 5%;
    height:auto;
}

.hero-banner-property {
    background: url(./images/at-katoikia.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 5%;
    height: auto;
}

.generic-wrapper {
	margin: auto !important;
}

.wpthemeControl {
    margin: 0;
}

.bb-hero-cont {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 80px 15px 0;
}

.bb-hero-cont h1 {
    font-size: 50px;
    line-height: 1.17em;
    color: #fff;
    font-family: "Anytime Sans Webfont", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
}

.bb-hero-cont p {
    color: #fff;
}

p.bb-larger {
    font-size: 20px !important;
    line-height: 1.3em!important;
    font-family: "Anytime Sans Webfont", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.bb-hero-cont a {
    background-color: #fff;
    border-color: #fff;
    color: #241f24;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 30px;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 3px 28px;
    position: relative;
    text-align: center;
    transition: color 0.15s cubic-bezier(0.26, 0.88, 0.57, 0.9), background-color 0.15s cubic-bezier(0.26, 0.88, 0.57, 0.9), border-color 0.15s cubic-bezier(0.26, 0.88, 0.57, 0.9);
    vertical-align: bottom;
    white-space: nowrap;
    border-radius: 20px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    font-family: "Anytime Sans Webfont", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-feature-settings: "kern" 1, "calt" 0;
    text-decoration: none;
    border: 2px solid #fff;
}

.bb-hero-cont a:hover, .bb-hero-cont a:focus {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    border: 2px solid;
}

.bb-margin-20 {
    margin: 10px 0 30px;
    width: 100%;
    max-width: 900px;
}


.bb-main-content {
    padding: 5em 0!important;
    background: #fff;
}

.bb-white {
    background: #fff;
}

.bb-main-content h2 {
    font-family: "Anytime Sans Webfont", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-feature-settings: "kern" 1, "calt" 0;
    font-size-adjust: initial;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2em;
    color: #000;
    margin: 20px 0;
    padding: 0 15px;
}

.bb-main-content h3 {
    font-family: "Anytime Sans Webfont", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-feature-settings: "kern" 1, "calt" 0;
    font-size-adjust: initial;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.2em;
    color: #000;
    margin-top: 30px;
}

.bb-main-content p {
    font-family: "Anytime Sans Webfont", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-feature-settings: "kern" 1, "calt" 0;
    font-size-adjust: initial;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
    color: #000;
}

.bb-hero-cont p {
    font-family: "Anytime Sans Webfont", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-feature-settings: "kern" 1, "calt" 0;
    font-size-adjust: initial;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
    color: #fff;
}


.bb-main-content a {
    color: #000;
    font-family: "Anytime Sans Webfont", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-feature-settings: "kern" 1, "calt" 0;
    font-size-adjust: initial;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    background: transparent;
    border: 2px solid #000;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 30px;
    margin: 20px 0 60px;
    max-width: 100%;
    overflow: hidden;
    padding: 3px 28px;
    position: relative;
    text-align: center;
    transition: color 0.15s cubic-bezier(0.26, 0.88, 0.57, 0.9), background-color 0.15s cubic-bezier(0.26, 0.88, 0.57, 0.9), border-color 0.15s cubic-bezier(0.26, 0.88, 0.57, 0.9);
    vertical-align: bottom;
    white-space: nowrap;
    text-decoration: none;
}

.bb-main-content a:hover {
    background-color: #241f24;
    border-color: #241f24;
    color: #fff;
    transition: color 0.15s cubic-bezier(0.26, 0.88, 0.57, 0.9), background-color 0.15s cubic-bezier(0.26, 0.88, 0.57, 0.9), border-color 0.15s cubic-bezier(0.26, 0.88, 0.57, 0.9);

}

.has-background-image {
    background-image: url('images/video-bg.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    position: relative;
}

.video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.video .hit-target {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    border-radius: 50%;
    padding: 0;
    height: 60px;
    width: 60px;
}

.video .hit-target button  {
    background-color: rgba(0, 0, 0, 0.8)!important;
    border: none!important;
    height: 60px;
    padding: 6px 0 0;
    width: 60px;
}

.video .hit-target button .button__span, .button .button__icon {
    display: inline-block;
    pointer-events: none;
    vertical-align: top;
}

.video .hit-target button .button__icon {
    height: 24px;
    width: 24px;
}

.video svg.polygon {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: 100%;
    fill: #fff;
    position: relative;
    left: -3px;
    top: -2px;
}

@media (max-width: 480px){
    .bb-hero-cont {
        padding: 30px 15px 0;
    }

    .bb-hero-cont h1 {
        font-size: 30px;
    }
}