@import url('https://fonts.googleapis.com/css?family=Anton');@import url('https://fonts.googleapis.com/css?family=Lato');@import url('https://fonts.googleapis.com/css?family=Montserrat:400,900');@font-face {font-family: 'OswaldLight';src: url('../../images/RES%20162/OswaldLight.eot');src: url('../../images/RES%20162/OswaldLight.eot') format('embedded-opentype'), url('../../images/RES%20162/OswaldLight.html') format('woff2'), url('../../images/RES%20162/OswaldLight.woff') format('woff'), url('../../images/RES%20162/OswaldLight-2.html') format('truetype'), url('../../images/RES%20162/OswaldLight.svg#OswaldLight') format('svg');} @font-face {font-family: 'AileronItalic';src: url('../../images/RES%20162/AileronItalic.eot');src: url('../../images/RES%20162/AileronItalic.eot') format('embedded-opentype'), url('../../images/RES%20162/AileronItalic.html') format('woff2'), url('../../images/RES%20162/AileronItalic.woff') format('woff'), url('../../images/RES%20162/AileronItalic-2.html') format('truetype'), url('../../images/RES%20162/AileronItalic.svg#AileronItalic') format('svg');} @font-face {font-family: 'AileronLight';src: url('../../images/RES%20162/AileronLight.eot');src: url('../../images/RES%20162/AileronLight.eot') format('embedded-opentype'), url('../../images/RES%20162/AileronLight.html') format('woff2'), url('../../images/RES%20162/AileronLight.woff') format('woff'), url('../../images/RES%20162/AileronLight-2.html') format('truetype'), url('../../images/RES%20162/AileronLight.svg#AileronLight') format('svg');} body {font-size: 15px;line-height: 26px;margin: 0px;padding: 0px;font-family: 'Lato', sans-serif;} .navbar-inverse {background: none;border:none;} .navbar {margin: 0px;} .navbar-nav > li > a {padding:0px;} .navbar-header {display: none;} .navbar {min-height: auto;} .navbar-brand {display: none;} .navbar-inverse .navbar-toggle {border-color: #333;background-color: #000;} .maindiv{float: left;width:100%;} .navbar-collapse {border-top: none !important;} p {margin: 0px !important;} .headercontainer{float: left;width: 100%;padding: 2px 0px 0px;z-index: 9999;background: #fff;border-top: 5px solid #25b5e1;} .logocontainer {float: left;width: 100%;} .logocontainer img {float: left;width: 26%;} .menuH{float: right;} .menuH ul{margin: 40px 0 0;} .menuH ul li{padding: 0 0 0 4px;} .menuH ul li a{list-style: outside none none;font-size: 16px;padding: 4px 13px;float: left;color: #333 !important;text-transform: uppercase;} .menuH ul li.selected a, .menuH ul li a:hover {color: #FFF !important;background: #25b5e1 !important;} .bannercontainer{float: left;width:100%;position: relative;} .bannercontainer img {width: 100%;} .headingcontainer {float: left;width: 100%;position: absolute;top: 430px;} .heading {float: left;width: 100%;text-align: center;color: #fff;font-size: 16px;} .heading h1 {font-size: 60px;font-family: 'OswaldLight';} .abtcon span {float: left;width: 100%;color: #ea080c;font-size: 16px;font-style: italic;} .abtimage {float: left;width: 100%;} .abtheading {float: left;width: 100%;background: rgba(0, 0, 0, 0.8);margin-top: -46px;padding: 10px 0px;font-family: 'OswaldLight';text-transform: uppercase;font-size: 20px;} .abtcontent {float: left;width: 100%;background: #fff;color: #000;padding: 22px;} .about{float: left;width: 100%;color: #282828;} .abouthead{width: 100%;float: left;font-size: 35px;padding: 15px 0px 25px;text-align: center;margin-bottom: 20px;background-repeat: no-repeat !important;background: url("../../images/RES%20162/borderbg.html");background-position: bottom center;font-family: 'OswaldLight';} .abtimg {float: left;width: 100%;} .abthead {float: none;font-size: 58px;display: table;margin: 70px auto 50px;text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-weight: bold;} .abthead b {color: #25b5e1;} .abtcon {width: 100%;float: left;padding: 10px 15px 35px;} .about1 {float: left;width: 100%;text-align: center;} .abtimg img {display: inline;padding: 30px 30px;border: 1px solid RGBA(130, 130, 130, 0.36);margin: 20px 0px 15px;} .packagecontainer {float: left;width: 100%;} .package {float: left;width: 100%;} .packagehead {float: none;font-size: 60px;padding: 30px 30px;border: 1px solid #000;display: table;margin: 70px auto 50px;font-family: 'OswaldLight';} .packagecon {float: left;width: 100%;text-align: center;padding-bottom: 50px;} .gallerycontainer .col-lg-3 {padding: 0px !important;} .gallerycontainer .col-lg-3 img {width: 100%;} .welcon{float: left;width: 100%;} .welcontent{float: left;width: 100%;padding: 10px 0px;text-align: justify;} .welcontent img {padding-left: 10px;} .welhead{width: 100%;float: left;font-size: 35px;padding: 20px 0px 10px;font-family: 'Playball';} .welimg {float: left;width: 100%;padding: 20px 0px;} .welimg img {width: 100%;} .treatmentcontainer{float: left;width: 100%;background: url("../../images/RES%20162/treatmentsbg.jpg");background-repeat: no-repeat;padding-bottom: 65px;background-attachment: fixed;background-position: center;} .treatmenthead{float: none;font-size: 48px;display: table;margin: 70px auto 0px;color: #fff;font-family: 'Montserrat', sans-serif;font-weight: bold;text-transform: uppercase;background: url("../../images/RES%20162/Bar_icon.png");background-repeat: no-repeat;padding-bottom: 92px;background-position: center;background-size: 60%;} .treatmentcon{float: left;width: 100%;text-align: center;color: #fff;padding: 0 120px 50px;} .treatmentcontainer .col-lg-3:hover .treatmentcontent {webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(-315px);transition: 1s;} .treatmentcon span {float: left;width: 100%;font-size: 16px;text-transform: uppercase;} .treatmentimage{float: left;width: 100%;position: relative;overflow: hidden;} .abtimage img {width: 100%;} .treatmentimage img {width: 100%;} .treatmentheading{float: left;width: 100%;color: #000;background: #fff;padding: 10px;text-align: center;} .treatmentheading span {float: left;width: 100%;font-size: 20px;font-family: 'OswaldLight';text-transform: uppercase;} .treatmentcontent{float: left;width: 94%;background: rgba(0, 0, 0, 0.8);color: #fff;padding: 32px 32px;text-align: center;position: absolute;top: 464px;margin-left: 3%;} .contactcontainer {float: left;width: 100%;padding: 50px 0;} .contact{float: left;width: 100%;} .contactdata {float: left;width: 100%;} .contactadd {float: left;width: 100%;border: 1px solid rgb(227, 227, 227);padding: 20px 30px;margin-bottom: 8px;} .contactnum {float: left;width: 100%;border: 1px solid rgb(227, 227, 227);padding: 20px 30px;margin-bottom: 8px;} .contactdata span {float: left;width: 100%;font-size: 20px;} .contactmail {float: left;width: 100%;border: 1px solid rgb(227, 227, 227);padding: 20px 30px;} .contacthead {float: none;font-size: 44px;display: table;margin: 70px auto 50px;font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: bold;} .footer{float: left;width: 100%;color: #fff;background-color: #2a2a2a;text-align: center;padding: 15px;} .footer a{text-decoration: none;padding: 0px 5px 0px;color: #fff;} .overlay h2 {background-repeat: no-repeat !important;background: url("../../images/RES%20162/packbotbg.png");background-position: bottom center;padding-bottom: 12px;} .overlay {float: left;width: 100%;color: #fff;} .hovereffect {width: 100%;height: 100%;float: left;overflow: hidden;position: relative;text-align: center;cursor: default;} .hovereffect .overlay {position: absolute;overflow: hidden;width: 80%;height: 100%;left: 10%;top: 10%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);} .hovereffect:hover .overlay {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .hovereffect img {display: block;position: relative;-webkit-transition: all 0.35s;transition: all 0.35s;} .hovereffect:hover img {filter: brightness(0.3);-webkit-filter: brightness(0.3);} .overlay a {padding: 5px 20px;float: none;text-decoration: none;border: 1px solid #fff;margin: 12px auto 0px !important;display: table;} .hovereffect h2 {font-family: 'OswaldLight';text-transform: uppercase;text-align: center;position: relative;font-size: 25px;background-color: transparent;color: #FFF;margin: 10px 0px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);} .hovereffect a, hovereffect p {color: #FFF;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);} .hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .bannerbot {float: left;width: 100%;margin: 50px 0;} .aboutcontainer {float: left;width: 100%;text-align: center;padding: 10px 0px 80px;background: #f4f4f4;} .tabcontainer {float: left;width: 100%;} .tableft {float: left;width: 100%;background: #202020;color: #fff;} .tabrt {float: left;width: 100%;} .bannerbotrt {float: left;width: 100%;background: #25b5e1;font-size: 26px;text-transform: uppercase;color: #fff;} .bannerbothead {float: left;width: 100%;} .bannerbothead img {height: 315px;width: 100%;} .bannerbotcont {float: left;width: 100%;padding: 24px;background: #25b5e1;color: #fff;font-family: 'Montserrat', sans-serif;font-weight: bold;} .bannerbotrt {float: left;width: 100%;background: #f4f4f4;font-size: 26px;text-transform: uppercase;} .tabrt .col-sm-6 {padding: 0;} .tabrt .col-sm-6 img {height: 212px;width: 100%;} .resp-tabs-list li {padding: 7px 30px !important;background: none !important;text-transform: uppercase;font-size: 16px;} .resp-tabs-container {color: #AAA;background: none !important;border-top: 1px solid #AAA;} .resp-tab-content {border-top: 1px solid #AAA !important;border-color: #202020 !important;} .carousel-indicators {bottom: -85px;} .carousel-control {display: none;} .tablefthd {float: left;width: 100%;font-size: 32px;color: #fff;padding: 20px 30px;text-transform: uppercase;font-weight: bold;margin: 55px 0 30px;font-family: 'Montserrat', sans-serif;} .tablefthd span {color: #00e1f1;} .tableftw {float: left;width: 100%;background: #202020;min-height: 425px;} .ftrhd {float: left;width: 100%;text-transform: uppercase;position: relative;margin-bottom: 20px;font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 25px;padding-bottom: 11px;color: #25b5e1;} .ftrhd::after {width: 19%;height: 2px;background: #8a8a8a;content: "";position: absolute;bottom: 0;left: 0;} .contact a {color: inherit;} .logocontainer a {font-size: 37px;font-weight: bold;font-family: 'Montserrat', sans-serif;text-transform: uppercase;color: #333;} .logocontainer a span {color: #7ac143;} .nivo-controlNav {display: none;} .resp-tab-active {border: none !important;background: #7ac143 !important;} .tableft ul.list li {float: left;width: 50%;} ul.list {float: left;width: 100%;} ul.list li {float: left;width: 100%;padding-left: 35px;position: relative;list-style: none;margin: 1px 0;} ul.list li::before {content: "\f0da";color: #25b5e1;font-size: 15px;font-family: FontAwesome;font-style: normal;text-decoration: inherit;position: absolute;left: 12px;font-weight: bold;} .theme-default .nivoSlider {margin-bottom: 0 !important;} .whyfidelis {background: url("../../images/RES%20162/Background2.jpg");background-repeat: no-repeat;padding-bottom: 65px;background-attachment: fixed;background-position: center;float: left;width: 100%;color: #fff;display: none;} .whyhead {float: left;width: 100%;font-size: 30px;font-family: 'Montserrat', sans-serif;font-weight: bold;text-transform: uppercase;text-align: center;margin: 60px 0 0px;background: url("../../images/RES%20162/Bar_icon.png");background-repeat: no-repeat;padding-bottom: 69px;background-position: center;background-size: 32%;} .whyleft {float: left;width: 100%;} .whyleft ul.list {display: table;margin: 0 auto;float: none;width: auto;padding: 0;} .whyleft ul.list li {padding-left: 35px;position: relative;list-style: none;margin: 1px 0;display: block;float: none;width: auto;} .whyleft ul.list li::before {color: #fff;} .features {float: left;width: 100%;padding: 50px 0;display: none;} .featurehead {float: none;font-size: 48px;display: table;margin: 15px auto 55px;font-family: 'Montserrat', sans-serif;font-weight: bold;text-transform: uppercase;color: #25b5e1;} .abtcon h3 {font-family: 'Montserrat', sans-serif;font-weight: bold;color: #25b5e1;} .abox {float: left;width: 100%;margin-bottom: 20px;box-shadow: 10px 10px 10px #ccc;padding: 20px;} .abox b {font-size: 18px;} .bannerbotcont a {font-size: 14px;float: right;border: 1px solid #1090b7;padding: 2px 2px;color: #dedede;} .bannerbotcont a img {float: left;margin-right: 7px;} .brochure img {float: left;margin-right: 8px;} .brochure {font-size: 20px;border: 2px solid #5fb5e1;padding: 10px;color: #25b5e1;margin-top: 20px;display: inline-block;text-transform: uppercase;} @media screen and (min-width: 1100px) and (max-width: 4000px){} @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){.menuH ul li {padding: 0px 20px;} .heading h1 {font-size: 55px;} .headingcontainer {top: 335px;} .treatmentcontent {top: 385px;} .treatmentcontainer .col-lg-3:hover .treatmentcontent {transform: translateY(-360px);} .hovereffect h2 {font-size: 18px;margin: 0px 0px;} .hovereffect .overlay {width: 96%;left: 3%;}} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {.menuH ul li {margin-left: 5px;padding: 10px 0px;} .logocontainer img {padding: 15px 0px;} .headingcontainer {padding: 0px 0px;top: 220px;} .headercontainer .container {padding-bottom: 0px;} .abtheading {text-transform: capitalize;font-size: 18px;} .hovereffect .overlay {width: 94%;left: 3%;top: 3%;font-size: 13px;} .hovereffect h2 {text-transform: capitalize;font-size: 18px;margin: 0px 0px;} .treatmentcontent {padding: 5px 5px;top: 355px;} .treatmentheading span {font-size: 18px;text-transform: capitalize;} .treatmentheading {padding: 10px 5px;} .treatmentcontainer .col-lg-3:hover .treatmentcontent {transform: translateY(-352px);} .abtcontent {padding: 22px 10px;} .heading h1 {font-size: 45px;}} @media only screen and (min-width : 480px) and (max-width : 640px), handheld and (min-device-width : 480px) and (max-device-width : 640px){.navbar-header {display: block;} .menuH {float: right;width: 100%;} .menuH ul {padding: 10px 0px;} .menuH ul li a {padding: 5px 12px;width: 100%;} .menuH ul li {margin-left: 0px;} .logocontainer img {float: none;display: table;margin: 0 auto;} .headercontainer {position: relative;padding: 0px 0px 0px;background: #000;} .headercontainer .container {padding-bottom: 0px;} .heading h1 {font-size: 30px;} .navbar-inverse .navbar-toggle {border-color: #FFF;} .headingcontainer {margin-top: -155px;position: relative;top: 0px;} .abthead {margin: 40px auto 25px;padding: 30px 10px;} .aboutcontainer {background-size: cover;} .abtcontent {margin-bottom: 20px;} .packagehead {margin: 40px auto 25px;line-height: 48px;text-align: center;} .treatmenthead {padding: 30px 10px;margin: 40px auto 25px;} .treatmentheading {margin-bottom: 20px;} .contacthead {padding: 30px 10px;margin: 40px auto 25px;} .hovereffect .overlay {top: 35%;} .treatmentcontent {top: 100%;}} @media only screen and (max-width : 480px){.navbar-header {display: block;} .menuH {float: right;width: 100%;} .menuH ul {padding: 10px 0px;} .menuH ul li a {padding: 5px 12px;width: 100%;} .menuH ul li {margin-left: 0px;} .logocontainer img {float: none;display: table;margin: 0 auto;} .headercontainer {position: relative;padding: 0px 0px 0px;background: #000;} .headercontainer .container {padding-bottom: 0px;} .heading h1 {font-size: 30px;} .navbar-inverse .navbar-toggle {border-color: #FFF;} .headingcontainer {margin-top: -155px;position: relative;top: 0px;} .abthead {margin: 40px auto 25px;padding: 30px 10px;} .aboutcontainer {background-size: cover;} .abtcontent {margin-bottom: 20px;} .packagehead {margin: 40px auto 25px;line-height: 48px;text-align: center;} .treatmenthead {padding: 30px 10px;margin: 40px auto 25px;} .treatmentheading {margin-bottom: 20px;} .contacthead {padding: 30px 10px;margin: 40px auto 25px;} .treatmentcontent {top: 725px;}} @media only screen and (max-width : 399px), handheld and (max-device-width : 399px){.navbar-header {display: block;} .menuH {float: right;width: 100%;} .menuH ul {padding: 10px 0px;} .menuH ul li a {padding: 5px 12px;width: 100%;} .menuH ul li {margin-left: 0px;} .logocontainer img {float: none;display: table;margin: 0 auto;} .headercontainer {position: relative;padding: 0px 0px 0px;background: #000;} .headercontainer .container {padding-bottom: 0px;} .heading h1 {font-size: 30px;} .navbar-inverse .navbar-toggle {border-color: #FFF;} .headingcontainer {margin-top: -155px;position: relative;top: 0px;} .abthead {margin: 40px auto 25px;padding: 30px 10px;} .aboutcontainer {background-size: cover;} .abtcontent {margin-bottom: 20px;} .packagehead {margin: 40px auto 25px;line-height: 48px;text-align: center;} .treatmenthead {padding: 30px 10px;margin: 40px auto 25px;} .treatmentheading {margin-bottom: 20px;} .contacthead {padding: 30px 10px;margin: 40px auto 25px;} .treatmentcontent {top: 544px;} .treatmentcontainer .col-lg-3:hover .treatmentcontent {transform: translateY(-300px);}} @media only screen and (max-width : 320px){.treatmentcontent {top: 485px;} .treatmentcontainer .col-lg-3:hover .treatmentcontent {transform: translateY(-330px);}} img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}