@charset "utf-8";
/* CSS Document */
/* Copyright 2017 by 3graphic.com */



/*LOAD*/
.loadicon{position:fixed;top:50%;left:50%; z-index:110000; width:47px; height:47px;margin:-23px 0 0 -23px;}
.load-present{position:absolute;left:auto;width:100%;height:100%;left:0;top:0}

.stroke-line{fill-opacity:0;stroke:#005caa;stroke-miterlimit:10;stroke-width:1;stroke-dasharray:700; stroke-dashoffset:700;}
.loader .stroke-line{-webkit-animation:DrawStroke 1s, FadeStroke 0.01s 1s forwards;animation:DrawStroke 1s, FadeStroke 0.01s 1s forwards;}
.group-line{opacity:0}
.loader .group-line{-webkit-animation:fadeIn 1s 0.3s forwards;animation:fadeIn 1s 0.3s forwards;}

.loadicon.fadeIE .stroke-line{fill-opacity:1;stroke-width:0;}


/*HEADER*/
.header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	will-change: opacity;
	z-index: 10;
	background-color: #1724A9;
}
	.header span {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 120px;
		background-color: white;
	}

.header.fixed{position:fixed; opacity:0; z-index:-1; -webkit-transition:opacity 0.5s ease-in-out 0s, z-index 0s linear 0.03s;transition:opacity 0.5s ease-in-out 0s, z-index 0s linear 0.03s;}


	.header.fixed span {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 74px;
		background-color: white;
	}
.header.fixed .navigation::before{display:none}

#home-page .logo::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}

.logo {
	position: absolute;
	margin-left: 30px;
	top: 20px;
	width: 240px;
	height: 80px;
	background: url(../images/logo.svg) no-repeat center center;
	background-size: contain;
	z-index: 103;
}
.logo a{display:block;width:100%;height:100%}


.navigation{position:absolute;right:0;top:66px;padding:10px 0 0 0;text-align:center;z-index:101}



.navigation ul{display:block;width:auto;height:auto;overflow:hidden;margin:0 20px 0 0}
.navigation li{position:relative;display:block;float:left;width:auto;height:auto;margin:0 1px 0 0}
	/*
	rgb(89, 3, 4) 0%, rgb(151, 27, 30)
*/
	.navigation li::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: -webkit-linear-gradient(0deg, rgb(89, 3, 4) 0%, rgb(240, 27, 30) 100%);
		background: linear-gradient(0deg, rgb(89, 3, 4) 0%, rgb(240, 27, 30) 100%);
		-webkit-border-radius: 10px;
		border-radius: 10px;
		opacity: 0;
		z-index: 1;
		-webkit-transition: opacity .5s ease-in-out;
		transition: opacity .5s ease-in-out;
	}

	.navigation li a {
		position: relative;
		display: block;
		width: auto;
		height: 36px;
		padding: 0 15px;
		font-family: 'Saira Condensed', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 36px;
		color: #590304;
		z-index: 2;
		-webkit-transition: color .5s cubic-bezier(.44,.39,.34,1.03);
		transition: color .5s cubic-bezier(.44,.39,.34,1.03);
	}

.navigation li:first-child{margin:0 10px 0 0}
.navigation li:first-child a{width:36px;height:36px;padding:0;font-size:0;text-indent:-9999px;overflow:hidden}
	.navigation li:first-child a::after {
		content: '';
		position: absolute;
		left: 5px;
		top: 5px;
		width: 26px;
		height: 24px;
		background: url(../pictures/home.png) no-repeat center center;
		background-size: contain
	}
	.navigation li:first-child:hover a::after {
		background: url(../pictures/home_white.png) no-repeat center center;
		background-size: contain
	}
	.navigation li:first-child.current a::after {
		background: url(../pictures/home_white.png) no-repeat center center;
		background-size: contain
	}

		.navigation li:not(.current):hover::before {
	opacity:1;
} 
.navigation li:not(.current):hover a{color:#fff}
.navigation li.current::before{opacity:1;}
	.navigation li.current a {
		color: white;
	}
.navigation li.current::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:3}

#career-details-page .navigation li.current::after, #for-student-page .navigation li.current::after, #recruitment-details-page .navigation li.current::after, #consultant-details-page .navigation li.current::after, #news-details-page .navigation li.current::after{display:none}


.right{position:absolute;right:20px;top:0;width:auto;height:66px;line-height:66px;text-align:right;z-index:102}
.search, .social, .account, .language{position:relative;display:inline-block;width:auto;height:auto;line-height:normal;vertical-align:middle}

.language li{display:block;float:left;width:auto;height:auto}
.language li.active{display:none}
.language li a{display:block;width:40px;height:28px;font-size:0;text-indent:-9999px;overflow:hidden;-webkit-transition:transform .5s cubic-bezier(.44,.39,.34,1.03);transition:transform .5s cubic-bezier(.44,.39,.34,1.03)}
.vi{background:url(../images/lange-vi.png) no-repeat center center;background-size:cover}
.en{background:url(../images/lange-en.png) no-repeat center center;background-size:cover}
.language li a:hover{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}


.account{display:inline-block;width:auto;height:auto;margin:0 15px 0 0;padding:0 10px 0 0;border-right:1px solid #fff}
.account li{position:relative;display:block;width:auto;height:auto;}
	.account li a {
		position: relative;
		display: block;
		width: auto;
		height: 28px;
		line-height: 28px;
		padding: 0 10px;
		font-family: 'Saira Condensed', sans-serif;
		font-weight: 500;
		font-size: 15px;
		color: #590304;
		z-index: 2;
		-webkit-transition: color .5s cubic-bezier(.44,.39,.34,1.03);
		transition: color .5s cubic-bezier(.44,.39,.34,1.03)
	}

	.account li::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: -webkit-linear-gradient(0deg, rgb(89, 3, 4) 0%, rgb(240, 27, 30) 100%);
		background: linear-gradient(0deg, rgb(89, 3, 4) 0%, rgb(240, 27, 30) 100%);
		-webkit-border-radius: 10px;
		border-radius: 10px;
		opacity: 0;
		z-index: 1;
		-webkit-transition: opacity .5s cubic-bezier(.44,.39,.34,1.03);
		transition: opacity .5s cubic-bezier(.44,.39,.34,1.03)
	}

