@import url("..\\fonts\\RSU\\font.css");
@import url("..\\fonts\\CSPraJad\\font.css");

html,body {
	width: 100%;
	height: 100%;
	color: #000;
	font-family: "RSU","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
 	background-color: rgb(238, 238, 238);
}

html {
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
    
}


h1, h2, h3{ font-weight: bold; }
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 13px;
}

header{
    background-color: #fff;
	height: 100px;
    color: #2d2b69;
}

header .app-title{
	font-size: 4.0em;
    color: #fff;
    letter-spacing: 12px;
    text-shadow: 3px 3px #1513137a;
}

header .navbar-nav  li > a {
    padding-top: 10px;
    padding-bottom: 7px;
    color:#fff;
    letter-spacing: 2px;
     
}

header .main-logo{ width: 100px; }
header .social-logo-box{ 
    width: 300px;
 
}

header .navbar-nav.padd{
    padding-left: 125px;
}

header .navbar-right {
    float: right !important;
    margin-right: 15px;
}



header .title-th{
    font-family: "RSU";
    margin-top: 24px;
    font-size: 2.3em;
}
header .title-en{
    font-family: "RSU";
    font-size: 1.4em;
    margin-top: -15px;
}


header .lang-box {
    margin-top: 25px;
    margin-right: 25px;
    text-align: right;
}
header .lang-box a, 
header .lang-box a:hover,
header .lang-box a:focus{
    color:#ec9620;
}
.bx-wrapper .bx-viewport { max-height: 420px !important; }


.menu-search-form{ 
    padding: 0px;
    margin: 0;
    margin-top: 3px;
    margin-left: 20px;
}



.category-thumb-box{
    height: 120px;
    width: 180px;
}


#menu-box .nav a{ color: #fff; font-size: 1.2em; }
#menu-box .nav .dropdown-menu a{ color: #fff; }
#menu-box .nav .active a{ color:#fff; }



#menu-box .navbar-nav > li.active,
#menu-box .navbar-nav > li > a:hover,
#menu-box .navbar-nav > li > a:focus,
#menu-box .nav .open > a{
	color: #fff;
    background-color: #FFC107;
}


#menu-box .nav .open > a:hover, 
#menu-box .nav .open > a:focus {
	color: #fff;
    background-color: #FFC107;
}

#menu-box .dropdown-menu{ 
	background-color: #FFC107;
	padding: 10px;
    min-width:100%;
    font-size: 1.0em;
}

#menu-box .dropdown-menu.category{ 
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    list-style-type: none;
}

#menu-box .dropdown-menu.user{ 
    width: 250px;
}

#menu-box .nav.navbar-nav.navbar-center{
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}


#menu-box {
    background-color: #fff; 
    padding-top: 10px;
}

#menu-box .nav.navbar-nav{
    float: left;
    width: 45%;
    margin-left: 35px;
    margin-right: auto;
}

#menu-box .nav.navbar-nav.cart-box{ 
    width:auto;
}

#menu-box .nav.navbar-nav.cart-box a{ 
    padding: 8px 5px;
}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #ff9800;
}

.menu-icon{ width:24px; }

#menu-box .navbar{
    margin-bottom:  0px;
    background-color: #FF9800;
    min-height: auto;
}

.social-top-logo { 
    margin-top: -50px; 
}
.social-feed{

}

.social-feed .col-md-3 {
    padding: 0;
}


.social-feed-wrapper{
    background-color: #fff;
    padding: 15px;
}



.contact-wrapper .container{ min-height: 600px; }

.social-feed-link img { 
    padding-bottom: 10px;
    width: 50px;
    margin-left: 5px;
}

 
.social-feed-link .col-md-1.contact-link{ 
    width: 14%;
    margin-top: -1%;
}

.social-feed-link .col-md-1 img { 
    max-width: 100% !important;
    border: none !important;
    border-radius: 0px !important;
    margin-right: 10px !important;

}
.social-feed-image {
    margin: 0;
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #e56b35;
}
.social-feed-image .col-md-1{ padding: 10px 0; width:8.333333%;}
.social-feed-image .img-thumbnail{ width:100%; }

.bx-controls-direction{display: none;}

.input-group>.bfh-number-btn:hover {
    background-color: #ccc;
}

.form-control.white{
    background-color: #fff;
    text-align: center;
    z-index: 0;
}

.btn.add-to-cart , 
.btn-add-to-favorite {
    font-size: 1.5em;

}

