body {position: relative;font-family: verdana, geneva, sans-serif ;background: url('../img/bg12.jpg') no-repeat center center fixed;
}
.clear{
clear: both; 
}
.box-news{
    margin-left: -15px;
    width: 100%;
    position: relative !important;
    min-height: 250px;
    display: block;
}
.h4 {
    color: #fff;
    font-family:arial, sans-serif;
    font-weight: bolder
}
.h4-news{
    color: #0B324F;
    font-family: arial, sans-serif;
    font-weight: bolder;
     font-size:1.9rem !important;
}
.h4-news2{
    color: #0B324F;
    font-family: arial, sans-serif;
    font-weight: bolder;
     font-size:1.1rem !important;
}
.content1{
    font-family:arial, sans-serif;
    font-weight:bold;
    color: #fff;
}
.content2{
    font-family: arial, sans-serif;
    color: #0B324F;
    display:block;
    height: auto;  
}

p.content2{
    font-family: arial, sans-serif;
    color: #000;
    display:block;
    font-size:12px;
    margin-top:25px; 
     text-align: justify;
    word-wrap: break-word;
}
.blue{
       background-color: #00529B;
      opacity: 0.5;
      filter: Alpha(opacity=50); IE8 and earlier
}
.blue-contact{
       background-color: #00529B;
      opacity: 0.7;
      filter: Alpha(opacity=70); IE8 and earlier
    color: white;
    padding:15px;
}
.white{
    background-color: #fff;
    position: relative;
}
.white-news{
    background-color: #fff;
    position: relative;
}
.white-contact{
    background-color: #fff;
    position: relative;
    padding: 0 15px;
}
.readmore {
    background-color: #0B324F;
    display: block;
    padding: 0.6em 2em;
    color: #fff;
   font-family: arial, sans-serif;
    font-size:12px;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    right: 0;
}
.readmore:hover  {
    background-color: #01F6FA0;
    color: #fff;
}
.readmore-box {
    background-color: #0B324F;
    display: block;
    padding:0.4em 0;
    text-align: center;
    width:100%;
    color: #fff;
    font-weight: bold;
   font-family: arial, sans-serif;
    position: absolute;
    bottom: 0;
    font-size:12px;
    right: 0;
}
.readmore-box:hover  {
    background-color: #01F6FA0;
    color: #fff;
}
.slide-news{
    width: 95%;
    display: block;
    min-height: auto;
    position: relative;
    padding-left: 15px;
    margin-bottom: 150px;
    margin:0 auto;
}


