EVOLUTION-NINJA
Edit File: login.php
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>Yaskawa </title> <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/main.css');?>" /> <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/bootstrap.min.css');?>" /> <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/font-awesome.min.css');?>" /> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <script type="text/javascript" src="<?php echo base_url('assets/js/jquery-2.2.4.min.js');?>"></script> <script type="text/javascript" src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script> </head> <body> <div class="header-top"> </div> <header> <div class="container"> <div class="row"> <div class="col-sm-4"> <div class="logo-main"> <a href=""><img src="<?php echo base_url('assets/img/yaskawa_logo.png');?>" class="img-responsive center-block"></a> </div> </div> <div class="col-sm-8"> <div class="nav-menu"> <div class="hotline-block"> <div class="hotline-icon"> <img src="<?php echo base_url('assets/images/hotline.png');?>" alt="icon" class="img-responsive"> </div> <div class="hotline-info"> <h4>Hotline</h4> <p><a href="tel:1800 102 3699">1800 102 3699</a></p> </div> </div> <!--<div class="hotline_bg">--> <!-- <img src="<?php echo base_url('assets/images/hotline_bg.png');?>" class="img-responsive">--> <!-- <a href="tel:1800 102 3699">1800 102 3699</a>--> <!--</div>--> <div class="contact-link"> <p><a href="">Contact Us</a></p> </div> <div class="log-link"> <p><a href="" data-toggle="modal" data-target="#logmod">Login</a></p> </div> </div> </div> </div> </div> </header> <!---- Nav END -----------------------------------------------------------------------------> <!----------------------- slider-----------------------------------------------------------> <div class="slide"> <!-- Carousel --> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <img src="<?php echo base_url('assets/img/slider-1.png');?>" alt="First slide" class="img-responsive"> <!-- Static Header --> <div class="header-text hidden-xs"> <div class="col-md-12 text-center"> </div> </div><!-- /header-text --> </div> <div class="item"> <img src="<?php echo base_url('assets/img/slider-2.jpg');?>" alt="First slide" class="img-responsive"> <!-- Static Header --> <div class="header-text hidden-xs"> <div class="col-md-12 text-center"> </div> </div><!-- /header-text --> </div> <div class="item"> <img src="<?php echo base_url('assets/img/slider-3.jpg');?>" alt="First slide" class="img-responsive"> <!-- Static Header --> <div class="header-text hidden-xs"> <div class="col-md-12 text-center"> </div> </div><!-- /header-text --> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example-generic" data-slide="next" > <span class="glyphicon glyphicon-chevron-right" ></span> </a> </div><!-- /carousel --> </div> <section class="home-yas"> <div class="container"> <div class="mid-image"> <img src="<?php echo base_url('assets/images/mid-img.png');?>" alt="First slide" class="img-responsive center-block"> </div> </div> </section> <section class="home-mid-one"> <div class="container-fluid"> <div class="row"> <div class="col-sm-7"> <div class="events-block"> <h5>News & Events</h5> <div class="events-tabs"> <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#home">2019</a></li> <li><a data-toggle="tab" href="#menu1">2018</a></li> <li><a data-toggle="tab" href="#menu2">2017</a></li> <li><a data-toggle="tab" href="#menu3">2016</a></li> <li><a data-toggle="tab" href="#menu4">2015</a></li> </ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active"> <ul class="home-tab-list"> <li>YASKAWA India won the Silver Prize at the 27th Chapter Convention on Quality Concepts</li> <p class="tab-in">August 19, 2018, Bengaluru: We are pleased to announce that YASKAWA India won the Silver Prize at the 27th Chapter Convention on Quality Concepts 2018 held on August 19, 2018 ...</p> <li>Seminar on Low Harmonic Drive Solution for Building Automation</li> <p class="tab-in">August 3, 2018, Kolkata: Continuing the spree of educating and creating awareness of Low Harmonic Solution for Building Automation, YASKAWA in association with ISHRAE Kolkata ...</p> <li>Seminar on Low Harmonic and Regenerative Solution for JSW Vijayanagar at Hyatt Place, Bellary</li> <p class="tab-in">June 21, 2018, Torangallu, Bellary: Our belief in driving responsive relationships involves creating a more adaptive human-business experience by extending technology systems ...</p> </ul> </div> <div id="menu1" class="tab-pane fade"> <h3>Menu 1</h3> <p>Some content in menu 1.</p> </div> <div id="menu2" class="tab-pane fade"> <h3>Menu 2</h3> <p>Some content in menu 2.</p> </div> <div id="menu3" class="tab-pane fade"> <h3>Menu 3</h3> <p>Some content in menu 2.</p> </div> <div id="menu4" class="tab-pane fade"> <h3>Menu 4</h3> <p>Some content in menu 2.</p> </div> </div> </div> </div> </div> <div class="col-sm-5"> <div class="polling-block"> <h3>What do you think ?</h3> <form> <div class="row"> <textarea type="text" class="form-control" style="width: 94%;margin-left: 3%;"></textarea> </div> <div class="poll-radio"> <div class="radio"> <label class="radio-inline chec-1"><input type="radio" name="optradio">Strongly agree <span class="rad-box">A</span></label> <label class="radio-inline chec-2"><input type="radio" name="optradio">Agree <span class="rad-box">B</span></label> <label class="radio-inline chec-3"><input type="radio" name="optradio">Neither agree or disagree <span class="rad-box">C</span></label> </div> <!--<div class="radio">--> <!-- <label class="chec-3"><input type="radio" name="optradio">Neither agree or disagree--> <!-- <span class="rad-box">C</span></label>--> <!--</div>--> <div> <label class="radio-inline chec-4"><input type="radio" name="optradio">Disagree <span class="rad-box">D</span></label> <label class="radio-inline chec-5"><input type="radio" name="optradio">Strongly disagree <span class="rad-box">E</span></label> </div> </div> </form> </div> <div class="polling-res"> <div class="progress pol-prog"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:40%"> 40% </div> <span class="prog-letter">A</span> </div> <div class="progress pol-prog"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:20%"> 20% </div> <span class="prog-letter">B</span> </div> <div class="progress pol-prog"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:10%"> 10% </div> <span class="prog-letter">C</span> </div> <div class="progress pol-prog"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:05%"> 5% </div> <span class="prog-letter">D</span> </div> <div class="progress pol-prog"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:02%"> 2% </div> <span class="prog-letter">E</span> </div> </div> </div> </div> </div> </section> <section class="blue-block"> <div class="container"> <h2><b>YASKAWA Care for sales & services</b></h2> <h2><b>1800 102 3699</b></h2> <div class="row"> <div class="col-sm-4"> <div class="blu-left"> <img src="<?php echo base_url('assets/images/sale-Icon1.png');?>" alt="icon" class="img-responsive center-block"> <h3>For AC Drives & Motion Control</h3> <h3>Email : <a href="mailto:services@yaskawa.in">services@yaskawa.in</a></h3> </div> </div> <div class="col-sm-4"> <div class="blu-mid"> <h2><b>Services Quick</b></h2> </div> </div> <div class="col-sm-4"> <div class="blu-right"> <img src="<?php echo base_url('assets/images/sale-Icon2.png');?>" alt="icon" class="img-responsive center-block"> <h3>For Robotics Sales</h3> <h3>Email : <a href="mailto:sales@yaskawa.in">sales@yaskawa.in</a></h3> </div> </div> </div> </div> </section> <section class="map-tog"> <img src="<?php echo base_url('assets/images/map_image.png');?>" alt="icon" class="img-responsive center-block"> <i class="fa fa-angle-double-down down-icon" aria-hidden="true" data-toggle="collapse" data-target="#mapss"></i> <div id="mapss" class="collapse"> <iframe src="https://www.google.com/maps/d/embed?mid=1_UtI625xpN_lPDJN079axSB6JNY_PW75" width="100%" height="450"></iframe> </div> </section> <section class="footer-bl"> <div class="container"> <div class="abt-accor"> <button class="accordion">Corporate and Registered Office</button> <div class="panel"> <div class="acc-inblock"> <h4><b>ADDRESS</b></h4> <p>YASKAWA INDIA PVT LTD.,</p> <p>#17/A, 2nd Main, Electronic City, Phase - I,Hosur Road, Bengaluru - 560 100,India</p> </div> <div class="acc-inblock"> <h4><b>Email Us</b></h4> <p>For General Information : <a href="mailto:info@yaskawa.in">info@yaskawa.in</a></p> <p>For Careers : <a href="mailto:careers@yaskawa.in">careers@yaskawa.in</a></p> </div> <div class="acc-inblock"> <h4><b>Telephone</b></h4> <p><a href="tel:+91 80 4244 1900">+91 80 4244 1900</a></p> </div> <div class="acc-inblock"> <h4><b>Fax</b></h4> <p>+91 80 4244 1901</p> </div> </div> <button class="accordion">Drives & Motion Control Division</button> <div class="panel"> <div class="acc-blo1"> <div class="row"> <div class="col-sm-4"> <div class="acc-inblock1"> <h5><b>Bengaluru</b></h5> <p>YASKAWA India Pvt Ltd.,</p> <p>#17/A, 2nd Main, Electronic City, Phase - I,Hosur Road,</p> <p>Bengaluru - 560 100,India</p> </div> <div class="acc-inblock1"> <h5><b>Email Us</b></h5> <p>For Sales Information : <a href="mailto:sales@yaskawa.in">sales@yaskawa.in</a></p> <p>For Service Information : <a href="mailto:service@yaskawa.in">service@yaskawa.in</a></p> </div> <div class="acc-inblock1"> <h5><b>Telephone</b></h5> <p><a href="tel:+91 80 4244 1900">+91 80 4244 1900</a></p> </div> <div class="acc-inblock1"> <h5><b>Fax</b></h5> <p>+91 80 4244 1901</p> </div> </div> <div class="col-sm-4"> <div class="acc-inblock1"> <h5><b>MUMBAI</b></h5> <p>YASKAWA India Pvt Ltd.,</p> <p>The Parinee Cresenzo, 8th Floor,Tower - B, (Opp. MAC),</p> <p>G - Block, Bandra Kurla Complex, Mumbai - 400 051,</p> <p>India</p> </div> <div class="acc-inblock1"> <h5><b>Telephone</b></h5> <p><a href="tel:+91 22 4880 0774">+91 22 4880 0774</a></p> </div> <div class="acc-inblock1"> <h5><b>Fax</b></h5> <p>+91 22 4880 0779</p> </div> </div> <div class="col-sm-4"> <div class="acc-inblock1"> <h5><b>GURGAON</b></h5> <p>YASKAWA India Pvt Ltd.,</p> <p>Plot No. 426, Udyog Vihar Phase 4, Gurgaon, Haryana -</p> <p>122016, India</p> </div> <div class="acc-inblock1"> <h5><b>Telephone</b></h5> <p><a href="tel:+91 124 4758500">+91 124 4758500</a></p> </div> <div class="acc-inblock1"> <h5><b>Fax</b></h5> <p>+91 124 4758542</p> </div> </div> </div> </div> <hr> <div class="acc-blo1"> <div class="row"> <div class="col-sm-4"> <div class="acc-inblock1"> <h5><b>RAIPUR/ DURG</b></h5> <p>YASKAWA India Pvt Ltd.,</p> <p>142/93, Vidyut Nagar, Durg, Chhattisgarh</p> <p>- 491001</p> </div> <div class="acc-inblock1"> <h5><b>Email Us</b></h5> <p><a href="mailto:chandrabhan_c@yaskawa.in">chandrabhan_c@yaskawa.in</a></p> </div> <div class="acc-inblock1"> <h5><b>Telephone</b></h5> <p><a href="tel:+91 94 2410 0164">+91 94 2410 0164</a></p> </div> </div> <div class="col-sm-4"> <div class="acc-inblock1"> <h5><b>KOLKATA</b></h5> <p>YASKAWA India Pvt Ltd.,</p> <p>#24, B. L. C. Mills Road, P.O. Mahesh,</p> <p>Dist. Hooghly - 712202</p> </div> <div class="acc-inblock1"> <h5><b>Email Us</b></h5> <p><a href="mailto:sumit_p@yaskawa.in">sumit_p@yaskawa.in</a></p> </div> <div class="acc-inblock1"> <h5><b>Telephone</b></h5> <p><a href="tel:+91 98 3642 7272">+91 98 3642 7272</a></p> </div> </div> <div class="col-sm-4"> <div class="acc-inblock1"> <h5><b>NASHIK</b></h5> <p>YASKAWA India Pvt Ltd.,</p> <p>Gate No. 194, Plot No.93, Shubhwanti</p> <p>Niwas, I.T.I Colony, shramiknagar, Satpur,</p> <p>Nashik-422012</p> </div> <div class="acc-inblock1"> <h5><b>Email Us</b></h5> <p><a href="mailto:anurag_t@yaskawa.in">anurag_t@yaskawa.in</a></p> </div> <div class="acc-inblock1"> <h5><b>Telephone</b></h5> <p><a href="tel:+91 77 0982 3557">+91 77 0982 3557</a></p> </div> </div> </div> </div> <hr> <div class="acc-blo1"> <div class="row"> <div class="col-sm-4"> <div class="acc-inblock1"> <h5><b>AHMEDABAD</b></h5> <p>YASKAWA India Pvt Ltd.,</p> <p>B Square Flexi Offices, 403 to 406, 4th</p> <p>Floor, 3rd Eye Vision, Panjarapol, IMM</p> <p>Road, University Area,</p> <p>Ahmedabad – 380009</p> </div> <div class="acc-inblock1"> <h5><b>Email Us</b></h5> <p><a href="mailto:nirav_s@yaskawa.in">nirav_s@yaskawa.in</a></p> </div> <div class="acc-inblock1"> <h5><b>Telephone</b></h5> <p><a href="tel:+91 78 7403 3433">+91 78 7403 3433</a></p> </div> </div> <div class="col-sm-4"> <div class="acc-inblock1"> <h5><b>PUNE</b></h5> <p>YASKAWA India Pvt Ltd.,</p> <p>C/o Rahul Enterprises, Plot No. 3B+3part-</p> <p>1/2, D-I Block, Akrudi Industrial Estate,</p> <p>M.I.D.C Chinchwad -411019, Pune</p> </div> <div class="acc-inblock1"> <h5><b>Email Us</b></h5> <p><a href="mailto:anurag_t@yaskawa.in">anurag_t@yaskawa.in</a></p> </div> <div class="acc-inblock1"> <h5><b>Telephone</b></h5> <p><a href="tel:+91 77098 23557">+91 77098 23557</a></p> </div> </div> <div class="col-sm-4"> <div class="acc-inblock1"> <h5><b>CHENNAI</b></h5> <p>YASKAWA India Pvt Ltd.,</p> <p>KRS Towers, 1st Floor, #146, Porur</p> <p>Garden, Phase 1, Vanagaram,</p> <p>Chennai - 600095, Tamil Nadu.</p> </div> <div class="acc-inblock1"> <h5><b>Email Us</b></h5> <p><a href="mailto:sreekumar_n@yaskawa.in">sreekumar_n@yaskawa.in</a></p> </div> <div class="acc-inblock1"> <h5><b>Telephone</b></h5> <p><a href="tel:+91 95737 70123">+91 95737 70123</a></p> </div> </div> </div> </div> </div> <button class="accordion">Robotics Division</button> <div class="panel"> <div class="acc-inblock2"> <h5><b>GURGAON</b></h5> <p>YASKAWA India Pvt Ltd.,</p> <p>Plot No. 426, Udyog Vihar Phase 4, Gurgaon, Haryana -</p> <p>122016, India</p> </div> <div class="acc-inblock2"> <h5><b>Email Us</b></h5> <p>For Information : <a href="mailto:motomansales@yaskawa.in">motomansales@yaskawa.in</a></p> </div> <div class="acc-inblock2"> <h5><b>Telephone</b></h5> <p><a href="tel:+91 124 4758500">+91 124 4758500</a></p> </div> <div class="acc-inblock2"> <h5><b>Fax</b></h5> <p>+91 124 4758542</p> </div> </div> </div> </div> </section> <!-- <footer> <div class="container"> <div class="row"> <div class="col-sm-4"> <div class="foot-global"> <h4>Global Locations</h4> <p>YASKAWA India Pvt Ltd.,</p> <p>Head Office</p> <p>#17/A, Electronic City, Phase - I, Hosur Road, </p> <p>Bengaluru - 560 100</p> <p>India</p> <p>Phone : <a href="tel:+91 80 4244 1900">+91 80 4244 1900</a></p> <p>Fax : <a href="tel:+91 80 4244 1901">+91 80 4244 1901</a></p> <p>Website : <a href="https://www.yaskawaindia.in/" target="_blank">www.yaskawaindia.in</a></p> </div> </div> <div class="col-sm-4"> <div class="foot-banglore"> <h4>Bengaluru</h4> <p>Bengaluru</p> <p>YASKAWA India Pvt Ltd.,</p> <p>#17/A, 2nd Main, Electronic City, Phase - I,Hosur Road,</p> <p>Bengaluru - 560 100,</p> <p>India</p> <p>Phone : <a href="tel:+91 80 4244 1900">+91 80 4244 1900</a></p> <p>Fax : <a href="tel:+91 80 4244 1901">+91 80 4244 1901</a></p> <p>Email : <a href="mailto:sales@yaskawa.in"> sales@yaskawa.in</a> / <a href="mailto:service@yaskawa.in">service@yaskawa.in</a></p> </div> </div> <div class="col-sm-4"> <div class="foot-gurgaon"> <h4>Gurgaon</h4> <p>Gurgaon</p> <p>YASKAWA India Pvt Ltd.,</p> <p>Plot No. 426, Udyog Vihar Phase 4, Gurgaon,</p> <p>Haryana -122016,</p> <p>India</p> <p>Phone : <a href="tel:+91 124 4758500">+91 124 4758500</a></p> <p>Fax : <a href="tel:+91 124 4758542">+91 124 4758542</a></p> <p>Email : <a href="mailto:sales@yaskawa.in"> sales@yaskawa.in</a></p> </div> </div> </div> </div> </footer> --> <div class="cpyrights"> <div class="container"> <p>2019 © YASKAWA All Rights Reserved</p> </div> </div> <div id="logmod" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <img src="<?php echo base_url('assets/img/yaskawa_logo.png');?>" class="img-responsive center-block"> </div> <div class="modal-body"> <div class="mod-cla"> <form action="<?php echo site_url('controller/login');?>" method="post"> <label>Username</label> <input type="text" name="email" required="required" class="form-control form-group"> <label>Password</label> <input type="password" name="password" required="required" class="form-control form-group"> <p><a href="<?php echo site_url('controller/forgotpass');?>">Forgot Password?</a></p> <button type="submit" class="form-control form-group">Log In</button> <!--<a href="<?php echo site_url("controller/menu");?>" class="form-control form-group mod-button-one">login</a>--> </form> </div> <button type="button" class="btn btn-danger form-control form-group" data-dismiss="modal">Close</button> </div> </div> </div> </div> </body> </html> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/simpleMobileMenu.css');?>" /> <script src="<?php echo base_url('assets/js/simpleMobileMenu.js');?>"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $('.smobitrigger').smplmnu(); }); </script> <script type="text/javascript"> jQuery(document).ready(function($) { $('.mobimenu li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500); }, function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500); }); }); </script> <script> var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { /* Toggle between adding and removing the "active" class, to highlight the button that controls the panel */ this.classList.toggle("active1"); /* Toggle between hiding and showing the active panel */ var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } </script> <style> .login-head { background:#3c5a98; padding-bottom:10px; padding-top:10px; } .login-footer { background:#3c5a98; padding-bottom:10px; padding-top:15px; color:white; text-align:center; } .login-head label { color:white !important; } .login-head a { font-size:12px; color:white; } .lgn-btn { margin-top:5px; } </style> <style> .carousel-indicators .active { background-color: #2980b9; } .carousel-inner img { width: 100%; max-height:500px; } .carousel-control { width: 0; } .carousel-control.left, .carousel-control.right { opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; } .carousel-control.left span { padding: 15px; } .carousel-control.right span { padding: 15px; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; top: 45%; z-index: 5; display: inline-block; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 0; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 0; } .carousel-control.left span, .carousel-control.right span { //background-color: #000; } .carousel-control.right span { margin-right: 16px; } .carousel-control.left span:hover, .carousel-control.right span:hover { opacity: .7; filter: alpha(opacity=70); } /* Carousel Header Styles */ .header-text { position: absolute; top: 20%; left: 1.8%; right: auto; width: 96.66666666666666%; color: #fff; } .header-text h2 { font-size: 40px; } .header-text h2 span { background-color: #2980b9; padding: 10px; } .header-text h3 span { background-color: #000; padding: 15px; } .btn-min-block { min-width: 170px; line-height: 26px; } .btn-theme { color: #fff; background-color: transparent; border: 2px solid #fff; margin-right: 15px; } .btn-theme:hover { color: #000; background-color: #fff; border-color: #fff; } .navigation1 { color:white; } .navigation1 a { color:#c3baba; } header{ padding:15px 0px; } .header-top{ background: #0066B3; height: 10px; } .nav-menu{ display: flex; justify-content:flex-end; align-items: center; } .hotline-icon{ margin-right: 10px; } .hotline-info h4{ color: #0066B3; font-weight: bold; } .hotline-info p a{ color: #8C8C8C; font-weight: bold; transition: all .5s ease; } .hotline-info p a:hover{ text-decoration: none; color: #0066B3; } .hotline-block{ display: flex; justify-content: center; align-items: center; } .hotline_bg { /*background: url('../assets/images/Icon.png');*/ } .log-link{ margin-left: 50px; } .log-link p a{ background: #0066B3; padding: 10px 30px; border-radius: 20px; display: inline-block; color: white; transition: all .5s ease; border:1px solid #0066B3; font-size: 16px; } .log-link p a:hover{ background: white; color: #0066B3; text-decoration: none; } .contact-link{ font-weight: bold; font-size: 16px; margin-left: 50px; } .contact-link p a{ color: #0065B3; } .contact-link p a:hover{ text-decoration: none; color:#0066B3; } .home-mid-one{ padding: 2% 0%; } .events-block{ border: 2px solid #0065B3; padding: 21px 10px; text-align: justify; line-height: 2; } .events-block h5{ color: #0065B3; font-weight: bold; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; border-bottom: 2px solid #0065B3; display: inline-block; margin-left: 35%; } .events-tabs .nav-tabs{ border-bottom: none!important; text-align: center!important; margin-bottom: 20px; } .events-tabs .nav-tabs>li{ float: none!important; display: inline-block!important; font-weight: bold!important; } .events-tabs .nav-tabs>li>a{ color: #C1C1C1!important; } .events-tabs .nav-tabs>li>a:hover{ color: #0065B3!important; border-bottom: 2px solid #0065B3!important; border-right: transparent!important; border-top:transparent!important; border-left: transparent!important; background: white; } .events-tabs .nav-tabs>li.active>a,.events-tabs .nav-tabs>li.active>a:focus,.events-tabs .nav-tabs>li.active>a:hover{ color: #0065B3!important; border-bottom: 2px solid #0065B3!important; border-right: none!important; border-top:none!important; border-left: none!important; } .home-tab-list{ list-style-type: none; } .home-tab-list li{ display: flex; color: #2D2D2D; font-weight: bold; } .home-tab-list li:before{ content: "\f192 "; font-family: FontAwesome; margin-right: 10px; color: #2D2D2D; } .tab-in{ padding-left: 22px; color:#AFAFAF; font-size: 12px; } .polling-block{ margin: 15px 0px; } .polling-block h3{ font-weight: bold; padding-bottom: 10px; border-bottom: 4px solid #0065B3; color: #3C3C3C; margin-top: 0; } .polling-block h3:before{ content: "\f192 "; font-family: FontAwesome; margin-right: 10px; color: #3C3C3C; font-size: 22px; } .poll-radio label{ font-size: 15px; color: #000; font-weight: 600; line-height: 2; margin-right: 3px; padding-left: 35px; position: relative; } .poll-radio input[type="radio"]{ opacity: 0; } .rad-box{ position: absolute; top: 0; left: 0; background:#0065B3; width: 30px; height: 30px; text-align: center; color: white; } .polling-res{ border: 2px solid #0065B3; padding: 10px; } .poll-radio input:checked ~ .rad-box{ background: #65B200; } .pol-prog{ position: relative; padding-left: 30px; margin-bottom: 15px; } .prog-letter{ position: absolute; top: 0; left: 0; width: 30px; height: 30px; text-align: center; background: #0065B3; color: white; } .footer-bl{ padding-top: 20px; } .accordion { background: #F4F4F4; color: #0065b3; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; margin-bottom: 15px; border-radius: 10px; font-weight: bold; } .panel { padding: 10px; background-color: white; display: none; overflow: hidden; box-shadow: 0px 0px 3px; margin-top: -20px; } .accordion:focus{ outline: none!important; } .accordion:hover{ background: #0065b3; color: white; } .accordion:hover:after{ color: white; } .accordion:after { content: '\002B'; font-family: FontAwesome; font-size: 13px; color: #0065b3; float: right; margin-left: 5px; padding-top: 5px; } .active1:after { content: "\2212"; color: #0065b3; } .accordion:before{ content: "\f00c"; font-family: FontAwesome; width: 35px; height: 35px; text-align: center; border-radius: 50%; line-height: 30px; background: white; color: #0065b3; margin-right: 10px; } .acc-blo1{ padding: 10px 0px; } .acc-blo1 p{ margin-bottom: 0; } .acc-inblock2,.acc-inblock1,.acc-inblock{ padding-bottom: 10px; } .blue-block{ padding: 20px 0px; background: #0065B3; color: white; } .blue-block h2{ text-align: center; } .blu-left,.blu-mid,.blu-right{ text-align: center; } .blu-left a,.blu-right a{ color: white; } .blu-mid h2{ padding-top: 30px; } .home-yas{ padding-top: 15px; padding-bottom: 5px; } .mod-button-one{ background: #0065B3; color: white; text-align: center; } .mod-button-one:hover{ text-decoration: none; color: white; background: #0a4777; } .mod-cla p{ text-align: right; } .mod-cla p a{ color:#0065B3; } #logmod .modal-dialog{ width: 430px; } #logmod .modal-header{ border-bottom: none; } #logmod .modal-body{ padding: 20px 35px; } .map-tog{ position: relative; } .down-icon{ position: absolute; top: 5px; right: 10%; font-size: 30px; cursor: pointer; color: white; } @media only screen and (min-width: 992px) and (max-width: 1258px){ .blu-left h3,.blu-right h3{ font-size: 21px; } .map-tog img{ height: 42px; } } @media only screen and (min-width: 641px) and (max-width: 991px){ .events-block h5{ margin-left: 28%; } .poll-radio label{ font-size: 14px; } .contact-link,.log-link{ margin-left: 36px; } .blu-left h3,.blu-right h3{ font-size: 16px; } .blu-mid h2,.blue-block h2{ font-size: 25px; } .polling-res{ margin: 30px 0px; } .map-tog img{ height: 42px; } } @media only screen and (min-width: 320px) and (max-width: 640px){ .events-tabs .nav>li>a{ padding: 10px!important; } .events-block h5{ margin-left: 21%; } .blu-mid h2,.blue-block h2{ font-size: 22px; } .blu-left h3,.blu-right h3{ font-size: 16px; } .polling-res{ margin: 10px 0px; } .nav-menu{ flex-direction: column; } .log-link,.contact-link{ margin-left: 0; margin: 10px 0px; } .hotline-block{ margin-top: 10px; } .contact-link p,.log-link p{ margin-bottom: 0; } #logmod .modal-dialog{ width:auto; } #logmod .modal-body{ padding: 15px; } .map-tog img{ height: 42px; } } </style>