@charset "utf-8"; 
/*
Project Name: Rangoli Marketing Company"
Coded by: Mohd Basheer
Primary color: #f4b64a
font-family: 'Poppins', sans-serif;
font-family: 'Raleway', sans-serif;
*/
*{ margin:0; padding:0; box-sizing:border-box;}
html, body{height:100%;width:100%;background:#FFF;font-family: 'Poppins', sans-serif; color: #333333; font-size:14px; line-height:26px;}
.container{ position:relative;}
.browsehappy{margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0}
.msgContainer{ padding:80px 15px; }
.msgContainer-inner{color:#FFF;border-radius:15px;    padding:20px; max-width:500px; margin:0 auto;
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
    zoom: 1;}
	.msgContainer-inner h1{ margin-top:0}

.msgContainer-inner:nth-child(n) {
    filter: none;
}

.btn-outline {
    background-color: #fff;
    border-color: #018dc8;
    color: #018dc8;
}
.btn-outline:hover {
background-color: #fff;
    border-color: #036791;
    color: #036791;
}
.arial{ font-family:Arial, Helvetica, sans-serif}
a, a:hover, a:focus, a:active{ color: #333333; outline:none; text-decoration:none;}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
 .push {
    height: 50px; display:block; /* .push must be the same height as .footer */
}
.btn{padding:8px 30px;}
.btn-primary {
    color: #fff;
    background-color: #186dc8;
    border-color: #186dc8;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
    color: #fff;
    background-color: #0c56a5;
    border-color: #0c56a5;box-shadow: 0 0 0 .2rem rgba(0,123,255,0);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0c56a5;
    border-color: #0c56a5;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0);
}
.text-primary{ color:#186dc8 !important;}
.bg-primary{ background:#186dc8 !important;}
/* ==========================================================================
   header
   ========================================================================== */
.logoRelative{ position:relative; display:block;}
 
.logo{ margin:20px auto 5px; display:block;}
.logo2{margin:10px auto; display:block; float:right;}
.logoCap{font-family: 'Arvo', sans-serif;font-size:18px; font-weight:700; color:#d99400; text-transform:uppercase; text-align:center; margin:5px auto 12px;}

.topCaption{ position:absolute; top:0; right:0;}
.topCaption span{ background:#f4b64a; padding:2px 15px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; display: inline-block;}

.bg-toplinks{ background:rgba(0,0,0,0.1); display:block; width:100%; padding:5px 0;}
.toplinks{ margin:0; padding:0;  display:block; list-style:none;}
.toplinks li{font-size:12px; font-weight:600; color: rgba(0,0,0,0.8); display:block;padding:0 10px; /*line-height:14px; border-right:2px solid rgba(0,0,0,0.8);*/ }
.toplinks li a{font-size:12px; color: rgba(0,0,0,0.8); }
.toplinks li:last-child{border-right:none;}

.toplinks li:nth-child(2){border-right:none;} 
/*.toplinks .fa,.toplinks a .fa{color: #f4b64a; }*/

.toplinks li a.enquireBtn{ background: #fff; padding:6px 15px; color: #186dc8; font-family: 'Raleway', sans-serif; font-size:21px; font-weight:700; border-radius:30px; text-align:center; margin:auto; text-transform:uppercase;}

.shareIcons{ margin:0; padding:0; display:block; list-style:none; float:right;}
.shareIcons li{display:inline-block;}
.shareIcons li a{font-size:14px; line-height:14px; border-right:2px solid; color: rgba(0,0,0,0.7); padding:0 15px; text-align:center; display:block;}
.shareIcons li:last-child a{ border-right:0;}
/*.shareIcons li a.fb{ background:#3b5999;}.shareIcons li a.tw{ background:#55acee;}.shareIcons li a.gplus{ background:#dd4b39;}.shareIcons li a.yout{ background:#cd201f;}.shareIcons li a.insta{ background:#e4405f;}*/
 /* ==========================================================================
   footer
   ========================================================================== */

.mainfooter{ width:100%; font-size:14px; line-height:20px; font-weight:500; color: rgba(255,255,255,0.9); padding:30px 0 8px; background: rgba(34,34,34,0.9);}
.mainfooter .shareIcons li a{border-radius:0;}
.copyright{ border-top:1px solid rgba(255,255,255,0.5); text-align:center; font-size:14px; margin-top:20px; padding:20px 0 8px;}
.copyright p{ margin:0;}
.copyright a{color:rgba(255,255,255,0.8);}
.copyright a:hover{color:#f4b64a;}

.footerLinks{ margin:0; padding:0; display:block; list-style:none;}
.footerLinks li{font-size:12px; font-weight:500; color: rgba(255,255,255,0.9); margin-bottom:5px; font-style:italic; display:block;/*padding:15 20px; line-height:14px; border-right:2px solid rgba(255,255,255,1);*/ }
.footerLinks li a{font-size:12px; color: rgba(255,255,255,0.9); }
.footerLinks li:last-child{border-right:none;}
.footerLinks .fL,.footerLinks a .fL,.fL{font-size:28px; }


ul.social-links{ margin:0; padding:0; list-style:none; display:block;}
ul.social-links li{ display:inline-block;}
ul.social-links li a{ display:inline-block; font-size:12px; width:26px; height:26px; line-height:26px; text-align:center; color:rgba(255,255,255,1); margin-right:5px;}
ul.social-links li a:hover,ul.social-links li a:focus,ul.social-links li a:active{ color:#f4b64a;}

.social-links li a.fb{ background:#3b5999;}.social-links li a.tw{ background:#55acee;}.social-links li a.gplus{ background:#dd4b39;}.social-links li a.yout{ background:#cd201f;}.social-links li a.insta{ background:#e4405f;}.social-links li a.ln{ background:#0a66c2;}
   /* ==========================================================================
  homepage
   ========================================================================== */
.navWrapper{ background: #186dc8; display:block; width:100%; font-family: 'Raleway', sans-serif;}
.navbar {padding: 0; }
.navbar-brand { display: block; width: 180px; padding: 5px; background: #fff; margin: 8px 0; border-radius: 5px;}
.navbar-brand img{ display: block; width:100%;}

.navbar-light .navbar-nav .nav-link {padding:5px 0; margin:0; border-bottom:none;font-weight: 600; color: rgba(255,255,255,0.8);}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #f4b64a; border-bottom:none;}
li.nav-item{ border-right:none}
.navbar-light .navbar-toggler {background: #f4b64a; border-color: #f4b64a;}
 .navbar-toggler{padding: 5px 10px;border-radius: 0;}
.bx-wrapper .bx-viewport{background:none; border:none;  box-shadow:none; left:0; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0)}
.bx-wrapper{position:relative; margin:0 auto; padding:0; *zoom:1}
.bx-wrapper img{max-width:100%; display:block}
.bx-wrapper .bx-loading{min-height:50px; background:url(../images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev{left:10px; background:url(../images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-next{right:10px; background:url(../images/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}

.bannerContainer{position:relative; width:100%; float:left; margin:0;display:none; padding:0;}
.no-js .bannerContainer{display:block}

#bannerSlides li img{width:100%; }
.bannerContainer .bx-wrapper{margin:0 auto; position:relative}
.bnrCaption{position: absolute;display: table; font-weight:bold; left:0; right:0; margin:auto; bottom:50px; padding:10px 20px;text-transform: capitalize;text-align: center; overflow:hidden;color:#fff;font-family: 'Raleway', sans-serif; font-size:24px; background: #186dc8; border-radius:30px;}

#bannerSlides{margin:0; padding:0}
.bannerContainer .bx-wrapper .bx-pager{position:absolute; right:0; left:0; bottom:5px; z-index:4; text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; }
.bannerContainer .bx-wrapper .bx-pager .bx-pager-item, 
.bannerContainer .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a{text-indent:-9999px; display:block; width:12px; height:12px; border:2px solid #fff; margin:0 5px; outline:0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a.active{background:#186dc8; border-color:#186dc8;}
#bPrev a, #bNext a{outline:none; text-decoration:none; font-size:25px; color:#fff; position:absolute; top:40%; right:10px; background:#186dc8; width:34px; height:34px; display:block; line-height:32px; text-align:center; border:1px solid #186dc8; border-radius:10px; }
#bPrev a{left:10px}

#bPrev a:hover, #bNext a:hover{background:#f4b64a; border:1px solid #f4b64a;}

.aboutWrap{ padding:60px 0 0; margin-bottom:100px; background:url(../images/about-bg.png) no-repeat scroll center center;}
.abtImg{ background:#d6d6d6; padding:3px;}

.myCounter{ background: rgba(0,0,0,0); border:1px solid rgba(0,0,0,0.1); border-radius:3px; padding:20px 10px; text-align:center; margin-top:20px; text-transform:capitalize;}
.myCounter .counter{ font-size:36px; color:#186dc8; font-weight:600;}
.testiContainer{ position:relative; display:block; margin:80px auto; text-align:center;}

.testiContainer #tPrev a,.testiContainer #tNext a{ width:50px; height:50px; line-height:48px; font-size:52px; color: rgba(51,51,51,1); display:block; position:absolute; top:30%; left:-80px;}
.testiContainer #tNext a{ left:auto; right:-80px;}

.btn-inverse{ display: table; background: rgba(0,0,0,0.7); color:#fff; padding:8px 30px;}
.btn-inverse:hover,.btn-inverse:focus{background: rgba(0,0,0,0.9); color:#fff;}

.fa{line-height:21px;}
.fenceThumb{ background:#fff; border:1px solid #ccc; border-radius:4px; padding:4px; display:block; margin-bottom:20px;}


.zoomWindow{ top:0px !important; left:auto !important; right:0 !important;  width:400px !important; height:320px !important;}

.no-gutter, .no-gutter > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.no-gutter-sm, .no-gutter-sm > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

/*===============fancybox style============*/

.fancybox-overlay {
    z-index: 1024 !important;
}
/*===============innerpages============*/
.title{font-family: 'Raleway', sans-serif; margin-top:30px;}
.titleTop{font-family: 'Raleway', sans-serif; margin-top:0px;}  
.title-hm{font-family: 'Raleway', sans-serif; margin:48px 0 26px;} 
.titleHm{font-family: 'Raleway', sans-serif; font-size:36px; font-weight:800; margin:0 0 10px; text-transform: capitalize;}
/*.titleHm span::after{ content:''; display:block; width:150px; height:5px; background:#f4b64a;}*/
.text-sourceSans{font-family: 'Raleway', sans-serif;}
.text-exlite{ font-weight:200;}
.text-lite{ font-weight:300;}
.text-normal{ font-weight:400;}
.text-medium{ font-weight:500;}
.text-semibold{ font-weight:600;}
.text-bold{ font-weight:700;}
.text-extrabold{ font-weight:800;}
.text-white{ color:#fff;}
.text-black{ color:#333333;}
.text-yellow{ color:#f4b64a;}
.text-italic{ font-style:italic;}
.bg-orange{ background:#ed9328;}
.bg-red{ background:#ff514f;}
.bg-purple{ background:#5856d7;}
.text-21{ font-size:21px;}

.sideTitle{background:#f4b64a; color:#fff; padding:5px; text-align:center; width:100%; margin:0 auto; border-bottom:1px solid rgba(0,0,0,0.2);}

.pageheader{ width:100%; height:0; margin:auto; text-align:center; display:block; position:relative; margin-bottom:30px; background:url(../images/inner-banner1.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; padding-bottom:30%;}
.aboutUs.pageheader{background:url(../images/inner-banner1.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.exteriorpage .pageheader{background:url(../images/inner-banner1.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.interiorpage .pageheader{background:url(../images/inner-banner3.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.hardwarepage .pageheader{background:url(../images/inner-banner4.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.fundermax-exterior-claddingpage .pageheader{background:url(../images/fundermax-exterior-cladding-innerbanner.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.rensonpage .pageheader{background:url(../images/renson-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.qbisspage .pageheader{background:url(../images/qbiss-inner-banner.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.dormapage .pageheader{background:url(../images/dorma-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.knauf-danoline-gypsm-boardspage .pageheader{background:url(../images/knauf-danoline-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.knauf-heradesign-panelspage .pageheader{background:url(../images/knauf-heradesign-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.hunter-duglous-metal-ceilingspage .pageheader{background:url(../images/hunter-duglous-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.arte-wall-coveringspage .pageheader{background:url(../images/arte-wall-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.yoyopage .pageheader{background:url(../images/yoyo-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.meodedpage .pageheader{background:url(../images/meoded-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.skkpage .pageheader{background:url(../images/skk-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.raised-access-floorpage .pageheader{background:url(../images/raised-access-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.wooden-laminated-floorpage .pageheader{background:url(../images/wooden-laminated-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.solid-wood-floorpage .pageheader{background:url(../images/solid-wood-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.polished-concrete-floorpage .pageheader{background:url(../images/polished-concrete-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.marmoleum-floorpage .pageheader{background:url(../images/marmoleum-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.object-carpetspage .pageheader{background:url(../images/object-carpets-inner-banners.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }


.gallerypage .pageheader{background:url(../images/inner-banner1.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.clientspage .pageheader{background:url(../images/inner-banner2.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.testimonialspage .pageheader{background:url(../images/inner-banner2.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.contactUs.pageheader{background:url(../images/inner-banner3.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.enquiryWrap.pageheader{background:url(../images/inner-banner3.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.thankYou.pageheader{background:url(../images/inner-banner1.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.errorWrap.pageheader{background:url(../images/inner-banner2.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.wrap404.pageheader{background: url(../images/inner-banner3.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }

.pageheader img{ width:100%;}
.car-breadcrum{position:absolute; bottom:80px; left:0; right:0; margin:auto; text-align:center;}
.pageTitle{text-transform:uppercase; margin:0; background:transparent; color: #f4b64a; font-weight:600;  font-family: 'Raleway', sans-serif;}
.breadcrumb{text-transform:capitalize; display:block; padding: 3px 15px; margin:0; background:transparent; color: #fff; font-size:15px;  font-family:"Open Sans",sans-serif;}
.breadcrumb li{ display:inline-block;}
.breadcrumb > li + li::before {
    content: "/\00a0";
    padding: 0 5px;
    color: #fff;
}
.breadcrumb a{ text-transform: capitalize; color: #fff; font-size:15px;  font-family:"Open Sans",sans-serif;}


   /* ==========================================================================
   Form styles
   ========================================================================== */
.placeholder{color:#444}
::-webkit-input-placeholder{color:#444}
::-moz-placeholder{color:#444}
.captcha{list-style:none; margin:0; padding:0; display:block; float:left; width:100%}
.captcha li{float:left; margin:0 5px 0 0}
.captcha .input-group{width:130px}
.small-input {width:30px !important;padding:6px 0!important;text-align:center}
.sitePaging{float:right}
.sitePaging .input-group-addon,.sitePaging .input-group-btn {width:auto}
/*=========form errors========*/
.innerError{font-size:10px; color:#f00; background:#fbe3e4 url(../images/invalid.png) 0 50% no-repeat; padding:2px 2px 2px 20px; border:1px solid #fbc2c4; min-height:18px}
.innerHelp{font-size:11px; color:#5f8d00; color:#5f8d00; background:#e6efc2; padding:2px 2px 2px 20px; border:1px solid #390; min-height:18px;  background:#fbe3e4 url(../images/valid.png) 0 50% no-repeat}

.contactBlock a{ color:#333}

/* ==========================================================================
   Accordoin
   ========================================================================== */

.panel-default > .panel-heading {
    background-color: #f1f1f1;
    border-color: #ccc;
    color: #fff; padding:10px; margin-bottom:1px;
}
.panel-heading:hover,.panel-heading.active {
  background-color: #186dc8; color:#fff;
}
.panel-heading h4{ margin:0;}
.panel-title a{ font-size:18px; font-weight: normal; margin: 0;}
.panel-heading:hover .panel-title a,.panel-heading.active .panel-title a{color:#fff;}
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
.panel-body{ background:#f9f9f9; padding:10px;}
.list-leftlinks{ margin:0; padding:0; display:block; list-style:none;}
.list-leftlinks li{ display:block}
.list-leftlinks li a{ font-size:14px; color:#333; font-weight:500;}
.list-leftlinks li a:hover{ color:#f4b64a;}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.location-map,.footer-map {
    border: 1px solid #ccc;
    height: 0;
    margin: 0 auto 20px;
    overflow: hidden;
    padding-bottom: 90%;
    position: relative;
}
.location-map iframe,.footer-map iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    width: 100% !important;
}
.footer-map{padding-bottom: 58%;}

a{-webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
.btn-outline{ background-color:transparent;  color:inherit;  transition:all .3s}
.btn-outline-inverse {background-color: transparent;border-color:#FFF;color:#fff;}
.btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {background-color: #fff;border-color:#fff;color:#444;text-shadow:none;}
.sharp{border-radius:0}

.fitImg{width:100%; height:100%; background-size:cover!important; -ms-behavior:url(backgroundsize.min.htc); behavior:url(backgroundsize.min.htc)}


.img-16by9{ position:relative; height:0; overflow:hidden; display:block; padding-bottom:56.25%}
.img-16by9 img{ position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%;}

.grayscale{filter:url("data:image/svg+xml; utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:gray; filter:grayscale(100%); -ms-filter:grayscale(1); -webkit-filter:grayscale(1); -webkit-transition:all .5s ease; -webkit-backface-visibility:hidden; -moz-filter:grayscale(100%); -moz-transition:all .5s ease; -moz-backface-visibility:hidden}


.blur{filter:blur(3px); -webkit-filter:blur(3px); -moz-filter:blur(3px);  -o-filter:blur(3px); -ms-filter:blur(3px); filter:url("data:image/svg+xml; utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='3' /></filter></svg>#blur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')}

/*.thumbnail:hover .grayscale{filter: grayscale(0);}*/
.show-grid{margin-bottom:10px; margin-top:10px}
.marBtm{ margin-bottom:20px;}
.marRight{ margin-right:20px;}
.marleft{ margin-left:20px;}
.marTop{ margin-top:20px;}
.no-marginTop{ margin-top:0;} .no-marginBtm{ margin-bottom:0;}
.w100{width:100%}
.h100{ height:100%}
.paddingTopBottom{ padding:30px 0;} .no-padding-rt{ padding-right:0}
.gridPadding{ padding:20px;}
.ir{background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px}
.ir:before{content:""; display:block; width:0; height:150%}

.marSec{ margin-top:40px;}
.marSecBtm{ margin-bottom:40px;}

.animScale{transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: transform;}
.animScale:hover{transform: scale(1.1) rotate(-1.2deg);}

/* ==========================================================================
   back-to-top
   ========================================================================== */
.toTop{display:none; text-decoration:none; position:fixed; z-index:997; bottom:80px; right:10px; overflow:hidden; width:50px; height:50px; border:none; text-indent:-9999px; background:url("../images/ui-totop.png") no-repeat left top}
.toTop:active, .toTop:focus{outline:none}
.toTop:hover{background:url("../images/ui-totop.png") no-repeat left -50px}


#sidelinks .dropdown-item{white-space: unset;padding: 5px;font-size: 14px;}







/* Extra Small Devices, Phones */ 
@media only screen and (max-width:320px){}

@media only screen and (max-width:360px){
.bnrCaption{display: none;}
.topCaption {font-size: 12px; font-weight: normal; text-transform: capitalize; text-align: center;}
.topCaption span { padding: 8px 8px;}
.testiContainer #tPrev a,.testiContainer #tNext a{left:14%;}
.testiContainer #tNext a{ left:auto; right:14%;}
}

/* Small Devices, Tablets */

@media only screen and (max-width:575px){
.car-breadcrum{bottom: 10px;}
.car-breadcrum h4.pageTitle{ font-size:16px;}
.breadcrumb{padding: 0x 15px; font-size:10px;}
.breadcrumb a{ font-size:10px;  }

}

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

	
ul.social-links{ margin:0 auto; text-align:center; float: none;}
	
.car-breadcrum{bottom: 30px;
top: auto;}
.car-breadcrum h1.pageTitle{ font-size:14px;}
.breadcrumb{padding: 0x 15px; font-size:10px;}
.breadcrumb a{ font-size:12px;  }
.navWrapper { background: #fff; border-bottom:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(0,0,0,0.1)}
.navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,0.8);}
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
.bnrCaption{padding: 10px; font-size: 12px; bottom: 30px;}
.titleHm{font-family: 'Raleway', sans-serif; font-size:26px; font-weight:600; margin:20px 0 20px; text-transform:uppercase;}
.titleHm span::after{width:50px;}
.topCaption {font-size: 15px; font-weight: normal; text-transform: capitalize; text-align: center;}
.topCaption span { padding: 8px 16px;}
.footerLinks { margin: 0 0 30px;}
ul.social-links { margin: 0 auto 30px; text-align: left;}
.testiContainer #tPrev a,.testiContainer #tNext a{top:auto; bottom:-4px; left:30%;}
.testiContainer #tNext a{ left:auto; right:30%;}
.aboutWrap {padding: 60px 0;margin-bottom: 40px; background: #f9f7f7;}
.topCaption{ display:none;}
.logoCap{margin: 10px auto 5px;}

/*html.js.flexbox.canvas.canvastext.webgl.touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.no-applicationcache.svg.inlinesvg.smil.svgclippaths.skrollr.skrollr-mobile,.homepage.loaded{ overflow:visible !important;}*/

} 








@media only screen and (max-width:768px){
.technoWrap{ max-width: 100%; background:rgba(255,255,255,0.8); padding:0; position: relative; top:auto; left:auto; right: auto;
margin:20px auto;}

}


@media only screen and (min-width:768px){
.navbar-brand{ display:none;} 
.navbar{ padding:0;}
.sideLinks.navbar{ padding:0;}
.navbar-nav > li{font-family: 'Raleway', sans-serif; padding:0 24px; margin:14px 0 14px; line-height:17px; border-right:2px solid #fff;}
.navbar-nav > li:last-child{ padding-right:0; border-right:0px solid #fff;}
.navbar-nav > li:first-child{ padding-left:0;}
.navbar-light .navbar-nav  .nav-link {color: rgba(255,255,255,1); padding:0 0; margin: 0; font-size:17px; font-weight:500; text-transform: uppercase;/* border-bottom:3px solid rgba(0,0,0,0.1); */ position:relative;}
.navbar-light .navbar-nav  .nav-link:after { width:auto; content:''; display:block;  border-bottom:3px solid rgba(0,0,0,0); position: absolute;
bottom: -6px;
left: 0;
right: 0;
height: 3px; }

.navbar-light .navbar-nav .active > .nav-link:after, .navbar-light .navbar-nav .nav-link.active::after,
.navbar-light .navbar-nav .nav-link:focus::after, .navbar-light .navbar-nav .nav-link:hover::after
{border-bottom:3px solid #f4b64a;}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #f4b64a; /*border-bottom:3px solid #f4b64a;*/}
.navbar-light .collapse ul li:hover> ul{display:block}
.navbar-light .collapse ul ul{position:absolute;top:92%;left:0;min-width:250px;display:none}
/*******/
.navbar-light .collapse ul ul li{position:relative}
.navbar-light .collapse ul ul li:hover> ul{display:block}
.navbar-light .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.navbar-light .collapse ul ul ul li{position:relative}
.navbar-light .collapse ul ul ul li:hover ul{display:block}
.navbar-light .collapse ul ul ul ul{position:absolute;top:0;right:0;min-width:320px;display:none;z-index:1}
.car-breadcrum{ bottom:20px;}
/*.headerWrap{ width:100%; background: transparent; display:block; position:absolute; top:0; left:0; right:0; margin:auto; text-align:center; z-index:1070;}*/

.toplinks li,.toplinks li a {font-size: 11px;}
.toplinks li a.enquireBtn {padding: 4px 12px;font-size: 16px;}
/*.titleHm{font-family: 'Raleway', sans-serif; font-size:36px; font-weight:600; margin:20px 0 50px; text-transform:uppercase;}*/
.bnrCaption{padding: 10px; font-size: 16px;}
/*.topCaption { font-size: 16px;}
.topCaption span { padding: 8px 14px;}*/
.navbar-nav li { padding: 0 16px;}
.navbar-light .navbar-nav .nav-link {font-size: 14px;}
.copyright {font-size: 12px;}
.titleTop.h1{ font-size:26px;}
.aboutWrap {padding: 60px 0 180px;margin-bottom: 40px;}
.titleImg{ margin-left:50px;}
}

@media only screen and (min-width:992px){
/*.navbar-light .navbar-nav .nav-link { padding:4px 14px; margin: 0; font-size:14px;  text-transform: uppercase; }*/
.car-breadcrum{ bottom:20px;}
/*.toplinks { margin: 14px 0 5px;}
.toplinks li,.toplinks li a {font-size: 14px;}*/
.toplinks li a.enquireBtn {padding: 6px 16px;font-size: 18px;}
.bnrCaption{padding: 10px 20px; font-size: 20px;}
.toplinks li,.toplinks li a {font-size: 12px;}
.navbar-nav li { padding: 0 36px;}
.navbar-light .navbar-nav .nav-link {font-size: 14px;}
.copyright {font-size: 14px;}
.titleTop.h1{ font-size:36px;}
.aboutWrap {padding: 60px 0 150px;margin-bottom: 0px;}
.myCounter{ margin:20px auto 60px;}

}

@media only screen and (min-width:1200px){
.car-breadcrum{ bottom:50px;}
/*.navbar-light .navbar-nav .nav-link { padding:1px 20px; margin: 6px auto; font-size:16px; }*/
/*.toplinks{ margin:32px 0 5px;}
.toplinks li,.toplinks li a{font-size:14px;}*/
.toplinks li a.enquireBtn{ padding:6px 15px; font-size:21px;}
/*.titleHm{font-family: 'Raleway', sans-serif; font-size:46px; font-weight:600; margin:20px 0 50px; text-transform:uppercase;}*/
.bnrCaption{padding: 10px 20px; font-size: 24px;}
.topCaption { font-size: 24px;}
.navbar-nav li { padding: 0 40px;}
.navbar-light .navbar-nav .nav-link {font-size: 17px;}
.myCounter{ margin:20px auto 0;}
}

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


/* Medium Devices, Desktops */
@media only screen and (max-width:991px){


}