h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,body,a,span{font-family: Open Sans,san-serif!important;letter-spacing:0;color: #fff;}
p{margin-bottom: 10px;color:#fff;line-height: 1.6;font-size: 15px;text-align: justify;}
p span{
    color: #FFEA00;
    font-weight: bold;
}
.mainsec a{
    /* overflow: hidden; */
    display: block;
    margin-bottom: 30px;
}
.mainsec a img{transition: transform .2s;width: 100%;}
.mainsec a img:hover{transform: scale(1.05);}
.mainsec{
    background: url(./upload/bg.png);
    background-size: cover;
    background-position: center;
    padding-top: 40px;
}
img{max-width:100%}
.div-center{
    text-align: center;
    width: 75%;
    margin: auto;
    /* margin-top: 30px; */
}
.qua{background: url(./upload/qua.gif);background-size: cover;background-position: center right;padding: 30px;border: 4px #fff solid;border-radius: 20px;margin-top: 30px;}
.qua .col-md-6:first-child{
    /* padding-top: 20px; */
}
.foot{background: url(./upload/bgfoot.png);background-size: cover;padding-top: 40px;padding-bottom: 40px;}
.foot .col-md-5:first-child p a{
    padding-left: 33px;
    position: relative;
    display: block;
    line-height: 1.4;
}
.foot .col-md-5:first-child p img{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.foot .col-md-6 p img{
    margin-right: 6px;
    margin-bottom: 10px;
}
.foot .col-md-5 h4:first-child{padding-left:5px}
.foot .col-md-6 p{margin-bottom: 0px;}
.foot a:hover{color:#fff}
.animated{visibility:visible;opacity:1!important}
@media only screen and (max-width:1024px) {
    p{line-height:1.2}
}
@media only screen and (max-width:768px) {
    .div-center{width:100%}
    .qua .col-md-6:first-child{margin-bottom:30px}
    .foot .col-md-5{margin-bottom:30px}
    .foot p,.foot h4{text-align:center}
    .foot .col-md-5:first-child p img{display:none}
    .qua{background: url(./upload/qua-xs.gif);background-position: bottom;background-size: cover;}
    .qua .row .col-md-6:nth-child(2){min-height: 420px;}
}
@media only screen and (max-width:480px) {
    .col-md-3, .col-md-4{width:50%;clear: initial;float: left;padding-left: 10px;padding-right: 10px;}
    .mainsec a{margin-bottom:20px}
    .qua .row .col-md-6:nth-child(2){min-height: 200px;}
}
@media only screen and (max-width:390px) {
}
@media only screen and (max-width:320px) {
}