@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500,300);@import url(https://fonts.googleapis.com/css?family=Raleway:500,400,800,700);@import url(https://fonts.googleapis.com/css?family=Dosis:400,600,500,700,800);@import url(https://fonts.googleapis.com/css?family=Redressed);@import url(https://fonts.googleapis.com/css?family=Yesteryear);@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900,900italic,300);body{border:0px !important;margin:0px !important;padding:0px !important;line-height: 26px !important;font-size: 15px !important;font-family: 'Dosis', sans-serif;} .maindiv {float: left;overflow: hidden;width: 100%;} .headercontainerbg {background: #f3ae00 none repeat scroll 0 0;float: left;width: 100%;} p {margin: 0 ! important;} .headercontainer {background-color: #f3ae00;float: left;height: 24px;margin: 70px 0 8px;width: 100%;} .fixedcontainer {position: fixed;z-index: 99;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;height: 46px;top: 50px;right: 0;} .fixedcontainer .menuH{margin: 0 ! important;} .fixedcontainer.inactive{right: -100%;} .menutrigger {color: #f3ae00;cursor: pointer;font-size: 36px;position: fixed;right: 15px;top: 6px;z-index: 999999;} div#componentlayout213356{display: none;} div#componentlayout210144 {display:block;} .logo {bottom: 65px;float: left;position: relative;transition: all 0.5s ease-in-out 0s;width: 100%;z-index: 11;} .logo.activelogo {top: -40px;transition: all 0.5s ease-in-out 0s;transform: scale(1);z-index: 11;left: 0;} a:focus , a:active , a:hover{outline: none ! important;} .navbar-brand {display: none;} #table_inner_content {float: left;text-align: center;width: 100%;} .main {text-align: center;} .headercontainer .menuH {float: left;margin: 0px 0 0;width: 100%;} .selected {color: #fff !important;} .footermenu1 .selected a {color: #f3ae00 !important;} .navbar {border: 1px solid transparent;margin-bottom: 0 !important;min-height: 0 !important;position: relative;} .headercontainer .menuH ul {float: right;margin: 0;padding: 0;width: 100%;} .menuH ul li {background-image: url("/images/ANP%20046/menudivider.png");background-position: right center;background-repeat: no-repeat;background-size: auto auto;float: left;list-style: outside none none;} .navbar-inverse .navbar-nav li a {color: #000;font-size: 13px;font-weight: 700;padding: 15px 17px;text-align: center;font-family: "Raleway",sans-serif;text-transform: uppercase;} .nav i {color: #61e800 !important;} .navbar-inverse {background:none ! important;border: none ! important;} .headercontainer .menuH ul li a:hover {color: #fff;text-decoration: none;} .fixedcontainer .menuH ul li a:hover {color: #fff;text-decoration: none;} .navbar-toggle {background-color: #333 ! important;} .menuH{margin-top: -30px ! important;} .banner{float: left;width: 100%;} .bannercontainer {float: left;position: relative;width: 100%;} .bannerimg {float: left;width: 100%;} .carousel-indicators {bottom: -40px !important;} .carousel-indicators li {background-color: #ccc !important;display: inline-block;height: 15px !important;float:none ! important;width: 15px !important;} .carousel-indicators .active {background-color: #ff7800 ! important;height: 15px !important;margin: 0;width: 15px !important;} .welcomecontainer {background-image: url("/images/ANP%20046/jumdewelcomebg.png");background-position: center center;background-repeat: repeat;background-size: 100% 100%;float: left;padding: 50px 0 0;height: 100vh;width: 100%;position: relative;z-index: 9;} .welcome {float: left;padding-left: 50px;width: 100%;} .welcomecontent {float: left;width: 100%;} .welcomehead h2 {color: #f3ae00;float: left;font-family: "Roboto",sans-serif;font-size: 75px;text-transform: uppercase;width: 100%;} .welcomehead b {color: #f3ae00;font-weight: 900;} .welcometext {float: left;width: 100%;font-family: 'Lato', sans-serif;} .welcometext ul {float: left;margin: 0;padding: 0;width: 100%;} .welcometext li {color: #fff;float: left;font-size: 40px;list-style: outside none none;padding: 8px 0;width: 100%;} .welcometext li:first-child {font-size: 30px;padding-right: 70px;text-align: right;} .welcometext li:nth-child(2) {padding-left: 40px;text-align: left;} .welcometext li:nth-child(3) {font-size: 30px;text-align: right;} .welcometext li:nth-child(4) {font-size: 25px;text-align: left;} .welcometext li:nth-child(5) {text-align: right;} .welcometext li:nth-child(6) {text-align: left;} .welcometext li:nth-child(7) {font-size: 22px;padding-right: 50px;text-align: center;} .welcometext li:last-child {text-align: right;} .welcomemore {color: #fff;float: left;font-size: 25px;margin: 20px 0;width: 100%;} .welcomemore a {border: 1px solid #f3ae00;color: #f3ae00;float: right;font-weight: lighter;font-family: "Roboto",sans-serif;padding: 8px 20px;text-decoration: none;} .hvr-shutter-out-horizontal::before {background: #f3ae00 none repeat scroll 0 0 ! important;} .hvr-shutter-out-horizontal {background: transparent ! important;} .welcomeimagelogo img {display: block;margin: auto;} .servicecontainer {background-image: url("/images/ANP%20046/jumdeservicesbg.png");background-position: center center;background-size: 100% 100%;background-attachment: fixed;background-repeat: repeat;float: left;width: 100%;margin-top: -40px;padding: 50px 0px;} .serviceshead h2 {float: left;font-family: "Roboto",sans-serif;font-size: 75px;font-weight: 600;text-transform: uppercase;width: 100%;} .serviceshead b {color: #f3ae00;} .serviceshead {float: left;margin: 50px 0;width: 100%;} .courseheader {float: left;width: 100%;} .servicecontent {float: left;width: 100%;padding: 30px 0px 80px;} .servicescontent {float: left;width: 100%;background-color: #fff;padding: 10px;transition: all 0.5s ease-in-out;} .arrowbg{float: left;width: 100%;background-image: url("/images/ANP%20046/jumdeservicebottoomimage.png");background-repeat: no-repeat;background-position: bottom;padding-bottom: 30px;} .arrowbg:hover {background-image: url("/images/ANP%20046/jumdeservicebottomimagehover.png");transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;-webkit-transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;} .arrowbg:hover .servicescontent{background-color: #f3ae00;} .servicescontentimage{float: left;width: 100%;position: relative;} .arrowbg:hover .servicesimage img{transform: scale(1.2);-webkit-transform: scale(1.2);transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;-webkit-transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;} .servicesimage{float: left;width: 100%;overflow: hidden;} .arrowbg:hover .servicesimagehover{opacity: 1;transform: scale(1);-webkit-transform: scale(1);} .servicesimage img {float: left;width: 100%;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;-webkit-transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;} .imageadjustheight{min-height: 100%;} .servicesimagehover{float: left;width: 100%;background-color: rgba(0, 0, 0, 0.7);position: absolute;text-align: center;opacity: 0;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;-webkit-transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;transform: scale(0);} .servicesimagehover .fa {padding-left: 10px;} .servicesimagehover i {position: relative;top: 100px;text-align: center;font-size: 40px;color: #fff;background-color: rgba(255, 255, 255, 0.63);line-height: 40px;padding: 5px 2px;border-radius: 10px;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;-webkit-transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;} .servicesimagehover i:hover {background-color: #f3ae00;color: #fff;} .servicescontenttitle {float: left;width: 100%;text-align: center;text-transform:capitalize;font-size: 15px;color: #000;font-family: "Roboto",sans-serif;line-height: 36px;padding: 20px 0px;} .arrowbg:hover .servicescontenttitle{color: #fff;} .owl-theme .owl-controls .owl-page span {background: #f3ae00 none repeat scroll 0 0 !important;} .whyuscontainer {background-image: url("/images/ANP%20046/jumdewhyusbg.png");background-position: center center;background-repeat: repeat;background-size: 100% 100%;float: left;margin-top: -30px;padding: 80px 0 100px;position: relative;width: 100%;z-index: 9;} .whyushead h2 {color: #f3ae00;float: left;font-family: "Roboto",sans-serif;font-size: 75px;text-transform: uppercase;width: 100%;} .whyuscontent {float: left;width: 100%;margin: 50px 0;} .tiredcontent {background-color: #ff8a00;border-left: 4px solid;color: #fff;float: left;font-family: "Roboto",sans-serif;font-size: 40px;line-height: 46px;min-height: 185px;padding: 35px 15px 50px;width: 100%;} .tiredcontent b {color: #000;float: left;font-family: "Lato",sans-serif;font-size: 56px;font-weight: 900;width: 100%;} .dividing {padding: 0 !important;} .tiredlist {float: left;min-height: 185px;width: 100%;} .tiredlist .inactive p:first-child {float: left;padding-top: 6px;} .tiredlist .inactive {background-color: #f3ae00;color: #fff;float: left;list-style: outside none none;margin: 5px;padding: 0px 7px 0 20px;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;} .tiredlist .inactive img {float: right;height: 37px;} .tires1{width:50%;} .tires2{width:70%;} .tires3{width:58%;} .tires4{width:50%;} .linkswhyus{float: left;margin: 15px 0;width: 100%;} .believecontent {background-color: #3d3d3d;color: #fff;float: left;font-size: 20px;font-style: italic;padding: 20px 30px;width: 100%;} .believecontent1 {float: left;color: #fff;font-size: 18px;padding: 10px 0px;font-family: "Roboto",sans-serif;width: 100%;} .believecontent1 a {background-color: #f3ae00;color: #fff;padding: 0 5px;} .believecontent1 b {color: #f3ae00;} .believecontent1 h4 {color: #fff;float: left;font-size: 30px;width: 100%;} .floatinup {border: 1px solid;color: #000;float: right;padding: 9px 10px 7px 14px;position: relative;right: 20px;} .floatinup i {font-size: 25px;text-align: center;} .floating {float: right;position:fixed;bottom:90px;animation: 3s shift infinite;-webkit-animation: 3s shift infinite;text-align: right;width: 100%;z-index: 9999;} .hvr-bounce-to-bottom::before {background: #f3ae00 none repeat scroll 0 0 ! important;} .visible {display: block !important;} .floatinup {display: none;} .portfoliocontainer {background-image: url("/images/ANP%20046/jumdeportfoliobg1.png");background-position: center center;background-repeat: repeat;background-size: 100% 100%;float: left;margin-top: -30px;padding: 60px 0px 30px;position: relative;width: 100%;z-index: 9;} .portfoliohead {float: left;font-family: "Raleway",sans-serif;font-size: 33px;width: 100%;} .portfoliohead h2 {color: #000;float: left;font-family: "Lato",sans-serif;font-size: 75px;margin: 0 0 20px;font-weight: 900;text-transform: uppercase;width: 100%;} .portfolioimages {float: left;margin-top: 30px;width: 100%;} .portfolio2 {float: left;margin-top: 23px;width: 100%;} .portfolio2 img {} .portfolio1 img {height: 202px;width: 100%;} .dividing1 {padding: 0 4px 0 0 !important;} .ports1 img {width: 100%;} .portfolioimagebig img {float: right;} .portfolioimagebig {float: left;margin-top: 50px;width: 100%;} .portfolioimagesdown {float: left;padding: 0 23px;width: 100%;} .bg {background-image: url("/images/ANP%20046/jumdeportfolioimagebg.png");background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;float: left;padding: 20px 0;width: 76%;} .portfoliolinks {float: left;margin-top: 95px;width: 100%;} .portfoliolinks a {background-color: #202020;border-radius: 0px;color: #fff;padding: 10px 70px;text-decoration: none;font-family: "Raleway",sans-serif;text-transform: uppercase;} .portfoliolinks a:hover {color:#f3ae00;} .ports img:hover {cursor: pointer;} .footercontainer {background-image: url("/images/ANP%20046/jumdefooterbg.png");background-position: center center;background-repeat: repeat;background-attachment: fixed;background-size: 100% 100%;float: left;margin-top:-30px;padding: 30px 0px;position: relative;width: 100%;} .footermenu1 {float: left;margin: 50px 0;width: 100%;} .footermenu1 ul {float: left;margin: 0;padding: 0 15px;width: 100%;} .footermenu1 li {float: left;list-style: outside none none;padding: 5px 0;width: 100%;} .footermenu1 a {color: #fff;float: left;text-decoration: none;width: 100%;font-family: "Raleway",sans-serif;z-index: 999;position: relative;} .hvr-icon-wobble-horizontal::before {left: -20px;right: 0;color:#f3ae00;} .footerhead {float: left;margin-top: 30px;width: 100%;} .footerhead h2 {color: #fff;float: left;font-family: "Roboto",sans-serif;width: 100%;} .footermenu2 {float: left;width: 100%;} .footermenu2 ul {float: left;margin: 0;padding: 0;width: 100%;} .footermenu2 li {border: 1px solid #f3ae00;float: left;list-style: outside none none;margin: 8px 5px;padding: 5px 9px;} .footermenu2 a {color: #fff;float: left;font-family: "Raleway",sans-serif;text-align: center;font-size:13px;text-decoration: none;width: 100%;} .footermenu2 a:hover , .footermenu1 a:hover {color: #f3ae00;} .contactus {align-items: center;display: flex;float: left;font-family: "Lato",sans-serif;margin-top: 20px;width: 100%;} .contactinfo , .contactinfo1 {color: #959595;float: left;width: 100%;} .contactinfo ul {float: left;margin: 0;padding: 0;width: 100%;} .contactinfo li {color: #959595;float: left;list-style: outside none none;padding: 0px 0;text-align: left;text-transform: capitalize;width: 100%;} .contactinfo a {color: #959595;margin: 0 13px;text-decoration: none;} .contactinfo1 a {color: #959595;text-decoration: none;} .contactinfo h4 {color: #f3ae00;float: left;font-weight: 200;width: 100%;} .contactcontainer {background: #f4af00 none repeat scroll 0 0;color: #000;float: left;padding: 10px 0;width: 100%;} .copyright {float: left;width: 100%;padding-top: 10px;} .social a {border: 1px solid;border-radius: 0;color: #000;float: left;margin: 0 5px;padding: 4px 10px 6px 12px;} .social a:hover {border-radius: 50%;transition: all 0.5s ease-in-out 0s;color: #fff;} .copyright span {font-weight: bold;text-transform: uppercase;color:#fff;} .social a:first-child:hover {background-color: #1a367f;} .social a:nth-child(2):hover {background-color: #0196da;} .social a:nth-child(3):hover {background-color: #0196da;} .social a:nth-child(4):hover {background-color: #cd2d1d;} .social a:nth-child(5):hover {background-color: #cd2d1d;} .policy {background: rgba(0, 0, 0, 0) url("/images/ANP%20046/menudivider.png") no-repeat scroll left center;color: #000;text-decoration: none ! important;padding: 0 6px;} .policy:hover{color:#fff ;} .pagecontainer {float: left;padding: 10px 0 30px;font-family: "Lato",sans-serif;text-align: justify;width: 100%;} .pagehead {float: left;width: 100%;position:relative;} .pagehead h2 {color: #f3ae00;float: left;font-size: 40px;font-weight: 900;text-transform: uppercase;width: 100%;} .pagecontent b {color: #f3ae00;} .pagecontent {float: left;padding: 0px 0 20px;width: 100%;} .pageright img {display: block;margin: auto;} .teamcontainerhead {background-color: #f3ae00;float: left;width: 100%;} .teamhead h2 {color: #fff;float: left;margin: 0;padding: 15px 0;font-family: "Lato",sans-serif;font-weight: 900;text-transform: uppercase;width: 100%;} .teamcontent1 b {color: #f3ae00;font-weight: bold;} .teamcontainer {background-image: url("/images/ANP%20046/jumdeteamcontainerbg.png");background-position: center center;background-repeat: repeat;background-size: 100% 100%;float: left;font-family: "Lato",sans-serif;padding: 80px 0px 100px;position: relative;width: 100%;} .teamname {background-image: url("/images/ANP%20046/jumdeteambg.png");background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;float: left;margin-top: -45px;padding: 20px 20px 10px;color: #fff;position: relative;width: 100%;z-index: 99;height:130px;} .teamname h2 {color: #000;float: left;font-size: 20px;font-weight: bold;margin: 30px 0 0;width: 100%;} .teamhead1 {float: left;margin: 30px 0 0;width: 100%;} .teamhead1 h2 {color: #f3ae00;float: left;margin: 0 0 20px;font-weight: 900;font-size:20px;width: 100%;} .teamhead1 b {color: #333;font-size: 16px;} .teamcontent1 {float: left;margin: 30px 0 0;text-align: justify;width: 100%;} .socialmedia a {float: left;padding: 0 4px;} .socialmedia {float: left;margin-left: 40%;margin-top: -5%;} .teamcontent {display: none;} @media(min-width:320px) and (max-width:479px){.headercontainer {margin: 70px 0 0;} .menuH ul li{width: 100%;background:transparent ! important;} .headercontainer .menuH ul {background: rgba(243, 173, 0, 0.8) none repeat scroll 0 0;} .navbar-inverse .navbar-nav li a {color: #fff;font-size: 12px;padding: 10px 20px;text-align: left;text-transform: capitalize;} .menuH a:hover{color:#000 ! important;} .logo.activelogo {top: -8px ! important;} .welcomecontainer{height: auto ! important;} .pagehead h2 {font-size: 35px;} .teamhead h2 {text-align: center;} .welcome {padding-left: 0;} .welcometext li {font-size: 22px !important;} .welcomemore a {margin-top: 30px;} .serviceshead h2 , .whyushead h2, .portfoliohead h2{font-size: 50px;text-align: center;} .whyuscontainer{background: #000 ! important;padding: 28px 0 50px ! important;} .tires1, .tires2, .tires3, .tires4 {font-size: 12px;padding: 0 5px !important;width: 100%;margin: 5px 0px ! important;} .pageright {margin-top: 0 !important;} .believecontent {font-size: 15px;padding: 10px 15px;} .portfoliohead {font-size: 25px;line-height: 36px;padding: 0 15px;} .tiredlist .active{width: 100% ! important;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;background-color: #ff8a00;color: #000;} .bg{background: transparent ! important;} .dividing1 {padding: 0px 0 0 !important;} .portfoliocontainer{background: #ccc ! important;} .portfolioimagebig img {display: block;float: left;margin: auto;width: 100%;} .bannerimg {height: 100vh ! important;} .portfolioimagesdown {padding: 0;} .social {float: left;margin: 20px 0;width: 100%;} .pagecontent ul {width:100% ! important;} .pagehead h4 {font-size: 13px !important;} .pagecontainer {padding: 40px 10px 30px;} .fullwidth {padding-left: 0 !important;} .carousel-indicators {bottom: -75px !important;} .footercontainer {background-attachment: fixed ! important;background-position: left center ! important;background-size: 95% 100% ! important;} .cd-timeline-content p {font-size: 14px ! important;}} @media(min-width:480px) and (max-width:767px){.pagehead h4 {font-size: 13px !important;} .pagecontainer {padding: 40px 10px 30px;} .menuH ul li{width: 100%;background:transparent ! important;} .pageright {margin-top: 0 !important;} .cd-timeline-content p {font-size: 14px ! important;} .headercontainer .menuH ul {background: rgba(243, 173, 0, 0.8) none repeat scroll 0 0;} .navbar-inverse .navbar-nav li a {color: #fff;font-size: 12px;padding: 10px 20px;text-align: left;text-transform: capitalize;} .menuH a:hover{color:#000 ! important;} .getseparat{float:left;width:50%;} .logo.activelogo {top: -35px ! important;} .welcomecontainer{height: auto ! important;} .welcome {padding-left: 0;} .welcometext li {font-size: 22px !important;} .welcomemore a {margin-top: 30px;} .serviceshead h2 , .whyushead h2, .portfoliohead h2{font-size: 50px;text-align: center;} .whyuscontainer{background: #000 ! important;padding: 28px 0 50px ! important;} .tires1, .tires2, .tires3, .tires4 {font-size: 12px;padding: 0 5px !important;width: 100%;margin: 5px 0px ! important;} .believecontent {font-size: 15px;padding: 10px 15px;} .portfoliohead {font-size: 25px;line-height: 36px;padding: 0 15px;} .tiredlist .active{width: 100% ! important;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;background-color: #ff8a00;color: #000;} .bg{background: transparent ! important;} .dividing1 {padding: 0px 0 0 !important;} .portfoliocontainer{background: #ccc ! important;} .portfolioimagebig img {display: block;float: left;margin: auto;width: 100%;} .portfolioimagesdown {padding: 0;} .carousel-indicators {bottom: -75px !important;} .social {float: left;margin: 20px 0;width: 100%;} .bannerimg {height: 100vh ! important;} .pagecontent ul {width:100% ! important;} .fullwidth {padding-left: 0 !important;} .footercontainer {background-attachment: fixed ! important;background-position: left center ! important;background-size: 95% 100% ! important;}} @media(min-width:768px) and (max-width:991px){.logoimg {display: block;margin: auto;} .menubar {float: left;margin-top: -90px;padding: 0;width: 100%;} .socialmedia {float: left;margin-left: 45%;margin-top: -8%;} .menuH {margin-top: 0 !important;} .pagehead h2 {font-size: 50px;} .contactus {width: 50%;} .contactus:last-child {margin-left: 28%;width: 72%;} .navbar-inverse .navbar-nav li a {font-size: 12px;padding: 15px 10px;text-align: left;text-transform: capitalize;} .headercontainer {height: 85px;} .bg {width: 92% ! important;} .tires2 {width: 80%;} .servicecontainer {margin-top: -74px;padding: 97px 0;} .social {float: left;margin: 20px 0;width: 100%;} .tiredlist .active{width: 90% ! important;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;background-color: #ff8a00;color: #000;font-family: "Roboto",sans-serif;font-size: 12px;}} @media(min-width:992px) and (max-width:1199px){.navbar-inverse .navbar-nav li a {padding: 15px 8px;text-transform: capitalize;} .logo.activelogo {top: -20px ! important;} .menuH {margin-top: -45px !important;} .tiredlist .active{width: 90% ! important;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;background-color: #ff8a00;color: #000;font-family: "Roboto",sans-serif;font-size: 15px;} .contactus:last-child img {display: block;margin: auto;} .departe{float: left;width: 60%;} .welcomecontainer{height: auto ! important;} .departe1{float: left;width: 40%;} .servicescontenttitle {font-size: 21px;} .welcometext li:nth-child(6) {font-size: 33px;} .contactus {width: 50%;} .contactus:last-child {margin-left: 28%;width: 72%;} .socialmedia {float: left;margin-left: 35%;margin-top: -6.5%;}} @media(min-width:1200px){.logo.activelogo {top: -34px ! important;} .navbar-inverse .navbar-nav li a {padding: 15px 10px;} .menuH li:last-child {background: transparent none repeat scroll 0 0;} .tiredlist .active{width: 90% ! important;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;background-color: #ff8a00;color: #000;font-family: "Roboto",sans-serif;font-size: 15px;} .welcomemore a {margin-top: 32px;} .bannerimg {height: 100vh ! important;}} @media(min-width:1349px){.logo.activelogo {top: -40px ! important;} .bannerimg {height: 100vh ! important;} .navbar-inverse .navbar-nav li a {padding: 15px;} .tiredlist .active{width: 90% ! important;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;background-color: #ff8a00;color: #000;font-family: "Roboto",sans-serif;font-size: 15px;}} @media(min-width:1650px){.menuH li:last-child {background: transparent none repeat scroll 0 0;} .logo.activelogo {top: -40px ! important;} .navbar-inverse .navbar-nav li a {padding: 15px;} .bannerimg {height: 100vh ! important;} .tiredlist .active{width: 90% ! important;transition: all 0.5s cubic-bezier(0.15, 0.35, 0.45, 0.5) 0s !important;background-color: #ff8a00;color: #000;font-family: "Roboto",sans-serif;font-size: 15px;}} .contactus a:hover{color:#f3ae00;} .pagehead h4 {float: left;font-family: "Roboto",sans-serif;font-size: 15px;margin: 0;font-weight:bold;padding: 0 3px;width: 100%;} .pageright ul {float: left;margin: 0 0 20px;padding: 0;width: 100%;} .pageright li {float: left;font-size: 15px;font-weight: bold;list-style: outside none none;padding: 0 0 0px;width: 100%;} .projectsresiimage1 {float: left;text-align:center;margin: 0 0 20px;width: 100%;} .projectsresiimage1 img {display: block;margin: auto;} .projectsresicontent {float: left;text-align: justify;margin-top:55px;width: 100%;} .projectsresiimage1 h2 {color: #f3ae00;float: left;font-size: 20px;font-weight: 700;width: 100%;} .projectsresiimage1 span {color: #333;float: left;font-family: "Raleway",sans-serif;font-size: 12px;font-weight: lighter;line-height: 26px;margin: 10px 0;width: 100%;} .pagecontent ul {float: left;margin: 10px 0;padding: 0 15px;width: 100%;} .pagecontent li {float: left;list-style: outside none square;padding: 3px 0;width: 100%;} .pagecontent h4 {border: 1px solid #ccc;border-radius: 5px;color: #f3ae00;float: left;font-size: 17px;font-weight: bold;padding: 10px;width: 100%;} .view h5 {background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;bottom: 0;color: #000;float: left;font-size: 10px;padding: 12px 0;position: absolute;text-transform: uppercase;width: 96%;display: none;} .view:hover h5 {display: none;} .mask p {float: left;font-size: 14px;line-height: 22px;margin-top: 30px !important;width: 100%;} .newpro {float: left;margin-top: 30px;width: 100%;} .mask a {color: #000;font-weight: bold;} .mask a:hover {color: #f3ae00;} .hi-icon-effect-8 .hi-icon {background: rgba(255,255,255,0.1);-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;transition: transform ease-out 0.1s, background 0.2s;} .hi-icon-effect-8 .hi-icon:after {top: 0;left: 0;padding: 0;z-index: -1;box-shadow: 0 0 0 2px rgba(255,255,255,0.1);opacity: 0;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);} .no-touch .hi-icon-effect-8 .hi-icon:hover {background: rgba(255,255,255,0.05);-webkit-transform: scale(0.93);-moz-transform: scale(0.93);-ms-transform: scale(0.93);transform: scale(0.93);color: #fff;} .hi-icon-effect-8 .hi-icon:hover:after {-webkit-animation: sonarEffect 1.3s ease-out 75ms;-moz-animation: sonarEffect 1.3s ease-out 75ms;animation: sonarEffect 1.3s ease-out 75ms;} .hi-icon-wrap {text-align: center;margin: 0 auto;} .hi-icon {display: block;font-size: 0px;cursor: pointer;border-radius: 50%;text-align: center;position: relative;z-index: 1;color: #fff;} .hi-icon:after {pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .hi-icon:before {font-family: 'ecoicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;display: block;-webkit-font-smoothing: antialiased;} @-webkit-keyframes sonarEffect {0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fc513f, 0 0 0 5px rgba(255,255,255,0.5);} 100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fc513f, 0 0 0 10px rgba(255,255,255,0.5);-webkit-transform: scale(1.5);opacity: 0;}} @-moz-keyframes sonarEffect {0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fc513f, 0 0 0 5px rgba(255,255,255,0.5);} 100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fc513f, 0 0 0 10px rgba(255,255,255,0.5);-moz-transform: scale(1.5);opacity: 0;}} @keyframes sonarEffect {0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fc513f, 0 0 0 5px rgba(255,255,255,0.5);} 100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fc513f, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;}} .teamimage img {display: block;filter: grayscale(100%);height: 250px;margin: auto;-webkit-filter: grayscale(100%);} .teamimage img:hover {filter: grayscale(00%);-webkit-filter: grayscale(00%);} .services1 h3 {float: left;font-size: 15px;font-weight: bold;line-height: 28px;text-align: center;width: 100%;} .services1 img {display: block;margin: auto;} .sericse {float: left;padding: 50px 0 0;width: 100%;} .services1 {border: 1px solid #f0f0f0;float: left;margin: 0 0 30px;min-height: 260px;padding: 10px 0;width: 100%;} .cd-timeline-block:hover .cd-timeline-img img{transform: scale(1.5);transition: all 0.5s ease-in-out 0s;-webkit-transform: scale(1.5);-webkit-transition: all 0.5s ease-in-out 0s;} .cd-timeline-img img:hover {transform: scale(1.5);transition: all 0.5s ease-in-out 0s;-webkit-transform: scale(1.5);-webkit-transition: all 0.5s ease-in-out 0s;} .team1 h2 a {color: #000;text-decoration:none;} .team1 a {color: #fff;text-decoration:none;} .view.view-tenth{border:1px solid #f3ae00;} .view.view-tenth img{width:100%;} .annualport img {position: relative;transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;z-index: 1;cursor: pointer;transform: scale(1);width: 100%;} .annualport1 p:first-child:hover img {transform: scale(1);} .annualport {float: left;margin: 20px 0;overflow: hidden;position: relative;text-align: center;width: 100%;} .annualport p + p a {border-bottom: 3px double #333;border-top: 3px double #333;color: #333;text-transform: capitalize;float: left;font-size: 12px;margin-top: 20px;width: 100%;} .modal-content {box-shadow: none !important;border:none !important;border-radius:0 ! important;background: rgba(255,255,255,0.95) !important;} .modal-body {background: rgba(255,255,255,0.95) !important;float: left;width: 100%;} .modal-footer {background: rgba(255,255,255,0.95);float: left;margin:0 ! important;width: 100%;} .modal-title {color: #f3ae00;font-size: 25px;font-weight: 800;line-height: 1.42857;margin: 0;text-align: center;text-transform: uppercase;} .pagehead a {border: 1px solid;bottom: 20px;color: #f3ae00;float: right;font-size: 30px;padding: 2px 10px;position: absolute;right: 20px;text-decoration: none;} .hvr-shutter-in-horizontal::before {background: #fff none repeat scroll 0 0 ! important;} .hvr-shutter-in-horizontal {background: #f3ae00 none repeat scroll 0 0 ! important;} .btn-default {border-color: #f3ae00 ! important;} .btn-default:hover {border-color: #f3ae00 ! important;background-color:#f3ae00 ! important;color:#fff ! important;} .close {color: orange !important;font-size: 25px !important;font-weight: 800 !important;line-height: 1;opacity: 1 !important;} .contactinfo ul li b {float: left;width: 25%;}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;}