*{margin:0;padding:0;line-height:1.5}
.container{width: 100%;padding: 0}
.logo img{width: 100%}
.ppocta-ft-fix {
width: 36px;
position: fixed;
bottom: 20%;
right: 30px;
text-align: center;
z-index: 99999;
}
.product-home .info{position:relative}
.product-home .info .name{    color: #23a455;
    font-size: 16px;
    padding: 10px 0;}
    .product-home .info .content{    color: #222;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: justify;}
    .product-home .info .text a{    color: #fff;
    font-size: 16px;
    background-color: #444444;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;}
    .project  .title a{padding: 5px 0;display: block;}
    .question .row > div, .product-home .row > div{margin-bottom: 30px;}
    .product-home .row > div:nth-child(3n+1){clear: left;}
    .question .row > div:nth-child(4n+1){clear: left;}
    .product-home .info .text {text-align: center;}
.product-home .col-md-4:hover .info:before{content:'';border-bottom:10px solid #23a455;border-left:23px solid transparent;border-right:23px solid transparent;height:10px;position:absolute;top:-10px;text-align:center;width:46px;
-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);left: 50%}
.product-home .info{padding:0 10px 10px}
.product-home .col-md-4:hover .info{background:#23a455}
.product-home .col-md-4:hover .info .name,.product-home .col-md-4:hover .info .content{color:#fff!important}
.box-border{    border: 1px solid #ddd;padding: 20px}
.center-top{text-align: center;    border-bottom: 1px dashed #ddd;margin-bottom: 20px;}
.partner{margin: 20px 0;}
.slider-new .owl-nav {    position: absolute;
right: 0;
top: 13px;}
.table{width: 100% !important}
@media (max-width: 768px) {
.ppocta-ft-fix {
bottom; 5%;
}
}
#messengerButton {
display: inline-block;
position: relative;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 100%;
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7);
background: #1CB2ED url("https://ejc.com.vn/img/fb.png") center center no-repeat;
margin-bottom: 10px;
}
a#messengerButton {outline:none; }
a#messengerButton:hover {
text-decoration:none;
background: #f16029 url("https://ejc.com.vn/img/fb.png") center center no-repeat;
}
a#messengerButton span {
z-index:10;display:none;
padding:10px;
right:45px;
width:200px;
line-height:16px;
border-radius:4px;
box-shadow: 5px 5px 8px #CCC;
}
a#messengerButton:hover span {
display:inline; position:absolute; color:#111;
border:1px solid #DCA; background:#fffAF0;
}
@media (max-width: 640px) {
a#messengerButton:hover span{
display: none;
}
}
#zaloButton {
display: inline-block;
position: relative;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 100%;
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7);
background:  #1CB2ED url("https://ejc.com.vn/img/zalo.png") center center no-repeat;
margin-bottom: 10px;
}
a#zaloButton {outline:none; }
a#zaloButton:hover {
text-decoration:none;
background:  #f16029 url("https://ejc.com.vn/img/zalo.png") center center no-repeat;
}
a#zaloButton span {
z-index:10;
display:none;
padding:10px;
right:45px;
width:200px;
line-height:16px;
border-radius:4px;
box-shadow: 5px 5px 8px #CCC;
}
a#zaloButton:hover span {
display:inline; position:absolute; color:#111;
border:1px solid #DCA; background:#fffAF0;
}
@media (max-width: 640px) {
a#zaloButton:hover span{
display: none;
}
}
#registerNowButton {
display: inline-block;
position: relative;
height: 36px;
width: 36px;
line-height: 36px;
border-radius: 100%;
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7);
background: #1CB2ED url("https://ejc.com.vn/img/sms.png") center center no-repeat;
}
a#registerNowButton {outline:none; }
a#registerNowButton:hover {
text-decoration:none;
background: #f16029 url("https://ejc.com.vn/img/sms.png") center center no-repeat;
}
a#registerNowButton span {
z-index:10;
display:none;
padding:10px;
right:45px;
width:200px;
line-height:16px;
border-radius:4px;
box-shadow: 5px 5px 8px #CCC;
}
a#registerNowButton:hover span {
display:inline; position:absolute; color:#111;
border:1px solid #DCA; background:#fffAF0;
}
@media (max-width: 640px) {
a#registerNowButton:hover span {
display: none;
}
}
#calltrap-btn {
background-color: #2074a1;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
height: 36px;
line-height: 100px;
opacity: 0.7;
text-align: center;
width: 36px;
z-index: 9999;
-webkit-animation: calltrap_opacity 3s infinite linear;
-moz-animation: calltrap_opacity 3s infinite linear;
-o-animation: calltrap_opacity 3s infinite linear;
animation: calltrap_opacity 3s infinite linear
}
a#calltrap-btn {outline:none; }
a#calltrap-btn strong {font-size:18px; color: red;}
a#calltrap-btn:hover {
text-decoration:none;
background: #f16029;
}
a#calltrap-btn span {
z-index:10;display:none;
padding:10px;
top: 0;
right:45px;
width:150px;
line-height:16px;
border-radius:4px;
box-shadow: 5px 5px 8px #CCC;
}
a#calltrap-btn:hover span {
display:inline; position:absolute; color:#111;
border:1px solid #DCA; background:#fffAF0;
}
@media (max-width: 640px) {
a#calltrap-btn:hover span {
display: none;
}
}
#calltrap-btn.calltrap_offline {
background-color: #1CB2ED;
margin-bottom: 20px;
}
#calltrap-ico {
width: 36px;
height: 36px;
border: 0;
-webkit-border-radius: 50% !important;
border-radius: 50% !important;
-o-background-clip: padding-box;
background-clip: padding-box;
-webkit-animation: uptocallmini 1.5s 0s ease-out infinite;
-moz-animation: uptocallmini 1.5s 0s ease-out infinite;
-o-animation: uptocallmini 1.5s 0s ease-out infinite;
animation: uptocallmini 1.5s 0s ease-out infinite
}
#calltrap-ico:before {
content: "";
position: absolute;
width: 25px;
height: 25px;
background-size: cover;
top: 5px;
left: 5px;
background-image: url("https://ejc.com.vn/img/phone.png");
background-repeat: no-repeat;
-webkit-animation: calltrap_spin 3s infinite linear;
-moz-animation: calltrap_spin 3s infinite linear;
-o-animation: calltrap_spin 3s infinite linear;
animation: calltrap_spin 3s infinite linear
}
.calltrap_offline #calltrap-ico {
-webkit-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
-moz-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
-o-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
animation: uptocallmini_offline 1.5s 0s ease-out infinite
}
#calltrap-overlay {
background-color: #191919;
background-color: rgba(25, 25, 25, 0.9);
position: fixed;
z-index: 9998;
width: 100%;
height: 100%;
left: 0;
top: 0;
text-align: center;
display: none
}
#calltrap-overlay .b-calltrap-overlay {
display: table;
width: 100%;
height: 100%
}
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__body, #calltrap-overlay .b-calltrap-overlay__footer {
display: table-row;
padding: 0;
margin: 0
}
#calltrap-overlay .b-calltrap-overlay__header-block, #calltrap-overlay .b-calltrap-overlay__body-block, #calltrap-overlay .b-calltrap-overlay__footer-block {
display: table-cell;
vertical-align: middle;
text-align: center
}
#calltrap-overlay .b-calltrap-overlay__body-block {
padding: 0 7px
}
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__footer {
height: 1px
}
#calltrap-overlay .b-calltrap__container {
background-color: white;
border: 5px solid #2074a1;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0;
padding: 0;
max-width: 500px;
display: block;
margin: 0 auto;
font-size: 16px;
line-height: 1.3;
position: relative;
font-family: Tahoma, Arial, self-serif !important
}
@media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-overlay .b-calltrap__container {
width: 290px
}
}
#calltrap-overlay .b-calltrap__close {
display: block;
position: absolute;
right: 20px;
top: 20px;
width: 20px;
height: 20px;
opacity: 0.5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
#calltrap-overlay .b-calltrap__close:hover {
opacity: 1
}
#calltrap-success, #calltrap-form {
display: block
}
#calltrap-success .b-calltrap_form__fields, #calltrap-form .b-calltrap_form__fields {
margin: 20px 25px 35px
}
#calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
font-size: 20px;
margin: 0 0 17px;
text-align: left
}
@media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
padding-right: 20px
}
}
#calltrap-success .b-calltrap_form__text, #calltrap-form .b-calltrap_form__text {
text-align: left
}
#calltrap-success .b-calltrap_form__text p, #calltrap-form .b-calltrap_form__text p {
margin: 0 0 0.55em
}
#calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
padding: 0 15px 0;
height: 44px;
line-height: 40px;
background-color: white;
border: 2px solid #ccc;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
width: 100%;
outline: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
@media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
margin-bottom: 13px
}
}
#calltrap-success .b-calltrap_form__input.error, #calltrap-form .b-calltrap_form__input.error {
background-color: #ffc0c0;
color: red;
border-color: red
}
#calltrap-success .b-calltrap_form__input:disabled, #calltrap-form .b-calltrap_form__input:disabled {
background-color: #eee;
border-color: #bdbdbd;
cursor: default
}
#calltrap-success .b-calltrap_form__input:focus, #calltrap-form .b-calltrap_form__input:focus {
border: 2px solid #2074a1
}
#calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #2074a1;
border: 2px solid #2074a1;
-webkit-border-radius: 3px;
border-radius: 3px;
border: medium none;
color: #fff;
cursor: pointer;
font-size: 16px;
padding: 0;
height: 44px;
line-height: 40px;
outline: medium none;
display: inline-block;
width: 180px;
text-align: center;
outline: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
@media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
width: 100%
}
}
#calltrap-success .b-calltrap_form__submit:hover, #calltrap-form .b-calltrap_form__submit:hover {
background-color: #1c658c
}
#calltrap-success .b-calltrap_form__submit:disabled, #calltrap-form .b-calltrap_form__submit:disabled {
background-color: #bdbdbd !important;
cursor: default
}
#calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
margin: 20px 0 0;
padding: 0;
padding: 0 200px 0 0
}
@media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
padding: 0
}
}
#calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
position: relative;
float: right
}
@media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
float: none
}
}
#calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
margin-left: -100%;
width: 100%
}
@media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
margin-left: 0
}
}
#calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
margin-right: -200px;
overflow: visible;
width: 200px;
text-align: right
}
@media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
margin-right: 0;
width: auto;
text-align: left
}
}
#calltrap-success .b-calltrap_form__controls-clear, #calltrap-form .b-calltrap_form__controls-clear {
clear: both
}
#calltrap-success {
display: none
}
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit {
background-color: #1CB2ED
}
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover {
background-color: #2e8c1c
}
#calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus {
border-color: #1CB2ED
}
#calltrap-overlay.calltrap_offline .b-calltrap__container {
border-color: #1CB2ED
}
@-webkit-keyframes calltrap_opacity {
0% {
opacity: 1
}
57% {
opacity: 0.75
}
75% {
opacity: 0.95
}
100% {
opacity: 1
}
}
@-moz-keyframes calltrap_opacity {
0% {
opacity: 1
}
57% {
opacity: 0.75
}
75% {
opacity: 0.95
}
100% {
opacity: 1
}
}
@-o-keyframes calltrap_opacity {
0% {
opacity: 1
}
57% {
opacity: 0.75
}
75% {
opacity: 0.95
}
100% {
opacity: 1
}
}
@keyframes calltrap_opacity {
0% {
opacity: 1
}
57% {
opacity: 0.75
}
75% {
opacity: 0.95
}
100% {
opacity: 1
}
}
@-webkit-keyframes calltrap_spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
30% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
33% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
36% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg)
}
39% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
42% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg)
}
45% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
48% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
opacity: 1
}
51% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
54% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg)
}
57% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-moz-keyframes calltrap_spin {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
30% {
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
33% {
-moz-transform: rotate(-10deg);
transform: rotate(-10deg)
}
36% {
-moz-transform: rotate(10deg);
transform: rotate(10deg)
}
39% {
-moz-transform: rotate(-10deg);
transform: rotate(-10deg)
}
42% {
-moz-transform: rotate(10deg);
transform: rotate(10deg)
}
45% {
-moz-transform: rotate(-10deg);
transform: rotate(-10deg)
}
48% {
-moz-transform: rotate(10deg);
transform: rotate(10deg);
opacity: 1
}
51% {
-moz-transform: rotate(-10deg);
transform: rotate(-10deg)
}
54% {
-moz-transform: rotate(10deg);
transform: rotate(10deg)
}
57% {
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-o-keyframes calltrap_spin {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
30% {
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
33% {
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
36% {
-o-transform: rotate(10deg);
transform: rotate(10deg)
}
39% {
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
42% {
-o-transform: rotate(10deg);
transform: rotate(10deg)
}
45% {
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
48% {
-o-transform: rotate(10deg);
transform: rotate(10deg);
opacity: 1
}
51% {
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
54% {
-o-transform: rotate(10deg);
transform: rotate(10deg)
}
57% {
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes calltrap_spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
30% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
33% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
36% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg)
}
39% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
42% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg)
}
45% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
48% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
opacity: 1
}
51% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
54% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg)
}
57% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-webkit-keyframes uptocallmini {
0% {
-webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
}
10% {
-webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
}
100% {
-webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
}
}
@-moz-keyframes uptocallmini {
0% {
box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
}
10% {
box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
}
100% {
box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
}
}
@-o-keyframes uptocallmini {
0% {
box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
}
10% {
box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
}
100% {
box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
}
}
@keyframes uptocallmini {
0% {
-webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
}
10% {
-webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
}
100% {
-webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
}
}
@-webkit-keyframes uptocallmini_offline {
0% {
-webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
}
10% {
-webkit-box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120;
box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
}
100% {
-webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
}
}
@-moz-keyframes uptocallmini_offline {
0% {
box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
}
10% {
box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
}
100% {
box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
}
}
@-o-keyframes uptocallmini_offline {
0% {
box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
}
10% {
box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
}
100% {
box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
}
}
@keyframes uptocallmini_offline {
0% {
-webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
}
10% {
-webkit-box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED;
box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED
}
100% {
-webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
}
}
.toggle-box{display:none}
.toggle-box + label{cursor:pointer;display:block;font-weight:700;line-height:21px;margin-bottom:5px;position:fixed;bottom:5%;right:30px}
@media (min-width: 768px) {
.toggle-box + label{display:none}
}
.toggle-box + label + div{display:none;margin-bottom:10px}
@media (min-width: 768px) {
.toggle-box + label + div{display:unset}
}
.toggle-box:checked + label + div{display:block}
.toggle-box + label:before{background-color:#1cb2ed;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:50%;color:#FFF;content:"+";display:block;float:left;font-weight:700;height:36px;line-height:36px;text-align:center;width:36px;font-size:20px}
.toggle-box:checked + label:before{content:"\2212"}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a{text-decoration:none;cursor:pointer;color:#333}
.ttl-footer {
    position: relative;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    padding: 15px 0 30px;
    font-size: 17px;
    cursor: pointer;}
    .ttl-footer:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 12px;
    background-image: url(img/after_line_footer.png);
    background-repeat: no-repeat;
    margin-left: 8px;
    margin-top: 13px;}
img{max-width:100%;border:none;height:auto}
li{list-style:none}
p.wp-caption-text{text-align:center}
.emoji{width:20px}
.wp-caption.aligncenter{max-width:100%!important}
.content-post ul{padding-left:20px}
.content-post li{list-style:inside}
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
.aligncenter{display:block;margin:5px auto}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;text-align:center;margin:0;padding:0 4px 5px}
.wp-pagenavi{margin:20px 0}
.wp-pagenavi a,.wp-pagenavi span.current{margin:2px;text-decoration:none;border:1px solid #e3e3e3;color:#000;background:#fff;display:block;float:left;width:40px;height:40px;text-align:center;line-height:35px;font-weight:700;font-size:12px}
.wp-pagenavi span.current{text-shadow:none}
.wp-pagenavi a:visited{padding:6px 6px 5px;margin:2px;text-decoration:none;border:1px solid #e3e3e3;color:#000;background:#fff}
.wp-pagenavi a:hover{border:1px solid #23a455;color:#fff;background:#23a455;text-shadow:none}
.wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink{border:0;background:none}
.wp-pagenavi .previouspostslink:hover,.wp-pagenavi .nextpostslink:hover{color:#898989;background:none;border:0}
.wp-pagenavi a:active{padding:6px 6px 5px;margin:2px;text-decoration:none;border:1px solid #e3e3e3;color:#000;background:#fff}
.wp-pagenavi span.pages{display:none}
.wp-pagenavi span.current{margin:2px;border:1px solid #000;color:#000;border:1px solid #23a455;color:#fff;background:#23a455}
.wp-pagenavi span.extend{margin:2px;color:#000;background:#fff;float:left;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:50px;height:50px;line-height:44px;text-align:center;border:1px solid #e3e3e3;background:#fff}
body{background-image:url(https://ejc.com.vn/wp-content/uploads/2018/03/hinhnen.jpg)}
body p{font-family:Verdana,Geneva,sans-serif;font-size:14px;line-height:21px}
.top-header{width:100%;}
.hotline{    font-size: 20px;
    color: #23a455;font-weight: 700}
.text-header{font-size: 40px;color: #23a455;font-weight: 700;letter-spacing: 2px}
.bot-header{background-color:#23a455;position:relative}
.bot-header .menu-header{margin:0 40px}
.menu-header ul.clearfix > li{display:inline-block;position: relative;}
.menu-header ul.clearfix > li:hover > ul{display: block;}
.menu-header ul.clearfix > li > ul > li > a{    padding: 7px 30px;
    font-size: 14px;
    line-height: 20px;display: block;    position: relative;min-width: 250px;
    color: #111;}
    .menu-header ul.clearfix > li > ul > li > a:hover{    background-color: #23a455;color: #fff}
    .menu-header ul.clearfix > li.menu-item-has-children > a:after{    font: normal normal normal 14px/1 FontAwesome;    content: "\f107";padding-left: 5px;}
.menu-header ul.clearfix > li > ul{display: none;    background-color: #fff;    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);position: absolute;top: 100%;z-index: 999;padding: 15px 0}
.menu-header ul.clearfix >li.search-menu{float:right}
li.search-menu:hover .searchform{visibility:visible;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100 );filter:alpha(opacity=100);transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);pointer-events:auto}
li.search-menu input{width:235px;height:32px;border-radius:0;margin:0;border-right:0;line-height:17px;border-color:#eaeaea!important;color:#444;border:1px solid #e1e1e1;font-size:12px;padding:3px 9px}
li.search-menu button{position:absolute;height:32px;min-width:67px;line-height:17px;padding:7px 15px 8px;text-shadow:none;top:20px;vertical-align:top;right:20px;margin:0!important;-webkit-transition:background-color .4s;-moz-transition:background-color .4s;-o-transition:background-color .4s;transition:background-color .4s;font-family:'Roboto',sans-serif;font-size:13px;background-color:#222;border-radius:0;color:#fff;border:none}
.menu-header ul.clearfix >li.languages{float: right;}
.menu-header ul.clearfix{position: relative;}
.menu-header ul.clearfix >li.languages a{display: inline-block;padding: 0 5px;}
.menu-header ul.clearfix >li.languages a img{width: 32px;}








.fff{background:#fff}
.slider-home img{height:350px;width:100%;object-fit:cover}
.menu-header ul.clearfix > li > a{color:#fff;font-size:13px;padding:0 14px;font-weight:600;line-height:48px;display:block;text-transform:uppercase}
.menu-header ul.clearfix > li > a:hover{background-color:#00490d}
.search-header{float:right;position:absolute;top:10px;right:50px;color:#fff}
.main{background:#fff}
#main .main{padding-bottom:60px}
.home .main{padding-top:0;padding-bottom:0}
#main .box-top .main{padding-bottom:10px}
.style-pad{padding-top:20px}
.body-main{margin-left:40px;margin-right:40px}
.field{margin-top:30px}
.box-title .icon i{border:2px solid #6DAB3C;color:#f36523;border-radius:50%;padding:15px}
.box-title .icon{float:left;display:inline-block;height:48px;width:48px;line-height:48px}
.field .img{overflow:hidden}
.field .img img{width:100%;object-fit:cover}
.opaque-background{color:#FFF;position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;overflow:hidden;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .2s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background:rgba(129,215,66,0.4)}
.field .img:hover .opaque-background{opacity:1;-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.2s;transition-delay:.2s}
.content-mini a{display:block;position:relative}
.field .img .contentx{padding:20px;color:#fff}
.field .img{position:relative}
.box-title h4{line-height:1em;font-size:22px;color:#f36523;font-weight:700;margin:0;word-wrap:break-word;padding:0 10px;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}
.vc_sep_line{border-color:#6DAB3C}
.field-content .content i{padding-right:0}
.field-content .content-mini{margin-bottom:20px;margin-top:10px}
.field-content .content-mini:nth-child(3n+1){clear: left;}
.post-title{font-size:20px;line-height:29px;font-weight:700;margin-top:0;margin-bottom:7px;word-wrap:break-word}
.question{margin-top:30px}
.question .title .icon i{border:2px solid #6DAB3C;color:#f36523;border-radius:50%;padding:15px}
.question .title .icon{float:left;display:inline-block}
.question .title h4{font-size:22px;color:#f36523;font-family:arial;font-weight:700;margin-bottom:30px}
.recruitment{margin-top:30px}
.recruitment .title .icon i{border:2px solid #6DAB3C;color:#f36523;border-radius:50%;padding:15px}
.recruitment .title .icon{float:left;display:inline-block}
.recruitment .title h4{font-size:22px;color:#f36523;font-family:arial;font-weight:700;margin-bottom:30px}
.recruiment-item .module .img{width:220px}
.recruiment-item .module .details h3{margin-top:0;line-height:initial;font-size:inherit}
.recruiment-item-2 .module .details h3{text-transform: uppercase;}
.sidebar .widget{margin-bottom: 30px}
.recruiment-item-2 .module .details h3 a{    color: #23a455;    font-weight: 700;font-size: 15px;}
.sidebar-title-2{display: block;
    background-color: #23a455;
    padding: 12px 10px 10px 10px;margin-bottom: 10px;color: #fff;    font-weight: 700;
    text-transform: uppercase;}
    .widget_nav_menu ul.menu{    border: 1px solid #ddd;
    border-top: none;}
    .widget_nav_menu ul.menu > li{    display: block;
    padding: 12px 10px;
    border-bottom: 1px dashed #ccc;
    color: #333;
    font-size: 13px;}
    .widget_nav_menu ul.menu > li > a{    color: #333;}
    .widget_nav_menu ul.menu > li > a:before{    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    margin-right: 5px;
    font-size: 16px;}
.sidebar .recruiment-item .module{margin-bottom:20px}
.recruiment-item .module .details h3 a{font-size:14px}
.td-details > a{background-color:#000;color:#fff;font-weight:500;padding:2px 5px}
.td-details .td-post-author-name a{color:#000;font-weight:700}
.td-details .td-post-date{color:#AAA}
.td-post-author-name{margin:0 3px}
.recruitment-slide .owl-nav > *,.slider-new .owl-nav > *{display:inline-block;margin-right:7px;width:25px;height:25px;line-height:24px;border:1px solid #dcdcdc;text-align:center;background:none;vertical-align:middle;color:#b7b7b7}
.slider-new .owl-nav > *{color:#fff}
.recruiment-item .module .details .content{font-size:15px;text-align:justify}
.recruiment-item .module .img{display:inline-block;float:left;margin-right:20px}
.recruiment-item .module{margin-bottom:30px}
.video-certifi{margin-top:30px}
.video .title .icon i{border:2px solid #6DAB3C;color:#f36523;border-radius:50%;padding:15px}
.video .title .icon{float:left;display:inline-block}
.video .title h4{font-size:22px;color:#f36523;font-family:arial;font-weight:700;margin-bottom:30px}
.certifi .title .icon i{border:2px solid #6DAB3C;color:#f36523;border-radius:50%;padding:15px}
.certifi .title .icon{float:left;display:inline-block}
.certifi .title h4{font-size:22px;color:#f36523;font-family:arial;font-weight:700;margin-bottom:30px}
.certifi .certifi-content img{width:415px;height:280px}
.certifi .certifi-content{text-align:right}
.projects{margin-top:30px}
.projects .title .icon i{border:2px solid #6DAB3C;color:#f36523;border-radius:50%;padding:15px}
.projects .title .icon{float:left;display:inline-block}
.projects .title h4{font-size:22px;color:#f36523;font-family:arial;font-weight:700;margin-bottom:30px}
.project .content{color:#111;font-size:15px;font-weight:500;margin-bottom:20px}
.project .img{position:relative}
.project .img img{width:100%}
.list-project{margin:0 -15px}
.list-project > div{float:left;width:33.33333333%;padding:0 15px}
.home .list-project > div{width:20%}
.project .img .text{position:absolute;bottom:0;font-size:15px;color:#fff;background-color:#222;padding:2px;left:0}
.news-contact{margin-top:30px}
.news-contact .news .title h3,.sidebar-title{color:#222;font-size:18px;border-bottom:2px solid #009688;padding:5px 0;text-transform:uppercase;margin-bottom:10px;margin-top:0}
.news .news-content .details h4{line-height:20px;margin-top:0}
.news .news-content .details h4 a{font-size:17px;color:#111}
.news .news-content .img{display:inline-block;float:left;margin-right:20px;width:220px}
.news .news-content .details .td-details >a{font-size:15px;background-color:#000;color:#fff;font-weight:500;padding:2px 5px}
.news .news-content .details .td-details{margin-bottom:1px}
.news .news-content .details .td-post-author-name a{font-size:15px;color:#000;font-weight:700}
.news .news-content .details .td-post-date{font-size:15px;color:#AAA}
.news .news-content .details .content{font-size:15px;text-align:justify;line-height:17px}
.news .news-content .news-mini{margin:20px 0}
.news-contact .contact .title h3{color:#222;font-size:18px;border-bottom:2px solid #009688;padding:5px 0}
.slider-bottom{margin-top:30px}
.slider-bottom .hot-news{padding:15px;float:left}
.slider-bottom .hot-news span{color:#000;font-size:15px;font-weight:700;background-color:#f7ec16;padding:2px 10px}
.slider-news .slider-new .item{font-size:15px;color:#000}
.slider-news .slider-new .item a{padding:15px 0;display:block}
.address{margin:20px 0 0;background-color:#23a455;color:#fff;padding: 15px}
.address a{color: #fff}
.address .col1 .title h3{color:#ff0;font-size:19px;text-align:center;font-weight:700}
.address .col1 .info .address-info span{font-size:15px;color:#fff;line-height:26px}
.address .col1 .info .address-info{margin-bottom:10px}
.address .col1 .info .phone-number{font-size:15px;color:#fff}
.address .col1 .info .mail span{font-size:15px;color:#fff}
.address .col1 .info{margin-left:20px}
.address .col2 .list-address .tp .icon{width:50px;height:50px;border-radius:50%;background-color:#d33;color:#fff;text-align:center;margin-right:10px}
.address .col2 .list-address .tp .icon i{line-height:50px}
.address .col2 .list-address{margin-top:30px}
.address .col2 .list-address .tp .info .title h4{font-size:16px;color:#0e09d0;font-weight:700}
.address .col2 .list-address .tp .info .address-phone{overflow:auto;color:#fff}
.address .col2 .list-address .tp{margin-bottom:20px}
.name-text{font-size:15px;color:#fff;background-color:#23a455;padding:10px 0;text-align: center;border-top: 1px solid #fff}
.go-top{font-size:22px;line-height:35px;color:#fff;text-align:center;width:40px;height:40px;color:#fff;z-index:9999;cursor:pointer;border-radius:2px;background:#1872a5;position:fixed;right:0;bottom:40px}
ul{margin:0}
.box-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}
.box-title .vc_sep_holder{height:1px;position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:10%}
.box-title .vc_sep_line{height:1px;border-top:1px solid #EBEBEB;display:block;position:relative;top:1px;width:100%;border-bottom:1px solid #EBEBEB;border-top:1px solid #EBEBEB;height:3px;border-color:#6DAB3C}
.sidebar .recruiment-item .module .img{width:80px}
.sidebar .recruiment-item .module .img img{height: 80px;width: 100%;object-fit: cover;}
.fb_iframe_widget_fluid_desktop iframe {
    min-width: 100% !important;}
    .widget_nav_menu ul.menu > li > a:hover, .recruiment-item .module .details h3 a:hover{    color: #23a455;}
.searchform{    z-index: 9999;position:absolute;top:100%;border-top:3px solid #000;right:0;padding:20px;visibility:hidden;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 0 );filter:alpha(opacity=0);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0);background-color:#fff;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);border-top:0;width:342px;pointer-events:none}
.panel-group{margin-bottom:20px}
.faqs .panel-group .panel{border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0}
.panel-group .panel{margin-bottom:0}
.faqs .panel-default>.panel-heading{padding:0;border-radius:0;box-shadow:none;background:0 0;border:0}
.panel-default>.panel-heading{color:#333}
.faqs .panel-title{font-size:15px;font-weight:400}
.faqs .panel-title a:hover,.faqs .panel-title a:not(.collapsed){text-decoration:underline}
.faqs .panel-title a{text-align:left;display:block;text-decoration:none;font-size:19px;line-height:21px;position:relative;background:#fafafa;color:#333;font-weight:400;padding:15px 20px 15px 15px}
.faqs .panel-title a:not(.collapsed):before{content:"\f068"}
.faqs .panel-title a:before{position:absolute;font-family:FontAwesome!important;right:15px;top:15px;color:#333;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;font-size:10px;width:22px;height:22px;text-align:center;line-height:20px;font-size:16px;display:block}
.faqs .panel-group .panel .panel-collapse{border:none;background:#fafafa}
.faqs .panel-title a.collapsed{line-height:21px;padding-top:15px;padding-bottom:15px;position:relative;background:#fafafa;font-weight:400}
.faqs .panel-title a.collapsed:before,.faqs .panel-title a:before{content:"\f067";background:0 0}
.td-details{font-size:11px;margin-bottom:10px}
.banner img{width:100%}
.recruiment-item .module .details{overflow:hidden}
.form-pro{color:#fff;padding:8px;background:#f1f1f1;background:linear-gradient(-45deg,#f8a11a 50%,#23a455 50%);background-size:110% 100%}
.form-pro input,.form-pro textarea{font-size:12px;line-height:21px;color:#444;border:1px solid #e1e1e1;width:100%;max-width:100%;padding:3px 9px;border-color:#b0b0b0}
.form-pro input[type=submit]{background-color:#222;border-radius:0;color:#fff;border:none;padding:8px 15px;font-weight:500;width:auto}
.breadcrums{font-size:12px;color:#c3c3c3;line-height:18px;padding:20px 0 10px}
.entry-title{text-transform:uppercase;font-weight:700;font-size:30px;line-height:38px;margin-top:0;margin-bottom:0;color: #23a455}
.box-top{-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.12);box-shadow:0 0 5px 0 rgba(0,0,0,0.12);padding-bottom:10px;background:#fff;border-bottom:1px solid #ddd}
.list-cn .box{background:#FFF;color:#777;border:1px solid #efefef}
.list-cn > div{margin-bottom:30px}
.list-cn > div:nth-child(3n+1){clear:left}
.list-cn .box .box-tops{background:#df4130;color:#fff;text-align:center;padding:20px 0;position:relative}
.list-cn .box .box-tops .name{font-size:16px;margin-bottom:10px}
.list-cn .box .box-tops .icon{font-size:16px;width:6em;height:6em;padding:0;line-height:1em;border:2px solid #f0f0f0;-webkit-border-radius:500%;border-radius:500%;margin:0 auto!important;position:relative;top:0;background:#FFF;color:#777;-webkit-box-shadow:0 5px 20px #DDD inset,0 3px 0 #999 inset;-o-box-shadow:0 5px 20px #DDD inset,0 3px 0 #999 inset;-ms-box-shadow:0 5px 20px #DDD inset,0 3px 0 #999 inset;box-shadow:0 5px 20px #DDD inset,0 3px 0 #999 inset;display:table}
.list-cn .box .box-tops .icon i{vertical-align:middle;display:table-cell;word-break:break-all;color:#333;font-size:32px}
.list-cn .box .box-content{padding:20px}
.about-home .link {text-align:center;margin-top:10px}
.about-home .link a
.list-cn .box .box-content .link{text-align:center;margin-top:10px}
.list-cn .box .box-content .link a{padding:9px 20px;display:inline-block;border-radius:15px;color:#fff}
.list-gt .top{display:flex;align-items:center}
.list-gt > div:nth-child(3n+1){clear:left}
.list-gt > div{margin-bottom:30px}
.list-gt .icon{color:#d33;background:#fff;border-style:dotted;border-color:#333;border-width:1px;width:50px;height:50px;line-height:50px;border-radius:500px;font-size:60px;display:inline-block;margin-right:15px;float:left}
.list-gt .name{display:block;font-size:16px;font-weight:600;color:#0e09d0;line-height:1.2em}
.list-gt .content{margin-top:10px}
.search-menu{padding: 0}
.js.translated-ltr .logo{display: none;}
.logo.logo_translated {display: none;}
.js.translated-ltr .logo.logo_translated {display: block;}



@media(max-width:768px) {


.cbp-spmenu ul{position: relative;}
.cbp-spmenu ul li.languages{margin-top: 10px !important;}
.cbp-spmenu ul li.languages a{display: inline-block;padding: 0 5px;}
.cbp-spmenu ul li.languages a img{width: 32px;}








.list-gt > div:nth-child(3n+1),.list-cn > div:nth-child(3n+1){clear:left}
.top-header{background:none #fff}
.container{padding:0 10px}
.bot-header,.sidebar,.slider-new .owl-nav{display:none}
#black-studio-tinymce-2 img{display: block;margin: 0 auto}
.slider-home img{height:150px}
.body-main{margin:0 10px}
.row,.list-project{margin:0 -5px}
.row > div,.list-project > div{padding:0 5px}
.box-title{padding:0 10px}
.field{margin-top:10px}
.box-title h4{font-size:16px}
.recruiment-item .module .img{width:100px}
.recruiment-item .module .details h3 a{font-size:14px}
.recruiment-item .module{margin-bottom: 15px}
.recruiment-item .module .img img{height: 80px;object-fit: cover;}
.projects{margin-top:0}
.home .list-project > div,.list-project > div{width:50%}
.address .col1 .img{width:auto;height:auto;margin-left:0}
.entry-title{font-size:20px;line-height:inherit}
#wprmenu_bar .menu_title a{top:0;color:#fff}
.text-header{font-size: 20px;margin: 10px 0}
.hotline{font-size: 16px;}
}