.slide-page{
    color:white;
    font-weight: bold;
}
.wrapper {
    width: 100%;
    height: 97%;
    position: absolute;
    z-index: -999999;
    padding: 0;
    margin: 0;
}
.wrapper2 {
    width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: -999999;
}
.topmenu {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 80px;
    background: url('../img/tab.png') repeat-x;
}
.lang {
    width: 240px;
    height: 20px;
    padding-right: 20px;
    margin: 0;
    text-align: right;
    color: #fff;
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 38px;
}
.lang > p {
    display: inline-block;
    float: right;
    font-size: 14px;
}
.lang > p > a{
    color:white;
      font-size: 0.8em;
}
.job {
    background: url('../img/icon-job-default.png') no-repeat;
     width: 78px;
    height: 20px;
    margin-left:75px;
    margin-top:2px;
    float: right;
}
.job:hover {
    background: url('../img/icon-job-hover.png') no-repeat;
}
.head-foot {
    margin-bottom: 5px;
    margin-top: 15px;
    background: url('../images/home/tab-foot.jpg') repeat-x;
    width: 100%;
    height: 65px;
}
.head-foot > p {
    display: inline-block;
    width: 32%;
    height: auto;
    margin-left: 5px;
    margin-top: 5px;
    font-size: 0.8em;
    color: #fff;
    float: left;
    font-weight: bold;
    letter-spacing: 1px;
}
.sub-pic > img {
    height: 65px;
    float: right;
    margin-right: 15px;
}
.box-foot {
    width: 100%;
    min-height: 147px;
    background-color: #000;
}
.footer {
    width: 100%;
    height: auto;
    padding: 10px 0 10px 0;
    margin: 0;
    display: block;
    background-color: #1E272D;
    position: relative;
}
.copyright {
    background-color: #c1272d;
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    padding: 2px 0;
    bottom: 0;
    text-align: right;
    width: 100%;
    position: fixed;
    z-index: 1;
}
.home-block {
    height: 17%;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 0.6em;
}
.block {
    height: 12%;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 0.6em;
}
.block-news {
    height: 55px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 0.6em;
}
.block2 {
    height: 2%;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 0.6em;
}
img.tracking {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}
img.intro {
    width: 50%;
    margin: 10px 0 0 0;
}
.head-foot > p {
    display: inline-block;
    width: 40%;
    height: auto;
    margin-left: 5px;
    margin-top: 5px;
    font-size: 0.79em;
    color: #fff;
    float: left;

    letter-spacing: 1px;
}
.about-block {
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.company-center {
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
}
.footer-worldnet {
    width: 100%;
    height: auto;
    padding-top: 20px;
    margin: 0;
    display: block;
    background-color: #1E272D;
}

       .copyright-comming {
    background-color: #c1272d;
    color: #ffffff;
    display: block;
    font-size: 12px;
 
    height: 40px;
    padding: 10px 0 0;
    text-align: right;
    width: 100%;
    position: fixed;
    bottom:0;
}
       .copyright-service,.copyright-news  {
    background-color: #c1272d;
    color: #ffffff;
    display: block;
    font-size: 10px;
    min-height: 21px;
    padding: 0 0 2px 0;
    text-align: right;
    width: 100%;
    position: fixed;
    bottom:0;
}

.copyright2 {  background-color: #c1272d;color:#fff;display:block;font-size: 8px;height:21px;padding:3px 0 0;text-align:right;width:100%;position: fixed;bottom:0px;left: 0px;}
.copyright2 .row  p{font-size: 8px;}

@media only screen and (min-width: 90.063em) { 
.copyright2   {background-color: #c1272d;color:#fff;display:block;font-size: 10px;height:21px;padding:3px 0 0;text-align:right;width:100%;position: fixed;bottom:0px;left: 0px;}

.copyright2 .row  p{font-size: 10px;}

}

@media (min-width: 22.5em) and (max-width: 40em) {
    .wrapper {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -999999;
        padding: 0;
        margin: 0;
    }
    .content-center {
        width: 100%;
        height: auto;
        margin-top: 20px !important;
    }
    img.tracking {
        width: 30% !important;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .company-center {
        height: auto;
        margin-top: 20px;
        margin-bottom: 30px;
        display: block;
    }

}





@media (max-width: 22.063em) {
    .wrapper {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -999999;
        padding: 0;
        margin: 0;
    }
    .head-foot > p {
        display: inline-block;
        width: 30%;
        height: auto;
        margin-left: 5px;
        margin-top: 5px;
        font-size: 0.85em;
        color: #fff;
        float: left;
        font-weight: bold;
        letter-spacing: 1px;
    }
    img.tracking {
        width: 50% !important;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .content-center {
        width: 100%;
        height: auto;
        margin-top: 25px !important;
    }
}
@media only screen and (max-width: 40em) {
    .copyright {
        background-color: #c1272d;
        color: #ffffff;
        display: block;
        font-size: 12px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        padding: 7px 0 0 0;
        text-align: right;
        width: 100%;
        position: relative !important;
    }
    img.intro {
        width: 70% !important;
        margin: 10px 0 20px 0;
    }
    .footer {
        width: 100%;
        height: auto;
        padding: 10px 0 20px 0;
        margin: -15px 0 0 0;
        display: block;
        background-color: #1E272D;
    }
    .about-block {
        margin: 0 auto;
        width: 100%;
        float: left;
    }
    img.tracking {
        width: 50%;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .about-block {
        margin-top: 30px;
        width: 100%;
    }
.copyright-news > .row > p {
            font-size: 10px;
    margin-top:3px;
    }      
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .wrapper {
        width: 100%;
        height: 100% !important;
        position: absolute;
        z-index: -999999;
        padding: 0;
        margin: 0;
    }
    img.tracking {
        width: 30%;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .copyright {
        background-color: #c1272d;
        color: #ffffff;
        display: block;
        font-size: 12px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        padding: 7px 0 0 0;
        text-align: right;
        width: 100%;
        position: relative !important;
    }
    .content-center {
        width: 100%;
        height: auto;
        margin-top: 60px !important;
    }
    .about-block {
        margin-top: 30px;
        width: 100%;
    }
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .wrapper {
        width: 100%;
        height: 100% !important;
        position: absolute;
        z-index: -999999;
        padding: 0;
        margin: 0;
    }
    .content-center {
        width: 100%;
        height: auto;
        margin-top: 130px !important;
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    .wrapper {
        width: 100%;
        height: 100% !important;
        position: absolute;
        z-index: -999999;
        padding: 0;
        margin: 0;
    }
    .content-center {
        width: 100%;
        height: auto;
        margin-top: 0 !important;
        /*for lang */
    }
    .footer {
        width: 100%;
        height: auto;
        padding: 10px 0 20px 0;
        margin: 0;
        display: block;
        background-color: #1E272D;
        position: fixed !important;
        bottom: 0px !important;
        z-index: 1 !important;
    }
    img.tracking {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
    }
}
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 120.063em) {
    .wrapper {
        width: 100%;
        height: 100% !important;
        position: absolute;
        z-index: -999999;
        padding: 0;
        margin: 0;
    }
    .content-center {
        width: 100%;
        height: auto;
        margin-top: 120px !important;
    }
    .footer {
        width: 100%;
        height: auto;
        padding: 10px 0 20px 0;
        margin: 0;
        display: block;
        background-color: #1E272D;
        position: fixed !important;
        bottom: 0!important;
        z-index: 1 !important;
    }
    img.tracking {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
    }
}
/* min-width 1921px, xxlarge screens */
.smallgu > img {
    vertical-align: middle;
    width: 60%
}
/* Small screens */
@media only screen {
} /* Define mobile styles */
@media only screen and (max-width: 40em) {
    .contant1 {font-size: 0.7em;}
    .h4{color:yellow;}
    .block2 {
    height: 11%;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 0.6em;
}
.h4-news{
    color: #0B324F;
    font-family: arial, sans-serif;
    font-weight: bolder;
     font-size:1.3rem !important;
}

}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
/* Medium screens */
@media only screen and (min-width: 40.063em) { 
} /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
   .contant1 {
       font-size: 0.8em;
   }
     .h4{
        color:magenta;
    }
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
/* Large screens */
@media only screen and (min-width: 64.063em) { 

.copyright-service,.copyright-news  {
    background-color: #c1272d;
    color: #ffffff;
    display: block;
    font-size: 10px;
    min-height: 21px;
    padding: 0 0 2px 0;
    text-align: right;
    width: 100%;
    position: fixed;
    bottom:0;
}
    .copyright-news > .row > p {
            font-size: 10px;
    margin-top:3px;
    }
    .size-font {
    font-size: normal;
}
.size-font:hover{
    font-size: 18px;
}
a.active-menu{
    font-size: 18px !important;
}

} /* min-width 1025px, large screens */





@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
/* XLarge screens */
@media only screen and (min-width: 90.063em) { 


} 
@media only screen and (min-width: 120.063em) {

  .footer-worldnet {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 25px;
    margin: 0;
    display: block;
    background-color: #1E272D;
      position: fixed;
      bottom:0;
}  
} /* min-width 1921px, xxlarge screens */