@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&display=swap');
*{margin:0;padding:0;border:0;outline:none;}
label {display: none;}
.title1, .title1 a {font-size:38px;color:#ff7403;text-decoration:none; line-height:40px;  margin-bottom:50px; font-weight:bold; margin-top:10px;}
.ct {text-decoration:none;  text-align:center;}
.subt { font-family: 'Roboto Slab', serif; color:#495057; font-size:19px; line-height:36px;  font-weight:bold;}
.wel { font-family: 'Roboto Slab', serif; color:#222; font-size:32px;}
.wel-c { font-family: 'Roboto Slab', serif; color:#333; font-size:21px;}
.white {color: #fff; font-weight: bold; font-size:30px; line-height:34px; text-transform:uppercase;}
.or, .or a  {font-size:38px;color:#FD7120;text-decoration:none; line-height:26px; font-weight:bold; padding:16px 0 0;}
.title2, .title2 a { text-decoration:none; font-weight:bold; font-size:21px; color:#333; padding:8px 0;}
.title3, .title3 a  {font-size:32px;color:#d41102;text-decoration:none; line-height:40px; margin-bottom:10px; font-weight:bold;}
.title4, .title4 a {font-size:25px; font-weight:normal;color:#666;text-decoration:none; text-align:left;font-family: 'Roboto Slab', serif; margin:10px 0;}
.title5 {text-decoration:none; margin:0 auto; font-weight:bold; font-size:18px; color:#fff; padding:15px 0 5px 0;}
.title5 a { color:#fff; text-decoration:none;}
.title6 {text-decoration:none; margin:0 auto; font-weight:bold; font-size:21px; color:#333; padding:15px 0 2px 0; text-align:center; line-height:34px;}
.grey {text-decoration:none; margin:0 auto; font-weight:bold; font-size:23px; color:#fff;  text-align:center; line-height:34px;  background:#d41102; padding:18px 0;}
body{ background:#fff; font-family: 'Roboto Slab', serif;}
#topbg { margin:0 auto; width:100%; background:#fff;}
#top {width:60%; float:right; margin:16px 0;}
#call {font-size:16px;color:#000;font-weight:600; text-align:left; float:right; margin:6px 20px; letter-spacing:0.02em;} 
#call a{color:#000; text-decoration:none;}
.bk {background-color: #333; border: none; display: block; float: right; color: #fff; font-weight: bold; text-align: center; letter-spacing: 2px; padding:4px 8px;
 font-size:15px; transition: 0.3s; }
.bk a{ color:#fff; text-decoration:none;}
.bk:hover {background-color: #da251c; color:#fff;}
#headbg {margin:0 auto; width:100%; float:none;  position:fixed; z-index:1000; background: linear-gradient(to top, rgba(255,255,255,0.5), rgba(255,255,255,1.2)); }
#head {width:80%; margin:0 auto; padding:0px 20px; }
.logo{ float:left; margin:4px 0;}
#menu {width:86%; margin:0 auto; background:#da251c;}
#slide {margin:0 auto; width:100%;}
#slide img { width:100%;}
.contentmain {width:76%; margin:0 auto;  padding:3% 0; }
 .contentsub {width:80%; margin:0 auto;  padding:5% 0; }
.contentmain p{font-size:16px; color:#424242; font-weight:normal; line-height:30px; text-align:left; }
.contentmain p a, .contentsub p a {color:#d41102; text-decoration:none; font-size:15px;}
.contentsub p {font-size:15px; color:#424242; font-weight:normal; line-height:26px; }
.hotel { float:left; margin-right:10%; width:46%; margin-bottom:20px;}  
.hotel img { width:100%;}
.bg { margin:0 auto; width:100%;background:url(../images/bg.jpg) top center;}
.box1 {width:90%; margin:0 auto; padding:4% 0;}
.ft1 { margin:0 auto; width:128px; margin-top:18px;}
.detail {border: 1px solid #ededed; height:410px; background:#fff;
    box-shadow: 0 3px 30px 0px rgba(0,0,0,.1); width:30%; float:left;  margin:10px 14px;}
.detail p{font-size:15px; color:#5d5d5c; font-weight:normal; line-height:22px; text-align:center; padding:10px 20px 0 20px;}
.orbg { background:url(../images/oregon.jpg) fixed top center; background-size:cover; padding:8% 0;}
.main {width:80%; margin:0 auto; padding:6% 0;}
.prin { float:right; width:46%;}
.prin img { width:100%;}
.printx { float:left; width:46%;}
.printx p{font-size:16px; color:#333; font-weight:normal; line-height:32px; text-align:left; margin:8px 0; border-bottom:1px dotted #ccc; padding:4px 0;}		
.loby { margin:0 auto; width:100%; background:#EFF3F6;  padding:5% 0; }
.lobytx { width:80%; padding:2% 0; margin:0 auto; color: #333; }
.lobytx p {margin: 0 0 10px; font-size:19px; color:#333; font-weight:normal; line-height:28px; text-align:center;}	
.ft { width:46%; padding:10px 0; float:left; margin:14px;}
.ftimg{ width:64px; height:64px; float:left;}
.ftp{font-size:15px; color:#464646; text-align:left; font-weight:normal; float:right; width:84%;}	
.testml { width:100%; margin:0 auto; background:url(../images/guest-reviews.jpg) fixed top center; }
/* testimonials */
.slideshow-container {position: relative;
 background-color: rgba(255,255,255,0.7); font-family: 'Roboto Slab', serif; padding:3% 0;
}

/* Slides */
.mySlides { 
  display: none;
  padding: 30px 80px 60px 80px;
  text-align: center;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer; font-family: 'Roboto Slab', serif;
  position: absolute;
  width: 0;
  margin-top: -30px;
  padding: 16px;
  color: #fff; background:#666;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
    background: #ddd;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic; line-height:28px; font-size:16px; color:#313131;}

.testm {text-decoration: none; color:#363636; font-weight: bold;  font-size:23px; padding:10px 0; }
/* Add a blue color to the author */
.author {color: #da0606;}	
.attr {width:80%; margin:0 auto;  padding:5% 0; }
.atx { float:left; width:46%; font-size:16px; color:#333; text-align:justify; font-weight:normal; line-height:28px;}
.atpic { float:right; width:46%; border-spacing:4px; box-shadow: 1px 2px 8px #333;}
.px { float:right; width:46%; font-size:16px; color:#333; font-weight:normal; text-align:justify;  line-height:28px;}
.pxpic { float:left; width:46%; border-spacing:4px; box-shadow: 1px 2px 8px #333;}
.atpic img, .pxpic img { width:100%;}
.px a {color:#d41102; font-size:16px; }
.ctfrm { float:left; width:46%; font-size:16px; color:#333; font-weight:normal; line-height:28px;}
.slide-sub { position: relative; float:none; width:100%; margin:0 auto;}
.slide-sub img {width:100%;}
.slide-sub .sltx {
  position: absolute; margin-left:16%; margin-right:16%;
  bottom:20%; text-align:center;
      text-shadow: 5px 5px 7px #333; line-height:54px;
  color: #fff; font-size:32px; font-weight:bold;
  padding:16px 25px;
}	
.view {background-color: #da251c; border: none; display: block; float: left; color: #fff; font-weight: normal; text-align: center; padding:6px 14px; letter-spacing:1px;
 font-size:16px; transition: 0.3s; margin-top:24px; border-radius:6px; }
.view a{ color:#fff; text-decoration:none;}
.view:hover {background-color: #333; color:#fff;}

.more { float: none; color: #da251c; font-weight: bold; text-align: center; 
 font-size:16px; transition: 0.3s; margin-top:12PX;}
.more a{ color:#da251c; text-decoration:none;}
.more a:hover { color:#333;}

#team {width:100%; margin:0 auto; background: url(../images/team.jpg) fixed; padding:1% 0; background-size:cover;}
.teamtx {background: rgba(255,255,255,.9); color:#333; padding:2% 3%;}
#footbg { width:100%; background:#1D1D1D; padding:2% 0;}
#footer  {width:86%; margin:0 auto;  line-height:26px; color:#fff;}
#footer p{ font-size:13px; color:#f5f5f5; font-weight:normal;}
#footer p a{text-decoration:none; color:#f5f5f5;}
.footer-col {float:left; width:26%; text-align:left; padding:15px 0px; font-size:13px; font-weight:normal; margin-right:25px;}

.footer-co {float:left; width:20%; padding:15px 0px;  margin-right:22px;}
.footer-co ul { float:left; width:96%; margin-left:2px;}
.footer-co ul li{line-height:28px; list-style:none; }
.footer-co ul li a{ font-size:13px; font-weight:normal; text-decoration:none; color:#fff; padding-bottom:4px; border-bottom:solid 1px #474646;}
.footer-co ul li a:hover { color:#ccc; }

.smo{ width:200px; float:left; margin-top:8px;}
.social-icon{float:left; padding:2px 5px; width:32px;}
#lastbg { width:100%;  background:#333;}
.last  {width:86%; margin:0 auto; padding:1% 0%; line-height:30px; color:#ededed;}
.last p, p a {line-height:28px; font-size:12px;  color:#ededed; text-decoration:none; font-weight:200; text-align:center;}

hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
hr {margin: 3% 0;}
.fq{text-align:left; text-decoration: none; color: #021047; font-weight:bold;  font-size:17px;  line-height:34px; margin-top:6px; list-style:none;}
.fqa{font-size:15px; color:#424242; font-weight:normal; line-height:28px; text-align:left;}
.fqa a{font-size:15px; color:#FD7120; text-decoration:none;}
.event{border: 0px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 96%;}
.event iframe{border: 0px none; margin-left: 0px; height:1200px; margin-top:-480px; margin-bottom:-220px; width: 100%;}

#w2b-StoTop{display: block;position: fixed;top:90%;padding: 10px; color:#fff; font-size:13px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#da251c;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:13px;}
.key {width:30%; padding:10px 0; float:left; margin:0px 10px; background:#fff; height:450px;}
.key ul {margin:0 auto; text-align:center; width:90%;}
.key ul li { line-height:28px; padding:8px 0;  text-align:center; list-style:none;}
.ky { margin:0 auto; width:64px; margin-top:18px;}










.cc_dialog.simple {
left: 0 !important;
top: auto;
bottom: 0;
right: auto !important;
max-width: 87% !important;
position: fixed;
}
.ada { width:96%; margin:0 auto; padding:12px 2%; text-align:center; color:#fff; background:#666; font-size:17px; line-height:28px;}
.ada a { color:#fff; text-decoration:none;}

a.toggleLink { 
font : normal 14px; 
color : #E26811; border:#fed30c solid 1px;
text-decoration : none;
float:left; margin:12px 0; clear:both;
padding:2px 12px;
} 

.vid { float:right; width:46%; border-spacing:4px; border:solid 4px #bababa; position: relative;    height: 0;
    padding-bottom:30%; }
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }
.boxpic { float:right; width:40%; border-spacing:4px; border:solid 4px #bababa; margin:6px 0 6px 8%;}
  .box1pic { float:left; width:40%; border-spacing:4px; border:solid 4px #bababa; margin:6px 8% 6px 0;}
.boxpic img, .box1pic img { width:100%; }

hr.new1 {
  border-top: 1px solid #ccc; margin:4% 0;
}

.deatil {float:left; width:40%; margin:2% 3%; padding:6px; border:solid 1px #d1d1d1; }
.pic {width:100%; margin:0 auto;}
.pic img { width:100%;}
.deatil p{ font-size:15px; line-height:24px; font-weight:normal; color:#000;}
.portitle { background:#333; color:#FFF; font-size:15px; font-weight:normal;}
.portitle a {color:#FFF; text-decoration:none; padding:10px 10px; font-size:15px; line-height:32px; }
#form {width:54%; float:left; color:#454545; margin-top:15px;  }
.txbg { margin:0 auto; width:100%; margin:18px 0; clear:both;}
.tex{ width:20%; float:left;  color:#454545; font-size:15px;}
.area{ width:70%; float:left;}
.textarea{ width:98%; float:right; margin:15px 20px 15px 0; }
.message{font-size:12px; border-radius:6px;
width:100%; padding:8px;
border: 1px double #cecece;
overflow:hidden; background:#efefef;
margin:0 auto;
color:#333; font-family: 'Roboto Slab', serif;}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#da251c; border:none; color:#fff; font-size: 14px; font-family: 'Roboto Slab', serif; padding:9px 36px; font-weight:bold; border-radius:6px; }
::-webkit-input-placeholder {
   color: #333333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333333;  
}

:-ms-input-placeholder {  
   color: #333333;  
}
label { display:none;}


/*poertfolio */

.row {
  margin: 10px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 30%;
  display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: white; border-spacing: 4px;
    box-shadow: 1px 2px 8px #333;
  padding:6px; margin:15px 20px;
}

.content p { text-align:center; line-height:34px; font-weight:bold; font-size:15px;}
.content p a { color:#000; font-weight:bold;}
/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none; font-family: 'Roboto Slab', serif;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}
.blur {
  -webkit-filter: blur(2px); /* Safari 6.0 - 9.0 */
  filter: blur(2px);
}