.btn-add-to-favorite .glyphicon{
    font-size: 1em;
    padding: 0;
}

.btn.btn-danger.btn-add-to-favorite{
    background-color: transparent;
    border-color: transparent;
    color: #d43f3a;
}


.btn.btn-warning.submit-button{
    font-size: 1.2em;
}


.share-social-icon{}
.share-social-icon img{
    width: 32px;
    margin-left: 5px;
}




.price-title-box{
    height: 100px;
    padding-top: 5%;
}

.favorite-box,
.favorite-box:hover{
    color:rgb(255, 66, 79);
    
    height: 100px;
    padding-top: 5%;
}

.favorite-box .glyphicon{
    font-size: 2em;
}


.product-recomment-box{
    padding: 15px;
    background-color: #d4d2d2;
    width: 23%;
    margin: 10px;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.product-title{
    display: block;
    font-size: 2em;

    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}




.product-name{
    display: block;
    color: #091d88;
    font-size: 1.25em;
}

.product-category{
    display: block;
    color: #666;
}

.product-price{
    text-align: right;
    color: #333;
    font-size: 0.9em;
}

.product-wrapper{}
.product-wrapper .product-price{
    font-size: 2.0em;
    color:#f00;
}


.product-wrapper .product-price.full {
    font-size: 1.2em;
    text-decoration: line-through;
    color: #666;
    text-align: right;
    display: block;
    margin-top: -15px;
}
 

.category-link-thumb{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.product-img{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}



.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: right;
}

.xzoom-container{ margin-top: 15px; margin-bottom: 15px; }
.xzoom{min-height: 320px;}
/*.xzoom-preview, .xzoom-preview img{ width: 800px!important; height: 600px !important; }*/
.xzoom-thumbs{ margin: 15px; }

.product-container{
    position: relative;
  width: 100%;
  max-width: 300px;
}

.product-container a{
    color: #fff;
}

.product-container a:hover{
    color:#FFC107;
}


.product-recomment-box:hover .overlay {
  opacity: 1;
}

.product-vdo-box{

}

.product-vdo-box iframe{
    max-width: 100%;
    max-height: 300px;
}



.only-on-wrapper{

}

.only-on-wrapper .container{

}

.only-on-wrapper .container .only-on{
    margin: 10px;
    margin-left: -5px;
    padding: 15px;
    border: 5px solid #333;
}

.only-on-wrapper .container .only-on h3{
    margin: 0px;
}




.our-customer-wrapper{

}

.our-customer-wrapper .container{

}

.our-customer-wrapper .container img.our-customer-img{
    height: 36px;
    margin: 15px;
}








.footer-logo-box{ 
    width: 20%;
    padding: 0;
}

.footer-contact-box{
    width: 80%;
    color: #060606;
    padding: 0;
    padding-left: 20px;
}

.page-footer{
    color: #060606;
    background-color: #FF9800;
}
.page-footer .contact { color: #060606; font-size: 0.85em;     padding: 25px 10px; }
.page-footer a {
    color: #3d824b;
}


.contact-form{ 
    padding: 15px;
}

.contact-form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
}

.footer-link { padding-top: 50px; }
.footer-copy-right{ margin-top: 10px; display: block; }

.form_newletter {}
.form_newletter .col-md-10,
.form_newletter .col-md-2
{
    padding-left: 0;
    padding-right: 0;
}

.form_newletter .btn.btn-default.btn-newletter{ 
    background-color: #441d8a;
    color: #fff;
}

.footer-social-box{   }
.footer-social-box img{ 
    width: 32px;
    margin-left: 5px;
}


footer{
    color: #fff;
    padding: 10px 0;
    background-color: #441d8a;
    min-height: 5%;
    height: 45px;
}

footer a {
    color: #fff;
}

.page-footer h1{
    font-size: 1.2em;
    padding: 4px 0px;
    margin-bottom: 0px;
}

.page-footer h2{
    font-size: 1.0em;
    margin-top: 0;
}

footer p { font-size:10px; }
footer table{color:#fff; text-align:center;}
.page-footer .social-logo img{  width:40px; height: 40px;}

.clear{clear: both;}


/* Rating Star Widgets Style */
.rating-stars ul {
  list-style-type:none;
  padding:0;
  
  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
  
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size:2.5em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}

.rating-stars.small ul > li.star > i.fa {
  font-size:1.5em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}







a {
	outline: 0;
	color: #333;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
a:hover,a:focus {
	outline: 0;
	color: #555;
	text-decoration: underline;
	text-decoration: none;
}

img{ max-width: 100%; } 
 

.bootstrap-tagsinput{ width:100%; }
header .social-logo{ 
	display: inline-block;
    width: 25px;
    margin-left: 5px;
}

footer .social-logo{ 
    display: inline-block;
    width: 40px;
    margin-left: 4px;
}

.bg-white{ 
    background-color: #fff;
}

.main-content{
    padding-bottom: 0px;
    padding-top: 50px;
}

.main-content.index{
	padding-bottom: 90px;
}

ul.slider li {
	width: 1170px !important;
    margin-left: -40px;
}

.youtube-box{
	width: 100%; 
	height: 400px; 
	display: block; 
	margin: auto;
}


.icon-menu-wrapper{ background-color: #e56b35; }

.history-wrapper {
    background-color: #fff;

}

.history-box{
    height: 300px;
    overflow-y: auto;
    padding: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.modal-dialog {
    width: 900px;
    margin: 30px auto;
}



.footer-title-system{
    margin-top: 20px;
    font-size: 1.4em;
    margin-bottom: 0;
}

.footer-title-name{
    font-size: 1.3em;
    margin-top: -5%; 
}







@media (max-width: 1200px){
	ul.slider li {
	    width: 1170px !important;
	}
	.youtube-box{
		width: 800px; 
		height: 452px; 
	}
	.modal-dialog {
	    width: 900px;
	    margin: 30px auto;
	}
}
@media (max-width: 992px){
	ul.slider li {
	    width: 992px !important;
	}
	.youtube-box{
		width: 650px; 
		height: 367px; 
	}
	.modal-dialog {
	    width: 800px;
	}
}

@media (max-width: 768px){
	ul.slider li {
	    width: 768px !important;
	}
	.youtube-box{
		width: 450px; 
		height: 254px; 
	}
	.modal-dialog {
	    width: 700px;
	}
}

@media (max-width: 400px){
	ul.slider li {
	    width: 368px !important;
	}
	.youtube-box{
		width: 350px; 
		height: auto; 
	}
	.modal-dialog {
	    width: 350px;
	}

    .page-footer .col-md-2.text-right{ text-align:left; }

    header {
        background-color: #26824b;
        height: 320px;
        color: #fff;
    }
}

ul.slider li img {
    width: 100%;
}



.search-box {
    width: 500px;
    display: block;
    margin: auto;
    padding: 10px;
    padding-bottom: 20px;
    border-radius: 2%;
    background-color: #3d824b;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    color:#fff;

}

.search-box .search-group{
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.search-box .title-search-box{
	margin-top: 0px;
}


.hit-boxs{
	margin-top: 60px;
    margin-left: 15px;
    margin-right: 15px;

}

.hit-boxs .hit-box{
	width: 45%;
    display: inline-block;
    padding: 0px;
    background-color: #1fa1f2;
    padding-bottom: 10px;
    color: #fff;
    margin-left: 3%;
    margin-top: 3%;
}



.hit-boxs .hit-box .img-box{
	width: 100%;
	padding: 0px;

}

.hit-boxs .hit-box .img-box img{
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 340px;
}

.hit-boxs .hit-box .hit-name-box{
	width: 78%;
    float: left;
    margin-left: 10px;
}


.hit-boxs .hit-box .hit-more-box{
	width: 18%;
    float: right;
    padding-top: 25px;
    text-align: right;
    padding-right: 10px;
}

.hit-boxs .hit-box .hit-name-box a,
.hit-boxs .hit-box .hit-more-box a{
	color:#fff;
}


.hit-boxs .hit-box .hit-more-box a:hover {
	color: #FFEB3B;
}


.hit-detail.slider-box{
	width: 80%;
	margin: auto;
	display: block;
	min-height: 250px;
}

.hit-content{
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
}


.main-content .room-head-box{ 
	margin-left: 15px;
    margin-top: -50px;
    margin-right: 15px;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 20px;
    background-color: #1fa1f2;
    display: block;
    height: 130px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}
.main-content .room-head-box span{
	color:#333;
}

.main-content .head-box{ 
	margin-left: 15px;
    margin-top: -50px;
    margin-right: 15px;
    margin-bottom: 50px;
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #61b372;
    display: block;
    height: 130px;
    color: #fff;
}


.main-content .head-box.red{ 
	
    background-color: #1fa1f2;
    display: block;
    height: 130px;
    color: #fff;
}


.main-content .head-box.no-top-bottom{ 
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.main-content .slider-box{ 
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}


.hit-content.hit_detail img{ 
	margin: auto; 
	display: block; 
	margin-top: 10px; 
	margin-bottom: : 15px;
	border: 10px solid #eee;
    border-radius: 20px;
    max-width: 800px;
}


.hit-content .room-detail{ 
	padding-left: 60px;
	padding-right: 30px;
}


.social-start-box{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 30px;
	padding-top: 50px;
    padding-bottom: 20px;
    background-color: #61b372;
    display: block;
    height: 130px;
    color:#fff;
    font-size: 18px;
}

.social-start-box .rate-text{ font-size: 1.5em; }
.social-start-box .social-box{ margin-top: -40px; }


.social.social-btn .btn.facebook {
    width: 120px;
    margin-top: 10px;
    margin-right: 0;
}

.btn.facebook {
    box-sizing: border-box;
    background-color: #415e9b;
    color: #fff;
    text-transform: none;
    font-weight: normal;
    margin-right: 1%;
    border-radius: 3px;
    font-size: 1.000em;
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
}

.btn.twitter {
    box-sizing: border-box;
    background-color: #2B7BB9;
    color: #fff;
    text-transform: none;
    font-weight: normal;
    margin-right: 1%;
    border-radius: 3px;
    font-size: 1.000em;
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
    margin-top: 10px;
}

.btn.googleplus {
    box-sizing: border-box;
    background-color: #dd4b39;
    color: #fff;
    text-transform: none;
    font-weight: normal;
    margin-top: 10px;
    border-radius: 3px;
    font-size: 1.000em;
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
    width: 48px;
    height: 34px;
}
 

.btn.lineat {
    box-sizing: border-box;
    background-color: #1DCD00;
    color: #fff;
    text-transform: none;
    font-weight: normal;
    margin-top: 10px;
    border-radius: 3px;
    font-size: 1.000em;
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
    width: 54px;
    height: 34px;
    font-weight: bold;
}









.calendar-boxs { 
	margin-left: 70px;
	margin-right: 30px;
	margin-bottom: 60px;
	font-size: 1.2em;
 }

.active-icon-boxs { 
	margin-left: 80px;
	margin-right: 80px;
	margin-bottom: 60px;
	font-size: 1.4em;

}


.col-sm-1.activity_box{ 
	min-height: 200px;
    width: 12%;
    margin-left: 4%;
}
.col-sm-1.activity_box p{ font-size: 0.8em; text-align:center;}
.activity-checkbox {display:none;}
.activity-icon {
	border-radius: 200px;
    border: 0px solid #A1E04C;
}

.activity-icon.active {
	border-radius: 200px;
    border: 5px solid #A1E04C;
}


.activity-submit-box{ margin-bottom: 90px; }
.btn-ght {
    outline: 0;
    border-radius: 0;
    padding: 15px 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #438e58;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}


.activity-boxs .col-sm-1.activity_box {
    min-height: 40px;
    width: 8%;
    margin-left: 10px;
    padding: 0;
}

.form-control{
	font-size: 20px;
}


.has-feedback.left .form-control-feedback { 
	right:  auto;
	left : 5px;
}


.has-feedback.left .form-control {
    padding-left: 42px;
    padding-right: 10px;
}

.btn.btn-search {
	margin-top: 32px;
    width: 120px;
}

.btn.btn-big{ 
	width:  200px;
	height: 60px;
	padding-top: 20px;
}


.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: 9999px;
    z-index: 9999;
    color: #fff;
    font-weight: bold;
}


.red{ color:red; }

.hit-content.hit_detail img.bank {
	margin: auto;
    display: block;
    margin: 0;
    border: none;
    border-radius: 0px;
    margin-left: -15px;
}


.promotion-title-box{ 
	width:50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.promotion-title-box .alert-danger {
    background-color: #ffffff;
}

#search-textbox{ font-size: 32px; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #26824b;
    outline: 0;
}

.icon-menu-box{ 
    width:100%;
    display: block; 
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
}


.icon-menu-item{ 
	width: 90px;
    margin-bottom: 5px;
    margin-right: 20px;
    display: inline-block;
    float: left;
}


.news-title{ margin: 0px; }

.img-thumbnail{ min-width: 238px; min-height: 181px; }

.main-content .img-responsive{ margin-left: auto; margin-right: auto; }


.radios-to-slider {
    background-color: #3a3535;
    display: block;
    position: relative;
    margin-bottom: 80px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}