@import url("https://fonts.googleapis.com/css?family=Raleway");
@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url("https://fonts.googleapis.com/css?family=Lato:700,400,300");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:600,400");
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:600,500,400,300i,500i|PT+Sans");  @import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,800"); @import url("https://fonts.googleapis.com/css?family=Merriweather:300italic");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans|Poppins:300,400");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500");
@import url("https://fonts.googleapis.com/css?family=Kaushan+Script|Merienda:400,700"); .admin-bar .row.dmbs-top-menu {
top: 30px;
}
.admin-bar .row.dmbs-content {
margin-top: 57px;
}  .tour_summary_box {
background: #efefef none repeat scroll 0 0;
float: right;
margin: -60px 0 0 20px;
padding: 0 20px 10px;
width: 300px;
}
h2.book_btn {
background: #ca362c none repeat scroll 0 0;
border: medium none;
color: #fff;
font-size: 24px;
margin: 0 -20px 20px;
padding: 20px 10px;
text-transform: none;
}
.book_btn > a {
color:  #fff;
text-decoration: none;
}
.book_now_btn {
background: #ca362c none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 20px;
font-weight: 500;
margin: 10px 0;
padding: 5px 10px;
width: auto;
}
a.book_now_btn:hover{
background: #FF0000;
text-decoration: none;
color: #fff
}
h2.book_btn::before {
content: "\f067";
font-family: FontAwesome;
font-size: 20px;
margin: 0 10px;
}
ul.tour_summary_list{
padding: 0;
margin: 0
}
ul.tour_summary_list li {
line-height: 140%;
list-style: outside none none;
margin: 0 0 20px;
}
ul.tour_summary_list li::before {
color: #ca362c;
font-family: FontAwesome;
font-size: 24px;
vertical-align: bottom;
margin-right: 10px;
}
li.price {
font-size: 24px;
line-height: 65% !important;
}
li.price .price_note{
font-size: 14px
}
li.price::before {
content: "\f02b"; }
li.operator::before {
content: "\f007";
}
li.destination::before {
content: "\f041";
}
li.tour_date::before {
content: "\f073";
}
li.tour_time::before {
content: "\f017";
}
li.stars::before {
content: "\f005";
}
@media (max-width: 800px) {
img.size-full{
width: 100% !important;
height: auto;
}
.wp-caption{
width: auto !important;
}
}
@media (max-width: 480px) {
.tour_summary_box {
float: none;
margin: 0 0 20px;
}
} body{
padding: 0;
margin: 0;
color: #333;
font-family: "PT Sans","Open Sans",Verdana;
font-size: 16px;
line-height: 150%
}
.responsive{
display: none;
}
h1{
margin: 10px 0;
color: #CE1126;
font-family: "Nunito Sans","Fira Sans",Roboto,"Open Sans",Verdana;
font-size: 24px;
}
h2 {
margin: 25px 0 10px;
text-transform: none;
border: none;
color: #ce1124;
font-size: 20px;
font-family: "Fira Sans";
font-weight: 600;
padding: 0;
}
h2.eyecatcher {
color: #ca362c;
font-family: "Dancing Script",Verdana,Geneva,sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 110%;
margin: 5px 0 10px;
text-shadow: 0.1em 0.1em 0.2em #ccc;
}
li{
line-height: 200%;
}
h3{
font-size: 20px;
}
.row{
margin: 0;
}
.row.dmbs-top-menu .container {
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 5px;
display: inline-block;
}
.wp-caption-text {
font-size: 12px;
font-style: italic;
text-align: center;
color: #777
}
.row.dmbs-top-menu {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ca362c;
margin: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.row.dmbs-content{
margin: 27px 0 0 0;
}
.page-header {
border-bottom: none;
margin: 20px 0 20px;
padding-bottom: 9px;
}
.col-md-12.dmbs-main{
padding: 0;
}
.container{
width: auto;
} #header{
height: 50px;
} #masthead {
position: fixed;
top: 0;
left: 0;
height: 46px;
padding: 2px 0;
width: 100%;
background: #fff;
z-index: 1000;
border-bottom: 1px solid #ca362C
}
#masthead a {
text-decoration: none;
}
#menu_btn{
display: none;
}
div.dtnt_subscribe > div > div{
display: inline-block;
margin-left: 10px;
}
#dtnt_logo {
background: rgba(0, 0, 0, 0) url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) no-repeat scroll -135px -442px;
float: left;
height: 44px;
margin: 0 50px 0 10px;
vertical-align: top;
width: 170px;
}
#masthead_left {
display: inline-block;
width: auto;
}
#masthead_right {
display: inline-block;
float: right;
margin: 5px 0 0;
overflow: hidden;
right: 5px;
width: 140px;
text-align: right;
}
.menu_container{
float: right;
display: block;
}
.nav li{
font-weight: 600;
text-transform: uppercase
}
.nav li > a {
color: #555;
text-decoration: none;
}
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li:hover > a,
.nav > l:focus > a{
background: #f2f2f2;
color: #ca362c;
}
.navbar-nav > li.current-menu-item a{
color: #CA362C
}
.navbar {
margin-bottom: 0;
} .nav > li {
position: inherit;
display: inline-block;
font-family: "Open Sans",Lato, Roboto,Verdana;
font-size: 15px;
}
.nav li:hover .sub-menu{
display:block
}
.sub-menu {
background: #f2f2f2 none repeat scroll 0 0;
border-bottom: 1px solid #ca362c;
border-top: 1px solid #ccc;
display: none;
left: 0;
padding: 20px;
position: absolute;
width: 100%;
}
.sub-menu > li {
font-weight: 400;
list-style: outside none none;
text-transform: none;
line-height: 200%;
}
.sub-menu > li.culture_heritage > a::before {
content: "\E84F";
font-family: "Material Icons";
font-size: 22px;
margin: 10px 10px 0 0;
padding-top: 10px;
vertical-align: top;
}
.sub-menu > li.culture_heritage > a, .sub-menu > li.culture_heritage > a:visited {
color: #ca362c !important;
}
.sub-menu > li.eco_adventure > a, .sub-menu > li.eco_adventure > a:visited{
color: #006600 !important;
}
.sub-menu > li.eco_adventure > a::before {
content: "\f06c";
font-family: "FontAwesome";
font-size: 22px;
margin: 10px 10px 0 0;
padding-top: 10px;
vertical-align: top;
}
.sub-menu > li.fun_sun > a, .sub-menu > li.fun_sun > a:visited{
color: #FF9900 !important;
}
.sub-menu > li.fun_sun > a::before {
content: "\E430";
font-family: "Material Icons";
font-size: 24px;
margin: 10px 10px 0 0;
padding-top: 10px;
vertical-align: top;
}
.sub-menu > li.menu-item-has-children {
display: inline-block;
font-weight: 600;
margin: 0 40px;
text-transform: uppercase;
vertical-align: top;
}
.sub-menu .menu-item-has-children li {
font-weight: 400;
line-height: 200%;
}
.sub-menu .menu-item-has-children li:hover > a,
.sub-menu .menu-item-has-children:hover > a{
color: #ca362c
}
.sub-menu .sub-menu {
border: medium none;
margin-left: 0;
padding: 0;
position: relative;
}
.menu_photo {
position: relative; display: block
}
.menu_photo > img {
position: relative;
width: 100%;
border:2px solid #fc0
}
.menu_photo > img:hover{
opacity: 0.9;
}
.menu_photo_title {
background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 0, 0, 0), #333333) repeat scroll 0 0;
bottom: 0;
color: #fff;
display: block;
font-size: 16px;
font-weight: 600;
line-height: 130%;
margin: 10px 15px 0 0;
padding: 0 10px 10px;
position: absolute;
text-shadow: 1px 1px 1px #333;
width: auto;
} #itinerary_panel{
background: #fff;
overflow: auto;
}
.em{
color: #ca362c
}
.caps{
text-transform:uppercase
}
#mydtnt{
width: 40px;
height: 44px;
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) -260px -561px no-repeat;
display: inline-block;
border-right: 1px solid #eee;
vertical-align: top;
cursor: pointer
}
#mydtnt #mydtnt_number {
color: #fff;
font-family: "Open Sans","Segoe UI",Verdana,Geneva,sans-serif;
font-size: 14px;
font-weight: 600;
margin: 8px 0 0 10px;
position: absolute;
text-align: center;
width: 30px;
}
#dtnt_search {
display: inline-block;
vertical-align: inherit;
cursor: pointer;
margin: 0 5px;
}
#dtnt_search::before {
font-family: FontAwesome;
font-size: 20px;
color: #bbb;
content: "\f002";
}
.view_cart::before {
font-family: FontAwesome;
color: #ccc;
font-size: 22px;
content: "\f07a";
vertical-align: top;
padding: 0 13px 0 0;
}
#search_panel {
background: #f5f1eb none repeat scroll 0 0;
border: 10px solid #ca362c;
left: 0;
opacity: 0;
}
.search_panel_inner {
padding: 0 20px;
}
#dtnt_search_results_panel {
margin: 10px 0 0;
overflow: auto;
}
.close_panel_con {
position: absolute;
right: 10px;
text-align: right;
top: 10px;
width: 40px;
z-index: 100;
}
.close_panel_btn.search{
cursor: pointer
}
.close_panel_btn::before {
font-family: FontAwesome;
font-size: 2.0em;
margin: 0 5px 0 0;
vertical-align: top;
color: #777;
content: "\f00d";
cursor: pointer
}
#dtnt_search_input {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: transparent none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #ccc;
border-image: none;
border-style: none none solid;
border-width: medium medium 1px;
color: #999;
font-family: "Open Sans","Segoe UI","Myriad Pro",Arial,Verdana,Geneva,sans-serif;
font-size: 30px;
margin: 40px 0 0;
padding-bottom: 5px;
width: 100%;
}
#dtnt_search_input::before {
font-family: FontAwesome;
font-size: 3.0em;
margin: 0 5px 0 0;
vertical-align: top;
color: #ccc;
content: "\f002";
}
.post_title a {
color: #ca362c;
font-size: 18px;
}
.search_result_item {
background: #fff none repeat scroll 0 0;
display: inline-block;
float: none;
margin: 0 40px 20px 0;
padding: 20px;
vertical-align: top;
}
.search_result_item .post_img img {
height: auto;
width: 100%;
}
.search_result_item a:hover div{
text-decoration: none;
}
#util_menu_mytrip {
cursor: pointer;
display: inline-block;
height: 18px;
margin-top: 7px;
vertical-align: initial;
}
#util_menu_mytrip::before {
font-family: FontAwesome;
width: 20px;
content: "\f0f2";
color: #bbb;
margin-right: 10px;
}
#util_menu_mytrip .trip_count {
background: #fc0 none repeat scroll 0 0;
border-radius: 15px;
color: #333;
font-family: sans-serif,Lato,"Open Sans","Segoe UI",Vedana,Geneva;
font-size: 12px;
font-weight: 900;
height: 20px;
margin: -30px 0 0px 10px;
position: absolute;
text-align: center;
width: 20px;
}
.view_cart {
border-right: 1px solid #eee;
display: inline-block;
padding: 0;
vertical-align: inherit;
}
.view_cart::before {
font-family: FontAwesome;
color: #ccc;
font-size: 22px;
content: "\f07a";
vertical-align: top;
padding: 0 13px 0 0;
}
#dtnt_user {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
cursor: pointer;
display: inline-block;
height: 28px;
vertical-align: inherit;
padding: 0 5px;
margin-left: 3px;
} .material-icons.user {
padding: 0;
margin: 0;
width: 22px;
vertical-align: text-bottom;
color: #BBB;
}
.material-icons.loggedin {
padding: 0;
margin: 0;
width: 22px;
vertical-align: text-bottom;
color: #f90;
}
#dtnt_user_menu {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #fff none repeat scroll 0 0;
border-color: #f90 #ccc #ccc;
border-image: none;
border-style: solid;
border-width: 3px 1px 1px;
display: none;
margin-top: 18px;
padding: 0 20px 8px;
position: absolute;
right: 40px;
text-align: left;
width: auto;
z-index: 1000;
}
#dtnt_user_menu::before {
border-bottom: 10px solid #f90;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: "";
height: 10px;
margin-top: -13px;
position: absolute;
right: 10px;
width: 20px;
}
#dtnt_user_menu h2 {
border-left: none;
clear: both;
color: #333;
font-family: "Montserrat";
font-size: 16px;
margin: 10px 0 10px;
padding: 0 0 0 5px;
text-transform: uppercase;
}
#dtnt_user_menu ol {
margin: 0;
padding: 0 0 0 20px;
}
#dtnt_user_menu ul{
margin: 0;
padding: 0
}
#dtnt_user_menu ul li {
border-bottom: 1px solid #ccc;
font-family: Roboto,"Open Sans",Verdana;
font-size: 13px;
font-weight: 300;
list-style: outside none none;
margin: 5px 0 0;
padding: 5px 5px 10px;
}
#dtnt_user_menu ul li:last-child{
border-bottom: none
}
#dtnt_user_menu .button-primary{
background: #ca362c none repeat scroll 0 0;
border: 2px solid #ca362c;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 20px;
margin: 0 10px 0 0;
padding: 5px 15px;
position: relative;
text-transform: uppercase;
transition: background-color 0.2s ease 0s;
vertical-align: top;
width: auto;
}
#dtnt_user_menu label[for=user_login],#dtnt_user_menu label[for=user_pass]{
width: 70px
}
#dtnt_user_menu label{
font-weight: 500;
}
.note {
color: #999;
font-family: Montserrat;
font-size: 0.9em;
font-style: italic;
}
.em {
color: #ca362c;
font-family: open sans;
font-weight: 600;
}
.ucase {
text-transform: uppercase;
}
.centre {
text-align: center;
}
.wp-social-login-connect-with{
color: #ca362c;
font-family: open sans;
font-weight: 600;
text-transform: uppercase;
}
#dtnt_user_menu ul li:hover {
background: #eee
}
.navbar-toggle .icon-bar {
background: #333 none repeat scroll 0 0;
} #dtnt_content_main {
border-right: 8px solid #ccc;
display: block;
margin-top: 0;
position: relative;
width: auto;
background: #fff
} #slider_con{
padding: 0;
}
.caption-wrap {
bottom: 30% !important;
color: white;
display: block;
font-family: Roboto;
font-size: 48px;
font-weight: 300;
left: 50px !important;
line-height: 1.2em;
margin: 0;
position: absolute;
text-shadow: 1px 1px #000;
width: 40% !important;
opacity: 1 !important;
}
.slides li:nth-child(1) .caption-wrap {
background: rgba(51, 106, 160, 0.5) !important;
}
.slides li:nth-child(2) .caption-wrap {
background: rgba(75, 117, 95, 0.5) !important;
}
.slides li:nth-child(3) .caption-wrap {
background: rgba(148, 158, 190, 0.5) !important;
}
.metaslider .flexslider {
margin: 0 !important
}
.slider_cta {
background: #ca362c none repeat scroll 0 0;
font-family: Ubuntu;
font-size: 16px;
line-height: 24px;
padding: 5px 10px;
position: absolute;
text-transform: uppercase;
cursor: pointer;
margin-top: 20px;
text-shadow: none
}
.flex-direction-nav .flex-next {
right: 0 !important;
} .destination_header {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.destination_main.col-md-9 {
padding-right: 30px;
}
.destination_header_title {
display: inline-block;
margin-top: 10px;
}
.destination_content h1 {
font-size: 36px;
font-weight: 800;
display: inline-block;
margin-top: -8px;
}
.destination_location{
font-size: 16px;
color: #444;
font-weight: 400;
font-family: "Nunito Sans";
}
.destination_menu_con{
border-bottom: 1px solid #ccc;
padding: 15px 0 5px;
}
.destination_menu{
display: inline-block;
}
.destination_menu_item{
display: inline-block;
width: auto;
font-family: "Nunito Sans", Lato, "Open Sans";
font-size: 16px;
color: #333;
vertical-align: top;
cursor: pointer;
padding-bottom: 10px
}
div.destination_menu div:last-child{
margin-right: 0;
}
.destination_menu_item::before {
font-family: FontAwesome;
font-size: 1.0em;
margin: 0 5px 0 0;
vertical-align: top;
color: #3C394D
}
.destination_menu_item.photos::before {
content: "\f03e";
}
.destination_menu_item.map::before {
content: "\f041";
}
.destination_menu_item.reviews::before {
content: "\f005";
}
.destination_menu_item.amenities::before {
content: "\f03a";
}
.destination_menu_item.nearby::before {
content: "\f21d";
}
.social_share {
display: inline-block;
margin-top: -5px;
}
.dtnt_short_description {
color: #ca362c;
font-family: "Fira Sans","Open Sans",Lato,Raleway;
font-size: 20px;
font-weight: 300;
line-height: 150%;
margin: 10px 0 20px;
padding: 0;
font-style:italic;
}
.dtnt_btn {
color: #666666;
cursor: pointer;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px; border: 1px solid #999;
padding: 8px 15px;
margin: 0 10px 0 0;
display: inline-block;
transition: border-color 0.2s ease 0s;
transition: color 0.2s ease 0s;
vertical-align: top;
width: auto;
position: relative;
}
.dtnt_btn:hover{
border-color: #ff9900;
color: #ff9900;
}
.dtnt_btn.cta {
background: #ff9900;
color: #ffffff;
border: none
}
.dtnt_btn.cta_link {
background: #ff9900;
color: #ffffff;
border: none;
padding: 0;
}
.dtnt_btn.cta_link a {
color: #fff;
display: block;
padding: 8px 15px;
text-decoration: none
}
#destination_details {
margin-top: 20px;
padding-top: 20px;
}
#destination_details h2, .destination_sidebar h2 {
margin: 25px 0 10px;
text-transform: none;
border: none;
color: #ce1124;
font-size: 20px;
font-family: "Fira Sans";
font-weight: 600;
padding: 0;
}
.destination_content h2 {
border-top: 1px solid #ddd !important ;
padding-top: 20px !important;
}
#destination_details h2:first-child {
margin: 0 0 10px;
}
.destination_sidebar h2 {
border: none !important ;
padding: 0 !important ;
}
.check_availability_con {
width: 100%;
border: 1px solid #ccc;
padding: 10px;
margin-top: -80px;
background: #fff;
}
.dtnt_accommodation-template-default .check_availability_con {
display: none;
}
.destination_price_con {
font-family: "Nunito Sans","Fira Sans";
font-size: 24px;
color: #444;
font-weight: 600;
border-bottom: 1px solid #ff9900;
padding-bottom: 10px;
margin-bottom: 10px;
}
.destination_price_con .from, .destination_price_con .unit {
font-family: "Nunito Sans","Fira Sans";
font-size: 14px;
color: #777777;
text-transform: none;
font-weight: 400;
}
.destination_price_con .unit {
font-weight: 600;
}
.check_availability_form .dtnt_btn {
margin: 0 auto 10px;
position: relative;
width: 100%;
text-align: center;
}
p.blog_intro {
font-weight: 300;
font-family: "Noto Sans KR", "Poppins", "Noto Sans", Lato, "Segoe UI";
line-height: 1.5;
margin-bottom: 4.2rem;
font-size: 2.0rem;
} #welcome {
background: #fff none repeat scroll 0 0;
color: #ca362c;
font-family: "Dancing Script","Open Sans",Ubuntu;
font-size: 38px;
font-weight: 600;
margin: 0;
padding: 20px 0;
text-align: center;
vertical-align: top;
width: auto;
}
#welcome h1 {
color: #ca362c;
font-family: "Dancing Script",Ubuntu;
font-size: 36px;
font-weight: 700;
margin: 10px 0 5px;
text-align: center;
}
#welcome p {
color: #333;
font-size: 24px;
font-weight: 300;
margin-bottom: 0;
} .dtnt_panel1{
border-top: solid 5px #CA362C;
overflow: hidden;
position: relative;
}
.dtnt_panel1 > img{
width: 100%;
height: auto;
}
.dtnt_panel2 > div, .dtnt_panel3 > div{
display: inline-block;
width: 49.8%;
height: auto;
overflow: hidden;
border-top: 5px solid #FFF;
border-bottom: 5px solid #FFF;
position: relative;
font-family: "Montserrat";
}
.dtnt_panel2 > div > img, .dtnt_panel3 > div > img{
width: 100%;
height: auto;
}
div.category_caption {
position: absolute;
width: 44%;
}
.panel_inner img {
width: 100%;
}
.yellow_caption{
background-color: rgba(255,204,0,.7);
color: #045381 !important;
}
.green_caption{
background-color: rgba(75,122,33,.7);
}
.red_caption{
background-color: rgba(202,54,44,.7);
}
.category_description {
color: #fff;
display: inline-block;
font-family: Merriweather,"Alegreya Sans","Montserrat";
font-size: 15px;
font-weight: 400;
line-height: 140%;
padding: 12px;
width: 100%;
}
.category_caption > span.category_title{
display: inline-block;
padding: 10px 10px;
color: #FFF;
font-family: "Montserrat";
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.bubble_category{
position: absolute;
padding: 5px 10px;
display: inline-block;
color: #FFF;
font-size: 16px;
}
.bubble_tip{
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 0;
line-height: 0px;
_border-color: #007bff #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
position: absolute;
top: 100%;
right: 0px;
}
.bubble_category.green_caption > .bubble_tip{
border-color: #4B7A21 transparent transparent transparent;
}
.bubble_category.yellow_caption > .bubble_tip{
border-color: #DDB000 transparent transparent transparent;
}
.bubble_category:before{
display: inline-block;
margin-right: 5px;
content: url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/location-icon-small.png);
vertical-align: middle;
}
.category_caption > span.category_title:before{
display: inline-block;
margin-right: 10px;
content: url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/location-icon.png);
vertical-align: middle;
}
.dtnt_panel1 > div.category_caption{
position: absolute;
} ul.breadcrumbs {
margin: 5px 0 0;
padding: 0;
}
ul.breadcrumbs li {
display: inline-block;
font-size: 12px;
line-height: 130%;
margin: 0 3px;
width: auto;
color: #999;
}
ul.breadcrumbs li a{
color: #999;
}
ul.breadcrumbs li a:hover{
color: #ca362c;
}
ul.breadcrumbs li strong{
font-weight: 400;
color: #999;
} #dtnt_cover_img_panel {
margin-top: 0px;
overflow: hidden;
position: relative;
width: 100%;
border-bottom: 2px solid #CE1124;
margin-bottom: 10px;
}
#cover_image{
cursor: pointer;
}
#dtnt_cover_pullquote_gradient {
background: rgba(0, 0, 0, 0) url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/pullquote_bg.png) repeat-y scroll left center;
position: absolute;
top: 0;
width: 600px;
}
#dtnt_cover_pullquote {
color: #fff;
font-family: Ubuntu,Verdana,Geneva,sans-serif;
font-size: 18px;
font-weight: 300;
left: 60px;
line-height: 150%;
position: absolute;
text-shadow: 0.1em 0.1em 0.2em #555;
top: 50px;
width: 400px;
}
#dtnt_cover_pullquote .explore_more {
background: rgba(202, 54, 44, 1) none repeat scroll 0 0;
border: 2px solid #ca362c;
border-radius: 3px;
cursor: pointer;
display: inline-block;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
height: 28px;
line-height: 26px;
margin-right: 10px;
margin-top: 20px;
padding: 2px 10px;
position: relative;
transition: background-color 0.2s ease 0s;
text-shadow: none;
text-transform: uppercase;
}
#media_note {
background: rgba(202, 54, 44, 1) url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) no-repeat scroll -260px -105px;
border: 2px solid #ca362c;
border-radius: 3px;
cursor: pointer;
display: inline-block;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
height: 28px;
line-height: 26px;
margin-right: 10px;
margin-top: 20px;
padding: 2px 15px 2px 40px;
position: relative;
transition: background-color 0.2s ease 0s;
text-shadow: none;
text-transform: uppercase;
}
#dtnt_cover_pullquote h1 {
font-family: Lato, Montserrat,"Open Sans",Geneva,sans-serif;
font-size: 30px;
font-weight: 300;
left: 60px;
line-height: 110%;
text-transform: uppercase;
top: 100px;
width: 400px;
}
.destination_like {
background: rgba(0, 0, 0, 0) url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) no-repeat scroll -265px -724px;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 500;
height: 40px;
margin-top: 5px;
vertical-align: top;
}
.destination_like .like_num {
display: inline-block;
font-family: "Open Sans",Ubuntu;
font-size: 16px;
margin-right: 5px;
padding-top: 5px;
text-align: center;
width: 36px;
}
#pull_quote_cta {
border-top: 1px solid rgba(255, 255, 255, .3);
border-bottom: 1px solid rgba(255, 255, 255, .3);
font-size: 18px;
height: 45px;
}
#dtnt_cover_pullquote .asset_category a::before {
border-bottom: 10px solid transparent;
border-right: 8px solid #767676;
border-top: 10px solid transparent;
content: "";
height: 0;
left: -8px;
position: absolute;
top: 0;
width: 0;
}
#dtnt_cover_pullquote .asset_category a::after {
background-color: #fff;
border-radius: 50%;
content: "";
height: 4px;
left: -2px;
position: absolute;
top: 8px;
width: 4px;
}
#dtnt_cover_pullquote .asset_category a {
background-color: #767676;
border-radius: 0 2px 2px 0;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 300;
line-height: 1.27273;
margin: 2px 4px 2px 10px;
padding: 4px 7px;
position: relative;
text-transform: uppercase;
text-decoration: none
}
#dtnt_cover_pullquote .asset_category a:hover::before {
border-right: 8px solid #CA362C;
}
#dtnt_cover_pullquote .asset_category a:hover {
background-color: #CA362C;
}  #dtnt_details {
background: #fff none repeat scroll 0 0;
display: block;
margin: 0;
padding: 0;
position: relative;
right: 0;
top: 0;
vertical-align: top;
width: auto;
z-index: 500;
}
#details_head {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ccc;
padding: 20px 20px 10px;
position: relative;
width: auto;
z-index: 1000;
}
#details_body{
padding:  20px;
position: relative;
background: #f9f9f9
}
#dtnt_details h1 {
color: #ca362c;
display: inline-block;
font-family: Lato,Montserrat,Verdana,Geneva,sans-serif;
font-size: 24px;
font-weight:400;
left: 60px;
line-height: 110%;
margin: 5px 0 0;
text-transform: uppercase;
vertical-align: top;
width: 85%;
}
.dtnt_container {
clear: both;
padding: 20px 0;
}
.wrapper {
max-width: 1350px;
margin: 0 auto;
padding: 0 20px;
}
#teaser .dtnt_short_description{
color: #fff;
border-bottom: none
}
#dtnt_booking_form_con{
position: fixed !important;
z-index: 2000 !important;
top: 0px !important;
right: 0px !important;
bottom: 0px !important;
left: 0px !important;
overflow-y: auto !important;
webkit-transform: translate3d(0,0,0) !important;
background-color: rgba(255, 255, 255, 0.8) !important;
display:none;
}
#dtnt_booking_form {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
margin: auto !important;
max-width: 760px !important;
padding: 64px !important;
width: 100% !important;
background-color: rgba(255, 255, 255, 1) !important;
position: relative;
}
.booking_cancel {
font-family: "Nunito Sans","Fira Sans","Open Sans";
font-size: 40px;
font-weight: 300;
cursor: pointer;
right: 10px;
display: block;
width: 50px;
height: 50px;
color: #999;
position: absolute;
}
#dtnt_booking_form input[type="submit"], #dtnt_booking_form input[type="button"]{
background: #ca362c none repeat scroll 0 0;
border: 2px solid #ca362c;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 20px;
margin: 0 10px 0 0;
padding: 5px 15px;
position: relative;
text-transform: uppercase;
transition: background-color 0.2s ease 0s;
vertical-align: top;
width: auto;
}
#dtnt_booking_form input[type="button"] {
background: #bbb none repeat scroll 0 0;
border-color: #bbb;
color: #333;
}
.booking.dtnt_btn {
margin-bottom: 10px;
}
.destination_like.dtnt_btn::before {
color: #fff;
content: "\f004";
font-family: FontAwesome;
margin-right: 10px;
}
.destination_like.dtnt_btn:hover::before {
font-size: 18px;
margin-right: 8px;
}
.destination_like.dtnt_btn {
height: 34px;
text-transform: none;
}
#overview_con {
background: #fff none repeat scroll 0 0;
}
#overview_txt {
float: left;
font-size: 20px;
font-weight: 100;
line-height: 150%;
width: 65%;
margin-bottom: 20px
}
#photogallery{
background: #fff none repeat scroll 0 0;
border-top: 1px solid #ccc;
}
.content_img{
cursor: pointer
}
.single ul.amenities, ul.amenities {
margin: 0 0 20px;
padding: 0 !important;
}
ul.amenities > li {
font-size: 14px;
list-style: none;
margin: 0;
padding: 0 !important;
font-family: Lato;
}
ul.amenities > li::before {
color: #999;
font-family: FontAwesome;
font-size: 22px;
margin: 0 10px 0 0;
vertical-align: top;
cursor:pointer
}
ul.amenities > li.ac::before{
font-family: "Material Icons";
content: "\eb3b";
}
ul.amenities > li.pool::before{
font-family: "Material Icons";
content: "\EB48";
}
ul.amenities > li.coffee::before{
font-family: "Material Icons";
content: "\E541";
}
ul.amenities > li.wifi::before{
content: "\f1eb";
}
ul.amenities > li.microwave::before{
font-family: "Material Icons";
content: "\E32F";
}
ul.amenities > li.refrigerator::before{
font-family: "Material Icons";
content: "\EB47";
}
ul.amenities > li.tv::before{
font-family: "Material Icons";
content: "\E333";
}
ul.amenities > li.safe::before{
font-family: "Material Icons";
content: "\E897";
}
ul.amenities > li.bar::before{
font-family: "Material Icons";
content: "\E540";
}
ul.amenities > li.breakfast_i::before{
font-family: "Material Icons";
content: "\E561";
}
ul.amenities > li.gym::before{
font-family: "Material Icons";
content: "\EB43";
}
ul.amenities > li.parking::before{
font-family: "Material Icons";
content: "\E54F";
}
ul.amenities > li.restaurant::before{
font-family: "Material Icons";
content: "\E56C";
}
ul.amenities > li.airport_s::before{
font-family: "Material Icons";
content: "\E194";
}
ul.amenities > li.airport::before{
font-family: "Material Icons";
content: "\E53D";
}
ul.amenities > li.business::before{
font-family: "Material Icons";
content: "\EB3F";
}
ul.amenities > li.cafe::before{
font-family: "Material Icons";
content: "\E563";
}
ul.amenities > li.concierge::before{
font-family: "Material Icons";
content: "\EB49";
}
ul.amenities > li.conference::before{
content: "\f080";
}
ul.amenities > li.spa::before{
content: "\EB4C";
font-family: "Material Icons";
}
ul.amenities > li.housekeeping::before{
content: "\f182";
}
ul.amenities > li.toiletries::before{
content: "\f256";
}
ul.amenities > li.iron::before{
content: "\f214"
}
ul.amenities > li.internet::before{
font-family: "Material Icons";
content: "\E8C2";
}
ul.amenities > li.dryer::before{
font-family: "Material Icons";
content: "\E8C3";
}
ul.amenities > li.desk::before{
font-family: "Material Icons";
content: "\E637";
}
ul.amenities > li.golf::before{
font-family: "Material Icons";
content: "\EB45";
}
ul.amenities > li.breakfast::before{
font-family: "Material Icons";
content: "\EB44";
}
ul.amenities > li.breakfast_s::before{
font-family: "Material Icons";
content: "\EB44";
}
ul.amenities > li.fan::before{
content: "\f069";
}
ul.amenities > li.net::before{
content: "\f132"; }
ul.amenities > li.kitchenette::before{
content: "\f0f5";
}
ul.amenities > li.shower::before{
content: "\f2cc";
}
ul.amenities > li.tub::before{
content: "\f2cd";
}
ul.amenities > li.hammock::before{
font-family: "Fira Sans";
content: "H";
}
.amenities_col {
padding: 0;
}
#amenities_con { border-top: 1px solid #ccc;
margin: 30px 0 60px;
padding-top: 20px;
}
.asset_category {
background: #ca362c none repeat scroll 0 0;
color: #fff;
display: table;
font-family: Roboto,Ubuntu,"Open Sans";
font-size: 13px;
font-weight: 600;
margin-bottom: 15px;
padding: 4px 9px;
text-transform: uppercase;
}
.asset_category a{
color: #fff
}
#description_box {
color: #fff;
padding: 0;
vertical-align: top;
}
#book_box {
margin: 0 10px 10px 0;
}
#book_box  h1{
font-family: Roboto, Ubuntu,  "Open Sans";
font-size: 18px;
font-weight: 400;
color: #CA352C;
margin: 0;
width: auto;
}
.price_con {
display: inline-block;
vertical-align: bottom;
margin-bottom: 10px
}
.price_note{
font-family: Roboto, Ubuntu,  "Open Sans";
font-size: 10px;
font-weight: 400;
color: #666666;
}
.price_tag{
font-family: Roboto, Ubuntu,  "Open Sans";
font-size: 18px;
font-weight: 400;
color: #333;
}
#book_box .who_booked_note{
font-family: Raleway, Roboto, Ubuntu,  "Open Sans";
font-size: 11px;
font-weight: 400;
color: #666666
}
.btn_book {
background: #ca362c none repeat scroll 0 0;
border: 2px solid #ca362c;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 600;
height: 28px;
line-height: 20px;
margin: 0 10px 0 0;
padding: 2px 10px;
position: relative;
text-transform: uppercase;
transition: background-color 0.2s ease 0s;
vertical-align: top;
width: 105px;
}
.d101 {
color: #333;
font-family: Roboto,Ubuntu,"Open Sans";
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin: 10px 0;
padding: 10px 0;
}
.d101 .dtnt_label {
color: #ca362c;
font-weight: 500;
text-transform: uppercase;
}
#overview_sidebar{
float: right;
width: 30%;
}
#dtnt_details_key {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
padding-bottom: 10px;
}
.dtnt_details_key_item_con {
display: inline-block;
margin: 0 0 10px;
vertical-align: top;
width: 20%;
}
.dtnt_details_key_item {
float: right;
width: 80%;
}
.dtnt_details_key_icon {
float: left;
position: relative;
width: 20px;
}
.dtnt_details_key_icon::before {
font-family: FontAwesome;
font-size: 24px;
margin: 0 5px 0 0;
vertical-align: top;
color: #ca362c;
}
.dtnt_details_key_label {
color: #777;
display: inline-flex;
font-family: Roboto,Ubuntu;
font-size: 14px;
text-transform: uppercase;
width: inherit;
}
.dtnt_details_key_icon.best::before {
content: "\f274";
}
.dtnt_details_key_icon.location::before {
content: "\f041";
}
.dtnt_details_key_icon.great::before {
content: "\f087";
}
.dtnt_details_key_icon.hours::before {
content: "\f017";
}
.dtnt_details_key_icon.website::before {
content: "\f0c1";
}
.dtnt_details_key_icon.email::before {
content: "\f1fa";
}
.dtnt_details_key_value {
color: #333;
font-family: Roboto,Ubuntu;
font-size: 13px;
line-height: 140%;
}
.contact_info{
font-family: Roboto, Ubuntu;
font-size: 16px;
text-transform: uppercase;
color: #777;
}
.clear{
clear: both
}
#asset_menu_con {
background: #ffcc00 none repeat scroll 0 0;
border-bottom: 1px solid #ccc;
border-top: 4px solid #ca362c;
z-index: 100;
}
#asset_menu_fixed {
left: 0;
position: absolute;
width: 100%;
background: #ffcc00 none repeat scroll 0 0;
border-bottom: 1px solid #ccc;
border-top: 4px solid #ca362c;
z-index: 100;
display: none;
}
#asset_menu{
background: #ffcc00
}
#asset_menu h1 {
border-right: 1px solid #ccc;
display: inline-block;
margin-right: 20px;
padding: 10px 20px 10px 0;
vertical-align: middle;
width: auto;
}
.asset_menu {
display: inline-block;
padding: 10px 5px 0 20px;
width: auto;
vertical-align: middle
}
.asset_menu_item{
display: inline-block;
width: auto;
margin-right: 20px;
font-family: Roboto, Ubuntu;
font-size: 16px;
color: #333;
vertical-align: top;
cursor: pointer;
padding-bottom: 10px
}
div.asset_menu div:last-child{
margin-right: 0;
}
#teaser .asset_menu_item::before {
color: #ca362c;
font-family: FontAwesome;
font-size: 1em;
margin: 0 5px 0 0;
text-shadow: 1px 1px 1px #555;
vertical-align: top;
}
.asset_menu_item::before {
font-family: FontAwesome;
font-size: 1.0em;
margin: 0 5px 0 0;
vertical-align: top;
color: #ca362c
}
.asset_menu_item.photos::before {
content: "\f03e";
}
.asset_menu_item.map::before {
content: "\f041";
}
.asset_menu_item.reviews::before {
content: "\f005";
}
.asset_menu_item.amenities::before {
content: "\f03a";
}
.asset_menu_item.nearby::before {
content: "\f21d";
}
#share_tools {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
height: 145px;
margin-left: -70px;
margin-top: 10px;
position: absolute;
width: 49px;
z-index: 300;
display: none;
}
.share_tools_item {
color: #999;
font-family: FontAwesome;
font-size: 1.4em;
margin: 10px 0 10px 15px;
vertical-align: top;
}
.share_tools_item.fb::before {
content: "\f09a";
}
.share_tools_item.tw::before {
content: "\f099";
}
.share_tools_item.pin::before {
content: "\f231";
}
.share_tools_item.ig::before {
content: "\f16d";
}
#dtnt_asset_content {
font-weight: 300;
line-height: 150%;
margin: 0 60px 10px 20px;
font-size: 16px
}
#dtnt_asset_content h2 {
color: #ca362c;
font-family: Roboto,"Open Sans",Verdana;
font-size: 20px;
font-weight: 300;
margin: 30px 0 10px;
}
.slide_panel {
background: #111 none repeat scroll 0 0;
height: 100%;
left: 100%;
position: fixed; z-index: 1000;
top: 57px !important
}
#similar {
border-top: 3px solid #ccc;
vertical-align: top;
}
.similar_item {
display: inline-block;
margin: 0 20px 10px 0;
vertical-align: top;
width: 22%;
}
.similar_item img {
height: auto;
width: 100%;
}
.similar_title {
color: #ca362c;
font-family: Roboto,"Open Sans",Verdana,Geneva,sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 110%;
margin: 10px 0 5px;
}
.similar_title a{
color: #ca362c;
text-decoration: none;
}
#nearby {
background: #fc0 none repeat scroll 0 0;
padding: 10px 20px;
}
#nearby h3{
color: #fff;
text-shadow: 1px 1px 1px #777;
}
#nearby .destination_like .like_num {
padding-top: 0;
}
.nearby_item {
border: 1px solid transparent;
display: inline-block;
float: none !important;
margin: 0 0 10px;
overflow: hidden;
padding: 10px 20px 0;
vertical-align: top;
}
.nearby_item:hover{
background: rgba(255,255,255,0.2) none repeat scroll 0 0;
}
.nearby_img {
overflow: hidden;
vertical-align: top;
width: 100%;
}
.nearby_img img {
height: auto;
width: 100%;
}
.nearby_title {
color: #fff;
display: inline-block;
font-family: Roboto,Ubuntu,"Open Sans",Verdana,Geneva,sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 130%;
overflow: hidden;
padding: 5px;
text-overflow: ellipsis;
text-shadow: 1px 1px 1px #777;
vertical-align: top;
white-space: nowrap;
width: 100%;
}
.nearby_title a {
color: #333;
padding: 0 2px;
text-decoration: none;
}
.in_page_media_item{
cursor: pointer
}
#nearby .asset_category {
background: #ca362c none repeat scroll 0 0;
color: #fff;
display: table;
font-family: "Open Sans",Ubuntu;
font-size: 13px;
font-weight: 600;
margin-bottom: 15px;
padding: 0 7px;
position: absolute;
text-transform: uppercase;
}
#in_page_list .asset_category_alt {
display: none;
}
#nearby .destination_like {
background: rgba(0, 0, 0, 0) url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) no-repeat scroll -265px -724px;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 500;
height: 40px;
position: absolute;
right: 15px;
vertical-align: middle;
margin-top: 0;
}
#nearby .dtnt_short_description {
border-bottom: medium none;
color: #333;
font-family: Roboto,Ubuntu;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 140%;
max-height: 60px;
overflow: hidden;
position: relative;
}
.dtnt_short_description > p {
margin: 0;
}
.in_page_media_item.w1 {
border: 1px solid #fff;
display: inline-block;
width: 50%;
}
.in_page_media_item.w2 {
width: 100%;
}
.in_page_media_item .more_media_con{
position: absolute;
margin: 0;
background-color: rgba(51,51,51,0.5);
}
.in_page_media_item .more_media{
position: absolute;
color: #fff;
opacity: .7;
font-size: 40px;
margin: 40px 0 0 40px;
display: block
}
#in_page_media_panel {
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
} .page p {
font-size: 16px;
font-weight: 300;
line-height: 170%;
margin: 0 0 20px;
}
p.todo_intro {
font-weight: 300;
font-family: "Noto Sans KR", "Poppins", "Noto Sans", Lato, "Segoe UI";
line-height: 1.5;
margin-bottom: 4.2rem;
font-size: 2.0rem;
}
.page p.wp-caption-text {
font-size: 12px;
font-style: italic;
padding: 4px;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
blockquote {
border-left: 5px solid #eeeeee;
float: right;
font-size: 17.5px;
margin: 10px 0 30px 30px !important;
padding: 0 0 0 20px;
width: 40%;
}
blockquote p {
color: #ca362c !important;
float: right;
font-family: "PT Serif" !important;
font-size: 28px !important;
font-style: italic;
line-height: 130% !important;
}
.toc_item{
float:none;
display: inline-block;
vertical-align: top
}
.toc_item_title {
bottom: 10px;
color: #fff;
font-size: 20px;
line-height: 120%;
padding: 0 10px;
position: absolute;
text-shadow: 1px 1px 1px #333;
}
.toc_item_img{
position: relative
}
.toc_item_img img {
height: auto;
width: 100%;
}
.toc_item_excerpt p{
font-size: 14px;
color: #333;
} #media_panel{
background: #333;
overflow: hidden;
}
.media_img{
position: absolute;
left: 100%;
}
#dtnt_media_caption{
background: #333;
height: 50px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
opacity: 0.8;
color: #fff;
font-family: "Open Sans", "Segoe UI", Verdana, Geneva, sans-serif;
font-size: 11px;
z-index: 100;
}
#dtnt_media_caption .caption_left{
position: absolute;
top: 10px;
left: 10px;
padding-right: 100px;
}
#dtnt_media_caption #media_xofy{
font-style:italic;
display: inline;
margin-right: 5px;
}
#dtnt_media_caption .caption_right{
position: absolute;
top: 8px;
right: 10px;
}
#dtnt_media_caption .content{
display: inline-block;
}
#dtnt_media_caption .content.user{
height: 20px;
vertical-align:middle;
margin: 0 0 0 10px;
font-weight: 600;
}
#dtnt_media_caption .content.user a{
text-decoration: none;
color: #fff;
}
#dtnt_media_caption .content.user a:hover{
text-decoration: none;
color: #CA362C;
}
#dtnt_media_caption .content.fb{
width: 20px;
height: 20px;
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) -42px -765px;
vertical-align:middle;
margin: 0 5px;
}
#dtnt_media_caption .content.fb:hover{
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) -6px -765px;
cursor: pointer;
}
#dtnt_media_caption .content.pin{
width: 20px;
height: 20px;
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) -42px -735px;
vertical-align:middle;
margin: 0 5px;
}
#dtnt_media_caption .content.pin:hover{
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) -6px -735px;
cursor: pointer;
}
#dtnt_media_caption .content.tw{
width: 20px;
height: 20px;
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) -42px -800px;
vertical-align:middle;
margin: 0 5px;
}
#dtnt_media_caption .content.tw:hover{
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) -6px -800px;
cursor: pointer;
}
#media_caption{
font-style:italic;
display: inline
}
.img_credit::before {
color: #bbb;
content: "\E412";
font-family: "Material Icons";
font-size: 16px;
vertical-align: top;
margin-right: 10px;
}
.img_credit {
background: rgba(51, 51, 51, 0.5) none repeat scroll 0 0;
bottom: 0;
color: #fff;
max-width: 50%;
padding: 5px;
position: absolute;
right: 10px;
z-index: 1;
font-size: 12px
}
.img_credit:hover .img_credit_details{
display: block
}
.img_credit_details {
display: none
}
.img_credit a{
color: #fff;
text-decoration: none;
}
.img_credit_details a{
color: #fff;
text-decoration: underline;
}
.img_credit a:hover{
color: #fff;
text-decoration: underline;
}
#photo_credit {
padding: 5px 10px;
position: relative;
}
.photo_credit, .photo_credit_cover{
cursor: pointer;
font-size: 12px;
}
.photo_credit .icon{
display: inline-block;
vertical-align: top;
width: 25px;
height: 17px;
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) -220px -50px;
}
.photo_credit_cover .icon{
display: inline-block;
vertical-align: top;
width: 25px;
height: 17px;
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) -220px -75px;
}
.photo_credit_details {
background: none repeat scroll 0 0 #fff;
position: absolute;
vertical-align: text-bottom;
width: 150px;
color:  #fff;
padding:  5px;
bottom:  0;
z-index: 21;
display: none;
font-size: 12px;
background-color: rgba(51,51,51,0.9);
line-height: 150%
}
.photo_credit_details a{
color: #ca362c !important;
text-decoration: underline !important;
}
.photo_credit_details a:hover{
color: #ca362c;
text-decoration: none
}
.photo_credit_details.closed{
display:none;
}
.credits_close, .photo_credit_close{
text-align: right;
padding: 0 5px;
color: #999;
cursor: pointer
}
#media_prev, #media_next{
position: absolute;
height: 100%;
width: 40%;
cursor: pointer;
z-index: 99;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#media_next{
left: 40%;
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/media_next.png) 95% 50% no-repeat;
opacity: 0;
-webkit-transition:opacity 0.5s; transition:opacity 0.5s;
width: 60%;
}
#media_prev{
left: 0;
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/media_prev.png) 5% 50% no-repeat;
opacity: 0;
-webkit-transition:opacity 0.5s; transition:opacity 0.5s;
}
#media_next:hover{
opacity: 1;
}
#media_prev:hover{
opacity: 1;
}
.media_nav {
}  #map_canvas {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
.infoBox{
background: transparent !important;
}
.infoBox img{
width: 24px;
height: 24px;
position:absolute;
margin-top: -12px;
right: -12px;
z-index: 2000;
}
.dtnt_infobox{
}
.dtnt_infobox_close {
position: absolute;
right: -10px;
background: #fff;
width: 24px;
height: 24px;
cursor:pointer
}
.infobox_body {
font-family: "Open Sans", "Segoe UI", Verdana, Geneva, sans-serif;
padding: 10px;
font-size: 11px;
color: #333;
background: #fff
}
.infobox_body p{
margin: 0;
}
.dtnt_infobox .subcat{
text-transform:uppercase;
font-family: "Open Sans", "Segoe UI", Verdana, Geneva, sans-serif;
color: #777;
font-size: 11px;
font-weight:600
}
h1.infobox{
font-family: "Open Sans", "Segoe UI", Verdana, Geneva, sans-serif;
font-size: 18px;
font-weight: 200;
color: #CA362C !important;
text-shadow: none;
margin: 0 0 5px 0;
line-height: 120%;
}
img.infobox_img{
width: 100% !important;
height: auto !important;
position: relative !important;
right: auto !important;
z-index: 1000 !important
}
img.attachment-thumbnail{
width: 100% !important;
height: auto !important;
position: relative !important;
right: auto !important;
}
.dtnt_infobox .more{
padding: 10px 10px;
background: #CA362C;
color: #fff;
font-size: 14px;
}
.dtnt_infobox .more a{
color: #fff;
font-size: 14px;
text-decoration:none;
font-weight: 200;
} #in_page_map_canvas{
height: 100%;
width: 80%;
margin: 0px;
padding: 0px;
position: relative;
float: right;
}
#in_page_map{
border-top: 1px solid #ccc;
padding: 0;
cursor: pointer
}
#view_map {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
color: #fff;
height: auto;
padding: 5px 10px;
position: absolute;
width: auto;
cursor: pointer
}  .blog_img_half {
float: left;
width: 50% !important;
padding: 0 10px 0 0;
margin: 0; }
.blog_img_half img {
width: 100% !important;
height: auto;
}
#blog_list > h2, #instagram_feed > h2{
margin: 0px;
padding: 10px 0px 10px 50px;
color: #FFF;
background-color: #ca362c;
margin-bottom: 10px;
font-weight: bold;
font-size: 20px;
text-align: left;
}
.blog_post_item {
background: #fff none repeat scroll 0 0;
display: inline-block;
margin: 0 1% 20px 0;
vertical-align: top;
border: 2px solid transparent;
padding: 0;
float: none;
max-height: 245px;
overflow:hidden;
position:relative
}
.blog_post_item:hover {
border: 2px solid #ccc;
}
.blog_post_item a{
color: #333;
display: inline-block;
width: 100%;
height: 100%;
position: relative;
}
.blog_post_item a:hover{
text-decoration:  none;
}
.blog_post_item h1{
font-size: 20px;
line-height: 130%;
}
.post_text_body{
top: 201px;
padding: 0 10px 10px;
position: absolute;
width: 100%;
background: #333333;
background: -webkit-linear-gradient(rgba(255,0,0,0), #333333);
background: -o-linear-gradient(rgba(255,0,0,0), #333333);
background: -moz-linear-gradient(rgba(255,0,0,0), #333333);
background: linear-gradient(rgba(255,0,0,0), #333333);
z-index: 1;
}
.blog_post_item .dtnt_short_description {
font-size: 16px;
font-weight: 100;
height: 100px;
line-height: 130%;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
text-shadow: none;
width: auto;
}
#blog_post {
float: left;
margin: 10px 50px 0 10px;
width: 70%;
}
#blog_post .dtnt_short_description{
font-size: 1.4em
}
#blog_con{
padding-bottom: 0
}
#blog_con h1 {
margin: 10px 0;
color: #CE1126;
font-family: "Fira Sans",Roboto,"Open Sans",Verdana;
font-size: 40px;
font-weight: 700;
line-height: 120%;
}
#blog {
display: flex;
margin-top: 20px;
}
#blog .attachment-thumbnail{
float: none;
text-align: center
}
#blog_post h2 {
clear: both;
font-size: 22px;
margin: 50px 0 20px;
}
#blog_post p {
font-size: 16px;
font-weight: 300;
line-height: 150%;
margin: 0 0 20px;
}
#blog_post .alignleft {
float: left;
margin: 0 100px 50px 0;
}
.wp-caption.aligncenter {
width: 100% !important;
}
img.aligncenter, .wp-caption.aligncenter img {
display: block;
margin: 20px auto 5px;
}
a[rel^="attachment"] {
display: block !important;
text-decoration: none;
width: 100% !important;
}
#blog_post .wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 18px;
margin: 0 0 30px;
padding: 0 4px 5px;
text-align: center
}
#blog_post iframe {
display: block;
margin: 0 auto;
max-width: 500px;
width: 100%;
}
#blog_post pre {
background-color: #f5f5f5;
border: 1px solid #ff9900;
border-radius: 4px;
color: #333;
display: block;
font-family: Raleway;
font-size: 16px;
font-weight: bolder;
line-height: 1.42857;
margin: 42px 0;
overflow-wrap: normal;
padding: 20px 10px;
white-space: normal;
word-break: normal;
overflow: visible
}
#blog_post pre a{
color: #ff6600;
}
.recent_posts {
border-bottom: 1px dashed #eee;
padding: 0 0 12px;
margin-bottom: 12px;
width: 90%;
}
.recent_posts h4 {
font-size: 14px;
font-weight: normal;
line-height: 130%;
margin: 0;
text-align: left;
}
#blog_sidebar h3 {
color: #ca362c;
font-family: Montserrat,RAlewayLato,"Fira Sans";
font-size: 18px;
font-weight: 300;
line-height: 130%;
margin: 10px 0 20px;
text-align: left;
}
.recent_posts a{
color: #333
}
.recent_posts img {
float: left !important;
margin: 0 10px 0 0;
max-width: 75px;
}
.readmore.dtnt_btn {
padding: 0;
}
.readmore.dtnt_btn > a {
display: inline-block;
padding: 5px 15px;
width: inherit;
color: #fff;
text-decoration: none;
}
.readmore.dtnt_btn > a:hover {
text-decoration: none
}
#sbi_images{
padding-left: 50px !important;
}
#sb_instagram #sbi_images .sbi_item{
padding-left: 0px !important;
margin-right: 20px !important;
}
.card {
background-color: #f2f2f2;
display: block;
margin: 10px 0;
padding: 0 10px;
transition: all 150ms ease 0s;
}
.card_article {
display: inline-block;
margin-top: 20px;
}
.card_content {
background: #fff none repeat scroll 0 0;
border: 3px solid transparent;
border-radius: 3px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
color: #676d76;
font-size: 16px;
line-height: 150%;
max-height: 180px;
overflow: hidden;
padding: 27px;
}
.card_content_text {
width: 60%;
display: inline-block;
vertical-align: top;
}
.card_content h2 {
display: inline-block;
font-size: 16px;
font-weight: 400;
margin-top: 0;
}
.card_content_blurb {
font-size: 14px;
line-height: 140%;
}
.card_article_image {
display: inline-block;
height: 100px;
margin: 0 10px 0 0;
vertical-align: top;
width: 200px;
}
.card_article_title {
border: 0 none;
color: #1b2432;
line-height: 140%;
margin: 16px 0;
text-transform: none;
}
.card_article_date {
color: #b9bcc0;
margin-bottom: 15px;
}
.dtnt_btn.cta.full {
display: block;
padding: 15px;
text-align: center;
margin-left: 10px;
margin: 20px 0 20px 0;
}
.dtnt_btn.cta.full.icon-cart {
font-size: 18px;
}
.dtnt_btn.cta.full.icon-cart::before {
font-family: FontAwesome;
font-size: 24px;
font-weight: normal;
height: 20px;
margin-right: 20px;
width: 35px;
color: #fff;
content: "\f217";
}
@media (max-width: 480px) {
.card_content {
max-height: none;
overflow: none;
padding: 10px;
}
.card_article_image {
height: 200px;
margin: 0 0 10px;
width: 100%;
}
.card_content_text {
width: 100%;
}
#blog_list > div {
padding-left: 0;
}
} #blog_feed_con{
background: #fff;
}
#blog_feed_con .blog_post_item{
width: 346px;
height: 241px;
background: #eff4f9;
}
#blog_feed_con .blog_post_item img{
width: 100%;
height: auto;
}
.blog_title {
color: #fff;
font-size: 15px;
line-height: 130%;
margin: 10px 0 0;
}
#blog_list > div{
text-align: left;
}
#blog_list {
background: #f2f2f2 none repeat scroll 0 0;
overflow: hidden;
}
.blog_title a{
color: #333;
}
.blog_title a:hover{
color: #ca362c;
text-decoration: underline
}
.mobile_content{
display: none
}
ul.scroller-nav{
display: inline-block;
margin: 0px 0px 0px 50px;
padding: 0px;
list-style: none;
}
ul.scroller-nav > li{
display: inline-block;
margin: 10px 10px 10px 0px;
}
ul.scroller-nav > li > input{
padding: 5px;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
div.featured-event{
height: 500px;
background: -webkit-radial-gradient(#CA362C,#660033);
background: -o-radial-gradient(#CA362C,#660033);
background: -moz-radial-gradient(#CA362C,#660033);
background: radial-gradient(#CA362C,#660033);
overflow: hidden
} #instagram_feed {
padding-bottom: 20px;
display: block;
clear: both;
}
#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
width: auto;
}
#sb_instagram #sbi_images {
box-sizing: border-box;
float: left;
height: 150px;
overflow: hidden;
position: relative;
width: 100%;
}
#sb_instagram{
}
div.instagram-feed-scroller{
width: 100%;
position: relative;
overflow: hidden;
display: none;
} #in_page_list_con{
background: #fff;
}
#in_page_list{
padding: 10px 20px;
}
.accommodation_item {
margin: 0 20px 20px 0;
border-bottom: 1px solid #ccc	;
padding: 0 0 15px;
}
.accommodation_img_con {
float: left;
margin-right: 20px;
padding: 0;
}
.accommodation_img_con img {
height: auto;
width: 100%;
}
#in_page_list .asset_category {
background: #ca362c none repeat scroll 0 0;
color: #fff;
display: table;
font-family: "Open Sans",Ubuntu;
font-size: 13px;
font-weight: 600;
margin-bottom: 15px;
padding: 3px 8px;
position: absolute;
text-transform: none;
z-index: 1;
}
.accommodation_summary {
padding: 10px 0;
}
.accommodation_title{
font-size: 20px;
}
.accommodation_title a{
color: #ca362c
}
.accommodation_title a:hover{
color: #555	;
text-decoration: none;
}
.accommodation_amenities ul.amenities{
margin: 15px 0
}
.accommodation_amenities li{
display: inline;
}
.accommodation_summary_text{
margin: 15px 0
}
.tooltip-inner{
background: #ca362c;
color: #fff
}
.tooltip.top .tooltip-arrow{border-top-color:#ca362c}
.tooltip.top-left .tooltip-arrow{border-top-color:#ca362c}
.tooltip.top-right .tooltip-arrow{border-top-color:#ca362c}
.tooltip.right .tooltip-arrow{border-right-color:#ca362c}
.tooltip.left .tooltip-arrow{border-left-color:#ca362c}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#ca362c}
.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#ca362c}
.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#ca362c}
.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1} #in_page_blog_list_con{
background: #fff;
}
#in_page_blog_list {
background: #fc0 none repeat scroll 0 0;
padding: 10px 20px;
}
#in_page_blog_list .asset_category {
background: #ca362c none repeat scroll 0 0;
color: #fff;
display: table;
font-family: "Open Sans",Ubuntu;
font-size: 13px;
font-weight: 600;
margin-bottom: 15px;
padding: 0 7px;
position: absolute;
text-transform: uppercase;
z-index: 1;
}
#in_page_blog_list img {
height: auto;
width: 100%;
}
#in_page_blog_list .blog_post_item {
background: #eff4f9;
}
#in_page_blog_list .blog_post_item:hover{
border-bottom: 2px solid #ca362c;
}
#page_related h3 {
color: #ca362c;
font-size: 18px;
text-transform: uppercase;
}
#page_related ul{
margin:0 0 20px 0;
padding: 0;
}
#page_related ul li {
list-style-image: none;
list-style-type: none;
font-size: 18px;
margin: 0 0 10px
}  .dtnt_subscribe {
background: #ca362c none repeat scroll 0 0;
color: #fff;
font-size: 16px;
margin-bottom: 3px;
padding: 20px;
text-align: center;
}
.dtnt_subscribe h3 {
color: #fc0;
font-size: 28px;
}
.es_textbox_button {
background: #fc0 none repeat scroll 0 0;
border: medium none;
padding: 5px;
width: 130px;
}
.es_textbox {
color: #333;
padding-bottom: 10px;
} #footer{
background: #FFF;
font-family: "Montserrat";
font-size: 14px;
color: #333;
line-height: 140%;
border-top: 3px solid #ccc;
clear: both
}
#footer .logo {
width: 200px;
margin: 5px 140px 0 0;
background: url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) 0 0;
width: 200px;
height: 44px;
}
#footer .fifth{
width: 19%;
margin-right: 1%;
display: inline-block;
vertical-align: top
}
#footer h1{
font-family: Ubuntu, "Open Sans","Segoe UI",Verdana,Geneva,sans-serif;
font-size: 16px;
color: #333;
font-weight: 600;
}
#footer a, #footer .link{
text-decoration: none;
color: #fff;
}
#footer a:hover, #footer .link:hover{
text-decoration: underline;
color: #ca362c;
cursor: pointer
}
.footer_social .fa{
color: rgba(255,255,255,0.8);
font-size: 14px;
border: 2px solid rgba(255,255,255,0.8);
}
.footer_social .fa:hover{
color: rgba(255,255,255,1);
border-color: rgba(255, 255, 255, 1);
}
.footer_social .fa {
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
border: 2px solid rgba(255, 255, 255, 0.8);
border-radius: 50%;
height: 30px;
padding: 6px 0 0 8px;
width: 30px;
}
div.site-copyright > p{
float: left;
color: #FFF;
font-size: 12px
}
div.site-copyright > ul{
margin: 10px 0px;
padding: 0px;
display: inline-block;
float: right;
list-style: none;
color: #FFF;
}
div.site-copyright > ul > li{
display: inline-block;
padding: 0px 10px;
border-right: 1px solid #FFF;
font-size: 12px
}
div.site-copyright  ul  li a:hover{
color: #fff !important;
text-decoration: underline !important;
}
div.site-copyright > ul > li:last-child{
border: none;
}
div.footer-connect{
padding-top: 20px;
background-color:#221E1F;
color: #FFF;
padding-bottom: 20px;
}
div.footer-connect > div{
display: inline-block;
vertical-align: top;
margin-bottom: 40px
}
div.site-copyright{
background-color: #CA362C;
padding: 5px 5px 5px 50px;
border-top: 3px solid #FFF;
overflow: hidden;
min-height: 80px;
}
div.connect {
margin-left: 20px;
}
div.connect > h3, div.partners > h3{
padding: 0px;
margin: 0px;
color: #FFF;
font-size: 16px;
}
div.partners{
margin: 0 !important
}
div.connect > ul{
margin: 0px;
padding: 0px;
list-style: none;
}
div.connect > ul > li{
display: inline-block;
margin-right: 10px;
}
#back_to_top {
background: rgba(77, 77, 77, 0.8) none repeat scroll 0 0;
border: 1px solid rgba(51, 51, 51, 0.3);
border-radius: 25px;
bottom: 180px;
height: 50px;
position: fixed;
right: 40px;
width: 50px;
z-index: 100;
cursor: pointer;
display:none
}
#back_to_top::before {
color: rgba(255, 255, 255, 0.9);
content: "\f077";
font-family: FontAwesome;
font-size: 18px;
padding: 13px 15px;
position: absolute;
}
#featured_events_con ul.scroller-nav{
z-index: 1000
}
#featured_events_con{
position: relative
}
.featured-event-container {
display: inline-block;
height: 100%;
padding: 30px 0;
width: 80%;
}
.featured-event-container > div, .featured-event-container > img.featured-event-image{
display: inline-block;
vertical-align: top;
position: relative;
}
.featured-event-info{
width: 30%;
text-align: left;
margin-right: 50px;
font-family: "Montserrat";
height: 100%;
}
.featured-event-info > h3{
color: #FFF;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}
.featured-event-info > span{
display: block;
margin: 20px 0px;
}
.featured-event-info > .event-date{
color: #CA352C;
font-size: 24px;
margin-top: 40px;
}
.featured-event-info > .event-title{
font-size: 48px;
color: #FFF;
line-height: 1em;
}
.event-description {
color: #fff;
font-size: 16px;
font-weight: 300;
line-height: 1.2em;
}
img.featured-event-image{
width: 40%;
height: auto;
}
.featured-event-info > a{
display: inline-block;
color: #EFF4F9;
padding: 10px;
background-color: #CA362C;
text-decoration: none;
font-size: 18px;
}
.event-title > a {
color: #fff;
}
.slider_prev::before{
font-family: FontAwesome;
content: "\f053";
font-size: 20px;
color: #fff;
}
.slider_prev {
background: rgba(51, 51, 51, 0.3) none repeat scroll 0 0;
display: block;
left: 0;
position: absolute;
vertical-align: middle;
width: 40px;
cursor: pointer;
z-index: 1
}
.slider_next::before{
font-family: FontAwesome;
content: "\f054";
font-size: 20px;
color: #fff;
}
.slider_next {
background: rgba(51, 51, 51, 0.3) none repeat scroll 0 0;
display: block;
right: 0;
position: absolute;
vertical-align: middle;
width: 40px;
cursor: pointer;
z-index: 1
} .site-description{
display: none;
}
div.main-caption{
position: absolute;
padding: 10px;
bottom: 0px;
background: -webkit-linear-gradient(rgba(255,0,0,0), #333333);
background: -o-linear-gradient(rgba(255,0,0,0), #333333);
background: -moz-linear-gradient(rgba(255,0,0,0), #333333);
background: linear-gradient(rgba(255,0,0,0), #333333);
color: #FFF;
width: 100%;
height: 62px;
font-family: "Montserrat";
}
div.main-caption > span{
position: absolute;
bottom: 10px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
} .skip-container {
display: block;
padding: 0;
position: relative;
}
.skip-link {
float: right;
margin-left: -100%;
padding: 0.5em;
border: 1px solid #d5d5d5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #f5f5f5;
font-size: 0.8125em;
text-transform: uppercase;
}
.skip-link:hover,
.skip-link:active,
.skip-link:focus {
border: 1px solid #666;
}
.custom-background .site {
margin: 0 auto;
-webkit-box-shadow: 0 -5px 5px 4px #d5d5d5;
-moz-box-shadow: 0 -5px 5px 4px #d5d5d5;
box-shadow: 0 -5px 5px 4px #d5d5d5;
} .articles_con{
padding: 0;
}
.articles_con.featured {
}
.article.main{
width: 100%;
float: left;
overflow: hidden;
height: auto
}
.article.sub{
float: left;
width: 25%;
height: 260px;
margin-bottom: 3px
}
.article img{
width: 100%; }
.article.main, .article.sub {
position: relative;
}
article{ overflow: hidden;
position:relative
}
article a:hover{
text-decoration: none
}
article img{
position: absolute;
bottom: 0;
width: 100%;
margin-top:0;
}
.article.sub .article_headline {
font-size: 16px;
}
.article.sub img {
width: 100%;
height: auto;
}
.article.sub .article_box {
bottom: 0;
margin: 0 20px;
padding: 8px 15px;
position: absolute;
width: auto;
}
.article.sub {
overflow: hidden;
background: #ABD8DC;
}
.article_box {
bottom: 0;
margin: 0 20px;
padding: 8px 15px;
position: absolute;
width: auto;
text-shadow: 1px 1px 1px #000
}
.article_box.leisure, .article_box.general, .article_box.attractions, .article_box.destinations{
background: rgba(88, 177, 185, 0.5) none repeat scroll 0 0;
}
.article_box.heritage, .article_box.religious-festival,  .article_box.culture,  .article_box.cuisine, .article_box.festival{
background: rgba(202, 54, 44, 0.5) none repeat scroll 0 0;
}
.article_box.eco-adventure, .article_box.eco{
background-color: rgba(75, 122, 33, 0.7);
}
.article_headline {
color: #fff;
font-family: Montserrat;
font-size: 24px;
font-weight: 400;
line-height: 120%;
margin-bottom: 10px;
}
.article_blurb {
color: #fff;
font-family: Montserrat;
font-size: 16px;
font-weight: 400;
line-height: 120%;
margin-bottom: 20px;
}
.article_tags {
border-bottom: 3px solid #ff6600;
color: #fff;
display: table;
font-family: Montserrat;
font-size: 12px;
font-weight: 400;
line-height: 105%;
margin-bottom: 10px;
padding-bottom: 3px;
position: relative;
text-transform: uppercase;
width: auto;
}
.article_cta {
background: #ff6600 none repeat scroll 0 0;
border: 1px solid #cccccc;
color: #fff;
display: table;
font-family: "Open Sans";
font-weight: 600;
padding: 2px 5px;
text-transform: uppercase;
width: auto;
}
.ad_bubble{
background: rgba(129,193,187, .6);
position: absolute;
bottom: 20px;;
right: 20px;
}
.article_list .article.sub img {
margin: 0 3px;
width: 100%;
} .tour_row {
border-top: 1px solid #ddd;
margin: 7px 0;
padding: 20px 0;
}
.tour_row .label {
color: #333;
float: left;
font-family: montserrat;
font-size: 14px;
font-weight: 300;
line-height: 130%;
padding: 0 12px 0 0;
text-align: left;
text-transform: capitalize;
white-space: normal;
width: 28%;
}
.tour_row .description {
float: left;
font-size: 16px;
font-weight: 300;
line-height: 140%;
width: 72%;
}
.tour_row .description p {
margin: 0 0 10px;
}
.tour_row .description strong {
color: #ff9900;
}
.tour_row::after {
clear: both
}
.tour_row::before, .row::after {
content: " ";
display: table;
}
.tour_row .book.dtnt_btn {
background: #fff none repeat scroll 0 0;
border-color: #ff9900;
border-radius: 5px;
clear: both;
color: #ff9900;
display: block;
font-weight: 600;
margin: 20px 0 0;
width: 115px;
text-transform: none;
transition: background-color 0.2s ease 0s
}
.tour_row .book.dtnt_btn:hover {
background-color: #ff9900;
color: #fff;
border-color: #ff8800;
}
.tour_row .description img {
height: auto;
width: 100%;
}
.tour_row .description img.half {
float: left;
height: auto;
padding: 0 3px 3px 0;
width: 50%;
}
.tour_row .description img.half.single {
display: block;
float: none;
height: auto;
padding: 0 3px 3px 0;
width: 50%;
}
#tourbooking_con {
padding: 0 20px;
}
#tourbooking_panel {
background: #fff;
overflow: auto;
}
#tourbooking_con #dtnt_booking_form {
background: #fff none repeat scroll 0 0;
display: block;
font-size: 14px;
max-width: 600px;
padding: 20px 20px 80px;
}
.sidebyside-wrap {
float: left;
padding-right: 20px;
width: 50%;
}
.description .wp-caption.alignnone {
width: auto !important;
}
.list_filter {
padding: 15px 10px;
background: rgba(255,153,0,0.3);
}
.list_filter select {
border: none;
background: rgba(255,255,255,0.5);
color: #f60;
font-size: 18px;
font-family: "Fira Sans";
font-weight: 700;
padding: 5px;
border-radius: 5px;
margin: 5px 10px 5px 0;
}
.list_filter select::after{
width:20px;
height: 20px;
color: #f60;
font-family: "FontAwesome";
content: "\f078";
font-size: 18px;
}
.list_filter input[type='submit'] {
color: #Fff;
background: #f90;
border: none;
border-radius: 5px;
padding: 5px 8px;
font-weight: 700;
margin-right: 20px;
}
.list_filter select.woocommerce-currency-switcher{
}
.filter_list_item {
width: calc(33% - 30px);
padding: 0 15px;
display: inline-block;
margin: 10px auto;
vertical-align: top;
}
.woocs_con{
display: inline-block;
border-left: 1px solid #fff	;
padding: 0 20px
} .welcome_search {
background: #FFE0B2;
margin-top: 10px;
padding: 24px 20px;
}
.welcome_search_form {
text-align: center;
}
.welcome_search_form .list_filter {
background: none;
padding:0;
}
.welcome_search .container_blurb {
text-align: center;
font-size: 48px;
font-family: Merienda;
color: #ca362c;
font-weight: 700;
margin-bottom: 15px;
letter-spacing: 1px;
line-height: 120%;
}
.welcome_search p {
text-align: center;
font-size: 18px;
}
.dtnt_home_container {
margin: 60px 0 80px;
}
.dtnt_home_container .container_head {
font-family: "Nunito Sans",Lato;
font-size: 48px;
font-weight: 700;
color: #333;
line-height: 120%;
margin: 40px 0 15px;
position: relative;
}
.dtnt_home_container .container_head .text_highlight {
color: #ca362c;
font-family: Merienda;
}
.dtnt_home_container .container_head::before {
content: " ";
width: 30px;
height: 6px;
background: #ca362c;
position: absolute;
bottom: 0;
}
.dtnt_home_container .container_blurb {
font-family: "Open Sans",Merienda,"Kaushan Script";
font-size: 18px;
font-weight: 400;
color: #555;
line-height: 120%;
margin: 0 0 20px 0;
position: relative;
letter-spacing: -.5px;
line-height: 130%;
}
.showcase_box {
position: relative;
display: inline-block;
margin: 2px;
}
.showcase_box .box_title {
font-family: Merienda,"Kaushan Script";
position: absolute;
bottom: 26px;
font-size: 36px;
text-align: center;
color: #fff;
width: 320px;
font-weight: 700;
text-shadow: #333 1px 1px 1px;
}
.travel_tips_left, .travel_tips_right, .travel_tip {
padding: 0;
}
.travel_tips_left {
padding-right: 10px;
}
.travel_tips_right {
padding-left: 0px;
}
.travel_tips_right .travel_tip {
padding: 0 10px;
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: top;
float: none;
}
.travel_tip.full {
}
.travel_tip .tip_img{
}
.travel_tip .tip_img img {
width: 100%;
height: auto;
}
.travel_tip .tip_text{
padding: 10px;
}
.travel_tip.full .tip_text {
color: #fff;
font-family: Lato;
font-size: 40px;
font-weight: 700;
position: absolute;
bottom: 15px;
line-height: 120%;
padding: 0 30px;
}
.travel_tip .tip_text{
color: #333;
font-family: Lato;
font-size: 16px;
font-weight: 400;
}
.tour-card.col-md-3 {
display: inline-block;
float: none;
width: 24.75%
}
.view_all {
margin: 40px auto 0;
text-align: center;
}
.view_all .dtnt_btn.cta a {
color: #fff;
text-align: center;
}
.soliloquy-container .soliloquy-caption {
width: auto;
background: rgba(88, 177, 185, 0.5);
}
.soliloquy-container .soliloquy-caption-inside {
text-align: left;
color: #fff;
font-family: Montserrat;
font-size: 24px;
font-weight: 400;
line-height: 120%;
margin-bottom: 10px;
} .block {
width: 60%;
float: none;
display: block;
clear: both;
margin: 0 auto 50px;
position: relative;
}
.block h2 {
font-size: 44px;
font-family: Noto Sans;
color: #000;
font-weight: 400;
}
.block p {
font-size: 18px;
font-family: Lato;
color: #000;
font-weight: 300;
line-height: 140%;
}
.dtnt_btn.cta a {
background: #ff9900;
color: #ffffff;
border: none;
display: block;
}
@media (max-width: 480px) {
.block {
width: 100%;
}
} @media (max-width: 480px) {
.welcome_search .container_blurb {
font-size: 24px;
}
.dtnt_home_container {
margin: 30px 0;
padding: 0 10px;
}	
.dtnt_home_container .container_head {
font-size: 20px;
margin: 10px 0;
}
.dtnt_home_container .container_blurb {
font-size: 16px;
}
.dtnt_home_container .container_head::before {
width: 15px;
height: 3px;
}	
.tour-card.col-md-3 {
width: inherit;
}
.view_all {
margin: 10px 0;
}
.travel_tip{
margin-bottom: 15px	
}
.travel_tips_right .travel_tip {
padding: 0;
}
.travel_tip.full .tip_text, .travel_tip .tip_text {
color: #fff;
font-family: Lato;
font-size: 16px;
font-weight: 700;
position: absolute;
bottom: 0px;
line-height: 120%;
padding: 5px 30px;
text-shadow: .5px .5px .5px #333;
background: rgba(88, 177, 185, 0.5) none repeat scroll 0 0;
}
.view_all .dtnt_btn.cta {
background: #ff9900;
color: #ffffff;
border: none;
border-radius: 5px;
}
} @media (max-width: 480px) {
.tour_row .label, .tour_row .description {
float: none;
width:auto;
display: block
}
.tour_row .label {
margin-bottom: 10px;
}
.tour_row .description img.half {
height: auto;
width: 100%;
padding: 0 0 3px 0;
}
} @media (max-width: 800px) {
.article_headline {
color: #fff;
font-family: Montserrat;
font-size: 20px;
font-weight: 600;
line-height: 105%;
margin-bottom: 20px;
}
.article_blurb {
color: #fff;
font-family: Montserrat;
font-size: 14px;
font-weight: 400;
line-height: 120%;
margin-bottom: 20px;
}
.article.main {
float: none;
height: auto;
width: 100%;
}
.article.sub {
float: none;
height: auto;
width: 100%;
}
.article.sub img {
height: auto;
width: 100%;
}
} @media (max-width: 480px) {
.wrapper{
padding: 0 5px
}
.article_headline {
color: #fff;
font-family: Montserrat;
font-size: 16px !important;
font-weight: 400;
line-height: 120%;
margin-bottom: 5px;
}
.article_tags { }
.article_blurb {
font-weight: 300;
line-height: 130%;
margin-bottom: 0;
font-size: 16px
}
.article.main img {
height: 400px;
width: auto;
margin-top:0
}
}  @media (max-width: 979px) {
.responsive{
display: block;
}
.fit_to_text{
display: inline-block	
}
.dtnt_details_key_item_con {
display: inline-block;
margin: 0 10px 5px 0;
padding-top: 15px;
vertical-align: top;
width: 45%;
}
.dtnt_details_key_item {
display: inline-block;
margin: 0 0 0 15px;
width: 80%;
}
#dtnt_masthead_menu{
display: none;
}
#menu_btn{
width: 40px;
height: 44px;
background:url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) -267px -478px no-repeat;
display: inline-block;
border-right: 1px solid #eee;
vertical-align: top;
cursor: pointer
}
.similar_item {
display: inline-block;
margin: 0 10px 10px 0;
vertical-align: top;
width: 48%;
}
.dtnt_short_description {
font-size: 18px;
}
.menu_container {
float: left;
margin: 0 180px 0 0 ;
}
#dtnt_logo {
background: rgba(0, 0, 0, 0) url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/dtnt_sprites.png) no-repeat scroll -135px -442px;
height: 44px;
margin: 0 0 0 45px;
vertical-align: top;
width: 160px;
}
.navbar-toggle::before{
content: "\E5D2";
font-family: "Material Icons";
font-size: 28px;
color: #CCC;
}
.navbar-toggle {
float: none;
margin: 10px 5px 0;
padding: 6px;
}
.navbar-collapse {
border-bottom: 1px solid #ccc;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
overflow: auto;
padding-left: 15px;
padding-right: 15px;
position: absolute;
background: #eee;
width: 100%;
}
.navbar-collapse .sub-menu {
position: relative;
padding: 0;
border-bottom: 1px solid #ccc;
}
.navbar-collapse  .nav li:hover .sub-menu{
display:none
}
.menu_toggle {
display: block;
height: 30px;
padding: 10px 0;
position: absolute;
right: 10px;
width: 30px;
z-index: 1000;
cursor:pointer
}
.menu_toggle::before {
content: "+";
font-size: 24px;
}
.menu_toggle.collapse::before {
content: "-";
font-size: 24px;
}
#menu-main_menu > .sub-menu{
padding: 0;
}
.sub-menu {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ca362c;
border-top: 1px solid #ccc;
display: none;
left: 0;
padding: 0 !important;
position: absolute;
width: 100%;
}
#menu-main_menu > li{
border-bottom: 1px solid #ccc;
}
.nav > li {
display: inline-block;
font-family: "Open Sans",Lato,Roboto,Verdana;
font-size: 15px;
margin: 0;
position: inherit;
}
.navbar-collapse .sub-menu > li.menu-item-has-children {
border-bottom: 1px solid #ccc;
display: block;
font-weight: 600;
margin: 0;
padding: 10px 20px;
text-transform: uppercase;
vertical-align: top;
width: 100%;
}
.navbar-collapse .sub-menu > li.menu-item-has-children .menu_toggle{
padding: 0
}
.sub-menu > .sub-menu > li.menu-item-has-children{
display: none
}
.sub-menu  .sub-menu li{
margin: 0;
padding: 5px 0;
border-top: 1px solid #ccc
}
.sub-menu  .sub-menu {
border-bottom: none
}
.sub-menu > li {
font-weight: 400;
line-height: 200%;
list-style: outside none none;
padding: 5px 20px;
text-transform: none;
border-bottom: 1px
}
.sub-menu > li .sub-menu{
padding: 0;
}
.navbar-collapse .nav > li {
display: block;
}
#masthead_left {
width: 210px;
}
#dtnt_logo{
float: none;
}
.menu-item-type-custom{
display: none
}
}
@media (max-width: 800px) {
#blog{
display: block;
}
#blog_post {
float: none;
margin-right: 10px;
}
#blog_post .alignleft {
float: left;
margin: 0 30px 50px 0;
width: 100%
}
#teaser {
width: 50%;
}
#description_box {
font-size: 12px;
}  .caption-wrap {
color: white;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 1.2em;
text-shadow: 1px 1px #000;
}
.caption-wrap {
bottom: 5% !important;
font-size: 18px;
left: 10px !important;
width: auto !important;
}
.slider_cta{
display:none
}
.panel_inner img {
width: 100%;
}
.dtnt_panel3 > .panel_inner, .dtnt_panel2 > .panel_inner {
width: 100%;
}
.category_caption > span.category_title::before {
content: url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/location-icon-small.png);
}
.category_caption > span.category_title{
font-size: 14px;
}
.category_description{
display: none;
}
.bubble_category{
display: none;
}
#welcome{
padding: 0;
}
#welcome h1 {
font-size: 24px;
}
#welcome p {
font-size: 14px;
font-family: "Open Sans", Verdana;
line-height: 140%
}
.featured-event-info{
width: 100%;
margin-right: 0;
}
.featured-event-info > .event-date {
color: #ca352c;
font-size: 15px;
margin-top: 20px;
}
.event-description {
font-size: 13px;
line-height: 1.4em;
}
.featured-event-info > h3 {
color: #fff;
font-size: 15px;
font-weight: 100;
text-transform: uppercase;
}
.featured-event-info > span {
display: block;
margin: 10px 0;
}
.featured-event-info > .event-title {
color: #fff;
font-size: 24px;
line-height: 1em;
}
img.featured-event-image {
height: auto;
width: 100%;
}
.featured-event-info > a {
background-color: #ca362c;
bottom: auto;
color: #eff4f9;
display: inline-block;
font-size: 15px;
margin-top: 199px;
padding: 7px;
position: absolute;
text-decoration: none;
z-index: 100;
}
.featured-event-container {
height: 100%;
padding: 10px;
text-align: left;
width: 95%;
}
.featured-event-info > .event-title {
color: #fff;
font-size: 22px;
line-height: 1em;
}
}
@media (max-width: 480px) {
#blog_post .alignleft {
width: 100%;
height: auto;
}
#overview_txt {
float: none;
width: 100%;
font-size: 16px;
}
#overview_sidebar{
float: none;
width: 100%;
}
.similar_item {
display: inline-block;
margin: 0 5px 10px 0;
vertical-align: top;
width: 100%;
}
#teaser{
display: none;
}
.caption-wrap{
display: none;
}
#asset_menu h1 {
border-right: medium none;
font-size: 20px;
margin-right: 0;
width: 85%;
}
.asset_menu {
padding: 10px 0;
}
.asset_menu_item {
font-size: 14px;
margin-right: 10px;
}
.dtnt_short_description {
font-size: 16px;
}
#dtnt_search_input {
font-size: 16px;
}
.nearby_item{
width:100%;
}
#nearby .destination_like .like_num {
padding-top: 5px;
}
#in_page_list .asset_category {
display: none;
}
#in_page_list .asset_category_alt {
display: block;
font-size: 10px;
text-transform: uppercase;
}
.accommodation_summary {
padding:0
}
.accommodation_title {
font-size: 18px;
}
.accommodation_summary_text {
margin: 5px 0;
}
.accommodation_summary_text {
font-size: 13px;
margin: 5px 0;
}
.accommodation_summary_text.description p {
font-size: 14px;
font-weight: 300;
line-height: 140%;
margin: 0 0 20px;
}
.destination_like {
position: absolute;
right: -5px;
top: -1px;
} .caption-wrap {
color: white;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 1.2em;
text-shadow: 1px 1px #000;
}
.caption-wrap {
bottom: 5% !important;
font-size: 18px;
left: 10px !important;
width: auto !important;
}
.slider_cta{
display:none
}
.panel_inner img {
width: 100%;
}
.dtnt_panel3 > .panel_inner, .dtnt_panel2 > .panel_inner {
width: 100%;
}
.category_caption > span.category_title::before {
content: url(//www.destinationtnt.com/wp-content/themes/destinationtnt/images/location-icon-small.png);
}
.category_caption > span.category_title{
font-size: 14px;
}
.category_description{
display: none;
}
.bubble_category{
display: none;
}
#welcome{
padding: 0;
}
#welcome h1 {
font-size: 24px;
}
#welcome p {
font-size: 14px;
font-family: "Open Sans", Verdana;
line-height: 140%
}
.featured-event-info{
width: 100%;
margin-right: 0;
}
.featured-event-info > .event-date {
color: #ca352c;
font-size: 15px;
margin-top: 20px;
}
.event-description {
font-size: 13px;
line-height: 1.4em;
}
.featured-event-info > h3 {
color: #fff;
font-size: 15px;
font-weight: 100;
text-transform: uppercase;
}
.featured-event-info > span {
display: block;
margin: 10px 0;
}
.featured-event-info > .event-title {
color: #fff;
font-size: 24px;
line-height: 1em;
}
img.featured-event-image {
height: auto;
width: 100%;
}
.featured-event-info > a {
background-color: #ca362c;
bottom: auto;
color: #eff4f9;
display: inline-block;
font-size: 15px;
margin-top: 199px;
padding: 7px;
position: absolute;
text-decoration: none;
z-index: 100;
}
.featured-event-container {
height: 100%;
padding: 10px;
text-align: left;
width: 95%;
}
.featured-event-info > .event-title {
color: #fff;
font-size: 22px;
line-height: 1em;
}
ul.the_champ_sharing_ul li {
float: none !important;
}
ul.the_champ_login_ul, ul.the_champ_sharing_ul {
width: 36px;
}
.social_share {
margin: -10px -35px 0 0;
}
.dtnt-itinerary-btn {
background: none; }
.dtnt_details_key_item {
display: inline-block;
margin: 0 0 0 15px;
width: 75%;
}
hr {
box-sizing: content-box;
height: 0;
margin: 10px 0 !important;
padding: 0;
}
.slide_panel {
top: 59px !important;
} #blog_post p {
font-size: 14px;
font-weight: 300;
line-height: 150%;
margin: 0 0 20px;
}
#blog_post {
width: 100%;
}
.mobile_content{
display: block
}
.wp-caption img, #blog img {
height: auto;
width: 100%;
} }
@media (max-width: 480px) { .description_accordion_contents {
display: none;
}
.description_accordion {
border: 1px solid #ddd;
cursor: pointer;
margin-bottom: 5px;
padding: 10px;
}
.description_accordion > h3 {
margin: 0;
}
.description_accordion.closed h3::before {
content: "\f067";
font-family: FontAwesome;
font-weight: 400;
margin-right: 10px;
}
.description_accordion.opened h3::before {
content: "\f068";
font-family: FontAwesome;
font-weight: 400;
margin-right: 10px;
} } .dmbs-container {
}
.dmbs-header {
}
.dmbs-header-img {
}
.dmbs-header-text {
}
.dmbs-top-menu {
}
.page .dmbs-content {
}
.dmbs-main {
margin-bottom: 50px
}
.dmbs-left {
}
.dmbs-right {
}
.dmbs-footer-menu {
}
.dmbs-author-credits {
}
.dmbs-footer {
}@import url("https://fonts.googleapis.com/css?family=Fira+Sans");
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: none;
width: 100%;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #333;
font-size: 1.25em;
}
.woocommerce .summary{
font-family: Helvetica,"Open Sans";
}
.woocommerce-product-details__short-description {
color: #ca362c;
font-family: Merriweather;
font-size: 20px;
font-weight: 400;
line-height: 140%;
} .product_main h4 {
font-size: 15px;
font-weight: 600;
margin-top: 10px;
} .gallery_list_con {
height: 400px;
margin: 57px 0 5px;
overflow: hidden;
position: relative;
width: 100%;
}
.gallery_list { }
img.product_gallery_image { padding-left: 1px;
}
ul.included{
padding: 0 0 0 15px;
}
ul.included li{
list-style: none;
}
ul.included li::before{
font-family: FontAwesome;
content: "\f00c";
color: green;
font-size: 16px;
margin-right: 10px;
}
ul.excluded{
padding: 0 0 0 15px;
}
ul.excluded li{
list-style: none;
}
ul.excluded li::before{
font-family: FontAwesome;
content: "\f00d";
color: #ca362C;
font-size: 16px;
margin-right: 10px;
}
@media (max-width: 480px) {
.gallery_list_con {
height: 300px;
}
img.product_gallery_image {
}
}   .description_accordion_contents {
display: none;
}
.description_accordion {
border: 1px solid #ddd;
cursor: pointer;
margin-bottom: 5px;
padding: 10px;
}
.description_accordion > h3 {
margin: 0;
}
.description_accordion.closed h3::before {
content: "\f067";
font-family: FontAwesome;
font-weight: 400;
margin-right: 10px;
}
.description_accordion.opened h3::before {
content: "\f068";
font-family: FontAwesome;
font-weight: 400;
margin-right: 10px;
}  .single-product h3 {
color: #f90;
font-family: "Fira Sans";
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.cover_image_content_container { height: 100%;
position: relative;
}
.price_preview {
background: #fff none repeat scroll 0 0;
bottom: 20px;
font-size: 30px;
padding: 10px 40px;
position: absolute;
right: 10px;
display: none;
}
.from_label, .price_type{
margin: 4px 0;
font-size: 12px;
font-family: Raleway;
color: #777;
text-align: right;
}
#dtnt_tour_cover_img_panel{
background-position: center center;
background-repeat:no-repeat;
background-size: 100%
}
.woocommerce h1{
color: #333;
font-size: 2em;
}
.woocommerce h2{
border: none;
text-transform: none;
padding: 0
}
.woocommerce .summary label {
color: #555;
font-weight: normal;
margin-right: 20px;
width: 120px;
font-family: "Fira Sans"
}
.key_details{
margin: 0 0 10px;
padding-left: 0;	
}
.key_details_row {
border-bottom: 1px solid #ccc;
line-height: 170%;
padding: 5px 0;
}
.key_details_row .icon::before {
color: #ff9900;
font-family: FontAwesome;
font-size: 14px;
font-weight: normal;
height: 20px;
margin-right: 7px;
width: 14px;
}
.key_details_row .icon.date::before{
content: "\f073";
}
.key_details_row .icon.start::before {
content: "\f017";
}
.key_details_row .icon.duration::before {
content: "\f252";
}
.key_details_row .icon.price::before {
content: "\f155";
}
.key_details_row .icon.best_for::before {
content: "\f087";
}
.key_details_row .icon.hosted::before {
content: "\f277";
}
.key_details_row .icon.kid::before {
content: "\f1ae";
}
.key_details_row .icon.difficulty::before {
content: "\f118";
}
.key_details_row .icon.stars::before {
content: "\f005";
}
.key_details_row .icon.destination::before {
content: "\E55F";
font-family: "Material Icons";
font-size: 19px;
vertical-align: sub;
}
.key_details_row label, .key_details_row > span {
display: table-cell;
font-family: Lato, "Fira Sans";
font-size: 15px;
}
.woocommerce .img_credit {
background: rgba(51, 51, 51, 0.5) none repeat scroll 0 0;
color: #fff;
font-size: 12px;
height: 30px;
left: 0;
margin: 250px 0 0 10px;
max-width: 50%;
padding: 5px;
position: absolute;
top: 0;
width: auto;
z-index: 1;
right:auto
}
.woocommerce div[itemprop="description"]{
color: #ca362c;
font-family: Merriweather,"Droid Serif",Alegreya,"Open Sans",Lato,Raleway,Ubuntu;
font-size: 1.4em;
font-style: italic;
font-weight: 400;
line-height: 150%;
} .dtnt_add_to_cart_con {
background: #FFEEC7 none repeat scroll 0 0;
border: 1px solid rgba(255,153,0,.4);
border-radius: 3px;
padding: 5px 15px 15px;
margin: 30px 0;
}
.dtnt_btn.cta_booknow.responsive{
display: none;	
}
.atc_box {
border: 1px solid rgba(255,153,0,.4);
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
background: #fff;
}
.atc_date_row, .guest_row {
border-bottom: 1px solid #ccc;
color: #555;
font-weight: 600;
margin:  5px 5px 5px 0;
padding: 5px 5px 5px 0;
}
.atc_date_row:last-child, .guest_row:last-child {
border-bottom: medium none;
}
.atc_box .label {
color: #ff9900;
font-size: 16px;
padding: 0.2em 0.6em 0 0;
margin: 10px 0;
display: block;
text-align: left;
clear: both
}
.tour_date_select {
margin-right: 7px !important;
}
.label.icon::before {
font-family: FontAwesome;
content: "\f1b3";
font-size: 16px;
margin-right: 5px;
color: inherit;
font-weight: 400;
}
.label.icon.package::before {
content: "\f1de";
}
.label.icon.date::before {
content: "\f073";
}
#dtnt_add_to_cart, .single_add_to_cart_button, .checkout-button, #place_order, #dtnt_package_add_to_cart, #dtnt_hotel_add_to_cart {
background: #ff9900 none repeat scroll 0 0 !important;
border: 1px solid #ff9900;
border-radius: 5px;
color: #fff;
font-weight: 700;
padding: 10px;
float: none !important;
display: block !important ;
} form.cart .quantity {
margin: 0 0 10px;
}
.woocommerce-Price-amount.amount {
color: #555;
font-size: 14px;
font-weight: 700;
}
.order-total .woocommerce-Price-amount.amount {
color: #f90;
font-size: 18px;
}
.input-text.qty.text.guest_qty {
text-align: center;
width: 3.631em;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555; font-size: 14px;
height: 34px;
line-height: 1.42857;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.total_box {
font-size: 20px;
font-weight: 700;
margin: 0 0 20px;
}
.atc_box.atc_guests .label{
display: block;
text-align:left;
}
.atc_box.atc_guests .quantity{
display: inline;
}
.price_label {
color: #999;
font-weight: 600;
}
.guest_summary {
font-weight: 400;
margin-bottom:10px;
font-size: 14px
}
.woocommerce #payment .terms, .woocommerce #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions {
float: none;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 25%;
}
.dtnt_add_to_cart, .dtnt_package_add_to_cart, .dtnt_hotel_add_to_cart {
padding: 0 20px;
}
.dtnt_add_to_cart_inner {
margin-top: 15px;
}
.dtnt_add_to_cart_inner h2 {
color: #555;
margin: 0 0 5px;
padding: 0 0 5px;
}
.tour_summary h3 {
color: #ca362c;
font-size: 16px;
}
.date_select_label {
margin: 0 0 5px;
}
.product_datepicker.hasDatepicker {
border: 1px solid #eee;
border-radius: 5px;
color: #555;
cursor: pointer;
font-weight: 600;
padding: 5px;
}
.datepicker_icon{
display:inline-block;
width: 20px;
cursor: pointer	
}
.datepicker_icon::before {
color: #999;
content: "\f073";
font-family: FontAwesome;
font-size: 14px;
height: 20px;
width: 14px;
}
.woocommerce-currency-switcher {
width:  70px !important;
padding:  5px;
}
.woocommerce-currency-switcher-form {
background: #fff none repeat scroll 0 0;
border: 1px solid rgba(255,153,0,.4);
border-radius: 5px;
margin: 10px 0 !important;
padding: 10px;
}
.woocommerce-currency-switcher-form::before {
color: #f90;
content: "Currency:";
font-family: "Open Sans";
height: 20px;
margin-right: 10px;
position: relative;
width: 100px;
font-weight: 600;
}
.product_main .description ul {
margin: 0 0 20px 25px;
padding: 0;
}
.product_main .description ul li::before {
color: #ff9900;
content: "\f00c";
font-family: FontAwesome;
height: 200px;
margin-left: -25px;
padding-right: 10px;
}
.product_main .description ul li {
list-style-image: none;
list-style-position: unset;
list-style-type: none;
margin: 0;
padding: 0;
}
.dtnt-product-remove::before {
display: none;
}
.woocommerce form .form-row .input-checkbox {
display: inline-block;
margin: 0 5px 0 0;
position: relative;
text-align: center;
vertical-align: middle;
}
.woocommerce-order > h3 {
background: #f2f2f2 none repeat scroll 0 0;
border-bottom: 1px dashed #ccc;
font-size: 18px;
padding: 10px;
}
.wc-bankdep-bank-details.order_details {
border-bottom: 1px dashed #ccc;
list-style: outside none none;
margin: 0 0 3em;
padding-bottom: 10px;
}
.wc-bankdep-bank-details-heading {
border-bottom: 1px solid #ccc;
color: #ca362c;
font-size: 20px;
padding: 0 0 10px;
} .woocommerce-cart #dtnt_cover_img_panel, .woocommerce-checkout #dtnt_cover_img_panel{
display: none;
} .label_top{
font-family: Lato;	
text-transform: uppercase;
font-size: 12px;
color:	#999;
}
.product_price{
font-size: 24px;
font-weight: 700;
color: #f90;
font-family: Lato;	
}
.product_guest{
font-family: Lato;	
font-size: 14px;
color:	#333;
}
.product_dates{
font-family: Lato;	
font-size: 14px;
color:	#333;
}
.deemphasize{
opacity: .5	
}
.dtnt_box{
border: 1px solid #ccc;
background: #f2f2f2;
padding: 5px 10px;
margin: 20px 0;	
}
.dtnt_btn.cta.responsive-full {
display: inline-block;
padding: 15px;
text-align: center;
margin-left: 10px;
margin: 20px 10px 20px 0;
}
.dtnt_btn.cta.responsive-full.icon-cart::before {
font-family: FontAwesome;
font-size: 24px;
font-weight: normal;
height: 20px;
margin-right: 20px;
width: 35px;
color: #fff;
content: "\f217";
}
.dtnt_btn.cta.responsive-full.icon-cart {
font-size: 18px;
}
.stock_qty {
display: inline-block;
}
.atc_date_row.date_sold_out{
opacity: .5;	
}
.sold_out {
background: #C00;
font-family: Lato;
font-size: 11px;
color: #fff;
padding: 2px;
border-radius: 3px;
}
.low_stock{
background: #f0ad4e;
font-family: Lato;
font-size: 11px;
color: #6D430A;
padding: 2px;
border-radius: 3px;
}
.dtnt_instructions{
font-weight: bold;
color: #666666;
font-family: "Fira Sans";	
}
.dtnt_instructions .hightlight{
color: #F90;
}
.col-1, .col-2{
border: 1px solid #eee;
border-radius: 5px;
padding: 10px;	
}
ol.dtnt_instructions li {
margin-left: 0;
padding-left: 0;
}
.atc_box .atc_input{
padding: 10px;
font-family: Lato, "Fira Sans";
font-weight: 400;
margin: 10px 0;
}
.atc_box .atc_input.atc_qty{
padding: 4px 0 4px 8px;
margin: 0;
border: 1px solid #ddd;
width: 50px
}
.atc_box .package_row{
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-bottom: 20px;
vertical-align: top;
}
.atc_box .order_summary {
font-size: 14px;
font-weight: 100;
font-family: "Fira Sans";
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 10px;
}
#dtnt_package_add_to_cart.disabled, #dtnt_hotel_add_to_cart.disabled {
background: #ddd !important;
border-color: #ccc;
cursor: not-allowed;
}
.atc_box .order_summary  .summary_label {
color: #999;
}
.atc_box .notice{
color: #ca362c;	
font-style: italic;
}
.atc_box .notice::before {
font-family: FontAwesome;
font-size: 14px;
content: "\f071";
margin-right: 5px;
font-weight: 100;
color: #ff9900;
font-style: normal;
}
@media (max-width: 800px) {
.dtnt_btn.cta_booknow.responsive{
display: inline-block;	
}
}
@media (max-width: 480px) {
.product_main.col-md-9 {
padding: 0;
}
.price_preview {
font-size: 20px;
padding: 5px 20px;
}
.from_label{
margin: 0	
}
.price_type{
display:none	
}
.tour_summary .col-md-12, .tour_summary .col-md-9, .tour_summary .col-md-8, .tour_summary .col-md-6, .tour_summary .col-md-8, .tour_summary .col-md-3{
padding: 0;	
}
.woocommerce div[itemprop="description"] {
color: #ca362c;
font-family: Merriweather,"Droid Serif",Alegreya,"Open Sans",Lato,Raleway,Ubuntu;
font-size: 1.1em;
font-style: italic;
font-weight: 400;
line-height: 150%;
}
.dtnt_btn.cta_booknow.responsive{
display: inline-block;	
}
.woocommerce-product-details__short-description {
font-size: 15px;
}
.footer_check_availability_btn {
bottom: 45px;
display: block;
font-size: 16px;
left: 2%;
margin: 0 auto;
position: fixed;
text-align: center;
text-transform: none;
width: 96%;
background: #ff9900;
color: #fff;
border-color: #ccc;
padding: 10px;
}
.dtnt_btn.cta.responsive-full {
display: block;
padding: 15px;
text-align: center;
margin-left: 10px;
margin: 20px 10px 20px 10px;
}
}#the_champ_error{color:red;margin:7px 0}div.theChampCommentingTabs p#theChampReplyTitle{font-size:large}.the_champ_login_container{margin:2px 0}div.heateor_ss_follow_ul a:focus,div.heateor_ss_follow_ul a:link,div.the_champ_sharing_ul a:link,div.the_champ_sharing_ul a:focus{text-decoration:none;background:transparent!important}.the_champ_login_container img,.the_champ_sharing_container img{cursor:pointer;margin:2px;border:none}.the_champ_login_container img{display:none;float:left}#the_champ_loading_image{display:block!important;float:none}.the_champ_error{background-color:#FFFFE0;border:1px solid #E6DB55;padding:5px;margin:10px}#the_champ_sharing_more_providers{position:fixed;top:50%;left:47%;background:#FAFAFA;width:650px;margin:-180px 0 0 -300px;z-index:10000000;text-shadow:none!important;height:308px}#the_champ_popup_bg,#heateor_ss_browser_popup_bg,#heateor_ss_lj_popup_bg,#heateor_ss_mastodon_popup_bg{background:url(//www.destinationtnt.com/wp-content/plugins/super-socializer/images/transparent_bg.png);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000}#the_champ_sharing_more_providers .title{font-size:14px!important;height:auto!important;background:#58B8F8!important;border-bottom:1px solid #D7D7D7!important;color:#fff;font-weight:700;letter-spacing:inherit;line-height:34px!important;padding:0!important;text-align:center;text-transform:none;margin:0!important;text-shadow:none!important;width:100%}#the_champ_sharing_more_providers *{font-family:Arial,Helvetica,sans-serif}#the_champ_sharing_more_providers #the_champ_sharing_more_content{background:#FAFAFA;border-radius:4px;color:#555;height:auto;width:100%}#the_champ_sharing_more_providers .filter{margin:0;padding:10px 0 0;position:relative;width:100%}#the_champ_sharing_more_providers .all-services{clear:both;height:250px;overflow:auto}#the_champ_sharing_more_content .all-services ul{margin:10px!important;overflow:hidden;list-style:none;padding-left:0!important;position:static!important;width:auto!important}#the_champ_sharing_more_content .all-services ul li{margin:0;background:0 0!important;float:left;width:33.3333%!important;text-align:left!important}#the_champ_sharing_more_providers .close-button img{margin:0;}#the_champ_sharing_more_providers .close-button.separated{background:0 0!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;z-index:1000}#the_champ_sharing_more_providers .close-button{height:auto!important;width:auto!important;left:auto!important;display:block!important;color:#555!important;cursor:pointer!important;font-size:29px!important;line-height:29px!important;margin:0!important;padding:0!important;position:absolute;right:-13px;top:-11px}#the_champ_sharing_more_providers .filter input.search{width:94%;display:block;float:none;font-family:"open sans","helvetica neue",helvetica,arial,sans-serif;font-weight:300;height:auto;line-height:inherit;margin:0 auto;padding:5px 8px 5px 10px;border:1px solid #ccc!important;color:#000;background:#FFF!important;font-size:16px!important;text-align:left!important;line-height:1}#the_champ_sharing_more_providers .footer-panel{background:#fff;border-top:1px solid #D7D7D7;padding:6px 0;width:100%;color:#fff}#the_champ_sharing_more_providers .footer-panel p{background-color:transparent;top:0;text-align:left!important;color:#000;font-family:'helvetica neue',arial,helvetica,sans-serif;font-size:12px;line-height:1.2;margin:0!important;padding:0 6px!important;text-indent:0!important}#the_champ_sharing_more_providers .footer-panel a{color:#fff;text-decoration:none;font-weight:700;text-indent:0!important}#the_champ_sharing_more_providers .all-services ul li a{border-radius:3px;color:#666!important;display:block;font-size:18px;height:auto;line-height:28px;overflow:hidden;padding:8px;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;border:none!important;text-indent:0!important;background:0 0!important;text-shadow:none;box-shadow:none!important}.the_champ_share_count{display:block;text-indent:0!important;visibility:hidden;background-color:#58B8F8!important;width:5px;height:auto;text-align:center;min-width:8px!important;padding:1px 4px!important;color:#fff!important;font-family:'Open Sans',arial,sans-serif!important;font-size:10px!important;font-weight:600!important;-webkit-border-radius:15px!important;border-radius:15px!important;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2);line-height:14px!important;border:2px solid #fff!important;z-index:1;margin:2px auto!important;box-sizing:content-box!important}.the_champ_share_count,.the_champ_vertical_counter,.the_champ_vertical_sharing{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}ul.the_champ_login_ul{list-style:none!important;padding-left:0!important}#the_champ_comment_toggle{margin-bottom:10px}ul.the_champ_login_ul{margin:3px 0!important}ul.the_champ_login_ul li{background:none;float:left;padding:0!important;margin:0!important;border:0!important;width:auto!important;clear:none!important;list-style-type:none!important}.theChampLoginSvg{-webkit-box-sizing:content-box;-moz-box-sizing:border-box;box-sizing:content-box;width:100%;height:100%;background-position:center!important}.theChampXingLoginSvg{background-size:109%!important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+DQo8cGF0aCBkPSJNIDYgOSBoIDUgbCA0IDQgbCAtNSA3IGggLTUgbCA1IC03IHogbSAxNSAtNCBoIDUgbCAtOSAxMyBsIDQgOCBoIC01IGwgLTQgLTggeiIgZmlsbD0iI2ZmZiI+PC9wYXRoPg0KPC9zdmc+) left no-repeat}.theChampWordpressLoginSvg{background-size:83%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2214.75%22%2F%3E%3Cg%20fill%3D%22%23464646%22%3E%3Cpath%20d%3D%22M3.176%2016c0%205.076%202.95%209.462%207.226%2011.54L4.287%2010.78c-.712%201.595-1.11%203.36-1.11%205.22zm21.48-.646c0-1.586-.57-2.684-1.06-3.537-.647-1.058-1.26-1.95-1.26-3.008%200-1.18.897-2.278%202.156-2.278.057%200%20.11.008.166.01-2.28-2.09-5.32-3.367-8.658-3.367-4.48%200-8.422%202.3-10.715%205.78.302.01.585.017.826.017%201.343%200%203.418-.164%203.418-.164.69-.042.774.974.084%201.056%200%200-.694.08-1.466.12l4.668%2013.892%202.808-8.417-1.998-5.476c-.69-.04-1.345-.12-1.345-.12-.69-.04-.61-1.1.08-1.058%200%200%202.116.164%203.38.164%201.34%200%203.416-.163%203.416-.163.69-.04.77.976.08%201.058%200%200-.694.08-1.467.12l4.634%2013.785%201.28-4.272c.552-1.773.975-3.048.975-4.144zm-8.43%201.766l-3.85%2011.18c1.15.34%202.365.523%203.624.523%201.492%200%202.925-.26%204.26-.728-.035-.056-.066-.113-.093-.177L16.225%2017.12zM27.25%209.848c.055.408.086.848.086%201.318%200%201.3-.242%202.764-.975%204.594l-3.916%2011.324C26.26%2024.86%2028.822%2020.73%2028.822%2016c0-2.23-.568-4.326-1.57-6.152z%22%2F%3E%3Cpath%20d%3D%22M16%201.052C7.757%201.052%201.052%207.757%201.052%2016c0%208.242%206.705%2014.948%2014.948%2014.948%208.242%200%2014.948-6.706%2014.948-14.95%200-8.24-6.706-14.946-14.948-14.946zm0%2029.212c-7.865%200-14.264-6.4-14.264-14.265S8.136%201.734%2016%201.734c7.863%200%2014.264%206.398%2014.264%2014.263%200%207.863-6.4%2014.264-14.264%2014.264z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center}.theChampOdnoklassnikiLoginSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-4%20-4%2040%2040%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2016.16c-3.635%200-6.58-2.945-6.58-6.58C9.42%205.945%2012.364%203%2016%203s6.582%202.945%206.582%206.58c0%203.635-2.946%206.58-6.58%206.58zm0-9.817c-1.788%200-3.236%201.448-3.236%203.237%200%201.79%201.448%203.236%203.237%203.236%201.79%200%203.24-1.447%203.24-3.236%200-1.79-1.45-3.237-3.238-3.237zm7.586%2010.62c.648%201.3-.084%201.93-1.735%202.99-1.397.9-3.315%201.238-4.566%201.368l1.048%201.05%203.877%203.877c.59.59.59%201.544%200%202.134l-.178.18c-.59.59-1.544.59-2.134%200l-3.878-3.88-3.878%203.88c-.59.59-1.543.59-2.135%200l-.176-.18c-.59-.59-.59-1.543%200-2.132l3.878-3.878%201.043-1.046c-1.25-.127-3.19-.465-4.6-1.37-1.65-1.062-2.38-1.69-1.733-2.99.37-.747%201.4-1.367%202.768-.29C13.035%2018.13%2016%2018.13%2016%2018.13s2.968%200%204.818-1.456c1.37-1.077%202.4-.457%202.768.29z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center}.theChampYandexLoginSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%22-92%20-12%20317.397%20187.918%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Cg%20transform%3D%22translate%28-151.302%20-165.536%29%22%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20transform%3D%22matrix%281%200%200%20-1%200%20524%29%22%20d%3D%22M0%20524h1000V0H0z%22%2F%3E%3C%2FclipPath%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M207.189%20331.072V314.4c0-22.627-2.627-33.82-11.703-53.352l-44.184-95.51h30.57l37.498%2081.695c10.986%2023.82%2015.763%2036.204%2015.763%2063.595v20.245zM225.102%20245.565l34.87-80.029h29.376L254%20245.566z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center}.theChampGoogleLoginSvg{background-size:111%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20viewBox%3D%27-9%20-9%2066%2066%27%3E%3Cdefs%3E%3Cpath%20id%3D%27a%27%20d%3D%27M44.5%2020H24v8.5h11.8C34.7%2033.9%2030.1%2037%2024%2037c-7.2%200-13-5.8-13-13s5.8-13%2013-13c3.1%200%205.9%201.1%208.1%202.9l6.4-6.4C34.6%204.1%2029.6%202%2024%202%2011.8%202%202%2011.8%202%2024s9.8%2022%2022%2022c11%200%2021-8%2021-22%200-1.3-.2-2.7-.5-4z%27%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%27b%27%3E%3Cuse%20xlink%3Ahref%3D%27%23a%27%20overflow%3D%27visible%27%2F%3E%3C%2FclipPath%3E%3Cpath%20clip-path%3D%27url%28%23b%29%27%20fill%3D%27%23FBBC05%27%20d%3D%27M0%2037V11l17%2013z%27%2F%3E%3Cpath%20clip-path%3D%27url%28%23b%29%27%20fill%3D%27%23EA4335%27%20d%3D%27M0%2011l17%2013%207-6.1L48%2014V0H0z%27%2F%3E%3Cpath%20clip-path%3D%27url%28%23b%29%27%20fill%3D%27%2334A853%27%20d%3D%27M0%2037l30-23%207.9%201L48%200v48H0z%27%2F%3E%3Cpath%20clip-path%3D%27url%28%23b%29%27%20fill%3D%27%234285F4%27%20d%3D%27M48%2048L17%2024l-4-3%2035-10z%27%2F%3E%3C%2Fsvg%3E') left no-repeat}.theChampYoutubeLoginSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-50%200%20262%20110%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23f00%22%20d%3D%22M154.3%2C17.5c-1.8-6.7-7.1-12-13.8-13.8c-12.1-3.3-60.8-3.3-60.8-3.3S31%2C0.5%2C18.9%2C3.8%20c-6.7%2C1.8-12%2C7.1-13.8%2C13.8C1.9%2C29.7%2C1.9%2C55%2C1.9%2C55s0%2C25.3%2C3.3%2C37.5c1.8%2C6.7%2C7.1%2C12%2C13.8%2C13.8c12.1%2C3.3%2C60.8%2C3.3%2C60.8%2C3.3%20s48.7%2C0%2C60.8-3.3c6.7-1.8%2C12-7.1%2C13.8-13.8c3.3-12.1%2C3.3-37.5%2C3.3-37.5S157.6%2C29.7%2C154.3%2C17.5z%22%3E%3C%2Fpath%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2264.2%2C78.4%20104.6%2C55%2064.2%2C31.6%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E') no-repeat center center}.theChampLinkedinLoginSvg{background-size:106%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-1%200%2033%2035%22%3E%3Cpath%20d%3D%22M6.227%2012.61h4.19v13.48h-4.19V12.61zm2.095-6.7a2.43%202.43%200%200%201%200%204.86c-1.344%200-2.428-1.09-2.428-2.43s1.084-2.43%202.428-2.43m4.72%206.7h4.02v1.84h.058c.56-1.058%201.927-2.176%203.965-2.176%204.238%200%205.02%202.792%205.02%206.42v7.395h-4.183v-6.56c0-1.564-.03-3.574-2.178-3.574-2.18%200-2.514%201.7-2.514%203.46v6.668h-4.187V12.61z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') left no-repeat}.theChampXLoginSvg{background-size:106%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.751%207h3.067l-6.7%207.658L26%2025.078h-6.172l-4.833-6.32-5.531%206.32h-3.07l7.167-8.19L6%207h6.328l4.37%205.777L21.75%207Zm-1.076%2016.242h1.7L11.404%208.74H9.58l11.094%2014.503Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') left no-repeat}.theChampVkontakteLoginSvg{background-size:113%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20height%3D%22100%25%22%20width%3D%22100%25%22%20viewBox%3D%220%2013%2046%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M25.54%2034.58c-10.94%200-17.18-7.5-17.44-19.98h5.48c.18%209.16%204.22%2013.04%207.42%2013.84V14.6h5.16v7.9c3.16-.34%206.48-3.94%207.6-7.9h5.16c-.86%204.88-4.46%208.48-7.02%209.96%202.56%201.2%206.66%204.34%208.22%2010.02h-5.68c-1.22-3.8-4.26-6.74-8.28-7.14v7.14z%22%20fill%3D%22%23FFFFFF%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') left no-repeat}.theChampLineLoginSvg{background-size:91%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M28%2014.304c0-5.37-5.384-9.738-12-9.738S4%208.936%204%2014.304c0%204.814%204.27%208.846%2010.035%209.608.39.084.923.258%201.058.592.122.303.08.778.04%201.084l-.172%201.028c-.05.303-.24%201.187%201.04.647s6.91-4.07%209.43-6.968c1.737-1.905%202.57-3.842%202.57-5.99zM11.302%2017.5H8.918c-.347%200-.63-.283-.63-.63V12.1c0-.346.283-.628.63-.628.348%200%20.63.283.63.63v4.14h1.754c.35%200%20.63.28.63.628%200%20.347-.282.63-.63.63zm2.467-.63c0%20.347-.284.628-.63.628-.348%200-.63-.282-.63-.63V12.1c0-.347.282-.63.63-.63.346%200%20.63.284.63.63v4.77zm5.74%200c0%20.27-.175.51-.433.596-.065.02-.132.032-.2.032-.195%200-.384-.094-.502-.25l-2.443-3.33v2.95c0%20.35-.282.63-.63.63-.347%200-.63-.282-.63-.63V12.1c0-.27.174-.51.43-.597.066-.02.134-.033.2-.033.197%200%20.386.094.503.252l2.444%203.328V12.1c0-.347.282-.63.63-.63.346%200%20.63.284.63.63v4.77zm3.855-3.014c.348%200%20.63.282.63.63%200%20.346-.282.628-.63.628H21.61v1.126h1.755c.348%200%20.63.282.63.63%200%20.347-.282.628-.63.628H20.98c-.345%200-.628-.282-.628-.63v-4.766c0-.346.283-.628.63-.628h2.384c.348%200%20.63.283.63.63%200%20.346-.282.628-.63.628h-1.754v1.126h1.754z%22%2F%3E%3C%2Fsvg%3E') left no-repeat}.theChampMicrosoftLoginSvg{background-size:91%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-16.61977%20-16.61977%20123.565208%20123.834167%22%20id%3D%22svg8375%22%3E%3Cpath%20d%3D%22M%200%2C12.40183%2035.68737%2C7.5416%2035.70297%2C41.96435%200.03321%2C42.16748%20z%20m%2035.67037%2C33.52906%200.0277%2C34.45332%20-35.66989%2C-4.9041%20-0.002%2C-29.77972%20z%20M%2039.99644%2C6.90595%2087.31462%2C0%20l%200%2C41.527%20-47.31818%2C0.37565%20z%20M%2087.32567%2C46.25471%2087.31457%2C87.59463%2039.9964%2C80.91625%2039.9301%2C46.17767%20z%22%20id%3D%22path13%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') left no-repeat}.theChampKakaoLoginSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20data-v-2f45413c%3D%22%22%20data-v-47403985%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%227.5%207.5%2021%2021%22%20class%3D%22ico%5fshare%5fkakao%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%20data-v-2f45413c%3D%22%22%3E%3Cg%20data-v-2f45413c%3D%22%22%3E%3Cpath%20data-v-2f45413c%3D%22%22%20d%3D%22M0%200H18V18H0z%22%20transform%3D%22translate%289%209%29%22%3E%3C%2Fpath%3E%20%3Cpath%20data-v-2f45413c%3D%22%22%20d%3D%22M9.375%201.5C5.025%201.5%201.5%204.393%201.5%207.962c0%202.718%201.151%203.858%202.949%205.042l.01%203.315c0%20.149.178.234.303.145L7.827%2014.3c.5.082%201.018.125%201.548.125%204.35%200%207.875-2.893%207.875-6.463%200-3.569-3.526-6.462-7.875-6.462%22%20transform%3D%22translate%289%209%29%22%20class%3D%22fill%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') left no-repeat}.theChampSpotifyLoginSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20186.845%20186.845%22%20style%3D%22enable-background%3Anew%200%200%20186.845%20186.845%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128.875%2C120.962c-31.094-14.37-74.616-8.014-76.453-7.737c-4.096%2C0.619-6.915%2C4.44-6.296%2C8.536%20c0.619%2C4.096%2C4.443%2C6.912%2C8.536%2C6.296c0.406-0.062%2C40.867-5.982%2C67.92%2C6.521c1.018%2C0.471%2C2.089%2C0.694%2C3.142%2C0.694%20c2.834-0.001%2C5.546-1.614%2C6.813-4.355C134.274%2C127.157%2C132.635%2C122.7%2C128.875%2C120.962z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M137.614%2C93.953c-35.313-16.319-84.833-9.087-86.924-8.772c-4.094%2C0.619-6.911%2C4.438-6.294%2C8.532%20c0.616%2C4.095%2C4.438%2C6.916%2C8.531%2C6.301c0.468-0.071%2C47.206-6.857%2C78.394%2C7.556c1.02%2C0.471%2C2.089%2C0.694%2C3.142%2C0.694%20c2.834-0.001%2C5.546-1.614%2C6.814-4.356C143.014%2C100.148%2C141.374%2C95.691%2C137.614%2C93.953z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M143.49%2C65.736c-39.006-18.027-93.79-10.028-96.103-9.679c-4.094%2C0.619-6.911%2C4.438-6.294%2C8.532s4.44%2C6.919%2C8.531%2C6.3%20c0.523-0.079%2C52.691-7.657%2C87.573%2C8.463c1.018%2C0.471%2C2.089%2C0.694%2C3.142%2C0.694c2.834%2C0%2C5.546-1.614%2C6.813-4.355%20C148.89%2C71.93%2C147.25%2C67.474%2C143.49%2C65.736z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') left no-repeat;background-size:128%}.theChampGithubLoginSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20focusable%3D%27false%27%20aria-hidden%3D%27true%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20fill%3D%27%23FFF%27%20d%3D%27M16%203.32c-7.182%200-13%205.82-13%2013%200%205.754%203.72%2010.612%208.89%2012.335.65.114.893-.276.893-.617%200-.31-.016-1.333-.016-2.42-3.266.6-4.11-.797-4.37-1.53-.147-.373-.78-1.527-1.334-1.835-.455-.244-1.105-.845-.016-.86%201.024-.017%201.755.942%202%201.332%201.17%201.966%203.038%201.414%203.785%201.073.114-.845.455-1.414.83-1.74-2.893-.324-5.916-1.445-5.916-6.418%200-1.414.504-2.584%201.333-3.494-.13-.325-.59-1.657.13-3.445%200%200%201.085-.34%203.57%201.337%201.04-.293%202.146-.44%203.25-.44s2.21.147%203.25.44c2.49-1.69%203.58-1.337%203.58-1.337.714%201.79.26%203.12.13%203.446.828.91%201.332%202.064%201.332%203.494%200%204.99-3.04%206.094-5.93%206.42.47.405.876%201.185.876%202.404%200%201.74-.016%203.136-.016%203.575%200%20.34.244.743.894.613C25.28%2026.933%2029%2022.053%2029%2016.32c0-7.182-5.817-13-13-13z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E') left no-repeat;background-size:94%}.theChampDribbbleLoginSvg{background:url('data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-10%2010%201000%201000%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20500c0-90.667%2022.334-174.333%2067-251%2044.667-76.667%20105.334-137.333%20182-182C325.667%2022.333%20409.334%200%20500%200c90.667%200%20174.334%2022.333%20251%2067%2076.667%2044.667%20137.334%20105.333%20182%20182%2044.667%2076.667%2067%20160.333%2067%20251s-22.333%20174.333-67%20251c-44.666%2076.667-105.333%20137.333-182%20182-76.666%2044.667-160.333%2067-251%2067-90.666%200-174.333-22.333-251-67-76.666-44.667-137.333-105.333-182-182C22.334%20674.333%200%20590.667%200%20500zm83%200c0%20104%2035%20195.667%20105%20275%2032-62.667%2082.667-122.333%20152-179%2069.334-56.667%20137-92.333%20203-107-10-23.333-19.666-44.333-29-63-114.666%2036.667-238.666%2055-372%2055-26%200-45.333-.333-58-1%200%202.667-.166%206-.5%2010-.333%204-.5%207.333-.5%2010zm13-103c14.667%201.333%2036.334%202%2065%202%20111.334%200%20217-15%20317-45-50.666-90-106.333-165-167-225-52.666%2026.667-97.833%2063.667-135.5%20111-37.666%2047.333-64.166%2099.667-79.5%20157zm149%20432c75.334%2058.667%20160.334%2088%20255%2088%2049.334%200%2098.334-9.333%20147-28-13.333-114-39.333-224.333-78-331-61.333%2013.333-123.166%2047-185.5%20101C321.167%20713%20275%20769.667%20245%20829zM398%2097c58.667%2060.667%20113%20136.333%20163%20227%2090.667-38%20159-86.333%20205-145-77.333-64-166-96-266-96-34%200-68%204.667-102%2014zm199%20298c10%2021.333%2021.334%2048.333%2034%2081%2049.334-4.667%20103-7%20161-7%2041.334%200%2082.334%201%20123%203-5.333-90.667-38-171.333-98-242-43.333%2064.667-116.666%20119.667-220%20165zm59%20151c34%2098.667%2057%20200%2069%20304%2052.667-34%2095.667-77.667%20129-131%2033.334-53.333%2053.334-111%2060-173-48.666-3.333-93-5-133-5-36.666%200-78.333%201.667-125%205z%22%2F%3E%3C%2Fsvg%3E') left no-repeat;background-size:78%}.theChampYahooLoginSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M21.495%206.097c1.09.31%202.213.28%203.304%200l-7.418%2012.09v9.91c-.468-.155-.935-.22-1.37-.22-.47%200-.937.065-1.404.22v-9.91L7.19%206.097c1.09.28%202.213.31%203.304%200l5.516%208.788%205.483-8.787z%22%2F%3E%3C%2Fsvg%3E') left no-repeat;background-size:92%}.theChampDiscordLoginSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-3%20-3%2054%2054%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22M40%2012s-4.586-3.59-10-4l-.488.977C34.406%2010.176%2036.652%2011.89%2039%2014c-4.047-2.066-8.04-4-15-4-6.96%200-10.953%201.934-15%204%202.348-2.11%205.02-4.016%209.488-5.023L18%208c-5.68.535-10%204-10%204s-5.121%207.426-6%2022c5.16%205.953%2013%206%2013%206l1.64-2.184C13.856%2036.848%2010.716%2035.121%208%2032c3.238%202.45%208.125%205%2016%205s12.762-2.55%2016-5c-2.715%203.121-5.855%204.848-8.64%205.816L33%2040s7.84-.047%2013-6c-.879-14.574-6-22-6-22zM17.5%2030c-1.934%200-3.5-1.79-3.5-4s1.566-4%203.5-4%203.5%201.79%203.5%204-1.566%204-3.5%204zm13%200c-1.934%200-3.5-1.79-3.5-4s1.566-4%203.5-4%203.5%201.79%203.5%204-1.566%204-3.5%204z%22%20fill%3D%22%23fff%22%20id%3D%22surface1%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') left no-repeat}.theChampStackoverflowLoginSvg{background-size:88%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-20.5%20-20.5%20140%20170%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2288%2080%2099%2080%2099%20124%200%20124%200%2080%2011%2080%2011%20113%2088%20113%22%3E%3C%2Fpolygon%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%20d%3D%22M22.9878906%2C76.73%20L77.0128906%2C88.085%20L79.2838906%2C77.285%20L25.2588906%2C65.925%20L22.9878906%2C76.73%20Z%20M30.1368906%2C50.861%20L80.1828906%2C74.169%20L84.8448906%2C64.16%20L34.7978906%2C40.852%20L30.1368906%2C50.861%20Z%20M43.9848906%2C26.308%20L86.4128906%2C61.639%20L93.4788906%2C53.154%20L51.0508906%2C17.824%20L43.9848906%2C26.308%20Z%20M71.3718906%2C0.192%20L62.5118906%2C6.782%20L95.4598906%2C51.082%20L104.319891%2C44.493%20L71.3718906%2C0.192%20Z%20M22%2C102%20L77%2C102%20L77%2C91%20L22%2C91%20L22%2C102%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') left no-repeat}.theChampAmazonLoginSvg{background-size:71%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%201100%201000%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2%20776c3.333-5.333%208.666-5.667%2016-1%20166.666%2096.667%20348%20145%20544%20145%20130.666%200%20259.666-24.333%20387-73%203.333-1.333%208.166-3.333%2014.5-6%206.333-2.667%2010.833-4.667%2013.5-6%2010-4%2017.833-2%2023.5%206%205.666%208%203.833%2015.333-5.5%2022-12%208.667-27.334%2018.667-46%2030-57.334%2034-121.334%2060.333-192%2079-70.667%2018.667-139.667%2028-207%2028-104%200-202.334-18.167-295-54.5C162.333%20909.167%2079.333%20858%206%20792c-4-3.333-6-6.667-6-10%200-2%20.666-4%202-6zm301-285c0-46%2011.333-85.333%2034-118%2022.666-32.667%2053.666-57.333%2093-74%2036-15.333%2080.333-26.333%20133-33%2018-2%2047.333-4.667%2088-8v-17c0-42.667-4.667-71.333-14-86-14-20-36-30-66-30h-8c-22%202-41%209-57%2021s-26.334%2028.667-31%2050c-2.667%2013.333-9.334%2021-20%2023l-115-14c-11.334-2.667-17-8.667-17-18%200-2%20.333-4.333%201-7%2011.333-59.333%2039.166-103.333%2083.5-132C451.833%2019.333%20503.666%203.333%20563%200h25c76%200%20135.333%2019.667%20178%2059a190.52%20190.52%200%200%201%2018.5%2021.5c5.666%207.667%2010.166%2014.5%2013.5%2020.5%203.333%206%206.333%2014.667%209%2026%202.666%2011.333%204.666%2019.167%206%2023.5%201.333%204.333%202.333%2013.667%203%2028%20.666%2014.333%201%2022.833%201%2025.5v242c0%2017.333%202.5%2033.167%207.5%2047.5s9.833%2024.667%2014.5%2031c4.666%206.333%2012.333%2016.5%2023%2030.5%204%206%206%2011.333%206%2016%200%205.333-2.667%2010-8%2014-55.334%2048-85.334%2074-90%2078-8%206-17.667%206.667-29%202-9.334-8-17.5-15.667-24.5-23s-12-12.667-15-16-7.834-9.833-14.5-19.5c-6.667-9.667-11.334-16.167-14-19.5-37.334%2040.667-74%2066-110%2076-22.667%206.667-50.667%2010-84%2010-51.334%200-93.5-15.833-126.5-47.5S303%20549%20303%20491zm172-20c0%2026%206.5%2046.833%2019.5%2062.5S525%20557%20547%20557c2%200%204.833-.333%208.5-1%203.666-.667%206.166-1%207.5-1%2028-7.333%2049.666-25.333%2065-54%207.333-12.667%2012.833-26.5%2016.5-41.5%203.666-15%205.666-27.167%206-36.5.333-9.333.5-24.667.5-46v-25c-38.667%200-68%202.667-88%208-58.667%2016.667-88%2053.667-88%20111zm420%20322c1.333-2.667%203.333-5.333%206-8%2016.666-11.333%2032.666-19%2048-23%2025.333-6.667%2050-10.333%2074-11%206.666-.667%2013-.333%2019%201%2030%202.667%2048%207.667%2054%2015%202.666%204%204%2010%204%2018v7c0%2023.333-6.334%2050.833-19%2082.5-12.667%2031.667-30.334%2057.167-53%2076.5-3.334%202.667-6.334%204-9%204-1.334%200-2.667-.333-4-1-4-2-5-5.667-3-11%2024.666-58%2037-98.333%2037-121%200-7.333-1.334-12.667-4-16-6.667-8-25.334-12-56-12-11.334%200-24.667.667-40%202-16.667%202-32%204-46%206-4%200-6.667-.667-8-2-1.334-1.333-1.667-2.667-1-4%200-.667.333-1.667%201-3z%22%2F%3E%3C%2Fsvg%3E') left no-repeat}.theChampMailruLoginSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23F89C0E%22%20d%3D%22M19.975%2015.894c-.134-2.542-2.02-4.07-4.3-4.07h-.086c-2.63%200-4.09%202.068-4.09%204.417%200%202.633%201.765%204.296%204.077%204.296%202.58%200%204.275-1.89%204.4-4.127l-.003-.515zm-4.37-6.346c1.755%200%203.407.776%204.62%201.993v.006c0-.584.395-1.024.94-1.024h.14c.85%200%201.025.808%201.025%201.063l.005%209.08c-.06.595.613.9.988.52%201.457-1.497%203.203-7.702-.907-11.295-3.83-3.352-8.967-2.8-11.7-.916-2.904%202.003-4.764%206.438-2.958%2010.603%201.968%204.543%207.6%205.896%2010.947%204.546%201.696-.684%202.48%201.607.72%202.355-2.66%201.132-10.066%201.02-13.525-4.972-2.338-4.046-2.212-11.163%203.987-14.85%204.74-2.822%2010.99-2.042%2014.762%201.895%203.937%204.117%203.705%2011.82-.137%2014.818-1.742%201.36-4.326.035-4.312-1.947l-.02-.647c-1.21%201.203-2.824%201.905-4.58%201.905-3.475%200-6.53-3.056-6.53-6.528%200-3.508%203.057-6.6%206.533-6.6%22%2F%3E%3C%2Fsvg%3E') no-repeat center center}.theChampFacebookLoginSvg{background-size:147%!important;padding-top:5px;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%2042%2042%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22%23218cf2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') left no-repeat}.theChampSteamLoginSvg{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20300%22%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%22130%22%20r%3D%2225%22%20stroke%3D%22%23fff%22%20stroke-width%3D%227%22%20fill%3D%22none%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%22198%22%20r%3D%2225%22%20stroke%3D%22%23fff%22%20stroke-width%3D%227%22%20fill%3D%22none%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%22245%22%20cy%3D%22110%22%20r%3D%2235%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2210%22%20fill%3D%22none%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%22245%22%20cy%3D%22110%22%20r%3D%2215%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2210%22%20fill%3D%22%23fff%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M%20160%20170%20l%2045%20-64%20l%2040%2044%20l%20-62%2044%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2045%20130%20l%20110%2068%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2230%22%20fill%3D%22%23fff%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat;background-size:80%!important}.theChampInstagramLoginSvg{background-size:94%!important;background:url(data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%20128%20128%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%220%200%20128%20128%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M86%2C112H42c-14.336%2C0-26-11.663-26-26V42c0-14.337%2C11.664-26%2C26-26h44c14.337%2C0%2C26%2C11.663%2C26%2C26v44%20%20%20%20C112%2C100.337%2C100.337%2C112%2C86%2C112z%20M42%2C24c-9.925%2C0-18%2C8.074-18%2C18v44c0%2C9.925%2C8.075%2C18%2C18%2C18h44c9.926%2C0%2C18-8.075%2C18-18V42%20%20%20%20c0-9.926-8.074-18-18-18H42z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M64%2C88c-13.234%2C0-24-10.767-24-24c0-13.234%2C10.766-24%2C24-24s24%2C10.766%2C24%2C24C88%2C77.233%2C77.234%2C88%2C64%2C88z%20M64%2C48c-8.822%2C0-16%2C7.178-16%2C16s7.178%2C16%2C16%2C16c8.822%2C0%2C16-7.178%2C16-16S72.822%2C48%2C64%2C48z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cg%3E%3Ccircle%20cx%3D%2289.5%22%20cy%3D%2238.5%22%20fill%3D%22%23fff%22%20r%3D%225.5%22%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E) left no-repeat}.theChampLoginButton{background:url(//www.destinationtnt.com/wp-content/plugins/super-socializer/images/login/login.png) no-repeat}.theChampLogin{padding:0!important;margin:2px;height:35px;width:35px;float:left;cursor:pointer;border:none}.theChampInstagramLogin,.theChampTwitterLogin,.theChampXingLogin{display:block}.theChampXingButton{background-position:-64px 0;width:32px;height:32px;display:block}.theChampFacebookButton{background-position:0 0;width:32px;height:32px;display:none}.theChampLiveButton{background-position:-32px -96px;width:32px;height:32px;display:block}.theChampGoogleButton{background-position:-32px 0;width:32px;height:32px;display:none}.theChampInstagramButton{background-position:0 -32px;width:32px;height:32px;display:block!important}.theChampLinkedinButton{background-position:-32px -32px;width:32px;height:32px;display:none}.theChampTwitterButton{background-position:0 -64px;width:32px;height:32px;display:block!important}.theChampVkontakteButton{background-position:-32px -64px;width:32px;height:32px;display:none}ul.the_champ_sharing_ul,ul.heateor_ss_follow_ul{margin:1px 0;list-style:none;padding-left:0}#heateor_ss_mastodon_popup_close img,#the_champ_sharing_popup_close img{opacity: 1!important;background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important;width:auto!important;height:auto!important;top:inherit!important;right:inherit!important;left:9px!important;padding:0!important}.the_champ_square_count{display:none;text-align:center;font-weight:bolder;font-family:sans-serif;font-style: normal;font-size: .55em;visibility:hidden;word-wrap:normal!important}ul.heateor_ss_follow_ul li{width:auto;}div.heateor_ss_follow_ul a,div.the_champ_sharing_ul a,ul.the_champ_sharing_ul li{text-decoration:none!important;margin:2px;float:left;padding:0;list-style:none;border:none;clear:none;}.theChampSharing{display:block;cursor:pointer;margin:2px}ul.the_champ_login_ul li:before{content:none!important}.the_champ_vertical_counter,.the_champ_vertical_sharing{background:0 0;-webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,.1);box-shadow:0 1px 4px 1px rgba(0,0,0,.1);position:fixed;overflow:visible;z-index:10000000;display:block;padding:10px;border-radius:4px;opacity:1;box-sizing:content-box!important}.the_champ_vertical_counter li{clear:both}li.the_champ_facebook_share .fb-share-button span,li.the_champ_facebook_like .fb-like span,li.the_champ_facebook_recommend .fb-like span{vertical-align:top!important}li.the_champ_facebook_like .fb-like span iframe,li.the_champ_facebook_recommend .fb-like span iframe{max-width:none!important;z-index:1000}div.the_champ_horizontal_sharing li.the_champ_facebook_share, div.the_champ_horizontal_counter li.the_champ_facebook_share{width:76px}div.the_champ_horizontal_sharing li.the_champ_facebook_like, div.the_champ_horizontal_counter li.the_champ_facebook_like{width:56px}div.the_champ_horizontal_sharing li.the_champ_facebook_recommend, div.the_champ_horizontal_counter li.the_champ_facebook_recommend{width:111px}div.the_champ_horizontal_sharing li.the_champ_twitter_tweet, div.the_champ_horizontal_counter li.the_champ_twitter_tweet{width:65px}div.the_champ_horizontal_counter li.the_champ_linkedin_share span, div.the_champ_horizontal_sharing .the_champ_linkedin_share span{vertical-align:text-top!important}div.the_champ_horizontal_sharing .the_champ_buffer_share{width:89px}div.the_champ_horizontal_sharing .the_champ_linkedin_share, div.the_champ_horizontal_counter li.the_champ_linkedin_share{width:67px}div.the_champ_horizontal_sharing .the_champ_buffer, div.the_champ_horizontal_counter li.the_champ_buffer{width:81px;}div.the_champ_horizontal_sharing .the_champ_reddit, div.the_champ_horizontal_counter li.the_champ_reddit{width:124px}div.the_champ_horizontal_sharing .the_champ_yummly, div.the_champ_horizontal_counter li.the_champ_yummly{width:61px}div.the_champ_horizontal_sharing .the_champ_pinterest_pin, div.the_champ_horizontal_counter li.the_champ_pinterest_pin{width:58px}div.the_champ_horizontal_counter li.the_champ_pinterest_pin{line-height:1px}div.the_champ_horizontal_sharing .the_champ_xing, div.the_champ_horizontal_counter li.the_champ_xing{width:67px}.the_champ_counter_container li{height:21px}.theChampInstagramBackground{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}.theChampYummlyBackground{background-color:#E16120}.theChampBufferBackground{background-color:#000}.theChampYahooBackground{background-color:#400090}.theChampGithubBackground{background-color:#2a2a2a}.theChampSpotifyBackground{background-color:#1DB954}.theChampAmazonBackground{background-color:#f59829}.theChampDiscordBackground{background-color:#7289DA}.theChampStackoverflowBackground{background-color:#f3802e}.theChampDribbbleBackground{background-color:#ea4c89}.theChampKakaoBackground{background-color:#FEE500}.theChampDropboxBackground{background-color:#0061ff}.theChampFoursquareBackground{background-color:#f94877}.theChampDisqusBackground{background-color:#2e9fff}.theChampFacebookBackground{background-color:#4267B2}.theChampOdnoklassnikiBackground{background-color:#F2720C}.theChampYandexBackground{background-color:#e52620}.theChampSteamBackground{background-color:#393939}.theChampLiveJournalBackground{background-color:#EDEDED}.theChampDiggBackground{background-color:#006094}.theChampEmailBackground{background-color:#649A3F}.theChampFloatitBackground{background-color:#53BEEE}.theChampYoutubeBackground{background-color:white;box-sizing:border-box;border:1px #4184F3 solid}.theChampGoogleBackground{background-color:white;box-sizing:border-box;border:1px #4184F3 solid}.theChampLinkedinBackground{background-color:#0077B5}.theChampMoreBackground{background-color:#EE8E2D}.theChampPinterestBackground{background-color:#CC2329}.theChampPrintBackground{background-color:#FD6500}.theChampRedditBackground{background-color:#FF5700}.theChampStockTwitsBackground{background-color: #40576F}.theChampTumblrBackground{background-color:#29435D}.theChampLineBackground{background-color:#00C300}.theChampMicrosoftBackground{background-color:#2672ec}.theChampParlerBackground{background-color:#892E5E}.theChampTwitterBackground{background-color:#55acee}.theChampMastodonBackground{background-color:#2b90d9}.theChampWordPressBackground,.theChampWordpressBackground{background-color: #464646}.theChampVkontakteBackground{background-color:#0077FF}.theChampXingBackground{background-color:#00797D}.theChampWhatsappBackground{background-color:#55EB4C}.theChampMailruBackground{background-color:#356FAC}.theChampMeWeBackground{background-color:#007da1}.theChampMixBackground{background-color:#ff8226}.theChampXBackground{background-color:#2a2a2a}.theChampHorizontalSharingButton,.theChampVerticalSharingButton{display:block}.theChampInstagramBackground{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}.theChampTCBackground,.theChampTCBackground:hover{border-width: 0!important;background-color:transparent;}div.the_champ_sharing_ul .theChampTCBackground{background-color:transparent;font-style:normal!important;word-wrap:normal;color:#666;line-height:1;visibility:hidden;}.theChampSharingTotalsharesButton{font-style:normal!important;word-wrap:normal;color:#666;line-height:1}.theChampSharingSvg{width:100%;height:100%}.theChampYummlySvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M%2010.5%2010%20q%204%20-2%202.5%201%20l%20-1%204%20q%200%202%205%200%20l%201%20-6.5%20m%20-1%206.5%20l%20-1%204%20c%20-3%206%20-6%20-1%200%20-1%20q%201%20-1%205%201%22%20stroke-width%3D%222%22%20fill%3D%22none%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center}.theChampBufferSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-4%20-4%2038%2039%22%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M%2015%206%20l%20-10%205%20l%2010%205%20l%2010%20-5%20z%22%20stroke-width%3D%220%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M%205.5%2014.5%20l%209.5%205%20l%209.5%20-5%20m%20-19%204%20l%209.5%205%20l%209.5%20-5%22%20stroke-width%3D%222%22%20fill%3D%22none%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center}.theChampFacebookSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%2042%2042%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center}.theChampSharing{float:left;border:none}.theChampSharingArrow{height:16px;width:16px;cursor:pointer;margin-top:10px}.theChampPushIn{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%207%206%20q%202%206%2010%206%20v%20-6%20l%206%209%20l%20-6%209%20v%20-6%20q%20-10%202%20-10%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.theChampPullOut{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%2023%206%20q%20-2%206%20-10%206%20v%20-6%20l%20-6%209%20l%206%209%20v%20-6%20q%2010%202%2010%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.theChampCommentingTabs li{padding-left:0!important;float:left;margin:0 1em 0 0!important;list-style:none;color:#aaa;display:block;cursor:pointer;font-size:.85em}.theChampCommentingTabs ul{float:left;padding-left:0;margin-left:0}li.theChampSelectedTab{color:#333;border-bottom:2px solid #23a9e1}.fb-comments,.fb-comments span,.fb-comments span iframe[style]{min-width:100%!important;width:100%!important}div.the_champ_horizontal_counter li{margin-right:14px!important}div.theChampTotalShareCount{word-wrap:normal!important;font-weight: bolder;font-family: sans-serif;padding: 0;margin: 0;text-align:center}div.theChampTotalShareText{word-wrap:normal!important;margin: 0;padding: 0;text-align: center;}.the_champ_sharing_container a{padding:0!important;box-shadow:none!important;border:none!important}div.course_instructor_widget .the_champ_vertical_sharing{display:none!important;}@media screen and (max-width:783px){#the_champ_sharing_more_providers{width:80%;left:60%;margin-left:-50%;text-shadow:none!important}#the_champ_sharing_more_providers .filter input.search{border:1px solid #ccc;width:92%}}@media screen and (max-width:475px){#the_champ_sharing_more_content .all-services ul li{width:100%!important;}}#ss_openid{border:1px solid gray;display:inline;font-family:"Trebuchet MS";font-size:12px;width:98%;padding:.35em .325em .75em;margin-bottom:20px}#ss_openid form{margin-top:25px;margin-left:0;padding:0;background:transparent;-webkit-box-shadow:none;box-shadow:none}#ss_openid input{font-family:"Trebuchet MS";font-size:12px;width:100px;float:left}#ss_openid input[type=submit]{background:#767676;padding:.75em 2em;border:0;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-weight:800;line-height:1;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}#ss_openid legend{color:#FF6200;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}#ss_openid input.openid_login{background-color:#fff;background-position:0 50%;color:#000;width:220px;margin-right:10px;height:30px;margin-bottom:5px;background:#fff;background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));border:1px solid #bbb;-webkit-border-radius:3px;border-radius:3px;display:block;padding:.7em;line-height:1.5}#ss_openid a{color:silver}#ss_openid a:hover{color:#5e5e5e}.heateor_ms_subscribe_option{line-height: 14px;margin-top: 8px;}.heateor_ms_subscribe_option input.heateor_ms_checkbox, .heateor_ms_subscribe_option label.heateor_ms_checkbox_label{float:left;font-size: 15px;margin: 0;color: #666;}.heateor_ms_subscribe_option input.heateor_ms_checkbox{margin: 0 4px 0 0;width: 15px;height: 15px;float: left;}div.heateor_ss_sl_optin_container{clear:both}div.heateor_ss_sl_optin_container a{color:blue}div.heateor_ss_sl_optin_container label{font-size:11px;font-weight:normal}input.heateor_ss_social_login_optin{vertical-align:middle}div.theChampFacebookLogoContainer{width:25px;height:25px;border-radius:999px;background-color:white;margin:5px auto;}div.the_champ_login_container i.theChampFacebookBackground{background-color:#218cf2!important}div.the_champ_bottom_sharing{margin-bottom:0}.theChampTwitchBackground{background-color:#6441A5}.theChampTwitchLoginSvg{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20300%22%3E%3Cpath%20d%3D%22M%2055%2030%20h%20200%20v%20160%20l%20-40%2040%20h%20-50%20l%20-40%2040%20v%20-40%20l%2030%20-30%20h%2060%20l%2020%20-20%20v%20-132%20h%20-165%20v%20152%20h%2055%20v%2070%20h%20-20%20v%20-40%20h%20-65%20v%20-160%20z%20M%20130%2090%20v%2060%20h%2015%20v%20-60%20z%20M%20185%2090%20v%2060%20h%2015%20v%20-60%20z%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.theChampParlerSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20height%3D%27100%25%27%20width%3D%27100%25%27%20viewBox%3D%27-24%20-30%20140%20160%27%3E%3Cg%20fill%3D%27%23fff%27%3E%3Cpath%20d%3D%27M58.34%2083.31h-25v-8.49c0-4.5%203.64-8.14%208.14-8.14h16.87c13.8%200%2025.02-11.19%2025.02-24.94%200-13.75-11.23-24.94-25.03-24.94h-.26l-5.3-.16H0C0%207.45%207.45%200%2016.63%200h36.41l5.44.17C81.39.24%20100%2018.86%20100%2041.74c0%2022.92-18.69%2041.57-41.66%2041.57z%27%3E%3C%2Fpath%3E%3Cpath%20d%3D%27M16.65%20100C7.46%20100%20.02%2092.55.02%2083.37V49.49c0-8.92%207.23-16.16%2016.16-16.16h42.19a8.32%208.32%200%20010%2016.64h-33.5c-4.53%200-8.21%203.67-8.21%208.21V100z%27%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center}div#the_champ_sharing_more_content ss.theChampParlerSvg{width:92%!important}.theChampRedditLoginSvg{background-size:125%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-2.5%20-3.5%2039%2039%22%3E%3Cpath%20d%3D%22M28.543%2015.774a2.953%202.953%200%200%200-2.951-2.949%202.882%202.882%200%200%200-1.9.713%2014.075%2014.075%200%200%200-6.85-2.044l1.38-4.349%203.768.884a2.452%202.452%200%201%200%20.24-1.176l-4.274-1a.6.6%200%200%200-.709.4l-1.659%205.224a14.314%2014.314%200%200%200-7.316%202.029%202.908%202.908%200%200%200-1.872-.681%202.942%202.942%200%200%200-1.618%205.4%205.109%205.109%200%200%200-.062.765c0%204.158%205.037%207.541%2011.229%207.541s11.22-3.383%2011.22-7.541a5.2%205.2%200%200%200-.053-.706%202.963%202.963%200%200%200%201.427-2.51zm-18.008%201.88a1.753%201.753%200%200%201%201.73-1.74%201.73%201.73%200%200%201%201.709%201.74%201.709%201.709%200%200%201-1.709%201.711%201.733%201.733%200%200%201-1.73-1.711zm9.565%204.968a5.573%205.573%200%200%201-4.081%201.272h-.032a5.576%205.576%200%200%201-4.087-1.272.6.6%200%200%201%20.844-.854%204.5%204.5%200%200%200%203.238.927h.032a4.5%204.5%200%200%200%203.237-.927.6.6%200%201%201%20.844.854zm-.331-3.256a1.726%201.726%200%201%201%201.709-1.712%201.717%201.717%200%200%201-1.712%201.712z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center center}.theChampDisqusLoginSvg{background-size:112%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer%5f1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20200%20200%22%20enable-background%3D%22new%200%200%20200%20200%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Layer%5f2%22%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M102.535%2C167.5c-16.518%2C0-31.621-6.036-43.298-16.021L30.5%2C155.405l11.102-27.401%0A%09c-3.868-8.535-6.038-18.01-6.038-28.004c0-37.277%2C29.984-67.5%2C66.971-67.5c36.984%2C0%2C66.965%2C30.223%2C66.965%2C67.5%0A%09C169.5%2C137.284%2C139.52%2C167.5%2C102.535%2C167.5z%20M139.102%2C99.807v-0.188c0-19.478-13.736-33.367-37.42-33.367h-25.58v67.5h25.201%0A%09C125.171%2C133.753%2C139.102%2C119.284%2C139.102%2C99.807L139.102%2C99.807z%20M101.964%2C117.168h-7.482V82.841h7.482%0A%09c10.989%2C0%2C18.283%2C6.265%2C18.283%2C17.07v0.188C120.247%2C110.995%2C112.953%2C117.168%2C101.964%2C117.168z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center}.theChampDropboxLoginSvg{background-size:113%!important;background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%22100%25%22%20width%3D%22100%25%22%20id%3D%22svg126%22%20version%3D%221.1%22%20viewBox%3D%22-35.3175%20-50%20306.085%20300%22%3E%3Cdefs%20id%3D%22defs112%22%3E%3Cstyle%20id%3D%22style110%22%3E.cls-1%7Bfill%3A%23ffffff%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22polygon116%22%20class%3D%22cls-1%22%20d%3D%22M58.86%2075l58.87-37.5L58.86%200%200%2037.5z%22%2F%3E%3Cpath%20id%3D%22polygon118%22%20class%3D%22cls-1%22%20d%3D%22M176.59%2075l58.86-37.5L176.59%200l-58.86%2037.5z%22%2F%3E%3Cpath%20id%3D%22polygon120%22%20class%3D%22cls-1%22%20d%3D%22M117.73%20112.5L58.86%2075%200%20112.5%2058.86%20150z%22%2F%3E%3Cpath%20id%3D%22polygon122%22%20class%3D%22cls-1%22%20d%3D%22M176.59%20150l58.86-37.5L176.59%2075l-58.86%2037.5z%22%2F%3E%3Cpath%20id%3D%22polygon124%22%20class%3D%22cls-1%22%20d%3D%22M176.59%20162.5L117.73%20125l-58.87%2037.5%2058.87%2037.5z%22%2F%3E%3C%2Fsvg%3E') left no-repeat}.theChampFoursquareLoginSvg{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-6.25%20-4%2040%2040%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.516%203H7.586C5.66%203%205%204.358%205%205.383v21.995c0%201.097.65%201.407.958%201.53.31.126%201.105.206%201.676-.36l6.72-7.455c.105-.12.49-.284.552-.284h4.184c1.79%200%201.81-1.45%201.997-2.206.157-.63%201.946-9.57%202.58-12.395.523-2.32-.104-3.21-2.15-3.21zM20.2%209.682c-.07.33-.368.66-.75.693h-5.44c-.61-.034-1.108.422-1.108%201.032v.665c0%20.61.5%201.24%201.108%201.24h4.607c.43%200%20.794.276.7.737-.093.46-.573%202.82-.627%203.07-.052.254-.282.764-.716.764h-3.62c-.682%200-1.36-.008-1.816.56-.458.573-4.534%205.293-4.534%205.293V6.403c0-.438.31-.746.715-.74h11.274c.41-.006.915.41.834%201L20.2%209.68z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat center center}#the_champ_sharing_more_providers .all-services ul li a span{width:51%;}@media screen and (max-width:783px){.the_champ_hide_sharing{display:none}}.heateor_ss_mastodon_popup_button{background:linear-gradient(#ec1b23,#d43116);padding:8px 0 10px;font-size:18px;border:0;color:#fff;border-radius:8px;margin:4px auto;font-weight:bolder;width:35%;cursor:pointer;border-bottom-style:groove;border-bottom-width:5px;border-bottom-color: rgb(0,0,0,.2)}div.the_champ_sharing_container a:before,div.heateor_ss_follow_icons_container a:before{content:none}.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }          .sidebar .widget-text-heading,
.col-sm-4 .widget-text-heading {
text-align: left;
margin-bottom: 35px; }
.sidebar .widget-text-heading .widget-heading,
.col-sm-4 .widget-text-heading .widget-heading {
font-size: 26px;
padding: 60px 0 0;
background-position: 0 top; }
.sidebar .widget-text-heading .widget-heading .description,
.sidebar .widget-text-heading .widget-heading .widget-desc,
.col-sm-4 .widget-text-heading .widget-heading .description,
.col-sm-4 .widget-text-heading .widget-heading .widget-desc {
font-size: 12px;
margin: 15px 0 0; }       .sidebar .widget-text-heading,
.col-sm-4 .widget-text-heading {
text-align: left;
margin-bottom: 35px; }
.sidebar .widget-text-heading .widget-heading,
.col-sm-4 .widget-text-heading .widget-heading {
font-size: 26px;
padding: 60px 0 0;
background-position: 0 top; }
.sidebar .widget-text-heading .widget-heading .description,
.sidebar .widget-text-heading .widget-heading .widget-desc,
.col-sm-4 .widget-text-heading .widget-heading .description,
.col-sm-4 .widget-text-heading .widget-heading .widget-desc {
font-size: 12px;
margin: 15px 0 0; }
.pull-left {
float: left; }
.pull-right {
float: right; }
.grid-row {
position: relative;
width: auto;
margin-left: -1.5%;
margin-right: -1.5%; }
.grid-row .grid-column {
float: left;
margin: 0.5rem 1.5%;
min-height: 0.125rem; }
.grid-row::after {
content: "";
display: table;
clear: both; }
.grid-column-1,
.grid-column-2,
.grid-column-3,
.grid-column-4,
.grid-column-5,
.grid-column-6,
.grid-column-7,
.grid-column-8,
.grid-column-9,
.grid-column-10,
.grid-column-11,
.grid-column-12 {
width: 97%; }
.grid-column-1-sm {
width: 5.33333%; }
.grid-column-2-sm {
width: 13.66667%; }
.grid-column-3-sm {
width: 22%; }
.grid-column-4-sm {
width: 30.33333%; }
.grid-column-5-sm {
width: 38.66667%; }
.grid-column-6-sm {
width: 47%; }
.grid-column-7-sm {
width: 55.33333%; }
.grid-column-8-sm {
width: 63.66667%; }
.grid-column-9-sm {
width: 72%; }
.grid-column-10-sm {
width: 80.33333%; }
.grid-column-11-sm {
width: 88.66667%; }
.grid-column-12-sm {
width: 97%; }
@media only screen and (min-width: 45em) {
.grid-column-1 {
width: 5.33333%; }
.grid-column-2 {
width: 13.66667%; }
.grid-column-3 {
width: 22%; }
.grid-column-4 {
width: 30.33333%; }
.grid-column-5 {
width: 38.66667%; }
.grid-column-6 {
width: 47%; }
.grid-column-7 {
width: 55.33333%; }
.grid-column-8 {
width: 63.66667%; }
.grid-column-9 {
width: 72%; }
.grid-column-10 {
width: 80.33333%; }
.grid-column-11 {
width: 88.66667%; }
.grid-column-12 {
width: 97%; } }
.opalhotel-datpicker {
font-family: 'Crimson Text', serif;
line-height: 1;
color: #444;
font-weight: 400;
width: 300px;
padding: 10px;
background-color: #fff;
box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1); }
.opalhotel-datpicker .ui-datepicker-header {
margin-bottom: 7px;
padding: 10px 0;
border-bottom: solid 1px #e6e6e6;
background-color: transparent;
position: relative; }
.opalhotel-datpicker .ui-datepicker-title {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
text-align: center; }
.opalhotel-datpicker .ui-datepicker-prev,
.opalhotel-datpicker .ui-datepicker-next {
position: absolute;
box-shadow: none;
top: 3px;
padding: 5px;
color: #444;
font-size: 0; }
.opalhotel-datpicker .ui-datepicker-prev:hover,
.opalhotel-datpicker .ui-datepicker-next:hover {
cursor: pointer;
color: #a46796; }
.opalhotel-datpicker .ui-datepicker-next {
right: 10px; }
.opalhotel-datpicker .ui-datepicker-next .ui-icon:before {
content: '\F101';
font-family: FontAwesome;
font-size: 16px; }
.opalhotel-datpicker .ui-datepicker-prev .ui-icon:before {
content: "\F100";
font-family: FontAwesome;
font-size: 16px; }
.opalhotel-datpicker .ui-datepicker-prev {
left: 10px; }
.opalhotel-datpicker table {
margin: 0;
border: none;
line-height: 1;
width: 100%;
border-spacing: 0;
border-collapse: collapse; }
.opalhotel-datpicker th {
color: #444;
background-color: transparent;
text-transform: uppercase;
padding: 8px;
text-align: center;
font-weight: 600;
border: 0; }
.opalhotel-datpicker td {
padding: 3px;
border: none; }
.opalhotel-datpicker .ui-datepicker-prev.ui-state-disabled,
.opalhotel-datpicker .ui-datepicker-next.ui-state-disabled,
.opalhotel-datpicker td span,
.opalhotel-datpicker td span {
opacity: 0.3; }
.opalhotel-datpicker td a,
.opalhotel-datpicker td span {
display: block;
color: #444;
padding: 7px;
text-align: center;
border: solid 1px #e6e6e6;
background-color: transparent;
box-shadow: none; }
.opalhotel-datpicker td a:hover,
.opalhotel-datpicker td a:focus,
.opalhotel-datpicker td.ui-state-highlight a,
.opalhotel-datpicker td .ui-state-active {
border-color: #9E3515; }
.ui-datepicker-current-day a.ui-state-active { }
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.noUi-target {
position: relative;
direction: ltr; }
.noUi-base {
width: 100%;
height: 100%;
position: relative; }
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0; }
.noUi-handle {
position: relative;
z-index: 1; }
.noUi-stacking .noUi-handle {
z-index: 10; }
.noUi-state-tap .noUi-origin {
-webkit-transition: left .3s, top .3s;
transition: left .3s, top .3s; }
.noUi-state-drag * {
cursor: inherit !important; }
.noUi-base {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.noUi-horizontal {
height: 6px;
border-radius: 3px; }
.noUi-horizontal .noUi-handle {
height: 18px;
width: 18px;
left: 0px;
top: -6px; }
.noUi-horizontal .noUi-handle.noUi-handle-upper {
margin-left: -18px; }
.rtl .noUi-horizontal .noUi-handle.noUi-handle-upper {
margin-right: -18px;
margin-left: inherit; }
.noUi-vertical {
width: 18px; }
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px; }
.noUi-background {
background: #dadada;
border-radius: 3px; }
.noUi-connect {
background: #c29b73;
border-radius: 3px; }
.noUi-dragable {
cursor: w-resize; }
.noUi-vertical .noUi-dragable {
cursor: n-resize; }
.noUi-handle {
border-radius: 50%;
background: #FFF;
cursor: default; }
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
[disabled] .noUi-connect, [disabled].noUi-connect {
background: #B8B8B8; }
[disabled] .noUi-handle {
cursor: not-allowed; }
.button {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 2px solid #CCC;
white-space: nowrap;
padding: 10px 20px;
text-transform: uppercase;
background-color: #ddd; }
.button:hover, .button:focus, .button.focus {
color: #FFF;
text-decoration: none; }
.button:active, .button.active {
outline: 0;
background-image: none; }
.button.button-primary-inverse {
background: #c29b73;
color: #FFF;
border-color: #c29b73; }
.button.button-primary {
letter-spacing: 1px;
color: #999;
background-color: #fff; }
.button.button-primary:hover {
color: #c29b73;
border-color: #c29b73; }
.button.button-default {
font-weight: 900;
font-size: 12px; }
.button.button-default:hover {
color: #999; }
.button.button-theme {
color: #FFF;
background-color: #c29b73;
border: none;
font-size: 14px;
line-height: 30px; }
.button.button-theme:hover {
color: #c29b73;
border-color: #c29b73;
background: #FFF; } .opalhotel-form-field-group {
position: relative; }
.opalhotel-form-field {
padding: 10px 20px; }
.opalhotel-form-field label {
text-transform: uppercase;
font-weight: 600;
font-size: 13px; }
.opalhotel-form-field-group input,
.opalhotel-form-field-group select,
.opalhotel-form-field-group button {
background-color: #FFF;
text-transform: uppercase;
border-color: #e4e4e4;
border-width: 1px;
border-style: solid;
color: #333;
padding: 7px 20px 7px 12px;
font-size: 11px;
line-height: 1.2;
background-image: none;
width: 100%; }
.opalhotel-form-field-group input:focus,
.opalhotel-form-field-group select:focus {
border: 1px solid #9E3515;
outline: none; }
.opalhotel-form-field-group i {
position: absolute;
right: 10px;
top: 7px; }
.opalhotel-form-group .required {
font-size: 11px;
color: red; }
.opalhotel-form-group input,
.opalhotel-form-group input[type="text"],
.opalhotel-form-group input[type="email"],
.opalhotel-form-group textarea,
.opalhotel-form-group select {
font-size: 13px;
color: #444;
background-color: #fff;
width: 100%;
line-height: 1;
padding: 10px;
margin-top: 5px;
box-sizing: border-box;
min-height: 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.opalhotel-form-group input[type="text"]::-webkit-input-placeholder,
.opalhotel-form-group input[type="email"]::-webkit-input-placeholder,
.opalhotel-form-group input[type="text"]::-moz-input-placeholder,
.opalhotel-form-group input[type="email"]::-moz-input-placeholder,
.opalhotel-form-group input[type="text"]:-moz-input-placeholder,
.opalhotel-form-group input[type="email"]:-moz-input-placeholder,
.opalhotel-form-group input[type="text"]:-ms-input-placeholder,
.opalhotel-form-group input[type="email"]:-ms-input-placeholder {
font-size: 13px;
color: #444;
padding: 5px 10px;
width: 100%; }
.opalhotel-form-group input {
transition: all 0.3s; }
.opalhotel-form-group input[type="text"]:focus,
.opalhotel-form-group input[type="email"]:focus,
.opalhotel-form-group textarea:focus,
.opalhotel-form-group select:focus,
.opalhotel-form-group .error {
border: 1px solid #F5652E;
outline: none; }
.opalhotel-form-group .validated {
border: 1px solid #69bf29; }
.opalhotel-form-group.coupon_section {
text-align: right;
margin-bottom: 20px; } .room-price {
background: #c29b73;
padding: 30px;
border: solid 3px #FFFFFF; }
.opalhotel-price {
font-size: 12px;
color: #999999;
text-align: center;
text-transform: uppercase; }
.opalhotel-price .price-value {
color: #c29b73;
font-size: 24px;
font-weight: 900;
line-height: 1.3;
display: block; }
.room-meta-info,
.room-optional-packages {
margin-bottom: 30px; }
.opalhotel-room-meta {
margin: 0;
padding: 0;
overflow: hidden;
clear: both; }
.opalhotel-room-meta li {
margin: 0;
border-top: solid 1px #e9e9e9;
list-style: none;
text-align: left;
position: relative;
padding: 10px 0;
font-size: 14px;
color: #000;
overflow: hidden; }
.opalhotel-room-meta li .meta-label {
display: block;
color: #999; }
.opalhotel-room-meta li .meta-text {
font-weight: 700; }
.opalhotel-room-meta li:last-child, .opalhotel-room-meta li.meta-wifi, .opalhotel-room-meta li.meta-pickup {
border-right: none; }
.opalhotel-room-meta li:before {
font-family: 'FontAwesome';
font-size: 18px;
font-style: normal;
margin-right: 15px;
float: left;
color: #c29b73; }
.opalhotel-room-meta li.meta-bed:before {
content: "\F236"; }
.opalhotel-room-meta li.meta-adults:before {
content: "\F0C0"; }
.opalhotel-room-meta li.meta-size:before {
content: "\F047"; }
.opalhotel-room-meta li.meta-wifi:before {
content: "\F1EB"; }
.opalhotel-room-meta li.meta-cable_tv:before {
content: "\F26C"; }
.opalhotel-room-meta li.meta-iron:before {
content: "\F06D"; }
.opalhotel-room-meta li.meta-bearkfast:before {
content: "\F0F5"; }
.opalhotel-room-meta li.meta-pickup:before {
content: "\F1B9"; }
.opalhotel-room-meta li.meta-freeslippers:before {
content: "\F1A5"; }
.opalhotel-room-meta li.meta-petsallowed:before {
content: "\F09B"; }
.opalhotel-room-meta li.meta-roomservice:before {
content: "\F1F8"; }
.opalhotel-room-meta li.meta-view:before {
content: "\F06E"; }
.comment-reply-title {
font-size: 18px;
margin: 0 0 25px;
text-transform: uppercase; }
.opalhotel_room.first {
clear: both; }
.opalhotel_room.first.grid-column {
clear: none; }
.opalhotel_room.first-child {
clear: both; }
.room-box {
background-color: #fff;
margin-bottom: 30px;
padding: 25px 40px; }
.room-box > h4 {
font-size: 18px;
margin: 0 0 25px;
text-transform: uppercase; }
.room-optional-packages > h4 {
font-size: 18px;
margin: 0 0 25px;
text-transform: uppercase; }
.opalhotel-room-packages {
overflow: hidden;
border: 1px solid #e9e9e9; }
.opalhotel-room-packages .package-item {
position: relative;
padding: 20px;
font-size: 14px;
border-top: 1px solid #e9e9e9; }
.opalhotel-room-packages .package-item h4 {
display: block;
font-size: 12px;
font-weight: 300;
font-style: normal;
text-transform: uppercase;
color: #999;
margin: 0 0 5px; }
.opalhotel-room-packages .package-item .opalhotel-package-price {
color: #000; }
.opalhotel-room-packages .package-item img {
margin: 0 15px 0 0;
width: auto;
float: left; }
.opalhotel-room-packages .package-item .package-description {
font-size: 16px;
line-height: 30px;
margin-top: 20px;
margin-bottom: 10px; }
.opalhotel-room-packages .package-item.has-content .package-content {
cursor: pointer; }
.opalhotel-room-packages .package-item.active.has-content {
background-color: #fff; }
.opalhotel-room-packages .package-item.active.has-content:after {
content: "\F068"; }
.opalhotel-room-packages .package-item:first-child {
border-top: none; }
.opalhotel-room-packages .package-item:after {
font-family: 'FontAwesome';
content: "\F067";
color: #ccc;
font-size: 18px;
position: absolute;
right: 20px;
top: 25px; }
.room-extra-amenities {
background-color: #fff;
padding: 20px 20px 15px;
margin-bottom: 30px; }
.room-extra-amenities .amenity-item {
margin: 0px 0px 5px; }
.room-extra-amenities .amenity-item i {
margin-right: 10px; }
.room-pricing-plans .pricing-day {
border-bottom: 1px solid #e5e5e5;
padding: 8px 0;
line-height: 24px; }
.room-pricing-plans .pricing-day .day_name {
font-size: 12px;
font-weight: 300;
color: #666;
text-transform: uppercase; }
.room-pricing-plans .pricing-day .day_price {
color: #000;
font-size: 14px; }
.room-label-discount {
position: absolute;
top: 15px;
right: -40px;
background-color: #e74444;
color: #fff;
font-size: 11px;
text-transform: uppercase;
padding: 5px 40px;
display: inline-block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.rtl .room-label-discount {
left: -40px;
right: auto; }
.opalhotel-view-price:after {
font-family: 'FontAwesome';
content: "\F13A";
font-size: 14px;
margin-left: 10px; }
.rtl .opalhotel-view-price:after {
margin-right: 10px;
margin-left: inherit; }
.opalhotel-modal-pricing {
text-align: left;
background-color: #f6f6f6;
padding: 0 20px;
position: relative;
display: block !important;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
height: 0;
visibility: hidden; }
.rtl .opalhotel-modal-pricing {
text-align: right; }
.opalhotel-modal-pricing ul {
padding: 0; }
.opalhotel-modal-pricing ul li {
list-style: none;
border-top: 1px solid #e4e4e4;
padding-top: 10px;
margin-top: 10px;
font-size: 14px; }
.opalhotel-modal-pricing ul li span {
font-weight: 700;
color: #c29b73; }
.opalhotel-modal-pricing ul li:first-child {
border-top: none;
padding-top: 0;
margin-top: 0; }
.opalhotel-modal-pricing > div {
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
opacity: 0;
filter: alpha(opacity=0); }
.opalhotel-modal-pricing .opalhotel-modal-close {
cursor: pointer;
color: #e74444;
position: absolute;
right: -20px;
top: -20px; }
.rtl .opalhotel-modal-pricing .opalhotel-modal-close {
left: -20px;
right: auto; }
.opalhotel-modal-pricing.active {
margin-bottom: 15px;
height: auto;
visibility: visible;
padding: 15px 20px 18px; }
.opalhotel-modal-pricing.active > div {
opacity: 1;
filter: alpha(opacity=100); } .room-grid {
background-color: #fff;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
margin-bottom: 30px;
position: relative; }
.room-grid .room-title {
text-align: center;
font-weight: 400;
margin: 0;
padding: 25px 30px;
font-size: 24px; }
.room-grid .room-top-wrap {
position: relative;
overflow: hidden; }
.room-grid .room-top-wrap .room-price-wrap {
position: absolute;
bottom: 0;
right: 30px; }
.room-grid .opalhotel-price {
border-bottom: 1px solid #e9e9e9;
padding: 0 0 25px;
margin-bottom: 20px; }
.room-grid .room-description p {
line-height: 28px; }
.room-grid footer {
padding: 25px 30px 30px; }
.room-grid:hover {
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.room-list {
margin-bottom: 30px;
clear: both;
position: relative;
background-color: #fff;
overflow: hidden;
display: block; }
.room-list .room-thumbnail {
width: 50%;
float: left; }
.room-list .room-content {
overflow: hidden;
position: relative;
width: 50%;
float: left; }
.room-list .room-content .left-col,
.room-list .room-content .right-col {
width: 50%;
padding: 40px; }
.room-list .room-content .room-title {
font-size: 26px;
font-weight: 400;
margin: 0 0 25px; }
.room-list .room-content .opalhotel-price {
margin-bottom: 40px; }
.room-list .room-content .room-meta-info {
margin: 20px 0 0; }
.room-list .room-content .room-meta-info .opalhotel-room-meta li {
width: 100%; }
.room-list .room-content .room-description {
padding-left: 0; }
.rtl .room-list .room-content .room-description {
padding-right: 0;
padding-left: inherit; }
.room-list .room-content .room-description p {
line-height: 28px; }
.room-list:after {
content: "";
width: 1px;
height: 100%;
background-color: #e9e9e9;
position: absolute;
top: 0;
left: 75%; }
.opalhotel-list-rooms .room-list-item .opalhotel_room:nth-child(even) .room-thumbnail {
float: right; }
.opalhotel-list-rooms .room-list-item .opalhotel_room:nth-child(even) .room-list:after {
left: 25%; }
.opalhotel_form_section {
background-color: #FFF;
padding: 60px 0; }
.opalhotel_form_section .opalhotel-form-field {
padding: 5px 40px; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-lable {
color: #000;
font-size: 12px;
letter-spacing: 2px;
margin-bottom: 5px;
font-weight: 400; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group input,
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group select {
background-color: #f9f9f9;
padding: 0 18px 0 12px;
line-height: 50px;
height: 50px;
font-size: 12px;
color: #999999;
border: none; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group i {
top: 17px;
right: 15px; }
.opalhotel_form_section footer {
padding: 0 40px;
margin-top: 25px; } .room-choose-packages {
margin: 0;
border: none; }
.room-choose-packages .opalhotel-room-package-wrapper {
overflow: hidden;
padding: 0 30px;
opacity: 0;
visibility: hidden;
max-height: 0;
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 0; }
.room-choose-packages .opalhotel-room-package-wrapper.active {
max-height: 1000px;
opacity: 1;
visibility: visible; }
.room-choose-packages .opalhotel-room-package-wrapper > h5 {
margin: 20px 30px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item + .opalhotel-room-package-item {
border-top: solid 1px #e4e4e4; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item {
background-color: #f6f6f6;
padding: 20px 30px;
line-height: 36px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-desc {
margin: 10px 0;
font-size: 13px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-price {
margin: 0;
font-size: 13px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-price .price-title {
float: left;
max-width: 70px;
margin-right: 15px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .package-title {
margin: 0;
line-height: 36px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .package-title label {
margin: 0; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-price {
text-align: left;
font-size: 12px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-price .price-title input {
border: none;
width: 70px;
font-size: 12px;
line-height: 34px;
height: 36px;
padding: 1px 10px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item input[type="radio"], .room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item input[type="checkbox"] {
margin-top: 10px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item select {
height: 36px;
padding: 1px 10px;
border: none;
line-height: 34px;
font-size: 12px;
font-family: "Lato", sans-serif;
color: #666;
font-weight: 400; }
.room-choose-packages .button-actions {
border-top: 1px solid #e1e1e1;
padding: 20px 30px;
background: #f6f6f6; }
.reservation-link {
border: 1px solid #c29b73;
color: #c29b73;
display: inline-block;
padding: 15px 20px;
font-size: 12px;
text-transform: uppercase;
font-weight: 900;
float: left; }
.rtl .reservation-link {
float: right; }
.reservation-link i {
margin-right: 10px; }
.rtl .reservation-link i {
margin-left: 10px;
margin-right: inherit; } .opalhotel-reservation-process-steps {
margin-bottom: 40px; }
.opalhotel-reservation-process-steps ul {
color: #b7b7b7;
margin: 0;
list-style: none;
background-color: transparent;
padding: 0;
border-bottom: 8px solid #f4f4f4; }
.opalhotel-reservation-process-steps ul li {
display: inline-block;
width: 24%;
font-size: 13px;
text-transform: uppercase;
text-align: center;
position: relative;
padding-bottom: 60px; }
.opalhotel-reservation-process-steps ul li span {
width: 60px;
height: 60px;
line-height: 56px;
display: inline-block;
margin-bottom: 25px;
background-color: #040836;
font-weight: 700;
font-size: 24px;
font-family: inherit;
border-radius: 50%; }
.opalhotel-reservation-process-steps ul li h4 {
margin: 0;
font-size: 18px; }
.opalhotel-reservation-process-steps ul li:after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 0;
height: 8px;
background-color: #c29b73;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-reservation-process-steps ul li.active {
color: #111; }
.opalhotel-reservation-process-steps ul li.active span {
background-color: #c29b73;
color: #fff; }
.opalhotel-reservation-process-steps ul li.active:after {
width: 100%; }
.opalhotel-reservation-step-content .opalhotel_form_section {
padding: 0; }
.opalhotel-comment-form input[type='submit'] {
border: none;
background-color: #c29b73;
padding: 12px 40px;
border-radius: 3px;
font-size: 14px;
text-transform: uppercase;
color: #fff; }
ul.opalhotel-search-results {
padding: 0;
margin: 0; }
ul.opalhotel-search-results li.opalhotel-available-item {
background: #FFF;
list-style-type: none;
border: none;
padding: 0;
margin: 0 0 40px; }
ul.opalhotel-search-results li.opalhotel-available-item .inner-top {
clear: both; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
float: left;
margin-right: 20px;
margin-right: 30px;
position: relative; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
margin-left: 30px;
margin-right: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
opacity: 0;
filter: alpha(opacity=0); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery {
position: absolute;
top: 50%;
left: 50%;
font-size: 34px;
margin: -25px 0 0 -16px;
z-index: 1;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
opacity: 0;
filter: alpha(opacity=0); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery a {
color: #FFF; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery a:hover {
color: #c29b73; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:hover .room-gallery {
opacity: 1;
filter: alpha(opacity=100); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:hover:after {
opacity: 1;
filter: alpha(opacity=100); }
ul.opalhotel-search-results li.opalhotel-available-item .room-content {
overflow: hidden;
padding: 30px 0 0; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-title {
margin: 0 0 25px;
font-size: 26px;
font-weight: 400; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-except {
line-height: 28px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info {
margin: 0 -15px 20px;
overflow: hidden; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li {
float: left;
width: 25%;
border-top: none;
border-left: 1px solid #e9e9e9;
padding: 0 15px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li {
float: right; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li:first-child {
border-left: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-info {
float: left;
width: 75%;
border-right: 1px solid #e9e9e9;
padding-right: 30px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-info {
padding-left: 30px;
padding-right: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions {
width: 25%;
float: right;
text-align: center;
padding: 30px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .inner {
margin-bottom: 10px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages {
font-size: 12px;
font-weight: 900;
border: none !important;
padding-top: 10px;
padding-bottom: 10px;
line-height: 30px;
margin-bottom: 10px;
position: relative;
background-color: #f6f6f6 !important;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-box-shadow: none;
box-shadow: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages:hover, ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages:active {
-webkit-box-shadow: none;
box-shadow: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i {
margin-left: 5px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i {
margin-right: 5px;
margin-left: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i:before {
content: "\F107"; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages.active i:before {
content: "\F106"; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price {
margin-bottom: 5px;
font-style: italic;
font-size: 12px;
color: #ccc; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price ins {
display: block;
color: #c29b73;
font-size: 24px;
font-weight: 900;
font-style: normal;
text-decoration: none;
line-height: 28px; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-button {
display: inline-block; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-button-submit {
font-size: 12px;
font-weight: 900;
padding: 10px 45px;
letter-spacing: 1px; }
#opalhotel_coupon_code {
max-width: 243px; }
.opalhotel-pagination ul {
padding: 0;
margin: 0 -5px; }
.opalhotel-pagination ul li {
list-style: none;
display: inline-block;
margin: 0 5px; }
.opalhotel-pagination ul li a,
.opalhotel-pagination ul li span {
border: 1px solid #e9e9e9;
border-radius: 3px;
color: #a5a5a5;
display: block;
font-size: 12px;
line-height: 1;
padding: 10px;
text-transform: uppercase; }
.opalhotel-pagination ul li span.current {
color: #000; }
.opalhotel-pagination ul.opalhotel-pagination-available {
margin-bottom: 30px; }
.opalhotel-reservation-container {
margin-bottom: 180px; }
.opalhotel-reservation .fancybox-skin {
margin: 0 auto;
padding: 30px !important; }
.opalhotel-reservation .fancybox-skin .fancybox-inner {
width: 100% !important; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details header > h4 {
margin: 0; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details .opalhotel-pricing-content .opalhtel-price-day {
border-top: 1px solid #e9e9e9;
padding-top: 20px;
margin-top: 20px; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details .opalhotel-pricing-content .opalhtel-price-day h5 {
margin-top: 0; }
.display-mode {
margin-bottom: 30px;
border: 1px solid #e9e9e9;
padding: 5px 20px; }
.display-mode .btn {
padding: 0;
background-color: transparent;
border: none;
margin: 0px 20px 0px 0px;
color: #dbdbdb;
line-height: 35px;
outline: none !important;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px; }
.rtl .display-mode .btn {
margin: 0px 0px 0px 20px; }
.display-mode .btn.active {
-webkit-box-shadow: none;
box-shadow: none;
color: #000; }
.display-mode .btn:hover {
color: #c29b73; }
.display-mode .btn i {
margin-right: 10px; }
.rtl .display-mode .btn i {
margin-left: 10px;
margin-right: inherit; } .opalhotel-archive .grid-row .room-list {
margin-left: 1.5%;
margin-right: 1.5%; }
.room-list-item > div:last-child .room-list {
border-bottom: none;
padding-bottom: 0; }
.room-overlap {
position: relative;
margin-bottom: 30px;
overflow: hidden; }
.room-overlap .room-content-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
padding: 40px;
background-color: rgba(0, 0, 0, 0.2); }
.room-overlap .room-title {
font-size: 26px;
font-weight: 400;
margin: 0 0 20px; }
.room-overlap .room-title a {
color: #fff; }
.room-overlap .room-title a:hover {
color: #c29b73; }
.room-overlap .room-description {
color: #ccc;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.room-overlap .room-description p {
line-height: 28px; }
.room-overlap .opalhotel-price {
position: absolute;
z-index: 2;
left: 40px;
bottom: 30px;
text-align: left; }
.rtl .room-overlap .opalhotel-price {
right: 40px;
left: auto; }
.room-overlap .opalhotel-price .price-value {
color: #fff; }
.room-overlap .link-reservation {
position: absolute;
z-index: 2;
right: 40px;
bottom: 35px;
font-size: 12px;
line-height: 20px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.rtl .room-overlap .link-reservation {
left: 40px;
right: auto; }
.room-overlap .room-label-discount {
z-index: 2; }
.room-overlap:before {
content: "";
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 0;
top: 0;
left: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
z-index: 1; }
.room-overlap:hover .room-description,
.room-overlap:hover .link-reservation {
opacity: 1;
filter: alpha(opacity=100); }
.room-overlap:hover:before {
height: 100%; }
.opalhotel-carousel-rooms {
overflow: hidden;
position: relative; }
.opalhotel-carousel-rooms .room-grid {
padding-top: 5px;
padding-bottom: 5px; }
.opalhotel-carousel-rooms .owl-carousel-play .carousel-control {
left: -40px;
z-index: 15;
border: none;
background-color: #c29b73;
margin-top: 0;
top: 29%;
width: 40px;
height: 40px;
line-height: 40px; }
.opalhotel-carousel-rooms .owl-carousel-play .carousel-control.right {
right: -40px;
left: auto; }
.opalhotel-carousel-rooms .owl-carousel-play .carousel-control:hover {
color: #FFF; }
.opalhotel-carousel-rooms:hover .owl-carousel-play .carousel-control {
left: 15px; }
.opalhotel-carousel-rooms:hover .owl-carousel-play .carousel-control.right {
right: 15px;
left: auto; }
.opalhotel-carousel-rooms .owl-pagination {
display: none; }
.opalhotel-carousel-rooms .room-carousel-item {
position: relative; }
.opalhotel-carousel-rooms .room-carousel-item .opalhotel-thumbnail-wrapper {
overflow: hidden;
position: relative; }
.opalhotel-carousel-rooms .room-carousel-item .opalhotel-catalog-thumbnail {
margin-bottom: 20px; }
.opalhotel-carousel-rooms .room-carousel-item .room-price-wrap {
background-color: #c29b73;
border: 8px solid #FFF;
padding: 5px 10px;
margin-right: 20px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.rtl .opalhotel-carousel-rooms .room-carousel-item .room-price-wrap {
margin-left: 20px;
margin-right: inherit; }
.opalhotel-carousel-rooms .room-carousel-item .room-price-wrap .opalhotel-price {
color: #FFF;
font-size: 12px; }
.opalhotel-carousel-rooms .room-carousel-item .room-price-wrap .opalhotel-price .price-value {
color: #FFF;
font-size: 18px;
font-weight: 700; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner {
overflow: hidden; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner .room-title {
margin: 0 0 10px;
font-size: 26px; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner .room-meta-info {
margin-bottom: 0; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner .room-meta-info .opalhotel-room-meta {
margin: 0; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner .room-meta-info .opalhotel-room-meta li {
float: none;
width: 100%;
background-image: none !important;
padding: 7px 0;
border-top: 1px solid #e9e9e9;
border-right: none;
overflow: hidden;
margin: 0; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner .room-meta-info .opalhotel-room-meta li:first-child {
border-top: none; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner .room-meta-info .opalhotel-room-meta li .meta-label {
float: left;
font-size: 14px;
text-transform: none;
color: #666;
font-weight: 400; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner .room-meta-info .opalhotel-room-meta li .meta-text {
float: right;
color: #999999; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner .room-meta-info .opalhotel-room-meta li:before {
content: none; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner footer {
padding: 10px 0 25px;
position: relative; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner footer:after {
content: "";
background-color: #c29b73;
width: 20px;
height: 4px;
position: absolute;
left: 0;
bottom: 0; }
.opalhotel-carousel-rooms .room-carousel-item .room-content-inner footer a {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px; }
.opalhotel-carousel-rooms .shadow .room-carousel-item:after {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
background-color: rgba(255, 255, 255, 0.8); } .opalhotel-single h1 {
float: left;
font-size: 30px;
font-weight: 400;
margin: 10px 0 0; }
.opalhotel-single .opalhotel-main .opalhotel-price {
float: right;
margin-bottom: 20px;
text-align: right; }
.opalhotel-single .preview {
display: block; }
.opalhotel-single .opalhotel-rom-gallery {
margin-bottom: 30px; }
.opalhotel-single .opalhotel-rom-gallery .gallery-item img {
width: 100%; }
.opalhotel-single .room-description {
margin-bottom: 30px;
background-color: #fff;
padding: 25px 40px 20px; }
.opalhotel-single .room-description > h4 {
font-size: 18px;
text-transform: uppercase;
margin: 0 0 20px;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 25px; }
.opalhotel-single .room-description p {
line-height: 28px; }
.opalhotel-single .room-pricing-plans {
padding-bottom: 10px; }
.opalhotel-single .room-pricing-plans .table-prices {
font-size: 14px;
font-style: italic;
color: #000; }
.opalhotel-single .room-pricing-plans .table-prices .pricing {
font-size: 12px;
font-style: normal;
color: #999999;
text-transform: uppercase;
font-weight: 300; }
.opalhotel-single .room-pricing-plans .table-prices th, .opalhotel-single .room-pricing-plans .table-prices td {
border-color: #e9e9e9; }
.opalhotel-single .opalhotel-main,
.opalhotel-single #opalhotel-reviews {
margin-bottom: 50px; }
.opalhotel-single #opalhotel-reviews {
background-color: #fff;
padding: 30px 40px; }
.opalhotel-single .room-single-title {
font-size: 18px;
text-transform: uppercase;
margin: 0 0 25px; }
.opalhotel-single .room-meta-info {
background-color: #fff; }
.opalhotel-single .room-meta-info > h4 {
display: none; }
.opalhotel-single .opalhotel-room-meta {
overflow: hidden;
position: relative; }
.opalhotel-single .opalhotel-room-meta li {
margin: 0;
padding: 20px 30px;
float: left;
width: 25%;
border-top: none;
border-right: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9; }
.rtl .opalhotel-single .opalhotel-room-meta li {
float: right; }
.opalhotel-single .opalhotel-room-meta:after {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
left: 0;
bottom: 0; }
.opalhotel-single .opalhotel-room-meta:before {
content: "";
width: 1px;
height: 100%;
background-color: #fff;
position: absolute;
z-index: 1;
right: 0;
top: 0; }
.opalhotel-single .owl-buttons > div {
color: #fff;
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-opacity: 1 !important;
text-shadow: none;
background-color: rgba(0, 0, 0, 0.5);
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
margin: -35px 0 0; }
.opalhotel-single .owl-buttons > div i {
margin: 0;
font-size: 18px; }
.opalhotel-single .owl-buttons > div.owl-prev {
left: 0 !important; }
.opalhotel-single .owl-buttons > div.owl-next {
right: 0 !important; }
.opalhotel-single #comments {
padding-top: 40px; }
.opalhotel-single .room-related {
margin-bottom: 100px; }
.opalhotel-single .room-related > h3 {
font-size: 24px;
text-transform: uppercase;
margin: 0 0 35px;
position: relative; }
.opalhotel-single .room-related > h3 span {
padding: 0 20px 0 30px;
display: inline-block;
background-color: #fafafa;
background-repeat: no-repeat;
background-position: 0 center;
position: relative;
z-index: 1; }
.rtl .opalhotel-single .room-related > h3 span {
padding: 0 30px 0 20px; }
.opalhotel-single .room-related > h3:after {
content: "";
height: 1px;
width: 100%;
background-color: #e9e9e9;
position: absolute;
left: 0;
top: 50%; }
.opalhotel-single .room-related .opalhotel-price {
border-bottom: none;
padding-bottom: 0;
margin: 0; }
.opalhotel-single .room-related .room-description {
display: none; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb {
margin: 0;
padding: 10px 5px;
background-color: #fff; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb .owl-item {
padding: 0 5px; }
.opalhotel-single .room-discounts-info .alert-success {
padding: 20px 40px;
color: #666;
margin-bottom: 30px; }
.opalhotel-single .room-discounts-info .alert-success h4 {
color: #000;
margin-bottom: 20px; }
.opalhotel-single .room-discounts-info .alert-success .discount-item {
border-bottom: 1px solid #e9e9e9;
padding: 0 0 15px;
margin: 15px 0 0; }
.opalhotel-single .room-discounts-info .alert-success .discount-item i {
margin-right: 5px;
color: #000; }
.opalhotel-single .room-discounts-info .alert-success .discount-item:last-child {
border-bottom: none;
padding-bottom: 0; }
.opalhotel-single .opalhotel-price-day .alert-danger {
color: #666;
padding: 20px 40px; }
.opalhotel-single .opalhotel-price-day .alert-danger h4 {
color: #000;
margin-bottom: 20px; }
.opalhotel-single .opalhotel-price-day .alert-danger ul {
margin: 0;
padding: 0;
list-style: none; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li {
margin: 10px 0 0;
border-top: 1px solid #e9e9e9;
padding: 10px 0 0; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li i {
margin-right: 5px;
color: #000; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li:first-child {
border-top: none;
padding-top: 0; }
.comment-rating {
font-size: 13px;
color: #e5e5e5; }
.comment-rating span {
color: #febd49; }
.star-wrapper {
font-size: 13px; }
.star-wrapper .star {
color: #e5e5e5; }
.star-wrapper .star:hover, .star-wrapper .star.active {
color: #febd49; }  .opalhotel-grid-rooms article {
position: relative; }
.opalhotel-grid-rooms article .floating-wrapper {
background: #FFFFFF;
position: absolute;
height: 100%;
width: 50%;
padding: 30px;
top: 0;
right: 0;
opacity: 1;
transform: rotateY(0deg);
transition: transform 0.4s, opacity 0.1s; }
.opalhotel-grid-rooms article.hover .floating-wrapper {
opacity: 0;
backface-visibility: hidden;
transform-origin: 0 0;
transform: rotateY(-90deg);
transition: transform 0.4s, opacity 0.1s 0.3s; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper {
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
padding: 25px 30px 20px;
position: relative;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper a.link-reservation {
position: absolute;
top: 25px;
font-size: 18px;
right: 25px; }
.rtl .opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper a.link-reservation {
left: 25px;
right: auto; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-title {
font-size: 24px;
margin: 0 0 20px;
padding-right: 30px; }
.rtl .opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-title {
padding-left: 30px;
padding-right: inherit; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-content p {
line-height: 30px; }
.opalhotel-grid-rooms .room-grid:hover .opalhotel_loop_room_detail_wrapper {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
body.opalhotel-single .sidebar .widget {
margin-bottom: 40px !important; } .opalhotel-reservation-step {
position: relative; }
.opalhotel-reservation-step .choose-room {
margin-top: -100px; }
.opalhotel_reservation_customer_group.left .opalhotel-form-group {
margin: 0 15px 25px 0; }
.opalhotel_reservation_customer_group.right .opalhotel-form-group {
margin: 0 0 25px 15px; }
.opalhotel-form-group label {
font-size: 16px;
color: #000;
margin-bottom: 0; }
.opalhotel-form-group input[type="text"],
.opalhotel-form-group input[type="email"],
.opalhotel-form-group select {
height: 42px;
padding: 5px 15px;
line-height: 30px;
background-color: #fff;
border: 1px solid #e9e9e9;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-form-group textarea {
padding: 10px 15px;
background-color: #fff;
border: 1px solid #e9e9e9;
resize: vertical;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel_checkout_review {
background-color: #c29b73;
margin-bottom: 35px; }
.opalhotel_checkout_booking_detail {
background-color: #c29b73;
color: #FFF; }
.opalhotel_checkout_booking_detail .opalhotel-section-title {
font-size: 18px;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #FFF;
padding: 16px 30px;
margin: 0;
color: #FFF; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review {
padding: 20px 30px 10px;
border-bottom: none; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 0 0 10px;
margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-available-room-title {
font-size: 16px;
font-weight: 700;
font-family: inherit;
margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta {
overflow: hidden;
margin-bottom: 5px;
font-size: 16px;
color: #eee0d2;
font-weight: 700; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.adult {
float: left; }
.rtl .opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.adult {
float: right; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.children {
float: right; }
.rtl .opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.children {
float: left; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel_reservation_packages {
padding: 5px 0; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal {
padding: 5px 0; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal label {
font-size: 14px;
font-style: italic;
color: #eee0d2; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal label.opalhotel-review-price {
font-style: normal;
color: #fff;
font-weight: 700; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item:last-child {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-review-total {
font-size: 16px;
font-weight: 700;
font-family: inherit; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-review-total .opalhotel-review-price {
font-size: 18px;
font-weight: 900;
font-style: normal; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .cart_remove_item {
color: #e74444; }
.opalhotel-payment-methods {
padding: 25px 0 0; }
.opalhotel-payment-methods .opalhotel-section-title {
font-size: 16px;
margin: 0 0 10px; }
.opalhotel-payment-methods .opalhotel_payment_gateways {
background-color: transparent;
margin: 0;
padding: 0; }
.opalhotel-payment-methods .opalhotel_payment_gateways li label {
font-style: italic;
font-size: 14px; }
.opalhotel-payment-methods .opalhotel_payment_gateways li label input {
margin-right: 5px;
float: left; }
.rtl .opalhotel-payment-methods .opalhotel_payment_gateways li label input {
margin-left: 5px;
margin-right: inherit; }
.rtl .opalhotel-payment-methods .opalhotel_payment_gateways li label input {
float: right; }
.opalhotel-payment-methods .opalhotel_payment_gateways li .description {
padding: 5px 10px; }
.opalhotel_reservation_checkout .term-conditional {
margin-bottom: 20px; }
.opalhotel_reservation_checkout .term-conditional label {
font-size: 16px;
color: #000; }
.opalhotel_reservation_checkout .term-conditional label input#term_conditional {
margin-right: 5px; }
.rtl .opalhotel_reservation_checkout .term-conditional label input#term_conditional {
margin-left: 5px;
margin-right: inherit; }
.opalhotel-form-section-group.footer {
border-top: 1px solid #e9e9e9;
padding-top: 30px; }
.opalhotel_order_recived .opalhotel_order_details {
background-color: #c29b73;
color: #FFF;
margin-top: 22px;
border-bottom: none; }
.opalhotel_order_recived .opalhotel_order_details > h3 {
color: #FFF;
border-bottom: 1px solid #FFF;
padding: 16px 30px;
margin: 0 0 5px;
font-size: 18px;
text-transform: uppercase;
text-align: center; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 15px 0;
margin: 0 30px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-order-item-room-title {
font-size: 16px;
font-weight: 700;
font-family: inherit;
margin-bottom: 10px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info {
text-align: left;
font-size: 16px;
font-weight: 700;
color: #eee0d2;
margin-bottom: 5px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info .adult {
margin-right: 25px; }
.rtl .opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info .adult {
margin-left: 25px;
margin-right: inherit; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal {
padding: 5px 0; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal label {
font-size: 14px;
font-style: italic;
color: #eee0d2; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal label.opalhotel-review-price {
color: #fff;
font-style: normal;
font-weight: 700; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_reservation_packages {
padding: 10px 0; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-review-total {
font-size: 16px;
font-weight: 700;
font-family: inherit; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-review-total .opalhotel-review-price {
font-size: 18px;
font-weight: 900; }
.opalhotel_order_recived .opalhotel_order_confirm_order {
border-bottom: 1px solid #e9e9e9;
padding-bottom: 40px;
margin-bottom: 35px; }
.opalhotel_order_recived .opalhotel_order_confirm_order > h3 {
font-size: 30px;
margin-bottom: 30px; }
.opalhotel_order_recived .opalhotel_order_customer_details {
margin: 0; }
.opalhotel_order_recived .opalhotel_order_customer_details > h3 {
font-size: 30px;
margin-bottom: 30px; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer {
float: left;
border-right: 1px solid #e9e9e9;
font-size: 14px;
color: #000;
font-weight: 700;
margin-bottom: 15px; }
.rtl .opalhotel_order_recived .opalhotel_order_customer_details div.customer {
float: right; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer label {
display: block;
margin-bottom: 0;
color: #999999;
font-weight: 400; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer:last-child {
border-right: none; }
.opalhotel-no-room-selected {
margin-bottom: 100px;
padding: 10px 30px; }
#opalhotel_coupon_code {
background-color: #fff;
border: 1px solid #e9e9e9;
font-size: 14px;
color: #999999;
line-height: 20px; }
#opalhotel_apply_coupon {
font-size: 12px;
font-weight: 900;
background-color: transparent;
color: #999999;
border: 1px solid #e9e9e9;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
padding: 10px 15px;
line-height: 20px; }
#opalhotel_apply_coupon:hover {
border-color: #c29b73;
color: #c29b73; } #opalhotel-comments {
margin-bottom: 30px; }
#opalhotel-comments .comment-list {
list-style: none;
padding: 0;
margin: -30px 0 0; }
#opalhotel-comments .comment-list .comment {
border-bottom: 1px solid #e5e5e5;
padding: 30px 0 10px;
width: 100%; }
#opalhotel-comments .comment-list .comment .comment-author {
text-align: center;
width: 50px;
float: left;
margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-author .avatar {
border-radius: 50%;
margin: 0 0 10px; }
#opalhotel-comments .comment-list .comment .comment-author .author {
color: #000;
font-size: 14px;
text-transform: none;
margin: 0;
display: block;
line-height: 24px; }
#opalhotel-comments .comment-list .comment .comment-text {
overflow: hidden; }
#opalhotel-comments .comment-list .comment .comment-text .meta {
margin: -5px 0 5px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap {
display: inline-block;
margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap label {
display: block;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #000; }
#opalhotel-comments .comment-list .comment .comment-text .comment-content {
margin-top: 5px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-content p {
line-height: 30px; }
#opalhotel-comments .comment-list .comment time {
display: block;
font-size: 12px; } .opalhotel-comment-form .comment-form-comment {
margin-bottom: 20px; }
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
display: inline-block;
width: 49.75%; }
.opalhotel-comment-form .comment-form-author {
padding-right: 14px; }
.opalhotel-comment-form .comment-form-email {
padding-left: 14px; }
.opalhotel-comment-form .form-control {
border: 1px solid #e9e9e9; }
.opalhotel-star {
width: 25%;
display: inline-block; }
.comment-form-rating {
margin: 10px 0 5px 0; }
.comment-form-rating label {
margin-bottom: 0;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #000; }  #opalhotel_check_availability,
#opalhotel_check_availability > .ui-datepicker-inline {
width: 100% !important;
overflow: hidden; }
#opalhotel_check_availability .ui-datepicker-group {
width: 50%;
float: left; } .opalhotel-reservation-available-review {
overflow: hidden;
position: relative;
background-color: #F1F1F1;
clear: both; }
.opalhotel-reservation-available-review .opalhotel-available-review-item,
.opalhotel_order_details .opalhotel-order-item-details {
font-size: 13px;
padding: 10px 20px;
font-weight: 600;
border-bottom: 1px solid #ddd; }
.opalhotel-reservation-available-room-title,
.opalhotel-order-item-room-title {
font-size: 12px;
font-weight: 600; }
.opalhotel-reservation-available-review .cart_remove_item {
float: right;
margin-left: 10px;
box-shadow: none; }
.opalhotel_reservation_available_room_info,
.opalhotel_order_item_room_info {
text-align: right; }
.opalhotel_reservation_packages,
.opalhotel-reservation-subtotal {
overflow: hidden;
padding: 5px 0px 5px 20px; }
.opalhotel_reservation_packages .opalhotel_review_package_title,
.opalhotel_reservation_packages .opalhotel_package_title,
.opalhotel_reservation_packages .opalhotel-review-price,
.opalhotel-reservation-subtotal label,
.opalhotel_order_item_subtotal label {
font-size: 12px;
margin: 0;
font-style: italic;
font-weight: 400; }
.opalhotel-reservation-available_package-item .opalhotel-review-price,
.opalhotel-reservation-subtotal .opalhotel-review-price,
.opalhotel-review-price {
float: right; }       .opalhotel_reservation_checkout {
overflow: hidden; }
.opalhotel_reservation_checkout .opalhotel-section-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 0px;
text-transform: uppercase; }
.opalhotel-form-section-group {
overflow: hidden;
position: relative;
margin-bottom: 20px; }
.opalhotel_reservation_customer_group {
width: 50%;
float: left; }
.opalhotel-form-group * {
font-size: 13px;
font-weight: 400;
color: #444; }
.opalhotel_reservation_customer_group.left .opalhotel-form-group {
margin: 10px 10px 0 0; }
.opalhotel_reservation_customer_group.right .opalhotel-form-group {
margin: 10px 0 0 10px; }
#opalhotel_coupon_code {
max-width: 200px; }
.opalhotel-checkout-review .opalhotel-reservation-available-review,
.opalhotel_order_details {
background-color: transparent; }
.opalhotel-checkout-review .opalhotel-available-review-item,
.opalhotel_order_details .opalhotel-order-item-details {
border-top: 1px dashed #d3ced2;
border-left: 1px dashed #d3ced2;
border-right: 1px dashed #d3ced2;
border-bottom: none; }
.opalhotel_payment_gateways {
padding: 15px 10px;
margin-bottom: 15px;
background-color: #efefef; }
.opalhotel_payment_gateways li label {
font-size: 13px;
font-weight: 600;
text-transform: initial; }
.opalhotel_payment_gateways li label:hover {
cursor: pointer; }
.opalhotel_payment_gateways li .description {
padding: 10px;
font-size: 13px;
background-color: #fff;
border-radius: 3px;
margin-top: 5px;
margin-bottom: 10px;
border: 1px solid #e9e9e9; }
.opalhotel_payment_gateways li .description p {
margin-bottom: 0; }
.opalhotel_payment_gateways li .description.hidden {
display: none; }
.opalhotel-form-footer a {
text-decoration: none;
box-shadow: none !important; }
.opalhotel-form-footer.right {
text-align: right; }
.opalhotel-reservation-loading {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
background-color: #fff;
opacity: 0.8; }
.opalhotel-reservation-loading .content {
top: 50%;
left: 50%;
margin: auto;
position: absolute; width: 30px;
height: 30px;
border-radius: 50%;
border: solid 5px #9A6767;
border-top-color: #FFF;
animation: reservation-loading  1s infinite linear; }
@-webkit-keyframes reservation-loading {
100% {
webkit-transform: rotate(360deg); } }
@-moz-keyframes reservation-loading {
100% {
transform: rotate(360deg); } }
@keyframes reservation-loading {
100% {
transform: rotate(360deg); } }  [class^="opalhotel-notice-"] {
margin-bottom: 10px;
font-size: 13px;
font-weight: 400;
border-top: none;
padding: 10px 15px !important; }
.opalhotel-notice-success {
color: #31708f;
background: #d9edf7; }
.opalhotel-error-messages {
padding: 1em 2em;
margin: 0 0 2em !important;
position: relative;
background-color: #F1F1F1;
color: #515151;
border-top: 3px solid #b81c23;
list-style: none !important;
width: auto;
word-wrap: break-word; }
.opalhotel-error-messages .opalhotel-notice-error {
font-size: 12px;
padding: 0 !important;
background-color: transparent;
color: #444; }
.opalhotel-notice-error {
color: #fff;
background: #9E3515; }
.opalhotel-no-room-selected {
color: #111;
background-color: #111; }  .opalhotel_form_cart * {
font-size: 13px;
text-transform: capitalize; }
.opalhotel_form_cart td,
.opalhotel_form_cart th {
text-align: center; }
.opalhotel_form_cart .room-discount *,
.opalhotel_form_cart .room-extra * {
font-size: 12px;
text-transform: capitalize; }
.opalhotel_form_cart .room-thumb a {
display: inline-block;
color: transparent; }
.opalhotel_form_cart .room-thumb a:hover img {
border: 1px solid #9E3515; }
.opalhotel_form_cart .room-thumb img {
display: inline-block;
padding: 3px;
border: 1px solid #eee;
width: 50px;
height: 50px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.opalhotel_form_cart .room-quantity input {
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.opalhotel_form_cart .room-quantity input:hover,
.opalhotel_form_cart .room-quantity input:focus {
border: 1px solid #9E3515; }  .opalhotel_order_confirm_order {
overflow: hidden;
border-bottom: 1px dashed #d3ced2; }
.opalhotel_order_confirm_order .column {
display: inline-block;
padding: 0 10px 0 0;
border-right: 1px solid #e9e9e9;
color: #000;
font-size: 14px;
font-weight: 700;
width: 18%;
margin-right: 10px; }
.opalhotel_order_confirm_order .column label {
color: #999;
margin-bottom: 0;
display: block;
font-weight: 400; }
.opalhotel_order_confirm_order .column:last-child {
margin-right: 0;
border-right: none;
padding-right: 0; }
.rtl .opalhotel_order_confirm_order .column:last-child {
margin-left: 0;
margin-right: inherit; }
.rtl .opalhotel_order_confirm_order .column:last-child {
padding-left: 0;
padding-right: inherit; }
.opalhotel_order_confirm_order .column:last-of-type {
border: none; }
.opalhotel_order_customer_details strong,
.opalhotel_order_customer_details small {
display: block; } .hotel-box {
background-color: #fff;
padding: 25px 35px 20px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.hotel-box:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.hotel-box .title {
margin: 0 0 20px; }
.opalhotel-view-details {
color: #c29b73;
font-weight: 400;
font-family: inherit;
text-transform: uppercase;
font-size: 12px;
display: inline-block;
line-height: 1; } .single-opalhotel_hotel .opalhotel_hotel h1 {
font-size: 30px;
margin: 0 0 30px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room {
border-top: 1px solid #e9e9e9;
padding-top: 30px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list {
margin-bottom: 25px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-thumbnail {
width: 30%; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-content {
position: static;
width: 70%;
padding: 0 0 0 20px; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-content {
padding: 0 20px 0 0; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-content .left-col {
padding: 0 20px 0 0;
width: 75%; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-content .left-col {
padding: 0 0 0 20px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-content .right-col {
padding: 0 0 0 20px;
width: 25%; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-content .right-col {
padding: 0 20px 0 0; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-content .room-title {
font-size: 16px;
font-weight: 700;
margin: 0 0 10px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-content .opalhotel-price {
margin-bottom: 0;
line-height: 36px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-content .room-description p {
margin-bottom: 5px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-label-discount {
right: auto;
left: -40px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.rtl .single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-label-discount {
left: auto;
right: auto; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list .room-label-discount {
right: -40px;
left: auto; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room .room-list:after {
content: none; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room:first-child {
padding-top: 0;
border-top: none; }
.single-opalhotel_hotel .opalhotel-room-single-gallery-thumb {
margin: 10px -5px 0;
display: none !important; }
.single-opalhotel_hotel .opalhotel-room-single-gallery-thumb .owl-item {
padding: 0 5px; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery .owl-item {
padding: 0; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery:hover .owl-buttons .owl-prev {
left: 0; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery:hover .owl-buttons .owl-next {
right: 0; }
.opalhotel-rom-gallery .carousel-control {
display: none; }
.opalhotel-rom-gallery .gallery-item img {
width: 100%; }
.opalhotel-rom-gallery .owl-buttons > div {
width: 50px;
height: 50px;
line-height: 50px;
background-color: rgba(0, 0, 0, 0.4);
color: #FFF;
text-align: center;
text-shadow: none;
margin-top: -25px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.opalhotel-rom-gallery .owl-buttons > div i {
line-height: 50px;
font-size: 20px; }
.opalhotel-rom-gallery .owl-buttons > div:hover {
background-color: #000; } .opalhotel_hotel.first-child {
clear: both; }
.hotel-grid {
background-color: #fff;
padding: 0 15px 30px;
margin-bottom: 30px;
margin-top: 30px;
text-align: center;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.hotel-grid:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.hotel-grid .opalhotel-catalog-thumbnail {
margin-top: -30px; }
.hotel-grid .hotel-title {
margin: 20px 0 15px; }
.hotel-grid .opalhotel-hotel-details {
background-color: #f4f4f4;
color: #000;
border-radius: 20px;
font-size: 12px;
font-weight: 400;
display: inline-block;
padding: 9px 45px;
font-family: inherit;
text-transform: uppercase; }
.hotel-grid .opalhotel-hotel-details:hover {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
color: #FFF;
background-color: #c29b73; }
.hotel-grid .hotel-description {
padding: 0 20px 25px; }
.hotel-list {
overflow: hidden;
padding: 10px;
border: 1px solid #eee;
margin-bottom: 10px; }
.hotel-list .opalhotel-catalog-thumbnail {
position: relative; }
.hotel-list .opalhotel-catalog-thumbnail:before {
content: '';
background-color: #000;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.hotel-list .media {
width: 25%;
margin-right: 20px;
float: left;
overflow: hidden;
position: relative; }
.hotel-list .media img {
width: 100%;
height: auto; }
.hotel-list .opalhotel-hotel-actions {
overflow: hidden;
position: absolute;
bottom: 10px;
right: 10px; }
.hotel-list .hotel-content {
width: calc(100% - 25% - 20px);
overflow: hidden; }
.hotel-list .hotel-content .hotel-title {
font-weight: 500;
font-size: 18px;
letter-spacing: 0;
margin: 10px 30px 10px 30px;
line-height: 24px; }
.hotel-list .hotel-content .entry {
width: 60%;
float: left; }
.hotel-list .hotel-content .meta {
width: 40%;
text-align: center; } .widget_opalhotel-check-available {
background-color: #040836;
background-repeat: no-repeat;
background-position: center bottom;
padding: 35px 30px 45px; }
.widget_opalhotel-check-available .widget-title {
color: #FFF;
background-image: none;
padding: 0;
margin-bottom: 15px; }
.widget_opalhotel-check-available .opalhotel_form_section {
padding: 0;
background-color: transparent; }
.widget_opalhotel-check-available .opalhotel_form_section footer {
padding-left: 0;
padding-right: 0; }
.widget_opalhotel-check-available .opalhotel-form-field {
margin-bottom: 10px;
padding: 0; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-lable {
font-size: 12px;
font-weight: 400;
color: #FFF;
margin-bottom: 5px; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group i {
right: 15px;
top: 15px; }
.rtl .widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group i {
left: 15px;
right: auto; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group input,
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group select {
padding: 7px 40px 7px 15px;
line-height: 36px; }
.rtl .widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group input, .rtl
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group select {
padding: 7px 15px 7px 40px; }
.widget_opalhotel-check-available footer {
padding-top: 10px; } .horizontal-form {
background: #040836;
clear: both; }
.horizontal-form header {
float: left;
margin: 20px 25px; }
.horizontal-form header.heading-form {
margin: 0;
padding: 35px 40px;
border-right: 1px solid rgba(255, 255, 255, 0.2); }
.horizontal-form header.heading-form h3 {
color: #FFF;
font-size: 24px; }
.horizontal-form header.heading-form h3 span {
font-style: italic;
font-weight: 300; }
.horizontal-form h3 {
padding: 0;
margin: 0; }
.horizontal-form h3 span {
display: block; }
.horizontal-form .form-content {
padding: 0 15px;
overflow: hidden;
display: block;
position: relative; }
.horizontal-form .form-content .opalhotel-form-field {
margin: 0;
padding: 18px 5px;
width: 20%;
float: left;
display: block; }
.horizontal-form .form-content .opalhotel-form-field.adults-input, .horizontal-form .form-content .opalhotel-form-field.children-input {
width: 10%; }
.horizontal-form .form-content .opalhotel-form-field label {
color: #FFF;
font-size: 12px;
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 5px; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-form-field-group i {
top: 17px;
right: 15px; }
.horizontal-form .form-content .opalhotel-form-field.button-wrap {
padding-top: 44px; } .widget_opalhotel-hotel-info {
background-color: #fff;
padding: 25px 30px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.widget_opalhotel-hotel-info .widget-title {
padding: 0;
margin: 0 0 15px; }
.widget_opalhotel-hotel-info .widget-title:after {
content: none; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info {
margin: 0 -30px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .map {
width: 100% !important;
margin-bottom: 20px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .address,
.widget_opalhotel-hotel-info .opalhotel-hotel-info .meta {
padding: 0 30px;
font-size: 14px;
line-height: 18px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .title {
font-size: 14px;
font-weight: 400;
margin: 0 0 10px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info ul {
margin: 0;
padding: 0;
list-style: none; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info ul span {
color: #000;
float: right; }
.rtl .widget_opalhotel-hotel-info .opalhotel-hotel-info ul span {
float: left; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info label {
color: #999999;
font-size: 14px;
font-weight: 300;
margin: 0;
padding: 0; }
.widget_opalhotel-hotel-info:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.widget_opalhotel-hotels-grid .widget-title,
.widget_opalhotel-hotels-grid .widgettitle {
padding: 0; }
.widget_opalhotel-hotels-grid .widget-title:after,
.widget_opalhotel-hotels-grid .widgettitle:after {
content: none; }
.sidebar .widget_opalhotel-hotel-info .widget-title {
padding: 0;
margin: 0 0 15px; }
.sidebar .widget_opalhotel-hotel-info ul li {
padding: 0;
border: none;
margin: 0 0 5px; }
#opalhotel-reviews .inner {
clear: both; }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comments .review-stars {
float: right; }
#opalhotel-reviews.opalhotel-comment-advance .opalhotel-rating-wrapper .opalhotel-star {
width: 25%;
float: left; }
#opalhotel-reviews.opalhotel-comment-advance .comment-form-rating label {
width: 100%; }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle.average-rating {
border: none; }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial {
box-sizing: content-box;
border: none;
float: left;
margin-right: 30px;
position: relative;
width: 150px;
height: 150px;
border-radius: 50%;
background-color: tomato; }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial .overlay {
position: absolute;
top: 10px;
left: 10px;
width: 130px;
height: 130px;
background-color: #fff;
border-radius: 50%;
text-align: center;
line-height: 60px;
font-size: 16px; }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-0 {
background-image: linear-gradient(90deg, #2f3439 50%, transparent 50%, transparent), linear-gradient(90deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-5 {
background-image: linear-gradient(90deg, #2f3439 50%, transparent 50%, transparent), linear-gradient(108deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-10 {
background-image: linear-gradient(90deg, #2f3439 50%, transparent 50%, transparent), linear-gradient(126deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-15 {
background-image: linear-gradient(90deg, #2f3439 50%, transparent 50%, transparent), linear-gradient(144deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-20 {
background-image: linear-gradient(90deg, #2f3439 50%, transparent 50%, transparent), linear-gradient(162deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-25 {
background-image: linear-gradient(90deg, #2f3439 50%, transparent 50%, transparent), linear-gradient(180deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-30 {
background-image: linear-gradient(90deg, #2f3439 50%, transparent 50%, transparent), linear-gradient(198deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-35 {
background-image: linear-gradient(90deg, #2f3439 50%, transparent 50%, transparent), linear-gradient(216deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-40 {
background-image: linear-gradient(90deg, #2f3439 50%, transparent 50%, transparent), linear-gradient(234deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-45 {
background-image: linear-gradient(90deg, #2f3439 50%, transparent 50%, transparent), linear-gradient(252deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-50 {
background-image: linear-gradient(-90deg, tomato 50%, transparent 50%, transparent), linear-gradient(270deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-55 {
background-image: linear-gradient(-72deg, tomato 50%, transparent 50%, transparent), linear-gradient(270deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-60 {
background-image: linear-gradient(-54deg, tomato 50%, transparent 50%, transparent), linear-gradient(270deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-65 {
background-image: linear-gradient(-36deg, tomato 50%, transparent 50%, transparent), linear-gradient(270deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-70 {
background-image: linear-gradient(-18deg, tomato 50%, transparent 50%, transparent), linear-gradient(270deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-75 {
background-image: linear-gradient(0deg, tomato 50%, transparent 50%, transparent), linear-gradient(270deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-80 {
background-image: linear-gradient(18deg, tomato 50%, transparent 50%, transparent), linear-gradient(270deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-85 {
background-image: linear-gradient(36deg, tomato 50%, transparent 50%, transparent), linear-gradient(270deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-90 {
background-image: linear-gradient(54deg, tomato 50%, transparent 50%, transparent), linear-gradient(270deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-95 {
background-image: linear-gradient(72deg, tomato 50%, transparent 50%, transparent), linear-gradient(270deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .progress-radial.progress-100 {
background-image: linear-gradient(90deg, tomato 50%, transparent 50%, transparent), linear-gradient(270deg, tomato 50%, #2f3439 50%, #2f3439); }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .average-rating-circle .reviews-count {
font-size: 13px;
color: #E2C1C1;
font-weight: 400; }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .detailed-rating {
width: auto;
display: inline-block;
max-width: 100%; }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .detailed-rating .bar {
width: 400px;
margin: 0 7px;
display: inline-block;
line-height: 30px;
height: 12px;
background-color: #efefef; }
#opalhotel-reviews.opalhotel-comment-advance #opalhotel-comment-rating .detailed-rating .rating {
margin-bottom: 5px;
opacity: 1 !important; }
#opalhotel-tabs {
position: relative;
overflow: hidden; }
#opalhotel-tabs.tabs {
border-color: #e5e5e5; }
#opalhotel-tabs.tabs li {
display: inline-block;
position: relative;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s; }
#opalhotel-tabs.tabs li:hover:before, #opalhotel-tabs.tabs li.active:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
height: 3px;
background-color: #ef114c; }
#opalhotel-tabs.tabs li a {
border: none;
color: #999;
font-size: 14px;
font-weight: 600;
padding: 20px;
text-align: center;
text-transform: inherit; }
#opalhotel-tabs .panel {
position: relative;
display: none;
overflow: hidden;
border: 0;
margin: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease; }
#opalhotel-tabs .panel.fade {
display: block;
opacity: 0; }
#opalhotel-tabs .panel.fade.in {
opacity: 1; }
.opalhotel-room-single-gallery-thumb {
margin: 0;
padding: 10px 5px;
background-color: #fff; }
.opalhotel-room-single-gallery-thumb .owl-item {
padding: 0 5px; }
.opalhotel-room-single-gallery-thumb .owl-wrapper-outer {
height: inherit !important; }
.hotel-preview.preview > img,
.hotel-preview.panel > .map,
.hotel-preview.panel > .opalhotel-feature-video {
width: 100%;
height: 500px; }
.opalhotel-hotel-info.hotel-info-v2 {
background-color: #fff;
position: absolute;
top: 10px;
left: 10px;
min-width: 250px; }
.opalhotel-hotel-info.hotel-info-v2 .price {
text-align: center;
padding: 20px;
background-color: #ffa43f;
color: #fff; }
.opalhotel-hotel-info.hotel-info-v2 .hotel-feature-image {
text-align: center; }
.opalhotel-hotel-info.hotel-info-v2 .meta,
.opalhotel-hotel-info.hotel-info-v2 .action {
padding: 10px 30px;
overflow: hidden; }
.opalhotel-hotel-info.hotel-info-v2 .meta ul {
margin: 0;
padding: 0;
list-style: none; }
.opalhotel-hotel-info.hotel-info-v2 .meta ul li {
text-align: left;
border-bottom: 1px dotted #eee; }
.opalhotel-hotel-info.hotel-info-v2 .meta .label {
min-width: 120px;
text-align: left;
display: inline-block;
font-weight: 600;
color: #666; }
.opalhotel-hotel-info.hotel-info-v2 .meta .value {
color: #888;
font-size: 12px; }
.opalhotel-hotel-info.hotel-info-v2 .action a {
font-size: 13px; }
.opalhotel-hotel-info.hotel-info-v2 .action a.opalhotel-pre-add-wishlist {
padding: 10px;
background-color: #eee; }
.amenities,
.amenities li {
margin: 0;
padding: 0;
list-style: none; }
.opalhotel-owl-carousel.destination .information {
width: 30%;
float: left; }
.opalhotel-owl-carousel.destination .thumbnail {
width: 70%;
float: left; }
.opalhotel-owl-carousel.destination .thumbnail img {
width: 100%; }
.opalhotel-hotel-available.loading .opalhotel-catalog-thumbnail a {
display: block;
position: relative; }
.opalhotel-hotel-available.loading .opalhotel-catalog-thumbnail a:after {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.58); }
.opalhotel.horizontal-form .form-content .opalhotel-form-field {
width: auto;
min-width: 50px; }
.opalhotel.horizontal-form .form-content .opalhotel-form-field.button-wrap {
padding: 0; }
.opalhotel.horizontal-form .form-content label,
.opalhotel.horizontal-form .form-content select {
text-transform: inherit; }
.opalhotel-hotel-actions {
margin: 0;
list-style: none;
position: absolute;
bottom: 30px;
right: -35px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.opalhotel-hotel-actions li {
display: inline-block;
float: left;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
opacity: 0;
filter: alpha(opacity=0); }
.opalhotel-hotel-actions li:nth-of-type(1) {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100); }
.opalhotel-hotel-actions li:nth-of-type(2) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s; }
.opalhotel-hotel-actions li:nth-of-type(3) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s; }
.opalhotel-hotel-actions li a {
font-family: 'FontAwesome';
font-size: 15px;
margin: 0 3px;
padding: 5px;
border-radius: 50%;
background-color: #fff;
color: #f70404; }
.opalhotel-hotel-actions li a:hover {
background-color: #f70404;
color: #fff; }
.opalhotel-hotel-actions li a .add-to-favorite:before {
content: '\F08A'; }
.opalhotel-hotel-actions li a .add-to-favorite:before.active {
content: '\F004'; }
.opalhotel-hotel-actions .gallery:before {
content: '\F03E'; }
.opalhotel-hotel-actions .video:before {
content: '\F03D'; }div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } div.pp_default .pp_next:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/loader.gif) center center no-repeat; }  div.light_rounded .pp_top .pp_left { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; } 
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.dark_rounded .pp_top .pp_left { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_top .pp_right { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_content { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_next:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_arrow_previous { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; }  div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } div.dark_square .pp_expand { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_arrow_previous { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; }  div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_arrow_previous { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_loaderIcon { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.facebook .pp_top .pp_left { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; }  div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;	
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute; right: 0; top: 0; 
display: block;
line-height:22px;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999;
}.jBox-wrapper {
text-align: left;
box-sizing: border-box;
}
.jBox-title,
.jBox-content,
.jBox-container {
position: relative;
word-break: break-word;
box-sizing: border-box;
}
.jBox-container {
background: #fff;
}
.jBox-content {
padding: 8px 10px;
overflow-x: hidden;
overflow-y: auto;
transition: opacity .2s;
} .jBox-Tooltip .jBox-container,
.jBox-Mouse .jBox-container {
border-radius: 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, .25);
}
.jBox-Tooltip .jBox-title,
.jBox-Mouse .jBox-title {
padding: 8px 10px 0;
font-weight: bold;
}
.jBox-hasTitle.jBox-Tooltip .jBox-content,
.jBox-hasTitle.jBox-Mouse .jBox-content {
padding-top: 5px;
}
.jBox-Mouse {
pointer-events: none;
} .jBox-pointer {
position: absolute;
overflow: hidden;
}
.jBox-pointer-top { top: 0; }
.jBox-pointer-bottom { bottom: 0; }
.jBox-pointer-left { left: 0; }
.jBox-pointer-right { right: 0; }
.jBox-pointer-top,
.jBox-pointer-bottom {
width: 30px;
height: 12px;
}
.jBox-pointer-left,
.jBox-pointer-right {
width: 12px;
height: 30px;
}
.jBox-pointer:after {
content: '';
width: 20px;
height: 20px;
position: absolute;
background: #fff;
transform: rotate(45deg);
}
.jBox-pointer-top:after {
left: 5px;
top: 6px;
box-shadow: -1px -1px 2px rgba(0, 0, 0, .15);
}
.jBox-pointer-right:after {
top: 5px;
right: 6px;
box-shadow: 1px -1px 2px rgba(0, 0, 0, .15);
}
.jBox-pointer-bottom:after {
left: 5px;
bottom: 6px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, .15);
}
.jBox-pointer-left:after {
top: 5px;
left: 6px;
box-shadow: -1px 1px 2px rgba(0, 0, 0, .15);
} .jBox-Modal .jBox-container {
border-radius: 4px;
}
.jBox-Modal .jBox-content {
padding: 15px 20px;
}
.jBox-Modal .jBox-title {
border-radius: 4px 4px 0 0;
padding: 15px 20px;
background: #fafafa;
border-bottom: 1px solid #eee;
}
.jBox-Modal .jBox-footer {
border-radius: 0 0 4px 4px;
}
.jBox-Modal.jBox-closeButton-title .jBox-title {
padding-right: 55px;
}
.jBox-Modal .jBox-container,
.jBox-Modal.jBox-closeButton-box:before {
box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4);
} .jBox-closeButton {
cursor: pointer;
position: absolute;
}
.jBox-closeButton svg {
position: absolute;
top: 50%;
right: 50%;
}
.jBox-closeButton path {
transition: fill .2s;
}
.jBox-closeButton path {
fill: #aaa;
}
.jBox-closeButton:hover path {
fill: #888;
}
.jBox-closeButton:active path {
fill: #666;
} .jBox-overlay .jBox-closeButton {
top: 0;
right: 0;
width: 40px;
height: 40px;
}
.jBox-overlay .jBox-closeButton svg {
width: 20px;
height: 20px;
margin-top: -10px;
margin-right: -10px;
}
.jBox-overlay .jBox-closeButton path,
.jBox-overlay .jBox-closeButton:active path {
fill: #ddd;
}
.jBox-overlay .jBox-closeButton:hover path {
fill: #fff;
} .jBox-closeButton-title .jBox-closeButton {
top: 0;
right: 0;
bottom: 0;
width: 40px;
}
.jBox-closeButton-title .jBox-closeButton svg {
width: 12px;
height: 12px;
margin-top: -6px;
margin-right: -6px;
} .jBox-closeButton-box .jBox-closeButton {
top: -8px;
right: -10px;
width: 24px;
height: 24px;
background: #fff;
border-radius: 50%;
}
.jBox-closeButton-box .jBox-closeButton svg {
width: 10px;
height: 10px;
margin-top: -5px;
margin-right: -5px;
}
.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton {
background: #fafafa;
}
.jBox-closeButton-box:before {
content: '';
position: absolute;
top: -8px;
right: -10px;
width: 24px;
height: 24px;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.jBox-pointerPosition-top.jBox-closeButton-box:before {
top: 5px;
}
.jBox-pointerPosition-right.jBox-closeButton-box:before {
right: 2px;
} .jBox-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .82);
} .jBox-footer {
background: #fafafa;
border-top: 1px solid #eee;
padding: 8px 10px;
border-radius: 0 0 3px 3px;
} body[class^="jBox-blockScroll-"],
body[class*=" jBox-blockScroll-"] {
overflow: hidden;
} .jBox-draggable {
cursor: move;
} @keyframes jBoxLoading {
to { transform: rotate(360deg); }
}
.jBox-loading .jBox-content {
opacity: .2;
}
.jBox-loading-spinner .jBox-content {
min-height: 38px !important;
min-width: 38px !important;
opacity: 0;
}
.jBox-spinner {
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
}
.jBox-spinner:before {
display: block;
box-sizing: border-box;
content: '';
width: 24px;
height: 24px;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .8);
animation: jBoxLoading .6s linear infinite;
} [class^="jBox-animated-"],
[class*=" jBox-animated-"] {
animation-fill-mode: both;
}
@keyframes jBox-tada {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.8) rotate(-4deg);}
30%, 50%, 70%, 90% {transform: scale(1.2) rotate(4deg);}
40%, 60%, 80% {transform: scale(1.2) rotate(-4deg);}
100% {transform: scale(1) rotate(0);}
}
.jBox-animated-tada {
animation: jBox-tada 1s;
}
@keyframes jBox-tadaSmall {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.9) rotate(-2deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(2deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-2deg);}
100% {transform: scale(1) rotate(0);}
}
.jBox-animated-tadaSmall {
animation: jBox-tadaSmall 1s;
}
@keyframes jBox-flash {
0%, 50%, 100% {opacity: 1;}  
25%, 75% {opacity: 0;}
}
.jBox-animated-flash {
animation: jBox-flash .5s;
}
@keyframes jBox-shake {
0%, 100% {transform: translateX(0);}
20%, 60% {transform: translateX(-6px);}
40%, 80% {transform: translateX(6px);}
}
.jBox-animated-shake {
animation: jBox-shake .4s;
}
@keyframes jBox-pulseUp {
0% {transform: scale(1);}
50% {transform: scale(1.15);}
100% {transform: scale(1);}
}
.jBox-animated-pulseUp {
animation: jBox-pulseUp .25s;
}
@keyframes jBox-pulseDown {
0% {transform: scale(1);}
50% {transform: scale(0.85);}
100% {transform: scale(1);}
}
.jBox-animated-pulseDown {
animation: jBox-pulseDown .25s;
}
@keyframes jBox-popIn {
0% {transform: scale(0);}
50% {transform: scale(1.1);}
100% {transform: scale(1);}
}
.jBox-animated-popIn {
animation: jBox-popIn .25s;
}
@keyframes jBox-popOut {
0% {transform: scale(1);}
50% {transform: scale(1.1);}
100% {transform: scale(0);}
}
.jBox-animated-popOut {
animation: jBox-popOut .25s;
}
@keyframes jBox-fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.jBox-animated-fadeIn {
animation: jBox-fadeIn .2s;
}
@keyframes jBox-fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.jBox-animated-fadeOut {
animation: jBox-fadeOut .2s;
}
@keyframes jBox-slideUp {
0% {transform: translateY(0);}
100% {transform: translateY(-300px); opacity: 0;}
}
.jBox-animated-slideUp {
animation: jBox-slideUp .4s;
}
@keyframes jBox-slideRight {
0% {transform: translateX(0);}
100% {transform: translateX(300px); opacity: 0;}
}
.jBox-animated-slideRight {
animation: jBox-slideRight .4s;
}
@keyframes jBox-slideDown {
0% {transform: translateY(0);}
100% {transform: translateY(300px); opacity: 0;}
}
.jBox-animated-slideDown {
animation: jBox-slideDown .4s;
}
@keyframes jBox-slideLeft {
0% {transform: translateX(0);}
100% {transform: translateX(-300px); opacity: 0;}
}
.jBox-animated-slideLeft {
animation: jBox-slideLeft .4s;
}.jBox-Notice {
transition: margin .2s;
}
.jBox-Notice .jBox-container {
border-radius: 3px;
box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, .25), inset -1px -1px 0 0 rgba(0, 0, 0, .1);
}
.jBox-Notice .jBox-content {
border-radius: 3px;
padding: 12px 20px;
}
.jBox-Notice .jBox-title {
padding: 12px 20px 0;
font-weight: bold;
}
.jBox-hasTitle.jBox-Notice .jBox-content {
padding-top: 5px;
}
.jBox-Notice-black .jBox-container {
color: #fff;
background: #000;
}
.jBox-Notice-gray .jBox-container {
color: #333;
background: #f6f6f6;
}
.jBox-Notice-red .jBox-container {
color: #fff;
background: #d00;
}
.jBox-Notice-green .jBox-container {
color: #fff;
background: #5d0;
}
.jBox-Notice-blue .jBox-container {
color: #fff;
background: #07d;
}
.jBox-Notice-yellow .jBox-container {
color: #000;
background: #fd0;
}
@media (max-width: 768px) {
.jBox-Notice .jBox-content {
padding: 10px 15px;
}
.jBox-Notice .jBox-title {
padding: 10px 15px 0;
}
}
@media (max-width: 500px) {
.jBox-Notice .jBox-content {
padding: 8px 10px;
}
.jBox-Notice .jBox-title {
padding: 8px 10px 0;
}
.jBox-hasTitle.jBox-Notice .jBox-content {
padding-top: 0;
}
}.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ overflow: hidden;
width: auto;
height: auto;
} .mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; 
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer;
width: 100%;
height: 30px; z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } .mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; margin-left: 0;
} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
}   .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(//www.destinationtnt.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/mCustomScrollbar/mCSB_buttons.png); background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }  .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
} .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0; 
margin: 12px 0; 
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0; 
margin: 0 12px; 
} .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0; 
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}  .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }