@import url(https://fonts.googleapis.com/css?family=Rajdhani:400,500,600,700,300);

/* --------------------------------------------- 
* Filename:     custom-style.css
* Version:      1.0.0 (2016-02-27)
* Website:      http://www.zymphonies.com
* Description:  Global Styles
* Author:       Zymphonies Team
                info@zymphonies.com
-----------------------------------------------*/

body{
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  line-height: 160%;
  color: #333;
  overflow-x: hidden;
  font-weight: 500;
}

p{ margin: 0 0 20px 0; }

h1, .h1{ font-size: 22px; color: #000; }

h2, .h2{ font-size: 20px; color: #000; }

h3, .h3{ font-size: 16px; color: #000; }

h4, .h4{ font-size: 14px; color: #000; }

img{ max-width: 100%; }

a{
  color: #EE0328;
}

a:hover{
  color: #CD1B01;
  text-decoration: none;
}

ul.links.inline{
  padding: 0;
}

ol, ul {
  padding-left: 20px;
}

ul.links.inline li{
  list-style: none;
}

.block{
  margin-bottom: 20px;
}

.container {
  max-width: 1000px;
}

.main-header {
  background-size: cover;
  position: relative;
  background: url(../images/header-bg.jpg) no-repeat;
}

.main-header nav{
  background: #fff;
  border: 0;
  margin: 0;
  position: relative;
  z-index: 9;
  min-height: auto;
  border-radius: 0;
  margin-bottom: 15px;
  box-shadow: 0 2px 0 0 #01baef;
}

.main-header .region{
  position: relative;
  z-index: 2;
}

.main-header .block{
  margin: 0;
}

/*Region Header*/

.site-branding{
  margin: 0;
}

.brand.logo{
  margin-right: 5px;
}

.region-header .brand{
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
  padding: 3px 0;
}

.site-name a{
  font-size: 24px;
  color: #fff;
}

.region-header .site-branding__slogan{
  font-size: 10px;
  color: #fff;
}

/*Banner*/

.slideshow{
  text-align: center;
  line-height: 160%;
}

.slideshow h2{
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}

/*Top Widget*/

.topwidget .fa{
  font-size: 60px;
  background: #4D4F4A;
  width: 120px;
  height: 120px;
  padding: 32px;
  border-radius: 50%;
  color: #fff;
  margin-bottom: 20px;
}

.topwidget .block h2.title{
  background: #1BA4C4;
  color: #fff;
  padding: 10px;
  margin: 0;
}

.topwidget .block .content{
  border: 1px solid #1BA4C4;
  padding: 10px 10px 0 10px;
}

/*Region Homepage Message*/

.region-homepagemessage{
  border: 1px solid #E9E8ED;
  padding: 15px;
  font-size: 16px;
  text-align: center;
  margin: 20px 0;
  background: #FDFDFD;
}

.region-homepagemessage h2{
  margin: 5px 0;
}

.region-homepagemessage p,
.region-homepagemessage .block{
  margin: 0;
}

/*Footer Widget*/

.footerwidget{
  padding: 20px 0;
}

.footerwidget .left{
  float: left;
  margin: 10px 10px 0 0;
}

.copyright{
  background: #444;
  font-size: 12px;
  color: #fff;
}

.copyright p{
  margin: 13px 0;
}

.footerwidget ul{
  padding-left: 15px;
}

.footerwidget .block,
.bottom-widgets .block{
  background: #FBFBFB;
  padding: 10px;
  border-radius: 5px;
}

.footerwidget .block h2.title,
.bottom-widgets .block h2.title{
  margin: 5px 0 10px 0;
}

/*Bottom Widgets*/

.bottom-widgets{
  padding: 20px 0;
}

.bottom-widgets img {
  max-width: 100%;
  border: 5px solid #fff;
  box-shadow: 0px 0px 2px #ddd;
}

.bottom-widgets .block{
  background: #FBFBFB;
}

/*Footer Menu*/

.footer-menu{
  margin: 0;
  border: 0;
  background: #E6EAEC;
  color: #fff;
}

.footer-menu ul{
  margin: 10px 0;
  padding: 0;
}

.footer-menu nav li{
  display: inline-block;
}

.footer-menu nav li a{
  display: block;
  padding: 4px 20px 4px 0;
}

.google_map p,
.google_map .block{
  margin: 0;
}

.google_map iframe{
  display: block;
}

/*Credit Link*/

.credit-link{
  text-align: left;
}

/*Social Media*/

.social-media{
  margin: 10px 0;
  overflow: hidden;
  float: left;
}

.social-media a {
  width: 30px;
  height: 30px;
  color: #fff;
  float: left;
  margin: 0 10px 0 0;
  text-align: center;
  background: #3262b9;
  font-size: 14px;
  line-height: 220%;
}

.social-media a.google-plus{
  background: #de2020;
}

.social-media a.twitter{
  background: #29C5F6;
}

.social-media a.linkedin{
  background: #069;
}

.social-media a.pinterest{
  background: #C61118;
}

.social-media a.rss{
  background: #FF6D00;
}

.social-media a:hover{
  opacity: .6;
}

/*Form*/

input, button, select, textarea{
  padding: 8px;
  border: 1px solid #C7C7C7;
}

.contact-message-form label{
  display: block;
}

.btn, 
input[type="submit"]{
  background: #EE0328;
  color: #fff;
  border: 0;
  padding: 13px;
  line-height: 100%;
  height: 39px;
}

.btn:hover, 
input[type="submit"]:hover{
  background: #CD1B01;
}

/*Front Page*/

.path-frontpage .feed-icon{
  display: none;
}

/*Menu*/

.navbar-default .navbar-toggle{
  margin-right: 0;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: none;
  padding: 6px 6px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 35px;
  height: 4px;
  border-radius: 1px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{
  background: none;
}

nav h2{
  display: none;
}

.menu-base-theme,
.menu-base-theme a, 
.menu-base-theme a:hover, 
.menu-base-theme a:focus, 
.menu-base-theme a:active, 
.menu-base-theme a.highlighted{
  background: none;
}

.menu-base-theme a:hover, 
.menu-base-theme a:focus, 
.menu-base-theme a:active, 
.menu-base-theme a.highlighted{
  color: #fff;
}

.menu-base-theme li a{
  background: #FBFBFB
}

.region-primary-menu{
  display: none;
  background: #fff;
  border-radius: 3px;
  width: 100%;
}

.menu-base-theme a{
  border-bottom: 1px solid #EEF0F7;
}

.menu-base-theme a span.sub-arrow{
  color: #999;
  font-size: 22px;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #DCDCDC;
  background: #EFEFEF;
} 

.navbar-toggle{
  z-index: 999;
}

/*Breadcrumb*/

.breadcrumb{
  background: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #eee;
  font-size: 11px;
}

.breadcrumb ul{
  padding: 0;
  margin: 0;
}

.breadcrumb ul li{
  display: inline-block;
}

/*Search Form*/

.search-block-form{
  max-width: 500px;
  margin: 0 auto !important;
}

.region-search{
  background: #E6E5EA;
  padding: 15px;
}

#search-block-form{
  display: table;
  width: 100%;
}

#search-block-form .form-item,
#search-block-form .form-actions{
  display: table-cell;
  vertical-align: top;
}

#search-block-form input{
  width: 100%;
}

/*Demo Typography*/

.bd-example {
  position: relative;
  padding: 20px;
  border: 2px solid #f7f7f9;
}

.highlight{
  padding: 20px;
  background-color: #f7f7f9;
}

.highlight pre{
  border: 0;
  background: none;
}

.bd-example-type .table tr:first-child td {
  border-top: 0;
}

.bd-example-type h1, 
.bd-example-type h2, 
.bd-example-type h3, 
.bd-example-type h4, 
.bd-example-type h5, 
.bd-example-type h6 {
  margin: 0;
}

.bd-example-type .table td {
  padding: 15px 0;
  border-color: #eee;
}

/*Contact Form*/

.contact-message-feedback-form .form-text,
.contact-message-feedback-form .form-email,
.contact-message-feedback-form .form-textarea{
  width: 100%;
}

/*User Login Form*/

.user-login-form,
.user-form,
.user-pass{
  max-width: 500px;
  margin: 40px auto;
  border: 1px solid #ddd;
  padding: 10px 30px;
  background: #fff;
}

.user-login-form .form-text,
.user-login-form .form-email,
.user-form .form-text,
.user-form .form-email,
.user-pass .form-text{
  width: 100%;
}

.form-composite > .fieldset-wrapper > .description, 
.form-item .description {
  font-size: 11px;
  color: #999;
  font-style: italic;
}

/*Maintainance*/

.maintenance-page{
  background: url(../images/maintenance-bg.png) #66CBFF center no-repeat;
  color: #fff;
  text-align: center;
  padding-top: 220px;
  padding-bottom: 100px;
  font-size: 18px;
  color: #000;
}

.maintenance-msg {
  margin: 20px 0;
  background: rgba(242, 244, 207, 0.88);
  padding: 20px 30px;
  display: inline-block;
  color: #404040;
  border: 1px solid #fff;
  box-shadow: 5px 5px 0px #FFFFFF;
  font-size: 14px;
}

.maintenance-msg h1{
  text-transform: uppercase;
  font-weight: bold;
}

.maintenance-page .brand,
.maintenance-page .name-and-slogan{
  display: inline-block;
  vertical-align: middle;
}

.maintenance-page .site-name a{
  color: #404040;
}

.maintenance-page .site-slogan,
.maintenance-page .name-and-slogan{
  display: none;
}

/*Comment*/

.comment-wrap{
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F5F5F5;
}

.comment-wrap .author-details{
  float: left;
  width: 20%;
}

.comment-wrap .author-comments{
  padding-left: 5px;
  float: left;
  width: 80%;
}

.comment-submitted{
  padding: 5px 10px;
  border: 1px solid #eee;
  font-size: 12px;
  display: inline-block;
  line-height: 100%;
}

.comment-wrap .author-comments h3{
  margin-top: 10px;
}

.comment-wrap .author-comments p{
  margin-bottom: 10px;
}

/*links Inline*/

ul.links.inline li{
  display: inline-block;
  padding-right: 10px;
}

/*Carousel*/

.carousel-caption p,
.carousel-caption h3{
  display: none;
}

.carousel-caption h3{
  margin-top: 0;
}

.carousel-indicators li{
  border: 1px solid #348BC2;
}

.carousel-indicators .active{
  background-color: #348BC2;
}

/*Sidebar Block*/

.sidebar .region h2.title{
  background: #ADADAD;
  padding: 10px 15px;
  color: #fff;
  margin: 0;
}

.sidebar .region .content{
  border: 1px solid #eee;
  padding: 10px;
}

/*Profile Page*/

.path-user .profile >div{
  display: inline-block;
}

.path-user .profile .label{
  display: block;
  color: #333;
}

/*==========================
    19-8-2021
============================*/
body {
    font-family: "Open Sans", sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Dosis", "Open Sans", sans-serif;
    font-weight: 600;
    color: #37404d;
    letter-spacing: 1px;
    line-height: 1.6;
}
/*==========================
    HEADER CSS START
============================*/
header.main-header {
    background-color: #DFB4EA !important;
    box-shadow: 0px 2px 0px 0px magenta;
    background-image: unset;
    position: fixed;
    width: 100%;
    z-index: 99;
}
.navbar-header.col-md-3 {
    width: auto;
}
input#edit-keys {
    color: #b5b9bf;
    font-weight: 200;
    text-transform: capitalize;
    font-size: 12px !important;
}
input#edit-keys:focus-visible {
    outline: 0;
}
.main-header nav.navbar-default, .main-header nav {
    background: transparent !important;
  padding: 14px 0;
  box-shadow: unset !important;
}
.main-header .navbar .region {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.brand.logo img {
    width: 153px;
}
header #search-block-form input {
    width: 100%;
    height: 50px;
    vertical-align: middle;
    font-size: 14px;
    max-width: 280px;
}

header #search-block-form {
    width: 400px;
    position: relative;
    margin-top: 6px;
}
header #search-block-form #edit-actions {
    position: absolute;
    top: 0;
    right: -15px;
    width: 100%;
    height: 100%;
    border: none;
   color: #fff;
    max-width: 120px;
    margin: 0;
}
header #search-block-form #edit-actions input {
    background-color: #c363e7 !important;
}
#block-awesome-zymphonies-theme-main-menu {
    width: 100%;
    max-width: 350px;
}
ul#main-menu {
    line-height: 60px !important;
    display: inline-flex;
    flex-wrap: nowrap;
    font-weight: 600;
    font-size: .75rem;
    z-index: 910;
}
ul#main-menu li a {
    color: #000;
    opacity: 1;
    font-size: 14px;
    font-weight: 700;
    padding: 0 14px;
  letter-spacing: 1px;
}
input#edit-keys:focus {
    border-color: #70cef8;
} 
.main-header ul#main-menu li:nth-child(5) ul {
    background-color: #fff !important;
    padding: 10px !important;
    max-width: max-content !important;
}
.main-header ul#main-menu li:nth-child(5) ul li {
    padding: 10px;
}
.main-header ul#main-menu li:nth-child(5) ul li a {
  white-space: pre;
}
.main-header ul#main-menu li:nth-child(5) ul li a:hover {
    color: #c363e7;
    background: transparent;
}
/*==========================
    HEADER CSS END
============================*/
/*==========================
    MIDDLE sECTION CSS START
============================*/
.content_layout .col-md-12 img{
    height: auto;
  width: 100%;
}
.content_layout .col-md-12 .paragraph div:nth-child(2) {
    margin: 40px 0;
    font-size: 20px;
    text-align: center;
    position: relative;
    font-family: "Dosis", "Open Sans", sans-serif;
    font-weight: 600;
    color: #37404d;
    letter-spacing: 1px;
    line-height: 1.6;
}
.content_layout .col-md-12 .paragraph div:nth-child(2):before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    background: #c363e7;
    width: 50px;
}
#block-views-block-screenshots-block-1{
    margin: 0 auto;
    padding-right: 15px;
    width: 1140px !important;
    max-width: 100%;
  }
