#mnmenu,
.LogoBox { float: left;
}
.soBtn,
.soBtn:hover {
color: #000
}
,
.mnuItmBox ul li a:active,
.mnuItmBox ul li a:focus,
.mnuItmBox ul li a:hover,
a:active,
a:focus,
a:hover {
text-decoration: none
}
.megaMenuBox,
.subMLItmH {
visibility: hidden
}
.soBtn,
body {
font-weight: normal;
}
.RFbox ul,
.mmBoxR .mmBoxRImg ul {
column-count: 2;
list-style-type: none
}
.CEImg,
.FTDbox.w85pa .posR,
.WBgrdImgLnk {
overflow: hidden
}
.MEpdfLnk ul,
.RFbox ul,
.SPApdfLnk ul,
.WBtxt_1 ul,
.ftrRowLBL ul,
.ftrRowLT ul,
.mmBoxL ul,
.mnuItmBox ul {
list-style-type: none
}
@font-face {
font-family: helv;
src: url(//www.eroshotels.co.in/wp-content/themes/riverside/fonts/HelveticaNeueLTStd.otf)
}
@font-face {
font-family: helvTH;
src: url(//www.eroshotels.co.in/wp-content/themes/riverside/fonts/HelveticaNeueLTStdThin.otf)
}
@font-face {
font-family: crd;
src: url(//www.eroshotels.co.in/wp-content/themes/riverside/fonts/cordia_0.ttf)
}
@font-face {
font-family: kingI;
src: url(//www.eroshotels.co.in/wp-content/themes/riverside/fonts/kingscaslon-italic-webfont.woff)
}
@font-face {
font-family: kingR;
src: url(//www.eroshotels.co.in/wp-content/themes/riverside/fonts/kingscaslon-regular.woff)
}
@font-face {
font-family: affix;
src: url(//www.eroshotels.co.in/wp-content/themes/riverside/fonts/pirulenrg.ttf)
}
@font-face {
font-family: tahR;
src: url(//www.eroshotels.co.in/wp-content/themes/riverside/fonts/tahoma_0.ttf)
}
@font-face {
font-family: tahB;
src: url(//www.eroshotels.co.in/wp-content/themes/riverside/fonts/tahomabd_0.ttf)
}
@font-face {
font-family: flex;
src: url(//www.eroshotels.co.in/wp-content/themes/riverside/fonts/FELIXTI.TTF)
}
body {
background: #fff;
font-family: helvTH;
letter-spacing: 1px
}
img {
max-width: 100%
}
.MenuBox {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999
}
.LogoBoxMain {
position: relative;
width: 87%;
margin: auto
}
.LogoBox {
position: relative;
width: 20%;
padding: 15px 10px
}
.LogoBox img {
width: 85%
}
#mnmenu {
width: auto;
padding: 15px 0 0 0; margin: 0 00px 1%;
border-radius: 7px;
}
.menubtnBox {
position: absolute;
right: 0;
bottom: 18px
}
.soBtn {
background: #ffa201;
display: inline-block;
font-family: helv;
padding: 3px 7px;
border-radius: 1px;
letter-spacing: 0
}
.bkBtn,
.mnuBtn {
display: inline-block;
letter-spacing: 1px;
font-family: helv
}
.bkBtn {
color: #fff;
border: 1px solid #ffa201;
padding: 2px 5px;
margin: 0 25px 0 5px;
border-radius: 1px
}
.bkBtn:active,
.bkBtn:focus,
.bkBtn:hover {
background: #ffa201;
color: #000
}
.mnuBtn,
.mnuBtn:active,
.mnuBtn:focus,
.mnuBtn:hover {
color: #fff
}
.mnuBtn {
padding: 0 0 0 40px;
font-size: 21px;
position: relative;
line-height: 26px;
top: 3px
}
.mnuBtn span {
background: #ffa201;
width: 30px;
height: 2px;
position: absolute;
top: 50%;
left: 0;
transition: all .4s ease-in-out
}
.mnuBtn span::after,
.mnuBtn span::before {
width: 100%;
height: 2px;
background: #ffa201;
position: absolute;
left: 0;
right: 0;
display: block;
transition: all .4s ease-in-out;
content: ''
}
.mnuBtn span::before {
top: -7px
}
.mnuBtn span::after {
bottom: -7px
}
.mnuBtn.actv span {
background: 0 0
}
.mnuBtn.actv span::before {
transform: rotate(45deg);
top: 0
}
.mnuBtn.actv span::after {
transform: rotate(-45deg);
top: 0
}
.mnuItmBox ul {
margin: 0;
padding: 0;
text-align: center
}
.mnuItmBox ul::after {
content: '';
display: block;
clear: both
}
.mnuItmBox ul li {
display: inline-block;
position: relative
}
.mnuItmBox ul li div.subM {
display: none;
position: absolute;
top: 100%;
left: -260px;
z-index: 1;
padding: 10px;
background: #fff;
color: #000;
width: 535px;
box-shadow: 0 0 5px #ccc;
border-top: 5px solid #c19c78
}
.mnuItmBox ul li div.subM .subML ul li,
.mnuItmBox ul li:hover div.subM {
display: block
}
.mnuItmBox ul li:last-child:hover div.subM {
left: auto;
right: -70%
}
.mnuItmBox ul li div.subM::before {
content: '';
display: block;
border-top: 10px solid #c19c78;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
width: 20px;
height: 10px;
position: absolute;
top: 0;
left: 10px
}
.mnuItmBox ul li div.subM .subML {
width: 50%;
float: left;
padding: 10px 10px 0
}
.mnuItmBox ul li div.subM .subML ul {
padding: 0;
margin: 0
}
.mnuItmBox ul li div.subM .subML ul li a {
color: #000;
padding: 5px;
font-size: 13px;
border-bottom: 1px solid #c19c78;
border-right: none
}
.mnuItmBox ul li div.subM .subML ul li a:hover {
color: #c19c78
}
.mmBoxL ul li a,
.mnuItmBox ul li a {
color: #fff;
letter-spacing: 1px;
display: block
}
.mnuItmBox ul li div.subM .subMR {
width: 50%;
float: left;
padding: 0;
position: relative;
border: 3px solid #c19c78
}
.mnuItmBox ul li div.subM .subMR img {
width: 100%
}
.mnuItmBox ul li div.subM .subMR img.subMLImg {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 0
}
.mnuItmBox ul li a {
padding: 5px 10px;
font-size: 14px;
font-family: helv; font-weight: normal;
}
.mnuItmBox ul li:last-child a {
border-right: 0 solid #1b1b1b
}
.megaMenuBox {
position: fixed;
top: 71px;
left: 0;
right: 0;
bottom: 0;
background: #000;
transform: translateY(-3%);
opacity: 0;
transition: all .4s ease-in-out;
z-index: 2
}
.megaMenuBox.actv {
transform: translateY(0);
visibility: visible;
opacity: 1
}
.mmBox {
width: 80%;
margin: 7% auto
}
.mmBox::after {
content: '';
display: block;
clear: both
}
.mmBoxL {
width: 70%;
padding: 25px 0 50px;
float: left;
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/mmBoxL.png) right no-repeat;
background-size: 1px 100%
}
.mmBoxL ul {
margin: 0;
float: right;
text-align: center;
padding: 0 30px;
width: 50%
}
.mmBoxL::after {
content: '';
display: block;
clear: both
}
.mmBoxL ul li a {
font-size: 18px;
padding: 10px 20px;
font-family: helv;
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/mmItm.png) left bottom no-repeat;
background-size: 100% 1px
}
.mmBoxL ul li a:hover {
color: #ffa201
}
.mmBoxR {
width: 30%;
float: left;
padding: 30px 0 0 60px
}
.mmBoxR h1 {
margin: 0;
color: #b79571;
font-size: 26px;
border-bottom: 2px solid;
padding: 0 0 5px;
position: relative
}
.mmBoxR h1::after {
content: '';
display: block;
position: absolute;
width: 10px;
height: 10px;
background: #b79571;
border-radius: 100%;
right: 0;
bottom: -5px
}
.GESroom1Itm p,
.sliderBox {
position: relative
}
.mmBoxR .mmBoxRImg ul {
padding: 0 0 0 35px;
margin: 0
}
.mmBoxR .mmBoxRImg ul li a {
display: block;
padding: 18px 0
}
.caption_title_line h1 {
font-family: crd;
font-size: 70px;
letter-spacing: 5px
}
.chckAvbBox {
background: #fff;
padding: 15px 30px;
width: 70%;
margin: 15px auto auto;
font-size: 15px;
box-shadow: 6px 10px 15px #ccc
}
.chckAvbBox #drp_autogen0,
.chckAvbBox input[type=text],
.chckAvbBox select {
border: 2px solid #c19c78;
width: 19%;
padding: 7px 10px 7px 28px;
font-family: helv;
text-align: left;
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/home/calander.png) 8% no-repeat;
background-size: 15px;
float: left;
margin: 0 1% 0 0;
font-size: 14px;
border-radius: 0
}
.chckAvbBox select::-ms-expand {
display: none;
}
.erosHD h1,
.erosHD label,
.erosHD5 h5 {
font-size: 40px;
letter-spacing: 1px;
text-transform: uppercase
}
.chckAvbBox select {
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/dropArow.png) 90% 50% no-repeat;
padding-left: 10px;
-webkit-appearance: none;
-o-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
background-size: 10px
}
::-webkit-input-placeholder {
color: #000
}
::-moz-placeholder {
color: #000
}
::-o-placeholder {
color: #000
}
:-ms-input-placeholder {
color: #000
}
:-moz-placeholder {
color: #000
}
.chckAvbBox .ersbtn {
background: #c19c78;
border: none;
color: #fff;
width: 100%;
padding: 9px 0;
border-radius: 10px;
font-family: helv
}
.pdt100 {
padding-top: 100px
}
.erosHD {
text-align: center
}
.erosHD h1,
.erosHD5 h5 {
font-family: helv;
margin: 0;
color: #000
}
.erosHD fieldset {
border-top: 3px solid #c19c78;
width: 44%;
margin: auto;
position:relative;
padding: 1% 0;
}
.roomSec.erosHD fieldset {
width: 25%
}
.erosHD fieldset label{
width: auto;
font-family: kingI;
margin: 0 auto;
padding: 5px 10px;
border: none;
font-size: 40px;
letter-spacing: 1px;
text-transform: uppercase;
position: absolute;
top: -32px;
background:#FFF;
left: 50%;
transform: translateX(-50%);
display:block;
white-space: nowrap;
}
.erosHDbg
{
background: #f3f3f3 !important;
}
.GESroom1,
.GESroom2 .owl-dots {
border-bottom: 3px solid #c19c78
}
.hmAbt {
width: 90%;
margin: 15px auto;
font-family: helvTH
}
.hmAbtItm1,
.hmAbtItm2,
.hmAbtItm3 {
float: left;
padding: 0 30px
}
.hmAbtItm1 {
width: 40%
}
.hmAbtItm2 {
width: 30%
}
.hmAbtItm3 {
width: 30%;
text-align: justify
}
.hmAbtItm1 h1 {
font-size: 30px;
letter-spacing: 2px;
margin: 0;
line-height: 34px;
font-family: flex
}
.hmAbtItm1 h1 span:first-child {
display: block
}
.hmAbtItm1 h1 span:last-child {
font-size: 12px;
margin: -10px 0 0;
display: block
}
.hmAbtItm2 p,
.hmAbtItm3 p {
text-align: justify;
font-weight: normal;
}
.FTDboxRTLT h5,
.FTDhover,
.GESroom1 {
text-align: center
}
.hmAbtItm3 a {
float: right;
color: #c19c78;
text-decoration: underline;
letter-spacing: 1px
}
.GESroom1 {
margin: 85px auto 10px;
font-size: 20px;
font-family: helvTH;
letter-spacing: 1px;
font-weight: 700
}
.GESroom2 .owl-dots .owl-dot,
.GESroomL h3 {
font-family: helv;
font-weight: 700;
letter-spacing: 1px
}
.GESroom1Itm {
float: left;
width: 33.33%;
padding: 0 15px
}
.GESroom1Itm p {
margin: 0;
padding: 0 0 10px;
cursor: pointer
}
.GESroom1Itm p.actv::after,
.GESroom1Itm p.actv::before {
display: block;
position: absolute;
margin: auto;
left: 0;
right: 0;
content: ''
}
.GESroom1Itm p.actv::before {
width: 15px;
height: 15px;
background: #fff;
border: 3px solid #c19c78;
border-radius: 100%;
bottom: -8px
}
.GESroom1Itm p.actv::after {
width: 5px;
height: 5px;
background: #c19c78;
border-radius: 100%;
bottom: -3px
}
.GESroomL,
.GESroomR {
width: 50%;
float: left
}
.GESroom {
padding: 50px 0 0
}
.GESroom2 {
padding: 25px 7% 0;
position: relative;
margin: 60px 0 0
}
.GESroomL {
padding: 0 25px 0 0
}
.GESroomR {
padding: 0 0 0 25px
}
.GESroomR img {
width: 100%
}
.GESroomR .flex-direction-nav {
display: none
}
.GESroomL h3 {
margin: 20px 0;
font-size: 20px
}
.GESroomL p {
margin: 0 0 20px
}
.GESroom2 .owl-dots {
display: block;
position: absolute;
bottom: 100%;
left: 0;
right: 0
}
.GESroom2 .owl-dots .owl-dot {
float: left;
width: 20%;
text-align: center;
font-size: 18px;
padding: 0 0 10px;
position: relative
}
.GESroom2 .owl-dot.active::after,
.GESroom2 .owl-dot.active::before {
position: absolute;
margin: auto;
transition: all .5s ease-in-out;
right: 0
}
.GESroom2 .owl-dot.active::before {
content: '';
display: block;
width: 15px;
height: 15px;
background: #fff;
border: 3px solid #c19c78;
border-radius: 100%;
left: 0;
bottom: -8px
}
.GESroom2 .owl-dot.active::after,
.RFbox ul li::before {
content: '';
display: block;
border-radius: 100%;
left: 0
}
.GESroom2 .owl-dot.active::after {
width: 5px;
height: 5px;
background: #c19c78;
bottom: -3px
}
.GESroom2 .owl-carousel,
.GESroom2 .owl-carousel .owl-stage-outer,
.owl-carousel .owl-item {
position: static
}
.RFbox ul {
padding: 0 0 0 10px;
margin: 0 30px 0 0;
font-weight: 700;
font-family: helvTH;
letter-spacing: 1px;
line-height: 30px
}
.RFbox ul li {
position: relative;
padding: 0 0 10px 13px;
line-height: 18px
}
.RFbox ul li::before {
width: 6px;
height: 6px;
background: #000;
position: absolute;
top: 6px
}
.GESroomLbtn1,
.GESroomLbtn2 {
display: inline-block;
border: 2px solid #c19c78;
letter-spacing: 1px;
float: left;
font-family: helvTH;
font-weight: 700
}
.GESroomLbtn1 {
padding: 2px 20px;
color: #000
}
.GESroomLbtn1:hover,
.GESroomLbtn2 {
color: #fff;
background: #c19c78
}
.GESroomLbtn2 {
padding: 2px 60px
}
.GESroomLbtn2:hover {
background: 0 0;
color: #c19c78
}
.mgtb20 {
margin-top: 20px;
margin-bottom: 20px
}
.dspN {
display: none
}
.FTDbox {
padding: 50px 0
}
.FTDbox img {
width: 100%
}
.w85pa {
width: 85%;
margin: auto
}
.FTDboxL {
float: left;
width: 30%;
padding: 5px 0
}
.FTDboxR,
.FTDboxRTL,
.FTDboxRTR {
padding: 5px;
float: left
}
.FTDboxR {
width: 70%
}
.FTDboxRTL {
width: 55%
}
.FTDboxRTR {
width: 45%
}
.FTDboxRBL,
.FTDboxRBM,
.FTDboxRBR {
float: left;
width: 33.33%;
padding: 5px
}
.FTDboxRTLT h5 {
margin: 0 0 10px;
font-family: helvTH;
color: #c19c78;
letter-spacing: 3px;
font-size: 35px
}
.FTDhover {
position: absolute;
top: -100%;
left: 0;
right: 0;
height: 100%;
background: rgba(193, 156, 120, .5);
padding: 20px 10px;
color: #fff;
font-family: helvTH;
text-transform: uppercase;
transition: top .5s ease-in-out
}
.CEImg,
.LSboxL,
.PGbox1Itm p,
.posR {
position: relative
}
.FTDhover h5 {
margin: 15px 0;
letter-spacing: 3px;
font-size: 28px
}
.FTDhover p {
font-weight: 700;
letter-spacing: 1px;
font-size: 12px
}
.FTDbox.w85pa .posR:hover .FTDhover {
top: 0
}
.CEbox {
background: #f3f3f3;
padding: 25px 0
}
.pdb10 {
padding-bottom: 10px
}
.CEboxImgL {
width: 50%;
float: left;
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/home/LSBG.jpg)
}
.CEboxImgR {
width: 50%;
float: left;
padding: 25px
}
.CEboxImgR::-webkit-scrollbar {
width: 13px
}
.CEboxImgR::-o-scrollbar {
width: 13px
}
.CEboxImgR::-moz-scrollbar {
width: 13px
}
.CEboxImgR::-ms-scrollbar {
width: 13px
}
.CEboxImgR::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.CEboxImgR::-o-scrollbar-track {
-o-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.CEboxImgR::-ms-scrollbar-track {
-ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.CEboxImgR::-moz-scrollbar-track {
-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.CEboxImgR::-webkit-scrollbar-thumb {
background-color: #c19c78;
outline: #708090 solid 1px
}
.CEboxImgR::-o-scrollbar-thumb {
background-color: #c19c78;
outline: #708090 solid 1px
}
.CEboxImgR::-moz-scrollbar-thumb {
background-color: #c19c78;
outline: #708090 solid 1px
}
.CEboxImgR::-ms-scrollbar-thumb {
background-color: #c19c78;
outline: #708090 solid 1px
}
.CEImg {
margin: auto
}
.CEboxImgL .CEImg img {
width: 50%;
float: left;
border: 3px solid #a29d80;
height: 350px
}
.CEboxImgR .CEImg .CEImgHover:nth-child(1) {
padding: 0 0 10px;
border-bottom: 1px solid #e8e8e8;
margin: 0 0 10px
}
.CEImgHover h3 {
color: #000;
margin: 0;
font-family: helv;
letter-spacing: 1px;
font-size: 30px
}
.CEImgHover h4 {
margin: 10px 0;
font-family: helv;
letter-spacing: 3px;
font-size: 20px
}
.CEImgHover p {
font-family: helvth;
font-size: 13px
}
.ODItmRL h2,
.ODItmRR h2 {
font-size: 22px;
letter-spacing: 1px
}
.CElnk a:first-child {
color: #c19c78;
text-decoration: underline;
float: left;
font-family: helvth;
letter-spacing: 1px
}
.ODbox {
background: #f3f3f3;
padding: 25px 0 1px;
margin: 50px 0 0
}
.ODItm {
background: #fff;
margin: 35px 0 40px
}
.ODItmRL h2,
.ODItmRL p {
font-weight: 700;
margin: 0 0 20px
}
.ODItmL {
width: 27%;
float: left
}
.ODItmR {
width: 73%;
float: left;
padding: 25px 30px
}
.ODItmRL {
width: 67%;
float: left
}
.ODItmRR {
width: 33%;
float: left;
text-align: right
}
.LSboxL,
.LSboxR {
width: 50%;
float: left
}
.PGbox1,
.ftrLg,
.inrFtr2 {
text-align: center
}
.ODItmRL h2 {
font-family: kingi;
text-transform: uppercase
}
.ODItmRL p {
font-family: helvth
}
.ODItmRL a,
.erosLnk {
color: #c19c78;
letter-spacing: 1px;
text-decoration: underline;
font-family: helvth
}
.ODItmRR h2 {
margin: 0 0 5px;
font-family: kingi;
font-weight: 700
}
.ODItmRR h2 span,
.ODItmRR p {
font-family: helvth;
font-weight: 700
}
.ODItmRR h2 span {
font-size: 14px;
padding: 0 10px 0 0
}
.ODItmRR p {
margin: 0 0 20px;
letter-spacing: 1px
}
.ODItmRR a {
color: #fff;
letter-spacing: 1px;
background: #c19c78;
font-size: 12px;
padding: 7px 10px;
display: inline-block
}
.LSboxR h2,
.PGbox1,
.sclWdgHD {
font-size: 20px;
font-weight: 700;
letter-spacing: 1px
}
.LSbox {
background: #f3f3f3;
padding: 50px 0;
margin: 50px 0 0
}
.LSboxR h2,
.LSboxR p {
margin: 0 0 25px
}
.LSboxL {
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/home/LSBG.jpg)
}
.LSboxR {
padding: 25px
}
.LSboxR h2 {
color: #000;
font-family: helv
}
.pdt30 {
padding-top: 30px
}
.LSboxL .owl-carousel {
margin: auto
}
.LSboxL .owl-carousel .item {
border: 4px solid #a29d80;
border-left: 2px solid #a29d80;
border-right: 2px solid #a29d80
}
.owl-dots,
.owl-nav {
display: none
}
.PGbox {
padding: 50px 0
}
.PGbox1 {
margin: 30px auto;
font-family: helvTH;
border-bottom: 3px solid #c19c78
}
.FSdwn,
.ftrHD,
.ftrRowLB,
.ftrRowRbox,
.inrFtr,
.sclWdgHD {
font-family: helv
}
.PGbox1Itm {
float: left;
width: 25%;
padding: 0 15px
}
.PGbox1Itm p {
margin: 0;
padding: 0 0 10px;
cursor: pointer
}
.PGbox1Itm p.actv::after,
.PGbox1Itm p.actv::before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
margin: auto
}
.PGbox1Itm p.actv::before {
width: 15px;
height: 15px;
background: #fff;
border: 3px solid #c19c78;
border-radius: 100%;
bottom: -8px
}
.PGbox1Itm p.actv::after {
width: 5px;
height: 5px;
background: #c19c78;
border-radius: 100%;
bottom: -3px
}
.PGbox2 .flex-direction-nav li a {
width: 68px;
height: 68px;
top: 50%;
margin-top: -34px
}
.flex-direction-nav li a.prev {
left: 10px
}
.flex-direction-nav li a.next {
right: 10px
}
.sclWdgL {
width: 40%;
float: left;
padding: 0 15px 0 0
}
.sclWdgR {
width: 25%;
float: left
}
.FSdwnRL,
.FSdwnRR {
float: right
}
.sclWdgLT,
.sclWdgR1 {
border: 1px solid #c19c78
}
.sclWdgHD {
margin: 10px 0
}
.FSdwn {
padding: 30px 0;
letter-spacing: 1px;
font-size: 12px
}
.FSdwnL p span a {
font-size: 31px;
color: #000;
padding: 0 5px
}
.ftrHD,
.ftrRowLBRL p,
.ftrRowLBRL p a {
color: #fff
}
.FSdwnL {
padding: 20px 0
}
.FSdwnL p span:first-child {
position: relative;
top: -5px
}
.FSdwnRR {
padding: 30px 10px 0 0
}
footer {
background: #906e4c
}
.ftrLg {
padding: 50px 0
}
.ftrRowL {
width: 75%;
float: left
}
.ftrRowLT ul {
padding: 0;
margin: 0
}
.ftrRowLT ul li {
float: right;
padding: 0 0 0 25px;
line-height: 40px
}
.ftrHD {
margin: 10px 0 15px;
font-size: 20px;
letter-spacing: 1px
}
.ftrRowLBL ul {
padding: 0;
margin: 0;
float: left;
line-height: 22px
}
.ftrRowLBL ul:nth-child(3),
.ftrRowLBR {
padding: 0 0 0 40px
}
.ftrRowLBL ul li a {
color: #fff;
letter-spacing: 1px;
font-size: 12px
}
.ftrRowLB {
margin: 15px 0 0
}
.ftrRowLBL {
width: 45%;
float: left
}
.ftrRowLBR {
width: 50%;
float: left
}
.ftrRowLBRL {
float: left;
width: 50%
}
.ftrRowLBRL p {
font-size: 12px;
letter-spacing: 1px;
line-height: 22px
}
.ftrRowLBRB {
float: right;
width: 50%
}
.ftrRowR,
.inrFtr1 {
float: left
}
.ftrRowLBRR {
clear: both;
padding: 7px 0 0
}
.ftrRowLBRR input[type=text] {
width: 55%;
padding: 3px 15px;
border: none;
margin: 0 5px 0 0
}
.ftrRowLBRR input[type=submit] {
padding: 3px 15px;
border: none;
background: #fff
}
.ftrRowR {
width: 25%
}
.ftrRowRbox {
margin: 0 0 0 20px;
border: 1px solid #fff;
background: #ad845c;
padding: 0 15px 15px;
font-size: 12px
}
.ftrRowRbox input[type=text],
.ftrRowRbox textarea {
width: 100%;
padding: 3px 15px;
margin: 0 0 10px;
letter-spacing: 1px
}
.ftrRowRbox input[type=submit] {
background: 0 0;
border: 1px solid #fff;
color: #000;
text-transform: uppercase;
letter-spacing: 1px;
padding: 4px 15px
}
.inrFtr {
background: #000;
color: #fff;
font-size: 13px;
letter-spacing: 1px;
padding: 13px 0;
margin: 20px 0 0;
font-weight: lighter
}
.ersSHD1,
.ovrTxtItm h4 {
font-weight: 700
}
.inrFtr2 {
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 24%
}
.ovrTxtItmR,
.ovrTxtItmR1,
.ovrTxtItmR2,
.ovrTxtItmR3,
.ovrTxtItmR4,
.ovrTxtItmR5,
.ovrTxtItmR6,
.ovrTxtItmR7 {
position: relative
}
.inrFtr2 p a {
color: #fff;
border-right: 1px solid #fff;
padding: 0 7px;
display: inline-block
}
.inrFtr2 p a:last-child {
border-right: 0 solid #fff
}
.inrFtr3 {
float: right
}
.inrFtr p {
margin: 0 5px 0 0
}
.inrFtr3 p a {
color: #fff;
font-size: 9px;
font-family: affix
}
.mgr5 {
margin-right: 5px
}
.ovrTxtBox {
color: #0c0c0c
}
.erosSHD {
color: #c19c78;
font-size: 34px;
letter-spacing: 3px;
font-family: helvth;
text-transform: uppercase;
margin: 0 0 20px
}
.ersSHD1,
.ovrTxtItm h4,
.ovrTxtItm p {
letter-spacing: 1px
}
.ovrTxtItm {
padding: 10px 0;
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/ovrLin.png) left bottom no-repeat
}
.ovrTxtItm p {
line-height: 24px
}
.ovrTxtItmL {
width: 50%;
float: left
}
.ovrTxtItmR {
width: 35%;
float: right
}
.ovrTxtItmR2,
.ovrTxtItmR4,
.ovrTxtItmR6 {
text-align: right
}
.BATbtn1,
.WBlblL a,
.erosSHD2,
.txtC {
text-align: center
}
.ovrTxtItmR2 {
top: -50px
}
.ovrTxtItmR3 {
top: -100px
}
.ovrTxtItmR4 {
top: -150px
}
.ovrTxtItmR5 {
top: -200px
}
.ovrTxtItmR6 {
top: -250px
}
.ovrTxtItmR7 {
top: -300px
}
.ovrTxtItmRImg {
border: 3px solid #c19c78;
display: inline-block;
box-shadow: 3px 3px 9px #404040, -1px -1px 3px #404040
}
.dngBATpop,
.dngGridItmImg {
box-shadow: 0 0 30px #e8e8e8
}
.ovrTxtItmRImg img {
height: auto
}
.dngLblL::after,
.dngLblL::before,
.dngLblR::after,
.dngLblR::before {
height: 50%;
display: block;
content: ''
}
.ovrTxtItmRPos {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 55px 0 0
}
.dngLblL,
.ersBnr {
position: relative
}
.vsbH {
visibility: hidden
}
.ersBnr {
margin: 0 0 80px
}
.ersSHD1 {
font-family: helv;
font-size: 20px;
margin: 0 0 20px;
border-bottom: 1px solid #c49c78;
color: #686868;
padding: 0 0 5px
}
.dngTxtItm1 {
color: #757575;
letter-spacing: .5px;
font-size: 15px
}
.dngTxtItm1 p {
margin-bottom: 20px
}
.dngLbl {
background: #ffba00;
margin: 50px 0
}
.dngLblL {
width: 22%;
float: left;
padding: 15px 0
}
.dngLblL::after,
.dngLblL::before {
position: absolute;
right: 0;
width: 30px;
background: #fff
}
.dngLblL::before {
top: 0;
transform: skew(45deg)
}
.dngLblL::after {
bottom: 0;
transform: skew(-45deg)
}
.dngLblL h1 {
margin: 0;
text-transform: uppercase;
color: #000;
font-size: 30px
}
.dngLblR {
width: 78%;
float: left;
padding: 15px 0 15px 100px;
position: relative
}
.dngLblR::after,
.dngLblR::before {
position: absolute;
left: 12px;
width: 30px;
background: #292929
}
.dngLblR::before {
top: 0;
transform: skew(45deg)
}
.dngLblR::after {
bottom: 0;
transform: skew(-45deg)
}
.dngLblR p {
margin: 0;
font-family: helv;
font-size: 17px;
font-weight: lighter;
line-height: 33px
}
.pdlr15 {
padding-left: 15px;
padding-right: 15px
}
.dngGridItm {
float: left;
padding: 0 10px 40px
}
.dngGridItmImg {
padding: 20px;
position: relative;
background: #FFF
}
.dngGridItmTxt {
background: linear-gradient(rgba(255, 255, 255, 0), rgba(41, 41, 41, .9) 28px);
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
padding: 7px
}
.dngGridItmTxt h3 {
margin: 0 0 5px;
color: #ffba00;
font-size: 22px;
font-weight: 700;
letter-spacing: 3px
}
.dngGridItmTxt h6 {
color: #fff;
font-weight: 700;
font-size: 15px;
margin: 0 0 5px
}
.dngGridItmTxt p {
color: #fff;
letter-spacing: 1px;
font-size: 12px;
font-weight: lighter;
margin: 0 0 5px
}
.dngGridItmTxt a, .dngGridItmTxt a:hover {
color: #ffba00;
letter-spacing: 1px;
}
.dngBAT {
width: 66.66%;
float: left;
padding: 0 10px 40px
}
.dngBATBox {
background: #f4f4f4;
padding: 10px
}
.dngBAThd {
margin: 0 0 10px;
text-transform: uppercase;
letter-spacing: 3px;
color: #302e2e
}
.dngBAThd img {
margin-right: 15px
}
.dngBATL {
width: 45%;
float: left
}
.dngBATR {
width: 50%;
float: left;
margin: 0 0 0 5%
}
.dngBATL label,
.dngBATR label {
text-transform: uppercase;
color: #616161;
float: left;
font-size: 13px
}
.dngBATL label span,
.dngBATR label span {
color: red;
padding: 0 0 0 5px
}
.dngBATL input[type=text],
.dngBATR input[type=text] {
background: 0 0;
border: 1px solid #ccc;
float: right;
width: 200px;
padding: 2px 5px
}
.dngBATL select,
.dngBATL textarea,
.dngBATR select {
background: 0 0;
border: 1px solid #ccc;
padding: 3px 5px
}
.dngBATL select,
.dngBATR select {
float: right;
width: 55%;
color: #000000
}
.dngBATL textarea {
width: 100%;
height: 80px;
resize: none
}
.dngBATL .clearfix,
.dngBATR .clearfix {
padding: 5px 0
}
.BATbtn {
background: #ffba00;
border: 1px solid #000;
color: #000;
padding: 7px 24px;
font-size: 18px;
border-radius: 1px
}
.BATbtn1,
.BATbtn1:active,
.BATbtn1:focus,
.BATbtn1:hover {
color: #fff
}
.BATbtn1 {
display: block;
background: #c19c78;
padding: 10px 0
}
.pdt10 {
padding-top: 10px
}
.dngBATR [type=checkbox]:checked,
.dngBATR [type=checkbox]:not(:checked) {
position: absolute;
left: -9999px
}
.dngBATR [type=checkbox]:checked+label,
.dngBATR [type=checkbox]:not(:checked)+label {
position: relative;
padding: 5px 35px 0 0;
cursor: pointer;
margin: 0 10px 0 0
}
.dngBATR [type=checkbox]:checked+label:before,
.dngBATR [type=checkbox]:not(:checked)+label:before {
content: '';
position: absolute;
right: 0;
top: 2px;
width: 30px;
height: 25px;
border: 1px solid #ccc;
background: #f8f8f8
}
.dngBATR [type=checkbox]:checked+label:after,
.dngBATR [type=checkbox]:not(:checked)+label:after {
content: '✔';
position: absolute;
top: 3px;
right: 2px;
font-size: 24px;
color: #ffba00;
transition: all .2s;
line-height: 25px
}
.dngBATR [type=checkbox]:not(:checked)+label:after {
opacity: 0;
transform: scale(0)
}
.dngBATR [type=checkbox]:checked+label:after {
opacity: 1;
transform: scale(1)
}
.dngBATR [type=checkbox]:checked:focus+label:before,
.dngBATR [type=checkbox]:not(:checked):focus+label:before {
border: 1px dotted #00f
}
#BATresDat {
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/calander.png) 95% no-repeat
}
.dngBATL .clearfix:last-child,
.dngBATR .clearfix:last-child {
padding-bottom: 0
}
.OPromBox {
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/OPromBG.jpg) no-repeat;
position: relative;
padding: 15px 0;
margin: 25px 0 0
}
.OPromBoxBG {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(41, 41, 41, .91)
}
.OPromBoxL {
width: 75%;
float: left;
padding: 0 35px 0 0;
color: #fff
}
.OPromBoxR {
width: 25%;
float: left
}
.OPromHD {
color: #fff;
border-bottom: 1px solid #fff;
font-size: 50px;
margin: 20px 0 30px
}
.OPromHD span {
color: #ffba00
}
.OPromHD1 {
font-weight: 700;
margin: 0 0 30px;
text-transform: capitalize;
}
.OPromBoxLtxt p {
margin: 0 0 20px
}
.OPromBoxLtxt p:last-child {
margin: 0 0 30px
}
.WBtxt_1 p,
.erosSHD1 {
margin: 0 0 35px
}
.OPromBtn {
text-transform: uppercase;
color: #fff;
border: 2px solid #ffba00;
padding: 7px 35px;
display: inline-block;
font-size: 18px;
font-weight: lighter
}
.erosSHD1,
.erosSHD1Caree {
border-bottom: 1px solid #c19c78;
padding: 0 0 10px
}
.OPromBtn:hover {
color: #fff!important
}
.erosSHD1 {
color: #c19c78
}
.erosSHD1 span {
color: #000
}
.erosSHD1Caree {
color: #c19c78
}
.WBtxt_1 {
color: #5b5b5b
}
.WBtxt_1 ul {
padding: 0;
margin: 0 0 25px
}
.WBtxt_1 ul li {
padding: 0 0 0 35px;
position: relative;
margin: 0 0 10px
}
.WBtxt_1 ul li span::after,
.WBtxt_1 ul li span::before,
.WBtxt_1 ul li::after,
.WBtxt_1 ul li::before,
.stmpArwH ul li.stmpArw::after,
.stmpArwH ul li.stmpArw::before,
.stmpArwH ul li::after,
.stmpArwH ul li::before {
background: #c19c78;
position: absolute;
display: block;
content: ''
}
.WBtxt_1 ul li::after,
.WBtxt_1 ul li::before {
width: 8px;
height: 45%;
left: 0
}
.WBtxt_1 ul li::before {
top: 5%;
transform: skew(50deg)
}
.WBtxt_1 ul li::after {
bottom: 5%;
transform: skew(-50deg)
}
.WBtxt_1 ul li span::after,
.WBtxt_1 ul li span::before {
width: 8px;
height: 45%;
left: 10px
}
.WBtxt_1 ul li span::before {
top: 5%;
transform: skew(50deg)
}
.WBtxt_1 ul li span::after {
bottom: 5%;
transform: skew(-50deg)
}
.stmpArwH ul li::after,
.stmpArwH ul li::before {
width: 10px;
height: 28%;
left: 5px
}
.stmpArwH ul li::before {
top: 20%;
transform: skew(50deg)
}
.stmpArwH ul li::after {
top: 50%;
transform: skew(-50deg)
}
.stmpArwH ul li.stmpArw::after,
.stmpArwH ul li.stmpArw::before {
width: 15px;
height: 13px;
left: 5px
}
.stmpArwH ul li.stmpArw::before {
top: 0;
transform: skew(50deg)
}
.stmpArwH ul li.stmpArw::after {
top: 13px;
transform: skew(-50deg)
}
.stmpArwH ul li a {
font-size: 14px;
color: #5b5b5b
}
.stmpArwH ul li.stmpArw ul {
margin-top: 10px
}
.stmpArwH ul li.stmpArw>a {
font-size: 18px
}
.WBlbl {
background: #ffba00;
color: #000;
text-transform: uppercase;
padding: 20px 0
}
.pressr1 a,
.pressr2 a,
.pressr3 a {
background: #c19c78
}
.WBlblL {
width: 25%;
float: left
}
.WBlblR {
width: 75%;
float: left
}
.WBlblL a {
font-size: 24px;
border: 1px solid #fff;
padding: 5px 0;
display: block;
color: #000
}
.WBlblR h3 {
margin: 10px 0 10px 35px;
font-weight: 700
}
.WBgrd {
padding: 70px 0 30px
}
.WBgrdItm,
.WBgrdItmBox {
width: 50%;
float: left
}
.WBgrdTxt {
padding: 20px
}
.WBgrdTxt h2 {
font-weight: 700;
font-style: italic;
font-size: 26px;
margin: 0 0 20px;
color: #3e3e3e
}
.WBgrdTxt p {
font-size: 17px;
font-weight: lighter;
color: #6a6a6a;
margin: 0 0 20px
}
.ersSbtn {
display: inline-block;
color: #c19c78;
border: 1px solid #c19c78;
padding: 1px 15px;
font-size: 16px
}
.WBgrdImg {
position: relative
}
.WBgrdImg img {
width: 100%
}
.WBgrdImgLnk,
.WBgrdImgLnk::before {
width: 50px;
bottom: 0;
display: block;
position: absolute
}
.WBgrdImgLnk {
right: 0;
height: 50px;
color: #fff
}
.WBgrdImgLnk::before {
content: '';
border-bottom: 25px solid #c19c78;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
right: -1px
}
.WBgrdImgLnk::after {
content: '';
display: block;
border-right: 25px solid #c19c78;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
height: 50px;
position: absolute;
bottom: -1px;
right: 0
}
.MEpdfLnk ul li,
.SPAGrdItmPdf a:last-child,
.SPApdfLnk ul li,
.about_bottom_area,
.aboutex,
.cont {
display: inline-block
}
.WBgrdImgLnk span {
position: absolute;
z-index: 1;
font-size: 20px;
bottom: 3px;
right: 7px
}
.MEpdfLnk {
padding: 15px 0 0
}
.MEpdfLnk ul {
margin: 0;
padding: 0
}
.MEpdfLnk ul li {
padding: 0 50px 0 0
}
.MEpdfLnk ul li a {
color: #585858;
font-size: 18px
}
.MEpdfLnk ul li a i {
font-size: 30px;
color: #ffba00;
margin: 0 15px 0 0
}
.MEgrd {
padding: 100px 0 0
}
.erosSHD2 {
margin: 50px 0;
color: #000
}
.erosSHD2 span,
.miniSHD {
color: #c19c78
}
.miniSHD {
font-weight: 700;
margin: 0 0 25px;
font-size: 20px
}
.SPAtxt_1 p {
margin: 0 0 20px
}
.SPApdfLnk {
padding: 10px 0 0
}
.SPApdfLnk ul {
padding: 0;
margin: 0
}
.SPApdfLnk ul li {
padding: 0 30px 0 0
}
.SPApdfLnk ul li a {
font-size: 15px;
color: #c19c78
}
.SPApdfLnk ul li a i {
font-size: 20px;
margin: 0 15px 0 0;
color: #ffa201
}
.SPAbnr {
padding: 50px 0
}
.SPAGrdItmPdf {
padding: 20px 0 0
}
.SPAGrdItmPdf a:first-child {
display: inline-block;
color: #c19c78;
border: 1px solid #c19c78;
padding: 5px 25px
}
.SPAGrdItmPdf a:last-child {
color: #c19c78;
font-size: 14px;
padding: 6px 15px 7px 22px
}
.SPAGrdItmPdf a:last-child i {
color: #ffa201;
font-size: 18px;
margin: 0 15px 0 0
}
.cont {
width: 100%;
height: auto;
border: 5px solid #b79371;
margin-bottom: 50px
}
.cont_left,
.cont_right {
width: 50%;
height: auto;
float: left
}
.cont .cont_left h1 {
padding: 13% 0;
text-align: center
}
.cont_left {
border-right: 5px solid #b79371
}
.cont_right {
padding: 15px 20px
}
.cont_right h4 {
font-size: 18px;
color: #b79371;
font-family: helv;
font-weight: 700;
margin: 0
}
.cont_right ul {
list-style: none;
padding: 0
}
.cont_right ul li {
font-size: 18px;
font-family: helvTH;
color: #565656;
font-weight: 400;
line-height: 22px
}
.aboutex_left p,
.aboutex_right p {
text-align: justify
}
.aboutex {
width: 100%;
height: auto
}
.aboutex_left {
width: 50%;
float: left;
padding-right: 25px
}
.aboutex_right {
width: 50%;
float: left;
padding-left: 25px
}
.about_banner img,
.about_bottom_area {
width: 100%;
height: auto
}
.aboutex_right p+p+p a i {
font-size: 18px;
color: #b79371;
margin-right: 10px
}
.aboutex_right p+p+p a {
font-size: 14px;
color: #b79371
}
.about_bottom_area {
margin-top: 55px
}
.about_bottom_area1 b {
font-size: 18px;
color: #b79371;
margin: 20px 0;
display: block;
font-family: tahR;
font-weight: 400
}
.about_bottom_area1 p {
border-bottom: 1px solid #e5e5e5;
display: inline-block;
font-family: tahR;
font-weight: 400;
color: #505050
}
.about_bottom_area1,
.about_bottom_area2 {
border: 1px solid #b79371;
width: 30%;
min-height: 226px;
float: left;
text-align: center
}
.about_bottom_area2 {
margin: 0 5%
}
.about_bottom_area2 b,
.about_bottom_area3 b {
margin: 20px 0;
font-family: tahR;
font-weight: 400;
font-size: 18px
}
.about_bottom_area2 b {
color: #b79371;
display: block
}
.about_bottom_area2 p {
border-bottom: 1px solid #e5e5e5;
font-family: tahR;
font-weight: 400;
display: inline-block;
color: #505050
}
.about_bottom_area3 {
width: 30%;
min-height: 226px;
border: 1px solid #b79371;
float: left;
text-align: center
}
.about_bottom_area3 b {
color: #b79371;
display: block
}
.about_bottom_area3 p {
border-bottom: 1px solid #e5e5e5;
display: inline-block;
font-family: tahR;
font-weight: 400;
color: #505050
}
.pressr1,
.pressr2,
.pressr3 {
min-height: 260px;
border: 1px solid #c19c78
}
.pressr1 b,
.pressr1 p span {
font-family: helvTH;
display: block
}
.pressr {
width: 100%;
height: auto;
margin-bottom: 80px
}
.pressr1 {
padding: 15px 10px
}
.pressr1 b {
font-size: 18px;
color: #c19c78;
margin-bottom: 15px
}
.pressr1 p span {
font-size: 14px;
color: #6a6a6a;
font-weight: 700
}
.pressr1 a,
.pressr1 p {
font-size: 14px;
font-family: helvTH;
font-weight: 400
}
.pressr1 p {
color: #6a6a6a
}
.pressr1 a {
color: #fff;
padding: 4px 10px;
margin: 10px 0;
display: inline-block
}
.pressr2 {
margin: 0 5%;
padding: 15px 10px
}
.pressr2 b {
font-size: 18px;
color: #c19c78;
font-family: helvTH;
margin-bottom: 15px;
display: block
}
.pressr2 p,
.pressr2 p span {
color: #6a6a6a;
font-size: 14px;
font-family: helvTH
}
.pressr2 p span {
font-weight: 700;
display: block
}
.pressr2 a,
.pressr2 p,
.pressr3 p {
font-weight: 400
}
.pressr2 a {
font-size: 14px;
font-family: helvTH;
color: #fff;
padding: 4px 10px;
margin: 10px 0;
display: inline-block
}
.pressr3 {
padding: 15px 10px
}
.hotelpbanner img,
.thingtodo_banner img {
border-top: 8px solid #cacaca;
width: 100%;
height: auto
}
.pressr3 b {
font-size: 18px;
color: #c19c78;
font-family: helvTH;
margin-bottom: 15px;
display: block
}
.pressr3 p,
.pressr3 p span {
color: #6a6a6a;
font-family: helvTH;
font-size: 14px
}
.pressr3 p span {
font-weight: 700;
display: block
}
.pressr3 a {
font-size: 14px;
font-family: helvTH;
font-weight: 400;
color: #fff;
padding: 4px 10px;
margin: 10px 0;
display: inline-block
}
.hotelphedding p {
font-size: 14px;
color: #4a4a4a;
margin: 30px 0;
line-height: 30px;
text-align: justify
}
.hotelphedding {
margin: 0
}
.hotelpoliciesc {
padding: 30px 0;
border-bottom: 1px solid #c19c78
}
.hotelpoliciesc b {
font-size: 14px;
font-family: helv;
display: block;
margin: 0
}
.hotelpoliciesc p,
.thingtodoc p,
.thingtodoc ul li {
font-family: helvTH;
color: #4a4a4a;
font-weight: 400
}
.hotelpoliciesc p {
line-height: 25px;
margin-bottom: 25px;
font-size: 14px
}
.hotelpoliciesc ul {
margin: 0;
padding: 0
}
.hotelpoliciesc ul li {
list-style: none;
line-height: 25px
}
.hotelpoliciesc ul li a {
font-size: 14px
}
.hotelpAPO ul li {
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/arrow_hotelp_icon.png) left center no-repeat;
padding-left: 25px
}
.thingtodoc ul li,
.thingtodoc2 ul li {
line-height: 30px;
background: url(https://www.eroshotels.co.in/wp-content/uploads/2018/05/arrow_hotelp_icon.png) 0 10px no-repeat;
list-style: none;
}
.thingtodoc1,
.thingtodoc2 {
border-top: 1px solid #c19c78
}
.thingtodoc p {
line-height: 30px;
margin-bottom: 25px;
font-size: 14px;
text-align: justify
}
.thingtodoc ul {
padding: 0
}
.thingtodoc ul li {
margin-bottom: 20px;
font-size: 14px;
text-align: justify;
padding-left: 25px
}
.thingtodoc1 b,
.thingtodoc2 b {
font-size: 14px;
display: block;
margin: 0
}
#menuPDi,
.dinnbtn,
.thingtodoc1 b,
.thingtodoc2 b {
font-family: helv
}
.thingtodoc1 {
padding: 30px 0
}
.thingtodoc1 b {
padding-bottom: 5px
}
.thingtodoc1 ul {
padding: 0
}
.thingtodoc1 ul li {
list-style: none;
line-height: 30px
}
.thingtodoc2 {
padding: 30px 0
}
.thingtodoc2 b {
padding-bottom: 5px
}
.thingtodoc2 ul {
padding: 0
}
.thingtodoc2 ul li {
padding-left: 25px
}
.box_1_inhover h4,
.box_2_inhover h4 {
line-height: 215px;
color: #FFF;
font-size: 25px
}
.box_1_in,
.box_2_in {
display: inline-block;
text-align: center;
margin: 33px auto 0;
background: #af7c4f;
-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-o-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-moz-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-ms-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.pb0 {
padding-bottom: 0
}
.gallery_area {
width: 100%;
height: auto;
display: inline-block;
position: relative;
padding: 0 0 120px;
text-align: center
}
.box_1_in {
width: 230px;
height: 230px;
position: relative
}
.box_1_in img {
width: 94%;
height: 94%;
-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-o-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-moz-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-ms-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
position: absolute;
top: 3%;
left: 3%
}
.box_2_in {
width: 230px;
height: 230px;
position: relative;
bottom: 140px
}
.popup,
.popupP {
bottom: 0;
overflow: auto
}
.box_2_in img {
width: 94%;
height: 94%;
-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-o-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-moz-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-ms-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
position: absolute;
top: 3%;
left: 3%
}
.gallery_area_row1 {
margin: 0 100px
}
.gallery_area_row2 {
position: absolute;
top: 260px;
left: 0;
right: 0;
height: 0
}
.box_1_inhover,
.box_2_inhover {
width: 230px;
height: 230px;
float: left;
margin: 0 auto;
-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-o-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-moz-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-ms-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
background: rgba(175, 124, 79, .78);
position: relative;
text-align: center;
cursor: pointer
}
.box_1_inhover {
display: none
}
.box_1_in:hover .box_1_inhover {
display: block
}
.box_2_inhover {
display: none
}
.close,
.closeP {
font-size: 21px;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
top: 0;
right: 0;
opacity: 1;
font-weight: 700
}
.box_2_in.active .box_2_inhover,
.box_2_in:hover .box_2_inhover {
display: block
}
.disN {
display: none
}
.popup {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .9);
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 9999
}
.fltNi {
float: none!important
}
.popupin {
width: 58%;
background: #7d7d7d;
margin: 7% auto;
position: relative
}
.dngBATpop {
width: 100%;
padding: 0;
clear: both
}
.boxshN {
box-shadow: none
}
.close {
float: right;
line-height: 1;
color: #000;
position: absolute;
z-index: 1111111
}
.close p {
float: right;
background: #ffba00;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
color: #FFF
}
.popupP,
.w100p {
width: 100%
}
.popupP {
height: 100%;
background: rgba(255, 255, 255, .9);
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 9999
}
.popupinP {
width: 35%;
background: #c19c78;
margin: 7% auto;
position: relative
}
.dngBATpopP {
width: 100%;
padding: 0;
clear: both;
float: none
}
.closeP {
float: right;
line-height: 1;
color: #000;
position: absolute;
z-index: 1111111
}
.closeP p {
float: right;
background: #ffba00;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
color: #FFF;
cursor: pointer
}
.dinnbtn {
color: #6a6a6a;
display: inline-block;
padding: 3px 7px;
border: 1px solid #ffa201;
border-radius: 1px;
font-weight: 700;
letter-spacing: 0
}
.dinnbtn:hover {
background: #ffa201;
color: #000
}
.qureypg {
background: #f4f4f4;
border: 10px solid #c19c78;
padding: 20px;
box-shadow: 0 0 30px #e8e8e8
}
.cmdL {
width: 60%;
float: left;
padding-right: 20px
}
.cmdL p {
text-align: justify
}
.cmdR {
width: 40%;
float: left;
margin-top: 50px
}
.cmdtextarea textarea {
background: 0 0;
border: 1px solid #ccc;
float: right;
width: 200px;
padding: 2px 5px;
height: 59px
}
.mt30 {
margin-top: 30px
}
.glryBox::after,
.glryBox::before {
content: '';
display: block;
position: absolute;
bottom: 5px;
width: 8.8%;
height: 3px;
background: #c19c78
}
.glryBox::before {
right: 100%
}
.glryBox::after {
left: 100%
}
.glryBox {
position: relative
}
.glryBox .owl-carousel .owl-stage-outer {
padding-bottom: 5px
}
.glryBox .owl-nav {
display: block
}
.glryBox .owl-nav .owl-prev {
position: absolute;
left: 0;
top: -8px
}
.glryBox .owl-nav .owl-next {
position: absolute;
right: 0;
top: -8px
}
.glryBox .owl-nav .owl-next i,
.glryBox .owl-nav .owl-prev i {
font-size: 40px;
color: #c19c78
}
.glryBox .owl-nav .owl-next i:hover,
.glryBox .owl-nav .owl-prev i:hover {
color: #000
}
.glryBox .PGbox1Itm {
border-bottom: 3px solid #c19c78
}
.glryBox .PGbox1Itm p {
text-align: center
}
.borN {
border: none
}
.bgdS100p {
background-size: 100%
}
.ODItmRL .ofrh2 {
font-size: 18px;
margin: 0 0 5px
}
.ODItmRL .ofra {
color: #fff;
letter-spacing: 1px;
background: #c19c78;
font-size: 12px;
padding: 7px 10px;
display: inline-block;
float: right;
text-decoration: none
}
.mt35 {
margin-top: 35px
}
.bgso {
width: 100%;
height: auto;
background: #f3f3f3
}
.pressrcomm {
width: 33.33%;
float: left;
padding: 0 20px 20px
}
.cartable {
margin: 30px 0
}
.cartable tbody tr td {
padding: 8px;
border: 1px solid #c19c78
}
.PGbox2 .glrySlidBox {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0
}
.glrySlidBox .owl-nav .owl-next,
.glrySlidBox .owl-nav .owl-prev {
position: absolute;
top: 50%;
transform: translate(0, -50%);
display: block;
width: 68px;
height: 68px
}
.PGbox2 .glrySlidBox:first-child,
.glrySlidBox .owl-nav {
display: block
}
.glrySlidBox .owl-nav .owl-prev {
left: 2%;
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/home/PGLarrw.png)
}
.glrySlidBox .owl-nav .owl-next {
right: 2%;
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/home/PGRarrw.png)
}
#menuPDi,
.sclWdgLB {
display: inline-block
}
.PGbox2 {
position: relative
}
.carP strong a {
color: #c19c78;
font-weight: 700
}
.br1Wi {
border-right: 1px solid #FFF!important
}
.MEtxt_1 h3 {
color: #c19c78
}
.bgcr {
background: #c19c78
}
.txtCW {
color: #FFF
}
#menuPDi {
background: #ffa201;
color: #000;
padding: 3px 7px;
border-radius: 1px;
font-weight: 700;
letter-spacing: 0;
animation: menuPD 1s ease-in-out infinite alternate;
-webkit-animation: menuPD 1s ease-in-out infinite alternate;
-o-animation: menuPD 1s ease-in-out infinite alternate;
-ms-animation: menuPD 1s ease-in-out infinite alternate;
-moz-animation: menuPD 1s ease-in-out infinite alternate;
}
@keyframes menuPD {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
box-shadow: 0 0 0 #FFF
}
100% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
box-shadow: 0 0 10px #FFF
}
}
.LogoBox .mul {
position: absolute
}
.LogoBox .mul ul {
list-style: none;
padding: 0
}
.LogoBox .mul ul li {
float: left;
font-size: 12px;
color: #fff
}
.LogoBox .mul ul li a {
color: #fff;
font-size: 12px
}
.LogoBox .mul ul li span a i,
.LogoBox .mul ul li span i {
color: #ffa201;
font-size: 12px
}
.LogoBox .mul ul li span i {
margin-left: 5px
}
.pb30 {
padding-bottom: 30px
}
.brdcrm,
.hmAbt.brc {
padding: 25px 0!important;
width: 85%;
margin: auto
}
.brc ul {
list-style: none
}
.brc ul li {
float: left
}
.brc ul li a span {
margin: 0 5px
}
.brc ul li a {
color: #000;
background: url()
}
.brc ul li a.active,
.brc ul li a:hover {
color: #c19c78
}
.w90p {
width: 90%
}
.sclWdgLB {
width: 60%;
border: 1px solid #c19c78
}
.GESroomR .flex-control-nav,
.resMenuBtn {
display: none
}
.sclWdgLB img {
width: 100%
}
.batp,
.comrH {
width: 30%;
float: left
}
.bN {
border: none!important
}
.pdb40 {
padding-bottom: 40px
}
.mlr5p {
margin-left: 5%;
margin-right: 5%
}
.comrM {
float: left;
width: 35%;
margin: 0 5px
}
.comrT {
width: 32%;
float: left
}
.itg {
background: #000;
color: #fff;
border-radius: 6px;
font-size: 21px;
padding: 3px 4px 3px 5px;
margin: 0;
position: relative;
top: -3px
}
#sldImage .flex-direction-nav li a.next,
#sldImage .flex-direction-nav li a.prev {
top: 50%;
transform: translate(0, -50%);
width: 68px;
height: 68px
}
#sldImage .flex-direction-nav li a.prev {
left: 2%
}
#sldImage .flex-direction-nav li a.next {
right: 2%
}
.pdt15 {
padding-top: 15px
}
.homeDingBox {
padding: 30px 0;
background: #f3f3f3;
margin: 15px 0
}
.pdb15 {
padding-bottom: 15px
}
.homeDingBox .dngGridItmImg {
background: #fff
}
.pdb25 {
padding-bottom: 25px
}
.homeDingL {
width: 50%;
float: left;
background: url(//www.eroshotels.co.in/wp-content/themes/riverside/image/home/LSBG.jpg)
}
.homeDingR {
float: left;
width: 50%;
padding: 25px
}
.homeDingR::-webkit-scrollbar {
width: 13px
}
.homeDingR::-o-scrollbar {
width: 13px
}
.homeDingR::-moz-scrollbar {
width: 13px
}
.homeDingR::-ms-scrollbar {
width: 13px
}
.homeDingR::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.homeDingR::-o-scrollbar-track {
-o-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.homeDingR::-moz-scrollbar-track {
-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.homeDingR::-ms-scrollbar-track {
-ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.homeDingR::-webkit-scrollbar-thumb {
background-color: #c19c78;
outline: #708090 solid 1px
}
.homeDingR::-o-scrollbar-thumb {
background-color: #c19c78;
outline: #708090 solid 1px
}
.homeDingR::-moz-scrollbar-thumb {
background-color: #c19c78;
outline: #708090 solid 1px
}
.homeDingR::-ms-scrollbar-thumb {
background-color: #c19c78;
outline: #708090 solid 1px
}
.homeDingR .homeDingTxt {
padding: 0 0 10px;
border-bottom: 1px solid #e8e8e8;
margin: 0 0 10px
}
.homeDingR .homeDingTxt:last-child {
padding: 0;
border-bottom: 0 solid #e8e8e8;
margin: 0
}
.homeDingR .homeDingTxt h2 {
color: #000;
font-family: helv;
font-weight: 700;
letter-spacing: 1px;
margin: 0 0 5px;
font-size: 20px
}
.homeDingL .owl-carousel.owl-theme .item {
border: 3px solid #a29d80
}
.homeDingL .owl-carousel.owl-theme {
margin: auto
}
.homeDingBtn a:first-child {
color: #c19c78;
text-decoration: underline;
float: left;
font-family: helvth;
letter-spacing: 1px
}
#sldImage {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.slidLoader {
position: relative
}
.slidLoader img.slidLdrBG {
width: 100%
}
.slidLoader .slidLdr {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: auto
}
.resMenuBtn {
background: #000;
text-align: right;
padding: 15px 7px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
width: 40px;
float: right;
margin: 15px 0 0
}
.arowD,
.arrow,
.roomA {
text-align: center;
margin-bottom: 10px;
}
.resMenuBtn.actv span {
background: 0 0
}
.resMenuBtn.actv span::before {
top: 0;
transform: rotate(45deg)
}
.resMenuBtn.actv span::after {
top: 0;
transform: rotate(-45deg)
}
.resMenuBtn span {
background: #fff;
height: 4px;
width: 100%;
display: block;
position: relative;
transition: background .4s
}
.resMenuBtn span::before {
top: -7px
}
.resMenuBtn span::after {
top: 7px
}
.resMenuBtn span::after,
.resMenuBtn span::before {
content: '';
background: #fff;
height: 4px;
width: 100%;
display: block;
position: absolute;
transition: transform .4s, top .4s
}
.toparrow {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 9
}
.toparrow a i {
font-size: 14px;
color: #000;
padding: 7px 10px;
background: #d8b677
}
.arowD a i,
.roomA a i {
font-size: 40px;
color: #000
}
.arowD {
width: 100%;
position: absolute;
top: 80%
}
.arrow,
.roomA {
width: 100%
}
.bounce {
position: relative;
-webkit-animation: bounce 5s infinite;
-o-animation: bounce 5s infinite;
-moz-animation: bounce 5s infinite;
-ms-animation: bounce 5s infinite;
animation: bounce 5s infinite
}
@-webkit-keyframes bounce {
0% {
top: 0
}
25% {
top: 10px
}
100%,
75% {
top: 5px
}
}
@-o-keyframes bounce {
0% {
top: 0
}
25% {
top: 10px
}
100%,
75% {
top: 5px
}
}
@-moz-keyframes bounce {
0% {
top: 0
}
25% {
top: 10px
}
100%,
75% {
top: 5px
}
}
@-ms-keyframes bounce {
0% {
top: 0
}
25% {
top: 10px
}
100%,
75% {
top: 5px
}
}
@keyframes bounce {
0% {
top: 0
}
25% {
top: 10px
}
100%,
75% {
top: 5px
}
}
.selw52p select {
width: 52%!important;
color: #616161
}
.wd178px input {
width: 178px!important
}
.w50pHHs select {
width: 54%!important
}
.w52pHHs select {
width: 52%!important
}
.mnuItmBox ul li i {
display: none
}
.Iindextop {
display: inline
}
.Iindextopimg {
border-style: none
}
.Iindexiframe1 {
border: none;
overflow: hidden
}
.Iindexiframe2 {
border: none;
overflow: hidden;
height: 355px;
width: 100%
}
.Iabouttop {
padding: 40px 0 0 30px
}
.Icareerstop {
padding: 40px 0 0 100px
}
.Icareers1 {
padding: 30px 0 0
}
.Icommindinning1,
.Icommonevents1,
.Icommonleisure1 {
padding: 20px 0 0 30px
}
.p0 {
padding: 0
}
.ICommonRoom1 {
padding: 20px 0 0 35px
}
.Iconference1 {
padding: 30px 0 0 30px
}
.Iconference2 {
padding: 30px 0 0
}
.Iconferencesevents1 {
padding: 30px 0 0 30px
}
.Iconferencesevents2 {
padding: 30px 0 0
}
.Icontactus1 {
padding: 0 0 0 30px
}
.Icontactus2 {
border: 0
}
.Icontactus3 {
color: #fff
}
.Idinning1 {
padding: 30px 0 0 30px
}
.resizeN {
resize: none;
}
.disN {
display: none;
}
.no-pad {
padding-left: 5px;
padding-right: 5px;
}