/*-----------------
 [ 2.1.1 Tool setting]
 */
.block-banner-home {
	padding-top:0;
}
.block.block-banner-home {
	margin:0 0 30px 0;
}
/*.tool-setting{float: left;}*/
.tool-setting{position: relative;}
.tool-setting .setting-content{position: absolute; top: calc(100% + 50px); opacity: 0; visibility: hidden; width: 225px; left: calc(50% - 112px); background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25); box-shadow: 0 1px 3px rgba(0,0,0,.25); z-index: 9; 
	transition: all 0.5s; 
	-moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
	-webkit-transform: translate(0,40px); -moz-transform: translate(0,40px); -o-transform: translate(0,40px); -ms-transform: translate(0,40px); transform: translate(0,40px);}
.nav-ontop .tool-setting .setting-content{top: calc(100% + 15px);}
.tool-setting:hover .setting-label, .login-register .user:hover > span, .top-search:hover .search-icon{color: #ea8139}
.tool-setting .setting-content.open{opacity: 1; visibility: visible; -webkit-transform: translate(0,0px); -moz-transform: translate(0,0px); -o-transform: translate(0,0px); -ms-transform: translate(0,0px); transform: translate(0,0px);}
.setting-content .language, .setting-content .currency{width: 50%; float: left; text-align: center;  padding: 20px 0}
.setting-content .language .box-content{position: relative;}
.setting-content .language .box-content:after{content: ""; height: calc(100% - 10px); width: 1px; background-color: #f5f5f5; position: absolute; right: 0; top: 5px}
.setting-content .box-content > span{color: #656565; font-weight: 600; display: inline-block; padding-bottom: 10px}
.setting-content .link-setting li > a{color: #8c8c8c; line-height: 25px}
.setting-content .link-setting li > a:hover{color: #ea8139;}


/*-----------------
 [ 2.1.2 Top right]
 */

/*---------------
[4. Banner top]
*/
.cms-index-index .alo-content .container{max-width: 100%;}
.container {padding-left: 0;padding-right: 0;} 
.collection-wrap .p0{padding: 0;}
.collections-two .collection-wrap .p0{background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.16); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.16); box-shadow: 0 1px 3px rgba(0,0,0,.16);}
.transform{position: relative;}
.transform .collection-inner{transform: translateY(50%);-moz-transform: translateY(50%);-webkit-transform: translateY(50%);-o-transform: translateY(50%); -ms-transform: translateY(50%);}
.collection-inner .text-content{padding-left: 134px;}
.text-content h4,.text-content h3{font-size: 36px;font-weight: 300;margin: 0;}
.text-content h3 span{font-weight: 600;color: #bf1e2e;font-size: 36px;}
.text-content h5{font-size: 28px;font-weight: 300;margin: 0;}
.text-content h5 span{font-weight: 600;color: #bf1e2e;font-size: 28px;}
.text-content h2{font-size: 72px;letter-spacing: -6px;font-weight: 300;position: relative;margin: 0 0 72px;}
.text-content h2:after{position: absolute;bottom: -36px;content: "";background-color: #5f5f5f;height: 3px;width: 70px;margin-left: 6px;display: block;}
.text-content h2 span{color: #13B7Dc;font-size: 72px;font-weight: bold;padding-right: 18px;}
.text-content p{ margin: 0;font-size: 14px;/*width: 618px;*/font-weight: 400;line-height: 25px;padding-left: 6px;}
.alo-lin-btn{margin: 65px 0 0 6px;border: 2px solid #d7d7d7;display: inline-block;font-size: 15px;font-weight: bold;height: 50px;line-height: 47px;padding: 0 27px;text-transform: uppercase;}
.alo-lin-btn:hover{border-color: #90c640;background-color: #90c640;color: #fff;}
.text-content h2,.text-content h2,.text-content p,.alo-lin-btn{color: #5f5f5f;}
.collections-two .text-content h4{font-size: 50px;}
.collections-two .text-content h2{font-weight: bold;margin: 0 0 35px;}
.collections-two .text-content h2::after{display: none;}
.collections-two{ background-image: url("../images/bg1-breadcrumbs.png");background-position: 0 bottom;background-repeat: repeat-x;padding-bottom: 2px;}
@media (min-width: 1201px) and (max-width: 1500px) {
	.transform .collection-inner{transform: translateY(35%);-moz-transform: translateY(35%);-webkit-transform: translateY(35%);-o-transform: translateY(35%); -ms-transform: translateY(35%);}
	.collection-inner .text-content{padding-left: 70px;}
	.text-content h2,.text-content h2 span{font-size: 40px;letter-spacing: -4px; }
	.text-content h4, .text-content h4.p-name{font-size: 30px; }
	.text-content p {font-size: 18px; }
	.text-content h3,.text-content h3 span{font-size: 26px; }
	.text-content h5,.text-content h5 span{font-size: 20px; }
	.text-content h2::after{bottom: -23px;}
	.text-content h2{margin: 0 0 50px;}
	.alo-lin-btn{font-size: 13px;margin: 55px 0 0 6px;height: 45px;line-height: 40px;}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.transform .collection-inner {transform: translateY(40%); -moz-transform: translateY(40%); -webkit-transform: translateY(40%); -o-transform: translateY(40%); -ms-transform: translateY(40%);}
	.collection-inner .text-content{padding-left: 30px;}
	.text-content h2,.text-content h2 span{font-size: 36px;letter-spacing: -4px; }
	.text-content h4, .text-content h4.p-name{font-size: 28px; }
	.text-content p {font-size: 14px; margin-right:10px; }
	.text-content h3,.text-content h3 span{font-size: 22px; }
	.text-content h5,.text-content h5 span{font-size: 18px; }
	.text-content h2::after{bottom: -23px;}
	.text-content h2{margin: 0 0 50px;}
	.alo-lin-btn{font-size: 13px;margin: 25px 0 0 6px;height: 45px;line-height: 40px;}
}

@media (min-width: 768px) and (max-width: 992px) {
	.transform .collection-inner {transform: translateY(50%); -moz-transform: translateY(50%); -webkit-transform: translateY(50%); -o-transform: translateY(50%); -ms-transform: translateY(50%);}
	.collection-inner .text-content{padding-left: 30px;}
	.text-content h2,.text-content h2 span{font-size: 30px;letter-spacing: -4px; }
	.text-content h4, .text-content h4.p-name{font-size: 24px; }
	.text-content p {font-size: 12px; margin-right:10px; }
	.text-content h3,.text-content h3 span{font-size: 18px; }
	.text-content h5,.text-content h5 span{font-size: 14px; }
	.text-content h2::after{bottom: -23px;}
	.text-content h2{margin: 0 0 30px;}
	.alo-lin-btn{font-size: 13px;margin: 15px 0 0 6px;height: 45px;line-height: 40px;}
}

@media (max-width: 767px){
	/*Banner*/
	.collection-wrap .transform{display: none;}
	
}
/*
[15. Breadcrumb]
*/
.breadcrumb { background:none; padding:0; margin:0; padding-bottom:17px; line-height:normal; }
.breadcrumb .navigation-pipe:before { content:"\f105"; font-size:14px; display:inline-block; text-align:right; width:6px; color:#666; font-family:"FontAwesome"; padding:0 15px; }