.footer-top
@font-face {
font-family: 'BalooTamma2-Medium';
src: url(//anvietmedical.vn/wp-content/themes/anvietmedical/fonts/BalooTamma2-Medium.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BalooTamma2-Regular';
src: url(//anvietmedical.vn/wp-content/themes/anvietmedical/fonts/BalooTamma2-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat-Regular';
src: url(//anvietmedical.vn/wp-content/themes/anvietmedical/fonts/Montserrat-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans-Bold';
src: url(//anvietmedical.vn/wp-content/themes/anvietmedical/fonts/OpenSans-Bold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans-SemiBold';
src: url(//anvietmedical.vn/wp-content/themes/anvietmedical/fonts/OpenSans-SemiBold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans-SemiBoldItalic';
src: url(//anvietmedical.vn/wp-content/themes/anvietmedical/fonts/OpenSans-SemiBoldItalic.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans-Regular';
src: url(//anvietmedical.vn/wp-content/themes/anvietmedical/fonts/OpenSans-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans-Italic';
src: url(//anvietmedical.vn/wp-content/themes/anvietmedical/fonts/OpenSans-Italic.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans-Light';
src: url(//anvietmedical.vn/wp-content/themes/anvietmedical/fonts/OpenSans-Light.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans-LightItalic';
src: url(//anvietmedical.vn/wp-content/themes/anvietmedical/fonts/OpenSans-LightItalic.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'BalooTamma2-Regular';
font-weight: normal;
color: #202f61;
}
h1:focus {
outline: none;
}
h2:focus {
outline: none;
}
h3:focus {
outline: none;
}
h4:focus {
outline: none;
}
h5:focus {
outline: none;
}
h6:focus {
outline: none;
}
button:focus {
outline: none;
}
ul {
padding: 0;
}
blockquote {
font-family: 'OpenSans-Italic';
}
a:hover {
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a {
color: #222;
-webkit-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
}
strong {
font-family: 'BalooTamma2-Regular';
}
img {
width: auto;
border-radius: 0;
object-fit: cover;
}
.no-wc-breadcrumb .site-header {
margin-bottom: 0;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
outline: none;
}
mark {
color: #fe7e75;
font-weight: normal !important;
}
:root {
--swiper-theme-color: #bf9957!important;
}
.site {
overflow-x: initial!important;
}
.right0 {
right: 0!important;
}
.maxWidth500 {
max-width: 500px;
}
.normal-button {
width: 165px;
height: 37px;
border-radius: 30px;
display: inline-block;
text-align: center;
color: #fff!important;
line-height: 37px;
font-size: 12px;
left: calc(50% - 80px);
bottom: -25px;
text-transform: capitalize;
background: rgb(128,195,66);
background: -moz-linear-gradient(45deg, rgba(128,195,66,1) 0%, rgba(93,193,0,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%);
background: linear-gradient(45deg, rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c342', endColorstr='#5dc100',GradientType=1 );
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.normal-button:hover { background: rgb(128,195,66); background: -moz-linear-gradient(45deg,  rgba(128,195,66,1) 0%, rgba(93,193,0,1) 100%); background: -webkit-linear-gradient(45deg,  rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%); background: linear-gradient(45deg,  rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c342', endColorstr='#5dc100',GradientType=1 ); color: #000!important;
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: #fff;
}
body {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
font-size: 15px;
line-height: 29px;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
overflow-wrap: break-word;
overflow-x: hidden;
line-break: strict;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
position: relative;
color: #2b2b2b;
font-family: 'OpenSans-Regular';
font-weight: normal;
}
.banner {
margin-top: 60px;
}
.main-container {
max-width: 1110px;
margin: 0 auto;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.site-header {
padding-top: 0;
background-color: #172b47;
height: 80px;
position: fixed;
height: 60px;
left: 0;
right: 0;
top: 0;
border-bottom: none;
background: rgb(0,71,130);
background: -moz-linear-gradient(7deg, rgb(0 51 93) 0%,rgb(117 210 255) 100%);
background: -webkit-linear-gradient(7deg, rgb(0 51 93) 0%,rgb(117 210 255) 100%);
background: linear-gradient(0deg, #75d2ff 0%, #00335d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=
'#004782', endColorstr='#00439b',GradientType=1 );
}
.header-container {
max-width: 1110px;
margin:  0 auto;
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
height: 60px;
left: 0;
right: 0;
top: 0;  }
.site-header .header-left {
width: 140px;
}
.site-header .main-menu {
display: flex;
}
.site-header .main-menu .menu-item .sub-menu{
position: absolute;
background: rgb(23 43 71)!important;
margin-left: 0;
padding: 15px 0;
border-radius: 10px;
min-width: 220px;
box-shadow: 0 1px 5px rgb(0 0 0 / 12%);
margin-top: -2px;
border-top-left-radius: 0;
border-top-right-radius: 0;
list-style: none;
display: none;
}
#breadcrumbs {
font-family: 'BalooTamma2-Regular';
color: #fff;
font-size: 18px;
text-transform: capitalize;
}
#breadcrumbs a {
color: #fff;
}
.site-header .main-menu .menu-item .sub-menu a {
text-transform: capitalize;
font-size: 16px;
color: #fff;
font-family: 'BalooTamma2-Regular';
}
.site-header .main-menu .menu-item .sub-menu .menu-item {
line-height: 33px;
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
}
.site-header .main-menu .menu-item .sub-menu .menu-item a:after {
display: none;
}
.site-header .main-menu .menu-item .sub-menu .menu-item:hover {
background: rgb(0,71,130);
background: -moz-linear-gradient(7deg, rgb(0 51 93) 0%,rgb(117 210 255) 100%);
background: -webkit-linear-gradient(7deg, rgb(0 51 93) 0%,rgb(117 210 255) 100%);
background: linear-gradient(7deg, rgb(0 51 93) 0%,rgb(117 210 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004782', endColorstr='#00439b',GradientType=1 );
}
.site-header .main-menu .menu-item:hover .sub-menu{
display: block;
}
.site-header .header-right {
width: calc(100% - 183px);
display: flex;
justify-content: flex-end;
align-items: center;
}
.logo {
width: 180px;
height: auto;
position: absolute;
left: 15px;
top: 0;
padding: 20px 25px 25px 25px;
border-radius: 0px 0px 12px 12px;
background: #ffffff;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}
.site-header .main-menu {
display: flex;
align-items: center;
margin: 0;
list-style: none;
} .site-header .main-menu  .menu-item a {
text-transform: uppercase;
font-size: 16px;
color: #fff;
font-weight: normal;
font-family: 'BalooTamma2-Regular';
}
.site-header .main-menu  .menu-item {
text-transform: uppercase;
margin: 0px 20px;
position: relative;
line-height: 60px;
}
.site-header .main-menu .current-menu-item a:after {
content: '';
height: 2px;
display: block;
position: absolute;
bottom: 0px;
left: 0;
z-index: 99;
width: 100%; background: rgb(128,195,66); background: -moz-linear-gradient(left,  rgba(128,195,66,1) 0%, rgba(93,193,0,1) 100%); background: -webkit-linear-gradient(left,  rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%); background: linear-gradient(to right,  rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c342', endColorstr='#5dc100',GradientType=1 ); border-radius: 10px;
}
.lang-item img {
width: 25px;
height: 25px;
margin-bottom: 10px;
}
.header-search-icon img{
width: 18px;
height: 19px;
margin-bottom: 5px;
}
.banner-item .main-container {
position: relative;
}
.banner-item .banner-content {
position: absolute;
top: 0;
left: 13%;
max-width: 1200px;
width: 100%;
height: 100%;
margin: 0 auto;
justify-content: center;
display: flex;
flex-direction: column;
margin-top: 7%;
}
.banner-item .banner-content .heading {font-size: 45px;color: #004782;}
.banner-item .banner-content .title {font-size: 23px;color: #5E6273;margin-bottom: 10px;font-family: 'BalooTamma2-Regular';}
.swiper-pagination {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
left: -67%!important;
top: 0!important;
position: absolute;
right: 0!important;
bottom: 0px!important;
}
.swiper-pagination-bullet-active {
background: transparent!important;
border: solid 1px #80C342;
padding: 8px;
text-align: center;
margin-bottom: -5px!important;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 7px;
color: #fff;
opacity: 1;
background: #A7B6BF;
}
.section {
}
.hpsection1 {
background-size: 100%;
background-repeat: no-repeat;
background-position: 100% 100%;
padding: 80px 0 80px 0;
background-color: #172b47;
background: rgb(0,71,130);
background: -moz-linear-gradient(7deg, rgb(0 51 93) 0%,rgb(117 210 255) 100%);
background: -webkit-linear-gradient(7deg, rgb(0 51 93) 0%,rgb(117 210 255) 100%);
background: linear-gradient(7deg, rgb(0 51 93) 0%,rgb(117 210 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004782', endColorstr='#00439b',GradientType=1 );
}
.hpsection1 .content {
max-width: 600px;
margin: 0 auto;
text-align: center;
color: #fff;
}
.hpsection1 .content .heading{
font-size: 40px;
color: #fff;
}
.hpsection2 .content{
max-width: 450px;
color: #fff;
width: 100%;
}
.hpsection3 .content{
max-width: 450px;
color: #fff;
}
.hpsection2 .content .title{
font-family: 'BalooTamma2-Regular';
font-weight: normal;
font-size: 32px;
text-align: left;
color: #80C342;
}
.hpsection2 .content .heading{
font-weight: normal;
font-size: 48px;
text-align: left;
color: #fff;
margin-bottom: 10px;
}
.hpsection3 .content .title{
font-family: 'BalooTamma2-Regular';
font-weight: normal;
font-size: 32px;
text-align: left;
color: #80C342;
}
.hpsection3 .content .heading{
font-weight: normal;
font-size: 48px;
text-align: left;
color: #fff;
margin-bottom: 10px;
}
.hpsection2 {
background-image: url(//anvietmedical.vn/wp-content/themes/anvietmedical/assets/images/bg2.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 480px;
display: flex;
align-items: center;
color: #fff;
}
.hpsection3 {
background-image: url(//anvietmedical.vn/wp-content/themes/anvietmedical/assets/images/bg3.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 480px;
display: flex;
align-items: center;
color: #fff;
}
.client-list-section {
background-color: #F5F5F5;
}
.client-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 0;
list-style: none;
margin-left: 0;
}
.client-list .client-list-item {
width: 33.333%;
padding: 60px 60px;
}
.list-post-hp {
margin-bottom: -142px;
padding-bottom: 220px!important;
}
.list-post-section {
padding-top: 80px;
padding-bottom: 60px;
background-color: #172b47;
position: relative;
}
.product-page {
background-color: #fff;
padding-top: 0;
padding-bottom: 20px;
}
.product-page .heading {
color: #004782!important;
}
.product-page .list-post-item {
margin-bottom: 20px;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
position: relative;
padding-top: 40px;
}
.product-page .list-post-item:hover {
border-radius: 22px;
background: #fff;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.gioithieu-danhmucsanpham {
text-align: center;
padding: 50px 15px 0 15px;
}
.gioithieu-danhmucsanpham .heading {
font-size: 40px;
}
.list-post-section .heading {
font-size: 40px;
text-align: center;
margin-bottom: 40px;
color: #fff;
}
.new-label {
display: block;
border-radius: 100%;
width: 40px;
height: 40px;
background: #0084C6;
text-align: center;
line-height: 44px;
color: #fff;
left: 10px;
top: 10px;
position: absolute;
font-family: 'BalooTamma2-Medium';
text-transform: uppercase;
}
.related-product {
padding-bottom: 30px!important;
margin-bottom: -79px!important;
}
.list-post {display: flex;flex-wrap: wrap;margin: 0 -2%;list-style: none;}
.list-post-item {width: 29.33333%;margin: 0 2%;}
.list-post-item .heading{
color: #fff;
font-size: 24px;
margin-bottom: 20px;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.list-post-item:hover .heading {
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.list-post-item img {    
border-radius: 22px;
min-height: 220px;
object-fit: cover;
max-height: 220px;
border-radius: 20px;
width: 100%;
} 
.product-page .list-post-item img {
max-height: 100%;
min-height: 250px; object-fit: cover;
margin-bottom: 20px;
}
.list-post-section .sep-one {
margin-bottom: 30px;
margin-top: -10px;
}
.list-post-item .des {padding: 20px 35px;text-align: center;color: #fff;}
.list-post-item .des .heading {
margin-bottom: 0;
margin-bottom: 10px;
}
.formlienhe-section {
}
.formlienhe-section table {
padding: 30px 30px 30px 30px;
background: #E0E0E0;
box-shadow: 0px 20px 30px rgb(0 0 0 / 0.20);
border-radius: 20px;
z-index: 9;
position: relative;
}
.formlienhe-section table .heading {
margin-bottom: 0;
text-align: center;
font-size: 36px;
color: #000;
}
.formlienhe-section table  td{
background-color: #E0E0E0!important;
}
.formlienhe-section table  td input[type='text'] {
width: 100%;
background-color: whitesmoke;
box-shadow: none;
border: solid 1px whitesmoke;
border-radius: 30px;
font-size: 13px;
height: 45px;
padding-left: 17px;
font-family: 'OpenSans-Regular';
}
.formlienhe-section table  td input[type='email'] {
width: 100%;
background-color: whitesmoke;
box-shadow: none;
border: solid 1px whitesmoke;
border-radius: 30px;
font-size: 13px;
height: 45px;
padding-left: 25px;
font-family: 'OpenSans-Regular';
}
.formlienhe-section table  td input[type='tel'] {
width: 100%;
background-color: whitesmoke;
box-shadow: none;
border: solid 1px whitesmoke;
border-radius: 30px;
font-size: 13px;
height: 45px;
padding-left: 25px;
font-family: 'OpenSans-Regular';
}
.formlienhe-section table  td textarea {
background-color: whitesmoke;
box-shadow: none;
border: solid 1px whitesmoke;
border-radius: 15px;
padding-left: 15px;
font-size: 13px;
height: 100px;
font-family: 'OpenSans-Regular';
}
.formlienhe-section table  td input[type="submit"] {
width: 170px;
height: 40px;
border-radius: 30px;
background: #80c442;
display: inline-block;
text-align: center;
color: #fff;
font-family: sans-serif;
text-transform: capitalize;
font-weight: normal;
font-size: 14px;
font-family: 'OpenSans-Regular';
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;    margin-left: 20px;
}
.formlienhe-section table td input[type="submit"]:hover {
color: #000;
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.formlienhe-section table tr:last-child td {
text-align: center;
}
.default-page {
color: #fff;
}
.default-page h1, h2, h3, h4, h5, h6{
color: #202f61;
}
.default-page .main-post-content {
max-width: 700px;
margin: 0 auto;
}
.wpcf7-not-valid-tip {
color: #fd0000;
font-size: 12px;
font-weight: normal;
display: block;
position: absolute;
margin-left: 15px;
}
.formnhantin .wpcf7-not-valid-tip {
color: #fd0000;
font-size: 12px;
font-weight: normal;
display: block;
position: absolute;
bottom: -69px;
margin-left: 20px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #70c12c;
border: 1px solid #73c22f;
color: #fff;
font-size: 12px;
position: relative;
z-index: 99;
background: black;
margin-top: 0;
background: rgb(128,195,66);
background: -moz-linear-gradient(45deg, rgba(128,195,66,1) 0%, rgba(93,193,0,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%);
background: linear-gradient(45deg, rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c342', endColorstr='#5dc100',GradientType=1 );
display: inline!important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
color: #fff;
font-size: 12px;
border: solid 1px #ff6a00;
background: #050505;
z-index: 99;
position: relative;
margin-top: 0;
display: inline!important;
}
.hp-formlienhe {
margin-bottom: -300px;
}
.page-id-1140 .site-footer {
padding-top: 350px;
}
.page-id-1155 .site-footer {
padding-top: 350px;
}
.page-id-1142 .site-footer{
padding-top: 350px;
}
.page-id-1158 .site-footer{
padding-top: 350px;
}
.page-id-1148 body {
background-color: #2d2e31!important;
}
.formnhantin form{
margin-left: -80px;
}
.formnhantin  input[type="email"]{
border: none;
border-radius: 30px;
box-shadow: none;
background-color: #fff;
font-family: 'Montserrat-Regular';
font-size: 13px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 42px;
padding-left: 20px;
width: calc(100% - 70px);
float: left;
font-family: 'OpenSans-Regular';
}
.formnhantin input[type="submit"] {
background: #A7B6BF;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
margin-left: 0px;
color: #fff;
font-size: 11px;
height: 42px;
line-height: 30px;
float: right;
width: 70px;
font-family: 'OpenSans-Bold';
background: rgb(128,195,66);
background: -moz-linear-gradient(45deg, rgba(128,195,66,1) 0%, rgba(93,193,0,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%);
background: linear-gradient(45deg, rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c342', endColorstr='#5dc100',GradientType=1 );
}
.page-cover {
background-size: cover;
margin-top: 60px;
min-height: 400px;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: center;
color: #fff;
}
.page-cover .heading {
font-size: 56px;
color: #fff;
margin-bottom: 0;
}
.page-cover .heading .post-categories {
list-style: none;
padding: 0;
margin: 0;
}
.page-cover .breadcrumb {
font-family: 'BalooTamma2-Regular';
text-transform: capitalize;
}
.news-details #breadcrumbs{
color: #5E6273;
}
.max-width500 {
max-width: 500px;
margin: 0 auto;
text-align: center;
}
.max-width800 {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.max-width700 {
max-width: 700px;
margin: 0 auto;
text-align: center;
}
.news-details #breadcrumbs a{
color: #5E6273;
}
.post-detail-title {
font-size: 38px;
color: #004782;
margin-bottom: 0;
} .site-footer {
position: relative;
margin: 0 auto;
background-color: #050505;
padding-bottom: 40px;
color: #000!important;
padding-top: 60px;
background: rgb(0,71,130);
background: -moz-linear-gradient(25deg, rgb(0 51 93) 0%,rgb(117 210 255) 100%);
background: -webkit-linear-gradient(25deg, rgb(0 51 93) 0%,rgb(117 210 255) 100%);
background: linear-gradient(0deg, rgb(0 51 93) 0%,rgb(117 210 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004782', endColorstr='#00439b',GradientType=1 );
}
.site-footer a {
text-decoration: none;
}
.site-footer strong {
font-size: 20px;
display: inline-block;
margin-bottom: 15px;
margin-top: 25px;
color: #fff;
}
.site-footer b{
color: #fff!important;
}
.site-footer p{
color: #fff!important;
}
.site-footer a{
color: #fff!important;
}
.footer-top {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
margin-left: 0;
justify-content: flex-start;
list-style: none;
}
.footer-top .footer-top-left {
width: 60%;
}
.footer-top .footer-top-right {
width: 40%;
padding-left: 50px;
align-self: center;
margin-top: 70px;
}
.footer-top-right .wpcf7 {
width: auto;
display: block;
height: 55px;
margin-bottom: 15px;
}
.footer-top-left-phone {
margin-left: 0;
display: flex;
flex-wrap: wrap;
list-style: none;
}
.footer-top-left-phone li {
width: 45%;
}
.footer-top-left p {
margin-bottom: 0;
}
.footer-top-right p {
margin-bottom: 0;
}
.footer-bottom {
display: flex;
flex-wrap: wrap;
margin-left: 0;
margin-bottom: 0;
list-style: none;
}
.footer-bottom .footer-bottom-left {
width: 60%;
}
.footer-bottom .footer-bottom-right {
width: 40%;
}
.footer-bottom .footer-bottom-left .main-menu {
display: flex;
flex-wrap: wrap;
margin-left: 0;
margin-bottom: 0;
list-style: none;
}
.footer-bottom .footer-bottom-left .main-menu .menu-item {
margin-right: 15px;
text-transform: capitalize;
position: relative;
}
.footer-bottom .footer-bottom-left .main-menu .menu-item .sub-menu {
display: none;
position: absolute;
background: #000;
padding: 20px;
border-radius: 9px;
top: -90px;
width: 210px;
font-size: 13px;
}
.footer-bottom .footer-bottom-left .main-menu .menu-item:hover .sub-menu {
display: block;
}
.footer-bottom .footer-bottom-left .main-menu .pll-parent-menu-item {
display: none;
}
.footer-bottom .footer-bottom-left .main-menu .header-search-icon {
display: none;
}
.footer-bottom .footer-bottom-left .main-menu .lang-item {
display: none;
}
.pll-parent-menu-item:after {
content: '';
width: 12px;
height: 12px;
background-image: url(//anvietmedical.vn/wp-content/themes/anvietmedical/assets/images/icon/down-icon.svg);
display: block;
position: absolute;
right: -19px;
top: 11px;
background-repeat: no-repeat;
}
.pll-parent-menu-item img {
width: 25px;
height: 25px;
margin-bottom: 5px;
}
.pll-parent-menu-item .sub-menu {
animation: none;
position: absolute;
background: rgb(46 47 49)!important;
margin-left: -19px!important;
padding: 12px 0px 5px 0px!important;
border-radius: 5px!important;
min-width: 66px!important;
box-shadow: none!important;
display: block;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.mobile-menu {
display: none;
cursor: pointer;
position: fixed;
z-index: 99;
right: 15px;
}
.mobile-menu span {
height: 1px;
display: block;
background-color: #fff;
width: 17px;
border-radius: 4px;
display: block;
clear: both;
float: right;
}
.mobile-menu .step1 {
}
.mobile-menu .step2 {
margin: 7px 0;
width: 10px;
float: right;
display: block;
clear: both;
}
.mobile-menu .step3 {
width: 14px;
display: block;
clear: both;
float: right;
}
.post-details {
padding-top: 140px;
padding-bottom: 50px;
}
.post-details table {
width: 100%;
}
.post-details table td{
width: 33.3333%;
}
.footer-bottom-right .footer-social {
display: flex;
padding-left: 0;
margin-left: 0;
list-style: none;
}
.footer-bottom-right .footer-social li {
margin-right: 30px;
}
.footer-social img {
width: 23px;
}
.footer-logo {
width: auto;
display: block;
height: 55px;
margin-bottom: 15px;
}
.site-copyright {
padding: 7px 15px;
background-color: #ffffff;
text-align: center;
color: rgb(0 0 0 / 60%);
font-size: 13px;
}
.sep-one {
height: 3.93px;
width: 48.05px;
margin: 0 auto;
margin-bottom: 20px;
}
.gototop {
width: 25px;
position: absolute;
right: 20px;
bottom: 50px;
cursor: pointer;
}
.side-hotline {
background: rgb(128,195,66);
background: -moz-linear-gradient(45deg, rgba(128,195,66,1) 0%, rgba(93,193,0,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%);
background: linear-gradient(45deg, rgba(128,195,66,1) 0%,rgba(93,193,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c342', endColorstr='#5dc100',GradientType=1 );
width: 170px;
padding-top: 6px;
height: 35px;
border-radius: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
display: flex;
color: #fff;
justify-content: center;
align-items: center;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
position: fixed;
z-index: 999;
top: calc(50% - 85px);
right: -67px;
font-size: 12px;
}
.side-hotline  img{
height: 13px;
width: auto;
margin-right: 7px;
margin-top: -3px;
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}
.contact-map iframe{
width: 100%; height: 250px;
}
.formlienhe-contact-page {width: 65%;padding: 0 2%;}
.full-contact-container {
display: flex;
margin: 0 -2%;
padding-top: 60px;
padding-bottom: 60px;
justify-content: center;
flex-wrap: wrap;
}
.contact-map {
width: 35%;
padding: 0 2%;
}
.page-about {
background-image: none;
min-height: auto;
background-image: url(//anvietmedical.vn/wp-content/themes/anvietmedical/assets/images/about-bg.png);
background-size: cover;
background-color: #172b47;
}
.page-about-cover {
min-height: 500px;	
}
.page-about-client {
padding-top: 200px;
}
.page-about .content {
color: #fff;
}
.page-about .content .heading {
color: #fff;
}
.post-categories a {
color: #fff;
}
.vison-mission-container { margin-top: 100px;
}
.vison-mission-container .vison-mission-list{
display: flex;
flex-wrap: wrap;
position: relative; list-style: none;
margin-left: 0;
}
.vison-mission-container .vison-mission-list li:first-child {
width: 100%;
display: flex;
padding: 0 30px;
margin: 0 -30px
}
.vison-mission-container .vison-mission-list li:last-child { }
.vison-mission-content .heading{
font-family: 'BalooTamma2-Regular';
font-size: 40px;
position: relative;
color: #fff;
}
.vison-mission-content .heading:before {
content: '';
width: 20px;
height: 20px;
position: absolute;
display: block;
left: -35px;
background-image: url(//anvietmedical.vn/wp-content/themes/anvietmedical/assets/images/icon/list-icon.svg);
background-size: cover;
}
.vison-mission-container .vison-mission-list .vison-mission-content{
margin-bottom: 50px;
padding-left: 30px;
color: #fff;
width: 50%;
}
.giatricotloi-container .heading {
font-size: 40px;
text-align: center;
color: #172b47;
}
.giatricotloi-content {
padding: 30px 30px 50px 30px;
background: white;
border-radius: 20px;
margin-bottom: -250px;
z-index: 99;
position: relative;
margin-top: 100px;
position: relative;
}
.giatricotloi-list {
display: flex;
flex-wrap: wrap;
list-style: none;
margin-left: 0;
}
.giatricotloi-list .giatricotloi-list-item {
width: 31.3333%;
text-align: center;
margin: 0 1%;
}
.giatricotloi-list-item .heading {
font-size: 22px;
color: #80C342;
text-transform: uppercase;
}
.giatricotloi-list-item p {
font-size: 14px;
}
.giatricotloi-container .normal-button {
margin-top: 30px;
position: absolute;
}
.giatricotloi-bg {
background-image: url(//anvietmedical.vn/wp-content/themes/anvietmedical/assets/images/about-bg.png);
}
.related {
background-color: #fff;
}
.related .list-post-item .des {
color: #5E6273!important;
}
.related .heading {
color: #004782;
}
.related .list-post {
color: #5E6273;
}
.related .list-post .des .heading {
color: #004782;
}	
.post-top-info {display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.post-top-info .left {
width: 75%;
}
.post-top-info .right {
width: 25%;
}
.post-top-info .right .info {line-height: 25px;font-size: 15px;}
.post-top-info .right .info strong {
color: #5E6273;
}
.single-sanpham .post-top-info {
}
.single-sanpham .post-top-info .left{
width: 50%;
}
.single-sanpham .post-top-info .right{
width: 50%;
padding-left: 50px;
}
#post-navigation {
width: 100%;
display: none;
}
@media only screen and (max-width: 1000px) {
.site-header .main-menu .menu-item a {
position: relative;
}
.site-header .main-menu .current-menu-item a:after {
height: 1px;
}
.site-header .main-menu {
align-items: baseline;
}
.header-search-icon {
display: none;
}
.site-header .main-menu .menu-item .sub-menu {
position: absolute;
width: 245px;
background: rgb(13 9 21);
margin-left: 0;
margin-top: -1px;
padding: 15px 0;
border-radius: 10px;
margin-left: 100px;
padding-bottom: 15px;
visibility: hidden;
opacity: 0;
transition: opacity 0.4s ease-out;
margin-top: -90px;
}
.site-header .main-menu .menu-item:hover .sub-menu {
visibility: visible;
opacity: 1;
}
.main-menu {
position: fixed;
height: 100%;
top: 0;
z-index: 99;
display: flex;
flex-direction: column;
right: -100%;
width: 100%;
justify-content: center;
align-items: baseline;
margin-right: 0!important;
padding: 70px 25px;
transform: translateY(0%);
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
background: -moz-linear-gradient(45deg, rgba(102,76,124,1) -1%, rgba(192,123,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#664c7c', endColorstr='#c07bfc',GradientType=1 );
background: #050505;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa06e4', endColorstr='#02b1fd',GradientType=1 );
}
.mobile-menu {
display: block;
}
.site-header .main-menu .menu-item {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
blockquote {
margin-left: 0px;
margin-right: 0;
}
.post-top-info .left {
width: 100%;
}
.post-detail-title {
font-size: 29px;
}
.post-top-info .right {
width: 100%;
}
.formlienhe-contact-page {
width: 85%;
}
.contact-map {
width: 100%;
}
.long-button {
width: 150px!important;
left: calc(50% - 75px);
bottom: -13px;
}
.page-cover {
margin-top: 50px;
}
.site-header {
height: 50px;		
}
.header-container {
height: 50px;
}
.swiper-container {
margin-top: 50px;
}
.logo {
width: 110px;
padding: 14px 15px;
border-radius: 0;
left: 0;
}
.banner-item .banner-content {
left: 50px;
margin-top: 0;
}
.banner-item .banner-content .title {
font-size: 16px;
margin-bottom: 0;
}
.banner-item .banner-content .heading {
font-size: 24px;
line-height: 29px;
}
.normal-button {
width: 80px;
font-size: 9px;
height: 24px;
line-height: 24px;
}
.client-list .client-list-item {
width: 80%;
padding: 25px 70px;
}
.list-post-item {
width: 46%;
}
.post-details {
padding-top: 100px;
}
.post-top-info {
flex-direction: column;
}
.list-post-item img {
width: 100%;
margin: 0 auto;
height: 150px;
max-height: auto;
min-height: auto;
}
.page-cover {
min-height: 250px;
}
.page-cover .heading {
font-size: 32px;
}
.gototop {
width: 20px;	
}
}
@media only screen and (max-width: 600px) {
body {
font-size: 14px;
line-height: 28px;
}
.banner-item .banner-content {
left: 50px;
margin-top: 0;
}
.banner-item .banner-content .title {
font-size: 16px;
}
.banner-item .banner-content .heading {
font-size: 24px;
line-height: 29px;
}
.banner-item .banner-content .normal-button {
width: 80px;
font-size: 9px;
height: 26px;
line-height: 26px;
}
.swiper-pagination {
left: -64%!important;
}
.hpsection1 .content {
text-align: justify;
}
.hpsection1 .content .heading {
margin-bottom: 10px;
font-size: 30px;
}
.sep-one {
width: 45px;
height: auto;
}
.hpsection1 {
padding: 40px 0;
min-height: 450px;
background-size: 100%;
padding-top: 50px;
}
.hpsection2 .content .title {
font-size: 15px;
}
.hpsection2 .content .heading {
font-size: 30px;
}
.hpsection3 .content .title {
font-size: 16px;
}
.hpsection3 .content .heading {
font-size: 30px;
}
.list-post-section {
padding: 40px 0 0 0;
}
.list-post-section .heading {
font-size: 30px;
}
.formlienhe-section table td{
width: 100%;
display: block;
}
.formlienhe-section table .heading {
font-size: 30px;
}
.formlienhe-section table td input[type='text'] {
width: 100%;
}
.formlienhe-section table td input[type='email'] {
width: 100%;
}
.formlienhe-section table td input[type='tel'] {
width: 100%;
}
.formlienhe-section table td textarea {
width: 100%;
}
.list-post-item .des {
padding: 20px 15px;
text-align: center;
color: #fff;
}
.list-post-item .des .heading {
font-size: 19px;
margin-bottom: 10px;
line-height: 24px;
}
.footer-top .footer-top-left {
width: 100%;
}
.footer-top .footer-top-right {
width: 100%;
padding-left: 0;
display: flex;
flex-direction: column-reverse;
margin-top: 0;
padding-bottom: 30px;
}
.formnhantin form {
margin-left: 0;
}
.footer-logo {
margin-bottom: 15px;
}
.footer-top-left-phone {
margin-top: 10px;
flex-direction: column;
}
.footer-top .footer-top-right .formnhantin {
margin-top: 40px;
}
.footer-bottom .footer-bottom-left {
display: none;
}
.footer-bottom .footer-bottom-right {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.footer-bottom-right .footer-social li {
margin: 0 15px;
}
.footer-top {
margin-bottom: 0;
}
.site-footer hr {
margin-bottom: 0;
}
.footer-top-left-phone li {
width: 49%;
width: 100%;
}
.vison-mission-container {
background-image: url(http://anvietmedical.vn/wp-content/uploads/2020/09/vision-mission@2x.png);
background-repeat: no-repeat;
background-position: center 100%;
padding-top: 50px;
background-size: calc(100% - 30px);
padding-bottom: 110px;
}
.vison-mission-container .vison-mission-list li:first-child {
width: 100%;
}
.giatricotloi-container .heading {
font-size: 26px;
}
.giatricotloi-list .giatricotloi-list-item {
width: 100%;
margin-bottom: 20px;
}
.vison-mission-container {
margin-top: 0;
}
.vison-mission-container .vison-mission-list .vison-mission-content {
padding-left: 0;
}
.vison-mission-content .heading:before {
left: 0px;
}
.vison-mission-content .heading {
padding-left: 30px;
}
.formlienhe-section table {
padding: 20px 0;
}
.list-post-hp {
margin-bottom: -236px;
padding-bottom: 270px!important;
}
}
@media only screen and (max-width: 480px) {
}