@charset "utf-8";
/* CSS Document */

#mod_home {
}

#home-top {
	min-height: 500px;
	background-color: #0171a3;
}
	#home-top .title-img {
		text-align: right;
		padding-top: 100px;
	}
	
	#home-top .title-top,
	#home-top .title-bottom {
		font-size: 40px;
		color: #FFFFFF
	}
	
	#home-top .title-top {
		font-weight: bold;
		padding-top: 180px;
	}
	#home-top .title-bottom {
	}
	
#search {
	width: 80%!important;
	margin: -30px auto 0 auto;
	background-color: #FFFFFF;
	height: 60px;
	border: solid 1px #b8b8ba;
	-webkit-border-radius: 30px!important;
	-moz-border-radius: 30px!important;
	border-radius: 30px!important;
}
	#search input.form-control,
	#search button {
		outline: none;
		box-shadow: none;
		
		height: 50px;
		margin-top: 4px;
		border: none!important;
		background: transparent!important;
	}	
		#search input.form-control { 
			margin-left: 10px;
			width: 90%;
			float: left;
		}
		#search button {
			float: right;
		}
		#search button i{
			color: #dcb429;
			font-size: 30px; 
		}
		#search button i:hover { 
			-webkit-transition: .3s ease-in-out;
			-moz-transition: .3s ease-in-out;
			-o-transition: .3s ease-in-out;
			transition: .3s ease-in-out;

			color: #af9012
		}
		
#home-menu ul {
	text-align: center;
	margin-top: 50px;
	margin-left: 150px;
	margin-right: 150px;
}
	#home-menu ul li {
		text-transform: uppercase;
		display: inline-block;
		width: 33%;
		margin-bottom: 50px;
	}
	
	#home-menu ul li a {
		width: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		display: inline-block;
		background-size: 50%;
		
		padding-top: 150px;
	}
	@media (max-width: 1199.98px) {
		#home-menu ul li a { background-size: 60%; } 
	}
	@media (max-width: 991.98px) { 
		#home-menu ul { margin-left: 50px; margin-right: 50px; }
		#home-menu ul li a { background-size: 60%; } 
	}
	@media (max-width: 767.98px) { 
		#home-menu ul { margin-left: 0px; margin-right: 0px; }
		#home-menu ul li a { background-size: 70%; } 
	}
	@media (max-width: 575.98px) { 
		#home-menu ul li a { background-size: 90%; } 
	}

	#home-menu ul li a:hover { color: #dcb429; }
	
	#home-menu ul li a.menu-60 { background-image: url(../../images_template/menu/60-tvm.svg); }
	#home-menu ul li a.menu-60:hover { background-image: url(../../images_template/menu/60-zlt.svg); }
	#home-menu ul li a.menu-61 { background-image: url(../../images_template/menu/61-tvm.svg); }
	#home-menu ul li a.menu-61:hover { background-image: url(../../images_template/menu/61-zlt.svg); }
	#home-menu ul li a.menu-62 { background-image: url(../../images_template/menu/62-tvm.svg); }
	#home-menu ul li a.menu-62:hover { background-image: url(../../images_template/menu/62-zlt.svg); }
	#home-menu ul li a.menu-63 { background-image: url(../../images_template/menu/63-tvm.svg); }
	#home-menu ul li a.menu-63:hover { background-image: url(../../images_template/menu/63-zlt.svg); }
	#home-menu ul li a.menu-64 { background-image: url(../../images_template/menu/64-tvm.svg); }
	#home-menu ul li a.menu-64:hover { background-image: url(../../images_template/menu/64-zlt.svg); }

@media only screen and (max-width: 767px){
	#home-top {
		height: 320px;
		min-height: 250px;
		padding-bottom: 50px
	}
	#home-top .title-img {
		text-align: center;
		padding-top: 35px;
	}
		#home-top .title-img img { height: 150px; }
	#home-top .title-top,
	#home-top .title-bottom {
		font-size: 20px;
		text-align: center
	}
	#home-top .title-top {
		font-weight: bold;
		padding-top: 15px;
	}
	#home-top .title-bottom {
	}
	
	#search input.form-control { 
		margin-left: 10px;
		width: 70%;
	}
}