#block-views-block-screenshots-block-1 .owl-item {
    width: 225px !important;
    padding: 20px;
}
#block-views-block-screenshots-block-1 h2.title, #block-views-block-testimonials-block-1 h2.title {
    text-align: center;
    max-width: 100%;
      font-size: 35px !important;
    
}
#block-views-block-testimonials-block-1 {
    margin: 0 auto;
    width: 1140px !important;
    max-width: 100%;
}
#block-downloadnow p img {
    height: auto !important;
    width: auto;
}
.user_details {
    display: flex;
}
.owl-controls.clickable {
    display: none !important;
}
.user_details img {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50px;
      margin-right: 20px;
}
#block-downloadnow .content > div {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    padding: 30px 40px;
    top: 38%;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.6;
    font-size: 30px;
    font-family: "Dosis", "Open Sans", sans-serif;
}
#block-downloadnow .content > div p:nth-child(2) {
    display: none;
}
#block-downloadnow {
    background: url(https://drupal.web2tele.com/sites/default/files/2021-08/peoples.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 548px;
    background-position: center -21%;
  position: relative;
  
}
#block-views-block-testimonials-block-1 h2.title {
    margin: 10rem 0 15rem;
}
.user_comment p {
    font-weight: 200;
    font-size: 19px;
    line-height: 30px;
}
#block-views-block-testimonials-block-1 .owl-item {
    width: 700px !important;
    padding: 0 30px !important;
    text-align: center;
}
.user_details .right_section {
    text-align: left;
    font-weight: 300;
}
.user_details .right_section .user_name {
    font-weight: 500;
}
#block-downloadnow p img:first-child {
    margin-right: 20px;
}
.user_details .right_section .user_link a {
    color: #59a9fa;
    font-size: 13px;
    display: block;
    font-weight: 400;
}
.screenshot-text {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 50px;
}
#block-downloadnow:before {
    position: absolute;
    content: "";
    top: 110px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
}
.home-banners .paragraph div:nth-child(3) {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 50px;
}
/*==========================
    FEATURE CSS START
============================*/
.page-node-type-feature-type #wrapper .container {
    width: 100% !important;
    padding: 0 !important;
}
.node--type-feature-type .node__content div:nth-child(2)
{
      text-align: center;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 50px;
}
/*==========================
    FEATURE CSS END
============================*/
/*==========================
    FOOTER CSS START
============================*/
.footer-menu {
    position: relative;
    background: #fff;
    border-top: 1px solid #f1f2f3;
    padding: 10px 0;
}
.copyright p {
    color: #535353 !important;
    font-weight: 600;
    font-size: 14px;
  margin: 0;
}
.copyright {
    background: #fff;
    padding: 20px 0;
    border-top: 1px solid #eee;
}
.footer-menu .col-sm-12 {
    display: flex;
    align-items: center;
    padding: 0;
}
.footer-menu .region-footer-menu p img {
       width: 160px;
    height: auto;
    position: relative;
    z-index: 99;
    left: 14px;
}
#block-awesome-zymphonies-theme-footer ul li {
    padding: 0 14px;
}
#block-awesome-zymphonies-theme-footer ul li a {
    font-size: 14px;
    text-transform: capitalize;
    color: #535353 !important;
    flex-grow: 1;
    padding: 2px 0;
    font-weight: 600;
}
.footer-menu .region-footer-menu p
{
  margin: 0;
}
.copyright .col-sm-4:nth-child(3) .region-footer-bottom-right-text {
    text-align: right;
}
#block-footerlogo, .copyright .col-sm-4 .block-block-content {
    margin-bottom: 0;
  
    display: inline-block;
}
.region-footer-menu {
    width: 84%;
    float: left;
    display: flex;
    align-items: center;
}
#block-footerlogo {
    width: 24%;
    text-align: center;
}
nav#block-awesome-zymphonies-theme-footer {
    width: 80%;
    display: inline-block;
    float: left;
    text-align: center;
}
.social-media a.rss {
    background: #FF0000;
}
/*==========================
    FOOTER CSS END
============================*/
/*==========================
    responsive css
============================*/
@media (min-width: 1200px)
{
  .container {
    padding-right: 15px;
    padding-left: 15px;
    width: 1140px !important;
    max-width: 100%;
  }
  .col-md-12
  {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .content_layout .region-content {
    padding-bottom: 100px;
  }
  
}
@media only screen and (max-width: 1200px) and (min-width: 768px)
{
  .main-header .container .row {
    position: relative;
  }
  header.main-header
  {
    padding: 0 0 45px;
  }
  .search-block-form
  {
        margin: 0 !important;
  }
  #block-awesome-zymphonies-theme-main-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 73px;
    max-width: 100%;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 992px)
{
  .main-header .navbar .region
  {
    justify-content: flex-end;
  }
  
}
@media only screen and (max-width: 991px) and (min-width: 768px)
{
  .main-header .container .row .navbar-header.col-md-3 {
    width: 100% !important;
  }
  #block-awesome-zymphonies-theme-main-menu{
    text-align: center;
  }
  .main-header .navbar .region {
    justify-content: center;
  }
}
@media only screen and (max-width: 1199px)
{
  .row {margin-right: 0; margin-left: 0;}
  
  .col-md-12{padding-left: 0; padding-right: 0;}
  
  .main-header .navbar .region {justify-content: center;}
  
  .footer-menu .col-sm-12, .region-footer-menu {flex-direction: column;}
  
  .footer-menu .region-footer-menu p img {left: 0;}
  
  nav#block-awesome-zymphonies-theme-footer{width: 100%;}
}