*{margin: 0;padding: 0;}ul, ul li{list-style: none;}a:hover{text-decoration: none;outline: none;}ul{padding-left: 0;}ul li, ul{list-style: none;}h1, h2, h3, h4, h5, h6{margin-top: 0;margin-bottom: 0;}
@font-face {font-family: "cafeta";src: url(../fonts/cafeta.ttf);}
.container, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{position: relative;}
.no_padding{padding: 0;}.no_margin{margin: 0;}
body{background: #f7f7f7;padding-top: 0px;}
.bg_white{background: #ffffff;}
.home_small{max-width: 900px;}
img{max-width: 100%;}
#pg_header{display: block;width: 100%;background: rgba(255,255,255,1);text-align: right;border-bo: ;ttom: 4px solid #0000ff;position: fixed;z-index: 11;top: 0;;left: 0;}


.logo_top{position: absolute;top: calc(100% + 10px);height: 110px;width: 110px; left: -20px;z-index: 1;border: 2px solid #0000ff;background-color: #ffffff;border-radius: 5px;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;padding: 5px;-webkit-transition: all 2s; transition: all 2s;display: inline-block;}
.logo_top a{display: block;height: 100%;}
.logo_top img{height: 100%;width: auto;}

.pg_header_fixed .logo_top{height: 46px;bottom: 10px;}




.hotline_top{display: inline-block;float: right;height: 66px;line-height: 66px;margin-bottom: 0;margin-right: 30px;font-size: 15px;}
.hotline_top strong{letter-spacing: 1px;}
.hotline_top span{color: #D71F27;/*font-family: Consolas,"Lucida Console",monospace;*/font-size: 16px;line-height: normal;white-space: pre-wrap;letter-spacing: 2px;font-weight: bold;-webkit-animation: color-change 2s infinite;
        -moz-animation: color-change 2s infinite;
        -o-animation: color-change 2s infinite;
        -ms-animation: color-change 2s infinite;
        animation: color-change 2s infinite;}
 @-webkit-keyframes color-change {
        0% { color: blue; }
        50% { color: red; }
        100% { color: blue; }
    }
    @-moz-keyframes color-change {
         0% { color: blue; }
        50% { color: red; }
        100% { color: blue; }
    }
    @-ms-keyframes color-change {
         0% { color: blue; }
        50% { color: red; }
        100% { color: blue; }
    }
    @-o-keyframes color-change {
        0% { color: blue; }
        50% { color: red; }
        100% { color: blue; }
    }
    @keyframes color-change {
         0% { color: blue; }
        50% { color: red; }
        100% { color: blue; }
    }
.list_language{display: inline-block;float: right;margin-bottom: 0;margin-top: 23px;margin-right: 20px;}
.list_language li{display: inline-block;margin-right: 5px;}
.list_language li a{display: block;}
.list_language li img{height: 20px;cursor: pointer;}
.header_form_search{display: inline-block;position: relative;width: 200px;height: 30px;line-height: 30px;overflow: hidden;font-size: 12px;margin-top: 18px;float: right;margin-right: 20px;}
.header_form_search input{display: block;height: 100%;width: 100%;border: 1px solid #d71f27;border-radius: 3px;padding: 0 70px 0 5px;font-size: 12px;}
.header_form_search button{height: 30px;display: inline-block;position: absolute;top: 0;right: 0;background-color: #d71f27;color: #ffffff;padding: 0 5px;border: none;box-shadow: none;}
.main_nav{display: inline-block;margin: 10px 0;float: right;width: 46px;}


#pg_footer{display: block;width: 100%;background-color: #262626; color: #ffffff;padding: 40px 0;margin-top: 40px;}
.footer_widget h3{margin-top: 10px;border-bottom: 3px solid #0000ff;color: #fff;font-size: 18px;margin-bottom: 10px;padding-bottom: 10px;text-transform: uppercase;}
.widget_info p{display: block;width: 100%;}
.widget_info p i{margin-right: 5px;font-size: 120%;font-weight: bold;}
.widget_info ul{display: block;width: 100%;margin-bottom: 0;text-align: center;}
.widget_info ul li{display: inline-block;height: 25px;width: 25px;line-height: 25px;background-color: #ffffff;border-radius: 50%;font-size: 100%;margin-right: 5px;}
.widget_info ul li:last-of-type{margin-right: 0;}
.widget_info ul li a{color: #000000;}

.widget_catalog ul{display: block;width: 100%;margin-bottom: 0;}
.widget_catalog ul li{margin-bottom: 5px;display: block;width: 100%;}
.widget_catalog ul li a{color: #ffffff;display: block;width: 100%;text-transform: uppercase;}


.widget_news ul{display: block;width: 100%;margin-bottom: 0;}
.widget_news ul li{margin-bottom: 5px;display: block;width: 100%;}
.widget_news ul li a{color: #ffffff;display: block;width: 100%;text-transform: uppercase;}

.widget_subscribe form{display: block;width: 100%;}
.widget_subscribe form input{display: block;width: 100%;height: 30px;line-height: 30px;font-size: 80%;margin-bottom: 5px;color: #000000;padding: 0 10px;}
.widget_subscribe form  button{display: inline-block;background-color: #d71f27;color: #ffffff;border: none;box-shadow: none;padding: 3px 10px;}
.error_subscribe{margin-right: 5px;display: block;color: #D71F27;}

.pg_main{margin-top: 70px;}
.pg_home_slider{display: block;width: 100%;}
.pg_home_product{display: block;width: 100%;background: #ffffff;}
.pg_home_product_content{max-width: 900px;margin-bottom: 40px;}
.pg_home_product_content h1{font-size: 24px;display: block;margin-top: 40px;margin-bottom: 20px;font-weight: bold;}
.pg_home_product_content hr{ border-color: #0000ff;border-image: none;border-style: solid;border-width: 3px 0 0;margin-bottom: 20px;display: inline-block;margin-top: 0;}
.pg_home_product_content p{margin-bottom: 0;}
.pg_home_list_product{display: block;width: 100%;margin-bottom: 20px;}
.pg_home_list_product li{float: left;width: 33.333333333%;position: relative;cursor: pointer;}
.pg_home_list_product li:before{content: "";display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top: 0;left: 0;position: absolute;-webkit-transition: background 1s;transition: background 1s;}
.pg_home_list_product li:hover:before{background: rgba(0, 0, 255, 0.9);}
.pg_home_list_product li a{display: block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;}
.pg_home_list_product li h2{position: absolute;display: block;width: 100%;text-align: center;left: 0;top: calc(50% - 15px);font-size: 24px;height: 30px;line-height: 30px;color: #ffffff;text-transform: uppercase;font-weight: bold;z-index: 1;}
.pg_home_list_product li img{width: 100%;}


.pg_home_service{background: #ffffff;}
.pg_home_service h2{display: block;width: 100%;font-size: 35px;font-weight: bold;margin-top: 20px;margin-bottom: 10px;}
.pg_home_service h5{font-size: 14px;font-weight: bold;margin-top: 10px;margin-bottom: 50px;}
.pg_home_service p{line-height: 40px;font-size: 17px;margin-bottom: 10px;display: block;}
.pg_home_service p a{color: #000000;display: inline-block;text-transform: uppercase;}
.pg_home_service p:first-of-type a{color: #d72025;font-size: 22px;font-weight: bold;line-height: 55px;padding-bottom: 10px;position: relative;}
.pg_home_service p:first-of-type a:after{content: "";display: block;height: 3px;width: 100%;background-color: #0000ff;position: absolute;bottom: 10px;left: 0;}
.pg_home_service img{width: 100%;}

.pg_home_project{display: block;width: 100%;overflow: hidden;background-color: #F6F6F6;}
.pg_home_project ul li{text-align: center;}
.pg_home_project ul li div{display: block;width: 100%;padding: 20px;background: #F6F6F6;}
.pg_home_project ul li div:hover{background: #444444;}
.pg_home_project ul li div a{display: block;width: 100%;color: #f7f7f7;font-size: 13px;text-transform: uppercase;}

.pg_home_project ul li div a:last-of-type{margin-top: 10px;}

.pg_home_project h5{color: #d71f27;font-size: 28px;text-align: center;font-weight: bold;margin-top: 50px;margin-bottom: 50px;}

.main_nav img{cursor: pointer;display: inline-block;}
.list_nav_top{width: 320px;position: absolute;background-color: #0000ff; color: #ffffff;right: 15px;top: calc(100% - 0px);display: none;height: 470px;overflow-y: scroll;}
.list_nav_top li{display: block;width: 100%;font-size: x-large;text-align: center;margin-top: 10px;}
.list_nav_top li > a{color: #ffffff;line-height: 40px;height: 40px;position: relative;display: block;width: 100%;outline: none;text-decoration: none;text-transform: uppercase;}
.list_nav_top li > a > span{height: 40px;width: 40px;position: absolute;right: 0;top: 0;}
.list_nav_top li > ul{display: none;width: 100%;z-index: 12;background-color: #1d1dd6;color: #ffffff;padding: 10px;}
.list_nav_top li > ul > li{display: block;width: 100%;}
.list_nav_top li > ul > li > a{color: #ffffff;font-size: 14px;line-height: 2;display: block;text-decoration: none;}



.pg_main_banner{display: block;width: 100%;height: 350px;overflow: hidden;position: relative;margin-bottom: 20px;}
.pg_main_banner img{display: block;min-width: 100%;height: auto;}
.pg_main_banner:before{content: "";position: absolute;display: block;height: 100%;width: 100%;background: rgba(0, 0, 255, 0.8);}
.pg_main_banner h1, .pg_main_banner h2{display: block;width: 100%;position: absolute;top: calc(50% - 50px);left: 0;height: 100px;line-height: 100px;font-size: 40px;text-align: center;color: #ffffff;text-transform: uppercase;}
.pg_main_banner h1 a, .pg_main_banner h2 a{color: #ffffff;text-decoration: none;}

.sidebar_widget{display: block;width: 100%;margin-bottom: 50px;}
.sidebar_widget h3{display: block;width: 100%;font-size: 18px;font-weight: bold;text-transform: uppercase;line-height: 1;border-bottom: 4px solid #0000ff;padding-bottom: 10px;margin-bottom: 10px;}
.sidebar_widget ul{display: block;width: 100%;font-size: 16px;font-weight: bold;text-transform: uppercase;}
.sidebar_widget ul li{display: block;width: 100%;}
.sidebar_widget > ul > li{margin-bottom: 10px;}
.sidebar_widget ul li a{display: block;width: 100%;height: 30px;line-height: 30px;color: #000000;position: relative;outline: none;text-decoration: none;font-size: 14px;overflow: hidden;}
.sidebar_widget ul li a i{font-size: 80%;position: relative;bottom: 1px;}
.sidebar_widget ul li a span{position: absolute;right: 0;height: 30px;line-height: 30px;width: 30px;text-align: center;}
.sidebar_widget ul li a span i{font-size: 80%;position: relative;bottom: 1px;}
.sidebar_widget ul li ul{display: none;width: 100%;padding-left: 20px;}
.sidebar_widget ul li ul li{display: block;width: 100%;}
.sidebar_widget ul li ul li a{font-weight: normal;font-size: 14px;}


.pg_content_white{background-color: #ffffff;}
ul.list_catalog{display: block;width: 100%;padding-top: 10px;padding-bottom: 10px;}
ul.list_catalog li{float: left;width: 50%;margin-right: 0%;margin-bottom: 20px;padding-left: 15px;padding-right: 15px;}
ul.list_catalog li:nth-of-type(2n+1){clear: both;}
ul.list_catalog li h2{display: block;width: 100%;line-height: 1;margin-bottom: 10px;text-align: center;}
ul.list_catalog li h2 a{font-size: 18px;font-weight: bold;color: #D71F27;line-height: 1.3;}
ul.list_catalog li h2 a:hover{color: #990D14;}
ul.list_catalog li div.img_thumbnail{display: block;width: 100%;margin-bottom: 10px;}
ul.list_catalog li div.img_thumbnail a{display: block;width: 100%;}
ul.list_catalog li div.img_thumbnail img{width: 100%;display: block;border-radius: 10px;}
ul.list_catalog li div.content_item{text-align: justify;margin-bottom: 10px;}
ul.list_catalog li p.time_item{color: #999999;font-size: 12px;margin-bottom: 0;}

ul.list_catalog_product li{width: 33.33%;text-align: center;}
ul.list_catalog_product li:nth-of-type(2n+1){clear: none;}
ul.list_catalog_product li:nth-of-type(3n+1){clear: both;}
ul.list_catalog_product li h2{text-align: center;}
ul.list_catalog_product li h2 a{text-align: center;color: #000000;font-weight: bold;font-size: 14px;text-transform: uppercase;}
ul.list_catalog_product li div.img_thumbnail a{height: 200px;overflow: hidden;text-align: center;}
ul.list_catalog_product li div.img_thumbnail a img{width: auto;height: 100%;display: inline-block;max-width: 100%;}

.pg_detail{display: block;width: 100%;padding: 10px;}
.pg_detail img,
.pg_detail p,
.pg_detail div,
.pg_detail strong,
.pg_detail h1,
.pg_detail h2,
.pg_detail h3,
.pg_detail h4,
.pg_detail h5{max-width: 100%}

.pg_detail h1{display: block;width: 100%;}
.pg_detail h1 a{color: #D71F27;display: block;font-size: 24px;line-height: 1.3;margin-bottom: 20px;text-transform: uppercase;font-weight: bold;}


ul.list_about_us{display: block;width: 100%;}
ul.list_about_us li{display: block;width: 100%;text-align: right;text-transform: uppercase;padding: 10px 10px;border-width: 1px; border-style: solid; border-color: #ffffff;font-weight: bold;cursor: pointer;line-height: 1.3;}
ul.list_about_us li.active{border-width: 1px; border-style: solid; /*border-color: #000000 #ffffff #000000 #000000;*/position: relative;border-right: 1px solid #ffffff;right: -1px;z-index: 10;background-color: #0000ff;color: #ffffff;}
ul.list_about_us li div.cnt_about_us{display: none;}
div.content_about_us{border-left: 1px solid #000000;min-height: 500px;}


ul.list_partner{background-color: #ffffff;}
ul.list_partner > li{}
ul.list_partner li h2{display: block;width: calc(100%;+ 30px)color: #353230;background-color: #e6e6e5;text-align: center;font-weight: bold;font-size: 24px;line-height: 1.5;padding: 20px 10px;margin-left: -15px;margin-right: -15px;text-transform: uppercase;}
ul.list_partner li ul{margin-top: 20px;margin-bottom: 10px;}
ul.list_partner li ul li{text-align: center;margin-bottom: 10px;}
ul.list_partner li ul li img{height: 90px;max-width: 100%;}

div.content_project{width: 100%;}
div.content_project div.row{margin-left: 0;margin-right: 0;}
div.content_project .col-lg-12{margin-bottom: 20px;}
div.content_project .col-lg-12 img{width: 100%;}
.list_project{display: block;width: 100%;}
.list_project li{width: 50%;float: left;text-align: center;padding: 15px;position: relative;overflow: hidden;cursor: pointer;}
.list_project li:nth-of-type(2n+1){clear: both;}
.list_project li a{width: 100%;height: 240px;overflow: hidden;display: block;}
.list_project li a img{width: 90%;height: auto;}
.list_project li p{position: absolute;background: #000000;color: #ffffff;padding: 5px 10px;width: 90%;bottom: -50px;left: 5%;-webkit-transition: all 1s;transition: all 1s;}
.list_project li:hover p{bottom: 10px;}


a.down_file{display: block;width: 100%;color: #0077bb;text-transform: capitalize;}


.pg_detail_product h1 a{color: #000000;position: relative;}
.pg_detail_product h1 a:after{content: "";position: absolute;width: 100px;height: 4px;background-color: #0000ff;bottom: -10px;left: 0px;}

.content_support{display: block;width: 100%;}
.content_support h5{color: #d81f26;font-size: 18px;text-transform: uppercase;font-weight: bold;margin-bottom: 10px;}
.content_support p{padding-bottom: 10px;line-height: 1.3;color: #000000;}
.content_support p:nth-of-type(1){display: block;width: 100%;position: relative;}
.content_support p:nth-of-type(1):before{content: "\f015"; font-family: FontAwesome;position: relative;margin-right: 5px;}
.content_support p:nth-of-type(2){display: block;width: 100%;position: relative;}
.content_support p:nth-of-type(2):before{content: "\f095"; font-family: FontAwesome;position: relative;margin-right: 5px;}
.content_support p:nth-of-type(3){display: block;width: 100%;position: relative;}
.content_support p:nth-of-type(3):before{content: "\f1ac"; font-family: FontAwesome;position: relative;margin-right: 5px;}
.content_support p:nth-of-type(4){display: block;width: 100%;position: relative;}
.content_support p:nth-of-type(4):before{content: "\f003"; font-family: FontAwesome;position: relative;margin-right: 5px;}
#pg_footer .content_support p,#pg_footer .content_support a,#pg_footer .content_support{color: #ffffff;}
.list_contact .content_support{background-color: #b7b7b7;margin-bottom: 10px;}
.list_contact .content_support h5{border-left: 5px solid #D71F27;padding: 10px;color: #ffffff;font-size: 15px;cursor: pointer;}
.list_contact .content_support p{padding: 0 10px;color: #ffffff;display: none;padding-bottom: 10px;}