.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
} .bx-wrapper .bx-viewport {
background: #fff; -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 0px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #cdcdcd;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #fff;
} .bx-wrapper .bx-prev {
left: 0px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/bx-control.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
right: 0px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/bx-control.png) no-repeat -70px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -25px;
outline: 0;
width: 50px;
height: 50px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/css/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/css/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}.text-uppercase{text-transform: uppercase}
.text-center,.align-center{text-align: center;}
.mgt10{margin-top: 10px !important;}
.mgt20{margin-top: 20px !important;}
.mgl10{margin-left: 10px !important;}
.mgl20{margin-left: 20px !important;}
.mgl30{margin-left: 30px !important;}
.mgr10{margin-right: 10px !important;}
.mgr20{margin-right: 20px !important;}
.mgb10{margin-bottom: 10px !important;}
.mgb20{margin-bottom: 20px !important;}
.bdr20{border-radius: 20px !important;}
.over-hidden{overflow: hidden !important;}
@font-face {
font-family: Nabila;
src: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/css/Nabila.ttf);
}
.wl100
{
float: left;
width: 100%;
}
*{
margin: 0;
padding: 0;
}
.detail-content h2,.detail-content h3,.detail-content h4,.detail-content h1,.detail-content p,.detail-content ul
{
margin-bottom: 15px;
}
* {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
a {
text-decoration: none
}
.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
width: 0
}
.clearfix {
display: block
}
* html .clearfix {
height: 1%
}
ul {
list-style: none
}
strong {
font-weight: 700
}
em {
font-style: italic
}
figure {
margin: 10px 0;
font-style: italic
}
.btn_button, .btn_buy, .btn_choose, .btn_contact, .btn_login, .btn_register {
padding: 15px 20px;
color: #fff!important;
text-decoration: none;
font-weight: 700;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer
}
.btn_button {
background: #F90000
}
.btn_buy {
background: #ffa627
}
.btn_choose {
background: #00468f
}
.btn_register {
background: #0071db
}
.btn_login {
background: #34c444
}
.btn_contact {
background: #227f2c
}
.btn_button:hover, .btn_buy:hover, .btn_choose:hover, .btn_contact:hover, .btn_login:hover, .btn_register:hover {
background: #F99500;
text-decoration: none!important
}
.hide {
display: none
}
.nabila
{
font-family: Nabila;
} body {
font-family: 'Roboto', sans-serif;
font-size: 14px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/bg.png) no-repeat top right;
background-size: contain;
font-style: normal;
width: 100%;
}
.container {
width: 100%;
float: left
}
.container>div
{
width: 1024px;
margin:auto calc((100% - 1024px)/2);
float: left;
}
.container-header {
float: left;
padding: 20px 0;
text-align: center;
}
.logo_pc {
display: block
}
.logo_m {
display: none
} .menu {
background: rgb(241, 239, 236);
position: relative;
z-index: 1000;
}
.list_menu {
float: left;
width: 100%;
box-shadow: 1px 1px 2px #bbb6b6;
}
.list_menu>li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
.list_menu>li>a {
color: #000;
float: left;
padding:10px 8px;
font-size: 13px;
font-weight: 500;
line-height: 27px;
text-transform: uppercase;
}
.list_menu>li>a.active, .list_menu>li>a:hover {
border-top: 3px solid #F9FF38;
color: #042891;
}
.child_menu {
position: absolute;
float: left;
width: 250px;
clear: both;
background: #3A8BDA;
top: 50px;
display: none;
box-shadow: 1px 1px 2px #bbb6b6;
}
.child_menu>li>a{
float: left;
padding: 10px;
font-size: 13px;
font-weight: 500;
color: #fff;
border-bottom: 1px dotted #cdcdcd;
width: 227px;
border-left: 3px solid #3A8BDA;
}
.child_menu>li>a:hover{
border-left: 3px solid #F9FF38;
color: #042891;
}
.child_menu:hover, .sub_menu:hover .child_menu {
display: block;
}
.sub_menu_reg
{
background: #F9FF38;
text-align: center;
float: right !important;
}
.list_menu>li.sub_menu_reg>a,.list_menu>li.sub_menu_reg>a:hover
{
color: #042891;
height: 30px;
border: none !important;
line-height: 14px;
}
.left-menu li
{
float: left;
padding: 10px 0 10px 30px;
width: calc(100% - 30px);
border-bottom: 1px solid #cdcdcd;
}
.left-menu li:last-child
{
border-bottom: none;
}
.left-menu li:hover,.left-menu li.active
{
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/bg_left_menu.png) no-repeat center left;
}
.left-menu li:hover a,.left-menu li.active a
{
color: #0241B9;
}
.left-menu li a
{
float: left;
width: 100%;
color: #111;
font-size: 16px;
} .box_slide>div{
margin-top: 20px;
box-shadow: 1px 1px 2px #bbb6b6;
}
.slide-home
{
width: 670px;
float: left;
}
.highlights
{
width: 330px;
float: right;
background: #42A4FF;
}
.highlights>p
{
width: 100%;
padding: 5px 5px 0;
float: left;
border-bottom: 1px dashed #fff;
}
.highlights>p:last-child
{
border-bottom: none;
}
.highlights>p>*
{
display: inline-block;
vertical-align: middle;
font-size: 18px;
color: #fff;
font-weight: 400;
}
.highlights>p>img
{
width: 138px;
}
.highlights>p>span,.highlights>p>strong
{
text-shadow: 1px 1px 2px #28659c;
} .container>.notify
{
margin-top: 20px;
box-shadow: 0px 3px 3px #cdcdcd;
border-top: 7px solid #004A8E;
padding: 10px 0;
}
.notify-info
{
width: 430px;
float: left;
padding: 10px 20px;
color: #004A8E;
text-align: justify;
line-height: 20px;
}
.notify-info>h3
{
line-height: 30px;
margin-bottom: 10px;
font-size: 20px;
}
.notify-info >h1
{
line-height: 30px;
}
.notify-info h2
{
line-height: 28px;
}
.notify-content
{
width: 510px;
float: left;
padding: 10px 20px;
color: #004A8E;
text-align: justify;
line-height: 25px;
}
.notify-link
{
float: left;
width: 285px;
height: 50px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/button.png) no-repeat top left;
line-height: 50px;
font-weight: 500;
text-align: center;
color: #004A8E;
margin: 10px calc((100% - 285px)/2);
}
.notify-link:hover
{
transform: scale(1.2,1.2);
} .box_title
{
float: left;
width: 100%;
color: #2A2A2A;
font-size: 20px;
text-transform: uppercase;
font-weight: 500;
padding-bottom: 10px;
text-align:center;
}
.box_title p
{
font-weight: normal;
font-size: 15px;
margin-top: 5px;
text-transform: capitalize;
line-height: 26px;
}
.home-list-cat
{
width:100%;
float: left;
}
.cat-detail
{
float: left;
width: calc(50% - 35px);
border: 2px solid #1C5087;
border-radius: 10px;
padding: 10px;
margin-bottom: 20px;
}
.cat-detail:nth-child(2n)
{
float: right;
}
.cat-detail:last-child
{
float: right;
margin-right: 0;
}
.cat-detail-preview
{
background: #fff;
float: left;
width: 100%;
}
.cat-detail-preview img
{
float: left;
width: 225px !important;
height: 225px !important;
}
.cat-detail-preview>h4,.cat-detail-preview>h3
{
color: #1C5087;
text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #e0e0e0, 0 -4px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
text-transform: uppercase;
font-size: 20px;
padding:0 5px;
width: calc(100% - 235px);
float: left;
}
.cat-detail-preview>h4 *,.cat-detail-preview>h3 *
{
display: inline-block;
vertical-align: bottom;
}
.cat-detail-preview .border-cat-title
{
width: 50px;
position: relative;
top: -6px;
left: 4px;
}
.border-cat-title
{
border-bottom: 1px solid #1C5087;
padding-bottom: 2px;
}
.border-cat-title>*
{
border-bottom: 1px solid #1C5087;
float: left;
width: 80%;
}
.cat-detail-preview>p,.cat-detail-preview ul li
{
width: calc(100% - 235px);
float: left;
padding:0 5px;
line-height: 23px;
font-size: 13px;
}
.bnt_short
{
width: 90%;
float: left;
padding: 10px;
margin-left: 5px;
background: #ffc600;
color: #1C5087;
text-transform: uppercase;
text-align: center;
font-weight: 500;
}
.bnt_short:hover
{
background: #FFE500;
color:#004B8F;
}
.home-cat-list-news
{
float: left;
width: 100%;
margin-top: 20px;
}
.home-cat-list-news>li
{
list-style-type: square;
float: left;
width: calc(100% - 20px);
margin-left: 15px;
color: #004B8F;
min-height: 44px;
}
.home-cat-list-news a
{
width: 100%;
float: left;
color: #3b3b3b;
}
.home-cat-list-news a:hover
{
color: #004B8F;
text-decoration: underline;
}
.home-cat-list-news>a>span
{
float: right;
width: calc(65% - 10px);
color: #3b3b3b;
line-height: 25px;
padding: 0px;
border-bottom: none;
} .home-left-box
{
width: 65%;
float: left;
}
.list-news-4-square
{
float: left;
width: calc(100% - 40px);
padding: 20px;
background: #f9f9f9;
box-shadow: 0px 3px 3px #cdcdcd;
}
.list-news-4-square>a
{
float: left;
width: calc(50% - 10px);
color: #3b3b3b;
margin-bottom: 10px;
}
.list-news-4-square>a:nth-child(2n) {
float: right;
}
.list-news-4-square>a>img
{
float: left;
border-radius: 5px;
width: calc(100% - 2px);
height: 180px;
}
.list-news-4-square>a>span
{
padding: 5px;
font-size: 14px;
float: left;
font-weight: 500;
line-height: 25px;
height: 65px;
overflow: hidden;
}
.list-news-4-square>a:hover>span
{
color: #033c7d;
}
.list-news-more
{
background: #E3E3E3;
width: 100%;
float: left;
text-align: center;
color: #3b3b3b;
padding: 10px 0;
box-shadow: 0px 3px 3px #cdcdcd;
}
.list-news-more:hover
{
background: #164D6B;
color: #fff;
}
.home-right-box
{
width: calc(35% - 25px);
float: right;
}
.list-news-vertical
{
float: left;
width: calc(100% - 40px);
padding: 20px;
box-shadow: 0px 3px 3px #cdcdcd;
}
.list-news-vertical>a
{
float: left;
width: 100%;
color: #3b3b3b;
padding: 7px 0 7.5px;
border-bottom: 1px dashed #3b3b3b;
}
.list-news-vertical>a:last-child,.list-news-vertical>a:hover:last-child
{
border-bottom: none;
}
.list-news-vertical>a>i
{
float: left;
color: #0241B9;
width: 10px;
margin-right: 5px;
margin-top: 3px;
}
.list-news-vertical>a>span
{
float: left;
line-height: 24px;
width: calc(100% - 20px);
}
.list-news-vertical>a:hover
{
border-bottom: 1px dashed #0241B9;
}
.list-news-vertical>a:hover>span
{
color: #0241B9;
}
.home-right-box .list-news-more
{
background: #164D6B;
color: #fff;
}
.home-right-box .list-news-more:hover
{
background: #FFE500;
color: #004B8F;
}
.link_special
{
font-size: 20px;
font-weight: 500;
float: left;
width: 100%;
border-radius: 10px;
text-align: center;
margin-bottom: 10px;
min-height: 60px;
color: #fff;
text-shadow: 1px 1px 1px #333;
text-transform: uppercase;
background-image: linear-gradient(to top,#23a93a,#30dc45);
padding: 10px 0;
}
.link_special a
{
color: #fff;
}
.link_special:hover
{
transform: scale(1.1);
box-shadow: 3px 3px 5px #333;
}
.link_special:first-child
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/tim.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(2)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/cham.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(3)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/lam.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(4)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/luc.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(5)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/vang.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(6)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/cam.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(7)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/do.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
} .home-story
{
float: left;
width: 100%;
border-top: 3px solid #033B6C;
margin-top: 40px;
}
.home-story>h3
{
position: relative;
width: 50%;
text-align: center;
padding: 10px;
background: #fff;
color: #033B6C;
font-size: 20px;
top: -25px;
left: calc(25% - 20px);
text-transform: uppercase;
}
.home-story-text
{
width: 100%;
float: left;
}
.home-story-text>h4
{
font-size: 25px;
font-weight: normal;
margin-bottom: 20px;
}
.home-story-text>h4>span
{
font-size: 40px;
font-weight: 500;
}
.home-story-text p
{
margin-bottom: 20px;
line-height: 25px;
font-size: 16px;
}
.home-story-text .nabila
{
color: #C4021F;
text-align: center;
font-size: 25px;
margin-bottom: 20px;
}
.home-story-text .disc
{
width: 10px;
height: 10px;
float: left;
background: #C4021F;
transform: rotate(45deg);
margin-right: 20px;
margin-top: 5px;
}
.home-story-text>p>i.fas
{
color: #40A4FF;
margin: 0 1px;
}
.home-story-video
{
width: calc(60% - 20px);
float: right;
opacity: 0.5;
} .title-phamchat
{
color: #00498E;
font-size: 20px;
margin-bottom: 80px;
padding-left: 30px;
float: left;
width: 100%;
}
.title-phamchat>span
{
color: #fff;
text-shadow: 2px 0 0 #00498E, -2px 0 0 #00498E, 0 2px 0 #00498E, 0 -2px 0 #00498E, 1px 1px #00498E, -1px -1px 0 #00498E, 1px -1px 0 #00498E, -1px 1px 0 #00498E;
font-size: 50px;
}
.phamchat
{
position: relative;
float: left;
width: 100%;
margin-bottom: 70px;
}
.phamchat:last-child
{
margin-bottom: 30px;
}
.phamchat>img
{
position: absolute;
top:-50px;
left: 20px;
}
.phamchat>span
{
float: left;
width: calc(100% - 554px);
padding: 10px 20px 10px 534px;
background: #42A4FF;
border-radius: 60px;
color: #fff;
font-style: italic;
line-height: 25px;
} .home-list-img
{
float: left;
width: 100%;
}
.home-list-img a
{
float: left;
width: calc((100% - 60px) / 3);
border-radius: 10px;
margin: 0 20px 20px 0;
overflow: hidden;
}
.home-list-img a img
{
float: left;
}
.home-list-img img:hover
{
transform: scale(1.2);
}
.home-list-img-top>div:nth-child(1),.home-list-img-top>div:nth-child(2)
{
width: calc(25% - 20px);
height: 236px;
float: left;
margin-right: 20px;
background: green;
overflow: hidden;
}
.home-list-img-top>div:nth-child(3)
{
width: 50%;
float: right;
height: 236px;
background: red;
overflow: hidden;
}
.home-list-img-top img
{
height: 100%;
width: 100%;
}
.home-list-img-left
{
width: calc(65% - 20px);
float: left;
}
.home-list-img-left img
{
width: 100%;
}
.home-list-img-left>div:first-child
{
margin-bottom: 20px;
}
.home-list-img-right
{
width: 35%;
float: right;
}
.home-list-img-right img
{
width: 100%;
}
.home-list-img-right>div
{
margin-bottom: 20px;
}
.home-list-img-left>div,.home-list-img-right>div
{
overflow: hidden;
} .list-doitac
{
width: calc(100% - 40px);
float: left;
padding: 20px;
background: #E6E6E6;
border-bottom: 7px solid #004A8E;
margin-bottom: 50px;
text-align: center;
}
.list-doitac>a
{
padding: 0 10px;
display: inline-block;
} .breadcrumbs-detail
{
width: 100%;
float: left;
}
.breadcrumbs-detail>li
{
list-style-type: none;
float: left;
margin: 0 2px;
width:unset !important;
}
.breadcrumbs-detail>li>a,.breadcrumbs-detail>li>i
{
color: gray;
}
.breadcrumbs-detail>li.current>a
{
color: #3A8BDA;
}
.detail_title
{
color: #014991;
font-size: 21px;
text-align: justify;
line-height: 32px;
width: 100%;
float: left;
margin-top: 20px;
text-transform: uppercase;
padding-bottom: 12px;
}
.detail_title.text-center{
text-align: center;
}
.detail-interview
{
color: gray;
font-size: 13px;
padding-bottom: 10px;
border-bottom: 1px dashed gray;
}
.detail-content
{
color: #111;
font-size: 15px;
line-height: 25px;
text-align: justify;
}
.detail-content h2
{
color: #014991;
float:left;
width:100%;
}
.detail-content table
{
width:100%;
max-width:100%;
}
.detail-content>ul
{
list-style: unset;
}
.detail-content>ul>li
{
margin-left: 20px;
}
.detail-content>p
{
margin-bottom: 20px;
}
.detail-content img
{
max-width: 100%;
width: 100%;
height: auto;
}
.detail-content table img
{
width: auto !important;
}
.detail-content-item figure {
padding: 5px;
background: #fff;
}
.detail-list-3-news
{
float: left;
width: calc(100% - 40px);
padding: 20px;
background: #33526F;
}
.detail-list-3-news>a
{
float: left;
width: calc((100% - 40px)/3);
margin-bottom: 20px;
margin-right: 20px;
}
.detail-list-3-news>a:nth-child(3n) {
margin-right: 0px;
}
.detail-list-3-news>a>img {
width: 100%;
float: left;
}
.detail-list-3-news>a>b,.detail-list-3-news>a>strong,.detail-list-3-news>a>h3
{
color: #fff;
font-weight: 500;
margin-top: 10px;
float: left;
margin-bottom: 10px;
line-height: 25px;
max-height: 50px;
overflow: hidden;
font-size: 15px;
}
.detail-list-3-news>a:hover>b,.detail-list-3-news>a:hover>strong {
color: #FFF400;
}
.detail-list-3-news>a>span
{
color: #fff;
font-weight: 500;
margin-top: 5px;
float: left;
font-weight: normal;
font-size: 12px;
line-height: 20px;
}
.detail-content table>tr,.detail-content table>th,.detail-content table tr>td
{
border-color: gray;
border-collapse: collapse;
text-align: left;
padding-left: 5px;
border:1px solid gray;
}
.detail-content table tr>td
{ }
.detail-content table tr,.detail-content table th,.detail-content table tr td,.detail-content table
{
border-spacing: 0px;
}
.detail-content table tr p,.detail-content table th p,.detail-content table tr td p,.detail-content table
{
margin-bottom: 0px;
} .box-tin-truong,.box-tin-truong h2
{
float: left;
width: calc(100% - 40px);
color: #014B8C;
font-size: 20px;
text-transform: uppercase;
padding: 10px 20px;
font-weight: 500;
background: #B6DDEC;
}
.list-news-4-square-truong>a>span
{
color: #fff;
}
.list-news-4-square-truong>a:hover>span
{
color: #FFF400;
}
.list-news-truong
{
box-shadow: 3px 3px 3px #cdcdcd;
width: calc(100% - 40px);
padding: 20px;
float: left;
}
.list-news-truong>a {
width: 100%;
float: left;
color: #3b3b3b;
border-bottom: 1px dashed #5A748B;
padding: 10px 0;
}
.list-news-truong>a:nth-last-child(2)
{
border: none;
}
.list-news-truong>a>img
{
float: left;
width: 45%;
border-radius: 5px;
height: 150px;
}
.list-news-truong>a>b
{
float: right;
width: calc(55% - 10px);
color: #262626;
line-height: 25px;
padding: 0px;
}
.list-news-truong>a:hover>b {
color: #014B8C;
}
.list-news-truong>a>span
{
float: right;
width: calc(55% - 10px);
color: gray;
line-height: 25px;
font-size: 12px;
padding: 0px;
}
.list-news-truong>a>p
{
float: right;
width: calc(55% - 10px);
color: #252525;
font-size: 13px;
line-height: 22px;
}
.phantrang>a
{
color: gray;
padding: 5px;
}
.phantrang>a:hover
{
color: #262626;
} .gt-thong-diep
{
box-shadow: 2px 2px 3px #cdcdcd;
padding: 20px 0;
}
.gt-content
{
color: #222;
line-height: 25px;
float: left;
width: calc(100% - 40px);
padding: 20px;
}
.gt-content>p
{
margin-bottom: 10px;
}
.title-background
{
color: #054993;
text-transform: uppercase;
display: inline-block;
padding-bottom: 15px;
border-bottom: 1px solid #054993;
position: relative;
}
.title-background>span,.title-background>b,.title-background>strong
{
padding-bottom: 12px;
border-bottom: 1px solid #054993;
margin: 0 20px;
}
.title-background img
{
padding: 2px 0 2px 3px;
background: #fff;
position: absolute;
bottom: -15px;
left: calc(50% - 15px);
}
.cat-detail-preview-gioithieu:hover
{
transform: scale(1.1);
}
.cat-detail-preview-gioithieu>h4
{
font-size: 15px;
position: relative;
}
.cat-detail-preview-gioithieu .border-cat-title
{
width: 40px;
position: absolute;
right: -33px;
bottom: 15px;
top: unset;
left: unset;
}
.about-story
{
background: #fff;
padding: 20px;
float: left;
width: calc(100% - 40px);
}
.about-story-text
{
color: #262626;
width: 40%;
float: left;
}
.about-story-text>h4
{
color: #0B4E94;
font-size: 25px;
font-weight: normal;
margin-bottom: 20px;
}
.about-story-text>h4>span
{
font-size: 40px;
font-weight: 500;
}
.about-story-text>p
{
margin-bottom: 20px;
line-height: 20px;
font-size: 13px;
}
.about-story-text>p>i.fas
{
color: #40A4FF;
margin: 0 1px;
}
.about-story-video
{
width: calc(60% - 20px);
float: right;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/bg_span_gt.png) no-repeat bottom left;
background-size: contain;
}
.about-story-video>iframe
{
opacity: 0.7;
}
.about-story-video>span
{
padding: 10px 0 5px;
background: #fff;
font-weight: 500;
margin-bottom: 15px;
color: #0B4E94;
} .detail-nganh
{
float: left;
width: 100%;
box-shadow: 3px 3px 3px #cdcdcd;
}
.preview-nganh
{
position: relative;
background: #fff;
padding-top:150px;
}
.preview-nganh>*
{
position: relative;
z-index: 1;
}
.preview-nganh>img:first-child
{
position: absolute;
z-index: 1;
width: 100%;
top: 0;
left: 0;
}
.title-nganh
{
color: #135CA1;
text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #e0e0e0, 0 -4px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
text-transform: uppercase;
font-size: 35px;
margin-top: -100px;
font-weight: 700;
line-height: 50px;
padding: 0 20px;
position: relative;
text-align: center;
width: calc(100% - 40px);
float: left;
}
.preview-nganh-info1
{
color: #135CA1;
float: left;
padding: 20px;
line-height: 30px;
font-size: 15px;
}
.preview-nganh-link-reg
{
width: 188px;
height: 37px;
float: left;
text-transform: uppercase;
color: #fff !important;
font-size: 17px;
text-align: center;
margin: 0 20px;
clear: both;
text-shadow: 1px 1px 1px #333;
line-height: 35px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/btn_reg.png) no-repeat center;
}
.preview-nganh-link-reg:hover
{
transform: scale(1.1);
}
.preview-nganh-info2
{
float: left;
padding: 20px;
width: calc(100% - 40px);
line-height: 20px;
text-shadow: 1px 1px 1px #fff;
font-size: 14px;
font-weight: 500;
}
.preview-nganh-info2>p
{
margin-bottom: 10px;
line-height: 28px;
}
.content-nganh
{
float: left;
width: calc(100% - 40px);
padding: 20px;
line-height: 25px;
}
.content-nganh>*
{
float: left;
margin-bottom: 10px;
}
.content-nganh-title
{
width: 100%;
float: left;
margin-bottom: 10px;
}
.content-nganh-title strong
{
border-bottom: 2px solid #388DDC;
color: #388DDC;
padding-bottom: 2px;
line-height: 35px;
top: -5px;
position: relative;
font-weight: normal;
}
.content-nganh-link50>a
{
float: left;
width: calc(50% - 10px);
color: #135CA1;
font-weight: 700;
}
.content-nganh-link50>a:nth-child(2n)
{
float: right;
}
.list-style1 .fas
{
color: #135CA1;
margin: 0 1px;
}
.list-style1>li
{
font-weight: 700;
font-style: italic;
}
.star-title
{
color: #B51D22;
font-weight: 700;
line-height: 35px;
margin-bottom: 0;
}
.star-title>strong
{
float: left;
width: 30px;
height: 26px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/icon_star.png) no-repeat top left;
color: #fff;
text-align: center;
line-height: 30px;
font-size: 11px;
}
.special-title
{
background-color: #135CA1;
border-radius: 30px 0 0 0;
color: #fff;
font-weight: 500;
text-shadow: 1px 1px 1px #6d6d6d;
font-size: 15px;
box-shadow: 2px 2px 3px #949494;
margin-top: 20px;
}
.special-title>strong
{
color: #135CA1;
text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #e0e0e0, 0 -4px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
font-size: 50px;
font-weight: 700;
display: inline-block;
margin-left: -5px;
margin-top: -10px;
margin-right: 10px;
}
.special-title>span
{
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/bg_title.png) no-repeat top right;
margin-right: -16px;
display: inline-block;
line-height: 33px;
padding-right: 20px;
min-width: 400px;
}
.info-tuyensinh
{
float: left;
width: calc(100% - 40px);
padding: 20px;
border-radius: 20px;
box-shadow: 3px 3px 3px #cdcdcd;
line-height: 25px;
}
.info-tuyensinh-title
{
background: #135CA1;
float: left;
padding: 10px 20px;
width: 100%;
margin: -20px 0 0px -20px;
border-radius: 20px 20px 0 0;
text-align: center;
color: #fff;
font-weight: 500;
font-size: 18px;
border-bottom: 7px solid #3C97F0;
}
.info-tuyensinh-content
{
color: #063572;
line-height: 25px;
}
.info-tuyensinh-content>p
{
margin-bottom: 10px;
}
.info-tuyensinh-content a{
color: #063572;
text-decoration: none;
font-size: 14px;
font-weight: 500;
}
.info-tuyensinh-content .fas, .info-tuyensinh-content .far{
width: 16px; display: inline;
}
.info-tuyensinh-content .fa-tags {
color: #08903d;
}
.info-tuyensinh-content .fa-building{
color: #ff580e;
}
.info-tuyensinh-content .fa-list {
color: #063572;
}
.info-tuyensinh-content .fa-globe {
color: #063572;
}
.info-tuyensinh-content .fa-map-marker-alt {
color: #e72a57;
}
.info-tuyensinh-content .fa-mobile-alt {
color: #ff0000;
}
.info-tuyensinh-detail>.content-nganh-title
{
background: none;
padding-left: 0;
width: 100%;
margin: 20px 0;
font-size: 20px;
}
.info-tuyensinh-detail>.content-nganh-title .fa-edit
{
color: #388DDC;
line-height: 27px;
font-size: 27px;
}
.info-tuyensinh-detail>.content-nganh-title>span
{
padding-bottom:4px;
}
.info-tuyensinh-detail>.content-nganh-title>span>strong
{
vertical-align: top;
color: #388DDC;
}
.info-tuyensinh-detail p
{
margin-bottom: 10px;
line-height: 28px;
font-weight: normal;
}
.info-tuyensinh-detail .fa-caret-left, .info-tuyensinh-detail .fa-caret-right {
color: #135CA1;
margin: 0 1px;
}
.info-tuyensinh-detail .preview-nganh-link-reg
{
clear: unset;
float: unset;
display: inline-block;
}
.tbl-tuyensinh
{
border-collapse: collapse;
width: 100%;
float: left;
text-align: center;
font-weight: 500;
}
.tbl-tuyensinh td,.tbl-tuyensinh tr
{
border-left: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 10px 0;
}
.tbl-tuyensinh tr:first-child
{
background: #42A4FF;
color: #fff;
font-size: 18px;
}
.tuyensinh-table
{
border-collapse: collapse;
width: calc(100% - 2px);
float: left;
text-align: center;
margin-top: 20px;
font-weight: 500;
text-shadow: none;
border-radius: 10px 10px 0 0;
overflow: hidden;
margin-bottom: 20px;
}
.tuyensinh-table td,.tuyensinh-table tr
{
border: 1px solid #063572;
padding: 10px 5px;
}
.tuyensinh-table tr:first-child
{
background: #A60000;
color: #fff;
font-size: 16px;
}
.tuyensinh-table tr:nth-child(2)
{
background: #063572;
color: #fff;
}
.tuyensinh-table tr:nth-child(2) td:first-child
{
border-right: 1px solid #fff;
}
.detail-desc
{
box-shadow: 1px 1px 3px #3b3b3b;
text-align: justify;
}
.detail-desc .content-nganh-title
{
margin-top: 20px;
text-transform: uppercase;
}
.detail-desc .content-nganh-title>strong
{
color: #333;
border-bottom: 2px solid #333;
font-weight: bold;
top:-10px;
}
.title-detail-desc
{
text-transform: uppercase;
float: left;
width: calc(100% - 40px);
padding: 20px;
background: #A60000;
color: #fff;
text-align: center;
}
.content-detail-desc
{
float: left;
width: calc(100% - 40px);
padding: 20px;
line-height: 25px;
}
.content-detail-desc .preview-nganh-link-reg
{
float: unset;
display: inline-block;
}
.content-detail-desc>p
{
margin-bottom: 10px;
}
.note-desc
{
color: #063572;
padding: 15px 0;
background: #DCE3ED;
border-radius: 5px;
width: 100%;
float: left;
text-align: center;
font-size: 17px;
}
.content-detail-desc ul
{
list-style: none;
width: 100%;
float: left;
}
.content-detail-desc ul li
{
width: calc(100% - 20px);
padding-left: 20px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/icon_list.png) no-repeat top 7px left;
margin-bottom: 10px;
} .container>.contact {
margin: 20px 0 0 0;
background: #0e3746 ;
color: #fff;
font-size: 15px;
padding: 10px calc((100% - 1024px)/2);
}
.info-contact {
float: left;
width: 100%;
}
.contact a {
color: #f1f1f1;
}
.contact_logo {
display: block;
width: 100%;
text-align: center;
}
.contact_logo img
{
width: 30%;
}
.hr_left {
float: left;
width: 100%;
margin-top: 8px;
margin-bottom: 20px;
}
.left_info_footer {
float: left;
width: 45%;
margin-right: 5%;
}
.text_head_coso {
padding: 5px;
}
.text_head_coso {
float: left;
width: 100%;
text-align: left;
color: #fff000;
text-transform: uppercase;
font-size: 15px;
}
.text_bottom_footer {
float: left;
width: 100%;
font-size: 13px;
line-height: 25px;
}
.text_bottom_footer img {
float: left;
margin-right: 5px;
margin-top: 5px;
}
.right_info_footer {
float: left;
width: 45%;
margin-left: 5%;
}
.note_website {
float: left;
width: 100%;
margin-top: 5px;
}
.social {
float: left;
margin-right: 5px;
padding: 5px;
font-size: 35px;
margin-bottom: 30px;
}
.detail-content ul {
margin: 5px 5px 5px 5px;
padding: 0;
list-style: none;
}
.detail-content ul li::before {
content: "✓ ";
color: #004A8F;
font-weight: 700;
}
.detail-content ol {
margin: 5px 5px 5px 5px;
padding: 0;
list-style: none;
}
.detail-content ol li::before {
content: "✓ ";
color: #004A8F;
font-weight: 700;
}
.preview-nganh-info2 ul, .preview-nganh-info2 ol
{
margin: 5px 5px 5px 5px;
padding: 0;
list-style: none;
}
.preview-nganh-info2 ol li,.preview-nganh-info2 ul li
{
line-height: 28px;
}
.preview-nganh-info2 ol li::before,.preview-nganh-info2 ul li::before {
content: "✓ ";
color: #004A8F;
font-weight: 700;
}
.readmore_content_exists:before {
content: "";
position: absolute;
bottom: 100%;
height: 200px;
left: 0;
background-image: linear-gradient(
180deg
,transparent,#fff);
width: 100%;
}
.readmore_content_exists {
text-align: center;
position: relative;
}
.readmore_content_exists button {
color: rgba(51,51,51,.5);
text-align: center;
margin: 0 5px 20px;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
display: inline-block;
border: none;
font-size: 19px;
background-color: transparent;
background-size: 26px 17px;
padding-bottom: 0;
padding-top: 40px;
}
.readmore_content_exists button span,.readmore_content_exists button span span {
display: block;
right: 0;
left: 0;
margin: auto;
position: absolute;
}
.readmore_content_exists button .arrow:before {
animation: animate-arrow-3 1s ease-in-out infinite .2s;
}
.readmore_content_exists button span.arrow:before {
content: "";
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/arrdown.png);
display: block;
width: 25px;
right: 0;
left: 0;
top: -5px;
margin: auto;
position: absolute;
opacity: 1;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
}
.readmore_content_exists button span span {
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/arrdown.png);
width: 25px;
top: 9px;
height: 15px;
opacity: .3;
background-size: contain;
background-repeat: no-repeat;
}
.readmore_content_exists button .arrow span {
animation: animate-arrow-1 1s ease-in-out infinite;
}
.readmore_content_exists button .arrow:after {
animation: animate-arrow-2 1s ease-in-out infinite .1s;
}
.readmore_content_exists button span.arrow:after {
content: "";
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/arrdown.png);
display: block;
width: 25px;
top: 2px;
right: 0;
left: 0;
margin: auto;
position: absolute;
opacity: .5;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
}
.readmore_content_exists button span.arrow {
top: 22px;
}
.hidden_btn,.readmore_content_text
{
display: none;
}
blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
#toc {
border: 1px solid #bba;
background-color: #f7f8ff;
padding: 1em;
width: 97%;
margin-bottom: 10px;
}
#toc-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
font-size: 100%;
font-weight: 700;
}
#toc ol {
counter-reset: item;
}
#toc li {
display: block;
}
#toc li:before {
content: counters(item, ".") ". ";
counter-increment: item;
}
.dvJMXm[data-size="sm"] {
font-size: 14px;
font-weight: var(--font-weight-sm);
line-height: 22px;
}
.dvJMXm {
display: block;
--font-weight-lg: 700;
--font-weight-md: 600;
--font-weight-sm: 400;
}
.fySMda {
margin-bottom: 0.5rem;
cursor: pointer;
}
.jsvVvp {
display: flex;
-webkit-box-align: center;
align-items: center;
--font-weight-lg: 700;
--font-weight-md: 400;
--font-weight-sm: 400;
}
.fySMda .indexstyled__StyledIconText-sc-1sjhw2i-1 {
color: rgb(89, 89, 89);
font-weight: bold;
line-height: 1.5;
}
.jsvVvp[data-icon-position="left"] > :first-child {
margin-right: 8px;
}
.jsvVvp[data-icon-position="left"] > :last-child {
width: calc(100% - 24px);
}
.fySMda .indexstyled__StyledIconText-sc-1sjhw2i-1 .source-icon {
width: 1rem;
}
.jIVuQy {
overflow: hidden;
transition: height 0.4s ease 0s;
}
#content_show
{
display:none;
}
.jIVuQy .source-wrapper {
padding: 1rem;
background: rgb(248, 249, 252);
border-radius: 6px;
}
.jIVuQy .source-wrapper * {
max-width: 100%;
}
.jIVuQy .source-wrapper > p {
word-break: break-all;
}
.jIVuQy .source-wrapper > p:not(:last-child) {
margin-bottom: 1rem;
}
.jIVuQy .source-wrapper a {
display: inline-block;
color: rgb(45, 135, 243);
font-weight: normal;
text-decoration: none;
word-break: break-word;
}
:root {
--cd-color-1: hsl(53, 29%, 95%);
--cd-color-1-h: 53;
--cd-color-1-s: 29%;
--cd-color-1-l: 95%;
--cd-color-2: hsl(330, 13%, 42%);
--cd-color-2-h: 330;
--cd-color-2-s: 13%;
--cd-color-2-l: 42%;
--cd-color-3: hsl(5, 76%, 62%);
--cd-color-3-h: 5;
--cd-color-3-s: 76%;
--cd-color-3-l: 62%;
--cd-back-to-top-size: 40px;
--cd-back-to-top-margin: 40px;
--font-primary: "Bitter", sans-serif;
--font-secondary: "Open Sans", sans-serif;
}
@supports (--css: variables) {
@media (min-width: 64rem) {
:root {
--cd-back-to-top-size: 60px;
--cd-back-to-top-margin: 60px;
}
}
}
.text-replace {
overflow: hidden;
color: transparent;
text-indent: 100%;
white-space: nowrap;
}
.cd-top {
position: fixed;
bottom: 103px;
right: 32px;
display: inline-block;
height: 60px;
width: 60px;
box-shadow: 0 0 10px rgb(0 0 0 / 5%);
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/cd-top-arrow.svg) no-repeat center 50%;
background-color: hsla(5, 76%, 62%, 0.8);
background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8);
}
.js-cd-top {
visibility: hidden;
opacity: 0;
transition: opacity .3s, visibility .3s, background-color .3s;
}
.cd-top--is-visible {
visibility: visible;
opacity: 1;
}
.cd-top--fade-out {
opacity: .5;
}
.container-footer {
background: #0E2F59;
width: 100%;
margin-top: 15px;
float: left;
}
.col-footer-info {
width: calc((100% - 0px)/ 3);
float: left;
position: relative;
color: #fff;
}
.col-logo a {
float: left;
width: 100%;
text-align: center;
}
.footer-info-content {
width: calc(100% - 20px);
float: right;
border-top: 2px solid #fff;
padding-top: 15px;
line-height: 25px;
text-align: justify;
}
.footer-info-title {
font-size: 17px;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: 600;
}
.menu_footer_ul {
list-style: none;
}
.footer-info-content a {
color: #fff;
}
.banner img
{
width: 100%;
}
.coccoc-alo-phone {
position: fixed;
visibility: hidden;
background-color: transparent;
width: 200px;
height: 200px;
cursor: pointer;
z-index: 16000001 !important;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-transition: visibility 0.5s;
-moz-transition: visibility 0.5s;
-o-transition: visibility 0.5s;
transition: visibility 0.5s;
left: -55px;
bottom: -58px;
top:400px !important;
}
.coccoc-alo-phone.coccoc-alo-show {
visibility: visible;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.coccoc-alo-ph-circle,
.coccoc-alo-ph-circle-fill {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-moz-transform-origin: 50% 50%;
position: absolute;
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
.coccoc-alo-phone.coccoc-alo-static {
opacity: 0.6;
}
.coccoc-alo-phone.coccoc-alo-hover,
.coccoc-alo-phone:hover {
opacity: 1;
}
.coccoc-alo-ph-circle {
width: 160px;
height: 160px;
top: 20px;
left: 20px;
background-color: transparent;
border-radius: 100%;
border: 2px solid #bfebfc;
opacity: 0.1;
-webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle {
-webkit-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle {
-webkit-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone:hover .coccoc-alo-ph-circle {
border-color: #00aff2;
opacity: 0.5;
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
border-color: #75eb50;
border-color: #baf5a7 9;
opacity: 0.5;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
border-color: #f20000;
border-color: #bfebfc 9;
opacity: 0.5;
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle {
border-color: #ccc;
opacity: 0.5;
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle {
border-color: #75eb50;
opacity: 0.5;
}
.coccoc-alo-ph-circle-fill {
width: 100px;
height: 100px;
top: 50px;
left: 50px;
background-color: #000;
border-radius: 100%;
border: 2px solid transparent;
opacity: 0.1;
-webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill {
-webkit-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill {
-webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
opacity: 0 !important;
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill {
background-color: #00aff2 9;
opacity: 0.75 !important;
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
background-color: #baf5a7 9;
opacity: 0.75 !important;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
background-color: #a6e3fa 9;
opacity: 0.75 !important;
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill {
background-color: #ccc 9;
opacity: 0.75 !important;
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill {
background-color: rgba(117, 235, 80, 0.5);
opacity: 0.75 !important;
}
.coccoc-alo-ph-img-circle {
width: 60px;
height: 60px;
top: 70px;
left: 70px;
position: absolute;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==)
center center no-repeat rgba(30, 30, 30, 0.1);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: 0.7;
-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle {
-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle {
-webkit-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle {
background-color: #00aff2;
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
background-color: #75eb50 9;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
background-color: #f20000;
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle {
background-color: #ccc;
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle {
background-color: #75eb50;
}
@-moz-keyframes coccoc-alo-circle-anim {
0% {
-moz-transform: rotate(0) scale(0.5) skew(1deg);
opacity: 0.1;
-moz-opacity: 0.1;
-webkit-opacity: 0.1;
-o-opacity: 0.1;
}
30% {
-moz-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-o-opacity: 0.5;
}
100% {
-moz-transform: rotate(0) scale(1) skew(1deg);
opacity: 0.6;
-moz-opacity: 0.6;
-webkit-opacity: 0.6;
-o-opacity: 0.1;
}
}
@-webkit-keyframes coccoc-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(0.5) skew(1deg);
-webkit-opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
-webkit-opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: 0.1;
}
}
@-o-keyframes coccoc-alo-circle-anim {
0% {
-o-transform: rotate(0) kscale(0.5) skew(1deg);
-o-opacity: 0.1;
}
30% {
-o-transform: rotate(0) scale(0.7) skew(1deg);
-o-opacity: 0.5;
}
100% {
-o-transform: rotate(0) scale(1) skew(1deg);
-o-opacity: 0.1;
}
}
@-moz-keyframes coccoc-alo-circle-fill-anim {
0%,
100% {
-moz-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
50% {
-moz-transform: rotate(0) -moz-scale(1) skew(1deg);
opacity: 0.2;
}
}
@-webkit-keyframes coccoc-alo-circle-fill-anim {
0%,
100% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: 0.2;
}
}
@-o-keyframes coccoc-alo-circle-fill-anim {
0%,
100% {
-o-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
50% {
-o-transform: rotate(0) scale(1) skew(1deg);
opacity: 0.2;
}
}
@-moz-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg);
}
10%,
30% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg);
}
20%,
40% {
-moz-transform: rotate(25deg) scale(1) skew(1deg);
}
100%,
50% {
-moz-transform: rotate(0) scale(1) skew(1deg);
}
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
0%,
100%,
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
10%,
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
20%,
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
}
@-o-keyframes coccoc-alo-circle-img-anim {
0%,
100%,
50% {
-o-transform: rotate(0) scale(1) skew(1deg);
}
10%,
30% {
-o-transform: rotate(-25deg) scale(1) skew(1deg);
}
20%,
40% {
-o-transform: rotate(25deg) scale(1) skew(1deg);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-moz-keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(0.5) skew(1deg);
opacity: 0.1;
}
30% {
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.5;
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.1;
}
}
@-webkit-keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(0.5) skew(1deg);
opacity: 0.1;
}
30% {
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.5;
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.1;
}
}
@-o-keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(0.5) skew(1deg);
opacity: 0.1;
}
30% {
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.5;
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.1;
}
}
@keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(0.5) skew(1deg);
opacity: 0.1;
}
30% {
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.5;
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.1;
}
}
@-moz-keyframes coccoc-alo-circle-fill-anim {
0%,
100% {
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.2;
}
}
@-webkit-keyframes coccoc-alo-circle-fill-anim {
0%,
100% {
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.2;
}
}
@-o-keyframes coccoc-alo-circle-fill-anim {
0%,
100% {
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.2;
}
}
@keyframes coccoc-alo-circle-fill-anim {
0%,
100% {
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.2;
}
}
@-moz-keyframes coccoc-alo-circle-img-anim {
0%,
100%,
50% {
transform: rotate(0) scale(1) skew(1deg);
}
10%,
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20%,
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
0%,
100%,
50% {
transform: rotate(0) scale(1) skew(1deg);
}
10%,
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20%,
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
}
@-o-keyframes coccoc-alo-circle-img-anim {
0%,
100%,
50% {
transform: rotate(0) scale(1) skew(1deg);
}
10%,
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20%,
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
}
@keyframes coccoc-alo-circle-img-anim {
0%,
100%,
50% {
transform: rotate(0) scale(1) skew(1deg);
}
10%,
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20%,
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
}
#coccoc-alo-wrapper {
position: fixed;
width: 100%;
bottom: 0;
top: 0;
left: 0;
z-index: 2000000;
overflow: visible;
display: none;
color: #383838;
}
#coccoc-alo-wrapper.night-mode {
color: #fff;
}
.coccoc-alo-popup-close {
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
border-radius: 2px;
position: absolute !important;
right: -15px !important;
top: -15px !important;
height: 30px !important;
width: 30px !important;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=);
background-position: center center;
background-repeat: no-repeat;
cursor: pointer !important;
-webkit-transition: 0.3s ease-out !important;
-moz-transition: 0.3s ease-out !important;
-o-transition: 0.3s ease-out !important;
transition: 0.3s ease-out !important;
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC);
}
#coccoc-alo-wrapper .coccoc-alo-popup-close:hover {
opacity: 0.6 !important;
}
.coccoc-alo-popup {
display: inline-block;
position: relative;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=);
-webkit-transition: 0.6s ease-out;
-moz-transition: 0.6s ease-out;
-o-transition: 0.6s ease-out;
transition: 0.6s ease-out;
margin: 0 auto;
z-index: 200001;
text-align: center;
padding: 60px 75px;
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=);
}
#coccoc-alo-wrapper .coccoc-alo-overlay {
position: fixed;
width: 100%;
height: 100%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=);
top: 0;
left: 0;
z-index: 200000;
}
.coccoc-alo-popup h3 {
font-size: 24px;
margin: 0 0 40px;
font-family: "Open Sans";
font-weight: 300;
white-space: nowrap;
}
.night-mode .coccoc-alo-popup h3 {
font-size: 23px;
}
.night-mode .coccoc-alo-message {
padding-bottom: 0;
}
.coccoc-alo-message {
height: 32px;
padding: 18px 0 13px;
text-align: center;
clear: both;
font-size: 14px;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label,
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input {
float: left;
width: 49%;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input {
padding: 0 13px;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label {
color: #616161;
font-size: 18px;
height: 28px;
line-height: 28px;
padding-right: 15px;
}
.coccoc-alo-number {
color: #00bed5;
font-size: 28px;
font-family: Montserrat, "Lucida Console", Monaco, monospace, sans-serif;
font-weight: 400;
background-color: transparent;
border: none;
border-width: 0;
display: inline-block;
border-bottom: #00bed5 solid 1px;
padding-bottom: 10px;
margin: 0 auto;
width: 221px;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit,
#coccoc-countdown,
.coccoc-alo-request-time {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
coccoc-alo-number::-ms-clear {
display: none;
width: 0;
height: 0;
}
.night-mode .coccoc-alo-number {
border: 1px solid #00bed5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 13px 31px;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid {
color: #ff496b;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus {
outline: 0;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
color: #d1d1d1;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
color: #d1d1d1;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
color: #d1d1d1;
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
color: #60615f;
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
color: #60615f;
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
color: #60615f;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit {
border: none;
border-width: 0;
padding: 20px 40px;
background-color: #333;
-webkit-border-radius: 68px;
-moz-border-radius: 68px;
border-radius: 68px;
font-size: 20px;
color: #fff;
cursor: pointer;
outline: 0 !important;
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit {
background-color: #00bed5;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive,
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited {
outline: 0 !important;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner {
border: 0;
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover {
background-color: #00aff2;
}
.coccoc-alo-blur {
-webkit-filter: blur(3px);
-ms-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
filter: blur(3px);
filter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur);
}
#coccoc-countdown {
padding-top: 20px;
font-size: 28px;
font-weight: 300;
}
.coccoc-alo-request-time {
padding: 6px 12px;
font-size: 18px;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time {
color: #fff;
background-color: #515350;
border: 1px solid #606260;
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3 {
margin-bottom: 15px;
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper {
margin-bottom: 35px;
}
.coccoc-alo-table {
display: table;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.coccoc-alo-cell {
display: table-cell;
text-align: center;
}
.valid-invalid-message {
font-size: 13px;
color: #ff496b;
}
.valid-invalid-message:before {
content: "* ";
}
#M_Hotline {
padding: 8px 15px;
position: fixed;
top:480px !important;
left: 82px;
z-index: 16000001;
color: #fff;
font-size: 16px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
background-color: #da360f;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ea0000), to(#da360f));
background: -webkit-linear-gradient(top, #da360f, #ea0000);
background: -moz-linear-gradient(top, #da360f, #ea0000);
background: -ms-linear-gradient(top, #da360f, #ea0000);
background: -o-linear-gradient(top, #da360f, #ea0000);
}
#M_Hotline .fa {
font-size: 20px;
color: #ffe603;
}
#M_Hotline a {
color: #fff;
font-size: 20px;
cursor: pointer;
text-shadow: 0 0 1px #111;
}
#getresponse .nav a,
.box-register-categories .nav a {
text-transform: uppercase;
text-shadow: 1px 1px 2px #111;
font-weight: 700;
cursor: pointer;
}
#M_Hotline:hover {
background-color: #ffa922;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcc41), to(#ffa922));
background: -webkit-linear-gradient(top, #ffa922, #ffcc41);
background: -moz-linear-gradient(top, #ffa922, #ffcc41);
background: -ms-linear-gradient(top, #ffa922, #ffcc41);
background: -o-linear-gradient(top, #ffa922, #ffcc41);
}
.only-show-mobile
{
display:none;
}
@media (max-width: 720px) {
.text-uppercase{text-transform: uppercase}
.text-center,.align-center{text-align: center;}
.mgt10{margin-top: 10px !important;}
.mgt20{margin-top: 20px !important;}
.mgl10{margin-left: 10px !important;}
.mgl20{margin-left: 20px !important;}
.mgl30{margin-left: 30px !important;}
.mgr10{margin-right: 10px !important;}
.mgr20{margin-right: 20px !important;}
.mgb10{margin-bottom: 10px !important;}
.mgb20{margin-bottom: 20px !important;}
.bdr20{border-radius: 20px !important;}
.over-hidden{overflow: hidden !important;}
.only-show-mobile{
display: block !important;
}
@font-face {
font-family: Nabila;
src: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/css/Nabila.ttf);
}
.nabila
{
font-family: Nabila;
}
.hide-mobile
{
display: block !important;
}
.bx-wrapper .bx-viewport{
background: unset !important;
}
.wl100
{
float: left;
width: 100%;
}
*{
margin: 0;
padding: 0;
}
.detail-content h2,.detail-content h3,.detail-content h4,.detail-content h1,.detail-content p,.detail-content ul
{
margin-bottom: 15px;
}
* {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
a {
text-decoration: none
}
.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
width: 0
}
.clearfix {
display: block
}
* html .clearfix {
height: 1%
}
ul {
list-style: none
}
strong {
font-weight: 700
}
em {
font-style: italic
}
figure {
margin: 10px 0;
font-style: italic
}
.btn_button, .btn_buy, .btn_choose, .btn_contact, .btn_login, .btn_register {
padding: 15px 20px;
color: #fff!important;
text-decoration: none;
font-weight: 700;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer
}
.btn_button {
background: #F90000
}
.btn_buy {
background: #ffa627
}
.btn_choose {
background: #00468f
}
.btn_register {
background: #0071db
}
.btn_login {
background: #34c444
}
.btn_contact {
background: #227f2c
}
.btn_button:hover, .btn_buy:hover, .btn_choose:hover, .btn_contact:hover, .btn_login:hover, .btn_register:hover {
background: #F99500;
text-decoration: none!important
}
.hide {
display: none
} body {
font-family: 'Roboto', sans-serif;
font-size: 14px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/bg.png) no-repeat top right;
font-style: normal;
width: 100%;
}
.container {
width: 100%;
float: left
}
.container>div
{
width: 1024px;
margin:auto calc((100% - 1024px)/2);
float: left;
}
.container-header {
float: left;
padding: 20px 0;
text-align: center;
}
.logo_pc {
display: block
}
.logo_m {
display: none
} .container>.footer_menu
{
position: fixed;
bottom: 0;
left: 0;
height: 40px;
background: #fff;
z-index: 1000;
box-shadow: -2px -2px 3px #6d6767;
padding: 10px 2% !important;
}
.fb_dialog_content iframe
{
right: -8px !important;
bottom: 3px !important;
}
.fm_reg
{
background: #D81B21;
color: #fff;
border-radius: 5px;
text-transform: uppercase;
padding: 10px 45px;
font-weight: normal;
float: left;
}
.fm_call
{
background: #249a06;
color: #fff;
border-radius: 5px;
text-transform: uppercase;
padding: 10px 20px;
float: left;
margin-left: 10px;
}
.menu {
background: #3A8BDA;
position: relative;
z-index: 1000;
}
.list_menu {
float: left;
width: 100%;
box-shadow: 1px 1px 2px #bbb6b6;
}
.list_menu>li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
.list_menu>li>a {
color: #fff;
float: left;
padding:10px 13px;
font-size: 13px;
font-weight: 500;
border-top: 3px solid #3A8BDA;
line-height: 27px;
text-transform: uppercase;
}
.list_menu>li>a.active, .list_menu>li>a:hover {
border-top: 3px solid #F9FF38;
color: #042891;
}
.child_menu {
position: absolute;
float: left;
width: 250px;
clear: both;
background: #3A8BDA;
top: 50px;
display: none;
box-shadow: 1px 1px 2px #bbb6b6;
}
.child_menu>li>a{
float: left;
padding: 10px;
font-size: 13px;
font-weight: 500;
color: #fff;
border-bottom: 1px dotted #cdcdcd;
width: 227px;
border-left: 3px solid #3A8BDA;
}
.child_menu>li>a:hover{
border-left: 3px solid #F9FF38;
color: #042891;
}
.child_menu:hover, .sub_menu:hover .child_menu {
display: block;
}
.sub_menu_reg
{
background: #F9FF38;
text-align: center;
float: right !important;
}
.list_menu>li.sub_menu_reg>a,.list_menu>li.sub_menu_reg>a:hover
{
color: #042891;
height: 30px;
border: none !important;
line-height: 14px;
}
.left-menu li
{
float: left;
padding: 10px 0 10px 30px;
width: calc(100% - 30px);
border-bottom: 1px solid #cdcdcd;
}
.left-menu li:last-child
{
border-bottom: none;
}
.left-menu li:hover,.left-menu li.active
{
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/bg_left_menu.png) no-repeat center left;
}
.left-menu li:hover a,.left-menu li.active a
{
color: #0241B9;
}
.left-menu li a
{
float: left;
width: 100%;
color: #111;
font-size: 16px;
} .box_slide>div{
margin-top: 20px;
box-shadow: 1px 1px 2px #bbb6b6;
}
.slide-home
{
width: 670px;
float: left;
}
.highlights
{
width: 330px;
float: right;
background: #42A4FF;
}
.highlights>p
{
width: 100%;
padding: 5px 5px 0;
float: left;
border-bottom: 1px dashed #fff;
}
.highlights>p:last-child
{
border-bottom: none;
}
.highlights>p>*
{
display: inline-block;
vertical-align: middle;
font-size: 18px;
color: #fff;
font-weight: 400;
}
.highlights>p>img
{
width: 138px;
}
.highlights>p>span,.highlights>p>strong
{
text-shadow: 1px 1px 2px #28659c;
} .container>.notify
{
margin-top: 20px;
box-shadow: 0px 3px 3px #cdcdcd;
border-top: 7px solid #004A8E;
padding: 10px 0;
}
.notify-info
{
width: 430px;
float: left;
padding: 10px 20px;
color: #004A8E;
text-align: justify;
line-height: 20px;
}
.notify-info>h3,.notify-info>h2
{
line-height: 30px;
margin-bottom: 10px;
font-size: 20px;
}
.notify-info h1
{
line-height: 30px;
}
.notify-content
{
width: 510px;
float: left;
padding: 10px 20px;
color: #004A8E;
text-align: justify;
line-height: 25px;
}
.notify-link
{
float: left;
width: 285px;
height: 50px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/button.png) no-repeat top left;
line-height: 50px;
font-weight: 500;
text-align: center;
color: #004A8E;
margin: 10px calc((100% - 285px)/2);
}
.notify-link:hover
{
transform: scale(1.2,1.2);
} .box_title
{
float: left;
width: 100%;
color: #2A2A2A;
font-size: 20px;
text-transform: uppercase;
font-weight: 500;
padding-bottom: 10px;
}
.box_title h2
{
font-size: 18px;
}
.box_title p{
font-size: 15px;
font-weight: normal;
text-transform: capitalize;
margin-top: 10px;
line-height: 27px;
}
.home-list-cat
{
}
.cat-detail
{
float: left;
width: calc(100% - 24px);
border: 2px solid #1C5087;
border-radius: 10px;
padding: 10px;
margin-bottom: 20px;
}
.cat-detail:last-child
{
float: right;
margin-right: 0;
}
.cat-detail-preview
{
background: #fff;
float: left;
width: 100%;
}
.cat-detail-preview>img
{
float: left;
width: 100% !important;
}
.cat-detail-preview>h4,.cat-detail-preview>h3
{
color: #1C5087;
text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #e0e0e0, 0 -4px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
text-transform: uppercase;
font-size: 25px;
margin-top: -25px;
padding: 10px;
position: relative;
float: left;
}
.cat-detail-preview>h4>*,.cat-detail-preview>h3>*
{
display: inline-block;
vertical-align: bottom;
}
.cat-detail-preview .border-cat-title
{
width: 50px;
position: relative;
top: -6px;
left: 4px;
}
.border-cat-title
{
border-bottom: 1px solid #1C5087;
padding-bottom: 2px;
}
.border-cat-title>*
{
border-bottom: 1px solid #1C5087;
float: left;
width: 80%;
}
.cat-detail-preview>p
{
width: calc(100% - 20px);
float: left;
clear: both;
padding: 10px;
min-height: 220px;
line-height: 30px;
}
.cat-detail-preview>a:last-child
{
width:calc(100% - 20px);
float: left;
padding: 10px;
background: #ffc600;
color: #1C5087;
text-transform: uppercase;
text-align: center;
font-weight: 500;
}
.cat-detail-preview>a:last-child:hover
{
text-decoration: underline;
}
.home-cat-list-news
{
float: left;
width: 100%;
margin-top: 20px;
}
.home-cat-list-news>li
{
list-style-type: square;
float: left;
width: calc(100% - 20px);
margin-left: 15px;
color: #004B8F;
padding-bottom: 10px;
}
.home-cat-list-news a
{
width: 100%;
float: left;
color: #3b3b3b;
}
.home-cat-list-news a:hover
{
color: #004B8F;
text-decoration: underline;
}
.home-cat-list-news>a>span
{
float: right;
width: calc(65% - 10px);
color: #3b3b3b;
line-height: 25px;
padding: 0px;
border-bottom: none;
} .home-left-box
{
width: 65%;
float: left;
}
.list-news-4-square
{
float: left;
width: calc(100% - 40px);
padding: 20px;
box-shadow: 0px 3px 3px #cdcdcd;
}
.list-news-4-square>a
{
float: left;
width: calc(50% - 10px);
color: #3b3b3b;
margin-bottom: 10px;
}
.list-news-4-square>a:nth-child(2n) {
float: right;
}
.list-news-4-square>a>img
{
float: left;
border-radius: 5px;
width: calc(100% - 2px);
height: 180px;
}
.list-news-4-square>a>span
{
padding: 5px;
font-size: 14px;
float: left;
font-weight: 500;
line-height: 25px;
height: 65px;
overflow: hidden;
}
.list-news-4-square>a:hover>span
{
color: #033c7d;
}
.list-news-more
{
background: #E3E3E3;
width: 100%;
float: left;
text-align: center;
color: #3b3b3b;
padding: 10px 0;
box-shadow: 0px 3px 3px #cdcdcd;
}
.list-news-more:hover
{
background: #164D6B;
color: #fff;
}
.home-right-box
{
width: calc(35% - 25px);
float: right;
}
.list-news-vertical
{
float: left;
width: calc(100% - 40px);
padding: 20px;
box-shadow: 0px 3px 3px #cdcdcd;
}
.list-news-vertical>a
{
float: left;
width: 100%;
color: #3b3b3b;
padding: 7px 0 7.5px;
border-bottom: 1px dashed #3b3b3b;
}
.list-news-vertical>a:last-child,.list-news-vertical>a:hover:last-child
{
border-bottom: none;
}
.list-news-vertical>a>i
{
float: left;
color: #0241B9;
width: 10px;
margin-right: 5px;
margin-top: 3px;
}
.list-news-vertical>a>span
{
float: left;
line-height: 24px;
width: calc(100% - 20px);
}
.list-news-vertical>a:hover
{
border-bottom: 1px dashed #0241B9;
}
.list-news-vertical>a:hover>span
{
color: #0241B9;
}
.home-right-box .list-news-more
{
background: #164D6B;
color: #fff;
}
.home-right-box .list-news-more:hover
{
background: #FFE500;
color: #004B8F;
}
.link_special
{
font-size: 25px;
font-weight: 500;
float: left;
width: 100%;
border-radius: 10px;
text-align: center;
margin-bottom: 10px;
min-height: 60px;
color: #fff;
text-shadow: 1px 1px 1px #333;
text-transform: uppercase;
background-image: linear-gradient(to top,#23a93a,#30dc45);
padding: 10px 0;
}
.link_special:hover
{
transform: scale(1.1);
box-shadow: 3px 3px 5px #333;
}
.link_special:first-child
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/tim.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(2)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/cham.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(3)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/lam.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(4)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/luc.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(5)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/vang.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(6)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/cam.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.link_special:nth-child(7)
{
background-image: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/do.png);
line-height: 35px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
} .home-story
{
float: left;
width: 100%;
border-top: 3px solid #033B6C;
margin-top: 40px;
}
.home-story>h3
{
position: relative;
width: 80%;
text-align: center;
padding: 10px;
background: #fff;
color: #033B6C;
font-size: 20px;
top: -25px;
left: calc(10% - 10px);
text-transform: uppercase;
}
.home-story-text
{
width: 100%;
float: left;
}
.home-story-text>h4
{
font-size: 25px;
font-weight: normal;
margin-bottom: 20px;
}
.home-story-text>h4>span
{
font-size: 40px;
font-weight: 500;
}
.home-story-text>p
{
margin-bottom: 20px;
line-height: 25px;
font-size: 16px;
text-align: justify;
}
.home-story-text .nabila
{
color: #C4021F;
text-align: center;
font-size: 25px;
margin-bottom: 20px;
}
.home-story-text .disc
{
width: 10px;
height: 10px;
float: left;
background: #C4021F;
transform: rotate(45deg);
margin-right: 20px;
margin-top: 5px;
}
.home-story-text>p>i.fas
{
color: #40A4FF;
margin: 0 1px;
}
.home-story-video
{
width: calc(60% - 20px);
float: right;
opacity: 0.5;
} .title-phamchat
{
color: #00498E;
font-size: 20px;
margin-bottom: 80px;
padding-left: 30px;
}
.title-phamchat>span
{
color: #fff;
text-shadow: 2px 0 0 #00498E, -2px 0 0 #00498E, 0 2px 0 #00498E, 0 -2px 0 #00498E, 1px 1px #00498E, -1px -1px 0 #00498E, 1px -1px 0 #00498E, -1px 1px 0 #00498E;
font-size: 50px;
}
.phamchat
{
position: relative;
float: left;
width: 100%;
margin-bottom: 70px;
}
.phamchat:last-child
{
margin-bottom: 30px;
}
.phamchat>img
{
position: absolute;
top:-50px;
left: 20px;
}
.phamchat>span
{
float: left;
width: calc(100% - 554px);
padding: 10px 20px 10px 534px;
background: #42A4FF;
border-radius: 60px;
color: #fff;
font-style: italic;
line-height: 25px;
} .home-list-img
{
float: left;
width: calc(100% - 40px);
padding: 20px;
}
.home-list-img img:hover
{
transform: scale(1.2);
}
.home-list-img-top>div:nth-child(1),.home-list-img-top>div:nth-child(2)
{
width: calc(50% - 10px);
height: 100px;
float: left;
margin-right: 20px;
background: green;
overflow: hidden;
}
.home-list-img-top>div:nth-child(2)
{
margin-right: 0;
}
.home-list-img-top>div:nth-child(3)
{
width: 100%;
float: left;
margin-top: 20px;
height: 200px;
background: red;
overflow: hidden;
}
.home-list-img-top img
{
height: 100%;
width: 100%;
}
.home-list-img-left
{
width: 100%;
float: left;
}
.home-list-img-left>div:nth-child(1),.home-list-img-left>div:nth-child(2)
{
width: 100%;
height: unset;
float: left;
margin-right: 0px;
background: green;
overflow: hidden;
}
.home-list-img-left>div:nth-child(2)
{
margin-right: 0;
}
.home-list-img-left img
{
width: 100%;
}
.home-list-img-left>div:first-child
{
margin-bottom: 20px;
}
.home-list-img-right
{
width: 100%;
float: right;
}
.home-list-img-right img
{
width: 100%;
}
.home-list-img-right>div
{
margin-bottom: 20px;
width: calc((100% - 40px) / 3);
float: left;
margin-right: 20px;
}
.home-list-img-right>div:last-child
{
margin-right: 0;
float: right;
}
.home-list-img-left>div,.home-list-img-right>div
{
overflow: hidden;
} .list-doitac
{
width: calc(100% - 40px);
float: left;
padding: 20px;
background: #E6E6E6;
border-bottom: 7px solid #004A8E;
margin-bottom: 50px;
text-align: center;
}
.list-doitac>a
{
padding: 0 10px;
display: inline-block;
} .breadcrumbs-detail
{
width: 100%;
float: left;
}
.breadcrumbs-detail>li
{
list-style-type: none;
float: left;
margin: 0 2px;
}
.breadcrumbs-detail>li>a,.breadcrumbs-detail>li>i
{
color: gray;
}
.breadcrumbs-detail>li.current>a
{
color: #3A8BDA;
}
.detail_title
{
color: #014991;
font-size: 21px;
text-align: justify;
line-height: 32px;
width: 100%;
float: left;
margin-top: 20px;
text-transform: uppercase;
padding-bottom: 12px;
}
.detail_title.text-center{
text-align: center;
}
.detail-interview
{
color: gray;
font-size: 13px;
padding-bottom: 10px;
border-bottom: 1px dashed gray;
}
.detail-content
{
color: #111;
font-size: 15px;
line-height: 25px;
text-align: justify;
}
.detail-content h2
{
color: #014991;
}
.detail-content>ul
{
list-style: unset;
}
.detail-content>ul>li
{
margin-left: 20px;
}
.detail-content>p
{
margin-bottom: 20px;
}
.detail-content img
{
max-width: 100%;
width: 100%;
height: auto;
}
.detail-content table img
{
left: 10px !important;
width: auto !important;
}
.detail-content-item figure {
padding: 5px;
background: #fff;
}
.detail-list-3-news
{
float: left;
width: calc(100% - 40px);
padding: 20px;
background: #33526F;
}
.detail-list-3-news>a
{
float: left;
width: calc((100% - 40px)/3);
margin-bottom: 20px;
margin-right: 20px;
}
.detail-list-3-news>a:nth-child(3n) {
margin-right: 0px;
}
.detail-list-3-news>a>img {
width: 100%;
float: left;
}
.detail-list-3-news>a>b,.detail-list-3-news>a>strong
{
color: #fff;
font-weight: 500;
margin-top: 10px;
float: left;
margin-bottom: 10px;
line-height: 25px;
max-height: 50px;
overflow: hidden;
font-size: 15px;
}
.detail-list-3-news>a:hover>b,.detail-list-3-news>a:hover>strong {
color: #FFF400;
}
.detail-list-3-news>a>span
{
color: #fff;
font-weight: 500;
margin-top: 5px;
float: left;
font-weight: normal;
font-size: 12px;
line-height: 20px;
}
.detail-content table>tr,.detail-content table>th,.detail-content table tr>td
{
border-color: gray;
border-collapse: collapse;
text-align: left;
border:1px solid gray;
}
.detail-content table tr>td
{ }
.detail-content table tr,.detail-content table th,.detail-content table tr td,.detail-content table
{
border-spacing: 0px;
}
.detail-content table tr p,.detail-content table th p,.detail-content table tr td p,.detail-content table
{
margin-bottom: 0px;
} .box-tin-truong,.box-tin-truong h2
{
float: left;
width: calc(100% - 40px);
color: #014B8C;
font-size: 20px;
text-transform: uppercase;
padding: 10px 20px;
font-weight: 500;
background: #B6DDEC;
}
.list-news-4-square-truong>a>span
{
color: #fff;
}
.list-news-4-square-truong>a:hover>span
{
color: #FFF400;
}
.list-news-truong
{
box-shadow: 3px 3px 3px #cdcdcd;
width: calc(100% - 40px);
padding: 20px;
float: left;
}
.list-news-truong>a {
width: 100%;
float: left;
color: #3b3b3b;
border-bottom: 1px dashed #5A748B;
padding: 10px 0;
}
.list-news-truong>a:nth-last-child(2)
{
border: none;
}
.list-news-truong>a>img
{
float: left;
width: 45%;
border-radius: 5px;
height: 150px;
}
.list-news-truong>a>b
{
float: right;
width: calc(55% - 10px);
color: #262626;
line-height: 25px;
padding: 0px;
}
.list-news-truong>a:hover>b {
color: #014B8C;
}
.list-news-truong>a>span
{
float: right;
width: calc(55% - 10px);
color: gray;
line-height: 25px;
font-size: 12px;
padding: 0px;
}
.list-news-truong>a>p
{
float: right;
width: calc(55% - 10px);
color: #252525;
font-size: 13px;
line-height: 22px;
}
.phantrang>a
{
color: gray;
padding: 5px;
}
.phantrang>a:hover
{
color: #262626;
} .gt-thong-diep
{
box-shadow: 2px 2px 3px #cdcdcd;
padding: 20px 0;
}
.gt-content
{
color: #222;
line-height: 25px;
float: left;
width: calc(100% - 40px);
padding: 20px;
}
.gt-content>p
{
margin-bottom: 10px;
}
.title-background
{
color: #054993;
text-transform: uppercase;
display: inline-block;
padding-bottom: 15px;
border-bottom: 1px solid #054993;
position: relative;
}
.title-background>span,.title-background>b,.title-background>strong
{
padding-bottom: 12px;
border-bottom: 1px solid #054993;
margin: 0 20px;
}
.title-background img
{
padding: 2px 0 2px 3px;
background: #fff;
position: absolute;
bottom: -15px;
left: calc(50% - 15px);
}
.cat-detail-preview-gioithieu:hover
{
transform: scale(1.1);
}
.cat-detail-preview-gioithieu>h4
{
font-size: 15px;
position: relative;
}
.cat-detail-preview-gioithieu .border-cat-title
{
width: 40px;
position: absolute;
right: -33px;
bottom: 15px;
top: unset;
left: unset;
}
.about-story
{
background: #fff;
padding: 20px;
float: left;
width: calc(100% - 40px);
}
.about-story-text
{
color: #262626;
width: 40%;
float: left;
}
.about-story-text>h4
{
color: #0B4E94;
font-size: 25px;
font-weight: normal;
margin-bottom: 20px;
}
.about-story-text>h4>span
{
font-size: 40px;
font-weight: 500;
}
.about-story-text>p
{
margin-bottom: 20px;
line-height: 20px;
font-size: 13px;
}
.about-story-text>p>i.fas
{
color: #40A4FF;
margin: 0 1px;
}
.about-story-video
{
width: calc(60% - 20px);
float: right;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/bg_span_gt.png) no-repeat bottom left;
background-size: contain;
}
.about-story-video>iframe
{
opacity: 0.7;
}
.about-story-video>span
{
padding: 10px 0 5px;
background: #fff;
font-weight: 500;
margin-bottom: 15px;
color: #0B4E94;
} .detail-nganh
{
float: left;
width: 97%;
padding-right: 3%;
box-shadow: 3px 3px 3px #cdcdcd;
}
.preview-nganh
{
position: relative;
background: #fff;
padding-top:150px;
}
.preview-nganh>*
{
position: relative;
z-index: 1;
}
.preview-nganh>img:first-child
{
position: absolute;
z-index: 1;
width: 100%;
top: 0;
left: 0;
}
.title-nganh
{
color: #135CA1;
text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #e0e0e0, 0 -4px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
text-transform: uppercase;
font-size: 35px;
margin-top: -110px;
font-weight: 700;
line-height: 50px;
padding: 0 20px;
position: relative;
text-align: center;
width: calc(100% - 40px);
float: left;
}
.preview-nganh-info1
{
color: #135CA1;
float: left;
padding: 20px;
line-height: 30px;
font-size: 15px;
}
.preview-nganh-link-reg
{
width: 188px;
height: 37px;
float: left;
text-transform: uppercase;
color: #fff !important;
font-size: 17px;
text-align: center;
margin: 0 20px;
clear: both;
text-shadow: 1px 1px 1px #333;
line-height: 35px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/btn_reg.png) no-repeat center;
}
.preview-nganh-link-reg:hover
{
transform: scale(1.1);
}
.preview-nganh-info2
{
color: #135CA1;
float: left;
padding: 20px;
width: calc(100% - 40px);
line-height: 20px;
text-shadow: 1px 1px 1px #fff;
font-size: 14px;
font-weight: 500;
}
.preview-nganh-info2>p
{
margin-bottom: 10px;
}
.content-nganh
{
float: left;
width: calc(100% - 40px);
padding: 20px;
line-height: 25px;
}
.content-nganh>*
{
float: left;
margin-bottom: 10px;
}
.content-nganh-title
{
width: 100%;
float: left;
margin-bottom: 10px;
}
.content-nganh-title strong
{
border-bottom: 2px solid #388DDC;
color: #388DDC;
padding-bottom: 2px;
line-height: 35px;
top: -5px;
position: relative;
font-weight: normal;
}
.content-nganh-title>span>strong
{
border-bottom: 2px solid #388DDC;
padding-bottom: 2px;
}
.content-nganh-link50>a
{
float: left;
width: calc(50% - 10px);
color: #135CA1;
font-weight: 700;
}
.content-nganh-link50>a:nth-child(2n)
{
float: right;
}
.list-style1 .fas
{
color: #135CA1;
margin: 0 1px;
}
.list-style1>li
{
font-weight: 700;
font-style: italic;
}
.star-title
{
color: #B51D22;
font-weight: 700;
line-height: 35px;
margin-bottom: 0;
}
.star-title>strong
{
float: left;
width: 30px;
height: 26px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/icon_star.png) no-repeat top left;
color: #fff;
text-align: center;
line-height: 30px;
font-size: 11px;
}
.special-title
{
background-color: #135CA1;
border-radius: 30px 0 0 0;
color: #fff;
font-weight: 500;
text-shadow: 1px 1px 1px #6d6d6d;
font-size: 15px;
box-shadow: 2px 2px 3px #949494;
margin-top: 20px;
}
.special-title>strong
{
color: #135CA1;
text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #e0e0e0, 0 -4px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
font-size: 50px;
font-weight: 700;
display: inline-block;
margin-left: -5px;
margin-top: -10px;
margin-right: 10px;
}
.special-title>span
{
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/bg_title.png) no-repeat top right;
margin-right: -16px;
display: inline-block;
line-height: 33px;
padding-right: 20px;
min-width: 400px;
}
.info-tuyensinh
{
float: left;
width: calc(100% - 40px);
padding: 20px;
border-radius: 20px;
box-shadow: 3px 3px 3px #cdcdcd;
line-height: 25px;
}
.info-tuyensinh-title
{
background: #135CA1;
float: left;
padding: 10px 20px;
width: 100%;
margin: -20px 0 0px -20px;
border-radius: 20px 20px 0 0;
text-align: center;
color: #fff;
font-weight: 500;
font-size: 18px;
border-bottom: 7px solid #3C97F0;
}
.info-tuyensinh-content
{
color: #063572;
}
.info-tuyensinh-content>p
{
margin-bottom: 10px;
}
.info-tuyensinh-content a{
color: #063572;
text-decoration: none;
font-size: 14px;
font-weight: 500;
}
.info-tuyensinh-content .fas, .info-tuyensinh-content .far{
width: 16px; display: inline;
}
.info-tuyensinh-content .fa-tags {
color: #08903d;
}
.info-tuyensinh-content .fa-building{
color: #ff580e;
}
.info-tuyensinh-content .fa-list {
color: #063572;
}
.info-tuyensinh-content .fa-globe {
color: #063572;
}
.info-tuyensinh-content .fa-map-marker-alt {
color: #e72a57;
}
.info-tuyensinh-content .fa-mobile-alt {
color: #ff0000;
}
.info-tuyensinh-detail>.content-nganh-title
{
background: none;
padding-left: 0;
width: 100%;
margin: 20px 0;
font-size: 20px;
line-height: 35px;
}
.info-tuyensinh-detail>.content-nganh-title .fa-edit
{
color: #388DDC;
line-height: 27px;
font-size: 27px;
}
.info-tuyensinh-detail>.content-nganh-title>span
{
padding-bottom:4px;
}
.info-tuyensinh-detail>.content-nganh-title>span>strong
{
vertical-align: top;
color: #388DDC;
}
.info-tuyensinh-detail >p
{
margin-bottom: 10px;
}
.info-tuyensinh-detail .fa-caret-left, .info-tuyensinh-detail .fa-caret-right {
color: #135CA1;
margin: 0 1px;
}
.info-tuyensinh-detail .preview-nganh-link-reg
{
clear: unset;
float: unset;
display: inline-block;
}
.info-tuyensinh-detail img
{
max-width: 100% !important;
}
.tbl-tuyensinh
{
border-collapse: collapse;
width: 100%;
float: left;
text-align: center;
font-weight: 500;
}
.tbl-tuyensinh td,.tbl-tuyensinh tr
{
border-left: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 10px 0;
}
.tbl-tuyensinh tr:first-child
{
background: #42A4FF;
color: #fff;
font-size: 18px;
}
.tuyensinh-table
{
border-collapse: collapse;
width: calc(100% - 2px);
float: left;
text-align: center;
font-weight: 500;
text-shadow: none;
margin-top: 20px;
border-radius: 10px 10px 0 0;
overflow: hidden;
margin-bottom: 20px;
}
.tuyensinh-table td,.tuyensinh-table tr
{
border: 1px solid #063572;
padding: 10px 5px;
}
.tuyensinh-table tr:first-child
{
background: #A60000;
color: #fff;
font-size: 16px;
}
.tuyensinh-table tr:nth-child(2)
{
background: #063572;
color: #fff;
}
.tuyensinh-table tr:nth-child(2) td:first-child
{
border-right: 1px solid #fff;
}
.detail-desc
{
box-shadow: 1px 1px 3px #3b3b3b;
text-align: justify;
}
.detail-desc .content-nganh-title
{
margin-top: 20px;
text-transform: uppercase;
}
.detail-desc .content-nganh-title>strong
{
color: #333;
border-bottom: 2px solid #333;
font-weight: bold;
top:-10px;
}
.title-detail-desc
{
text-transform: uppercase;
float: left;
width: calc(100% - 40px);
padding: 20px;
background: #A60000;
color: #fff;
text-align: center;
}
.content-detail-desc
{
float: left;
width: calc(100% - 40px);
padding: 20px;
line-height: 25px;
}
.content-detail-desc>p
{
margin-bottom: 10px;
}
.note-desc
{
color: #063572;
padding: 15px 0;
background: #DCE3ED;
border-radius: 5px;
width: 100%;
float: left;
text-align: center;
font-size: 17px;
}
.content-detail-desc ul
{
list-style: none;
width: 100%;
float: left;
}
.content-detail-desc ul li
{
width: calc(100% - 20px);
padding-left: 20px;
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/icon_list.png) no-repeat top 7px left;
} .container>.contact {
margin: 20px 0 0 0;
background: #003975;
color: #fff;
font-size: 15px;
padding: 10px calc((100% - 1024px)/2);
}
.info-contact {
float: left;
width: 100%;
}
.contact a {
color: #f1f1f1;
}
.contact_logo {
display: block;
width: 100%;
text-align: center;
}
.contact_logo img
{
width: 30%;
min-width: 200px;
}
.hr_left {
float: left;
width: 100%;
margin-top: 8px;
margin-bottom: 20px;
}
.left_info_footer {
float: left;
width: 45%;
margin-right: 5%;
}
.text_head_coso {
padding: 5px;
}
.text_head_coso {
float: left;
width: 100%;
text-align: left;
color: #fff000;
text-transform: uppercase;
font-size: 15px;
}
.text_bottom_footer {
float: left;
width: 100%;
font-size: 13px;
line-height: 25px;
}
.text_bottom_footer img {
float: left;
margin-right: 5px;
margin-top: 5px;
}
.right_info_footer {
float: left;
width: 45%;
margin-left: 5%;
}
.note_website {
float: left;
width: 100%;
margin-top: 5px;
}
.social {
float: left;
margin-right: 5px;
padding: 5px;
font-size: 35px;
margin-bottom: 30px;
}
.detail-content ul {
margin: 5px 5px 5px 5px;
padding: 0;
list-style: none;
}
.detail-content ul li::before {
content: "✓ ";
color: #004A8F;
font-weight: 700;
}
.detail-content ol {
margin: 5px 5px 5px 5px;
padding: 0;
list-style: none;
}
.detail-content ol li::before {
content: "✓ ";
color: #004A8F;
font-weight: 700;
}
.preview-nganh-info2 ul, .preview-nganh-info2 ol
{
margin: 5px 5px 5px 5px;
padding: 0;
list-style: none;
}
.preview-nganh-info2 ol li,.preview-nganh-info2 ul li
{
line-height: 28px;
}
.preview-nganh-info2 ol li::before,.preview-nganh-info2 ul li::before {
content: "✓ ";
color: #004A8F;
font-weight: 700;
}
.readmore_content_exists:before {
content: "";
position: absolute;
bottom: 100%;
height: 200px;
left: 0;
background-image: linear-gradient(
180deg
,transparent,#fff);
width: 100%;
}
.readmore_content_exists {
text-align: center;
position: relative;
}
.readmore_content_exists button {
color: rgba(51,51,51,.5);
text-align: center;
margin: 0 5px 20px;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
display: inline-block;
border: none;
font-size: 19px; background-color: transparent;
background-size: 26px 17px;
padding-bottom: 0;
padding-top: 40px;
}
.readmore_content_exists button span,.readmore_content_exists button span span {
display: block;
right: 0;
left: 0;
margin: auto;
position: absolute;
}
.readmore_content_exists button .arrow:before {
animation: animate-arrow-3 1s ease-in-out infinite .2s;
}
.readmore_content_exists button span.arrow:before {
content: "";
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/arrdown.png);
display: block;
width: 25px;
right: 0;
left: 0;
top: -5px;
margin: auto;
position: absolute;
opacity: 1;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
}
.readmore_content_exists button span span {
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/arrdown.png);
width: 25px;
top: 9px;
height: 15px;
opacity: .3;
background-size: contain;
background-repeat: no-repeat;
}
.readmore_content_exists button .arrow span {
animation: animate-arrow-1 1s ease-in-out infinite;
}
.readmore_content_exists button .arrow:after {
animation: animate-arrow-2 1s ease-in-out infinite .1s;
}
.readmore_content_exists button span.arrow:after {
content: "";
background: url(//caodangyduocpasteur.com.vn/wp-content/themes/caodangyduocpasteur/images/arrdown.png);
display: block;
width: 25px;
top: 2px;
right: 0;
left: 0;
margin: auto;
position: absolute;
opacity: .5;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
}
.readmore_content_exists button span.arrow {
top: 22px;
}
.hidden_btn,.readmore_content_text
{
display: none;
}
.footer_call_desktop
{
display: none;
} body{
background-size: contain;
}
.container
{
width: 100% !important;
float: left !important;
height: auto !important;
overflow: hidden !important;
}
.container>div {
width: 96% !important;
padding: 0 2% !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .container>.container-header{
position: relative;
width: 100%;
min-height: 60px;
margin-top: 60px;
}
.container-header>img
{
max-width: 100%;
}
.logo>img{
width: 295px;
}
.slogan>img
{
width: 100%;
}
div.div_button_reg {
right: 10px;        left: unset;        top: 15px;        font-weight: normal;        width: 193px !important;        z-index: 10000;        font-size: 18px;        height: 45px;        float: right;
}
.sub_menu_reg {
background: #D81B21;        border-radius: 5px 5px 0 0;        transform: rotate(0deg);        color: #fff;        border-radius: 5px;        text-transform: uppercase;        position: absolute; padding: 10px 10px;        font-weight: normal;        z-index: 10000;        top: 9px;
}
.div_button_reg:hover>.sub_menu_reg{
height: unset;
line-height: unset;
border-radius: 5%;
}
.header
{
width: 100%;
padding: 6px 0;
position: absolute;
bottom: -50px;
right: 0;
text-align: center;
background: #fff;
}
.header>a {
width: 220px;
display: inline-block;
float: unset;
}
.logo_m,.bg_top_head{
display: block !important;
}
.logo_pc,.hotline,.menu_home,.slider-header>img,.img-box,.top-menu,.code,.notify>div>img
{
display: none;
} .container>.menu
{
float: left;
width: calc(100% - 20px) !important;
position: fixed;
z-index: 100000000;
padding: 10px !important;
top: 0px;
background: #398BD9;
}
.sub_menu
{
overflow-x: hidden;
}
.button_menu,.button_menu>div
{
float: left;
display: block;
width: 50px;
cursor: pointer;
}
.button_menu>div
{
height: 7px;
border-radius: 5px;
background: #fff;
margin-bottom: 5px;
}
#menu3{
margin-bottom: 0;
}
.menu1
{
margin-top: 15px;
transform: rotate(40deg);
}
.menu2
{
background: transparent !important;
}
.menu3
{
margin-top: -24px;
transform: rotate(-40deg);
}
.list_menu
{
float: left;
width: 300px;
background: #115E84;
margin-top: 10px;
display: none;
position: absolute;
top: 40px;
left: 0;
padding: 0;
height: 450px;
overflow-y: scroll;
box-shadow: unset;
}
.list_menu>li
{
float: left;
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
}
.list_menu>li:first-child>a
{
padding-left: 10px;
}
.list_menu>li a
{
float: left;
width: 280px;
font-size: 15px;
padding: 5px 10px;
color: #fff;
border-top: unset;
border-bottom: 1px solid #fff;
font-weight: normal;
}
.child_menu {
position: relative;
background: rgba(0, 72, 91, 0.6);
width: 290px;
float: right;
top: 0;
padding: 0;
display: none;
}
.list_menu>li .child_menu:nth-child(1n){
display: block;
}
.child_menu>li ul
{
position: relative;
top: unset;
left: unset;
display: block;
padding-left: 10px;
}
.child_menu>li a:hover
{
color: gray;
}
.child_menu>li>a
{
font-weight: normal;
} .slide-home,.highlights
{
width: 100%;
} .container>.notify
{
border-top: none;
padding: 0 !important;
margin-left: 2% !important;
}
.notify-info
{
border-top: 7px solid #004A8E;
width: calc(100% - 40px);
padding: 20px;
}
.notify-content
{
width: calc(100% - 40px);
padding: 0 20px 20px;
} .cat-detail-preview .border-cat-title
{
display: none;
}
.only-show-mobile{
display: block !important;
}
.home-list-cat .bx-wrapper .bx-viewport
{
background: unset;
}
.cat-detail-preview>p
{
min-height: unset;
height: 55px;
overflow: hidden;
} .home-left-box
{
width: 100%;
}
.list-news-4-square
{
padding: unset;
margin-right: unset;
width: 100%;
}
.list-news-4-square>a
{
width: 100%;
}
.list-news-4-square>a>img,.list-news-4-square>a>span
{
height: unset;
}
.list-news-4-square>a:not(:first-child)>img
{
width: 35%;
}
.list-news-4-square>a:not(:first-child)>span
{
width: calc(65% - 20px);
float: right;
}
.home-right-box
{
margin-top: 20px;
margin-right: unset;
width: 100%;
}
.home-right-box>img,.home-right-box>.wl100>img
{
display: none;
} .home-story-text,.home-story-video
{
width: 100%;
}
.home-story-video>iframe
{
height: auto !important;
} .phamchat,.title-phamchat
{
margin-bottom: 50px;
padding-left: 0;
}
.phamchat>img
{
width: 70%;
left: 0;
top:-35px;
}
.phamchat>span
{
width: calc(100% - 40px);
padding: 20px;
border-radius: 10px;
} .home-list-img>a.clickShowImage
{
width: calc((100% - 20px)/2);
}
.home-list-img>a.clickShowImage:nth-child(2n)
{
margin-right: 0;
} .left_info_footer,.right_info_footer
{
width: 100%;
margin: 0 0 20px 0;
}
.right_info_footer
{
margin-bottom: 0;
}
.info-contact
{
padding-bottom: 20px;
}
.contact_logo
{
margin-top: 20px;
} .breadcrumbs-detail
{
display: none;
}
.detail-content *
{
max-width: 100%;
}
.detail-list-3-news
{
background: none;
width: 100%;
padding: 0;
}
.detail-list-3-news>a
{
width: 100%;
margin-right: 0;
padding-bottom: 20px;
border-bottom: 1px dashed #cdcdcd;
}
.detail-list-3-news>a:last-child
{
border-bottom: 0;
}
.detail-list-3-news>a>b,.detail-list-3-news>a>span
{
color: #222;
margin-bottom: 0;
}
.detail-list-3-news>a:not(:first-child)>b
{
width: calc(65% - 20px);
float: right;
margin-top: 0;
}
.detail-list-3-news>a:not(:first-child)>span
{
display: none;
} .list-news-4-square-truong
{
width: calc(100% - 40px);
padding: 20px;
}
.list-news-4-square-truong>a:not(:first-child)
{
display: none;
}
.list-news-truong>a>p,.list-news-truong>a>span
{
display: none;
} .content-detail-desc .preview-nganh-link-reg
{
float: unset;
display: inline-block;
}
.content-nganh-title>span
{
padding-bottom: 8px;
}
.content-nganh-title>span>strong
{
width: 100%;
float: left;
}
.content-nganh-link50>a
{
width: 100%;
}
.special-title
{
border-radius: 10px;
float: left;
width: calc(100% - 20px);
padding: 10px;
}
.special-title>strong
{
font-size: 35px;
margin: 0;
vertical-align: middle;
}
.special-title>span
{
width: calc(100% - 60px);
margin-left: 10px;
min-width: unset;
line-height: unset;
vertical-align: middle;
background: unset;
padding: 0;
}
.info-tuyensinh-detail>.content-nganh-title>span
{
padding-bottom: 7px;
width: 100%;
}
.info-tuyensinh-detail>.content-nganh-title>span>strong
{
width: calc(100% - 40px);
float: right;
}
.info-tuyensinh-detail .preview-nganh-link-reg
{
margin: 0 ;
}
#toc {
border: 1px solid #bba;
background-color: #f7f8ff;
padding: 1em;
width: 100%;
}
#toc-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
font-size: 100%;
font-weight: 700;
}
#toc ol {
counter-reset: item;
}
#toc li {
display: block;
}
#toc li:before {
content: counters(item, ".") ". ";
counter-increment: item;
}	.col-footer-info, 
.footer-info-content {        width: 100%;        float: left;        padding-bottom: 10px;    }	
.col-footer-info p, .footer-info-content p {        width: 100%;        float: left;            }	
.col-logo a {    float: left;    width: 100%;    text-align: center;}
.cat-detail-preview>p {        min-height: unset;        height: unset;        overflow: hidden;		line-height:unset;    }		
.cat-detail-preview>p, .cat-detail-preview ul li
{
width:100%;
}
.detail-nganh img
{
max-width:100%;
height:auto;
}
.detail-list-3-news>a>b, .detail-list-3-news>a>strong, .detail-list-3-news>a>h3
{
color:#000;
}
.banner
{
width:100%;
}
.only-desktop
{
display:none;
}
}
.wpcf7-not-valid-tip {
color: #32e141 !important;
margin-top: 5px;
float: left;
}