*{padding: 0;margin: 0}a{transition: all ease .3s;color: #fff}a:hover,a:focus{text-decoration: none !important;color: #e4e4e4;}
body{font-size: 17px;line-height: 1.6;color: #fff;font-family: 'Roboto', sans-serif;position: relative;background-color: #000;}.pro-content ul{list-style-position: inside;}
input:focus,textarea:focus,input:visited,textarea:visited{outline: none}textarea{resize: none}
.pro-wrapper img{max-width: 100%;height: auto}.pro-content ul,.pro-content ol{list-style-position: inside}
.pro-top{background-color: #111;border-bottom: 1px solid #fff}
.pro-register{ float: right; font-size: 17px; line-height: 30px; font-weight: 400; margin: 20px 0 20px 20px; padding: 0 15px; background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(215,215,215,1) 0%, rgba(255,255,255,1) 100%); color: #000; border-radius: 3px; }
.pro-register:focus,.pro-register:hover{color: #000}
.pro-logo{float: left;display: table}
.pro-logo a{display: table-cell;height: 70px;vertical-align: middle}
.pro-logo a img{max-width: 100%;max-height: 100%}
.pro-language{float: right}
.pro-language a{width: 47px;height: 30px;text-indent: -9999px;background: url('../images/language.jpg') no-repeat;float: left;margin: 20px 0 20px 20px}
.pro-language a:first-child{margin-left: 0}
.pro-language a.pro-en{background-position: -47px 0}
.pro-icon-menu{ float: right; width: 40px; background-color: transparent; border: none; height: 30px; margin: 20px 0 20px 20px}
.pro-icon-menu span { display: block; height: 3px; background-color: #fff; margin-bottom: 10px}
.pro-header{background-color: #000;border-bottom: 1px solid #fff}
.pro-menu ul{margin-bottom: 0;list-style: none}
.pro-menu ul li a{display: block}
.pro-breadcrumb{display: block;text-align: center;font-size: 90px;line-height: 95px;font-weight: 700;text-transform: uppercase;padding: 20px 0;position: relative;margin-bottom: 30px;font-family: 'Cuprum', sans-serif}
.pro-breadcrumb:before{height: 7px;width: 70px;background-color: #fff;position: absolute;content: "";left: 50%;transform: translateX(-50%);bottom: 0;border-radius: 7px}
.pro-content{background: url('../images/bg-content.jpg') no-repeat;background-position: top center;padding-top: 60px}
.pro-form{margin-bottom: 60px;font-family: 'Merriweather', serif;}
.pro-form > p{text-transform: uppercase;font-size: 35px;line-height: 40px}
.pro-form .row{margin: 0 -40px}
.pro-form .row [class*='col-']{padding: 0 40px}
.pro-form .form-group{position: relative;margin-bottom: 30px;background-color: #fff;height: 55px}
.pro-form .form-group .fa{position: absolute;right: 0;top: 0;width: 55px;height: 55px;background-color: #848688;color: #fff}
.pro-form .form-group .form-control{border-radius: 0;background-color: transparent;border: none;height: 100%;font-size: 18px;color: #000;padding-right: 70px}
.pro-form .form-group .form-control:hover{cursor: pointer}
.pro-form select {-webkit-appearance: button; appearance: button; outline: none; }
.pro-form .form-group::before { content: "\f0d7"; font-family: FontAwesome; position: absolute; top: 0; right: 0; width: 55px; height: 55px; text-align: center;pointer-events: none;background-color: #848688;color: #fff;font-size: 40px;line-height: 55px}
.pro-form .form-group.pro-search::before{content: "\f002";font-size: 30px}
.pro-form .form-group::before:hover{cursor: pointer;background-color: #848688;color: #fff}
.pro-form .pro-button{ background: rgb(43,40,41); background: -moz-linear-gradient(top, rgba(43,40,41,1) 0%, rgba(69,69,69,1) 51%, rgba(43,40,41,1) 100%); background: -webkit-linear-gradient(top, rgba(43,40,41,1) 0%,rgba(69,69,69,1) 51%,rgba(43,40,41,1) 100%); background: linear-gradient(to bottom, rgba(43,40,41,1) 0%,rgba(69,69,69,1) 51%,rgba(43,40,41,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2829', endColorstr='#2b2829',GradientType=0 ); border-radius: 10px; border: none; font-size: 25px; line-height: 30px; padding: 15px 40px;margin-top: 30px;font-family: 'Roboto', sans-serif;display: inline-block;text-align: center}
.pro-form .pro-button:hover{ background: rgb(2,0,36); background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(215,215,215,1) 0%, rgba(255,255,255,1) 100%); color: #000}
.pro-form a.pro-button{margin-left: 30px}
.pro-list{margin-bottom: 50px}
.pro-list .table{margin-bottom: 0}
.pro-list tr th{border-bottom: 3px solid #fff;font-weight: 700;font-size: 14px;line-height: 19px;margin-bottom: 20px}
.pro-list tr td,.pro-list tr th{text-align: center}
.pro-list tr td{font-family: 'Merriweather', serif;font-size: 14px;line-height: 19px !important}
.pro-list tr td > a:hover{color: #aaa}
.pro-list tr td .fa-star{margin:0 2px;font-size: 13px;line-height: 13px}
.pro-list tr td .fa-star.rate_active{color: #f7d82f}
.pro-list tr td span{width: 15px;height: 15px;display: inline-block;margin: 0;margin-right: 2px}
.pro-list .pro-rating-result{background: url('../images/star_s.png') repeat-x;width: 85px;height: 13px;background-position: 0 -13px;margin: 0 auto;position: relative}
.pro-list .pro-rating-result span{position: absolute;width: 0;height: 100%;background: url('../images/star_s.png') repeat-x;background-position: 0 0;left: 0;top: 0;margin: 0}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{border-top: 0}
.table>tbody>tr>td,.table>tbody>tr>th{padding: 10px 8px 10px 0}
.pro-list .table tbody tr:nth-child(2) td{padding-top: 30px}
.pro-list .pro-nine-col th,.pro-list .pro-nine-col td{width: 14%;;padding-left: 0}
.pro-list .pro-nine-col th:nth-child(1),.pro-list .pro-nine-col th:nth-child(6),.pro-list .pro-nine-col td:nth-child(1),.pro-list .pro-nine-col td:nth-child(6){width: 5%}
.pro-list .pro-nine-col th:nth-child(3),.pro-list .pro-nine-col th:nth-child(4),.pro-list .pro-nine-col td:nth-child(3),.pro-list .pro-nine-col td:nth-child(4){width: 10%}
.pro-list tr td div{font-family: 'Roboto', sans-serif}
.pro-list tr td div strong{width: 22px;height: 22px;font-weight: 900;display: inline-block;text-align: center;line-height: 22px;border-radius: 3px}
.pro-image{display: inline-block;text-align: center}
.pro-image img{max-width: 100%}
.pro-title{ font-weight: 900; text-transform: uppercase; font-size: 40px; line-height: 45px; text-align: center; margin-bottom: 40px; }

footer{background: url('../images/bg-footer.jpg') no-repeat top center;text-align: center;padding: 60px 0;background-size: cover;border-top: 1px solid #fff}
.pro-logo-ft{margin-bottom: 20px;display: inline-block}
.pro-logo-ft img{max-width: 100%}
.pro-logo-ft + p{margin-bottom: 20px;font-size: 25px; line-height: 30px}
.pro-social{display: inline-block}
.pro-social a{margin: 0 20px 20px 20px;font-size: 20px;line-height: 20px;float: left}
.pro-social .fa-facebook{background-color: #494d56;width: 30px;height: 30px;line-height: 40px;border-radius: 100%;overflow: hidden}
.pro-social .fa-facebook:hover{background-color: #4267b2}
.pro-social .fa-youtube-play{font-size: 30px;line-height: 30px}
.pro-social .fa-youtube-play:hover{color: #f50000}
.pro-social .fa-instagram{width: 30px;height: 30px;line-height: 30px;border: 1px solid #fff;border-radius: 100%}
.pro-social .fa-instagram:hover{background: #f7b55e; background: -moz-linear-gradient(45deg, #f7b55e 1%, #bf299b 51%, #763dbe 100%); background: -webkit-linear-gradient(45deg, #f7b55e 1%,#bf299b 51%,#763dbe 100%); background: linear-gradient(45deg, #f7b55e 1%,#bf299b 51%,#763dbe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b55e', endColorstr='#763dbe',GradientType=1 );}
.pro-social .pro-zalo{background: url('../images/zalo-icon.png') no-repeat;width: 30px;height: 30px;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.pro-social .pro-zalo:hover{-webkit-filter: grayscale(0);filter: grayscale(0);}
.pro-copyright{margin-bottom: 0}
.pro-pagination{margin: 50px 0 0 0}
.pro-pagination span{float: right;margin-right: 30px;color: #b4b4b4;}
.pagination {margin: 0;float: right}
.pagination>li>a, .pagination>li>span {margin: 0 6px;color: #b4b4b4;background-color: transparent;border: none;padding: 0}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus,.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{color: #fff;background-color: transparent}
.pro-gotop{width: 40px;height: 40px;border-radius: 4px;position: fixed;right: 15px;bottom: 15px;text-align: center;display: block;line-height: 40px;background-color: #fff;color: #000;font-size: 20px}
.pro-gotop:hover,.pro-gotop:focus{color: #000}
.pro-open-popup{text-transform: uppercase;font-weight: 700;display: inline-block;padding: 3px 15px;font-size: 13px;line-height: 18px;font-family: 'Roboto', sans-serif;color: #000;background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.97) 4%, rgba(150,151,151,0.33) 99%);background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.97) 4%,rgba(150,151,151,0.33) 99%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.97) 4%,rgba(150,151,151,0.33) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#54969797',GradientType=0 );}
.pro-open-popup:hover{color: #000}
.pro-bg-popup{background-color: rgba(0,0,0,.8);position: fixed;z-index: 100;left: 0;top: 0;width: 100%;height: 100%}
.pro-bg-popup:not(.active){display: none}
.pro-content-popup{width: 800px;height: 500px;background-color: #fff;padding: 15px;margin:50px auto 0 auto;position: relative}
.pro-iframe{height: 100%}
.pro-content-popup iframe{width: 100%;height: 100%}
.pro-content-popup .fa-close{position: absolute;width: 40px;height: 40px;text-align: center;line-height: 40px;color: #000;right: -20px;top: -20px;background-color: #bbb;border-radius: 100%;cursor: pointer}
.sortby-list{margin-bottom: 25px;}.sortby-list>span{float: right;font-size: 15px;margin-right: 10px;line-height: 30px;}
.sortby-list>select{float: right;height: 30px;line-height: 30px;max-width: 130px;color: #000;font-size: 14px;}
.form-checkbox{margin-top: 10px;}
.pro-form .form-checkbox input[type="checkbox"]{display: none;}
.pro-form .form-checkbox label{position: relative;padding-left: 45px;min-height: 30px;margin-bottom: 0;line-height: 30px;cursor: pointer;}
.pro-form .form-checkbox label:before{ display: block; width: 30px; height: 30px; border: 1px solid #ddd; position: relative; line-height: 31px; text-align: center; cursor: pointer;content: "";position: absolute;left: 0;top: 0;background-color: #fff;}
.pro-form .form-checkbox input[type="checkbox"] + span:before{ position: absolute; width: 14px; height: 8px; border-bottom: solid 1px #000; border-left: solid 1px #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 9px; top: 9px; content: "";display: none;}
.pro-form .form-checkbox input[type="checkbox"]:checked + span:before{display: block;}
.show-label{display:none !important;}
@media only screen and (min-width: 992px){
	.pro-icon-menu{display: none}
	.pro-menu ul{float: right}
	.pro-menu ul li{float: left}
	.pro-menu ul li a{font-family: 'Cuprum', sans-serif;font-size: 30px;line-height: 35px;font-weight: 500;margin: 20px 0 20px 40px;border-bottom: 1px solid transparent}
	.pro-menu ul li:hover a,.pro-menu ul li.active a{border-bottom-color: #fff;color: #fff}
}
@media only screen and (max-width: 1199px){
	.pro-form .row{margin: 0 -15px}
	.pro-form .row [class*='col-']{padding: 0 15px}
}
@media only screen and (max-width: 991px){
	.container{width: 100%}
	.pro-header{position: relative}
	.pro-logo{max-width: 50%}
	.pro-menu{position: absolute;top: 0;width: 100%;z-index: 100;left: 0;width: 100%;background-color: #848688;display: none}
	.pro-menu li{border-bottom: 1px solid #ddd}
	.pro-menu li a{padding: 10px 15px;color: #fff}
	.pro-icon-menu:focus{outline: none}
	.pro-breadcrumb{font-size: 70px;line-height: 75px}
	.pro-content-popup{width: 90%;height: 400px}
}
@media only screen and (max-width:767px){
	.pro-breadcrumb{font-size: 40px;line-height: 45px}
	.pro-breadcrumb:before{width: 50px}
	.pro-form > p{font-size: 20px;line-height: 25px}
	.pro-form .form-group .form-control{font-size: 18px;line-height: 23px}
	.pro-form .pro-button{margin-top: 0;font-size: 20px;line-height: 25px}
  .pro-title{font-size: 30px;line-height: 35px;margin-bottom: 30px}
	.pro-content-popup .fa-close{right: 0;top: 0;border-radius: 0}
	
	.table-get-info tr{display:block;padding:10px 0;border-bottom:1px solid #fff;}.table-get-info tr.table-get-info-tr{display:none;}.table-get-info th,.table-get-info td{font-size:14px !important;display:block;text-align:left !important;width:100% !important;padding: inherit !important;clear:both;}
	.table-get-info span.show-label{display:block !important;float:left;width:190px;padding-right:10px;height:auto;font-weight:700;font-style: italic;}.pro-rating-result{margin-left: 190px !important;}.table-get-info .pro-wrapper-rating{text-align:left !important;}
	.table-get-info td:after{content:"";display:block;clear:both;width:100%;}
}
@media only screen and (max-width: 570px){
	.pro-top{position: relative}
	.pro-logo{float: none;max-width: inherit;margin: 0 auto;padding-top: 50px}
	.pro-language{position: absolute;top: 15px;left: 15px}
	.pro-icon-menu{ position: absolute; right: 15px; top: 15px; margin: 0; }
	.pro-language a{margin-top: 0;margin-bottom: 0}
	.pro-pagination span{display: none}
	.pro-pagination{text-align: center}
	.pagination{float: none}
	.pagination>li>a, .pagination>li>span{margin: 0 10px}
	.pro-form .row [class*='col-']{width: 100%}
	.pro-form .pro-button{width: 100%;margin-top: 0}
	.pro-form a.pro-button{margin: 15px 0 0}
	.pro-register{ position: absolute; right: 70px; top: 15px; margin: 0}.form-checkbox{margin-bottom: 30px}.table-get-info span.show-label{width:130px;padding-right:15px;}.pro-rating-result{margin-left: 130px !important;}
}
@media only screen and (max-width: 480px){
	.pro-logo-ft + p{font-size: 20px;line-height: 25px}
	.pro-social a{margin: 0 15px 20px 15px}
	.pro-copyright{font-size: 15px;line-height: 20px}
	footer{padding: 30px 0}
	.pro-list .pro-nine-col th:nth-child(1), .pro-list .pro-nine-col td:nth-child(1),.pro-list .pro-nine-col th:nth-child(4), .pro-list .pro-nine-col td:nth-child(4){display: none}
	.pro-list table tbody tr{border-bottom: 1px solid #454545}
	.pro-content{padding-top: 30px}
	.pro-form .form-group{height: 45px;margin-bottom: 20px}
	.pro-form .form-group::before,.pro-form .form-group.pro-search::before{height: 45px;line-height: 45px;font-size: 20px}
}
@media only screen and (max-width:370px){
	.pro-logo a{height: 50px}
	.pro-form .pro-button{margin-top: 0;width: 100%;font-size: 20px;line-height: 25px}
	.pro-breadcrumb{font-size: 30px;line-height: 35px;margin-bottom: 0}
	.pro-breadcrumb:before{display: none}
    .pro-title{font-size: 22px;line-height: 27px}
}