.account li:hover::before{opacity:1}
	.account li:hover a {
		color: white;
	}


.social li{position:relative;display:block;float:left;width:40px;height:40px;margin:0 3px 0 0}

.social li a{position:relative;display:block;width:100%;height:100%;font-size:0;text-indent:-9999px;overflow:hidden;}

.social li a::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;-webkit-border-radius:50%;border-radius:50%;}
.social li a::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;-webkit-border-radius:50%;border-radius:50%;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index:1}

.facebook::before{background:url(../images/social-facebook.png) no-repeat center center;background-size:cover}
.facebook::after{background:url(../images/social-facebook-grey.png) no-repeat center center;background-size:cover}

.google::before{background:url(../images/social-google.png) no-repeat center center;background-size:cover}
.google::after{background:url(../images/social-google-grey.png) no-repeat center center;background-size:cover}

.youtube::before{background:url(../images/social-youtube.png) no-repeat center center;background-size:cover}
.youtube::after{background:url(../images/social-youtube-grey.png) no-repeat center center;background-size:cover}

.linkedin::before{background:url(../images/social-linkedin.png) no-repeat center center;background-size:cover}
.linkedin::after{background:url(../images/social-linkedin-grey.png) no-repeat center center;background-size:cover}

.zalo::before{background:url(../images/social-zalo.png) no-repeat center center;background-size:cover}
.zalo::after{background:url(../images/social-zalo-grey.png) no-repeat center center;background-size:cover}

.social li a:hover::after{opacity:1}


.search-but{position:relative;display:block;width:40px;height:40px;}
.search-but a{position:relative;display:block;width:100%;height:100%;padding:10px;font-size:0;text-indent:-9999px;overflow:hidden}

.search-but a:after{content:'';position:relative;display:block;width:100%;height:100%;background:url(../images/search.svg) no-repeat center center;background-size:contain;}
.search-but a:before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:-webkit-linear-gradient(0deg, rgb(231, 232, 215) 0%, rgb(128, 201, 253) 100%);background:linear-gradient(0deg, rgb(231, 232, 215) 0%, rgb(128, 201, 253) 100%);opacity:0;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

.search-but:not(.active):hover a::before,  .search-but.active a::before{opacity:1}



