/* 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); /* =Common Styles -------------------------------------------------------------- */ body { background-color: #fff; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 300; color: #A2A2A2; height: 100%; min-height: 100% !important; } html { height: 100%; } .row { margin-right: 0px; margin-left: 0px; } .container-fluid { margin-right: auto; margin-left: auto; padding: 2px 15px; } /*News&Events Modal*/ /* .modal-content { border-radius: 0; } .modal-dialog { position:fixed; top:10%; left:35%; margin:0px; width: auto; opacity: 40%; } */ #efftronicsExhibitModal .modal-header { background-color: #204c5f; color: #fff; } button.close { color: #4CAF50; padding: 5px 13px; background-color: #fff; opacity: 1; } /*News&Events Modal*/ /* .modal-content { border-radius: 0; height:50%; width:50%;} */ #exhibitModal .modal-header { background-color: #204c5f; color: #fff; } button.close { color: #4CAF50; padding-top: 5px; padding-bottom:13px; /* padding-right: 5px ; */ background-color: #fff; opacity: 1; } /* Notifications */ .customer-slider img { height: 50px; /* margin: auto; */ margin-left: 60px; margin-right: 60px; display:inline; } .button-notification { /* background-color: #004A7F; */ -webkit-border-radius: 10px; border-radius: 10px; border: none; color: #FFFFFF; cursor: pointer; display: inline-block; /* font-family: Arial; font-size: 20px; */ padding: 5px 10px; text-align: center; text-decoration: none; -webkit-animation: glowing 2000ms infinite; -moz-animation: glowing 2000ms infinite; -o-animation: glowing 2000ms infinite; animation: glowing 2000ms infinite; } @-webkit-keyframes glowing { 0% { background-color: #337ab7; -webkit-box-shadow: 0 0 3px #337ab7; } 50% { background-color: #337ab7; -webkit-box-shadow: 0 0 40px #337ab7; } 100% { background-color: #337ab7; -webkit-box-shadow: 0 0 3px #337ab7; } } @-moz-keyframes glowing { 0% { background-color: #337ab7; -moz-box-shadow: 0 0 3px #B20000; } 50% { background-color: #337ab7; -moz-box-shadow: 0 0 40px #FF0000; } 100% { background-color: #337ab7; -moz-box-shadow: 0 0 3px #B20000; } } @-o-keyframes glowing { 0% { background-color: #337ab7; box-shadow: 0 0 3px #337ab7; } 50% { background-color: #337ab7; box-shadow: 0 0 40px #337ab7; } 100% { background-color: #337ab7; box-shadow: 0 0 3px #337ab7; } } @keyframes glowing { 0% { background-color: #337ab7; box-shadow: 0 0 3px #337ab7; } 50% { background-color: #337ab7; box-shadow: 0 0 40px #337ab7; } 100% { background-color: #337ab7; box-shadow: 0 0 3px #337ab7; } } .button-notification:hover,nav.main-menu.expanded { /* width:260px; */ overflow:visible; } .button-notification-pink { /* background-color: #004A7F; */ -webkit-border-radius: 10px; border-radius: 10px; border: none; color: #FFFFFF; cursor: pointer; display: inline-block; /* font-family: Arial; font-size: 20px; */ padding: 5px 10px; text-align: center; text-decoration: none; -webkit-animation: glowing-pink 2000ms infinite; -moz-animation: glowing-pink 2000ms infinite; -o-animation: glowing-pink 2000ms infinite; animation: glowing-pink 2000ms infinite; } @-webkit-keyframes glowing-pink { 0% { background-color: #f5196a; -webkit-box-shadow: 0 0 3px #f5196a; } 50% { background-color: #f5196a; -webkit-box-shadow: 0 0 40px #f5196a; } 100% { background-color: #f5196a; -webkit-box-shadow: 0 0 3px #f5196a; } } @-moz-keyframes glowing-pink { 0% { background-color: #f5196a; -moz-box-shadow: 0 0 3px #f5196a; } 50% { background-color: #f5196a; -moz-box-shadow: 0 0 40px #f5196a; } 100% { background-color: #f5196a; -moz-box-shadow: 0 0 3px #f5196a; } } @-o-keyframes glowing-pink { 0% { background-color: #f5196a; box-shadow: 0 0 3px #f5196a; } 50% { background-color: #f5196a; box-shadow: 0 0 40px #f5196a; } 100% { background-color: #f5196a; box-shadow: 0 0 3px #f5196a; } } @keyframes glowing-pink { 0% { background-color: #f5196a; box-shadow: 0 0 3px #f5196a; } 50% { background-color: #f5196a; box-shadow: 0 0 40px #f5196a; } 100% { background-color: #f5196a; box-shadow: 0 0 3px #f5196a; } } .button-notification-pink:hover,nav.main-menu.expanded { /* width:260px; */ overflow:visible; } .button-notification-yellow { /* background-color: #004A7F; */ -webkit-border-radius: 10px; border-radius: 10px; border: none; color: #FFFFFF; cursor: pointer; display: inline-block; /* font-family: Arial; font-size: 20px; */ padding: 5px 10px; text-align: center; text-decoration: none; -webkit-animation: glowing-yellow 2000ms infinite; -moz-animation: glowing-yellow 2000ms infinite; -o-animation: glowing-yellow 2000ms infinite; animation: glowing-yellow 2000ms infinite; } @-webkit-keyframes glowing-yellow { 0% { background-color: #04827c; -webkit-box-shadow: 0 0 3px #04827c; } 50% { background-color: #04827c; -webkit-box-shadow: 0 0 40px #04827c; } 100% { background-color: #04827c; -webkit-box-shadow: 0 0 3px #04827c; } } @-moz-keyframes glowing-yellow { 0% { background-color: #04827c; -moz-box-shadow: 0 0 3px #04827c; } 50% { background-color: #04827c; -moz-box-shadow: 0 0 40px #04827c; } 100% { background-color: #04827c; -moz-box-shadow: 0 0 3px #04827c; } } @-o-keyframes glowing-yellow { 0% { background-color: #04827c; box-shadow: 0 0 3px #04827c; } 50% { background-color: #04827c; box-shadow: 0 0 40px #04827c; } 100% { background-color: #04827c; box-shadow: 0 0 3px #04827c; } } @keyframes glowing-yellow { 0% { background-color: #04827c; box-shadow: 0 0 3px #04827c; } 50% { background-color: #04827c; box-shadow: 0 0 40px #04827c; } 100% { background-color: #04827c; box-shadow: 0 0 3px #04827c; } } .button-notification-yellow:hover,nav.main-menu.expanded { /* width:260px; */ overflow:visible; } /* popup notification start */ .modal.fade.in .lab-modal-body { bottom: 0; opacity: 100%; } .lab-modal-body { position:fixed; bottom:0px; right:0%; margin:0px; width: auto; /* position: relative; */ /* bottom: -250px; */ /* margin: 150px auto 0; */ padding-top: 40px; padding-right: 10px; padding-left:40px; padding-bottom: 10px; max-width: 30%; height: auto; background-color: rgb(248, 250, 247); border: 1px solid #BEBEBE; opacity: 0; -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; transition: opacity 0.3s ease-out, bottom 0.3s ease-out; /* End of popup notification */ } .blink_me{ animation: blinker 1s linear infinite; Position: absolute; Bottom:0%; Left:50%; color:#fdfdfd; font-size: 2rem; font-weight:500; } .blink{ animation: blinker 1s linear infinite; Position: absolute; top:0%; right:0%; color:#fdfdfd; font-size: 3rem; font-weight:500; } @keyframes blinker { 50% { opacity: 0; } } /* End of notifications */ /* =Typography -------------------------------------------------------------- */ h1 { font-weight: 100; color: #fff; } .center-vertically h1{ color: rgb(7, 7, 7); font-size: 3rem; margin-top: 120px;} h2 { font-weight: 100; color: #fff; } .center-vertically h2{ color: rgb(7, 7, 7); font-size: 3rem; margin-top: 120px;} .jumbotron h1 { font-size: 28px; color: #000; } .jumbotron h1 strong { color: white; } .jumbotron p { font-size: 14px; } u { color: #1cae89;} /* =navbar -------------------------------------------------------------- */ .navbar { margin-bottom: 0px; border-radius:0px; } .navbar-right { text-transform:uppercase; } .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); } .navbar-brand { padding: 0px; } .navbar-brand>img { height: 100%; padding:2px 15px; width: auto; } .navbar-nav>li>.dropdown-menu { z-index: 100; } .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; } .midHexagon {	margin-top: -70px;	} } /* =Jumbotron Main -------------------------------------------------------------- */ .jumbotron.jumbotron-main { height: 100%; width: 100%; font-family: 'Roboto', sans-serif; color: #fff; padding-top: 0; padding-bottom: 0; position: relative; margin:0; } #particles-js { position: absolute; width: 100%; height: 100%; /* background-image: url("../imgv2/home/efftronics-home-bg.webp"); */ background-image: url("../imgv2/home/efftronics.webp"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .center-vertically { display: table-cell; vertical-align: middle; height: 100%; } .center-vertically-holder { display: table; height: 100%; } /* =SVG Images-------------------------------------------------------------- */ .img-right { text-align:right; padding-right: 0px; } .img-left { text-align:left; padding-left: 0px; } .img-left.sbCol { margin-left: -2px; } .img-left.scCol { margin-top: -1px; margin-left: -1px; } @media(max-width:768px) { .img-right img { display: block; max-width: 100%; width: 100%; height: auto; } .img-left img { display: block; max-width: 100%; width: 100%; height: auto; } .navbar-brand{ padding-left: 18%;} .iotCol{ margin-top: -2px; } .scCol { margin-top: -3px; margin-left: -2px; } } @media(max-width:380px){ .navbar-brand { padding-left: 8%;} .midHexagon {	margin-top: 0px;	} } /* svg img animations*/ .ssCol, .sbCol, .scCol, .iotCol { z-index: 1; } #smart-signaling,#smart-buildings,#iot-solutions,#smart-cities { -webkit-transform: scale(1.01); transform: scale(1.01); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #smart-signaling:hover,#smart-buildings:hover,#iot-solutions:hover,#smart-cities:hover { -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 10; } .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 15; background: url('../imgv2/page-loader.gif') 50% 50% no-repeat rgb(255,255,255); } .swHeading { text-align: center; } .swHeading h1 { color: black;} /*Number facts CSS*/ .stat,.Heading { text-align:center; } .Heading {margin-top:3%;} .stat { margin-bottom: 3%; } .highlight { color:#5ebc48; padding:20px 0; font-weight:bold; display:block; overflow:hidden; margin-bottom:0; font-size:48px; } .stat i { color:#5ebc48; } .milestone-details { font-weight:bold; font-size:18px; color:#999; } span.stat-count.highlight { display: inline; } span.highlight.facts { display: inline; } /* ./ Number facts CSS */ /* Our Solutions */ .hexagonImgDiv img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } .hexagonImgDiv:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .iotapprch img,.hexagonImgDiv img,.partnersRow img { margin: 0 auto; } /* ./Our Solutions */ /* =Footer & Social Links -------------------------------------------------------------- */ /*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; } #footerSocial { border-top: 1px solid #f8f8f8; } #footerMenu { background-color: #f8f8f8; } #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; } @media(min-width:1000px) { .jumbotron h1 { font-size: 34px;} .navbar-brand > img { height: 125%; padding: 2px 14px; } .navbar { min-height: 75px;} .navbar-default .navbar-collapse, .navbar-default .navbar-form { padding-top: 1%;} .midHexagon {	margin-top: -100px;	} } /* Row with equal height columns * -------------------------------------------------- */ .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /*Search bar*/ .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*/ @media(min-width:320px) { .center-vertically h1{ font-weight: 200; } }