/*
<!--***********************************************************-->
<!-- Designed & Developed by COLORGB  -   https://colorgb.com  -->
<!-- giaphv@colorgb.com, rocket@colorgb.com, datnt@colorgb.com -->
<!--***********************************************************-->
*/
@import url(../font/roboto-gh-pages/roboto.css);

* {
    border-radius: 0 !important
}

body {
    background: #005689;
    background-image: linear-gradient(to right,#005689,#006b9b,#007baa,#0078a8,#00588b);

    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.img-qrcode{
    margin-top: 20px;
    margin-right: 20px;
}
.header {
    /* position: fixed; */
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* z-index: 9999; */
    height: 70px;
    line-height: 70px;
    border: 0;
    /* border-bottom: 5px solid rgba(204, 208, 210, 0.44); */
}

.header .logo  img{
    height: 70px;
    float: left;
    margin-top: 25px;
}
.header .logo .slogan{}
.header .btn {
    margin-top: 15px;
    text-transform: uppercase;
    padding: 6px 20px;
    background: #1e8bc3;
    border-color: #1e8bc3;
}

.footer ul.pull-left {
}

.footer ul.pull-left li {
}

.footer ul.pull-left li a {
    color: #eee !important;
}

.footer ul.pull-left li i {
    font-size: 25px;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.footer ul.pull-right a {
}

.footer ul.pull-right a img {
    max-height: 35px;
}

header {
    /* background: #fff; */
}

.footer {
    height: 70px;
    /* background: #005689; */
    color: #eee;
}

.footer > div {
    padding-top: 25px;
}

.owl-controls {
    position: absolute;
    bottom: 75px;
    /* left: 0; */
    right: 40px;
    margin: auto;
    max-width: 130px;
}

.owl-pagination .owl-page {
    display: inline-block;
    margin: 5px;
}

.owl-pagination .owl-page span {
    width: 15px;
    height: 15px;
    border-radius: 100% !important;
    background: #fff;
    display: inline-block;
    opacity: .6;
}

.owl-pagination .owl-page.active span {
    opacity: 1;
    background: #8BC34A;
}

.page-content {
    margin-top: 0;
    border: 0 !important;
    /* position: relative; */
}

.page-content .content {
}

.page-content h3 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 10px;
}
.page-content h2 {
    font-weight: 900;
    color: #fff;
    font-size: 40px;
    margin-bottom: 30px;
    margin-top: 10px;
    max-width: 450px;
}

.page-content .col-sm-7 .wrap {
    position: absolute;
    top: 50%;
    margin-top: -200px;
}

.page-content .intro-slider {
    position: relative;
    /* top: 50%; */
    /* margin-top: -250px; */
    height: 100%;
}

.page-content p {
    margin-bottom: 0;
    color: #fff;
    max-width: 500px;
    font-size: 20px;
}

.page-content .img-responsive {
    padding: 10px;
    position: absolute;
    top: 50%;
    margin-top: -265px;
    max-height: 400px;
}

.page-content .btn {
}

.mtb {
    margin: 20px auto 50px;
}

.page-content .btn {
    background: #8BC34A;
    color: #fff;
    /* padding: 7px 30px; */
    margin-top: 60px;
    box-shadow: 5px 5px rgba(85, 97, 111, .2) !important;
    line-height: 26px;
    font-size: 15px;
}
.page-content .item{
    padding: 0 20px;
}
img:hover,
a:hover,
.btn:hover {
    opacity: .9;
}

.page-content {
    /* background: #fff url(../img/intro-bg.png) no-repeat; */
    /* background-size: cover; */
    /* overflow-x: hidden; */

}
body .help-block-error{
    font-size: 13px;
}