@import url("https://fonts.googleapis.com/css2?family=Francois+One&display=swap");
@media only screen and (max-width: 600px) {
.txtdeepshadow {
text-align: center;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-size: 34xp;
height: auto!important;
padding-top: 5px;
color: #e0dfdc; 
letter-spacing: .1em;
text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
}
.wp_dutoan{
padding:15px!important;
}
}
.entry-content {
text-align: justify;
padding-top: 0px;
font-size: 16px;
}
.txtdeepshadow {
text-align: center;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-size: 50px;
height: 50px;
padding-top: 10px;
color: #e0dfdc; 
letter-spacing: .1em;
text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
}  #info-left {
width: 49%;
float: left;
margin-right:2%;
}
#info-right {
width: 49%;
float: right;
}
.form-contact-twocol:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
margin-bottom:10px;
}
.form-contact-twocol {
display:block;
} .wpcf7 p{ position: relative; }
#icon-form{
position: absolute;
color: #666666;
z-index: 100;
font-size: 18px;
top: 8px;
right: 10px;
} input[type='submit']:not(.is-form){
width:100%;
}
.wp_dutoan{
padding:50px;
} div.hotline.hotline1, div.hotline.hotline2 {
color: #eb0606;
border-radius: 15px;
background: #fff;   
width: 250px;
height: 28px;
line-height: 28px;
text-align: center;
margin: 8px 10px 8px 0;
float: left;
font-size:16px;
font-weight:600;
}
div.hotline.dk{
color: #fff;
border-radius: 15px;
background: #eb0606;   
width: 250px;
height: 28px;
line-height: 28px;
text-align: center;
margin: 8px 10px 8px 0;
float: left;
font-size:16px;
font-weight:600;
}
h5.post-title.is-large {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
p.from_the_blog_excerpt {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.dark .section-title-normal span, .dark .section-title-normal {
border-color: rgba(255,255,255,0.2);
color: #c52128;
font-weight: 600;
}
.is-divider {   
background-color: rgb(244 170 31);     
}
.title-style-basic .section-title-main {
border-bottom: 2px solid rgb(244 170 31)!important;
padding-bottom: 6px;
}
.widget-title {
color: #fff;
background: var(--primary-color);
padding: 12px 10px;
display: block;
margin: 0 0 10px;
border-radius: 3px;
}
h2.section-title.section-title-center, h3.h2.section-title.section-title-center{
margin: 0;
border: 0;
background: url(https://bepinoxvietnam.vn/wp-content/themes/flatsome-child/image/ttmain.png) no-repeat center bottom;
text-transform: uppercase;
color: #000;
font-weight: 600;
font-size: 24px;
position: relative;
text-align: center;
padding-bottom: 25px;
justify-content: center;
line-height: normal;
}
.box .box-image div:before {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 100% 0;
stransform-origin: 100% 0;
}
.section-title b{
display:none;
}
p.post-title.is-large {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-weight: 600!important;
font-size: 18px;
}
.section-title-container {
margin-bottom: 5px;
}
.infott {
background-color: #e2f3ff;
border: 2px dashed #f69d2b;
padding: 15px;
border-radius: 5px;
margin-bottom: 10px;
font-size: 16px;
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#0272bc}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#fbae3c}
.nav-dropdown-default>li>a{}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px; text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.active>ul.sub-menu { }
.titleh{
color:#0fb300;font-size:35px;margin-left:20px;font-weight:600;font-family: 'Francois One'
}
.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable{
border: 5px dashed #f69220;
}
.wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.even td.wpdt-cell, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.odd td.wpdt-cell, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.even td.wpdt-cell, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.odd td.wpdt-cell, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th{
border: 3px dashed #f69220;
}
.wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th {
cursor: default;
background-color: #0fb300!important;
white-space: normal;
font-weight: 400;
background-image: none!important;
box-shadow: none;
text-shadow: none;
color: #fff;
}
.dia-chi-section .large-4 .col-inner {
background: #f9ffee;
border: 1px dashed #67ca10;
border-radius: 10px;
padding: 10px;
}
.dia-chi-section .large-4 h3 {
margin-bottom: 2px;
color: #1a78b6;
}
.dia-chi-section .large-4 ul {
margin-bottom: 10px !important;
}
.dia-chi-section .large-4 ul li {
background-image: url(https://muaphelieutp.com/wp-content/uploads/2020/05/icon-check.png);
color: #444444;
background-repeat: no-repeat;
background-size: 22px;
background-position-y: 2px;
list-style: none;
padding-left: 25px;
margin-left: 0;
font-size: 17px;
margin-bottom: 3px;
border-bottom: 1px dashed #cacaca;
padding-bottom: 5px;
}
img.size-full.alignnone {
margin-bottom: 0em;
}
.effect-confetti {
background-image: url(http://phelieutienphong.com/wp-content/uploads/2021/12/confetti1.png)!important,url(http://phelieutienphong.com/wp-content/uploads/2021/12/confetti2.png)!important;
animation: confetti 10s linear infinite;
} .procedure .cont .wrap-procedure { }
.procedure .cont .list-procedure { display: grid; grid-template-columns: calc(100% / 6) calc(100% / 6) calc(100% / 6) calc(100% / 6) calc(100% / 6) calc(100% / 6); background: url(https://toky.vn/Content/html/images/doted.png) no-repeat; background-size: 100%; background-position-y: 23px; margin-top: 43px; }
.procedure .cont { padding: 46px 95px 75px; }
.list-procedure .item { margin: 0 auto; display: grid; }
.list-procedure .item ._img { height: 205px; text-align: center; display: flex; align-items: center; justify-content: center; width: 129px; margin: 0 auto; overflow: hidden; }
.list-procedure .item ._img img { width: 100%; min-height: 100%; object-fit: contain; }
.list-procedure .item ._img img:hover { transform: inherit; }
.list-proceduce .item .txt { font-size: 18px; line-height: 25px; height: 50px; overflow: hidden; margin-top: 17px; text-align: center; color: black; }
.list-procedure .item .txt-number { text-align: center; font-size: 28px; width: 50px; height: 50px; margin: auto; background: #f89320; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; color: white; margin-bottom: 17px; }
.list-procedure .item:nth-child(2n) .txt-number { grid-row: 3/3; margin-bottom: 0; margin-top: 1px; }
.list-procedure .item .txt { text-align: center; font-size: 18px; margin-top: 17px; line-height: 25px; height: 50px;  }
.list-procedure .item:nth-child(2n) .txt { grid-row: 1/2; margin-top: 0; margin-bottom: 17px }
.completed-projects { background: url(https://toky.vn/Content/html/images/bg-daht.jpg) no-repeat; background-size: cover; background-attachment: fixed; }
.completed-projects .tit-h2 h2, .completed-projects .tit-h2 h2 a { color: white; margin-bottom: 10px; padding-bottom: 22px; }
.list-daht .item ._img { position: relative; height: 221px; overflow: hidden; border-radius: 5px; border: 1px solid white; }
.list-daht { display: grid; grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3); margin: 0 -8px; }
.list-daht .item ._img img { width: 100%; min-height: 100%; object-fit: cover }
.list-daht .item ._img .txt { color: white; position: absolute; top: 0; left: 0; z-index: 999; background: #00a85abf; width: 100%; height: 100%; text-align: center; align-items: center; margin: 0 auto; justify-content: center; display: flex; opacity: 0; transition: 0.5s; padding: 0 40px; }
.list-daht .item ._img:hover .txt { opacity: 1; }
.list-daht .item ._img .txt p { font-size: 18px; margin-bottom: 22px;  font-weight: 300; }
.list-daht .item ._img .txt a { font-size: 14px; text-transform: uppercase; color: black; background: white; padding: 4.5px 17px; font-weight: 700; border-radius: 34px; transition: all 0.5s linear; display: inline-flex; }
.list-daht .item ._img .txt a:hover { background: #00a85a; color: white; }
.list-daht .item { padding: 8px; }
.completed-projects .cont { padding: 60px 0 55px 0; } @media (max-width: 767px){
.procedure .cont .list-procedure {
margin-top: 15px;
grid-template-columns: 50% 50%;
}
.list-procedure .item .txt {
font-size: 14px;
}
.procedure .cont {
padding: 15px;
}
}
@media (max-width: 991px){
.list-procedure .item {
padding-bottom: 30px;
}
.list-procedure .item:nth-child(2n) .txt {
grid-row: initial;
margin-bottom: 0px;
margin-top: 17px;
}
.list-procedure .item:nth-child(2n) .txt-number {
grid-row: initial;
margin-bottom: 8px;
}
.procedure .cont .list-procedure {
background: none;
}
}
@media (max-width: 1200px){
.list-procedure .item .txt-number {
font-size: 20px;
width: 40px;
height: 40px;
margin-bottom: 8px;
}
.list-procedure .item ._img {
width: 90px;
height: 90px;
}
} .gd_support_8 { background: url(http://phelieutienphong.com/wp-content/uploads/2022/01/bg-support08.png) top center no-repeat, #f3f3f3; padding-top: 135px}
.gd_support_8 .info .name { text-align: center; line-height: 25px; font-weight:bold;font-size: 14px; }
.gd_support_8 .info .name span { display: inline-block; padding: 0 10px; background: #f3f3f3; color: #000000; font-size: 16px; font-weight: 600; line-height: 25px; }
.gd_support_8 .hotline { width: 80%; margin: 0 auto;background: url(http://phelieutienphong.com/wp-content/uploads/2022/01/icon-tel2.png) 3px center no-repeat #af0b0b; border-radius: 20px; margin-bottom: -20px; padding-left: 42px; position: relative;  z-index: 1;}
.gd_support_8 .email { line-height: 23px;text-align: center;padding-top: 22px;    background: #af0b0b; }
.hotline {font-size: 20px; color: #fff; margin-left: -17px; }
.hotline a { color: #fff; }
.gd_support_8 .email p {color: #fff;font-weight: bold; font-size: 15px;}
li.ck{
background: url(https://thumuaphelieudaihai.com/img/bullet.png) no-repeat 0 1px;
margin-bottom: 12px;
margin-top: 8px;
padding-left: 20px;
list-style: none;
}
h3.section-title.section-title-bold{
background-image: url(http://phelieutienphong.com/wp-content/uploads/2022/01/bg_td-1.png); border-top-right-radius: 50px;
font-size: 14px;
padding-right: 30px;
padding-left: 50px;
margin-bottom: -1px;
border: none;
color:#fff;
}
.section-title-normal span {
margin-right: 15px;
padding-bottom: 7.5px;
}
.section-title-bold-center span, .section-title-bold span {
border: 2px solid #0fb300;
padding: 0.3em 0.8em;
} .commitment-sales > .item {
border: 1px solid #cecece;
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
overflow: hidden;
}
.commitment-sales > .item:last-child > p {
text-transform: uppercase;
color: #013781;
border: none;
margin: 0;
padding-bottom: 5px;
font-weight: bold;
font-size: 18px;
}
.commitment-sales .item ul:last-child {
margin-bottom: 0;
}
.commitment-sales .item:last-child ul li {
padding-left: 28px;
}
.commitment-sales .item ul li {
position: relative;
font-size: 14px;
padding-bottom: 7px;
border-bottom: 1px solid #eaeaea;
line-height: 24px;
padding-top: 7px;
list-style:none;
}
.commitment-sales .item ul li {
position: relative;
font-size: 13px;
padding-bottom: 7px;
border-bottom: 1px solid #eaeaea;
line-height: 24px;
padding-top: 7px;
list-style:none;
}
.commitment-sales .item:last-child ul li:before {
content: '';
background: url(https://toky.vn/Content/html/images/chuantiendo.png) no-repeat;
position: absolute;
width: 19px;
height: 19px;
top: 5px;
left: 0;
z-index: 99;
}
.commitment-sales .item:last-child ul li:nth-child(2):before {
background: url(https://toky.vn/Content/html/images/tietkiemchiphi.png) no-repeat;
}
.commitment-sales .item:last-child ul li:nth-child(3):before {
background: url(https://toky.vn/Content/html/images/chedobaohanh.png) no-repeat;
}
.commitment-sales .item:last-child ul li:nth-child(4):before {
background: url(https://toky.vn/Content/html/images/phukienchatluong.png) no-repeat;
}
.commitment-sales .item:last-child ul li:nth-child(5):before {
background: url(https://toky.vn/Content/html/images/congnghehiendai.png) no-repeat;
}
.commitment-sales .item:last-child ul li:nth-child(6):before {
background: url(https://toky.vn/Content/html/images/thicongchuyennghiep.png) no-repeat;
}
.titlespnb{
text-transform: uppercase;
color: #013781;
border: none;
margin: 0;
padding-bottom: 5px;
font-weight: bold;
font-size: 16px!important;
}
.single-features{font-weight:100;color:#6a6a6a;text-align:center;cursor:pointer}
.features-icon{background:#fff none repeat scroll 0 0;border:1px solid #dbdcdd;border-radius:50%;display:inline-block;height:100px;line-height:100px;margin-bottom:30px;width:100px;position:relative;overflow:hidden;-webkit-transition:.4s;transition:.4s}
.single-features:hover .features-icon{border-color:#ffbd00}
.features-icon:before{width:90%;height:90%;background:#ffbd00;left:5%;top:5%;content:"";position:absolute;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.4s;transition:.4s;border-radius:50%}
.single-features:hover .features-icon:before{-webkit-transform:scale(1);transform:scale(1)}
.ficon3{-webkit-transition:.4s;transition:.4s}
.single-features:hover .ficon3{opacity:0}
.ficonh{position:absolute;width:100%;height:100%;text-align:center;left:0;top:0;opacity:0;-webkit-transition:.4s;transition:.4s}
.single-features:hover .ficonh{opacity:1}
.single-features h4{color:#343434;margin-bottom:15px;padding-bottom:15px;position:relative;text-transform:uppercase;font-weight:700}
.single-features h4::before{background:#343434 none repeat scroll 0 0;bottom:0;content:"";height:2px;left:50%;margin-left:-35px;position:absolute;width:70px}