@charset "utf-8";
/* CSS Document */
a{color:#fff; font-weight:500;}
a:hover {transition: color 0.5s ease-out 0s; text-decoration:none; color:#20201f;}
li{list-style:none;}
body {font-family: 'Raleway', sans-serif; }
#header {border-top: 3px solid rgb(58, 112, 200); height: 110px; left: 0; position: absolute; top: 0; width: 100%; z-index: 24;}
#mainWrapper {width:100%;	height:auto;	}
.slider {   width:100%;   height:auto;   float:left;  position:relative;  height:auto; }
.flexslider ul > li > .caption{ width:100%; position:absolute;   left:0px;   top:200px; }
.flexslider ul > li > .caption > span{font-weight:200;  font-size:50px; line-height:88%; color:#fff; width:1000px; margin:0px auto; display:block; text-align:left; font-family: 'Raleway', sans-serif;}
.flexslider ul > li > .caption > span > span{font-weight:200;font-size:22px;}
#nav {position:absolute; top:60px; right:0px; height:auto; 	border-top:1px dotted #fff;	border-bottom:1px dotted #fff;	font-size:15px;	font-weight:600;	text-transform:uppercase;	z-index:9;}
#nav ul  li {
    float: left;
    padding:0px 00px; 
   
}          

#nav ul  li.aboutli {position:relative;}

 .nav_text  li a{font-size:18px; font-weight:600; padding:20px 20px; display:inline-block; color:#fff;}
 .nav_text  li a:hover{color:#3469c1}
.nav_text .homep a {padding-left:0px !important}
.nav_text .contactp a {padding-right:0px !important}
.nav_text li.active a {color:#3469c1;}


#nav .dropmenuvancouver{ display:none;}
#nav .dropmenuvictoria{ display:none;}
#nav .dropmenunanaimo{display:none;}
#nav .hotelsub_menu{ background:rgba(0,0,0,0.8); padding:20px 0px;  position: absolute;top: 63px; height:190px; display:none; right:0px; width:720px;}
#nav .hotelsub_menu li{  position:relative;}
#nav .hotelsub_menu li a{ color:#fff; text-transform:uppercase;   padding: 10px 20px!important; }
#nav .hotelsub_menu li a:hover{ color:#3469c1 !important;}
#nav .alberta_submenu { float: left;height: 190px;left:100%;padding: 0;position: absolute;top: -20px;width:760px; padding:10px 0px; display:none; }
#nav .alberta_submenu li{ float:left; padding-left:15px; padding-right:0px; }
#nav .alberta_submenu li ul{ padding:0px;}
#nav .alberta_submenu li ul li{ float:none !important; padding:0px;}
#nav .alberta_submenu li ul li a{ font-size:14px; font-weight:normal;}
#nav .medicinemenu{ border-left:1px solid #ccc; width:100%;}
#nav .medicinemenu2{ height:auto;;}
#nav .saskathcan { height:120px;}
#nav .hotelsub_menu li:hover .alberta_submenu{ display:block;}
#nav .nav_text li:hover .hotelsub_menu{ display:block;}
#nav .saskatchewan_menu{ top:-67px; display:none;}
#nav .albertawith .alberta1:hover .alberta_submenu{display:none !important;}

#nav .alberta_submenu.alberta_su11 li a{ color:#fff !important; float: none !important;}
#nav .alberta_submenu.alberta_su11 li.active a{ color:#3469c1 !important;}
#nav .alberta_submenu.saskatchewan_menu li a{ color:#fff;}
#nav .alberta_submenu.saskatchewan_menu li.active a{ color:#3469c1 !important;}
#nav .hotelsub_menu li.active a{ color:#3469c1;}

#nav .hotelsub_menu.about_sub {width:250px; height:70px; left:0px; right:inherit; padding:0px;}

.medicinemenu1{ height:120;}
.albertawith{ width:190px;   float: none !important;}


.header_top.fixed {
    background: #000 none repeat scroll 0 0;
    height: 90px;
    position: fixed;
    top: 0;
    width: 100%;
}

.header_top.fixed .logo img {
    width: 35%;
}

.header_top.fixed .mail, .header_top.fixed .socialicon {display:none}
.header_top.fixed #nav {top:9px}

p {padding-bottom:10px;}
.logo img{padding:0; margin:0; float:left;}
.mail{margin:20px 0px; color:#fff; font-weight:600;}
.mail a{color:#fff;}
.mail a:hover{color:rgb(45, 99, 187); text-decoration:none;}
.socialicon{background:#47698e; border-radius:0px 0px 3px 3px; width:100px; float:right;}
.socialicon a{color:#fff;}
.socialicon ul li{display:inline-block; list-style:none;  width:45%; text-align:center; margin:4px 0px;}
.socialicon ul li a{color:#fff; font-size:30px; }
.icon{padding:0; margin:0;}
.icon li a:hover{color:rgb(247, 147, 46);}
.slidertext {left: 0; margin: auto; position: absolute;  top: 200px; right:0;}
.slidertext span{ line-height:45px; font-size:38px;  font-family: 'Raleway', sans-serif; color:#fff; float:left; text-align:left; 	text-shadow: 1px 1px #000;}
img { max-width: 100%;}
.slides img{position:relative;}
.bookbg{background-color:rgba(0, 0, 0, 0.8);}
h1{color:#47698e; font-size:45px; text-align:left; margin:40px 0px; font-family:'Raleway', sans-serif; font-weight:600;}
.bodytext p{line-height:25px; margin-bottom:30px;}
.discoversection {float: left; position: relative; width: 100%; z-index: 1;}
.discover_vancaver {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: left; width: 100%;}
.hamptoninnslider {background: #4e4d4d; float: left; width: 100%;}
.hamptoninnslider h2 { font-size: 36px; color:#fff; margin:20px auto; text-align: center; font-family:"Raleway",sans-serif; }
.cta_imgtext {position: relative;}
#owl-demo .item {border:1px solid #fff;} 
.ctahover .mask {border:1px solid #fff; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; box-sizing: border-box; height: 100%; opacity: 0; overflow: visible; position: absolute; top: 0; transition: all 0.4s ease-in-out 0s; width: 100%;}
.ctahover:hover .mask {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; cursor: pointer; opacity: 1; overflow: visible;}
.overlap {font-size: 90%; left: 0; margin: auto; padding: 0; position: absolute; right: 0; text-align: center; top:49%; transform: translate(0%, -50%); width: 99%;}
.overlap h2 {color: rgb(255, 255, 255); font-size: 28px; padding: 0;}
.overlap p {color: rgb(255, 255, 255); line-height: 1em; margin:5px  0; text-align: center; font-size:34px;}
.owl-prev{background-color:transparent !important; height:50px !important; top:-64px !important;}
.owl-next{background-color:transparent !important;  height:50px !important; top:-64px !important;}
.owl-carousel{width:530px;}
button {background: rgb(71, 105, 142) none repeat scroll 0 0; border: 0 none; border-radius: 5px; color: rgb(255, 255, 255); font-family: "Raleway",sans-serif; font-weight: bold; letter-spacing: 1px; padding: 18px 35px; font-size:18px; text-transform: uppercase;}
button:hover{background:#f7932e;}
.footerbg{background-color:#47698e; width:100%; float:left; min-height:270px;}
.footermain{margin-top:50px; width:100%;}
.address_section { color: rgb(255, 255, 255); text-align: left; }
.address_section h2 {font-family:"Raleway",sans-serif; font-size:20px; font-weight:bold; margin:0;}
.street-address {font-family: "Raleway",sans-serif; font-size:16px;}
.tel {text-transform:none;}
.adr {line-height: 30px;}
.emailfoter{margin-top:40px;}
.leftsection{background-color:#fb904a; float:left; border-radius:4px 0px 0px 4px; font-size:14px; color:#fff; width:128px; text-align:center; font-family:"Raleway",sans-serif; font-weight:bold; padding:16px 14px;}
.rightsection{width:300px; float:left; }
.rightsection input{border-radius:0px 4px 4px 0px; min-height:52px;}
.sendbtn { background-color: #fb904a; text-align: center; padding: 16px; border-radius: 4px; margin-left: 10px; width: 60px; float: left; cursor:pointer;}
.footeright{text-align:right;}
.footernav{width:100%; }
.footernav ul li{display:inline-block; text-transform:uppercase; padding:0px 20px;}
.footernav ul li:last-child{padding:0px 0px 0 20px;}
.footsocial_icon{width:100%; margin-top:50px;}
.footsocial_icon ul li{display:inline-block; margin-left:20px; }
.privacy{margin-top:60px; width:100%;}
.privacy ul li{display:inline-block; color:#fff; margin-left:10px; font-size:11px; font-weight:bold;}
.booknowa { background: rgba(0, 0, 0, 4) none repeat scroll 0 0; display: block; height: 60px; padding: 15px 0; position: absolute; bottom: 0px; width: 100%; z-index: 1;}
.book_container {color: #000;margin: 0 auto;position: relative; text-align:center;}
.book_container ul li label{color: #1aa7ae;display: block;font-size: 15px;font-weight: bold;margin-bottom: 0;text-transform: uppercase; text-align:left;}
.booktext {color:#fff;text-transform:uppercase;font-size:63px; color:#1aa7ae; line-height:42px;font-weight:400; font-family: 'Raleway', sans-serif; margin-top:15px;}
.book_container ul li input[type=text]{float:left;width:210px;height:auto;text-align:left;margin:0px 0 0 0;background:url(../images/map_icon.html) no-repeat top 7px  right 10px rgba(255, 255, 255, 0.3); color:#666666;font-weight:300;font-size:16px;text-transform:uppercase;border:solid 1px #cccccc;padding:5px 8px;height:auto;line-height:32px; font-family: 'Raleway', sans-serif; background-color:#fff;}
.jquery-selectbox {background: url("../images/select_bg.html") no-repeat  right 10px center rgba(255, 255, 255, 0.3);border:1px solid #ccc;  font-size:15px !important; font-weight:300 !important; float: left;height: auto !important;margin: 0 !important;text-align: left;width: 28px !important;color:#666666 !important;text-transform:uppercase; font-family: 'Raleway', sans-serif;}
.rooms .jquery-selectbox .jquery-selectbox-list { background-color: rgb(255, 255, 255); margin: 33px 0 0 !important; width: 47px !important;}
.booknowa {display: none;height: auto;width: 100%;}       
.book_container ul li {display:inline-block;height: auto;list-style: outside none none; margin-right:9px; border-color:#f7932e;   vertical-align:middle; }
.book_container ul li ul li {width:100%; display:block;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:auto;}
.button_book {  margin-right: 0 !important;}
.book_container ul {margin: 0 auto;padding: 0;} 
.jquery-selectbox{width:25px !important; border:0px; background-color:transparent;}
.jquery-selectbox-currentItem { background: rgba(0, 0, 0, 0) url("../images/selectup_arrow.png") no-repeat scroll right center; padding-left: 0px !important;  text-align: left;  width: 43px;}
.jquery-selectbox { border-right: 1px solid #f7932e;  }
.book_container ul {margin: 0 auto;padding: 0;}
.booktext{ font-size:33px; font-family: 'Ovo', serif; color:#f1f1f1; text-transform:uppercase;}
.book_container ul li input[type="text"] {color:#fff;border:none; background:url("../images/calander_icon.png") no-repeat center right; float: left;font-size: 13px;font-weight: normal; z-index:9;  text-align: left;text-transform: uppercase;width: 133px; }
.chkinOut{ width:147px; border:1px solid #fff; border-radius:0px; position:relative; height:66px; }
.chkinOut .calander_icon{ border-left:1px solid #f7932e; float:left; height:42px; position:absolute; right:0px; padding:15px 20px;}
.rooms{ width:147px; border:1px solid #fff; border-radius:0px; height:66px;}
.button_book{display:block;}
.booktext{ margin-right:58px !important;}
.chkinOut2{ margin-right:0px !important;}
.people_section { color: rgb(255, 255, 255); float: left; padding: 11px 5px; width: 97px; text-align:left;}
.jquery-selectbox .jquery-selectbox-currentItem{height:42px; padding-top:10px !important; color:#fff; }
.button_book button { font-size: 14px; padding: 16px 18px !important;}
.button_book button:hover{background-color:#f7932e;}
.ui-widget-header{background-color:#47698e !important;}
.flex-control-nav {left: 19.5% !important;  width:auto !important; top: 400px; z-index: 8;}
.body_innerbg{background:#f0f0f0; padding:25px 0;}
.leftarea{float:left; margin-top:30px; padding:0;}
.leftarea h2{font-size:30px; margin-bottom:20px; color:#202021; font-weight:normal; font-family: 'Raleway', sans-serif;}
.leftarea > p {line-height: 25px;}
.rightarea{float:right; margin-top:30px;}
.rightarea h2{font-size:30px; margin-bottom:20px; color:#202021; font-weight:normal; font-family: 'Raleway', sans-serif;}
.rightarea > p {line-height: 25px;}
.midpart{padding:25px 0;}
.learnbtn{width:100%; text-align:center; margin:25px 0;}
.owl-prev{z-index:9 !important;}
.owl-next{z-index:9 !important;}
.footeright .footernav li.active a{color: #20201f;}

.bodytext_ul{ width:auto; height:auto; float:left; margin-bottom:0px;}
.bodytext_ul ul{ margin:0; padding:0;}
.bodytext_ul ul li{ list-style-type:disc; }
.bodytext_ul ul li{ line-height: 25px; font-size:14px;}
.bodytext_ul ul li a{ color:#333; font-weight:bold;}
.bodytext_ul ul li a:hover{ color:#fb904a;}

.bodytext_colour{ color:#333333; margin:20px 0;}
.bodytext_colour a{ color:#333333;}
.bodytext_colour a:hover{ color:#fb904a;}
.room_aminities {
    float: left;
    padding: 40px 0 60px;
    width: 100%;
}

.tranceview h2, .room_aminities h2 {
    margin-bottom: 0;
    padding: 20px 0;
    text-align: center;
}
.room_aminities ul {
    padding-left: 0;
    padding-top: 10px;
}

.room_aminities ul li {
    display: block;
    padding: 8px 15px;
    text-transform: uppercase;
}



.hotel .jquery-selectbox {border-right:0px !important; width:100% !important;} 
.hotel .jquery-selectbox-currentItem {width:auto}
.rooms.hotel {
    padding: 0 5px;
    width: 400px;
    position:relative;
}
.rooms.hotel .jquery-selectbox .jquery-selectbox-list {width:100%;}
.hotel .jquery-selectbox .jquery-selectbox-list {width:98% !important; padding:0px 0px 5px !important; box-shadow:0 0 5px #ccc;}
.hotel .jquery-selectbox .jquery-selectbox-item {padding:6px 5px !important;}
.nav_text {padding-left:0px;}
.bodytext a{ color:#000;}
.bodytext a:hover{ color:#2a6496;}
.mapsection{ position:relative;}
.renewed {
    background-color: rgba(236, 228, 211, 0.6);
    box-shadow: 0 0 5px #000;
    left: 80px;
    padding: 20px;
    position: absolute;
    top: 120px;
    width: 600px;
    text-align:left;
}
#mainmenu > button{ float:right;}
.renewed a{ color:#20201f;}
.renewed a:hover{ color:#2a6496;}
.countrye {
  border: 1px solid #f7932e;
  float:left; display:inline-block;
  height: 42px;
  margin-left: 10px;
  margin-top: 10px;
  padding: 8px;
  position: relative;   
  width: 38%;
}

.countrye a {
    cursor: pointer;
    float: left;
    font-weight: normal;
    height: auto;
    width: 100%;
    text-align: left;
}
.countrye a:hover, .countrye a:focus{color:#3469c1;text-decoration:none;}
.pos-absolute.in {
  background: #000000 none repeat scroll 0 0;
  margin: 0 0 0 -9px;
  position: absolute;
  top: 41px;
  width: 100.6%;
}
.menu-ico-collapse {
    float: right;
}


.mobile-footer ul{ padding:0;}
.mobile-footer ul li{ background: #fb904a; font-size:18px; font-weight:bold; color:#fff; text-align:center; padding:15px 0; border-radius:5px; margin:10px 0;}
.mosocil.visible-xs {
    float: left;
    margin-top: 3%;
    text-align: center;
    width: 100%;
}

.mosocil.visible-xs > a {
    margin: 0 5px;
}
.pos-absolute.in{ z-index:999;}
.responsivmenu.open{ z-index:99;}

.bodytext_website .btn{
    background: #47698e;
    color: #fff;
    padding: 10px 20px;
    border: solid 1px #47698e;
    transition: .5s;
}
.bodytext_website .btn:hover{
       background: transparent;
    color: #47698e;
    border: solid 1px #47698e;
}

@media only screen and (max-width: 1366px)
{.flex-control-nav {left: 6.5% !important;  width:auto !important; top: 400px; z-index: 8;}
 .owl-next{ right:0 !important; width:65px !important;}
 .owl-prev{ left:0 !important; width:65px !important;}
    
    }
 @media only screen and (max-width: 1200px)
{ 
    .responsivmenu.open {
    height: 300px;
    overflow: scroll;
}
    #mainmenu > button{ float:none;}
    
    }
 @media only screen and (max-width: 1080px)
{ 
    .rightsection{ width:240px;}
  .flex-control-nav{ top:388px;}
  .footernav ul li:last-child{ padding:0 0 0 15px;}
  }
  
 @media only screen and (max-width: 980px)
{   
  #nav ul  li a{ padding:20px 10px;}
  .slidertext{ top:155px;}
  .slidertext span {
    line-height: 22px;
    font-size: 20px;}
    .flex-control-nav{ top:247px;}
    .overlap p{ font-size:25px;}
    .overlap button{ font-size:16px; padding:7px 10px;}
    .footernav ul li{ padding:0 5px;}
    .leftsection{ padding:16px 0; width:100px; font-size:12px;}
    .form-control{ font-size:12px;}
    .rightsection input{ min-height:49px;}
    .rightsection{ width:206px;}
    .sendbtn{ padding:15px 0; width:43px;}
    .slidertext span {
    font-size: 15px;
    line-height: 16px;
}
.footernav ul li:last-child{ padding:0 0 0 10px;}
#mainmenu > button{ margin-top:5px;}
.slidertext {
    top: 130px;
}
.flex-control-nav {
    top: 323px;
}
.bodytext_colour > h2{ font-size:20px;}
}


@media only screen and (max-width: 767px)
{   
.slidertext{ display:none;}
.flex-control-nav{ left:0% !importnat; top:inherit !important;}
.headerInner{ position:absolute; top:8px; width:100% !important;}
.responsivmenu{ background:#4f585b;}
#header{ height:150px; background:#000; position:relative;}
.overlap p{ margin:0;}
.booking_area{ }
.footeright{ margin-top:15px;}
.footernav ul{ padding-left:0;}
.footeright {
    text-align: left;
}
.countrye{ width:100%;}
.bodytext_ul { width: 100%;}
.bodytext_ul ul li{ list-style-type:none;}
.highslide img{ width:100%;}
.leftarea{ padding:0 15px;}
.nofloat{ float:none !important;}
.emailfoter{display:none;  bottom: 45px; right:0px; left:0px; margin:auto; text-align:center; width:72%; padding:35px; background:#000;
    
    position: absolute;
    z-index: 999;}
.footerbg{ position:relative;}
.countrye{ margin:0 0 15px;}
.mtel{ display:none !important;}
#mainmenu {
    padding: 0 15px;
}
.subscribeclosefloat { float: none !important;}
  .subscribeclose {  background: none; border:none; border-radius: 25px;color: #ffffff !important; display: block; padding: 5px; position: absolute; right: 21px; top: 6px; width: 30px;}
  .subscribeclose:hover{background:none; border:none;}
  .leftsection{ width:24% !important;}
  .rightsection{ width:60% !important;}
  .overlap p {
    font-size: 17px;
}
.overlap button{ font-size:12px;}
.logo {
    position: relative;
    text-align: center;
    z-index: 1;
}
#cssmenu > div{ z-index:999 !important;}
#cssmenu {
    width: auto !important;
}
}


@media only screen and (max-width: 680px)
{   
    #header{ height:150px; background:#000;}
.headerInner { width:100%;}
.header_top.fixed{ height:100px;}
.logo img{ max-width:54%;}
.footernav ul li {
    padding: 0 4px;
}
button{ padding:10px 14px; font-size:12px;}
.owl-prev{ width:35px !important;}
.owl-next{ width:35px !important;}
.room_aminities ul{ padding-top:0; margin-bottom:0;}
h1{ font-size:35px; margin:10px 0;}
.rightsection {
    width: 190px;
}
.rightsection{ width:152px;}
.leftsection{ width:85px;}
.logo img{ width:63%; float:none;}
.logo{ text-align:center;}
.mtel{ position:absolute; top:0px; font-size:33px; left:10px;}
.fa-phone{ color:#fff; }

.booknowa{ background:#212120;}
}

@media only screen and (max-width: 479px)
{   
#header{ height:100px;}
.header_top.fixed {
    height: 68px;
}
h1{ font-size:35px; margin:10px 0;}
.bodytext p{ margin-bottom:0px;}

#mainmenu > button{ float:none;}
.emailfoter{ width:100%; padding:40px 5px;}
  .leftsection{ width:28% !important;}
  .rightsection{ width:52% !important;}
.countrye a{ font-size:12px;}
}