body {
        background: #f5f5f5;
    }
    /*<!-- ********************************* service start ********************************* -->*/
    
    .service {
        padding-top: 20px;
        background: white;
    }
    
    .service .service-item {
        text-align: center;
    }
    
    .service .service-item a {
        text-decoration: none;
        font-size: 1.4em;
    }
    
    .service .service-item a i {
        width: 70px;
        height: 70px;
        padding: 23px 0;
        font-size: 1.5em;
        border-radius: 50%;
        background: #f9be1f;
        color: #21222d;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .service .service-item p {
        font-family: 'quarkBold';
        margin-top: 5px;
        color: #21222d;
    }
    
    .service .service-item a:hover i {
        background: #21222d;
        color: #f9be1f;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    /*<!-- ********************************* president start ********************************* -->*/
    
    .president {
        margin-top: 30px;
    }
    
    .president h2 {
        color: #21222d;
        font-family: 'quarkBold';
        font-size: 1.5em;
        margin: 0;
    }
    
    .president a {
        color: #959595;
        font-family: 'quarkBold';
        font-size: 1.2em;
        margin-top: 0;
        text-decoration: none;
    }
    
    .president_news {
        margin-top: 15px;
        border-top: 2px solid #21222d;
        padding-top: 30px;
    }
    
    .line01 {
        border-top: 2px solid #f9be1f;
        width: 100px;
        position: absolute;
        top: 15px;
    }
    
    .line02 {
        border-top: 2px solid #f9be1f;
        width: 100px;
        position: absolute;
        left: 95px;
        top: 15px;
    }
    
    .president_news-item {
        overflow: hidden;
    }
    
    .president_news-col02 {
        margin-bottom: 23px;
    }
    
    .president_news-col01 img,
    .president_news-col02 img {
        width: 100%;
        height: auto;
    }
    
    .president_news-col01 .content {
        position: absolute;
        background: rgba(33, 34, 45, 0.9);
        bottom: 0px;
        height: 85px;
        padding: 10px 20px 10px 20px;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 100%;
    }
    
    .president_news-col01 a:hover .content {
        background: rgba(249, 190, 31, 0.9);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .president_news-col01 .content p {
        font-family: 'quarkBold';
        color: white;
        font-size: 1em;
        margin-bottom: 0px;
    }
    
    .president_news-col01 .content p.date,
    .president_news-col01 .content p.time {
        font-family: "Tahoma";
        font-size: 0.8em;
        display: inline-block;
    }
    
    .president_news-col02 .content {
        position: absolute;
        background: rgba(33, 34, 45, 0.9);
        bottom: 23px;
        height: 68px;
        padding: 10px 55px 10px 20px;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 100%;
    }
    
    .president_news-col02 a:hover .content {
        background: rgba(249, 190, 31, 0.9);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .president_news-col02 .content p {
        font-family: 'quarkBold';
        color: white;
        font-size: 1em;
        max-height: 46px;
        overflow: hidden;
    }
    
    #owl-demo .owl-prev {
        border: none;
        position: absolute;
        top: 140px;
        left: -5px;
        background: rgba(255, 255, 255, 0.60);
        color: grey;
    }
    
    #owl-demo .owl-next {
        border: none;
        position: absolute;
        top: 140px;
        right: -5px;
        background: rgba(255, 255, 255, 0.60);
        color: rgba(128, 128, 128, 0.7);
    }
    
    #owl-demo .owl-controls {
        margin-top: 10px;
    }
    
    #owl-demo .owl-controls .owl-page.active span,
    #owl-demo .owl-controls.clickable .owl-page:hover span {
        background: #f9be1f;
        border: 1px solid #f9be1f;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    #owl-demo .owl-controls .owl-page span {
        border: 1px solid #dddddd;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .president-box {
        margin-top: 15px;
        border-top: 2px solid #21222d;
        background: white;
    }
    
    .president-box .ceo-pic {
        width: 60%;
        margin: 30px auto;
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: 10px;
    }
    
    .president-box .ceo-pic img {
        width: 100%;
        height: auto;
    }
    
    .president-box .ceo-name {
        text-align: center;
        border-bottom: 1px dotted #dddddd;
        margin: 0 1em;
    }
    
    .president-box .ceo-name h2 {
        font-family: 'quarkBold';
        color: #21222d;
        font-size: 1.7em;
    }
    
    .president-box .ceo-name p {
        font-family: 'quarkBold';
        color: #959595;
        font-size: 1.3em;
    }
    
    .president-box .quote {
        text-align: center;
        padding: 30px;
    }
    
    .president-box .quote h2 {
        font-family: 'quarkBold';
        color: #21222d;
        font-size: 1.7em;
        margin: 0;
        font-style: italic;
    }
    
    .president-box .quote h3 {
        font-family: 'quarkBold';
        color: #f9be1f;
        font-size: 1.7em;
        margin: 0;
        font-style: italic;
    }
    
    .president-box .quote p {
        font-family: 'quarkBold';
        color: #959595;
        font-size: 1.3em;
        margin: 0;
        font-style: italic;
    }
    /*<!-- ********************************* activitie start ********************************* -->*/
    
    .activitie {
        margin-top: 30px;
    }
    
    .activitie h2 {
        color: #21222d;
        font-family: 'quarkBold';
        font-size: 1.5em;
        margin: 0;
    }
    
    .activitie a {
        color: #959595;
        font-family: 'quarkBold';
        font-size: 1.2em;
        margin-top: 0;
        text-decoration: none;
    }
    
    .activitie_news {
        margin-top: 15px;
        border-top: 2px solid #21222d;
        padding-top: 30px;
    }
    
    .activitie_news-item {
        overflow: hidden;
    }
    
    .activitie_news-col01 img,
    .activitie_news-col02 img {
        width: 100%;
        height: auto;
    }
    
    .activitie_news-col01 .content {
        position: absolute;
        background: rgba(33, 34, 45, 0.9);
        bottom: 0px;
        height: 85px;
        padding: 10px 20px 10px 20px;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 100%;
    }
    
    .activitie_news-col01 a:hover .content {
        background: rgba(249, 190, 31, 0.9);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .activitie_news-col01 .content p {
        font-family: 'quarkBold';
        color: white;
        font-size: 1em;
        margin-bottom: 0px;
    }
    
    .activitie_news-col01 .content p.date,
    .activitie_news-col01 .content p.time {
        font-family: "Tahoma";
        font-size: 0.8em;
        display: inline-block;
    }
    
    .activitie_news-col02 {
        margin-bottom: 23px;
    }
    
    .activitie_news-col02 a {
        text-decoration: none;
    }
    
    .activitie_news-col02 p.header {
        color: #21222d;
        font-size: 1em;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .activitie_news-col02 p.date,
    .activitie_news-col02 p.time {
        font-family: "Tahoma";
        font-size: 0.8em;
        display: inline-block;
    }
    /*<!-- ********************************* media start ********************************* -->*/
    
    .media {
        margin-top: 30px;
    }
    
    .media h2 {
        color: #21222d;
        font-family: 'quarkBold';
        font-size: 1.5em;
        margin: 0;
    }
    
    .media a {
        color: #959595;
        font-family: 'quarkBold';
        font-size: 1.2em;
        margin-top: 0;
        text-decoration: none;
    }
    
    .media_section {
        margin-top: 15px;
        border-top: 2px solid #21222d;
        padding-top: 30px;
    }
    
    .media-item {
        overflow: hidden;
    }
    
    .media-item-box img {
        width: 100%;
        height: auto;
    }
    
    .media-item-box .content {
        position: absolute;
        background: rgba(33, 34, 45, 0.9);
        bottom: 10px;
        height: 85px;
        padding: 10px 20px 10px 20px;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 95%;
    }
    
    .media-item-box a:hover .content {
        background: rgba(249, 190, 31, 0.9);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .media-item-box .content p {
        font-family: 'quarkBold';
        color: white;
        font-size: 1em;
        margin-bottom: 0px;
    }
    
    .media-item-box .content p.date,
    .media-item-box .content p.time {
        font-family: "Tahoma";
        font-size: 0.8em;
        display: inline-block;
    }
    
    #owl-demo02 .owl-item {
        padding: 10px;
        overflow: hidden;
    }
    
    #owl-demo02 .owl-buttons {
        display: none;
    }
    
    #owl-demo02 .owl-controls .owl-page.active span,
    #owl-demo02 .owl-controls.clickable .owl-page:hover span {
        background: #f9be1f;
        border: 1px solid #f9be1f;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    #owl-demo02 .owl-controls .owl-page span {
        border: 1px solid #dddddd;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    /*<!-- ********************************* download start ********************************* -->*/
    
    .download {
        margin-top: 30px;
    }
    
    .download h2 {
        color: #21222d;
        font-family: 'quarkBold';
        font-size: 1.5em;
        margin: 0;
    }
    
    .download a {
        color: #959595;
        font-family: 'quarkBold';
        font-size: 1.2em;
        margin-top: 0;
        text-decoration: none;
    }
    
    .download_header {
        margin-top: 15px;
        border-top: 2px solid #21222d;
        padding-top: 30px;
    }
    
    .develop_item {
        background: white;
        padding: 10px 0;
        margin-bottom: 2px;
        padding-right: 10px;
    }
    
    .develop_item .ico {
        text-align: center;
    }
    
    .develop_item .ico i {
        font-size: 3em;
        background: #f9be1f;
        width: 80px;
        height: 80px;
        padding: 18px;
    }
    
    .develop_item a {
        text-decoration: none;
        font-family: 'Tahoma';
    }
    
    .develop_item p.date,
    .develop_item p.time {
        font-size: 0.8em;
        display: inline-block;
        color: #959595;
        margin-bottom: 0;
    }
    
    .develop_item p.header {
        color: #21222d;
        font-size: 1em;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .order_item {
        padding: 10px 0;
        padding-right: 10px;
        border-bottom: 2px dotted #dddddd;
    }
    
    .order_item .ico {
        text-align: center;
    }
    
    .order_item .ico i {
        font-size: 3em;
        width: 80px;
        height: 80px;
        padding: 18px;
    }
    
    .order_item a {
        text-decoration: none;
        font-family: 'Tahoma';
    }
    
    .order_item p.date,
    .order_item p.time,
    .order_item p.view_more {
        font-size: 0.9em;
        display: inline-block;
        color: #959595;
        margin-bottom: 0;
        font-family: 'Tahoma';
    }
    
    .order_item p.view_more {
        color: #f9be1f;
    }
    
    .order_item p.header {
        color: #21222d;
        font-size: 1.2em;
        margin-top: 5px;
        margin-bottom: 5px;
        font-family: 'Tahoma';
    }
    /*<!--****************************** banner link start ******************************-->*/
    
    .banner-link {
        margin-top: 50px;
    }
    
    #owl-demo03 .item {
        margin: 10px;
    }
    
    #owl-demo03 .item img {
        display: block;
        width: 100%;
        height: auto;
    }
    
    #owl-demo03 .item p {
        color: white;
        font-size: 20px;
        padding: 10px 5px;
    }
    
    #owl-demo03 i {
        opacity: 0.6;
    }
    
    #owl-demo03 .owl-controls {
        margin-top: 0;
    }
    
    #owl-demo03 .owl-page.active span,
    #owl-demo03 .owl-page:hover span {
        background: #f9be1f;
        border: 2px solid #f9be1f;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    #owl-demo03 .owl-page span {
        border: 2px solid #eeeeee;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    #owl-demo03 .owl-buttons div {
        color: #202e31;
        border: none;
        position: absolute;
    }
    
    #owl-demo03 .owl-prev {
        left: 5px;
        top: 14%;
        background: rgba(255, 255, 255, 0.6);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    #owl-demo03 .owl-prev:hover {
        background: rgba(255, 255, 255, 0.8);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    #owl-demo03 .owl-next {
        right: 5px;
        top: 14%;
        background: rgba(255, 255, 255, 0.6);
    }
    
    #owl-demo03 .owl-next:hover {
        background: rgba(255, 255, 255, 0.8);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    /*<!-- ********************************* about us page start ********************************* -->*/
    
    .about-us {
        margin-top: 40px;
    }
    
    .about-us h2 {
        font-family: 'quarkBold';
        color: #21222d;
    }
    
    .about-us h3:first-child {
        margin-top: 20px;
    }
    
    .about-us h3 {
        font-family: 'quarkBold';
        color: #21222d;
        margin-top: 50px;
    }
    
    .about-us p {
        color: #959595;
        font-size: 1em;
        margin: 10px 0;
    }
    
    .about-us li {
        margin-left: 40px;
        list-style: none;
        color: #959595;
        margin: 5px 0;
        font-size: 1em;
        padding-left: 50px;
    }
    
    .about-us .bullet {
        color: #f9be1f;
        font-size: 0.8em;
    }
    /*<!-- ********************************* news page start ********************************* -->*/
    
    .news {
        margin-top: 40px;
        padding-bottom: 50px;
    }
    
    .news h2 {
        font-family: 'quarkBold';
        color: #21222d;
        margin-bottom: 40px;
    }
    
    .news-item {
        overflow: hidden;
        margin-bottom: 50px;
    }
    
    .news-item_box img {
        width: 100%;
        height: auto;
    }
    
    .news-item_box .content {
        position: absolute;
        background: rgba(33, 34, 45, 0.9);
        bottom: 0;
        height: 100px;
        padding: 10px 55px 10px 20px;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 100%;
    }
    
    .news-item_box a:hover .content {
        background: rgba(249, 190, 31, 0.9);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .news-item_box .content p.date,
    .news-item_box .content p.time {
        font-size: 1em;
        display: inline-block;
    }
    
    .news-item_box .content p.header {
        font-family: 'quarkBold';
    }
    
    .news-item_box .content p {
        color: white;
        font-size: 1.3em;
        margin-bottom: 5px;
    }
    
    .news-item_box .content_color02 {
        position: absolute;
        background: rgba(249, 190, 31, 0.9);
        bottom: 0;
        height: 100px;
        padding: 10px 55px 10px 20px;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 100%;
    }
    
    .news-item_box a:hover .content_color02 {
        background: rgba(33, 34, 45, 0.9);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .news-item_box .content_color02 p {
        color: white;
        font-size: 1.3em;
        margin-bottom: 5px;
    }
    
    .news-item_box .content_color02 p.date,
    .news-item_box .content_color02 p.time {
        font-size: 1em;
        display: inline-block;
    }
    
    .news-item_box .content_color02 p.header {
        font-family: 'quarkBold';
    }
    /*<!--****************************** pagination start ******************************-->*/
    
    .page-section {
        border-top: 2px solid #21222d;
        text-align: center;
    }
    
    .page-section .pagination>li>a,
    .pagination>li>span {
        margin: 0 5px;
        color: #21222d;
        border: 1px solid #dddddd;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .page-section .pagination>li.other_page {
        float: left;
        color: #21222d;
        border: none;
        font-size: 0.4em;
        padding-top: 15px;
        margin: 0 8px;
    }
    
    .page-section .pagination>li:first-child>a,
    .page-section .pagination>li:first-child>span {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    
    .page-section .pagination>li:last-child>a,
    .page-section .pagination>li:last-child>span {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    
    .page-section .pagination>.active>a,
    .page-section .pagination>.active>a:focus,
    .page-section .pagination>.active>a:hover,
    .page-section .pagination>.active>span,
    .page-section .pagination>.active>span:focus,
    .page-section .pagination>.active>span:hover,
    .page-section .pagination>li>a:focus,
    .page-section .pagination>li>a:hover,
    .page-section .pagination>li>span:focus,
    .page-section .pagination>li>span:hover {
        background: #f9be1f;
        border: 1px solid #f9be1f;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .news_content {
        margin-top: 40px;
        padding-bottom: 50px;
    }
    
    .news_content h2 {
        font-family: 'quarkBold';
        color: #21222d;
        margin-bottom: 5px;
        font-size: 1.7em;
    }
    
    .news_content p.date,
    .news_content p.time,
    .news_content p.view {
        font-size: 1em;
        display: inline-block;
        color: #9c9c9c;
    }
    
    .images_slide {
        margin-top: 30px;
    }
    
    .images_slide .carousel-indicators {
        width: 100%;
        left: 0;
        margin-left: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.3);
        margin-bottom: 0;
        padding-bottom: 5px;
        padding-top: 5px;
        z-index: 1;
    }
    
    .images_slide .carousel-indicators li {
        display: inline-block;
        width: 24%;
        height: auto;
        margin: 0px;
        text-indent: 0px;
        cursor: pointer;
        background-color: none;
        border: 5px solid transparent;
        border-radius: 0px;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        opacity: .5;
    }
    
    .images_slide .carousel-indicators li img {
        width: 100%;
    }
    
    .images_slide .carousel-control {
        position: absolute;
        top: 45%;
        padding-top: 25px;
        bottom: 0;
        width: 35px;
        height: 79px;
        font-size: 20px;
        color: #9b9e9f;
        text-align: center;
        text-shadow: none;
        background-color: rgba(255, 255, 255, 0.5);
        opacity: 1;
        background-image: none;
    }
    
    .images_slide .carousel-control i {
        font-size: 1.5em;
        color: #353535;
    }
    
    .images_slide .carousel-control.right {
        right: 0;
    }
    
    .images_slide .carousel-indicators li.active,
    .images_slide .carousel-indicators li:hover,
    .images_slide .carousel-indicators li:focus {
        border: 5px solid #f9be1f;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        opacity: 1;
    }
    
    .news_content-box h3 {
        color: #21222d;
        font-family: 'quarkBold';
    }
    
    .news_content-box p {
        color: #959595;
        margin-top: 20px;
    }
    
    .news_content-box .quote {
        border-left: 2px solid #f9be1f;
        padding: 10px 20px;
        margin: 10px 0;
    }
    
    .news_content-box .quote p {
        color: #21222d;
        font-style: italic;
    }
    /*<!--****************************** download page start ******************************-->*/
    
    .download_content {
        margin-bottom: 20px;
    }
    
    .download_content h2 {
        margin: 40px 0;
        color: #21222d;
        font-family: 'quarkBold';
    }
    
    .download_content_item {
        padding: 10px 0;
        padding-right: 10px;
        background: #ffffff;
        margin-bottom: 20px;
    }
    
    .download_content_item .ico {
        text-align: center;
    }
    
    .download_content_item .ico i {
        font-size: 3em;
        width: 80px;
        height: 80px;
        padding: 18px;
    }
    
    .download_content_item a {
        text-decoration: none;
    }
    
    .download_content_item p.date,
    .download_content_item p.time,
    .download_content_item p.view_more {
        font-size: 1em;
        display: inline-block;
        color: #959595;
        margin-bottom: 0;
    }
    
    .download_content_item p.view_more {
        color: #f9be1f;
    }
    
    .download_content_item p.header {
        color: #21222d;
        font-size: 1.2em;
        margin-top: 5px;
        margin-bottom: 5px;
        min-height: 69px;
    }
    /*<!--****************************** media page start ******************************-->*/
    
    .media_content {
        margin-bottom: 20px;
    }
    
    .media_content h2 {
        margin: 40px 0;
        color: #21222d;
        font-family: 'quarkBold';
    }
    
    .media_content-item {
        overflow: hidden;
        margin-bottom: 50px;
    }
    
    .media_content-item_box {
        background: rgba(0, 0, 0, 0.1);
    }
    
    .media_content-item_box:hover {
        background: rgba(0, 0, 0, 0);
    }
    
    .media_content-item:hover .media_content-item_box img {
        opacity: 1;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .media_content-item_box img {
        width: 100%;
        opacity: .8;
        position: relative;
        z-index: -1;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .media_content-item_box .ico {
        text-align: center;
        position: absolute;
        z-index: 1;
        width: 100%;
        padding-top: 70px;
        padding-right: 30px;
    }
    
    .media_content-item_box .ico i {
        font-size: 3em;
        color: rgba(168, 24, 29, 0.9);
    }
    
    .media_content-item_box .content {
        position: absolute;
        background: rgba(33, 34, 45, 0.9);
        bottom: 0;
        height: 100px;
        padding: 10px 55px 10px 20px;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 100%;
    }
    
    .media_content-item_box a:hover .content {
        background: rgba(249, 190, 31, 0.9);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .media_content-item_box-nt .content {
        position: absolute;
        background: rgba(249, 190, 31, 0.9);
        bottom: 0;
        height: 100px;
        padding: 10px 55px 10px 20px;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 100%;
    }
    
    .media_content-item_box-nt a:hover .content {
        background: rgba(33, 34, 45, 0.9);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }
    
    .media_content-item_box .content p {
        color: white;
        font-size: 1.3em;
        margin-bottom: 5px;
    }
    
    .media_content p.date,
    .media_content p.time {
        font-size: 1em;
        display: inline-block;
        color: white;
    }
    
    .media_content-item_box .content p.header {
        font-family: 'quarkBold';
    }

    .tptn_counter {
        display: none;
    }
    /*mobile site*/
    
    @media (max-width: 767px) and (min-width: 320px) {
        .service .service-item p {
            font-size: 0.7em;
        }
        #owl-demo00 .owl-pagination {
            display: none;
        }
        #owl-demo00 .owl-prev {
            left: -20px;
            top: 14%;
            background: rgba(208, 208, 208, 0.6);
            -moz-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            -webkit-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }
        #owl-demo00 .owl-prev:hover {
            background: rgba(255, 255, 255, 0.8);
            -moz-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            -webkit-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }
        #owl-demo00 .owl-buttons div {
            color: #202e31;
            border: none;
            position: absolute;
        }
        #owl-demo00 .owl-next {
            right: -20px;
            top: 14%;
            background: rgba(208, 208, 208, 0.6);
        }
        #owl-demo00 .owl-next:hover {
            background: rgba(255, 255, 255, 0.8);
            -moz-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            -webkit-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }
        #owl-demo .owl-prev,
        #owl-demo .owl-next {
            top: 50px;
        }
        #owl-demo .owl-prev i,
        #owl-demo .owl-next i {
            font-size: 1em;
        }
        .president_news-col01 .content p {
            font-size: 0.9em;
            height: 40px;
            overflow: hidden;
        }
        .president_news-col01 .content p.date,
        .president_news-col01 .content p.time {
            font-size: 0.6em;
            margin-top: 5px;
        }
        .president_news-col02 .content {
            bottom: 0;
        }
        .president_news-col02 .content p {
            font-size: 0.9em;
        }
        .line01 {
            top: 0;
        }
        .line02 {
            left: 35%;
            top: 0;
        }
        #owl-demo .owl-item {
            padding: 5px;
        }
        #owl-demo .owl-pagination {
            margin-bottom: 10px;
        }
        #owl-demo .owl-next {
            right: 0;
        }
        #owl-demo .owl-prev {
            left: 0;
        }
        .president_news-col01 .content {
            margin-bottom: -85px;
            width: 100%;
            position: relative;
            bottom: 85px;
        }
        .president h2,
        .activitie h2 {
            font-size: 1.3em;
        }
        .activitie_news-col02 {
            margin-bottom: 5px;
        }
        .activitie_news-col01 {
            margin-bottom: 20px;
        }
        .activitie_news-col01 .content {
            padding: 10px 45px 10px 15px;
        }
        .activitie_news-col01 .content p {
            height: 45px;
            overflow: hidden;
        }
        .activitie_news-col02 p.header {
            height: 35px;
            overflow: hidden;
            line-height: 1.1;
        }
        .media-item-box .content {
            margin-bottom: -85px;
            width: 100%;
            position: relative;
            bottom: 85px;
        }
        .media-item-box .content p.header {
            height: 45px;
            overflow: hidden;
        }
        #owl-demo02 .owl-buttons {
            display: block;
        }
        #owl-demo02 .owl-prev,
        #owl-demo02 .owl-next {
            top: 50px;
        }
        #owl-demo02 .owl-prev i,
        #owl-demo02 .owl-next i {
            font-size: 1em;
        }
        #owl-demo02 .owl-prev {
            border: none;
            position: absolute;
            top: 80px;
            left: 5px;
            background: rgba(255, 255, 255, 0.60);
            color: grey;
        }
        #owl-demo02 .owl-next {
            border: none;
            position: absolute;
            top: 80px;
            right: 5px;
            background: rgba(255, 255, 255, 0.60);
            color: rgba(128, 128, 128, 0.7);
        }
        #owl-demo02 .owl-controls {
            margin-top: 10px;
        }
        .download_header {
            margin-top: 40px;
        }
        .develop_item .ico i {
            font-size: 1em;
            width: 40px;
            height: 40px;
            padding: 14px;
            margin-top: 7px;
        }
        .develop_item p.header {
            color: #21222d;
            font-size: 0.8em;
            line-height: 1.3;
            margin-top: 0;
            margin-bottom: 0;
            height: 33px;
            overflow: hidden;
        }
        .develop_item p.date,
        .develop_item p.time {
            font-size: 0.7em;
        }
        .develop_item_lastchild {
            margin-bottom: 30px;
        }
        .order_item .ico i {
            font-size: 2em;
            width: auto;
            height: auto;
            padding: 5px;
        }
        .order_item p.header {
            color: #21222d;
            font-size: 1em;
            line-height: 1.3;
            margin-top: 0;
            margin-bottom: 5px;
            height: 33px;
            overflow: hidden;
        }
        .order_item p.date,
        .order_item p.time,
        .order_item p.view_more {
            font-size: 0.8em;
        }
        #owl-demo03 .owl-prev i,
        #owl-demo03 .owl-next i {
            font-size: 2em;
        }
        #owl-demo03 .owl-prev,
        #owl-demo03 .owl-next {
            top: 27%;
        }
        /*about us page*/
        .about-us {
            margin-top: 0;
        }
        .about-us h2 {
            margin-bottom: -15px;
        }
        .news {
            margin-top: 0;
            padding-bottom: 0px;
        }
        .news h2 {
            margin-bottom: 15px;
        }
        .news-item {
            margin-bottom: 20px;
        }
        /*news page*/
        .news_content {
            margin-top: 0;
            padding-bottom: 0px;
        }
        .news_content p.date,
        .news_content p.time,
        .news_content p.view {
            font-size: 0.9em;
        }
        .images_slide {
            margin-top: 10px;
        }
        .images_slide .carousel-indicators li {
            width: 17%;
            border: 2px solid transparent;
        }
        .images_slide .carousel-indicators li.active,
        .images_slide .carousel-indicators li:hover,
        .images_slide .carousel-indicators li:focus {
            border: 2px solid #f9be1f;
            background-color: rgba(0, 0, 0, 0);
        }
        .images_slide .carousel-control i {
            font-size: 1em;
        }
        .images_slide .carousel-control {
            padding-top: 5px;
            width: 35px;
            height: 35px;
        }
        .page-section .pagination>li>a,
        .pagination>li>span {
            margin: 0 3px;
        }
        /*download page*/
        .download_content h2 {
            margin: 20px 0 10px;
        }
        .download_content_item .ico i {
            font-size: 2em;
            width: 45px;
            height: 45px;
            padding: 8px;
            margin-top: 5px;
            background: #f9be1f;
        }
        .download_content_item p.header {
            font-size: 1em;
            margin-top: -2px;
            margin-bottom: -1px;
            height: 40px;
            overflow: hidden;
        }
        .download_content_item p.date,
        .download_content_item p.time,
        .download_content_item p.view_more {
            font-size: 0.8em;
        }
        .download_content_item {
            margin-bottom: 10px;
        }
        /*media page*/
        .media_content h2 {
            margin: 20px 0;
        }
        .media_content-item {
            margin-bottom: 20px;
        }
        .media_content-item_box .ico {
            text-align: center;
            position: relative;
            z-index: 0;
            width: 100%;
            margin-top: -42px;
            top: 100px;
            padding-top: 0px;
            padding-right: 0px;
        }
    }
    /*tablet site*/
    
    @media(max-width: 1024px) and (min-width: 768px) {
        #owl-demo00 .owl-pagination {
            display: none;
        }
        #owl-demo00 .owl-prev {
            left: -29px;
            top: 14%;
            padding-top: 10px;
            padding-bottom: 10px;
            background: rgba(208, 208, 208, 0.6);
            -moz-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            -webkit-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }
        #owl-demo00 .owl-prev:hover {
            background: rgba(255, 255, 255, 0.8);
            -moz-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            -webkit-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }
        #owl-demo00 .owl-buttons div {
            color: #202e31;
            border: none;
            position: absolute;
        }
        #owl-demo00 .owl-next {
            right: -29px;
            top: 14%;
            padding-top: 10px;
            padding-bottom: 10px;
            background: rgba(208, 208, 208, 0.6);
            -moz-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            -webkit-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }
        #owl-demo00 .owl-next:hover {
            background: rgba(255, 255, 255, 0.8);
            -moz-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            -webkit-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }
        #owl-demo .owl-prev,
        #owl-demo .owl-next {
            top: 40%;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        #owl-demo .owl-prev i,
        #owl-demo .owl-next i {
            font-size: 2em;
        }
        .line01 {
            top: 0;
        }
        .president_news-col01 .content {
            margin-bottom: -85px;
            width: 100%;
            position: relative;
            bottom: 85px;
        }
        #owl-demo .owl-item {
            padding: 5px;
        }
        #owl-demo .owl-pagination {
            margin-bottom: 10px;
        }
        #owl-demo .owl-next {
            right: 0;
        }
        #owl-demo .owl-prev {
            left: 0;
        }
        .president_news-col02 .content {
            margin-bottom: -68px;
            width: 100%;
            position: relative;
            bottom: 68px;
            padding: 10px;
            line-height: 1.2;
            font-size: 0.9em;
        }
        .line02 {
            left: 43%;
            top: 0;
        }
        .president-box .ceo-pic {
            width: 30%;
            margin-bottom: 30px;
        }
        .activitie_news-col01 .content {
            margin-bottom: -50px;
            width: 100%;
            position: relative;
            bottom: 86px;
        }
        .media-item-box .content {
            margin-bottom: -85px;
            width: 100%;
            position: relative;
            bottom: 85px;
        }
        #owl-demo02 .owl-buttons {
            display: block;
        }
        #owl-demo02 .owl-prev,
        #owl-demo02 .owl-next {
            top: 50px;
        }
        #owl-demo02 .owl-prev i,
        #owl-demo02 .owl-next i {
            font-size: 2em;
        }
        #owl-demo02 .owl-prev {
            border: none;
            position: absolute;
            top: 80px;
            left: 5px;
            background: rgba(255, 255, 255, 0.60);
            color: grey;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        #owl-demo02 .owl-next {
            border: none;
            position: absolute;
            top: 80px;
            right: 5px;
            background: rgba(255, 255, 255, 0.60);
            color: rgba(128, 128, 128, 0.7);
            padding-top: 10px;
            padding-bottom: 10px;
        }
        #owl-demo02 .owl-controls {
            margin-top: 10px;
        }
        .download_header {
            margin-top: 40px;
        }
        .develop_item_lastchild {
            margin-bottom: 30px;
        }
        /*about us page*/
        .about-us {
            margin-top: 10px;
        }
        .about-us h2 {
            margin-bottom: -10px;
        }
        /*news page*/
        .news {
            margin-top: 10px;
            padding-bottom: 0;
        }
        .news-item {
            margin-bottom: 30px;
        }
        .news-item_last {
            display: none;
        }
        .news_content {
            margin-top: 10px;
            padding-bottom: 0;
        }
        .media_content-item_last {
            display: none;
        }
        .media_content-item {
            margin-bottom: 30px;
        }
    }
    /*lanscape tablet*/
    
    @media (max-width: 1024px) and (min-width: 1024px) {
        .president-box .ceo-pic {
            width: 63%;
            margin-bottom: 10px;
            margin-top: 13px;
        }
        .president-box .quote {
            padding: 26px;
        }
        .president-box .quote h2 {
            font-size: 1.3em;
        }
        .president-box .quote h3 {
            font-size: 1.3em;
        }
        .president-box .quote p {
            font-size: 1em;
        }
        .activitie_news-col02 {
            margin-bottom: 5px;
        }
        .line01 {
            top: 15px;
        }
        .line02 {
            left: 70px;
            top: 15px;
        }
        .media-item-box .content p {
            font-size: 0.7em;
        }
        .media-item-box .content p.date,
        .media-item-box .content p.time {
            font-size: 0.6em;
        }
        .download_header {
            margin-top: 15px;
        }
        .develop_item .ico i {
            width: 65px;
            height: 65px;
            padding: 10px;
        }
        .develop_item p.header {
            height: 39px;
            overflow: hidden;
            line-height: 1.2;
            margin-top: 0;
        }
        .order_item .ico i {
            width: 65px;
            height: 65px;
            padding: 10px;
        }
        .order_item p.header {
            height: 39px;
            overflow: hidden;
            line-height: 1.2;
            margin-top: 0;
        }
        .banner-link {
            margin-top: 0;
        }
        .news-item_last {
            display: block;
        }
        .media_content-item_last {
            display: block;
        }
    }
    /*custom size*/
    
    @media (max-width: 1023px) and (min-width: 992px) {
        .line01 {
            top: 15px;
        }
        .line02 {
            left: 15px;
            top: 15px;
        }
        .president-box .ceo-pic {
            width: 60%;
            margin-bottom: 20px;
        }
        .president-box .quote {
            padding: 13px;
        }
        .president-box .quote h2 {
            font-size: 1.5em;
        }
        .president-box .quote h3 {
            font-size: 1.5em;
        }
        .president-box .quote p {
            font-size: 1em;
        }
        .activitie_news-col02 {
            margin-bottom: 5px;
        }
        .media-item-box .content p {
            font-size: 0.8em;
            line-height: 1.2;
        }
        .media-item-box .content p.date,
        .media-item-box .content p.time {
            font-size: 0.6em;
        }
        .download_header {
            margin-top: 15px;
        }
        .develop_item .ico i {
            width: 60px;
            height: 60px;
            padding: 8px;
        }
        .develop_item p.header {
            font-size: 0.8em;
            margin-top: 0;
            height: 35px;
            overflow: hidden;
        }
        .develop_item p.date,
        .develop_item p.time {
            font-size: 0.7em;
        }
        .order_item .ico i {
            width: 60px;
            height: 60px;
            padding: 8px;
        }
        .order_item p.header {
            font-size: 0.8em;
            margin-top: 0;
            height: 35px;
            overflow: hidden;
        }
        .order_item p.date,
        .order_item p.time {
            font-size: 0.7em;
        }
        .banner-link {
            margin-top: 0;
        }
        .news-item_last {
            display: block;
        }
        .media_content-item_last {
            display: block;
        }
    }
    /*custom size*/
    
    @media (max-width: 1199px) and (min-width: 1025px) {
        #owl-demo00 .owl-pagination {
            display: none;
        }
        #owl-demo00 .owl-prev {
            left: -29px;
            top: 14%;
            padding-top: 10px;
            padding-bottom: 10px;
            background: rgba(208, 208, 208, 0.6);
            -moz-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            -webkit-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }
        #owl-demo00 .owl-prev:hover {
            background: rgba(255, 255, 255, 0.8);
            -moz-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            -webkit-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }
        #owl-demo00 .owl-buttons div {
            color: #202e31;
            border: none;
            position: absolute;
        }
        #owl-demo00 .owl-next {
            right: -29px;
            top: 14%;
            padding-top: 10px;
            padding-bottom: 10px;
            background: rgba(208, 208, 208, 0.6);
            -moz-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            -webkit-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }
        #owl-demo00 .owl-next:hover {
            background: rgba(255, 255, 255, 0.8);
            -moz-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            -webkit-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }
        #owl-demo .owl-prev,
        #owl-demo .owl-next {
            top: 40%;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        #owl-demo .owl-prev i,
        #owl-demo .owl-next i {
            font-size: 2em;
        }
        .develop_item .ico i {
            width: 65px;
            height: 65px;
            padding: 10px;
        }
        .develop_item p.header {
            height: 39px;
            overflow: hidden;
            line-height: 1.2;
            margin-top: 0;
        }
        .order_item .ico i {
            width: 65px;
            height: 65px;
            padding: 10px;
        }
        .order_item p.header {
            height: 39px;
            overflow: hidden;
            line-height: 1.2;
            margin-top: 0;
        }
        .president_news-col02 .content {
            margin-bottom: -67px;
            width: 100%;
            position: relative;
            bottom: 67px;
            padding: 10px;
            line-height: 1.2;
            font-size: 0.9em;
        }
        .president-box .quote {
            padding: 20px;
        }
        .president-box .quote h2 {
            font-size: 1.4em;
        }
        .president-box .quote h3 {
            font-size: 1.4em;
        }
        .president-box .quote p {
            font-size: 1em;
        }
        .activitie_news-col02 {
            margin-bottom: 4px;
        }
        .media-item-box .content {
            margin-bottom: -67px;
            width: 100%;
            position: relative;
            bottom: 67px;
            padding: 10px;
            line-height: 1.2;
            font-size: 0.9em;
        }
        .about-us {
            margin-top: 10px;
        }
        .news {
            margin-top: 10px;
            padding-bottom: 0;
        }
        .news-item {
            margin-bottom: 30px;
        }
        .news_content {
            margin-top: 10px;
            padding-bottom: 0;
        }
        .media_content-item {
            margin-bottom: 30px;
        }
        .news h2{
            margin-bottom: 20px;
        }
        .download_content h2,
        .media_content h2 {
            margin-top: 25px;
            margin-bottom: 20px;
        }
    }