@charset "utf-8";
  @import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic&subset=latin,latin-ext,vietnamese");
@import url("http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic");
@import url("http://fonts.googleapis.com/css?family=Six+Caps");
* {
margin: 0px;
padding: 0px;
}
body {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: normal;
outline: none;
position: relative;
background-color: #ffffff;
letter-spacing: 0.5px;
}
body, .main-section p{
line-height:24px !important;
} body h1, body h2, body h3, body h4, body h5, body h6 {
color: #222222;
font-family: 'Droid Serif', serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
margin: 0px 0px 8px 0px;
letter-spacing: 0.2px;
text-transform:uppercase;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #222222;
}
p a {
color: #222222;
} p { margin-bottom: 10px;
line-height: 22px;
}
a {
color: #222222;
text-decoration: none;
outline: none;
}
a:hover, a:focus, a:active {
outline: none;
text-decoration: none;
}
ul {
margin-bottom: 0px;
}
figure {
margin-bottom: 6px;
position: relative;
}
.clear {
clear: both;
font-size: 0;
line-height: 0;
}
img {
max-width: 100%;
}
strong {
color: #333333;
}
iframe {
border: none;
float: left;
width: 100%;
}
.container.fullwidth {
width: 100%;
}
.container.fullwidth .col-md-12 {
padding: 0px;
}
.wide{
width: 100%;
float: left;
overflow: hidden;
} select {
border: 1px solid #d2d2d2;
color: #666666;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 300;
height: 40px;
padding: 8px 12px;
width: 100%;
}
label {
color: #333333;
display: block;
font-weight: 400;
margin-bottom: 10px;
}
button {
border: none;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #d2d2d2;
box-sizing: border-box;
color: #b6b6b6;
display: inline-block;
font-size: 12px;
font-weight: 400;
height: 35px;
line-height: 20px;
outline: none;
padding: 4px 6px;
vertical-align: middle;
font-family: 'Source Sans Pro', sans-serif;
}
form p {
float: left;
position: relative;
width: 100%;
}
form p span i {
color: #474747;
left: 16px;
position: absolute;
top: 13px;
}
.element-size-25 {
width: 25%;
}
.element-size-33 {
width: 33.333%;
}
.element-size-50 {
width: 50%;
}
.element-size-67 {
width: 66.67%;
}
.element-size-75 {
width: 75%;
}
.element-size-100, .section-fullwidth {
float: left;
width: 100%;
}
.element-size-75 .col-md-3 {
width: 33.3333%;
}
.element-size-50 .col-md-3 {
width: 50%;
}
.element-size-25 .col-md-3 {
width: 100%;
}
.element-size-67 .col-md-3 {
width: 33.4444%;
} .page-content .section-content {
float: left;
position: relative;
width: 66%;
z-index: 1;
}
.section-content {
float: left;
padding: 0 0px 0 0;
position: relative;
width: 75%;
z-index: 1;
}
.section-sidebar {
float: left;
padding: 0px 0px 0px 30px;
width: 25%;
}
.page-sidebar ~ .page-content {
float: right;
padding-right: 0px;
position: relative;
width: 75%;
}
.page-content {
float: left;
padding: 0;
position: relative;
width: 75%;
}
.page-content ~ .page-sidebar {
float: left;
padding-left: 0;
padding-right: 0;
position: relative;
width: 25%;
}
.page-section, figure img {
float: left;
width: 100%;
}
.page-content .container {
width: 100%;
}
.page-sidebar {
float: left;
position: relative;
width: 25%;
} [class*="element-size"] {
display: inline-block;
margin: 0 -4px 0 0;
vertical-align: top;
float: none;
}
[class*="col-md"] {
display: inline-block;
margin: 0 0 35px 0;
vertical-align: top;
} .wrapper.wrapper_boxed {
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
margin: 40px auto;
position: relative;
max-width: 1240px;
background: #fff;
overflow: hidden;
}
body.logged-in.admin-bar .wrapper,
body.logged-in.admin-bar .main-head.scroll-to-fixed-fixed  {
margin-top: 32px;
} .wrapper {
margin-top: 0.01em;
overflow: hidden;
position: relative;
width: 100%;
} .col-md-9 .col-md-2 {
width: 20%;
}
.col-md-9 .col-md-3 {
width: 33.3333%;
} .rich_editor_text h1, .rich_editor_text h2, .rich_editor_text h3, .rich_editor_text h4, .rich_editor_text h5 {
margin-bottom: 10px;
}
.rich_editor_text p, .rich_editor_text ul, .rich_editor_text ol {
margin-bottom: 10px;
}
.rich_editor_text ul {
float: none;
list-style: disc;
padding-left: 0;
}
.rich_editor_text .liststyle ul {
padding-left: 0px;
}
.rich_editor_text ol {
list-style-type: decimal;
margin-left: 0px;
padding-left: 25px;
}
.rich_editor_text ol li {
list-style-type: decimal;
}
.rich_editor_text li {
float: none;
list-style: inside;
}
.rich_editor_text ul ul {
list-style-type: circle;
margin-bottom: 0;
}
img.alignright {
box-shadow: 0 0 3px rgba(0,0,0,0.2);
float: right;
margin: 0 0px 30px 30px;
}
img.alignleft {
box-shadow: none;
float: left;
margin: 0 30px 30px 0;
}
img.aligncenter {
box-shadow: 0 0 3px rgba(0,0,0,0.2);
display: block;
margin: 0 auto 30px;
} li {
line-height: 28px;
list-style: disc outside none;
}
ul ul {
margin-left: 20px;
}
ol {
float: none;
list-style: decimal;
padding-left: 15px;
}
ol ol {
margin-left: 20px;
}
ol li {
list-style: decimal;
width: 100%;
}
table {
background-color: transparent;
max-width: 100%;
}
th {
text-align: left;
}
table {
width: 100%; margin-bottom: 10px;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
border-top: 1px solid #d2d2d2;
border: 1px solid #d2d2d2;
line-height: 2.3;
padding-left: 7px;
vertical-align: top;
}
table thead tr th {
border-top: 1px solid #d2d2d2;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
border-top: 1px solid #ebebeb;
}
table > thead > tr > th {
border-bottom: 2px solid #d2d2d2;
vertical-align: bottom;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
border-bottom: 0;
}
table > tbody + tbody {
border-top: 2px solid #d2d2d2;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 16px 16px;
}
p ins {
color: #999;
}
dl dd {
margin-left: 20px; margin-bottom: 8px;
}
address {
font-style: italic;
}
#comment .text-box blockquote p {
float: none;
width: auto;
}
#comment ul li .text-box ul li {
float: left;
list-style: outside;
width: 100%;
}
#comment ul li .text-box ul ul {
float: left;
margin-left: 30px;
width: 100%;
}
#comment ul li .text-box ol li {
list-style: inherit;
}
.wp-caption-text.gallery-caption {
float: left;
margin: 10px 0px 0px 0px;
padding: 0 4px;
text-align: left;
width: 100%;
}
.wp-caption-text.gallery-caption { display: none; }
.page-links {
float: left;
padding: 0px 0px 20px 0px;
text-align: center;
text-transform: uppercase;
}
.page-links span {
background: #222;
color: #fff;
font-size: 11px;
padding: 5px 10px;
}
.page-links a span {
color: #fff;
font-size: 11px;
padding: 5px 10px;
}
.page-links span.page-links-title {
color: #fff;
}
.password_protected > form {
display: inline-block;
}
.password_protected p:before { display: none; }
.password_protected {
float: left;
text-align: center;
width: 100%;
}
.password_protected p {
float: left;
margin: 0;
width: auto;
}
.password_protected label { margin: 0px; }
.rich_editor_text .password_protected p { width: auto; }
.password_protected input[type="password"] {height: 39px;}
.password_protected input[type="submit"] {
background-color: #000;
border: none;
color: #fff;
padding: 7px 15px;
}
.password_protected .protected-icon a {
background-color: #000;
border-radius: 100%;
color: #ffffff;
display: inline-block;
height: 80px;
margin: 0px 0px 20px 0px;
padding: 3px 0px 0px 0px;
width: 80px;
font-size: 50px;
}
#cs-comments .text ul ul {
margin-left: 20px;
}
#cs-comments .text ul li {
list-style: inside none disc;
margin: 0;
}  .entry-content img {
border: 1px solid #ccc;
max-width: 98%;
padding: 1%;
}
.gallery {
clear: both;
margin: 0 auto;
margin-left: -30px;
overflow: hidden;
}
.gallery .gallery-item {
float: left;
list-style: none;
margin: 0px 0 0;
overflow: hidden;
padding: 0px 0px 30px 30px;
text-align: center;
}
.gallery-caption {
font-size: 11px;
}
.gallery-item img {
float: left;
padding: 0 0px;
width: 100%;
}
#gallery-1 .gallery-item{margin-top: 0px!important;} .gallery-columns-0 .gallery-item {
width: 100%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
.gallery-columns-10 .gallery-item {
width: 10%;
}
.gallery-columns-11 .gallery-item {
width: 9.09%;
}
.gallery-columns-12 .gallery-item {
width: 8.33%;
}
.gallery-columns-13 .gallery-item {
width: 7.69%;
}
.gallery-columns-14 .gallery-item {
width: 7.14%;
}
.gallery-columns-15 .gallery-item {
width: 6.66%;
}
.gallery-columns-16 .gallery-item {
width: 6.25%;
}
.gallery-columns-17 .gallery-item {
width: 5.88%;
}
.gallery-columns-18 .gallery-item {
width: 5.55%;
}
.gallery-columns-19 .gallery-item {
width: 5.26%;
}
.gallery-columns-20 .gallery-item {
width: 5%;
}
.gallery-columns-21 .gallery-item {
width: 4.76%;
}
.gallery-columns-22 .gallery-item {
width: 4.54%;
}
.gallery-columns-23 .gallery-item {
width: 4.34%;
}
.gallery-columns-24 .gallery-item {
width: 4.16%;
}
.gallery-columns-25 .gallery-item {
width: 4%;
}
.gallery-columns-26 .gallery-item {
width: 3.84%;
}
.gallery-columns-27 .gallery-item {
width: 3.7%;
}
.gallery-columns-28 .gallery-item {
width: 3.57%;
}
.gallery-columns-29 .gallery-item {
width: 3.44%;
}
.gallery-columns-30 .gallery-item {
width: 3.33%;
}  .cs-section-title {
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
}
.cs-section-title h2,.comment-reply-title {
font-size: 18px;
line-height: 20px;
padding: 0 0 0 18px;
position: relative;
text-transform: uppercase;
}
.cs-section-title h2{margin:0px;}
.cs-section-title h2:before,.comment-reply-title:before {
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background: #b59759;
content: "";
}
input:focus,
textarea:focus{
box-shadow: 0 0 3px 0 rgba(180,180,180,0.6);
}  .non-responsive{ min-width: 1170px; } .header-v2 .right-side{ text-align: right; }
.header-v2 .navbar{ text-align: left; float: none; display: inline-block; vertical-align: middle; max-width: 820px; padding: 3px 0 0; }
.header-v2 .main-head{
padding: 14px 0;
}
.header-v2 .cs-reservation{
float: none;
display: inline-block; vertical-align: middle;
} .header-v3 .logo{ float: none; margin: 20px auto !important; width: 274px; }
.header-v3 .logo.sticky {
float: none !important;
margin: 20px auto;
width: 274px !important;
}
.header-v3 .main-head .cs-nav-block{border-top:1px solid #dde3e3; background: #f3f6f6; margin: 0 -9999px; padding: 0 9999px;}
.header-v3 .main-head .cs-nav-block:after{
display: block;
clear: both;
content: '';
}
.header-v3 .main-head .right-side{ float: none; width: 100%; }
.header-v3 .navigation > ul > li:first-child > a{
padding: 18px 14px;
}
.header-v3 .navigation > ul > li:first-child > a::before,
.header-v3 .navigation ul > li > a::before{
border-left:1px solid #dde3e3;
height: 100%;
top:0;
margin: 0;
display: block;
}
.header-v3 .navbar{float: left; clear: both; }
.header-v3 .headerinfo{ display: none; }
.header-v3 .cs-reservation{ margin: 10px 0 0; }
.header-v3 .navigation a{ text-transform: uppercase; }
.header-v3 .navigation li:hover a{
background: #f9fbfa;
}
.header-v3 .navigation>ul>li:hover>a:after{
visibility: visible;
opacity: 1;
width: 100%;
}
.header-v3 .navigation>ul>li>a:after{
position: absolute;
left: 0;
bottom:0;
width: 0;
height: 3px;
content: '';
visibility: hidden;
opacity: 0;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#main-header{ position: relative; z-index: 22;}
.right-side { float: right; }
.left-side { float: left ;
margin: 0px 13px 0px 0px;
padding: 5px 0px;
color: #ffffff;
font-weight: 600;
font-size:15px; }
.left-side a { color: #ffffff; }
.left-side a:hover { color: #b59759; }
.left-side i {
color: #8e8e8e;
margin: 5px 6px 0px 6px;
}
.top-bar { font-size: 10px; }
.top-bar p { font-size: 12px; }
.location-list {
float: left;
}
.location-list > li {
list-style: none;
float: left;
color: #ffffff;
padding: 3px 15px;
background-color: rgba(0,0,0,0.2);
text-transform: uppercase;
position: relative;
}
.location-list > li:nth-child(2) { background-color: rgba(0,0,0,0.3); }
.location-list > li i { margin-right: 5px; }
.location-list li a { color: #ffffff; } #lang_sel {
height: 28px;
float: left;
width: 100%;
position: static;
}
#lang_sel li {
width: 100%;
float: left;
position: static;
text-align: left;
}
#lang_sel a.lang_sel_sel {
background-color: transparent;
border: none;
color: #ffffff;
padding: 6px 0px 10px 0px;
background: none;
}
#lang_sel a.lang_sel_sel:before {
content: "\f0ab";
font-family: 'icomoon';
float: right;
margin: 1px 0px 0px 10px;
}
#lang_sel ul ul li:last-child a, #lang_sel ul ul li:last-child a:visited { border: none; }
#lang_sel a, #lang_sel a:visited { line-height: 1.5; }
#lang_sel a.lang_sel_sel:hover { color: #ffffff; }
#lang_sel img.iclflag { top: -1px; float: left;}
#lang_sel a, #lang_sel a:visited { font-size: 10px; }
#lang_sel ul ul {
width: 100px;
top: 100%;
left: 1px;
border: none; height: auto;
background-color: rgba(0,0,0,0.7);
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
z-index: 60;
display: none;
visibility: visible;
}
#lang_sel ul li:hover ul, #lang_sel ul a:hover ul{
display: block;
visibility: visible;
}
#lang_sel ul ul a, #lang_sel ul ul a:visited {
background-color: transparent;
border-width: 0 0px 1px;
border-style: solid;
border-color: rgba(255,255,255,0.2);
font-size: 14px;
padding: 8px 10px;
color: #ffffff;
font-size: 11px;
}
#lang_sel ul ul *:hover > a {
background-color: rgba(0,0,0,0.5);
color: #ffffff;
}  .logo.sticky{ display: none; }
.scroll-to-fixed-fixed{ border-bottom: 1px solid #eaeaea; -webkit-transform: translate3d(0, 0, 0);}
.main-head *{ 
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in; 
}
.scroll-to-fixed-fixed .headerinfo {
height: 0;
opacity: 0;
padding: 0;
visibility: hidden;
}
.scroll-to-fixed-fixed .logo{ margin:0px ; display: none;}
.scroll-to-fixed-fixed .logo.sticky{ display: block; }
.main-head,.top-bar,.headerinfo {
float: left;
width: 100%;
background: #fff;
}
.main-head.scroll-to-fixed-fixed{ background: #fff; min-height: 1%; z-index: 2!important;}
.headerinfo {
padding: 16px 0px;
border-bottom: 1px solid #efedf0;
}
.cs-reservation li:last-child { padding-right: 0px; border-right: none; }
.cs-reservation li:nth-child(2) { border-right: none; }
.cs-reservation li span i { margin-left: 4px; }
.call-actions.ac-modren .inner-sec {
display: inline-block;
padding: 30px;
width: 100%;
}
.call-actions .cell.heading {
width: 80%;
}
.call-actions .cell {
display: inline-block;
vertical-align: middle;
}
.call-actions .call-btn a {
color: #e4e4e4;
float: right;
font-size: 16px;
font-weight: 400;
padding: 8px 20px;
border-radius: 5px;
text-transform: uppercase;
background-color: #b59759;
font-family: "Droid Serif",serif;
}
.call-actions .ac-text h1 {
color: #fff;
font-size: 30px;
margin: 0;
font-weight: 700;
}
.call-actions .ac-text p {
color: #fff;
margin: 0;
}
.main-head ul li { list-style: none; }
.main-head .right-side { width: 80%; }
.cs-reservation { float: right; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a{
background: none !important;
box-shadow: none !important;
}
header .logo {
float: left;
margin: 12px 0 -60px;
position: relative;
z-index: 999;
}
.head-title {
font-size: 18px;
color: #999999;
width: 50%;
float: left;
padding: 7px 0px 0px 0px;
}
.cs-reservation li {
float: left;
padding: 0px 15px;
text-transform: uppercase;
position: relative;
}
.cs-reservation li:before {
content: '';
position: absolute;
left: -1px;
top: 9px;
height: 25px;
width: 2px;
border-right: 1px dotted #cccccc;
}
.cs-reservation li:first-child:before,.cs-reservation li:last-child:before { display: none; }
.cs-reservation li small {
display: block;
line-height: 1;
color: #c7c7c7;
font-size: 10px;
padding: 6px 0px 0px 0px;
text-align: right;
}
.cs-reservation li span {
font-size: 13px;
color: #999999;
}
.header-v2 .reserve-btn{
padding: 4px 15px;
}
.reserve-btn {
float: left;
padding: 4px 25px 6px 25px;
color: #ffffff;
text-transform: uppercase;
}
.reserve-btn:hover,.cs-partner img:hover {
opacity: 0.7;
}  .navigation {
float: left;
}
.navigation ul li {
list-style: none;
float: left;
font-family: 'Droid Serif', serif;
position: relative;
text-transform: capitalize;
}
.navigation ul > li:first-child > a:before,.navigation ul.sub-dropdown li a:before,.navigation ul ul ul:before { display: none; }
.navigation > ul > li:first-child > a { padding-left: 0px; }
.navigation ul > li > a i { margin-right: 7px; }
.navigation ul > li > a {
font-size: 14px;
color: #444444;
padding: 18px 14px;
position: relative;
float: left;
}
.navigation ul > li:hover > a { color: #b59759; }
.navigation ul > li > a:before {
content: '';
position: absolute;
left: 0px;
top: 50%;
border-left: 1px dotted #cccccc;
height: 9px;
width: 1px;
margin: -4px 0px 0px 0px;
}
.sub-dropdown {
position: absolute;
left: 0px;
top: 120%;
width: 200px;
background-color: #ffffff;
border: 1px solid #e1e1e1;
border-top: 2px solid;
z-index: 99999;
margin: 0px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.navigation ul > li:hover > .sub-dropdown {
opacity: 1;
visibility: visible;
top:100%;
}
.sub-dropdown:before {
content: '';
position: absolute;
left: 22px;
top: -9px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 8px solid red;
}
.navigation .sub-dropdown li {
float: left;
width: 100%;
}
.navigation .sub-dropdown li a {
float: left;
width: 100%;
border-bottom: 1px solid #e1e1e1;
padding: 7px 15px;
}
.navigation .sub-dropdown li:last-child a { border-bottom: none; }
.navigation .sub-dropdown > li:hover > a {
background-color: #b59759;
color: #ffffff;
}
.navigation ul .sub-dropdown .sub-dropdown {
left: 100%;
top: 0px !important;
}
.non-responsive .cs-click-menu{ display: none; } .breadcrumb-sec {
float: left;
width: 100%;
position: relative;
}
.breadcrumb-sec:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%; z-index: 0;
}
.absolute-sec .container { position: relative; }
.absolute-sec {
position: relative;
}
.breadcrumb-sec .pageinfo {
float: left;
width: 100%; }
.breadcrumb-sec .cs-table{
display: table;
height: 100%;
width: 100%;
}
.breadcrumb-sec .cs-tablerow{
display: table-cell;
vertical-align: middle;
}
.page-title-align-center ~ .breadcrumbs .breadcrumbs,
.page-title-align-center {text-align: center;}
.page-title-align-left ~ .breadcrumbs .breadcrumbs,
.page-title-align-left { text-align: left; }
.page-title-align-right ~ .breadcrumbs .breadcrumbs,
.page-title-align-right { text-align: right; } .breadcrumb-sec .pageinfo h1 {
color: #ffffff;
text-transform: uppercase;
display: inline-block;
border: 1px solid #d0d0d0;
padding: 10px 22px;
position: relative;
}
.breadcrumb-sec .pageinfo h1:before,.breadcrumb-sec .pageinfo h1:after {
content: '';
border-left: 1px solid #d0d0d0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
position: absolute;
left: -4px;
top: -1px;
width: 3px;
height: 100%;
}
.breadcrumb-sec .pageinfo h1:after {
left: auto;
right: -4px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.breadcrumb-sec .pageinfo h1 span:before,.breadcrumb-sec .pageinfo h1 span:after{
content: '';
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
border-top: 1px solid #d0d0d0;
position: absolute;
left: 0px;
top: -4px;
width: 100%;
height: 3px;
}
.breadcrumb-sec .pageinfo h1 span:after {
top: auto;
bottom: -4px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
} .breadcrumb-sec .pageinfo p { font-size: 20px; text-transform: uppercase; }
.breadcrumb-sec .breadcrumbs ul li:first-child:before { display: none; }
.breadcrumb-sec .breadcrumbs ul li i { margin-right: 4px; }
.breadcrumb-sec .breadcrumbs {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 30px;
}
.breadcrumb-sec .breadcrumbs ul {
float: none;
display: inline-block;
background: rgba(42,48,57,0.7);
}
.breadcrumb-sec .breadcrumbs ul li {
float: left;
font-size: 11px;
list-style: none;
margin: 0 1px 0 0;
padding: 1px 15px;
position: relative;
text-transform: uppercase;
}
.breadcrumb-sec .breadcrumbs ul li a {
color: #fff;
float: left;
font-size: 11px;
}
.breadcrumb-sec .breadcrumbs ul li:before {
content: "\f111";
font-family: 'icomoon';
position: absolute;
left: -3px;
top: 1px;
color: #a3a6a9;
font-size: 6px;
} .main-section {
float: left;
width: 100%;
padding: 40px 0px 0px 0px;
} .cs-accomodation{
float: left;
width: 100%;
}
.cs-accomodation figure {
margin: 0 0 14px 0;
}
.cs-accomodation{ margin: 0 0 20px; position: relative;}
.cs-accomodation article{ float: none; margin: 0 -4px 20px 0;}
.cs-accomodation.modrenview figure{ float: left; width: 100%; }
.cs-accomodation.modrenview figure figcaption:before{ display: none; }
.cs-accomodation figure figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
box-shadow: 0px -80px 80px 0px rgba(0,0,0,0.45) inset;
}
.cs-accomodation figure figcaption:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
border-top: 21px solid transparent;
border-right: 360px solid #ffffff; border-bottom: 0px solid transparent;
}
.cs-accomodation .cs-price {
position: absolute;
left: 0px;
bottom: 0px;
padding: 0px 10px 20px 20px;
font-size: 5px;
line-height: 1;
margin: 0;
text-align: left;
width: auto;
}
.cs-accomodation .cs-price small {
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
display: block;
line-height: 1;
}
.cs-accomodation .cs-price span {
font-size: 36px;
color: #ffffff;
font-weight: 300;
line-height: 1.2;
display: block;
}
.cs-accomodation .cs-infolist {
position: absolute;
right: 18px;
bottom: 8px;
}
.cs-accomodation.modrenview .cs-infolist {
bottom:-14px;
}
.info-btn {
float: left;
width: 27px;
height: 27px;
color: #000;
background-color: #ffffff;
text-align: center;
border-radius: 100%;
box-shadow: 0px 0px 0px 1px #ffffff inset, 0px 0px 7px 1px rgba(0,0,0,0.2);
padding: 2px 0px 0px 0px;
cursor: pointer;
}
.cs-infolist:hover .info-btn { color: #ffffff; }
.cs-accomodation .cs-infolist ul {
position: absolute;
right: -6px;
bottom: 130%;
width: 202px;
background-color: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
opacity: 0;
visibility: hidden;
z-index: 20; -webkit-transition: all 0.6s cubic-bezier(0.68, -0.90, 0.265, 2.90) 0s;
-moz-transition: all 0.6s cubic-bezier(0.68, -0.90, 0.265, 2.90) 0s;
-ms-transition: all 0.6s cubic-bezier(0.68, -0.90, 0.265, 2.90) 0s;
-o-transition: all 0.6s cubic-bezier(0.68, -0.90, 0.265, 2.90) 0s;
transition: all 0.6s cubic-bezier(0.68, -0.90, 0.265, 2.90) 0s;
}
.cs-accomodation .cs-infolist:hover ul {
opacity: 1;
visibility: visible;
bottom: 180%;
}
.cs-accomodation .cs-infolist ul:before {
content: '';
position: absolute;
right: 8px;
bottom: -11px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 11px solid #ffffff;
margin: 0px 0px 0px -12px;
}
.cs-accomodation .cs-infolist ul li {
float: left;
width: 100%;
list-style: none;
}
.cs-accomodation .cs-infolist ul li a {
color: #444444;
float: left;
width: 100%;
border-bottom: 1px solid #e5e5e5;
padding: 6px 16px;
}
.cs-accomodation .cs-infolist ul li:last-child a {border: none;}
.cs-accomodation .cs-infolist ul li a img,
.cs-accomodation .cs-infolist ul li a i {
color: #000;
margin: 8px 12px 0px 0px;
float: left;
width: 14px;
}
.rating-section {
display: block;
margin: 0px 0px 16px 0px;
}
.rating-section small {
font-style: italic;
color: #999;
font-size: 14px;
line-height: 21px;
display: inline-block;
vertical-align: middle;
font-family: 'Droid Serif', serif;
margin: -6px 0 0;
}
.accomodation-rating.overall{ width:252px; }
.accomodation-rating {
font-size: 20px;
height: 1em;
line-height: 1em;
letter-spacing: 3px;
overflow: hidden;
position: relative;
width: 110px;
margin: 0px 12px 0 0;
float: left;
}
.accomodation-rating:before {
content: "\e9f8 \e9f8 \e9f8 \e9f8 \e9f8";
float: left;
left: 0;
position: absolute;
top: 0;
font-family: 'icomoon';
color: #c6c6c6;
}
.rating-list .accomodation-rating:hover:before{color: #ffac00; }
.accomodation-rating span, .accomodation-rating span {
float: left;
left: 0;
overflow: hidden;
padding-top: 1.5em;
position: absolute;
top: 0;
}
.accomodation-rating span:before, .accomodation-rating span:before {
content: "\e9f8 \e9f8 \e9f8 \e9f8 \e9f8";
left: 0;
position: absolute;
top: 0;
font-family: 'icomoon';
color: #ffac00;
}
.shortinfo {
color: #444444;
font-size: 14px;
display: block;
line-height: 1.2;
margin: 0px 0px 12px 0px;
}
.accomodation-info h5 { margin: 0px 0px 6px 0px; line-height: 1; }
.cs-accomodation article:hover .accomodation-info h5 a { text-decoration: underline; }
p.jRatingInfos {
position:  absolute;
z-index:9999;
background: #333 !important;
color:   #FFF;
display:  none;
width:   60px !important;
height:   auto !important; 
font-size:16px;
text-align:center;
padding: 5px !important;
border-radius: 2px;
}
p.jRatingInfos:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(51, 51, 51, 0);
border-bottom-color: #333;
border-width: 7px;
margin-left: -7px;
}
p.jRatingInfos span.maxRate {
color:#c9c9c9;
font-size:14px;
}
.cs-accomodation.modrenview .booking-btn { color: #fff !important; }
.booking-btn {
display: inline-block;
border: 2px solid;
padding: 4px 17px;
text-transform: uppercase;
font-size: 12px;
font-family: 'Droid Serif', serif;
}
.booking-btn i { margin: 0px 0px 0px 12px; }
.accomodation-info p { margin: 0px 0px 24px 0px; }
.cslist-info {
display: inline-block;
}
.cslist-info li {
list-style: none;
float: left;
width: 100%;
line-height: 18px;
margin: 0 0 6px;
}
.cslist-info li a { color: #444444; }
.cslist-info li img{
margin: 2px 11px 2px 0px;
float: left;
width: 16px;
}
.cslist-info li i {
margin: 2px 11px 0px 0px;
color: #7f7f7f;
float: left;
font-size: 16px;
width: 16px;
} .cs-accomodation.modrenview .accomodation-info {
float: left;
width: 100%;
padding: 12px 0px 0px 0px;
} .cs-accomodation.gridview figure{ margin: 0;  float: left; position: relative;}
.cs-accomodation.gridview article figure { width: 263px; }
.cs-accomodation.gridview article figure ~ .accomodation-info { padding: 0px 0px 0px 288px; }
.cs-accomodation.gridview article .rating-section { margin: 0px 0px 10px 0px; } .cs-accomodation.classicview article figure { width: 370px; height: 270px; margin-bottom: 0px; float: left;}
.cs-accomodation.classicview article figure img{ height: 270px;}
.cs-accomodation.classicview article figure ~ .accomodation-info { overflow: hidden; padding: 0 0 0 30px; }
.cs-accomodation.gridview figure figcaption:before,
.cs-accomodation.classicview figure figcaption:before { display: none; }
.cs-accomodation.classicview article.cs-gross-calculation figure {width: auto; height: auto;}
.cs-accomodation.classicview article.cs-gross-calculation figure img {height: auto;} .classicview .cslist-info {
width: 45%;
}
.short-info {
float: left;
text-align: center;
background: #f8f8f8;
padding: 17px 14px 14px;
margin: 0 24px 0 0;
}
.short-info .cs-price {
position: static;
padding: 0px 0px 22px 0px;
float: none;
display:block;
text-align: center;
}
.short-info .cs-price span,.short-info .cs-price small { color: #222; }
.short-info .booking-btn{
background: #fff;
padding: 6px 17px;
} .cs-accomodation.plainview article {
padding: 0px 15px;
}
.cs-accomodation.plainview article:last-child{ margin: 0; }
.cs-accomodation.plainview article:last-child .plain-holder{
border:none;
}
.cs-accomodation.plainview .plain-holder{
border-bottom: 1px solid #e5e5e5;
padding: 0 0 20px;
overflow: hidden;
}
.cs-accomodation.plainview .short-info .cs-price{ padding: 0 0 13px; }
.cs-accomodation.plainview article figure {width: 205px; float: left; margin: 0;}
.cs-accomodation.plainview article figure ~ .accomodation-info { padding: 0px 0px 0px 25px; overflow: hidden;}
.cs-accomodation.plainview h5{
margin: 0 0 14px;
line-height: 16px !important;
display: block;
margin: 0 0 10px 0;
}
.plain-info {
float: left;
width: 72%;
}
.cs-reservation-tabs .plain-info {
width: 70%;
}
.cs-accomodation.plainview article .short-info {
padding: 0px;
border: none;
text-align: center;
float: right;
background: none;
margin: 0;
width: 170px;
}
.info-toggle {
float: left;
padding: 12px 12px;
background-color: #f1f1f1;
width: 100%;
color: #444444;
font-size: 12px;
font-family: 'Droid Serif', serif;
cursor: pointer;
line-height: 16px;
}
.info-toggle i {
margin-right: 3px;
font-size: 16px;
padding: 1px 0px 0px 0px;
float: left;
}
.info-toggle.active,
.info-toggle.active i{ color: #fff; }
.info-toggle.active{width: 90%;}
.cs-reservation-tabs .cs-accomodation.plainview .short-info .cs-price {
padding: 0 0 10px;
}
.cs-accomodation.plainview .cs-room-selection {
position: relative;
display: inline-block;
border: 2px solid #dadada;
}
.cs-reservation-tabs .cs-room-selection select {
box-shadow: none;
border: none;
color: #aeaeae;
font-size: 12px;
font-weight: 400;
height: 32px;
outline: none;
width: 165px;
padding: 0 0 0 10px;
text-transform: uppercase;
font-family: "Droid Serif",serif;
}
.cs-reservation-tabs .cs-room-selection select option {
text-transform: capitalize;
padding: 9px 10px;
border-bottom: 1px solid #ececec;
}
.cs-accomodation.plainview .cs-room-selection:before {
background-color: #fff;
color: #ccc;
content: "\eab3";
font-family: "icomoon";
height: 32px;
line-height: 33px;
pointer-events: none;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 35px;
} .cs-accomodation.fancy-view .rating-section {margin: 0 0 2px 0;}
.cs-accomodation.fancy-view .plain-info h2 {line-height: 16px;}
.cs-accomodation.fancy-view .cs-price {position: inherit; padding: 0;}
.cs-accomodation.fancy-view .cs-price small {color: #222; line-height: 2.5; padding: 4px 0 0 10px; display: inline-block;}
.cs-accomodation.fancy-view .cs-price span {line-height: 0.9; color: #222; float: left;}
.cs-accomodation.fancy-view .accomodation-info p {margin: 0 0 8px 0;}
.cs-accomodation.fancy-view .cslist-info li {width: auto;}
.cs-accomodation.fancy-view .cslist-info li a {float: left; width: 32px; height: 32px; border-radius: 100%; border: 1px solid #d9d9d9; line-height: 28px; text-align: center; margin: 0 0 0 5px;}
.cs-accomodation.fancy-view .cslist-info li img {margin: 0; width: 15px; float: none; display: inline-block;}
.cs-accomodation.fancy-view .cslist-info li:first-child a {margin: 0;}
.cs-accomodation.fancy-view .cs-room-selection {padding: 2px 0;}
.cs-accomodation.fancy-view .cs-room-selection::before {height: 34px; content: "\ea5a"; font-size: 18px; height: 34px; line-height: 38px;}
.cs-accomodation.fancy-view .cs-room-selection {border: 1px solid #dadada; border-radius: 2px;}
.cs-accomodation.fancy-view article .short-info {padding: 20px 0 0 0;}
.cs-accomodation.fancy-view .plain-info h5 {font-weight: 400 !important;}  .blog-editor .cslist-info { }
.blog-editor .element-size-100{overflow:hidden;}
.blog-editor .cs-gallery .flex-viewport{min-height:70px;}
.flex-viewport li{ list-style: none; }
.blog-editor .cslist-info li{ margin: 0 0 18px; width:50%; }
.blog-editor .cslist-info li:nth-last-child(2),
.blog-editor .cslist-info li:last-child{
margin: 0;
}
.blog-editor .detail-head{ margin: 0 0 20px;
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/bg-head.png) no-repeat 100% 101%;
padding: 0 40px 0 0;
position: relative;
overflow: hidden;
}
.blog-editor .detail-head:after{
position: absolute;
left: 0;
bottom: 0;
height: 1px;
background: #484848;
width: 100%;
content: '';
margin: 0 0 0 -42px;
}
.blog-editor .detail-head h6{
margin: 0;
display: inline-block;
vertical-align: bottom;
background: #484848;
font-size: 14px !important;
line-height: 14px;
color: #fff !important;
text-transform: uppercase;
padding: 5px 8px;
position: relative;
}
.blog-editor .detail-head h6:after{
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(72, 72, 72, 0);
border-left-color: #484848;
border-width: 25px 6px 0;
margin-top: -12px;
}
.detail-thumb {
float: right;
}
.accomodation-tabs {
float: left;
width: 100%;
padding: 0 0 0 6px;
}
.accomodation-tabs.nav-position-top .nav {
width: 100%;
float: none;
}
.accomodation-tabs.vertical .nav {
float: left;
width: 25%;
}
.accomodation-tabs.nav-position-top .nav li{
float: left;
margin: 0 10px 0 0;
width: auto
}
.accomodation-tabs.vertical .nav li {
float: left;
width: 100%;
margin: 0px 0px 4px 0px;
}
.accomodation-tabs.nav-position-top .nav > li > a{
font-size: 16px;
font-family: 'Droid Serif', serif;
border: 1px solid #ebebeb;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
background-color: #ffffff;
position: relative;
}
.accomodation-tabs.vertical .nav > li > a {
font-size: 16px;
font-family: 'Droid Serif', serif;
border: 1px solid #ebebeb;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
background-color: #ffffff;
position: relative;
}
.accomodation-tabs.nav-position-top .nav li.active a:before{
content: '';
position: absolute;
right: 0;
bottom: -3px;
background-color: #ffffff;
width:100%;
height:5px;
}
.accomodation-tabs.vertical .nav li.active a:before {
content: '';
position: absolute;
right: -5px;
top: 0px;
background-color: #ffffff;
width: 5px;
height: 100%;
}
.accomodation-tabs.nav-position-top .nav li.active a:after{
content: '';
position: absolute;
left: 0;
top: 0px;
background-color: #ffffff;
border-top: 5px solid;
width: 100%;
height: 7px;
}
.accomodation-tabs.vertical .nav li.active a:after {
content: '';
position: absolute;
left: -6px;
top: 0px;
background-color: #ffffff;
border-left: 5px solid;
width: 7px;
height: 100%;
}
.accomodation-tabs.nav-position-top .tab-content{ 
width: 100%;
border: 1px solid #ebebeb;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
padding: 25px 60px 20px 30px;
}
.accomodation-tabs.vertical .tab-content {
float: left;
width: 75%;
border: 1px solid #ebebeb;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
padding: 20px 60px 20px 30px;
}
.accomodation-tabs .tab-content li{ list-style: none; } .cs-reviews {
float: left;
width: 100%;
}
.cs-reviews ul li {
border-bottom: 1px solid #eaeaea;
padding-bottom: 20px;
}
.cs-reviews ul li:last-child {
border-bottom: none;
padding-bottom: 0px;
}
.cs-reviews ul li figure img {
width: 100%;
border-radius: 100%;
}
.cs-reviews ul li figure {
float: left;
width: 52px;
border: 1px solid #e6e6e6;
padding: 3px;
background-color: #ffffff;
border-radius: 100%;
}
.cs-reviews ul li .review-date {
float: left;
width: 25%;
padding: 0px 0px 0px 20px;
}
.cs-reviews ul li .review-date a {
display: block;
font-family: 'Droid Serif', serif;
}
.cs-reviews ul li .review-date time {
color: #a9a9a9;
}
.cs-reviews ul li .review-date time span {
display: block;
line-height: 1;
}
.cs-reviews ul li .reviews-description {
float: left;
width: 68%;
}
.cs-reviews ul li .reviews-description p,.cs-reviews ul li .reviews-description .rating-section { float: left; }
.cs-reviews .reviews-description .rating-section .total-count{
display: inline-block;
vertical-align: middle;
font-family: "Droid Serif",serif;
margin: -6px 5px 0 0;
}
.cs-reviews .reviews-description .rating-section .rate-overview{
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
background:#ccc;
color: #fff;
line-height: 16px;
text-align: center;
border-radius: 16px;
margin: -6px 0 0;
}
.cs-reviews .reviews-description .rating-section .rate-overview:hover{ background:#000 ;}
.cs-reviews .reviews-description .rating-section{
position: relative;
}
.cs-reviews .reviews-description .rating-section .accomodation-rating{ width: 114px; }
.cs-reviews .reviews-description .rating-section .accomodation-rating::before {
content: "";
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/cs-stars.png);
font-family: "icomoon";
left: 0;
position: absolute;
top: 0;
height: 20px;
width: 100%;
}
.cs-reviews .reviews-description .rating-section .accomodation-rating span::before{ content: "";
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/cs-star-hover.png);
width: 100%;
height: 20px;
}
.cs-reviews .reviews-description .rating-section .cs-rating-wrap{
position: absolute;
left: 50%;
bottom:46px;
width:194px;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
border-radius: 2px;
display: none;
z-index: 10;
background: #fff;
padding: 0;
margin: 0 0 0 -17px;
}
.cs-reviews .reviews-description .rating-section .cs-rating-wrap:after, 
.cs-reviews .reviews-description .rating-section .cs-rating-wrap:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.cs-reviews .reviews-description .rating-section .cs-rating-wrap:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 12px;
margin-left: -12px;
}
.cs-reviews .reviews-description .rating-section .cs-rating-wrap:before {
border-color: rgba(238, 238, 238, 0);
border-top-color: #eee;
border-width: 15px;
margin-left: -15px;
}
.cs-reviews .reviews-description .rating-section .rate-overview:hover ~ .cs-rating-wrap{
display: block;
}
.cs-reviews .reviews-description .rating-section .cs-rating-wrap .rating-section:first-child{ border:none; }
.cs-reviews .reviews-description .rating-section .cs-rating-wrap .rating-section{
width: 100%;
padding: 20px;
border-top:1px solid #eee;
}
.cs-reviews .reviews-description .rating-section .cs-rating-wrap .rating-section .accomodation-rating{ margin: 0 3px 0 0; }
.cs-reviews .reviews-description .rating-section .cs-rating-wrap .rating-section .rating-all{
float: left;
font-family: "Droid Serif",serif;
font-style: italic;
color: #999;
font-size:15px;
}
.cs-reviews .reviews-description .rating-section .cs-rating-wrap .rating-section .cs-shorttitle{
font-family: "Droid Serif",serif;
display: block;
float: none;
font-size:14px;
} .rating-list{
border-radius: 3px;
padding: 0 0 0 4px;
}
.rating-list li{
float: left;
list-style: none;
border: 1px solid #dddddd;
box-shadow: 0px 0px 0px 3px #ececec inset;
padding: 15px 20px 12px;
min-width: 285px;
margin: 0 0 0 -4px;
}
.rating-list .rating-section{ margin: 0; }
.rating-list .rating-section{
display: inline-block;
vertical-align: middle;
margin: -16px 0 0;
}
.rating-list .rating-title{
display: inline-block;
vertical-align: middle;
font-family: "Droid Serif",serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
margin: -8px 10px 0 0;
}
.accomodation-rating.small{
font-size: 18px;
line-height: 22px;
width: 102px;
display: inline-block;
vertical-align: middle;
float: none;
margin: 3px 12px 0 0;}
.rating-list .accomodation-rating.small{
margin: 0 2px 0 0; }
.rating-list .accomodation-rating.small:before {
display: none;
}
.comment-respond,#respond form p,#respond form {
float: left;
width: 100%;
} .detail-rating {
float: left;
width: 100%;
padding: 25px;
background-color: #ffffff;
border: 1px solid #dddddd;
box-shadow: 0px 0px 0px 3px #ececec inset; border-radius: 3px;
text-align: center;
margin: -4px 0 0;
}
.detail-rating .rating-section { display: inline-block; margin: 0px; }
.detail-rating .accomodation-rating {
font-size: 3em;
letter-spacing: 11px;
}   .search-heading {
width: 100%;
float: left;
margin: 0 0 15px 0;
}
.search-heading h2 {
margin: 0;
line-height: 22px;
position: relative;
padding: 0 0 0 15px;
font-size: 22px;
text-transform: uppercase;
}
.cs-section-title h2:before, .search-heading h2:before {
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
content: "";
}
.suggestions {
width: 100%;
float: left;
}
.suggestions ul {
width: 100%;
float: left;
margin-bottom: 25px;
}
.suggestions ul li {
list-style: none;
line-height: 25px;
}
.suggestions ul li a {
font-size: 16px;
color: #444;
}
.suggestions ul li a i {
float: left;
font-size: 12px;
margin: 8px 5px 0 0;
color: #e2e2e2;
}
.page-no-search .cs-search-area {
width: 100%;
float: left;
margin: 0 0 58px 0;
}
.page-no-search .cs-search-area form {
width: auto;
position: relative;
float: left;
}
.page-no-search .cs-search-area label {
width: 38px;
float: left;
position: absolute;
right: 0;
top: 0;
}
.page-no-search .cs-search-area label:before {
position: absolute;
right: 12px;
top: 12px;
color: #fff;
cursor: pointer;
font-size: 12px;
content: "\e997";
font-family: "icomoon";
}
.page-no-search .cs-search-area input[type="text"] {
width: 458px;
float: left;
font-size: 12px;
color: #a9a9a9;
height: 45px;
border-radius: 0;
padding: 0 0 0 15px;
border: 1px solid #dddddd;
}
.page-no-search .cs-search-area input[type="submit"] {
float: right;
width: 100%;
height: 45px;
border-radius: 0;
}
.cs-search-results {
width: 100%;
float: left;
margin-bottom: 50px;
}
.cs-search-results ul li {
width: 100%;
float: left;
list-style: none;
padding: 0 0 15px 0;
margin: 0 0 17px 0;
border-bottom: 1px solid #e5e5e5;
}
.cs-search-results ul li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.cs-search-results ul li strong {
font-size: 18px;
color: #444444;
font-weight: 600;
display: block;
line-height: 24px;
}
.cs-search-results ul li a {
font-size: 16px;
color: #b59759;
}
.site-maps-links, .site-maps-links ul li {
width: 100%;
float: left;
}
.site-maps-links ul li {
position: relative;
list-style: none;
line-height: 24px;
}
.site-maps-links ul li:before {
position: absolute;
left: 0;
top: 0px;
color: #e2e2e2;
cursor: pointer;
font-size: 12px;
content: "\f192";
font-family: "icomoon";
}
.site-maps-links ul li a {
float: left;
padding-left: 20px;
width: 100%;
font-size: 16px;
color: #444444;
}
.site-maps-links h4, .suggestions h4 {
text-transform: uppercase;
font-weight: 600;
color: #444444;
margin: 0 0 5px;
font-family: 'Source Sans Pro', sans-serif;
}
.site-maps-links h4 {
margin: 0 0 3px;
}
.spreater-haspattren {
border-bottom: 1px solid #e6e6e6;
float: left;
margin: 0 0 70px 25px;
position: relative;
width: 97%;
}
.spreater-haspattren:before {
height: 13px;
left: -25px;
position: absolute;
top: -6px;
width: 18px;
content: "";
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/spreater-left.png) no-repeat;
}
.spreater-haspattren:after {
height: 13px;
right: -18px;
position: absolute;
top: -6px;
width: 18px;
content: "";
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/spreater-right.png) no-repeat;
} .date-time {
width: 45px;
float: left;
text-align: center;
}
.date-time strong {
font-size: 20px;
color: #fff;
display: block;
padding: 5px 0;
font-family: "Droid Serif",serif;
font-weight: normal;
}
.date-time span {
font-size: 12px;
color: #fff;
text-transform: uppercase;
background-color: #000;
display: block;
padding: 2px 0;
} .post-options {
float: left;
}
.post-options li {
float: left;
font-size: 13px;
color: #999;
position: relative;
margin: 0 25px 0 0;
}
.post-options li a {
color: #a4957e;
}
.post-options li span {
color: #a9a9a9;
margin: 2px 0 0;
}
.post-options li:first-child:before,
.right-event ul li:first-child:before {
display: none;
}
.post-options li i {
display: inline-block;
float: none;
margin: 0 5px 0 0;
vertical-align: middle;
}
.right-event {
float: right;
}
.right-event ul li {
float: left;
font-size: 13px;
position: relative;
margin: 0 0 0 18px;
text-transform: uppercase;
}
.right-event ul li:before {
left: -10px;
}
.right-event ul li a {
text-decoration: underline;
} .cs-check-filter {
color: #ffffff;
text-transform: uppercase;
border: 1px solid #d0d0d0;
position: relative;
text-align: center;
width: 100%;
float: left;
margin: 0 0 12px 0;
}
.cs-check-filter .inner-sec {
width: 100%;
float: left;
margin: -8px 0 0;
padding: 0 0 16px 0;
}
.cs-check-tittle {
background-color: #fff;
display: inline-block;
margin: -14px 0 0;
padding: 0 18px;
position: relative;
z-index: 1;
}
.cs-check-tittle h6 {
color: #333;
float: left;
text-transform: uppercase;
}
.cs-check-filter ul li {
list-style: none;
display: inline-block;
margin: 0 0 0 15px;
}
.cs-check-filter ul li:first-child {
margin-left: 0;
}
.cs-check-filter ul li label {
cursor: pointer;
display: inline-block;
font-size: 14px;
margin: 0;
padding-left: 20px;
position: relative;
}
.cs-check-filter label:before {
background-color: #ffffff;
border: 1px solid #acacac;
border-radius: 3px;
bottom: 6px;
box-shadow: 0 0 6px 1px #f6f8f9 inset;
content: "";
display: inline-block;
height: 15px;
left: 0;
margin-right: 10px;
position: absolute;
width: 15px;
}
.cs-check-filter input[type="checkbox"]:checked + label:before {
color: #6f6f6f;
content: "\f00c";
font-family: "icomoon";
font-size: 11px;
line-height: 13px;
text-align: center;
}
.cs-check-filter input[type="checkbox"] {
display: none;
}
.event-editor .rich_editor_text {
float: left;
padding: 0 0 0 65px;
width: 100%;
}
.event-editor .rich_editor_text p {
margin:0 0 20px 0;
}
.event-editor figure.detailpost {
width: 100%;
margin: 0 0 20px 0;
} .cs-check-filter:before, .cs-check-filter:after {
content: '';
border-left: 1px solid #d0d0d0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
position: absolute;
left: -4px;
top: -1px;
width: 3px;
height: 103%;
}
.cs-check-filter:after {
left: auto;
right: -4px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.cs-check-filter .inner-sec:before, .cs-check-filter .inner-sec:after {
content: '';
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
border-top: 1px solid #d0d0d0;
position: absolute;
left: 0px;
top: -4px;
width: 100%;
height: 3px;
}
.cs-check-filter .inner-sec:after {
top: auto;
bottom: -4px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.socialmedia .at_PinItButton:before { color: #fff; content: "\f0d2"; display: inline-block; font-family: 'icomoon'; margin: 0 0 0 -9px; }
.socialmedia ul li a span{
background: none;
background-image: none;
}
.socialmedia ul li a[data-original-title="Pinterest"] {
background-color: #f44647;
} .event-editor.cs-events article.cs-price-table {
width: 100%;
float: left;
text-align: center;
padding: 0 0 33px;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.pr-simple h3 {
background-color: #484848;
color: #fff;
float: left;
padding: 12px 0;
text-align: center;
text-transform: uppercase;
width: 100%;
margin: 0 0 12px 0;
}
.cs-price {
width: 100%;
float: left;
font-size: 60px;
color: #444444;
line-height: 72px;
font-weight: 100;
text-align: center;
padding: 0 18px;
margin: 0 0 15px 0;
}
.cs-price .inner-sec {
width: 100%;
float: left;
padding: 0 0 6px;
margin: 0 0 3px;
border-bottom: 1px solid #ededed;
}
.cs-price p {
font-size: 16px;
color: #999;
}
.cs-price-table .features {
width: 100%;
float: left; margin: 0 0 20px;
}
.cs-price-table .features ul li {
list-style: none;
font-weight: 300;
color: #444444;
margin: 0 0 10px;
text-align: center;
}
.cs-price-table .features ul li i {
color: #c0c0c0;
float: left;
font-size: 16px;
margin: 8px 8px 0 0;
}
.cs-price-table .sigun_up {
color: #fff;
display: inline-block;
font-size: 16px;
min-width: 185px;
padding: 7px 0;
}
.cs-section-title {
width: 100%;
float: left;
margin: 0 0 25px 0;
}
.cs-section-title h2 {
font-size: 18px;
margin: 0;
position: relative;
padding: 0 0 0 15px;
line-height: 20px;
}  .cs-content404 {
float: left;
padding-left: 36px;
}
.page-not-found figure img {
width: auto;
}
.cs-content404 h2 {
color: #222;
font-size:60px;
text-transform: uppercase;
font-family: 'Droid Serif', serif;
line-height:50px;
margin-bottom:12px;
}
.cs-content404 p {
color: #444;
font-size: 14px;
padding-bottom: 25px;
margin-bottom:0;
}
.page-not-found .cs-search-area {
display: inline-block;
text-align: center;
}
.page-not-found .cs-search-area > form {
display: inline-block;
position: relative;
float:left;
}
.page-not-found .cs-search-area{
float: left;
width: 100%;
position:relative;
margin-bottom:16px;
}
.page-not-found .cs-search-area label:before{
content:"\f002";
font-family:icomoon;
position:absolute;
right:21px;
color:#fff;
font-size:13px;
top:12px;
width:5px;
height:5px;
z-index:6;
cursor:pointer;
}
.page-not-found .cs-search-area input {
color: #a9a9a9;
height: 47px;
padding-left:16px;
position: relative;
width: 311px;
float:left;
border-radius:0;
font-size:12px;
border:1px solid #ddd;
box-shadow:none;
}
.page-not-found .cs-search-area input.btn {
border-radius: 0;
color: #fff;
height:47px;
z-index: 1;
text-transform:uppercase;
width:40px;
position:absolute;
right:0px;
top:0px;
z-index:5;
}
.social-media {
float: left;
margin-left: 48px;
}
.social-media ul li {
float: left;
list-style: outside none none;
margin-right: 13px;
}
.cs-content404 .social-media ul li a{
color:#b59759;
font-size:14px;
display:block;
}
.cs-content404 .social-media ul li a i{
color:#a9a9a9;
font-size: 23px;
margin-right:10px;
}
.cs-content404 .social-media ul li a i:hover{
color: #b59759 
}
.cs-content404 a{
color:#b59759;
font-size:14px;
display:block;
font-family:"Droid Serif",serif;
}
.cs-content404 a i{
color: #b59759;
font-size:14px;
margin-right:10px;
}  .cons-icon-area figure img {
float: none;
width: auto;
margin-bottom:5px;
}
.cons-text-wrapp {
padding-bottom:8px;
position:relative;
display: block;
}
.cons-text-wrapp::before, .cons-text-wrapp::after {
background:url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/img3.png) no-repeat;
content: "";
height: 25px;
left: 85%;
margin-left: 10px;
position: absolute;
top: 30px;
width: 62px;
}
.cons-text-wrapp::after {
left: auto;
margin-right: 10px;
right: 85%;
}
.cons-icon-area h1 {
color: #333;
font-size: 36px;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.cons-text-wrapp p {
color: #444;
font-size: 14px;
}
.cons-icon-area {
overflow: hidden;
text-align: center;
}
.cons-icon-area h2{
color:#5e5167;
text-transform:uppercase;
font-family: 'Libre Baskerville', serif;
margin-bottom:60px;
}
.cons-text-wrapp h2{
color:#222;
text-transform:capitalize;
margin-bottom:0;
}
.cs-spreater {
display: inline-block;
float: none;
margin-bottom:27px;
overflow: hidden;
text-align: center;
border-bottom:1px solid #acadb9;
width:112px;
}
#countdownwrapp {
float: left;
padding-bottom: 113px;
width: 100%;
} .main-digit-wrapp .digit-wrapp {
display: block;
padding-top: 26%;
border-bottom:1px solid #acadb9;
padding-bottom:43px;
margin-bottom:11px;
}
.cs-digit {
color: #ccc;
font-family: 'Six Caps', sans-serif;    
font-size:162px;
font-weight: 300;
line-height: 75px;
letter-spacing:2px;
}
.countdown-period {
color: #333;
font-size: 18px;
text-transform: capitalize;
font-weight:normal;
}
.is-countdown{
display:inline-block;
}  .cs-gallery .flexslider{ margin: 0 0 10px; }
.cs-gallery.cs-loading{
position: relative;
overflow: hidden;
height: 300px;
background: #fff;
}
.cs-gallery.cs-loading:after{
position: absolute;
left:50%;
top:50%;
width: 56px;
height: 21px;
margin: -12px 0 0 -12px;
content: '';
z-index: 9999;
background:url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/ajax-loader-2.gif);
}
.cs-gallery.cs-loading .flexslider{ border: none; }
.cs-gallery.cs-loading ul li{ list-style: none; }
.cs-gallery.cs-loading img{ display: none; } .cs-gallery .carousel .flex-viewport ul{ margin: 0 0 0 -7px; }
.cs-gallery .carousel .flex-viewport li{
margin: 0 0 0 7px;
padding: 3px;
border: 1px solid #ddd;
position: relative;
cursor: pointer;
}
.cs-gallery .carousel .flex-viewport li:hover::after {
opacity: 1;
}
.cs-gallery .carousel .flex-viewport li::after {
background: rgba(0, 0, 0, 0.5);
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.3s ease-in 0s;
width: 100%;
}
.cs-gallery .carousel .flex-direction-nav{ display: none; } .footer-logo {
float: left;
margin: 0px 0px 30px 0px;
}
footer #copyright p { color: #666666; margin: 6px 0 0; }
#copyright p a:hover { opacity: 0.7; }
.col-md-12 < .widget_text{ padding: 0; }
.widget_text ul {
float: left;
width: 100%;
}
.widget_text ul li { margin: 0px 0px 5px 0px; }
.widget_text ul li i {
float: left;
padding: 5px 0px 0px 0px;
}
.widget_text ul li p {
padding: 0px 0px 0px 25px;
margin: 0px;
} .widget_form ul li {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
}
.widget_form ul li input[type="text"],.widget_form ul li input[type="email"],.widget_form ul li textarea {
float: left;
width: 100%;
border: 1px solid #424242;
height: 36px;
background-color: rgba(0,0,0,0.2);
font-size: 14px;
color: #666666;
padding: 6px 11px;
}
.widget_form ul li textarea { height: 100%; }
.widget_form ul li input[type="submit"] {
float: left;
padding: 4px 38px;
color: #ffffff;
text-transform: uppercase;
font-size: 12px;
border: none;
}
.spreater:before {
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/spreater-left.png) no-repeat;
content: "";
height: 13px;
left: 0px;
position: absolute;
top: -6px;
width: 18px;
}
.spreater:after {
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/spreater-right.png) no-repeat;
content: "";
height: 13px;
position: absolute;
right: 0px;
top: -6px;
width: 18px;
}
.cs-section-title {
float: left;
margin: 0 0 25px;
width: 100%;
}
.cs-section-title h2:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 5px;
background:#b59759;
}
.cs-section-title  h2 {
font-size: 18px;
line-height: 20px;
margin: 0;
padding: 0 0 0 19px;
position: relative;
text-transform:uppercase;
}
.widget_text .logo ~ ul li:first-child{ margin: 0 0 18px; } .widget_text .logo {
float: left;
margin: 0px 0px 30px 0px;
}
.widget_text ul {
float: left;
width: 100%;
}
.widget_text ul li { margin: 0px 0px 5px 0px; }
.widget_text ul li i {
float: left;
padding: 5px 0px 0px 0px;
}
.widget_text ul li p {
padding: 0px 0px 0px 25px;
margin: 0px;
} .widget_form ul li {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
}
.widget_form ul li input[type="text"],.widget_form ul li input[type="email"],.widget_form ul li textarea {
float: left;
width: 100%;
border: 1px solid #424242;
height: 36px;
background-color: rgba(0,0,0,0.2);
font-size: 14px;
color: #666666;
padding: 6px 11px;
}
.widget_form ul li textarea { height: 100%; }
.widget_form ul li input[type="submit"] {
float: left;
padding: 4px 38px;
color: #ffffff;
text-transform: uppercase;
font-size: 12px;
border: none;
} #copyright {
float: left;
width: 100%; padding: 40px 0px;
position: relative;
}
#copyright [class*="col-md-"] {
margin-bottom: 0px;
position: relative;
z-index: 2;
}
.footer-nav {
float: left;
width: 100%;
text-align: center;
margin: 0px 0px 15px 0px;
}
.footer-nav ul {
float: none;
display: inline-block;
}
.footer-nav ul li {
float: left;
font-size: 12px;
list-style: none;
padding: 0px 30px 0px 0px;
font-family: 'Droid Serif', serif;
}
#copyright .social-media { float: right; }
#copyright .social-media ul li {
list-style: none;
float: left;
font-size: 20px;
margin-right: 20px;
}
#copyright .social-media ul li a {
padding: 6px 0px 0px 0px;
float: left;
}
#copyright .social-media ul li:last-child { margin-right: 0px; }
.footer-sepratore {
float: left;
width: 100%;
margin-bottom: 20px;
overflow: hidden;
border-bottom: none;
text-align: center;
}
.footer-sepratore span {
color: #fff;
display: inline-block;
vertical-align: top;
float: none;
position: relative;
cursor: pointer;
}
.footer-sepratore span:hover i {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.footer-sepratore span:before, .footer-sepratore span:after {
content: '';
width: 9999px;
height: 4px;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
position: absolute;
top: 12px;
left: 100%;
margin-left: 10px;
}
.footer-sepratore span:after {
content: '';
left: auto;
right: 100%;
margin-left: 0px;
margin-right: 10px;
}
.footer-sepratore span i {
width: 27px;
height: 27px;
color: #ffffff;
border-radius: 100%;
font-size: 24px;
float: left;
} .cs-banner {
width: 100%;
float: left;
}
.cs-banner .flexslider {
border: none;
padding: 0px;
}
.cs-banner .flexslider li figure {
position: relative;
float: left;
width: 100%;
text-align: center;
}
.cs-banner .flexslider li figure .caption {
position: absolute;
top: 50%;
left: 50%;
background-color: rgba(0,0,0,0.8);
padding: 15px 10px;
margin: -100px 0 0 -331px;
}
.cs-banner .flexslider li figure .caption .textinfo {
width: 640px;
position: relative;
padding: 26px;
z-index: 2;
}
.cs-banner .flexslider li figure .caption .textinfo.box-br-style:after {
height: 103%;
left: 3px;
top: -3px;
width: 99%;
}
.cs-banner .flexslider li figure .caption .textinfo h3 {
color: #fff;
font-style: italic;
line-height: 28px;
margin:0 0 16px 0;
}
.cs-banner .flexslider li figure .caption .textinfo .viewdetail-btn {
font-size: 12px;
color: #fff;
text-transform: uppercase;
padding: 4px 20px;
display: inline-block;
} .home .main-section {  }
.reservation-search .reservation-inner {
border: none;
} .datepicker thead tr:first-child {
background: #484848;
color: #fff;
display: table-row;
}
.datepicker thead tr:first-child th {
padding: 12px 0;
text-transform: uppercase;
}
.datepicker thead tr th,.datepicker tr td {
border: none;
}
.datepicker-days {
background: #f7f7f7; }
.reservation-search .form-reviews .review-style {
padding: 10px 12px 8px 12px;
}
.reservation-search .form-reviews .review-style.box-br-style:after {
height: 105.6%;
left: 3px;
top: -3px;
width: 99.5%;
}
.reservation-search.reservation-form .form-reviews .review-style li  {
width:18%;
float: left;
padding-left: 10px; 
margin-bottom: 0px;
border: none;
}
.reservation-search .form-reviews .review-style li:first-child{
padding-left: 0px;
width: 25%;
}
.reservation-search .form-reviews .review-style .search-btn {
margin-top: 28px;
}
.reservation-search.reservation-form .form-reviews .review-style .select-style-one, 
.reservation-search.reservation-form .form-reviews .review-style .select-style-two, 
.reservation-search.reservation-form .form-reviews .review-style .select-style-three {
width: 100%;
margin: 0 0px 0 0;
}
.reservation-search.reservation-form .form-reviews .review-style li.select-area{
width: 12%;
margin: 0px;
}
.reservation-search .form-reviews .review-style li .select-style-one:before{
top: 28px;
}
.reservation-search .form-reviews .review-style li:last-child {
width: 15%;
} .cs-services {
width: 100%;
float: left;
position: relative;
}
.cs-services.modren h5{
font-size: 14px;
line-height: 17px;
}
.cs-services.modren figure {
border: 1px solid #dddddd;
float: left;
padding: 3px;
position: relative;
margin:0 0 25px 0;
}
.cs-services figure {
display: inline-block;
float: none;
width: 100%;
margin-bottom: 20px;
}
.cs-services figure img {
display: inline-block;
float: none;
width: auto;
}
.cs-services.modren:hover figure {
box-shadow: 0 7px 16px -2px rgba(0,0,0,0.2);
}
.cs-services.modren figure:before, .cs-services.modren figure:after {
content: "";
position: absolute;
left: 3px;
bottom: -4px;
width: 98%;
height: 4px;
border: 1px solid #d1d1d1;
visibility: hidden;
opacity: 0;
}
.cs-services.modren:hover figure:before, .cs-services.modren:hover figure:after{
visibility: visible;
opacity: 1;
}
.cs-services.modren figure:after {
left: 6px;
bottom: -7px;
width: 95%;
}
.cs-services.center p {
margin-bottom: 20px;
}
.cs-services.modren p {
margin-bottom: 20px;
}
.center,
.top-center{
text-align: center;
}
.left {
text-align: left;
}
.cs-services.left figure {
float: left;
width: auto;
}
.cs-services.left figure ~.text {
padding:0 0 0 20px;
overflow: hidden;
}
.cs-services.modren figure figcaption {
background-color: rgba(0, 0, 0, 0.5);
height: 96%;
left: 3px;
position: absolute;
text-align: center;
top: 3px;
width: 98%;
opacity: 0;
visibility: hidden;
}
.cs-services.modren:hover figure figcaption {
opacity: 1;
visibility: visible;
}
.cs-services.modren figure figcaption span {
display: inline-block;
position: absolute;
top: 50%;
margin: -10px 0 0 -25px;
}
.cs-services.modren figure figcaption span img {
width: 55px;
transform: scale(0);
}
.cs-services.modren:hover figure figcaption span img {
transform: scale(1);
}
.cs-multiple-list .cs-iconlist li {
list-style: none;
font-size: 14px;
color: #444;
line-height: 24px;
}
.cs-multiple-list .cs-iconlist li i {
font-size: 10px;
color: rgba(68,68,68,0.20);
margin-right: 12px;
} .box_spreater, .box_spreater .spreater, .cs-seprator {
width: 100%;
float: left;
}
.cs-seprator {
text-align: center;
}
.devider3 {
width: 110px;
display: inline-block;
border-bottom: 1px solid #acadb9;
}
.box_spreater {
position: relative;
overflow: hidden;
}
.box_spreater  .dividerstyle {
position: relative;
display: inline-block;
}
.box_spreater .dividerstyle:before, .box_spreater .dividerstyle:after{
content: "";
position: absolute;
left: 100%;
top: 12px;
width: 7777px;
height: 1px;
border-top: 1px solid #e5e5e5;
}
.box_spreater  .dividerstyle:after {
right: 100%;
left: auto;
}
.box_spreater .dividerstyle i {
display: inline-block;
width: 26px;
height: 26px;
border: 2px solid #d7d7d7;
font-size: 14px;
color: #d7d7d7;
border-radius: 100%;
cursor: pointer;
font-size: 20px;
line-height: 23px;
padding: 0 0 0 1px;
}
.box_spreater .dividerstyle i:hover {
border: 2px solid transparent;
color: #fff;
}
.button_style .default {
padding: 8px 20px;
display: inline-block;
text-transform: uppercase;
font-family: "Droid Serif",serif;
font-size: 16px;
min-width: inherit;
}
.img-thumbnail {
padding: 3px;
border: 1px solid #dddddd;
margin-bottom: 15px;
border-radius: 0;
}
.page-not-found {
max-width: 900px;
margin: 130px auto;
overflow: hidden;
} .main-heading {
position: relative;
width: 80%;
margin: 0 auto 42px;
}
.main-heading h1{ margin-bottom: 0; }
.main-heading:before, .main-heading:after {
content: "";
position: absolute;
left: 30px;
top: 50%;
background:url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/img3.png) no-repeat;
width: 62px;
height: 25px;
margin:-13px 0 0;
}
.main-heading:after {
left: auto;
right: 30px;
}
.has-bg-color,
.main-heading.heading2{
background:#fff; float:left; padding:20px 52px 40px; width:100%;
margin: 0;
}
.main-heading.heading2:before,
.main-heading.heading2:after{
background-size:36px 15px;
width: 36px;
height: 15px;
top:29px;
left:95px;
}
.heading2 h4 {
line-height: 1.3;
}
.default:hover,.img-thumbnail:hover,.cs-services figure:hover img { opacity: 0.8; }
.main-heading.heading2:after{
right: 95px;
left: auto;
}
.main-heading.heading2 h6{
padding: 10px 90px;
margin-bottom: 4px;
}
.img-place{ margin: 46px 0 0 ;} .events-timeline .date-time:before, .events-timeline .date-time:after {
display: none;
}
.events-timeline .date-time ~ section {
padding: 0 0 0 67px;
}
.events-timeline .post-options li span {
float: none;
}
.events-timeline article {
padding: 0px 0px 12px 0;
margin-bottom: 20px;
}
.events-timeline article:last-child{
padding: 0px;
margin-bottom: 0px;
border: none;
}
.events-timeline article h6 {
margin-bottom: 3px;
} .flexslider2 {
padding: 0;
border: none;
background:none;
float: left;
width: 100%; 
position: relative;
} .flexslider2 .slides{padding: 2px 0 0; }
.flexslider2 .slides article{
width: 99%;
margin: 0 auto 10px;
float: none;
}
.prev-next .flex-direction-nav{
position: absolute;
top: -27px;
right: 0px;
}
.testimonial-slider .prev-next .flex-direction-nav{
top: -36px;
}
.prev-next .flex-direction-nav a {
background-image: none;
text-indent: 0;
}
.prev-next .flex-direction-nav a {
width: 25px;
height: 25px;
text-align: center;
border: 2px solid #d7d7d7;
font-size: 16px;
color: #d7d7d7;
line-height: 25px;
border-radius: 100%;
top: 12px;
}
.owl-nav div:hover i,
.flex-direction-nav a:hover em{ color: #fff ;}
.prev-next .flex-direction-nav .flex-next {
right: 0px;
}
.prev-next .flex-direction-nav .flex-prev {
left: -56px;
}
.flexslider-Carousel ul li article {
width: 100%;
float: left;
}
.flexslider-Carousel ul {
margin-left: -15px;
margin-right: 15px;
} .cs-prv-next .owl-controls {
position: absolute;
right: 0;
text-align: right;
top: -45px;
width: auto;
}
.cs-theme-carousel {
margin: 0px;
}
.cs-prv-next .owl-controls .owl-nav {
width: 55px;
}
.cs-prv-next .owl-controls .owl-nav .owl-prev, .cs-prv-next .owl-controls .owl-nav .owl-next {
width: 25px;
height: 25px;
border: 2px solid #d7d7d7;
border-radius: 100%;
text-align: center;
display: inline-block;
line-height: 25px;
font-size: 16px;
color: #d7d7d7;
}
.cs-prv-next .owl-controls .owl-nav .owl-prev, .cs-prv-next{
float: left;
}  .cs-Testimonials.cs-modren{
background: #f8f8f8;
padding: 26px 32px;
}
.cs-Testimonials.cs-modren::after{ display: none; }
.cs-Testimonials.cs-modren .question-mark{ padding: 0; margin: 0; }
.cs-Testimonials.cs-modren .question-mark::before{ display: none; }
.cs-Testimonials.cs-modren .cs-author h6{ margin: 0; }
.cs-Testimonials {
width: 100%;
float: left;
position: relative;
}
.question-mark {
padding: 0 0 0 85px;
position: relative;
float: left;
width: 100%;
}
.question-mark:before {
content: "";
position: absolute;
left: 50px;
top: 0;
width: 4px;
height: 100%;
border-left:4px double #e5e5e5;
}
.cs-Testimonials:after{
content: "";
position: absolute;
left: 1px;
top: 2px;
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/bloqoute.jpg);
width: 49px;
height: 49px;
background-size:49px 49px;
}
.question-mark p {
font-size: 16px;
color: #444;
margin-bottom: 25px;
}
.cs-Testimonials.italic .question-mark p {
font-style: italic;
}
.cs-author {
float: left;
width: 100%;
}
.cs-author figure {
float: left;
width: 45px;
border-radius: 4px;
margin-right: 18px;
}
.cs-author span {
font-size: 12px;
line-height: 12px;
color: #fff;
display: inline-block;
padding: 3px 6px;
font-family: "Source Sans Pro",sans-serif;
text-transform: uppercase;
}
.cs-author h6 {margin-bottom: 6px; text-transform: uppercase; font-size: 14px; color: #444; line-height: 14px;}
.cs-author figure img {
border-radius: 4px;
} .cs-newsletter.without-bg{ padding: 0; }
.cs-newsletter.without-bg .news-title{ color: #191919;}
.cs-newsletter {
float: left;
width: 100%; padding: 25px;
}
.user-signup span{
font-size: 16px;
color: #fff;
margin-bottom: 5px;
display: block;
}
.user-signup .news-title{
font-family: "Droid Serif",serif;
font-size: 14px;
line-height: 16px;
margin: 0 0 10px;
}
.user-signup p{
color: #f5f3e5;
margin-bottom: 12px;
}
.user-signup form label {
float: left;
width: 94%;
margin-right: 10px;
}
.user-signup form input[type="text"] {
border: medium none;
color: #b1b1b1;
font-size: 14px;
height: 42px;
width: 100%;
padding-left: 12px;
border: 2px solid #dee4e3;
}
.user-signup form i{ display: none; }
.user-signup form .submit-button {
position: absolute;
right: 0;
top:0;
min-width: 72px;
width: auto; }
.user-signup form .submit-button {
z-index: 9;
}
.user-signup form .submit-button:before {
border-bottom: 21px solid transparent;
border-left: 15px solid #b59759;
border-top: 21px solid transparent;
content: "";
height: 0;
position: absolute;
right: -15px;
top: 0;
width: 0;
}
.user-signup form input[type="submit"]{
background-color: #444444;
border:none;
color: #ffffff;
padding: 9px;
text-transform: uppercase;
font-family: "Droid Serif",serif;
font-size: 14px;
width: 100%;
}
.widget_newsletter form input:focus,
.user-signup form input:focus{ box-shadow: none !important; }
.cs-mailchimp,
.cs-mailchimp fieldset{ position: relative;}
.cs-show-msg{
height: 42px;
position: absolute;
right: 10px;
top: 0;
min-width: 72px;
width: auto;
border-left: 6px solid #323536;
background:#b59759;
border-right:0px;
}
.cs-show-msg > div {
height: 100%;
text-align: center;
background: #000;
width: 100%;
}
.cs-show-msg i{
color: #fff;
display: inline-block !important;
font-size: 18px;
line-height: 37px;
vertical-align: top;
}
.cs-error-msg {
position: relative;
margin:0 0 8px;
width: 100%;
line-height: 14px;
} .cs-partner .cs-section-title{
overflow: hidden;
}
.cs-partner .cs-section-title h2 {
position: relative;
display: inline-block;
padding: 0px;
}
.cs-partner .cs-section-title h2:before, .cs-partner .cs-section-title h2:after {
content: "";
position: absolute;
left: 100%;
width: 7777px;
height: 4px;
border-top: 1px solid #e5e5e5 !important;
border-bottom: 1px solid #e5e5e5 !important;
margin-left: 20px;
padding: 0px;
top: 8px;
}
.cs-partner .cs-section-title h2:before{
background: none !important;
}
.cs-partner .cs-section-title h2:after {
left: auto;
right: 100%;
margin-left: 0px;
margin-right: 20px;
}
.cs-partner {
width: 100%;
float: left;
text-align: center;
}
.cs-partner ul{
float: left;
width: 100%;
border: 1px solid #ebebeb;
margin: 0px;
}
.cs-partner ul li {
padding: 25px 15px;
margin: 0px;
border-right: 1px solid #e5e5e5;
}
.cs-partner ul li:last-child {
border-right: 0px;
}
.cs-theme-carousel li[class*="col-md-"] {
padding: 0;
width: 100%;
}
.cs-partner img{ width: auto; margin: 0 auto; float: none; display: block;}
.cs-partner li{
list-style: none;
}
.cs-partner .owl-nav{ display: none; } .cs-partner.no-clients-border ul li,
.cs-partner.no-clients-border ul{
border:none;
}
.cs-partner.no-clients-border .cs-section-title h2{ padding: 0 0 0 19px; }
.cs-partner.no-clients-border .cs-section-title h2:after{
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 6px;
}
.cs-partner.no-clients-border .cs-section-title h2:before{
display: none;
}
.cs-partner.no-clients-border { text-align: left; }
.cs-partner.no-clients-border ul li{ padding: 0; } .cs-event-map-section .cs-map-section,
.has_map {
padding: 3px;
border: 1px solid #dddddd;
}
.cs-event-map-section .cs-map-section .cs-map{ margin:0 ;}
.widget_text ul li{
list-style: none;
}
.cs-contact-info li:first-child p {
font-size: 16px;
}
.cs-contact-info li i {
width: 25px;
height: 25px;
display: inline-block;
text-align: center;
border-radius: 100%;
background-color: #424242;
color: #fff;
}
.widget_text.cs-contact-info li p {
padding-left: 36px;
}
.widget_text.cs-contact-info li p span {
font-size: 14px;
font-weight: 600;
color: #222222;
}
.widget_text.cs-contact-info li {
margin: 0 0 10px 0;
}
.widget_text .textwidget .col-md-12{ padding: 0; }
.widget_text .textwidget .prev-next .flex-direction-nav .flex-prev {
left: auto;
right: 28px;
top: 18px;
}
.widget_text .textwidget .cs-section-title{ padding: 0 56px 0 0;}
.widget_text .textwidget .prev-next .flex-direction-nav{ top: -39px ;}
.widget_text .cs-Testimonials ul li p{ padding: 0; margin: 0 0 12px;  }
.widget_text .textwidget .cs-Testimonials { padding: 20px; } .about-description h2 {
font-size: 40px;
margin: 0px;
}
.about-description p { margin-bottom: 0px; }
.about-description h4,.about-description h5 { margin-bottom: 25px; }
.about-num {
font-size: 20px;
color: #222830;
display: block;
}
.sr-plain.cs-services.left figure ~ .text { padding-left: 100px; } .cs-blog, .cs-blog .cs-media,.blog-large, .cs-blog .cs-media figure, .blog-lrg section, .date-time time, .cs-blog h2 {
float: left;
width: 100%;
}
.blog-large .cs-media{
border:1px solid #ccc;
padding:3px;
}
.blog-large .cs-media .flexslider{
border:none;
padding: 0;
}
.blog-large .cs-media figure,.blog-medium .cs-media figure,.blog-small .cs-media figure ,.blog-grid .cs-media figure{
margin: 0 0 0px; display:inline-block;
}
.blog-detail{ min-height: 220px; }
.blog-detail .cs-media figure{
float: left; width: 100%; margin-bottom: 0px;
}
.blog-detail .cs-media{margin-bottom: 17px; float: left; width: 100%;} .blog-large .cs-media{
margin-bottom:20px;
}
.blog-large article{
padding-bottom: 40px;
border-bottom: 1px solid #e5e5e5;
display: inline-block;
width: 100%;
}
.blog-large article:last-child{border-bottom: none;padding-bottom: 20px;}
.blog-large article section{float: left; width: 100%;}
.date-time {
float: left;
text-align: center;
width: 45px;
position:relative;
}
.cs-blog .post-options li i{
display: inline-block; 
vertical-align: middle; 
margin: 0 9px 0 0;
font-size: 14px;
color: #999;
}
.date-time:before{
border-left:1px solid #e7e7e7;
height:70px;
content:"";
position:absolute;
left:21px;
top:75px;
}
.blog-medium .date-time{
margin-right:23px;
}
.blog-medium .date-time:before{
height:88px;
}
.blog-medium .date-time:after{
top:175px;
}
.blog-medium .flex-direction-nav a{
background-size: 100% auto;
height: 40px;
width: 40px;
}
.blog-medium .flex-direction-nav .flex-next{
background-position: 0 100%;
}
.date-time:hover:after{background-color: #e03636; color: #fff;}
.date-time:after {
border: 1px solid #ebebeb;
border-radius: 100%;
box-shadow: 0px 0px 3px 1px #ebebeb;
content:"\e9f6";
height: 32px;
left: 3px;
padding-top: 5px;
position: absolute;
top: 167px;
font-family:icomoon;
font-size:13px;
width: 33px;
padding-left:2px;
color:#999;
line-height: 20px;
cursor: pointer;
}
.date-time time span {
color: #fff;
display: inline-block;
font-size: 12px;
padding: 12px 0;
text-transform: uppercase;
width: 100%;
background:#b59759;
margin-top:2px;
}
.date-time time span strong {
color: #fff;
display: block;
font-size: 20px;
font-weight:normal;
line-height: 18px;
text-align: center;
font-family: 'Droid Serif', serif;
padding: 0px;
}
.date-time time small {
background: #000;
color: #fff;
display: block;
font-size: 12px;
padding:2px 0;
text-transform:uppercase;
font-family: 'Source Sans Pro', sans-serif;
} .cs-blog ul {
margin: 0;
}
.cs-blog ul li {
float: left;
list-style: outside none none;
}
.post-options li {
list-style: outside none none;
margin: 0 14px 9px 0;
position: relative;
float:left;
line-height:15px;
}
.post-options li.categories{margin-bottom: 3px;}
.post-options li a::before {
background: none repeat scroll 0 0 #e5e5e5;
border-radius: 100%;
content: "";
height: 4px;
left: -14px;
position: absolute;
top: 7px;
width: 4px;
}
.post-options li.categories a::before {
display:none;
}
.post-options li.categories a {
color: #a9a9a9;
font-size: 13px;
text-transform: uppercase;
}
.post-options li.categories a {
display: inline-block;
margin: 0 5px 0 0;
position: relative;
}
.blog-large .blog-text h2 {
margin-bottom: 16px;
display:inline-block;
}
.blog-large .blog-text > p {
margin-bottom: 19px;
}
.textborder::before, .rich_editor_text p:first-child::before {
border-bottom: 1px solid;
content: "";
float: left;
height: 2px;
margin: 10px 12px 0 0;
width: 37px;
}
.textborder::before {
border-bottom: 1px solid #f26f29;
content: "";
float: left;
height: 2px;
margin: 14px 20px 0 0;
width: 40px;
}
.button_style a, .read-more {
color: #a9a9a9;
}
.read-more {
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
transition: all 0.4s linear 0s;
margin-left:10px;
}
.blog-large .read-more i {
margin: -1px 10px 0;
}
.read-more i {
border: 2px solid #f37735;
border-radius: 100%;
float: left;
height: 29px;
padding: 6px 0 0;
text-align: center;
width: 29px;
}
.blog-detail .blog-text {
padding: 0 0 0 69px;
}
.cs-blog p {
display: inline-block;
}
.blog-medium .cs-media{
width:283px;
float:left;
margin:0 23px 0 0;
margin-bottom: 10px;
border: 1px solid #dddddd;
padding: 3px;
}
.blog-medium .cs-media .flexslider{
border:none;
padding: 0;
}
.blog-small .cs-media{
width:171px;
float:left;
}
.cs-blog .post-options li a{color: #999;}
.blog-medium .cs-media ~ section { }
.cs-events.events-listing  li .tooltip {
width: 80px;
}
.cs-blog.blog-medium h4 {display: inline-block; line-height: 28px; margin-bottom: 15px;}
.cs-blog.blog-medium ul{margin-bottom: 0px;}
.blog-small .cs-media ~ section {
padding: 0px 0px 0 276px;
}
.cs-blog.blog-medium article{float: left; width: 100%; min-height:225px; margin:0; }
.cs-blog.blog-medium {border-bottom: none; margin-bottom: 0px;} .cs-blog.blog-medium article section{
overflow:hidden;
padding:0;
}
.blog-medium article:first-child .blog-text { border:none; }
.blog-medium .blog-text {
border-top:1px solid #e5e5e5;
padding-top:20px;
}
.blog-small .blog-text {
padding-top:0px;
border:0;
float:left;
} .wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {}
.wp-caption.alignleft,.wp-caption.alignnone {width: 100%;}
.wp-caption.alignnone{ width:100%; }
.cs-blog.blog-medium .post-options{
float: none;
overflow: hidden;
}
.cs-blog.blog-medium .blog-text h4{
display: block;
line-height: 25px;
margin-bottom: 13px;
}
.cs-blog.blog-small .blog-text h4  {
display: inline-block;
line-height: 25px;
margin-bottom: 13px;
}
.cs-blog.blog-small .blog-text .cs-seprater{margin-bottom: 20px;}
.cs-blog.blog-small .blog-text h4{margin-bottom: 15px;}
.cs-blog.blog-small .blog-text h4 {width: 90%;}
.cs-blog.blog-small .post-options li.categories{margin-bottom: 8px;}
.blog-medium .blog-text p {
line-height:18px;
}
.blog-small .date-time{margin-right: 30px;}
.blog-medium{
display:inline-block;
border-bottom:1px solid #e5e5e5;
margin-bottom:30px;
}  .blog-small .date-time::before{ 
display:none;
}
.blog-small .date-time::after {
left: 800px;
top: 42px;
display: none;
}
.cs-blog.blog-small [class*="col-md"] {margin-bottom: 25px;}
.blog-small .blog-text .post-options {
display: block;
}
.blog-small{
display:inline-block;
}
.cs-blog.blog-small article figure figcaption{top: 0; height: 100%; width: 100%;}
.cs-blog.blog-small figure figcaption a img {
margin: -10px 0 0 -10px;
}
.blog-small article{
width:100%;
display:inline-block;
padding:0px 0 30px 0;
}
.blog-small .blog-text > h2, .blog-grid .blog-text > h5 {
display: inline-block;
line-height: 25px;
margin-bottom: 11px;
}
.blog-small .blog-text p,.blog-grid .blog-text p{
line-height: 18px;
}
.blog-grid .blog-text p{margin-bottom: 20px;}  .blog-grid .date-time{ 
margin-right:22px;
}
.blog-grid .date-time ~ .blog-text{ 
padding-left:70px;
}
.blog-grid .date-time::before,.blog-grid .date-time::after{ 
display:none;
}
.cs-blog.blog-large article figure figcaption{width: 100%; height: 100%; left:0 ; top:0;} 
.cs-blog article figure figcaption {
background-color: rgba(0, 0, 0, 0.50);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
visibility: hidden;
}
.blog-grid article figure img{height: 254px;}
.blog-grid article .flexslider figure img {height: 250px;}
.blog-grid article .flexslider {border: none;}
.cs-blog article:hover figure figcaption{opacity: 1; visibility: visible;}
.cs-blog article:hover figure figcaption a{
top: 50%;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.cs-blog article figure figcaption a{
left: 50%;
position: absolute;
top: 40%;
width:45px;
height:45px;
margin: -22px 0 0 -20px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.cs-blog article figure figcaption a img{
left: 50%;
position: absolute;
top: 50%;
width:21px;
height:21px;
margin: -11px 0 0 -11px;
}
.cs-blog.blog-grid.plain figure{margin-bottom: 0px; margin-right: 12px;}
.blog-grid article{
border-bottom:1px solid #d5d6dc;
display:inline-block;
padding-bottom: 20px;
width:100%;
}
.blog-grid article ul.post-options {
display: inline-block;
margin-bottom:8px;
}
.blog-grid article ul.post-options li{
margin-bottom:0px;
}
.post-options li span{
font-size:12px;
color:#999;
margin-right:5px;
}
.blog-grid .post-option li{
list-style:none;
}
.blog-grid .post-option li time {
background-color: #c5c5c5;
border-radius: 0px;
color: #fff;
font-size: 13px;
font-weight: 400;
text-transform:uppercase;
margin-bottom: 10px;
padding: 0 5px;
display:inline-block;
line-height:18px;
}
.cs-blog.blog-grid.Plain .cs-media figure{margin-bottom: 15px;}
.cs-blog.blog-grid.Plain  .title > h5 {display: inline-block; margin-bottom: 13px;}
.cs-blog.blog-grid [class*="col-md"]{
display: inline-block;
float: none;
margin: 0 -4px 35px 0;
vertical-align: top;
}
.blog-grid .cs-media{margin-bottom:27px; padding: 3px; border:1px solid #ddd;}
.blog-grid .cs-media figure{margin: 0px;}
.blog-masnery .post-options li{margin-right: 15px;}
.blog-masnery .post-options li:first-child{margin-left: 0px;}
.blog-masnery .post-options li a:before{left: -10px;}
.blog-masnery .cs-media figure{margin-bottom: 0px;}
.blog-grid .title > h5 {display: block; margin-bottom: 12px; clear: both; }
.blog-grid.blog-masnery .title > h5 {margin-bottom: 12px;}
.blog-masnery .blog-text p{margin-bottom: 16px;}
.blog-masnery article ul.post-options{margin-bottom: 10px;}
.blog-grid.blog-masnery article figure img{height: auto;}
.pagination {
float: left;
margin: 0;
padding: 0;
text-align: center;
border-radius:0;
width:100%;
}
.detailpost ul.slides, .detailpost .flex-direction-nav{margin: 0px;} .blog-detail section h2{
margin-bottom:21px; display: block;
clear: both;
line-height: 32px;
}
.blog-detail .post-options li.categories{margin-bottom: 10px;}
.blog-detail .prev-next-post h2{
margin-bottom:35px;
}
.blog-detail .blog-text p{margin-bottom: 20px;}
.blog-detail .blog-text .post-options{
margin-bottom:6px;
display:inline-block;
}
.blog-detail .post-options li i{margin-top: 0px;}
.blog-detail .post-options li a{color: #999;}
.blog-detail .blog-text .post-options li{
margin-bottom:0px;
}
.blog-detail .date-time::before{
display:none;
}
.blog-detail .date-time::after{
top:89px;
}
blockquote{
border-left:3px solid #a4957e;
font-style:italic;
font-size:16px;
position:relative;
padding-left:37px;
padding-top:0;
padding-bottom:0;
margin-bottom:0;
margin-top:22px;
}
blockquote:before{
position:absolute;
content:"\e9fe";
font-family:icomoon;
font-size:10px;
width:8px;
color:#a4957e;
left:24px;
top:1px;
}
.cs-auther-name {
margin-top: 4px;
}
.blog-detail .cs-auther-name span a{
font-size:12px;
color:#999;
}
.blog-detail .cs-tags{
border-bottom: 1px solid #eaeaea;
display: inline-block;
padding-bottom: 20px;
}
.blog-detail .cs-tags i ~ .tags-inn {
padding: 0 0 0 69px;
}
.blog-detail .cs-tags h6 {
color: #a9a9a9;
font-size: 13px;
margin-bottom:7px;
text-transform: uppercase;
}
.blog-detail .cs-tags a {
border: 1px solid #f1f1f1;
float: left;
font-size: 12px;
line-height: 14px;
margin: 0 5px 0 0;
padding: 7px 10px;
color: #666;
border-bottom: 2px solid #f7f7f7;
}
.blog-detail .cs-tags i {
color: #999;
float: left;
font-size: 40px;
margin:10px 0px;
}
.prev-next-post {
float: left;
width: 100%;
border-top:1px solid #eaeaea;
}
.prev-next-post article {
border-bottom:1px solid #eaeaea;
padding: 27px 0;
float: left;
width: 100%;
}
.prev-next-post article h4{ margin-bottom: 5px;}
#cs-comments .cs-section-title{
margin-bottom:32px;
}
.prev-next-post article .text {
padding-left:70px;
}
.prev-next-post article .text p{
display:block;
color:#a9a9a9;
font-size:13px;
text-transform:uppercase;
margin-bottom:0; 
}
.prev-next-post article .text h2 a{
margin-bottom: 0;
padding: 0;
float:left;
color:#222;
line-height:25px;
}
.prev-next-post{margin-bottom: 20px;}
.prev-next-post article.prev .left-arrow, .prev-next-post article.next .right-arrow {
background: #000;
color: #fff;
float: left;
font-size: 28px;
height: 43px;
line-height: 44px;
margin-right: 2px;
padding-left: 0;
text-align: center;
width: 43px;
margin-top:7px;
}
#cs-comments ul li {
float: left;
list-style: outside none none;
width: 100%;
margin-bottom:35px;
}
#cs-comments ul li .children li .thumblist .text{
padding-left:224px;
}
#cs-comments ul li .children li .thumblist .comment-reply-link::before{
left:-12px;
top:-6px;
}
#cs-comments ul li .children li .thumblist .comment-reply-link .thumblist ul li a::before{
top:72%;
}
#cs-comments ul li .children li .thumblist .text span a{
margin-left:38px;
}
#cs-comments ul > li .thumblist {
margin: 0 0 50px;
}
#cs-comments ul{margin:0px; padding: 0px;}
#cs-comments ul li .thumblist {
float: left;
margin: 0;
position: relative;
}
#cs-comments ul li.comment:nth-child(2){margin-bottom: 0px;}
.thumblist header {
float: left;
width: 185px;
position:relative;
}
.thumblist figure {
border: 1px solid #dfdfdf;
border-radius: 100%;
float: left;
height: 52px;
margin-bottom: 10px;
margin-right: 22px;
padding: 2px;
width: 52px;
}
.thumblist figure img {
border-radius: 100%;
}
.thumblist h6 {
margin-bottom: 4px;
line-height:18px;
margin-top:7px;
font-size: 14px;
}
.thumblist span {
color: #a9a9a9;
font-size: 12px;
text-transform: uppercase;
float:left;
line-height:16px;
}
.thumblist .text {
padding: 0 0 0 258px;
position: relative;
}
.thumblist .comment-reply-link {
color: #a9a9a9;
font-size: 12px;
margin-left: 5px;
text-transform: uppercase;
padding-left:26px;
position: relative;
}
.rich_editor_text ul li{
list-style:none; }
.rich_editor_text .blog-text ul.post-options li{
float:left;
}
#cs-comments ul .children{margin:0 0 0 65px; clear: both;}
#cs-comments ul li.comment{border-bottom: 1px solid #eaeaea;}
.thumblist .comment-reply-link:hover:before{color: #fff;}
.thumblist p{margin-bottom: 15px;}
.thumblist .comment-reply-link::before {
border: 1px solid #ebebeb;
border-radius: 100%;
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
color: #999;
content:"\f064";
font-family: icomoon;
font-size: 10px;
height: 29px;
left:-12px;
top:-6px;
padding: 0 9px;
position: absolute;
width: 29px;
}
.thumblist .text span a{
margin:8px 0 8px 46px;
color:#999;
float:left;
}
#cs-comments ul li a ul .children li .thumblist ul li a:before{
left:39%;
top:80%;
}
#cs-comments ul li .thumblist{
padding: 28px 38px 20px 38px;
}
#cs-comments ul li .children li .thumblist {
background:#f9f9f9;
margin: 0 0 12px;
}
#cs-comments ul li .children li {margin-bottom: 12px;}
#cs-comments ul li a ul .children li {padding: 32px 32px 0px 25px;}
.cs-section-title {
float: left;
margin: 0 0 25px;
width: 100%;
}
#cs-comments ul li .children li.comment{border-bottom: none;}
.cs-section-title h2:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 5px;
background:#b59759;
}
.cs-section-title  h2 {
font-size: 18px;
line-height: 18px !important;
margin: 0;
padding: 0 0 0 19px;
position: relative;
text-transform:uppercase;
} .comment-respond,#respond form p,#respond form {
float: left;
width: 100%;
position: relative;
}
.comment-respond .cs-section-title{margin-bottom: 27px;}
#respond form { position: relative; }
#respond p {
margin: 0px 0px 20px 0px;
}
#respond p [type="text"] {
width: 50%;
float: left;
margin: 0px;
}
#respond p ~ .comment-form-comment {
position: absolute;
right: 0px;
top: 0px;
width: 50%;
padding: 0px 0px 0px 20px;
}
#respond p ~ p.comment-form-comment label { width: 100%; }
#respond p.comment-form-comment label { width: 65%; }
#respond .comment-form-comment ~ .form-submit {
width: 100%;
padding: 0px 0px 0px 0px;
}
#respond p.form-submit span{float: left; font-size: 12px; color: #a9a9a9; width: 50%; margin: 10px 0 0 0;}
#respond p textarea {
float: left;
width: 100%;
margin: 0px;
}
#respond p input,#respond p textarea {
float: left;
width: 100%;
margin: 0px;
height: 50px;
border: 1px solid #dddddd;
padding: 7px 20px;
font-size: 16px;
color: #ccc;
}
#respond p input:focus,#respond p textarea:focus {
box-shadow: 6px 8px 8px 0px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
#respond p textarea { height: 190px; }
.cs-reviews-form #respond p textarea{ height: 260px; }
#respond p input[type="button"],
#respond p input[type="submit"] {
float: left;
padding: 6px 32px;
color: #ffffff;
border: none;
width: auto;
height: auto;
border-radius: 4px;
font-family: 'Droid Serif', serif;
text-transform: uppercase;
background-color: #957558;
margin-left: 0px;
}
#respond form p [type="button"]:focus,
#respond form p [type="submit"]:focus{box-shadow: none;}
.cs-reviews-form #respond .form-submit input[type="button"],
.cs-reviews-form #respond .form-submit input[type="submit"]{
margin: 0 0 0 20px;
}
.cs-classic-form #respond .form-submit input[type="button"],
.cs-classic-form #respond .form-submit input[type="submit"] {
left: 50%;
position: absolute;
}
.cs-classic-form #respond p input[type="button"],
.cs-classic-form #respond p input[type="submit"] {
padding: 6px 25px;
text-transform: uppercase;
}
.cs-reviews-form #respond p.form-submit,
.cs-classic-form #respond form p.form-submit{float: left; width: 100%; margin-bottom: 20px; height: 20px;}
.cs-contact-form #respond .comment-form-comment ~ .form-submit input[type="submit"]{position: absolute; left: 50%; margin-left: 20px;}
.cs-contact-form #respond p textarea{height: 190px;} .cs-tags {
width: 100%;
float: left;
margin: 0 0 35px 0;
}
.cs-tags h6 {
font-size: 13px;
color: #a9a9a9;
}
.cs-tags i {
font-size: 40px;
color: #999;
float: left;
margin: 10px 0 0;
}
.cs-tags i ~ .tags-inn {
padding: 0 0 0 69px;
}
.cs-tags ul li {
float: left;
list-style: none;
}
.event-editor .cs-tags a {
border: 1px solid #f1f1f1;
float: left;
font-size: 12px;
line-height: 14px;
margin: 0 5px 0 0;
padding: 5px 10px;
border: 2px solid #f1f1f1;
} .cs-attachments , .cs-attachments ul{
float: left;
width: 100%;
}
.cs-attachments {
margin-bottom: 37px;
}
.cs-attachments li figure {
background-color: #8e8e8e;
height: 75px;
text-align: center;
width: 112px;
margin-bottom: 0px;
position: relative;
}
.cs-attachments li figure figcaption{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
}
.cs-attachments li figure i {
font-size: 18px;
color: #fff;
width: 45px;
height: 45px;
display: inline-block;
background-color: rgba(0,0,0,0.2);
line-height: 45px;
border-radius: 100%;
margin: 16px 0 0 0;
}
.cs-attachments li {
float: left;
margin: 0 15px 15px 0px;
}
.cs-attachments li:last-child {
margin-right: 0px;
} blockquote.cs-qoute {
width: 100%;
float: left;
font-size: 16px;
color: #222222;
font-style: italic;
border-left: 3px solid #a4957e;
position: relative;
padding: 0 0 0 25px;
font-family: 'Droid Serif', serif;
margin-top: 23px;
margin-bottom: 0;
}
blockquote.cs-qoute:before {  
content: "\e9fe";
color: #a4957e;
display: inline-block;
font-family: "icomoon";
font-size: 14px;
margin: 0 5px 0 0;
position: relative;
top: 0px;
width: 20px;  
left: 0px;
}
.cs-qoute p.auther-name {
font-style: normal;
font-size: 12px;
color: #999;
font-family: "Source Sans Pro",sans-serif;
}
.cs-qoute p.auther-name a {
color: #a4957e;
} .detail-post { float: left; width: 100%; }
.detail-post .socialmedia { display: inline-block; float: left; position: relative; }
.detail-post .socialmedia li { float: left; list-style: none;  margin-right: 5px; }
.detail-post .socialmedia li a { 
border-radius: 2px; 
display: inline-block; 
height: 32px; 
line-height: 40px; 
margin: 0 5px 5px 0; 
text-align: center;
min-width: 32px; }
.detail-post .addthis_button_stumbleupon_badge iframe,
.detail-post .addthis_button_tweet iframe{ margin: 7px 0 0;}
.detail-post .socialmedia li a i { color: #fff; font-size: 20px; }
.socialmedia ul li a[data-original-title="Facebook"] {background-color: #5986e5;}
.socialmedia ul li a[data-original-title="twitter"] {background-color: #1ab2e8;}
.socialmedia ul li a[data-original-title="Instagram"],
.socialmedia ul li a[data-original-title="instagram"] {background-color: #927f46;}
.socialmedia ul li a[data-original-title="google-plus"] {background-color: #d70d38;}
.socialmedia ul li a[data-original-title="youtube-square"] {background-color: #ff0000;}
.socialmedia ul li a[data-original-title="skype"] {background-color: #009bff;}
.socialmedia ul li a[data-original-title="linkedin2"] {background-color: #005992;}
.socialmedia ul li a[data-original-title="Tumblr"],
.socialmedia ul li a[data-original-title="tumblr2"] {background-color: #005992;}
.socialmedia ul li a[data-original-title="reddit"] {background-color: #71a4d4;}
.socialmedia ul li a[data-original-title="pinterest"] {background-color: #f21f29;}
.detail-post .socialmedia a[data-original-title="Facebook"] {background-color: #13497b;}
.detail-post .socialmedia a[data-original-title="twitter"] {background-color: #03b4ea;}
.detail-post .socialmedia a[data-original-title="google-plus"] {background-color: #e72f2f;}
.detail-post .socialmedia a[data-original-title="fa-skype"] {background-color: #03b4ea;}
.detail-post .socialmedia a[data-original-title="Youtube"] {background-color: #ff0000;}
.detail-post .socialmedia a[data-original-title="Tumblr"] {background-color: #1b2f74;}
.detail-post .socialmedia a[data-original-title="Instagram"] {background-color: #4d65bd;}
.detail-post .socialmedia a[data-original-title="linkedin"] {background-color: #2b459e;}
.detail-post .socialmedia a[data-original-title="stumbleupon"] {background-color: #f36100;}
.detail-post .socialmedia a[data-original-title="Dribbble"] {background-color: #E25288;}
.detail-post .socialmedia a[data-original-title="Pinterest"] {background-color: #DA323A;}
.follow-us { float: left; margin-left: 20px; }
.socialmedia .at_PinItButton:before { color: #fff; content: "\f0d2"; display: inline-block; font-family: 'icomoon'; margin: 0 0 0 14px; font-size: 20px; line-height: 20px; }
.detail-post .socialmedia .at_PinItButton:before {margin: 0;} .pagination > ul {
display: inline-block;
float: none;
text-align: center;
padding:0 80px;
}
.pagination li a {
color: #a9a9a9;
display: block;
font-size: 14px;
font-weight: 400;
position:relative;
text-transform: uppercase;
line-height: 50px;
width: 32px;
}
.pagination li a:before {
content:"";
position:absolute;
right:-6px;
top:25px;
width:4px;
height:4px;
background:#ccc;
border-radius:100%;
}
.pagination li:nth-child(8) a:before{display: none;}
.pagination li a:hover{
color:#a4957e;
}
.pagination li a.active{
position: relative;
}
.pagination li a.active:before, .pagination li a.active:after{
content: "";
position: absolute;
left: -3px;
top: 0px;
width: 40px;
height: 50px;
border: 1px solid #b59759;
background: none;
border-radius: 0px;
}
.pagination li a.active:after{
width: 34px;
height: 56px;
left: 0px;
top: -3px;
}
.pagination li {
display: inline-block;
list-style: outside none none;
position: relative;
margin-right:11px;
line-height:18px;
}
.pagination li.pgprev a.icon, .pagination li.pgnext a.icon{
color:#a9a9a9;
padding:0;
}
.pagination li.pgprev a,
.pagination li.pgnext a{
width: auto;
padding: 16px 10px;
line-height: inherit;
}
.pagination li.pgprev{
position: absolute;
left: 36px;
margin: 16px 0 0 0;
top:0;
}
.pagination li.pgprev i, .pagination li.pgnext i{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
text-align: center;
background-color: #a9a9a9;
border-radius: 100%;
color: #fff;
font-size: 10px;
line-height: 20px;
margin-right: 13px;
}
.pagination li.pgnext i{margin-left: 13px; margin-right: 0px;}
.pagination li a.icon:before{
display:none;
}
.pagination li.pgnext{
position: absolute;
right: 36px;
margin: 16px 0 0 0;
top:0;
}
.pagination .spreater {
border-bottom: 1px solid #e6e6e6;
float: left;
margin:0px 0;
position: relative;
width: 100%;
}   .cs-seprater{
display:inline-block;
width:112px;
float:left;
border-top:1px solid #e6e6ea;
margin-bottom:15px;
}  .cs-services.modren.cs-fancy2{ border-bottom: 1px solid #f2f2f2; position: relative; }
.cs-services.modren.cs-fancy2:after{
position: absolute;
left: 0;
bottom:-1px;
width: 64px;
height: 1px;
content: '';
}
.cs-services.modren.cs-fancy2 figure{
padding: 0;
border: none;
}
.cs-services.modren.cs-fancy2:hover figure::before, .cs-services.modren.cs-fancy2:hover figure::after{ display: none; }
.cs-services.modren.cs-fancy2 figure figcaption{ width: 100%; height: 100%; left:0; top:0;}
.cs-services.modren.cs-fancy2 .text{ text-align: left; }
.cs-services.modren.cs-fancy2 .text .box_spreater{ display: none; }
.cs-services.modren.cs-fancy2 .text p a{ font-size: 10px; color: #999; text-transform: lowercase;}
.cs-services {
width: 100%;
float: left;
position: relative;
}
.cs-services.modren h5{
font-size: 14px;
line-height: 17px;
}
.cs-services.modren figure {
border: 1px solid #dddddd;
float: left;
padding: 3px;
position: relative;
margin:0 0 25px 0;
}
.cs-services figure {
display: inline-block;
float: none;
width: 100%;
margin-bottom: 20px;
}
.cs-services.center.modren figure{
min-height: inherit;
}
.liststyle li{list-style: none;} .cs-services figure img {
display: inline-block;
float: none;
width: auto;
max-width: inherit;
}
.cs-services.modren img{ width: 100%; }
.cs-services.modren:hover figure {
box-shadow: 0 7px 16px -2px rgba(0,0,0,0.2);
}
.cs-services.modren figure:before, .cs-services.modren figure:after {
content: "";
position: absolute;
left: 3px;
bottom: -4px;
width: 98%;
height: 4px;
border: 1px solid #d1d1d1;
visibility: hidden;
opacity: 0;
}
.cs-services.modren:hover figure:before, .cs-services.modren:hover figure:after{
visibility: visible;
opacity: 1;
}
.cs-services.modren figure:after {
left: 6px;
bottom: -7px;
width: 95%;
}
.cs-services.center p {
margin-bottom: 20px;
}
.cs-services.modren p {
margin-bottom: 20px;
}
.center,
.top-center{
text-align: center;
}
.left {
text-align: left;
}
.cs-services.left.side figure {
float: left;
width: 99px;
}
.cs-services.left.side figure ~.text {
padding:0 0 0 120px;
}
.cs-services.modren figure figcaption {
background-color: rgba(0, 0, 0, 0.5);
height: 96%;
left: 3px;
position: absolute;
text-align: center;
top: 3px;
width: 98%;
opacity: 0;
visibility: hidden;
}
.cs-services.modren:hover figure figcaption {
opacity: 1;
visibility: visible;
}
.cs-services.modren figure figcaption span {
display: inline-block;
position: absolute;
top: 50%;
margin: -10px 0 0 -28px;
left: 50%;
}
.cs-services.modren figure figcaption span img {
width: 55px;
transform: scale(0);
}
.cs-services.modren:hover figure figcaption span img {
transform: scale(1.1);
}
.cs-services.right figure{
float: right;
width: 98px;
}
.cs-services.right .cs-multiple-list .cs-iconlist li i, .cs-services.right .liststyle .cs-iconlist li i{float: right; margin:7px 0px 0 12px;}
.cs-services.right figure ~ .text{padding: 0 124px 0 0;}
.right{text-align: right;} .cs-multiple-list .cs-iconlist li {
list-style: none;
font-size: 14px;
color: #444;
line-height: 24px;
}
.cs-multiple-list .cs-iconlist li i {
font-size: 10px;
color: rgba(68,68,68,0.20);
margin-right: 12px;
}
.main-heading.seprator:before, .main-heading.seprator:after{
display: none;
}
.main-heading .cs-seprator .devider4{margin-top: 14px;}
.cs-seprator .devider4{
position: relative;
overflow: hidden;
display: inline-block;
width:280px;
}
.cs-seprator .devider4.fullwidth{float: left; width: 100%;}
.cs-seprator .devider4 span:before, .cs-seprator .devider4 span:after{
border-bottom: 1px solid #e5e5e5;
content: "";
height: 4px;
left: 100%;
margin-left: 13px;
position: absolute;
top: 2px;
width: 9999px;
}
.cs-seprator .devider4 span:after{
content: "";
left: auto;
right: 100%;
margin-left: 0px;
margin-right: 13px;
}
.cs-seprator .devider4 span{
display: inline-block;
position: relative;
width: 48px;
float: none;
} .cs-Testimonials {
width: 100%;
float: left;
position: relative;
}
.cs-Testimonials.v2 .question-mark {
padding: 0 0 0 100px;
position: relative;
float: left;
width: 100%;
font-style: italic;
}
.cs-Testimonials.v2 .question-mark:before {
content: "";
position: absolute;
left: 65px;
top: 1px;
width: 4px;
height: 100%;
border-left:4px double #e5e5e5;
}
.cs-Testimonials.v2:after{
content: "";
position: absolute;
left: 5px;
top: 0px;
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/bloqoute.jpg);
width: 60px;
height: 60px;
background-size: 60px 60px;
}
.testimonial-slider:after{left: -10px; top: 2px;}
.question-mark p {
font-size: 16px;
color: #444;
margin-bottom: 25px;
}
.cs-Testimonials.italic .question-mark p {
font-style: italic;
}
.cs-author {
float: left;
width: 100%;
}
.cs-author figure {
float: left;
width: 45px;
border-radius: 4px;
margin-right: 18px;
}
.cs-author span {
font-size: 12px;
line-height: 12px;
color: #fff;
display: inline-block;
padding: 3px 6px;
font-family: "Source Sans Pro",sans-serif;
text-transform: uppercase;
}
.cs-author h6 {margin-bottom: 6px; text-transform: uppercase; font-size: 14px; color: #444; line-height: 14px;}
.cs-author figure img {
border-radius: 4px;
} .skills-sec {
float: left;
width: 100%;
margin: 0 0 5px;
position: relative;
}
.skills-sec h5{ clear: both; margin: 0;}
.skills-sec  h2{margin-bottom: 0px;}
.skills-sec  p{margin-bottom: 25px;}
.skillbar  .skillbar-bar {
height: 15px;
background-color:#b59759;
position: relative;
width: 0;
}
.skillbar .skillbar-bar:after{
content: "";
position: absolute;
right: -10px;
top: 0px;
width: 0;
height: 0;
border-top: 16px solid #000;
border-right: 11px solid transparent;
}
.skillbar h5{
display: inline-block;
margin-bottom: 0px;
}
.skillbar {
background-color: #fff;
display: block;
float: left;
margin-bottom: 12px;
border-radius: 0px;
border:1px solid #cccccc;
border-top: none;
height: 15px;
position: relative;
transition-delay: 0s;
transition-duration: 0.4s;
transition-property: width, background-color;
transition-timing-function: linear;
width: 96%;
margin: 0 0 18px;
}
.skills-sec small {
color:#fff;
width: 40px;
height: 30px;
background-color: #000;
text-align: center;
font-size: 14px;
line-height: 30px;
position: absolute;
top: -30px;
right: -10px;
} .cs-price-table.pr-classic{ 
text-align: center;
box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);
padding:42px 0 35px 0px;
position: relative;
}
.cs-price-table.pr-classic:before{
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 0;
height: 0;
border-top: 30px solid #373028;
border-right: 30px solid transparent;
}
.cs-price-table.pr-classic h3{text-transform: uppercase; margin-bottom: 30px; font-size:17px; }
.cs-price-table.pr-classic .features ul li{
text-align: center;
font-size: 16px;
color: #999;
font-weight:400;
margin:0 0 15px 0; 
}
.cs-price-table.pr-classic .sigun_up{ min-width: 154px; padding: 10px 0;}
.cs-price-table.pr-classic .inner-sec{
font-size: 65px;
color: #585858;
font-weight: 400;
position: relative;
border-bottom: none;
}
.cs-price-table.pr-classic .inner-sec small{
font-size: 14px;
color: #7d7d7d;
}
.cs-price-table.pr-classic .inner-sec span{
font-size: 20px;
color: #7d7d7d;
position: relative;
line-height: 18px;
bottom: 28px;
display: inline-block;
} .cs-pricing-table table thead tr th{
font-size: 14px;
color: #fff;
padding: 6px 18px;
text-transform: uppercase;
line-height: 18px;
}
.cs-pricing-table table thead tr th:nth-child(3n){width: 180px;}
.cs-pricing-table table thead tr th:nth-child(4n){width: 154px;}
.cs-pricing-table table tr .center{ text-align: center;}
.cs-pricing-table table tbody tr td, .cs-pricing-table table thead tr th{
border:1px solid #fff;
}
.cs-pricing-table table tbody tr td{
border-top: 2px solid #fff;
}
.cs-pricing-table table tbody tr td{
padding: 18px;
background-color: #eeeeee;
color:  #666; 
font-size: 14px;
vertical-align: middle;
line-height: 14px;
}
.cs-pricing-table table tbody tr td:first-child{
}
.cs-pricing-table table tbody tr td span{
color: #222222;
font-weight: 500;
font-size: 16px;
display: inline-block;
line-height: 22px;
}
.cs-pricing-table table tbody tr td p{
color: #444;
font-size: 14px;
font-weight: 300;
margin-bottom: 0px;
line-height: 14px;
} .cs-img-frame figure{
float: left;
width: 100%;
}
.cs-img-frame.has-shadow figure{
padding: 3px;
border:1px solid #ebebeb;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.12);
}
.cs-img-frame.has-border figure{
border:1px solid #dddddd;
padding: 3px;
}
.cs-img-frame.cs-modren figure{
position: relative;
border:1px solid #dddddd;
padding: 3px;
box-shadow: 4px 7px 7px 0 rgba(0, 0, 0, 0.15);
}
.cs-img-frame.cs-modren figure:before, .cs-img-frame.cs-modren figure:after{
content: "";
position: absolute;
left: 4px;
bottom: -5px;
width: 98%;
height: 5px;
border: 1px solid #d1d1d1;
}
.cs-img-frame.cs-modren figure:after{
bottom: -9px;
left: 8px;
width: 96%;
}
.main-heading .default {display: inline-block; margin-top: 10px; font-size: 16px;}
.default {
display: inline-block; 
min-width: 160px;
padding: 9px 30px;
text-transform: uppercase;
color: #fff;
}
.cs-img-frame.frame-classic .button_style {
padding: 10px 0 0 0;
} .cs-team, .cs-team.cs-teamgrid figure, .cs-team .cs-text {
float: left;
width: 100%;
}
.cs-team h4{
color: #222830;
margin: 0 0 0px 0;
}
.cs-team span{
font-size: 14px;
color: #444;
margin-bottom: 9px;
display: block;
}
.cs-team.cs-teamgrid figure{
margin-bottom: 0px;
}
.cs-team.cs-teamgrid .cs-text{
background-color: #fff;
border-bottom: 1px solid #f0f0f0;
bottom: -50px;
margin: 0 9px;
overflow: hidden;
padding: 23px 20px 0;
position: absolute;
text-align: center;
width: 84%;
}
.cs-team .social-media{
width: 100%;
margin-left: 0px;
text-align: center;
}
.cs-team .social-media ul li{
display: inline-block;
margin-right: 11px;
float: none;
}
.cs-team .social-media ul li a{
font-size: 16px;
color: #b2b2b2;
}
.cs-team .cs-seprator .devider4{
width: 200px;
}
.cs-team.cs-teamgrid article .cs-text .cs-teaminfo{
float: left;
width: 100%;
margin: 0 0 -180px 0;
}
.cs-team.cs-teamgrid article:hover .cs-text .cs-teaminfo {
margin: 0;
}
.cs-team.cs-teamgrid article:hover .cs-text {
padding: 23px 20px 4px;
} .cs-counter figure{
display: inline-block;
width: auto;
margin: 0 0 0 5px;
}
.cs-counter{
border:7px solid #e4e4e4;
padding: 35px 20px 21px 20px;
float: left;
width: 100%;
}
.cs-counter .cs-text {
display: inline-block;
width: 100%;
padding: 45px 0 0 0;
}
.cs-counter .cs-text a{
font-size: 80px;
line-height: 56px;
display: block;
font-family: "Droid Serif",serif;
letter-spacing: -6px;
}
.cs-counter .cs-text h4{
margin-bottom: 0px;
margin-top: 15px;
display: block;
font-size: 20px;
color: #999;
} .wide .cs-gallery.default-gallery article{
width: 16.667%;
margin: 0 -4px 0 0;
padding: 0;
}
.cs-gallery{
float: left;
width: 100%;
}
.cs-gallery.default-gallery article {
display: inline-block;
float: none;
margin: 0 -4px 35px 0;
vertical-align: top;
}
.cs-gallery article figure{
position: relative;
float: left;
width: 100%;
margin-bottom: 0px;
}
.cs-gallery article figure figcaption a i{
font-size: 26px;
color: #fff;
}
.cs-gallery article figure figcaption a{
left: 50%;
margin: -10px 0 0 -10px;
position: absolute;
top: 50%;
}
.cs-gallery article:hover figure figcaption a{
top: 50%;
}
.cs-gallery article:hover figure figcaption{
opacity: 1;
visibility: visible;
}
.cs-gallery article{margin-bottom: 30px;}
.cs-gallery article figure figcaption{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height:100%;
background-color: rgba(0,0,0,0.3);
text-align: center;
opacity: 0;
visibility: hidden;
}
.cs-gallery .carousel .flex-direction-nav{ display: none; } .accomodation-tabs.vertical .tab-content span{
font-size: 16px;
color: #444;
font-weight: 600;
line-height: 20px;
display: block;
margin-bottom: 10px;
}
.accomodation-tabs.vertical .cs-list li{list-style: none; position: relative;}
.accomodation-tabs.vertical .cs-list li i{font-size: 14px; margin: 0px 12px 0 0; display: inline-block; vertical-align: middle;} .cs-twitter-section{text-align: center;}
.cs-twitter-slider .flex-direction-nav a{display: none;}
.cs-twitter-slider.flexslider{
border:none; 
background: none;
text-align: center;
padding: 0px;
width: 90%;
display: inline-block;
}
.cs-twitter-slider.flexslider .cs-twtter i{
width: 52px;
height: 52px;
display: inline-block;
text-align: center;
background-color: #fff;
color: #00acee;
font-size: 16px;
border-radius: 100%;
line-height: 50px;
margin-bottom: 13px;
}
.cs-twitter-slider.flexslider .cs-twtter p, .cs-twitter-slider.flexslider .cs-twtter p a{
font-size: 26px;
color: #fff;
font-weight: 200;
}
.cs-twitter-slider.flexslider .cs-twtter .infotext span, .cs-twitter-slider.flexslider .cs-twtter .infotext a{
font-size: 16px;
color: #fff;
font-weight: 400;
}
.cs-twitter-slider.flexslider .cs-twtter .infotext span:before{
content: "";
position: absolute;
left: -12px;
top: 10px;
width: 5px;
height: 5px;
background-color: rgba(255,255,255,0.3);
border-radius: 100%;
}
.cs-twitter-slider.flexslider .cs-twtter .infotext span{margin-left: 12px; position: relative;}
.cs-twitter-slider.flexslider .cs-twtter .infotext a{margin-right: 12px;}
.cs-twitter-slider.flexslider .cs-twtter p a{text-decoration: underline;} .cs-events .date-time:before, .cs-events .date-time:after{
display: none;
}
.cs-events.events-listing {
margin: 0 0 20px;
}
.cs-events.events-listing article:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.cs-events.events-listing article {
margin-bottom: 28px;
padding: 0 0 22px;
}
.cs-events time {background-color: #5e5167;}
.cs-events, .cs-events article {
width: 100%;
float: left;
}
.cs-events article {
padding: 0 0 12px 0;
border-bottom: 1px solid #e5e5e5;
}
.cs-events figure {
float: left;
padding: 3px;
border: 1px solid #dddddd;
}
.cs-events section>figure{ width: 202px; }
.cs-events h2 a {
color: #222;
} .cs-events time {
border-radius: 3px;
color: #fff;
float: left;
font-size: 13px;
line-height: 16px;
margin: 1px 0 0;
padding: 2px 6px;
text-transform: uppercase;
position: relative;
}
.cs-events span.free {
background-color: #5bb371;
border-radius: 2px;
color: #fff;
float: left;
font-size: 13px;
line-height: 16px;
margin: 1px 5px 0 0;
padding: 2px 6px;
text-transform: uppercase;
position: relative;
}
.cs-events ul li {
list-style: none;
}
.cs-events .date-time ~ section{
overflow: hidden;
padding: 0 0 0 20px;
} .events-listing figure ~ .text {
padding: 0 0 0 230px;
}
.events-listing .text h2 {
float: left;
font-size: 20px;
margin: 6px 0 3px 0;
width: 100%;
position: relative;
}
.events-listing .text p {
margin: 0 0 8px 0;
padding: 0 0 22px;
position: relative;
display: inline-block;
}
.events-listing .text p:before {
position: absolute;
left: 0;
bottom: 5px;
height: 1px;
width: 75px;
background: #d5d5d5;
content: "";
}
.events-listing .text {
position: relative;
}
.cs-events .csmap {
border-radius: 8px;
float: left;
margin: 10px 0 10px;
width: 100%;
}
.cs-events .csmap figure{
float: none;
}
.cs-section-title[class*="col-md"] {
margin-bottom: 20px;
}
.event-editor .cs-map {
width: 100%;
float: left;
margin:0 0 20px 0;
}
.cs-map figure {
border: none;
padding: 0;
} .events-grid figure {
width: 100%;
float: left;
overflow: hidden;
margin-bottom: 17px;
}
.events-grid [class*="col-md"] {
float: none;
display: inline-block;
margin: 0px -4px 30px 0px;
}
.events-grid figure a, .events-listing figure a {
width: 100%;
float: left;
position: relative;
}
.events-grid figure a:before, .events-listing figure a:before {
width: 100%;
height: 100%;
position: absolute;
left: 0;
content: "";
opacity: 0;
visibility: hidden;
top: 10px;
background-color: #b59759;
}
.events-grid article:hover figure a:before,
.events-listing article:hover figure a:before {
opacity: 0.5;
top: 0;
visibility: visible;
}
.events-grid figure figcaption,
.events-listing figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
}
.events-grid figure figcaption a:before,
.events-listing figure figcaption a:before {
display: none;
}
.events-grid figure figcaption a,
.events-listing figure figcaption a {
color: #fff;
font-size: 30px;
left: 50%;
margin: -50px 0 0 -12px;
position: absolute;
top: 50%;
width: auto;
visibility: hidden;
opacity: 0;
}
.events-grid article:hover figure figcaption a,
.events-listing article:hover figure figcaption a {
opacity: 1;
visibility: visible;
margin-top: -20px;
} 
.events-grid .text h5 {
float: left;
line-height: 22px;
margin: 0 0 3px;
width: 100%;
}
.events-grid ul li {
line-height: 20px;
}
.events-grid .right-event {
float: right;
}
.events-grid time {
margin: 0 0 13px;
}
.events-grid .post-options {
width: 80%;
margin: 0 0 7px;
}
.cs-events .post-options p {
margin: 0;
padding: 0;
float: left;
}
.cs-events .post-options p:before {
display: none;
}
.events-grid .post-options li i {
float: left;
margin: 2px 5px 0 0;
}
.events-grid .post-options li:first-child {
text-transform: uppercase;
}
.events-grid article {
padding: 0 0 25px;
}
.cs-events.events-listing .post-options p {
margin: -3px 0 0;
}
.events-grid .post-options li {
margin-bottom: 5px;
}
.events-grid .event-icon {
background-color: #f1f1f1;
border: 1px solid #b8b8b8;
border-radius: 100%;
float: left;
height: 28px;
line-height: 28px;
text-align: center;
width: 28px;
color: #999;
margin: 20px 0 0;
text-decoration: none;
}
.events-grid .event-icon:hover {
color: #fff;
}
.events-grid .alighn-center {
text-align: center;
padding: 0;
}
.events-grid .alighn-center figure {
border: medium none;
margin-bottom: 0;
padding: 0;
}
.events-grid .alighn-center .text {
width: 100%;
float: left;
padding: 25px 25px 42px;
background-color: #fafafa;
}
.events-grid .alighn-center time {
float: none;
display: inline-block;
}
.events-grid .alighn-center .post-options,
.events-grid .alighn-center .post-options li {
float: none;
display: inline-block;
}
.events-grid .alighn-center .post-options li {
margin: 0;
}
.events-grid .info-box {
border: 1px solid #d0d0d0;
float: left;
position: relative;
text-align: center;
width: 100%;
padding: 20px 0;
}
.events-grid .info-box:before,
.events-grid .info-box:after {
border-bottom: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
border-top: 1px solid #d0d0d0;
content: "";
height: 103%;
left: -4px;
position: absolute;
top: -1px;
width: 3px;
}
.events-grid .info-box:after {
left: auto;
right: -4px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.events-grid .alighn-center .info-box .post-options {
margin: 0;
}
.events-grid .alighn-center .info-box .box-inner{
position: relative;
width: 100%;
}
.events-grid .alighn-center .info-box .box-inner:before,.events-grid .alighn-center .info-box .box-inner:after{
content: '';
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
border-top: 1px solid #d0d0d0;
position: absolute;
left: 0px;
top: -24px;
width: 100%;
height: 3px;
}
.events-grid .alighn-center .info-box .box-inner:after {
top: auto;
bottom: -24px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.events-grid .alighn-center .info-box .post-options li:first-child {
text-transform: capitalize;
}
.events-grid .alighn-center .info-box .post-options li {
margin: 0;
}
.events-grid .alighn-center .top-info-box,
.events-grid .alighn-center .bottom-info-box {
background-color: #fafafa;
left: 50%;
margin: -38px 0 0 -25px;
padding: 0 10px;
position: absolute;
top: 0;
}
.events-grid .tooltip {min-width: 90px;}
.events-grid .alighn-center .bottom-info-box {
bottom: -38px;
margin-top: 0;
top: auto;
z-index: 9;
}
.events-grid .alighn-center .top-info-box .event-icon,
.events-grid .alighn-center .bottom-info-box .event-icon {
margin: 0;
}
.events-grid .alighn-center .post-options {
margin: 0 0 33px 0;
}
.cs-events .alighn-center .free {
display: inline-block;
float: none;
}
.cs-events .alighn-center .text h5 {
margin-bottom: 0;
line-height: 20px;
}
.events-grid .tooltip {
text-transform: uppercase;
} .cs-map-section {
width: 100%;
float: left;
margin:0 0 10px 0;
}
.event-editor .cs-map-section {
margin-bottom: 20px;
}
.cs-map-section[class*="col-md"] {
margin-bottom: 38px;
}
.event-editor.cs-events h2 {
float: left;
width: 100%;
margin-bottom: 9px;
}
.event-editor.cs-events time {
float: left;
margin: 0 12px 0 0;
}
.event-editor.cs-events article {
border: none;
padding: 0;
margin: 0 0 20px 0;
}  .events-listing .date-time {
width: 43px;
float: left;
text-align: center;
}
.date-time strong {
font-size: 20px;
color: #fff;
display: block;
padding: 2px 0;
font-family: "Droid Serif",serif;
}
.date-time span {
font-size: 12px;
color: #fff;
text-transform: uppercase;
background-color: #000;
display: block;
padding: 2px 0;
} .post-options {
float: left;
}
.post-options li {
float: left;
font-size: 13px;
color: #999;
position: relative;
margin: 0 25px 0 0;
}
.post-options li a {
color: #a4957e;
}
.post-options li span {
color: #a9a9a9;
margin: 2px 0 0;
}
.event-editor .post-options li {
margin-bottom: 2px;
}
.event-editor .post-options li span {
color: #a9a9a9;
text-transform: uppercase;
}
.cs-events .post-options li i {
float: left;
margin: 2px 5px 0 0;
}
.event-editor .post-options li i {
margin: 2px 5px 0 0;
}
.event-editor .post-options li a:before {
display: none;
}
.event-editor .post-options li a:hover {
color: #a4957e;
}
.event-editor .post-options li a {
color: #999;
}
.events-listing .post-options li a:before {
display: none;
} .cs-content404 {
float: left;
padding-left: 36px;
}
.page-not-found figure img {
width: auto;
}
.cs-content404 h2 {
color: #222;
font-size:60px;
text-transform: uppercase;
font-family: 'Droid Serif', serif;
line-height:50px;
margin-bottom:10px;
font-weight: 700;
}
.cs-content404 p {
color: #444;
font-size: 14px;
padding-bottom: 25px;
margin-bottom:0;
}
.page-not-found .cs-search-area {
display: inline-block;
text-align: center;
}
.page-not-found .cs-search-area > form {
display: inline-block;
position: relative;
float:left;
}
.page-not-found .cs-search-area{
float: left;
width: 100%;
position:relative;
margin-bottom:16px;
}
.page-not-found .cs-search-area label:before{
content:"\f002";
font-family:icomoon;
position:absolute;
right:21px;
color:#fff;
font-size:13px;
top:12px;
width:5px;
height:5px;
z-index:6;
cursor:pointer;
}
.page-not-found .cs-search-area input {
color: #a9a9a9;
height: 47px;
padding-left:16px;
position: relative;
width: 311px;
float:left;
border-radius:0;
font-size:12px;
border:1px solid #ddd;
box-shadow:none;
}
.page-not-found .cs-search-area input.btn {
border-radius: 0;
color: #fff;
height:47px;
z-index: 1;
text-transform:uppercase;
width:40px;
position:absolute;
right:0px;
top:0px;
z-index:5;
}
.social-media {
float: left;
margin-left: 48px;
}
.social-media ul li {
float: left;
list-style: outside none none;
margin-right: 13px;
}
.cs-content404 .social-media ul li a{
color:#b59759;
font-size:14px;
display:block;
}
.cs-content404 .social-media ul li a i{
color:#a9a9a9;
font-size: 23px;
margin-right:10px;
}
.cs-content404 .social-media ul li a i:hover{
color: #b59759 
}
.cs-content404 a{
color:#b59759;
font-size:14px;
display:block;
font-weight: 700;
font-family:"Droid Serif",serif;
}
.cs-content404 a i{
color: #b59759;
font-size:14px;
margin-right:10px;
}  .cons-icon-area figure img {
float: none;
width: auto;
margin-bottom:5px;
}
.cons-text-wrapp {
padding-bottom:8px;
position:relative;
display: block;
}
.cons-text-wrapp::before, .cons-text-wrapp::after {
background:url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/img3.png) no-repeat;
content: "";
height: 25px;
left: 84%;
margin-left: 10px;
position: absolute;
top: 30px;
width: 62px;
}
.cons-text-wrapp::after {
left: auto;
margin-right: 10px;
right: 84%;
}
.cons-icon-area h1 {
color: #333;
font-size: 36px;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.cons-text-wrapp p {
color: #444;
font-size: 14px;
}
.cons-icon-area {
overflow: hidden;
text-align: center;
margin-bottom: 7px;
}
.cons-icon-area h2{
color:#5e5167;
text-transform:uppercase;
font-family: 'Libre Baskerville', serif;
margin-bottom:50px;
}
.cons-text-wrapp h2{
color:#222;
text-transform:capitalize;
margin-bottom:0;
}
.cs-spreater {
display: inline-block;
float: none;
margin-bottom:27px;
overflow: hidden;
text-align: center;
border-bottom:1px solid #acadb9;
width:112px;
}
#countdownwrapp {
float: left;
padding-bottom: 113px;
width: 100%;
}
.main-digit-wrapp {
text-align: center;
width: 195px;
float:left;
padding-bottom:10px;
}
.main-digit-wrapp .digit-wrapp {
display: block;
padding-top: 26%;
border-bottom:1px solid #acadb9;
padding-bottom:30px;
margin-bottom:11px;
}
.cs-digit {
color: #ccc;
font-family: 'Six Caps', sans-serif;    
font-size:162px;
font-weight: 300;
line-height: 75px;
letter-spacing:2px;
}
.countdown-period {
color: #333;
font-size: 18px;
text-transform: capitalize;
font-weight:normal;
}
.is-countdown{
display:inline-block;
}
.cons-icon-area figure {
margin-bottom: 3px;
}  .cs-map-section.has_map iframe {
padding: 3px;
border: 1px solid #dddddd;
}
.widget_text ul li{
list-style: none;
}
.cs-contact-info li:first-child p {
font-size: 16px;
}
.cs-contact-info li i {
width: 25px;
height: 25px;
display: inline-block;
text-align: center;
border-radius: 100%;
background-color: #424242;
color: #fff;
}
.widget_text.cs-contact-info li p {
padding-left: 36px;
}
.widget_text.cs-contact-info li p span {
font-size: 14px;
font-weight: 600;
color: #222222;
}
.widget_text.cs-contact-info li {
margin: 0 0 12px 0;
}
.cs-section-title {
float: left;
margin: 0 0 20px;
width: 100%;
}
.cs-contact-info .widget-section-title {
margin-bottom: 24px;
}
.cs-classic-form .cs-section-title {
margin: 0 0 24px;
}
.cs-classic-form #respond form p {
margin: 0 0 18px;
}
.cs-classic-form #respond form p input[type="submit"] {
text-transform: uppercase;
padding: 6px 25px;
}
.cs-classic-form.cs_form_styling {
border: 1px solid #dddddd;
box-shadow: 0 0 0 3px #ececec inset;
float: left;
padding: 30px 30px 20px;
width: 100%;
margin: -4px 0 0;
}
.cs-classic-form #respond form .form-submit span {
margin: 0;
}
.cs-classic-form #respond form .form-submit input[type="submit"] {
left: 50%;
position: absolute;
margin:0 0 0px 20px;
}
.cs-classic-form #respond form .form-submi{margin-bottom: 15px;}
.contect-spreater .sp-inner {
width: 100%;
float: left;
height: 25px;
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/spreater-top.png) no-repeat;
}
.contect-spreater[class*="col-md"] {
margin-bottom: 24px;
}
h3.cs-services.simple.center .text h6 {
margin-bottom: 16px;
} 
.page-no-search .suggestions h4 {
margin: 0 0 8px;
}
.cs-services-slider{ clear:both; position:relative;}
.comment-reply-title{margin-bottom: 12px;}
.cs-classic-form.blog_form form>span {
display: block;
font-size: 12px;
margin: 0 0 5px;
text-transform: uppercase;
}
.cs-error > p {
color: #fff;
font-size: 14px;
margin: 0;
padding: 5px 10px 6px;
text-transform: capitalize;
} .search-heading {
width: 100%;
float: left;
margin: 0 0 15px 0;
}
.search-heading h2 {
margin: 0;
line-height: 22px;
position: relative;
padding: 0 0 0 15px;
font-size: 22px;
text-transform: uppercase;
}
.cs-section-title h2:before, .search-heading h2:before {
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
content: "";
}
.suggestions {
width: 100%;
float: left;
}
.suggestions ul {
width: 100%;
float: left;
margin-bottom: 25px;
}
.suggestions ul li {
list-style: none;
line-height: 25px;
}
.suggestions ul li a {
font-size: 16px;
color: #444;
}
.suggestions ul li a i {
float: left;
font-size: 12px;
margin: 8px 5px 0 0;
color: #e2e2e2;
}
.page-no-search .cs-search-area {
width: 100%;
float: left;
margin: 0 0 58px 0;
}
.page-no-search .cs-search-area form {
width: auto;
position: relative;
float: left;
}
.page-no-search .cs-search-area label {
width: 38px;
float: left;
position: absolute;
right: 0;
top: 0;
}
.page-no-search .cs-search-area label:before {
position: absolute;
right: 12px;
top: 12px;
color: #fff;
cursor: pointer;
font-size: 12px;
content: "\e997";
font-family: "icomoon";
}
.page-no-search .cs-search-area input[type="text"] {
width: 458px;
float: left;
font-size: 12px;
color: #a9a9a9;
height: 45px;
border-radius: 0;
padding: 0 0 0 15px;
border: 1px solid #dddddd;
}
.page-no-search .cs-search-area input[type="submit"] {
float: right;
width: 100%;
height: 45px;
border-radius: 0;
border:none;
}
.cs-search-results {
width: 100%;
float: left;
margin-bottom: 50px;
}
.cs-search-results ul li {
width: 100%;
float: left;
list-style: none;
padding: 0 0 15px 0;
margin: 0 0 17px 0;
border-bottom: 1px solid #e5e5e5;
}
.cs-search-results ul li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.cs-search-results ul li strong {
font-size: 18px;
color: #444444;
font-weight: 600;
display: block;
line-height: 24px;
}
.cs-search-results ul li a {
font-size: 16px;
color: #b59759;
}
.site-maps-links, .site-maps-links ul li {
width: 100%;
float: left;
}
.site-maps-links ul li {
position: relative;
list-style: none;
line-height: 24px;
}
.site-maps-links ul li:before {
position: absolute;
left: 0;
top: 0px;
color: #e2e2e2;
cursor: pointer;
font-size: 12px;
content: "\f192";
font-family: "icomoon";
}
.site-maps-links ul li a {
float: left;
padding-left: 20px;
width: 100%;
font-size: 16px;
color: #444444;
}
.site-maps-links h4, .suggestions h4 {
text-transform: uppercase;
font-weight: 600;
color: #444444;
margin: 0 0 5px;
font-family: 'Source Sans Pro', sans-serif;
}
.site-maps-links h4 {
margin: 0 0 3px;
}
.spreater-haspattren {
border-bottom: 1px solid #e6e6e6;
float: left;
margin: 0 0 70px 25px;
position: relative;
width: 97%;
}
.spreater-haspattren:before {
height: 13px;
left: -25px;
position: absolute;
top: -6px;
width: 18px;
content: "";
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/spreater-left.png) no-repeat;
}
.spreater-haspattren:after {
height: 13px;
right: -18px;
position: absolute;
top: -6px;
width: 18px;
content: "";
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/spreater-right.png) no-repeat;
}
.main-heading.about-heading:before, .main-heading.about-heading:after {
top: -8px;
} .cs-section-title[class*="col-md"] {
margin-bottom: 20px;
}
.panel-group.cs-default .panel {
border-color: #e6e6ea;
border-style: solid;
border-width: 1px 0 0;
box-shadow: none;
float: left;
margin: 0;
padding-bottom: 20px;
padding-top: 20px;
width: 100%;
}
.cs-default.modern .panel-default > .panel-heading {
padding: 0;
font-size: 16px;
color: inherit;
font-size: 16px;
font-weight: 400;
}
.cs-default .panel-default > .panel-heading {
background-image: none;
background-color: #fff;
padding: 10px 12px;
color: inherit;
font-size: 16px;
font-weight: 400; }
.cs-default .panel-default > .panel-heading + .panel-collapse > .panel-body {
border: none;
}
.cs-default .panel-default > .panel-heading + .panel-collapse > .panel-body p{ margin: 0; }
.cs-default.modern .panel-body {
padding: 0 22px 0;
}
.cs-default .panel-body {
padding: 0 38px 15px 38px;
}
.cs-default .panel-title {
font-family: "Source Sans Pro",sans-serif;
}
.cs-default .panel-title a {
color: #222;
}
.cs-default .panel-title a span {
float: left;
margin: 0 8px 0 0;
} .panel-group.cs-default {
float: left;
width: 100%;
}
.faq-holder .cs-section-title {
margin-bottom: 15px;
}
.panel-group.simple {
border-left: 1px solid #e6e6ea;
border-right: 1px solid #e6e6ea;
}
.panel-group.simple .panel {
border-radius: 0;
margin-top: 0;
padding:0;
}
.panel-group.simple .panel-title a i {
color: rgba(68, 68, 68, 0.2);
float: left;
font-size: 10px;
margin: 8px 12px 0 0;
}
.panel-group.cs-default.simple .panel:last-child {
border-bottom: 1px solid #e6e6ea; }
.panel-group.cs-default.simple .panel-heading a {
display: inline-block;
position: relative;
width: 100%;
padding: 0 20px 0 0;
}
.panel-group.cs-default.simple .panel-heading a i {
float: left;
margin: 4px 2px 0 0;
}
.panel-group.cs-default.simple .panel-heading a.collapsed:before {
position: absolute;
right: 0;
top: 0;
color:#e4e4e4;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.panel-group.cs-default.simple .panel-heading a:before {
position: absolute;
right: 0;
top: 0;
content: "\ea5d";
font-family: "icomoon";
font-size:20px;
line-height: 25px; -webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} .cs-section-title h5 {
font-size: 16px;
color: #333;
margin-bottom: 0px;
}
.lightbox .cs-section-title {
margin-bottom: 5px;
}
.promo-box {
width: 100%;
float: left;
padding: 20px 30px;
} .cs-list .cs-section-title {
margin-bottom: 8px;
}
.cs-list .cs-section-title h5 {
color: #333;
margin-bottom: 0;
}
.cs-list ul li {
list-style: none;
width: 100%;
float: left;
color: #666;
}
.cs-list ul li a {
color: #666;
}
.cs-list .cs-iconlist li {
position: relative;
padding-left: 20px;
margin-bottom: 5px;
}
.cs-list .cs-iconlist li:before,
.cs-default.cs-accordion-list .panel-heading a.collapsed:before
{
position: absolute;
left: 0;
top: 10px;
width: 11px;
height: 11px;
content: "";
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/list-arrow1.png) no-repeat 2px 2px;
border: 1px solid #b59759;
}
.cs-list .cs-linked-list li {
margin-bottom: 5px;
}
.cs-list .cs-linked-list li a i {
background-color: #e4e4e4;
border-radius: 5px;
color: #fff;
float: left;
margin: 5px 10px 0 0;
padding: 3px 3px 4px;
}
.cs-default.cs-accordion-list .panel {
padding:0;
border: none;
margin: 0;
}
.cs-default.cs-accordion-list .panel-default > .panel-heading{ padding: 0 12px 10px; }
.cs-default.cs-accordion-list .panel-heading a {
position: relative;
padding-left: 20px;
font-size: 14px;
}
.cs-default.cs-accordion-list .panel-heading a.collapsed {
color: #666;
}
.cs-default.cs-accordion-list .panel-heading a:before {
position: absolute;
left: 0;
top: 10px;
width: 11px;
height: 11px;
content: "";
border: 1px solid #b59759;
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/list-arrow2.png) no-repeat 2px 2px;
}
.cs-default.cs-accordion-list .panel-heading a.collapsed:before,
.cs-default.cs-accordion-list .panel-heading a:before {
top: 5px;
}
.cs-default.cs-accordion-list ul {
width: 100%;
float: left;
padding: 0 0 0 14px;
border-left: 1px solid #e8e8e8;
}
.cs-default.cs-accordion-list .panel-body {
padding: 0 0 12px 34px;
}
.cs-default.cs-accordion-list ul li {
line-height: 14px;
margin-bottom: 5px;
}
.cs-default.cs-accordion-list ul li a {
font-size: 12px;
color: #666;
}
.cs-default.cs-accordion-list ul li:last-child {
margin-bottom: 0;
}
.faq-holder [class*="col-md"] {
float: none;
}
.faq-holder .cs-classic-form #respond form p input[type="submit"] {
margin: 0;
position: absolute;
left: 50%;
margin: 0 0 0 20px;
} 
.faq-holder .cs-classic-form #respond form p.form-submit {
position: relative;
}
.faq-holder #respond form p.form-submit span {
color: #a9a9a9;
float: left;
font-size: 12px;
margin: 0;
text-align: left;
width: 100%;
} .header-element {
width: 100%;
float: none;
vertical-align: middle;
display: inline-block;
}
.header-element .page-title-align-center {
display: inline-block;
vertical-align: middle;
width: 100%;
padding: 135px 0 0;
}
.header-element .pageinfo h1 {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
color: #fff;
display: inline-block;
font-size: 40px;
font-weight: 700;
padding: 15px 20px 0;
margin: 15px 0 10px;
position: relative;
}
.breadcrumb-sec .pageinfo h4 {
color:#ffffff; 
font-style:italic;
}
.header-sp {
width: 100%;
float: left;
text-align: center;
}
.header-sp .devider1 {
width: 315px;
height: 1px;
display: inline-block;
border-bottom: 1px solid #fff;
}
.breadcrumb-sec .heading-box {
border-bottom: medium none;
display: inline-block;
float: none;
overflow: hidden;
position: relative;
text-align: center;
}
.breadcrumb-sec .heading-box .img-box:before, .breadcrumb-sec .heading-box .img-box:after {
border-bottom: 1px solid #fff;
content: "";
height: 4px;
left: 100%;
margin-left: 10px;
position: absolute;
top: 15px;
width: 9999px;
}
.breadcrumb-sec .heading-box .img-box:after {
content: "";
left: auto;
margin-left: 0;
margin-right: 10px;
right: 100%;
}
.breadcrumb-sec .heading-box .img-box {
display: inline-block;
float: none;
left: 50%;
margin: -3px 0 0 -20px;
position: absolute;
vertical-align: top;
}
.breadcrumb-sec .heading-box h1{ 
border-top:none;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: none;
color: #fff;
display: inline-block;
font-size: 40px;
font-weight: 700;
padding: 15px 20px 0;
margin: 15px 0 10px;
position: relative;
}
.breadcrumb-sec .heading-box h1::before, .breadcrumb-sec .heading-box h1::after{ display: none;}
.widget_gallery .gallery-list li img {
position: relative;
}
.cs-list .cs-linked-list li a:hover i{
color: #fff;
} .pypal-sec {
width: 100%;
float: left;
padding: 0 30px 30px;
background-color: #f3f3f3;
}
.pypal-sec .radio-box {
width: 100%;
float: left;
padding: 25px 0 15px;
} 
.pypal-sec ul li form {
float: left;
width: 25%;
padding: 5px 0 0;
}
.pypal-sec label:before {
border-radius: 100%;
}
.pypal-sec input[type="checkbox"],
.pypal-sec input[type="radio"] {
display: none;
}
.pypal-sec input[type="checkbox"]:checked + label:before,
.pypal-sec input[type="radio"]:checked + label:before {
color: #a78849;
content: "•";
font-size: 43px;
line-height: 12px;
text-align: center;
}
.pypal-sec label:before {
background-color: #ffffff;
border: 1px solid #dce5ec;
bottom: -2px;
content: "";
display: inline-block;
height: 22px;
left: 0;
position: absolute;
width: 22px;
}
.cs-reservation-tabs .pypal-sec label {
cursor: pointer;
display: inline-block;
font-size: 14px;
margin-right: 15px;
padding-left: 35px;
position: relative;
color: #424242;
margin: 0 28px 0 0;
font-weight: 600;
}
.cs-reservation-tabs .pypal-sec label img {
width: 100%;
}
.cs-reservation-tabs .cs-section-title h2 {
text-transform: capitalize;
} .pypal-price {
width: 100%;
float: left;
margin: 0 0 25px 0;
padding: 8px 20px;
background-color: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.pypal-price li {
float: left;
color: #999;
list-style: none;
margin: 0 0 0 20px;
}
.pypal-price li span {
color: #b89c61;
float: right;
margin:0 0 0 15px;
}
.pypal-price li:first-child {
margin-left: 0;
}
.pypal-price p {
color: #999;
display: inline-block;
float: none;
margin: 2px 0 0 5px;
vertical-align: middle;
width: auto;
}
.pypal-price p span {
float: right;
margin: 0 0 0 15px;
}
.pypal-sec .select-payments li {
list-style: none;
}
.cs-reservation-tabs .pypal-sec .select-payments li label {
width: 100%;
}
.pypal-sec .select-payments input[type="radio"] {
display: inline-block;
height: 100%;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.pypal-sec .select-payments input[type="radio"]:checked + label:before,
.pypal-sec .select-payments label:before {
background-color: inherit;
border-radius: 5px;
content: "";
height: 100%;
width: 100%;
top: 0;
border: 2px solid #b4b4b4;
}
.pypal-sec .select-payments label:before {
border: none;
}
.radio-image-wrapper {
position: relative;
float: left;
margin: 0 0 0 5px;
width: 16%;
}
.radio-image-wrapper:first-child {
margin-left: 0;
}
.cs-reservation-tabs .pypal-sec .select-payments label,
.cs-reservation-tabs .pypal-sec .select-payments label img {
padding: 0;
margin: 0;
border-radius: 5px;
}
.radio-image-wrapper img {
box-shadow: 0 2px 0 #e4e4e4;
}
.select-payments {
float: left;
margin: 0 0 20px;
width: 100%;
}
.pypal-sec .select-payments ul li form {
width: 100%;
}
.select-payments h6 {
color: #424242;
display: block;
margin: 0 0 14px 0;
font-size: 16px !important;
}
.cs-reservation-tabs form label a{color: #ab8d51;}
.cs-reservation-tabs form input[type="submit"]{
display: inline-block;
padding: 10px 30px;
border: none;
font-size: 14px;
color: #fff;
text-transform: uppercase;
position: relative;
}
.cs-map-section{ position: relative; }
.cs-map-section .cs-map-tabs{
position: absolute;
left: 78px;
top: 28px;
z-index: 5;
}
.cs-map-section .cs-map-tabs li{ margin: 0 2px;
list-style: none;
color: #555;
float: left;
background:#fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
font-size: 18px;
height: 35px;
padding: 3px 0 0;
text-align: center;
width: 35px;
z-index: 99;
}
.cs-map-section .cs-map-tabs li span{ cursor: pointer;}
.cs-classic-form.cs_form_styling #respond form p input[type="submit"].form-style-right{ float:right;} .button_style { display: inline-block; vertical-align: middle; }
.button_style .left{ float: left;}
.button_style .right{ float: right;}
.button_style .circle{ border-radius: 6px;}
.button_style .no_circle{ border-radius: 0;}
#gallery-1 .gallery-item img{ 
border:none;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#gallery-1 .gallery-item img:hover{ opacity: 0.5; }
.non-responsive .responsive-btn {display: none;}
.button_style .left i{ margin:0 5px 0 0 ;}
.button_style .right i{
float: right;
margin: 0 0 0 5px;
}
.call-actions.ac-modren [class*="col-md"] {
margin-bottom: 0;
padding: 0;
}
.message-404{
font-size: 60px;
}
.navbar-header .reserve-btn {
display: none;
}
.res-btn {
display: none;
}
.main-heading h1 {
margin: 0 auto;
width: 65%;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
background-image: none;
background-repeat: repeat-x;
box-shadow: none;
}
.relevant-search li{ list-style: none; }
.socialmedia .at_PinItButton{
width: 100%;
display: inline-block;
}
.cs-iconlist i{
margin:2px 8px 0 0;
} * {
padding: 0px;
margin: 0px;
}
.widget{ margin: 0 -4px 20px 0; }
.widget ul li {
list-style: none;
line-height: 28px;
position: relative;
}
.widget option {
padding: 6px 12px;
}
.widget select {color: #444; font-weight: 400;}
.page-sidebar .widget {
width: 100%;
float: left;
margin-bottom: 30px;
}
.widget-section-title, .cs-search-area {
width: 100%;
float: left;
position: relative;
}
.widget_search .cs-search-area input[type="text"] {
width: 100%;
float: left;
padding-left: 20px;
font-size: 14px;
height: 46px;
}
.widget_search .cs-search-area .search-submit {
position: absolute;
display: inline-block;
right: -2px;
top: 1px;
margin: 0px;
}
.widget_search .cs-search-area .search-submit:before {
content: "\f002";
position: absolute;
left: 0px;
top: 0;
font-size: 12px;
color: #fff;
font-family: 'icomoon';
padding: 11px 13px;
}
.widget_search form label input[type="submit"] {
width: 38px;
text-align: center;
height: 44px;
border: none;
text-indent: -999px;
border-radius: 0;
}
.widget-section-title {
margin-bottom: 18px;
}
.widget-section-title h2:before {
content: "";
position: absolute;
left: 0px;
top: 3px;
width: 6px;
height: 72%;
}
.widget-section-title h2 {
position: relative;
padding: 0 0 0 15px;
text-transform: uppercase;
margin: 0px;
font-size: 16px;
} .widget_cetegorie ul li {
padding: 6px 9px;
border-bottom: 1px solid #e5e5e5;
float: left;
width: 100%;
position: relative;
}
.widget_categories ul li, .widget_nav_menu ul li a{
position: relative;
}
.widget_cetegorie ul li:first-child {
border-top: 1px solid #e5e5e5;
}
.widget_cetegorie ul li:after, .widget_categories ul li:after, .widget_pages ul li:after, .widget_meta ul li:after, .widget_archive ul li:after, .widget_nav_menu ul li a:after {
content: "\e9e9";
right: 9px;
top: 6px;
font-family: 'icomoon';
font-size: 14px;
position: absolute;
color: #999999;
}
.widget_categories ul li:after{
opacity: 0;
visibility: hidden;
}
.widget_categories ul li:hover:after {
opacity: 1;
visibility: visible;
color: #fff;
}
.widget_categories ul li:hover{
padding-right: 30px;
}
.page-sidebar .widget ul li a, .page-sidebar .widget ul li, .widget.widget_recent_comments li a, .widget_nav_menu ul li, .widget_nav_menu ul li a, .widget_archive ul li a{
font-size: 14px;
color: #444444;
font-weight: 400;
}
.widget_nav_menu ul li a i {
margin: 0 6px 0 0;
color: #999;
}
.widget_categories ul li {
float: left;
width: 100%;
text-align: right;
}
.widget_recent_comments ul li:hover, .widget_recent_comments ul li:hover a {
color: #444;
}
.widget_categories ul li, .widget_pages ul li, .widget_meta ul li, .widget.widget_recent_comments li, .widget_recent_entries ul li, .widget_nav_menu ul li a, .widget_archive ul li  {
border-bottom: 1px solid #e5e5e5;
float: left;
width: 100%;
}
.widget.widget_recent_comments li, .widget_recent_entries ul li {padding: 6px 0px;}
.widget_categories ul li, .widget_pages ul li, .widget_meta ul li, .widget_nav_menu ul li a, .widget_archive ul li {
padding: 6px 10px;
}
.page-no-search {
float: left;
width: 100%;
}
.widget_categories ul li a {text-align: left; float: left;}
.widget_cetegorie ul li:hover:after, .widget_cetegorie ul li:hover a, .widget_categories ul li:hover a, .widget_pages ul li:hover a, .widget_meta ul li:hover a, .widget_nav_menu ul li a:hover, .widget_nav_menu ul li a:hover i,
.widget_archive ul li:hover a, .widget_categories ul li:hover, .cs-tags ul li:hover a, .widget_pages ul li:hover:after, .widget_meta ul li:hover:after, .widget_archive ul li:hover:after, .widget_nav_menu ul li a:hover:after{
color: #fff;
} .widget_recent ul li .text h6 a {
font-size: 14px;
color: #444;
}
.widget_recent ul li .text h6 {
margin-bottom: 0px;
line-height: 20px;
}
.widget_recent li, .widget_text ul, .widget_cs-services .cs-services, .twitter_widget article {
float: left;
width: 100%;
}
.widget_recent ul li figure {
border-radius: 100%;
float: left;
margin-bottom: 0;
width: 60px;
}
.widget_recent ul li figure ~ .text {
padding: 0 0 0 74px;
}
.widget_recent ul li figure img {
border-radius: 100%;
width: 100%;
}
.widget_recent ul li .text time {
font-size: 12px;
color: #a9a9a9;
text-transform: uppercase;
}
.widget_recent ul li {
margin-bottom: 15px;
} .footer-logo {
float: left;
margin: 0px 0px 30px 0px;
}
.widget_text ul li { margin: 0px 0px 5px 0px; }
.widget_text ul li i {
float: left;
padding: 5px 0px 0px 0px;
}
.widget_text ul li p {
padding: 0px 0px 0px 25px;
margin: 0px;
} .left{
text-align: left;
}
.cs-services.classic,
.widget .cs-services {
position: relative;
padding: 23px 25px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.13);
background-color: #fff;
margin: 0 0 12px 0;
}
.page-sidebar .textwidget [class*="col-md"] {
padding-left: 0;
padding-right: 0;
} .cs-services.classic:before,
.widget .cs-services:before {
content: "";
position: absolute;
left: 3px;
top: 4px;
width: 3px;
height: 95%;
}
.cs-services.classic figure,
.widget .cs-services figure {
width: auto;
float: none;
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
}
.cs-services.classic figure ~ .text,
.widget .cs-services figure ~ .text {
padding: 0 0 0 20px;
float: none;
display: inline-block;
vertical-align: middle;
width: 83%;
}
.cs-services.classic .text p,
.widget .cs-services .text p{
margin: 0px;
}
.cs-services.classic .text h5,
.widget .cs-services .text h5 {
margin-bottom: 5px;
}
.widget_text .cs-services figure {
display: inline-block;
float: none;
}
.widget_text .cs-services figure ~ .text {
width: 74%;
} .widget_tag_cloud .cs-tags{
float: left;
}
.widget_tag_cloud .cs-tags ul li {
float: left;
margin: 0 0 6px 6px;
}
.widget_tag_cloud .tagcloud,
.widget_tag_cloud .cs-tags ul {
margin-left: -6px;
}
.widget_tag_cloud .tagcloud a,
.widget_tag_cloud .cs-tags ul li a {
display: block;
float: left;
padding: 0px 6px;
margin: 0 0 6px 6px;
border: 1px solid #f1f1f1;
border-bottom: 2px solid #f8f8f8;
font-size: 14px!important;
color: #666;
} .twitter_widget article {
margin-bottom: 20px;
}
.twitter_widget article p {
font-size: 14px;
color: #444;
margin-bottom: 3px;
}
.twitter_widget article p a {
display: block;
text-decoration: underline;
}
.twitter_widget article span {
font-size: 11px;
color: #999;
}
.twitter_widget article span i {
font-size: 16px;
margin: 5px 5px 0 0;
float: left;
} .widget_gallery .gallery-list {
margin: 0 0 0 -12px;
}
.widget_gallery .gallery-list li {
float: left;
position: relative;
width: 28.9%;
margin: 0 0 12px 12px;
}
.widget_gallery .gallery-list li img{ width: 100%; } 
.widget_gallery .gallery-list li:after {
background-color:rgba(0,0,0,0.2);
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
visibility: hidden;
width: 100%;
z-index: 0;
}
.widget_gallery .gallery-list li:before {
color: #fff;
content: "\eab9";
font-family: 'icomoon';
font-size: 12px;
left: 50%;
margin: -12px 0 0 -6px;
position: absolute;
top: 50%;
visibility: hidden;
opacity: 0;
z-index: 2;
}
.widget_gallery .gallery-list li:hover:before, .widget_gallery .gallery-list li:hover:after {
visibility: visible;
opacity: 1;
} .widget-reviews {
border: 1px solid #ebebeb;
padding: 10px;
position: relative;
float: left;
margin: 0 20px 0 0;
}
.reviews-inner, .box-br-style {
width: 100%;
float: left;
}
.reviews-inner {
padding: 10px;
position: relative;
}
.box-br-style:before, .box-br-style:after{
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
border: 1px solid #f2f2f2;
position: absolute;
z-index: -1;
}
.reservation-form .box-br-style:before, .reservation-form .box-br-style:after {
display: none;
}
.reservation-inner .review-style {
float: left;
}
.box-br-style:after{
height: 102.5%;
left: 3px;
top: -3px;
width: 97.7%;
}
.cs-custom-rating {
display: inline-block;
position: relative;
float: left;
width: 100%;
text-align: center;
padding: 20px 0 25px 0;
background:url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/reviews-bg.png) no-repeat bottom;
margin: 0 0 20px 0;
}
.cs-rating:before, .rating-box:before {
color: #c6c6c6;
content: "\e9f9 \e9f9 \e9f9 \e9f9 \e9f9";
float: left;
font-family: 'icomoon';
left: 0;
position: absolute;
top: 0;
font-size: 20px;
letter-spacing: 3px;
}
.rating-box:before {
color: #ffac00;
content: "\e9f8 \e9f8 \e9f8 \e9f8 \e9f8";
}
.cs-rating {
height: 22px;
line-height: 22px;
margin-right: 0;
padding-bottom: 10px;
position: relative;
width: 130px;
display: inline-block;
}
.rating-box {
height: 22px;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
}
.review-rating {
display: block;
font-size: 14px;
color: #999999;
font-style: italic;
font-family: 'Droid Serif', serif;
}
.cs-price-sec {
float: left;
text-align: center;
width: 100%;
margin: 0 0 20px 0;
position: relative;
}
.cs-price-sec strong {
text-transform: uppercase;
margin-bottom: 0px;
font-size: 14px;
color: #222;
font-weight: 600;
display: block;
}
.cs-price-sec span.price {
font-size: 40px;
color: #222;
font-weight: 200;
line-height: 46px;
} .reservation-search .modal-title, .cs-accomodation.plainview h5 {
font-size: 18px!important;
}
.breakdown-table table thead {
background-color: #bfbfbf;
border-bottom: 1px solid #acacac;
}
.breakdown-table table thead:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
content: "";
background-color: rgba(0,0,0,0.1);
}
.rooms-list .modal-body {
padding: 0;
}
.breakdown-table {
float: left;
height: auto;
overflow: visible;
width: 100%;
}
.breakdown-table table {
margin: 0;
}
.breakdown-table table thead th {
border-color: rgba(0,0,0,0.1);
border-top: none;
border-bottom: none;
color: #fff;
font-weight: 400;
font-size: 12px;
padding: 0 0 0 20px;
text-transform: uppercase;
}
.breakdown-table table thead th:first-child {
border: none;
}
.breakdown-table table tbody td {
font-size: 14px;
color: #000;
border-color: rgba(0,0,0,0.1);
border-width: 0 0 0 1px;
padding: 0 0 0 20px;
}
.breakdown-table table tbody td .discount-total {
text-decoration: line-through;
}
.breakdown-table table tbody tr:nth-child(even){
background-color: #f7f7f7;
}
.breakdown-table .mCSB_inside > .mCSB_container {
margin-right: 16px;
}
.breakdown-table .mCSB_scrollTools .mCSB_draggerContainer {
background-color: #ccc;
}
.breakdown-table .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #ccc;
}
.breakdown-table .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
border-radius: 0;
height: 77px;
width: 9px;
}
.breakdown-table .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.breakdown-table .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, 
.breakdown-table .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
}
.breakdown-table .mCSB_scrollTools {
width: 14px;
}
.reservation-editor .short-info .cs-price {
padding: 0 0 5px;
}
.reservation-editor .cs-accomodation.classicview article figure ~ .accomodation-info {
overflow: hidden;
padding: 0 0 0 30px;
}
.reservation-editor .SumoSelect {
text-align: left;
}
.reservation-editor .slect-area .SumoSelect > .CaptionCont > span {
color: #aeaeae;
}
.reservation-editor .accomodation-inner {
border-bottom: 1px solid #e5e5e5;
padding: 0 0 20px 0;
min-height: 270px;
}
.reservation-editor .cs-accomodation article:last-of-type .accomodation-inner{
border-bottom: none;
} #wp-calendar {
border-radius: 2px;
float: left;
width: 100%;
}
.widget_calendar caption {
font-size: 16px;
text-align: center;
text-transform: uppercase;
color: #fff;
background: #484848;
font-weight: bold;
}
.widget_calendar table{ text-align: center; background: #f7f7f7; padding: 0 0 20px; }
.widget_calendar tfoot {display: none;}
.widget_calendar thead { border-bottom: 1px solid #ededed; padding: 0 10px; }
.widget_calendar tbody{ padding: 0 10px; }
.widget_calendar table td,
.widget_calendar thead th{ font-size: 11px; padding: 0; text-align: center; min-width: 37px; border:none; font-weight: bold; }
.widget_calendar table tr td{
font-size: 13px;
padding: 5px;
position: relative;
z-index: 1;
}
.widget_calendar table tr td:hover:after{
opacity: 1;
}
.widget_calendar table tr td:after{
position: absolute;
content: '';
width: 111%;
height: 91%;
margin: 2px 0 0 -2px;
left: 0;
top:0;
opacity: 0;
z-index: -1;
}
.widget_calendar table tr td:hover{ color: #fff; }
.widget_calendar table tr td.pad:hover:after,
.widget_calendar table tr td.pad:hover {background: inherit;} .widget.widget_recent_comments .comment-author-link {
border-bottom: 1px dotted #b8b8b8;
border-color: #b8b8b8;
color: #999;
display: inline-block;
font-size: 12px;
font-weight: 600;
line-height: 16px;
margin-bottom: 8px;
margin-right: 7px;
text-transform: uppercase;
}
.widget.widget_recent_comments li a {
display: inline-block;
float: left;
text-align: left;
text-transform: capitalize;
width: 100%;
} .widget_rss ul li a {
border-bottom: 1px dotted;
color: #b8b8b8;
display: inline-block;
font-size: 12px;
margin-bottom: 5px;
padding-bottom: 2px;
text-transform: uppercase;
}
.page-sidebar .widget_rss .rss-date {
color: #b8b8b8;
float: left;
font-size: 12px;
margin-bottom: 5px;
text-transform: uppercase;
width: 100%;
} .widget.widget_text .logo img{
width: auto;
height: auto;
}
.widget.widget_text img {
height: auto;
width: 100%;
}
.textwidget p img {
float: left;
margin-bottom: 10px;
width: 100%;
}
.wp-smiley {
width: auto;
margin: 5px 5px 5px 0;
}
.textwidget p strong {
float: left;
font-weight: normal;
margin-bottom: 10px;
width: 100%;
} .widget_newsletter form {
width: 100%;
float: left;
background-color: #323536;
padding: 15px;
position: relative;
}
.widget_newsletter label {
float: left;
width: 94%;
margin-right: 10px;
}
.widget_newsletter input[type="text"] {
border: medium none;
color: #b1b1b1;
font-size: 14px;
height: 41px;
width: 100%;
padding-left: 24px;
border: 2px solid #dee4e3; 
}
.widget_newsletter .cs-mailchimp fieldset> i {
color: #ccc;
font-size: 10px;
position: absolute;
left: 8px;
top: 17px;
z-index: 1;
}
.widget_newsletter form label {
float: left;
margin-right: 10px;
width: 94%;
}
.widget_newsletter .submit-button {
position: absolute;
right: 0;
top:0;
min-width: 72px;
width: auto;
border-left: 6px solid #323536;
z-index: 9;
}
.widget_newsletter .submit-button:before {
border-bottom: 21px solid transparent;
border-left: 15px solid #b59759;
border-top: 21px solid transparent;
content: "";
height: 0;
position: absolute;
right: -15px;
top: 0;
width: 0;
}
.widget_newsletter input[type="submit"] {
background-color: #444444;
border:none;
color: #ffffff;
padding: 9px;
text-transform: uppercase;
font-family: "Droid Serif",serif;
font-size: 14px;
width: 100%;
}
.widget_form .cs-error{
border:1px solid #f00 !important;
} .table-condensed thead tr th, .table-condensed tbody tr td{line-height: 1;}
.table-condensed{margin-bottom: 0px;}
.table-condensed thead tr th.datepicker-switch{ text-align: center; width: 100%; border: none; padding: 8px 8px;}
.table-condensed thead tr th.prev {border-right: none;}
.table-condensed thead tr th.next{border-left: none;}
.datepicker.datepicker-dropdown {padding: 0px;}
.table-condensed tbody tr td {padding: 8px;} footer .widget_categories ul li, footer .widget_pages ul li, footer .widget_meta ul li, footer .widget.widget_recent_comments li, footer .widget_recent_entries ul li, footer .widget_nav_menu ul li a, footer .widget_archive ul li, footer .widget_cetegorie ul li, footer .widget_cetegorie ul li:first-child,
footer .widget_search .cs-search-area input[type="text"], footer .widget_tag_cloud .cs-tags ul li a, footer .widget-reviews, footer .box-br-style:before, footer .box-br-style:after, footer .reservation-inner, footer .widget select, footer #wp-calendar thead tr th, footer #wp-calendar tbody tr td {
border-color: #484a4a;
}
footer .widget ul li, footer .widget-gallery, footer .widget select, footer .widget_search .cs-search-area input[type="text"], footer #wp-calendar thead tr th, footer #wp-calendar tbody tr td{color: #cccccc!important;}
footer .cs-price-sec strong, footer .cs-price-sec span.price {color: #fff;}
footer .widget_search .cs-search-area input[type="text"] {background-color: rgba(0, 0, 0, 0.2);}
footer .cs-services.classic, footer .widget select{background: none; }
footer .cs-services.classic {box-shadow: 0 0 4px 1px #484a4a;}  #footer-sec .nav > li > a:focus, #footer-sec .nav > li > a:hover{ background: none; }
#footer-sec {
float: left;
width: 100%;
padding: 0;
background-size: cover;
position: relative;
}
#footer-sec:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
background-color: rgba(51, 51, 51, 0.95);
width: 100%;
height: 100%;
}
#footer-sec>.container{ padding: 50px 0 20px;}
#footer-sec .widget { position: relative; z-index: 0; }
#footer-sec [class*="col-md"]{ margin: 0 0 35px; } .reservation-search .reservation-box {
background-color: #484848;
border: 1px solid #e5e5e5;
float: left;
padding: 13px 0 18px;
position: relative;
width: 100%;
}
.reservation-search .search-inner {
width: 100%;
float: left;
position: relative;
border: none;
} .search-summery, .search-summery ul {
width: 100%;
float: left;
}
.search-summery {
padding: 0 18px 0;
position: relative;
}
.search-summery ul {
margin: 0 0 15px;
}
.search-summery h6 {
color: #fff;
margin: 0;
font-size: 14px;
}
.search-summery li {
list-style: none;
width: 100%;
float: left;
color: #fff;
position: relative;
font-size: 13px;
text-align: left;
} .search-summery li span {
color: #af9358;
float: right;
font-size: 13px;
border: none;
padding: 0;
margin: 0;
font-family: "Source Sans Pro",sans-serif;
}
.search-summery li span:before {
display: none;
}
.undo-search {
width: 100%;
float: left;
padding: 0 0 10px;
margin: 0 0 10px;
border-bottom: 1px solid rgba(232,232,232,0.1);
}
.search-summery span {
font-size: 14px;
color: #fff;
float: left;
font-family: "Droid Serif",serif;
}
.undo-search a {
background-color: #fff;
border-radius: 100%;
float: right;
font-size: 11px;
height: 20px;
line-height: 22px;
text-align: center;
width: 20px;
}
.search-summery .undo-search span {
font-size: 16px;
}
.edit-btn {
border-radius: 3px;
color: #fff;
float: left;
font-size: 11px;
padding: 4px 18px 5px;
}
.reservation-search .rooms-list, .rooms-list li, .rooms-list ul {
width: 100%;
float: left;
}
.rooms-list ul {
margin: 0 0 18px 0;
}
.rooms-list li {
list-style: none;
padding: 18px 10px 18px 18px;
border-bottom: 1px solid rgba(223, 223, 223, 0.1);
background-color: #363636;
}
.rooms-list li.cs-current-room {
border-left: 4px solid;
}
.rooms-list .text {
display: inline-block;
float: none;
vertical-align: middle;
width: 88%;
}
.rooms-list .text h6 {
color: #fff !important;
font-size: 14px !important;
line-height: 14px;
margin: 0 0 5px;
}
.rooms-list .text p {
color: #a9a9a9;
font-size: 12px;
margin: 0 0 2px;
}
.rooms-list .text strong {
float: left;
margin: 0 0 3px;
width: 100%;
}
.rooms-list .text span.price {
float: left;
font-style: normal;
color: #b59759;
font-weight: 400;
line-height: 14px;
font-size: 14px;
margin: 0 3px 0 0;
font-family: "Droid Serif",serif;
}
.rooms-list .text span {
color: #797979;
cursor: pointer;
float: left;
font-size: 12px;
line-height: 17px;
margin: 0 10px 0 0;
}
.rooms-list .text span.sidebar-total {
color: #b59759;
line-height: 14px;
margin: 0 5px 0 0;
text-decoration: line-through;
}
.rooms-list .text span.sidebar-discount-total {
color: #b59759;
line-height: 14px;
margin: 0 5px 0 0;
}
.rooms-list .text #change-room {
font-size: 12px;
color: #797979!important;
font-weight: 400;
margin: 0;
}
.rooms-list .text a i {
font-size: 10px;
margin: 0 5px 0 0;
}
.rooms-list small {
background-color: #5f5d5d;
box-shadow: 0 0 2px #2b2b2b;
border-radius: 100%;
color: #fff;
display: inline-block;
float: none;
font-size: 11px;
height: 22px;
line-height: 22px;
margin: 0;
text-align: center;
vertical-align: middle;
width: 22px;
}
.rooms-list .continue-btn {
width: 100%;
float: left;
color: #fff;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
font-family: "Droid Serif",serif;
}
.rooms-list .change-room {
float: left;
font-size: 12px;
line-height: 20px;
}
.rooms-list .button_style {
width: 100%;
float: left;
padding: 0 20px;
}
.rooms-list .modal-header {
border: none;
padding: 15px 12px 15px 20px;
}
.rooms-list .modal-header span {
border: 1px solid #cecece;
border-radius: 100%;
color: #757575;
float: left;
font-size: 16px;
height: 28px;
line-height: 26px;
width: 28px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.rooms-list .modal-header .close {
opacity: 1;
}
.rooms-list .modal-content {
border-radius: 0;
border: none;
width: 100%;
float: left;
margin: 24px 0 0;
}
.rooms-list {
position: relative;
} .reservation-search .cs-bank-transfer .list-group-item {
background-color: inherit;
border-width: 0 0 1px 0;
color: #fff;
border-radius: 0;
padding: 10px 18px;
}
.reservation-search .cs-bank-transfer li:first-child {
padding-top: 5px;
}
.reservation-search .cs-bank-transfer li .badge {
background-color: inherit;
padding: 10px 0 0;
text-align: right;
white-space: inherit;
width: 50%;
font-weight: 400;
}
.reservation-search .cs-bank-transfer .list-group-item .cs-bank-info{
padding: 0;
font-size: 12px;
}
.reservation-search .cs-bank-transfer h2 {
color: #fff;
font-size: 18px !important;
margin: 0;
padding: 0 18px;
text-transform: uppercase;
}
.reservation-search .cs-bank-transfer ul p {
padding: 10px 18px 0;
color: #fff;
margin: 0;
}
.reservation-search .cs-bank-transfer ul:last-child {
margin: 0;
}
.reservation-search .cs-bank-transfer .list-group {
box-shadow: none;
} .cs-reviews .cs-rating-wrap {
margin: 10px 0 0;
}
.cs-rating-wrap {
background-color: #fcfcfc;
border: 1px solid #f0f0f0;
float: left;
width: 100%;
padding: 20px 20px 8px;
}
.cs-rating-wrap .rating-section {
display: inline-block;
margin: 0;
width: 33.333%;
}
.cs-rating-wrap .rating-section span.cs-shorttitle {
color: #333333;
float: left;
font-size: 14px;
padding-right: 25px;
}  .cs-accomodation.classicview .slect-area {
position: relative;
}
.cs-accomodation.classicview .slect-area:before {
background-color: #fff;
content:"\eab3";
font-family: "icomoon";
height: 38px;
line-height: 40px;
position: absolute;
right: 1px;
text-align: center;
top: 1px;
width: 33px;
pointer-events: none;
}
.cs-accomodation.classicview .slect-area select {
color: #aeaeae;
font-size: 12px;
text-transform: uppercase;
font-style: normal;
font-family: "Droid Serif",serif;
}
.cs-accomodation.classicview .slect-area select option {
text-transform: capitalize;
font-family: "Droid Serif",serif;
}  .datepicker.datepicker-dropdown {
padding: 0;
width: 222px;
}  .rich_editor_text h1, .rich_editor_text h2, .rich_editor_text h3, .rich_editor_text h4, .rich_editor_text h5 {
margin-bottom: 10px;
}
.rich_editor_text p, .rich_editor_text ul, .rich_editor_text ol {
margin-bottom: 10px;
}
.rich_editor_text ul {
float: none;
list-style: disc;
margin-left: 0px;
}
.rich_editor_text .liststyle ul {
padding-left: 0px;
}
.rich_editor_text ol {
list-style-type: decimal;
margin-left: 0px;
padding-left: 25px;
}
.rich_editor_text li {
float: none;
}
.rich_editor_text ul ul {
list-style-type: circle;
margin-bottom: 0;
padding: 0 0 0 25px;
}
img.alignright {
box-shadow: 0 0 3px rgba(0,0,0,0.2);
float: right;
margin: 0 0px 30px 30px;
}
img.alignleft {
float: left;
margin: 0 30px 30px 0;
}
img.aligncenter {
box-shadow: 0 0 3px rgba(0,0,0,0.2);
display: block;
margin: 0 auto 30px;
} li {
line-height: 28px;
list-style: disc inside none;
}
ul ul {
margin-left: 20px;
}
ul li ul li,
ul li ul li ul li,
ul li ul li ul li ul li{ margin: 0; } 
ol {
float: none;
list-style: decimal;
padding-left: 15px;
}
ol ol {
margin-left: 20px;
}
ol li {
list-style: decimal;
width: 100%;
}
ol li,
ol li ol li,
ol li ol li ol li,
ol li ol li ol li ol li{ margin: 0 !important; list-style: inherit !important; } 
table {
background-color: transparent;
max-width: 100%;
}
th {
text-align: left;
}
table {
margin-bottom: 15px;
width: 100%;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
border-top: 1px solid #d2d2d2;
border: 1px solid #d2d2d2;
line-height: 2.5;
padding-left: 7px;
vertical-align: top;
}
table thead tr th {
border-top: 1px solid #d2d2d2;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
border-top: 1px solid #d2d2d2;
}
table > thead > tr > th {
border-bottom: 2px solid #d2d2d2;
vertical-align: bottom;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
border-bottom: 0;
}
table > tbody + tbody {
border-top: 2px solid #d2d2d2;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 12px 16px;
}
p ins {
color: #999;
}
dl dd {
margin-left: 20px;
}
address {
font-style: italic;
}
#comment .text-box blockquote p {
float: none;
width: auto;
}
#comment ul li .text-box ul li {
float: left;
list-style: outside;
width: 100%;
}
#comment ul li .text-box ul ul {
float: left;
margin-left: 30px;
width: 100%;
}
#comment ul li .text-box ol li {
list-style: inherit;
}
.gallery-item img {
border: none;
float: left;
padding: 0 5px;
}
.wp-caption-text.gallery-caption {
float: left;
padding: 10px 4px 0px 4px;
text-align: left;
width: 100%;
}
.sticky {
} .page-links {
float: left;
padding: 0px 0px 20px 0px;
text-align: center;
text-transform: uppercase;
}
.page-links span {
background: #222;
color: #fff;
font-size: 11px;
padding: 5px 10px;
}
.page-links a span {
color: #fff;
font-size: 11px;
padding: 5px 10px;
}
.page-links span.page-links-title {
color: #fff;
}
.password_protected > form {
display: inline-block;
width: 400px;
}
.password_protected input[type="password"] {
height: 45px;
padding: 0 15px;
width: 100%;
}
.password_protected {
float: left;
text-align: center;
width: 100%;
}
.password_protected p {
float: left;
margin: 0;
width: auto;
}
.password_protected label {
float: left;
width: 80%;
}
.password_protected input[type="submit"] {
background-color: #000;
border: none;
color: #fff;
padding: 11px 16px 14px 17px;
}
.password_protected .protected-icon a {
background-color: #000;
border-radius: 100%;
color: #ffffff;
display: inline-block;
font-size: 50px;
height: 80px;
margin: 0px 0px 20px 0px;
padding: 3px 0px 0px 0px;
width: 80px;
}
.password_protected .protected-icon a i {
font-size: 42px;
}
.cs-attachments ul{ padding: 0; }
.cs-attachments ul li{
float: left;
width: 112px;
}
.cs-attachments ul li figure{
width: 100%;
height: auto;
}
.cs-attachments ul li figure i{
margin: 20px 0;
} .mejs-container {
margin-bottom: 25px;
}
.gallery {
clear: both;
margin: 0 auto;
overflow: hidden;
}
.gallery .gallery-item {
float: left;
list-style: none;
margin: 0px 0 0;
overflow: hidden;
padding: 0px 0px 15px 15px;
text-align: center;
}
.gallery-caption {
font-size: 11px;
}
.gallery-item img {
float: left;
padding: 0 0px;
width: 100%;
height: auto;
}
.gallery-columns-0 .gallery-item {
width: 100%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
.gallery-columns-10 .gallery-item {
width: 10%;
}
.gallery-columns-11 .gallery-item {
width: 9.09%;
}
.gallery-columns-12 .gallery-item {
width: 8.33%;
}
.gallery-columns-13 .gallery-item {
width: 7.69%;
}
.gallery-columns-14 .gallery-item {
width: 7.14%;
}
.gallery-columns-15 .gallery-item {
width: 6.66%;
}
.gallery-columns-16 .gallery-item {
width: 6.25%;
}
.gallery-columns-17 .gallery-item {
width: 5.88%;
}
.gallery-columns-18 .gallery-item {
width: 5.55%;
}
.gallery-columns-19 .gallery-item {
width: 5.26%;
}
.gallery-columns-20 .gallery-item {
width: 5%;
}
.gallery-columns-21 .gallery-item {
width: 4.76%;
}
.gallery-columns-22 .gallery-item {
width: 4.54%;
}
.gallery-columns-23 .gallery-item {
width: 4.34%;
}
.gallery-columns-24 .gallery-item {
width: 4.16%;
}
.gallery-columns-25 .gallery-item {
width: 4%;
}
.gallery-columns-26 .gallery-item {
width: 3.84%;
}
.gallery-columns-27 .gallery-item {
width: 3.7%;
}
.gallery-columns-28 .gallery-item {
width: 3.57%;
}
.gallery-columns-29 .gallery-item {
width: 3.44%;
}
.gallery-columns-30 .gallery-item {
width: 3.33%;
} .cs-process-outer {
background-color: rgba(255, 255, 255, 0.8);
float: left;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 99;
}
.process-loader {
color: #b59759;
font-size: 30px;
left: 50%;
margin: -50px 0 0 -30px;
position: absolute;
top: 50%;
z-index: 9;
} .cs-selection-complete {
overflow: hidden;
text-align: center;
padding: 40px;
background-color: #f5f5f5;
}
.cs-selection-complete h3 {
font-style: italic;
color: #484848;
font-size: 20px;
text-transform: uppercase;
}
.cs-selection-complete p {
padding: 0 0 20px 0;
color: #484848;
margin: 0 0 20px;
border-bottom: 1px solid #e5e5e5;
}
.cs-selection-complete a {
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 600;
padding: 8px 30px;
text-transform: uppercase;
} .cs-notification {
border-bottom: 1px solid #f1f1f1;
display: inline-block;
margin: 0 0 20px;
padding: 0 0 10px;
text-transform: uppercase;
width: 100%;
font-weight: 700;
} .table-condensed tbody tr td {cursor: pointer;}
.table-condensed tbody tr td.new,
.table-condensed tbody tr td.old,
.table-condensed tbody tr td.disabled {color: #999;}
.table-condensed tbody tr td:hover {background: #eeeeee;}
.table-condensed tbody tr td.active {background: #b59759; color: #fff;}
.table-condensed tbody tr td.active:hover {background: #b59759;}
.table-condensed tbody tr td, .table-condensed thead tr th {text-align: center;}
.table-condensed thead tr th.datepicker-switch {vertical-align: middle;}
.datepicker thead tr th.prev,
.datepicker thead tr th.next {cursor: pointer;}
.datepicker thead tr th.prev, .datepicker thead tr th.next {visibility: visible!important;} .widget .reservation-inner{
margin: 0;
}
.reservation-inner{
float: left;
position: relative;
background-color: #484848;
width: 100%;
padding: 10px 15px 18px;
border: 1px solid #e5e5e5;
}
.reservation-form .form-reviews label {
color: #fff;
font-size: 14px;
text-transform: uppercase;
position: relative;
margin: 0px;
float: left;
} .page-section{ position: relative; }  .banner-search.reservation-form.cs-search-room-elm-full{ max-width: inherit; margin: 0;}
.banner-search.reservation-form.cs-search-room-elm-full .reservation-inner {background: none; padding: 0; }
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style li.sub-rooms,
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style li:first-child{ width: 24.6%; }
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style>li:first-child{ padding: 0; }
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style li{
width: 12.6%;
float: left;
padding: 0 0 0 10px;
}
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style .date:nth-child(2){ padding: 0 0 0 10px; }
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style select, 
.banner-search.reservation-form.cs-search-room-elm-full .cs-calendar-combo input[type="text"],
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style .select-style-one:before, 
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style .select-style-two:before, 
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style .select-style-three:before, 
.banner-search.reservation-form.cs-search-room-elm-full .select-style:before, 
.banner-search.reservation-form.cs-search-room-elm-full .select-style-foure:before{
background: #1d2228;
}
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style li.sub-rooms ul{ clear: both; margin: 0;  }
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style li.sub-rooms li{ width: 100%; padding:0; margin: 0 0 10px; }
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style li.sub-rooms li .select-area{ width: 50%; }
.banner-search.reservation-form.cs-search-room-elm-full .form-reviews .review-style li h5 {
font-size: 14px!important;
margin: 0;
line-height: 28px !important;
color: #fff!important;
font-family: "Source Sans Pro",sans-serif !important;
}
.banner-search.reservation-form.cs-search-room-elm-full .review-style .search-btn{
height: 40px;
margin:28px 0 0;
} .banner-search.reservation-form.cs-search-room-elm-full.fancy-input .form-reviews .review-style select, 
.banner-search.reservation-form.cs-search-room-elm-full.fancy-input .cs-calendar-combo input[type="text"],
.banner-search.reservation-form.cs-search-room-elm-full.fancy-input .form-reviews .review-style .select-style-one:before, 
.banner-search.reservation-form.cs-search-room-elm-full.fancy-input .form-reviews .review-style .select-style-two:before, 
.banner-search.reservation-form.cs-search-room-elm-full.fancy-input .form-reviews .review-style .select-style-three:before, 
.banner-search.reservation-form.cs-search-room-elm-full.fancy-input .select-style:before, 
.banner-search.reservation-form.cs-search-room-elm-full.fancy-input .select-style-foure:before{
background: #fff;
}
.banner-search.reservation-form.cs-search-room-elm-full.fancy-input .form-reviews .review-style select, 
.banner-search.reservation-form.cs-search-room-elm-full.fancy-input .cs-calendar-combo input[type="text"]{
box-shadow: 1px 2px 0 0 rgba(0,0,0,0.1);
}
.banner-search.reservation-form.cs-search-room-elm-full.fancy-input .form-reviews .review-style li h5,
.banner-search.reservation-form.cs-search-room-elm-full.fancy-input .form-reviews label{ color: #000 !important; font-weight:normal !important;}
.banner-search.reservation-form{ max-width: 400px; }
.banner-search.reservation-form .reservation-inner{ border:none; }
.reservation-form .form-reviews .review-style .date:nth-child(2){ padding:0;}
.reservation-form .form-reviews .review-style .date{
width: 50%;
padding: 0 0 0 10px;
}
.reservation-form .form-reviews .review-style {
float: left;
width: 100%;
padding: 18px;
}
.reservation-form .form-reviews .review-style li {
position: relative;
float: left;
width: 100%;
list-style: none;
margin: 0;
}
.reservation-form li.select-options .select-area {
float: left;
padding: 0 0 0 10px;
width: 50%;
}
.reservation-form .form-reviews .review-style li.select-options {
padding: 10px 0 0;
}
.reservation-form li.select-options .select-area:first-of-type, 
.reservation-form li.select-options .select-area:first-child {
padding-left: 0;
}
.reservation-form .form-reviews .review-style.box-br-style:before, .reservation-form .form-reviews .review-style.box-br-style:after{
border-color: #6d6d6d;
}
.element-size-25 .reservation-form .form-reviews .review-style.box-br-style:after{ height: 101.4%; }
.reservation-form .form-reviews .review-style.box-br-style:after {
height: 101.5%;
}
.reservation-form .form-reviews .review-style .select-style-one, .reservation-form .form-reviews, 
.reservation-form .form-reviews .review-style .select-style-two, .reservation-form .form-reviews .review-style .select-style-three, 
.reservation-form .select-style, .reservation-form .select-style-foure {
float: left;
position: relative;
width: 100%;
}
.reservation-form .form-reviews .review-style li.select-area {
width: 50%;
float: left;
margin: 0 0 20px 0;
}
.reservation-form .form-reviews .review-style li.select-area {
padding: 0
}
.reservation-search.reservation-form .form-reviews .review-style li.select-area { padding-left: 10px; }
.reservation-form .form-reviews .review-style li.select-area .select-style-foure{ padding: 0 0 0 8px; }
.reservation-form .select-style:before, .select-style-foure:before {
top: 24px;
}
.reservation-form .form-reviews .review-style .select-style-one, 
.reservation-form .form-reviews .review-style .select-style-three, 
.reservation-form .form-reviews .review-style .select-style-two{ margin: 0 0 5px 0;}
.reservation-form .form-reviews .review-style .select-style-one:before, .reservation-form .form-reviews .review-style .select-style-two:before, 
.reservation-form .form-reviews .review-style .select-style-three:before, .reservation-form .select-style:before, .reservation-form .select-style-foure:before{
content: "\eab3";
position: absolute;
right: 0px;
top: 0px;
font-family: 'icomoon';
font-size: 20px;
color: #999999;
background-color: #323232;
height: 40px;
line-height: 44px;
pointer-events: none;
width: 30px;
}
.reservation-form .form-reviews .review-style .select-style-two:before, 
.reservation-form .form-reviews .review-style .select-style-three:before{
content: "\e9b3";
line-height: 40px;
top: 28px;
z-index: 1;
font-size: 16px;
}
.reservation-form .form-reviews .review-style select, .cs-calendar-combo input[type="text"]{
font-size: 14px;
color: #797979;
background-color: #323232;
border: none;
font-weight: 400;
padding: 8px 12px;
height: 40px;
}
.reservation-form .form-reviews .review-style select option{ padding: 10px; }
.reservation-form .form-reviews label.cs-calendar-combo {padding-left: 0px;}
.reservation-form .cs-calendar-combo:before {display: none;}
.reservation-form .cs-calendar-combo input[type="text"], .cs-calendar-combo {
width: 100%;
float: left;
}
.reservation-form .form-reviews .review-style .search-btn {
width: 100%;
border: none;
font-size: 14px;
color: #fff;
text-transform: uppercase;
height: 42px;
font-weight: 400;
margin: 15px 0 0 0;
}
.reservation-form .form-reviews .review-style {
padding: 0;
}
.reservation-form .form-reviews .review-style li h5 {
font-size: 14px!important;
margin: 0 0 5px 0;
color: #fff!important;
}  .reservation-editor .cs-reservation-tabs .cs-section-title{ display: none; }
.cs-check-holder {
overflow: hidden;
margin-bottom: 20px;
}
.cs-chcked-area {
width: 100%;
float: left;
}
.cs-check-holder[class*="col-md"] {
padding: 0 22px 0 0;
}
.cs-chcked-area article {
padding: 20px 0;
width: 100%;
float: left;
border: 1px solid #ededed; 
}
.cs-chcked-area article h6 {
color: #484848;
padding: 0 0 5px 20px;
}
.cs-chcked-area article ul li {
width: 100%;
float: left;
list-style: none;
padding: 25px 30px 20px;
margin: 10px 0 0 0;
line-height: 16px;
border-top: 1px solid #e5e5e5;
}
.cs-chcked-area article ul li:first-child {
border: none;
}
.cs-checkbox input[type="checkbox"] {
float: left;
margin: 2px 0 0 0;
}
.cs-checkbox label {
cursor: pointer;
display: inline-block;
font-size: 16px;
line-height: 22px;
margin: 0;
padding-left: 50px;
position: relative;
color: #363636;
}
.tabs-content .cs-checkbox label {
line-height: 16px;
}
.cs-check-list label span {
color: #a9a9a9;
display: block;
font-weight: 400;
line-height: 16px;
padding: 3px 0 0;
}
.cs-check-list .check-price {
float: right;
text-align: center;
margin: 0 0 0 30px;
padding: 20px 0 0;
}
.cs-check-list .check-price span {
color: #a9a9a9;
display: block;
font-weight: 400;
text-transform: capitalize;
}
.cs-check-list .select-area {
float: right;
position: relative;
margin: 0 0 0 20px;
}
.cs-check-list .select-area .select-box {
position: relative;
width: 90px;
float: right;
}
.cs-check-list .select-area .select-box:before {
background-color: #fff;
color: #999;
content: "\eaa7";
font-family: "icomoon";
height: 28px;
line-height: 28px;
padding: 1px 0 0;
pointer-events: none;
position: absolute;
right: 1px;
text-align: center;
top: 1px;
width: 30px;
}
.cs-check-list .select-area select {
border: 1px solid #e4e4e4;
color: #ccc;
font-size: 14px;
font-weight: 600;
height: 30px;
padding: 0 10px;
width: 100%;
float: none;
display: inline-block;
background-color: #fff;
box-shadow: none;
}
.cs-check-list .select-area span.select-label {
display: block;
margin: 0 0 5px;
color: #ccc;
font-weight: 600;
}
.cs-check-list a.multiple-icon, .cs-check-list a.cross-icon {
float: right;
font-size: 20px;
padding: 25px 0 0 20px;
color: #e5e5e5; 
}
.cs-check-list a.cross-icon {
font-size: 20px;
}
.cs-check-list .check-price small {
font-weight: 400;
color: #b59759;
font-size: 16px;
font-style: italic;
}
.cs-check-list input[type="checkbox"] {
display: none;
}
.cs-check-list label:before {
background-color: #ffffff;
border: 1px solid #c9c9c9;
top: 5px;
content: "";
display: inline-block;
height: 22px;
left: 0;
margin-right: 10px;
position: absolute;
width: 22px;
border-radius: 5px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.cs-check-list input[type="checkbox"]:checked + label:before {
color: #c9c9c9;
content: "";
font-family: "icomoon";
font-size: 14px;
line-height: 20px;
text-align: center;
}
.price-holder {
padding: 12px;
overflow: hidden;
background-color: #f2f2f2;
}
.price-area {
width: 100%;
float: left;
padding: 2px 0 2px 0;
border: 1px solid #d9d9d9;
}
.price-area ul, .price-area .price-box{
width: 100%;
float: left;
position: relative;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
.price-area ul:before, .price-area .price-box:before, .cs-confirmation article:before {
border-left: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
content: "";
height: 100%;
left: -3px;
position: absolute;
width: 3px;
top: 0;
}
.price-area ul:after, .price-area .price-box:after, .cs-confirmation article:after {
border-right: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
content: "";
height: 100%;
right: -3px;
position: absolute;
width: 3px;
top: 0;
}
.price-area ul {
padding: 4px 10px;
}
.price-area ul li {
width: 100%;
float: left;
list-style: none;
font-size: 12px;
color: #999;
padding: 0 0 0 20px;
background: url(//www.sanraphaelcountry.com.br/wp-content/themes/hotel-theme%23/assets/images/price-icon.png) no-repeat left;
}
.price-area ul li strong {
font-size: 16px;
color: #383838;
font-weight: 600;
float: right;
}
.price-area .price-box {
margin: 2px 0 0 0;
padding: 26px 0;
text-align: center;
}
.price-area .price-box h6 {
color: #383838;
margin: 0 0 8px 0;
font-size: 14px;
line-height: 16px;
font-weight: 400;
text-transform: capitalize;
}
.price-area .price-box h1 {
color: #a58544;
margin: 0;
font-size: 28px;
line-height: 30px;
font-style:italic;
}
.cs-checkbox { float: left;
margin: 0 -4px 0 0; width: 50%;
}
.extras-detail { float: right; width: 50%;
}  .cs-reservation-tabs{
clear: both;
width: 100%;
float: left;
}
.cs-reservation-tabs .tabs-nav{
width: 100%;
font-family: 'Droid Serif', serif;
float: left;
margin: 0 0 20px;
}
.cs-reservation-tabs .tabs-nav li{
float: left;
list-style: outside none none;
margin: 0 0 0 14px;
overflow: hidden;
position: relative;
width: 32.111%;
}
.cs-reservation-tabs .tabs-nav li:first-child {
margin-left: 0;
}
.cs-reservation-tabs .tabs-nav li i {
float: left;
width: 28px;
height: 28px;
font-size: 14px;
color: #484848;
line-height: 26px;
text-align: center;
border: 1px solid #ccc;
border-radius: 100%;
margin: 0 10px 0 0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.cs-reservation-tabs .tabs-nav li.active i {
color: #fff;
}
.cs-reservation-tabs .tabs-nav li span{
color: #ccc;
display: block;
font-size: 11px;
text-transform: uppercase;
}
.cs-reservation-tabs .tabs-nav a{
display: inline-block;
margin:0;
position: relative;
line-height: 14px;
font-size: 14px;
color: #363636;
}
.cs-reservation-tabs .tabs-nav a:before {
background-color: #f2f2f2;
content: "";
height: 3px;
left: 100%;
margin: 0 0 0 10px;
position: absolute;
top: 20px;
width: 9999%;
}
.cs-reservation-tabs .tabs-content{
overflow: hidden;
box-shadow:none;
padding: 0;
background: #fff;
}
.cs-reservation-tabs .tabs-content .cs-section-title{
margin:0 0 20px;
padding: 0 0 22px;
border-bottom: 1px solid #f2f2f2;
}
.cs-reservation-tabs textarea,
.cs-reservation-tabs input[type="url"],
.cs-reservation-tabs select,
.cs-reservation-tabs input[type="password"],
.cs-reservation-tabs input[type="email"],
.cs-reservation-tabs input[type="text"]{
border: 1px solid #dddddd;
color: #ccc;
float: left;
font-size: 16px;
height: 44px;
margin: 0;
padding: 7px 20px;
width: 100%;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.cs-reservation-tabs form{ clear: both; }
.cs-reservation-tabs form .field-col:first-child {
padding: 0;
}
.cs-reservation-tabs form .fields-area{ margin: 0 0 10px;}
.cs-reservation-tabs form .fields-area:after{
display: block;
clear: both;
content: '';
}
.cs-reservation-tabs form .field-col {
float: left;
margin: 0;
padding: 0 0 0 24px;
}
.cs-reservation-tabs form label {
color: #484848;
margin: 0 0 5px;
font-size: 16px;
line-height: 18px;
}
.cs-reservation-tabs form select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.cs-reservation-tabs .select-holder:after {
background-color: #fff;
border-left: 1px solid #d5d5d5;
bottom: 1px;
color: #d5d5d5;
content: "";
font-family: "icomoon";
font-size: 16px;
height: 42px;
line-height: 42px;
position: absolute;
right: 16px;
text-align: center;
width: 35px;
pointer-events:none;
}
.cs-reservation-tabs textarea{ height:148px; }
.cs-reservation-tabs form option{
padding: 10px;
}
.cs-reservation-list, .cs-reservation-list article, .cs-reservation-list .reservation-top {
width: 100%;
float: left;
}
.cs-reservation-list {
padding: 0 0 11px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #f2f2f2;
}
.cs-reservation-list article {
background-color: #f2f2f2;
padding: 20px;
position: relative;
margin: 0 0 9px 0;
}
.cs-reservation-list article figure {
float: left;
margin: 0 18px 0 0;
}
.cs-reservation-list .reservation-top {
margin: 0 0 3px 0;
}
.cs-reservation-list article .text {
overflow: hidden;
}
.cs-reservation-list .text h6, .cs-chcked-area article h6 {
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
float: left;
margin: 0;
}
.cs-reservation-list .text h6 a {
color: #484848;
}
.cs-reservation-list .reservation-top span {
float: left;
font-size: 14px;
color: #a58544;
line-height: 16px;
padding: 0 0 0 10px;
}
.cs-reservation-list ul li {
list-style: none;
float: left;
width: 100%;
margin: 8px 0 0;
padding: 8px 0 0;
line-height: 16px;
color: #999;
border-top: 1px solid #e5e5e5;
}
.cs-reservation-list ul li span {
color: #484848;
}
.cs-reservation-list ul li i {
float: left;
font-size: 12px;
margin: 3px 8px 0 0;
}
.cs-reservation-list .cancel-btn {
position: absolute;
right: 6px;
top: 8px;
width: 14px;
height: 14px;
font-size: 10px;
border: 1px solid #cacaca;
border-radius: 100%;
background-color: #fff;
text-align: center;
line-height: 13px;
color: #999;
box-shadow:0 0 2px rgba(0,0,0,0.2);
}
.fields-area label {
color: #5a5a5a;
text-transform: uppercase;
margin-bottom: 5px;
} .select-heading {
border-bottom: 1px solid #e5e5e5;
float: left;
margin: 0 0 28px;
padding: 0 0 12px;
width: 100%;
}
.select-heading .select-number {
width: 28px;
height: 28px;
float: left;
font-size: 13px;
color: #fff;
margin: 0 10px 0 0;
line-height: 28px;
text-align: center;
border-radius: 100%;
}
.select-heading h2 {
color: #222;
float: left;
font-size: 18px !important;
line-height: 1.6 !important;
margin: 0 16px 0 0;
text-transform: uppercase;
}
.select-heading .select-info {
color: #a9a9a9;
display: inline-block;
font-size: 13px;
line-height: 28px;
vertical-align: middle;
} .fluid-width-video-wrapper {
display: inline-block;
padding: 0;
position: relative;
width: 100%;
z-index: 1;
} .extras {
width:100%;
float: left;
padding: 0 20px;
margin: 0 0 15px 0;
}
.extras ul {
float: left;
margin: 0 0 10px;
padding: 0 0 5px;
width: 100%;
border-bottom: 1px solid rgba(223,223,223,0.1);
}
.extras .total-price ul {
border: none;
margin: 0;
padding: 0;
}
.extras ul li{
list-style: none;
color: #fff;
text-align: left;
width: 100%;
float: left;
margin: 0 0 7px 0;
}
.extras ul li p {
display: table-cell;
float: none;
line-height: 16px;
margin: 0;
color: #fff;
}
.extras ul li span {
color: #af9358;
display: table-cell;
float: none;
line-height: 14px;
text-align: right;
vertical-align: middle;
}
.extras ul li p small {
display: block;
font-size: 12px;
color: #a9a9a9;
line-height: 14px;
}
.reservation-search .price-wrapp {
padding: 0 20px;
}
.reservation-search .price-area .price-box {
margin: 0;
padding: 17px 0 16px;
} 
.reservation-search .price-area .price-box:before, 
.reservation-search .price-area .price-box:after,
.reservation-search .price-area, .reservation-search .price-area .price-box {
border-color: #6c6c6c;
}
.reservation-search .price-area {
padding: 1px 0 0.95px;
}
.reservation-search .price-area .price-box h6 {
color: #a9a9a9 !important;
font-size: 14px !important;
margin: 0 0 3px;
text-transform: unset;
}
.reservation-search .price-area .price-box h1 {
color: #fff !important;
font-style: italic !important;
font-size: 26px !important;
}
.cs-chcked-area .continue-btn, .pypal-sec .continue-btn, .go-back {
color: #fff;
float: left;
font-size: 14px;
font-weight: 400;
padding: 8px 45px 10px;
text-transform: uppercase;
} .cs-confirmation {
margin: 0 auto;
text-align: center;
width: 690px;
}
.cs-confirmation figure i {
display: inline-block;
width: 60px;
height: 60px;
color: #fff;
font-size: 24px;
line-height: 60px;
border-radius: 100%;
background-color: #b59759;
}
.cs-confirmation .text h5 {
color: #222;
margin: 0 0 14px 0;
text-transform: uppercase;
}
.cs-confirmation .text p {
color: #555;
margin: 0 0 14px;
}
.cs-confirmation .text ul {
width: 100%;
display: inline-block;
margin: 0 0 30px 0;
}
.cs-confirmation .text ul li {
list-style: none;
display: block;
color: #555;
line-height: 16px;
margin: 0 0 5px;
}
.cs-confirmation .go-back {
display: inline-block;
float: none;
} .search-back {
width: 100%;
float: none;
text-align: center;
}
.search-back .cs-error {
width: auto;
transform: skew(-30deg);
-webkit-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-o-transform: skew(-30deg);
padding: 5px 20px 5px;
float: none;
display: inline-block;
margin: 0;
}
.search-back .cs-error p {
transform: skew(30deg);
-webkit-transform: skew(30deg);
-ms-transform: skew(30deg);
-moz-transform: skew(30deg);
-o-transform: skew(30deg);
margin: 0;
color: #fff;
text-transform: uppercase;
} .search-back .cs-succ_mess p {
color: green;
display: inline-block;
margin: 0;
padding: 0 30px 0 0;
position: relative;
text-transform: uppercase;
}
.search-back .cs-succ_mess p:before, .search-back .cs-warning p:before, .search-back .cs-informations p:before {
position: absolute;
right: 0;
top: 1px;
width: 20px;
height: 20px;
color: green;
content: "\e9fa";
font-family: "icomoon";
} .search-back .cs-warning p {
color: #b59759;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
display: inline-block;
position: relative;
padding: 0 30px 0 0;
}
.search-back .cs-warning p:before {
content: "\f071";
color: #b59759;
} .search-back .cs-informations p {
position: relative;
display: inline-block;
margin: 0;
color: #999;
padding: 0 30px 0 0;
text-transform: uppercase;
}
.search-back .cs-informations p:before {
content: "\ea61";
color: #999;
}
#parallaxsobre .call-actions.ac-modren .inner-sec {min-height:300px;}
#parallaxsobre .call-actions .call-btn a {
color: #e4e4e4;
float: right;
font-size: 16px;
font-weight: 400;
padding: 15px 34px;
border-radius: 5px;
text-transform: uppercase;
background-color: #b59759;
font-family: "Droid Serif",serif;
}
.cs-section-title h2 {
font-size: 18px;
line-height: 27px !important;
margin: 0;
padding: 0 0 0 19px;
position: relative;
text-transform: uppercase;
}
.element-size-25 {
width: 33%;
}
.blog-grid .post-option li time {
background-color: #c5c5c5;
border-radius: 0px;
color: #fff;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 10px;
padding: 0 5px;
display: inline-block;
line-height: 18px;
display: none;
}
.blog-masnery article ul.post-options {
margin-bottom: 10px;
display: none;
}
.wide .cs-gallery.default-gallery article {
width: 25%;
margin: 0 -4px 0 0;
padding: 0;
}
#acohome .cs-section-title h2 {color:#fff !important;}
#copyright {
float: left;
width: 100%; padding: 0px 0px;
position: relative;
}
#footer-sec>.container {
padding: 30px 0 0px;
}
.home .main-section {
margin-top: -60px !important;
padding: 0px;
}
.icon-volume-off {display:none;}
.music {display:none;}
#promohome .main-section h2 a{color:#fff #important;}
.breadcrumb-sec .pageinfo {
float: left;
width: 100%;
padding: 85px 0px 100px 0px !important;
}
[class*="element-size"] {
display: inline-block;
margin: 0 -4px 0 0;
vertical-align: top;
float: none;
text-align: center;
}
.blog-grid article figure img {
height: auto !important;
}
.blog-grid article ul.post-options li {
margin-bottom: 0px;
display: none;
}
.rich_editor_text .blog-text ul.post-options li {
float: left;
display: none;
}
.date-time time {display:none;}
.date-time {
float: left;
text-align: center;
width: 0px !important;
position: relative;
display: none;
}
.blog-detail .blog-text {
padding: 0 0 0 0px;
}
.widget_newsletter {
width: 50%;
}
.widget_newsletter form {
width: 100%;
float: left;
background-color: transparent;
padding: 15px;
position: relative;
}
.reservation-inner {
float: left;
position: relative;
background-color: #383c83;
width: 100%;
padding: 10px 15px 18px;
border: 1px solid #e5e5e5;
}
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
background-color: #333;
border: none;
padding-left: 26px;
padding-right: 26px;
padding-top: 4px;
padding-bottom: 4px;
color: #fff;
}
textarea {width:300px; height:100px}
.reservation-form .form-reviews .review-style select, .cs-calendar-combo input[type="text"] {
font-size: 14px;
color: #797979;
background-color: #f0f0f0;
border: none;
font-weight: 400;
padding: 8px 12px;
height: 40px;
}
.reservation-inner {
float: left;
position: relative;
background-color: #777;
width: 100%;
padding: 10px 15px 18px;
border: 1px solid #e5e5e5;
}
.banner-search.reservation-form {
max-width: 400px;
float: right;
}
.main-section h3, .main-section h3 a {
color: #b59759!important;
}
.main-section h2, .main-section h2 a {
color: #b59759 !important;
}
.main-section h5, .main-section h5 a {
color: #b59759 !important;
}
body {
font-size: 16px;
}
.banner-search.reservation-form {
max-width: 400px;
float: right;
opacity: 0.90;
}
.reservation-form .form-reviews label {
color: #fff;
font-size: 14px;
text-transform: uppercase;
position: relative;
margin: 0px;
float: left;
opacity: 3.0 !important;
text-shadow:1px 1px 4px #000;
}
.main-section {
float: left;
width: 100%;
padding-top: 20px;
}
.top-bar, #lang_sel ul ul {
background: url(http://sanraphaelcountry.com.br/wp-content/uploads/2015/12/bg.jpg) repeat !important;}
#footer-sec:before {
background: url(http://sanraphaelcountry.com.br/wp-content/uploads/2015/12/bg.jpg) repeat !important;}
.cs-attachments {
margin-bottom: 37px;
display: none;
}
.main-head .right-side {
width: 100%;
}
.headerinfo {
padding: 0px 0px;
border-bottom: 1px solid #efedf0;
}
header .logo {
float:none;
margin: 12px 0px;
position: relative;
z-index: 999;
text-align: center;
}
.location-list {
float: left;
display: none;
}
#acohome .cs-section-title {
position: absolute;
z-index: 25;
bottom: 20px;
left: 66px;
max-width: 100px;
}
#acohome .cs-section-title h2 { padding: 0px !important; }
.cs-section-title h2:before, .widget-section-title h2:before { display: none !important; }
.blog-grid article {
border-bottom: none;
}
.devider3 {
width: 110px;
border-bottom: 1px solid #acadb9;
display: none !important;
}
.home .forcefullwidth_wrapper_tp_banner { position: absolute !important; }
.cs-services, .cs-img-frame { padding-top:20px }
.home .item-1, .home .item-3,  .page-id-103 .item-1, .page-id-103 .item-3, .page-id-103 .item-4, .page-id-103 .item-6,  .page-id-103 .item-7 { background-color: #c4a77f;}
.home .item-2 { border: 2px solid #9e8766; background-color: #fff; overflow: scroll;}
.page-id-103 .item-2, .page-id-103 .item-5  { background-color: #fff;}
div.wpcf7 {text-align: left;}
.main-section h5 a {font-size: 20px;}
.left-side {
float: right;}
.main-head {
background: url(http://sanraphaelcountry.com.br/wp-content/uploads/2015/11/bg-novo.jpg) center repeat;
}
.navigation ul li {
text-transform: none;
}
.page-id-1924 .cs-banner {
background-color: #c4a77f;
padding-top: 8px;
padding-bottom: 8px;
}
.page-id-1932 .cs-banner {
background-color: #c4a77f;
padding-top: 8px;
padding-bottom: 8px;
}
.page-id-1932 .lightbox .cs-section-title {
margin-bottom: 25px;
}
.page-id-1932 .cs-section-title {
margin: 0 0 25px;
}
.table > thead:first-child > tr:first-child > th {text-align: center;}
img.alignright {box-shadow: none !important;}
#reservaeventopagina p a {
color: #f0f0f0;
}
.page-id-2020 .cs-banner {
background-color: #c4a77f;
padding-top: 8px;
padding-bottom: 8px;
}
.page-id-2018 .cs-banner {
background-color: #c4a77f;
padding-top: 8px;
padding-bottom: 8px;
}
.widget_text.cs-contact-info li p {
padding-left: 36px;
text-align: left;
}
#vhome .has-bg-color {
background: #fff;
float: left;
padding: 6px !important;
width: 100%;
margin: 0;
}
.page-id-1901 .item-1, .page-id-1901 .item-3 { min-height:300px; background-color: #c4a77f; }
.page-id-4 .main-section p {
color: #000;
}
.widget_recent ul li .text time {
display: none;
}
.widget_recent ul li .text h6 {
line-height: 20px;
font-size: 23px !important;}
li {
text-align: left !important;
}
.page-sidebar .widget ul li a, .page-sidebar .widget ul li, .widget.widget_recent_comments li a, .widget_nav_menu ul li, .widget_nav_menu ul li a, .widget_archive ul li a {
font-size: 12px !important;
}
.assinaturarodape {
height: auto !important;
width: auto !important;
text-align: center !important;
float: none !important;
}
.cs-pricing-table tr:nth-child(2n) td {
background: #ddd;
}
.icone-hover a i {
font-size: 26px;
color: #FFF;
display:none;
}
.icone-hover a:hover i {
display:block !important;
position: absolute;
z-index:10;
left: calc(50% - 13px);
top: calc(50% - 13px);
}
.icone-hover a:hover img {
filter:	brightness(0.6);
-moz-filter: brightness(0.6);
-webkit-filter: brightness(0.6); 
}
.reservation-inner {
float: right;
background-color: #777;
max-width: 340px;
opacity: 0.94;
padding: 7px 40px 9px;
border: none;
text-align: center;
}
.reservation-inner .main-section p{color:#fff;}
div.wpcf7-mail-sent-ok {
border: none !important;
}
.div.wpcf7-mail-sent-ok {
border: none !important;
}
.wpcf7-response-output wpcf7-display-none wpcf7-mail-sent-ok {display:none;}
.rich_editor_text ul li {    list-style: inherit;}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
background-color: #fff;
}
div.wpcf7-mail-sent-ok {
border: none !important;
background-color: #fff;
}
#cboxCurrent {
display: none !important;
}
div.wpcf7-mail-sent-ok p {
color: #c4a77f;
}
.ui-datepicker th {
padding: .7em .2em;
}
#respond p [type="text"] {
color: #333;
}
.cs-contact-form #respond p textarea {
color: #333;
}
#respond p {
color: #c4a77f;
}
.page-id-1901 .item-2 {
border: 2px solid #9e8766;
}
.main-section h4, .main-section h4 a {
color: #b59759 !important;
font-weight: 700 !important;
}
.parallex-bg { background-size: auto 100% !important; }
.post-options {
float: none;
overflow: hidden;
display: none;
}
.wrapper {
margin-top: -1.6em;
overflow: hidden;
position: relative;
width: 100%;
}
#opt_1{height:310px}
#opt_1 iframe{width:120%!important}