@charset "utf-8";
/*--------------------------------------------------------------------------------------------------
CSS Styles for <Quality Pool Service>.

version:   1.0
--------------------------------------------------------------------------------------------------*/

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /* [disabled]font: inherit;
*/ vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* remember to define focus styles! */
:focus { outline: 0; }
/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }
/* general purpose classes */
.nodisplay { display: none; }
.nodisplay_strict { display: none !important; }
.alignleft { float: left; }
.alignnone {/* clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; border: 0; height: 0; width: 0;*/ }
.alignright { float: right; }
/* End Toolkit
--------------------------------------------------------------------------------------------------*/


@font-face { font-family: 'arimoregular'; src: url('../fonts/arimo-regular-latin_0-webfont.eot'); src: url('../fonts/arimo-regular-latin_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/arimo-regular-latin_0-webfont.woff2') format('woff2'), url('../fonts/arimo-regular-latin_0-webfont.woff') format('woff'), url('../fonts/arimo-regular-latin_0-webfont.ttf') format('truetype'), url('../fonts/arimo-regular-latin_0-webfont.svg#arimoregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'arimobold'; src: url('../fonts/arimo-bold-latin_0-webfont.eot'); src: url('../fonts/arimo-bold-latin_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/arimo-bold-latin_0-webfont.woff2') format('woff2'), url('../fonts/arimo-bold-latin_0-webfont.woff') format('woff'), url('../fonts/arimo-bold-latin_0-webfont.ttf') format('truetype'), url('../fonts/arimo-bold-latin_0-webfont.svg#arimobold') format('svg'); font-weight: normal; font-style: normal; }
/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/

hr { display: block; height: 1px; border: 0; margin: 10px 0 0; padding: 0; border-top: 1px solid #cccccc; /* change border colour to suit your needs */ }
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
audio:not([controls]) { display: none; }
[hidden] {
display: none;
}
html { overflow-y: scroll; }
body, button, input, select, textarea { font-family: sans-serif; }
a:focus { outline: none; }
a:hover, a:active { outline: none; }
h1 { }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { }
ins { text-decoration: none; }
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor: help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: top; }
svg:not(:root) { overflow: hidden; }
fieldset { border: none; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px;
}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;
}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;
white-space: normal; }
input, select { vertical-align: middle; }
input { -webkit-appearance: none; }
button { border: 0; padding: 0; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
}
textarea { overflow: auto; vertical-align: top; resize: none; -webkit-appearance: none; }
::-moz-focus-inner {
border: 0;
outline: 0;
}
/* End Normalization
--------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body { font: 14px/18px Arial, Helvetica, sans-serif; color: #000; background: #fff; -webkit-font-smoothing: antialiased; }
/* End Typography
--------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------*/
h1 { font-family: 'arimobold'; font-size: 30px; color:#282828; text-transform: capitalize; line-height: 46px}
h2 { font-family: 'arimobold';  font-size: 24px; color: #282828; text-transform: capitalize;line-height: 35px; }
h3 { font-family: 'arimobold';  font-size: 22px; color: #282828; text-transform: capitalize;  line-height: 35px;}
h4 { font-family: 'arimobold';  font-size: 18px; color: #282828; text-transform: capitalize; line-height: 35px; }
h5 { font-family: 'arimobold';  font-size: 16px; color: #282828; text-transform: capitalize;line-height: 35px; }
h6 { color:#282828; font-family: 'arimobold';font-size: 14px;}


/* End Headings
--------------------------------------------------------------------------------------------------*/

ul { }
ul li { background: url(../images/gray-bullet.png) no-repeat scroll left 8px; padding-bottom: 5px; list-style-type: none; padding-left: 10px; color: #303030; font-family: "arimoregular"; font-size: 14px; line-height: 22px; }
ul li ul { padding: 10px 0; }
ul li ul li { background: url(../images/arrow.png) no-repeat scroll left 7px; padding-bottom: 5px; font-family: "arimoregular"; font-size: 14px;}

ul li a { text-decoration: none; cursor: pointer; color: #303030; font-family: "arimoregular"; font-size: 14px; line-height: 22px; text-align: left; }
ul li a:hover { text-decoration: underline; }
ul li ol { margin-left: 30px; padding: 10px 0; }
ul li ol li { background: none; list-style-type: decimal; padding-bottom: 5px; padding-left: 0;font-family: "arimoregular"; font-size: 14px;   color: #303030;}
ol { clear: both; margin-left: 20px; }
ol li { list-style-type: decimal; padding-bottom: 5px; font-family: "arimoregular"; font-size: 14px;  color: #303030;}
ol li ul { padding: 10px 0; }
ol li ul li { background: url(../images/arrow.png) no-repeat scroll left 4px; list-style-type: none; padding-bottom: 5px; }
ol li ol { margin-left: 15px; padding: 10px 0; }
ol li ol li { list-style-type: decimal; padding-bottom: 5px;font-family: "arimoregular"; font-size: 14px;  color: #303030; }

/* =Links
--------------------------------------------------------------------------------------------------*/
a { text-decoration: none; color: #00AFFA; cursor: pointer; outline: 0; font-family: "arimoregular";  line-height: 30px; font-size: 17px; outline: 0 none;}
a:hover { text-decoration: underline; color: #000; }
/* End Links
--------------------------------------------------------------------------------------------------*/

img { float: left; padding: 0 20px 15px 0; }

p { float: none; color: #282828; font-family: "arimoregular"; font-size: 16px; line-height: 22px; padding:0 0 20px 0; text-align: justify; margin:0; clear:none ; }
table, th, tr, td { border: 1px solid #a6a6a6; }
tr, td { color: #000000; font-family: "arimoregular"; font-size: 13px; }
th, tr, td { padding: 10px 10px 11px; }









/* =Branding
--------------------------------------------------------------------------------------------------------*/
.logo { float: left; }
.logo p { float: left; margin: 27px 0 0 15px; font-family: 'piron_v2_regular'; font-size: 18px; }
html { }
body { padding-top:123px; }
.wrapper { width: 100%; margin: 0 auto; }
a:hover { text-decoration: none; }
.main { width: 1170px; margin: 0 auto; padding: 0; }
.header-top { float: left; margin: 0 0 0 180px; width: 52%; }
.header-top .menu2 { float: left; }
.header-top .navbar-inverse { background: none; }
.header-top .navbar-collapse { padding: 0px; }
.header-top .htl { float: right; }
.header-top .htl ul, .header-top .htr ul { list-style-type: none; padding: 0px; margin: 0px; }
.header-top .htl ul li { float: left; background: none; margin: 0; padding: 0; }
.header-top .htl ul li a, .header-top .htr ul li a { text-transform: capitalize; color: #231f20; font-size: 18px; font-family: 'latosemibold'; padding: 20px 20px; display: block; text-decoration: none; font-weight: normal; border-radius: 5px 5px 0 0; }
.header-top .htl ul li:first-child a { }
.header-top .htl ul li:last-child a { }
.header-top .htl ul li a:hover, .header-top .htr ul li a:hover { background: #231f20; color: #fff; }
.header-top .htl ul li a.active { background: #231f20; color: #fff; }
.htr { float: right; }
.header-top .htr ul li { float: left; }
.header-top .htr ul li:first-child a { border-left: 0px; }
.header-top .htr ul li:last-child a { border-right: 0px; }
.header { padding: 25px 0 25px; width: 100%; margin: 0; border-top: 7px solid #00affa; background:#fff; position:fixed; z-index:999999; top:0px;  -webkit-box-shadow: 0 5px 6px -6px black;
       -moz-box-shadow: 0 5px 6px -6px black;
            box-shadow: 0 5px 6px -6px black;  }
#navbar { float: right; clear: both; margin-top: -5px; }
.navbar-brand { padding: 0px; float: left; }
.navbar-brand img{ padding:0;}
.nav > li > a { padding: 0px 20px; }
.nav > li:first-child a { }
.nav > li:last-child a { padding-right: 15px; }
/*.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background: none; color: #fb9202; }*/
.navbar-inverse .navbar-nav > a, .navbar-inverse .navbar-nav > .active, .navbar-inverse .navbar-nav > .active > a:focus { background: none; color: #fb9202; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #00affa; background: url(../images/border-bottom.jpg) no-repeat bottom center; }
.navbar-inverse .navbar-nav > li > a { }
.head-right { float: right; }
.head-right ul { list-style-type: none; }
.head-right ul li { float: left; }
.hdr-right { float: right; margin-top: 18px; }
.hdr-right ul { list-style-type: none; }
.hdr-right ul li { float: left; display: block; position: relative; margin: 0px; background: none; padding: 0; }
.hdr-right ul li a {/* float: left;*/ display: table; }
.hdr-right ul li a:hover { text-decoration: none; }
.menu { padding: 0; }
.menu ul { float: left; list-style-type: none; }
.menu ul li { margin: 0; padding: 0; list-style-type: none; float: left; position: relative; background: url(../images/border.png) no-repeat right center; width: auto; }
.menu ul li a { text-transform: capitalize; color: #232323; font-size: 18px; font-family: 'arimoregular'; padding: 16px 18px 12px; margin: 0 6px; display: block; text-decoration: none; font-weight: normal; text-transform: capitalize; transition: all 0.4s ease 0s; }
.menu ul li.border-none { border-right: none; }
.menu ul li:last-child { background: none; }
.menu-left { float: left; }
.menu-right { float: left; }
.call a { font-family: 'arimobold'; color: #232323; font-size: 22px; line-height: 24px; }
.hdr-right ul li img { margin: -6px 10px 0 0; padding:0; }
/* End Branding
--------------------------------------------------------------------------------------------------------*/
/* =Banner
--------------------------------------------------------------------------------------------------*/
#banner { width: 100%; position: relative; clear: both; }
.slider_detail { right: 115px; bottom: 50px; position: absolute; padding: 15px; width: 409px; margin: 10px 0; background: url(../images/banner-txt-bg.png) no-repeat center center; height: 400px }
.slider_detail p { padding: 128px 11px 20px 17px; text-align: center; font-family: "arimobold"; font-size: 45px; color: #fff; line-height: 50px; text-transform: capitalize; }
/* End banner
--------------------------------------------------------------------------------------------------*/


.service { width: 100%; background: #fff; position: relative; padding: 30px 0 0; }
.service h3 { /* line-height: 30px;
    padding: 0 0 10px;*/ text-transform: capitalize; text-align: center; font-family: "arimobold"; font-size: 28px; color: #00affa; text-transform: capitalize; }
.service p { text-align: center; font-family: 'arimoregular'; font-size: 18px; color: #282828; background: url(../images/title-bottom.png) no-repeat bottom center; padding-bottom: 15px; }
.welcome-text h3{ color:#fff; }
.cms-page ul{ margin-left:20px;}
/* =Main Content
--------------------------------------------------------------------------------------------------*/
.conent { width: 100%; background: url(../images/content-bg.png) no-repeat center top; position: relative; clear: both; border-bottom: 10px solid #00AFFA; padding: 30px 0 30px; }
.conent h1 { text-transform: capitalize; text-align: left; font-family: "arimobold"; font-size: 27px; color: #fff; margin-bottom: 30px; padding: 45px 0 10px; background: url(../images/welcome-top.png) no-repeat bottom left; }
.conent p { text-align: left; font-family: "arimoregular"; padding-bottom: 15px; font-size: 16px; color: #fff; line-height: 24px; margin-bottom: 0; }
.conent span { font-family: "arimobold"; font-size: 20px; color: #fff; display: block; padding-bottom: 15px; }
.welcome-text { float: left; width: 65%; }
.read-btn { background: #00affa; color: #fff; padding: 12px 25px; font-family: "arimobold"; font-size: 14px; text-transform: uppercase; border-radius: 25px; transition: all 0.4s ease 0s; }
.read-btn:hover { background: #000; color: #fff; }
.service-detail { float: left; margin: 0 0 0 80px; width: 25%; }
.service-detail span { display: block; text-transform: capitalize; text-align: left; font-family: "arimobold"; font-size: 27px; color: #fff; margin-bottom: 20px; padding: 45px 0 10px; background: url(../images/welcome-top.png) no-repeat bottom left;  line-height: 46px; }
.service-detail ul { }
.service-detail ul li { color: #fff; background: url(../images/bullets.png) no-repeat left 10px; padding-left: 25px; font-family: "arimoregular"; font-size: 20px; line-height: 33px; padding-bottom:0; }
.service-detail ul li a { color: #fff; font-family: "arimoregular"; font-size: 20px; transition: all 400ms linear 0s; }
.service-detail ul li a:hover { text-decoration: none; color: #000; }
/* =End Main Content
--------------------------------------------------------------------------------------------------*/


.decorative-box { float: left; margin-bottom: 20px; margin-top: 20px; }
.decorative-box li { background: none; float: left; width: 33%; text-align: center; padding: 0; }
/*.decorative-box li:last-child { padding: 0 0 0 10px }*/
.decorative-box li h4 { font-family: "arimobold"; font-size: 22px; color: #282828; padding: 25px 0 15px; text-transform: capitalize; }
.decorative-box li p { font-family: "arimoregular"; font-size: 16px; line-height: 21px; padding: 0 15px 18px; width: 88%; background: none; color: #282828; }
.decorative-box li a { text-transform: uppercase; color: #606060; margin: 0 0 20px; font-family: 'futura_md_btbold'; font-size: 14px; }
.decorative-box li a:hover { color: #000; border-bottom: 2px solid #000; text-decoration: none; }
.circle { background: url(../images/circle.png) no-repeat center center; height: 170px; position: relative;/*  width:170px*/ }
.circle-first img { left: 138px; position: absolute; top: 31px; transition: all 400ms linear 0s; padding:0; }
.circle-first img:hover { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.circle-sec img { left: 141px; position: absolute; top: 39px; transition: all 400ms linear 0s; }
.circle-sec img:hover { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.circle-third img { left: 140px; position: absolute; top: 34px; transition: all 400ms linear 0s; }
.circle-third img:hover { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
/* =Secondary Content
--------------------------------------------------------------------------------------------------*/


/* End Secondary Content
--------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------*/


#footer { background: url(../images/pattern.png) repeat-x; width: 100%; padding: 20px 0 20px; clear: both; }
#footer ul { }
#footer ul li { }
#footer ul li a { }
.footer-left { float: left; width: 78%; }
.footer-right { width: 57%; float: left; }
.quick_links { float: left; width: 36%; }
.footer-right .quick_links { width: 100%; }
.quick_links h4 { font-family: "arimobold"; font-size: 21px; color: #404040; padding-bottom: 15px; text-transform: capitalize; background: url(../images/footer-title.png) no-repeat left bottom; margin-bottom: 20px; }
.quick_links ul { float: left; }
.quick_links ul li { width: 100%; padding: 4px 0 6px; line-height: 18px; }
.quick_links ul li.last { background: none; }
.quick_links ul li a:hover { text-decoration: none; color: #000; }
.quick_links_style { float: left; width: 25%; }
.quick_links_style h4 { font-family: "arimobold"; font-size: 21px; color: #404040; padding-bottom: 15px; text-transform: capitalize; background: url(../images/footer-title.png) no-repeat left bottom; margin-bottom: 20px; }
.quick_links_style ul { float: left; }
.quick_links_style ul li { width: 100%; padding: 0 0 5px; line-height: 0; margin: 0; background: none; }
.quick_links_style ul li span { display: block; float: left; padding-right: 10px; text-align: center; width: 22px; }
.quick_links_style ul li span img { padding: 0; }
.quick_links_style ul li.last { background: none; }
.quick_links_style ul li a { font-family: "arimoregular"; font-size: 15px; color: #282828; background: none; transition: all 400ms linear 0s; }
.quick_links_style ul li a:hover { text-decoration: none; color: #00AFFA; }
.glossymenu { display: none; }
.social { float: right; margin: 5px 0 0; }
.social li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; padding: 0; width: auto; margin: 0; }
.social li a { background: url(../images/social.png) no-repeat; display: block; height: 25px; width: 25px; padding: 0 10px 0 0; }
.social li a.fb { background-position: 4px 0; }
.social li a.fb:hover { transition: all 0.5s ease-in-out 0s; background-position: 4px -24px; width: 25px; }
.social li a.tweet { background-position: -32px 0; }
.social li a.tweet:hover { transition: all 0.5s ease-in-out 0s; background-position: -32px -24px; width: 25px; }
.social li a.youtube { background-position: -99px 0; }
/* End Footer
--------------------------------------------------------------------------------------------------*/
.home-contact { float: left; width: 100% }
.home-contact ul { float: left; }
.con-left { width: 37%; margin-right: 50px; }
.con-right { width: 55%; }
.home-contact ul li { float: left; width: 100%; background: none; }
.home-contact ul li label { color: #282828; font-family: "arimoregular"; font-size: 15px; display: block; }
.home-contact ul li label em { color: red; padding: 2px; display:inline-block; width: 7px; }
.quick_lk { width: 17.1%; }
.home-contact ul li input { border: 2px solid #cdcdcd; padding: 10px 15px; color: #282828; font-family: "arimoregular"; font-size: 15px; background: none; border-radius: 25px; width: 86%; }
.home-contact ul li textarea { border: 2px solid #cdcdcd; padding: 12px 15px; color: #282828; font-family: "arimoregular"; height: 80px; font-size: 15px; background: none; border-radius: 25px; width: 91%; }
.btn-area { float: right; margin: 20px 0; width: 54%; }
.home-contact ul li a:hover { background: #000; color: #fff; }
.home-contact ul li p { font-family: "arimoregular"; font-size: 13px; color: #282828; float: right; }
.home-contact ul li p em { color: #ff0000; padding: 2px; }
/* = Start footer-detail
--------------------------------------------------------------------------------------------------*/
#footer-detail { background: #dddddd; padding: 10px 0 10px; margin: 0 auto; width: 100%; }
/*.footer-logo { }
.footer-logo a img { padding: 0; margin: 0; float: none; width: auto; }
*/#footer-detail p { font-family: "arimoregular"; font-size: 14px; color: #282828; text-align: left; padding-bottom: 0 !important; float: left; }
#footer-detail p span { color: #ff9e19; font-family: 'RobotoRegular'; font-size: 12px; }
#footer-detail p a { font-family: "arimoregular"; font-size: 14px; color: #00AFFA; transition: all 400ms linear 0s; }
#footer-detail p a:hover { color: #282828; }
#back-top { /*bottom: -7px; position: fixed; right: 7.9%; z-index: 9999999;*/ left: 52.3%; margin-left: 500px; margin-top: -250px; overflow: visible; padding: 5px; position: fixed !important; bottom: -12px; }
#back-top a { width: 32px; display: block; text-align: center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top span { width: 32px; height: 30px; display: block; margin-bottom: 7px; background: url(../images/back_to_top.png) no-repeat center center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
/* End footer-detail
--------------------------------------------------------------------------------------------------*/
.breadcrumbs-area { background: url(../images/breadcrum.png) repeat-x scroll center top rgba(0, 0, 0, 0); height: 35px; padding: 10px 0 0; width: 100%; }
.conentainer { border-top: 1px solid #E6E6E6; clear: both; padding: 30px 0px; position: relative; width: 100%; }
/* =Breadcrumbs start
--------------------------------------------------------------------------------------------------*/
.breadcrumbs { float: left; width: 100%; }
.breadcrumbs li { background: none; float: left; }
.breadcrumbs li a { color: #404040; font-size: 12px; font-family: "arimoregular"; font-size: 14px; }
.breadcrumbs li a:hover { text-decoration: none; color: #00AFFA; }
.breadcrumbs li a.active { color: #00AFFA; }
.page { float: left; width: 100%; }
.title { background: url(../images/inner-title.jpg) no-repeat scroll left bottom rgba(0, 0, 0, 0); color: #404040; font-family: "arimobold"; font-size: 27px; margin-bottom: 30px; display: block; padding: 0 0 20px; text-align: left; text-transform: capitalize; }
.conentainer p { float: left; clear: both; font-family: "arimoregular"; font-size: 16px; color: #282828; line-height: 22px; }
.photoGall { clear: both; float: left; }
.photoGall ul { list-style-type: none; margin-left: -30px; }
.photoGall ul li { float: left; margin: 0 0 30px 30px; position: relative; padding: 0; }
.photoGall ul li img { float: left; padding:0; }
.hoverEffct { transition: all 0.4s ease-in-out 0s; }
.photoGall ul li:hover .hoverEffct { background: url(../images/zoom-icon.png) no-repeat scroll center center rgba(0, 0, 0, 0.5); height: 100%; position: absolute; top: 0; width: 100%; z-index: 9; }
.quick_links_style .map-dis{padding: 4px 0 0;}
#footer .get-data li{padding: 0 0 15px;}

.conentainer  .cms-page  p{ float:none; clear:none;}
/* =Breadcrumbs ends
--------------------------------------------------------------------------------------------------*/



/* = start CMS page
--------------------------------------------------------------------------------------------------*/




/* = ends CMS page
--------------------------------------------------------------------------------------------------*/

.widecolumn { float: left; width: 72%; }
.narrowcolimn { background: none repeat scroll 0 0 #53bee0; float: right; padding: 6px; border-radius: 5px; width: 25%; margin-bottom: 20px; }
.narrowcolimn ul { background: #fff; }
.narrowcolimn ul li { background: none; margin: 0; padding: 8px 10px; border-bottom: 1px solid #53bee0; }
.narrowcolimn ul li a { }
.narrowcolimn ul li a:hover { text-decoration: none; color: #53BEE0; }
.narrowcolimn img { padding: 5px 0; }
.widecolumn h2 { line-height: 29px; padding: 0 0 10px; }
.blog { }
.blog li { background: none; padding: 0; padding: 0 0 10px; border-bottom: 1px solid #ccc; float: left; width: 100%; }
.blog li:last-child { border-bottom: none; }
.blog li h3 { padding: 10px 0; }
.blog li h3 a { padding: 10px 0; color: #303030; background: none; float: none; font-family: 'latobold'; font-size: 22px; text-transform: capitalize; }
.blog li h3 a:hover { background: none; color: #53BEE0 }
.blog li p { }
.blog li a.red-more-btn { background: #53bee0; border-radius: 5px; color: #ffffff; float: right; font-family: 'latobold'; font-size: 14px; padding: 10px 20px; text-transform: uppercase; }
.blog li a:hover { text-decoration: none; background: #231f20; color: #ffffff; }
.contact-add-left { float: left; margin: 0 25px 20px 0; width: 46%; }
.contact-add-left img { height: 250px; }
.contact-add-right img { height: 250px; }
.contact-right-detail { min-height: 240px; }
.contact-add-right { float: left; width: 50%; margin: 0 0 20px 0; }
.contact-add-left p { line-height: 20px; margin: 0; }
.contact-add-right p { line-height: 20px; margin: 0; }
/* Start menu*/
.menu ul li a:hover, .menu ul li a.active { color: #00affa; background: url(../images/border-bottom.jpg) no-repeat bottom center; }
.menu ul li ul { margin: 0; padding: 0; list-style-type: none; float: left; display: none !important; }
.menu ul li:hover ul { display: block !important; background: #231F20; width: 260px; height: auto; position: absolute; z-index: 1; left: 6px; border-top: 4px solid #00AFFA; top: 43px; }
.menu ul li ul li { background: none; z-index: 999999; }
.menu ul li:hover ul li a { width: 240px; margin: 0; padding: 0 10px; font-size: 14px; color: #fff; line-height: 35px; text-align: left; text-decoration: none; border-bottom: 1px solid #666; text-transform: capitalize; }
.menu ul li:hover ul li a:hover { background: #00AFFA; color: #fff; }
.menu ul li ul li a { border-radius: 0 0 0 0; }
.menu ul li:hover a.active { color: #00affa; }
.meanu-area { background: url(../images/header-bottom.png) repeat-x scroll center center rgba(0, 0, 0, 0); height: 4px; position: relative; padding: 25px; 0;
margin-bottom: 20px; width: 96%; }
.menu-bg { position: absolute; top: 35px; z-index: 1; }
/* End menu*/

/*  Start Inner Page 
--------------------------------------------------------------------------------------------------*/



.breadcrumb { background: #7393A0; padding: 5px 0; }
.breadcrumb p { float: left; margin-bottom: 0; font-size: 30px; line-height: 32px; font-family: "futura_md_btbold"; color: #fff; text-transform: uppercase; padding: 0; }
.breadcrumb ul { float: left; margin: 0px; padding: 0px; list-style: none; }
.breadcrumb ul li { color: #000000; font-size: 14px; font-weight: normal; text-transform: capitalize; ; display: inline-block; line-height: 32px; background: none; padding: 0 0 0 4px; }
.breadcrumb li span { color: #fff; font-size: 14px; font-weight: normal; ; padding: 0px 2px; }
.breadcrumb li a { color: #fff; font-weight: normal; }
.breadcrumb li a:hover { color: #000; text-decoration: none; }
.cols { *zoom: 1;
}
.cols:before, .cols:after { display: table; line-height: 0; content: ""; }
.cols:after { clear: both; }
.cols1 { margin-bottom: 20px; }
.cols2 { margin-left: -2%; margin-bottom: 20px; }
.cols3 { margin-left: -3%; margin-bottom: 20px; }
.cols4 { margin-left: -2%; margin-bottom: 20px; }
.col { float: left; min-height: 1px; }
.cols1 .col { width: 100%; }
.cols2 .col { width: 48%; margin-left: 2%; }
.cols3 .col { width: 30.3%; margin-left: 3%; }
.cols4 .col { width: 23%; margin-left: 2%; }
.thumb_list_three { padding: 0; margin: 0 0 20px -3%; list-style: none; }
.thumb_list_three li { float: left; width: 30.3%; margin-left: 3%; }
.thumb_list_three li img, .thumb_list_four li img { width: 100%; }
.thumb_list_four { padding: 0; margin: 0 0 20px -2%; list-style: none; }
.thumb_list_four li { float: left; width: 23%; margin-left: 2%; }
.about_img { float: left; width: auto; margin-right: 30px; }
.about_cont { margin: 0 0 20px 0; }
.about_img img { width: 100%; }
.bullet_list {
margin:; padding: 0; list-style: none; }
.bullet_list li { background: url(../images/bullet_list.png) no-repeat 0 7px; padding: 2px 0 2px 16px; line-height: 18px; }
.bullet_list li ul { margin: 6px 0 3px 0; padding: 0; list-style: none; }
.bullet_list li ul li { background: url(../images/bg/bullet_list.png) no-repeat 0 7px; }
.bullet_list_two { padding: 0 0 0 20px; margin: 0 0 15px; list-style: square; }
.bullet_list_two li { margin: 0; padding: 0; }
.bullet_list_two li ul { margin: 0; padding: 0 0 0 20px; list-style: square; }
.bullet_list_two li ul li { margin: 0; padding: 0; }
.bullet_list_three { padding: 0 0 0 20px; margin: 0 0 15px; list-style: circle; }
.bullet_list_three li { margin: 0; padding: 0; }
.bullet_list_three li ul { margin: 0; padding: 0 0 0 20px; list-style: circle; }
.bullet_list_three li ul li { margin: 0; padding: 0; }
.inner_banner { display: block; margin-bottom: 22px; }
.inner_banner img { width: 100%; }
.services_list { margin: 0; padding: 15px; list-style: none; background: #f3f3f3; }
.services_list li { background: url(../images/bullet_list.png) no-repeat 0 10px; padding: 2px 0 2px 16px; line-height: 18px; margin-bottom: 5px; }
.services_list li a { color: #6a6a6a; font-family: "futura_bk_btbook"; font-size: 16px; }
.services_list li a:hover { color: #000; text-decoration: none; }
.services_list li ul { margin: 6px 0 3px 0; padding: 0; list-style: none; }
.services_list li ul li { background: url(../images/bullet_list.png) no-repeat 0 10px; }
.crafts_men { width: 100%; }
.enq-form { clear: both; float: left; width: 60%; }
.enq-form li input { border: 1px solid #cdcdcd; color: #5d5d5d; font-family: "arimoregular"; font-size: 13px; padding: 12px 10px; width: 97%; }
.enq-form li textarea { border: 1px solid #cdcdcd; color: #5d5d5d; font-family: "arimoregular"; font-size: 13px; height: 100px; line-height: 38px; padding: 0 10px; width: 97%; }
.enq-form ul { margin-bottom: 10px; float: left; width: 100%; }
.enq-form .read-btn { float: right;  padding: 10px 25px; border:none; }
.map-address { float: right; width: 34%; }
.map-address ul { float: left; }
.map-address ul li { background: url(../images/border.png) repeat-x scroll center bottom rgba(0, 0, 0, 0); float: left; padding:5px 0; width: 100%; }
.map-address ul li img { float: left; padding:0; }
.map-address ul li .address { float: right; width: 87%; }
.map-address ul li p a { font-family: "arimobold"; color: #232323; }
.map-address ul li p a:hover { text-decoration: none; }
.map-address ul li a { color: #00AFFA; font-family: "arimoregular"; font-size: 15px; line-height: 27px; }
.con-data { float: left; }
.con-data img { }
.from .wpcf7 div.wpcf7-mail-sent-ok { border: none; margin: 0; padding: 0; color: #398f14; }
.enq-form ul li { background: none; padding: 0; float: left; width: 100%; margin: 0 0 7px; }
.enq-form input.sum { float: right; height: 36px; margin: 3px 0 8px 11px; width: 100px; }
.time-txt { margin: 10px 0 0; }
.submit:hover { background: #000; color: #fff; text-decoration: none; }
.slideshow { width: 100%; float: left; background: #7393A0; margin: 10px 0; }
.enq-form-contact { background: #fff; margin-top: 10px; width: 100%; float: left; }
.enq-form-contact p { color: #404040; font-family: 'latobold'; font-size: 13px; margin: 0 0 5px; padding: 10px 0 20px; }
.enq-form-contact li input { border: 1px solid #d3d3d3; color: #A9A9A9; font-family: "futura_md_btmedium"; font-size: 13px; line-height: 34px; padding: 0 10px; width: 91.5%; }
.enq-form-contact li textarea { border: 1px solid #d3d3d3; color: #A9A9A9; font-family: "futura_md_btmedium"; font-size: 13px; height: 100px; line-height: 38px; padding: 0 10px; width: 91.5%; }
.enq-form-contact li input.submit { background: #000000; display: block; text-align: center; border-radius: 5px; color: #ffffff; font-family: 'latobold'; font-size: 14px; padding: 16px 2px; text-transform: uppercase; width: 100%; height: auto; border: none; }
.enq-form-contact li input.submit:hover { background: #53bee0; color: #000; }
.enq-form-contact h4 { color: #fff; font-family: "futura_md_btmedium"; font-size: 21px; line-height: 15px; padding: 20px 0; text-transform: capitalize; }
#container .enq-form-contact ul li { background: none; padding: 0; float: left; width: 50%; margin: 0 0 10px; }
.enq-form-contact input.sum { float: left; height: 34px; margin: 0px 0 8px 11px; width: 100px; }
#container .enq-form-contact ul li img { float: left; padding: 3px 0 0; }
#container .enq-form-contact ul { float: left; width: 100%; }
#container .enq-form-contact ul { margin: 0; }
#container .enq-form-contact .full_txt { margin: 0; width: 100%; }
#container .enq-form-contact .full_txt li { width: 100% }
#container .full_txt li textarea { width: 96% }
.enq-form-contact .require { float: right; margin-right: 13px; }
#container .enq-form-contact .map-address { float: left; }
#container .enq-form-contact .map-address ul { float: left; width: 94%; }
#container .enq-form-contact .map-address ul li { /*background: url(../images/border-nw.png) repeat-x scroll center bottom rgba(0, 0, 0, 0);*/ float: left; padding: 10px 0 0; margin: 0; width: 100%; border-right: 1px dashed #ccc; }
#container .enq-form-contact .no-br ul li { border: none; }
#container .enq-form-contact .map-address ul li img { float: left; padding: 0 6px 0 0; vertical-align: middle; }
#container .enq-form-contact .map-address .address { float: left; width: 220px; }
.address p.dark { font-family: "futura_md_btbold"; font-size: 17px; }
#container .enq-form-contact .map-address .address p { color: #000; font-family: "futura_bk_btbook"; font-size: 15px; padding: 0; margin: 0; }
.dark { font-family: "futura_md_btbold"; font-size: 17px; font-weight: bold; }
#container .enq-form-contact .map-address ul li a { color: #000; font-family: "futura_bk_btbook"; font-size: 15px; line-height: 27px; }
#container .enq-form-contact .map-address ul li a:hover { color: #7393A0; }
.address span.dark { font-size: 15px; width: 55px; display: block; float: left; }
.comments li img { float: left; }
.require .submit { background: #000; color: #fff }
.require .submit:hover { background: #7393A0; color: #fff; }
.comments .require { float: right; margin: 3px 15px 0 0; }
.require .submit { width: 125px; height: 38px; line-height: 38px; font-family: "piron_v2_regular"; }
#container .enq-form-contact .comments li { background: none; }
#container .enq-form-contact .comments li img { padding: 5px 0 0 }
.top_quote { background: url(../images/top_quote.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 16px; left: 0; margin: 0 5px 0 0; position: relative; top: 0; width: 21px; }
hr { margin-bottom: 10px; }
.main-gallery { float: left; width: 100%; }
#container .main-gallery li { float: left; width: 33.3%; background: none; padding: 0; margin: 0 0 15px; }
#container .main-gallery .item1:hover a { background: #7393A0 }
#container .main-gallery .item1 img { width: 100%; height: 210px; margin: 0; }
#container .main-gallery .view .mask { height: 210px; }
#container .main-gallery .view a.info { top: 80px !important; }
#container .main-gallery .item1:hover a.info { background: url(../images/box-hover.png) no-repeat center top; }
#container .main-gallery .item1 a { font-family: "piron_v2_regular"; font-size: 13px; font-weight: bold; }
.adds { float: left; width: 100%; margin: 0 0 20px; padding: 0 0 20px; }
.adds .map-address { width: 52%; float: left; }
#container .enq-form-contact .no-br { width: 40%; }
.time-detail { border: 1px solid #ccc; margin: 0 0 10px; padding: 10px; }
.time-detail ul li { margin: 0; padding: 0; background: none; }
.time-detail p.dark { border-bottom: 1px solid #ccc; color: #000; margin: 0 0 5px; font-family: "futura_bk_btbook"; font-size: 17px; padding: 0 0 5px; }
.time-detail p { color: #000; font-family: "futura_bk_btbook"; font-size: 15px; padding: 0; }
.testi_box { height: 300px; padding: 0 0 0 0; }
.testi_box h2::after { background: none repeat scroll 0 0 #1a8827; bottom: 0; content: ""; height: 4px; left: 0; margin: 0; position: absolute; width: 64px; }
/*  End Inner Page 
--------------------------------------------------------------------------------------------------*/

/*table, td, th { vertical-align: middle; }
table { border-collapse: separate; border-spacing: 0; border-top: 1px solid #eaeaea; margin-bottom: 18px; width: 100%; }
td { color: #888; padding: 10px; border: 1px solid; }*/
.cms-page { float: left; }
.cms-block { float: left; margin-right: 75px; }
.cms-block-data { float: left; margin: 40px 0; width: 100%; }

.quick_links .home-contact .con-right li input{  float: left;
    width: 50%;}
.con-right li img{ padding: 4px 10px 15px 6px;}
.con-right li .btn-area{ margin:0;}
.enq-form #frmContactuform ul li input.ContCaptcha{  width: 50%; float:left;}
.enq-form #frmContactuform ul li img{padding: 5px 5px 15px 13px;}
.enq-form #frmContactuform ul{ margin-bottom:0;}
#footer-detail #spanfooter{ font-family: "arimoregular";
    font-size: 14px;  color: #282828;}

/* Media start 
--------------------------------------------------------------------------------------------------*/
@media(max-width:1100px) { .header{ position:inherit;}
body{ padding-top:0px;}

}
@media(max-width:1024px) {
	.submenu ul li:last-child span{ display:none; }
	.accordsuffix img{ padding:0 12px 0 0;}
.wrapper, #service, .video-area, .video-play, .video-play iframe { width: 100%; }
.main { width: 96%; }
#banner img {   width: auto; }
.header-top .htl ul li a, .header-top .htr ul li a { padding: 20px 10px; }
.header-top .htl ul li a, .header-top .htr ul li a { padding: 20px 10px; }
.slider_detail p { font-size: 44px; line-height: 28px; }
.slider_detail .red a { padding: 12px 20px; }
.slider_detail { right: 45px; bottom: 10px; }
.image-play { left: 280px; top: 130px; }
.foot-menu { width: 80%; }
.service .owl-wrapper-outer { width: 98% !important; }
.item1 { width: 90% !important; }
.enq-form li input { width: 96%; }
.enq-form li textarea { width: 96%; }
.map-address ul li .address {
    width: 88%;
}
.enq-form li .submit { padding: 16px 0; }
.menu ul li a { padding: 14px 4px; }
.get-btn { margin: 20px -7px 20px 0; }
.location ul li { padding: 0 46px; }
.location { width: 100%; }
.meanu-area { width: 95%; }
.conent { background: url(../images/content-bg.png) repeat center top;  padding: 20px 0 35px; }
.decorative-box li { padding: 0 26px; width: 28%; }
.con-right { width: 53%; }
.welcome-text { width: 68%; }
.service-detail ul li a { font-size: 19px; }
.quick_links_style { width: 29%; }
.quick_lk { width: 17%; }
.footer-right { width: 54%; }
.btn-area { width: 82%; }
.decorative-box li p { width: 88%; }
#footer { width: 100%; }
/*.decorative-box li:last-child div { width: 82%; }*/
.item1 img { height: 200px; }
.slider_detail p { padding: 107px 11px 20px 0; line-height: 63px; }
.inner-gallery ul li { margin: 0 10px 0 19px; }
.inner-gallery ul li.last-item { margin: 0 29px 0 19px; }
.enq-form li input.submit { padding: 0; }
.header-top { margin: 0 0 0 150px; }
.menu ul li a { padding: 14px 3px; }
.view .mask { height: 95%; }
.view a.info { top: 75px !important; }
#service .owl-prev { top: 39%; }
#service .owl-next { top: 39%; }
.circle-first img { left: 80px; }
.circle-sec img { left: 86px; }
.circle-third img { left: 81px; }
.service-detail{  margin: 0 0 0 70px;}
.photoGall ul li{ width:22%;}
.photoGall ul li img{ width:100%;}
.conentainer{padding: 30px 0 20px;}
}
 @media(max-width:800px) {
.menu-right { display: none; }
.menu-left { display: none; }
.location ul li { padding: 0 10px; }
.decorative-box li { width: 32%; }
.decorative-box li p {  overflow: hidden; }
#footer ul { background: none; }
#footer { width: 100%; background: url(../images/pattern.png) repeat }
.quick_lk { width: 30%; }
.quick_links_style { width: 50%; }
.con-left { width: 42%; }
.con-right { width: 51%; }
.footer-right { width: 100%; }
.btn-area { width: 61%; }
#banner img { width: 100%; }
#main #container { width: 62%; }
.inner-gallery ul li { margin: 0 10px 0 12px; }
.inner-gallery ul li.last-item { margin: 0 22px 0 11px; }
.inner-gallery ul li:last-child { margin: 0 10px 0 12px; }
.code { margin-right: 0; }
.location ul li img { float: left; padding: 0 12px 0 0; }
.location ul li img.callers { padding: 7px 18px 0 0; }
.quick_links h4 { font-size: 17px; }
.home-contact ul li input { width: 89%; }
.home-contact ul li textarea { width: 90%; }
.header-top { margin: 15px 0 0; float:right; width:35%; }
.service h3 { padding: 0 0 15px; font-size: 24px; }
.decorative-box li { margin: 0; width: 29%; padding: 0 15px; }
.conent { background: url(../images/content-bg.png) repeat scroll 59% top; padding: 15px 0; }
.welcome-text { width: 63%;  padding: 0 0 15px; }
.service-detail { margin: 0 0 0 35px; width: 32%; }
.circle-first img { left: 53px; }
.circle-sec img { left: 56px; }
.circle-third img { left: 54px; }
.conent h1{padding: 20px 0 10px;   font-size: 25px;}
.conent p{ margin-bottom: 7px; padding-bottom:0;}
.photoGall ul li {
    width: 29%;
}
.photoGall ul li {    margin: 0 0 30px 32px;}

.service-detail span{padding: 20px 0 10px; font-size: 25px;}
}
 @media(max-width:768px) {
.wrapper, #service, .video-area, .video-play, .video-play iframe { width: 100%; }
.main { width: 96%; }
#banner img { height: auto; }
.slider_detail { display: none }
.conent h3 { font-size: 24px; padding: 25px 0 35px; }
.contact h3 { padding: 25px 0 35px; }
.from .field { width: 100%; }
.foot-menu { width: 100% }
.foot-conetnt p { font-size: 23px; }
.image-play { left: 250px; }
.image-play a { left: 80px; }
/*.header-top { width: 100%; }*/
.foot-menu { text-align: center; width: 100%; }
.foot-menu p { text-align: center; width: 100%; }
.foot-logo { float: none; width: 100%; text-align: center; }
.foot-logo img { float: none; }
.contact { background: url(../images/contact-bg.png) repeat scroll center top; height: auto; float: left; padding: 0 0 20px; }
.service .owl-wrapper-outer { width: 95% !important; }
#service .owl-item { margin: 0 !important; }
.view .mask { height: 80%; }
.contact-add-left { width: 96%; }
.contact-add-right { width: 96%; }
.enq-form { width: 60%; }

.map-address {
    width: 38%;
}
.narrowcolimn ul { clear: both; float: left; width: 100%; }
.enq-form li input { width:95%; }
.enq-form li textarea { width:95%; height: 80px; }
.enq-form li .submit { width: 100%; padding: 16px 0; }
.foot-menu { margin: 0 0 10px; }
.menu {/* background: #626262; */margin-bottom: 10px; }
.menu ul li a { border-radius: 0 0 0 0; }
.menu ul li:hover ul { position: static; width: 100%; }
.menu ul li:hover ul li a {/*    width: 94.6%;*/ width: auto }
.menu-right { display: none; }
.menu-left { display: none; }
.get-btn { float: none; margin: 0; }
.location { width: 100%; }
.meanu-area { padding: 0; width: 100%; }
.logo p { float: right; margin: 0 0 0 15px; }

#banner .owl-pagination {
    bottom: 10px;}
}
 @media(max-width:767px) {
.wrapper, #service, .video-area, .video-play, .video-play iframe { width: 100%; }
.main { width: 100%; }
#banner img { height: auto; }
.slider_detail { display: none }
.appointment-btn { font-size: 12px; margin: 0 0 0 6px; padding: 16px 5px; }
.hdr-right ul { margin: 0; width: 100% }
.hdr-right ul li { margin: 0; padding: 0; }
.header { padding: 5px 0 0; }
.side-collapse-container { width: 100%; position: relative; left: 0; transition: left .4s; }
.side-collapse .htl { height: 500px; overflow: scroll; }
.side-collapse-container.out { left: 200px; }
.side-collapse { top: 35px; bottom: 0; left: 0; width: 200px; position: fixed; overflow: hidden; transition: width .4s; }
.side-collapse.in { width: 0; }
.header-top .navbar-header { position: relative; z-index: 999999; }
.header-top .htl { float: none; border: 0px !important; }
.header-top .navbar-header, .header-top .side-collapse { background: #4e4e4e !important; }
.header-top .navbar-toggle { background: #4e4e4e; border: 0px !important; float: left; width: auto; }
.header-top .navbar-toggle:before { display: none; }
.header-top .htl ul li { float: none; }
.header-top .htl ul li a, .header-top .htr ul li a { text-transform: uppercase; color: #fff; font-size: 12px; border: 0px; border-bottom: 1px solid #464646; padding: 7px 12px !important; display: block; text-decoration: none; font-weight: normal; background: none; }
.header-top .htr { position: absolute; right: 25px; top: -1px; border: 0px; z-index: 999999; padding: 0px; }
.header-top .htr li a { height: 36px; border-bottom: 0px !important; }
header { padding-top: 45px; }
.contnt { margin-bottom: 20px; }
.hdr-right { padding-top: 0px !important; display: table; margin:30px auto !important; float: none; }
.navbar-header { padding: 0px; background: #c5c5c5; margin: 0px !important; }
.navbar-toggle { margin: 0px; position: inherit; background: #4e4e4e; width: 100%; position: relative; }
.navbar-toggle .icon-bar { float: right; clear: right; height: 2px; width: 22px; }
.navbar-inverse .navbar-toggle .icon-bar { background: #fff !important; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.navbar-toggle:before { content: 'Menu'; position: absolute; display: table; color: #900; z-index: 999; left: 12px; font-family: 'OpenSans', sans-serif; font-weight: bold; color: #fff; margin: -3px 0 0; }
.navbar-toggle .glyphicon-plus-sign, .navbar-toggle .glyphicon-remove-circle { font-size: 23px; float: right; margin: 0px 0 0 0; padding: 0px; line-height: 12px; color: #fff; font-weight: normal !important; }
.navbar-toggle .open { opacity: 100; display: none; }
.navbar-toggle .close { opacity: 100; display: block; position: relative; top: -1px; }
.collapsed .open { opacity: 100; display: block; top: -1px; position: relative; }
.collapsed .close { opacity: 100; display: none; }
.navbar .container { padding: 0px !important; }
.navbar-toggle { background: #777; border: 0px solid #c5c5c5 !important; border-radius: 0px; padding: 11px 10px; }
.navbar-toggle .icon-bar { background: #c5c5c5 !important; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #777 !important; }
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar { background: #fff !important; }
.navbar-brand { display: block; float: left;}
#navbar { border-top: 0px; }
#navbar, .nav { width: 100%; margin: 0px; padding: 0px; }
.nav > li > a { padding: 5px 20px !important; border-left: 0; background: #ccc; margin-top: 1px; }
.nav > li.active a { background: #fc9200 !important; color: #fff !important; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #c5c5c5; }
.hdr-right ul li:first-child { display: block; float: left; position: inherit; }
.service h3 { padding: 25px 0 35px; font-size: 24px; }
.conent h3 { font-size: 24px; padding: 25px 0 35px; }
.contact h3 { padding: 25px 0 35px; }
.from .field { width: 100%; }
.foot-menu { width: 100% }
.foot-conetnt p { font-size: 23px; }
.image-play { left: 32px; }
.image-play a { left: 80px; }
.view .mask { height: 78%; }
.widecolumn { width: 100%; }
.contact-add-left img { height: auto; }
.contact-add-left { margin: 0 0 20px; width: 100%; }
.contact-add-right { width: 100%; }
.contact-add-right img { height: auto; }
.narrowcolimn { width: 98%; float: left; }
.enq-form { width: 55%; }
.enq-form li input { width: 94%; }
.enq-form li textarea { width: 94%; }
.map-address {
    width: 43%;
}

.map-address ul li .address {
    width: 84%;
}
.glossymenu { margin: 0 10px; padding: 0; width: 97%; }
.glossymenu a.menuitem { background: #0f5d89; font-family: "arimoregular"; font-size: 16px; color: white; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 5px 0 5px 10px; text-decoration: none; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active { color: white; }
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 12px; right: 0px; border: none; }
.glossymenu a.menuitem:hover { background-image: url(glossyback2.gif); }
.glossymenu div.submenu { /*DIV that contains each sub menu*//* background: white;*/ margin-bottom: 15px; }
.glossymenu div.submenu ul { /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }
.space { margin-bottom: 10px; }
.glossymenu div.submenu ul li { border-bottom: 1px solid #000; margin: 0; background: none; padding: 0; }
.glossymenu div.submenu ul li span { float: left; padding: 5px 10px; }
.glossymenu div.submenu ul.image-gallery li { float: left; border: none; }
.glossymenu div.submenu ul.image-gallery li a { padding: 0 4px 6px 3px; }
.glossymenu div.submenu ul.image-gallery li a:hover { background: none; }
.glossymenu div.submenu ul li a { display: block; font-family: "arimoregular"; font-size: 15px; color: #fff; text-decoration: none; padding: 5px 0 5px 2px; }
.glossymenu div.submenu ul li a:hover { colorz: white; }
.glossymenu { display: block; }
.quick_links, .getin_touch, .gallery { display: none; }
#footer { padding: 10px 0 16px; }
.glossymenu div.submenu ul.con-detail li { border: none; padding: 15px 12px; }
.glossymenu div.submenu ul.con-detail li img { float: left; padding: 3px 10px; width: auto; }
.glossymenu div.submenu ul li.last img { padding-top: 5px !important; width: auto; }
.logo p { float: left; line-height: 48px; margin: 0; padding: 0; }
.hdr-right { float: right; }
.header { padding: 5px 0; }
.location ul li { padding: 0 1px; }
.location ul li img { padding: 0 1px 0 0; }
.location ul li img.callers { padding: 7px 0px 0 0; }
.item1 img { height: 270px; width: 370px; }
.view .mask { height: 96.5%; }
.service .owl-next { width: 35px; }
#service { margin: 0 auto 30px; }
.quick_links_style { display: none; }
#footer ul { background: #353535; }
.glossymenu div.submenu ul li a { padding: 5px 0 5px 8px; }
.mean-container .mean-nav ul li a.mean-expand { height: 26px; padding: 5px 3px 4px 0 !important; width: 30px; }
.sc-media { padding: 10px 0; width: 100%; float: left; background: #000; }
.submenu .social { clear: both; float: left; }
.sp-cl { clear: both; }
.submenu .social li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; padding: 0; border: none !important; width: auto; }
.submenu .social li a { background: url(../images/social.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 30px; padding: 0; width: 40px; margin: 0 5px; }
.submenu .social li a.fb { background-position: 0 0; }
.submenu .social li a.tweet { background-position: -49px 0; }
.submenu .social li a.youtube { background-position: -99px 0; }
#service .owl-prev { top: 44%; }
#service .owl-next { top: 44%; }
.view a.info { top: 118px !important; }
.service{ padding:0;}


.photoGall ul li {
    margin: 0 0 30px 34px;
}
.photoGall ul li {
    width: 28%;
}
}
 @media(max-width:667px) {
	 .circle-first img {
    left: 39%;
}

.circle-sec img {  left: 39%;}
.circle-third img {  left: 39%;}
.foot-menu ul li { display: inline-block; float: none; }
.foot-menu ul li a { line-height: 25px; }
.image-play { left: 200px; top: 70px; }
.foot-conetnt p { margin: 0 0 20px; }
.foot-conetnt, .video-play, .video-play iframe { height: 300px; }
.main { width: 97%; margin: 0 10px; }
.service .owl-wrapper-outer { width: 96% !important; }
#add-icon { display: block; float: right; font-size: 23px; line-height: 23px; text-align: center; width: 30px; }
#add-icon2 { display: block; float: right; font-size: 23px; line-height: 23px; text-align: center; width: 30px; }
#sub-menu { display: none; background: #000; }
#sub-menu2 { display: none; background: #000; }
.logo { text-align: center;  padding:15px 0}
.navbar-brand { float: none; }
.service h3 { padding: 0 0 15px; }
.hdr-right ul li:first-child { float: none; }
.hdr-right { float: right; }
.hdr-right ul { text-align: center; }
.conent h1 { font-size: 26px; padding: 20px 0 10px; margin-bottom:15px;}
.service-detail { margin: 0 0 0 31px; }
.conent p { margin-bottom: 0; padding-bottom:15px; }
.service-detail ul li a { font-size: 17px; }
.decorative-box li { width: 28%; }

.circle-first img:hover { transform: rotate(0deg);}
.circle-sec img:hover{ transform: rotate(0deg); }
.circle-third img:hover{transform: rotate(0deg);}

.home-contact ul li label { color: #fff; }
.glossymenu div.submenu .con-left li { border-bottom: none; padding-right: 0; }
.glossymenu div.submenu .con-right li { border-bottom: none; margin:5 0px; }
.glossymenu div.submenu ul.con-left { width: 100%; }
.glossymenu div.submenu ul.con-right { width: 100%; }
.glossymenu div.submenu .con-left li input { margin: 5px 0 0 8px; width: 92%;color:#fff; }
.glossymenu div.submenu .con-right li textarea { margin: 5px 0 0 14px; width: 90%; border-radius: 13px;color:#fff; }
.glossymenu div.submenu .con-right li .btn-area p { color: #fff; line-height: 50px;
    padding: 0; }
.glossymenu div.submenu .con-left li label { padding: 3px 0 0 12px; }
.glossymenu div.submenu .con-right li label { padding: 3px 0 0 12px; }
.glossymenu div.submenu ul li a.read-btn { padding: 9px 25px; font-size: 14px; font-family: "arimobold"; display: inline; }
.btn-area { margin-right: 20px; width: 39%; }
.read-btn { float: left;     padding: 7px 25px;}
.service-detail span{  padding: 20px 0 10px; font-size:26px;  margin-bottom: 5px;}
.service-detail ul li{line-height: 36px;}
.glossymenu div.submenu ul li span img{ padding:0;}
.glossymenu div.submenu ul li span {
    padding: 5px 10px 0;  width: 22px;
}



.enq-form .read-btn {
    padding: 10px 25px;
}
.title{ line-height:30px;font-size: 23px;}
.glossymenu div.submenu .con-right li input{margin: 5px 0 0 14px;width: 40%; float:left;color:#fff;}
.glossymenu div.submenu .con-right li img{padding: 10px 10px 15px 6px;  }
.con-right li .btn-area{ margin-right:10px;width: 33%;}
.home-contact ul li a.refresh:hover{ background:none;}
}
 @media(max-width:640px) {
	 #banner img{ height:150px;}
.decorative-box li { width: 92%; margin-bottom:30px; }
.decorative-box li h4{ margin:0px !important; padding:4px 0 0 !important;} 

.location ul li p { font-size: 14px; }
.location ul li p a { font-size: 15px; }

.conent h1 { font-size: 24px; }
.read-btn { line-height: 15px; }
.conent p{padding-bottom: 15px;}
.read-btn {
    padding: 10px 25px;
}
.welcome-text {
    padding: 0 0 20px;}
	
.map-address {
    width: 46%;
}

.enq-form {
    width: 52%;
}
.enq-form #frmContactuform ul li input.ContCaptcha{width: 40%;}
}

@media screen and (min-device-width: 481px) and (max-device-width: 639px) {
.map-address ul li .address a{ word-wrap: break-word;}
.con-right li .btn-area{ width:37%;}
.decorative-box li { width: 92%; height: auto; min-height: 280px; }

.service-detail {
    margin: 0 0 0 25px;
}
.conent h1{ line-height: 26px; padding:0 0 10px;}
.service-detail span{  font-size: 22px;
    padding: 0px 0 10px;}
.conent{padding: 15px 0 0;}	
.welcome-text{ padding:0;}
.service-detail ul li {
    line-height: 30px;
}
.conent p{ line-height:20px; padding-bottom: 10px;}
}
 @media(max-width:480px) {
	 
.main { width: 94%; margin: 0 10px; }
.navbar-brand { margin: 0 auto 0 58px; }
.foot-menu ul li { display: inline-block; float: none; }
.foot-menu ul li a { line-height: 25px; }
.foot-menu ul li:first-child a { padding: 0 10px; }
.image-play { top: 30px; left: 100px; }
.foot-conetnt p { margin: 0 0 20px; }
.navbar-brand { margin: 0 auto 0 95px; }
.item1 a { font-size: 14px; }
.view .mask { height: 72%; }
.enq-form { width:100%; }
.enq-form li input { width: 95%; }
.enq-form ul li{ margin: 0 3px 7px;}
.read-btn {
    float: right;}
.btn-area .read-btn {
    float: left;}	
.enq-form li textarea { width: 95%; }

.map-address {
    width: 100%;
}
.logo { text-align: center; }
.hdr-right{  margin: 0 auto !important;}
.logo p { float: none; }
/*.decorative-box li { background: none; width: 29%; }*/
.service h3 { font-size: 22px; line-height: 24px; padding-top: 0px; padding-bottom: 10px; }
/*.decorative-box li { padding: 0 15px; width: 41%; height: auto; max-height: 390px; }*/
.decorative-box li p { padding: 0; width: 100%; }
.decorative-box li h4 { margin: 0 0 10px; padding: 15px 0 10px; width: 96%; font-size: 18px; }
.conent h1 { font-size: 20px; padding: 60px 0 20px; }
.item1 img { height: 180px; }
.view .mask { height: 95%; }
.third-effect a.info { top: 67px !important; }
.location ul li { padding: 0 30px; border: none; width: 87%; }
#footer-detail p { font-size: 14px; }

.navbar-brand { margin: 0 auto 0 0; width: 60%; display: inline; }

.welcome-text { width: 100%; }
.conent { background: url(../images/mob-content.png) repeat scroll 46% top; }
.conent h1 { padding: 4px 0 13px; }
.conent span { line-height: 23px; font-size: 18px; }
.service-detail { width: 100%; margin: 0; }
.conent p { text-align: justify; }
.glossymenu div.submenu .con-left li input { width: 88%; }
.glossymenu div.submenu .con-right li textarea { width: 86%; }
.btn-area { width: 55%; }
.glossymenu div.submenu .con-right li .btn-area p { line-height: 44px; }

.social li a{ display:inline-block;}
.social li{ float:none; display:inline;}
.social{ text-align:center; float:none;}
.conentainer{   padding: 30px 0;}

.photoGall ul li {
    width: 42%;
}
.photoGall ul li {
    margin: 0 0 30px 38px;
}
.con-right li .btn-area{ width:47%;}

}
 @media(max-width:375px) {
	 .decorative-box li { width: 92%; height: auto;  }
.foot-menu ul li { display: inline-block; float: none; }
.foot-menu ul li a { line-height: 25px; }
.foot-menu ul li:first-child a { padding: 0 10px; }
.image-play { top: 30px; left: 60px; }
.foot-conetnt p { margin: 0 0 20px; }
.service .owl-wrapper-outer { width: 91% !important; }
.view .mask { height: 80%; }
.enq-form { width: 100%; }
.enq-form li input { width: 93%; }
.enq-form li textarea { width: 93%; }
.narrowcolimn { width: 97%; }
.inner-conent h3 { line-height: 24px; }
.inner-conent h1 { line-height: 24px; }

.decorative-box li p { width: 99%;  }
.decorative-box li h4 { width: 100%; }
.conent h1 { font-size: 21px; line-height: 28px; }
.location ul li { border: none; padding: 0 30px 0 15px; }
.glossymenu { margin: 0 10px 0 0; width: 100%; }
.view .mask { height: 95%; }
.hdr-right { display: inline; float: right;  width:55%; margin: 10px auto 4px !important; }
.call { width: 73%; float:right; }
.header-top{ width:48%;}
.hdr-right ul li img {
    margin: -6px 5px 0 0;}
.circle-first img { top: 30px; left: 108px; }
.circle-sec img { left: 112px; }
.circle-third img { left: 111px; }
.glossymenu div.submenu .con-left li input { width: 85%; }
.glossymenu div.submenu .con-right li textarea { width: 82%; }

.btn-area { width: 66%; }
.photoGall ul li {
    width: 89%;
}
.enq-form #frmContactuform ul li input.ContCaptcha{width: 43%;}
.con-right li .btn-area {
    width: 62%;
}
}
@media(max-width:360px) {
.image-play { top: 30px; left: 50px; }
.foot-conetnt p { margin: 0 0 20px; }
.service .owl-wrapper-outer { width: 91% !important; }
.view .mask { height: 79%; }
.narrowcolimn { width: 96%; }
.circle-first img { left: 102px; }
.circle-sec img { left: 104px; }
.circle-third img { left: 102px; }
.photoGall ul li {
    width: 88%;
}
.decorative-box li { width: 92%; height: auto; /*min-height: 340px; */}
.decorative-box li h4{ margin:0px; padding:15px 0 5px;}
}
@media(max-width:320px) {
.call a { font-size: 17px; }
.call span { font-size: 12px; }
.call { width: 72%; }
.hdr-right {   width: 49%;   margin: 0 auto 4px !important; }
.header { width: 100%; }
.conent h3, .contact h3 { font-size: 23px; }
.image-play { top: 30px; left: 20px; }
.foot-conetnt p { margin: 0 0 20px; }
.foot-conetnt p { font-size: 22px; }
.main { margin: 0 10px; width: 94%; }
.service .owl-wrapper-outer { width: 90% !important; }
.view .mask { height: 77%; }
.enq-form { width: 99%; }
.glossymenu div.submenu .con-left li input { width: 83%; }
.glossymenu div.submenu .con-right li textarea { width: 79%; }
.btn-area { width: 76%; }
.circle-first img { left: 86px; }
.circle-sec img { left: 87px; }
.circle-third img { left: 86px; }
.hdr-right ul li a{ display:block;}
.header-top {
    width: 44%;
}

.enq-form ul li {
    margin: 0 0 7px;
}

.photoGall ul li {
    width: 86%;
}
.glossymenu div.submenu .con-right li input{ width:29%;}
.con-right li .btn-area {
    width: 69%;
}

}