body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}:root {
--main-color: #d41f24;
--second-color: #fe0002;
}
html {
scroll-behavior: smooth;
}
body {
font-weight: 400;
font-size: 16px;
color: #333;
font-family: 'Nunito', sans-serif;
background: #eeeeee5c;
}
b, strong {
font-weight: 700 !important;
}
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
.disabled {
display: none;
}
.img-full {
width: 100%;
height: 100%;
}
.img-w100 {
max-width: unset;
width: 100%;
height: auto;
}
.img-center {
display: block;
margin-inline: auto;
}
.container,.container-fluid {
padding-left: 15px;
padding-right: 15px;
width: 100%;
max-width: 100%;
margin-right: auto;
margin-left: auto
}
@media (min-width: 1200px) {
.container,.container-fluid,.container-lg, .container-md, .container-sm, .container-xl {
padding-right:15px;
padding-left: 15px;
max-width: 1330px;
}
}
.duration-300 {
transition-duration: .3s
}
.btn {
background-color: transparent;
padding: 0;
}
.font-awesome {
font-family: "Font Awesome 5 Pro"; }
.pb-4xl {
padding-block: 80px;
}
.pb-3xl {
padding-block: 70px;
}
.pb-2xl {
padding-block: 60px;
}
.pb-xl {
padding-block: 50px;
}
.pb-lg {
padding-block: 40px;
}
.a-link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
} h1 {
font-size: 26px;
}
h2 {
font-size: 25px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 23px;
}
h5 {
font-size: 22px;
}
h6 {
font-size: 21px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
a:hover {
text-decoration: none;
color: var(--second-color);
}
input:focus, .btn:focus {
outline: transparent;
box-shadow: none;
}
img {
max-width: 100%;
height: auto;
}
.video-item {
position: relative;
cursor: pointer;
}
.video-item img {
aspect-ratio: 675/388;
object-fit: cover;
}
.video-item span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--main-color);
color: #fff;
font-size: 20px;
}
.box-desc {
margin-top: -15px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.box-desc {
margin-top: 0;
}
}
.box-desc p {
font-size: 18px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.box-desc p {
font-size: 16px;
}
}
.box-contact-page {
margin:10px 0;
}
.box-contact-page ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.box-contact-page li {
display: flex;
}
.box-contact-page li:not(:last-child) {
margin-bottom: 10px;
}
.box-contact-page li i {
flex: 0 0 30px;
margin-top: 3px;
color: var(--main-color);
}
.box-contact-page .social a {
background-color: var(--main-color);
}
.box-contact-page .social a:hover {
color: #fff;
}
.google-map {
line-height: 0;
margin-bottom: 40px;
}
.google-map iframe {
width: 100%;
height: 400px;
}
.box-contact-top{margin-bottom:40px;}
.contact_company .ft-head{margin-bottom:0;font-size: 20px;}
.contact_company li a{color: #333 !important;}
.box-contact-top .page-cat-title {text-align:left !important; }
.box-contact-top .box-head:after{display: none !important;}
.box-contact-top .box-head{margin-bottom:0 !important;border: none;}
.box-contact-top .box-head h1{
margin-bottom: 20px !important;
padding: 0;
font-size: 20px;
text-transform: uppercase;
}
.contact-page-form input[type='text']{
border-radius: 0;
font-size: 15px;
padding: 5px 10px;
}
.contact-page-form textarea{height: 80px;border-radius: 0;padding: 7px 10px;font-size: 15px;}
.contact-page-form input[type="submit"]{
display: block;
color: #fff;
background: var(--main-color) !important;
height: 35px;
padding: 0 25px;
line-height: 35px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
border-radius: 35px;
border: none;
cursor: pointer;
}
.text-normal {
text-transform: unset !important;
}
.box-head.--flex-head {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
flex-direction: column;
}
.box-head{position:relative;}
.box-head .head-title a {
font-weight: 700;
text-transform: uppercase;
color: var(--main-color);
}
.box-head .head-title a:hover{
color: var(--second-color);
}
.head_desc{
font-size: 16px;
line-height: 23px;
margin-top: 15px;
margin-bottom: 20px;
max-width: 1000px;
text-align: justify;
}
.box-head .head-title-img{
background: url(//camco.vn/wp-content/themes/camco/resources/images/bg_title.png) no-repeat bottom center;
padding-bottom: 10px;
}
.head-title {
margin-right: auto;
margin-bottom: 0;
position: relative;
line-height: 38px;
width: 100%;
color: var(--main-color);
text-align: center;
font-weight: 700;
text-transform: uppercase;
font-size: 25px;
}
.btn-main {
cursor: pointer;
color: #fff;
background-color: var(--main-color);
display: inline-block;
padding: 0.3em 2em;
border: 0;
transition: all 0.4s ease;
}
.btn-main:hover {
color: #fff;
background-color: var(--second-color);
}
.main-banner {overflow: hidden;}
.main-banner-slide .item {
border-radius: 0;
overflow: hidden;
}
.main-banner-slide .item a{display:block; text-align:center;}
.main-banner-slide .item img {
border-radius: 0;
width: auto !important;
display: inline-block;
height: auto !important;
margin-left: auto;
margin-right: auto;
}
.box-home-page{padding-top: 10px;}
.box-home-common {
padding-top: 40px;
padding-bottom: 40px;
}
@media (max-width: 767px) {
.box-home-common {
padding-bottom: 0;
}
.box-home-news{margin-bottom:30px;}
}
.box-uudiem,
.box-questions,
.box-quytrinh{background:#fff;}
.box-home-news .row {
row-gap: 30px;
}
.news-list-sliders .news-item{margin-bottom:5px;}
.box-news-list{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px;}
.news-item{
box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
border-radius: 12px;
overflow: hidden;
height: 100%;
margin-bottom: 5px;
}
.news-item .news-img {
display: block;
}
.news-item .news-img img {
aspect-ratio: 4/3;
width: 100%;
max-width: unset;
object-fit: cover;
}
.news-item .news-body {
-webkit-box-flex: 1;
flex-grow: 1;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
background: #f9f9f9;
width: 100%;
height: 100%;
position: relative;
padding: 10px 10px;
}
.news-item .news-title {
font-size: 17px;
display: -webkit-box;
overflow: hidden;
visibility: visible;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-weight: 700;
color: #333333db;
line-height: 24px;
}
.news-item .news-title:hover{
color: var(--second-color);
}
.news-list.--home-list .news-item {
display: flex;
}
.news-list.--home-list .news-item:not(:last-child) {
margin-bottom: 15px;
}
.news-list.--home-list .news-item .news-title {
display: -webkit-box;
overflow: hidden;
visibility: visible;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.news-list.--home-list .news-item .news-img {
flex: 0 0 150px;
max-width: 150px;
}
.news-list.--home-list .news-item .news-body {
margin-top: 0;
padding-left: 10px;
}
.sliders_khachhang  .item {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)
}
.sliders_khachhang  .item img {
width: 100%;
height: auto;
}
.header-top{background: #fff;padding: 8px 0;}
.header-top-top{
background-color: var(--main-color);
color: #fff;
font-size: 15px;
padding: 8px 0;
}
.top-fixed{
display: flex;
justify-content: space-between;
}
.top-left ul{padding-left: 0;list-style: none;display: flex;grid-gap: 22px;margin-bottom: 0;}
.top-left ul li{}
.top-left ul li a{text-transform: inherit !important; color: #fff !important;}
.top-right{display:flex; gap:20px;}
.top-right .top-right-item a{cursor:pointer; color:#fff !important;}
header.sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9999;
background: #fff;
border-bottom: 2px solid var(--main-color);
}
.header-top-main {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
}
.header-top-main .box-logo{}
@media (max-width: 991px) {
.header-top-main .box-logo {
display: flex;
align-items: center;
}
}
.header-top-main .box-logo img {height: 90px;width: auto !important;}
.header-top-main .box-search {
flex: 0 0 350px;
}
.header-top-main .box-search form {
overflow: hidden;
position: relative;
}
@media (max-width: 767px) {
.header-top-main .box-search {
display: none;
position: absolute;
left: 60px;
}
}
.header-top-main .box-search.active {
display: block;
}
.header-top-main .box-search input {
font-size: 14px;
width: 100%;
background-color: #fff;
height: 35px;
padding-left: 10px;
box-sizing: border-box;
padding-right: 50px;
border: 1px solid #b7b7b7;
border-radius: 5px;
outline: none !important;
}
.header-top-main .box-search button i{
font-size: 16px;
}
.header-top-main .box-search button {
position: absolute;
right: 0;
top: 0;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 4px;
color: #122732b3;
border: none !important;
outline: none !important;
background: none;
padding: 0;
}
.header-top-main .box-search button span{display:none;}
.header-top-main .box-action a {
display: inline-block;
font-weight: 600;
color:#333;
font-size: 14px;
position: relative;
text-align: center;
}
.btn_cart_box a{display: flex !important;align-items: center;gap: 5px;}
.hotline_header{
color: red !important;
font-size: 16px !important;
}
@media (max-width: 991px) {
.header-top-main .box-action a strong {
display: none;
}
}
.box-action{
display: flex;
align-items:center;
gap:30px;
}
.box-action *{
color: #333;
}
.btn_hotline{
line-height: 22px;
display: flex;
align-items: center;
gap: 10px;
}
.btn_hotline svg{
width: 30px;
height: 30px;
flex: none;
}
.btn_hotline span{display:block;font-size: 14px;}
.btn_hotline .span_hotline{}
.btn_hotline .span_hotline a{
font-weight:600;
font-size: 17px;
color: #333;
}
.header-top-main .box-action a:not(:last-child) {
margin-right: 20px;
}
.header-top-main .box-action a span {
position: absolute !important;
top: -10px;
left: 15px;
background-color: var(--second-color);
border-radius: 50%;
width: 19px;
height: 19px;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.header-nav-main {
display: flex;
align-items: center;
background: var(--main-color);
}
.header-nav-main .right {
padding-left: 15px;
width: 100%;
}
@media (max-width: 991px) {
.header-nav-main .right {
display: none;
}
}
.header-nav-main .right ul {
display: flex;
}
.header-nav-main .right ul a {
font-weight: 600;
font-size: 15px;
color: #fff;
display: inline-flex;
padding: 0.7em;
text-transform: uppercase;
position: relative;
}
.header-nav-main .right ul a i{font-size: 20px;}
.header-nav-main .right ul a:hover:after {
opacity: 1;
visibility: visible;
}
.header-nav-main .right ul a:after {
content: "";
width: calc(100% - 0.7em);
height: 2px;
background-color: var(--main-color);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
}
.box-action .hotline_header,
.box-action .dangnhap{
text-align: center;
}
.box-action .hotline_header strong,
.box-action .dangnhap strong,
.box-action .giohang strong{font-weight: 400 !important;}
.box-action .hotline_header strong{font-weight:600;}
.box-action .hotline_header label {
margin-bottom: 4px;
font-weight: 400;
margin-top: 9px;
color: #333;
font-size: 14px;
}
.box-action .giohang{}
.footer {
background-color: var(--main-color);
color: #fff;
padding-top: 70px;
padding-bottom: 60px;
font-size: 14px;
}
.footer .row {
row-gap: 40px;
}
footer .social{margin-top:15px; display: flex;}
.ft-company{margin-bottom:20px;}
.ft-head {
margin-bottom: 20px;
font-size: 18px;
text-transform: uppercase;
padding-bottom: 10px;
position: relative;
font-weight: 600;
}
footer .ft-head:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 50px;
background: #fff;
}
@media (max-width: 991px) {
.ft-head {
margin-bottom: 15px;
}
}
.ft-company ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
font-size: 16px;
}
.ft-company li:not(:last-child) {
margin-bottom: 10px;
}
.ft-company li{position:relative;padding-left: 24px;}
.ft-company li i{
position: absolute;
top: 3px;
left: 0;
font-size: 17px;
}
.ft-company li a {
color: #fff;
}
.ft-links ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.ft-links li:not(:last-child) {
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px solid rgb(255 255 255 / 12%);
}
.ft-links a {
display: block;
color: #fff;
font-size: 16px;
position: relative;
padding-left: 15px;
}
.ft-links a:before{
font-family: "Font Awesome 5 Pro";
content:'\f054';
position: absolute;
left: 0;
font-size: 12px;
top: 3px;
}
.ft-links a:hover{color:#fff;}
.box-cpr {
font-size: 14px;
background-color: #5b5b5b;
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
}
.box-cpr .cpr {
display: flex;
justify-content: space-between;
}
@media (max-width: 991px) {
.box-cpr .cpr {
flex-direction: column;
}
}
.box-cpr .cpr ul {
display: flex;
list-style: none;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.box-cpr .cpr ul {
display: none;
}
}
.box-cpr .cpr ul li:not(:last-child) {
margin-right: 15px;
}
.box-cpr .cpr ul a {
color: #fff;
display: block;
}
.box-cpr .cpr ul a:hover {
color: var(--second-color);
}
.box-cpr p {
margin-bottom: 0;
} .fix_tel .fone {
font-size: 18px;
color: #fff;
line-height: 40px;
font-weight: 700;
padding-left: 42px;
margin: 0 0;
}
.fix_tel {position:fixed;bottom: 30px;left: 15px;z-index:999;}
.fix_tel2{bottom: 76px;}
.fix_tel a {text-decoration: none;display:block;color: #fff;font-size: 18px;}
.fix_tel .tel {background: #01af38;width: 179px;height:40px;position:relative;overflow:hidden;background-size:40px;border-radius:28px;}
.ring-alo-phone {
background-color: transparent;
cursor: pointer;
height: 80px;
position: absolute;
transition: visibility 0.5s ease 0s;
visibility: hidden;
width: 80px;
z-index: 200000 !important;
bottom: -11px;
left: -23px;
}
.ring-alo-phone.ring-alo-show {
visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
opacity: 1;
}
.ring-alo-ph-circle {
animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
background-color: transparent;
border: 2px solid rgba(30, 30, 30, 0.4);
border-radius: 100%;
height: 70px;
left: 10px;
opacity: 0.1;
position: absolute;
top: 12px;
transform-origin: 50% 50% 0;
transition: all 0.5s ease 0s;
width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
border-color: #f00;
opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
border-color: #baf5a7;
opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
border-color: #01af38;
opacity: 0.5;
}
.ring-alo-ph-circle-fill {
animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
background-color: #000;
border: 2px solid transparent;
border-radius: 100%;
height: 30px;
left: 30px;
opacity: 0.1;
position: absolute;
top: 33px;
transform-origin: 50% 50% 0;
transition: all 0.5s ease 0s;
width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
background-color: rgba(0, 175, 242, 0.5);
opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
background-color: rgba(117, 235, 80, 0.5);
opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
background-color: rgba(0, 175, 242, 0.5);
opacity: 0.75 !important;
}
.ring-alo-ph-img-circle {
animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
border: 2px solid transparent;
border-radius: 100%;
height: 30px;
left: 30px;       
opacity: 1;
position: absolute;
top: 33px;
transform-origin: 50% 50% 0;
width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
background-color: #75eb50;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
background-color: #75eb50;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
background-color: #75eb50;
}
@keyframes ring-alo-circle-anim {
0% {
opacity: 0.1;
transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
opacity: 0.5;
transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
opacity: 0.6;
transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes ring-alo-circle-img-anim {
0% {
transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes ring-alo-circle-fill-anim {
0% {
opacity: 0.2;
transform: rotate(0deg) scale(0.7) skew(1deg);
}
50% {
opacity: 0.2;
transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
opacity: 0.2;
transform: rotate(0deg) scale(0.7) skew(1deg);
}
}
.ring-alo-ph-img-circle a img {
padding: 1px 0 0 1px;
width: 30px;
position: relative;
top: -1px;
}
} .social {
margin-top: 30px;
}
.social a {
color: #fff;
width: 35px;
height: 35px;
display: inline-flex;
border-radius: 50%;
border: 1px solid #fff;
align-items: center;
justify-content: center;
}
.social a:not(:last-child) {
margin-right: 5px;
}
.social a:hover {
}
.ft-logo img {
width: 160px;
height: auto;
}
.ft-logo span {
display: block;
margin-top: 15px;
margin-bottom: 15px;
font-weight: 400;
}
.ft-form form {
display: flex;
}
.ft-form .left input {
border: 0;
border-radius: 5px;
font-size: 14px;
padding: 0.3em 1em;
width: 100%;
height: 30px;
}
.ft-form .right {
flex: 0 0 64px;
max-width: 64px;
padding-left: 4px;
}
.ft-form .right input[type=submit] {
width: 64px;
height: 64px;
border: 0;
border-radius: 5px;
background-color: transparent;
color: #fff;
cursor: pointer;
border: 1px solid #fff;
font-size: 14px;
}
.hidden{display: none;}
.page-title{
font-size: 26px;
font-weight: 700;
}
.page-cat-title{margin-bottom: 20px;}
.head-title-sidebar{
font-size: 26px;
font-weight: 700;
}
.single_post .page-title{
border-bottom: 1px solid #e2e2e2;
padding-bottom: 13px;
margin-bottom:13px;
}
.single_post .image img{width:100%; height:auto; margin-bottom:40px;}
.single_post .entry-meta a{
color: var(--main-color) !important;
}
.single_post .entry-meta:before {
color: #222;
content: "\f073";
font-family: "Font Awesome 5 Pro";
position: absolute;
top: 0px;
left: 0px;
font-size: 12px;
}
.single_post .entry-meta{
font-size: 13px;
color: #666;
position: relative;
padding-left: 20px;
margin-bottom: 20px;
}
#ez-toc-container .ez-toc-toggle label, .ez-toc-cssicon{
margin-bottom: 0 !important;
}
div#ez-toc-container .ez-toc-title {
font-weight: 500;
font-size: 18px;
}
.ez-toc-counter nav ul li a::before{display: none !important;}
.detail-body {
line-height: 26px;
font-size: 17px;
word-break: break-word;
}
.detail-body a {
color: var(--second-color) !important;
}
.detail-body a:hover {
color: var(--second-color) !important;
text-decoration: underline
}
.detail-body {
position: relative;
}
.detail-body .more-tag {
border: 1px solid #109cd9;
display: block;
color: #fff;
border-radius: 30px;
width: 180px;
margin: 0 auto;
font-size: 14px;
position: absolute;
background: #109cd9;
bottom: 0;
left: 0;
right: 0;
z-index: 2
}
.detail-body .more-tag:hover {
background: #fff;
color: var(--second-color) !important;
text-decoration: none
}
.detail-body {
line-height: 1.8;
font-size: 16px
}
.detail-body blockquote {
padding: 15px
}
.detail-body blockquote ul {
list-style: square
}
.detail-body blockquote ul li {
margin-bottom: 8px
}
.detail-body h1,.detail-body h2,.detail-body h3,.detail-body h4,.detail-body h5,.detail-body h6 {
font-weight: 700;
position: relative;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 10px;
}
.detail-body h1,
.detail-body h2,
.detail-body h3,
.detail-body h4,
.detail-body h5,
.detail-body h6,
.detail-body h1 *,.detail-body h2 *,.detail-body h3 *,.detail-body h4 *,.detail-body h5 *,.detail-body h6 *{
color: var(--main-color) !important;
font-family: "Nunito", sans-serif !important;
}
.detail-body .h1,.detail-body h1 {
font-size: 26px
}
.detail-body .h2,.detail-body h2 {
font-size: 24px;
}
.detail-body .h3,.detail-body h3 {
font-size: 21px;
}
.detail-body .h4,.detail-body h4 {
font-size: 19px
}
.detail-body .h5,.detail-body h5 {
font-size: 18px
}
.detail-body .h6,.detail-body h6 {
font-size: 16px
}
.detail-body iframe {
max-width: 100%
}
.detail-body blockquote {
background: #f3f3f3;
color: #868686;
display: block;
font-size: 18px;
line-height: 26px;
margin: 0 0 20px;
padding: 15px 20px 15px 45px;
position: relative;
text-align: justify
}
.detail-body blockquote:before {
color: #2171af;
content: "\201C";
font-family: Georgia,serif;
font-size: 60px;
font-weight: 700;
left: 6px;
position: absolute;
top: 15px
}
.detail-body ol,.detail-body ul {
padding-left: 15px;
}
.detail-body table td {
padding: 5px
}
.detail-body {
word-break: break-word
}
.detail-body table figure {
width: 100%!important;
max-width: 100%
}
.detail-body .table td,.detail-body .table th {
border-color: #f2f2f2
}
.detail-body ul li, .detail-body ol li{margin-bottom: 10px;}
.detail-body ul li *, .detail-body ol li *{
line-height: 24px !important;
}
.box-breadcrumb{padding: 10px 0;background: #fff;margin-bottom: 20px;box-shadow: 0px 3px 3px rgba(0,0,0,0.1);}
.box-breadcrumb p{margin-bottom: 0}
.box-breadcrumb *{font-size: 15px;color: #333;}
main.page-content {
min-height: 50vh;
padding: 0;
}
.detail-body h1 {
line-height: 26px;
margin-bottom: 25px;
border-bottom: 1px solid #e2e2e2;
padding-bottom: 15px;
}
.detail-body h1{
font-weight: 600;
color: var(--main-color);
font-size: 16px;
}
.detail-body h1,
.detail-body h2,
.detail-body h3,
.detail-body h4,
.detail-body h5{
color: var(--main-color);
font-weight: 600;
}
.detail-body a, .detail-body a {
color: var(--main-color) !important;
} #ShowAlert {
position: fixed;
top: 0;
right: 0;
z-index: 99999999999;
margin-bottom: 0;
padding-right: 30px;
font-size: 13px;
}
#ShowAlert.alert-dismissable .close,#ShowAlert.alert-dismissible .close {
position: relative;
top: -2px;
right: -15px;
color: #fff !important;
opacity: 1;
padding: 0;
font-size: 20px;
}
#ShowAlert.alert-danger {
border-color: #e77755;
color: #fff;
font-size: 14px;
background: red;
}
#ShowAlert.alert-success {
border-color: green;
color: #fff;
font-size: 14px;
background: green;
} #loader-giangtv {
position: fixed;
z-index: 9999999;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto auto;
background: rgb(0,0,0,0.4);
}
#loader-giangtv .loader-giangtv-relative {
position: relative;
width: 100%;
height: 100%;
} .video-popup.active {
visibility: visible;
}
.video-popup iframe {
display: block;
width: 100%;
height: 100%;
}
.igi_box_btn_video {
position: absolute;
top: calc(50% - 33px);
left: calc(50% - 33px);
}
.igi_btn_video {
display: inline-block;
width: 70px;
height: 70px;
text-align: center;
line-height: 50px;
position: absolute;
border-radius: 50%;
cursor: pointer;
background: #fff;
}
.igi_bg_video {
border: 7px solid var(--main-color);
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
z-index: 1;
opacity: 100%;
}
span.igi_open_video {
position: absolute;
z-index: 999;
display: inline-block;
width: 69px;
height: 69px;
background: none;
line-height: 69px;
top: 50%;
transform: translateY(-50%);
left: calc(50% - 34px);
border-radius: 50%;
}
span.igi_open_video i {
font-size: 21px;
color: var(--main-color);
width: 69px;
height: 69px;
position: absolute;
left: 0;
line-height: 69px;
}
.video-popup {
position: fixed;
bottom: 0;
right: 0;
top: 0;
left: 0;
z-index: 9999999;
overflow: auto;
background: rgba(0, 0, 0, 0.85);
visibility: hidden;
}
.video-wrap {
position: absolute;
border-radius: 5px;
width: 900px;
left: calc(50% - 450px);
height: 500px;
top: calc(50% - 250px);
}
.video-popup .igi_closed {
position: absolute;
right: 5px;
top: -10px;
font-size: 15px;
z-index: 9999999;
color: #ffff;
font-weight: 600;
width: 30px;
height: 30px;
text-align: center;
background: red;
border-radius: 50%;
line-height: 28px;
cursor: pointer;
}
.navigation {
clear: both;
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.navigation .pages {
margin-right: 15px;
display: none;
}
.navigation a, .navigation span.current,.extend {
min-width: 40px;
height: 40px;
border-radius: 0;
text-align: center;
font-size: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 8px;
font-weight: 500;
color: #333;
background-color: #fff;
border: 1px solid #190d054d;
}
.navigation a:hover, .navigation span.current {
color: #fff !important;
border: 1px solid var(--main-color);
background: var(--main-color);
}
.navigation a.first,
.navigation a.last {
display: none;
}
.igi_page__desc_bottom{margin-top: 20px;}
@media (max-width: 992.8px) {
.video-wrap {
width: 100%;
left: 0;
}
}
@media (max-width: 767.8px) {
.btn-call,
.btn-zalo, 
.btn-mess {
right: 15px;
}
.video-wrap {
height: 250px;
}
}
.modal-content {
background: transparent;
border: 0;
}
.modal-header {
background: transparent;
border: 0;
padding-right: 0;
}
.modal-body {
padding: 0;
}
.modal-body img {
width: 100%;
}
.close {
font-size: 30px;
font-weight: 400;
opacity: 1;
color: #fff;
}
.close:hover {
color: #fff;
} .support-online {
position: fixed;
z-index: 999;
right: 12px;
bottom: 18px;
}
.support-online a {
display: block;
}
.support-online a {
position: relative;
text-align: left;
width: 48px;
display: block;
background:#fff;
border-radius: 10px;
padding: 4px;
height: 48px;
}
.support-online a:hover{}
.support-online a svg{
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.support-online a.zalo {
margin-left: 0px;
margin-bottom: 0 !important;
}
.support-online a.zalo .zs-ico {
display: block;
position: relative;
z-index: 12;
width: 55px;
height: 55px;
cursor: pointer;
background: 0 0;
}
.support-online a.facebook,.support-online a.zalo2{
margin-top: 10px !important;
margin-bottom: 0px !important;
}
.support-online a.zalo .zs-ico.zs-has-notify:before, .support-online a.zalo .zs-ico.zs-logined:before {
position: absolute;
top: 2px;
left: 12px;
z-index: 4;
content: "";
width: 8px;
height: 8px;
border: 1px solid #fff;
border-radius: 100%;
}
.support-online a.zalo .zs-ico.zs-has-notify:before {
background-color: #ff5d5d;
}
.support-online a.zalo .zs-ico.zs-has-notify:before, .support-online a.zalo .zs-ico.zs-logined:before {
left: 36px!important;
}
.support-online a.zalo .zs-ico .zs-ico-main {
display: block;
position: relative;
z-index: 3;
background: url(//camco.vn/wp-content/themes/camco/resources/images/stick_zalo.png) 0 0 no-repeat;
background-size: cover;
width: 58px;
height: 58px;
}
.support-online a.zalo .zs-ico.zs-has-notify em {
position: absolute;
top: 7px;
left: 17px;
}
.support-online a.zalo.facebook .zs-ico .zs-ico-main{
background: url(//camco.vn/wp-content/themes/camco/resources/images/messanger.png) no-repeat center center !important;
}
.support-online a.zalo.facebook .zs-ico.zs-has-notify:before{display: none !important;}
.support-online a.zalo.facebook span{top: 10px !important;}
.support-online{}
.support-online a.zalo .zs-ico.zs-has-notify em:after, .support-online a.zalo .zs-ico.zs-has-notify em:before {
position: absolute;
left: -4px;
top: 2px;
content: "";
width: 32px;
height: 32px;
border-radius: 100%;
-webkit-animation-name: Grow;
animation-name: Grow;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.alo-circle {
width: 50px;
height: 50px;
top: -5px;
right: -5px;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid rgba(30,30,30,.4);
opacity: .1;
border-color: #0089b9;
opacity: .5;
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
.alo-circle-fill {
width: 60px;
height: 60px;
top: -10px;
position: absolute;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
border-radius: 100%;
border: 2px solid transparent;
-webkit-transition: all .5s;
transition: all .5s;
background-color: rgba(0,175,242,.5);
opacity: .75;
right: -10px;
}
.support-content a span {
border-radius: 10px;
text-align: center;
background: #004d71;
padding: 9px;
display: none;
width: 180px;
margin-right: 10px;
position: absolute;
color: #fff;
z-index: 999;
top: 0;
right: 40px;
-webkit-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
-webkit-animation: headerAnimation .7s 1;
animation: headerAnimation .7s 1;
}
a.call-now:hover span,a.zalo:hover span {
display: block;
}
.list-post-cat .row {
row-gap: 30px;
}
.list-post-cat .news-item .news-title {
font-size: 18px;
}
.news-item .news-body .short-content {
margin-top: 10px;
font-size: 16px;
color: #484848;
font-weight: 400;
margin-bottom: 0px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 23px;
}
.news-item .news-body .viewmore a {
display: block;
font-size: 14px;
color: red;
margin-top: 10px;
}
@keyframes pulse {
0% {
transform: scaleX(1);
}
50% {
transform: scale3d(1.05,1.05,1.05);
}
100% {
transform: scaleX(1);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(.3,.3,.3);
}
50% {
opacity: 1;
}
} .detail-body table{width: 100% !important;}
.video-item {
position: relative;
cursor: pointer;
max-width: 700px;
margin: 0 auto;
border-radius: 0;
overflow: hidden
}
.video-item img {
width: 100%;
border-radius: 0;
height: auto;
}
.video-item .btn-video {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto auto;
width: 80px;
height: 60px;
}
.video-item .btn-video img{width: 100% !important;height: 100% !important;}
.muahang.company {
border: 1px solid #233e92;
padding: 0
}
.company label {
width: 100%;
background: #233e92;
padding: 10px
}
.company img {
width: 100px;
height: 100px;
display: block;
margin: auto;
border-radius: 50%;
object-fit: cover
}
.muahang p {
padding: 0 10px;
font-style: italic;
margin: 0 !important
}
.nav_header_right a{
display: block;
color: #fff;
background: #f00 !important;
position: absolute;
right: 0;
top: -10px;
height: 43px;
padding: 0 30px;
line-height: 43px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
border-radius: 30px;
}
.btn-showmore {
display: inline-flex;
justify-content: center;
align-items: center;
width: auto;
line-height: 33px;
height: auto;
border: 1px solid var(--main-color);
color: var(--main-color);
font-weight: 500;
background: #fff;
padding: 0 20px;
border-radius: 20px;
transition: background-color 0.5s ease;
gap: 10px;
font-size: 15px;
}
.btn-showmore:hover {
border: 1px solid var(--second-color);
color: #fff;
background: var(--second-color);
}
.home_desc_container {
position: relative;
max-height: 350px;
overflow: hidden;
transition: max-height .4s linear;
}
.home_desc_container:before {
content: '';
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
left: 0;
background-image: linear-gradient(to bottom,transparent,#fff)
}
.home_desc_container.show:before{display:none;}
.home_description{padding-bottom: 30px;padding-top: 30px;}
.home_description h1{margin-bottom: 0;border:none;font-size: 28px;line-height:28px;}
.home_description .detail-body{line-height: 28px;font-size: 18px;color:#333;}
.home_description .detail-body a{color: var(--second-color) !important;}
.xemthem_mb{
text-align: center;
margin-top: 25px;
}
.xemthem_mb a{
display: inline-flex;
justify-content: center;
align-items: center;
width: auto;
line-height: 30px;
height: auto;
border: 1px solid var(--main-color);
color: #fff;
font-weight: 500;
background: var(--main-color);
padding: 0px 15px;
border-radius: 25px;
transition: background-color 0.5s ease;
gap: 10px;
font-size: 14px;
}
.xemthem_mb a i{font-size: 10px;}
.xemthem_mb a:hover{
border: 1px solid var(--second-color);
color: #fff;
background:var(--second-color);
}
.igi_arrows .owl-nav.disabled{display: block !important;}
.igi_arrows{position:relative;overflow: hidden;}
.igi_arrows .owl-nav{}
.igi_arrows .owl-nav i{display:none;}
.igi_arrows .owl-nav .owl-prev,
.igi_arrows .owl-nav .owl-next{
position: absolute;
top: calc(40% - 20px);
width: 11px;
height: 30px;
font-size: 0;
cursor: pointer;
display: block;
}
.igi_arrows .owl-nav .owl-prev{
left: 0;
background: url(//camco.vn/wp-content/themes/camco/resources/images/arrows_left_30px.png) #ffffffba !important;
}
.igi_arrows .owl-nav .owl-next{
right: 0;
background: url(//camco.vn/wp-content/themes/camco/resources/images/arrows_right_30px.png) #ffffffba !important;
}
.igi_arrows .owl-nav span{display:none;}
.igi_arrows .owl-nav .owl-prev,
.igi_arrows .owl-nav .owl-next{
top: calc(50% - 15px);
width: 25px;
display: block;
background-repeat: no-repeat !important;
background-position: center center !important;
outline: none !important;
border: none !important;
margin: 0 !important;
background-size: auto 25px !important;
}
.wpcf7 form .wpcf7-response-output{text-align: left; color: #fff; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important;}
.head-title-before{
font-size: 11px;
text-transform: inherit;
color: #d1a975;
position: relative;
font-weight: 600;
padding-left: 0;
display: flex;
align-items: center;
gap: 5px;
}
.head-title-before span{
display: block;
width: 20px;
height: 2px;
background: #d1a975;
margin-bottom: 0;
} .box_uudiem_list{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
.box_uudiem_list .item{
text-align: center;
}
.box_uudiem_list .item .images{
text-align: center;
margin-bottom: 15px;
}
.box_uudiem_list .item .images img{height: 50px;width: auto;}
.box_uudiem_list .item .title{
font-size: 15px;
overflow: hidden;
font-weight: 700;
color: #333;
line-height: 20px;
text-transform: capitalize;
margin-bottom: 20px;
}
.box_uudiem_list .item .desc{
font-size: 16px;
color: #333;
font-weight: 400;
overflow: hidden;
line-height: 25px;
}  .box_dichvu_list{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
.box_dichvu_list .item{
padding: 20px;
border-style: double;
border-radius: 3px;
text-align: center;
border: 2px solid #eee;
}
.box_dichvu_list .item .images{
text-align: center;
margin-bottom: 20px;
}
.box_dichvu_list .item .images img{height: 90px;width: auto;}
.box_dichvu_list .item .title{
font-size: 22px;
overflow: hidden;
font-weight: 700;
color: var(--main-color);
line-height: 24px;
text-transform: capitalize;
margin-bottom: 15px;
}
.box_dichvu_list .item .title a{
color: #333;
font-size: 18px;
}
.box_dichvu_list .item .desc{
font-size: 16px;
color: #333;
font-weight: 400;
overflow: hidden;
line-height: 22px;
min-height: 45px;
}
.box_dichvu_list .viewmore{margin-top: 15px; text-align: center;}
.box_dichvu_list .viewmore a{
display: inline-block;
padding: 3px 15px;
background: var(--main-color);
font-size: 14px;
border-radius: 20px;
color: #fff;
}  .box_quytrinh_list{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 15px;
}
.box_quytrinh_list .item{
padding: 20px;
border-style: double;
border-radius: 3px;
text-align: center;
border: 2px solid #eee;
}
.box_quytrinh_list .item .images{
text-align: center;
margin-bottom: 20px;
}
.box_quytrinh_list .item .images img {
height: auto;
width: 100%;
aspect-ratio: 270 / 200;
object-fit: cover;
}
.box_quytrinh_list .item .title{
font-size: 18px;
overflow: hidden;
font-weight: 700;
color: #333;
line-height: 23px;
text-transform: capitalize;
margin-bottom: 15px;
}
.box_quytrinh_list .item .desc{
font-size: 16px;
color: #333;
font-weight: 400;
overflow: hidden;
line-height: 22px;
text-align: center;
}  .box_cauhoi_grid{display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.box_cauhoi_grid_col1 img{width: 100%; height: auto;}
.box_cauhoi_grid_col2{}
.box_cauhoi_list{
background: #FFFFFF;
box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 20px;
}
.box_cauhoi_list .item{padding-bottom: 12px;margin-bottom: 12px;border-bottom: 1px solid #eee;}
.box_cauhoi_list .item:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.box_cauhoi_list .item .cau_hoi{
font-size: 17px;
font-weight: 600;
color: #333;
line-height: 23px;
text-align: left;
cursor: pointer;
}
.box_cauhoi_list .item .tra_loi{
font-size: 15px;
color: #333;
font-weight: 400;
overflow: hidden;
line-height: 22px;
text-align: left;
margin-top: 10px;
}
.box_cauhoi_list .item .tra_loi p{margin-bottom: 5px;}  .page_contents_grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.page_contents_grid_1{}
.page_contents_desc{
margin: 20px 0;
font-size: 15px;
line-height: 23px;
color: #444444;
margin-bottom: 10px;
}
.page_contents_desc ul{
border-left: 3px solid var(--main-color);
padding-left: 15px;
margin: 15px 0 20px 0;
}
.page_contents_desc ul li
{
list-style: none;
margin: 0 0 10px 0;
font-size: 15px;
color: #444444;
}
.page_contents_grid_1 .page_contents_actions{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.page_contents_grid_1 .page_contents_actions a{
background: linear-gradient(180deg, #d99d15 0%, var(--main-color) 100%) !important;
width: 100% !important;
margin-top: 15px !important;
border-radius: 100px;
display: block;
padding: 10px 0;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
cursor: pointer;
}
.iframe_video{
background: #fff;
padding-bottom: 30px;
}
.iframe_video .container{text-align: center;}
.iframe_video iframe{
max-width: 700px;
height: 400px;
}  #modal-tuvan .modal-content{
padding: 20px;
background: #fff;
}
#modal-tuvan .form-group input[type="submit"]{
display: block;
color: #fff;
background: var(--main-color) !important;
height: 35px;
padding: 0 25px;
line-height: 35px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
border-radius: 35px;
border: none;
cursor: pointer;
}
#modal-tuvan .form-group input[type='text']{
border-radius: 0;
font-size: 15px;
padding: 5px 10px;
}
#modal-tuvan .form-group textarea{height: 80px;border-radius: 0;padding: 7px 10px;font-size: 15px;}
#modal-tuvan .modal-header{padding: 0;}
#modal-tuvan .modal-header .modal-title {
font-weight: 700;
font-size: 20px;
margin-bottom: 20px;
}
#modal-tuvan .modal-header button{outline: none !important;}
#modal-tuvan .modal-header button i{color: red;}  .fix_tuvanngay{
background: linear-gradient(180deg, #d99d15 0%, var(--main-color) 100%) !important;
border-radius: 100px;
display: block;
padding: 7px 20px;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
cursor: pointer;
position: fixed;
bottom: 100px;
left: 15px;
z-index: 9999999;
}
#modal_tuvanngay .modal-content{
padding: 20px;
background: #fff;
}
#modal_tuvanngay .form-group input[type="submit"]{
display: block;
color: #fff;
background: var(--main-color) !important;
height: 35px;
padding: 0 25px;
line-height: 35px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
border-radius: 35px;
border: none;
cursor: pointer;
}
#modal_tuvanngay .form-group input[type='text']{
border-radius: 0;
font-size: 15px;
padding: 5px 10px;
}
#modal_tuvanngay .form-group textarea{height: 80px;border-radius: 0;padding: 7px 10px;font-size: 15px;}
#modal_tuvanngay .modal-header{padding: 0;}
#modal_tuvanngay .modal-header .modal-title {
font-weight: 700;
font-size: 20px;
margin-bottom: 20px;
}
#modal_tuvanngay .modal-header button{outline: none !important;}
#modal_tuvanngay .modal-header button i{color: red;}  .box_reviews_list{
}
.box_reviews_list .item{background: #fff;border-radius: 10px;padding: 25px 30px !important;}
.box_reviews_list .item .desc{
position: relative;
margin-bottom: 20px;
text-align: center;
font-size: 15px;
color: #333;
}
.box_reviews_list .item .desc strong{
font-size: 19px;
line-height: 26px;
color: #333;
margin-bottom: 15px;
display: block;
}
.box_reviews_list .item .images{
position: relative;
height: auto;
margin: 0 auto;
overflow: hidden;
}
.box_reviews_list .item .images img{
display: block;
margin: 0 auto;
width: 56px !important;
height: 56px;
object-fit: cover;
border-radius: 50%;
}
.box_reviews_list .item .name{
font-size: 16px;
line-height: 26px;
color: #333;
text-align: center;
font-weight: 600;
margin-top: 10px;
} #wpadminbar{z-index: 999 !important;}
.blog-navigation {
border-bottom: 1px solid #ededed;
}
.blog-navigation ul{
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding-top: .5rem;
padding-bottom: .5rem;
gap: 0;
padding-left: 0;
}
.blog-navigation ul li:before {
content: "/";
font-size: 15px;
font-weight: 500;
color: #555
}
.blog-navigation ul li:first-child:before {
content: none
}
.blog-navigation ul li{list-style: none;}
.blog-navigation ul li a {
color: #000;
padding: 9px 9px 8px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
.social a svg {
fill: #fff !important;
width: 15px;
}
@media (min-width: 1024px){
.header-menu{
border-top: 1px solid rgba(255,255,255,0.2);
padding: 4px 0;
background: #fff;
}
.main-menu {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.main-menu .box-logo img{height: 80px;width: auto;}
.main-menu ul {
padding: 0;
margin: 0;
gap: 25px;
}
.main-menu > ul{
justify-content: space-between;
display: -ms-flexbox!important;
display: flex!important;
}
.main-menu ul li:hover > .btn-dropdown {
color: var(--main-color);
}
.main-menu ul li:hover > a,
.main-menu ul li.current-menu-item > a{
color: var(--main-color);
}
.sub-menu > .has-children > .sub-menu > .has-children:hover > .sub-menu {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
.sub-menu > .has-children > .sub-menu > .has-children:hover:before {
visibility: visible;
opacity: 1;
}
.main-menu > ul > .has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
display: block !important;
}
.main-menu > ul > li > ul > .has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
display: block !important;
}
.main-menu ul > li{position: relative;}
.main-menu ul > li:last-child{padding-right:0;border-bottom: 0;}
.main-menu ul > li:last-child a{border-bottom:0;}
.main-menu ul > li:first-child{padding-left:0;}
.main-menu ul li {
list-style: none;
position: relative;
}
.main-menu a{color: #333;}
.main-menu > ul > li > a {
transition: all .3s linear;
padding: 10px 0;
display: block;
width: 100%;
font-weight: 700;
font-size: 15px;
position: relative;
text-transform: uppercase;
}
.main-menu > ul > li > a i{font-size:12px; margin-left:2px;}
.main-menu > ul > li:hover > a:before,
.main-menu > ul > li.current-menu-item > a:before{
display:block;
width: 100%;
}
.main-menu > ul > li > a:before{
content: "";
height: 2px;
width: 0px;
position: absolute;
bottom: 0;
background: var(--main-color);
transition: all 200ms linear 0s;
}
.main-menu > ul > li:last-child > a{padding-right:0;}
.main-menu > ul > .has-children > .sub-menu {
position: absolute;
min-width: 100%;
left: 0;
top: 52px;
background-color: var(--main-color);
visibility: hidden;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
opacity: 0;
transition: opacity .3s ease;
z-index: 99999;
}
.main-menu li{position:relative;}
.main-menu > ul > .has-children > .sub-menu > li > .sub-menu {
position: absolute;
min-width: 100%;
left: 100%;
top: 2px;
background-color: var(--main-color);
visibility: hidden;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
opacity: 0;
transition: opacity .3s ease;
z-index: 99999;
}
.sub-menu li a {
padding: 10px 15px;
display: block;
white-space: nowrap;
border-bottom: 1px solid #eeeeee75;
font-size: 16px;
padding-right: 30px;
position:relative;
}
.sub-menu li a i{float:right;position: absolute;right: 10px;font-size: 12px;top: 15px;}
.sub-menu > .has-children > .sub-menu > .has-children {
position: relative;
display: inline-block;
}
.sub-menu > .has-children > .sub-menu > .has-children:before {
font-size: 20px;
content: '\f105';
font-family: "Font Awesome 5 Pro";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
visibility: hidden;
opacity: 0;
transition: all .3s ease-in-out;
}
.sub-menu > .has-children > .sub-menu > .has-children > .sub-menu {
position: absolute;
left: 100%;
top: 0;
white-space: nowrap;
min-width: 100%;
opacity: 0;
visibility: hidden;
transform: translate(-20px);
transition: all .3s linear;
}
}
@media (max-width: 991px) {
.video-item .btn-video {
width: 50px;
height: 34px;
}
.header-top-main .box-action a {
margin-top: 0;
}
.header-top-main .box-action a:first-child {
display: none;
}
}
@media (max-width: 767px) {
.head-title{
font-size: 22px;
line-height: 30px;
}
.box-head.--flex-head{margin-bottom:20px;}
.head-title span{
display: block;
}
.news-item .news-title {
font-size: 14px;
}
.header-top-main .box-action a {
margin-top: 6px;
}
.btn_hotline{display:none !important;}
.btn-menu{margin-top: 8px;}
.btn-menu i{
display: inline-block;
color: var(--main-color);
cursor: pointer;
padding: 0;
border-radius: 0;
font-size: 25px;
font-weight: 400;
}
.box-action{gap: 20px;align-items:center;}
nav.menu_mobile{
width: 100%;
position: fixed;
left: 0;
top: 67px;
z-index: 4;
height: 100%;
overflow-y: auto;
background: #fff;
transition: all .3s;
}
nav.menu_mobile.sticky_element{
top: 66px;
}
.header-top{padding: 5px 0;border-bottom: 3px solid var(--main-color);}
.header-top-main .box-logo img{
height: 54px;
width: auto !important;
}
.header-top-main{}
.menu_mobile_root,
.menu_mobile_root ul{list-style: none;padding-left: 0;}
.menu_mobile_root>li{
}
.menu_mobile_root{padding-bottom: 100px;}
nav.menu_mobile.sticky_element .menu_mobile_root{padding-bottom: 125px;}
.menu_mobile_root>li>a,.menu_mobile_root>li>span{
padding: 8px 10px;
font-size: 18px;
color: var(--main-color);
font-weight: 700;
border-bottom: 1px solid #eee;
text-transform: uppercase;
display: block;
width: 100%;
}
.menu_mobile_root ul a{
padding: 10px 10px;
display: block;
color: #333;
position: relative;
border-bottom: 1px solid #f2f2f2;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.menu_mobile_root ul li.has-children{position: relative;}
.menu_mobile_root ul li.has-children > a{
padding-right: 30px;
}
.menu_mobile_root ul li.has-children i{
font-size: 16px;
display: block;
position: absolute;
right: 0;
top: 0;
height: 40px;
width: 30px;
text-align: right;
line-height: 40px;
padding-right: 10px;
z-index: 99999;
cursor: pointer;
}
.menu_mobile_root ul li.has-children ul li i{
display:none;
}
.menu_mobile_root ul ul{display: none;}
.menu_mobile_root ul ul ul{padding-left:10px;}
.menu_mobile_root ul ul li a{padding-left: 30px;font-size: 16px;font-weight: 400;}
.droplet {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
background: rgba(0,0,0,.5);
display: none;
}
.droplet.show {  display: block; }
body.disable-scroll {
overflow: hidden;
}
header{
position: relative;
z-index: 3;
}
.main-banner {
padding: 0;
max-width: unset;
}
.box-banner .container{padding:0; }
.main-banner-slide .item img,.main-banner-slide .item{border-radius:0 !important;}
.box-search-mobile-main{
background: var(--main-color);
padding: 5px 0;
}
.box-search-mobile-main.sticky_element{
top: 70px;
}
.box-search-mobile-main .box-search{position: relative;}
.box-search-mobile-main input[type="text"]{
border: 1px solid var(--main-color);
padding: 3px 10px;
font-size: 14px;
color: #333;
border-radius: 14px;
width: 100%;
padding-right: 40px;
}
.box-search-mobile-main button{
position: absolute;
right: 0px;
top: 0;
bottom: 0;
border-radius: 8px;
border: none;
color: var(--main-color);
width: 35px;
font-size: 14px;
background: none;
text-align: right;
padding-right: 10px;
}
.box-search-mobile-main button i{font-size: 15px;}
.box-home-page{padding-top:0;}
.xemthem_mb{margin-top:10px;}
.xemthem_mb a{font-size: 14px;line-height: 34px;padding: 0px 20px;}
.home_desc_container{margin-bottom: 10px;}
.box-news-list{display:grid;grid-template-columns: 1fr 1fr;gap: 10px;}
.news-item .news-body{padding: 8px 8px}
.news-item .news-title {
font-size: 17px;
line-height: 22px;
}
.news-item .news-body .short-content{line-height: 21px;}
.related_posts{margin-bottom:30px; padding-top:15px;}
.box_uudiem_list{
grid-template-columns: 1fr 1fr;
}
.box_dichvu_list,
.box_quytrinh_list{
grid-template-columns: 1fr;
gap: 15px;
}
.box_cauhoi_grid{
grid-template-columns: 1fr;
gap: 30px;
}
.box_cauhoi_grid_col1{text-align:center; margin-top:20px;}
.box_cauhoi_grid_col1 img{max-width:300px;}
.footer .row{gap:30px;}
.iframe_video iframe{width: 100%; height: 250px;}
.page_contents_grid{
grid-template-columns: 1fr;
gap: 30px;
}
.page_contents_grid_1 .page_contents_actions{gap: 15px;}
.page_contents_grid_1 .page_contents_actions a{font-size: 14px;}
.fix_tuvanngay{top: 18px;right: 60px;left: auto;bottom: auto;font-size: 12px;}
}