@font-face {
    font-family: iCiel;
    src: url("font/iCiel Latinotype - Queulat Uni.otf") format("opentype");
}

@font-face {
    font-family: Gotham;
    src: url("font/Gotham Medium.otf") format("opentype");
}

@font-face {
    font-family: Gotham;
    font-weight: bold;
    src: url("font/Gotham Bold.otf") format("opentype");
}

img{max-width: 100%;height: auto;}
a{color: #000}
.form-group input{
	border: none;
	border-radius: 4px;
}
/*.goi a img{transition: transform .2s;}
.goi a:hover img{transform: scale(1.1);}*/
.goi .goinho{transition: transform .2s;}
.goi .goinho:hover{transform: scale(1.05);}
.goi .goinho{padding: 30px 0 0 34px;}
.goi .goinho h4{font-family: iCiel;margin-bottom: 0;font-size: 38px;color: #099647;line-height: 1;position: relative;}
.goi .goinho.ganket h4{color:#cf4c39}
.goi .goinho.ganket h4 .tron{background: #fdd775;}
.goi .goinho h4 .tron{
    width: 100px;
    height: 100px;
    background: #fdd775;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    left: -33px;
    top: -20px;
}
.goi .goinho h4 .star{
    width: 36px;
    height: auto;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    left: -33px;
    top: -21px;
    }
.goi .goinho .tien{font-family: Gotham;font-weight: bold;margin-bottom: 0;font-size: 20px;color: #0b8bc0;line-height: 1;}
.goi .goinho .thongtin{font-family: Gotham;padding-left: 56px;margin-top: 12px;}
.goi .goinho .thongtin p{margin-bottom: 0;font-size: 20px;font-weight: bold;color: #2a2627;line-height: 1.3;}
.goi .goinho .thongtin p a{margin-bottom: 0;font-size: 20px;font-weight: bold;color: #2a2627;}
.goi .goinho .thongtin p img{height: 15px;}
.animated{opacity: 1}
.formDiv iframe{    width: 100%!important;
    height: 100%!important;}
select{-webkit-appearance:none;}
@media only screen and (min-width:1024px) {
	#mainMenu nav > ul > li > a{text-transform: none;font-size: 14px;font-weight: bold;padding: 7px 30px;}
	#header .header-extras {
		right: 16px;
		width: fit-content;
		position: absolute;
		float: none;
		line-height: 30px;
		top: 10px;
	}
	#header .header-extras > ul > li{margin-left:40px}
	#header .header-extras > ul > li > a:not(.btn), #header .header-extras > ul > li .topbar-dropdown > .title{
		font-size: 12px!important;
		font-weight: normal!important;
		text-transform: none!important;
		color: #58595B;
	}
	#mainMenu{
		
		line-height: 40px;
		
		border-top: 1px #231F20 solid;
		
		margin-top: 39px;
		
		margin-left: 122px;
	}
	#mainMenu.menu-left nav {margin-left: 0;}
	#mainMenu nav > ul > li {
		
		margin-left: 0;
		
		line-height: 35px;
	}
	#mainMenu nav > ul > li:first-child > a{padding-left:0;color: #282C3B;}
	#header #header-wrap #logo a img{
		padding: 5px 20px 15px 0;
	}
	#header #header-wrap{
		height: 100px;
		padding-top: 16px;
	}
	#header {height:100px}
}
.formDiv{
	background: #FAE3A5;
	width: 100%;
	margin-top: 0;
	box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.37);
	text-align: center;
	margin-left: 0;
	padding: 22px;
	padding-right: 35px;
	padding-bottom: 10px;
	height: 446px;
}
.formDiv2{
    width: 100%;
    height: 296px;
}
.formDiv2 img:first-child{
    float: left;
    height: 55px;
}
.formDiv2 img:last-child{
    position: absolute;
    top: -51px;
    right: 40px;
    height: 100px;
}
.chu1{text-align:center}
.chu1 span{
    color: #fff;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.3;
}
.chu1 span img{
    width: 26px;
}
.quatang .col-sm-4 p{text-align:center;margin-top: 12px;}
.quatang .col-sm-4 p a{
    margin-bottom: 0;
    margin-top:10px;
    font-size: 20px;
    font-weight: bold;
    color: #404040;
}
@media only screen and (min-width:1700px) {
	.banner .col-sm-4{background-size: contain!important;background-repeat: no-repeat!important;    background-color: #fbaf3d!important;}
}
@media only screen and (min-width: 1024px) {
	.formDiv {
    margin-top: 13px;
    }}
@media only screen and (max-width:1024px) {
	.formDiv {
	    width: 100%;
	    }
	    .formDiv2 {
	        width: 100%;}
	        .quatang{padding-left: 0!important;padding-right: 0!important;}
	        .col-sm-8{
	            width: 66%;
	        }
}
@media only screen and (max-width:768px) {
	.banner .col-sm-4{height: 375px!important;width: 33.3%!important}
	.banner .col-sm-8{height: 375px!important;width: 66.6%!important}
	.formDiv{margin-left: 0;max-width: 100%}
	.goi .goinho h4 {
	    font-size: 27px;
	    }
	    .goi .goinho .tien {
    
font-size: 18px;
    
}
.goi .goinho .thongtin {
    padding-left: 0;
}
}
@media only screen and (max-width:480px) {
	.m-t-xs{margin-top: 30px}
	.banner .col-sm-4{height: 530px!important;width: 100%!important}
	.banner .col-sm-8{height: 300px!important;width: 100%!important}
	.formDiv{width: 90%;margin-left: 5%;}
	.banut .col-sm-4{border-bottom: 1px #fff solid;padding: 7px 0;}
	.banut .col-sm-4:last-child{border-bottom: none;}
    .footer .text-right{text-align: center!important}
    #header #header-wrap #logo a img{
    	padding: 12px 0;
    }
    .goi .goinho{margin: auto;max-width: 80%;width: fit-content;margin-bottom: 30px;}
    .goi .goinho h4 {
    max-width: 200px;
}
}
@media only screen and (max-width:390px) {
}
@media only screen and (max-width:320px) {
}