/*
Theme Name: rubicgroup
Description: Dự án được phát triển bởi rubicgroup
Theme URI: http://rubicgroup.com
Author: admin@rubicgroup.com
Author URI: http://rubicgroup.com
Version: 2020
Text Domain: rubicgroup.com*/

@font-face { font-family: 'icofont';  src: url('fonts/icofont.woff'); }
@font-face{font-family:'SVN-Gilroy-Black';src:url('fonts/SVN-Gilroy-Black.otf'); }
@font-face{font-family:'SVN-Gilroy-Bold';src:url('fonts/SVN-Gilroy-Bold.otf');  }
@font-face{font-family:'SVN-Gilroy-Heavy';src:url('fonts/SVN-Gilroy-Heavy.otf'); }  
@font-face{font-family:'SVN-Gilroy-Light';src:url('fonts/SVN-Gilroy-Light.otf'); }  
@font-face{font-family:'SVN-Gilroy-Medium';src:url('fonts/SVN-Gilroy-Medium.otf'); }
@font-face{font-family:'SVN-Gilroy-Regular';src:url('fonts/SVN-Gilroy-Regular.otf');  }
@font-face{font-family:'SVN-Gilroy-SemiBold';src:url('fonts/SVN-Gilroy-SemiBold.otf'); }  
@font-face{font-family:'SVN-Gilroy-Thin';src:url('fonts/SVN-Gilroy-Thin.otf'); }  
@font-face{font-family:'SVN-Gilroy-XBold';src:url('fonts/SVN-Gilroy-XBold.otf'); }
@font-face{font-family:'SVN-Gilroy-Xlight';src:url('fonts/SVN-Gilroy-Xlight.otf');  } 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;}
strong{font-weight:700;}
b{font-weight:bold;}
ul, ol{list-style:none;}
ul.newer,ul.older{list-style:inside none circle;margin-left:5px;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;    width: 100% !important;}

