body {
        font-family: "Roboto", sans-serif;
        font-family: 'Roboto';
        src: url('Roboto-ThinItalic-webfont.eot');
        src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic-webfont.woff') format('woff'), url('Roboto-ThinItalic-webfont.ttf') format('truetype'), url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');
        color: #fff;
        background: url("../img/hero-bg.jpg") top center no-repeat;
        background-size: cover;
        position: relative;
    }
    
    body::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(59, 59, 59, 0.521);
    }
    
    iframe#youtube {
        -webkit-box-shadow: 0px 10px 13px -7px #000000, 16px 5px 23px 5px rgb(0 0 0 / 31%);
        box-shadow: 0px 10px 13px -7px #000000, 16px 5px 23px 5px rgb(0 0 0 / 31%);
    }
    
    @media (min-width: 1024px) {
        body {
            background-attachment: fixed;
        }
    }
	
    img.img-fluid:hover{
		animation: neon-box-1 2s infinite alternate linear 
	}
	
	@keyframes neon-box-1
	{
	from
		{
			box-shadow:2px 0 6px rgba(255, 0, 255, 0.7),-2px 0 6px rgba(0, 255, 255, 0.7),5px 0 10px rgba(255, 0, 255, 0.7),-5px 0 10px rgba(0, 255, 255, 0.7)
		}
	to	{
			box-shadow:10px 0 20px rgba(255, 0, 255, 0.7),-10px 0 20px rgba(0, 255, 255, 0.7),15px 0 30px rgba(255, 0, 255, 0.7),-15px 0 30px rgba(0, 255, 255, 0.7)
		}
	
	}		
	
    a {
        color: #ff0000;
        text-decoration: none;
    }
    
    a:hover {
        color: #ff3333;
        text-decoration: none;
    }
    
    i.bi:hover {
        -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
        color: #E70000;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Roboto';
        src: url('Roboto-ThinItalic-webfont.eot');
        src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic-webfont.woff') format('woff'), url('Roboto-ThinItalic-webfont.ttf') format('truetype'), url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');
    }
    
    h5 {
        text-align: justify;
    }
    
    #main {
        position: relative;
    }
	
	
	
.photo-gallery {
    color: #313437;
    background-color: rgb(255 255 255 / 32%);
    border-radius: 34px;
}

