/* CSS Document */

body { font-family:Calibri, Arial, sans-serif; font-size:16px; color:#333; line-height:26px; padding:0px; margin:0px; }

.topheader { font-size:15px; text-align:right; padding:20px 40px 0px 0px; height:60px; }

.logo { margin-top:130px;}

.logo1 { margin-top:180px;}

.inner-logo { display:none; }

.yellow { background:#ffe033; }

.home { background:#ffe033 url(../images/promags-banner.jpg) no-repeat center; height:489px; }
.about { background:#ffe033 url(../images/about-banner.jpg) no-repeat center; height:354px; }
.serv { background:#ffe033 url(../images/services-banner.jpg) no-repeat center; height:354px; }
.training { background:#ffe033 url(../images/training-banner.jpg) no-repeat center; height:354px; }
.awards { background:#ffe033 url(../images/awards-banner.jpg) no-repeat center; height:354px; }
.clients { background:#ffe033 url(../images/clients-banner.jpg) no-repeat center; height:354px; }
.contact { background:#ffe033 url(../images/contact-banner.jpg) no-repeat center; height:354px; }
.gym { background:#ffe033 url(../images/gym-banner.jpg) no-repeat center; height:354px; }
.house_keeping { background:#ffe033 url(../images/house_keeping-banner.jpg) no-repeat center; height:354px; }
.swim { background:#ffe033 url(../images/swim-banner.jpg) no-repeat center; height:354px; }
.domestic { background:#ffe033 url(../images/domestic-banner.jpg) no-repeat center; height:354px; }
.technical { background:#ffe033 url(../images/technical-banner.jpg) no-repeat center; height:354px; }
.landscape { background:#ffe033 url(../images/landscape-banner.jpg) no-repeat center; height:354px; }

.navbar { border-radius: 0px!important; }

.navbar { background:#3a3d3e; text-transform:uppercase;}

.nav > li{ /*border-bottom:1px solid #272727;*/ }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active {background:#000; color:#ffe033;}

	
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#ffe033 !important;}	

.dropdown:hover .dropdown-menu {display: block;}

.dropdown-menu{background:#3a3d3e!important;}

.dropdown-menu > li > a{padding: 15px 20px; border-bottom:1px solid #272727;}

.dropdown-menu > li > a:hover{background: #000;}

.navbar-default .navbar-toggle{ border-color: #3A3D3E;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#000;}


/*.menu { background:#3a3d3e; height:70px; position:absolute; top:70px; text-transform:uppercase; padding:0px 50px; z-index:9999;}

.menu ul { margin:0px; padding:0px; }

.menu ul li { list-style:none; display:inline; font-size:18px; padding:22px 38px; float:left; }*/

.menu ul li a { text-decoration:none; color:#FFFFFF; }

.menu ul li a:hover { color:#ffe033; }

.menu ul li.active { background:#000; }

.content h1 { color:#ff6000; }

.content h3 { color:#ff6000; font-size:22px; }

.content ul {  }

.content ul li { line-height:32px; list-style:url(../images/arrow.jpg); }

.content ul li ul { margin:10px 0px; }
.content ul li ul li { line-height:32px; list-style:url(../images/list-img.png); }

.btn1 { border:1px #333 solid; padding:10px; }
.btn1 a { color:#333; }
.btn1 a:hover { text-decoration:none; }

section { padding:20px 0px; }

.services { font-size:16px; background: #e0e1e4; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d6dae1, #e0e1e4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d6dae1, #e0e1e4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d6dae1, #e0e1e4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d6dae1, #e0e1e4); /* Standard syntax */
 }
.heade_1 { color:#000; text-transform:uppercase; text-align:center; padding:20px 0px; }

.heade_1 span { color:#ff6000;}
.heade_1 img { margin:10px auto; }

.services ul { padding:20px;  }
.services ul li { list-style:url(../images/list-img.png); }
.services ul li a { color:#333; line-height:32px; }

.parallax { background: url('../images/maintanance.jpg') no-repeat fixed center; height: 445px; background-size: cover; }

.maintenance { background:#000000; opacity: 0.7; filter: alpha(opacity=70); width:100%; height:100%;}

.photoGallery { margin:20px 10px; padding:0px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;}

.photoGallery { filter: none; /* IE6-9 */ -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */ margin-bottom:20px; }

.photoGallery:hover { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ }

.contact-frm form { padding:20px 0px; }
.contact-frm input, .contact-frm textarea { display:block; margin:10px; padding:10px 10px; border:1px #ccc solid; border-radius:5px; width:100%; }
.contact-frm input:focus,textarea:focus {  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);}

.clients-list img { width:150px; margin:10px; border:1px #ccc solid; padding:5px; }

footer { color:#FFFFFF; margin-top:20px; }
.footer { font-size:15px; padding:30px 20px; background:#333; }
.footer p { margin:40px 0px; }
.footer h1 { font-size:20px; }
.footer a { text-decoration:none; color:#FFFFFF; padding:0px 10px; }
.footer a:hover { text-decoration:underline; color:#FFFFFF; }
.copyright { background:#0a0a0a; padding:15px; }


/**  MEDIA QUERIES **/

@media only screen and (max-width: 480px) {
.parallax { background: url('../images/maintanance.jpg') no-repeat fixed center; height: 345px; background-size: cover; background-position:-180px 0px; }
.cont1 { line-height:42px; text-align:right; font-size:24px; color:#FFFFFF; margin:100px 0px 0px 0px; padding:20px 10px; width:90%; float:right;
	background: #111211; /* For browsers that do not support gradients */
 } 
.navbar-nav > li > a{ padding-top: 10px; padding-bottom: 10px; padding-left:38px; padding-right:38px;color:#FFFFFF;}
.navbar-default .navbar-nav > li > a{color:#fff;font-size:14px;}	
.copyright {text-align:center;}
.home { background:#ffe033 url(../images/promags-banner.jpg) no-repeat center; height:300px; }
.about { background:#ffe033 url(../images/about-banner.jpg) no-repeat center; height:300px; }
.serv { background:#ffe033 url(../images/services-banner.jpg) no-repeat center; height:300px; }
.training { background:#ffe033 url(../images/training-banner.jpg) no-repeat center; height:300px; }
.awards { background:#ffe033 url(../images/awards-banner.jpg) no-repeat center; height:300px; }
.clients { background:#ffe033 url(../images/clients-banner.jpg) no-repeat center; height:300px; }
.contact { background:#ffe033 url(../images/contact-banner.jpg) no-repeat center; height:300px; }

.inner-logo { display:block; }
.logo { display:none; }
.logo1 { display:none; }
.logo_m {display:block;}
.logo_m img { width:241px; height:100px; }
.header { border-top:8px #ffe033 solid; height:190px; } 

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    .cont1 { line-height:42px; text-align:right; font-size:28px; color:#FFFFFF; margin:170px 0px 0px 0px; padding:20px 100px; width:50%; float:right;
	background: #111211; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#111211, #121513); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#111211, #121513); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#111211, #121513); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#111211, #121513); /* Standard syntax */
 } 
 .navbar-nav > li > a{ padding-top: 25px; padding-bottom: 25px; padding-left:38px; padding-right:38px;color:#FFFFFF;}
 .navbar-default .navbar-nav > li > a{color:#fff;font-size:18px;}	
  .navbar-header { display:none; }
  .logo_m {display:none;}
  .header { border-top:8px #ffe033 solid; height:90px; } 
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
	.inner-logo { display:none; }
}