@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);body{margin: 0;padding: 0;line-height: 26px;font-size: 14px;font-family: 'Open Sans', sans-serif;text-align: justify;color: #7a7a7a;} .navbar-inverse {background-color: transparent;border-color: transparent;margin: 0;} .navbar-inverse .navbar-nav > li > a {color: #333;text-transform: uppercase;} .navbar-brand {display: none;} a:focus, a:hover, a:active {outline: medium none !important;} .maindiv {float: left;width: 100%;} .logocontainer {float: left;width: 100%;border-top: 5px solid #ce000b;padding: 10px;} .logo {float: left;width: 100%;position: absolute;} .contact {float: right;} .contact a {padding: 5px 9px;text-decoration: none;color: #3f3f3f;font-size: 16px;font-weight: 600;font-family: 'Lato', sans-serif;transition: .3s ease-in-out;} .contact a:hover {transition: .3s ease-in-out;color: #7fd81f;} .fa {font-size: 20px;color: #7fd81f;} .menucontainer {float: left;width: 100%;background-image: url("/images/IFT%20004/menubg.png");background-repeat: no-repeat;background-size: 100% 100%;} .menuH{float: left;width: 100%;} .menuH ul {float: right;margin: 0;padding: 0;} .menuH ul li {padding: 0px 6px;} .menuH ul li a {font-size: 14px;font-weight: 600;font-family: 'Lato', sans-serif;transition: .3s ease-in-out;border-top: 5px solid transparent;color: #fff !important;padding: 10px 6px;} .menuH ul li a:hover{color: #7fd81f !important;transition: .3s ease-in-out;border-top: 5px solid #7fd81f;} .menuH ul li.selected a {color: #FF3E00 !important;} .nav-zoomin .dropdown-menu {transform: scale(0);background-color: #1760b2;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {text-decoration: none;color: #262626;background-color: #1760b2 !important;} .banner {border-top: 1px solid #7fd81f;float: left;width: 100%;} .banner img {width: 100%;} .pagecontainer {float: left;width: 100%;} .pagehead{float: left;width: 100%;color: #7c7c7c;font-size: 20px;text-transform: uppercase;font-family: 'Lato', sans-serif;background-image: url("/images/IFT%20004/aboutheadbg.png");background-position: bottom;padding: 30px 0;background-repeat: no-repeat;background-size: 100%;font-weight: 300;} .pagehead h1{color: #c50f0e;font-weight: 300;} .pagehead span{font-weight: 600;} .pagecontent{float: left;width: 100%;color: #727272;padding: 20px 0;} .aboutcontainer {float: left;width: 100%;padding: 30px 0;background-color: rgba(237, 237, 237, 0.32);} .aboutbg {float: left;width: 100%;background-image: url(/images/IFT%20004/down.png);background-position: bottom center;background-repeat: no-repeat;padding-bottom: 5%;border-top: 4px solid #7fd81f;} .aboutitem {float: left;width: 100%;padding: 0 30px;min-height: 230px;background-color: #fff;box-shadow: 1px 0px 10px #ededed;} .abouthead {float: left;width: 100%;color: #005baf;font-size: 22px;text-transform: uppercase;display: flex;align-items: center;font-family: 'Lato', sans-serif;background-image: url("/images/IFT%20004/itembg.png");background-position: bottom;padding: 15px 0;background-repeat: no-repeat;background-size: 100%;font-weight: 300;} .abouthead span{font-weight: 600;} .abouthead img {padding-right: 20px;float: left;height: 35px;} .aboutcontent{float: left;width: 100%;padding: 10px 0;} .explorecontainer{float: left;width: 100%;padding: 30px 0;} .exhead{float: left;width: 100%;color: #509702;font-size: 29px;text-transform: uppercase;font-family: 'Lato', sans-serif;font-weight: 300;} .exhead span{font-weight: 600;} .excontent{float: left;width: 100%;padding: 20px 0;} .excontent ul {padding: 0;} .excontent ul li {background-color: #f4f4f4;margin: 5px 0;list-style: none;padding: 5px 10px;color: #0061ab;border-right: 3px solid #7fd81f;align-items: center;display: flex;transition: .5s ease-in-out;} .excontent ul li:hover {padding-left: 30px;transition: .5s ease-in-out;background-color: rgba(127, 216, 31, 0.81);border-right: 3px solid #0061ab;color: #fff;} .excontent ul li .fa {font-size: 8px;color: #e10404;padding-right: 10px;} .footercontainer {float: left;width: 100%;background-color: #151515;border-bottom: 4px solid #000;padding: 30px 0;font-family: 'Roboto', sans-serif;font-size: 13px;} .footercontainer a:hover {color: #61e800;transition: .4s ease-in-out;} .fhead {float: left;width: 100%;font-size: 19px;font-weight: 100;padding: 7px 0;color: #61e800;font-family: 'Lato', sans-serif;text-transform: uppercase;} .fhead span {font-weight: 600;text-transform: capitalize;border-bottom: 2px solid #fff;padding: 10px 0;} .green {color: #5fe800;} .fcontent{float: left;width: 100%;padding: 20px 0;color: #7a7a7a;} .fcontent ul {padding: 0;} .fcontent ul li {list-style: none;border-bottom: 1px solid #272727;padding: 8px 0;} .fcontent ul li:last-child {border-bottom: none;} .fcontent ul li a {color: #7a7a7a;text-decoration: none;text-transform: capitalize;} .fcontent a {color: #7a7a7a;text-decoration: none;} .fcontent.lh {line-height: 43px;} .download {margin-top: 40px;} .download a {background-color: #000;padding: 10px 0 10px 10px;} .download .fa {font-size: 20px;color: #fff;background-color: #242424;padding: 5px 7px 12px 12px;margin-left: 20px;} .rightcontainer {float: left;width: 100%;background-color: #151515;color: #7a7a7a;font-family: 'Lato', sans-serif;transition: .4s ease-in-out;padding: 20px 0;} .rightcontainer a {color: #7a7a7a;text-decoration: none;padding: 0 5px;} .rightcontainer a:hover {color: #61e800;transition: .4s ease-in-out;} .rights {float: left;width: 100%;} .sitemaplogin {float: right;padding: 20px 0;width: 100%;} .sitemaplogin a{color: #7a7a7a;text-decoration: none;padding: 0 5px;} .social {float: left;width: 103%;} .social a {display: inline-block;} .social a img:hover {transform: rotate(360deg);transition: .3s ease-in-out;} .social a img {border: 1px solid #fff;border-radius: 50%;} .f:hover {box-shadow: inset 0 0 0 25px #3b5998;} .t:hover {box-shadow: inset 0 0 0 25px #54a9cb;} .l:hover {box-shadow: inset 0 0 0 25px #0177B5;} .g:hover {box-shadow: inset 0 0 0 25px #dc4b39;} .arrow {right: 0;position: absolute;top: -20px;margin-right: -40px;} .arrow .fa {background-color: #b5b5b5;padding: 12px 5px 16px 8px;color: #fff;} .watsapp a i {color: rgb(255, 255, 255);} .watsapp a {color: rgb(255, 255, 255);font-size: 20px;} .watsapp {position: fixed;right: 0px;bottom: 30%;background-color: rgb(80, 229, 4);height: 45px;width: 45px;line-height: 45px;text-align: center;} @media(min-width:320px) and (max-width:479px){.logo {position: relative;} .contact a {width: 100%;float: left;font-size: 14px;} .navbar-inverse .navbar-toggle {border-color: #fff;} .menucontainer {background-image: none;background-color: #005baf;} .menuH ul {float: left;width: 100%;} .menuH ul li a {border-top: none;} .menuH ul li a:hover {border-top: none;} .aboutcontainer {margin-top: 30px;} .aboutitem {padding: 0 10px;} .aboutbg {margin: 20px 0;} .abouthead {font-size: 20px;} .rights {margin-bottom: 10px;} .arrow {margin-right: 0;} .pagehead {font-size: 16px;} .pagehead h1 {font-size: 23px;} .pagecontent h3 {font-size: 18px;text-align: left;} .pagecontent h4 {font-size: 15px;} .proitem img {float: left !important;margin: auto !important;width: 100%;margin: 10px 0 !important;border: 1px solid #cdcdcd;padding: 10px;} .products img {float: left;margin: auto;width: 100%;}} @media(min-width:480px) and (max-width:639px){.logo {position: relative;} .contact a {width: 100%;float: left;font-size: 11px;} .wdth {width: 50%;} .navbar-inverse .navbar-toggle {border-color: #fff;} .menucontainer {background-image: none;background-color: #005baf;} .menuH ul {float: left;width: 100%;} .menuH ul li a {border-top: none;} .menuH ul li a:hover {border-top: none;} .aboutcontainer {margin-top: 30px;} .aboutbg {margin: 20px 0;} .rights {margin-bottom: 10px;} .arrow {margin-right: 0;} .pagehead {font-size: 16px;} .pagehead h1 {font-size: 23px;} .pagecontent h3 {font-size: 18px;text-align: left;} .pagecontent h4 {font-size: 15px;} .proitem img {float: left !important;margin: auto !important;width: 100%;margin: 10px 0 !important;border: 1px solid #cdcdcd;padding: 10px;} .products img {float: left;margin: auto;width: 100%;}} @media(min-width:640px) and (max-width:767px){.logo {position: relative;} .contact a {width: 100%;float: left;} .wdth {width: 50%;} .navbar-inverse .navbar-toggle {border-color: #fff;} .menucontainer {background-image: none;background-color: #005baf;} .menuH ul {float: left;width: 100%;} .menuH ul li a {border-top: none;} .menuH ul li a:hover {border-top: none;} .aboutcontainer {margin-top: 30px;} .aboutbg {margin: 20px 0;} .vid {width: 50%;} .rights {margin-bottom: 10px;} .arrow {margin-right: 0;} .proitem img {float: left !important;margin: auto !important;width: 100%;margin: 10px 0 !important;border: 1px solid #cdcdcd;padding: 10px;}} @media(min-width:768px) and (max-width:991px){.menuH ul li {padding: 0;} .menuH ul li a {font-size: 12px;padding: 10px 5px;} .aboutitem {padding: 0 10px;min-height: 340px;} .abouthead {padding: 15px 0;font-size: 15px;} .abouthead img {padding-right: 10px;transform: scale(.9);} .fhead {font-size: 15px;} .fcontent.lh {line-height: 26px;font-size: 11px;} .download a {background-color: #000;padding: 8px 0 10px 5px;} .download .fa {padding: 4px 2px 11px 6px;margin-left: 10px;} .arrow {margin-right: 0;}} @media(min-width:992px) and (max-width:1199px){.menuH ul li {padding: 0;} .menuH ul li a {padding: 10px;} .aboutitem {padding: 0 15px;min-height: 288px;} .abouthead {font-size: 20px;} .phead {font-size: 9px;} .arrow {margin-right: -25px;}} .pagecontent h3 {color: #005baf;background-color: #cdcdcd;padding: 5px 15px;border-radius: 5px;border-left: 5px solid #7fd838;transition: .5s ease-in-out;text-transform: uppercase;float: left;width: 100%;} .pagecontent h3:hover {padding-left: 20px;transition: .5s ease-in-out;border-left: 10px solid #7fd838;} .pagecontent h4 {color: #c50f0e;background-color: #cdcdcd;padding: 5px 15px;border-radius: 5px;border-left: 5px solid #7fd838;transition: .5s ease-in-out;float: left;width: 100%;} .pagecontent h4:hover {padding-left: 20px;transition: .5s ease-in-out;border-left: 10px solid #7fd838;} .pagecontent ul {padding: 0;} .pagecontent ul li {list-style: none;padding:5px 0;transition: .5s ease-in-out;} .pagecontent ul li:hover {padding-left: 10px;transition: .5s ease-in-out;} .pagecontent ul li .fa {color: #7fd838;padding-right: 5px;} .pagecontent ul li span {color: #005baf;font-weight: bold;} .product {float: left;width: 100%;background-color: #f4f4f4;padding: 20px;margin: 10px 0;border-radius: 10px;} .product img {float: right;} table, tr, td {border: 1px solid #7fd838;} .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: none !important;} .products img {float: right;} .proitem img {float: right !important;margin-left:2%;} .timg {padding: 20px 0;} .clients {display: none;} .clients img {margin: 10px 0;border: 1px solid #cdcdcd;} .clients h3 {color: #005baf;background-color: #cdcdcd;padding: 5px 15px;border-radius: 5px;border-left: 5px solid #7fd838;transition: .5s ease-in-out;float: left;width: 100%;} .clients h3:hover {padding-left: 20px;transition: .5s ease-in-out;border-left: 10px solid #7fd838;} .proitem {float: left;width: 100%;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background-color: transparent !important;color: #fff;} .dropdown-menu {background-color: #00568c !important;} .dropdown:hover .dropdown-menu {display: block !important;} .enquirySection {position: fixed;right: 0px;top: 200px;}img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}