html, body{color:#111;font-family:'SVN-Gilroy-Regular',Open Sans, sans-serif;  position:relative ;background: #fff; }
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1200px;
} }
a{color:#333;text-decoration:none;}
a:hover, a:active, a:focus{color:#333;text-decoration:none;}
a, *{outline:none !important;}
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}
hr{border-top:1px solid #e5e6e7;}
p{line-height:1.6em;}
input, select, textarea{border:1px solid #e5e6e7;}
table td{border:1px solid #ddd;padding:5px;box-sizing:border-box;}
img {max-width: 100%; height: auto;}
.img_full{width: 100%; height: auto;}
.title_home {position: relative;
font-size: 1.5rem;
line-height: 2rem; 
text-transform: uppercase;
text-align: center;
margin-bottom: 2rem;
color: #2B3487;font-family: 'SVN-Gilroy-SemiBold';}  
.padding_left { padding-left:0;}
.padding_right {  padding-right:0}
.nopadding{padding-left:0; padding-right:0}
.display_apad {display:none}
.margin_top {margin-top:20px}
.wrap{clear:both;}
.display_none{display:none !important}
.notice {  margin-top: 0px!important; width: 100%;}
.page_link{color:#333}
.img_zoom{-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.img_zoom:hover{ -webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

/*Effect*/
.effect_scale3d{position:relative;overflow:hidden;display:block;}
.effect_scale3d:after{position:absolute;top:0;left:0;width:160%;height:100%;background:rgba(255,255,255,.2);content:'';z-index:1;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-moz-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-o-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.effect_scale3d:hover:after{-webkit-transition:transform .7s ease 0s;-moz-transition:transform .7s ease 0s;-o-transition:transform .7s ease 0s;transition:transform .7s ease 0s;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-moz-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-o-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);}


::placeholder{color:#999;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
::-ms-input-placeholder{color:#999;}
/*Head*/  
.box_headtop{padding:0.5rem 0}  
.btn_icontimkiem{margin-top: 1.5em;display: block;}
#frmtimkiem{top: 30%;}
#frmtimkiem .icon_close{position: absolute; 
background-color: #292929;
width: 2rem;
height: 2rem;
border-radius: 50%;
top: -1rem;
color: #fff;
right: -1rem;
display: block;
cursor: pointer;}

.head_ngonngu{ margin-top: 1.4em;text-align: center;padding: 0;}
.box_ngonngu { display: inline-block;}
.box_ngonngu ul li {display: inline-block; }
.box_ngonngu ul li a img{width: 30px !important; height: auto !important; } 

/*Poup form*/ 
.popup_overlaytimkiem:before{left:0;top:0;content:"";width:100%;height:100%;z-index:0;background-color:#0000008a;position:fixed}
.popup_overlaytimkiem{    visibility: hidden;
width: 100%;
margin: 0 auto;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 101;
-webkit-overflow-scrolling:touch;
outline: 0;
padding-top: 3rem;}
.popup_overlaytimkiem.active{visibility:visible;text-align:center}
.popup-overlay_child{float:none;padding:0;border-radius:.2em;margin:0 auto;background-color:#fff}
.closeaaa{top:-10px;position:absolute;right:-10px;height:30px;width:30px; 
line-height: 24px; 
background-color: #fff;
border-radius: 50%;
color: #4c4c4c;
border: none; z-index:1;
display: inline-flex; 
padding-left: 0.7rem;}  

/*Menu main*/
.navfixed {position:fixed; width:100%; top:0; z-index:1;background-color:#000}
.boxmenu_main {    background-color: #2B3487;}
.menu_main {position: relative; }
.menu_main li {    display: inline-block;
position: relative;
float: left;
padding: 1.58em 0;}
.menu_main > li > a {    position: relative;
display: block;
white-space: nowrap;
color: #2B3487;
text-transform: uppercase;
font-size: 14px;
padding: 0 1.5rem;
z-index: 1;
border-right: 0.01em solid #2B3487;
font-weight: 600;}

.menu_main > li > a:before {content: "";
width: 1px;
height: 100%; 
position: absolute;
left: 50%;
right: 50%;
top: 0;
opacity: 0;  z-index:-1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease; }

.menu_main > .current-menu-item > a ,.menu_main > li:hover > a:before{ opacity: 1;  width: 100%;  left: 0; right: 0;color: #f0a11e; }
.menu_main > li > a:hover {color:#f0a11e}
/*Cấp 1*/
.menu_main > li > .sub-menu {
background: #fff;
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.3);
border-radius: 0 0 4px 4px;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 999;
min-width: 250px;
padding: 0;
top: 100%;
left: 0;
margin: 0 auto;
border-bottom: 2px solid #345fb0;
}

.menu_main > li > .sub-menu li{ width: 100%;padding:0;border-bottom: 1px dashed #ccc;position:relative}

.menu_main > li > .sub-menu li:nth-last-child(1) {
border-bottom: 0px;
}
.menu_main > li > .sub-menu li a {
color: #2B3487;
text-transform: none;
display: block;
font-weight: 600;padding:10px;
font-size: 13px;    text-align: left;}
.menu_main > li:hover .sub-menu { visibility:visible;opacity:1}


.menu_main .current-menu-item  ul li  a { background: #fff}

.menu_main li ul .current-menu-item  a ,.menu_main li ul li a:hover{color:#f0a11e; background:#e0e0e0;border-bottom:0px}


/*menu cap 2*/
.menu_main > li > .sub-menu > li > .sub-menu { background: #fff;
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.3);
border-radius: 0 0 4px 4px;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 999;
width: 250px;
padding: 0;
left: 100%;
top: 0%;
margin: 0 auto; }
.menu_main > li > .sub-menu > li > .sub-menu > li{ width: 100%; position:relative ;}
.menu_main > li > .sub-menu > li:hover .sub-menu { visibility:visible;opacity:1}
/*Menu fixed*/
#ja-topbar{background:#ed1c24;padding:10px 0;color:#fff;}
.topbar{position:relative;width:1170px;margin:0 auto;}
.topbar-icon{cursor:pointer;}
.topbar-icon::before{position:absolute;content:"";border-top:2px solid #fff;border-right:2px solid #fff;width:10px;height:10px;right:20px;top:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#ja-mainnav{background:#ffdd00;width:100%;float:left;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;}
.is-show{z-index:2;position:fixed;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;}
.fixed{position:sticky;top:0;left:0;z-index:3;display:block !important;transition:all .5s;-webkit-transition:all .5s;}

/*Box search*/
.box_search {float:right; padding-right:0; padding-left:0}
.ja-search {margin-top:0.4em }
.modal-dialog{margin:1.5rem auto}
.ja-search form {display:block;    position: relative;  }
.ja-search form input[type="text"]{    width: 100%;
height: 35px;
border: none;
font-size: 14px;
padding: 0 45px 0 10px;
box-sizing: border-box;
color: #999;
border-top-right-radius: 18px;
border-bottom-right-radius: 18px;
border: 1px solid #ddd;}
.ja-search form input:focus{color:#333;}
.ja-search form button{    width: 40px;
height: 35px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
border: none;
background: #9E9E9E;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
cursor: pointer;
color: #fff;}
/*Banner*/
.owl-banner .owl-item{-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;}
.owl-banner .owl-item img{/*filter: brightness(55%);*/}
.owl-banner .active .zoom_in {
animation: zoom_in 30s linear infinite
}

@keyframes zoom_in {
0% {
transform: scale(1)
}

50% {
transform: scale(1.5)
}

100% {
transform: scale(2)
}
}



.owl-banner {
position: relative
}

.owl-banner .text_group {
position: absolute;
z-index: 99;
left: 0;
top: 50%;
transform: translate(0,-50%);
pointer-events: none;
width: 100%
}

.banner_text_group {
width: 50%
}

.owl-banner img {
filter: brightness(55%)
}

.banner_text_group .g_line_1 {font-family: 'SVN-Gilroy-SemiBold';
color: #fff;
font-size: 40px;
line-height: 40px;
margin: 15px 0; 
text-shadow: 2px 2px rgba(0,0,0,.07)
}

.banner_text_group .g_line_2 {
color: #fff;
font-size: 16px;font-family: 'SVN-Gilroy-Light';
}

.g_button_group {
display: flex;
font-size: 16px;
margin-top: 15px
}

.g_button_group .g_btn a {
display: block;
padding: 10px 25px;
pointer-events: all;
border-radius: 4px;margin-right: 15px
}

.g_button_group .g_btn:nth-child(1) a {
background: #f0a11e;
color: #fff
}

.g_button_group .g_btn a:hover {
background: #2B3487 !important;
color: #fff !important
}

.g_button_group .g_btn:nth-child(2) a {
background: #fff;
color: #333;

}

.g_button_group .g_btn:nth-child(3) a {
background: #f0a11e;
color: #fff
}

/*Giới thiệu*/
.box_gioithieu { margin-top:3rem;margin-bottom:3rem;}
.title_homegioithieu{font-size: 1em;}  

.noidung_homegioithieuchild{background-color: #e9e9e9;box-shadow: 3px 10px 20px 0 rgb(0 0 0 / 6%);
transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;padding: 1.5rem 2rem;    height:100%;}
.noidung_homegioithieuchild h3{color: #2B3487;font-family: SVN-Gilroy-SemiBold;font-size: 1.7em;padding: 0.5em 0;}
.noidung_homegioithieuchild h4{color: #2B3487;
font-family: 'SVN-Gilroy-SemiBold';
padding:0.7em 0;
display: block; }
.noidung_homegioithieuchild p { font-size: 0.9rem;font-family: SVN-Gilroy-Light;}
.noidung_homegioithieuchild ul li{ color: #2B3487;   font-size: 0.85em;
line-height: 2em;
position: relative; }
.noidung_homegioithieuchild ul li:before{     content: "\eed6";
font-size: 0.7rem;
font-family: IcoFont!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
background-color: #f0a11e;
border-radius: 50%;
color: #fff;
margin-right: 0.5em;} 
/*Home sản phẩm*/ 

.box_sanphamtieubieu{background-color: #2B3487;}
.box_sanphamtieubieuchild{    background: url(images/bg_sanpham.png) no-repeat;
position: relative;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
padding: 4em 0 ;}
.box_sanphamtieubieu { text-align: center; margin-bottom: 3em;}
.box_tieudelinhvuc{ text-align: center;margin-bottom: 3em;}
.box_tieudelinhvuc h3{font-size: 2em; padding: 0.5em; color: #fff;font-family: 'SVN-Gilroy-SemiBold';}
.box_tieudelinhvuc h4{ color: #f0a11e; font-size: 0.8em;}
.box_tieudelinhvuc h5{ color: #fff; font-family: 'SVN-Gilroy-Light';}
.box_sanphamchild {      padding: 10px;
border: 0.01em solid #fff;
background-color: #3d4fa76b;
} 
.title_homespchild h3{    color: #fff;
font-size: 0.8em;
font-family: 'SVN-Gilroy-SemiBold';
text-align: center;
padding:1em 0 0.5em}
.img_homesanpham{position:relative;overflow:hidden;display:block}
/*Về chúng tôi*/ 
.vechungtoi{margin-top:-8em} 
.border_none{    border-left: none !important;}
.box_vechungtoichild{      text-align: center;
margin: 4em 0;
border-left: 0.01em solid #3333;}

.box_vechungtoi{padding: 0 1em  ; background-image: linear-gradient(1deg,#ffffff 0%,#e2e2e2 100%);}
.box_vechungtoichild h3{    color: #2B3487;
text-transform: uppercase;
font-family: 'SVN-Gilroy-SemiBold';
font-size: 1em;
padding: 1em 0 0;
line-height: 1.4em;}
.icon_vechungtoi{height: 8em;}
.solieu_vechungtoi{     font-size: 5em;
font-family: SVN-Gilroy-Bold;
color: rgba(255, 255, 255, 1);
text-shadow: 1px 1px 0px #2B3487, 1px -1px 0px #2B3487, -1px 1px 0px #2B3487, -1px -1px 0px #2B3487, 1px 0px 0px #2B3487, 0px 1px 0px #2B3487, -1px 0px 0px #2B3487, 0px -1px 0px #2B3487;
line-height: 1em;}
/*Tin tức*/  
.box_homepost {margin-bottom:1em;background-color:#fff; position: relative; 
-webkit-transition: all ease 500ms;
-o-transition: all ease 500ms;
transition: all ease 500ms;box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 50%);}
.box_homepost:hover{-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.1);box-shadow:0 10px 20px 0 rgba(0,0,0,.1);border-bottom-color:#000}
.box_homepostchild {position: relative; overflow:hidden}
.box_homepostchild img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.box_homepostchild:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.post-categories ,.post-categories li{display:inline-block}
.box_homepostcontent {padding:20px}
.box_thoigian {color: #727272;margin-right:0.5rem;font-size:0.9em}
.box_homepostcontent h3{  
font-size: 1rem;
line-height: 1.3em;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 41px;
display: -webkit-box;
-webkit-box-orient: vertical;}
.box_homepostcontent h3:hover{color:#2B3487}
/*Home đối tác khách hàng*/	
.box_doitackh{padding:4em 0}
.tieudekhachhang{    text-align: center;
color: #f0a11e;}
.tieudekhachhang1{    color: #2B3487;
text-align: center;
font-size: 2em;
font-family: 'SVN-Gilroy-SemiBold';
padding: 0.5em 0;
border-bottom: 0.01em solid #ccc;
margin-bottom: 1.5em;}
.img_khachhang{     height: 100px;
display: flex;
justify-content: center;
align-items: center;
padding: 1em 2em;
text-align: center;
position: relative;
overflow: hidden;}
.img_khachhang img {display: block;
width: 100%;
object-fit: cover;
}	
/*Form*/  
.icon_hotentv {
background: url(images/icon_hoten.png) no-repeat 2% 50%;
}
.icon_emailtv {
background: url(images/icon_email.png) no-repeat 2% 50%;
}
.icon_sdttv {
background: url(images/icon_sdt.png) no-repeat 2% 50%;
}
.icon_tieudetv {
background: url(images/icon_tieude.png) no-repeat 1% 50%;
}
.icon_noidungtv {
background: url(images/icon_noidung.png) no-repeat 1% 3%;
padding: 5px 10px 5px 35px ; border-radius: 3px;
} 
.icon_spin {
position: absolute;
color: #fff;animation: spinner-grow 1.5s linear infinite; top: 0.6rem;;
}
.dk_tuvan {text-align:right}
.dk_tuvan > input {display: inline-block;
text-decoration: none;
color: #fff;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
padding: 13px 36px 13px 40px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 3px;
-o-border-radius: 3px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out; 
}
.btn-success {    background: #2B3487;
border: 0;
padding: 0.5rem 2rem;border: 0.01rem solid #2B3487 }
.btn-success:hover,.btn-success:active,.btn-success:focus {background: #fff;color: #2B3487; border: 0.01rem solid #2B3487;
}


/*Home đăng ký tư vấn*/
.box_yeucautuvan{  background-color: #f3f3f3;}
.bg_formtuvanhome {background-repeat: no-repeat; background-size: cover;margin-top: -4rem; margin-bottom: -4rem;}
.modal_dktvan .modal-body {
flex: 0;
padding: 0;
}
.box_formtuvanhome {padding:2rem;color:#fff}
.modal_dktvan .icon_close {padding: 0;margin: 0;position: absolute;
color: #000;
z-index: 1;
right: -0.5rem;
background: #fff;
opacity: 1;
width: 2rem;
height: 2rem;
border-radius: 50%;
top: -0.5rem;}
.modal_dktvan .modal-content{border:none;}
.modal_dktvan .modal-body{flex: 0;padding: 0;}
.modal_dktvan .bg_formtuvanhome{margin:0;}
.box_formtuvanhome > p{ }
.box_formtuvanhome > p > strong {font-size:2rem;margin-bottom:1rem;display:block; }
.formtuvanhome {margin-top:2rem}
.modal-content {border: none;}
.form_tuvan .form-control {
background-color: transparent; 
padding: 5px 0 !important; 
color: #fff;
border: none;
border-bottom: 0.01rem solid #fff;
border-radius: 0;margin-bottom:1rem}
.form_tuvan .form-control::placeholder{color:#fff;}
.form_tuvan .form-control::-webkit-input-placeholder{color:#fff;}
.form_tuvan .form-control::-moz-placeholder{color:#fff;}
.form_tuvan .form-control::-ms-input-placeholder{color:#fff;}
.wpcf7-spinner { position: absolute;}

/*Footer*/ 
.box_footer {margin-top: 3em;position:relative; background-repeat: no-repeat;
background-size: 100%;
background-position: center;}
.box_footer:before{    position: absolute;
content: "";
width: 100%;
height: 100%; background-image:linear-gradient(183deg,#2b3487 0%,#2b3487e3 100%)}
.box_footerchild{padding:3em 0}	 
.tencongty_footer{    color: #fff;
font-size: 1.5em;
font-family: SVN-Gilroy-SemiBold; 
text-transform: uppercase;}
footer p,footer a{ color: #fff; }
.box_footerbottom{padding-top:2rem; }
.noidung_footer{color:#fff}  
.noidung_footer h3{    text-transform: uppercase;
position: relative;
color: #fff; 
font-size: 0.95em;
font-weight: 600;
margin-bottom: 1em; 
} 
.noidung_footer p {padding: 0.5em 0;font-size: 0.8rem;font-family: 'SVN-Gilroy-Light';} 
.noidung_footerchild{     border-left: 0.01em solid #ffffff82;
border-right: 0.01em solid #ffffff82;}
.copyright { padding: 1rem 0;
background: #393939;
color: #fff;
font-family: SVN-Gilroy-Light;}  
.copyright a{color: #fff;}
/*Phonering*/
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 6em;
    right: 0;
    z-index: 999999;
}

.hotline-phone-ring {
  position: relative;
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}

.hotline-phone-ring-circle {
  width: 110px;
  height: 110px;
  top: 0;
  left: 0;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #1564a7;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}

.hotline-phone-ring-circle-fill {
  width: 80px;
  height: 80px;
  top: 16px;
  left: 16px;
  position: absolute;
  background-color: rgba(21, 100, 167, 0.7);
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
  background-color: #2B3487;
  width: 50px;
  height: 50px;
  top: 31px;
  left: 31px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 33px;
	height: 33px;
}

.hotline-bar {
    position: absolute;
    background: #f0a11e;
    height: 45px;
    width: 165px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    border-radius: 50px !important;
    right: 42px;
    bottom: 31px; 
}

.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    text-indent: 5px;
    letter-spacing: 1px;
    display: block;
    line-height: 45px; 
    float: left;
}

.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}

@media (max-width: 768px) {
  .hotline-bar {
    display: none;
  }
}
/*Sosial*/
.social_list{margin-top:0.5rem}
.social_list li{float:left} 
.social_list li a{    display: block;
    width: 2.3em;
    height: 2.3em;
    margin-right: 1em;
    text-align: center;
    line-height: 2.3em;
    color: #fff;
    border-radius: 50%;
    margin-top: 0.7em;
} 
.social_list li a:hover{opacity:0.8}
.social_list li a i{font-size:1em}
.zalo{background-color:#18b6fd}
.whatsapp{background-color:#00e676}
.img_wechat{width: 4em;}
.viber{background-color:#7d3daf} 


.back-to-top { 
background-color: #9e9e9e;
color: #fff;
font-size: 30px;
border-radius: 50%;
line-height: 0.8em;
width: 1.3em;
height: 1.3em;
position: fixed;
bottom: 35px;
right: 10px;
display: none;
cursor: pointer;
text-align: center;
line-height: 1.3em;
}
.back-to-top i {
color: #fff;
font-size: 30px;
}
/*Scrollbar*/
::-webkit-scrollbar {width: 9px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #9E9E9E;border-radius: 10px;}