@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Kanit',"Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#E5E5E5;
    background:#000 url(../images/bg3.jpg) repeat-x;
    background-position: center top;
    background-attachment: fixed;
	padding-top: 55px;
}
#wrapper.boxed-all {
    position: relative;
    background:#181717;
    margin: 0 auto;
}
#topbar {
	display:block;
    /*background: #7b0303;*/
	background: -moz-linear-gradient(90deg, #000000 0%, #2B2B2B 50%, #000000 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(50%, #2B2B2B), color-stop(100%, #000000)); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #000000 0%, #2B2B2B 50%, #000000 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #000000 0%, #2B2B2B 50%, #000000 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, #000000 0%, #2B2B2B 50%, #000000 100%); /* ie10+ */
background: linear-gradient(0deg, #000000 0%, #2B2B2B 50%, #000000 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
    border-color: #790a0f;
    color: #fff;
    width: 100%;
    height: 42px;
}
#topbar .navbar{
	min-height: 42px;
	margin-bottom:0px;
}
#topbar .navbar-brand {
    padding: 2px 15px;
	height:40px;
    font-size: 16px;
    line-height: 20px;
}
#topbar .navbar-brand img{display:inline-block;}
#topbar .navbar-nav>li{
	box-shadow: -2px 0 1px -1px #080808;
}
#topbar .navbar-nav>li>a {
    padding-top: 6px;
    padding-bottom: 4px;
    line-height: 20px;
	color:#fff;
	font-size:12px;
}
#topbar .navbar-nav>li>a:hover {
     background-color: #D90003;
    border-color: #fff;
}
#topbar .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #D90003;
    border-color: #fff;
}
#topbar .navbar-nav>li .dropdown-toggle{
	 padding-top: 10px;
    padding-bottom: 8px;
}
#topbar .dropdown-menu{
	background-color: #980d13;
    border-color: #790a0f;
}
#topbar .dropdown-menu>li>a {
    padding: 8px 20px;
    color: #fff;
}
#topbar .dropdown-menu>li>a:hover {
    background-color: #D90003;
    border-color: #fff;
}
header{
    margin: 0 auto;
	text-align:center;
	
}
.h2_title {
    color: #fff;
	text-shadow: 1px 2px 3px #800;
	font-weight:500;
	padding-bottom:5px;
    border-bottom: solid 2px #B90003;
    clear: both;
}
.p_detail{
	font-weight: 200;
    text-indent: 1em;
	text-justify:auto;	
}
hr {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(150, 19, 0, 0.79), rgba(0, 0, 0, 0));
}
.h-line  {width: 100%;min-height: 60px;border-left: 1px solid #000;padding:0px;background-color:#00C41C;color:#fff;text-align: center;
    font-size: 2.75em;
    font-weight: 500;}
.h-phone  {width: 100%;min-height: 60px;border-left: 1px solid #000;padding:0px;background-color:#3B5998;color:#fff;font-size: 2.75em;
    font-weight: 500;}

.bnt_more{
	background-color: #b10000;
}
#box-demo img{
 border:rgba(251, 251, 251, 0.21) 1px solid;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;	
}

.quadrat {
  -webkit-animation: NAME-YOUR-ANIMATION 0.5s steps(5) infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 0.5s steps(5) infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 0.5s steps(5)  infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 0.5s steps(5) infinite;  /* IE 10+, Fx 29+ */
}
.quadrat:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #db000b;
	margin-left: -10px;
}
.quadrat::before {
    background-image: url(../../../www.royal89.com/wp-content/themes/royal89/images/ico-new.png);
    background-repeat: no-repeat;
    border-radius: 3px;
    content: "";
    height: 19px;
    line-height: 13px;
    position: absolute;
    right: -5px;
    top: -12px;
    width: 30px;
}
@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background: -moz-linear-gradient(90deg, #000000 0%, #2B2B2B 50%, #000000 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(50%, #2B2B2B), color-stop(100%, #000000)); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #000000 0%, #2B2B2B 50%, #000000 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #000000 0%, #2B2B2B 50%, #000000 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, #000000 0%, #2B2B2B 50%, #000000 100%); /* ie10+ */
background: linear-gradient(0deg, #000000 0%, #2B2B2B 50%, #000000 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
  }
  50%, 100% {
    color: #fff;

	background: -moz-linear-gradient(90deg, #330000 0%, #B50000 50%, #330000 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #330000), color-stop(50%, #B50000), color-stop(100%, #330000)); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #330000 0%, #B50000 50%, #330000 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #330000 0%, #B50000 50%, #330000 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, #330000 0%, #B50000 50%, #330000 100%); /* ie10+ */
background: linear-gradient(0deg, #330000 0%, #B50000 50%, #330000 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#330000', endColorstr='#330000',GradientType=0 ); /* ie6-9 */
  }
}




@media (min-width: 0) {
  #logo-pc{display:none;}
  #topbar{display:none;}
  #navMobile{display:block;}
  #navPC{display:none;}
  #wrapper.boxed-all {
	width:100%;
    margin: 0 auto;
	margin-top:124px;
  }
  .amazingslider-nav-1{display:none !important;}
  h2{font-size:16px;}
  #pc-footer{display:none;}
}

@media (min-width: 992px) {
  .p_detail{
	font-size:18px; 
  }
  #logo-pc{
	  display:block;
  }
  #topbar{display:block;}
  #navMobile{display:none;}
  #navPC{display:block;}
  #wrapper.boxed-all {
	width: 1170px;
    margin: 0 auto;
  }
  .amazingslider-nav-1{display:block !important;;}
  #pc-footer{display:block;}
  h2{font-size:26px;}
}