.owltopnews .owl-controls, .mainslide .owl-controls {
margin: 0 !important
}

.owltopnews .owl-buttons > div, #owlmainslide .owl-buttons > div {
width: 40px;
height: 40px;
background: none !important;
border: 1px solid #fff;
opacity: 0.4;
position: absolute;
top: calc(50% - 20px);
line-height: 40px;
text-align: center;
color: #fff;
font-size: 26px !important;
padding: 0 !important;
margin: 0 !important
}

#owlmainslide img {
width: 100%;
height: 500px;
object-fit: cover;
}

#owlmainslide .owl-buttons > div.owl-prev {
left: 27px
}

#owlmainslide .owl-buttons > div.owl-next {
right: 27px
}

.owltopnews .owl-buttons > div:hover, #owlmainslide .owl-buttons > div:hover {
opacity: 1
}

#submainslide {
position: absolute;
bottom: 0;
left: 0;
padding: 0 15px;
}

#submainslide .item {
cursor: pointer;
width: auto;
}

#submainslide .item .img {
min-height: 85px
}
#submainslide img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
#submainslide .title {
    color: #fff;
    font-size: 15px;
    padding: 15px 0;
    background: #3f3f95;
    /*position: absolute;
    bottom: 0;*/
    width: 100%;
    opacity: 0.8;
}

#submainslide .synced .title, #submainslide .item:hover .title {
background: #e1242a;
text-decoration: none
}

#aboutus {
padding-top: 50px;
padding-bottom: 0
}

#aboutus h4 {
font-size: 18px;
display: inline-block;
margin-top: 40px;
font-weight: bold;
color: #666;
}

#aboutus .quote {
line-height: 30px;
color: #666666;
margin-top: 15px;
text-align: justify
}

#aboutus .col-md-6:nth-child(2n+1):before {
content: "";
background: url("images/line.png") no-repeat;
width: 11px;
height: 215px;
position: absolute;
top: calc(50% - 107.5px);
left: -35px
}

#service .item {
position: relative;
}

#service .item .content {
padding: 10px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
opacity: 0
}

#service .item:hover .content {
opacity: 1
}

#service .item .info {
background: rgba(255,255,255,0.75);
padding: 20px;
position: relative;
width: 100%
}

#service .item .info figure {
display: table-cell;
vertical-align: middle;
width: 100%
}

#service .item .info h6 {
font-size: 20px;
color: #00529c;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px
}

#service .item .info .quote {
line-height: 25px;
text-align: justify;
}

#service .item .info .detail {
padding: 15px;
position: absolute;
right: 0;
bottom: 0;
background: #439d6c;
font-size: 18px;
color: #fff
}

#service .item .info .detail:before {
content: "";
width: 0;
height: 0;
border-top: 55px solid transparent;
border-bottom: 0px solid transparent;
border-right: 35px solid #439d6c;
position: absolute;
right: 100%;
bottom: 0
}

#whyus {
padding-top: 40px;
display: inline-block;
width: 100%;
}

#whyus .item {
margin-top: 15px;
display: inline-block;
width: 100%;
}

#whyus .item .col-md-10 > h6 {
font-size: 18px;
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: bold;
}

#whyus .item .img span {
width: 100%;
display: table-cell;
vertical-align: middle;
}

#whyus .item .quote {
color: #666666;
line-height: 22px;
text-align: justify;
font-weight: normal;
}

#whyus .body {
padding: 0 150px;
line-height: 25px
}

#countup {
background: url("images/bg2.png") no-repeat 100%;
padding-top: 50px;
padding-bottom: 50px;
background-size: 100% auto;
color: #fff;
margin-top: 50px;
}

#countup p:last-child {
font-size: 20px;
}

#countup span {
font-size: 60px;
}

#countup p.img {
display: inline-block;
margin-bottom: 30px;
}

#countup p.img span {
height: 90px;
vertical-align: bottom;
display: table-cell;
}

#association {
padding-top: 60px;
padding-bottom: 80px
}

#association h3.title span:before {
display: none;
}

#association h3.title {
margin-top: 30px
}

#association h3.title:after {
content: "";
width: 3px;
height: 145px;
background: url("images/line3.png") no-repeat;
position: absolute;
right: 0;
top: calc(50% - 72.5px);
}

/*#association .item a, #owlpartner .item a, #owlassociation a {
    display: table-cell;
    vertical-align: middle;
}*/

#topnews .col-md-12 {
height: 207px
}

#topnews h3.title {
margin-bottom: 30px
}

#partner {
padding: 30px 0;
background: #ebebeb
}
#owlpartner{
    margin-top: 30px;
}

.owltopnews .owl-buttons > div {
    border-color: #333333;
    color: #333333 !important
}

.owltopnews .owl-buttons > div.owl-prev {
left: -70px
}

.owltopnews .owl-buttons > div.owl-next {
right: -70px
}

@media(max-width: 1024px) {
.owltopnews .owl-buttons > div {
top: -85px
}

.owltopnews .owl-buttons > div.owl-prev {
left: auto;
right: 45px
}

.owltopnews .owl-buttons > div.owl-next {
right: 0px
}

#owlservice .owl-buttons {
position: absolute;
top: -40px;
right: 20px
}

#whyus .item {
padding-bottom: 0
}

#whyus {
background-size: 50%;
background-position-y: 80%;
}

#whyus .item .col-md-10 > h6 {
margin-bottom: 15px
}

.topfooter {
background-size: auto 100%;
}

.bottomfooter .col-md-2 {
width: 30%
}

.bottomfooter .col-md-8 {
width: 40%
}

#aboutus {
background-size: 65%;
background-position-y: center;
}

#service .item .content {
opacity: 1
}

.owltopnews .boxnews .info {
float: left;
}

.owltopnews .boxnews .info h5 {
margin-top: 10px
}

#whyus .body {
padding: 0
}
}

#whyus .col-xs-2 {
padding: 0;
text-align: center;
}

#whyus .item .img {
display: inline-block;
}

#whyus .body {
padding: 0 15px
}
}

@media(max-width: 480px) {
#service {
padding: 0 15px;
}

.topheader .col-md-2 {
margin-bottom: 5px
}

#countup .col-md-3 .counter {
font-size: 50px
}

#countup .col-md-3 p:last-child {
font-size: 17px
}

.owltopnews .owl-buttons > div, #owlmainslide .owl-buttons > div {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 20px !important;
border-radius: 0 !important
}

.owltopnews .owl-buttons > div {
top: -80px
}

.owltopnews .owl-buttons > div.owl-next {
right: 15px
}

#service .item > img {
width: 100%
}

.owltopnews .row {
margin: 0
}

#topnews .boxnews span img {
width: auto;
}
}

#aboutus h4 {
margin-top: 10px
}

#whyus .item {
margin-top: 20px
}

#whyus .item .col-md-10 > h6 {
margin-top: 15px;
/*text-align: center;*/
}
#whyus .item .img {
    padding-top: 30px;
}

/*#whyus .item > div {
width: 100%
}*/

#countup .col-md-3 p:last-child {
font-size: 15px
}

.owltopnews .owl-buttons > div {
top: -30px
}
}