/* Bengin header*/
body{margin:0;padding:0; line-height:1.4; color:#222;font-family: 'Montserrat', sans-serif;font-weight:500; font-size:14px;font-smoothing:antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}
a{color:#222;text-decoration:none}
a:hover{color:#174f9a}
img{border: none; max-width: 100%;}
.section-bg img {
    width: 100%;
}
.ul{margin: 0; padding: 0;}
.ul li{list-style: none}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
p,figure,figcaption,blockquote,caption,fieldset,embed,object,applet,canvas,caption,iframe,strike,time,video {border:0; margin:0; padding:0;}
strong {font-weight: 700;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:focus {outline: -webkit-focus-ring-color auto 0;}
/*input,select,textarea,button */
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{box-shadow:0 0 0 1000px white inset; }
input::-ms-clear{display:none;}
select::-ms-expand{display:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
input, select, textarea, button{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:500; line-height:inherit;outline:none;}
input, select{	height: 40px; padding:0 10px; }
input, select, textarea{
	display: inline-block; border:solid 1px #dddddd; margin:0; box-shadow: none;
	-webkit-appearance:none; -moz-appearance:none; -o-appearance:none;text-overflow:""; appearance:none;
	border-radius:2px;	webkit-border-radius:2px;	-moz-border-radius:2px;
}
input:focus,select:focus,textarea:focus{ 
	border: solid 1px #61b2d9;    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(60, 114, 172, 0.08),0 0 8px rgba(59, 127, 187, 0.6);
    box-shadow: inset inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 255, 255, 0.6);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
select{
	background:url(../images/arow.svg) no-repeat; 
	background-position: right 8px top 50%;padding-right: 24px;background-size: 14px;
}
textarea{ height: 85px; padding:10px; resize: none;}
button{	background: none; cursor:pointer; border:0; padding: 0; margin:0;}
button:focus{outline:0; }
table{border-collapse: collapse; border-spacing: 0; width: 100%;}
table td,table th{padding:6px;border:solid 1px #e0e0e0;}
.table tr:nth-of-type(2n) {    background-color: #f9f9f9;}
.table thead th {  background-color: #f9f9f9;}
/* End fix*/
/* header */
.header { float: left; width: 100%; position: relative; padding: 8px 0; box-shadow: 0 2px 3px 0 rgba(32, 13, 16, 0.08); -webkit-box-shadow: 0 2px 3px 0 rgba(32, 13, 16, 0.08); -moz-box-shadow: 0 2px 3px 0 rgba(32, 13, 16, 0.08) }
.main-header { max-width: 1200px; margin: auto }
.header-logo { display: inline-block; position: relative }
.header-right { float: right }
.nav-main { display: inline-block; position: relative; padding: 0; font-size: 14px; margin: 0; margin-top: 24px; font-weight: 600 }
.nav-main li { list-style: none; display: inline-block; margin-right: 24px }
.nav-active {
    color: #174f9a;
}
.nav-main .ic { margin-right: 12px }
.btn-login { font-weight: 600; font-size: 14px }
.btn-login .ic { margin-right: 12px }
.btn-login2 {
    height: 32px;
    line-height: 32px;
    width: 32px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    position: absolute;
    right: 44px;
    top: 15px;
}
.vgach { display: inline-block; margin-right: 24px; color: #dcdcdc }
.btn-user-login .ic {
    font-size: 10px;
}
/* login user */
.user-hover {
    display: inline-block; position: relative; cursor: pointer
}
.user-hover:hover .user-content-hover { display:block; z-index:9; }

.user-content-hover { padding-top: 16px;  display:none; position:absolute; right: 0;  }

.user-drcontent { float: left; width:200px; padding: 10px 16px;  background-color:#fff;  z-index: 99;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.avata_user {
    height: 24px;
    width: 24px;border-radius: 100%;
    float: left;
    position: relative;
    top: -3px;
    margin-right: 6px;
}
.user_name_count {
    float: left;
    font-size: 13px;
    margin-right: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
    text-transform: uppercase
}.user-list-item {
    float: left;
    margin:  8px 0;
    width: 100%;
}.user-list-item > a {
    float: left;
    font-size: 14px;
}.ic-cn {
    margin-right: 15px;
}
/* End header */
/* Bengin main */
.main { float: left; width: 100%; position: relative }
.container{float: left; width: 100%; padding-top: 20px}
.main-content { max-width: 1200px; margin: auto }
.content-left { width: 76%; position: relative; padding-right: 24px; float: left }
.content-center { width: 59.5%; position: relative; padding: 0 24px; float: left }
.content-right { width: 76.5%; position: relative; float: right }
/* End main*/

/*Bengen section */
.section { float: left; width: 100%; margin-bottom: 40px; position: relative }
.section.search-sesults { min-height: 480px;}
.section-header { float: left; width: 100%; position: relative}
.section-content { float: left; width: 100%; position: relative }
.section-ads { float: left; width: 100%; position: relative }
.section-evn {float: left;width: 100%;position: relative}
.ads-title { float: left; width: 100%; position: relative }
/* Form */
.form-group { float: left; width: 100%; position: relative; margin-bottom: 16px; display: table }
.form-group:last-child { margin-bottom: 0 }
.input, .select, .textarea { width: 100% }
/* btn */
.btn-item { margin-right: 8px; display: inline-block }
.btn-item:last-child { margin-right: 0 }
.btn { display: inline-block; padding: 0 12px; height: 40px; line-height: 40px; background-color: #e0e0e0; cursor: pointer; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px }
.btn-full { width: 100% }
.text-danger { width: 100%; float: left; font-size: 12px; text-align: right; color: #ff3547; padding-top: 6px; font-style: italic }
.text-success { width: 100%; float: left; font-size: 12px; text-align: right; color: #28a745; padding-top: 6px; font-style: italic }
/* Checkbox */
.label-input { display: inline-block; position: relative; padding-left: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size:16px;}
.input-1 { position: absolute; opacity: 0; cursor: pointer; display: none; left: 0; right: 0; width: 1px; height: 1px; margin: 0; padding: 0; top: 0 }
.input-2 { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: #fff; border: solid 1px #174f9a }
.input-2:after { left: 4px; top: 1px; width: 6px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.input-1 ~ .input-2 { background-color: #fff; border: solid 1px #666; border-radius: 3px }
.input-1:checked ~ .input-2 { background-color: #174f9a; border: solid 1px #174f9a }
.input-2:after { content: ""; position: absolute; display: none }
.input-1:checked ~ .input-2:after { display: block }
.input-1[disabled] ~ .input-2 { background-color: #e9ecef }
/* radio  */
.check-label { position: relative; display: inline-block }
.check-label span { display: grid }
.check-input { position: absolute; opacity: 0; cursor: pointer; display: none; left: 0; right: 0; width: 10px; margin: 0; padding: 0; top: 0; height: 10px }
.check-radio { position: relative; height: 16px; width: 16px; background-color: #fff; border: solid 1px #666; border-radius: 100%; float: left; margin-right: 8px; top: 1px }
.check-radio:after { top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 100%; background-color: #174f9a }
.labelradio:hover .check-input ~ .check-radio { background-color: #fff }
.check-input:checked ~ .check-radio { background-color: #fff; border: solid 1px #174f9a }
.check-radio:after { content: ""; position: relative; display: none }
.check-input:checked ~ .check-radio:after { display: block }
.check-input[disabled] ~ .check-radio { background-color: #e9ecef }
/* tgl checkbox */
.tgl { display: none }
.tgl + .tgl-btn { outline: 0; display: block; width: 36px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 16px; height: 16px }
.tgl + .tgl-btn:after { left: 0 }
.tgl + .tgl-btn:before { display: none }
.tgl:checked + .tgl-btn:after { left: 50%; border: 0 }
.tgl-light + .tgl-btn { background: #999999; border-radius: 24px; padding: 2px; transition: all .4s ease }
.tgl-light + .tgl-btn:after { border-radius: 100%; background: #fff; transition: all .2s ease }
.tgl-light:checked + .tgl-btn { background: #174f9a }
.tgl-ios + .tgl-btn { background: #fff; border-radius: 24px; padding: 1px; transition: all .4s ease; border: solid 0.5px #e0e0e0 }
.tgl-ios + .tgl-btn:after { border-radius: 100%; background: #fff; transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease; border: solid 0.5px #e0e0e0 }
.tgl-ios + .tgl-btn:hover:after { will-change: padding }
.tgl-ios + .tgl-btn:active { box-shadow: inset 0 0 0 2em #e8eae9 }
.tgl-ios + .tgl-btn:active:after { padding-right: .8em }
.tgl-ios:checked + .tgl-btn { background: #28a745; border: solid 1px #28a745 }
.tgl-ios:checked + .tgl-btn:active { box-shadow: none }
.tgl-ios:checked + .tgl-btn:active:after { margin-left: -.8em }
.on-off { color: #fff; position: absolute; font-size: 10px; text-transform: uppercase; padding: 1px }
/* breadcrumbs */
.breadcrumb { width: 100%; float: left; color: #666; font-size: 13px; margin-bottom: 12px }
.breadcrumb a { display: contents }
.breadcrumb a + a::before { padding: 0 5px; color: #666; content: "\e930"; font-family: "icomoon";font-size: 8px; font-weight: 300 }
.breadcrumb a + span:before { padding: 0 5px; color: #666; content: "\e930"; font-family: "icomoon";font-size: 8px; font-weight: 300 }
.breadcrumb span { font-weight: 600 }
/* align text */
.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }
/* color text */
.primary-color{color: #4285f4}
.success-color{color: #28a745}
.danger-color{color: #ff3547}
.color-white{color: #ffffff}
.color-red{color: #E13737}
.color-blue{color: #057AE7}
.bg-green{background: #28a745 !important}
.bg-red{background: #E13737 !important}
.bg-blue{background: #057AE7 !important}
/* End*/
/* pagination */
.pagination { float: left; width: 100% }
.pag-left { float: left }
.pag-right { float: right }
.select-pag { background-color: #f2f4f6; height: 32px; border-radius: 6px; font-size: 13px; min-width: 116px }
.pag-text { display: inline-block; line-height: 32px; font-size: 13px; margin-right: 6px }
.page-numbers { float: left; height: 32px; line-height: 32px; font-size: 14px; text-align: center; border: solid 0.5px #e7e9e9; color: #666; padding: 0 6px; min-width: 32px; cursor: pointer; margin-right: 6px; margin-bottom: 6px; background: #f2f4f6; border-radius: 5px }
.pagination.pagtop { margin-top: 24px }
.page-numbers:hover { background-color: #174f9a; color: #fff; border: solid 0.5px #174f9a }
.page-numbers.active { background-color: #174f9a; color: #fff; border: solid 0.5px #174f9a }
.load-more { float: left; width: 100%; display: flex; justify-content: center; margin-top: 16px }
.load-more span { padding: 8px 24px; display: inline-block; border-radius: 25px; color: #666; font-size: 14px; background: #f2f2f2; cursor: pointer }
.load-more span:hover { background: #174f9a; color: #ffffff }
/*End section */

/*Bengin footer */
.footer { float: left; width: 100%; position: relative; background: #f2f4f6; padding: 40px 0 }
.main-footer { max-width: 1200px; margin: auto }
.foleft { float: left }
.foright { float: right; line-height: 1.6 }
.ptit { text-transform: uppercase; font-size: 16px; font-weight: bold}
.backtotop { background-color: #174f9a; position: fixed; bottom: 16px; right: 16px; z-index: 99999; border-radius: 100%; height: 48px; width: 48px; line-height: 48px; text-align: center; box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); display: none; animation: animatezoom 0.6s; color: #fff }
.backtotop:hover { color: #fff }
@keyframes animatezoom {from { transform: scale(0) } to { transform: scale(1) } } 
.top-arrow {
    top: 3px;
    position: relative;
}
.show_backtotop { display: block }
/*End footer */

@media only screen and (max-width:1024px){
	.content-right {
    width: 73.5%;
}.main-content {
    padding: 0 24px;
}.header-logo img {
    height: 48px;
}.header {
    padding: 8px 16px;
}.footer {
    padding: 16px;
}.nav-main li {
    margin-right: 16px;
}.vgach {
    margin-right: 16px;
}.content-left {
    width: 71%;
}
}
.foleft img {
    width: 300px;
}
/*.header-logo img {
    width: 250px;
}*/
.mgr12{margin-right:12px;}

.address {
    line-height: 35px;
    padding-left: 36px;
    color: #7b7777;
}

.foleft a {
    width: 100%;
    float: left;
}