html {
font-family: 'Raleway', sans-serif;
}
strong {
font-weight: bold;
}
button {
cursor: pointer;
}
section.hotels a {
text-decoration: none;
}
.btn.focus,
.btn:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .0) !important;
}
button:focus {
outline: 0px dotted !important;
outline: 0px auto -webkit-focus-ring-color !important;
}
header,
header div,
header li,
header ul,
header span,
header a,
header img,
header small {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
ul {
list-style: none;
}
.h1{
font-family: "ralewayregular";
text-transform: uppercase;
font-size: 2.7rem;
font-weight: normal;
}
h1,h1 span {
font-family: 'Raleway';
text-transform: uppercase;
font-size: 25px;
letter-spacing: 0px;
line-height: 43px;
font-weight: 700;
color: #273A7F;
padding-bottom: 15px;
}
h1 span {
font-family: "ralewaybold";
}
body{
background: #fff;
font-family: 'Raleway', sans-serif;
}
img {
max-width: 100%;
height: auto;
}
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
font-family: 'Raleway';
text-transform: uppercase;
font-size: 25px;
letter-spacing: 0px;
line-height: 43px;
font-weight: 700;
color: #273A7F;
padding-bottom: 15px;
}  .aniimg a {
position: relative;
}
.quick-alo-ph-circle-fill.active {
width: 80px;
height: 80px;
position: absolute;
background-color: #a0a0a0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid #ffffff8a;
opacity: 1;
-webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.quick-alo-ph-circle.active {
width: 130px;
height: 130px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30, 30, 30, .4);
opacity: 1;
-webkit-animation: quick-alo-circle-anim 3s infinite ease-in-out;
-moz-animation: quick-alo-circle-anim 3s infinite ease-in-out;
-ms-animation: quick-alo-circle-anim 3s infinite ease-in-out;
-o-animation: quick-alo-circle-anim 3s infinite ease-in-out;
animation: quick-alo-circle-anim 3s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.aniimg {
display: inline-flex;
align-items: center;
justify-content: center;
width: 130px;
height: 130px;
position: fixed;
right: 10px;
bottom: 20px;
z-index: 1000;
}
@-moz-keyframes quick-alo-circle-anim {
0% {
-moz-transform: rotate(0) scale(.5) skew(1deg);
opacity: .1;
-moz-opacity: .1;
-webkit-opacity: .1;
-o-opacity: .1
}
30% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .5;
-moz-opacity: .5;
-webkit-opacity: .5;
-o-opacity: .5
}
100% {
-moz-transform: rotate(0) scale(1) skew(1deg);
opacity: .6;
-moz-opacity: .6;
-webkit-opacity: .6;
-o-opacity: .1
}
}
@-webkit-keyframes quick-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(.5) skew(1deg);
-webkit-opacity: .1
}
30% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
-webkit-opacity: .5
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: .1
}
}
@-o-keyframes quick-alo-circle-anim {
0% {
-o-transform: rotate(0) kscale(.5) skew(1deg);
-o-opacity: .1
}
30% {
-o-transform: rotate(0) scale(.7) skew(1deg);
-o-opacity: .5
}
100% {
-o-transform: rotate(0) scale(1) skew(1deg);
-o-opacity: .1
}
}
@-moz-keyframes quick-alo-circle-fill-anim {
0% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-moz-transform: rotate(0) -moz-scale(1) skew(1deg);
opacity: .2
}
100% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-webkit-keyframes quick-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-o-keyframes quick-alo-circle-fill-anim {
0% {
-o-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-o-transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
-o-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-moz-keyframes quick-alo-circle-img-anim {
10% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-moz-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-moz-transform: rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes quick-alo-circle-img-anim {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
}
@-o-keyframes quick-alo-circle-img-anim {
0% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
10% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
}
html {
scroll-padding-top: 126px;
}
.homefrm.innerfrms {
width: 100%;
float: left;
}
.homefrm.innerfrms .widget_panel {
position: initial;
display: inline-block;
margin-bottom: 70px;border-radius: 10px !important;
}
.homefrm.innerfrms .field_div{width:100%;}
.widheads {
background: #273a7f;
text-align: center;
color: #fff;
padding: 8px;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
border-radius: 100px;
margin-bottom: 30px;
margin-top: 10px;
}
.homefrm.innerfrms .widget_panel label {
font-size: 15px;
margin-left: 8px;
margin-bottom: 10px;
}
.homefrm.innerfrms .serbtns {
margin-top: 15px;
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1085px;
}
}
a.navbar-brand.mob {
display: none;
}
header.aniPos a.navbar-brand.desk {
display: none;
}
header.aniPos a.navbar-brand.mob {
display: block;
}
.logoCvr img {
width: 214px;
}
.btnCvr {
display: flex;
align-items: center;
justify-content: right;
}
.banner {
padding-top: 0;
display: flex;
align-items: center;
justify-content: center;
background: #273A7F; 
height: 414px;
position: relative;
}
.bannCont h1 p {
text-align: center;
color: #fff;
text-transform: none;
font-family: 'Raleway';
font-weight: 700;
font-size: 63px;
padding-top: 90px;
}
.homefrm {
position: relative;
width: 100%;
display: inline-block;
}
.homefrm .widget_panel {
display: flex;
padding: 10px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
background: rgb(255, 255, 255);
border-radius: 50px !important;
min-height: 80px;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: -165px;
width: 100%;
}
.homefrm .widget_panel input,.homefrm .widget_panel select {
border: 0.5px solid #0057c0;
height: 35px;
border-radius: 30px;
width: 100%; padding:0px 10px;
}
.field_div {
width: 23%;
margin: 0px 5px;
}
.searchArea {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: -30px;
width: 70%;
height: 80px;
left: 50%;
margin-left: -35%;
background: #fff;
padding: 20px 0;
border-radius: 50px;
box-shadow: 0px 4px 57px rgba(0, 0, 0, 0.16);
}
.srItem img {
width: 20px;
margin-right: 10px;
}
.srItem {
display: flex;
align-items: center;
justify-content: left;
width: 25%;
color: #0D0D0D;
font-weight: 500;
font-size: 13px;
position: relative;
}
.srItem:after {
content: "";
position: absolute;
right: 30px;
top: 50%;
margin-top: -25px;
width: 1px;
height: 50px;
background: #D1D1D1;
}
.srItem:last-child:after{
display: none;
}
.search {
border: 0;
padding: 10px 20px;
border-radius: 50px;
width: 165px;
text-align: center;
font-size: 13px;
color: #fff;
font-weight: 500;
background: #273A7F;
}
.searchArea ::placeholder{
color: #fff;
}
header.aniPos {
background: #f4f5f9 !important;
padding: 15px 0;
}
header.aniPos .btn-primary {
background: #273A7F !important;
color: #fff !important;
}
header.aniPos .btn-primary:hover {
border-color: #273A7F !important;
background-color: #f4f5f9 !important;
color: #273A7F !important;
}
section.hotels {
padding: 123px 0 50px;
}
.htlCvr {
border-radius: 16px;
height: 315px;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 20px;
display: flex;
align-items: flex-end;
justify-content: left;
width: 100%;
position: relative;
z-index: 1;
overflow: hidden;
transition: all 0.5s;
}
.htlCvr:hover {
transform: scale(1.05);
}
.htlCvr:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.25%, rgba(0, 0, 0, 0.6) 97.67%);
border-radius: 16px;
z-index: -1;
}
.htlcon {
display: flex;
width: 100%;
align-items: center;
justify-content: left;
margin-bottom: 20px;
padding: 0px 15px;
}
.htlHead {
color: #fff;
font-weight: 700;
font-size: 16px;
width: 70%;
}
.btn-secondary {
color: #fff;
background-color: #273A7F;
border-color: #fff;
}
.btn-secondary:hover {
color: #273A7F;
background-color: #fff;
border-color: #273A7F;
}
.bkNw .btn {
font-size: 11px;
padding: 6px 15px;
}
.bkNw {
width: 30%;
}
.more {
float: right;
color: #0D0D0D;
font-size: 20px;
}
.htlCvr.moreHotel {
border: 1px solid #273A7F;
align-items: center;
justify-content: center;
color: #273A7F;
background: #fff;
}
.htlCvr.moreHotel .viewMr a {
color: #273A7F;
font-weight: 700;
text-decoration: none;
font-size: 18px;
display: block;
text-align: center;
}
.htlCvr.moreHotel .viewMr a img {
display: block;
text-align: center;
margin: 0px auto;
width: 35px;
}
.htlCvr.moreHotel:before{
display: none;
}
section.hotels.chennai {
padding: 12px 0;
}
section.hotels.chennai .htlCvr {
height: 250px;
text-align: center;
justify-content: center;
}
section.hotels.chennai .htlHead {
font-size: 16px;
width: 100%;
padding-bottom: 10px;
}
section.trips {
padding: 55px 0;
}
.trpimg:hover img {
transform: scale(1.1);
}
.trpimg img {
border-radius: 16px;
width: 100%;
height: 315px;
object-fit: cover;
transition: all 0.5s;
}
.trpimg {
padding-bottom: 28px;
overflow: hidden;
}
.trpCvr label {
color: #595959;
font-weight: 500;
font-size: 14px;
padding-bottom: 5px;
}
.trpHead {
font-weight: 700;
font-size: 16px;
margin-bottom: 15px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 42px;
}
.trpHead a{color: #212529; text-decoration: none;}
.trpCont p {
color: #000;
font-weight: 500;
margin-bottom: 0;
}
.trpCvr .more {
float: none;
font-size: 18px;
font-weight: 500;
}
.trpCont {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 10px;
max-height: 102px;
}
section.planning {
padding: 43px 0;
}
.planCont {
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/planning.jpg) no-repeat top center; 
background-size: cover;
border-radius: 16px;
height: 200px;
padding: 25px 40px;
}
.planCont h2 {
color: #fff;
text-transform: none;
width: 58%;
line-height: 38px;
max-width: 510px;
}
.planCont .btn {
border-radius: 16px;
padding: 7px 47px;
font-size: 17px;
}
#rasp-widget {
display: inline-block;
margin: 0px auto;
width: 100%;
text-align: center;
}
#rasp-widget-panel {
text-align: center;
}
.widget-div {
text-align: center;
display: flex;
align-content: center;
justify-content: center;
}
ul.social {
padding: 0;
}
footer {
margin: 55px 0 0;
border-top: 1px solid #273A7F;
text-align: center;
padding: 63px 0 0;
background: #f4f5f9;
}
.ftrLogo {
padding-bottom: 25px;
}
.ftrLogo img {
width: 160px;
}
ul.social li {
display: inline-block;
padding: 0px 15px;
}
ul.social li a {
width: 24px;
height: 24px;
background-size: 25px;
display: inline-block;
transition: all 0.5s;
}
ul.social li a:hover {
transform: scale(1.2);
}
.fb {
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/facebook.svg) no-repeat center;
}
.tw {
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/twitter.svg) no-repeat center;
}
.ins {
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/instagram.svg) no-repeat center;
}
.menuFtr ul li {
display: inline-block;
padding: 0px 20px;
}
.menuFtr ul li a {
color: #273A7F;
text-decoration: none;
font-size: 15px;
font-weight: 600;
}
.menuFtr ul li a:hover{
color: #000;
}
.copyright {
background: #273A7F;
margin-top: 20px;
padding: 15px 0px;
border-bottom: 6px solid #34D7DE;
}
.copy, .copy a {
text-decoration: none;
color: #fff !important;
font-family: 'Raleway';
font-weight: 400;
font-size: 14px;
}
header .menu>ul>li>a:hover:after,header .current_page_item>a:after, header .current-menu-item>a:after {
content: "";
position: absolute;
left: 50%;
margin-left: -3px;
bottom: 8px;
width: 6px;
height: 6px;
background: #fff;
border-radius: 50px;
}
section.aboutsec {
padding: 170px 0 10px;
}
p {
font-weight: 500;
font-size: 16px;
line-height: 26px;
margin-bottom: 25px;
}
.abtRight {
margin-left: 60px;
margin-top: 60px;
padding: 46px 66px 30px;
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/about-bg.png) no-repeat bottom right,#273A7F;
border-radius: 16px;
background-size: 100%;
}
.abtRtItem span {
color: #fff;
font-size: 36px;
padding-left: 20px;
}
.abtRtItem {
color: #34D7DE;
font-weight: 700;
font-size: 19px;
border-bottom: 1px solid #D4D4D4;
padding-bottom: 16px;
margin-bottom: 30px;
}
.abtRtItem:last-child{
border: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.whyLeft h2 {
text-transform: none;
font-weight: 700;
font-size: 39px;
padding-bottom: 25px;
}
.whyLeft {
padding: 102px 0 123px 250px;
border-top: 4px solid #273A7F;
border-bottom: 4px solid #273A7F;
height: 376px;
}
.whyLeft img {
width: 64%;
}
.whyRight h2 {
color: #fff;
padding-bottom: 35px;
}
ul.listing.\32 col li:before {
content: "";
position: absolute;
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/tick.svg) no-repeat left top;
left: 0;
top: 0;
width: 40px;
height: 40px;
background-size: 30px;
}
ul.listing.\32 col li {
color: #fff;
padding-left: 64px;
font-weight: 500;
padding-bottom: 53px;
position: relative;
}
ul.listing.\32 col {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
padding: 0;
margin: 0;
}
.whyRight {
padding: 80px 76px 48px;
background: #273A7F;
border-top: 4px solid #34D7DE;
border-bottom: 4px solid #34D7DE;
height: 376px;
}
section.whyChoose {
padding-bottom: 50px;
overflow-x: hidden;
}
section.innerbanner {
padding: 197px 0 65px;
}
.banCont h1 {
font-size: 64px;
text-transform: none;
}
.banImg {
padding: 25px 0 40px;
}
.banImg img {
border-radius: 16px;
}
section.hotels.chennai.innerExp {
padding: 66px 0;
background: #F2F2F2;
}
section.hotels.chennai.visitPl {
padding: 78px 0 30px;
}
section.hotels.chennai.visitPl .htlCvr {
height: 285px;padding: 8px;
}
.htlmainCvr {
padding: 8px;
}
section.innerbanner.hotels {
padding-bottom: 27px;
}
section.innerbanner.hotels .banCont h1 {
margin-bottom: 32px;
}
.listCvr {
border: 2px solid #EBEBEB;
border-radius: 24px;
padding: 10px;
margin-bottom: 15px;
}
.htlImg img {
width: 100%;
height: 215px;
object-fit: cover;
border-radius: 16px;
}
.hotelTit {
padding: 30px 0 24px;
font-weight: 700;
font-size: 19px;
}
.location p,.location{
font-weight: 500;
padding-left: 32px;
margin-bottom: 20px;
}
.location {
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/map.svg) no-repeat left top;
background-size: 20px;
min-height: 96px;
text-transform: capitalize;
}
.phNum a {
font-weight: 500;
color: #000;
text-decoration: none;
}
.phNum {
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/phone.svg) no-repeat left top;
background-size: 20px;
padding-left: 32px;
margin-bottom: 25px;
}
.listButns a,.listButns button {
display: block;
width: 90%;
margin: 0px auto 12px;
padding: 10px 25px;
}
.trips.innrBlg{
padding: 0;
}
.trpCvr {
margin-bottom: 35px;
}
section.innerBlog {
padding: 180px 0 20px;
}
.blogCover label {
color: #595959;
font-weight: 500;
font-size: 15px;
}
.blogCover h1 {
color: #000;
text-transform: none;
font-size: 25px;
padding: 10px 0 6px;
}
.blogMainImg {
padding: 30px 0 36px;
}
.blogMainImg img {
width: 100%;
height: 526px;
border-radius: 16px;
object-fit: cover;
}
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
position: absolute;
top: 90px;
right: 0;
display: flex;
align-items: center;
justify-content: right;
}
.blogCover {
position: relative;
}
.heateor_sss_sharing_title {
color: #595959;
font-size: 13px;
font-weight: 500;
margin-right: 10px;
}
div.heateor_sss_follow_ul a, div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
margin: 2px 9px !important;
}
section.innerbanner.innrContact {
padding-bottom: 10px;
}
.cnCvr {
padding: 7px 20px;
border-radius: 16px;
background: #273A7F;
}
.cnLeft {
text-align: center;
background: #fff;
padding: 44px 0 0;
border-radius: 16px;
margin-right: 8px;
height: 368px;
}
.cnItem img {
width: 30px;
}
.cntctDt a {
display: block;
text-decoration: none;
color: #000;
font-weight: 500;
padding-bottom: 12px;
}
.cntctDt {
padding: 12px 0 22px; margin-bottom: 52px;
}
.cnItem:last-child .cntctDt{
border:  0;
}
.cnRight {
padding: 28px 37px;
background: #fff;
border-radius: 16px;
height: 368px;
}
.cnRight h2 {
font-size: 25px;
text-transform: none;
color: #000;
margin-bottom: 0px;
}
section.innerbanner.innrContact h1 {
margin-bottom: 34px;
}
.form-control {
border: 1px solid #273A7F;
border-radius: 10px;
height: 47px;
margin-bottom: 20px;
color: #A7A7A7;
background: transparent;
font-size: 16px;
}
textarea.form-control {
height: 180px;
}
.form-submit {
float: right;
}
.form-submit {
float: right;
border: 0;
padding: 20px 20px;
border-radius: 50px;
width: 160px;
text-align: center;
font-size: 13px;
color: #fff;
font-weight: 500;
background: #273A7F;
}
.formRw p {
line-height: 0;
margin: 0;
}
section.contactsec {
padding-bottom: 40px;
}
section.hotelListingDetail {
padding: 15px;
}
.aments .head {
color: #273A7F;
font-weight: 700;
text-transform: uppercase;
font-size: 25px;
}
.aments {
background: #F8F8F8; 
border-radius: 16px;
margin: 30px 0;
padding: 25px 42px;
}
.amItm {
display: flex;
align-items: center;
padding: 20px 0 5px;
}
.amnImg img {
width: 20px;
}
.amnCont {
font-weight: 500;
font-size: 16px;
padding-left: 15px;
}
.detTitle h2 {
color: #000;
text-transform: none;
padding: 0;
}
.dflx {
align-items: flex-start;
justify-content: right;
display: flex;
}
.detTitle {
border-bottom: 1px solid #273A7F;
padding-bottom: 5px;
margin-bottom: 18px;
}
.detTitle a {
border-color: #273A7F;
}
.htDeatilImg img {
border-radius: 12px;
width: 100%;
height: 495px;
object-fit: cover;
}
.imgListing img {
width: 100%;
border-radius: 12px; margin: 0;
}
.imgListCvr {
position: relative;
margin: 15px 0;
}
.viewPhoto {
position: absolute;
left: 0;
top: 0;
display: none;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 40%);
}
.viewPhoto a {
color: #fff;
text-decoration: none;
font-weight: 500;
}
.imgListing .col-md-4:last-child .viewPhoto {
display: flex;
}
.imgListCvr{
position: relative;
}
.addressArea {
background: #273A7F;
padding: 30px 25px;
border-radius: 24px;
display: flex;
align-items: center;
justify-content: left;
}
.addressLeft {
width: 60%;
}
.addressRight{
width: 40%;
}
.addressLeft .location, .addressLeft .phNum a,.addressLeft .phNum {
color: #fff;
filter: brightness(0) invert(1);
}
.addressRight a {
text-decoration: none;
color: #fff;
font-weight: 500;
text-align: center;
width: 100%;
height: 105px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #fff;
}
.addressRight a img {
padding-right: 10px;
}
section.abtHotel {
padding: 30px 0;
}
section.abtHotel h2 {
padding-bottom: 10px;
}
section.testimonial h2 {
padding: 0px;
}
section.testimonial {
text-align: center;
padding: 25px 0;
}
.testCvr { border: 1px solid #EBEBEB;
border-radius: 24px;
max-width: 600px;
margin: 0px auto;
padding: 50px 30px;
text-align: center;
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/about-bg.svg) no-repeat bottom right,#FBFBFB;
background-size: 45%;
}
.testCvr p{
font-weight: 500;
}
.author:before {
content: "";
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/line.svg) no-repeat top center;
width: 82px;
height: 5px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
margin-left: -41px;
bottom: -15px;
}
.author {
font-weight: 600;
font-size: 20px;
padding: 5px 0 0;
position: relative;
}
.testSldr .slick-prev:before {
content: "";
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/prev.svg) no-repeat left center;
width: 86px;
height: 86px;
display: block;
opacity: 1;
position: absolute;
left: 106px;
top: 50%;
margin-top: -43px;
background-size: 77%;
}
.testSldr .slick-next:before {
content: "";
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/next.svg) no-repeat left center;
width: 86px;
height: 86px;
display: block;
opacity: 1;
position: absolute;
right: 60px;
top: 50%;
margin-top: -43px;
background-size: 77%;
}
section.hotelListing.innrDetail {
padding: 50px 0 20px;
}
.gallModal {
z-index: 10600;
top: 90px;
}
.gallModal .modal-dialog{
max-width: 80%;
}
a:hover {
color: #273A7F;
}
.addressRight a:hover {
color: #fff;
border-radius: 0;
}
.chSldr .slick-prev:before {
content: "";
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/prev.svg) no-repeat left center;
width: 86px;
height: 86px;
display: block;
opacity: 1;
position: absolute;
left: -13px;
top: 50%;
margin-top: -43px;
background-size: 77%;
}
.chSldr .slick-next:before {
content: "";
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/next.svg) no-repeat left center;
width: 86px;
height: 86px;
display: block;
opacity: 1;
position: absolute;
right: -56px;
top: 50%;
margin-top: -43px;
background-size: 77%;
}
.abtLeft {
text-align: justify;
}
.form-submit:hover {
color: #273A7F;
border: 1px solid #273A7F;
background: #fff;
}
.thumbnail.gallery {
margin-bottom: 20px;
display: block;
}
.addressArea .location {
min-height: auto;
}
header .btn {
padding: 9px 33px;
}
span.abtCntAr {
color: #34D7DE;
font-weight: 700;
font-size: 19px;
display: inline-block;
width: 40%;
padding-left: 0;
}
.wpcf7-not-valid-tip {
font-size: 12px !important;
position: relative;
bottom: 10px;
font-weight: 500 !important;
}
.wpcf7-response-output {
color: #dc3232;
border-color: #dc3232 !important;
margin: 3px !important;
}
.slick-next:hover,.slick-prev:hover{
opacity: 0.8 !important;
}
.cnItem {
position: relative;
}
.cnItem:after {
content: "";
background: #273A7F;
height: 1px;
width: 80%;
position: absolute;
left: 50%;
margin-left: -40%;
bottom: 0;
}
.cnItem:last-child:after{
display: none;
}
.thumbnail.gallery img {
width: 100%;
height: 187px;
object-fit: cover;
}
.rasp-widget-submit {
border: 0 !important;
padding: 10px 20px !important;
border-radius: 50px !important;
width: 165px !important;
text-align: center !important;
font-size: 13px !important;
color: #fff !important;
font-weight: 500 !important;
background: #273A7F !important;
}
.rasp-widget-submit .rasp-icon{
display: none !important;
}
.widget-control, .widget-group,.widget-group-addon {
border: 1px solid #273A7F !important;
}
.rasp-icon {
color: #273A7F !important;
}
#rasp-widget-panel {
position: absolute !important;
z-index: 1 !important;
top: 23em !important;
width: 70%;
left: 50%;
margin-left: -35%;
border-radius: 50px !important;
padding: 10px 0;
} .menuCvr .btn {
margin: 16px 0 0 21px;
}
.btn {
padding: 9px 19px;
font-size: 20px;
border-radius: 0;
}
.btn-primary{
border-color: #273A7F !important;
background: #fff !important;
color: #273A7F !important;
}
.btn-primary:hover {
border-color: #fff !important;
background: #273A7F !important;
color: #fff !important;
}
.topscn li {
display: inline-block;
padding-left: 10px;
position: relative;
}
.topscn li:nth-child(2) {
padding-left: 30px;
}
.topscn li:first-child {
padding-left: 0;
}
.topscn ul {
display: inline-block;
margin: 0 !important;
padding-left: 0;
position: relative;
}
.topscn li a {
color: #CC2127;
font-size: 20px;
line-height: 32px;
font-family: Rubik-Medium;
padding: 6px 0 6px;
display: block;
text-decoration: none;
}
.topscn {
border-bottom: 1px #122A4C solid;
}
.topscn ul:before {
content: "";
position: absolute;
left: -39px;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/call-icon.png) no-repeat center center;
}
.logo {
display: block;
padding-left: 81px;
position: relative;
padding-top: 21px;
text-decoration: none;
font-size: 36px;
font-family: 'Rubik-Medium';
line-height: 46px;
padding-bottom: 16px;
color: #CC2127;
}
.logo:hover {
color: #CC2127;
}
.logo:before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 68px;
height: 68px;
background: url(//tagmystay.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/mariyan-group.png) no-repeat center center;
}
.topscn li:before {
content: "";
position: absolute;
left: 0;
top: 12px;
width: 2px;
height: 20px;
background: #CC2127;
transform: rotate(22deg);
}
.topscn li:first-child:before {
background: transparent;
}
.topscn li:nth-child(2):before {
left: 8px;
} .slick-slide {
margin: 0px 0;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
.slick-active {
opacity: .5;
}
.slick-current {
opacity: 1;
} .page-id-7 header {
left: 0;
top: 0;
right: 0;
position: fixed;
z-index: 99999;
background: transparent;
padding: 30px 0;
}
.page-id-7 header.aniPos {
padding: 15px 0px;border-bottom: 1px solid #dfdfdf;
}
header {
left: 0;
top: 0;
right: 0;
position: fixed;
z-index: 99999;
background: #273A7F;
padding: 23px 0;
}
section.main {
margin-top: 137px;
}
.bannerCont {
position: absolute;
left: 169px;
top: 25%;
height: 50%;
bottom: 0;
width: 37%;
padding: 33px 39px 0;
display: flex;
background: rgba(204, 33, 39, 0.02); align-content: space-between;
justify-content: space-around;
align-items: center;
}
.regular .slick-slide {
position: relative;
}
.bannerstrip {
padding: 0 0;
display: block;
width: 100%;
}
.bannerCont h1,
.bannerCont .h1 {
font-size: 64px;
line-height: 74px;
font-family: 'ralewaybold';
color: #fff;
margin-bottom: 7px;
}
.bannerCont h2,
.bannerCont .h2 {
font-size: 40px;
text-transform: none;
color: #fff;
font-family: ralewayregular;
margin: 0;
line-height: 63px;
}
.banner .slick-next,
.banner .slick-prev {
right: 0;
width: 74px;
height: 122px;
overflow: hidden;
text-indent: -99999px;
background: transparent;
opacity: 1;
z-index: 99;
}
.banner .slick-next {
right: 0;
}
.banner .slick-prev {
left: 0;
}
.regular {
position: relative;
}
.btn {
padding: 6px 25px;
font-size: 13px;
font-weight: 500;
border-radius: 50px;
} @media screen and (max-width:1450px) {
.whyLeft {
padding: 102px 0 123px 200px;
}
}
@media screen and (max-width: 1300px){
.whyLeft {
padding: 102px 0 123px 100px;
}
}
@media screen and (max-width:991px) {
.logoScn .container {
position: relative;
}
.logo:before {
top: 8px;
width: 49px;
height: 49px;
background-size: 100%;
}
.menuCvr {
text-align: right;
padding-right: 65px;
position: static;
width: 53%;
}
.logoCvr {
width: 47%;
}
.logo {
padding-left: 60px;
padding-top: 11px;
font-size: 26px;
line-height: 43px;
padding-bottom: 11px;
} header {
padding: 15px 0;
}
.logoCvr img {
width: 150px;
}
.bannCont h1 p {
font-size: 35px;
line-height: 44px;
padding-top: 50px;
}
.searchArea {
width: 100%;
left: 0;
margin-left: 0;
padding: 20px 0;
display: block;
position: inherit;
bottom: 0;
text-align: center;
}
.srItem {
display: block;
width: 100%;
text-align: center;
padding: 10px 0;
}
.search {
width: 90%;
margin: 20px auto;
}
.srItem:after{
display: none;
}
.banner {
height: 500px;
}
.btnCvr{
display: none;
}
section.hotels {
padding: 50px 0 30px;
}
section.trips {
padding: 30px 0;
}
.trpCvr {
margin-bottom: 30px;
}
section.planning {
padding: 30px 0;
}
footer {
margin: 30px 0 0;
padding: 30px 0 0;
}
section.aboutsec {
padding: 90px 0;
}
.abtLeft {
text-align: center;
}
.abtRight {
margin-left: 0;
margin-top: 0;
}
.whyLeft {
padding: 50px;
height: 330px;
}
ul.listing.\32 col {
-webkit-columns: 1;
}
.whyRight {
padding: 50px;
height: 330px;
}
ul.listing.\32 col li {
padding-left: 50px;
padding-bottom: 20px;
}
.whyRight h2 {
color: #fff;
padding-bottom: 10px;
font-size: 17px;
}
.whyLeft h2 {
font-size: 26px;
padding-bottom: 25px;
}
section.innerbanner {
padding: 100px 0 50px;
}
.banCont h1 {
font-size: 35px;
}
.banCont {
text-align: center;
}
.banImg {
padding: 10px 0 25px;
}
p {
font-size: 14px;
line-height: 24px;
}
section.hotels.chennai.innerExp {
padding: 30px 0;
text-align: center;
}
section.hotels.chennai.visitPl {
padding: 50px 0 0;
text-align: center;
}
.searchFitr {
margin-bottom: 30px;
}
.trpCont p {
margin-bottom: 5px;
}
section.innerBlog {
padding: 80px 0 0;
text-align: left;
}
section.innerbanner.innrContact h1 {
margin-bottom: 0;
}
.cnLeft,.cnRight {
height: auto;
margin: 20px;
}
.cnRight {
margin-top: -33px !important;
}
.testSldr .slick-prev:before{
left: 15px;
}
.testSldr .slick-next:before{
right: -30px;
}
section.testimonial {
padding: 0;
}
.slick-list.draggable {
overflow: hidden !important;
padding: 0px !important;
width: 82%;
margin: 0px auto;
height: auto !important;
}
.banner {
height: auto;
padding-top: 60px;
align-items: flex-start;
padding-bottom: 60px;
}
#rasp-widget-panel {
top: 15em !important;
} .homefrm .widget_panel {
flex-flow: row wrap;
justify-content: center !important;
position: relative !important;
bottom: 0px !important;
padding: 40px !important;
}
.widget_panel .field_div {
width: 46%;
margin-bottom: 11px;
}
.homefrm button.search {
width: 100%;
max-width: 240px; margin:0px !important;
}
}
@media screen and (max-width:767px) {
.container {
max-width: 100%;
}
.widget_panel .field_div {
width: 100%;}
.logoScn .container {
position: relative;
}
.logoCvr {
width: 53%;
}
.menuCvr {
text-align: right;
padding-right: 65px;
position: static;
width: 47%;
}
section.hotels {
padding: 30px 0 0;
}
.h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6{
font-size: 20px;
line-height: 28px;
}
.more {
font-size: 16px;
}
.trpCvr {
text-align: center;
}
.trpCvr .more {
font-size: 16px;
}
section.trips {
padding: 30px 0 0;
}
.planCont {
height: auto;
text-align: center;
}
.widget-div{flex-direction: column;}
.planCont h2 {
width: 100%;
line-height: 28px;
}
.menuFtr ul li {
padding: 0px 5px;
}
.copyright {
margin-top: 0;
padding: 15px 0px;
}
.copy, .copy a {
font-size: 13px;
}
p {
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
}
.abtRight {
margin-top: 20px;
}
.abtRtItem {
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 16px;
}
.abtRtItem span {
font-size: 25px;
}
section.aboutsec {
padding: 90px 0 40px;
}
.whyLeft,.whyRight {
padding: 50px;
height: auto;
}
.whyLeft {
border-bottom: 0;
}
section.whyChoose {
padding-bottom: 25px;
}
.banCont h1 {
font-size: 25px;
}
.banImg img {
height: 200px;
object-fit: cover;
}
section.innerbanner.hotels {
padding: 80px 0 20px;
}
section.innerbanner.hotels .banCont h1 {
margin-bottom: 0;
}
.hotelTit {
padding: 15px 0;
font-size: 16px;
}
section.innerBlog {
text-align: center;
}
.blogCover h1 {
font-size: 23px;
line-height: 30px;
padding: 6px 0 0px;
}
.blogMainImg {
padding: 20px 0;
}
.blogMainImg img {
height: 345px;
}
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
top: 65px;
justify-content: center;
width: 100%;
position: inherit;
margin-bottom: 11px;
}
.cnLeft, .cnRight {
margin: 5px;
}
.aments .head {
font-size: 20px;
}
.amnCont {
font-size: 14px;
}
.amItm {
padding: 15px 0 0;
}
.dflx {
align-items: center;
justify-content: center;
display: flex;
}
.detTitle h2 {
text-align: center;
}
.htDeatilImg img {
height: auto;
}
.thumbnail.gallery {
margin-bottom: 15px;
display: block;
}
.addressArea{
display: block;
}
.addressLeft {
width: 100%;
}
.addressRight {
width: 100%;
}
.addressRight a{
height: 60px;
}
section.abtHotel {
padding: 20px 0;
text-align: center;
}
section.hotelListing.innrDetail {
padding: 20px 0 0;
}
.chSldr .slick-prev:before {
left: 25px;
background-size: 60%;
}
.chSldr .slick-next:before {
right: -30px;
background-size: 60%;
}
.location{
min-height: auto;
}
.detTitle {
padding-bottom: 15px;
}
.gallModal .modal-dialog {
max-width: 100%;
}
span.abtCntAr {
font-size: 16px;
}
.form-submit{
width: 100%;
float: none;
}
.wpcf7-spinner{
display: block !important;
}
.gallModal {
max-height: 85%;
}
html,body{
overflow-x: hidden !important;
}
header.aniPos {
padding: 7px 0;
}  }