body{background: #808080;} .container{background: #fff;} .my-head{padding: 15px 0px;} .logo{margin-top: 10px;} .info span{position: relative;top: -84px;left: 106px; font-size: 12px; font-weight:bolder;} .bold{font-weight: 600; color: green;} .callus{margin-top: 10px;} .slash{font-size:18px; position:relative; top:1px;} .email,.callus{float: right; margin-top: 0px;} .email .bold{position:relative; top:-1px;} .pd{padding-top: 20px;} .social{list-style-type: none; margin: 0px; float: right; padding-bottom: 15px; } .social li{display: inline-block;} .social li a img{transition:all 400ms;-moz-transition:all 400ms;-ms-transition:all 400ms;-o-transition:all 400ms;-webkit-transition:all 400ms;} .social li a img:hover{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);} .slide-con{margin-top: 0px; border-top: 1px solid #fff;} .height{height:300px; background: #ccc; padding: 0px;} .infobox{background: green; height: 300px; width: 100%; padding: 30px 15px;} .heading{font-size: 30px; color: #fff; font-weight: normal;} .infobox h3{font-size: 14px; color: #fff; font-weight: normal; margin: 0px; margin-left: 2px;} .tag {margin-top: 30px;} .tag ul{list-style-type: none; padding-left: 0} .tag ul li{color: #fff;} .tag ul li span{font-size: 18px; color: #0f0; margin-right: 15px;} .mid-head{font-size: 24px; color: green; font-family: arial; font-weight: 100; margin-top: 7px;} .mid-head span:nth-child(1){font-family: impact;} .mid-head span:nth-child(2){font-style: italic;} .aside{background: #dedede;} .aside h2{padding: 10px; background: green; color:#fff;font-size: 18px; margin-bottom: 0px; margin-top: 7px} .padding0{padding: 0px;} .pro{padding-left: 0px; list-style-type: none; padding-right: 0px;} .pro li{padding-left: 15px; padding-right: 15px; margin-top: 1px; background: #EDEDED;} .pro li a{float: left; text-decoration: none; display: block; color: #244A00; font-weight:normal; text-transform: uppercase;} .pro li a:hover{color: green; text-decoration: none;} .pro li a:hover .pro li span{color: #fff;} .pro li span{margin-right: 15px; color: green; font-size: 20px;} .pro li span:nth-child(2){float: right;margin-right: 0px; font-size: 20px; color: green;} .para{line-height: 26px; color: #5e5e5e; word-spacing: .5px; text-align: justify;} .middle>.row>div{padding: 0px;} .middle>.row>div:nth-child(1){padding-left: 15px; padding-right: 15px;} .iso{text-align: center;} .iso img{width: 125px; position: relative;top: 20px;} .slide-brand{padding: 0px;} .slideleft{ border:1px solid #f0f0f0; padding:0px 15px; } ul.slide{margin:0; padding:0; height:120px; list-style-type:none; } ul.slide li{float:left; list-style-type:none; height:120px; width: 90px;} ul.slide img{ height:70px; padding:5px; width: 70px; margin: 0 auto; margin-top: 25%; filter: brightness; /* IE6-9 */ filter: brightness(100%); /* Firefox 35+ */ -webkit-filter: brightness(100%); /* Google Chrome, Safari 6+ & Opera 15+ */ -webkit-transition: all 500ms; /* Safari */ transition: all 500ms; } /* Disable grayscale on hover */ ul.slide img:hover { filter: brightness; -webkit-filter: brightness(120%); cursor:pointer; } .range{margin: 0px; font-family: impact; font-size: 22px; padding: 7px 15px; color: #787878;} .range span:nth-child(1){color: #f00;} /*this maruti class for show images that is light box image container*/ .maruti{display: none;}/*make this line comment if want to show lightbox*/ .About{display: block !important;} /*this maruti class for show images that is light box image container*/ .maruti .row{padding: 15px 0;} .proheading{margin:0px; padding-top:15px; color:#F00; font-size:18px;} .maruti .row div:nth-child(odd){ padding: 3px;} .maruti .row div:nth-child(even){padding: 3px;} .maruti img{width: 100%;} .maruti .row div img{height: 140px;} .maruti .row div>div{padding: 5px; box-shadow: 0 0 4px #000; border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; -ms-border-radius:10px 10px 0px 0px; -o-border-radius:10px 10px 0px 0px;-webkit-border-radius:10px 10px 0px 0px;} .maruti .row div h4{margin: 0px; text-align: center; padding: 7px 15px; background: green; color: #fff;} .footernav ul{list-style-type: none; padding: 0px;} .footernav ul li{float: left;} .footernav ul li a{padding: 10px 15px; text-decoration: none; color: green;} footer{padding: 15px 0px 5px 0px;} .copyright{padding-right: 15px;} #tag{padding-left: 15px;} #tag a{font-size: 12px; text-decoration: none;} .footsocial{display: none;} /*enquiry page css starts*/ .enquiry-img-row>div>img{ -webkit-box-shadow: 0 8px 6px -6px #ccc; -moz-box-shadow: 0 8px 6px -6px #ccc; box-shadow: 0 8px 6px -6px #ccc;} .en form{padding: 15px;} .m-clear{margin:0px; clear:both !important;} .inlab{margin: 15px 0px;} .inlab label{float: left; color: green;} .inlab input{float: right; padding: 5px 10px; width: 50%; border: 1px solid green;} .en form textarea{width: 50%; margin-bottom: 15px; float: right;border: 1px solid green;} .inlab input[type="submit"]{background: green; color: #fff;} .inlab input[type="submit"]:hover{background: darkgreen; color: #0f0;} /*contact page css*/ .add{padding: 15px;} .genuine-heading{font-family:"fantasy";word-spacing: 1px; color: green;} .g-con>div span:nth-child(1){font-size: 24px; color: darkgreen;} .g-con>div span:nth-child(2){position: relative; top: -3px; left: 20px; font-size: 14px; font-weight: 400; color: green;} /*about page css starts*/ .About .genuine-heading{text-align: center;} .About ol{padding-left: 20px;} .About ol li{line-height: 26px; color: #5e5e5e; word-spacing: .5px; text-align: justify; margin-bottom: 24px;} .About ol li span:nth-child(1){font-weight: bold; font-size: 16px;} .facility ol{list-style-type: none; padding-left: 0px;} .facility ol ol{list-style-type: none; padding-left: 0px; text-align: center;} .facility ol ol li{margin-bottom: 5px; color: #f00;} .facility ol ol li .fa{color: green;} .facility ol ol li:last-child{margin-bottom: 20px;} /*==========================================================*/ .plr0{padding:0px; background: #ccc;} .plr0 *{margin:0px; padding:0px; border:none;} /*menu css starts*/ nav{position:relative;margin:0 auto;} #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} #cssmenu #head-mobile{display:none;} #cssmenu{background:#008C00;} #cssmenu > ul > li{float:left; text-align: center; width: 16.666666%; border-right: 1px solid #fff;} #cssmenu > ul > li:nth-child(6){ border-right:none;} .mainul{margin-bottom:0;} #cssmenu > ul > li > a{padding:10px 0px;font-size:14px;text-decoration:none;color:#ddd;} #cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff;} #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#00AD00 !important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;} #cssmenu > ul > li.has-sub > a{padding-right:0px;} #cssmenu > ul > li.has-sub > a:after{position:absolute;top:20px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''} #cssmenu > ul > li.has-sub > a:before{position:absolute;top:17px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;} #cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0;} #cssmenu ul ul{position:absolute;left:-9999px; z-index:1000; width:100%;} #cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#008C00;transition:all .25s ease;} #cssmenu ul ul li:hover{background: #00AD00 ;} #cssmenu li:hover > ul{left:auto;} #cssmenu li:hover > ul > li{height:39px;} #cssmenu ul ul ul{margin-left:101%;top:0;} #cssmenu ul ul li a{border-bottom:1px solid rgba(0, 173, 0, 1);padding:9px 15px;width:100%;font-size:14px;text-decoration:none;color:#fff;font-weight:400;} #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0;} #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff;} #cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:'';} #cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;} #cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0;} #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#00C400 ;} #cssmenu ul ul ul li.active a{border-left:1px solid rgba(255,255,255,.2); box-shadow:inset 0 1px 0 rgba(30, 139, 195, 1);} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333;} @media (max-width:768px){ body{overflow-x:hidden; } nav{width:100%;} #cssmenu{width:100%;} #cssmenu ul{width:100%;display:none;} #cssmenu ul li{width:100%;border-bottom:1px solid rgba(0, 173, 0, 1);padding:2px 15px;width:100%;font-size:14px;text-decoration:none;color:#ddd;font-weight:400;} #cssmenu ul li:hover{background:#6BB9F0;} #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;} #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;} #cssmenu > ul > li{float:none;} #cssmenu ul ul li a{padding-left:25px;} #cssmenu ul ul li{background:darkgreen;} #cssmenu ul ul li:hover{background:#00C400;} #cssmenu ul ul ul li a{padding-left:35px;} #cssmenu ul ul li a{color:#ddd;background:none;} #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff;} #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left; margin-top: 5px;} #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none;} #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700;} .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;} .button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:'';} .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:'';} .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);} #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:1px;display:block;border-left:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2);height:44px;width:45px;cursor:pointer;} #cssmenu .submenu-button.submenu-opened{background:darkgreen;} #cssmenu ul ul .submenu-button{height:39px;width:39px; } #cssmenu ul ul ul .submenu-button{background: #005900 !important;} #cssmenu .submenu-button:after{position:absolute;top:22px;right:17px;width:8px;height:2px;display:block;background:#ddd;content:'';} #cssmenu ul ul .submenu-button:after{top:20px;right:13px;} #cssmenu .submenu-button.submenu-opened:after{background:#fff;} #cssmenu .submenu-button:before{position:absolute;top:19px;right:20px;display:block;width:2px;height:8px;background:#ddd;content:'';} #cssmenu ul ul .submenu-button:before{top:17px;right:16px;} #cssmenu .submenu-button.submenu-opened:before{display:none;} #cssmenu ul ul ul li.active a{border-left:none;} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none;} } /*menu css ends*/