/*
Theme Name: New Fifteen
Theme URI: http://cyberchimps.com/responsive-theme/
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload and Social Networking. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into over 45 languages. Cross-Browser compatible. <a href="http://cyberchimps.com/forum/free/responsive/">Official support forum</a> (http://cyberchimps.com/forum/free/responsive/)
Author: CyberChimps.com
Author URI: http://cyberchimps.com
Version: 1.9.7.6
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout, featured-images
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive

Responsive WordPress Theme, Copyright (C) 2003-2014 Emil Uzelac, CyberChimps Inc

--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or
Templates directly. If you do, your customizations will be lost
as soon as you update Responsive.

WordPress and CyberChimps highly recommends Child Theme.

Read More:

- http://codex.wordpress.org/Child_Themes
- http://cyberchimps.com/guide/child-theme-example/
- http://cyberchimps.com/guide-tags/child-theme-2/

*/

.page-id-2370 p {
    margin: 10px 0 0 0px;
    line-height: normal;
}
.page-id-2370 .newsletter-hr {
    margin: 0 !important;
}
.page-id-2370 a img.alignright {
    float: right;
    margin: 5px 0 5px 10px;
    width: 15px;
}
.page-id-2370 hr {
    margin: 0 !important;
}


body {
    font-family: "Montserrat", sans-serif;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: "Inter", sans-serif;
  }
  #header {
      background: #fff!important;
      position: relative !important;
     
  }
  .topbar {
    width: 100%;
    height: 54px;
    background: #009F4E;
    display: flex;
    align-items: center;
  }
  .topbar ul {
      display: flex;
      list-style: none;
      justify-content: end;
      align-content: center;
      margin: 0;
      color: #fff;
    }
    .topbar ul li {
        border-right: solid 1px #fff;
        padding: 0 15px;
    }
    .topbar ul li:last-child {
      border-right: none!important;
  }
  .topbar ul a {
      color: #fff;   
      text-decoration: none;
  }
  .nav-top {
      background-color: #fff;
      height: 135px;
      display: flex;
      align-items: center;
      justify-content: space-between;
  } 
  .main-nav {
      display: flex;
      max-width: 750px;
      margin-top: 10px;
      align-items: center;
    }
  .menu .current_page_item > a, .menu .current-menu-item > a, .menu .current_page_item > a:hover, .menu .current-menu-item > a:hover, .menu .current_page_item > a:focus, .menu .current-menu-item > a:focus, .menu .menu-item-type-custom > a:focus, .menu .current-menu-parent > a, .menu .current-menu-ancestor > a {
      color: #4FC7F3;
      background: none!important;
  }
  .menu li:hover > a, .menu li > a:focus {
      color: #4FC7F3!important;
      background: none!important;
      }
  .menu a:hover {
      color: #4FC7F3!important;
      background: none!important;
  }
  .menu li ul li > a:hover {
      color: #4FC7F3 !important;
    }
    ul.sub-menu li a:hover {
      background: none!important;
    }
    menu a {
      height: 88px;
      margin: 0;
      padding: 32px 15px 20px 15px!important;
    }
    .searchwrap {
        width: 50px;
        display: block;
    }
    .searchwrap svg {
      width: 50%;
      height: 50px;
    }
    .mob-menu {
      background: #009F4E;
      height: 50px;
      position: relative;
    }
    .fluid-width-video-wrapper {
      border-top: 10px solid #009F4E;
      border-top-left-radius: 30px;
      border-right: 10px solid #009F4E;
      border-bottom-right-radius: 30px;
      border-bottom: 10px solid #00AEEF;
      border-left: 10px solid #00AEEF;
      border-bottom-left-radius: 7px;
      border-top-right-radius: 7px;
    }
    @media (min-width: 1200px) {
      .welcome_cyber h1 {
        font-size: 30px;
      }
    }
    .welcome_cyber h2 {
      text-transform: none!important;
      color: #333333!important;
      font-weight: 500;
      margin-bottom: 0;
      font-size: 30px;
    }
    .Advantange h3 {
      text-transform: none!important;
      color: #00AEEF!important;
      font-weight: 400;
      margin-bottom: 1em;
      font-size: 25px;
    }
    p, hr, dl, pre, table, address, blockquote {
      margin: 1em 0!important;
    }
    .welcome-list li {
      color: #000000!important;
      font-weight: 300;
      line-height:25px ; 
     }
     .welcome-list li::marker {
      color: #009F4E;
      font-size: 24px;
    }
    .sec1, .sec2, .sec3 {
      margin-bottom: 1.5em;
    }
    .title {
      display: flex;
      justify-content: center;
    }
    .title h3 {
      border: solid 1px #000;
      border-radius: 50px;
      text-transform: uppercase!important;
      padding:10px 50px;
    }
    .fac-wrap {
      width: 100%;
    }
    .fac-image{
      padding: 5px;
    }
    .fac-image img{
      border-radius: 15px;
    }
    .fac-wrap span {
      position: absolute;
      left: 0;
      right: 0;
      top: 40%;
      color: #fff;
      font-weight: 600;
      text-align: center;
      font-size: 1.5rem;
      line-height: 2rem;
      text-transform: uppercase;
    }
    .sect-wrap1 {
      background: #0BA4DE;
      padding-top: 120px;
      padding-bottom: 50px;
    }
    .sect-wrap2 {
      background: #009F4E;
      padding-top: 120px;
      padding-bottom: 50px;
    }
    .space {
      background: #2FB2E3;
      border-radius: 50px;
      display: flex;
      justify-content: center;
      margin-bottom: 50px;
      padding: 60px;
      -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
      -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
      box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
    }
    .cont-wrap {
      max-width: 800px;
      text-align: center;
    }
    .cont-wrap h3 {
      padding-bottom: 0;
      font-family: "Montserrat", sans-serif;
      font-weight: 600;
      color: #fff;
    }
    .cont-wrap p {
      font-size: 1rem;
      color: #fff;
    }
    .icon-sec {
      width: 235px;
      height: 195px;
      border: solid 1px #fff;
      margin: auto;
      padding: 15px;
      border-radius: 25px;
    }
    .viewmore {
      color: #009F4E;
      font-size: 1.25rem;
      font-weight: 400;
      padding: 10px 15px;
      border-radius: 15px;
      border: 0;
    }
    .mob-menu {
      display: none;
    }
    .enqu .icon-sect img {
      border-radius: 50%;
    }
    .en-wrap {
      text-align: center;
      color: #fff;
    }
    .en-wrap a h5{
      color: #fff!important;
    }
    .enqu {
      display: flex;
      justify-content: space-around;
    }
    .title-wrap {
      text-align: center;
      margin-bottom: 50px;
      color: #fff;
      font-size: 16px;
    }
    .title-wrap h2 {
      font-size: 30px;
    }
    .title-wrap h5{ 
      color: #fff;
    }
    @media (max-width: 767px) {
      .fac-image {
        /* width: calc(100% / 2); */
      }
      
    }
    @media screen and (max-width: 991px) {
      .mob-menu #responsive_current_menu_item {
        display: block;
        padding: 5px 40px 5px 10px;
        color: #fff;
        font-weight: 700;
        cursor: pointer;
      }
      .mob-menu a#responsive_menu_button {
        display: block;
        width: 80px;
        height: 30px;
        padding-left: 30px;
        background: url("https://www.cyberparkkerala.org/wp-content/themes/responsive/core/images/menu_icon.png") 0 7px no-repeat;
        cursor: pointer;
        padding-top: 5px;
        color: #fff;
        margin-top: 10px;
      }
      .mob-menu {
        display: block;    
        }
        .menuwrap {
          display: flex;
          justify-content: space-between;
        }
        .menuwrap .searchwrap {
  
        }
        .anniversary {
          width: 50%;
        }
        .main-nav .searchwrap {
          display: none;
        }
        .nav-top {
          height: 100px;
        }
        .enqu {
          flex-direction: column;
        }
      }
     
  
    @media screen and (max-width: 991px) {
      .main-nav #responsive_current_menu_item, .main-nav #responsive_menu_button, .topbar ul  {
       display: none!important;
      }
      .welcome-left h2, .welcome-right h2 {
        text-align: center;
      }
      
    }