/* Common CSS */


body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif!important;
    border-top: 4px solid #0055a5;
}
p, h1, h2, h3, a, label, button {
	font-family: "Open Sans", sans-serif !important;
}
img {
    max-width: 100%;
}
.wraper {
    margin: 0 auto;
    max-width: 1230px;
    overflow: hidden;
}
.logo {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 20px;
    background: #f3f3f3;
    margin-bottom: 70px;
}
.logo img {
    max-width: 100%;
    width: 150px;
    margin: 0 auto;
}
.video {
    padding-bottom: 60px;
    max-width: 600px;
    float: left;
    margin-right: 30px;
}
.text {
    padding-bottom: 30px;
    max-width: 600px;
    float: left;
    /* height: 300px; */
    /* overflow-y: scroll; */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.text p {
    font-size: 16px;
    margin-bottom: 0;
}
.text h3 {
    font-size: 22px;
    color: #0055a5;
    margin-bottom: 0;
}
.form {
    margin-bottom: 40px;
    background: #0055a5;
    padding-top: 70px;
    padding-bottom: 70px;
}
.form h1, .form label {
    color: #fff !important;
}

.buttons {
    text-align: center;
    margin: 0 auto;
    width: 530px;
    padding-bottom: 35px;
    overflow: hidden;
}
.buttons .btn {
    width: 200px;
    float: left;
    margin: 10px;
    text-align: center;
    border: 1px solid #ccc;
    padding: 8px;
    padding-top: 20px;
}
.buttons .btn span {
    font-size: 16px;
    font-weight: 600;
}
.buttons .btn img {
    width: 130px;
}


/* Scroll CSS */

.marquee-vert {
    overflow: hidden;
}


/* Footer CSS */


/* Responsive CSS */

@media only screen and (max-width: 850px) {
.logo {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.logo img {
    width: 80px;
}
.wraper {
    max-width: 100%;
}
.video {
    margin: 0;
    padding-bottom: 0;
	max-width: 100%;
}
.text {
    padding-bottom: 20px;
    margin: 20px;
	max-width: 100%;
}
.text p {
    font-size: 17px;
}
.text h3 {
    font-size: 20px;
}
.form {
    padding-top: 20px;
    padding-bottom: 20px;
}
.form form {
    margin: 20px !important;
}
.buttons {
    margin: 0 auto;
    width: 100%;
}
.buttons .btn {
    float: none;
    padding: 8px;
    margin: 0 auto;
    margin-bottom: 20px;
}

}

@media only screen and (max-width: 767px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
.wraper {
    max-width: 100%;
}
.video, .text {
    max-width: 48%;
}

}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {

}