.photo-gallery p {
  color:white;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

.photo-gallery h2 {
  color:white;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}


    
    .btn-primary {
        color: #fff;
        background-color: #e70000;
        border-color: #d8d8d8d8;
    }
    
    .btn-warning {
        color: #000;
        background-color: #D9D9D9;
        border-color: #333333;
    }
    
    .btn-primary:hover {
        color: #fff;
        background-color: #7d0202;
        border-color: #d8d8d843;
    }
    
    .btn-warning:hover {
        color: #000;
        background-color: #d9d9d957;
        border-color: #181818;
    }
    
    .back-to-top {
        position: fixed;
        visibility: hidden;
        opacity: 0;
        right: 15px;
        bottom: 15px;
        z-index: 996;
        background: #E70000;
        width: 40px;
        height: 40px;
        border-radius: 4px;
        transition: all 0.4s;
    }
    
    .back-to-top i {
        font-size: 28px;
        color: #fff;
        line-height: 0;
    }
    
    .back-to-top:hover {
        background: #E70000;
        color: #fff;
    }
    
    .back-to-top.active {
        visibility: visible;
        opacity: 1;
    }
    
    #header {
        position: relative;
        width: 100%;
        padding: 30px 0;
    }
    
    #header img {
        margin-top: 50px;
    }
    
    header#header {
        padding-top: 5px;
        padding-bottom: 20px;
    }
    
    #header h1 {
        padding-top: 100px;
        text-align: center;
        margin: 0 0 10px 0;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        color: #fff;
    }
    
    #header h2 {
        color: #eee;
        margin-bottom: 40px;
        font-size: 22px;
    }
    
    #header .countdown {
        margin-bottom: 2px;
    }
    
    #header .countdown div {
        text-align: center;
        margin: 10px;
        width: 100px;
        padding: 15px 0;
        background: rgba(255, 255, 255, 0.12);
        border-top: 5px solid #E70000;
    }
    
    .countdown.d-flex.justify-content-center :hover {
        -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
        color: #E70000
    }
    
    #header .countdown div h3 {
        font-weight: 700;
        font-size: 44px;
        margin-bottom: 15px;
    }
    
    #header .countdown div h4 {
        font-size: 16px;
        font-weight: 600;
    }
    
    @media (max-width: 575px) {
        #header .countdown div {
            width: 70px;
            padding: 10px 0;
            margin: 10px 8px;
        }
        #header .countdown div h3 {
            font-size: 28px;
            margin-bottom: 10px;
        }
        #header .countdown div h4 {
            font-size: 14px;
            font-weight: 500;
        }
    }
    
    #header .subscribe {
        font-size: 15px;
        text-align: center;
    }
    
    #header .subscribe h4 {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        position: relative;
        padding-bottom: 12px;
    }
    
    #header .subscribe .subscribe-form {
        min-width: 300px;
        margin-top: 10px;
        background: #fff;
        padding: 6px 10px;
        position: relative;
        text-align: left;
    }
    
    #header .subscribe .subscribe-form input[type=email] {
        border: 0;
        padding: 4px 8px;
        width: calc(100% - 100px);
    }
    
    #header .subscribe .subscribe-form input[type=submit] {
        position: absolute;
        top: 0;
        right: -2px;
        bottom: 0;
        border: 0;
        background: none;
        font-size: 16px;
        padding: 0 20px;
        background: #E70000;
        color: #fff;
        transition: 0.3s;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    }
    
    #header .subscribe .subscribe-form input[type=submit]:hover {
        background: #E70000;
    }
    
    #header .subscribe .error-message {
        display: none;
        color: #E70000;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }
    
    #header .subscribe .sent-message {
        display: none;
        color: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }
    
    #header .subscribe .loading {
        display: none;
        text-align: center;
        padding: 15px;
    }
    
    #header .subscribe .loading:before {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        margin: 0 10px -6px 0;
        border: 3px solid #18d26e;
        border-top-color: #eee;
        -webkit-animation: animate-loading-notify 1s linear infinite;
        animation: animate-loading-notify 1s linear infinite;
    }
    
    @-webkit-keyframes animate-loading-notify {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
    @keyframes animate-loading-notify {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
    #header .social-links a {
        font-size: 24px;
        display: inline-block;
        color: rgba(255, 255, 255, 0.8);
        line-height: 1;
        margin: 0 10px;
        text-align: center;
        transition: 0.3s;
    }
    
    #header .social-links a:hover {
        color: #fff;
    }
    
    section {
        padding: 60px 0;
    }
    
    .section-bg {
        background-color: #fff5f5;
    }
    
    .section-title {
        text-align: center;
        padding-bottom: 15px;
    }
    
    .section-title h2 {
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 20px;
        position: relative;
    }
    
    .section-title p {
        margin-bottom: 0;
    }
    
    .about .content h2 {
        font-weight: 700;
        font-size: 48px;
        line-height: 60px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    
    .about .content h3 {
        font-weight: 500;
        line-height: 32px;
        font-size: 24px;
    }
    
    .about .content ul {
        list-style: none;
        padding: 0;
    }
    
    .about .content ul li {
        padding: 10px 0 0 28px;
        position: relative;
    }
    
    .about .content ul i {
        left: 0;
        top: 12px;
        position: absolute;
        font-size: 20px;
        color: #E70000;
    }
    
    .about .content p:last-child {
        margin-bottom: 0;
    }
    
    .contact .info-wrap {
        background: rgba(255, 255, 255, 0.06);
        padding: 30px;
    }
    
    .contact .info i {
        font-size: 20px;
        color: #fff;
        float: left;
        width: 44px;
        height: 44px;
        background: rgba(255, 255, 255, 0.1);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        transition: all 0.3s ease-in-out;
    }
    
    .contact .info h4 {
        padding: 0 0 0 60px;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 5px;
    }
    
    .contact .info p {
        padding: 0 0 10px 60px;
        margin-bottom: 20px;
        font-size: 14px;
    }
    
    .contact .info .email p {
        padding-top: 5px;
    }
    
    .contact .info .social-links {
        padding-left: 60px;
    }
    
    .contact .info .social-links a {
        font-size: 18px;
        display: inline-block;
        background: #333;
        color: #fff;
        line-height: 1;
        padding: 8px 0;
        border-radius: 50%;
        text-align: center;
        width: 36px;
        height: 36px;
        transition: 0.3s;
        margin-right: 10px;
    }
    
    .contact .info .social-links a:hover {
        background: #E70000;
        color: #fff;
    }
    
    .contact .info .email:hover i,
    .contact .info .address:hover i,
    .contact .info .phone:hover i {
        background: #E70000;
        color: #fff;
    }
    
    .contact .php-email-form {
        width: 100%;
        padding: 30px;
        padding-top: 0;
        background: rgba(255, 255, 255, 0.06);
    }
    
    .contact .php-email-form .form-group {
        padding-bottom: 8px;
    }
    
    .contact .php-email-form .validate {
        display: none;
        color: #E70000;
        margin: 0 0 15px 0;
        font-weight: 400;
        font-size: 13px;
    }
    
    .contact .php-email-form .error-message {
        display: none;
        color: #fff;
        background: #E70000;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }
    
    .contact .php-email-form .sent-message {
        display: none;
        color: #fff;
        background: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }
    
    .contact .php-email-form .loading {
        display: none;
        background: #fff;
        text-align: center;
        padding: 15px;
    }
    
    .contact .php-email-form .loading:before {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        margin: 0 10px -6px 0;
        border: 3px solid #18d26e;
        border-top-color: #eee;
        -webkit-animation: animate-loading 1s linear infinite;
        animation: animate-loading 1s linear infinite;
    }
    
    .contact .php-email-form input,
    .contact .php-email-form textarea {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
    }
    
    .contact .php-email-form input::-moz-placeholder,
    .contact .php-email-form textarea::-moz-placeholder {
        color: rgba(255, 255, 255, 0.4);
    }
    
    .contact .php-email-form input::placeholder,
    .contact .php-email-form textarea::placeholder {
        color: rgba(255, 255, 255, 0.4);
    }
    
    .contact .php-email-form input {
        height: 44px;
    }
    
    .contact .php-email-form textarea {
        padding: 10px 12px;
    }
    
    .contact .php-email-form button[type=submit] {
        background: #E70000;
        border: 0;
        padding: 10px 24px;
        color: #fff;
        transition: 0.4s;
    }
    
    .contact .php-email-form button[type=submit]:hover {
        background: #E70000;
    }
    
    @-webkit-keyframes animate-loading {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
    @keyframes animate-loading {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
    #footer {
        background: rgba(19, 19, 19, 0.4);
        padding: 5px 0;
        color: #fff;
        font-size: 14px;
        position: static;
        height: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    #footer .copyright {
        text-align: center;
    }
    
    #footer .credits {
        padding-top: 10px;
        text-align: center;
        font-size: 13px;
        color: #fff;
    }
    
    #footer .credits a {
        color: #E70000;
    }
    
    @import url(https://fonts.googleapis.com/css?family=Bree+Serif|Ubuntu|Dancing+Script|Droid+Sans|Lato|Lobster|Montserrat|Open+Sans|Pacifico|Raleway|Roboto|Source+Sans+Pro|Titillium+Web&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese);
    #form-header-title {
        color: #393939;
        font-family: Arial, Verdana, sans-serif;
        font-size: 25px;
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }
    
    #label-FIRSTNAME_ID {
        color: #fff;
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        margin-bottom: 8px;
    }
    
    #input-FIRSTNAME_ID {
        border: 1px solid #d8d8d8;
        background-color: #fff;
        height: 35px;
        margin: 5px 0 18px 0;
        font-size: 0.9em;
        padding-left: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-indent: 5px;
        width: 100%;
    }
    
    #label-LASTNAME_ID {
        color: #fff;
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        margin-bottom: 8px;
    }
    
    #input-LASTNAME_ID {
        border: 1px solid #d8d8d8;
        background-color: #fff;
        height: 35px;
        margin: 5px 0 18px 0;
        font-size: 0.9em;
        padding-left: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-indent: 5px;
        width: 100%;
    }
    
    #label-EMAIL_ID {
        color: #fff;
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        margin-bottom: 8px;
    }
    
    #input-email {
        border: 1px solid #d8d8d8;
        background-color: #fff;
        height: 35px;
        margin: 5px 0 18px 0;
        font-size: 0.9em;
        padding-left: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-indent: 5px;
        width: 100%;
    }
    
    #form-mandatory {
        font-size: 13px;
        margin-left: 5px;
        font-family: Arial, Verdana, sans-serif;
        color: #fff;
    }
    
    input::-webkit-input-placeholder,
    input:-moz-placeholder,
    input::-moz-placeholder,
    input:-ms-input-placeholder,
    input::-ms-input-placeholder {
        color: #848484;
        opacity: 0.6;
    }
    
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        select {
            padding-right: 18px
        }
    }
    
    .select-arrow {
        position: relative;
    }
    
    .select-arrow:after {
        content: '^';
        font: 15px "Consolas", monospace;
        color: #848484;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        right: 8px;
        top: -3px;
        padding: 0 0 0px;
        position: absolute;
        pointer-events: none;
    }
    
    .control {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-left: 5px;
        margin-right: 6px;
        cursor: pointer;
        font-size: 18px;
    }
    
    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    
    .control__indicator {
        position: absolute;
        border: 1px solid;
        top: 2px;
        left: 0;
        height: 20px;
        width: 20px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }
    
    .control--radio .control__indicator {
        border-radius: 50%;
    }
    
    .control__indicator:after {
        content: '';
        position: absolute;
        display: none;
    }
    
    .control input:checked~.control__indicator:after {
        display: block;
    }
    
    .control--checkbox .control__indicator:after {
        left: 8px;
        top: 4px;
        width: 3px;
        height: 8px;
        transform: rotate(45deg);
        border-style: solid;
        border-color: #848484;
        border-width: 0 2px 2px 0;
        position: absolute;
    }
    
    .control--radio .control__indicator:after {
        left: 7px;
        top: 7px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background: #848484;
        position: absolute;
    }
    
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    
    input[type="number"] {
        -moz-appearance: textfield;
    }
    
    input:focus {
        outline: solid 1px #736F6F !important;
    }
    
    textarea:focus {
        outline: solid 1px #736F6F !important;
    }
    
    select:focus {
        outline: solid 1px #736F6F !important;
    }
    
    input:disabled,
    input[disabled] {
        opacity: 0.2;
        cursor: default;
    }
    
    .loader,
    .loader:after {
        border-radius: 50%;
        width: 1.8em;
        height: 1.8em;
    }
    
    .loader {
        margin-top: 5px;
        margin-left: 10px;
        font-size: 10px;
        position: relative;
        border: 0.5em solid #919798;
        border-left-color: #3c9f51;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1s infinite linear;
        animation: load8 1s infinite linear;
    }
    
    @-webkit-keyframes load8 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes load8 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    #sb_form {
        background: #FFFFFF00;
        padding: 10px 20px 20px 20px;
        border-radius: 2px;
    }
    
    input {
        color: #848484 !important;
    }
    
    #div-submitInput {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    
    #submitInput {
        border-style: solid;
        text-align: center;
        color: #ffffff;
        border-color: #ffffff;
        border-width: 1px;
        border-radius: 5px;
        padding: 10px 25px;
        text-decoration: none;
        display: block;
        font-style: inherit;
        font-weight: inherit;
        font-size: 15px;
        background-color: #e70000;
        cursor: pointer;
    }
    
    #form-footer-mandatory {
        color: #fff;
        font-family: Arial, Verdana, sans-serif;
        font-size: 12px;
        display: block;
        margin-top: 20px;
    }