body{} /* effect */ .box{ position:relative; transition:0.5s; -webkit-transition:0.5s} .box >a.link{position:absolute; top:0; left:0; right:0; bottom:0; z-index:10} .box::before, .box::after{ width:100%; height:100%; z-index:1; content:''; position:absolute; top:0; left:0; box-sizing:border-box; -webkit-transform:scale(0); transition:0.5s} .foo::before{ border-bottom:3px solid #0069cf; border-left:3px solid #0069cf; -webkit-transform-origin:0 100%} .foo::after{ border-top:3px solid #0069cf; border-right:3px solid #0069cf; -webkit-transform-origin:100% 0%} .bar::before{ border-bottom:1px solid #0069cf; border-left:1px solid #0069cf; -webkit-transform-origin:100% 0%} .bar::after{ border-top:1px solid #0069cf; border-right:1px solid #0069cf; -webkit-transform-origin:0% 100%} .box:hover::after, .box:hover::before{ -webkit-transform:scale(1)} img{max-width: 100%;} /* class common */ .maxwidth{margin:0 auto;} .maxwidth1{margin:0 auto;max-width: 960px;} .paddl_0{padding-left: 0 !important;} .paddr_0{padding-right: 0 !important;} .line{height: 0px;border:1px dashed #cecece;margin: 20px 0;} .inline{display: inline-block;} .tt_shadow{text-shadow:1px 0 0 #fff,-1px 0 0px #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;} .tt_shadow1{text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;} .tbl{display: table;height: 100%;width:100%;} .tbl .cell{display: table-cell;vertical-align: middle;} img{max-width: 100%;} /* ----back to top--- */ #top{width:41px; height:41px; background:url(../images/top.png); position:fixed; right:30px; bottom:50px; cursor:pointer; display:none; z-index:100} /* ----main layout---- */ .wrapper{margin: auto; width: 100%;position: relative;} #wrapper{margin: auto;margin-bottom: 30px;} #content{ } #info{position: relative; padding-bottom: 20px; } .container-left{position: relative;} .container-right{position: relative;} .content{border:thin solid #eaeaea;border-radius: 5px;margin-bottom: 20px;background: #fdfdfd;margin-top: 20px;} .content_wrap{padding:15px;} .content_wrap img{/* padding:15px; */height: auto;} .content_wrap *{max-width: 100%} .main_top{background: url('../images/bg_new.png') no-repeat top left;background-size: cover;padding: 40px 0;} .content_top{} #tabs { width: 100%; list-style: none; text-align: center; margin-bottom: 30px; } #tabs li { display: inline-block; margin: 5px; } #tabs a { color: #fff; display: block; line-height: 46px; font-family: 'RobotoMedium'; padding: 0 30px; background: #f7bb27; font-size: 18px; border-radius: 5px; text-transform: uppercase; } #tabs #current a,#tabs a:hover{ background: #0065b3; } .hot-news{position: relative} .hot-news .row,.box_project .row { margin: 0px -5px !important; } .hot-news .row .col-12,.box_project .row .col-12 { padding: 0px 5px !important; } .hot-news .news-col { background: #fff; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); height: calc(100% - 10px); min-height: 266px; margin-bottom: 10px; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } .news-name{margin: 10px 0;padding: 0 20px;text-align: justify;height: 52px;overflow: hidden;} .news-name a{color: #3D3D3D;font-family: 'RobotoMedium';font-size: 18px;} .news-name a:hover{color: red} .news-des{padding: 0 20px;text-align: justify;color: #494949;font-size: 14px;font-family:"RR";line-height: 20px;height: 60px;overflow: hidden;margin-bottom: 6px;} .hot-news .news-col figure .news-img img,.box_project img{width: 100%;} .box_progress{margin: 0 -15px;} .item_progress{margin: 15px;position: relative} .date_progress{width: 81px;height: 84px;background: #E12E26;overflow: hidden;text-align: center;float: left;padding-top: 5px;} .date_progress p{line-height: 18px;color: #fff;margin-bottom: 0;font-family:"RR";font-size: 14px;} .date_progress p span{font-family:"RobotoBlack";font-size: 18px} .info_progress h3{float: left;width:calc(100% - 81px);height: 84px;background: #02854C;padding: 20px;margin: 0;line-height: 25px;font-size: 15px;font-family: "RB";text-align: justify;} .info_progress h3 a{color: #fff;display: block;line-height: 25px;height: 50px;overflow: hidden;} .info_progress h3 a:hover{color: yellow} .img_progress img{width: 100%} /* ---breadcums--- */ #breadcrumbs{position: relative; background-color: #f5f5f5;} #breadcrumbs ul{position: relative;margin: 0 auto;background: none;} #breadcrumbs ul a{color: #000;} #breadcrumbs ul a:hover{color: #f00;} /* ---titile--- */ .tt_main{position: relative;text-align: center;background: url('../images/bg_title.png') no-repeat bottom center;margin: 20px 0;} .tt_main .title{margin: 0;position: relative;font-size: 33px;color: #0065b3;font-family: 'RobotoCondensedBold';text-transform: uppercase;display: inline-block;padding-bottom: 25px;} .tt_main .all{color: #3d3d3d;font-family: 'RR';display: inline-block;position: absolute;right: 0px;top: 15px;} .tt_main .all:hover{color: #d61818;} .tt_main .title span{color: #fac408;} .tt_main1{position: relative;margin: 0px 0 20px;text-align: center;overflow: hidden;background: url('../images/tt_bg.png') center bottom no-repeat;padding-bottom: 20px;} .tt_main1 .title{margin: 0; position: relative; font-size:27px;color: #0069cf;font-family: 'RB'; text-transform: uppercase;line-height:35px;display: inline-block;padding:0 25px;} .tt_main2{position: relative;margin: 0px 0 20px;text-align: center;overflow: hidden;background: url('../images/tt_bg.png') center bottom no-repeat;padding-bottom: 20px;} .tt_main2 .title{margin: 0; position: relative; font-size:27px;color: #fff;font-family: 'RB'; text-transform: uppercase;line-height:35px;display: inline-block;padding:0 25px;} .tt_end{position: relative;margin: 0px 0 20px;} .tt_end .title{position: relative; font-size: 20px;color: #2d2d2d;font-family: 'RB';text-transform: uppercase;padding:8px 0px 10px;background: url('../images/tt_end.png') bottom repeat-x;margin-left: 17px;} .tt_end:after{content: '';position: absolute;height: 33px;width: 6px; left: 0px;top: 10px; background: #f80710;} .tt_news{position: relative;background: url(../images/tt_end.png) center repeat-x;margin-bottom: 20px;margin-top: 20px;} .tt_news .title{margin: 0;font-family: 'avo_b';font-size: 25px;text-transform: uppercase;color: #2359c6;background: #fff;position: relative;padding-right: 20px;display: inline-block;} .tt_news .title:after{content: '';position: absolute;left: 100%;top: calc(50% - 8px);width: 15px;height: 16px;background:#2359c6; } /* --search-- */ .search{position: absolute;right: 180px;top: 5px;height: 40px;width: 40px;border-radius: 50%;/* background: #0057ac; */text-align: center;} .search i{color: #000;font-size: 20px;line-height: 40px;} .search:hover #timkiem{display: block;} #timkiem{ display:none; position:relative; position: absolute;top: 100%;right: 0; width:255px; background:#fff; border:thin solid #dfdfdf; font-family: 'RR';} #timkiem input{background:none; border:none; height:28px; padding:0px 10px; color:#333; width:calc(100% - 30px); float:left; outline:none;} #timkiem input:focus{outline:none} #timkiem button{ border:none; background:none; color:#8f8f8f; height:30px; width:30px; box-sizing:border-box; position:relative; outline:none; float:right; text-align:center; font-size:18px} #timkiem button i{line-height: 30px;} #timkiem button i{color: #8f8f8f;} .frm_timkiem_m{display: block;padding:5px 15px;} .frm_timkiem_m input{background: #fff; border: solid 1px #0069cf; height: 30px; padding: 0px 10px; box-sizing:border-box; color: #666;border-radius: 3px;} .frm_timkiem_m button{border: solid 1px #f00;background: #f00;color: #fff;height: 30px;box-sizing:border-box;padding: 0px 16px;position: relative;} /* --mxh-- */ .social{margin-left: 10px;} .social img{vertical-align: baseline;} .social-bt a{display: block;float: left;text-transform: uppercase;margin-right: 5px;} .social-bt span{display: block;margin-top: 15px;} .social-bt img{position: relative;margin-left: 0px;margin-right: 10px;} /* --thongke-- */ .box_tk{padding:20px;border:thin dotted #ff6161;border-radius:10px;text-align: center;} #thongke{ position: relative;font-size: 13px;margin: 0;display: inline-block;text-align:left;padding-left: 115px;min-height: 120px;background: url('../images/thongke_bg.png') left center no-repeat;} #thongke li{ position:relative;list-style: none;color: #fff;line-height: 28px;} #thongke li:last-child{border:none;margin: 0} #thongke img{position:relative; top:0px; margin-right:5px} #thongke span{color:#fff; font-weight:bold; display: inline-block;margin-left: 5px;font-family: 'OPB';} /* --newsletter-- */ .box_dkemail{position: absolute;padding:30px 0 0;right: 25px;top: 0;bottom: 0;background: #0069cf;} .tt_dk{font-size: 18px;text-transform: uppercase;margin-bottom: 15px;text-align: center;font-family:'RB';color: #fff;} .dknhantin{position: relative;margin: 0 auto;padding-right: 10px;} .dknhantin p{position: relative;} .dknhantin p i{position: absolute;right: 100%;top: 0; width: 42px; height: 42px;line-height: 42px;color: #fff;background: #0069cf;text-align: center;border-radius: 3px 0 0 3px;} .dknhantin p:hover i{background: #ff0000;} .dknhantin input{background: #fff;border-radius: 0px;border: none;height: 45px;padding: 0px 10px;color: #000;outline: none;margin-right: 0px;display:block;width: calc(100% - 100px);float: left;} .dknhantin input:focus{outline: none;} .dknhantin button{border: none;background: #f68121;color: #fff;position: relative;outline: none;text-align: center;width: 100px;float: left;line-height: 45px;} /* --partner-- */ .title-doitac h2{background: url(../images/line.png) repeat-x center left; height: 34px; line-height: 34px;} .title-doitac h2 span{display: inline-block; padding: 0px 60px; background: url(../images/bg-title.png) no-repeat; background-size: 100% 100%; font-family: 'RR', sans-serif; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 16px;} .doitac{/* padding:20px 0px; *//* margin: 40px 0; */background: url('../images/bg_doitac.png') no-repeat bottom right;background-size: 100% 100%;padding: 20px 0;} .doitac .dt_box{/* border-top: thin solid #d2d2d2; *//* margin-top: 20px; *//* border-bottom: thin solid #d2d2d2; */margin: 0 10px;} .dt_box {} .doitac_slider{margin: 0 !important;display: none;} .doitac_slider .item{box-sizing:border-box;padding: 0 7px;} .doitac_slider .item_dt {text-align: center;padding: 5px;background: #fff;margin: 10px;-webkit-box-shadow: 0px 0px 10px 0px rgba(176,173,176,1);-moz-box-shadow: 0px 0px 10px 0px rgba(176,173,176,1);box-shadow: 0px 0px 10px 0px rgba(176,173,176,1);} .doitac_slider .item_dt img{background: #fff;width: 100%;} .doitac_slider .slick-prev{width:14px;height: 25px;background: url(../images/left.png) !important;left:-25px;opacity: 1;} .doitac_slider .slick-next{width:14px;height: 25px;background: url(../images/right.png) !important;right: -25px;opacity: 1;} .doitac_slider .slick-prev:before{content: '';} .doitac_slider .slick-next:before{content: '';} /* ---menu left--- */ .moudle-left{margin-bottom: 20px;} .moudle-left .navi-left{padding:0 ;} .danhmuc{background: url(../images/left_bg.png) repeat-y;padding:15px 0;margin-top: 20px;} .tt_gt{position: relative;margin: -17px auto 20px;width: calc(100% );height: 36px;line-height: 36px;background: url(../images/tt_left.png) left center no-repeat ;text-indent:30px; } .tt_gt .title{margin: 0; font-size: 15px;color: #fff;font-family: 'SFUFuturaBook',Tahoma;text-transform: uppercase;line-height: 36px;} ul.cateUl{width:100%; margin:0 auto;font-family: 'RR';padding-left: 30px;} ul.cateUl >li{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s} ul.cateUl >li{position:relative; display:block; background: url(../images/li_border.png) left bottom no-repeat;padding: 5px 0} ul.cateUl >li:last-child{background:none; } ul.cateUl >li >a{display:block; font-size:14px; color:#575656;text-transform:uppercase;font-family: 'RR'; padding-left:14px; line-height: 30px;background: url(../images/left_li.png) left 10px no-repeat;} ul.cateUl>li ul{} ul.cateUl>li ul>li{display:block; position:relative} ul.cateUl>li ul>li:before{ content: ''; position: absolute;top: 18px;left: 17px;height: 6px;width: 6px;background: #0072bc;} ul.cateUl>li ul>li > ul >li:before{content: '';position: absolute;top: 18px;left: 35px;height: 6px;width: 6px;background: #56b600;} ul.cateUl>li ul li > a{font-size:13px;font-family: 'Tahoma'; display:block; height:40px; line-height:40px; padding-left:30px; color:#353535; text-transform:capitalize;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;background: url(../images/li_bg.png) bottom center no-repeat;} ul.cateUl>li ul li ul li a{font-size:13px; display:block; height:35px; line-height:35px; text-indent:20px; color:#393939; text-transform:capitalize;background:none; } ul.cateUl>li ul li>a:hover{color:#f00 !important; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; } ul.cateUl>li>a:hover{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; color:#f00; } .active1{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; color:#f00 !important; font-weight:bold} /* ---header--- */ .header{background-size: cover !important;} .header_top{background: #282828; line-height: 30px; color:#363535;font-size:14px;font-family: 'RR','Arial';border-bottom: 3px solid #282828;position: relative;} .header_top .maxwidth{background: #f4f4f4;} .header_top:after{background: #f4f4f4;content: '';position: absolute;width: calc((100% - 1200px)/2);height: calc(100%);right: 0;top: 0;} .header_top .info_top{color: #363535;padding: 6px 0; } .header_top .slogan{color: #fff;background: #282828;margin-right: 60px;position: relative;} .header_top .slogan:after{ content: '';position: absolute;left: 100%;top: 0; width: 0;height: 0;border-style: solid;border-width:0 34px 42px 0 ;border-color: transparent transparent #282828 transparent ;} .header_top .info_top a{color: #fff;text-decoration: underline !important;} .header_top .cart_b{margin-top: 12px; padding:5px 0px 5px 35px;background: url('../images/icon_cart.png') left center no-repeat; line-height: 18px;text-align: left;} .header_top .cart_b a{color: #fff;} .header_top .cart_b b{display: block} #cart a{color: #fff;} #cart i{padding:0 0px 0 8px;color: #fff;font-size: 17px;} #cart span{padding:0 8px 0 0;color: #ff0;} #header-midle{position: relative;background: #fff;} .header-midle{position: relative;background-size: cover;border-bottom: 5px solid #f7bb27;} /* .header-midle i{color: #ff0} */ .header-midle .company{font-family: 'UVFPistilliRoman';font-size:16px;text-transform: uppercase;color: #fff000;} .header-midle .logo img{position: relative;z-index: 99999;transition: all 0.5s;} .header-midle .logo{position: relative;z-index: 999;line-height: 118px;left: 0;} .header-midle .banner{position:relative;} .header-midle .banner img{} .header-midle .email{text-align: right;font-family: 'RR';font-size: 14px;color: #c4c4c4;font-style: italic;margin-top:42px; } .header-midle .email i{font-size: 18px;} .header-midle .banner .mxh{text-align: right;} .header-midle .banner .banner_r{text-align: right;} .header-midle .hotline{position: relative;font-size: 16px;color: #484848;font-family: 'RobotoCondensedRegular';display: inline-block;float: right;} .header-midle .hotline span{color: #00a651;font-size: 20px;font-family: 'RobotoCondensedBold';} .header-midle .hotline p{margin:2px 0 -4px;color: #383838} .header-midle .hotline b{color: #c51100;font-size: 20px;display: block;font-family:'RB';} .header-midle .hotline a{color: #fff;font-size: 17px;display: block;font-family:'RB';background: #00854C;border-radius: 5px 5px 0 0;margin-bottom: 5px;text-align: center;padding:3px 5px;} .san{display: inline-block;padding} .header_r{position: relative;float: right;} #language{ margin-left: 5px;} #content_top{position: relative;top:0px;padding:0;background: rgba(255,255,255,1);width: 100% !important;z-index: 999; } #content_top .logo img{} #content_top .banner img{} #content_top .header_right{margin-top: 80px;} .header-midle.active_top .logo{line-height: 80px !important;} .header-midle.active_top .logo img{height:60px;} .header-midle.active_top .hotline{line-height: 80px} .header-midle.active_top #menu_top{height: 80px !important;} .header-midle.active_top #menu_top li{height: 80px !important;line-height: 80px !important} /* .header-midle.active_top #menu_top li a{height: 80px !important;line-height: 80px !important} */ /* .header-midle.active_top .banner img{height:80px;} */ .header-midle.active_top {position: fixed;width:100%;top: 0;z-index: 999;background: #fff;} .slick_project,.slick_new,.slick_video{display: none} /* menu */ .mm-opening .wrapper:before{display: none} nav#menu{background: #f7bb27;} nav#menu ul li a, .mm-title{font-family:'OPR';font-size:14px;color: #000;text-transform:uppercase;} .mm-title{font-size:20px;color: #000 !important;} nav#menu ul li a:hover{background:rgba(255,255,255,0.1)} .menu-l{width:auto; display:inline-block} nav:not(.mm-menu){display:none;} .navbar { display: block !important; } .menu_top{background: #f7bb27;padding:0 !important;width: 100% !important;z-index: 999;} .navbar-ex1-collapse a{color: #fff !important;font-size: 12px;text-transform: uppercase;} .navbar-ex1-collapse .navbar-nav > .active > a, .navbar-ex1-collapse .navbar-nav > .active > a:hover, .navbar-ex1-collapse .navbar-nav > .active > a:focus{background: #0065b2;} .navbar-nav{float: none !important;text-align: center;} .navbar-nav > li{display: inline-block;float: none !important} .mn_rp{position: fixed;display: none;top: 0;left: 0;right: 0;z-index: 9999;background: #fff;box-shadow: 0 0px 5px 0 #e2e2e2;} .lang{position: absolute;right: 80px;top: 15px;} .cart{position: absolute;right: 80px;top: 8px;} .cart a{color: #0069cf;} .cart i{font-size: 19px;border:thin solid #0069cf;border-radius: 50%;width: 35px;height: 35px;line-height: 35px;text-align: center} .cart span{font-size: 13px;color: #0069cf;position: absolute;right: -10px;top: -2px;} .mn_rp img{max-height: 100%;} .menu_rp{ padding: 0 10px;height: 55px;position: relative;top: 0px;z-index: 0;line-height: 55px;color: #fff !important;font-size: 18px;display: block;text-align: center;} .menu_rp i{ font-size: 27px; line-height: 40px; padding: 3px 15px; background: #ffffff; top: 4px; position: absolute; border-radius: 3px; color: #f7bb27; left: -2px; } .mn_rp #lang{font-size: 17px;} .mn_rp #lang span{position: relative;top: -5px;} .mn_rp #lang span a i{font-size: 20px;margin-right: 10px;color: #fff;line-height: 30px;display: inline-block;} .mn_rp #lang i.fa-phone{font-size: 25px;} .mn_rp #lang a.cart{color: #fff;} .mn_rp .hl{ position: absolute; right: 3px; top: 12px; font-family: OPB; color: #ffffff; font-size: 15px; background: #f7bb27; padding: 5px 6px; border-radius: 5px; } span#lang{position: absolute; top: 7px; right: 20px; text-align: center;z-index: 1;text-shadow:none;color: #fff;font-weight: bold;font-size: 23px;} .navbar-default .navbar-toggle .icon-bar{ background-color: #fff;} #menu_top.active_top{position: fixed;width:100%;top: 0;z-index: 999;} #menu_top.active_top ul#nav .logo_top img{margin-top: 0;max-width: 100px;} #menu_top{position: relative;font-family: 'RR',Tahoma;z-index: 999;width: 100%;height: 118px;line-height: 118px;background: #fff;} #menu_top:before{position: absolute;right: 100%;top: 0;width: 0;height: 0;border-style: solid;border-width:0 39px 50px 0;border-color: transparent #0069cf transparent transparent;} .header-midle:after{position: absolute;right:0;bottom: 0;height: 50px;background: #0069cf;width: calc((100% - 1200px)/2);} #menu_top .maxwidth{width: auto;} #menu_top.active_top .maxwidth{width: 1200px;} #menu_top .logo_m{transform: scale(0); height: 100%;opacity: 0;padding: 4px;background: #fff;box-sizing: border-box;margin-right: 10px;} #menu_top #myslidemenu{position:relative;} #menu_top ul#nav{padding: 0;margin: 0;} #menu_top ul#nav li{list-style: none;} #menu_top ul#nav >li i{font-size: 18px;} #menu_top ul#nav >li{display:inline-block;float: left;text-transform:uppercase;text-align:center;font-size: 16px;height: 118px;font-family: 'RobotoCondensedBold';padding: 0px 15px !important;line-height: 118px;} #menu_top ul#nav >li >a { position: relative; display: block; height: 40px; line-height: 40px; color: #000000; margin-top: 39px; } #menu_top ul#nav >li >a.menu_active{color: #0166b2;border-bottom: 2px solid #0166b2} #menu_top ul#nav >li:hover >a{ color: #0065b3; border-bottom: 2px solid #0166b2; } .header-midle.active_top #menu_top ul#nav >li >a{margin-top: 20px} #menu_top ul#nav >li >ul li{height:auto !important;border:thin #0C79E3 solid;margin-bottom: -1px;} #menu_top ul#nav >li >ul li a{background: #0069cf; color:#fff; transition:all 1s; text-transform: uppercase;font-family: 'OPR'} #menu_top ul#nav >li >ul li:hover>a{color:#ff0 !important; background: #0C60B1;} .noboder{border:none;} .vach_menu{background: url(../images/vach_menu.jpg) right center no-repeat;} .active_top .logo_m{transform:scale(1) !important;opacity: 1 !important;float: left !important;} /* --slider main-- */ #slider{position: relative;max-width: 100%;} .img_home img{width: 100%;} .amazingslider-text-box-1{display: none !important;} .amazingslider-arrow-left-1{width: 61px !important;height: 62px !important;background: url(../images/b_left.png) !important;z-index: 99;} .amazingslider-arrow-right-1{width: 61px !important;height: 62px !important;background: url(../images/b_right.png) !important;z-index: 99;} .amazingslider-text-bg-0{background-color: rgba(0,0,0,0.65) !important;} .slider_bottom{position: absolute;bottom: 0;left: 0;border-top: thin solid #7a7a7b;width: 100%; background: -moz-linear-gradient(0deg, rgba(19, 18, 18, 0.66) 30%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, 0deg, color-stop(30%, 000000), color-stop(100%, 000000)); background: -webkit-linear-gradient(0deg, rgba(19, 18, 18, 0.66) 30%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(0deg, rgba(19, 18, 18, 0.66) 30%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(0deg, rgba(19, 18, 18, 0.66) 30%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(0deg, rgba(19, 18, 18, 0.66) 30%, rgba(0,0,0,0) 100%); } .slider_bottom .wrap{padding-left: 160px;} .slider_bottom .wrap .item{display: inline-block;padding:30px 30px 30px 97px;color: #fff;border-right: thin solid #7a7a7b;} .slider_bottom .wrap .item span{font-family: 'RR';font-size: 14px;} .slider_bottom .wrap .item b{display: block;font-family: 'RB';font-size: 20px;} .slider_bottom .wrap .item.hotline{background: url('../images/hotlien.png') 30px center no-repeat;} .slider_bottom .wrap .item.hotline1{background: url('../images/email_bg.png') 30px center no-repeat;} .slider_bottom .wrap .item.thoigian{background: url('../images/dongho.png') 30px center no-repeat;} .slider_bottom .wrap .item:last-child{border: none;padding-left: 30px;} /* ---footer--- */ .ft_menu{background: #e87326;box-shadow: 0 0 7px 1px #a24102 inset;margin-bottom: 2px;line-height: 50px;color: #fff;} .ft_menu ul{margin:0;padding: 0;} .ft_menu ul li{list-style: none;display: inline-block;} .ft_menu ul li a{display: block;padding:0 15px;font-family:'avo';color: #fff;text-transform: uppercase;} .ft_menu ul li a:hover{color: #ff0} .ft_menu .hotline{margin-right: 20px;} #footer1{display: none;} .footer{padding: 0px 0px 0px;position: relative;/* margin-top:20px; */} .title_ft{color: #2c2e2d;text-transform: uppercase;font-size: 20px;font-family: "RB";margin-top: 10px;margin-bottom: 15px;background: url("../images/gach_ft.png") no-repeat left bottom;padding-bottom: 10px;} /* .footer:before{content: '';position: absolute;left: 0;bottom: 100%;height:10px;background: #000000;width: 100%;} */ #footer{margin: auto;color: #fff;padding: 40px 0;background: #ededef;} #footer .wrap{background: rgba(0,0,0,0.4);padding:30px;} #footer a{color: #000;} #footer a:hover{color: #ff0;} #footer .tt_ft{font-family: 'RB';font-size: 27px;color: #ED1C24;text-transform: uppercase;margin-bottom: 15px;position: relative;} #footer .tt_ft_small{font-family: 'RB'; font-size: 18px;color:#fff;text-transform: uppercase;margin-bottom: 10px;position: relative;margin-top: 15px;display: inline-block;padding: 7px 15px;border:thin dotted #fff;border-radius: 20px;} /* #footer .tt_ft_small:before{content: '';height: 15px;width: 5px;background: #fff;margin-right: 10px;position: absolute;left: 0;top: 5px;} */ .ft_dk{background:url('../images/icon_dk.png') 4px -4px no-repeat #a90000;padding-top: 40px !important;padding-bottom: 81px;margin: -42px 0 -35px !important;} .tt_contact{font-size: 22px;font-family: 'OPR';text-transform: uppercase;color: #fee025;text-align: center;margin-bottom: 10px;} .padd_ft{padding-top:40px;padding-bottom:40px;} .ft-col{font-family: 'OPR';color: #000;margin-bottom: 20px;font-size: 15px;} .ft-col{margin: 0px 0 0;} .ft-col .info{margin: 10px 0 0;padding:0;} .ft-col .info li{font-size: 15px;font-family: 'RR';padding:5px 0 5px 0px;list-style: square inside;} .ft-col .info li a{color: #fff;} .ft-col .info li a:hover{color: #f00;} .ft_main .info_cp{padding:5px 0 5px 38px;font-size:15px;} .ft_main .diachi{background: url('../images/diachi.png') left center no-repeat;} .ft_main .dienthoai{background: url('../images/dienthoai.png') left center no-repeat;} .ft_main .email{background: url('../images/email.png') left center no-repeat;} .ft_main .web{background: url('../images/web.png') left center no-repeat;} .footer_end{line-height:20px;color:#fff;background: #f7bb27;position:relative;width:100%;bottom:0;left:0;font-size: 13px;padding: 15px 0;} .footer_end b{color: #fff;} .copy{color:#fff;font-size: 12px;} /* --contact-- */ .title-index{ width:100%; margin: 15px 0px 10px 0px ; padding: 0px 0px 0px 0px; border-bottom: 1px solid #cdcdcd; color: #00aeef;height: 33px; } .title-index img{ float: left; margin-right: 10px;} .title-index h4{ margin: 0;font-family: 'RR', sans-serif; font-weight: 400; padding-right:30px; color:#00aeef; text-transform:uppercase;font-size: 16px;display: inline-block; height: 36px; line-height:36px; } .title-left h2 span{font-family: 'RR', sans-serif; color:#008445; display: inline-block; height: 35px; line-height:35px; border-bottom:5px solid #008445; } .title-left h2{border-bottom:1px solid #008445; margin-bottom: 20px;} .form_contact{padding-bottom: 10px; margin-bottom: 10px; border-bottom: dashed 1px #ccc;} .form_lh label{font-family: 'RR', sans-serif; font-size: 14px;} .form_lh p{border:thin solid #dfdfdf;} .form_lh .tflienhe{display: block; width: 100%;padding: 15px 12px;font-size: 14px;line-height: 1.42857143;color: #777777;background:none;border:none; box-sizing:border-box;z-index: 5;position: relative;} .form_lh .tflienhe:focus{outline:none;} .captcha_img{margin: 0 20px;} .form_lh{margin-bottom:20px;} .button-contact { border: none; padding: 15px 22px;background: #0069cf;color: #fff; cursor: pointer;text-transform: uppercase;} .button-contact:hover { background: none;color: #0069cf;} .ta_noidung{background:none;border:none; color:#777777; height:133px; width:100%; padding:10px; box-sizing:border-box;position: relative;z-index: 5;} .form_lh .ta_noidung:focus{outline:none;} .form-control,.captcha_box{margin-bottom: 10px;} /*--------------tags---------------------*/ .tags{background: #bb1010;display: inline-block;padding: 5px 5px; line-height: 25px;color: #fff; margin-bottom: 5px;margin-right:5px;position: relative;} .tags span{ width: 10px; height: 10px; float: left; background:#fff; margin: 7px 10px 0px 0px; border-radius: 100%; } .tags:hover{ background:#FD1F1F;color: #fff; } /*-----------------product detail-----------------------*/ .product-pic{position: relative;} .product-pic .cloudzoom {border: thin solid #dfdfdf;box-sizing: border-box;} .zoom_slick .slick {margin-top: 5px;margin-left: 0px;margin-right: 0px;max-height: 80px;} .zoom_slick .slick img {width: 100% !important;height: auto !important;max-width: 85px;border: thin solid #dfdfdf;} .product-info{position: relative;} .khung_thongtin{font-family: 'RR', sans-serif;} .khung_thongtin li{ padding: 5px 0px 5px 0px;/* border-bottom: 1px solid #eee; */ width: 100%; float: left;list-style: none} .khung_thongtin h2{ font-size: 20px;font-family: 'OPB';color: #e00606;text-transform: uppercase;margin: 0;} .khung_thongtin .masp{color:#000;} .khung_thongtin .masp span{color:#cd0000;font-family: 'OPB'} .khung_thongtin .mota_detail{ color: #757575} .khung_thongtin .gia_detail{ font-size: 24px; color: #cd0000; font-weight: bold;} .khung_thongtin b{ color: #333; font-size: 14px;font-family: 'OPB'} .khung_thongtin .giacu_detail{ color:#999; text-decoration: line-through;} .khung_thongtin .giacu_detail span{ text-decoration: line-through;} .khung_thongtin .baohanh_detail{ color: #015DA4;} .gia_detail span{ font-size: 14px; color: #666;} /* --product-- */ .product_item{position: relative;margin:0 0px 20px 0;font-family: 'OPR';text-align: center} .product_item .img{position: relative;padding:3px;} .product_item .img img{width: 100%;} .product_item .img a{display: block;overflow:hidden;position: relative;z-index: 9;} .product_item .bong_sp{height: 8px;width: 100%;left: 0;top: 100%;background: url(../images/bong_sp.png) center no-repeat;} .product_item .img1{position: relative;} .product_item .img2{z-index: 0;position: absolute;width: 100%;height: 100%;left: 0;top: 0;} .product_item h3{ z-index: 99;width: 100%;position: relative;left: 0; margin:6px 0 0px;height: 40px;line-height: 20px;overflow: hidden; padding:0px;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;} .product_item h3 a{width: 100%; color: #2e2e2e;font-size: 13px;text-transform: uppercase;font-family:'RB';} .product_item h3 a:hover{color: #f00;} .product_item .chitiet{display: inline-block;z-index: 99; text-align: center;position: relative;margin: 8px 20px 5px 0;text-transform: uppercase;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;} .product_item .chitiet a{padding: 0px 10px 0 0px;height: 37px;line-height: 37px; background: #154100;color: #fff;font-family: 'RR';font-size: 14px;display: block;transition:all 0.25s ease 0s;} .product_item .chitiet a i{display: inline-block;background: #ff0000;height: 37px;float: left;line-height: 37px;padding: 0 8px;margin-right: 7px;} .product_item .chitiet a:hover{background:#f00 } .product_item .wrap{position: relative;overflow: hidden;border:thin solid #e2e2e2;box-shadow: 5px 5px 0 #f5f5f5;} .product_item .inf_{position: relative;padding:10px;} .product_item .desc{margin: 0px 0 8px;text-align: justify; padding:0 10px; color: #505050;font-family: 'RR'; white-space: inherit;line-height: 20px;height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .product_item .price{color: #3c3c3c;padding:0px 0px 0px;font-size: 13px;margin-bottom: 15px;} .product_item .price b{color: #f5821e;font-size: 15px;} .product_item .price span{color: #ea1100;font-weight: normal;font-family: 'RB';font-size: 14px;} .price-old{color: #838285;padding:0px 15px 6px;font-size: 13px;} .price-old span{color: #838285;font-weight: normal;text-decoration: line-through;} .product_item .pro_cart{position: relative;z-index: 999; display: inline-block;color: #fff;cursor: pointer; background: #e10e00;height: 30px;line-height: 30px;padding: 0 10px;text-transform: none; text-align: center;position: relative;margin: 0px 0px 10px 0;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;} .product_item .pro_cart:hover{background: #B00707;} .line_pro{margin: 5px 0px 5px;height:1px;background: #dfdfdf;} /* ---video--- */ .box_video{margin-bottom: 20px;} .box_video h3{text-align: center;font-family: 'RB';font-size: 15px;text-transform: uppercase;} .video{ margin:0px auto 0px; position:relative; } #video{position:absolute; bottom:0; left:0px;height:35px;width:100%;opacity: 0;border:thin solid #dfdfdf;} #vide-iframe{position:relative;} .nut_video{position:absolute; height:64px; width:64px; background:url(../images/nut_video.png); top:calc(50% - 32px); left:calc(50% - 32px)} .nut_video:hover{opacity:0.6} .video:hover #video{opacity: 1;} .video a{display: block;line-height: 0px;} /* ---about home--- */ .gt_box{padding:45px 0 40px;} .gt_home{position: relative;} .item_gt{position: relative;padding:30px 0;} .item_1{border-right: thin solid #a9a9a9;padding-right: 50px;} .item_2{padding-left: 50px;} .item_1 .wrap{margin-bottom: 20px;} .item_2 .wrap{margin-top: 20px;} .item_gt .img{position: relative;text-align: center;display: inline-block;float: left;margin-right: 20px;} .item_gt .img img{} .item_gt h3{margin: 0px 0 20px;padding-bottom: 10px;position: relative;} .item_1 h3:after{content: ''; position: absolute;height: 1px;width: 50%;background: #b3b3b3;right: -50px;bottom: 0;} .item_1 h3:before{content: ''; position: absolute;height: 14px;width: 7px;background: url('../images/gt_before.png');right: -50px;bottom: -6px;} .item_2 h3:after{content: ''; position: absolute;height: 1px;width: 50%;background: #b3b3b3;left: -50px;bottom: 0;} .item_2 h3:before{content: ''; position: absolute;height: 14px;width: 7px;background: url('../images/gt_before1.png');left: -50px;bottom: -6px;} .item_gt h3 a{color: #0069cf;font-size:18px;font-family: 'RR',Tahoma;text-transform: capitalize;} .item_gt h3 a:hover{color:#f00;} .item_gt .desc{text-align: justify;font-size: 14px;line-height: 1.9em;color: #2f2f2f;white-space: inherit;font-family: 'RR'} .item_gt .xemthem{margin: 10px 0;text-align: left;} .item_gt .xemthem a{display: inline-block;transition:all 0.5s;font-family: 'Tahoma';font-size: 14px;color: #fff;text-transform: uppercase;padding:7px 15px;background: #2abb83;border-radius: 5px;} .item_gt .xemthem a:hover{color: #ff0;background: #14A16B} .gt_thumb{display: none;margin: 0 -15px !important;} .gt_thumb .item{padding:0 15px;} .gt_thumb .item img{background: #fff;border: thin solid #dfdfdf;padding:1px;} .gt_thumb .slick-prev{width: 8px;height: 20px;background: url(../images/left_1.png) !important;left:-15px;opacity: 1;} .gt_thumb .slick-next{width: 8px;height: 20px;background: url(../images/right_1.png) !important;right: -15px;opacity: 1;} .gt_thumb .slick-prev:before{content: '';} .gt_thumb .slick-next:before{content: '';} /* --item-- */ .dv_item{position: relative;margin:0 0px 0px 0;overflow: hidden;text-align: center;} .dv_item .img{position: relative;overflow: hidden;} .dv_item .img img{margin-top: 23px;display: inline-block;} .dv_item .img a{display: inline-block;width: 96px;height: 83px;background: url(../images/icon_bg1.png);} .dv_item h3{position: relative;text-align: center;margin: 15px 0 10px 0;} .dv_item h3 a{position: relative; color: #fff;font-size: 17px;text-transform: uppercase;overflow: hidden;line-height: 30px;font-family: 'UTMHelvetIns';} .dv_item h3 a:after{content:" ";height:1px;width:0;display:block;background:#008445;position:absolute;bottom:0;left:0;right:0;margin:0 auto;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;} .dv_item h3 a:hover{color: #008445;} .dv_item h3 a:hover::after{width: 100%;} .dv_item .over_lay{position:absolute !important;bottom:0;top:0;left:0;right:0;z-index:111;} .dv_item .desc{font-family: 'OPR';font-size: 13px;color: #fff;} .dv_item:hover img{transform:rotate(360deg);} /* Shine Hover over*/ .shine .over_lay { position: absolute;bottom:0;top:0;left:0;right:0;z-index:1;} .shine .over_lay::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);} .shine:hover .over_lay::before {-webkit-animation: shine .75s;animation: shine .75s;} .shine .over_lay a{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 99;} @-webkit-keyframes shine { 100% {left: 125%;} } @keyframes shine { 100% {left: 125%;}} /* ---content end--- */ #content_end{background: url(../images/end_bg.png);padding:40px 0;position: relative;box-shadow: 0 0 5px 2px #d3d3d3;} .box_end{float: left; margin-bottom: 20px;} /* ---map home--- */ .box_map{position: relative;} #map_canvas{height: 375px;} #map_canvas1{height: 430px;} .map_icon a{padding:20px 0 0 30px;background: url('../images/icon_map.png') left bottom no-repeat;margin-top: 20px;display: block;} /* ---tabs--- */ ul.tab_home{text-align: center;margin-bottom: 30px;border:none;} .tab_home .active{} ul.tab_home > li{border: none;display: inline-block;float: none} ul.tab_home > li > a{background:#eee;color: #737373;font-family: 'RB';font-size: 17px;text-transform: uppercase;border-bottom:4px solid #e4e4e4;border-radius: 0;transform:skew(-15deg);padding:10px 30px;} ul.tab_home > li > a span{transform: skew(15deg); display: inline-block;} ul.tab_home > li.active > a,ul.tab_home > li > a:hover,.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background: #492400;color: #fff;border-bottom:4px solid #2c1600;} ul.tab_home > li.active > a:hover{color: #fff;border-bottom:4px solid #2c1600;background: #492400;} .tab_content{} .noidung_tab{margin: 0px 0px 0px !important;max-width: 100%;} .tab_hide{position: absolute !important;z-index: -1;opacity: 0;} .tab_show{position: relative !important;z-index: 999;opacity: 1;} ul.cat{margin:0px 0 -12px 0px; display: inline-block;float: right;} ul.cat li{display: inline-block;position:relative;float:left;height:35px;line-height:35px;margin-right: 5px;} ul.cat li a{display: block;color: #fff;text-transform: uppercase;;background:#747474;text-align: center;font-family: 'RR';font-size: 15px;padding: 0 8px;} ul.cat li a.selected{ position: relative;color: #fff;background: #ff0000;} /* --parallax-- */ .parallax-window{height: 440px;position: relative;padding: 20px;overflow:hidden;} .top{background: #fff;/* height: 50px; */margin-top: -7px;position: relative;} .top:after{background: url(../images/cua_duoi.png);height:7px;margin-top: -7px;content: '';position: absolute;bottom: 100%;left: 0;right: 0;z-index: 999;} .bottom{} .bottom:after{height: 7px;background: url(../images/cua_tren.png);margin-bottom:-7px;content: '';position: absolute;top: 100%;left: 0;right: 0;z-index: 999;} .cont{max-width: 450px;margin: 0 auto;font-family:'OPR';font-size: 16px;margin-bottom: 25px;} .cont .cont_cell{display: table-cell;vertical-align: middle;color: #fff;text-align: center;} /* ----project--- */ .project_item{float: left;position: relative;box-sizing: border-box;margin: 0;margin-bottom: 20px} .project_item .wrap_km:before{content: " ";position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;border: 2px solid transparent;z-index: 100;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s;opacity: 0;} .project_item .wrap_km:after{content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 100;opacity: 0;transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s} /* .project_item:nth-child(2n){margin-right: 0;} */ /* .project_item:nth-child(2n + 1){clear:both;} */ .project_item .wrap_km {position: relative;} .project_item .img {overflow: hidden;} .project_item .img img{width: 100%;} .project_item .img a{display: block;line-height: 0;} .project_item h3{margin: 0; position: absolute;top:auto;left: 0;bottom: 0;right: 0;text-align: center; background: rgba(0,0,0,0.6); padding:6px 15px; overflow: hidden;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;} .project_item h3 a{padding:6px 0px;width: 100%; color: #fff;font-size:16px;line-height: 22px; text-transform: uppercase;font-weight: normal;display: table;overflow: hidden;font-family: 'Tahoma';text-align: center;} .project_item h3 a span{display: table-cell;vertical-align: middle;} .project_item .chitiet{text-align: center;position: relative;margin-bottom: -14px;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;} .project_item .chitiet a{width: 88px;height: 27px;line-height: 27px; background: #0069cc;color: #fff;font-family: 'RR';font-size: 13px;display: inline-block;} .project_item .over_lay{position:absolute;top:38%;left:0;right:0;z-index:111;text-align:center;margin-top:-20px;opacity:0;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;} .project_item .over_lay h4{font-family: 'Segoe UI',Tahoma;padding:3px 15px;display:block;text-transform:uppercase;font-size:25px;color: #f7bb27;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;text-align:center;} .project_item .over_lay .desc{ height: 70px;background: url(../images/project_desc.png) center no-repeat;color: #fff;font-size: 14px;text-align: justify;margin-top: 10px;} .project_item .over_lay .desc .cont{ max-width: 90%;margin: 0 auto;height: 40px;line-height: 20px;overflow: hidden;top: 15px;position: relative;} .project_item:hover .wrap_km:after { opacity:1; } .project_item:hover .wrap_km:before {opacity:1;top:5px;left:5px;bottom:5px;right:5px;border:2px solid rgba(255,255,255,0.8);} .project_item:hover .chitiet{transform: scale(0);} .project_item:hover .over_lay{margin-top:0;opacity:1;} .project_item:hover .over_lay h4{margin-bottom:0;} .project_item:hover .over_lay a.xemthem{margin-top:0;} .project_item .over_lay a.xemthem:hover{color: #fff;background: #f7bb27;} .project_item:hover .over_lay a.xemthem:hover:after { width:100%; } .project_item:hover img{transform:scale(1.1);} .project_item .wrap{background: #fff;} .project_item .over_lay h4:after{content: '';background: #f7bb27;height: 8px;width: 60px;top: -25px;left: calc(50% - 30px);position: absolute;} .project_item .over_lay a.xemthem{font-style: normal;font-family: 'RR';font-size: 15px;margin-top: 60px;display: inline-block;padding: 10px 20px;background: #f7bb27;border-radius: 3px;color: #000;} .project_item:hover .over_lay a.xemthem{margin-top:20px !important;} .project_item:hover h3{opacity: 0;} .project_item .over_lay h4:hover{color: #f7bb27;} #at4-share{display: none !important;} /* --filter-- */ form#adv_ajaxfilter{display: block;font-family: 'OPR'} #adv_ajaxfilter .option_box{display:inline-block;margin:0;min-width:100%;vertical-align:top;border-bottom:solid 1px #eaeaea;} #adv_ajaxfilter select{width:99%;} #adv_ajaxfilter .price_slider{padding:0 5px;} #adv_ajaxfilter .price_range{display:block;margin:5px 0 18px -5px;color:#777777;} #adv_ajaxfilter .option_values{padding-top:5px;} #adv_ajaxfilter .option_name, #adv_ajaxfilter .attribute_group_name{cursor:pointer;padding:19px 25px 10px 19px;width:100%;color:#777777;font-size:14px;position:relative;font-weight: bold;} #adv_ajaxfilter .attribute_group_name{font-weight:bold;font-size:15px;} #adv_ajaxfilter .option_name:after, #adv_ajaxfilter .attribute_group_name:after{content:"\f106";color:#bbbbbb;font-family:FontAwesome;position:absolute;top:21px;right:19px;} #adv_ajaxfilter .option_name.hided:after, #adv_ajaxfilter .attribute_group_name.hided:after{content:"\f107";} #adv_ajaxfilter .option_box:first-child .option_name{border-top:none;} #adv_ajaxfilter .hided{cursor:pointer;padding-bottom:19px;} #adv_ajaxfilter .collapsible{max-height:250px;margin:0 19px 19px;overflow-x:hidden;overflow-y:auto;} #adv_ajaxfilter .filter_image_holder{display:table;width:100%;} #adv_ajaxfilter .filter_image_holder img{cursor:pointer;padding:2px;displat:block;float:left;border:1px solid #d9d9d9;border-radius:2px;margin:0 3px 3px 0;} #adv_ajaxfilter .filter_image_holder input:disabled + img{cursor:default;border-color:#f5f5f5;} #adv_ajaxfilter .filter_image_holder img.selected{border-color:#444444;} #column-left + #column-right + #content .product-grid > div.loadmask{width:100%;} .filters label{padding-left:30px;margin-bottom:10px;margin-top:5px;color:#333333;position:relative;cursor:pointer;display:block; font-size: 13px;font-weight: normal;} .filters input{display:none;margin:0;} .filters [type=checkbox]:checked + label:before{content:"\f00c";border-radius:3px;padding-left:5px;font-size:12px;display:block !important;font-family:FontAwesome;width:22px;} .filters [type=checkbox]:checked + label:before, .filters [type=radio]:checked + label:before{color:#333333;} .filters [type=checkbox] + label:before, .filters [type=radio] + label:before{font-family:FontAwesome;width:22px;line-height:18px;height:22px;border:1px solid #dddddd;position:absolute;top:-2px;left:0;color:#ffffff;} .filters [type=checkbox] + label:before{content:"\f00c";border-radius:3px;padding-left:5px;font-size:12px;} .filters [type=radio] + label:before{content:"\f111";border-radius:100%;padding-left:7px;font-size:9px;line-height:20px;} .filters [type=checkbox]:disabled + label, .filters [type=checkbox]:disabled + label:before, .filters [type=radio]:disabled + label, .filters [type=radio]:disabled + label:before{opacity:0.6;cursor:default;text-decoration:line-through;} #adv_ajaxfilter_box .clear_filter{padding:19px 20px;} #adv_ajaxfilter_box .ui-widget-content{height:7px;background:#ffffff;border:1px solid #eaeaea;} #adv_ajaxfilter_box .ui-slider-horizontal .ui-slider-handle{top:-8px;margin-left:-10px;} #adv_ajaxfilter_box .ui-state-default, #adv_ajaxfilter_box .ui-widget-content .ui-state-default{display:block;width:19px;height:19px;background:#FFF none repeat scroll 0% 0%;border:1px solid #EAEAEA;border-radius:50%;cursor:pointer;} #adv_ajaxfilter_box .ui-slider .ui-slider-handle::before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#B2B2B2 none repeat scroll 0% 0%;position:absolute;top:4px;left:4px;} #adv_ajaxfilter_box div.ui-slider-range.ui-widget-header{background:#f8f8f8;} #adv_ajaxfilter_box .ui-corner-all{border-radius:0;} #adv_ajaxfilter_box .ui-slider{margin:12px 3px 5px 4px;} .box_tc{padding:30px 0;position: relative;z-index: 1000;} .box_tc .tc_cont{width:1020px;height: 315px;background: url('../images/con_bg.png');background-size: 100% 100%;margin: 0 auto 30px;padding:20px 0;} .box_tc .tc_cont .tc_cont_d{width:860px;margin: 0 auto;overflow-y: auto;text-align: center;line-height: 2.5em;max-height: 100%;} .slider_tc{display: none;margin: 0 -15px !important;} .item_tc{position:relative;text-align: center;padding:0 15px;} .item_tc .wrap{background: #f5f5f5;position: relative} .item_tc .img{overflow: hidden;position: relative;} .item_tc .img img{transition:all 0.5s;display: block;} .item_tc .img:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.3)} .item_tc h3{font-size: 20px;font-family: 'avo_b';text-transform: uppercase;position: absolute;height: 100%;width: 100%;z-index: 10;top: 0;left: 0;margin:0;} .item_tc h3 a{color: #fff;display: table;text-align: center;height: 100%;width: 100%;text-decoration: underline !important;} .item_tc h3 a span{display: table-cell;height: 100%;text-align: center;vertical-align: middle;} .item_tc h3 a:hover{color: #f00;} .item_tc .desc{font-family: 'RR';font-size: 14px;color: #444444;white-space: inherit;line-height:20px;height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .item_tc:hover img{transform:scale(1.1);} .butt{display: inline-block;text-transform: uppercase;font-size: 14px;padding:4px 25px;border-radius: 15px;border:thin solid #000;font-family: 'OPR';line-height: 1.5em} .butt.bt_sp{color: #000;} .butt.bt_sp:hover{color: #fff;background: #f00;border:thin solid #f00;} .butt.bt_cs{color: #fff;background: #f00;border:thin solid #f00;} .butt.bt_cs:hover{color: #000;background: none;border:thin solid #000;} .icon_tc{position: relative;padding:0 20px;text-align: center;} .icon_tc .wrap{background: url('../images/tc_bg.png');text-align: center;background-size: 100% 100%;padding:20px;min-height: 240px;} .icon_tc .img img{border-radius: 50%;display: inline-block;} .icon_tc:hover .img img{transform: rotate(360deg)} .icon_tc h3{font-size: 17px;font-family: 'OPB';color: #fff;margin-top: 20px;text-transform: uppercase;} .icon_tc .desc{font-size: 14px;font-family: 'OPR';color: #fff;line-height: 1.7em} .margin0{margin: 0 !important} .map_title{font-family: 'Aurora';color: #ba0000;font-size: 20px;text-transform: uppercase;} .box_hotro{position: absolute;width: 330px;height:100%;right: 0;top:0;max-width: 100%;background: rgba(0,0,0,0.7)} .box_hotro:after{content: '';position: absolute;width: 132px;height: 100%;top: 0;right: 100%;background: url(../images/hotro_after.png) top right no-repeat;} .suport{height: 300px;margin-top: 30px;margin-left: 30px;font-family: 'RR';} .suport li{list-style: none;color: #fff;padding:7px 0;} .suport li .hotro_dienthoai{font-size: 16px;color: #00ffea;} .suport li .nick{font-size: 14px;text-transform: capitalize;} /* --news type 1-- */ .content-blog{ position:relative; margin-bottom:30px; font-family:'RR'} .content-blog .date1{ padding: 5px 9px 6px 9px;background: rgba(232, 26, 26, 0.58); position:absolute; top:0; left:0; text-align:center; z-index:99} .content-blog .date1 span{ display:block} .content-blog .date1 #day{ font-size:17px; line-height:39px; font-weight:bold; color:#fff; border-bottom:solid 1px #fff} .content-blog .date1 #month{ font-size:12px; font-weight:300; text-transform:uppercase; color:#fff; margin-top:10px} .content-blog .date1 #comment{ color:#fff; font-size:11px; font-weight:400; margin-top:3px} .content-blog .img{ border:thin solid #dfdfdf } .content-blog .img img{ box-shadow:-15px -15px 0 #f2f1f1; width:100%} .content-blog .title-blog{ padding-bottom:8px; border-bottom:solid 1px #737373; margin-top:0px; font-family:'OPB'; position:relative} .content-blog .title-blog a {color: #212121; font-size: 17px;text-transform: uppercase;line-height: 25px;font-weight: bold;} .content-blog .title-blog a:hover{color: #f00;} .content-blog .description {text-indent: 20px;font-style: italic;} .content-blog a.xemthem {display: inline-block; padding: 7px 13px;background: #0069cf;color: #fff;text-transform: uppercase;margin-top: 5px;} .content-blog a.xemthem:hover{background: none;color:#e91a1a; } /* --end news type 1-- */ /* --end news type 2-- */ /* --news type 3-- */ .wrap_blog{background: #fff;padding:20px;font-family: 'RR';margin-bottom: 25px;box-shadow: 5px 5px 0 #5e5e5e;} /* .box-news{position: relative;margin: 15px 0 15px;} .box-news .img{margin-right: 10px;position: relative;overflow: hidden;padding:4px;background: #fff;} .box-news .img img{border-radius: 0;width: 100%;} .box-news h3{font-size: 13px;margin: 0 0 10px;font-weight: bold;} .box-news h3 a{color: #ed1b24;} .box-news h3 a:hover{color: #f00;} .box-news a.chitiet{color: #09a651;font-size: 13px;display: block;text-align: right} .box-news .desc{font-size: 13px;color: #5a5a5a;text-align: justify;font-family: 'RR'} .box-news:hover img{transform:scale(1.1);} */ .tieude{font-family: 'Tahoma';color: #161616;font-size: 19px;margin-top: 0;font-weight: bold;margin-bottom: 15px;} .date{color: #999;font-size: 12px;margin-top: 5px;margin-bottom: 5px;} /* --end news type 4-- */ .support_item{font-family: 'RR';font-size: 14px;padding:10px 0;} .support_item .img {float: left;display: inline-block;border-radius: 50%;margin-right: 15px;} .support_item .img img{border-radius: 50px;} .support_item .name {color: #161616;font-size: 16px;font-family: 'RB';} .support_item .phone{color: #161616;font-size: 16px;margin-bottom: 8px;} .support_item .phone b{color: #d00000;} .support_item .email img{display: inline-block;} /* --end news type 4-- */ /* --ads-- */ .box_dv{padding:40px 0 40px;} .ads_box{display: none} .ads_item{margin:0px 0 10px;} .ads_item img{width: 100%;} /* --album-- */ .slider_dv{display: none;margin: 0 -5px;} .album_d{width: 100%;} .album_it{position: relative;padding:5px;} .album{position: relative;cursor: pointer;margin-bottom: 10px;} .album_box{position: relative;overflow: hidden;} .album .img{position: relative;overflow: hidden;} .album .img img{width: 100%;} .album h3{position: absolute;text-align: center; width: 100%;margin: 0; font-family: 'RB';font-size: 13px;color: #fff;padding:8px 5px;background: rgba(0,0,0,0.6);text-transform: uppercase;left: 0; bottom: -100%;} .album:hover h3{bottom: 0;} #jp_photo:selection{background: #f00;} .photo_item{overflow: hidden;position: relative;margin-bottom: 20px;} .photo_item h3{margin: 10px 0 0;font-size: 15px;font-family: 'OPB';color: #000;text-align: center;} /* --slider-- */ .slider_home1,.slider_home{margin: 0 -20px !important;display: none;} .slider_home .slick-prev{width: 35px;height: 71px;background: url(../images/button_l.png) !important;left:15px;opacity: 1;} .slider_home .slick-next{width: 35px;height: 71px;background: url(../images/button_r.png) !important;right: 15px;opacity: 1;} .slider_home .slick-prev:before{content: '';} .slider_home .slick-next:before{content: '';} /* --services-- */ .slider_home2{margin: 0 !important;display: none} .item_dv{margin-bottom: 20px;} .item_dv:nth-child(2n+1){clear: both;} .item_dv .img{float: left;margin-right: 15px;box-shadow: 3px 3px 0 0 #dcdcdc;overflow: hidden;border:thin solid #dfdfdf;} .item_dv h3{font-size: 16px;font-family: 'RB';} .item_dv h3 a{color: #252525;} .item_dv h3 a:hover{color: #f00;} .item_dv .desc{color: #333333;font-family: 'RR';text-align: justify;} .item_dv .xemthem{margin-top: 10px;} .item_dv .xemthem a{display: inline-block;padding:7px 15px;color: #fff;border:2px solid rgba(0,0,0,0);background: #000;} .item_dv .xemthem a:hover{background: none;color: #f00;} .item_dv:hover .img img{transform:scale(1.1);} .as-btn-blue-medium{display: inline-block;border:none;background: #27ae61;padding:8px 20px;color: #fff;text-transform: uppercase;} .amazingslider-text-wrapper-1{ bottom: auto !important;top: 112px;right:auto !important;left: 180px !important; width: auto !important; max-width: 30%;height: 100%;overflow: hidden;padding:35px !important;} .amazingslider-title-1{font-family: 'avo_b' !important;font-size:35px !important;color: #fee025 !important;} /* --box_home-- */ .box_home{padding:0px 0 50px;background: #d7d7d7;position: relative;} .box_home:before{content: '';position: absolute;left: 0;bottom: 100%;width:100%;height: 112px;background: url('../images/box_top.png');background-size: 100% 100%;} .bv_item{position: relative;margin-bottom: 0px; font-family: 'OPR';} .bv_item .wrap{position: relative;} .bv_item h3{margin: 0 0 5px 0;padding:0px 0px;position: relative;} .bv_item h3 a{color: #fff;font-family: 'RB';font-size:13px;white-space: inherit;line-height: 23px;display: block;text-transform: uppercase;} .bv_item h3 a:hover{color: #ff0;} .bv_item .img{overflow: hidden;text-align: center} .bv_item .img img{width: 100%;} .bv_item .inf{font-family: 'RR';color: #fff;font-size: 13px;position: relative;padding:15px;max-height: 245px;overflow-y: auto;} .bv_item:hover img{transform:scale(1.1);} .bv_item .xemthem{display: inline-block;width: 70px;height: 22px;text-align: center;line-height: 22px; background: url('../images/chitiet.png'); color: #000;margin-top: 15px;text-transform: uppercase;} .bv_item .xemthem:hover{color: #fff;} .bv_item1{background: #2abb83;} .bv_item2{background: #f13e4b;} .bv_item3{background: #1eb6e8;} /* --jpage-- */ .pagging{ margin:0 auto; text-align:center; margin:15px 0;} .pagging a{ font-size:12px; cursor:pointer; margin:0 1px; color:#333; color:#808080; background-color:#fff; border:1px solid #808080; padding:7px 12px } .pagging a:hover{ background-color:#222; color:#fff} .pagging a.jp-previous{ margin-right:0px; padding:7px 3px; border:1px solid #ddd} .pagging a.jp-next{ margin-left:0px; padding:7px 3px; border:1px solid #ddd} .pagging a.jp-current, a.jp-current:hover{ color:#FF4242; font-weight:bold} .pagging a.jp-disabled, a.jp-disabled:hover{ color:#bbb} .pagging a.jp-current, a.jp-current:hover{ cursor:default; background:#808080; color:#fff} .pagging a.jp-disabled, a.jp-disabled:hover{ cursor:default; background:none; color:#808080} .pagging span{margin:0 5px} /* --item_dv-- */ .top_item{position: relative; margin-bottom: 20px; font-family: 'OPR'} .top_item .wrap{} .top_item h3{margin: 0 0 5px 0;padding:0px 0px;} .top_item h3 a{color: #000;font-family: 'OPB';font-size:18px;white-space: inherit;line-height: 20px;height:40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .top_item h3 a:hover{color: #f00;} .top_item .img{overflow: hidden;margin-bottom: 10px;border:thin solid #dfdfdf;} .top_item .img a:not(.link){display: block;position: relative;} .top_item .img a:not(.link):after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;border:5px solid rgba(255,255,255,0.5);} .top_item .img img{width: 100%;} .top_item .desc{color: #282828;font-size: 14px;white-space: inherit;line-height: 20px;height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .top_item:hover img{transform:scale(1.1);} .top_item .xemthem{display: inline-block;padding:7px 15px;border: thin solid #40a40e;color: #40a40e;margin-top: 15px;} .price_list{padding:40px 0 40px;} .price_list .box_p{padding:15px 0;font-family: 'RR'} .price_list .slogan{text-align: center;font-family:'avo';font-size: 28px;color: #1a1a1a;text-transform: uppercase;margin-bottom: 20px;position: relative;} .price_list .slogan:after{content: '';display:block;margin:15px auto 0px;width: 40px;height: 3px;background: #40a40e;position: relative;z-index: 1;} .price_list .slogan:before{content: '';position: absolute;left:calc(50% - 70px); width: 140px;height: 1px;bottom: 1px;border-top: thin dashed #d7d7d7;z-index: 0;} .price_list .price_tbl{} .price_list .price_tbl th{text-align: center;font-family: 'RB';font-size: 20px;color: #2d2c2c;padding:20px;} .price_list .price_tbl td{vertical-align: middle;} .price_list .price_tbl .tt_{vertical-align: middle;} .price_list .price_tbl .tt_cat{font-family: 'RB';font-size: 20px;color: #ff0800;margin: 10px 0 20px;} .desc_ct{font-family: 'RR';font-size: 15px;color: #5e5e5e;text-align: center;max-width: 965px;margin: 0 auto;} .box_service{padding:45px 0;} .box_ser{display: none;margin: 0 !important;} .sr_item{position: relative;text-align: center;} .sr_item .wrap{position: relative;display: inline-block;border-radius: 50%;overflow: hidden;border:7px solid #009623;} .sr_item .wrap:after{content: '';position: absolute;left: 0px;top:0px;right: 0px;bottom: 0px;border-radius: 50%;border-style: dashed; border-width:100px;border-color:rgba(0, 150, 35,0);-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-ms-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;} .sr_item .wrap img{border-radius: 50%;} .sr_item .wrap h3{position: absolute;margin:0; width: 100%;height: 100%;bottom: -70%;left: 0;border-radius: 50%;background:#009623;z-index: 9;} .sr_item .wrap h3 a{display: table;width: 100%;height: 90px;line-height:25px;overflow: hidden;color: #fff;text-transform: uppercase;font-family: 'RB';font-size: 16px;padding:0 60px;} .sr_item .wrap h3 a span{display: table-cell;vertical-align: middle;} .sr_item .wrap:hover:after{border-width:0px;border-color:rgba(0, 150, 35,1);} .sr_item .wrap:hover h3 a span{color: #ff0;} .box_ct{position: relative;margin-bottom: 30px;} .box_ct .wrap{padding:10px;background: #fff;} .box_ct h3{margin: 0;padding:8px 15px;position: absolute;left: 0;bottom: 0;width: 100%; background: -moz-linear-gradient(90deg, #000000 25%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, 90deg, color-stop(25%, 000000), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(90deg, #000000 25%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(90deg, #000000 25%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(90deg, #000000 25%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(90deg, #000000 25%, rgba(0,0,0,0) 100%); } .box_ct h3 a{color: #fff;font-family: 'RB';font-size:15px;text-transform: uppercase;white-space: inherit;line-height: 20px;max-height:40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .box_ct .img{overflow: hidden;border:thin solid #dfdfdf;} .box_ct .img img{width: 100%;} .box_ct .desc{color: #282828;font-size: 14px;text-align: center;white-space: inherit;line-height: 20px;max-height:40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .box_ct:hover img{transform:scale(1.1);} .box_bottom{background:#fff; padding:50px 0 10px;} .box_tv{border-top:10px solid #40a40e;border-bottom: 10px solid #40a40e;padding:40px 0;background: url('../images/box_bg.png');} .box_ha{padding:30px 0 45px;} .ht_right{display: none;margin: 0 !important;} .ht_right .slick-prev{width: 35px;height: 71px;background: url(../images/button_l.png) !important;left:0px;opacity: 1;} .ht_right .slick-next{width: 35px;height: 71px;background: url(../images/button_r.png) !important;right:0px;opacity: 1;} .ht_right .slick-prev:before{content: '';} .ht_right .slick-next:before{content: '';} .ht_right img{padding:1px;} /* ==== */ .slider_top{display: none} .slider_top .top_item h3 {font-size: 14px;line-height: 20px;max-height: 40px; overflow: hidden;font-weight: bold;margin: 0 0 5px;font-family: 'OPR';text-transform: none;} .slider_top .top_item h3 a{color: #fcff00;} .slider_top .top_item .desc{color: #9a9897;font-size: 14px;font-family: 'OPR';margin-bottom: 15px;} .box_scroll{margin: -10px 0 !important;display: none } .box-news1{position: relative;color: #000;padding:5px 0;} .box-news1 img{float: left;display: inline-block; margin-right: 15px !important;border:thin solid #dfdfdf; transition:all 0.75s;background: #fff;} .box-news1 h3{font-size: 14px;line-height: 20px;max-height: 40px; overflow: hidden;font-weight: bold;margin: 0 0 5px;font-family: 'OPR';text-transform: none;} .box-news1 h3 a{color: #fcff00;} .box-news1 h3 a:hover{color: #f00;} .box-news1 .desc{color: #9a9897;font-size: 14px;font-family: 'OPR';margin-bottom: 15px;} .box-news1 a.chitiet{color: #000;font-size: 14px;display: inline-block;padding:8px 20px;border:thin solid #333333;background: #fff;text-transform: uppercase;} .box-news1 a.chitiet:hover{color: #f00;} .box-news1:hover img{box-shadow: 0 0 4px 1px #062245} .box_nd { border: solid 1px #F2F2F2; border-top: 3px solid #2abb83; border-radius: 5px; padding: 20px; } .box_nd p { border-bottom: solid 1px #2abb83; padding: 15px 0; font-family: RR; font-size: 16px; color: #999999; } .box_nd p i { margin-right: 15px; } /* ---- */ .box_list{padding:50px 0 50px;background: url('../images/dvbg.png');background-size: cover;} .list_item{position: relative;margin-bottom: 25px; font-family: 'OPR';padding:0 5px;} .list_item .wrap{position: relative;overflow: hidden;margin: 0 auto; max-width: 260px;background: url('../images/dv_bg.png');background-size: 100% 100%;height: 300px;padding:30px;} .list_item .inf{background: #fff;padding:25px 40px 40px;} .list_item h3{margin: 0 0 10px 0;padding:0px 0px;position: relative;left: 0;text-align: center;} .list_item h3 a{color: #ff0000;font-family: 'UVNBachTuyetNang_R';font-size:24px;white-space: inherit;line-height: 28px;height:56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .list_item h3 a:hover{color: #154100;} .list_item .img{} .list_item .img img{display: inline-block;border-radius: 50%;} .list_item .desc{font-family: 'OPR';color: #737373;font-size: 15px;position: relative;text-align: justify;overflow: hidden;} .list_item:hover img{transform:scale(1.1);} .list_item .xemthem{display: inline-block;padding:7px 15px;border: thin solid #c10000;color: #c10000;margin-top: 15px;text-transform: uppercase;} /* --- */ .info_end{padding:30px 0;} .info_end .fanpage{padding:10px 0 0;border:thin solid #dfdfdf;} .info_end .box_fb{padding:20px;text-align: center;} .info_end .box_fb .fb-page{} /* ---- */ .slider_qc{display: none;margin: 20px 0 !important;} .item_qc{margin-bottom: 20px;} .item_qc img{width: 100%;} /* ---- */ .box_sp_nb{padding:30px 0;} .box_news_home{position: relative;background: url('../images/tt_bg-22.png');background-size: cover;padding:40px 0;} .box-news{float:left;padding-bottom:30px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;padding-right:30px;border-right:2px solid #0065ca} .box-news:nth-child(2n){padding-right:0;padding-left:30px;float:right;border:none} .box-news:nth-child(2n+1){clear:both} .box-news:nth-last-child(3){padding-bottom:0} .box-news .box-news-img{float:right;margin:0 20px;padding:2px;border:2px solid #0065ca;background:#FFF} .box-news:nth-child(2n) .box-news-img{float:left} .box-news .box-news-img img{width:100%} .box-news .box-news-img a{display:block;line-height:0} .box-news h3{margin: 0 0 10px;} .box-news h3 a{color:#fff;text-decoration:none;font-size:15px;font-weight:700;text-transform:none;height:40px;line-height:20px;overflow:hidden;font-family:'RB';} .box-news h3 a:hover{color:#ff0} .box-news .box-news-mota{text-align:justify;color:#fff;height:30px;line-height:15px;overflow:hidden} .box-news .box-news-stt{position:absolute;top:10px;right:-15px;z-index:99} .box-news:nth-child(2n) .box-news-stt{top:auto;bottom:30px;right:auto;left:-15px} .box-news .box-news-stt div{width:30px;height:30px;line-height:30px;color:#FFF;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;background:#0065ca;text-align:center;position:relative} .box-news .box-news-stt div:before{position:absolute;width:36px;height:2px;top:calc(50% - 1px);left:-36px;content:"";background:#0065ca} .box-news:nth-child(2n) .box-news-stt div:before{left:auto;right:-36px} .box-news:hover .box-news-img{border-color:#1F8AF5} .box-news:hover .box-news-stt div, .box-news:hover .box-news-stt div:before{background:#1F8AF5} /* ----- */ .box_support{ margin-bottom: -74px; position: relative;z-index: 9;} .box_support .wrap{position: relative;padding:25px;background: #33a9ee;} .box_support .wrap:before{content: '';position: absolute;right: 100%;top:0;width: 21px;height: 60px;background: url('../images/bottom_before.png') no-repeat;} .box_support .wrap:after{content: '';position: absolute;left: 100%;top:0;width: 21px;height: 60px;background: url('../images/bottom_after.png') no-repeat;} .slider_sup{display: none;margin: 0 !important;} .sup_item{color: #fff;font-family: 'RB';font-size: 14px;} .sup_item img{display: inline-block !important;} .sup_item > img{float: left;margin-right: 15px;} @media(min-width:767px) { .navbar { padding: 20px 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; } .top-nav-collapse { padding: 0; } } .about-section { margin-bottom: 30px; } .about-section img{width: 100%} .title-page { font-size: 18px; font-weight: 700; color: #f7bb27; text-transform: uppercase; position: relative; font-family: 'RB'; } .title-page:after { content: ''; display: block; height: 3px; width: 80px; */ background: #00844a; margin: 15px auto 40px; position: relative; z-index: 6; background: #00844a; } .title-page:before { content: ''; position: absolute; height: 1px; width: 100%; background: #dfdfdf; bottom: 1px; left: 0; } .about-section .title-page:after { margin: 15px auto 40px; } .page-content{} .page-img{margin: 20px 0;} .page-img img{width: 100%;} .fixedmenuhome { position: fixed; left: 100%; right: 0; top: 200px !important; z-index: 1001; background-color: #333; right: calc(0% - 138px); -webkit-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .fixedmenuhome .nav-inline { position: relative; border-left: 5px solid #f64a2b; } .fixedmenuhome .nav-inline .togglemenu { position: absolute; top: 50%; transform: translate(0, -50%); right: calc(100% + 5px); width: 18px; height: 36px; text-align: right; line-height: 37px; background-color: #f64a2b; border-radius: 36px 0 0 36px; } .fixedmenuhome .nav-inline .togglemenu .fa { font-size: 18px; height: 100%; line-height: 36px; } .fixedmenuhome .nav-inline .nav-item { position: relative; display: block; margin: 0; border-bottom: 1px solid #000; } .fixedmenuhome .nav-inline .nav-item:before { content: ''; -webkit-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #f64a2b; width: 0; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .fixedmenuhome .nav-inline .nav-item:hover>a { color: #333; background: #f64a2b; } .fixedmenuhome .nav-inline .nav-item>a { display: block; color: #fff; font-family: 'RR'; font-size: 14px; line-height: 1.275rem; padding: 10px 0.625rem; position: relative; z-index: 2; } .fixedmenuhome .nav-inline .nav-item:hover>a .fa { color: #333; } .fixedmenuhome .nav-inline .nav-item>a .fa { font-size: 1.125rem; color: #f64a2b; line-height: 1.525rem; width: 30px; display: inline-block; text-align: center; vertical-align: middle; margin-top: -2.5px; } .fixedmenuhome .nav-inline .nav-item:hover { border-color: #f64a2b; } /* ---news--- */ .first-item-news {overflow: hidden;margin: 0 0 15px 0;} .first-item-news .first-item-news-wrap{border:thin solid #dfdfdf;} .first-item-news .img{position: relative;z-index: 99;margin-right: 15px;overflow: hidden;} .first-item-news img{width:100%;} .first-item-news h3 a:hover{color:#f00 !important;} .first-item-news:nth-child(4n+1) .first-item-news-wrap{background: #ededed;} .first-item-news:nth-child(4n) .first-item-news-wrap{background: #ededed;} .first-item-news h3{margin:0;} .first-item-news h3 a{color: #393939;font-size: 14px;font-weight: bold;text-transform: uppercase;display: block;line-height: 15px;height: 30px;overflow: hidden;} .first-item-news .desc_cont{text-align:justify; font-family:'RR'; font-size:14px; line-height: 20px;height: 60px;overflow: hidden} .first-item-news .desc{font-family:'RR';padding:15px;box-sizing: border-box;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;} .first-item-news .desc >div{position: relative;} .first-item-news .desc .over_lay{position:absolute;top:28%;left:0;right:0;bottom:0; z-index:111;text-align:center;margin-top:-20px;opacity:0;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;} .first-item-news .desc .over_lay h4{padding:0 15px;display:block;text-transform:uppercase;font-size:12px;color:#D7DC02;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;text-align:center;} .first-item-news .desc .over_lay a.xemthem{padding: 6px 10px;background: #0074c7;border-radius: 3px; position:relative;display:inline-block;color:#ffffff;text-decoration:none;margin-top:50px;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;font-family:'Tahoma';font-size:13px;font-style:normal;} .first-item-news .desc .over_lay a.xemthem:hover{background: #065995;} .item_page_in{ margin: 15px; } .box_page_in{margin: 0 -15px;} .name_page_in{font-size: 15px;font-family: "RB";text-align: justify;line-height: 20px;height: 40px;overflow: hidden} .name_page_in a{color: #000;} .name_page_in a:hover{color:red;} .title_new{border-bottom: 1px solid #ccc;} .title_new h2{background: #f7bb27;color: #fff;line-height: 40px;padding: 0 40px;margin: 0;font-family: "RB";font-size:18px;text-transform: uppercase;display: inline-block;} .contact-file-input{margin-bottom: 10px;} .copy_right li { list-style: none; float: left; margin-right: 10px; } .nav_top{text-align: center;padding:0;margin: 20px 0 20px;} .nav_top li{display: inline-block;padding:0 5px;} .nav_top li a{display: inline-block;padding: 10px 20px;background: #f7bb27;color: #fff;border-radius: 5px;text-transform: uppercase} .nav_top li a:hover,.nav_top li a.active{background: #0166b2;color: #fff;} /* ==== */ .video-list .video-col { background: #fff; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; margin-bottom: 30px; } .video-list .video-col figure .video-img { display: block; width: 100%; } .video-list .video-col figure .video-img img { width: 100%; } .video-list .video-col figure figcaption .video-name { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; color: #333333; font-weight: 600; font-size: 17px; line-height: 1.2; padding-right: 20px; padding-left: 80px; height: 60px; font-family: OPB; position: relative; margin: 0; } .video-list .video-col figure figcaption .video-name:before { content: '\f04b'; background: #008449; width: 60px; height: 60px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; position: absolute; top: 0; left: 0; font: normal normal normal 14px/1 FontAwesome; } .field{background: url('../images/bg_linhvuc.png') no-repeat top left;background-size: cover;padding: 40px 0;} .item_field{margin: 0 15px;} .item_field .img_field a{outline: none;display: block;overflow: hidden;} .item_field .img_field img{width: 100%} .item_field .img_field{position: relative} .item_field .des_field{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;overflow: hidden;background: #0000009c;opacity: 0} .item_field .des_field p{margin: 0;max-height: 100%;overflow: hidden;line-height: 19px;top: 50%;position: absolute;transform: translateY(-50%);text-align: justify;padding: 20px;} .item_field:hover .des_field{opacity: 1} .item_field:hover img{transform: scale(1.1)} .box_field{margin:0 -15px; } .slick_field{display: none} .item_field .info_field{width: 100%;padding: 10px;background: #000000ba;text-align: center;} .item_field .info_field h3{width: 100%;font-size: 24px;font-family: 'RobotoCondensedBold';margin: 0;text-transform: uppercase;line-height: 26px;height: 26px;overflow: hidden;} .item_field .info_field h3 a{color: #fff} .item_field .info_field:hover{background:#f7bb27 } .project{padding-top: 30px;} .box_project{background: url('../images/bg_duan.png') no-repeat top left;background-size: cover;padding: 60px 0;} .item_project{margin: 0 20px} .content_project{/* margin: 0 -20px */} .item_project .img_project{border: 10px solid #fff3;overflow: hidden;} .item_project .info_project{height: 70px;line-height: 70px;padding: 0 25px;padding-right: 70px;background: #0000007a url('../images/icon_project.png') no-repeat right 28px center;} .item_project .info_project h3{font-size: 24px;font-family: "RR";margin: 0;line-height: 70px;overflow: hidden;} .item_project .info_project h3 a{color: #fff} .item_project .info_project h3 a:hover{color: #fac408} .item_project:hover img{transform: scale(1.1)} .item_new{background: #fff;margin: 0 15px;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);margin-bottom: 20px;background-color: white;} .item_new .news-img{display: block;overflow: hidden;} .item_new img{width: 100%} .item_new:hover img{transform: scale(1.1)} .hot-news{/* margin: 0 -15px; */} .info_new{padding: 20px;padding-bottom: 30px;position: relative;display: block;} .info_new:after{position: absolute;content: "";width: 100%;height: 38px;background: url('../images/icon_new.png') no-repeat center;left: 0;z-index: 999999;bottom: -19px;} .info_new h3{font-family: "RR";font-size: 17px;text-align: center;margin: 0;line-height: 20px;height: 40px;overflow: hidden;} .info_new h3 a{color: #363636} .info_new h3 a:hover{color: red} .title_center{border-bottom: 1px solid #dcdcdc;margin-bottom: 20px;margin-top: 10px;} .title_center h2{display: inline-block;background: #f7bb27;color: #fff;text-transform: uppercase;padding: 0 20px;line-height: 40px;font-size: 20px;font-family: "RB";margin: 0;} .center{padding: 30px 0;} .item_video{margin: 0 5px} .item_center{margin:0 5px;margin-bottom: 10px;position: relative} .item_center img{width: 100%;} .box_center{margin: 0 -5px} .name_center{position: absolute;content: "";width: 100%;line-height: 35px;left: 0;height: 35px;bottom: 0;background: #0000009e;padding: 0 15px;text-align: center;overflow: hidden;} .name_center a{color: #fff;text-transform: uppercase;font-size: 16px;font-family: 'RobotoCondensedBold';} .name_center a:hover{color: yellow} .info_about {background: #e3e3e3;padding-bottom: 1px;} .info_about h3{line-height: 50px;text-align: center;background: #7c7c7c;text-transform: uppercase;height: 50px;overflow: hidden;margin: 0 auto;font-family: 'RB';font-size: 20px} .info_about h3 a{color: #fff} .info_about h3:hover{background: #fac307} .info_about p{color: #000;font-size: 13px;font-family: "RR";text-align: justify;padding: 10px;line-height: 17px;height: 80px;overflow: hidden;} .item_service{position: relative;margin-bottom: 30px;} .info_service a{ color: #fff !important; text-decoration: none !important; display: block; font-size: 14px; text-transform: uppercase; background: #000000ad; padding: 0 20px; } .info_service{ position: absolute; left: 0px; bottom: 0; width: 100%; height: 40px; display: block; transition: all 0.3s; text-align: center; line-height: 45px; overflow: hidden; } .item_service:hover .info_service{ display: block; transition: all 0.3s; width: 100%; padding: 5%; padding-top: 0 !important; bottom: 5%; } .item_page_in .img_page_in{position: relative;overflow: hidden} .item_page_in .img_page_in img{transition: all 1s;width: 100%} .item_page_in .img_page_in:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);} .slick_album{display: none} .slick-dots .slick-active button{background: url(../images/ac_slick.png) no-repeat top left;} .slick-dots button:hover{background: url(../images/ac_slick.png) no-repeat top left;} .slick-dots button{background: url(../images/slick.png) no-repeat top left;line-height: 6px} .next_new{position: absolute;right:0px;top:50%;margin-top: -10px;z-index:100;} .prev_new{position: absolute;left:0px;top:50%;margin-top: -10px;z-index:100;} .next_dt{position: absolute;right:0px;top:50%;margin-top: -10px;z-index:100;} .prev_dt{position: absolute;left:0px;top:50%;margin-top: -10px;z-index:100;} .next_da{position: absolute;right:0px;top:50%;margin-top: -10px;z-index:100;} .prev_da{position: absolute;left:0px;top:50%;margin-top: -10px;z-index:100;} #main_video_owl img{width: 100%;margin-bottom: 5px;height: 320px;}