/*
Theme Name: Giới thiệu và tuyển Dụng cardina
Text Domain: cardina.vn
Version: 0.0.1
Requires PHP: 7.0
Description: theme thuộc quyền sở hữu của cardina
Author: Dương dịu dàng 
Author URI: http://cardina.vn/
*/
a{
	color: #a70707;
}
.wrap-video video{
	width: 75%;
}
.img-video{
	display: none;
}
.img-video{
	display: block;
}
.nivo-controlNav{
	padding: 0px !important;
}
#myVideo{
	display:none;
}
.wrap-video{
	max-width: 100%;
	display: flex;
		justify-content: center;
}
#myVideo{
	display:block;
}
.popup-menu{
	background: #00000075;
	height: 100%;
	position: fixed;
	top: 0px;
	z-index: 99999;
	width: 0%;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.wrap-x{
	text-align: end;
}
.wrap-menu-mobile{
	height: 100%;
	width: 80%;
	padding: 10px;
	background: #fff;
}
#menu-mobile{
	font-weight: 400;
}

body{
margin: 0px;
  font-family: "Alexandria", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
a{
	text-decoration: none;
}
ul{
	list-style-type: none;
	padding-inline-start: 0px;
}
button{
	background: none;
	border: none;
	cursor: pointer;
}
.main-logo img{
	width: 100px;
}

.container{
	margin: 0px auto;
	max-width: 1420px;
	width: 100%;
}

.wrap-post-bnt button{
	padding: 10px 35px;
	border: 1px solid #a70707;
	color: #a70707;
	border-radius: 23px;
	margin: 35px 0px;
	margin-right: 14px;
}
.wrap-post{
	margin: 35px 0px;
}

.tabcontent{
	display: none;
}
.footer-item{
	width: 25%;
}
.footer-logoApp{
	display: flex;
	align-items: center;
	gap: 10px;
}
.footer-logoApp img{
	width: 130px;
}
.footer-wrap{
	font-size: 16px;
	font-weight: 300;
	padding: 50px 0px 30px 0px;
	display: flex;
	gap: 40px;
}
.footer-item h3{
	margin-block-start: 0em;
	margin-block-end: 1em;
}
.footer-item ul li{
	padding: 5px 0px;
}
#newsletter-email{
	padding: 8px;
	border: 1px solid #ccc;
}
.ctn-bnt{
	padding: 8px;
	background: #a70707;
	color: #fff;
}
.input-group{
	margin: 20px 0px;
}
.bottom-footer{
	display: flex;
	justify-content: space-between;
	padding: 20px 0px;
	border-top: 1px solid #a70707;
}
.logo img{
	width: 90px;
}
.wraps-menu ul{
	display: flex;
	gap: 30px;
	
}
.wraps-menu ul a{
	color: black;	
}
.wrap-hedar{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.icon-menu{
	display: none;
}
.head{
	padding: 3px 0px;
	width: 100%;
	background: #fff;
}
.fixed-menu{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999;
	background: #fff;
	box-shadow: 1px 1px 5px #ccc;
}
.menu a:hover{
	color: #cd3a3a;
}
.main-box{
	display: flex;
	gap: 20px;
}
.main-content-box{
	width: 65%;
}

.breadcrumbs{
	display: flex;
	margin: 15px 0px;
	gap: 7px;
	font-weight: 600;
}

.breadcrumbs a{
	color: #2727a5;
}

.description-recruitment ul{
	margin-block-start: 0px;
	margin-block-end: 0px;
}

@media (max-width: 1450px){
	.container{
		max-width: 1375px;
	}
}

@media (max-width: 1290px){
	.container{
		max-width: 1200px;
	}
}
@media (max-width: 1030px){
	.container{
				max-width: 950px;
	}
}
@media (max-width: 885px){
	.container{
		max-width: 800px;
	}
	.footer-wrap{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.footer-item{
		width: 100%;
	}
	.wrap-history{
		padding: 50px 0px;
		margin-top: -32px;
	}
	.breadcrumbs{
		display: ruby;
		font-size: 13px;
	}
}
@media (max-width: 800px){
	.container{
		max-width: 750px;
	}
}

@media (max-width: 435px){
	.container{
		max-width: 400px;
	}
	.footer-wrap{
		grid-template-columns: repeat(1, 1fr);
	}
	#header-menu{
		display: none;
	}
	.logo img{
		width: 65px;
	}
	.icon-menu i{
		margin: 0px 10px;
		color: #a70707;
		cursor: pointer;
	}
	.icon-menu{
		display: block;
	}
	.bottom-footer{
		font-size: 12px;
	}
}

.menu-sider .menu-item-has-children .sub-menu{
	display: none;
	position: relative;
	margin-left: 10px;
	color: #5c5c5c !important;
}
.menu-sider{
	padding-inline-start: 0px;
}
.box-submenu{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.menu-sider li{
	padding: 10px 0px;
	border-bottom: 1px dashed #d13d36;
	color: #5c5c5c !important;
}
.menu-sider li a{
	color: #342b2b;
	font-size: 15px;
}
.box-submenu span{
	padding: 2px 10px;
	cursor: pointer;
}
.box-submenu span:hover{
	border: 1px solid #ccc;
}
.tru{
	display: none;
}
.is-active .cong{
display: none;
}
.is-active .tru{
	display: block;
}
.is-active .box-submenu{
	border-bottom: 1px dashed #d13d36;
}
.is-active .sub-menu{
	display: block !important;
}
.is-active .sub-menu li{
	border-bottom: none !important;
	padding: 5px 0px;
}
@media (max-width: 390px){
	.container{
		max-width: 350px;
	}
	.box-search{
		padding: 0px 20px;
	}
    .procedure-item-title p{
    	max-width: 80%;
    }
}