/*
Theme Name: 30tnico
Author: dntheme
Author URI: https://wordpress.org/
Description: Dntheme brings your site to life with header video and immersive featured images.
Version: 1.3
Text Domain: dntheme
Tags: best theme
*/
/*
======================================
[ Import Font ]
======================================
*/
@font-face{font-family:'TUV_Montserrat_Bold';src:url('assets/fonts/TUV_Montserrat_Bold/TUV_Montserrat_Bold.eot');src:url('assets/fonts/TUV_Montserrat_Bold/TUV_Montserrat_Bold.woff') format('woff'),url('assets/fonts/TUV_Montserrat_Bold/TUV_Montserrat_Bold.ttf') format('truetype'),url('assets/fonts/TUV_Montserrat_Bold/TUV_Montserrat_Bold.svg') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'UTM_Zirkon';src:url('assets/fonts/UTM_Zirkon/UTM_Zirkon.eot');src:url('assets/fonts/UTM_Zirkon/UTM_Zirkon.woff') format('woff'),url('assets/fonts/UTM_Zirkon/UTM_Zirkon.ttf') format('truetype'),url('assets/fonts/UTM_Zirkon/UTM_Zirkon.svg') format('svg');font-weight:normal;font-style:normal}
body{color:#555555;font:14px/25px 'Roboto',sans-serif;}
p{margin-bottom:0;}
h1,.h1{font-size:22px;line-height:26px;margin-bottom:10px;}
h2,.h2{font-size:20px;line-height:24px;margin-bottom:8px;}
h3,.h3{font-size:18px;line-height:22px;margin-bottom:6px;}
h4,.h4{font-size:16px;line-height:22px;margin-bottom:6px;}
h5,.h5,h6,.h6{font-size:14px;line-height:18px;margin-bottom:5px;}
.font--s1{font-family:'UTM_Zirkon';}
/*.font--s2{font-family:'TUV_Montserrat_Bold';}*/
.font-size30{font-size:30px;line-height:32px;}
.color--primary,.color--primary a{color:#c82d73;}
.color--black,.color--black a{color:#222222;}
.color--white,.color--white a{color:#ffffff;}
.color-red{color:#ff0000}
.bg--white{background:#fff;}
a:focus,a:hover{text-decoration:none}
.wpcf7-form input{border-radius:0;}
.wpcf7-form input[type="submit"]{background:#d32f2f;color:#fff;}
.p1{padding-top:10px;}
.container{}
.padding__wrap .sc__wrap,.padding__wrap .site-main{padding: 0;}
.m-li {display: inline-block;padding: 0 5px;}
/*breadcrumb*/
.dn__breadcrumb{}
.dn__breadcrumb a{color:#555555}
.dn__breadcrumb .sc__wrap{background:#fff;padding-top:15px;padding-bottom:15px;}
/*
======================================
[ Header ]
======================================
*/
.box__language{background: #01448e;padding: 2.5px 0;}
.header__right{text-align:center;}
.header__top{color:#fff;}
.header{position:relative;z-index:1;}
.header .sc__wrap{background:#fff;padding: 10px 0 0 0;}
.header__brand{padding:0 5px}
.logo{margin:0;display:block;padding:0;-webkit-transition:padding .5s;-o-transition:padding .5s;transition:padding .5s;}
.logo a {display: block;width: 190px;height: 100px;overflow: hidden;}
.logo img{max-height:130px;margin:auto;}
.header__social {display: inline-block; text-align: right; width: 100%;}
.header__social a{color:#fff;font-size: 22px;}
.header__address>i,.header__phone>i,.header__social>i{font-size:30px;line-height:50px;margin-right:10px;}
.header__right .large{font-size:28px;line-height:36px;text-transform:uppercase;color:#01448e;font-weight:700;}
.header__right .medium{font-size:16px;text-transform:uppercase;margin-bottom:10px;color:#000;}
.header__slogan span{background:#fea30e;font-size:14px;padding:5px 10px;font-weight:700;display:inline-block;color:#fff;text-transform:uppercase;position:relative;}
.header__slogan span:before{content:"";position:absolute;top:0;right:100%;width:0;height:0;border-bottom:35px solid #fea30e;border-left:35px solid transparent;}
/*
======================================
[ Main menu ]
======================================
*/
.main__nav{z-index:9;position:relative;background: #01448e;}
.main__nav:after{content:"";display:table;clear:both;}
.main__nav .sc__wrap{position:relative;z-index:9999;background:#01448e;}
.main__nav ul{list-style:none;padding:0;margin:0;}
.main__nav ul.dn__menu{float:left;padding:0px 0;-webkit-transition:padding .5s;-o-transition:padding .5s;transition:padding .5s;background:none;max-height:46px;/*margin:auto;width:100%;*//* text-align:center; *//* overflow: hidden; */}
.main__nav ul.dn__menu:after{content:"";display:table;clear:both;}
.main__nav ul.dn__menu>li{position:relative;/* float:left; */display:inline-block;padding:0 20px;/* border-bottom: 4px solid transparent; */}
.main__nav ul.dn__menu>li:first-child{padding-left:0;}
.main__nav ul.dn__menu>li:hover,.main__nav ul.dn__menu>li.active{/* background-color:rgba(0,0,0,0.6); *//* border-bottom: 4px solid #ffff; */}
.main__nav ul.dn__menu>li:hover a,.main__nav ul.dn__menu>li.active a{color:#fea30e;}
.main__nav ul.dn__menu>li.active>a{/* border-bottom:4px solid #fff; */}
.main__nav ul.dn__menu>li>a{position:relative;color:#fff;line-height:25px;text-transform:uppercase;font-weight:700;font-size:14px;padding:10px 0;display:block;/* border-bottom:4px solid transparent; */}
.main__nav ul.dn__menu>li:hover>a{/* border-bottom:4px solid #fff; */}
.main__nav ul.dn__menu>li:first-child>a{}
.main__nav ul.dn__menu>li:not(:last-child):after{content:"|";display:inline-block;position:absolute;top:-1px;right:-2px;line-height:46px;color:#fff;}
.main__nav ul.dn__menu li:hover > ul.sub-menu{display:block;opacity:1;visibility:visible;}
.main__nav ul.dn__menu ul.sub-menu{width:205px;position:absolute;background:#01448e;opacity:0;visibility:hidden;transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;-webkit-transition:all 300ms linear;left:0px;top:100%;z-index:99;text-align:left;}
.main__nav ul.dn__menu ul.sub-menu li{line-height:20px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,0.1); position: relative;}
.main__nav ul.dn__menu ul.sub-menu li:hover{background-color:rgba(0,0,0,0.2);}
.main__nav ul.dn__menu ul.sub-menu li:hover>a{color:#fff;}
.main__nav ul.dn__menu ul.sub-menu li a{color:#ffffff;}
.main__nav ul.dn__menu ul.sub-menu ul.sub-menu{top:0;left:100%;}
.m-menu {float: left;}
.hoso {float: right; background:#7d0909; padding-left: 40px; color: white;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
.hoso a {padding: 10px 40px 10px 10px;display: inline-block;text-transform: uppercase;color: white;font-weight: bold;}
.hoso:hover {background: #310303;}
/*
======================================
[ Mobile menu ]
======================================
*/
.mm-slideout{z-index:auto}
.menu__mobile{display:none;width:32px;height:42px;color:#fff;float:left;position:relative;z-index:9;font-size:24px;align-items:center;margin-left:15px;}
.nav__mobile{display:none}
.mm-menu{background:#333;}
.mm-listview>li>a,.mm-listview>li>span{font:400 14px/20px 'Open Sans',sans-serif;color:#fff;text-transform:uppercase}
.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{font:700 18px/20px 'Open Sans',sans-serif;color:#fff;text-transform:uppercase}
.mm-navbar,.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after,.mm-listview>li:not(.mm-divider):after{border-color:rgba(0,0,0,0.2);}
.mm-listview>li:not(.mm-divider):after{left:0;z-index:3}
.mm-menu .mm-btn:after,.mm-menu .mm-btn:before,.mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:#fff}
.mm-menu .mm-listview>li.mm-selected>a,.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:#f96a0e;border-radius:0;color:#fff}
.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:#f96a0e;tap-highlight-color:#f96a0e;color:#fff}
#mm-1 ul.mm-listview>li>a{text-transform:initial}
/*
======================================
[ Header Style ]
======================================
*/
.h__header.s1{padding:30px 0 25px;}
.h__header.s1:before{}
.h__header.s1:after{}
.h__header.s1 .h__title{font-size:20px;margin:0;display:inline-block;font-weight:700;position:relative;letter-spacing:.2px;}
.h__header.s1 .h__title:after{content:"";width:50px;height:2px;background:#01448e;position:absolute;bottom:-5px;left:0;right:0;}
.h__header.s1.border--center .h__title:after{margin:auto;}
.h__header.s1 .h__title a{}
.h__header.icon--1 a:before{content:"";background:url(assets/img/sprite.png) no-repeat;width:33px;height:50px;background-position:-156px 0;display:inline-block;position:absolute;bottom:10px;left:15px;}
.h__header.icon--2 a:before{content:"";background:url(assets/img/sprite.png) no-repeat;width:33px;height:50px;background-position:-55px -58px;display:inline-block;position:absolute;bottom:10px;left:15px;}
.h__header.s1 .h__sub{font-size:35px;font-weight:700;line-height:40px;}
.h__header.s2{padding:30px 0 45px;}
.h__header.s2:before{}
.h__header.s2:after{}
.h__header.s2 .h__title{font-size:20px;margin:0;display:inline-block;font-weight:700;position:relative;letter-spacing:.2px;background:#01448e;padding:5px 25px;}
.h__header.s2 .h__title:after{}
.h__header.s2.border--center .h__title:after{margin:auto;}
.h__header.s2 .h__title a{color:#fff}
/*sc-slider*/
.sc-slider{position:relative;overflow:hidden;}
.sc-slider:after{}
.dn__slider .slider__item{position:relative;}
.dn__slider .slider__item .item__meta{position:absolute;/* top:0; */bottom:20px;left:80px;/* width:100%; *//* height:100%; *//* display:flex; *//* align-items:center; *//* justify-content:center; *//* flex-direction:column; *//* z-index:3; *//* background:rgba(0,0,0,0.4); */}
.dn__slider .slider__item .item__box{background: rgba(1, 68, 142, 0.52);max-width:470px;padding:15px;}
.dn__slider .slider__item .dnfix__thumb{padding-top: 36%;display:block;min-height:220px;}
.dn__slider .slider__item .item__title{font-size:20px;font-weight:400;color: #ffffff;margin:0;}
.dn__slider .slider__item .item__sub{color: #ffffff;font-size:14px;font-weight:400;margin-bottom:10px;}
.dn__slider .slider__item .item__readmore{display:inline-block;background: #fea30e;padding:2px 15px;color: #fff;}
.dn__slider .slick-dots{position:absolute;bottom:10px;left:0;right:0;-ms-transform:rotate(90deg);/* -webkit-transform:rotate(90deg); *//* transform:rotate(90deg); */overflow:hidden;height:25px;width:inherit;}
.dn__slider .slick-dotted.slick-slider{margin-bottom:0;}
.dn__slider.slick-slider .slick__arrow{width:35px;height:35px;text-align:center;border:2px solid #fff;transform:rotate(45deg);}
.dn__slider.slick-slider .slick__arrow i{font-size:24px;color:#fff;position:relative;transform:rotate(-45deg);}
.dn__slider.slick-slider .slick__prev i{top:-4px;left:-1px;}
.dn__slider.slick-slider .slick__next i{top:-7px;left:1px;}
.dn__slider.slick-slider .slick__prev{left:15px;}
.dn__slider.slick-slider .slick__next{right:15px;}
.dn__slider.slick-slider:hover .slick__arrow{background:#01448e;}
.dn__slider .slider__nav{position:absolute;bottom:0;right:-1px;}
.dn__slider .slick-dots li button{font-size:0;display:block;padding:0px;border:0;outline:none;width:14px;height:14px;border-radius:50%;background:#ffffff;}
/*
======================================
[ Section ]
======================================
*/
.home-videointro {pointer-events: none;}
.home-videointro .dnfix__thumb{
padding-top: 36%;
}
/*
======================================
[ Section project ]
======================================
*/
.project .sc__wrap{background:#fff;padding:0 0 35px;}
.project .project__item.s1{color:#fff}
.project .project__item.s1 .item__thumb{height: 250px;}
.project .project__item.s1 .dnfix__thumb{/* padding-top:68.075%; */min-height:100%;}
.project .project__item.s1 .item__title{font-size:16px;text-transform:uppercase;font-weight:700;padding-bottom: 10px;border-bottom: 1px solid #e1e1e1;margin-bottom: 10px;}
.project .project__item.s1 .item__readmore{color:#fff;text-transform:uppercase;font-weight:400;border:1px solid #fff;padding:3px 15px;}
h6.title, .project .project__item.s1 .item__meta {transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
h6.title {position: absolute; width: 100%; height: auto; left: 0; bottom: 0; padding: 15px 10px; text-transform: uppercase; color: white; font-size: 18px; background: rgba(1, 68, 142, .8); margin: 0; opacity: 1; visibility: visible;}
.project .project__item.s1 .item__thumb:hover h6.title {opacity: 0; visibility: hidden; bottom: -20px;}
.project .project__item.s1 .item__meta{position: absolute; width: 100%; height: 100%; left: 0; bottom: -20px; padding: 20px; background: rgba(1, 68, 142, .7); opacity: 0; visibility: hidden; color: white;}
.project .project__item.s1 .item__thumb:hover .item__meta {opacity: 1; visibility: visible; bottom: 0;}
.project .project__item.s1 .item__meta p {display: block;}
.project .project__item.s1 .item__meta span {position: relative;display: inline-block;margin: 0 auto;text-align: center;padding: 5px 20px;border: 1px solid #e1e1e1; margin-top: 20px; background: #fea30e;}
/**/
.item__lvhd .dnfix__thumb{height: 230px;}
.item__lvhd .item__meta{margin-top: 10px;}
.item__lvhd .item__meta a{color: #000;}
/*
======================================
[ Section service ]
======================================
*/
.service .sc__wrap{padding-top:20px;padding-bottom:35px;}
.s1.item__service--large{position:relative;}
.s1.item__service--large .dnfix__thumb{padding-top:59%;}
.s1.item__service--large .item__meta{position:absolute;bottom:0;left:15px;}
.s1.item__service--large .item__title{padding:15px;background:#fff;max-width:300px;}
.s1.item__service--large .item__title a{color:#222222;}
.s1.item__service--large .item__readmore{padding:0px 28px;line-height:35px;text-transform:uppercase;background:#ffa300;display:inline-block;color:#fff;}
.s1.item__service--medium{background:#01448e;padding:20px 20px 20px;margin-bottom:15px;color:#fff;}
.s1.item__service--medium .item__title{font-size:16px;font-weight:700;}
.s1.item__service--medium .item__readmore{display:block;}
.s1.item__service--medium .item__readmore span{padding:5px 15px;border:1px solid transparent;-webkit-transition:all .5s;transition:all .5s;}
.s1.item__service--medium a{color:#fff;}
.s1.item__service--medium:hover .item__readmore span{border:1px solid #ffffff;}
.s1.item__service--small{background:#f6f6f6;padding:20px 20px 20px;margin-bottom:15px;color:#000;}
.s1.item__service--small a{color:#222222;font-weight:500;}
.s1.item__service--small:hover a{color:#01448e;}
/*
======================================
[ Section news ]
======================================
*/
.news .sc__wrap{background:#fff;padding-bottom: 15px;}
.item__new + .item__new{margin-top:20px;padding-top:20px;border-top:1px dashed #d1d1d1;}
.item__new .dnfix__thumb{padding-top:69%;}
.item__new .item__thumb{width:175px;margin-right:15px;}
.item__new .item__title{font-weight:700;font-size:16px;}
.item__new .item__title a{color:#222222}
.item__new .item__title:hover a{color:#01448e;}
.item__new .item__date{font-size:13px;line-height:18px;}
/*
======================================
[ Section notification ]
======================================
*/
.notification{padding-top:30px;}
.notification .dnfix__thumb{padding-top:58%;}
.notification header.h__header{border-style:solid;border-width:1px 1px 0 1px;border-color:#d1d1d1;margin-top:30px;padding:5px 10px 5px;font-weight:700;}
.notification header.h__header a{color:#444444;}
.notification header.h__header span{color:#01448e}
.notification ul{border:1px solid #d1d1d1;padding:10px 15px 10px;}
.notification ul li +li{margin-top:5px;padding-top:5px;border-top:1px dashed #d1d1d1;}
.notification ul li a{color:#222222;}
.notification ul li a:hover{color:#01448e;}
.notification .item__date{background:#01448e;padding:2px 5px;font-weight:700;color:#fff;margin-right:10px;height:32px}
.notification .item__readmore{background:#01448e;color:#fff;padding:5px 15px;display:inline-block;text-align:right;border-radius:15px;}
.notification li:nth-child(2n) .item__date{background:#f89515;}
.notification .item__date p{line-height:14px;}
/*
======================================
[ Section Brand ]
======================================
*/
.brand{}
.brand .sc__wrap{padding-bottom:30px;}
.brand .h__header span{color:#000;}
.brand .slick-slide{margin:0 15px;}
.brand .slick-list{margin:0 -15px;}
.slider__brand{}
.brand__item .item__thumb{height:100px;}
.brand__item .item__thumb img{max-height:100%;}
.slider__brand .slick__prev{left:-40px;}
.slider__brand .slick__next{right:-40px;}
.brand .slider__nav{margin-left:auto;}
.brand .slick__arrow{transform:rotate(45deg);border:1px solid #fff;}
.brand .slider__prev.slick__arrow{margin-right:10px}
.brand .slider__prev.slick__arrow i{position:relative;}
.brand .slider__nav i{width:25px;line-height:25px;font-size:20px;color:#fff;background:transparent;transform:rotate(-45deg);}
.brand .slick__arrow:hover{background:#01448e}
/*
======================================
[ Section Footer ]
======================================
*/
.footer{color:#ffffff;position:relative;background: #01448e;}
.footer:before{/* content:""; */background:rgba(0,0,0,0.77);position:absolute;top:0;left:0;width:100%;height:100%;}
.footer .sc__wrap{padding-top:35px;padding-bottom:35px;}
.ft__header{}
.ft__header .ft__title{margin:0 0 15px;color:#fa0000;padding-bottom:10px;position:relative;font-weight:700;font-size:22px;line-height:30px;text-transform:uppercase;}
.ft__header .ft__title:after{/* content:""; */border-bottom:2px solid #ffffff;width:100px;position:absolute;top:35px;left:0;}
.footer__address .company{font-size:16px;color:#fff;}
.footer__address{}
/*Social*/
.footer__address i{display:inline-block;background:#fff;width:28px;height:28px;font-size:14px;/* border-radius:50%; */text-align:center;line-height:28px;margin-right:10px;color:#000;}
a.logo__footer{-webkit-box-flex:0;-ms-flex:0 0 110px;flex:0 0 110px;max-width:110px;margin-right:30px;}
/*.footer__address i[class^="fa"]{width:15px;margin-right:5px}*/
.footer__address .icon__web{width:15px;height:15px;background-position:15px -4px!important;display:inline-block;}
.footer__address .address__phone{}
.footer p{margin-bottom:5px}
.footer a{color:#fff;}
.footer .footer__box{margin-bottom:20px;}
.footer .footer__box:after{content:"";display:table;clear:both;}
.footer .footer__box.s1{border-left:1px solid #afaeae;padding-left:20px;}
.footer .footer__box.s2{}
.footer__box .h__header{}
.footer__box .h__header .h__title{text-transform:uppercase;font-size:16px;color:#e6e6e6;}
.social--footer a{color:#555555}
/*copyright*/
.sc-copyright{color:#fff;position:relative;background: black;}
.sc-copyright .sc__wrap{padding-top: 5px;padding-bottom: 5px;}
.sc-copyright a{color:#fff;}
/**/
.fa-stackz{position:relative;display:inline-block;width:30px;height:30px;line-height:30px;vertical-align:middle;}
/*footer list*/
ul.ft__list{padding:0 15px;margin:0;list-style:square;}
ul.ft__list a{color:#949494}
ul.ft__list a:hover{color:#ffffff}
/*menu footer*/
.footer__nav{border-bottom:1px solid #e3771f}
.footer__nav:after{content:"";display:table;clear:both;}
.footer__nav ul{list-style:none;padding:0;}
.footer__nav ul.dn__menu{float:left}
.footer__nav ul.dn__menu:after{content:"";display:table;clear:both;}
.footer__nav ul.dn__menu>li{float:left;position:relative;}
.footer__nav ul.dn__menu>li:first-child{}
.footer__nav ul.dn__menu>li:hover a{color:#fff;text-shadow:1px 1px 2px #fff;}
.footer__nav ul.dn__menu>li>a{position:relative;line-height:25px;padding:5px 20px;}
.footer__nav ul.dn__menu>li:first-child>a{padding-left:0;}
/*newsletter footer*/
.newsletter__box{cursor:pointer;position:relative;}
.newsletter__box form{position:relative;max-width:280px;z-index:999;}
.newsletter__box input{line-height:32px;}
.newsletter__box input[type="email"]{padding:0 85px 0 15px;width:100%;border:1px solid #ccc;}
.newsletter__box input[type="submit"]{z-index:1;position:absolute;top:0;right:0;height:100%;background-color:#243c88;border:0;font-size:15px;padding:0 25px;}
/*
======================================
[ Page ]
======================================
*/
.padding__wrap .site-main{}
.wrap__page .page__content{padding-bottom:30px}
h1.page-title{text-transform:uppercase;font-size:30px;font-weight:600;margin-bottom:20px}
/*Page Contact*/
.google__map iframe{width:100%;}
.page-contact__info ul li i{width:20px;}
/*
======================================
[ Single ]
======================================
*/
h1.entry-title{font-size:24px;line-height:30px;}
.related__item{margin-bottom:15px}
.related__item .dnfix__thumb{padding-top:65%;display:block}
.related__item a{color:#555555}
.share__post ul{padding-left:0;list-style:none}
.share__post header.h__header{font-weight:700}
.fb__comments{background:#ececec;border:1px solid #d1d1d1;}
/*
======================================
[ Single Product ]
======================================
*/
/*
======================================
[ Archive ]
======================================
*/
.archive__item{margin-bottom:30px}
.archive__item a{color:#444444}
.archive__item .dnfix__thumb{padding-top:65%;display:block}
/*
======================================
[ Archive QHDT ]
======================================
*/
.archive__item.--qhdt{margin-bottom:30px;}
.archive__item.--qhdt a.img{width:100%;display:block;position:relative;}
.archive__item.--qhdt a.img img{width:100%;height:100%;}
.archive__item.--qhdt .detail{position:absolute;content:'';left:10px;width:calc(100% - 20px);height:calc(100% - 20px);top:10px;align-items:center;justify-content:center;display:flex;color:white;border:1px solid white;padding:10px;opacity:0;visibility:hidden;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
.archive__item.--qhdt .detail h6,.archive__item.--qhdt .detail span{position:absolute;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
.archive__item.--qhdt .detail h6{font-size:18px;}
.archive__item.--qhdt .detail span{font:400 14px/25px 'Arial';padding:5px 20px;background:#01448e;border-radius:5px;margin-top:50px;}
.archive__item.--qhdt .detail span:hover{background:#b30811;}
.archive__item.--qhdt a.img:hover .detail{opacity:1;visibility:visible;background:rgba(0,0,0,0.5);}
.archive__item.--qhdt a.img:hover .detail h6{}
.archive__item.--qhdt a.img:hover .detail span{margin-top:25px;}
/**/
.archive__item.--doitac{margin-bottom:15px;}
/*
======================================
[ Archive bds ]
======================================
*/
.archive__item.item--bds .item__title{margin-top:10px;}
/*
======================================
[ Sidebar ]
======================================
*/
.widget-area .widget-title:after,.box__title .title__box:after{/* content:""; */width:30px;height:3px;display:block;background:rgba(0,0,0,0.1);margin-top:5px;}
.widget-area .widget{margin-bottom:30px;background:#fff;}
.widget-area .widget-title{/* font-family:'TUV_Montserrat_Bold'; */font-size:18px;font-weight:700;text-transform:uppercase;line-height:30px;margin-bottom:0;background:#01448e;padding:10px 15px 10px 15px;color:#fff;position:relative;}
.widget-area .widget_nav_menu .widget-title:before{}
.widget-area .widget-title:before{}
.flexible__post .widget-title:before{}
.widget_dntheme_support .widget-title:before{}
.widget_dntheme_gallery .widget-title:before{}
.widget_dntheme_statistics .widget-title:before{}
.widget-area .widget_nav_menu .widget-title span,.flexible__post .widget-title span{}
/*box__title*/
.box__title .title__box{position:relative;text-transform:uppercase;font-size:20px;font-weight:600;margin-top:20px;margin-bottom:10px;line-height:1.1;display:block;color:#000}
.box__title .title__box a{color:#000}
.box__title .title__box:after{content:"";width:30px;height:3px;display:block;background:rgba(0,0,0,0.1);margin-top:5px}
/*Item style*/
.item__style.s1:not(:last-child){border-bottom:1px solid #d1d1d1;}
.item__style.s1 .item__thumb{width:90px;margin-right:10px;}
.item__style.s1 .dnfix__thumb{height:70px;margin-right:10px;}
.item__style.s1 .item__title{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.item__style.s1 .item__title a{color:#444444}
.item__style.s1 .item__title a:hover{color:#eb5f85;}
.item__style.s1 .item__date{color:#9c9c9c}
.item__style.s1:after{content:"";display:table;clear:both}
/*widget_text*/
.widget_text iframe{max-width:100%;}
/*widget__post*/
.flexible__post
ul.widget__post-list{padding:0 20px 0;margin:0;list-style:none;background:#fff;border:1px solid #d1d1d1;}
ul.widget__post-list li{padding:15px 0;}
/*widget_statistics*/
.widget_dntheme_statistics .widget__content{padding:20px 30px;border:1px solid #d1d1d1;}
.widget_dntheme_statistics .widget__content p{margin-bottom:10px;}
/*widget_gallery*/
.widget_dntheme_gallery .widget__content{padding:18px 18px;border:1px solid #d1d1d1;margin:0;list-style:none;}
.widget_dntheme_gallery .widget__content .item__thumb{margin:1px}
.widget_dntheme_gallery .widget__content:after{content:"";display:table;clear:both;}
.widget_dntheme_gallery .widget__content li{width:calc(100% / 2);float:left;}
.widget_dntheme_gallery .widget__content li:hover a:before,.widget_dntheme_gallery .widget__content li:hover a:after{opacity:1;}
.widget_dntheme_gallery .widget__content .dnfix__thumb{padding-top:69%;}
.widget_dntheme_gallery a{position:relative;display:block;}
.widget_dntheme_gallery a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(235,95,133,0.6);opacity:0;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;z-index:1;}
.widget_dntheme_gallery a:after{content:"\f00e";font-family:FontaweSome;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);color:#fff;font-size:18px;opacity:0;z-index:2;}
/*widget_dntheme_support*/
.widget_dntheme_support .widget__content{padding:10px 10px 30px 10px;border:1px solid #d1d1d1;}
.widget_dntheme_support .widget__content a{color:#555555}
.widget_dntheme_support .widget__content i{color:#e31e27;font-size:22px;width:25px;margin-right:5px}
/*dntheme_widget_feedback*/
.widget_dntheme_feedback{text-align:center;}
.widget_dntheme_feedback .dnfix__thumb{padding-top:110px;max-width:110px;border-radius:50%;text-align:center;margin:0 auto 25px;}
.widget_dntheme_feedback .feedback__slider{position:relative;padding:35px 25px 0 25px;border:1px solid #d1d1d1;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.widget_dntheme_feedback .slider__item{padding-bottom:60px;}
.widget_dntheme_feedback .slider__item .item__des{font-size:18px;font-weight:600;}
.widget_dntheme_feedback .slider__item .item__title{font-size:18px;color:#333333;font-weight:700;}
.widget_dntheme_feedback .slider__item .item__job{}
.widget_dntheme_feedback .feedback__slider .slick-dots{position:absolute;bottom:10px;left:0;right:0;-ms-transform:rotate(90deg);/* -webkit-transform:rotate(90deg); *//* transform:rotate(90deg); */overflow:hidden;height:25px;width:inherit;}
.widget_dntheme_feedback .feedback__slider .slick-dotted.slick-slider{margin-bottom:0;}
.widget_dntheme_feedback .feedback__slider .slider__nav{position:absolute;bottom:0;right:-1px;}
.widget_dntheme_feedback .feedback__slider .slick-dots li button{font-size:0;display:block;padding:0px;border:0;outline:none;width:10px;height:10px;border-radius:50%;background:#243c88;}
.widget_dntheme_feedback .feedback__slider .slick-dots li.slick-active button,.feedback__slider .slick-dots li:hover button{background:#003dff;box-shadow:none;}
/*dntheme_widget_dntheme_support*/
.widget_dntheme_support .wg__content,.widget_text .wg__content{position:relative;padding:20px 25px 20px 25px;border:1px solid #d1d1d1;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.widget_dntheme_support ul,.widget_text ul{padding:0;list-style:none;margin:0;}
.widget_dntheme_support ul li:last-child,.widget_text ul li:last-child{border-top:1px solid #d1d1d1;padding-top:25px;font-size:15px;font-weight:700;color:#333333;text-transform:uppercase;}
.widget_dntheme_support i,.widget_text i{font-size:20px;width:20px;margin-right:10px;}
.widget_dntheme_support .wg__phone,.widget_text .wg__phone{font-size:20px;font-weight:700;color:#ff6e40;}
.widget_dntheme_support .fa-phone{margin-top:4px;}
/*widget custom default*/
.widget-area .widget_dntheme_icon{}
.item__image{margin-bottom:2px;padding:35px;background-color:#f4f4f4;text-align:center;}
.widget-area .widget_dntheme_icon .widget__title{font-size:15px;font-weight:700;text-transform:uppercase;}
.widget-area .widget_dntheme_icon img{margin-bottom:20px;}
/*widget_media_image*/
.widget_media_image img{max-width:100%;}
/*widget_nav_menu*/
.widget_nav_menu .widget-title{/* margin-bottom:5px; *//* background:#000; *//* display:block; *//* padding:10px 15px 10px; *//* font-size:16px; *//* font-weight:700; *//* color:#f6f6f6; *//* padding-left:50px; *//* font-family:'TUV_Montserrat_Bold'; *//* font-size:18px; *//* line-height:30px; *//* margin-bottom:0; *//* background:#eb5f85; *//* color:#fff; *//* position:relative; */}
.widget_nav_menu .widget-title:before{/* content:" 0c9"; *//* font-family:FontaweSome; *//* display:inline-block; *//* margin-right:5px; *//* font-weight:400; */}
.widget_nav_menu a{color:#555555;}
.widget_nav_menu ul{list-style:none;padding-left:0;font-size:14px;font-weight:600;border:1px solid #d1d1d1;}
.widget_nav_menu ul.menu>li{background:#ffffff;text-transform:uppercase;}
.widget_nav_menu ul.menu>li:not(:last-child){border-bottom:1px solid #d1d1d1;}
.widget_nav_menu ul li{/* margin-bottom:1px; */width:100%;background:#ffffff;position:relative;border-bottom:#ffffff;/* display: block; */}
.widget_nav_menu ul.menu>li>a:hover{background:#f1f1f1;}
.widget_nav_menu ul>li+li{}
.widget_nav_menu ul.menu>li>a{}
.widget_nav_menu ul>li>a{display:block;padding:0 30px 0 15px;line-height:50px;font-weight:500;}
.widget_nav_menu ul.sub-menu{display:none;position:relative;}
.widget_nav_menu ul.sub-menu li{border:0;}
.widget_nav_menu ul.sub-menu li a{padding:0 30px 0 30px}
.widget_nav_menu ul.sub-menu>li:before{content:"";background:url(assets/img/icon_sub1.jpg) no-repeat;position:absolute;width:10px;height:10px;top:15px;left:15px;}
.widget_nav_menu ul.sub-menu ul.sub-menu{border-top:1px solid #f6f6f6;}
.widget_nav_menu ul.sub-menu ul.sub-menu li a{padding:0 30px 0 45px}
.widget_nav_menu ul.sub-menu ul.sub-menu>li:before{content:"";background:url(assets/img/icon_sub2.jpg) no-repeat;position:absolute;width:10px;height:10px;top:17px;left:30px;}
.widget_nav_menu ul.sub-menu li.menu-item-has-children li:before{}
.widget_nav_menu .menu-item-has-children{position:relative;}
.widget_nav_menu button.togglez{margin:0;position:absolute;right:0;top:0;font-size:19px;padding:0;line-height:40px;min-height:37px;width:37px;border:0;background:none;color:#c40026;}
.widget_nav_menu .activez>.togglez{-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
/*
======================================
[ Pagination ]
======================================
*/
.pagination{margin:0 0 20px 0}
.paging-navigation{float:left;width:100%;font-size:12px}
.paging-navigation .page-numbers{padding:5px 11px;border:1px solid #e3e3e3;display:inline-block;margin:0 8px 8px 0;min-width:33px;text-align:center;color:#666;line-height:21px;float:left}
.paging-navigation .page-numbers:hover{background-color:rgb(236,79,77);color:#fff}
.paging-navigation .current{background-color:rgb(236,79,77);color:#fff;cursor:default;border:1px solid rgb(236,79,77)}
/*
======================================
[ xxx ]
======================================
*/
.f18{font-size:18px;line-height:28px}
.f20{font-size:20px;line-height:30px}
a.readmore.s1{display:inline-block;background:#0066b3;color:#ffffff;line-height:36px;padding:0 28px;border-radius:5px;}
a.readmore.s2{display:inline-block;background:#0066b3;color:#ffffff;line-height:36px;padding:0 28px;border-radius:20px;}
/*
======================================
[ Header Search ]
======================================
*/
.header__search--click{cursor:pointer;z-index:999;position:relative;}
.header__search--click .search__btn{font-size:15px;text-transform:uppercase;margin-right:10px;text-align:right;line-height:40px;margin-top:10px;}
.header__search--click .search__btn i{color:#000;margin-right:5px;font-size:28px;}
.header__search--click .search__btn i.fa-close{color:#bd0000;border-radius:50%;border:1px solid #ccc;width:30px;text-align:center;}
.header__search-content .search__form{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s; /* display:none; */position:absolute;width:300px;z-index:999;right:0;top:-200px;padding:15px;background:#f6f6f6;opacity:0}
.header__search-content form{position:relative;}
.header__search-content .search__form input[type="search"]{position:relative;padding:11px 50px 11px 5px;height:38px;width:100%;border:1px solid #ccc;color:#555555;}
.header__search-content .search__form button[type="submit"]{position:absolute;top:15px;right:15px;border:0;width:50px;height:38px;background:#000000;padding:.375rem .75rem;text-align:center;}
.header__search-content .search-submit i{color:#fff;font-size:18px;}
form.search-form.search__form.active{top:100%;opacity:1;z-index:9999;position:absolute;}
/* Text truncate */
.text__truncate{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-webkit-inline-box;}
.text__truncate--2{-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text__truncate--3{-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.text__truncate--4{-webkit-box-orient:vertical;-webkit-line-clamp:4;}
/*slider__nav right*/
.slider__nav{}
.slider__nav i{display:block;width:35px;line-height:35px;background-color:#d2d4d1;color:#000;text-align:center;font-size:24px;cursor:pointer;}
.slider__nav .slick__arrow{display:inline-block;margin:0 2px;}
.slider__nav .slick__arrow:last-child{margin-right:0;}
/*Sprite*/
.spritez{background:url('assets/img/sprite.png') no-repeat;vertical-align:middle;display:inline-block;position:relative;}
.spritez--search{width:20px;height:20px;background-position:0px 0;}
.spritez--cart{width:38px;height:40px;background-position:-24px 0;}
.spritez--cart-mb{width:40px;height:30px;text-align:center;background-position:-200px -40px;}
.spritez--vi{width:22px;height:22px;background-position:0 -44px;}
.spritez--en{width:22px;height:22px;background-position:-24px -44px;}
.spritez--phone{width:26px;height:26px;background-position:-142px 0;}
.spritez--map{width:16px;height:22px;margin-right:5px;background-position:-97px 0;-webkit-box-flex:0;-ms-flex:0 0 16px;flex:0 0 16px;max-width:16px;}
.spritez--evelope{width:24px;height:20px;background-position:-115px 0;}
.spritez-skype{width:21px;height:21px;background-position:-123px -88px;}
.spritez-zalo{width:22px;height:22px;background-position:-152px -88px;}
/*Sprite menu*/
.spritez-today{width:20px;height:20px;background-position:-120px -62px;margin-right:10px;}
.spritez-week{width:20px;height:20px;background-position:-151px -62px;margin-right:10px;}
.spritez-month{width:20px;height:20px;background-position:-177px -62px;margin-right:10px;}
.spritez-allday{width:20px;height:20px;background-position:-95px -86px;margin-right:10px;}
/*back to top*/
.back__to--top{position:fixed;bottom:45px;right:10px;display:none;cursor:pointer;z-index:9999;}
.back__to--top i{background:rgba(22,22,22,.5);padding:5px 10px;color:#ffffff;font-size:30px;font-weight:bold;}
.tab-content .tab-pane{position:relative;}
/*Call now*/
.dntheme-alo-phone{position:fixed;right:15px;bottom:150px;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:9;}
.dntheme-alo-img-circle{width:30px;height:30px;top:43px;left:43px;position:absolute;background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background-color:#ff0000;background-size:70%;}
.dntheme-alo-circle-fill{width:60px;height:60px;top:28px;left:28px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:#ff0000;opacity:.75!important;}
.dntheme-alo-circle{width:90px;height:90px;top:12px;left:12px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#ff0000;opacity:.5;}
.dntheme-alo-phone span{display:block;background:#ff0000;color:#fff;padding:5px;text-align:center;position:absolute;left:4px;width:110px;top:-26px;border-radius:4px 4px;}
.dntheme-alo-phone span:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#ff0000 transparent transparent transparent;position:absolute;top:28px;left:0;right:0;text-align:center;margin:0 auto;}
/*Fix image trong khung*/
.dnfix__thumb{position:relative;height:auto;width:100%;overflow:hidden;display:block;}
.dnfix__thumb img, .dnfix__thumb iframe{margin:0px auto;position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
/*Gallery*/
.gallery__slider,.gallery--featured{margin-bottom:15px;}
.imageGallery{list-style:none;display:none;}
.imageGallery.lightSlider{display:block;}
.gallery__slider .gallery__item .dnfix__thumb,.product__single--featured .gallery__item .dnfix__thumb{padding-top:60%;display:block;}
.gallery__slider .lSPager.lSGallery li>a{position:relative;display:block;height:auto;width:100%;overflow:hidden;padding-top:60%;}
.gallery__slider .lSPager.lSGallery li>a img{margin:0px auto;position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.gallery__slider .lSPager.lSGallery li{opacity:.5;border:1px solid transparent;transition:opacity 0.6s,-webkit-transform 0.6s;transition:transform 0.6s,opacity 0.6s;transition:transform 0.6s,opacity 0.6s,-webkit-transform 0.6s;}
.gallery__slider .lSPager.lSGallery li.active,.gallery__slider .lSPager.lSGallery li:hover{opacity:1;border-color:rgba(0,0,0,0.2);}
.gallery__slider .lSAction{opacity:0;transition:opacity .3s,background .3s,box-shadow .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s,background .3s,box-shadow .3s;transition:transform .3s,opacity .3s,background .3s,box-shadow .3s,-webkit-transform .3s;}
.gallery__slider .lSAction .lSPrev:after,.gallery__slider .lSAction .lSNext:after{transition:opacity .3s,background .3s,box-shadow .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s,background .3s,box-shadow .3s;transition:transform .3s,opacity .3s,background .3s,box-shadow .3s,-webkit-transform .3s;}
.gallery__slider:hover .lSAction{opacity:1;}
.gallery__slider:hover .lSAction .lSPrev:after,.gallery__slider:hover .lSAction .lSNext:after{-webkit-transform:translateX(0)!important;-ms-transform:translateX(0)!important;transform:translateX(0)!important;}
.dn__zoom{position:absolute;bottom:15px;left:15px;}
.dn__zoom i{min-width:2.5em;line-height:2.19em;text-align:center;border:2px solid #c0c0c0;color:#c0c0c0;font-size:1.2em;}
.dn__zoom i:hover{color:#fff;background-color:#446084;border-color:#446084;}
/*Chat Face*/
.dnface__chatlive{background:#F0F3EF;position:fixed;right:89px;bottom:0;z-index:99;overflow:hidden;width:270px;color:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.dnface__chatlive .h__header{text-transform:uppercase;font-size:14px;color:#ffffff;margin:0;background-color:#00b5f0;cursor:pointer;border-style:solid;border-width:1px 1px 0 1px;border-color:#ffffff;border:0;font-weight:700;}
.dnface__chatlive .h__header:after{content:"\f0d7";font-family:'Font Awesome 5 Free';right:10px;top:8px;position:absolute;font-size:18px;}
.dnface__chatlive i{padding:11px 15px 11px 15px;color:#ffffff;margin-right:0;font-size:18px;}
.dnface__chatlive .dnface__box{display:none;border-style:solid;border-width:1px 1px 0 1px;border-color:#00b5f0;}
/*Social*/
.social__box{/* margin:40px 0 15px; */}
.social__box.s1 a{color:#c82d73}
.social__box.s1 a:hover{color:#c82d73}
.social__box.s2 a{color:#c82d73}
.social__box.s2 a:hover{color:#c82d73}
.social__box.social--inline a{font-size:26px;display:inline-block;margin-right:10px;}
.social__box.social--inline a:hover{}
.social__box.social--circle{margin:0 -9px 25px;}
.social__box.social--circle a{}
.social__box a{display:inline-block;width:28px;height:28px;font-size:22px;border-radius:100%;text-align:center;line-height:28px;margin:0 9px 0 0;}
.social__box a.fb{background:#3b5998}
.social__box a.tw{background:#55acee}
.social__box a.go{background:#dc4e41}
.social__box a.sk{background:#1b92d1}
/*
======================================
[ Editor Style ]
======================================
*/
.entry-content .aligncenter{display:block;margin-left:auto;margin-right:auto;}
.entry-content img,.entry-content iframe,.entry-content figure.wp-caption{max-width:100%;height:auto}
.header__social-ft {text-align: left;}
.header__social-ft a {font-size: 14px;}
.slider__brand a {border: 1px solid #e1e1e1;}
.text__truncate{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-webkit-inline-box;}
.text__truncate--1{-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.text__truncate--2{-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text__truncate--3{-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.text__truncate--4{-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.archive__item .detail-sp {padding: 10px; border: 1px solid #e1e1e1; background: #e9f4ff;}
p.price {font-weight: bold;}
p.price span {color: red;}
.col-ft:not(:last-child) {margin-bottom: 30px;}
a.img {display: block; position: relative; overflow: hidden;}
a.img.hinhanh {width: 100%; height: 250px;}
.detail-hinhanh {position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: auto;background: linear-gradient(rgba(255, 255, 255, .2), rgba(0, 0, 0, .6), rgba(0, 0, 0, 1)); padding: 10px;}
.detail-hinhanh h6 {color: white; font-size: 22px; line-height: 30px;}
.m-title h6 span {font: bold 22px/30px 'Roboto'; text-transform: uppercase;}
.detail-ft a {padding-left: 5px; font-style: italic; color: #999; font-size: 13px;}
ul.menu-ft {list-style-type: none; padding: 0; columns: 2 100px;}
ul.menu-ft li a {padding-left: 10px; position: relative;}
ul.menu-ft li a:before {position: absolute; content: '\f0da'; font-family: 'FontAwesome'; left: 0;}
ul.menu-ft ul.sub-menu {display: none;}
ul.sphome li:not(:last-child) {margin-bottom: 30px;}
ul.sphome li a.img {width: 100%;height: 200px; border: 1px solid #e1e1e1; border-bottom: 0;}
ul.sphome li a.img img {width: 100%; height: 100%;}
ul.sphome li .detail-sphome {padding: 5px; border: 1px solid #e1e1e1; background: #e9f4ff;}
.detail-dichvu, .detail-dichvu2, .item__lvhd .dnfix__thumb:before {transition:all .45s ease-in-out;-webkit-transition:all .45s ease-in-out;-moz-transition:all .45s ease-in-out;-o-transition:all .45s ease-in-out;}
.detail-dichvu {position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 10px 10px 0 10px; text-align: center; background: rgba(1, 68, 142, .7); opacity: 1; visibility: visible;}
.detail-dichvu h6, .detail-dichvu2 h6 {font-weight: bold; font-size: 20px; color: white; line-height: 25px;}
.detail-dichvu2 {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;padding: 25% 15px;text-align: center;background: rgba(1, 68, 142, .7);z-index: 999;transform: scale(0);opacity: 0;visibility: hidden;}
.detail-dichvu2 h6 {padding-bottom: 15px; border-bottom: 1px solid white;}
.detail-dichvu2 p {color: white; font-size: 18px; font-weight: bold;}
.item__lvhd .dnfix__thumb:hover .detail-dichvu {opacity: 0; visibility: hidden; padding: 0;}
.item__lvhd .dnfix__thumb:hover .detail-dichvu2 {opacity: 1; visibility: visible; transform: scale(1);}
.item__lvhd .dnfix__thumb:before {position: absolute;content: '';width: calc(100% - 20px);height: calc(100% - 20px);left: 10px;top: 10px;border: 2px solid white;border-radius: 5px;opacity: 0;visibility: hidden;z-index: 99;transform: scale(1.1);}
.item__lvhd .dnfix__thumb:hover:before {opacity: 1; visibility: visible; transform: scale(1);}
.contact-form h6 {font-size: 20px; margin-bottom: 30px; text-transform: uppercase;}
.header__right p {font-weight: bold; font-size: 16px;}
.header__right p i {color: #7d0909;}
.header__right p a {color: #555;}
.tab-sp ul.nav-tabs {margin-bottom: 15px;}
.tab-sp ul.nav-tabs li a.active, .tab-sp ul.nav-tabs li.active a:hover, .tab-sp ul.nav-tabs li.active a:focus, .tab-sp ul.nav-tabs li a:hover, .tab-sp ul.nav-tabs li a:focus {color: white;background: #01448e;border: 0;}
.tab-sp ul.nav-tabs li a {color: #fff;padding: 5px 30px;margin: 0;border: 0;font: bold 14px/25px 'Roboto';text-transform: uppercase;background: #59a8ff;border-radius: 0;}
/*
======================================
[ modal ]
======================================
*/
.modal-popup .modal-content{border-radius:0px;border:7px solid #E6E6E6}
.modal-popup .modal-body{padding:0}
.form-modal{padding:20px;background:#f5f5f5}
.modal-popup .info-modal i.fa.fa-arrow-circle-right{position:absolute;font-size:44px;color:#c2162b;background:#FFFFFF;border-radius:50%;height:38px;width:37px;text-align:center;line-height:37px;right:-20px;z-index:5555;top:50%}
.modal-popup .close{opacity:1}
.modal-popup i.fa.fa-times{height:30px;width:30px;background:#D0CFCF;line-height:30px;border-radius:50%;color:#000;opacity:1;position:absolute;right:1px;top:1px;z-index:999}
.form-modal input,.form-modal select,.form-modal textarea{width:100%;padding:10px 10px;border:1px solid #ebebeb;background:#fff;margin-bottom:10px;-webkit-appearance:none;border-radius:0}
.form-modal input[type=submit]{background:#c2162b;border:0px;padding:10px 15px;text-transform:uppercase;font-size:15px;display:block;color:#fff;margin:0 auto}
.form-modal input[type=checkbox]{width:auto}
.modal{text-align:center;padding:0!important}
.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle}
@media only screen and (min-width:992px){
.modal-popup .modal-dialog{width:600px}
}
/*
======================================
[ Effect ]
======================================
*/
/* Shine */
ul.style {list-style-type: none; padding: 0;}
a.img {position: relative; display: block; overflow: hidden;}
a.img img {width: 100%; height: 100%; object-fit: cover;}
.m-shine a.img::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,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.m-shine a.img:hover::before { -webkit-animation: shine 2.35s; animation: shine 2.35s;}
@-webkit-keyframes shine {
100% {left: 125%;}
}
@keyframes shine {
100% {left: 125%;}
}
/*Zoomin*/
.m-zoomin a.img img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.m-zoomin a.img:hover img {-webkit-transform: scale(1.3);transform: scale(1.3);}
.dn__ef--border::before{border-top:1px solid white;border-bottom:1px solid white;transform:scale3d(0,1,1)}
.dn__ef--border::after{border-left:1px solid white;border-right:1px solid white;transform:scale3d(1,0,1)}
.dn__ef--border::before,.dn__ef--border::after{box-sizing:border-box;content:'';position:absolute;top:10px;left:10px;height:calc(100% - 20px);width:calc(100% - 20px);transform-origin:center}
/*.dn__effect--border:hover::before,.dn__effect--border:hover::after{transform:scale3d(1,1,1);transition:transform 0.5s}
*/
.ef__shine .item__thumb{position:relative;display:block;overflow:hidden}
.ef__shine .item__thumb::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,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.ef__shine:hover .item__thumb::before{-webkit-animation:shine 1s;animation:shine 1s}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.ef__zoomin .item__thumb img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.ef__zoomin .item__thumb:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}
.ef__flashing:hover .item__thumb img{opacity:1;-webkit-animation:flash 3s;animation:flash 3s}
@-webkit-keyframes flash{
0%{opacity:.5}
100%{opacity:1}
}
@keyframes flash{
0%{opacity:.5}
100%{opacity:1}
}
@-webkit-keyframes bounceIn_custom{
0%{-webkit-transform:scale(1)}
25%{-webkit-transform:scale(.8)}
50%{-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn_custom{
0%{-moz-transform:scale(1)}
25%{-moz-transform:scale(.8)}
50%{-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}
@-o-keyframes bounceIn_custom{
0%{-o-transform:scale(1)}
25%{-o-transform:scale(.8)}
50%{-o-transform:scale(1.05)}
70%{-o-transform:scale(.9)}
100%{-o-transform:scale(1)}
}
@keyframes bounceIn_custom{
0%{transform:scale(1)}
25%{transform:scale(.8)}
50%{transform:scale(1.05)}
70%{transform:scale(.9)}
100%{transform:scale(1)}
}
.ef__img--grayscale .item__thumb{filter:url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray; /* IE6-9 */-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */transition:all 1s;}
.ef__img--grayscale:hover .item__thumb{filter:url("data:image/svg+xml;utf8,#grayscale");filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:none; /* IE6-9 */zoom:1;-webkit-filter:grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
/*
======================================
[ Bootstraps Custom ]
======================================
*/
.container-full{width:100%;padding-right:7.5px;padding-left:7.5px;margin-right:auto;margin-left:auto;}
.flex-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;}
.btn,.notice{border-radius:0}
.mb-30{margin-bottom:30px;}
@media (min-width:992px){
}
@media (max-width:575.98px){
.dn-sm-none{display:none;}
}
/* fix col */
.row.no-guttersz{margin-right:-7.5px;margin-left:-7.5px}
.row.no-guttersz > [class^="col-"],.row.no-guttersz > [class*=" col-"]{padding-right:7.5px;padding-left:7.5px}
/*
======================================
[ Reponsive ]
======================================
*/
/*Large devices (desktops, less than 1200px)*/
@media (max-width:1199.98px){
.footer__nav ul.dn__menu>li>a{padding:5px 10px;}
.main__nav ul.dn__menu>li{padding:0 10px;}
.hoso {padding: 0;}
.hoso a {padding: 10px;}
}
/*Medium devices (tablets, less than 992px)*/
@media (max-width:991.98px){
a.menu__mobile{display:flex;}
.dnface__chatlive{right:15px;}
.logo{margin-bottom:15px;}
.h__header.s2{padding:30px 0 30px;}
.header__right .large{font-size:16px;}
.service .sc__wrap{padding-top:0;padding-bottom:30px;}
.header{background:#fff;}
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width:767.98px){
.header__brand{padding:15px 0 0;margin-bottom:15px; justify-content: center;}
.dn__slider.slick-slider .slick__arrow{display:none!important;}
.dn__slider .slider__item .item__meta{bottom:10px;left:0;}
.project .project__item.s1 .dnfix__thumb{height:100%;padding-top:68.075%;}
}
/*Extra small devices (portrait phones, less than 576px)
*/
@media (max-width:575.98px){
.logo img{max-height:100px}
.header__slogan span{padding:5px 5px;font-weight:400;}
.item__new .item__thumb{width:100%;}
.s1.item__service--large .item__meta{position:relative;bottom:0;left:0;margin-bottom:15px;}
.slider__nav{display:none;}
}
@media (max-width:320px){
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width:576px){
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width:769px){
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width:768px) and (max-width:1023px){
}
/*Large devices (desktops, 992px and up)*/
@media (min-width:992px){
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width:1200px){
.container{max-width:1200px;}
}