@charset "utf-8";
/* CSS Document */
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}
#wpadminbar ul:after{ clear:inherit;}
a{ color:#000;}
a:focus, button:focus, input:focus, textarea:focus { outline: none;}
ul li{ list-style-type:none;}
#navbtn{ display:none;}
.nav-menu{ }
.nav-menu li{ position:relative; float:left; }
.nav-menu li .menuarrow{ display:none;}
.nav-menu li > a{ font:400 15px/30px 'Lato', sans-serif; color:#000;  white-space:nowrap; display:block; padding:0 20px; text-transform:uppercase; border-radius:25px;}
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ color:#fff; background:#734ffe; }
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#0089cf; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:normal 14px/40px Arial, Helvetica, sans-serif; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #035e8d;}

.rt-header{}
.rt-header div{ float:left; width:33.333%; position:relative; padding:0 0 0 92px;}
.rt-header div p{ font:400 16px/19px 'Lora', serif; color:#484848;}
.rt-header div p a{ color:#484848;}
.rt-header div img{ position:absolute; left:35px; top:0;}

.header-top{ padding:18px 0;}
#content .adrs-sec p a{ color:#fff;}

header{ background:#e5eafe;}
#logo{ float:left; padding:0 0 5px;}
#navigation{ float:right; padding:30px 0 0;}

#banner{ margin:0 auto; text-align:center; position:relative;}
#banner:after{ background:url(images/bannerbtm.png) no-repeat 50% 100%; width:100%; height:76px; content:""; position:absolute; left:0; right:0; bottom:0; z-index:999;}
ol.flex-control-nav {
	display: none;
}
 [class*="flexslider"] {
position:relative;
z-index:1;
display:block;
}
[class*="flexslider"] ul {
	padding: 0 !important;
}
[class*="flexslider"] ul li {
	position: relative;
	padding: 0 !important;
	list-style-type: none;
}
[class*="flexslider"] ul li > img{ width:100%;}

[class*="flexslider"] ul li+li {
	display: none;
}
[class*="flexslider"] .flex-direction-nav {
	position: absolute;
	top: 45%;
	left: 2%;
	right: 2%;
	transform: translate(0, -50%);
}
[class*="flexslider"] .flex-direction-nav li {
	float: left;
}
[class*="flexslider"] .flex-direction-nav li+li {
	float: right;
	display: block!important;
}
[class*="flexslider"] .flex-direction-nav li a {
	font-size: 0;
	width: 44px;
	height: 47px;
	display: block;
	z-index: 99;
}
[class*="flexslider"] .flex-direction-nav li a.flex-prev {
	background: url(images/prev.png) no-repeat 50% 50%;
}
[class*="flexslider"] .flex-direction-nav li a.flex-next {
	background: url(images/next.png) no-repeat 50% 50%;
} 

.banner-text{ position:absolute; left:50%; top:71%; transform:translate(-50%, -50%); z-index:999; text-align:center;}
.banner-text h1{ font:400 49px/52px 'Playfair Display', serif; padding:15px 0 0; text-transform:uppercase; color:#4c1efd;}
.banner-text p{ font:400 19px/24px 'Playfair Display', serif; padding:15px 0 0;}
.banner-text p span{ display:block;}

#content{ padding:60px 0;}
.img-left {float: left;width:58%;}
.img-text {
    background: #609ff4;
    padding: 35px;
    float: left;
    width:49%;
    margin: 38px 0 0 -7%;
	color: #fff;
}

#content .img-text p {
    
    font: 400 16px/25px 'Playfair Display', serif;
    padding: 15px 0 0;
}


#content h2{ font:400 52px/55px 'Playfair Display', serif; padding:15px 0 0;}
#content h3{ font:400 35px/39px 'Playfair Display', serif; padding:15px 0 0;}
#content h5{ font:400 23px/26px 'Playfair Display', serif; padding:15px 0 0;}
#content p{ font:400 18px/25px 'Playfair Display', serif; padding:15px 0 0;}

.mild-sec{ padding:55px 0 95px; }
.mild-sec .wrapper{position:relative}
.mild-sec > img{ width:100%;}
.blue-box{ position:absolute; left:0; bottom:-89px; background:#60c2f2; padding:35px 48px; width:50%;}
.read-more{ background:#fff; font:400 18px/45px 'Playfair Display', serif; padding:0 35px; display:inline-block; margin:20px 0 0; color:#000;}
.read-more:hover{ background:#000; color:#fff;}

.img-box img{ width:100%; border:solid 20px #609ff4;}
.help-list ul{ padding:5px 0 0;}
.help-list li{ font:400 16px/40px 'Playfair Display', serif; padding:0;}
.help-list li+li{ border-top:dashed 1px #4f4f4f;}

.service-sec li{ font:400 20px/43px 'Lora', serif;}
.service-sec li+li{ border-top:solid 1px #000;}
.service-sec ul{ padding:9px 0 0;}

.adrs-sec{ background:url(images/adrs-sec.jpg) no-repeat 50% 0 fixed; padding:70px 0; color:#fff; background-size:cover;}
.enquiry-form{ background:#60c2f2; position:relative; padding:55px;}
.enquiry-form:after{ background:url(images/icon10.jpg) no-repeat 100% 0; content:""; width:39px; height:34px; position:absolute; right:0; top:0;}
#content .enquiry-form h2{ font:700 40px/44px 'Lato', sans-serif; padding:0; color:#fff;}
.enquiry-form input[type="text"], .enquiry-form input[type="email"], .enquiry-form input[type="tel"]{ background:none; border:solid 1px #fff; color:#fff; height:56px; font:400 15px/56px 'Lato', sans-serif; color:#fff; border-radius:0;}
.enquiry-form textarea{ background:none; border:solid 1px #fff; font:400 14px/16px 'Lato', sans-serif; color:#fff; border-radius:0; padding:10px;}
.enquiry-form input[type="submit"], .enquiry-form input[type="button"]{ border-radius:35px; font:400 18px/45px 'Lato', sans-serif; padding:0 35px; display:inline-block; background:#fff; border:none;}

/*.download-btn:nth-child(4n+1){background:url(images/icon9.png) no-repeat 15px 11px #60c2f2;padding: 13px 60px 17px 95px;}*/
.download-btn{ background:url(images/icon9.png) no-repeat 15px 10px #60c2f2; padding:25px 60px 30px 95px; font:400 26px/28px 'Playfair Display', serif; color:#000; display:block; border-radius:35px; margin:0 0 10px;}

.download-btn:nth-child(even){background:url(images/icon9.png) no-repeat 15px 10px #609ff4; }
.brand div{ float:left; margin:0 0 0 35px;}
.brand div:nth-child(3n+1){ margin-left:0;}

footer{ background:#e5eafe; padding:34px 0;}
.ftr-logo{ float:left; width:20%;}
.ftr-nav{ float:right; width:80%; padding:15px 0 0;}
footer li{ float:left;}
footer li+li{ border-left:solid 1px #000;}
footer li a{ font:400 15px/17px 'Lato', sans-serif; padding:0 15px; display:block; color:#000; text-transform:uppercase;}
footer li:first-child a{ padding-left:0;}
footer p{ font:400 15px/17px 'Lato', sans-serif; padding:10px 0 0;}

.list{ padding:0 0 0 15px;}
.list li{ list-style:outside square; font:400 17px/25px 'Playfair Display', serif; padding:10px 0 0;}





@media only screen and (min-width: 1399px){

}


@media only screen and (max-width: 1198px) {
.nav-menu li > a{ padding:0 12px;}
#navigation{ padding:30px 0 0;}
.banner-text{ top:64%;}
.blue-box{ position:inherit; bottom:inherit; width:100%;}
.brand div{ width:33.333%; text-align:center; margin:0;}
footer li a{ padding:0 7px;}
}


@media only screen and (max-width: 990px) {
.nav-menu li > a{ font-size:11px; padding:0 7px;}
.banner-text h1{ font-size:40px; line-height:44px;}
#banner:after{ display:none;}
.img-left{ float:none; width:100%;}
.img-text{ float:none; width:100%; margin:0;}
.download-btn{ font-size:18px; padding:25px 37px 30px 95px;}

}

@media only screen and (max-width: 740px) {

#navigation{ position:relative; margin:10px 0 0; padding:10px 0;}
#navbtn{ display:block; background:url(images/navigation.png) no-repeat 50% 50%; border-radius:5px; padding:5px 0; width:42px; text-align:right; height:37px; font-size:0; text-transform:uppercase; line-height:27px; cursor:pointer; color:#fff;}
.nav-menu{ display:none; position:absolute; right:0; top:100%; background:#fff; width:250px; z-index:99999; box-shadow:0 0 6px #000;}
.nav-menu li{ float:none;}
.nav-menu li+li{ border-top:1px solid #035e8d;}
.nav-menu li > a{ font:normal 16px/40px Arial, Helvetica, sans-serif; padding:0 10px; border-radius:0;}
.nav-menu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(images/nav-arrow.png) no-repeat 50% 50%; display:block; cursor:pointer; border-radius:3px;}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow,.nav-menu li.current_page_item > .menuarrow{ background:url(images/nav-arrow.png) no-repeat 50% 50% #0089cf;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu li:hover > .sub-menu{ display:none;}

.rt-header{ width:100%; float:none;}
.rt-header div{ width:300px; float:none; margin:0 auto 15px; display:table; padding:0 0 0 58px;}
.rt-header div img{ left:0;}
.banner-text h1{ font-size:25px; line-height:27px;}
.banner-text p{ font-size:14px; line-height:17px;}
.enquiry-form{ margin:0 0 15px;}
.ftr-logo{ float:none; width:100%; text-align:center;}
.ftr-nav{ float:none; width:100%;}
footer li{ float:none; display:inline-block;}
footer{ text-align:center;}
#content h2{ font-size:40px; line-height:45px;}
#content{ padding:25px 0;}

}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}
}
@media only screen and (max-width: 450px) {
.banner-text p span{ display:inline;}
.banner-text h1{ font-size:20px; line-height:22px;}
.banner-text p { padding:0;}
[class*="flexslider"] ul li > img{ width:150%; max-width:150%;}
.blue-box{ padding:10px;}
.img-text{ padding:15px;}
#content h5{ font-size:20px; line-height:24px;}
.help-list li{ line-height:19px;}
.enquiry-form{ padding:15px;}
.download-btn {font-size: 16px;padding: 25px 7px 30px 87px;}
#content h2{ font-size:30px; line-height:35px;}
.help-list li{ font-size:17px; line-height:19px; padding:10px 0;}

}