.search-form{position:absolute;right:50px;top:0px;display:block;width:0;height:44px;overflow:hidden;background-color:#fff;border:1px solid #b1b1b1;box-shadow:3px 3px 0 rgba(0,0,0,0.1);opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:30px;border-radius:30px;}
.search-form.active{opacity:1;width:300px;}
.form-row-search{position:absolute;top:0;left:0;width:100%;height:44px;}
.form-row-search input[type="text"]{display:block;width:100%;height:42px;padding:0 20px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:15px;color:#333;line-height:42px;border:none;background:none;opacity:0.7;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:30px;border-radius:30px;}
.form-row-search input[type="text"]:focus{opacity:1}



/*HEADER HIDE*/


.header.fixed.hide{opacity:1;z-index:11;}
.header.fixed .logo{width:224px;height:56px;top:8px}
.header.fixed .social{display:none}
.header.fixed .navigation{width:100%;top:0;padding:18px 0 0 0}
.header.fixed .navigation ul{display:inline-block;margin:0}

/*FOOTER*/
.footer{position:relative;background-color:#d8dee5;overflow:hidden}

.print{padding:20px 0;background-color:#eceff2;text-align:center;}
.print-box{position:relative;display:inline-block;width:auto;height:auto;padding:0 5px; }

.print-box > a{display:inline-block;width:auto;height:40px;line-height:40px;font-family: 'Saira', sans-serif;font-weight:400;font-size:12px;text-transform:uppercase;color:#4c4c4c;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:30px;border-radius:30px;background-color:rgba(255,255,255,0);}

.save-but{padding:0 17px 0 50px;background:url(../images/tool-favorite.svg) no-repeat -3px center;}
.print-but{padding:0 17px 0 50px;background:url(../images/tool-fax.svg) no-repeat 12px center;}
.share-but{padding:0 17px 0 50px;background:url(../images/tool-share-icon.svg) no-repeat 12px center;}


.print-box > a:hover{background-color:rgba(255,255,255,1);}

.print .share-item{right:auto;left:100%;bottom:0;width:0;}
.print .share-item ul{right:0;width:170px}
.share-but.active + .share-item{width:170px}

.print-box .item-youtube::before{background:url(../images/social-youtube.png) no-repeat center center;background-size:cover}
.print-box .item-youtube::after{background:url(../images/social-youtube-grey.png) no-repeat center center;background-size:cover}

.print-box .item-facebook::before{background:url(../images/social-facebook.png) no-repeat center center;background-size:cover}
.print-box .item-facebook::after{background:url(../images/social-facebook-grey.png) no-repeat center center;background-size:cover}

.print-box .item-linkedin::before{background:url(../images/social-linkedin.png) no-repeat center center;background-size:cover}
.print-box .item-linkedin::after{background:url(../images/social-linkedin-grey.png) no-repeat center center;background-size:cover}

.print-box .item-google::before{background:url(../images/social-google.png) no-repeat center center;background-size:cover}
.print-box .item-google::after{background:url(../images/social-google-grey.png) no-repeat center center;background-size:cover}

.print-box .item-zalo::before{background:url(../images/social-zalo.png) no-repeat center center;background-size:cover}
.print-box .item-zalo::after{background:url(../images/social-zalo-grey.png) no-repeat center center;background-size:cover}



.bottom-sub{padding:35px 0 50px 0;border-bottom:1px dotted #000}
.sub-box{position:relative;display:block;width:90%;height:auto;margin:0 auto;text-align:center}

.sub-item{position:relative;display:inline-block;vertical-align:top;width:auto;height:auto;max-width:298px;margin:0 20px;padding:0 20px;text-align:left}
.item-inr{position:relative;display:block;width:100%;height:auto;}
.sub-item h3{position:relative;margin:20px 0 5px 0;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;line-height:1.4;color:#000;text-transform:uppercase}
.sub-item h3 a{color:#000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.sub-item li{position:relative;display:block;}
.sub-item li a{display:block;padding:5px 0;font-size:12px;line-height:1.4;color:#3a3a3a;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}

	.sub-item li.current a, .sub-item li a:hover, .item-inr ul:only-child li.current a, .item-inr ul:only-child li:not(.current) a:hover {
		color: #590304;
		font-weight: bold;
	}
.sub-item h3.current a, .sub-item h3:not(.current) a:hover{color:#1724a9}


.item-inr ul:only-child{padding:40px 0 0 0}
.item-inr ul:only-child li a{text-transform:uppercase;font-size:14px;color:#000;font-weight:bold}


.sub-item li.current::after, .sub-item h3.current::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}

.company-info{padding:40px 0 30px 0;text-align:center}
.company-box {
	position: relative;
	display: block;
	width: 90%;
	height: auto;
	max-width: 1150px;
	margin: 0 auto;
}
.company-info h2 {
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.4;
	color: #590304;
	text-transform: uppercase
}
.company-info p {
	margin: 0 0 10px 0;
}
.company-info p, .company-info a {
	font-size: 15px;
	line-height: 1.4;
	color: #590304;
}
.company-info a{padding:5px 0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.company-info a:hover{color:#005caa}

.copyright {
	padding: 25px 0;
	background-color: #590304;
}

.copyright p, .copyright a{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:1.4;color:#d8dee5;text-align:center;text-transform:uppercase}
.copyright a{white-space:nowrap;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}
.copyright p strong{font-weight:bold}
.copyright a:hover{color:#3ca4fb}





/*CHATTING*/
.chat-pop{position:absolute;right:100px;bottom:100px;display:block;width:90%;height:400px;max-width:500px;z-index:-999;background-color:#fff;-webkit-border-radius:40px;border-radius:40px;box-shadow:10px 10px 0 rgba(0,0,0,0.1);opacity:0;-webkit-transition:all .3s cubic-bezier(.44,.39,.34,1.03);transition:all .3s cubic-bezier(.44,.39,.34,1.03);pointer-events:none}

.chat-pop.active{opacity:1;pointer-events:auto;z-index:10}

.close-chat{position:absolute;right:10px;top:15px;width:36px;height:36px;background:url(../images/close.svg) no-repeat center center;background-size:contain;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.close-chat:hover{background-color:#005caa;border:1px solid #005caa}

.scrollA{position:absolute;left:0;top:10px;width:100%;height:calc(100% - 20px);overflow:hidden}
.chat-pop .nicescroll-rails{margin-left:-10px;}


.chat-title{position:relative;display:block;width:100%;height:auto;padding:20px 20px 20px 180px;background-color:#0d4e84;-webkit-border-radius:40px 40px 0 0;border-radius:40px 40px 0 0;}
.chat-title h3{font-family: 'Saira Condensed', sans-serif;font-size:18px;color:#fff}
.support-pic{position:absolute;left:20px;bottom:20px;width:140px;height:140px;border:5px solid #0d4e84;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;text-align:center}
.support-pic img{display:inline-block;height:100%;width:auto;margin:0 -50%;-webkit-border-radius:50%;border-radius:50%;}


.chat-box{position:relative;display:block;width:100%;height:210px}
.visitor-box{position:relative;display:block;width:100%;height:auto;padding:30px}

.visitor{position:relative;display:block;width:100%;height:auto;margin:15px 0 0 0}
.visitor-box h4{font-family: 'Saira Condensed', sans-serif;font-size:24px;color:#0d4e84;line-height:1.4;}
.visitor-box p{margin:0 0 10px 0;font-family: 'Saira Condensed', sans-serif;font-size:18px;color:#373737;line-height:1.4}

.chat-input{position:absolute;left:0;bottom:30px;display:block;width:100%;height:auto;padding:0 30px}
.chat-input textarea{width:100%;height:80px;padding:10px 20px;background-color:transparent;border:1px solid #0d4e84;-webkit-border-radius:0;border-radius:0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:14px;color:#373737;line-height:28px;color:#000;resize:none;overflow:auto;-webkit-appearance:none}

.chat-icon {
	position: absolute;
	right: 0;
	top: 90px;
	display: block;
	width: 84px;
	height: 80px;
	background-color: rgb(89, 3, 4, 0.8);
	opacity: 0.3;
	-webkit-border-radius: 50px 0 0 50px;
	border-radius: 50px 0 0 50px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 1
}

.chat-icon::before{content:'';position:absolute;left:10px;top:10px;display:block;width:60px;height:60px;background:url(../images/chatting.png) no-repeat center center;-webkit-border-radius:50%;border-radius:50%}

.chat-icon::after{content:'';position:absolute;left:10px;top:10px;display:block;width:60px;height:60px;background:url(../images/chatting-grey.png) no-repeat center center;-webkit-border-radius:50%;border-radius:50%;opacity:0;z-index:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}

.chat-icon span{position:absolute;right:80px;bottom:80px;background-color:#6c9dc7;display:block;width:auto;height:auto;padding:20px 25px;-webkit-border-radius:50%;border-radius:50%;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#fff;opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);-webkit-transition:all .5s cubic-bezier(.44,.39,.34,1.03);transition:all .5s cubic-bezier(.44,.39,.34,1.03)}
.chat-icon span::after{content:'';position:absolute;left:76%;top:65%;display:block;width:0;height: 30px;border: 40px solid #6c9dc7;border-right: 10px solid transparent;border-left: 10px solid transparent;border-bottom: 40px solid transparent;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}

.chat-icon:hover{background-color:rgb(10, 31, 143)}
.chat-icon:hover::after{opacity:1}

.chat-icon:not(.active):hover span{opacity:1;-webkit-transform:none;transform:none;}
.chat-icon.active span{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}





/*SUBSCRIBLE*/
.subscrible{position:static;height:0}

.subscrible-box{position:absolute;width:360px;right:100px;top:170px;opacity:0;z-index:-1;-webkit-transition:all .3s cubic-bezier(.44,.39,.34,1.03);transition:all .3s cubic-bezier(.44,.39,.34,1.03);}
.subscrible-box.active{opacity:1;z-index:10}

.subscrible > span{display:none}

.subscrible-box input[type='text']{padding:0 90px 0 20px;height:54px;line-height:54px;border:none;background-color:#fff;-webkit-border-radius:30px 30px 30px 0;border-radius:30px 30px 30px 0;color:#4c4c4c}

.subscrible-box button{position:absolute;right:5px;top:5px;width:80px;height:44px;line-height:44px;background-color:rgba(192,12,26,1);font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#fff;text-transform:uppercase;-webkit-border-radius:30px 30px 30px 0;border-radius:30px 30px 30px 0;overflow:hidden;cursor:pointer}
.subscrible-box button span{position:relative;z-index:3}
.subscrible-box button::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(135deg, rgb(233, 82, 32) 0%, rgb(190, 23, 28) 100%);background:linear-gradient(135deg, rgb(233, 82, 32) 0%, rgb(190, 23, 28) 100%);z-index:1}
	.subscrible-box button::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: -webkit-linear-gradient(135deg, rgb(89, 3, 4) 0%, rgb(151, 27, 30) 100%);
		background: linear-gradient(135deg, rgb(89, 3, 4) 0%, rgb(151, 27, 30) 100%);
		opacity: 0;
		z-index: 2;
		-webkit-transition: opacity .5s cubic-bezier(.44,.39,.34,1.03);
		transition: opacity .5s cubic-bezier(.44,.39,.34,1.03);
	}
.subscrible-box button:hover::after{opacity:1}

.subscrible-icon{position:absolute;right:0;top:190px;width:80px;height:auto;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);z-index:1}
	.subscrible-icon span {
		position: absolute;
		right: 40px;
		top: -42px;
		display: inline-block;
		padding: 0 80px 0 30px;
		background-color: rgb(89, 3, 4, 0.8);
		font-family: 'Saira', sans-serif;
		font-size: 14px;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		line-height: 80px;
		white-space: nowrap;
		-webkit-border-radius: 50px;
		border-radius: 50px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out
	}

.subscrible-icon span::before{content:'';position:absolute;right:10px;top:10px;display:block;width:60px;height:60px;background:url(../images/subscrible.png) no-repeat center center;-webkit-border-radius:50%;border-radius:50%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.subscrible-icon span::after{content:'';position:absolute;right:10px;top:10px;display:block;width:60px;height:60px;background:url(../images/subscrible-grey.png) no-repeat center center;-webkit-border-radius:50%;border-radius:50%;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}

.subscrible-icon span:hover::after{opacity:1}
.subscrible-icon span:hover{background-color:rgb(10, 31, 143)}




/*QUICK SEARCH*/
.quick-search{position:absolute;height:0;z-index:3}
.quick-box{position:relative;display:block;width:100%;height:auto;max-width:980px;margin:0 auto;padding:20px;background-color:rgba(0,0,0,0.3);-webkit-border-radius:30px;border-radius:30px;text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%);}

.quick-box input[type="text"]{display:block;width:100%;height:44px;line-height:44px;padding:0 20px;background-color:transparent;border:1px solid #fff;-webkit-border-radius:30px;border-radius:30px;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#fff;-webkit-appearance:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.quick-box input[type="text"]:focus{background-color:rgba(146,156,175,1);}

.select-list.job-list{z-index:3}
.select-list.location-work{z-index:2}

.quick-input, .job-list, .location-work, .job-but{position:relative;display:inline-block;vertical-align:middle;margin:0 1px;line-height:normal}
.quick-input, .job-list, .location-work{width:260px}

.job-input, .location-input{display:block;width:100%;height:auto;margin:0 0 5px 0} 
.job-input input[type="text"], .location-input input[type="text"]{-webkit-border-radius:0;border-radius:0;height:34px;line-height:34px;background:url(../images/search.svg) no-repeat 96% center;background-size:20px;padding:0 40px 0 20px}

.job-but button{display:block;width:100%;height:44px;line-height:44px;padding:0 30px;background-color:transparent;border:1px solid #fff;-webkit-border-radius:30px;border-radius:30px;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#fff;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;cursor:pointer}

.job-but button:hover{background-color:#0F206C;border:1px solid #0F206C}

.quick-icon{position:fixed;right:15px;top:76px;background-color:#929caf;width:40px;height:40px;padding:10px;-webkit-border-radius:50%;border-radius:50%;text-align:center;cursor:pointer;z-index:110;display:none}
.quick-icon::before{content:'';position:relative;display:block;width:100%;height:100%;background:url(../images/search2.svg) no-repeat center center;background-size:cover}
.quick-icon span{position:absolute;top:100%;left:50%;margin:5px 0 0 0;font-family: 'Saira Condensed', sans-serif;font-weight:500;text-transform:uppercase;font-size:16px;color:#ccc;white-space:nowrap;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}

.quick-icon.active span{opacity:0}
.quick-icon.active::before{background:url(../images/close.svg) no-repeat center center;}




/*POPUP ACCOUNT*/
.popup-account{position:fixed;left:0;top:0;display:none;width:100%;height:100vh;overflow:hidden;overflow-y:auto;text-align:center;z-index:1600;}
.popup-account::before, .popup-account::after{content:'';position:relative;display:inline-block;width:0;height:100%;vertical-align:middle;margin:0 -50px}
.popup-box{position:relative;display:inline-block;width:auto;height:auto;margin:30px 0;padding:30px;background:#80c9fd;background:-webkit-linear-gradient(0deg, rgb(226, 233, 223) 0%, rgb(128, 201, 253) 100%);background:linear-gradient(0deg, rgb(226, 233, 223) 0%, rgb(128, 201, 253) 100%);vertical-align:middle;}

.login{position:relative;display:block;width:auto;height:auto;}
.login-outer{position:relative;display:table;width:80vw;height:auto;max-width:1200px}
.login-info{display:table-cell;width:50%;background-color:#fff;padding:20px 40px;text-align:left;vertical-align:top}
.login-info h3{margin:20px 0;font-family: 'Montserrat', sans-serif;font-size:24px;font-weight:700;color:#232323}
.login-info p{margin:20px 0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:17px;color:#232323;line-height:1.4}
.login-info li{margin:10px 0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:17px;color:#232323;line-height:1.4}
.login-info p strong, .login-info li strong{font-weight:bold}

.login-form{display:table-cell;width:50%;padding:20px 40px;vertical-align:middle}
.login-form h2{margin:0 0 15px 0;font-family: 'Montserrat', sans-serif;font-size:30px;font-weight:700;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.5)}

.login-form .input-mask{background-color:#fff;border-radius:6px}

.quick-register{position:relative;display:block;width:100%;height:auto;margin:80px 0 0 0;border-top:1px dotted #7a7a7a}

.quick-register p{margin:20px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:17px;color:#232323;line-height:1.6}
.quick-register strong{font-weight:bold}

.register{position:relative;display:none;width:auto;height:auto;}
.register-outer{position:relative;display:table;width:80vw;height:auto;max-width:1200px}
.register-info{display:table-cell;width:40%;background-color:#fff;padding:20px 40px;text-align:left;vertical-align:top}
.register-info h3{margin:20px 0;font-family: 'Montserrat', sans-serif;font-size:24px;font-weight:700;color:#232323}
.register-info p{margin:20px 0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:17px;color:#232323;line-height:1.4}
.register-info li strong, .register-info strong{font-weight:bold}
.register-info li{margin:10px 0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:17px;color:#232323;line-height:1.4}

.register-form{display:table-cell;width:60%;padding:20px 40px;vertical-align:middle}
.register-form h2{margin:0 0 15px 0;font-family: 'Montserrat', sans-serif;font-size:30px;font-weight:700;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.5)}
.register-form h3{margin:20px 0;font-family: 'Montserrat', sans-serif;font-size:24px;font-weight:700;color:#232323}





/*POPUP MESSAGE*/
.popup-message{position:fixed;left:0;top:0;display:none;width:100%;height:100vh;overflow:hidden;overflow-y:auto;text-align:center;z-index:1600;}
.popup-message::before, .popup-message::after{content:'';position:relative;display:inline-block;width:0;height:100%;vertical-align:middle;margin:0 -50px}

.popup-message .popup-box{-webkit-border-radius:30px;border-radius:30px;}

.success{position:relative;display:block;width:80vw;height:auto;max-width:700px;padding:30px 50px;background-color:#fff;-webkit-border-radius:30px;border-radius:30px;}
.success h3{margin:20px 0;font-family: 'Montserrat', sans-serif;font-size:24px;font-weight:700;color:#232323}
.success h3 a{color:#005caa;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.success h3 a:hover{color:#3ca4fb}

.error{position:relative;display:none;width:80vw;height:auto;max-width:700px;padding:30px 50px;background-color:#fff;-webkit-border-radius:30px;border-radius:30px;}
.error h3{margin:20px 0;font-family: 'Montserrat', sans-serif;font-size:24px;font-weight:700;color:#232323}


.popup-message.warning .success{display:none}
.popup-message.warning .error{display:block}


.close-account{position:absolute;right:-30px;top:-30px;width:60px;height:60px;background:url(../images/close-blue.png) no-repeat center center;background-color:#fff;-webkit-border-radius:50%;border-radius:50%;box-shadow:0px 10px 30px rgba(0,0,0,0.2);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:1}
.close-account:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}




/*POPUP PICS*/
.popup-pics{height:auto;min-height:580px;width:1000px;position:fixed;left:50%;top:50%;margin:-285px 0 0 -500px;z-index:1600;text-align:center;display:none;}
.popup-pic{position:relative;display:block;width:100%;height:auto;text-align:center}
.popup-pic img{width:auto;height:580px;display:inline-block;position:relative;margin:0 -50%;-webkit-border-radius:50px;border-radius:50px;}






/*SUB-NAV*/
.sub-nav-content{position:absolute;left:0;top:0;display:block;width:100%;height:auto;padding:30px 5% 25px 5%;font-size:0;text-align:center;}
	.sub-nav-content.hide {
		position: fixed;
		top: 74px;
		padding: 3px 5%;
		z-index: 2
	}
.sub-nav-content .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(200, 230, 251) 100%);background:linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(200, 230, 251) 100%);}
.sub-nav-content .bg::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#d5d5d5;-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}

.sub-nav{position:relative;display:inline-block;white-space:nowrap;z-index:1}
.sub-nav li{position:relative;display:inline-block;margin:0 1px;}
	.sub-nav li a {
		position: relative;
		display: block;
		width: auto;
		padding: 0 15px;
		height: 46px;
		background-color: rgba(255,255,255,0);
		line-height: 46px;
		font-family: 'Saira Condensed', sans-serif;
		font-weight: 500;
		font-size: 18px;
		color: #590304;
		border-radius: 15px;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out
	}

.sub-nav li.current a, .sub-nav li:not(.current) a:hover{background-color:rgba(255,255,255,1);}


.sub-nav-content::before{content:'';position:absolute;left:0;top:15%;width:5%;height:70%;background:url(../images/previous1.svg) no-repeat center center;background-size:contain;z-index:1;display:none}
.sub-nav-content::after{content:'';position:absolute;right:0;top:15%;width:5%;height:70%;background:url(../images/next1.svg) no-repeat center center;background-size:contain;z-index:1;display:none}



/*CONTAINER*/
.container{position:relative; top:120px;display:block;width:100%;height:auto;min-height:100vh;overflow:hidden}


/*UL LIST*/
.use-sub{position:relative;display:block;width:100%;height:auto;}
.use-sub li{position:relative;display:block;padding:0 0 0 15px}
.use-sub li::before{content:'-';position:absolute;left:0;top:-1px;display:inline-block;font-size:15px;color:inherit;font-family:Arial, Helvetica, sans-serif}

.use-add{position:relative;display:block;width:100%;height:auto;}
.use-add li{position:relative;display:block;padding:0 0 0 15px}
.use-add li::before{content:'+';position:absolute;left:0;top:-1px;display:inline-block;font-size:15px;color:inherit;font-family:Arial, Helvetica, sans-serif}

.use-circle{position:relative;display:block;width:100%;height:auto}
.use-circle li{position:relative;display:block;padding:0 0 0 15px}
.use-circle li::before{content:'';position:absolute;left:0;top:10px;display:inline-block;width:5px;height:5px;background-color:#3e3e3e;-webkit-border-radius:50%;border-radius:50%}

.use-number{position:relative;display:block;width:100%;height:auto;counter-reset:li;}
.use-number li{position:relative;display:block;padding:0 0 0 25px}
.use-number li::before{content:counter(li) " ";counter-increment:li;position:absolute;left:0;top:0;font-size:14px;color:inherit;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.use-number li:nth-child(-n+9)::before{content:"0" counter(li);}







/*LAYOUT ANIMATION*/
.header:not(.fixed), .footer, .container{opacity:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}
.header.show, .footer.show{opacity:1}

.quick-search {
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}
	.quick-search.show {
		opacity: 1;
	}

	.quick-search.hide {
		position: fixed;
		top: 74px
	}
.hide .quick-box{width:100%;padding:3px;background-color:rgba(0,0,0,0.6);-webkit-transform:translateY(0);transform:translateY(0);max-width:inherit;-webkit-border-radius:0;border-radius:0}



@media screen and (max-width:1500px) {
/*HEADER*/
.navigation li a{padding:0 10px;}
.header.fixed .navigation li a{font-size:16px}

}

@media screen and (max-width:1300px) {
/*HEADER*/
.logo{width:260px;height:65px}	
.header.fixed .navigation ul{margin:0 0 0 60px}
.header.fixed .navigation li a{padding:0 7px;font-size:15px}



/*POPUP PICS*/
.popup-pics{width:900px;min-height:500px;margin:-250px 0 0 -475px;}
.popup-pic img{height:500px;}
.popup-pics .slide-next{right:-60px;}
.popup-pics .slide-prev{left:-60px;}


}

@media screen and (max-width:1200px) {
/*HEADER*/
.logo{left:15px;top:15px}	
.header.fixed .logo{width:180px;height:45px;top:14px}
.header.fixed .navigation ul{margin:0 0 0 100px}
.header.fixed .navigation li:first-child{margin:0 5px 0 0}
.header.fixed .account{display:none}


/*POPUP ACCOUNT*/
.login-info h3, .register-info h3, .register-form h3{font-size:22px}
.login-info p, .quick-register p, .register-info p, .login-info li, .register-info li{font-size:16px}

}


@media screen and (max-width:1024px) {

/*HEADER*/
.header.fixed{display:none}

.header, .header:not(.fixed){position:static;left:auto;top:auto;opacity:1;-webkit-transition:none;transition:none; will-change:inherit}
	.header span {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 66px;
		background-color: white;
		z-index: 119;
	}


.logo{position:fixed;top:7px;left:14px;width:200px;height:50px;z-index:121}

.nav-click{position:fixed;right:6px;top:7px;width:60px;height:50px;background:url(../images/nav-click.png) no-repeat center top;cursor:pointer;z-index:122;}

.overlay-menu{position:fixed;left:0;bottom:0;width:100%;height:0;background-color: rgba(0,0,0,0.5);overflow:hidden;-ms-touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-transition:height 0.3s ease-in-out;transition:height 0.3s ease-in-out;z-index:122;}



.right{position:fixed;width:100%;right:0;padding:0 66px;z-index:120}
.social{display:none}


.language li a{width:30px;height:21px;-webkit-transition:none;transition:none}
.language li a:hover{-webkit-transform:none;transform:none}


.account{margin:0 10px 0 0;padding:0 5px 0 0}
.account li a{-webkit-transition:none;transition:none}
.account li::before{display:none;-webkit-transition:none;transition:none}
.account li a:hover{color:#fff}


.search{position:static}
.search-but{width:36px;height:36px;}
.search-but a{padding:8px}

.search-but a::before{-webkit-transition:none;transition:none;}
.search-but.active a::before, .search-but:not(.active):hover a::before{opacity:0;}


.search-form{right:5%;top:66px;z-index:111}
.search-form.active{width:90%}

.navigation{position:fixed;left:auto;top:0;right:0;width:280px;height:100vh;z-index:123;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:none;transition:none;-webkit-transform: translate3d(280px,0,0);transform: translate3d(280px,0,0);-webkit-transition: transform 0.4s ease-in-out;transition: transform 0.4s ease-in-out;will-change: transform}
.navigation ul{width:100%;height:auto;padding:0 0 30px 0}
	.navigation li {
		position: relative;
		display: block;
		margin: 0 0 3px 0;
		text-align: right;
		border-bottom: 1px solid #590304;
		float: none
	}
		.navigation li::before, .navigation li::after {
			display: none
		}

.navigation li:first-child{margin:0}
.navigation li:first-child a::after{top:8px;left:12px;width:22px;height:21px;background-size:cover}
.navigation li a.link-home{width:50px;height:46px;margin:0 10px;display:inline-block;}

.navigation li a{padding:0 25px 0 15px;line-height:46px;height:auto;font-family:Arial, Helvetica, sans-serif;-webkit-transition:none;transition:none;font-size:14px;font-weight:bold;text-transform:uppercase;text-align:right;}

.navigation li:not(.current) a:hover{color:#fff}
.navigation li:not(.current) a.link-home:hover{background-position:center top;border:none}

.navigation li.current a{color:#3ca4fb}



/*NAVIGATION SHOW*/
.nav-click.show{background-position:center bottom;right:250px;top:0;z-index:124;}
.overlay-menu.show{height:100%}
	.navigation.show {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background-color: white;
	}




/*FOOTER*/
.print-box{padding:0;margin:0}
.print .share-item{position:relative;left:auto;bottom:auto;margin:0;width:auto}
.print .share-item ul{position:relative;right:auto;top:auto;display:inline-block}
.print-box a.save-but, .print-box a.print-but, .print-box a.share-but{display:none}


.subscrible{position:relative;height:auto;text-align:center;padding:20px 0;background-color:rgba(255,255,255,0.2)}
.subscrible > span{display:block;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#3a3a3a;text-transform:uppercase;font-weight:bold;margin:0 0 7px 0}



.subscrible-box{position:relative;display:inline-block;width:90%;max-width:360px;right:auto;top:auto;z-index:1;opacity:1;-webkit-transition:none;transition:none}
.subscrible-box button::after{-webkit-transition:none;transition:none;display:none}


.subscrible-icon{display:none}


.bottom-sub{padding:10px 0 25px 0}
.sub-box{width:100%;text-align:center}
.sub-item{max-width:240px;margin:0;padding:0 20px}
.sub-item h3, .item-inr ul:only-child li a{font-size:13px}

.sub-item li a{-webkit-transition:none;transition:none}
.sub-item li a:hover{color:#3a3a3a}
.sub-item h3:not(.current) a:hover, .item-inr ul:only-child li:not(.current) a:hover{color:#000}

.company-info{padding:30px 5% 20px 5%}
.company-box{width:100%}
.company-info h2, .company-info p, .company-info a{font-size:13px;}

.copyright a{-webkit-transition:none;transition:none}
.copyright a:hover{color:#d8dee5}




/*QUICK SEARCH*/
.quick-search.hide{top:66px;}
.quick-box{width:96%}
.quick-input, .select-list.job-list, .select-list.location-work{width:200px}

.job-but button{-webkit-transition:none;transition:none}
.job-but button:hover{background-color:transparent;border:1px solid #fff}


/*CHATTING*/
.chat-pop{height: 400px;right:20px;bottom: auto;top:90px}
.chat-box{height: 220px }
.chat-title{padding: 20px 20px 20px 140px}
.visitor-box{padding: 20px}
.support-pic{width: 120px;height: 120px}    

.close-chat{-webkit-transition:none;transition:none}
.close-chat:hover{background-color:transparent;border:1px solid #fff}

.chat-input{padding: 0 20px}    
.chat-input textarea{height: 60px}   

.scrollA{-webkit-overflow-scrolling:touch;height: 100%;width: 100%;top:0;}

.chat-icon{top:6px;right:-14px;height:70px;-webkit-transition:none;transition:none}
.chat-icon::before{left:5px;top:5px}		
.chat-icon::after{-webkit-transition:none;transition:none;display:none}	
.chat-icon span{display:none}

.chat-icon:hover{background-color:#6c9dc7}




/*POPUP ACCOUNT*/
.popup-account, .popup-message{position:fixed;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.popup-box{width:90%;margin:70px 0 140px 0}
.login-outer{display:block;width:100%;height:auto}
.login-info{width:100%;display:block;padding:10px 20px}
.login-form{width:100%;display:block;padding:20px 0}
.quick-register{margin:40px 0 0 0}

.register-outer{display:block;width:100%;height:auto}
.register-info{width:100%;display:block;padding:10px 20px}
.register-form{width:100%;display:block;padding:20px 0}

.success, .error{width:100%;max-width:inherit}

.success h3 a{-webkit-transition:none;transition:none}
.success h3 a:hover{color:#005caa}


.login-info h3, .register-info h3, .register-form h3{font-size:18px}
.login-info p, .quick-register p, .register-info p, .login-info li, .register-info li{font-size:15px;}

.close-account{position:fixed;right:10px;top:60px;width:50px;height:50px;-webkit-transition:none;transition:none;}
.close-account:hover{-webkit-transform:none;transform:none}





/*POPUP PICS*/
.popup-pics{left:5%;top:50%;width:90%;height:auto;min-height:auto;margin:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.popup-pic img{height:auto;width:100%}






/*SUB-NAV*/
.sub-nav-content{padding:15px 5%}
.sub-nav-content.hide{top:116px;}
.sub-nav-content:not(.fixed) .bg::after{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
.sub-nav{display:block;width:100%;height:auto;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sub-nav ul{position:relative;display:inline-block;width:auto;height:auto}
.sub-nav li a{height:40px;line-height:40px;-webkit-transition:none;transition:none}
.sub-nav li:not(.current) a:hover{background-color:transparent}
.sub-nav-content.show-nav::before, .sub-nav-content.show-nav::after{display:block}

    

/*CONTAINER*/
.container{
	top:60px;
	
	}
.content-table{-webkit-overflow-scrolling: touch;}

/*UL LIST*/
.use-sub li::before{}
.use-add li::before{}
.use-circle li::before{top:7px}
.use-number li::before{}

}

@media screen and (max-width:900px){
/*QUICK SEARCH*/
.quick-search, .quick-search.hide{position:static;top:auto;}

.hide .quick-box,  .quick-box{position:absolute;right:-100%;top:30px;width:96%;max-width:500px;padding:30px;background-color:#929caf;-webkit-border-radius:20px;border-radius:20px;z-index:100;-webkit-transform:none;transform:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.quick-box.active{right:0}


.quick-input{width:calc(100% - 6px);margin:0 0 6px 0}
.select-list.job-list{float:left;width:calc(50% - 3px);margin:0 0 6px 0}
.select-list.location-work{float:right;width:calc(50% - 3px);margin:0 0 6px 0}
.quick-box .select-box li{padding:7px 10px}

.quick-icon{position:absolute;display:block;top:10px}




/*SUB-NAV*/
.sub-nav-content.hide{top:66px;}
		
}

@media screen and (max-width:820px){
/*POPUP ACCOUNT*/
.success h3, .error h3{font-size:20px}
.popup-box .size_4, .popup-box .size_6, .popup-box .size_8{width:100%;text-align:left}
.size_4 .radio-box li{margin:0 15px 0 0}
.change-size .size_3{width:43%}


}

@media screen and (max-width:740px){
/*FOOTER*/
.sub-item{padding:0 10px}
.sub-item h3, .sub-item ul + ul li a, .item-inr ul:only-child li a{font-size:12px}


}

@media screen and (max-width:620px){
/*FOOTER*/
.sub-item{width:100%;max-width:inherit;text-align:center}
.item-inr{display:inline-block;width:44%;padding:0 20px;vertical-align:top;text-align:left}



/*POPUP ACCOUNT*/
.popup-box{width:94%;padding:15px;}

}

@media screen and (max-width:520px){
/*HEADER*/
.header span{height:55px}
.logo{left:6px;top:4px;width:140px;height:45px;background-size:contain}
.nav-click{width:50px;top:2px;right:3px}
.right{height:55px;line-height:55px;padding:0 55px}
.account{border:none;margin:0 10px 0 0;padding:0}
.account li a{padding:0}
.search-form{top:55px}




/*FOOTER*/
.item-inr{width:45%;padding:0 10px}
.item-inr ul:only-child{padding:15px 0 0 0}
.sub-item h3, .sub-item ul + ul li a, .item-inr ul:only-child li a{font-size:11px}
.company-info h2, .company-info p, .company-info a{font-size:12px}


.copyright{padding:15px 10%;}
.copyright p, .copyright a{font-size:11px}





/*QUICK SEARCH*/
.hide .quick-box,  .quick-box{padding:20px 10px}
.quick-box .select-header::after{width:20px;right:10px;}
.quick-box .select-header span{padding:0 30px 0 15px}
.quick-box input[type="text"]{padding:0 15px}

/*.quick-icon{top:105px;}
.hide .quick-box, .quick-box{top:130px}
*/


/*CHATTING*/
.chat-title{padding: 20px 20px 20px 100px}
.support-pic{width:90px;height:90px}    




/*POPUP ACCOUNT*/
.login-form h2, .register-form h2{font-size:26px}
.login-info h3, .register-info h3, .register-form h3{font-size:16px}
.login-info p, .quick-register p, .register-info p, .login-info li, .register-info li{font-size:14px;}


.success, .error{padding:10px 20px}
.success h3, .error h3{font-size:18px}





/*SUB-NAV*/
.sub-nav-content.hide{top:55px;}


/*CONTAINER*/
.container{margin:55px 0 0 0}


}

@media screen and (max-width:420px){
/*QUICK SEARCH*/
.select-list.job-list, .select-list.location-work{width:100%}

/*CHATTING*/
.chat-title h3,.visitor-box h4, .visitor-box p{font-size: 15px}

}

@media screen and (max-width:350px){
/*HEADER*/
.logo{width:120px;left:8px}
.nav-click{width:40px;right:8px}

.right{padding:0 54px}
.account{margin:0 5px 0 0}
.account li a{font-size:13px}


/*FOOTER*/
.sub-item{padding:0 5px}


/*CHATTING*/
.chat-title{padding:0 20px 40px 20px}
.chat-title h3{position:relative;top:30px}
.support-pic{bottom:30px}

/*QUICK SEARCH*/
.quick-input{width:calc(100% - 4px);margin:0 0 4px 0}
.job-list{float:left;width:calc(50% - 2px);margin:0 0 4px 0}
.location-work{float:right;width:calc(50% - 2px);margin:0 0 4px 0}
quick-box .select-header span{font-size:13px}

}




@media all and (orientation:landscape) and (max-width:820px) {
/*POPUP PICS*/
.popup-pics{left:5%;width:90%;min-height:auto}
.popup-pic img{height:80vh;width:auto;}

/*QUICK SEARCH*/
/*.quick-icon{position:absolute;top:10px}
.hide .quick-box, .quick-box{position:absolute;top:50px}
*/

}

@media all and (orientation:landscape) and (max-width:660px) {

}