/* Code added by Ramario.................................... */
.policy-section{text-align: center;margin-top: 20px;color: #ffff;}
.policy-section a{font-family: "Trebuchet MS";
font-size: 14px;}
/* cookie consent styles */
.cookie-container {
position: fixed;
bottom: -100%;
left: 0;
right: 0;
background: rgb(255 255 255 / 95%);
color: hsl(0deg 0% 0%);
padding: 0 32px;
box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);
transition: 400ms;
z-index: 999999999999999999999999999999999999 !important;
display: grid;
grid-template-columns: 1fr;
width: 500px;
grid-row-gap: 1em;
margin-bottom: 19px;
margin-left: 13px;
grid-column-gap: 1em;
padding-top: 31px;
padding-bottom: 20px;
}
.cookie-col1{margin-bottom: 17px;}
.cookie-col1 p { position: relative;
top: 10px;}
.cookie-container.active {
bottom: 0;
}
.cookie-container a {
color: #85bfb3;
text-decoration: underline;
}
.cookie-btn {
background: #85bfb3;
border: 0;
color: #f5f6fa;
padding: 12px 40px;
font-size: 14px;
margin-bottom: 16px;
border-radius: 0;
cursor: pointer;
}
.cookie-btn-decline {
background: #cbcbcb;
border: 0;
color: #ffffff;
padding: 12px 37px;
font-size: 14px;
margin-bottom: 16px;
border-radius: 0;
cursor: pointer;
}
.readmore-btn {
background: #2697c2;
border: 0;
color: #ffffff;
padding: 12px 37px;
font-size: 14px;
margin-bottom: 16px;
border-radius: 0;
cursor: pointer;
}
@media only screen and (max-width: 830px)
{
.cookie-container
{
grid-template-columns: 1fr;
grid-row-gap: 1em;
width: 100%;
margin-left: 0;
}
}
/* cookie consent style ends*/
/* Ramarios code ends here............................ */
/* Foundation Framework Media Queries Updated: Donwald Hartman
2015-16-11*/
/* min-width 1921px, xxlarge screens
=======================================================================
@media only screen and (min-width: 120.063em) { }*/
.toggle {cursor:pointer}
p.bottom.reveal {padding-left: 15px; }
.crumb {text-decoration: none;
padding: 10px 14px;
display: block;
margin: 0% 4%;
display: inline-block;
font-size: 15px;
float: left;}
.center {text-align: center!important }
a.back-to-top {
display: none;
width: 60px;
height: 60px;
text-indent: -9999px;
position: fixed;
z-index: 999;
right: 20px;
bottom: 20px;
background: #081b34 url(../images/up-arrow.png) no-repeat center 43%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.services h3 {
color: #081b34;
padding: 0 0 0 0;
margin: 0 0 10px 0;
font-family: "Ampersand";
}
.services ul li {
list-style: none;
}
.services ul li a {
display: block;
margin: 0 0 5px 0;
padding: 8px 0 8px 10px;
background: #69948d;
text-decoration: none;
color: #fff;
font-weight: bold;
font-family: "Trebuchet MS";
}
.sidebar-active { width: 14%; position: fixed; top:0}
.divide-icons{position: relative;margin-top: 12%;}
.enquiry-button {
background: #86bdb4;
border-radius: 7px;
text-decoration: none;
padding: 10px 14px;
display: block;
margin: 0% 20%;
display: inline-block;
font-size: 14px;
float: left;
}
a.trigger.send-btn.enquiry-button {
color: #fff;
text-decoration: none;
font-family: "Trebuchet MS";
font-size: 13px;
}
img.captcha {
float: right;
margin: 0px 8px 0px;
position: relative;
}
.guestbook-scroll {
overflow-x: scroll;
height: 900px;
}
p#italic {font-style: italic; font-size: 13px;}
span.middle {margin-left: 31px;}
.social-bar{float: right;/* bottom: -38px; */margin-left: -1px;position: relative;text-align: justify;top: 47px;}
@font-face {
font-family: 'Ampersand';
src: url('font/ampersand.ttf');
}
#accordian {
background: #69948d;
width: 250px;
margin: 60px auto 0 auto;
color: #fff;
/*Some cool shadow and glow effect*/
box-shadow:
0 5px 15px 1px rgba(0, 0, 0, 0.6),
0 0 200px 1px rgba(255, 255, 255, 0.5);
margin-bottom: 0;
}
/*heading styles*/
#accordian h3 {
font-size: 13px;
line-height: 34px;
padding: 0 10px;
cursor: pointer;
color: #fff !important;
background: rgb(105, 148, 141);
/* background: linear-gradient(#003040, #002535); */
margin-bottom: 0px;
/* font-family: 'Open Sans', sans-serif; */
font-family: "Trebuchet MS";
font-weight: bold;
}
/*heading hover effect*/
#accordian h3:hover {
text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
#accordian ul li h3 a {color:#fff; text-decoration: none}
/*iconfont styles*/
#accordian h3 span {
font-size: 16px;
margin-right: 10px;
}
/*list items*/
#accordian li {
list-style-type: none;
}
/*links*/
#accordian ul ul li a {
color: white;
text-decoration: none;
font-size: 14px;
line-height: 27px;
display: block;
padding: 0 15px;
/*transition for smooth hover animation*/
transition: all 0.15s;
margin-bottom: 0;
font-weight: bold;
font-family: "Trebuchet MS";
}
/*hover effect on links*/
#accordian ul ul li a:hover {
background: #80b2aa;
border-left: 5px solid #d2d2d2;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
display: none;
}
#accordian li.active ul {
display: block;
}
.wilna-img
{
width: 30%;
}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues
===========================================================================*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.app {position: absolute;
bottom: -23%;
right: 8px;}
.header-section .row {position: relative}
.header-section {
position: relative;
top: 0;
width: 100%;
z-index: 9999;
background: rgb(255, 255, 255);
}
.logo {
position: relative;
/* width: 47%; */
display: inline-block;
}
.navigation {
/* float: right; */
text-align: right;
ht; */
margin-top: 12px;
display: inline-block;
/* padding-left: 50px; */
width: 25%;
/* margin-top: 0%; */
position: relative;
}
.navigation ul {
position: relative;
top: 59px;
margin: 10px 0;
}
.navigation ul li {
list-style: none;
display: inline-block;
}
.navigation ul li a {
padding: 10px 12px;
color: #081b34;
font-size: 15px;
/* text-transform: lowercase; */
font-family: "Trebuchet MS";
}
.navigation ul li a:hover {
text-decoration: underline;
color: #8ed2c5;
}
.navigation img {
margin: 1%%;
position: relative;
margin-left: 6% 19% 21% 10%;
/* float: left; */
margin: 0% 0%;
left: 0;
/* right: 13%; */
}
.home-lens {
position: absolute;
top: 0;
width: 53.5%;
}
.home-content-section {
position: absolute;
width: 100%;
top: 0;
padding: 10% 0;
}
.home-content {/* position: relative; */display: block;}
.home-content h1 {
position: relative;
z-index: 8888;
font-family: "Ampersand";
font-weight: 300;
font-size: 36px;
color:#081b34;
text-align: right;
}
.home-content h2 {position: relative; z-index: 8888}
.home-content p {
position: relative;
z-index: 8888;
font-family: "Trebuchet MS";
font-weight: 300;
font-size: 15px;
color:#081b34;
line-height:28px;
text-align: left;
/* width: 100%; */
}
.practice-content-section {
position: relative;
width: 100%;
padding: 6% 0 1% 0;
}
.practice-content {/* position: relative; */display: block;text-align: center;}
.practice-content h1 {position: relative; z-index: 8888 ; font-family: "Ampersand";
font-weight: 300; font-size: 31px; color:#081b34}
.practice-content h2 {position: relative; z-index: 8888}
.practice-content p {position: relative; z-index: 8888;font-family: "Trebuchet MS";
font-weight: 300; font-size: 14px; color:#081b34; line-height:28px}
.practice-content a {color: #86bdb4; text-decoration: underline; font-size: 15px}
.practice-content a:hover {color: #86bdb4; text-decoration: none;}
.services-wrapper {
position: relative;
top: 15%;
}
.services-wrapper h1 {
text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;
}
.services-wrapper p {
text-align: center;
font-size: 15px;
color: #081b34;
font-family: "Trebuchet MS";
font-weight: 300;
line-height: 30px;
}
.service-block {
/* border-radius: 34px; */
}
.service-text-block {
background: rgba(255, 255, 255, 0.60);
border-radius: 50px 50px 0px 0px;
}
.service-text-block p {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block-bottom {
background: rgba(255, 255, 255, 1);
border-radius: 0px 0px 50px 50px;
}
.service-text-block-bottom p {
margin-bottom: 0;
text-align: center;
padding: 15px 15px;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block h3 {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
}
.service-block img {
border-top: 1px #000 solid;
}
.page-content {top: 140px; position: relative;}
.page-1 {background:url(../images/page-1-bg.jpg) no-repeat top;/* height: 987px; */position: relative;}
.page-2 {height: 741px;position: relative;}
.page-3 {background: #86beb3;height: 802px;position: relative;}
.page-4 {background:url(../images/page-4-bg.jpg) no-repeat top;height: 1129px;position: relative;}
.testimonial-wrapper {position: relative;top: 250px;}
.testimonial-heading {
margin-bottom: 8%;
margin-top: 3%;
}
.testimonial-heading h1 { text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;}
.slider-wrapper {}
.arrow-wrap {
text-align: center;
position: absolute;
z-index: 8888;
bottom: 45px;
right: 42%;
}
.arrow-wrap-2 {
text-align: center;
position: absolute;
z-index: 9999;
bottom: 69px;
right: 41%;
}
.content-section {background: #e2eeee;padding: 3% 0 3% 0;}
.content-section a {color: #86bdb4;font-size: 15px;text-decoration: underline;font-family: "Trebuchet MS";}
.content-section a:hover { text-decoration: none;}
.content {}
.content h1 {font-family: "Ampersand";font-size:36px;color:#081b34;/* margin: 3% 22%; */text-align: center;}
.content h2 {font-family: "Ampersand";font-size: 24px;color:#081b34;margin:15px 0;}
.content h3 {font-family: "Trebuchet MS"; font-size:18px; color:#081b34; margin:15px 0}
.content p {font-family: "Trebuchet MS";font-size:15px;color:#081b34;text-align: justify;margin: 15px 0px;}
.content ul {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; margin-left:15px;}
.bottom-left p {font-family: "Trebuchet MS";font-size:15px;color:#081b34;text-align: justify;line-height: 28px;margin:15px 0;}
.bottom-left h3 {font-family: "Ampersand";font-size:36px;color:#081b34;text-align: justify;line-height: 28px;margin: 35px 0;display: inline-block;margin-left: 80px;}
.bottom-left {padding: 35px 28px;}
.bottom-right p {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; text-align: left; line-height: 28px; margin:15px 0}
.bottom-right h3 {font-family: "Ampersand"; font-size:36px; color:#081b34; text-align: left; line-height: 28px; margin:35px 0}
.bottom-right {padding:35px 0}
.divide-icons p {
margin: 26px 0;
}
.bottom-section {background: #85bfb3;padding: 25px 0;}
.bottom-section h1 {font-family: "Trebuchet MS";font-size:36.5px;color:#fff;text-align: center;line-height: 28px;margin: 45px 0;}
.bottom-section a{color: #081b34;text-decoration: underline;font-size: 15px;}
.footer-section {background: #69948d;}
.footer-section a {color: #fff; text-decoration: underline;}
.footer-section a:hover {color: #fff; text-decoration: none;}
.footer-section p {font-family: "Trebuchet MS"; font-size:14px; color:#fff; text-align: center; line-height: 28px; margin:3px 0}
.slicknav_menu {display: none}
.content-section img{text-align: left;padding: 6px 15px;}
span.textbold {font-weight: bold;}
.sidebar-active { width: 13%; position: fixed; top:0}
.service-text-block h3 a{
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
text-decoration: none;
}
.service-text-block h3 a:hover{
color: #081b34;
}
.sidebar-active { width: 14%; position: fixed; top:0}
.divide-icons{position: relative;margin-top: 12%;}
.form-btn {background: #86bdb4;border-radius: 7px;text-decoration: none;padding: 9px 21px;position: relative;
font-size: 14px;color: #fff !important;font-family: "Trebuchet MS";}
.form-btn a:hover{text-decoration: underline;}
.enquiry-button {
background: #86bdb4;
border-radius: 7px;
text-decoration: none;
padding: 9px 21px;
display: block;
/* margin: 0% 22%; */
display: inline-block;
font-size: 14px;
float: left;
position: relative;
font-size: 13px;
/* float: right; */
font-size: 14px;
}
a.trigger.send-btn.enquiry-button{
color: #fff;
text-decoration: none;
font-family: "Trebuchet MS";
/* font-size: 13px; */
text-align: left;
top: 15px;
}
input.form-button {
padding: 13px 17px 13px 17px;
margin-top: 0px;
width: 15% !important;
border: #000 solid 1px;
border-radius: 3px;
background: #85bfb3;
color: #fff;
float: right;
font-size: 15px;
border: none;
border-radius: 5px 5px;
}
.social-bar{float: right;/* bottom: -38px; */margin-left: -1px;position: relative;text-align: justify;top: 47px;}
.actionbar-sub {
width: 30%;
margin: 0 auto;
text-align: justify;
position: relative;
float: right;
right: 0%;
margin: 0 0 43px 0;
top: 12px;+
margin:;
}
.actionbar-sub a {
font-size: 13px;
width: 46%;
/* display: inline-block; */
float: right;
margin: 0;
}
}
/* min-width 1441px, xlarge screens
=======================================================================*/
@media only screen and (max-width: 90.063em) {
.app {position: absolute;
bottom: -23%;
right: 8px;}
.header-section .row {position: relative}
.header-section {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background: rgb(255, 255, 255);
}
.logo {
position: relative;
/* width: 47%; */
display: inline-block;
}
.navigation {
/* float: right; */
text-align: right;
margin-top: 12px;
display: inline-block;
/* padding-left: 50px; */
width: 25%;
}
.navigation ul {
position: relative;
top: 59px;
margin: 10px 0;
}
.navigation ul li {
list-style: none;
display: inline-block;
}
.navigation ul li a {
padding: 10px 10px;
color: #081b34;
font-size: 15px;
/* text-transform: lowercase; */
font-family: "Trebuchet MS";
}
.navigation ul li a:hover {
text-decoration: underline;
color: #8ed2c5;
}
.navigation img {
margin-left: 18px;
}
.home-lens {
position: absolute;
bottom: 0px;
}
.home-content-section {
position: absolute;
width: 100%;
top: 28%;
padding: 10% 0;
}
.home-content {/* position: relative; */display: block;}
.home-content h1 {
position: relative;
z-index: 8888;
font-family: "Ampersand";
font-weight: 300;
font-size: 36px;
color:#081b34;
text-align: right;
}
.home-content h2 {position: relative; z-index: 8888}
.home-content p {
position: relative;
z-index: 8888;
font-family: "Trebuchet MS";
font-weight: 300;
font-size: 15px;
color:#081b34;
line-height:28px;
text-align: right;
}
.practice-content-section {
position: relative;
width: 100%;
padding: 18% 0 1% 0;
}
.practice-content {/* position: relative; */display: block;text-align: center;}
.practice-content h1 {position: relative; z-index: 8888 ; font-family: "Ampersand";
font-weight: 300; font-size: 31px; color:#081b34}
.practice-content h2 {position: relative; z-index: 8888}
.practice-content p {position: relative; z-index: 8888;font-family: "Trebuchet MS";
font-weight: 300; font-size: 14px; color:#081b34; line-height:28px}
.practice-content a {color: #86bdb4; text-decoration: underline; font-size: 15px}
.practice-content a:hover {color: #86bdb4; text-decoration: none;}
.services-wrapper {
position: relative;
top: 31%;
}
.services-wrapper h1 {
text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;
}
.services-wrapper p {
text-align: center;
font-size: 15px;
color: #081b34;
font-family: "Trebuchet MS";
font-weight: 300;
line-height: 30px;
}
.service-block {
/* border-radius: 34px; */
}
.service-text-block {
background: rgba(255, 255, 255, 0.60);
border-radius: 50px 50px 0px 0px;
}
.service-text-block p {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block-bottom {
background: rgba(255, 255, 255, 1);
border-radius: 0px 0px 50px 50px;
}
.service-text-block-bottom p {
margin-bottom: 0;
text-align: center;
padding: 15px 15px;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block h3 {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
}
.service-block img {
border-top: 1px #000 solid;
}
.page-content {top: 140px; position: relative;}
.page-1 {background:url(../images/page-1-bg.jpg) no-repeat top;/* height: 987px; */position: relative;}
.page-2 {height: 987px; position: relative}
.page-3 {background: #86beb3;height:990px;position: relative;}
.page-4 {background:url(../images/page-4-bg.jpg) no-repeat top;height: 1129px;position: relative;}
.testimonial-wrapper {position: relative;top: 250px;}
.testimonial-heading {
margin-bottom: 8%;
margin-top: 3%;
}
.testimonial-heading h1 { text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;}
.slider-wrapper {}
.arrow-wrap {
text-align: center;
position: absolute;
z-index: 8888;
bottom: 45px;
right: 42%;
}
.arrow-wrap-2 {
text-align: center;
position: absolute;
z-index: 9999;
bottom: 69px;
right: 41%;
}
.content-section {background: #e2eeee; padding:3% 0}
.content-section a {color: #86bdb4; font-size: 15px; text-decoration: underline;}
.content-section a:hover { text-decoration: none;}
.content {}
.content h1 {font-family: "Ampersand"; font-size:36px; color:#081b34; margin:15px 0}
.content h2 {font-family: "Trebuchet MS"; font-size:24px; color:#081b34; margin:15px 0}
.content h3 {font-family: "Trebuchet MS"; font-size:18px; color:#081b34; margin:15px 0}
.content p {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; text-align: justify; margin:15px 0}
.content ul {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; margin-left:15px;}
.bottom-section {background: #85bfb3;padding: 25px 0;}
.bottom-left p {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; text-align: right; line-height: 28px; margin:15px 0}
.bottom-left h3 {font-family: "Ampersand"; font-size:36px; color:#081b34; text-align: justify; line-height: 28px; margin:35px 0}
.bottom-left {padding: 35px 28px;}
.bottom-right p {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; text-align: left; line-height: 28px; margin:15px 0}
.bottom-right h3 {font-family: "Ampersand"; font-size:36px; color:#081b34; text-align: left; line-height: 28px; margin:35px 0}
.bottom-right {padding:35px 0}
.divide-icons p {
margin: 26px 0;
}
.bottom-section a{color: #fff;}
.footer-section {background: #69948d;}
.footer-section a {color: #fff; text-decoration: underline;}
.footer-section a:hover {color: #fff; text-decoration: none;}
.bottom-section h1 {font-family: "Trebuchet MS";font-size:36.5px;color:#fff;text-align: center;line-height: 28px;margin: 45px 0;}
.footer-section {background: #69948d;}
.footer-section p {font-family: "Trebuchet MS"; font-size:14px; color:#fff; text-align: center; line-height: 28px; margin:3px 0}
.slicknav_menu {display: none}
.content-section img{text-align: left;padding: 7px 17px;}
span.textbold {font-weight: bold;}
.sidebar-active { width: 13%; position: fixed; top:0}
.service-text-block h3 a{
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
text-decoration: none;
}
.service-text-block h3 a:hover{
color: #081b34;
}
.sidebar-active { width: 14%; position: fixed; top:0}
.divide-icons{position: relative;margin-top: 12%;}
.enquiry-button {
background: #86bdb4;
border-radius: 7px;
text-decoration: none;
padding: 10px 14px;
display: block;
margin: 3% 32%;
display: inline-block;
font-size: 14px;
float: left;
}
a.trigger.send-btn.enquiry-button{
color: #fff;
text-decoration: none;
font-family: "Trebuchet MS";
font-size: 13px;
}
input.form-button {
padding: 13px 17px 13px 17px;
margin-top: 0px;
width: 15% !important;
border: #000 solid 1px;
border-radius: 3px;
background: #85bfb3;
color: #fff;
float: right;
font-size: 15px;
border: none;
border-radius: 5px 5px;
}
.social-bar{float: right;/* bottom: -38px; */margin-left: -1px;position: relative;text-align: justify;top: 47px;}
.actionbar-sub {
width: 48%;
margin: 0 auto;
text-align: justify;
position: relative;
float: right;
right: 0%;
top: 67px;+
}
.actionbar-sub a {
font-size: 13px;
width: 46%;
}
.form-btn {background: #86bdb4;border-radius: 7px;text-decoration: none;padding: 9px 21px;position: relative;
font-size: 14px;color: #fff !important;font-family: "Trebuchet MS";}
.form-btn a:hover{text-decoration: underline;}
}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues
=======================================================================*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
.app {position: absolute;
bottom: -23%;
right: 8px;}
.header-section .row {position: relative}
.header-section {
position: relative;
top: 0;
width: 100%;
z-index: 9999;
background: rgb(255, 255, 255);
}
.logo {
position: relative;
/* width: 47%; */
display: inline-block;
}
.navigation {
/* float: right; */
text-align: right;
margin-top: 12px;
display: inline-block;
/* padding-left: 50px; */
width: 23%;
}
.navigation ul {
position: relative;
top: 59px;
margin: 10px 0;
}
.navigation ul li {
list-style: none;
display: inline-block;
}
.navigation ul li a {
padding: 10px 12px;
color: #081b34;
font-size: 13px;
/* text-transform: lowercase; */
font-family: "Trebuchet MS";
}
.navigation ul li a:hover {
text-decoration: underline;
color: #8ed2c5;
}
.navigation img {
margin-left: 18px;
}
.home-lens {
position: absolute;
top: 6%;
width: 55%;
}
.home-content-section {
position: absolute;
width: 100%;
top: -10%;
padding: 5% 0;
}
.home-content {/* position: relative; */display: block;}
.home-content h1 {
position: relative;
z-index: 8888;
font-family: "Ampersand";
font-weight: 300;
font-size: 36px;
color:#081b34;
text-align: right;
}
.home-content h2 {position: relative; z-index: 8888}
.home-content p {
position: relative;
z-index: 8888;
font-family: "Trebuchet MS";
font-weight: 300;
font-size: 14px;
color:#081b34;
line-height: 22px;
text-align: right;
}
.practice-content-section {
position: relative;
width: 100%;
padding: 8% 0 1% 0;
}
.practice-content {/* position: relative; */display: block;text-align: center;}
.practice-content h1 {position: relative; z-index: 8888 ; font-family: "Ampersand";
font-weight: 300; font-size: 31px; color:#081b34}
.practice-content h2 {position: relative; z-index: 8888}
.practice-content p {position: relative; z-index: 8888;font-family: "Trebuchet MS";
font-weight: 300; font-size: 14px; color:#081b34; line-height:28px}
.practice-content a {color: #86bdb4; text-decoration: underline; font-size: 15px}
.practice-content a:hover {color: #86bdb4; text-decoration: none;}
.services-wrapper {
position: relative;
top: 31%;
}
.services-wrapper h1 {
text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;
}
.services-wrapper p {
text-align: center;
font-size: 15px;
color: #081b34;
font-family: "Trebuchet MS";
font-weight: 300;
line-height: 30px;
}
.service-block {
/* border-radius: 34px; */
}
.service-text-block {
background: rgba(255, 255, 255, 0.60);
border-radius: 50px 50px 0px 0px;
}
.service-text-block p {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block-bottom {
background: rgba(255, 255, 255, 1);
border-radius: 0px 0px 50px 50px;
}
.service-text-block-bottom p {
margin-bottom: 0;
text-align: center;
padding: 15px 15px;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block h3 {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
}
.service-block img {
border-top: 1px #000 solid;
}
.page-content {top: 140px; position: relative;}
.page-1 {background:url(../images/page-1-bg.jpg) no-repeat top;/* height: 987px; */position: relative;}
.page-2 {height: AUTO;position: relative;}
.page-3 {background: #86beb3;height: auto;position: relative;padding: 9% 0;}
.page-4 {background:url(../images/page-4-bg.jpg) no-repeat top;height: 1129px;position: relative;}
.testimonial-wrapper {position: relative;top: 250px;}
.testimonial-heading {
margin-bottom: 8%;
margin-top: 3%;
}
.testimonial-heading h1 { text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;}
.slider-wrapper {}
.arrow-wrap {
text-align: center;
position: absolute;
z-index: 8888;
bottom: 45px;
right: 42%;
}
.arrow-wrap-2 {
text-align: center;
position: absolute;
z-index: 9999;
bottom: 69px;
right: 41%;
}
.content-section {background: #e2eeee;padding: 3% 0 3% 0;}
.content-section a {color: #86bdb4; font-size: 15px; text-decoration: underline;}
.content-section a:hover { text-decoration: none;}
.content {}
.content h1 {font-family: "Ampersand";font-size:36px;color:#081b34;margin:15px 0;}
.content h2 {font-family: "Ampersand";font-size:24px;color:#081b34;margin:15px 0;}
.content h3 {font-family: "Trebuchet MS"; font-size:18px; color:#081b34; margin:15px 0}
.content p {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; text-align: justify; margin:15px 0}
.content ul {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; margin-left:15px;}
.bottom-section {background: #85bfb3;padding: 25px 0;}
.bottom-left p {font-family: "Trebuchet MS";font-size:15px;color:#081b34;text-align: justify;line-height: 28px;margin:15px 0;}
.bottom-left h3 {font-family: "Ampersand"; font-size:36px; color:#081b34; text-align: justify; line-height: 28px; margin:35px 0}
.bottom-left {padding: 35px 28px;}
.bottom-right p {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; text-align: left; line-height: 28px; margin:15px 0}
.bottom-right h3 {font-family: "Ampersand"; font-size:36px; color:#081b34; text-align: left; line-height: 28px; margin:35px 0}
.bottom-right {padding:35px 0}
.divide-icons p {
margin: 26px 0;
}
.bottom-section a{color: #081b34;text-decoration: underline;}
.footer-section {background: #69948d;}
.footer-section a {color: #fff; text-decoration: underline;}
.footer-section a:hover {color: #fff; text-decoration: none;}
.bottom-section h1 {font-family: "Trebuchet MS";font-size:36.5px;color:#fff;text-align: center;line-height: 28px;margin: 45px 0;}
.footer-section {background: #69948d;}
.footer-section p {font-family: "Trebuchet MS"; font-size:14px; color:#fff; text-align: center; line-height: 28px; margin:3px 0}
.slicknav_menu {display: none}
.content-section img{text-align: left;padding: 7px 17px;}
span.textbold {font-weight: bold;}
.sidebar-active { width: 13%; position: fixed; top:0}
.service-text-block h3 a{
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
text-decoration: none;
}
.service-text-block h3 a:hover{
color: #081b34;
}
.sidebar-active { width: 14%; position: fixed; top:0}
.divide-icons{position: relative;margin-top: 12%;}
.enquiry-button {
background: #86bdb4;
border-radius: 7px;
text-decoration: none;
padding: 10px 14px;
display: block;
margin: 3% 7%;
display: inline-block;
font-size: 14px;
float: left;
}
a.trigger.send-btn.enquiry-button{
color: #fff;
text-decoration: none;
font-family: "Trebuchet MS";
font-size: 12px;
}
input.form-button {
padding: 13px 17px 13px 17px;
margin-top: 0px;
width: 15% !important;
border: #000 solid 1px;
border-radius: 3px;
background: #85bfb3;
color: #fff;
float: right;
font-size: 15px;
border: none;
border-radius: 5px 5px;
}
.social-bar{float: right;/* bottom: -38px; */margin-left: -1px;position: relative;text-align: justify;top: 47px;}
.actionbar-sub {
width: 30%;
margin: 0 auto;
text-align: justify;
position: relative;
float: right;
right: 0%;
top: 3px;+
}
.actionbar-sub a {
font-size: 13px;
width: 46%;
}
.form-btn {background: #86bdb4;border-radius: 7px;text-decoration: none;padding: 9px 21px;position: relative;
font-size: 14px;color: #fff !important;font-family: "Trebuchet MS";}
.form-btn a:hover{text-decoration: underline;}
}
/* min-width 1025px, large screens
======================================================================*/
@media only screen and (max-width: 64.063em) {
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues
===========================================================================
*/
@media only screen and (max-width: 64em) and (min-width: 40.063em) {
.relative {position:relative !important }
.app {position: absolute;
bottom: -23%;
right: 8px;}
.header-section .row {position: relative}
.header-section {
position: relative;
top: 0;
width: 100%;
z-index: 9999;
background: rgb(255, 255, 255);
}
.logo {
position: relative;
/* width: 47%; */
display: block;
text-align: center;
}
.navigation {
/* float: right; */
text-align: right;
margin-top: 12px;
display: inline-block;
/* padding-left: 50px; */
width: 25%;
display: none;
}
.navigation ul {
position: relative;
top: 59px;
margin: 10px 0;
}
.navigation ul li {
list-style: none;
display: inline-block;
}
.navigation ul li a {
padding: 10px 12px;
color: #081b34;
font-size: 15px;
/* text-transform: lowercase; */
font-family: "Trebuchet MS";
}
.navigation ul li a:hover {
text-decoration: underline;
color: #8ed2c5;
}
.navigation img {
margin-left: 18px;
}
.home-lens {
position: absolute;
top: 2px;
/* width: 121%; */
display: none;
}
.home-content-section {
position: relative;
width: 100%;
top: 0;
padding: 10% 0;
}
.home-content {/* position: relative; */display: block;}
.home-content h1 {
position: relative;
z-index: 8888;
font-family: "Ampersand";
font-weight: 300;
font-size: 36px;
color:#081b34;
text-align: left;
}
.home-content h2 {position: relative; z-index: 8888}
.home-content p {
position: relative;
z-index: 8888;
font-family: "Trebuchet MS";
font-weight: 300;
font-size: 14px;
color:#081b34;
line-height:28px;
text-align: left;
}
.practice-content-section {
position: relative;
width: 100%;
padding: 1% 0 1% 0;
}
.practice-content {/* position: relative; */display: block;text-align: center;}
.practice-content h1 {position: relative; z-index: 8888 ; font-family: "Ampersand";
font-weight: 300; font-size: 31px; color:#081b34}
.practice-content h2 {position: relative; z-index: 8888}
.practice-content p {position: relative; z-index: 8888;font-family: "Trebuchet MS";
font-weight: 300; font-size: 14px; color:#081b34; line-height:28px}
.practice-content a {color: #86bdb4; text-decoration: underline; font-size: 15px}
.practice-content a:hover {color: #86bdb4; text-decoration: none;}
.services-wrapper {
position: relative;
top: 31%;
}
.services-wrapper h1 {
text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;
margin-bottom: 39px;
}
.services-wrapper p {
text-align: center;
font-size: 15px;
color: #081b34;
font-family: "Trebuchet MS";
font-weight: 300;
line-height: 30px;
}
.service-block {
/* border-radius: 34px; */
}
.service-text-block {
background: rgba(255, 255, 255, 0.60);
border-radius: 50px 50px 0px 0px;
}
.service-text-block p {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block-bottom {
background: rgba(255, 255, 255, 1);
border-radius: 0px 0px 50px 50px;
}
.service-text-block-bottom p {
margin-bottom: 0;
text-align: center;
padding: 15px 15px;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block h3 {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
}
.service-block img {
border-top: 1px #000 solid;
}
.page-content {top: 140px; position: relative;}
.page-1 {background:url(../images/page-1-bg.jpg) no-repeat top;height: auto;position: relative;padding-top: 0%;}
.page-2 {height: auto;position: relative;padding: 11% 0;}
.page-3 {background: #86beb3;height: auto;position: relative;padding: 10% 0;}
.page-4 {background:url(../images/page-4-bg.jpg) no-repeat top;height: auto;position: relative;padding: 23% 0;}
.testimonial-wrapper {position: relative;top: 0;}
.testimonial-heading {
margin-bottom: 8%;
margin-top: 3%;
}
.testimonial-heading h1 { text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;}
.slider-wrapper {}
.arrow-wrap {
text-align: center;
position: absolute;
z-index: 8888;
bottom: 13px;
right: 0;
}
.arrow-wrap-2 {
text-align: center;
position: absolute;
z-index: 9999;
bottom: 25px;
right: 0;
}
.content-section {background: #e2eeee; padding:3% 0}
.content-section a {color: #86bdb4; font-size: 15px; text-decoration: underline;}
.content-section a:hover { text-decoration: none;}
.content {}
.content h1 {font-family: "Ampersand"; font-size:36px; color:#081b34; margin:15px 0}
.content h2 {font-family: "Ampersand";font-size:24px;color:#081b34;margin:15px 0;}
.content h3 {font-family: "Trebuchet MS"; font-size:18px; color:#081b34; margin:15px 0}
.content p {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; text-align: justify; margin:15px 0}
.content ul {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; margin-left:15px;}
.bottom-left p {font-family: "Trebuchet MS";font-size:15px;color:#081b34;text-align: justify;line-height: 28px;margin:15px 0;}
.bottom-left h3 {font-family: "Ampersand";font-size:36px;color:#081b34;text-align: justify;line-height: 28px;margin:35px 0;}
.bottom-left {padding: 35px 0;}
.bottom-right p {font-family: "Trebuchet MS";font-size: 14px;color:#081b34;text-align: left;line-height: 28px;margin:15px 0;}
.bottom-right h3 {font-family: "Ampersand"; font-size:36px; color:#081b34; text-align: left; line-height: 28px; margin:35px 0}
.bottom-right {padding:35px 0;}
.divide-icons p {
margin: 0px 18px;
float: left;
}
.bottom-section a{color: #081b34;text-decoration: underline;}
.footer-section {background: #69948d;}
.footer-section a {color: #fff; text-decoration: underline;}
.footer-section a:hover {color: #fff; text-decoration: none;}
.bottom-section h1 {font-family: "Trebuchet MS";font-size:36.5px;color:#fff;text-align: center;line-height: 28px;margin: 45px 0;}
.footer-section {background: #69948d;}
.footer-section p {font-family: "Trebuchet MS";font-size: 11px;color:#fff;text-align: center;line-height: 28px;margin:3px 0;}
.slicknav_menu {display: block}
.content-section img{text-align: left;padding: 7px 17px;}
span.textbold {font-weight: bold;}
.sidebar-active { width: 13%; position: fixed; top:0}
.service-text-block h3 a{
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
text-decoration: none;
}
.service-text-block h3 a:hover{
color: #081b34;
}
.sidebar-active { width: 14%; position: fixed; top:0}
.divide-icons{position: relative;margin: 15px 0;text-align: left;position: relative;text-align: justify;}
.enquiry-button {
background: #86bdb4;
border-radius: 7px;
text-decoration: none;
padding: 10px 14px;
display: block;
margin: 3% 18%;
display: inline-block;
font-size: 14px;
float: left;
}
a.trigger.send-btn.enquiry-button{
color: #fff;
text-decoration: none;
font-family: "Trebuchet MS";
font-size: 14px;
float: left;
position: relative;
}
input.form-button {
padding: 13px 17px 13px 17px;
margin-top: 0px;
width: 15% !important;
border: #000 solid 1px;
border-radius: 3px;
background: #85bfb3;
color: #fff;
float: right;
font-size: 15px;
border: none;
border-radius: 5px 5px;
}
.social-bar{float: right;/* bottom: -38px; */margin-left: -1px;position: relative;text-align: justify;top: 47px;}
.actionbar-sub {
width: 35%;
margin: 0 auto;
text-align: justify;
position: relative;
float: right;
right: 0%;
top: 40px;+
}
.actionbar-sub a {
font-size: 13px;
width: 68%;
}
.form-btn {background: #86bdb4;border-radius: 7px;text-decoration: none;padding: 9px 21px;position: relative;
font-size: 14px;color: #fff !important;font-family: "Trebuchet MS";}
.form-btn a:hover{text-decoration: underline;}
}
/* min-width 641px, medium screens
=====================================================================*/
@media only screen and (max-width: 40.063em) {
.relative {position:relative !important }
.app {position: absolute;
bottom: -23%;
right: 8px;}
.header-section .row {position: relative}
.header-section {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background: rgb(255, 255, 255);
}
.logo {
position: relative;
/* width: 47%; */
display: inline-block;
}
.navigation {
/* float: right; */
text-align: right;
margin-top: 12px;
display: inline-block;
/* padding-left: 50px; */
width: 25%;
display: none;
}
.navigation ul {
position: relative;
top: 59px;
margin: 10px 0;
}
.navigation ul li {
list-style: none;
display: inline-block;
}
.navigation ul li a {
padding: 10px 12px;
color: #081b34;
font-size: 15px;
/* text-transform: lowercase; */
font-family: "Trebuchet MS";
}
.navigation ul li a:hover {
text-decoration: underline;
color: #8ed2c5;
}
.navigation img {
margin-left: 18px;
}
.home-lens {
position: absolute;
bottom: 0px;
/* width: 121%; */
}
.slider-section {
display: none;
}
.home-content-section {
position: relative;
width: 100%;
top: 0;
padding: 10% 0;
}
.home-content {/* position: relative; */display: block;}
.home-content h1 {
position: relative;
z-index: 8888;
font-family: "Ampersand";
font-weight: 300;
font-size: 36px;
color:#081b34;
text-align: left;
}
.home-content h2 {position: relative; z-index: 8888}
.home-content p {
position: relative;
z-index: 8888;
font-family: "Trebuchet MS";
font-weight: 300;
font-size: 14px;
color:#081b34;
line-height:28px;
text-align: left;
}
.practice-content-section {
position: relative;
width: 100%;
padding: 18% 0 1% 0;
}
.practice-content {/* position: relative; */display: block;text-align: center;}
.practice-content h1 {position: relative; z-index: 8888 ; font-family: "Ampersand";
font-weight: 300; font-size: 31px; color:#081b34}
.practice-content h2 {position: relative; z-index: 8888}
.practice-content p {position: relative; z-index: 8888;font-family: "Trebuchet MS";
font-weight: 300; font-size: 14px; color:#081b34; line-height:28px}
.practice-content a {color: #86bdb4; text-decoration: underline; font-size: 15px}
.practice-content a:hover {color: #86bdb4; text-decoration: none;}
.services-wrapper {
position: relative;
top: 31%;
}
.services-wrapper h1 {
text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;
}
.services-wrapper p {
text-align: center;
font-size: 15px;
color: #081b34;
font-family: "Trebuchet MS";
font-weight: 300;
line-height: 30px;
}
.service-block {
/* border-radius: 34px; */
}
.service-text-block {
background: rgba(255, 255, 255, 0.60);
border-radius: 50px 50px 0px 0px;
}
.service-text-block p {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block-bottom {
background: rgba(255, 255, 255, 1);
border-radius: 0px 0px 50px 50px;
}
.service-text-block-bottom p {
margin-bottom: 0;
text-align: center;
padding: 15px 15px;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block h3 {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
}
.service-block img {
border-top: 1px #000 solid;
}
.page-content {top: 140px; position: relative;}
.page-1 {background:url(../images/page-1-bg.jpg) no-repeat top;height: auto;position: relative;padding-top: 36%;}
.page-2 {height: auto;position: relative;padding: 32% 0 0 0;}
.page-3 {background: #86beb3;height: auto;position: relative;padding: 51% 0 0 0;}
.page-4 {background:url(../images/page-4-bg.jpg) no-repeat top;height: auto;position: relative;padding: 23% 0;}
.testimonial-wrapper {position: relative;top: 0;}
.testimonial-heading {
margin-bottom: 8%;
margin-top: 3%;
}
.testimonial-heading h1 { text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;}
.slider-wrapper {}
.arrow-wrap {
text-align: center;
position: absolute;
z-index: 8888;
bottom: 13px;
right: 0;
}
.arrow-wrap-2 {
text-align: center;
position: absolute;
z-index: 9999;
bottom: 25px;
right: 0;
}
.content-section {background: #e2eeee; padding:3% 0}
.content-section a {color: #86bdb4; font-size: 15px; text-decoration: underline;}
.content-section a:hover { text-decoration: none;}
.content {}
.content h1 {font-family: "Ampersand"; font-size:36px; color:#081b34; margin:15px 0}
.content h2 {font-family: "Trebuchet MS"; font-size:24px; color:#081b34; margin:15px 0}
.content h3 {font-family: "Trebuchet MS"; font-size:18px; color:#081b34; margin:15px 0}
.content p {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; text-align: justify; margin:15px 0}
.content ul {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; margin-left:15px;}
.bottom-left p {font-family: "Trebuchet MS";font-size:15px;color:#081b34;text-align: justify;line-height: 28px;margin:15px 0;}
.bottom-left h3 {font-family: "Ampersand";font-size:36px;color:#081b34;text-align: justify;line-height: 28px;margin:35px 0;}
.bottom-left {padding: 35px 0;}
.bottom-right p {font-family: "Trebuchet MS";font-size: 14px;color:#081b34;text-align: left;line-height: 28px;margin:15px 0;}
.bottom-right h3 {font-family: "Ampersand"; font-size:36px; color:#081b34; text-align: left; line-height: 28px; margin:35px 0}
.bottom-right {padding:35px 0}
.divide-icons p {
margin: 26px 0;
}
.bottom-section a{color: #fff;}
.footer-section {background: #69948d;}
.footer-section a {color: #fff; text-decoration: underline;}
.footer-section a:hover {color: #fff; text-decoration: none;}
.bottom-section h1 {font-family: "Trebuchet MS";font-size:36.5px;color:#fff;text-align: center;line-height: 28px;margin: 45px 0;}
.footer-section {background: #69948d;}
.footer-section p {font-family: "Trebuchet MS";font-size: 11px;color:#fff;text-align: center;line-height: 28px;margin:3px 0;}
.slicknav_menu {display: block}
.content-section img{text-align: left;padding: 7px 17px;}
span.textbold {font-weight: bold;}
.sidebar-active { width: 13%; position: fixed; top:0}
.service-text-block h3 a{
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
text-decoration: none;
}
.service-text-block h3 a:hover{
color: #081b34;
}
.sidebar-active { width: 14%; position: fixed; top:0}
.divide-icons{position: relative;margin-top: 12%;}
.enquiry-button {
background: #86bdb4;
border-radius: 7px;
text-decoration: none;
padding: 10px 14px;
display: block;
margin: 3% 32%;
display: inline-block;
font-size: 14px;
float: left;
}
a.trigger.send-btn.enquiry-button{
color: #fff;
text-decoration: none;
font-family: "Trebuchet MS";
font-size: 13px;
}
input.form-button {
padding: 13px 17px 13px 17px;
margin-top: 0px;
width: 15% !important;
border: #000 solid 1px;
border-radius: 3px;
background: #85bfb3;
color: #fff;
float: right;
font-size: 15px;
border: none;
border-radius: 5px 5px;
}
.social-bar{float: right;/* bottom: -38px; */margin-left: -1px;position: relative;text-align: justify;top: 47px;}
.form-btn {background: #86bdb4;border-radius: 7px;text-decoration: none;padding: 9px 21px;position: relative;
font-size: 14px;color: #fff !important;font-family: "Trebuchet MS";}
.form-btn a:hover{text-decoration: underline;}
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues
=====================================================================*/
@media only screen and (max-width: 40em) {
.relative {position:relative !important }
.app {position: absolute;
bottom: -23%;
right: 8px;}
.header-section .row {position: relative}
.header-section {
position: relative;
top: 0;
width: 100%;
z-index: 9999;
background: rgb(255, 255, 255);
padding-top: 10%;
}
.logo {
position: relative;
/* width: 47%; */
display: inline-block;
}
.navigation {
/* float: right; */
text-align: right;
margin-top: 12px;
display: inline-block;
/* padding-left: 50px; */
width: 25%;
display: none;
}
.navigation ul {
position: relative;
top: 59px;
margin: 10px 0;
}
.navigation ul li {
list-style: none;
display: inline-block;
}
.navigation ul li a {
padding: 10px 12px;
color: #081b34;
font-size: 15px;
/* text-transform: lowercase; */
font-family: "Trebuchet MS";
}
.navigation ul li a:hover {
text-decoration: underline;
color: #8ed2c5;
}
.navigation img {
margin-left: 18px;
}
.home-lens {
position: absolute;
bottom: 0px;
/* width: 121%; */
display: none;
}
.slider-section {
display: none;
}
.home-content-section {
position: relative;
width: 100%;
top: 0;
padding: 10% 0;
}
.home-content {/* position: relative; */display: block;}
.home-content h1 {
position: relative;
z-index: 8888;
font-family: "Ampersand";
font-weight: 300;
font-size: 36px;
color:#081b34;
text-align: left;
}
.home-content h2 {position: relative; z-index: 8888}
.home-content p {
position: relative;
z-index: 8888;
font-family: "Trebuchet MS";
font-weight: 300;
font-size: 14px;
color:#081b34;
line-height:28px;
text-align: left;
}
.practice-content-section {
position: relative;
width: 100%;
padding: 0% 0 1% 0;
}
.practice-content {/* position: relative; */display: block;text-align: center;}
.practice-content h1 {position: relative; z-index: 8888 ; font-family: "Ampersand";
font-weight: 300; font-size: 31px; color:#081b34}
.practice-content h2 {position: relative; z-index: 8888}
.practice-content p {position: relative; z-index: 8888;font-family: "Trebuchet MS";
font-weight: 300; font-size: 14px; color:#081b34; line-height:28px}
.practice-content a {color: #86bdb4; text-decoration: underline; font-size: 15px}
.practice-content a:hover {color: #86bdb4; text-decoration: none;}
.services-wrapper {
position: relative;
top: 31%;
}
.services-wrapper h1 {
text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;
}
.services-wrapper p {
text-align: center;
font-size: 15px;
color: #081b34;
font-family: "Trebuchet MS";
font-weight: 300;
line-height: 30px;
}
.service-block {
/* border-radius: 34px; */
}
.service-text-block {
background: rgba(255, 255, 255, 0.60);
border-radius: 50px 50px 0px 0px;
}
.service-text-block p {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block-bottom {
background: rgba(255, 255, 255, 1);
border-radius: 0px 0px 50px 50px;
}
.service-text-block-bottom p {
margin-bottom: 0;
text-align: center;
padding: 15px 15px;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block h3 {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
}
.service-block img {
border-top: 1px #000 solid;
}
.page-content {top: 140px; position: relative;}
.page-1 {background:url(../images/page-1-bg.jpg) no-repeat top;height: auto;position: relative;padding-top: 0;}
.page-2 {height: auto;position: relative;padding: 10% 0 0 0;}
.page-3 {background: #86beb3;height: auto;position: relative;padding: 14% 0;}
.page-4 {background:url(../images/page-4-bg.jpg) no-repeat top;height: auto;position: relative;padding: 23% 0;}
.testimonial-wrapper {position: relative;top: 0;}
.testimonial-heading {
margin-bottom: 8%;
margin-top: 3%;
}
.testimonial-heading h1 { text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;}
.slider-wrapper {}
.arrow-wrap {
text-align: center;
position: absolute;
z-index: 8888;
bottom: 13px;
right: 0;
}
.arrow-wrap-2 {
text-align: center;
position: absolute;
z-index: 9999;
bottom: 25px;
right: 0;
}
.content-section {background: #e2eeee; padding:3% 0}
.content-section a {color: #86bdb4; font-size: 15px; text-decoration: underline;}
.content-section a:hover { text-decoration: none;}
.content {}
.content h1 {font-family: "Ampersand";font-size:36px;color:#081b34;margin:15px 0;}
.content h2 {font-family: "Ampersand";font-size:24px;color:#081b34;margin:15px 0;}
.content h3 {font-family: "Trebuchet MS"; font-size:18px; color:#081b34; margin:15px 0}
.content p {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; text-align: justify; margin:15px 0}
.content ul {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; margin-left:15px;}
.bottom-left p {font-family: "Trebuchet MS";font-size:15px;color:#081b34;text-align: justify;line-height: 28px;margin:15px 0;}
.bottom-left h3 {font-family: "Ampersand";font-size:36px;color:#081b34;text-align: justify;line-height: 28px;margin:35px 0;}
.bottom-left {padding: 35px 0;}
.bottom-right p {font-family: "Trebuchet MS";font-size: 14px;color:#081b34;text-align: left;line-height: 28px;margin:15px 0;}
.bottom-right h3 {font-family: "Ampersand"; font-size:36px; color:#081b34; text-align: left; line-height: 28px; margin:35px 0}
.bottom-right {padding:35px 0}
.divide-icons p {
margin: 0px 18px;
float: left;
}
.bottom-section a{color: #081b34;text-decoration: underline;}
.footer-section {background: #69948d;}
.footer-section a {color: #fff; text-decoration: underline;}
.footer-section a:hover {color: #fff; text-decoration: none;}
.bottom-section h1 {font-family: "Trebuchet MS";font-size:36.5px;color:#fff;text-align: center;line-height: 28px;margin: 45px 0;}
.footer-section {background: #69948d;}
.footer-section p {font-family: "Trebuchet MS";font-size: 11px;color:#fff;text-align: center;line-height: 28px;margin:3px 0;}
.slicknav_menu {display: block}
.content-section img{text-align: left;padding: 7px 17px;}
span.textbold {font-weight: bold;}
.sidebar-active { width: 13%; position: fixed; top:0}
.service-text-block h3 a{
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
text-decoration: none;
}
.service-text-block h3 a:hover{
color: #081b34;
}
.sidebar-active { width: 14%; position: fixed; top:0}
.divide-icons{position: relative;margin-top: 12%;}
.enquiry-button {
background: #86bdb4;
border-radius: 7px;
text-decoration: none;
padding: 10px 14px;
display: block;
margin: 3% 32%;
display: inline-block;
font-size: 14px;
float: left;
}
a.trigger.send-btn.enquiry-button{
color: #fff;
text-decoration: none;
font-family: "Trebuchet MS";
font-size: 8px;
/* margin: -2px 58px; */
display: none;
}
input.form-button {
padding: 13px 17px 13px 17px;
margin-top: 0px;
width: 15% !important;
border: #000 solid 1px;
border-radius: 3px;
background: #85bfb3;
color: #fff;
float: right;
font-size: 15px;
border: none;
border-radius: 5px 5px;
}
.social-bar{float: right;/* bottom: -38px; */margin-left: -1px;position: relative;text-align: justify;top: 47px;}
.actionbar-sub {
width: 46%;
margin: 0 auto;
text-align: justify;
position: relative;
float: right;
right: 0%;
top: 56px;+
display: none;
}
.actionbar-sub a {
font-size: 13px;
width: 46%;
}
.form-btn {background: #86bdb4;border-radius: 7px;text-decoration: none;padding: 9px 21px;position: relative;
font-size: 14px;color: #fff !important;font-family: "Trebuchet MS";}
.form-btn a:hover{text-decoration: underline;}
label {
display: block;
margin: 0% 2%;
font-size: 15px;
font-weight: normal;
line-height: 1.8;
color: #5c5a5a;
font-family: "Trebuchet MS";
padding: 0px 15px;
text-align: justify;
/* width: 26%; */
position: relative;
}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"],
textarea {
display: block;
box-sizing: border-box;
width: 95%;
height: 2.4375rem;
padding: 11px 11px 13px 10px;
border: 1px solid #cacaca;
margin-top: 1px 1px 2px;
font-family: "Trebuchet MS";
font-size: 14px;
color: #8a8a8a;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
border-radius: 0;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 5px 5px;
float: right;
}
.iziModal {
display: none;
position: fixed;
width: 88% !important;
left: 55% !important;
top: 50%;
background: #e2eeee;
box-shadow: 0 0 8px rgba(0,0,0,.3);
transition: margin-top 0.3s ease;
z-index: 9999 !important;
z-index: 9999;
}
select {
height: 2.4375rem;
padding: 0.5rem;
border: 1px solid #cacaca;
border-radius: 0;
margin: -3px -2px -5px;
font-size: 14px;
font-family: "Trebuchet MS";
line-height: normal;
color: #8a8a8a;
background-color: #fafafa;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(data:image/svg+xml;utf8,);
background-size: 9px 6px;
background-position: right 0.5rem center;
background-repeat: no-repeat;
border-radius: 5px 5px;
;;;;;;;;;;;;;;;;;;;;;;;;width: 96%;;;;;;;;;;;;;;;;;;;;;;;;;
float: right;
}
}
/*Styles for Smartphones - 4
====================================================================*/
@media only screen and (max-width: 480px) {
.relative {position:relative !important }
.app {position: absolute;
bottom: -23%;
right: 8px;}
.header-section .row {position: relative}
.header-section {
position: relative;
top: 0;
width: 100%;
z-index: 9999;
background: rgb(255, 255, 255);
border-bottom: #9fccc4 solid 2px;
padding-top: 10%;
}
.logo {
position: relative;
/* width: 47%; */
display: inline-block;
margin-top: 25px;
}
.navigation {
/* float: right; */
text-align: right;
margin-top: 12px;
display: inline-block;
/* padding-left: 50px; */
width: 25%;
display: none;
}
.navigation ul {
position: relative;
top: 59px;
margin: 10px 0;
}
.navigation ul li {
list-style: none;
display: inline-block;
}
.navigation ul li a {
padding: 10px 12px;
color: #081b34;
font-size: 15px;
/* text-transform: lowercase; */
font-family: "Trebuchet MS";
}
.navigation ul li a:hover {
text-decoration: underline;
color: #8ed2c5;
}
.navigation img {
margin-left: 18px;
}
.slider-section {
display: none;
}
.home-lens {
position: absolute;
bottom: 0px;
/* width: 121%; */
display: none;
}
.home-content-section {
position: relative;
width: 100%;
top: 0;
padding: 0% 0 2% 0;
}
.home-content {/* position: relative; */display: block;}
.home-content h1 {
position: relative;
z-index: 8888;
font-family: "Ampersand";
font-weight: 300;
font-size: 30px;
color:#081b34;
text-align: left;
}
.home-content h2 {position: relative; z-index: 8888}
.home-content p {
position: relative;
z-index: 8888;
font-family: "Trebuchet MS";
font-weight: 300;
font-size: 14px;
color:#081b34;
line-height:28px;
text-align: left;
}
.practice-content-section {
position: relative;
width: 100%;
padding: 21% 0 1% 0;
}
.practice-content {/* position: relative; */display: block;text-align: center;}
.practice-content h1 {position: relative; z-index: 8888 ; font-family: "Ampersand";
font-weight: 300; font-size: 31px; color:#081b34}
.practice-content h2 {position: relative; z-index: 8888}
.practice-content p {position: relative; z-index: 8888;font-family: "Trebuchet MS";
font-weight: 300; font-size: 14px; color:#081b34; line-height:28px}
.practice-content a {color: #86bdb4; text-decoration: underline; font-size: 15px}
.practice-content a:hover {color: #86bdb4; text-decoration: none;}
.services-wrapper {
position: relative;
top: 31%;
}
.services-wrapper h1 {
text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;
}
.services-wrapper p {
text-align: center;
font-size: 15px;
color: #081b34;
font-family: "Trebuchet MS";
font-weight: 300;
line-height: 30px;
}
.service-block {
/* border-radius: 34px; */
margin: 25px 0;
}
.service-text-block {
background: rgba(255, 255, 255, 0.60);
border-radius: 50px 50px 0px 0px;
}
.service-text-block p {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block-bottom {
background: rgba(255, 255, 255, 1);
border-radius: 0px 0px 50px 50px;
}
.service-text-block-bottom p {
margin-bottom: 0;
text-align: center;
padding: 58px 15px;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block h3 {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
}
.service-block img {
border-top: 1px #000 solid;
}
.page-content {top: 140px; position: relative;}
.page-1 {background:url(../images/page-1-bg.jpg) no-repeat top;height: auto;position: relative;padding-top: 0;padding: 10% 0;}
.page-2 {height: auto;position: relative;padding: 0 0 0% 0;}
.page-3 {background: #86beb3;height: auto;position: relative;padding: 20% 0 0 0;}
.page-4 {background:url(../images/page-4-bg.jpg) no-repeat top;height: auto;position: relative;padding: 23% 0;}
.testimonial-wrapper {position: relative;top: 0;}
.testimonial-heading {
margin-bottom: 8%;
margin-top: 3%;
}
.testimonial-heading h1 { text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;}
.slider-wrapper {}
.arrow-wrap {
text-align: center;
position: relative;
z-index: 8888;
bottom: 1px;
right: 0;
}
.arrow-wrap-2 {
text-align: center;
position: absolute;
z-index: 9999;
bottom: 25px;
right: 0;
}
.content-section {background: #e2eeee; padding:3% 0}
.content-section a {color: #86bdb4; font-size: 15px; text-decoration: underline;}
.content-section a:hover { text-decoration: none;}
.content {}
.content h1 {font-family: "Ampersand"; font-size:36px; color:#081b34; margin:15px 0}
.content h2 {font-family: "Ampersand";font-size:24px;color:#081b34;margin:15px 0;}
.content h3 {font-family: "Trebuchet MS"; font-size:18px; color:#081b34; margin:15px 0}
.content p {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; text-align: justify; margin:15px 0}
.content ul {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; margin-left:15px;}
.bottom-left p {font-family: "Trebuchet MS";font-size:15px;color:#081b34;text-align: justify;line-height: 28px;margin:15px 0;}
.bottom-left h3 {font-family: "Ampersand";font-size:36px;color:#081b34;text-align: left;line-height: 28px;margin:35px 0;}
.bottom-left {padding: 35px 0;}
.bottom-right p {font-family: "Trebuchet MS";font-size: 14px;color:#081b34;text-align: left;line-height: 28px;margin:15px 0;}
.bottom-right h3 {font-family: "Ampersand"; font-size:36px; color:#081b34; text-align: left; line-height: 28px; margin:35px 0}
.bottom-right {padding:35px 0}
.divide-icons p {
margin: 0px 18px;
float: left;
}
.bottom-section a{color: #081b34;text-decoration: underline;}
.footer-section {background: #69948d;}
.footer-section a {color: #fff; text-decoration: underline;}
.footer-section a:hover {color: #fff; text-decoration: none;}
.bottom-section h1 {font-family: "Trebuchet MS";font-size:36.5px;color:#fff;text-align: center;line-height: 28px;margin: 45px 0;}
.footer-section {background: #69948d;}
.footer-section p {font-family: "Trebuchet MS";font-size: 11px;color:#fff;text-align: center;line-height: 28px;margin:3px 0;}
.slicknav_menu {display: block}
.content-section img{text-align: left;padding: 7px 17px;}
span.textbold {font-weight: bold;}
.sidebar-active { width: 13%; position: fixed; top:0}
.service-text-block h3 a{
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
text-decoration: none;
}
.service-text-block h3 a:hover{
color: #081b34;
}
.sidebar-active { width: 14%; position: fixed; top:0}
.divide-icons{position: relative;margin-top: 12%;}
.enquiry-button {
background: #86bdb4;
border-radius: 7px;
text-decoration: none;
padding: 10px 14px;
display: block;
margin: 3% 32%;
display: inline-block;
font-size: 14px;
float: left;
}
a.trigger.send-btn.enquiry-button{
color: #fff;
text-decoration: none;
font-family: "Trebuchet MS";
font-size: 13px;
}
input.form-button {
padding: 13px 17px 13px 17px;
margin-top: 0px;
width: 22% !important;
border: #000 solid 1px;
border-radius: 3px;
background: #85bfb3;
color: #fff;
float: right;
font-size: 15px;
border: none;
border-radius: 5px 5px;
}
.social-bar{float: right;/* bottom: -38px; */margin-left: -1px;position: relative;text-align: justify;top: 47px;}
.actionbar-sub {
width: 30%;
margin: 0 auto;
text-align: justify;
position: relative;
float: right;
right: 0%;
/* top: -8px; */+
}
.actionbar-sub a {
font-size: 13px;
width: 46%;
}
.form-btn {background: #86bdb4;border-radius: 7px;text-decoration: none;padding: 9px 21px;position: relative;
font-size: 14px;color: #fff !important;font-family: "Trebuchet MS";}
.form-btn a:hover{text-decoration: underline;}
label {
display: block;
margin: 0% 2%;
font-size: 15px;
font-weight: normal;
line-height: 1.8;
color: #5c5a5a;
font-family: "Trebuchet MS";
padding: 0px 15px;
text-align: justify;
/* width: 26%; */
position: relative;
}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"],
textarea {
display: block;
box-sizing: border-box;
width: 95%;
height: 2.4375rem;
padding: 11px 11px 13px 10px;
border: 1px solid #cacaca;
margin-top: 1px 1px 2px;
font-family: "Trebuchet MS";
font-size: 14px;
color: #8a8a8a;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
border-radius: 0;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 5px 5px;
float: right;
}
.iziModal {
display: none;
position: fixed;
width: 88% !important;
left: 68% !important;
top: 50%;
background: #e2eeee;
box-shadow: 0 0 8px rgba(0,0,0,.3);
transition: margin-top 0.3s ease;
z-index: 9999 !important;
z-index: 9999;
}
select {
height: 2.4375rem;
padding: 0.5rem;
border: 1px solid #cacaca;
border-radius: 0;
margin: -3px -2px -5px;
font-size: 14px;
font-family: "Trebuchet MS";
line-height: normal;
color: #8a8a8a;
background-color: #fafafa;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(data:image/svg+xml;utf8,);
background-size: 9px 6px;
background-position: right 0.5rem center;
background-repeat: no-repeat;
border-radius: 5px 5px;
;;;;;;;;;;;;;;;;;;;;;;;;width: 96%;;;;;;;;;;;;;;;;;;;;;;;;;
float: right;
}
}
@media only screen and (min-width: 300px) and (max-width: 380px) {
.relative {position:relative !important }
.app {position: absolute;
bottom: -23%;
right: 8px;}
.header-section .row {position: relative}
.header-section {
position: relative;
top: 0;
width: 100%;
z-index: 9999;
background: rgb(255, 255, 255);
border-bottom: #9fccc4 solid 2px;
padding-top: 10%;
}
.logo {
position: relative;
/* width: 47%; */
display: inline-block;
margin-top: 25px;
}
.navigation {
/* float: right; */
text-align: right;
margin-top: 12px;
display: inline-block;
/* padding-left: 50px; */
width: 25%;
display: none;
}
.navigation ul {
position: relative;
top: 59px;
margin: 10px 0;
}
.navigation ul li {
list-style: none;
display: inline-block;
}
.navigation ul li a {
padding: 10px 12px;
color: #081b34;
font-size: 15px;
/* text-transform: lowercase; */
font-family: "Trebuchet MS";
}
.navigation ul li a:hover {
text-decoration: underline;
color: #8ed2c5;
}
.navigation img {
margin-left: 18px;
}
.slider-section {
display: none;
}
.home-lens {
position: absolute;
bottom: 0px;
/* width: 121%; */
display: none;
}
.home-content-section {
position: relative;
width: 100%;
top: 0;
padding: 0% 0 2% 0;
}
.home-content {/* position: relative; */display: block;}
.home-content h1 {
position: relative;
z-index: 8888;
font-family: "Ampersand";
font-weight: 300;
font-size: 30px;
color:#081b34;
text-align: left;
}
.home-content h2 {position: relative; z-index: 8888}
.home-content p {
position: relative;
z-index: 8888;
font-family: "Trebuchet MS";
font-weight: 300;
font-size: 14px;
color:#081b34;
line-height:28px;
text-align: left;
}
.practice-content-section {
position: relative;
width: 100%;
padding: 21% 0 1% 0;
}
.practice-content {/* position: relative; */display: block;text-align: center;}
.practice-content h1 {position: relative; z-index: 8888 ; font-family: "Ampersand";
font-weight: 300; font-size: 31px; color:#081b34}
.practice-content h2 {position: relative; z-index: 8888}
.practice-content p {position: relative; z-index: 8888;font-family: "Trebuchet MS";
font-weight: 300; font-size: 14px; color:#081b34; line-height:28px}
.practice-content a {color: #86bdb4; text-decoration: underline; font-size: 15px}
.practice-content a:hover {color: #86bdb4; text-decoration: none;}
.services-wrapper {
position: relative;
top: 31%;
}
.services-wrapper h1 {
text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;
}
.services-wrapper p {
text-align: center;
font-size: 15px;
color: #081b34;
font-family: "Trebuchet MS";
font-weight: 300;
line-height: 30px;
}
.service-block {
/* border-radius: 34px; */
margin: 25px 0;
}
.service-text-block {
background: rgba(255, 255, 255, 0.60);
border-radius: 50px 50px 0px 0px;
}
.service-text-block p {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block-bottom {
background: rgba(255, 255, 255, 1);
border-radius: 0px 0px 50px 50px;
}
.service-text-block-bottom p {
margin-bottom: 0;
text-align: center;
padding: 58px 15px;
color: #081b34;
font-size: 14px;
font-family: "Trebuchet MS";
}
.service-text-block h3 {
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
}
.service-block img {
border-top: 1px #000 solid;
}
.page-content {top: 140px; position: relative;}
.page-1 {background:url(../images/page-1-bg.jpg) no-repeat top;height: auto;position: relative;padding-top: 0;padding: 10% 0;}
.page-2 {height: auto;position: relative;padding: 0 0 0% 0;}
.page-3 {background: #86beb3;height: auto;position: relative;padding: 20% 0 0 0;}
.page-4 {background:url(../images/page-4-bg.jpg) no-repeat top;height: auto;position: relative;padding: 23% 0;}
.testimonial-wrapper {position: relative;top: 0;}
.testimonial-heading {
margin-bottom: 8%;
margin-top: 3%;
}
.testimonial-heading h1 { text-align: center;
font-size: 31px;
color: #081b34;
font-family: "Ampersand";
font-weight: 300;}
.slider-wrapper {}
.arrow-wrap {
text-align: center;
position: relative;
z-index: 8888;
bottom: 1px;
right: 0;
}
.arrow-wrap-2 {
text-align: center;
position: absolute;
z-index: 9999;
bottom: 25px;
right: 0;
}
.content-section {background: #e2eeee; padding:3% 0}
.content-section a {color: #86bdb4; font-size: 15px; text-decoration: underline;}
.content-section a:hover { text-decoration: none;}
.content {}
.content h1 {font-family: "Ampersand"; font-size:36px; color:#081b34; margin:15px 0}
.content h2 {font-family: "Ampersand";font-size:24px;color:#081b34;margin:15px 0;}
.content h3 {font-family: "Trebuchet MS"; font-size:18px; color:#081b34; margin:15px 0}
.content p {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; text-align: justify; margin:15px 0}
.content ul {font-family: "Trebuchet MS"; font-size:15px; color:#081b34; margin-left:15px;}
.bottom-left p {font-family: "Trebuchet MS";font-size:15px;color:#081b34;text-align: justify;line-height: 28px;margin:15px 0;}
.bottom-left h3 {font-family: "Ampersand";font-size:36px;color:#081b34;text-align: left;line-height: 28px;margin:35px 0;}
.bottom-left {padding: 35px 0;}
.bottom-right p {font-family: "Trebuchet MS";font-size: 14px;color:#081b34;text-align: left;line-height: 28px;margin:15px 0;}
.bottom-right h3 {font-family: "Ampersand"; font-size:36px; color:#081b34; text-align: left; line-height: 28px; margin:35px 0}
.bottom-right {padding:35px 0}
.divide-icons p {
margin: 0px 18px;
float: left;
}
.bottom-section a{color: #081b34;text-decoration: underline;}
.footer-section {background: #69948d;}
.footer-section a {color: #fff; text-decoration: underline;}
.footer-section a:hover {color: #fff; text-decoration: none;}
.bottom-section h1 {font-family: "Trebuchet MS";font-size:36.5px;color:#fff;text-align: center;line-height: 28px;margin: 45px 0;}
.footer-section {background: #69948d;}
.footer-section p {font-family: "Trebuchet MS";font-size: 11px;color:#fff;text-align: center;line-height: 28px;margin:3px 0;}
.slicknav_menu {display: block}
.content-section img{text-align: left;padding: 7px 17px;}
span.textbold {font-weight: bold;}
.sidebar-active { width: 13%; position: fixed; top:0}
.service-text-block h3 a{
margin-bottom: 0;
text-align: center;
padding: 15px 0;
color: #081b34;
font-size: 18px;
font-family: "Trebuchet MS";
text-decoration: none;
}
.service-text-block h3 a:hover{
color: #081b34;
}
.sidebar-active { width: 14%; position: fixed; top:0}
.divide-icons{position: relative;margin-top: 12%;}
.enquiry-button {
background: #86bdb4;
border-radius: 7px;
text-decoration: none;
padding: 10px 14px;
display: block;
margin: 3% 32%;
display: inline-block;
font-size: 14px;
float: left;
}
a.trigger.send-btn.enquiry-button{
color: #fff;
text-decoration: none;
font-family: "Trebuchet MS";
font-size: 13px;
}
input.form-button {
padding: 13px 17px 13px 17px;
margin-top: 0px;
width: 22% !important;
border: #000 solid 1px;
border-radius: 3px;
background: #85bfb3;
color: #fff;
float: right;
font-size: 15px;
border: none;
border-radius: 5px 5px;
}
.social-bar{float: right;/* bottom: -38px; */margin-left: -1px;position: relative;text-align: justify;top: 47px;}
.actionbar-sub {
width: 30%;
margin: 0 auto;
text-align: justify;
position: relative;
float: right;
right: 0%;
/* top: -8px; */+
}
.actionbar-sub a {
font-size: 13px;
width: 46%;
}
.form-btn {background: #86bdb4;border-radius: 7px;text-decoration: none;padding: 9px 21px;position: relative;
font-size: 14px;color: #fff !important;font-family: "Trebuchet MS";}
.form-btn a:hover{text-decoration: underline;}
label {
display: block;
margin: 0% 2%;
font-size: 15px;
font-weight: normal;
line-height: 1.8;
color: #5c5a5a;
font-family: "Trebuchet MS";
padding: 0px 15px;
text-align: justify;
/* width: 26%; */
position: relative;
}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"],
textarea {
display: block;
box-sizing: border-box;
width: 95%;
height: 2.4375rem;
padding: 11px 11px 13px 10px;
border: 1px solid #cacaca;
margin-top: 1px 1px 2px;
font-family: "Trebuchet MS";
font-size: 14px;
color: #8a8a8a;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
border-radius: 0;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 5px 5px;
float: right;
}
.iziModal {
display: none;
position: fixed;
width: 88% !important;
left: 68% !important;
top: 50%;
background: #e2eeee;
box-shadow: 0 0 8px rgba(0,0,0,.3);
transition: margin-top 0.3s ease;
z-index: 9999 !important;
z-index: 9999;
}
select {
height: 2.4375rem;
padding: 0.5rem;
border: 1px solid #cacaca;
border-radius: 0;
margin: -3px -2px -5px;
font-size: 14px;
font-family: "Trebuchet MS";
line-height: normal;
color: #8a8a8a;
background-color: #fafafa;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(data:image/svg+xml;utf8,);
background-size: 9px 6px;
background-position: right 0.5rem center;
background-repeat: no-repeat;
border-radius: 5px 5px;
;;;;;;;;;;;;;;;;;;;;;;;;width: 96%;;;;;;;;;;;;;;;;;;;;;;;;;
float: right;
}
}