/*
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: 2026
Text Domain: rubicgroup.com*/

@font-face { font-family: 'Montserrat-Bold'; src: url("fonts/Montserrat-Bold.ttf"); }
@font-face { font-family: 'Montserrat-Light';  src: url("fonts/Montserrat-Light.ttf"); }
@font-face{font-family:"Montserrat-Regular";src:url("fonts/Montserrat-Regular.ttf"); }

@font-face{font-family:"dfkai-sb";src:url("fonts/dfkai-sb.ttf"); }
@font-face{font-family:"Oswald";src:url("fonts/Oswald-VariableFont_wght.ttf"); }

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;}
img {    max-width: 100%; height: auto;}
.img_full{width: 100%; height: auto;}
html, body{color:#111;font:400 15px/1.6 OpenSans,segoeui,roboto,sans-serif,Arial,tahoma,Verdana;   position:relative ;background: #fff; }
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;}
.btn-success { background-color: #084a96; border-color: #084a96;}
.btn-success:hover { background-color: #084a96; border-color: #084a96;}
.title_home { position: fixed; left: -500%; font-size: 1px;}
.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}

::placeholder{color:#999;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
::-ms-input-placeholder{color:#999;}
/*Head*/ 
.box_headtop { padding: 0.3em 0;background-color: #084a96;} 
.box_headbuttomchild{align-items:center;}
.box_diachi li{float:left;margin-right: 2em;color:#fff;padding: 0.4em 0;} 
 
.box_headbuttom {    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
position: relative; 
width: 100%;
z-index: 2;
padding: 0.5em 0;}
.box_headbuttom.navfixed { position: fixed; top: 0; width: 100%;z-index: 99;background:#fff}
.btnnhanbaogia { padding: 15px 20px; }
/*Menu main*/
.boxmenu_main {padding-right: 0;padding-left: 0;}
.menu_main { padding: 0;  position: relative;margin-top: 0.5em; }
.menu_main li {display: inline-block; position: relative;float:left}
.menu_main > li > a {position: relative;
display: block;
white-space: nowrap;
color: #000024;  
text-transform: uppercase;
font-size: 14px;padding: 1em 1.5em; font-weight:600}
.menu_main > li.current-menu-item > a ,.menu_main > li.current-menu-parent> a,.menu_main > li:hover > a{color:#084a96}
.menu_main > .menu-item-has-children:hover{background:rgba(0, 0, 0, 0.1) url("images/arrow4.png") no-repeat scroll center bottom;}


/*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: 3px solid #084a96;
}

.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.menu-item-has-children > a:after {content: "\f0da";
display: inline-block;
font: normal normal normal 15px/1.6 FontAwesome; 
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0,0);
margin-right: 0.5em;
color: #535353;
position: absolute;
z-index: 2;
right: 0; }
.menu_main > li > .sub-menu li a {
color: #333;
text-transform: none;
display: block;
font-weight: 600;padding:10px;
font-size: 13px;    text-align: left; position:relative}
.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:#084a96; background:#f4f4f4;border-bottom:0px}
.menu_main li .menu-desc{background:#e10531;margin-left:5px;border-radius:5px;padding:1px 3px;font-size:10px;color:#fff;position:relative;top:-10px;}
.menu_main li .menu-desc::before{border-color:transparent #e10531 #e10531 transparent;border-image:none;border-style:solid;border-width:3px;bottom:0;left:-3px;position:absolute;content:"";display:inline-block;}

/*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: 260px;
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;}
 
/* Circle */ 
.img_homecongnghesanxuat::before,.img_archivecongnghesanxuat::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255,255,255,.2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.img_homecongnghesanxuat:hover::before,.img_archivecongnghesanxuat:hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
} 
/* Default Btn Area Style*/
.shipment-btn {margin-top:2em}
.default-btn {
font-size: 16px;
color: #ffffff;
padding: 15px 20px;
line-height: 1;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
text-align: center;
background-color: #084a96;
position: relative;
z-index: 1;
overflow: hidden;
display: inline-block;
margin-bottom: -5px;}


.default-btn:hover {
background-color: #000;
color:#fff;
}



.default-btn::before {
content: "";
position: absolute;
top: 0;
left: 0;
background:  -webkit-gradient(linear, right top, left top, from(#084a96), to(transparent));
width: 100%;
height: 2px;
}
.default-btn::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
background: -webkit-gradient(linear, left top, right top, from(#084a96), to(transparent));
width: 100%;
height: 2px;
} 
.default-btn:hover::before{ 
-webkit-animation: right 2s linear infinite;
animation: right 2s linear infinite;} 				
.default-btn:hover::after {
-webkit-animation: left 2s linear infinite;
animation: left 2s linear infinite;
}				


.default-btn > span::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, from(#084a96), to(transparent));
background: linear-gradient(top, #084a96, transparent);
width: 2px;
height: 100%;
}
.default-btn > span::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#084a96), to(transparent));
background: linear-gradient(bottom, #084a96, transparent);
width: 2px;
height: 100%;
} 
.default-btn:hover  > span::before{	animation: top 2s linear infinite; animation-delay: 1s;}

.default-btn:hover  > span::after{	animation: bottom 2s linear infinite; animation-delay: 1s;}				


.default-btn.active {
margin-left: 30px; 
}



@keyframes left {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes right {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
@keyframes top {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(-100%);
}
}
@keyframes bottom {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(100%);
}
}

/*Slide*/ 
.banner img {width:100%; height:auto}
.carousel-control > span {    width: 2em;
height: 2em;
border:0.1em solid #fff;
line-height: 2em;
border-radius: 50%;} 

.boxbanner {position:relative; overflow:hidden;display:block}
.carousel { 
overflow: hidden;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0; 
width: 5%;
font-size: 20px;
color: #fff;
text-align: center; 
}
.carousel-indicators li {height:6px}
.carousel-control i {
position: absolute;
top: 50%;
z-index: 5;
color: #3f3f3f;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2.2em;
text-align: center;
background: #fff;
opacity:0.9;
border-radius: 50%;
}
.carousel-control:hover i {opacity:1; }
.carousel-control.left {
left: 0;  
}  
.carousel-control.right {
right: 0;  
}
.carousel-control.left i{ right: 0;} 
.carousel-control.right i{ left: 0;} 	
/*Dịch vụ*/ 
.box_dichvu {background: #f6f6f6;}
.box_dichvuchild {padding:1em 3em; }
.box_dichvuchild:hover{background:#084a96; color:#fff}
.box_dichvuchild:hover p{color:#fff}
.box_dichvuchild h3{padding: 1em 0;
text-align: center;    text-transform: uppercase;
font-weight: 600; position:relative}
.box_dichvuchild h3:before{ position: absolute;
left: 0;
right: 0;
content: "";
width: 3em;
height: 0.1em;
z-index: 2;
background-color: #084a96;
margin: 0 auto;
bottom: 0;}
.box_dichvuchild img {padding:2em 0}
.box_dichvuchild p {color:#626262}
.box_dichvuchild a{ color:#084a96;display: table;
margin: 2em auto 0;}
.box_dichvuchild:hover a{ color:#fff}
.imgdichvutsv {width:100%; height:auto}
/*Home tại sao chọn*/
.box_taisaochon {padding:3em 0; } 
.box_taisaochonchild{margin:0 auto}
.videogioithieuhome{position:relative;overflow:hidden}
.videogioithieuhome .wp-video{width: 100% !important;}
.wp-video-shortcode video, video.wp-video-shortcode{ max-width: none !important;}
.noidungtsc { margin-bottom: 1em; padding: 1em;background:#084a96;}
.noidungtsc h2{font-size: 33px;margin-bottom: 20px; color: #fff; font-weight: 700;}
.noidungtsc p{font-size: 1.2em; color: #fff;}

.bg_color1 { background-color: #fff7ea;}
.bg_color2 { background-color: #fff1f1;}
.bg_color3 { background-color: #eef9ff;}
.bg_color4 { background-color: #fff7ea;}
.bg_color5 { background-color: #fff1f1;}
.bg_color6 { background-color: #eef9ff;}
.bg_color7 { background-color: #fff7ea;}
.bg_color8 { background-color: #fff1f1;}
.bg_color9 { background-color: #eef9ff;}

.taisaochon {padding:1em} 
.taisaochon i{	
font-size: 40px;
color: #084a96;
display: block;
margin-bottom: 10px;
line-height: 1;	text-align: center;}
.taisaochon span {     font-weight: 600;
color: #0a2818;
line-height: 1.4em;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
height: 60px;
display: -webkit-box;
-webkit-box-orient: vertical;}

 
 

 
 
/*Đăng ký vận chuyển*/
.box_homedkvc {position:relative;padding:9em 0; }
.box_homedkvc:before { content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.7; }

.box_homedkvcchild {text-align: center;
max-width: 700px;
margin: auto;
color: #fff;
position: relative;}
.box_homedkvcchild h2{font-size:37px;font-weight:700;margin-bottom: 20px;color: #ffffff;}
.box_homedkvcchild p{font-size: 1.2em;}
/*Ý kiến khách hàng*/
.box_ykkh {padding:3em 0;}

.single-testimonials { text-align: center;
background-color: #ffffff;
-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
padding: 30px;
margin-top: 30px;
margin-bottom: 30px;
/*opacity: 0.3;*/
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;}
.ykienkhachhang .owl-item.active.center .single-testimonials {
opacity: 1;
}
.single-testimonials img {
width: auto !important;
height: 90px;
border: 2px solid #084a96;
padding: 3px;
border-radius: 50%;
margin: 0 auto 25px;
}
.single-testimonials h3 {
margin-bottom: 18px;
font-size: 22px;
}
.single-testimonials h4 {
font-size: 18px; font-weight:600;
margin-bottom: 5px;   color: #084a96;
}
.single-testimonials p {
margin-bottom: 20px; font-size:1.1em
}

/*Thủ tục hải quan*/
.box_thutuchq {margin-bottom:1.5em} 
.box_imgthutuchq {position: relative;overflow: hidden;border: 1px solid #d5d5d5;padding: 0.3em;}
.box_imgthutuchq a img {
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s; 
}
.box_imgthutuchq:hover a img {
-webkit-transform: scale(1.3) rotate(4deg);
transform: scale(1.3) rotate(4deg);
}
.title_postthutuchq h3 {font-family: Montserrat-Regular;
font-size: 1em;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.4em; 
display: -webkit-box;
-webkit-box-orient: vertical;
font-weight: 700; }
/*Form tư vấn*/
.box_homedktv {position:relative;padding: 5em 0;}
.box_homedktv:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.7;
}
.box_homedktvchild {background:#fff; position:relative}
.box_formtuvan { padding:2em 3em 1em;}
.frm_dktv > div > div > span > .form-control {    border-radius: 0 !important;
margin-bottom: 1.5em;
min-height: 3em;}
.btnktv > .btn {border-radius: 0;width: 100%;}

.tieude_formtuvan { 
font-size: 1.7em;
padding-bottom: 1em;
text-transform: uppercase;
color: #084a96;
text-align: center;  
font-family: Montserrat-Bold;}
.noidung_formtuvan { margin-bottom: 2em;}
.form-control {padding: 0 0 0 2rem;}
/*Home đối tác*/	
.title_doitackh {   
text-align: center; 
padding: 1em 0 2em; 
text-transform: uppercase;
font-weight: 600;}
.box_doitackh { padding:2em 0 5em; }
.img_khachhang{  
background: #fff;  }

/*Home tin tức*/
.box_hometintuc { padding-bottom:2em; }
.box_hometintucchild {margin-bottom: 30px;
background-color: #fff;
-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); }
.blog-content {padding: 25px;}
.title_hometintuc {color: #084a96;
text-align: center;
font-size: 2em;text-transform: uppercase;
padding: 1em 0;font-family: Montserrat-Bold;} 
.title_posthometintuc h3{ font-family: Montserrat-Regular;
font-size: 1.1em;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.4em;
-webkit-line-clamp: 2;
height: 3rem;
display: -webkit-box;
-webkit-box-orient: vertical; 
font-weight: 700;
margin: 0.5em 0;}
.title_posthometintuc h3:hover {color: #084a96;}
.box_thoigian { color: #084a96;} 
.box_httexcerpt {overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
height: 74px;
display: -webkit-box;
-webkit-box-orient: vertical;}
.btn_xemthemhtt{display: table; margin: 1em auto 0;}
/**/
.img_homesanpham:hover img   {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}

.img_homesanpham  {overflow:hidden; position:relative;display:block;} 
.img_homesanpham img  {object-fit: scale-down; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transition: all all 0.2s ease-in-out ease;
-moz-transition: all all 0.2s ease-in-out ease;
-ms-transition: all all 0.2s ease-in-out ease;
-o-transition: all all 0.2s ease-in-out ease;
transition: all all 0.2s ease-in-out ease;}	
.img_homesanpham:hover img  {   -webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
/* ======= [ 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);}

/*form contact*/
.input_gl {
margin-bottom: 15px;
}
.input_gl > span > input,.input_gl > span > select {
padding: 5px 10px 5px 30px !important;
min-height: 40px !important;
border-radius: 3px;
}
.icon_hoten {
background:#fff url(images/icon_hoten.png) no-repeat 1% 50%;    background-size: 20px;
}
.icon_email {
background:#fff url(images/icon_email.png) no-repeat 1% 50%;    background-size: 23px;
}
.icon_sdt {
background:#fff url(images/icon_sdt.png) no-repeat 1% 50%;    background-size: 23px;
}
.icon_diachi {  background: #fff url(images/icon_diachi.png) no-repeat 1% 3%;}

.icon_noidung {
background:#fff url(images/icon_noidung.png) no-repeat 1% 3%;
padding: 5px 10px 5px 35px !important;
border-radius: 3px;
}
/*Đăn ky tư vấn*/ 
.tieude_modaldktvan {font-size: 1.5em;padding-bottom: 0;     text-transform: uppercase;
color: #084a96;
text-align: center;
font-family: Montserrat-Bold;} 
/*Footer*/
footer {background-color: #000024; padding:2em 0 0; }
footer p,footer a{color:#c3c3c3;line-height: 28px;  }
.noidung_footer {margin-bottom:1em}
.noidung_footer h2 {text-transform:uppercase; margin-bottom:0.4em;font-size: 1.1em;
font-weight: 600;color:#fff }
.box_logofooter {text-align:center}
.logo_footer img { }
.copyright {    color: #fff;
padding: 0.3em 0;
margin-top: 1em; 
border-top: 1px solid #212437;
padding-top: 6px;
padding-bottom: 6px;} 

.menu_footer>li {margin-bottom: 10px; }
.menu_footer>li>a {position:relative;color: #c3c3c3;padding-left: 20px;}
.menu_footer>li>a:hover {color:#01abf4;}	
.menu_footer>li>a:before {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 11px;
height: 11px;
background-color: #01abf4;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.menu_footer>li>a:hover::before { border-radius: 50%;}
.ttctyfoter p {margin-bottom: 1em;}
.ttctyfoter i{ color: #01abf4; font-size: 20px;vertical-align: text-bottom;}
/*Sosial*/
.social_list {margin: 1.3em auto 0;;display: table;}
.social_list li{float:left} 
.social_list li a{ display: block;
width: 2em;
height: 2em;
margin-right: 0.5em;
text-align: center;
line-height: 2em;
color: #01abf4; 
border: 0.01em solid #01abf4; } 
.social_list li a:hover{color: #fff;background-color: #01abf4;}
.social_list li a i{font-size:1em}  
.back-to-top {
position: fixed;
bottom: 35px;
right: 10px;
display: none;
cursor: pointer;
}
.back-to-top i {
background: #9E9E9E;
padding: 5px 6px;
color: #fff;
font-size: 30px; 
border-radius: 50%;
line-height: 0.8em;
width: 1.3em;
height: 1.3em;
}
/*Scrollbar*/

::-webkit-scrollbar {
width: 20px;
}
::-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;
}