/* Name:Efftronics Systems Pvt. Ltd Version:2.0 Author:P.Eswara Rao Copyright 2017 Efftronics Systems Pvt Ltd */ @import url(https://fonts.googleapis.com/css?family=Roboto:700,400,300,100|Montserrat:400,700); body { background-color: #fff; font-family: 'Roboto', sans-serif; color: #A2A2A2; } h1, h2, h3 { font-weight: 200; } h2 strong { color: #fcfcfc;} p{ font-family: 'Roboto', sans-serif; } nav.navbar.navbar-default { font-size: 13px; } .row { margin-left: 0; margin-right: 0; } .swHeading { text-align: center; color: #000; } .swHeading hr { width:50%; Align:center; } .swHeading2 { text-align: left; } .iotsolRow { padding: 100px 10px; } #iotExprtiseHeadng { background-color: rgba(45, 49, 49, 0.03); border-left: 4px solid #38b3ff; border-right: 4px solid #38b3ff; padding: 0.3% 0; color: #00BCD4; } .issuesCol { background-color: #38b3ff; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); padding: 100px 10px; color: white; } .issuesCol2 { background-color: #f5ae3c; padding: 100px 10px; color: white; } /*set icon for benefits list*/ .benefitsLst { list-style: none; padding: 0; } .benefitsLst li { padding-left: 1.3em; } .benefitsLst li:before { content: "\f061"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-left: -1.3em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ } .stissuesCol, .seissuesCol, .ssissuesCol, .secissuesCol,.iotissuesCol { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); color: white; } .benfitsCol {	padding-top: 9%; padding-bottom: 9%; color: white; } .reportCol { padding-top: 2%; padding-bottom: 2%; text-align: left; } .btn-default { background-color: rgba(255, 255, 255, 0); border-color: black; font-size: 25px; } /* Smart Water Carousel*/ .carousel{ margin: 25px 0;} .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 70%; margin: auto; } .carousel-control.left { background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0))); background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0))); background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } /*Broucher downloads*/ .broucher-download { position:absolute; right:25px; top:15px; } /* Nav tab */ .nav-tabs { border-bottom: none; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #38b3ff; cursor: default; background-color: #fff; border: none; border-bottom-color: transparent; border-bottom:3px solid #38b3ff; } .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; font-size:16px; color: grey; font-weight: 300; } .nav-tabs>li>a:hover { border-color: none; } .nav-tabs>li>a:active { border-color: none; border-bottom:5px solid #38b3ff; } .nav-tabs{ padding-top:2%; } /*Waste Management Nav Tabs*/ .wasteMngTabs>li.active>a, .wasteMngTabs>li.active>a:focus, .wasteMngTabs>li.active>a:hover { color: #0ba58f; cursor: default; background-color: #fff; border: none; border-bottom-color: transparent; border-bottom:3px solid #0ba58f; } .wasteMngTabs>li>a:active { border-color: none; border-bottom:5px solid #0ba58f; } /*Command Control Center Nav Tabs*/ .cccTabs>li.active>a, .cccTabs>li.active>a:focus, .cccTabs>li.active>a:hover { color: #923c81; cursor: default; background-color: #fff; border: none; border-bottom-color: transparent; border-bottom:3px solid #923c81; } .cccTabs>li>a:active { border-color: none; border-bottom:5px solid #923c81; } /*Urban Flood Monitoring Nav Tabs*/ .floodTabs>li.active>a, .floodTabs>li.active>a:focus, .floodTabs>li.active>a:hover { color: #de5d8e; cursor: default; background-color: #fff; border: none; border-bottom-color: transparent; border-bottom:3px solid #de5d8e; } .floodTabs>li>a:active { border-color: none; border-bottom:5px solid #de5d8e; } /*Bus Stop Dispaly Nav Tabs*/ .bsdTabs>li.active>a, .bsdTabs>li.active>a:focus, .bsdTabs>li.active>a:hover { color: #211d1d; cursor: default; background-color: #fff; border: none; border-bottom-color: transparent; border-bottom:3px solid #211d1d; } .bsdTabs>li>a:active { border-color: none; border-bottom:5px solid #211d1d; } /*PAS Nav Tabs*/ .pasTabs>li.active>a, .pasTabs>li.active>a:focus, .pasTabs>li.active>a:hover { color: #928433; cursor: default; background-color: #fff; border: none; border-bottom-color: transparent; border-bottom:3px solid #928433; } .pasTabs>li>a:active { border-color: none; border-bottom:5px solid #928433; } .ctySolBgImgRow{ margin-top: 2%; background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center; } .ssRow { background-image: url("../imgv2/smart-signaling/smart-signaling-bg.jpg"); text-align: center; } .rcmRow { background-image: url("../imgv2/smart-signaling/railway-solutions/rcm/rcm-bg.jpg"); text-align: center; } /*transport solutions*/ .stRow { background-image: url("../imgv2/smart-cities/smart-transport/smart-transport-bg.jpg"); } .stsolRow{ text-align: center; color: white; padding-bottom: 4%; padding-top: 4%; } .stsolRow h4 { font-weight: 200; } .stsolRow a, .stsolRow a:hover { color: white; } /*rcm*/ .rcmRow { background-image: url("../imgv2/smart-signaling/railway-solutions/rcm/rcm-bg.png"); } .rcmsolRow{ text-align: center; color: white; padding-bottom: 6%; padding-top: 6%; } .rcmsolRow h4 { font-weight: 200; } .rcmsolRow a, .rcmsolRow a:hover { color: white; } /*smart environment solutions*/ .seRow { background-image: url("../imgv2/smart-cities/smart-environment/smart-environment-bg.jpg"); } .sesolRow{ text-align: center; color: white; padding-top: 6%; padding-bottom: 6%; } .sesolRow h4 { font-weight: 200; } .sesolRow a, .sesolRow a:hover { color: white; } /*smart energy conservation solutions*/ .secRow { background-image: url("../imgv2/smart-cities/smart-energy/smart-energy-bg.jpg"); } .secsolRow{ text-align: center; color: white; padding-top: 15%; padding-bottom: 15%; } .secsolRow h4 { font-weight: 200; } .secsolRow a, .secsolRow a:hover { color: white; } .customersRow { margin-top: 2%;	font-weight: 200; } .smartWaterTabs { margin-top: 90px; } .swDescCol { background-color: #f5ae3c; color: white; } .swDescCol p{ text-align: justify; font-weight: 300; } .issuesRow .swDescImgCol,.issuesRow .issuesImgCol { padding-left: 0px; padding-right: 0px; } @media only screen and (max-width:768px) { .nav-tabs { position: fixed; bottom: 0px; width: 100%; background-color: white; z-index: 10; } .nav-tabs > li > a { font-size: 8px; font-weight: 200; color: black; } /* align list to center*/ .nav-tabs > li, .nav-pills > li { float:none; display:inline-block; *display: inline; /* for IE7*/ *zoom:1; /* for IE7*/ color: black; } .nav-tabs { text-align:center; } .issuesCol { padding: 50px 10px; } /*Download brouchers*/ .broucher-download { top:10px; } } #tabMenu { padding-left: 0px; padding-right: 0px; } /* nav bar code */ header .navbar { margin-bottom: 0px; border-radius:0px; } header .navbar-right{ text-transform:uppercase; } header .navbar-default .navbar-nav>.active>a { color: #fff; background: linear-gradient(107deg, #2bb253 21%, #5ebc48 55%); box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } header .navbar-brand { padding: 0px; } header .navbar-brand>img { height: 100%; padding:0px 35px; width: auto; } header .navbar-nav>li>.dropdown-menu { z-index: 9999; } .eff-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .eff-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, #2bb253 21%, #5ebc48 55%); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .eff-bounce-to-top:hover, .eff-bounce-to-top:focus, .eff-bounce-to-top:active,.navbar-default .navbar-nav>li>a:hover { color: white; } .eff-bounce-to-top:hover:before, .eff-bounce-to-top:focus:before, .eff-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /*Main Nav bar Custom Collapse at sm devices*/ @media (max-width:991px) { header .navbar-header { float: none; } header .navbar-toggle { display: block; } header .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } header .navbar-collapse.collapse { display: none!important; } header .navbar-nav { float: none!important; margin: -7.5px -15px; } header .navbar-nav>li { float: none; } header .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } header .navbar-text { float: none; margin: 15px 0; } header .navbar-collapse.collapse.in { display: block!important; } header .collapsing { overflow: hidden!important; } } /* footer*/ /*Social Links */ #social { list-style-type: none; margin: 0; padding: 0; padding-top: 2%; overflow: hidden; } #social li { float: left; } #social li a { display: block; text-align: center; padding: 5px; text-decoration: none; } #social i { color: black; } i#fb:hover { color: #3b579d; } i#twitter:hover { color: #2caae1; } i#linkedin:hover { color: #007bb6; } i#google:hover { color: #da4835; } i#youtube:hover { color: #e72a1c; } /* End Social Links*/ footer h4 { color: black; } #footerMenu { background-color: #f8f8f8; padding-left: 5%;} #copyrights li{ list-style-type: none; } #copyrights li { list-style-type:none; float: left; } footer li{ list-style: none;} footer li a{ color:#5b5b5b; } footer ul{ padding-left:0px; } hr{ background-color: #f8f8f8; } #footerMenu, #copyrights { padding-top: 15px; padding-bottom: 15px; } #footerSocial { margin-top: 15px; padding-top: 5px; padding-bottom: 5px; } /* Form validation css*/ .border-style { border:none; border-radius:0px; box-shadow: inset 0 0px 0px; border-bottom:2px solid #ccc; padding-top:6px; padding-bottom:6px; margin-bottom:10px; } .form-control:focus{ box-shadow: inset 0 0px 0px; } .form-group { margin-bottom: 35px; } #success_message{ display: none;} .well { background-image:none; background-color: #f8f8f8; border: none; } .legend { text-align:center; } .has-error .form-control { border-color:#f44268; box-shadow: inset 0 0px 0px; } .has-error .form-control:focus { border-color:#f44268; box-shadow: inset 0 0px 0px; } .has-error .form-control-feedback { color: #f5f5f5; } .has-error .help-block { color: #f44268; font-size:14px; margin-top: 0px; margin-bottom: 5px; } .has-success .form-control:focus { border-color: #57ba49; box-shadow: inset 0 0px 0px; } .has-success .form-control{ border-color: #57ba49; box-shadow: inset 0 0px 0px; } .glyphicon-ok:before{ color:#57ba49; } .invalid { border-color: white; animation:shake; } /*end of contatc form css*/ /* About Efftronics */ .aboutHeaderImg{ background-image: url("../imgv2/about-efftronics/about-efftronics-bg.webp"); } .aboutHeaderImg h1{ font-weight: 400; padding-top: 20%; border-bottom: 2px solid #fff; } .aboutHeaderImg p { text-align: justify; line-height: 1.8; font-weight: 300; padding-top: 7%; padding-bottom: 7%; } .mileStonesRow { text-align: center; } .mileStonesRow .img-responsive, .effVisionRow .img-responsive { margin: 0 auto; } .effVisionRow { background: linear-gradient(107deg, #2bb253 21%, #5ebc48 55%); padding: 15px 0; } /* End of About Efftronics */ /*Our Customers*/ .customersHeaderImg{ padding-left: 0px; padding-right: 0px; } /*end of Our Customers*/ /*carrerTabs*/ .nav-tabs > li, .nav-pills > li { float:none; display:inline-block; *display:inline; /* ie7 fix */ zoom:1; /* hasLayout ie7 trigger */ } .nav-tabs, .nav-pills { text-align:center; } .nav-pills>li>a { border-radius: 0px; } .nav-pills>li.active>a { background-color: #0f9057; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } .nav-pills>li { border: 1px solid #4caf50; } .carrerTabs h3 { color: #000; font-weight: 300; } .carrerTabs p { text-align: justify; } button.btn.btn-info { width: 100%; color: #38b3ff; border-radius: 0px; border: none; border-top: 1px solid #38b3ff; background-color: #fff; } button.btn.btn-info:focus {outline:0;} .jobModal .modal-content { border-radius: 0px; } .jobModal .modal-header { background-color: #48b84d; color: white; } button.close { padding: 5px 13px; color: #4CAF50; background-color: #fff; opacity: 1; } .jobModal .modal-footer { padding-top: 0px; } .jobModal .jobOvrview { padding-top: 3%; padding-bottom: 2%; color: #38b3ff; } /* end of carrerTabs*/ /* News & Events */ .carousel-indicators li { border: rgba(0, 0, 0, 0); } .carousel-indicators .active { background-color: rgba(0, 0, 0, 0); } .row.newsEvntsNav { text-align: center; } .newsEvntsNav .btn-success { border-radius: 0px; width: 25%; } .btnInactive { background-color: #fff; color: #4cae4c; } .btnActive{ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } .pressReleaseRow {margin:15px 15px;} .eff-card img { width: 100%; } .description h3 {color: #607d8b;font-weight: 400;} .description p { margin-bottom: 0px; padding-bottom: 5px;} .description { border-top: 2px solid #38beff;padding: 10px 10px;} .description p>span {font-size: 12px;} #carouselModal .modal-content {border-radius: 0px;} #carouselModal .modal-header {background-color: #4CAF50; color: #fff;} .displaymodalCarousel {cursor: pointer;} /*End of News & Events*/ .BgImgRow{ min-height: auto; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; } .BgImgRowsig{ min-height: auto; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; background-repeat: no-repeat; } /* Contact us */ /*Search bar*/ .eff-fixed-sidebar{ position:fixed; top:13%; right:0; z-index: 9998;display:none;} /* .fa-search{ background-color: rgba(0, 152, 74, 0.7); color:#fff;padding: 15%; } */ .fa-stack{width: 4em;} .fa-spin-hover:hover { animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} /*End of Search bar*/ .searchImgRow{ background-image: url("../imgv2/search.jpg"); padding: 15% 0;} .IoTImgRow{ background-image: url("../imgv2/iot-services/iot-services-bg.jpg"); } .contactImgRow{ /*background-image: url("../imgv2/contact/contactus-bg.jpg");*/} .IoTSolImgRow{ background-image: url("../imgv2/iot-solutions/iot-solutions-bg.jpg"); background-repeat: no-repeat;background-size: cover; text-align: center;color: white;} .IoTSolImgRow h1{	font-weight: 400;padding-top: 10%;padding-bottom: 25%;font-size: 60px;} .smartSignlImgRow{ /*background-image: url("../imgv2/smart-signaling/smart-signaling-bg-main.jpg");*/ text-align: center; } .MetroSolImgRow{ /*background-image: url("../imgv2/smart-signaling/metro-solutions/metro-solutions-efftronics-bg.jpg");*/ text-align: center; } .pidsImgRow{ /*background-image: url("../imgv2/smart-signaling/metro-solutions/passenger-information-display-system/Passenger-Information-Display-System-bg.jpg");*/ text-align: center; } .mpasImgRow{ /*background-image: url("../imgv2/smart-signaling/metro-solutions/metro-public-address-system/Public-Address-System-bg.jpg");*/ text-align: center; } .mcsImgRow{ /*background-image: url("../imgv2/smart-signaling/metro-solutions/master-clock-system/Master-Clock-System-bg.jpg");*/ text-align: center; } .dwsImgRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/disaster-warning-system/Disaster-Warning-System-bg.jpg");*/ text-align: center; } .supportImgRow { background-image: url("../imgv2/support/support-bg.jpg"); } .customersImgRow { background-image: url("../imgv2/customers-logos/efftronics-customers-bg.jpg"); } .careerImgRow { background-image: url("../imgv2/careers/career-efftronics-bg.webp"); } .pressReleaseImgRow { background-image: url("../imgv2/news-events/press-release-bg.jpg"); } .eventsImgRow { background-image: url("../imgv2/news-events/efftornics-events-bg.jpg"); } .iotNetwrkRow { /*background-image: url("../imgv2/smart-signaling/india-largest-iot-network.png");*/ padding: 20% 0; margin-bottom: 1%; color: #000; } .metroSolObjctvRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/metro-solutions-objective-bg.jpg");*/ padding: 20% 0; text-align: right; color: #000; } .metroSolKeyObjctvRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/metro-solutions-key-objective-bg.jpg");*/ padding: 20% 0; color: #000; } .metroSolsRow { padding: 5% 0; text-align: center; color: #000; } .pidsObjctvRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/passenger-information-display-system/Passenger-Information-Display-System-obj-bg.jpg");*/ padding: 15% 0; text-align: center; color: #fff; } .pidsBoardRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/passenger-information-display-system/metro-display-board-bg.png");*/ padding: 12% 0; text-align: center; color: #000; } .pidsFeatureRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/passenger-information-display-system/Passenger-Information-Display-System-features-bg.jpg");*/ padding: 10% 0; text-align: left; color: #000; } .mpasObjctvRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/metro-public-address-system/Public-Address-System-obj-bg.jpg");*/ padding: 15% 0; text-align: center; } .mpasAmpRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/metro-public-address-system/Public-Address-System-amp-bg.png");*/ padding: 12% 0; text-align: center; color: #000; } .mpasSpkrRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/metro-public-address-system/Public-Address-System-spkr-bg.png");*/ padding: 12% 0; text-align: center; color: #000; } .mpasFeatureRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/metro-public-address-system/Public-Address-System-features-bg.jpg");*/ padding: 10% 0; text-align: left; color: #fff; } .mcsObjctvRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/master-clock-system/Master-Clock-System-obj-bg.png");*/ padding: 0 0; padding-bottom: 20%; text-align: center; text-align: -webkit-center; color: #000; } .mcsAnalogRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/master-clock-system/Master-Clock-System-analog-bg.jpg");*/ padding: 15% 0; text-align: center; } .mcsDigitalRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/master-clock-system/Master-Clock-System-digital-bg.jpg");*/ padding: 15% 0; text-align: center; } .mcsMasterRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/master-clock-system/Master-Clock-System-mcs-bg.png");*/ padding: 15% 0; text-align: center; color: #000; } .mcsUsecaseRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/master-clock-system/Master-Clock-System-obj-bg.png");*/ padding: 0 0; padding-bottom: 20%; text-align: center; text-align: -webkit-center; color: #000; } .mcsFeatureRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/master-clock-system/Master-Clock-System-features-bg.jpg");*/ padding: 10% 0; text-align: left; } @font-face { font-family: 'DSEG7Classic'; src: url('DSEG7Classic.ttf') format('TrueType'); } @font-face { font-family: 'Digitaldreamskew'; src: url('DIGITALDREAMSKEW.ttf') format('TrueType'); } #aclock { position: relative; width: 378px; height: 378px; background-image: url('../imgv2/smart-signaling/metro-solutions/master-clock-system/clockFace.png'); text-align: center; } #digTym, #digTym2{ display:inline; background-color: #353535; padding: 5% 10%; border: 10px solid #252525; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19); } #dgClkDiv{ position: relative; width: 378px; height: 378px; } #dgclock { width: 100%; height: auto; position: absolute; top: 50%; left: 35%; transform: translate(-50%,-50%); /*margin: 30% 0 0 0; */ } #secondhand { position: absolute; top:58px; left: 181px; /* Transform Origin */ -webkit-transform-origin: 50% 95%; -moz-transform-origin: 50% 95%; transform-origin: 50% 95%; z-index: 1000; } #minutehand, #hourhand { position: absolute; /* Transform Origin */ -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; z-index: 0; } #minutehand { top: 74px; left: 187px; } #hourhand { top:90px; left:187px; } @media only screen and (max-width: 450px) { .mcsObjctvRow > div {padding-left: 0;padding-right: 0;} #dgclock{left: 50%;} } .dwsObjctvRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/disaster-warning-system/Disaster-Warning-System-obj-bg.jpg");*/ padding: 15% 0; text-align: center; } .dwsAnmtrRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/disaster-warning-system/Disaster-Warning-System-anemometer-bg.png");*/ padding: 12% 0; text-align: center; color: #000; } .dwsSeismoRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/disaster-warning-system/Disaster-Warning-System-seismo-bg.png");*/ padding: 12% 0; text-align: center; color: #000; } .dwsRgRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/disaster-warning-system/Disaster-Warning-System-raingage-bg.png");*/ padding: 12% 0; text-align: center; color: #000; } .dwsRtAtRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/disaster-warning-system/Disaster-Warning-System-airtemp-bg.png");*/ padding: 12% 0; text-align: center; color: #000; } .ditRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/disaster-warning-system/Disaster-Warning-System-tr-bg.png");*/ padding: 12% 0; text-align: center; color: #000; } .dwsFeatureRow { /*background-image: url("../imgv2/smart-signaling/metro-solutions/disaster-warning-system/Disaster-Warning-System-features-bg.jpg");*/ padding: 10% 0; text-align: left; color: #fff; } .pidsFeatureRow h1,.pidsFeatureRow h3, .mpasFeatureRow h1 { font-weight: 400; } .pidsObjctvRow h1 { font-weight: 300; } .metroSolsRow .row { margin-bottom: 1%; } .metroSolsRow .btn-default:hover { color: #000; background-color: #fff; border-color: #5ebc48; } .metroSolKeyObjctvRow h4 { text-align: left; } .metroSolObjctvRow h1 { font-weight: 200; line-height: 1.2; } .metroSolObjctvRow strong { color: #2bb253; font-weight: 500;	} .iotNetwrokRow h1 { color: #000; line-height: 1.3; } .iotNetwrokRow h1 strong { font-weight: 500; } .iotRow { margin-bottom: 2%; text-align: center; } #WhatisIoT img, #OurExpertise img,.iotRow img, .metroSolsRow img { margin: 0 auto;width: 100%;} .sgnlngSolRow div { padding-left: 0; padding-right: 0; } .iotCardImg,.sgnlngSolCardImg, .metroSolCardImg {position: relative;} .iotCardTitle,.sgnlngSolCardTitle, .metroSolCardTitle { position: absolute; left: 13%; top: 40%; background-color: rgba(37, 37, 37, 0.5); border:none; border-top: 1px solid white; border-bottom: 1px solid white; border-radius: 0; color: white; width: 75%; cursor: default; } .metroSolCardTitle { left: 10%; width: 80%; cursor: pointer; } .sgnlngSolCardTitle { cursor: pointer; font-size: 250%; left: 0%; width: 100%; } .sgnlngSolCardTitle:hover { background-color: rgba(233, 69, 83, 0.8); color: white; } .iotCardTitle:hover { background-color: rgba(37, 37, 37, 0.5); border:none; border-top: 1px solid white; border-bottom: 1px solid white; border-radius: 0; color: white; } .pageNotFoundRow div { padding-left: 0px; padding-right: 0px; } .thnkYouRow { margin-top: 5%; padding-top: 15%; padding-bottom: 10%; background: linear-gradient(107deg, #2bb253 21%, #5ebc48 55%); color: #fff; text-align: center; } .serverErrorRow { margin-top: 5%; padding-top: 5%; padding-bottom: 5%; background: linear-gradient(107deg, #2bb253 21%, #5ebc48 55%); color: #fff; text-align: center; } .serverErrorImgRow { background-color: #f0f4f6; } .serverErrorImgRow .img-responsive { margin: 0 auto; } .serverErrorRow h2 { font-size: 3em; } .thnkYouRow h1,.serverErrorRow h1 { font-size: 7em; } .contactImgRow h1,.pressReleaseImgRow h1, .eventsImgRow h1,.supportImgRow h1,.customersImgRow h1,.IoTImgRow h1{ font-weight: 400; padding-top: 30%; } .careerImgRow h1{ font-weight: 400; padding-top: 20%; } .smartSignlImgRow h1, .MetroSolImgRow h1, .pidsImgRow h1,.mpasImgRow h1,.mcsImgRow h1,.dwsImgRow h1{ font-weight: 400; padding-top: 15%; } .smartSignlImgRow h3, .MetroSolImgRow h3, .pidsImgRow h3, .mpasImgRow h3,.mcsImgRow h3, .dwsImgRow h3 { padding-bottom: 10%; line-height: 2; font-weight: 300; } .splHeading { background-color: #efefef; border-left: 7px solid #5ebc48; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; } .vacancyRolesRow{ background-color: #f9f9f9; margin-bottom: 1%; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19); } .wingHeadingRow{ text-align: center; background-color: #fbfbfb; border-left: 7px solid #5ebc48; border-right: 7px solid #5ebc48; margin-bottom: 1%; } .wingHeadingCol{ padding: 15% 0; color: #fff; text-align: center;text-align: -webkit-center;	} #rdCol{/*background-image:url("../imgv2/careers/RandD.jpg");*/} #csCol{/*background-image:url("../imgv2/careers/customer-support.jpg");*/} #adminCol{/*background-image:url("../imgv2/careers/adminstration.jpg");*/} #prodCol{/*background-image:url("../imgv2/careers/production.jpg");*/} .careerMdlHedr{text-align: center;} #imeMdlHedr{background-image:url("../imgv2/careers/ime.webp");} #meMdlHedr{background-image:url("../imgv2/careers/me.webp");} #gdMdlHedr{background-image:url("../imgv2/careers/gd.webp");} #feMdlHedr{background-image:url("../imgv2/careers/fe.webp");} #dsMdlHedr{background-image:url("../imgv2/careers/data-scientist.webp");} #eeMdlHedr{background-image:url("../imgv2/careers/ee.webp");} #seMdlHedr{background-image:url("../imgv2/careers/se.webp");} #mechMdlHedr{background-image:url("../imgv2/careers/mech.webp");} #pcbMdlHedr{background-image:url("../imgv2/careers/pcb.webp");} #cdaMdlHedr{background-image:url("../imgv2/careers/cda.webp");} #cseMdlHedr{background-image:url("../imgv2/careers/cse.webp");} #csmMdlHedr{background-image:url("../imgv2/careers/csm.webp");} #crcMdlHedr{background-image:url("../imgv2/careers/crc.webp");} #sadMdlHedr{background-image:url("../imgv2/careers/sad.webp");} #eleMdlHedr{background-image:url("../imgv2/careers/ele.webp");} #esMdlHedr{background-image:url("../imgv2/careers/es.webp");} #hrMdlHedr{background-image:url("../imgv2/careers/hr.webp");} #smeMdlHedr{background-image:url("../imgv2/careers/sme.webp");} #foeMdlHedr{background-image:url("../imgv2/careers/foe.webp");} #purMdlHedr{background-image:url("../imgv2/careers/purchase.webp");} #asmMdlHedr{background-image:url("../imgv2/careers/asm.webp");} #sfMdlHedr{background-image:url("../imgv2/careers/sf.webp");} #techMdlHedr{background-image:url("../imgv2/careers/tech.webp");} .jobRoleCol{padding: 12% 0;text-align: center;} .wingHeadingCol h1{font-weight: 500;} .wingHeadingCol hr {border-top: 4px solid #31b352; margin-top: 0px;} .jobRoleCol a {text-decoration: none;color: #A2A2A2} .jobRoleCol a:hover{color: #31b352;} .jobRoleCol a:active, a:focus { outline:0; border:none; -moz-outline-style: none;} .modal-header hr{margin-top: 0;margin-bottom: 0;} button.btn.btn-default.aplyNwBtn { border: none; background-color: #8BC34A; color: white; border-radius: 30px; width: 30%; margin-top: 1%; } .careerImgRow h1 { line-height: 1.3;} .modal-footer h3 { color: #4CAF50; font-weight: 400; } .contactImgRow p,.pressReleaseImgRow p, .eventsImgRow p,.supportImgRow p,.customersImgRow p,.IoTImgRow p{ text-align: justify; line-height: 1.8; padding-top: 2%; padding-bottom: 20%; } .careerImgRow p{ text-align: justify; line-height: 1.8; padding-top: 2%; padding-bottom: 8%; } .enquiryCol { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); padding-bottom: 2%; } .eff-contact { /*background-image: url("../imgv2/contact/efftronics-office.jpg");*/ } .eff-contact-details { padding-top: 6%; } .eff-contact-details a { color: #fff; } .eff-map-col { padding-left: 0px; padding-right: 0px; } /* end of contatc us */ /*Privacy Policy*/ .ppHeading { text-align: center; } .policy-Col h2 { color: #000000; font-weight: 300; } .policy-Col p { font-size: 16px; line-height: 1.5; font-weight: 300; text-align: justify; } /*End of Privacy Policy*/ /*Number facts CSS*/ .signalingFactsRow { text-align:center; /*background-image: url("../imgv2/smart-signaling/smart-signaling-facts-bg.jpg");*/ padding: 15% 0; } .highlight { color:#ff9800; padding:20px 0; font-weight:bold; display:block; overflow:hidden; margin-bottom:0; font-size:50px; } .milestone-details { font-weight:bold; font-size:18px; color:#57585b; } span.highlight { display: inline; } span.highlight.facts { display: inline; } /* ./ Number facts CSS */ /* video header start*/ #video-header { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; } .content { position: fixed; bottom: 0; color: #f1f1f1; width: 100%; top:50% } /* video header end */ @media(min-width:1000px) { header .navbar-brand > img { height: 125%; padding: 2px 14px; padding-left:33px; } header .navbar { min-height: 75px;} header .navbar-default .navbar-collapse, .navbar-default .navbar-form { padding-top: 1%;} .mcsObjctvRow p {margin-bottom: 3%;} } @media(max-width:380px){ header .navbar-brand { padding-left: 2%;} } /*Breadcrumb adjustment in xs*/ @media(max-width:480px){ .breadcrumb{padding-top: 50px;} .newsEvntsNav .btn-success { width: 45%; } .carrerTabs ul.nav.nav-pills { font-size: 10px; } .jobRoleCol .row div {border-bottom: 1px solid #e2e2e2;margin-bottom: 3%;} button.btn.btn-default.aplyNwBtn{width: 50%;} div.jobModal { z-index: 9999;} } /* make equal heights of columns in a row for lg md devices */ @media only screen and (min-width:1024px) { .benefitsRow, .issuesRow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 100px; } .issuesRow {margin-top: 0px;} .swDescCol{padding-top: 5%;} .stissuesCol, .seissuesCol, .ssissuesCol, .secissuesCol { padding-top: 50px; } .contactImgRow, .careerImgRow,.searchImgRow { margin-top: 0%; } } .stissuesCol, .seissuesCol, .ssissuesCol, .secissuesCol { padding-top: 50px; } @media only screen and (min-width: 765px) and (max-width: 991px){ .stsolRow,.sesolRow {padding-top: 0.5%;padding-bottom: 0.5%;} .jobRoleCol h3 {font-size: 16px;} } @media only screen and (min-width: 765px){ .jobRoleCol .row div:not(:last-child) {border-right: 1px solid #31b352;} }