/*! Place your custom styles here */


[data-overlay="1"]:before {
    opacity: 0.3;
}

[data-overlay]:before {
    position: absolute;
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.lead {
    font-size:24px !important;
}

.btn--primary{
    background-color:gold !important;
    border-color:gold !important;
    border-radius:0px !important;
}


.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) {
   /* background: rgba(20, 20, 20, 0.3); */
   background: transparent;
}
body, h2, .lead, span {
    font-family: 'Raleway', sans-serif !important;
}

.svg-bg-1:before{
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: -60px;
    left: 0;
    padding-top: 89px;
    background: url('/images/yacht-icons-no-filter.svg') 50% 0 no-repeat;
    background-size: 170px auto;
    transform-origin: center center;
    transition: transform 200ms cubic-bezier(.55,-.79,.51,1.95);
}

.svg-bg-2:before{
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: -60px;
    left: 0;
    padding-top: 89px;
    background: url('/images/yacht-icons-no-filter.svg') 50% 0 no-repeat;
    background-size: 140px auto;
    transform-origin: center center;
    transition: transform 200ms cubic-bezier(.55,-.79,.51,1.95);
    background-position: 50% -2240px;
}

.svg-bg-3:before{
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: -60px;
    left: 0;
    padding-top: 89px;
    background: url('/images/yacht-icons-no-filter.svg') 50% 0 no-repeat;
    background-size: 170px auto;
    transform-origin: center center;
    transition: transform 200ms cubic-bezier(.55,-.79,.51,1.95);
    background-position: 50% -2978px;
}

.svg-bg-4:before{
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: -60px;
    left: 0;
    padding-top: 89px;
    background: url('/images/yacht-icons-no-filter.svg') 50% 0 no-repeat;
    background-size: 120px auto;
    transform-origin: center center;
    transition: transform 200ms cubic-bezier(.55,-.79,.51,1.95);
    background-position: 50% -2935px;
}


.homepage-section-heading {
    font-family: 'Pinyon Script', cursive !important;
    font-size:80px !important;
    color:gold !important;

}

@media (max-width: 988px) {
   .bar {
       background-color: rgba(20, 20, 20, 0.3) !important;
   }
}

@media (max-width: 767px) {
    .bar-4 .logo-light {
    display: block;
    }

}
@media (max-width: 481px) {
 #captcha-container {
    display: block !important;
    }
}

/* Styling the homepage */

/* Styling the homepage section 1 homepage */

.homepage-section-heading {
    font-size: 65px;
}
.homepage-section-subheading {
    text-align: center;
}

/* Feature section styling */
.feature-3 p {
    min-height: 7.42857143em;
    max-height: 9em;
    height: 8em;
}

/* Styling the first inner page */

.innerpage-section-heading {
    font-size: 65px;
    text-align:center;
    color: #666666 !important;
}
.innerpage-section-subheading {
    font-size:35px;
    color: #666666 !important;
}
.padding-added {
    padding-top: 50px;
}
.coloured {
    color: #666666 !important;
}
.justified {
    text-align: justify;
}
.centered {
    text-align:center;
}
.numbered-list {
    list-style: decimal;
    padding-left:30px;
}
.slider {
    margin-bottom: 1.85714286em;
}

/* Styling the second inner page */

.inline-ul {
    list-style-type: square;
    display: inline-flex;
}
.inline-ul > li {
    margin: 0 20px;
}

.img-fixed-size > img {
    max-width: 300px;
    width: 100%;
}

.less-margin {
    margin-bottom: 0.3em;
}

/* Styling the third inner page */

.img-holder {
    height: 200px;
}
.img-holder > img {
    height:100%;
}
#pic {
    width:350px;
}

/* styling the google translate icon */
.goog-te-gadget-simple {
    background-color: rgba(20, 20, 20, 0.3) !important;
    border:none !important;
    font-family: "Roboto", serif;
    font-size: 10pt;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 2px;
    cursor: pointer;
    zoom: 1;
    border-radius: 6px
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #fff !important;
}

.bar .logo {
    max-height: 2.85714286em;
    max-width: none;
}

.logo-dark {
    display:none;
}

#captcha-container {
    display: flex;
}

.rc-anchor-normal {
    height: 38px;
    width: 286px;
}

.fonecta-icon {
    background-color:#ffffff;
    width: 20px;
    height: 20px;
}
.finder-icon {
    background-color:#ffffff;
     width: 23px;
    height: 20px;
}

#captcha-col {
    max-width:300px;
}
.rc-anchor-light {
    width:100%;
}
.form-error {
 color: red;   
}
.form-success {
 color:green;   
}
.input-error {
 box-shadow: 0 0 5px red;   
}