/*
  Theme Name: Triangle
  Theme Uri: http://www.themeum.com
  Author: Themeum
  Author Uri: http://www.themeum.com
  Description: Creative Site Template
  Version: 1.1
  */

/* .nav {
    height: 50px;
    width: 100%;
    background-color: transparent;
    position: relative;
    background: transparent;
    border: 0;
    margin-bottom: 0;
  }
  
  .nav > .nav-header {
    display: inline;
  }
  
  .nav > .nav-header > .nav-title {
    display: inline-block;
    font-size: 22px;
    color: black;
    padding: 10px 10px 10px 10px;
  }
  
  .nav > .nav-btn {
    display: none;
  }
  
  .nav > .nav-links {
    display: inline;
    float: right;
    font-size: 18px;
    margin-right: 18px;
  }
  
  .nav > .nav-links > a {
    display: inline-block;
    padding: 2px 18px 19px 12px;
    text-decoration: none;
    color: black;
    background: transparent;
   
  }
  
  .nav > .nav-links > a:hover {
    color:#00aeef
  }
  
  .nav > #nav-check {
    display: none;
  }
  
  @media (max-width:100px) {
  .bea{
    background-color: rgb(102, 71, 18);
    color: white;
    font-weight: bold;
    margin: -82px 850px -37px 480px;
    font-size: 16px;
    text-decoration: none;
    white-space: nowrap;
    font-family: cuyabra;
  }
  
  
  }
  @media (max-width:600px) {
    .nav > .nav-btn {
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 0px;
    }
  
    
    .nav > .nav-btn > label {
      display: inline-block;
      width: 50px;
      height: 50px;
      padding: 13px;
    }
    .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
      background-color: rgba(0, 0, 0, 0.3);
    }
    .nav > .nav-btn > label > span {
      display: block;
      width: 25px;
      height: 10px;
      border-top: 2px solid #00aeef;
    }
    .nav > .nav-links {
      position: absolute;
      display: block;
      width: 100%;
     
      height: 0px;
      transition: all 0.3s ease-in;
      overflow-y: hidden;
      top: 87px;
      left: 0px;
      margin-left: 87%;
    }
    .nav > .nav-links > a {
      display: block;
      width: 100%;
    }
    .nav > #nav-check:not(:checked) ~ .nav-links {
      height: 0px;
    }
    .nav > #nav-check:checked ~ .nav-links {
      height: calc(100vh - 50px);
      overflow-y: auto;
      background-image: url(../images/10.jpg);
      color:black;
      width: 13%;
      height:200px;
    }
    .containerss {
      margin-left: 12%;
      margin-right: 12%;
    }
  }
  @media (max-width:540px) {
    .containerss {
      margin-left: 12%;
      margin-right: 12%;
    }
    .containerssheader {
      margin-left: 12%;
      margin-right: 12%;
    }
  }
  @media (max-width:720px) {
    .containerss {
      margin-left: 12%;
      margin-right: 12%;
    }
    .containerssheader {
      margin-left: 12%;
      margin-right: 12%;
    }
  }
  @media (max-width:350px) {
    .nav > .nav-btn {
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 0px;
    }
    .nav > .nav-btn > label {
      display: inline-block;
      width: 50px;
      height: 50px;
      padding: 13px;
    }
    .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
      background-color: rgba(0, 0, 0, 0.3);
    }
    .nav > .nav-btn > label > span {
      display: block;
      width: 25px;
      height: 10px;
      border-top: 2px solid #00aeef;
    }
    .nav > .nav-links {
      position: absolute;
      display: block;
      width: 100%;
    
      height: 0px;
      transition: all 0.3s ease-in;
      overflow-y: hidden;
      top: 87px;
      left: 0px;
      margin-left: 87%;
    }
    .nav > .nav-links > a {
      display: block;
      width: 100%;
    }
    .nav > #nav-check:not(:checked) ~ .nav-links {
      height: 0px;
    }
    .nav > #nav-check:checked ~ .nav-links {
      height: calc(100vh - 50px);
      overflow-y: auto;
      background-image: url(../images/10.jpg);
      color:black;
      width: 13%;
    }
    .containerss {
      margin-left: 12%;
      margin-right: 12%;
    }
  } */

  /* @media (max-width: 768px) {
    .btn {
      width: 100%;
      margin: 5px 0;
    }
  
    .search_input {
      width: 100%;
      margin: 10px 0;
    }
  
    table, thead, tbody, th, td, tr {
      display: block;
      width: 100%;
    }
  
    thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
  
    tr {
      margin: 0 0 1rem 0;
      border-bottom: 1px solid #ddd;
    }
  
    td {
      border: none;
      position: relative;
      padding-left: 50%;
      text-align: right;
    }
  
    td:before {
      position: absolute;
      top: 0;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
    }
  
    td.avatar img {
      width: 80px;
      height: 80px;
    }
  
    td:nth-of-type(1):before { content: "Avatar"; }
    td:nth-of-type(2):before { content: "Name"; }
    td:nth-of-type(3):before { content: "Members"; }
    td:nth-of-type(4):before { content: "Actions"; }
  } */



/* Ensure that the button container takes full width on smaller screens */

/* @media (max-width: 732px) {
  #profileokbtn {
  
  margin-left:370px;
  }
}
@media (max-width: 579px) {
  #profileokbtn {
  
  margin-left:260px;
  }
}
@media (max-width: 565px) {
  #profileokbtn {
  
  margin-left:270px;
  }
}*/
@media (max-width: 589px) {
  #profileokbtn {
  
  margin-left:280px;
  }
} 
@media (max-width: 589px) {
  #profileokbtn {
  
  margin-left:-30px;
  }
} 
@media (max-width: 570px) {
  #profileokbtn {
  
  margin-left:-30px;
  }
} 
@media (max-width: 591px) {
  #profileokbtn {
  
  margin-left:-30px;
  }
} 
@media (max-width: 574px) {
  #profileokbtn {
  
  margin-left:-30px;
  }
} 
@media (max-width: 570px) {
  #profileokbtn {
  
  margin-left:-40px;
  }
} 
@media (max-width: 564px) {
  #profileokbtn {
  
  margin-left:-40px;
  }
} 
@media (max-width: 560px) {
  #profileokbtn {
  
  margin-left:-40px;
  }
} 
@media (max-width: 540px) {
  #profileokbtn {
  
  margin-left:-110px;
  }
} 
@media (max-width: 500px) {
  #profileokbtn {
  
  margin-left:-146px;
  }
} 
@media (max-width: 450px) {
  #profileokbtn {
  
  margin-left:-220px;
  }
} 
@media (max-width: 400px) {
  #profileokbtn {
  
  margin-left:-200px;
  }
} 
@media (max-width: 390px) {
  #profileokbtn {
  
  margin-left:-250px;
  }
} 
@media (max-width: 350px) {
  #profileokbtn {
  
  margin-left:-340px;
  }
} 
@media (max-width: 300px) {
  #profileokbtn {
  
  margin-left:-400px;
  }
} 
@media (max-width: 250px) {
  #profileokbtn {
  
  margin-left:-400px;
  }
} 
@media (max-width: 228px) {
  #profileokbtn {
  
  margin-left:-450px;
  }
} 
@media (max-width: 210px) {
  #profileokbtn {
  
  margin-left:-500px;
  }
} 
  /* ////////main/////////////////////// */
  @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
  @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
  @import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
  
  body {
    background: transparent;
    font-family: 'cuyabra';
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #000;
  }
  
  @font-face {
    font-family: 'Biysk-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Biysk-Regular'), url('./fonts/Biysk Regular.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'cuyabra';
    font-style: normal;
    font-weight: normal;
    src: local('cuyabra'), url('./fonts/cuyabra.otf') format('opentype');
  }
  
  html {
    height: 100%;
    min-width: 100%;
  
  }
  
  section {
  
    min-height: 94vh;
  
  
  
  
  }
  
  a {
    color: #C03035;
  }
  
  a:hover {
    outline: none;
    text-decoration: none;
    color: #4fcccd;
  }
  
  a:focus {
    outline: none;
    outline-offset: 0;
  }
  
  a {
    -webkit-transition: 300ms;
    transition: 300ms;
  }
  
  /* position: fixed;
    right: 10px;
    background: white;
    color: white;
    font-size: small;
    font-family: Arial;
    top: 75px;
    width: 350px;
    display: none;
    border: 1px solid #9E988B;
  } */
  
  .nav-link {
    width: 100%;
    vertical-align: middle;
    white-space: nowrap;
  }
  
  ul#notiContent {
    max-height: 200px;
    overflow: auto;
    padding: 0px;
    margin: 0px;
  }
  
  ul#notiContent li {
    margin: 3px;
    padding: 6px;
    background: #f5f4f2;
  }
  
  .noti-top-arrow {
    border-color: transparent;
    border-bottom-color: #F5DEB3;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    position: absolute;
    right: 200px;
    top: -8px;
  }
  
  span.noti {
    color: white;
    margin: 15px;
    position: fixed;
    margin-top: -5px;
    right: 24%;
    font-size: 20px;
    cursor: pointer;
    margin-left: 20px;
  }
  
  span.count {
    position: fixed;
    top: -1px;
    /*color:white;*/
  }
  
  ul {
    list-style: none;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: 'cuyabra';
    font-weight: 300;
  }
  
  h1 {
    color: #686868;
  }
  
  h2 {
    font-size: 24px;
    color: #686868;
  }
  
  h3 {
    font-size: 18px;
  }
  
  .overflow {
    overflow: hidden;
  }
  
  .uppercase {
    text-transform: uppercase;
  }
  
  .btn-common {
    font-size: 14px;
    color: #0099ae;
    border: 1px solid #0099ae;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding: 10px 25px;
  }
  
  #action .col-sm-5 {
    position: absolute;
  
    top: 0;
    height: 100%;
    right: 0;
  }
  
  
  .btn-common:hover,
  .btn-common:focus {
    outline: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #01707f;
    border-color: #01707f;
  }
  
  .align-right {
    text-align: right;
  }
  
  .inline {
    display: inline-block;
  }
  
  .padding {
    padding: 65px 0;
  }
  
  .padding-bottom {
    padding-bottom: 65px;
  }
  
  .padding-top {
    padding-top: 90px;
  }
  
  .padding-right {
    padding-right: 80px;
  }
  
  .padding-left {
    padding-left: 80px;
  }
  
  .margin-bottom {
    margin-bottom: 35px;
  }
  
  .carousel-indicators.visible-xs {
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -35px;
    width: 100%;
    left: 0;
  }
  
  .carousel-indicators.visible-xs li {
    border-color: #D29948;
    border-width: 2px;
    height: 12px;
    margin: 0 5px 0 0;
    width: 12px;
  }
  
  .carousel-indicators.visible-xs li.active {
    background: rgba(210, 153, 72, 0.7);
  }
  
  /* @media screen  and (max-width:500)and (max-width:950){
    .single-blog .post-bottom .col-lg-4{
      margin-left: -30px;
    }
    .single-blog .post-bottom .col-lg-3{
      margin-left: 40px;
      margin-top: -23px;
    }
    .single-blog .post-bottom  .col-lg-5{
      margin-top: -23px;
      margin-left: 100px;
    }
     .post-bottom{
  padding: 13px 0px 0px;
    }
  } */
  @media (max-width:950px) {
  
  
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 300px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
  
  }
  
  @media (max-width:667px) {
  
    .btn1 {
      margin-top: 0px;
    }
  
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 300px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    /* #login{
        width :300px;
      } */
    .single-blog .post-bottom .col-lg-4 {
      margin-left: -30px;
      /* font-size: 10px; */
      margin-top: 17px;
      /* display: inline-block; */
      justify-content: space-between;
    }
  
    .single-blog .post-bottom .col-lg-4 {
      margin-left: 90px;
      margin-top: 17px;
      /* font-size: 10px; */
    }
  
    .single-blog .post-bottom .col-lg-4 {
      margin-top: 17px;
      margin-left: 50px;
      /* font-size: 10px; */
    }
  
    .single-blog .post-content .post-bottom .col-lg-3 {
      margin-top: 10px;
      font-size: 12px;
      margin-left: 90px;
      display: table-row;
      justify-content: space-between;
      margin-bottom: -50px;
    }
  
    /* .modal-header {
      padding: 0px;
    } */
  
    .modal-header .close {
      line-height: 1;
    }
  
  
  }
  
  @media (max-width:1024px) {
  
    .btn1 {
      margin-top: 0px;
    }
  
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 300px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    /* .single-blog .post-bottom .col-lg-2{
        margin-left: -30px;
        font-size: 8px;
        margin-top: 17px;
      }
      .single-blog .post-bottom .col-lg-5{
        margin-left: -50px;
        margin-top: 17px;
        font-size: 8px;
      }
      .single-blog .post-bottom  .col-lg-5{
        margin-top: 17px;
        margin-left: 50px;
        font-size: 8px;
      }
     
     .single-blog .post-content .post-bottom .col-lg-3{
       margin-top: 10px;
       font-size: 12px;
       margin-left: 90px;
       display: inline-block;
       width: fit-content;
       margin-bottom: -50px;
     }
     .single-blog .post-content .post-bottom .col-lg-3{
     font-size: 12px;
     width: fit-content;
    }
    .single-blog .post-content .post-bottom .col-lg-3{
      
      width: fit-content;
     font-size: 12px;
    }
    .single-blog .post-content .post-bottom .col-lg-3{
     
     width: fit-content;
     font-size: 12px;
    }
      .modal-header{
        padding: 0px;
      }
      .modal-header .close{
        line-height: 1;
      } */
  
    /* .col-sm-8 {
        width: 87.666667%;
    }
    */
    /* .col-lg-3 .input{
      margin-right: 35%;
      margin-top: -50px;
      font-size: 8px;
    } */
    /* #login{
        width :300px;
      } */
  }
  
  @media (max-width:1366px) {
  
    .btn1 {
      margin-top: 0px;
    }
  
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 300px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    /* #login{
        width :300px;
      } */
  }
  
  @media (max-width:375px) {
  
    /* #paro{
        display:none;
      }*/
  
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 300px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    /* #login{
        width :300px;
      } */
  
    #cont {
      border-radius: 20px;
      overflow: auto;
      position: unset;
      width: 95%;
      height: 538px;
      margin: 0px 100% 0px -90px;
      background: rgb(255, 255, 255);
      box-shadow: rgb(255 255 255 / 30%) -10px -10px 15px, rgb(70 70 70 / 15%) 10px 10px 15px, rgb(255 255 255 / 30%) -10px -10px 15px inset, rgb(70 70 70 / 15%) 10px 10px 15px inset;
    }
  
    #login {
      width: 312px;
  
  
    }
  
    #signup {
  
      display: inline;
    }
  
    #sub-cont {
      overflow: hidden;
      position: absolute;
      left: 245px;
      top: 290px;
      width: 282px;
      height: 81%;
      padding-left: 181px;
      background: #fff;
      -webkit-transition: -webkit-transform 1.2s ease-in-out;
      transition: -webkit-transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;
    }
  
  
    #imgsub-cont {
      overflow: hidden;
      z-index: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 130px;
      height: 100%;
      padding-top: 360px;
    }
  
    #img__btnmup {
      text-decoration: none;
      padding: 10px;
      margin-left: -50%;
    }
  
    /* #login{
        width :300px;
      } */
  }
  
  @media (max-width:384px) {
  
    /* #paro{
        display:none;
      }
       */
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 100px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    /* #login{
        width :300px;
      } */
  
    #cont {
      border-radius: 20px;
      overflow: auto;
      position: unset;
      width: 95%;
      height: 538px;
      margin: 0px 100% 0px -90px;
      background: rgb(255, 255, 255);
      box-shadow: rgb(255 255 255 / 30%) -10px -10px 15px, rgb(70 70 70 / 15%) 10px 10px 15px, rgb(255 255 255 / 30%) -10px -10px 15px inset, rgb(70 70 70 / 15%) 10px 10px 15px inset;
    }
  
    #login {
      width: 375px;
  
  
    }
  
    #signup {
  
      display: inline;
    }
  
    #sub-cont {
      overflow: hidden;
      position: absolute;
      left: 245px;
      top: 290px;
      width: 282px;
      height: 81%;
      padding-left: 181px;
      background: #fff;
      -webkit-transition: -webkit-transform 1.2s ease-in-out;
      transition: -webkit-transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;
    }
  
  
    #imgsub-cont {
      overflow: hidden;
      z-index: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 130px;
      height: 100%;
      padding-top: 360px;
    }
  
    #img__btnmup {
      text-decoration: none;
      padding: 10px;
      margin-left: -50%;
    }
  
    /* #login{
        width :300px;
      } */
  }
  
  @media (max-width:300px) {
  
    /* #paro{
        display:none;
      } */
  
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 300px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    /* #login{
        width :300px;
      } */
  
    #cont {
      border-radius: 20px;
      overflow: auto;
      position: unset;
      width: 95%;
      height: 538px;
      margin: 0px 100% 0px -90px;
      background: rgb(255, 255, 255);
      box-shadow: rgb(255 255 255 / 30%) -10px -10px 15px, rgb(70 70 70 / 15%) 10px 10px 15px, rgb(255 255 255 / 30%) -10px -10px 15px inset, rgb(70 70 70 / 15%) 10px 10px 15px inset;
    }
  
    #login {
      width: 375px;
  
    }
  
    #signup {
  
      display: inline;
    }
  
    #sub-cont {
      overflow: hidden;
      position: absolute;
      left: 245px;
      top: 290px;
      width: 282px;
      height: 81%;
      padding-left: 181px;
      background: #fff;
      -webkit-transition: -webkit-transform 1.2s ease-in-out;
      transition: -webkit-transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;
    }
  
  
    #imgsub-cont {
      overflow: hidden;
      z-index: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 130px;
      height: 100%;
      padding-top: 360px;
    }
  
    #img__btnmup {
      text-decoration: none;
      padding: 10px;
      margin-left: -50%;
    }
  
    /* #login{
        width :300px;
      } */
  }
  
  blink {
    -webkit-animation: 2s linear infinite condemned_blink_effect;
    /* for Safari 4.0 - 8.0 */
    animation: 2s linear infinite condemned_blink_effect;
  }
  
  /* for Safari 4.0 - 8.0 */
  @-webkit-keyframes condemned_blink_effect {
    0% {
      visibility: hidden;
    }
  
    50% {
      visibility: hidden;
    }
  
    100% {
      visibility: visible;
    }
  }
  
  @keyframes condemned_blink_effect {
    0% {
      visibility: hidden;
    }
  
    50% {
      visibility: hidden;
    }
  
    100% {
      visibility: visible;
    }
  }
  
  #linkid:hover {
    color: #004b8b;
    cursor: pointer;
    text-decoration: none
  }
  
  @media (max-width:412px) {
  
    /* #paro{
        display:none;
      } */
    .btn-common {
      font-size: 14px;
    }
  
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 300px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    /* #login{
        width :300px;
      } */
  
  
    #cont {
      border-radius: 20px;
      overflow: auto;
      position: unset;
      width: 95%;
      height: 538px;
      margin: 0px 100% 0px -90px;
      background: rgb(255, 255, 255);
      box-shadow: rgb(255 255 255 / 30%) -10px -10px 15px, rgb(70 70 70 / 15%) 10px 10px 15px, rgb(255 255 255 / 30%) -10px -10px 15px inset, rgb(70 70 70 / 15%) 10px 10px 15px inset;
    }
  
    #login {
      width: 322px;
  
    }
  
    #signup {
  
      display: inline;
    }
  
    #sub-cont {
      overflow: hidden;
      position: absolute;
      left: 280px;
      top: 290px;
      width: 282px;
      height: 81%;
      padding-left: 181px;
      background: #fff;
      -webkit-transition: -webkit-transform 1.2s ease-in-out;
      transition: -webkit-transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;
    }
  
  
    #imgsub-cont {
      overflow: hidden;
      z-index: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 130px;
      height: 100%;
      padding-top: 360px;
    }
  
    #img__btnmup {
      text-decoration: none;
      padding: 10px;
      margin-left: -50%;
    }
  
    /* #login{
        width :300px;
      } */
  }
  
  @media (max-width:480px) {
  
    /* #paro{
        display:none;
      } */
  
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 300px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    /* #login{
        width :300px;
      } */
    #about-company .container .row .bnt1 {
      margin-left: 40px;
  
    }
  
    /* .form-horizontal1 .form-group{
      margin-left: -90px;
  } */
    .card-img {
      height: 12px;
      font-size: 12px;
    }
  
    #cont {
      border-radius: 20px;
      overflow: auto;
      position: unset;
      width: 95%;
      height: 538px;
      margin: 0px 100% 0px -90px;
      background: rgb(255, 255, 255);
      box-shadow: rgb(255 255 255 / 30%) -10px -10px 15px, rgb(70 70 70 / 15%) 10px 10px 15px, rgb(255 255 255 / 30%) -10px -10px 15px inset, rgb(70 70 70 / 15%) 10px 10px 15px inset;
    }
  
    #login {
      width: 322px;
  
    }
  
    #signup {
  
      display: inline;
    }
  
    /* .wow .fadeInUp .row button{
      width: 260px;
    }
    .panel-body{
      font-size: 8px;
    }
    .fadeInUp .form-group{
      font-size: 12px;
    margin-left: -10px;
    }
    .form-group label a{
   margin-left: 9px;
    } */
    #sub-cont {
      overflow: hidden;
      position: absolute;
      left: 280px;
      top: 290px;
      width: 282px;
      height: 81%;
      padding-left: 181px;
      background: #fff;
      -webkit-transition: -webkit-transform 1.2s ease-in-out;
      transition: -webkit-transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;
    }
  
  
    #imgsub-cont {
      overflow: hidden;
      z-index: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 130px;
      height: 100%;
      padding-top: 360px;
    }
  
    .single-blog .post-bottom .col-lg-4 {
      margin-left: -30px;
      /* font-size: 8px; */
    }
  
    .single-blog .post-bottom .col-lg-3 {
      margin-left: 40px;
      margin-top: -23px;
      font-size: 8px;
    }
  
    .single-blog .post-bottom .col-lg-5 {
      margin-top: -23px;
      margin-left: 100px;
      font-size: 8px;
    }
  
    .col-sm-8 {
      width: 102.666667%;
    }
  
    .col-lg-2 {
      margin-right: 25%;
      margin-top: -45px;
      font-size: 8px;
    }
  
    #img__btnmup {
      text-decoration: none;
      padding: 10px;
      margin-left: -50%;
    }
  
    /* #login{
        width :300px;
      } */
  }
  
  
  
  @media (max-width:600px) {
  
    /* #paro{
        display:none;
      } */
  
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 300px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    #btn1 {
      margin-top: 0px;
    }
  
    /* #login{
        width :300px;
      } */
  
    #cont {
      border-radius: 20px;
      overflow: auto;
      position: unset;
      width: 90%;
      height: 538px;
      margin: 0px 100% 0px -90px;
      background: rgb(255, 255, 255);
      box-shadow: rgb(255 255 255 / 30%) -10px -10px 15px, rgb(70 70 70 / 15%) 10px 10px 15px, rgb(255 255 255 / 30%) -10px -10px 15px inset, rgb(70 70 70 / 15%) 10px 10px 15px inset;
    }
  
    #rcont {
      border-radius: 20px;
      overflow: auto;
      position: relative;
      width: 375px;
      height: 720px;
      margin: 0 auto 100px;
      background: #fff;
      box-shadow: -10px -10px 15px rgb(255 255 255 / 30%), 10px 10px 15px rgb(70 70 70 / 15%), inset -10px -10px 15px rgb(255 255 255 / 30%), inset 10px 10px 15px rgb(70 70 70 / 15%);
    }
  
    #login {
      width: 322px;
  
    }
  
    #signup {
  
      display: inline;
    }
  
    #sub-cont {
      overflow: hidden;
      position: absolute;
      left: 240px;
      top: 298px;
      width: 125px;
      height: 81%;
      padding-left: 157px;
      background: #fff;
      -webkit-transition: -webkit-transform 1.2s ease-in-out;
      transition: -webkit-transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;
    }
  
    #rsub-cont {
      overflow: hidden;
      position: absolute;
      left: 322px;
      top: 0px;
      width: 125px;
      height: 100%;
      padding-left: 157px;
      background: #fff;
      -webkit-transition: -webkit-transform 1.2s ease-in-out;
      transition: -webkit-transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out;
      transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;
    }
  
    #imgsub-cont {
      overflow: hidden;
      z-index: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 135px;
      height: 100%;
      padding-top: 360px;
    }
  
    #rimgsub-cont {
      overflow: hidden;
      z-index: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 309px;
      height: 100%;
      padding-top: 360px;
    }
  
    #img__btnmup {
      text-decoration: none;
      padding: 10px;
      margin-left: -50%;
    }
  
    /* #login{
        width :300px;
      } */
  }
  
  @media (max-width:812px) {
  
    /* #paro{
        display:none;
      } */
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 300px;
    }
  
    /* #login{
        width :300px;
      } */
    #btn1 {
      margin-top: 0px;
    }
  
  }
  
  @media (max-width:1285px) {
  
    /* #paro{
        display:none;
      } */
    #btn1 {
      margin-top: 0px;
  
      display: none;
    }
  
    /* #login{
        width :300px;
      } */
    .cont {
      width: 300px;
      margin: 2px -45px 0px 14px;
    }
  
    .form {
      width: 300px;
    }
  }
  
  /* @media screen  and (min-width:280px){
      .panel-body{
        font-size: 8px;
      }
    } */
  /*************************
  *******Header******
  **************************/
  
  .css-2b097c-container {
    position: relative;
    box-sizing: border-box;
    width: 100%;
  }
  
  /* .css-yk16xz-control
  {
    display: none;
  } */
  #header {
    margin-bottom: 0;
    /* padding: 30px 0 20px 0; */
  }
  
  #header .navbar-inverse .container {
    position: relative;
  }
  
  .search {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 1;
  }
  
  .search i {
    color: #00aeef;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 2px;
  }
  
  .field-toggle {
    position: relative;
    top: 30px;
    right: 15px;
    display: none;
    height: 50px;
  }
  
  .search-form {
    padding-left: 10px;
    height: 40px;
    font-size: 18px;
    color: #818285;
    font-weight: 300;
    outline: none;
    border: 1px solid #00aeef;
    margin-top: 20px;
    border-radius: 4px;
  }
  
  .social-icons ul li {
    padding: 0 10px;
  
  }
  
  .social-icons ul li:last-child {
    padding-right: 0;
  
  }
  
  .social-icons ul li a {
    font-size: 18px;
    color: #d3d3d3;
    padding: 0;
  }
  
  .social-icons ul li a:hover .fa-facebook {
    color: #0884d5;
  }
  
  .social-icons ul li a:hover .fa-twitter {
    color: #2AA7DC;
  }
  
  .social-icons ul li a:hover .fa-google-plus {
    color: #A22523;
  }
  
  .social-icons ul li a:hover .fa-dribbble {
    color: #E94989;
  }
  
  .social-icons ul li a:hover .fa-linkedin {
    color: #006DC0;
  }
  
  .social-icons ul li a:hover,
  .social-icons ul li a:focus {
    background: none;
  }
  
  #header .navbar {
    background: transparent;
    border: 0;
    margin-bottom: 0;
    display: contents;
  }
  
  #header .navbar-toggle {
    margin-top: 20px;
  }
  
  #header .navbar-brand {
    padding: 0;
    margin-left: 0;
  }
  
  #header .navbar-brand h1 {
    padding: 0;
    margin: 0;
  }
  
  #header .navbar-nav.navbar-right>li:last-child {
    margin-right: 20px;
  }
  
  #header .navbar-nav.navbar-right>li a {
    color: #000;
    font-size: 16px;
    padding: 20px;
    text-transform: uppercase;
    font-weight: 300;
  }
  
  
  #header .navbar-inverse .navbar-nav li.active>a,
  #header .navbar-inverse .navbar-nav li.active>a:focus,
  #header .navbar-nav.navbar-right li>a:hover,
  .navbar-inverse .navbar-nav>.open>a {
    background-color: inherit;
    border: 0;
    color: #00aeef;
  }
  
  #header .navbar-inverse .navbar-nav li a:hover {
    color: #00aeef;
  }
  
  
  /*  Dropdown menu*/
  
  ul.sub-menu {
    /* display: none; */
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  #header .navbar-nav li ul.sub-menu li a {
    color: #818285;
    padding: 5px 0;
    font-size: 13px;
    display: block;
    text-transform: capitalize;
  }
  
  #header .navbar-nav li ul.sub-menu li .active {
    background: #00aeef;
    color: #fff;
    position: relative;
  }
  
  #header .navbar-nav li ul.sub-menu li .active i {
    position: absolute;
    font-size: 56px;
    top: -13px;
    color: #0884d5;
  }
  
  #header .navbar-nav li ul.sub-menu li .active .fa-angle-right {
    left: -3px;
  }
  
  #header .navbar-nav li ul.sub-menu li .active .fa-angle-left {
    right: -3px;
  }
  
  #header .navbar-nav li ul.sub-menu li a:hover,
  #header .navbar-nav li ul.sub-menu li a:focus {
    background: #00aeef;
    color: #fff;
  }
  
  .fa-angle-down {
    padding-left: 5px;
  }
  
  .btn1 {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 2px solid #e74c3c;
    border-radius: 15px;
    color: #e74c3c;
    cursor: pointer;
    display: flex;
    align-self: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin: 20px;
    padding: 1.2em 2.8em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
  }
  
  .btn1:hover, .btn1:focus {
    color: #fff;
    outline: 0;
  }
  
  .third {
    border-color: #3498db;
    color: #fff;
    box-shadow: 0 0 40px 40px rgb(102, 71, 18) inset, 0 0 0 0 #3498db;
    transition: all 150ms ease-in-out;
  }
  
  .third:hover {
    box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 4px #3498db;
  }
  
  
  .ringBell,
  .ringBell:after {
    width: 20px;
    height: 20px;
  }
  
  .-count,
  .-count:before,
  .ringBell:after {
    position: absolute;
  }
  
  .-count,
  .-count:before {
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }
  
  .ringBell {
    margin: 3% auto;
    cursor: pointer;
  }
  
  .ringBell:after {
    content: "";
    transform-origin: top;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDczLjczMyA0NzMuNzMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzMuNzMzIDQ3My43MzM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnPjxwYXRoIGQ9Ik0yMi42NDgsMzk4LjY1YzIuNTUsNi4yMzMsOC43ODMsMTAuNDgzLDE1LjU4MywxMC40ODNoMTIzLjUzM2M1LjM4MywzNi41NSwzNy4xMTcsNjQuNiw3NC44LDY0LjZzNjkuNDE3LTI4LjA1LDc0LjgtNjQuNiAgICBoMTIzLjgxN2wwLDBjMC44NSwwLDEuNywwLDIuNTUtMC4yODNjNi4yMzMtMC44NSwxMS4zMzMtNS4xLDEzLjYtMTAuNzY3YzIuMjY3LTYuNTE3LDAuNTY3LTEzLjMxNy00LjI1LTE3Ljg1ICAgIGMtMC4yODMtMC4yODMtMC41NjctMC41NjctMC44NS0wLjg1Yy0xLjctMS43LTguNS05LjM1LTE1LjAxNy0yNS41Yy03LjA4My0xNy4yODMtMTUuODY3LTQ4LjE2Ny0xNS44NjctOTYuMDUgICAgYzAtOTQuNjMzLTM1LjctMTQ0LjUtNjUuNDUtMTY5LjcxN2MtMTkuODMzLTE2LjcxNy0zOS42NjctMjQuOTMzLTUyLjctMjguOWMtMC41NjctMTEuNjE3LTMuNC0yNy40ODMtMTQuMTY3LTQwLjIzMyAgICBDMjc1LjY2NSwxMC4yLDI2MS43ODIsMCwyMzcuMTMyLDBjLTI0LjM2NywwLTM4LjI1LDEwLjQ4My00NS42MTcsMTguOTgzYy0xMS4wNSwxMy4wMzMtMTQuMTY3LDI5LjE4My0xNC40NSw0MS4wODMgICAgYy0xMy4zMTcsMy45NjctMzMuMTUsMTIuMTgzLTUyLjcsMjguMzMzYy01NC42ODMsNDQuNzY3LTY2LjAxNywxMTYuNzMzLTY2LjAxNywxNjguODY3YzAsNDYuNDY3LTguNzgzLDc3LjM1LTE2LjE1LDk1LjIgICAgYy03LjkzMywxOC45ODMtMTUuNTgzLDI3LjQ4My0xNS41ODMsMjcuNDgzbDAsMEMyMS41MTUsMzg0Ljc2NywyMC4wOTgsMzkyLjEzMywyMi42NDgsMzk4LjY1eiBNMjM2Ljg0OCw0MzkuNzMzICAgIGMtMTguOTgzLDAtMzUuMTMzLTEzLjAzMy00MC4yMzMtMzAuNmg4MC40NjdDMjcxLjk4Miw0MjYuNywyNTUuODMyLDQzOS43MzMsMjM2Ljg0OCw0MzkuNzMzeiBNOTIuMzQ4LDI1Ny4yNjcgICAgYzAtMTUyLjQzMyw5OS43MzMtMTY2Ljg4MywxMDMuNy0xNjcuNDVjNC41MzMtMC41NjcsOC43ODMtMi44MzMsMTEuNjE3LTYuNTE3YzIuODMzLTMuNjgzLDMuOTY3LTguMjE3LDMuNC0xMy4wMzMgICAgYy0wLjg1LTUuMzgzLTEuNDE3LTIxLjI1LDYuMjMzLTMwLjAzM2MxLjQxNy0xLjcsNS45NS03LjA4MywxOS44MzMtNy4wODNzMTguNDE3LDUuMzgzLDIwLjExNyw3LjA4MyAgICBjNy4wODMsOC4yMTcsNi44LDIzLjgsNS45NSwyOC45Yy0wLjg1LDQuNTMzLDAuMjgzLDkuMzUsMy4xMTcsMTMuMDMzYzIuODMzLDMuNjgzLDYuOCw2LjIzMywxMS42MTcsNi44ICAgIGMwLjI4MywwLDI1LjUsMy42ODMsNTAuNzE3LDI0LjkzM2MzNS40MTcsMjkuNzUsNTMuMjY3LDc4LjIsNTMuMjY3LDE0My45MzNjMCw1Ny44LDExLjA1LDk0LjkxNywyMi4xLDExNy41ODNINjkuNjgyICAgIEM4MC40NDgsMzUxLjksOTIuMzQ4LDMxMy45MzMsOTIuMzQ4LDI1Ny4yNjd6IiBmaWxsPSIjRkZGRkZGIi8+PC9nPjwvc3ZnPg==);
    background-size: cover;
  }
  
  .ringBell:hover:after {
    animation: ring 0.16s ease-in-out 5;
  }
  
  @keyframes ring {
    0% {
      transform: rotate(18deg);
    }
  
    50% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(-18deg);
    }
  }
  
  .-count {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-color: orange;
    margin: -35px 0 0 9px;
    font-family: monospace;
    font-size: 18px;
    font-weight: bold;
    z-index: 90;
  }
  
  .-count:before {
    content: "";
    box-sizing: border-box;
    border: 1.5px solid red;
  }
  
  .ringBell:hover .-count:before {
    animation: pulse 0.6s ease-out;
  }
  
  @keyframes pulse {
    from {
      opacity: 1;
      transform: scale(0.8);
    }
  
    to {
      opacity: 0;
      transform: scale(2);
    }
  }
  
  
  .scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
  }
  
  @-webkit-keyframes scaleIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes scaleIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  
  /*************************
  *******Footer******
  **************************/
  
  #footer {
    padding-bottom: 10px;
    background-color: #664712;
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: contain;
  }
  
  #footer h1 {
    margin-bottom: 65px;
    margin-top: 36px;
  }
  
  #footer .bottom-separator {
    margin-bottom: 60px;
  }
  
  #message {
    height: 110px;
    resize: none;
  }
  
  .bottom>h2 {
    margin-top: 0;
    margin-bottom: 26px;
  }
  
  .bottom .media-body h3 {
    margin-top: 0;
    padding-left: 25px;
  }
  
  .bottom .media-body h3 a {
    color: #ea2c00;
  }
  
  .testimonial .media {
    margin-top: 0;
    margin-bottom: 25px;
  }
  
  .testimonial .media>.pull-left {
    margin-right: 25px;
  }
  
  .testimonial .media>.pull-left img {
    margin-top: 6px;
  }
  
  .testimonial .media .media-body blockquote {
    padding-left: 25px;
    padding-right: 30px;
    position: relative;
    border-left: 0;
    margin-bottom: 0;
  }
  
  .testimonial .media .media-body blockquote:before {
    position: absolute;
    left: 5px;
    top: 8px;
    content: '"';
    font-size: 40px;
    color: #ea2c00;
    font-family: 'Noto Sans', sans-serif;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Opera, Chrome, and Safari */
    line-height: 0;
  }
  
  .testimonial .media .media-body blockquote:after {
    position: absolute;
    right: 30px;
    bottom: 14px;
    content: '"';
    font-size: 40px;
    color: #ea2c00;
    font-family: 'Noto Sans', sans-serif;
    line-height: 0;
  }
  
  .contact-info.bottom {
    padding-left: 25px;
  }
  
  .bottom>address {
    line-height: 22px;
    margin-bottom: 40px;
  }
  
  .form-control {
    border: 1px solid #eaeaea;
    font-weight: 300;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
  }
  
  .form-controldrop {
    border: 1px solid #eaeaea;
    font-weight: 100;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
  }
  
  .form-control:hover,
  .form-control:focus {
    border-color: #4fcccd;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .btn-submit {
    width: 100%;
    background-color: #4fcccd;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-radius: 3px;
    margin-top: 5px;
    border-bottom: 3px solid #2f9697;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px;
  }
  
  .btn-submit:hover,
  .btn-submit:focus {
    color: #fff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .8;
  }
  
  .copyright-text {
    margin-top: 70px;
    color: #fff;
    font-size: 16px;
    padding-bottom: 15px;
  }
  
  .copyright-text a {
    color: #3e848a
  }
  
  .copyright-text p {
    margin-bottom: 0;
  }
  
  /*************************
  *******Home Page******
  **************************/
  #home-slider {
    background: url(../images/home/slider-bg.png) 0 100% repeat-x;
    position: relative;
  }
  
  #home-slider .main-slider {
    position: relative;
    height: 450px;
  }
  
  #home-slider .slide-text {
    position: absolute;
    top: 50px;
    left: 0;
    width: 450px;
  }
  
  .animate-in .slide-text {
    -webkit-animation: fadeInLeftBig 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) 200ms both;
    animation: fadeInLeftBig 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) 200ms both;
  }
  
  #home-slider .slider-hill {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  
  .animate-in .slider-hill {
    -webkit-animation: bounceInDown 1000ms ease-in-out 200ms both;
    animation: bounceInDown 1000ms ease-in-out 200ms both;
  }
  
  #home-slider .slider-house {
    position: absolute;
    right: 110px;
    bottom: -30px;
  }
  
  .animate-in .slider-house {
    -webkit-animation: bounceInDown 500ms ease-in-out 800ms both;
    animation: bounceInDown 500ms ease-in-out 800ms both;
  }
  
  #home-slider .slider-sun {
    position: absolute;
    right: 365px;
    bottom: 100px;
  }
  
  .animate-in .slider-sun {
    -webkit-animation: scaleIn 500ms ease-in-out 1200ms both;
    animation: scaleIn 500ms ease-in-out 1200ms both;
  }
  
  #home-slider .slider-birds1 {
    position: absolute;
    right: 470px;
    bottom: 75px;
  }
  
  .animate-in .slider-birds1 {
    -webkit-animation: fadeInLeft 500ms ease-in-out 1200ms both;
    animation: fadeInLeft 500ms ease-in-out 1200ms both;
  }
  
  #home-slider .slider-birds2 {
    position: absolute;
    right: 40px;
    bottom: 150px;
  }
  
  .animate-in .slider-birds2 {
    -webkit-animation: fadeInRight 500ms ease-in-out 1200ms both;
    animation: fadeInRight 500ms ease-in-out 1200ms both;
  }
  
  
  #home-slider h1 {
    margin-top: 100px;
    margin-bottom: 25px;
  }
  
  #home-slider .btn-common {
    margin-top: 20px;
  }
  
  #home-slider .preloader {
    position: absolute;
    left: 0;
    top: 0;
    bottom: -30px;
    right: 0;
    background: #fafafa;
    text-align: center;
  }
  
  #home-slider .preloader>i {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    color: #00aeef;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    top: 50%;
    margin-top: -24px;
  }
  
  #action {
    background-image: url(../images/home/tour-bg.png);
    background-color: #fbfafa;
    background-repeat: repeat-x;
    height: 157px;
    background-position: center;
    display: table;
    position: static;
    width: 100%;
  }
  
  .vertical-center {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    position: statice;
  }
  
  
  .single-service {
    overflow: hidden;
    display: block;
  }
  
  .single-service img {
    margin-bottom: 35px;
  }
  
  .single-service .fold {
    margin-bottom: 35px;
  }
  
  .single-service h2 {
    margin-top: 0;
    margin-bottom: 15px;
  }
  
  .single-service p {
    padding: 0 48px;
  }
  
  .action h1 {
    margin-top: 0;
  }
  
  .action p {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 300;
  }
  
  .action .btn-common {
    margin-top: 55px;
    float: left;
  }
  
  .title {
    color: #404040;
    font-weight: 300;
  }
  
  .single-features {
    overflow: hidden;
    padding-top: 65px;
    padding-bottom: 40px;
  }
  
  .single-features .col-sm-6 h2 {
    margin-top: 0;
  }
  
  
  .single-features:last-child {
    padding-bottom: 95px;
    /*  padding-top: 0;*/
  }
  
  .single-features h2 {
    margin-bottom: 15px;
  }
  
  #clients {
    padding-bottom: 45px;
  }
  
  .clients {
    margin-bottom: 45px;
  }
  
  .clients img {
    display: inline-block;
  }
  
  .clients-logo {
    overflow: hidden;
    margin-bottom: 10px;
  }
  
  
  
  /*************************
  *******About Us Page******
  **************************/
  
  #action,
  #page-breadcrumb {
    position: relative;
  }
  
  #page-breadcrumb {
    background-image: url(../images/home/tour-bg.png);
    background-color: #fbfafa;
    background-repeat: repeat-x;
    height: 130px;
    background-position: center;
    display: table;
    position: static;
    width: 100%;
  }
  
  #team {
    padding: 85px 0;
  }
  
  #team-carousel {
    margin-top: 80px;
  }
  
  #company-information .padding-top {
    padding-top: 172px;
  
  }
  
  .single-service img {
    height: 85px;
  }
  
  .tour-button {
    background-image: url(../images/home/tour-icon2.png);
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    left: 0;
    background-position: 151px 4px;
  }
  
  .about-image {
    padding: 90px 90px 0;
  }
  
  .team-single {
    position: relative;
  }
  
  .person-thumb {
    position: relative;
  }
  
  
  
  
  .social-profile {
    background: none repeat scroll 0 0 rgba(137, 97, 46, 0.8);
    display: none;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
    width: 100%;
    height: 100%;
  }
  
  .team-single:hover .social-profile {
    background: rgba(112, 35, 64, 0.9);
    display: block;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
  }
  
  .social-profile .nav-pills {
    display: inline-block;
    margin-top: -26px;
    padding: 0;
    position: relative;
    top: 50%;
  }
  
  .social-profile .nav-pills li {
    display: inline-block;
    margin: 0 5px;
  }
  
  .social-profile .nav-pills li a {
    color: #fff;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    border-radius: 40px;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
  }
  
  .social-profile .nav-pills li a:hover {
    color: #702340;
    border-color: #702340;
  }
  
  .person-info h2 {
    font-weight: 300;
    margin-bottom: 5px;
  }
  
  .person-info h3 {
    font-size: 16px;
    color: #686868;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .team-carousel-control {
    position: absolute;
    top: 36%;
    width: 13px;
    height: 16px;
    text-indent: -9999999px;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
  }
  
  .right.team-carousel-control {
    right: -50px;
    background-image: url(../images/aboutus/right.png);
  }
  
  .left.team-carousel-control {
    left: -50px;
    background-image: url(../images/aboutus/left.png);
  }
  
  .team-carousel-control:hover {
    background-position: 0 -18px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  .count h1 {
    font-size: 60px;
    color: #00aeef;
  }
  
  .count h3 {
    font-size: 16px;
  }
  
  .progress .progress-bar.six-sec-ease-in-out {
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
  }
  
  .top-zero {
    margin-top: 0;
  }
  
  h3.top-zero {
    font-size: 20px;
  }
  
  #company-information .about-us h2 {
    margin-bottom: 45px;
  }
  
  .single-skill h3 {
    font-size: 16px;
  }
  
  
  .progress1 {
    background-color: #d8d8d8;
    border-radius: 20px;
    position: relative;
    margin: 15px 0;
    height: 30px;
    width: 300px;
  }
  
  .progress1-done {
    background: linear-gradient(to left, #F2709C, #FF9472);
    box-shadow: 0 3px 3px -5px #F2709C, 0 2px 5px #F2709C;
    border-radius: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 0;
    opacity: 1;
    transition: 1s ease 0.3s;
  }
  
  .makeStyles-copyContainer-5 {
    display: none;
  }
  
  .makeStyles-iconContainer-3 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  .modalllllyyy {
    margin-left: 17px;
    margin-top: -23px;
  }
  
  .blink {
    animation: blink 1s steps(1, end) infinite;
  }
  
  @keyframes blink {
    0% {
      opacity: 1;
    }
  
    50% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  .progress {
    height: 30px;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  
  .progress-bar {
    line-height: 30px;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  
  .progress-bar.progress-bar-primary {
    background: #00aeef;
  }
  
  
  
  /*************************
  *******Service Page******
  **************************/
  #recent-projects {
    padding: 85px 0;
  }
  
  .recent-projects .team-single {
    height: 355px;
  }
  
  .recent-projects p.padding-bottom {
    padding-bottom: 50px;
  }
  
  .choose {
    padding-top: 30px;
  }
  
  #company-information.choose .padding-top {
    padding-top: 50px;
  }
  
  #company-information h2 {
    margin-bottom: 25px;
    margin-top: 0;
  }
  
  ul.elements {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  ul.elements li {
    margin: 6px 0;
  }
  
  ul.elements li>i {
    color: #C03035;
    display: inline-block;
    margin-right: 10px;
  }
  
  #company-information h1.margin-bottom {
    margin-bottom: 26px;
  }
  
  /*************************
  *******Portfolio Default**
  **************************/
  
  .portfolio-single {
    position: relative;
  }
  
  .portfolio-thumb {
    position: relative;
  }
  
  .portfolio-thumb img {
    width: 100%;
  }
  
  
  .portfolio-single:hover .portfolio-view {
    display: block;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
  }
  
  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  
  .portfolio-view {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    background: rgba(112, 35, 64, 0.9);
    width: 100%;
    text-align: center;
  }
  
  .portfolio-view .nav-pills {
    padding: 0;
    display: inline-block;
    margin-top: -26px;
    top: 50%;
    position: relative;
  }
  
  .portfolio-view .nav-pills li {
    display: inline-block;
    margin: 0 5px;
  }
  
  .portfolio-view .nav-pills li a {
    color: #fff;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    padding: 0;
    border-radius: 40px;
    -webkit-animation: scaleIn 400ms linear 100ms both;
    animation: scaleIn 400ms linear 100ms both;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
  }
  
  .portfolio-view .nav-pills li a:hover {
    color: #702340;
    border-color: #702340;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
  }
  
  .portfolio-info {
    overflow: hidden;
    margin-bottom: 30px;
  }
  
  .portfolio-info h2 {
    font-size: 18px;
    margin: 15px 0 0;
  }
  
  .portfolio-filter {
    margin: 80px 0;
    padding: 0;
  }
  
  .portfolio-filter li {
    display: inline-block;
    position: relative;
  }
  
  .portfolio-filter li a {
    border-radius: 0;
    color: #686868;
    font-size: 18px;
    font-weight: 300;
    padding: 0 25px;
    text-transform: capitalize;
    border: none;
  }
  
  .portfolio-filter li .active {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  
  .portfolio-filter li a:hover,
  .portfolio-filter li a:focus,
  .portfolio-filter li a.active {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  
  .portfolio-filter li a.active:before {
    position: absolute;
  
    content: "";
    left: 0;
    width: 13px;
    height: 16px;
    background: url(../images/portfolio/icon.png);
    top: 5px;
  }
  
  .portfolio-pagination {
    text-align: center;
  
    padding-top: 40px;
    padding-bottom: 90px;
  }
  
  .pagination li {
    display: inline-block;
    margin: 0 10px;
  }
  
  .pagination li a {
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #fff;
  }
  
  .pagination li:first-child a {
    background: url(../images/portfolio/left.png);
    background-repeat: no-repeat;
    text-indent: -999999999px;
    background-position: center top 10px;
    width: 32px;
    height: 36px;
    border: none;
    -webkit-transition: 300ms;
    transition: 300ms;
  }
  
  .pagination li:first-child a:hover {
    background: url(../images/portfolio/left.png);
    background-position: center top -37px;
    background-repeat: no-repeat;
    -webkit-transition: 300ms;
    transition: 300ms;
  }
  
  .pagination li:last-child a {
    background: url(../images/portfolio/right.png);
    background-repeat: no-repeat;
    text-indent: -999999999px;
    background-position: center top 10px;
    width: 32px;
    height: 36px;
    border: none;
    -webkit-transition: 300ms;
    transition: 300ms;
  }
  
  .pagination li:last-child a:hover {
    background: url(../images/portfolio/right.png);
    background-position: center top -37px;
    background-repeat: no-repeat;
    -webkit-transition: 300ms;
    transition: 300ms;
  }
  
  .pagination li a:hover,
  .pagination .active a,
  .pagination a:active,
  .pagination .active a:hover,
  .pagination .active a:focus,
  .pagination a:focus {
    background: transparent;
    border-color: #C03035;
    color: #C03035;
  }
  
  
  /*****************************
  Portfolio with right sidebar
  *****************************/
  
  .sidebar h3 {
    color: #404040;
    margin-top: 0;
    border-bottom: 3px solid #ececec;
    margin-bottom: 6px;
    padding-bottom: 8px;
  }
  
  .sidebar-item {
    margin-bottom: 5px;
  }
  
  .categories .navbar-stacked li {
    border-bottom: 1px solid #ececec;
  }
  
  .categories .navbar-stacked li:last-child {
    border-bottom: 0px solid #ececec;
  }
  
  .categories .navbar-stacked li a {
    font-size: 16px;
    color: #6a6a6a;
    padding: 8px 0;
    padding-left: 0;
  }
  
  .categories .navbar-stacked li a:hover {
    background: none;
    margin-left: 20px;
    color: #0099AE;
    opacity: 1;
  }
  
  .categories .navbar-stacked li.active a {
    color: #0099AE;
    padding-left: 20px;
  }
  
  .categories .navbar-stacked li.active a:before {
    position: absolute;
    content: "";
    border-color: transparent transparent transparent #0099AE;
    border-width: 8px;
    border-style: solid;
    left: 0;
    top: 13px;
    margin-top: 0;
    z-index: 0;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
  }
  
  .categories .navbar-stacked li.active a:after {
    position: absolute;
    content: "";
    border-color: transparent transparent transparent #fff;
    border-width: 6px;
    border-style: solid;
    left: 0px;
    top: 15px;
    margin-top: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
  }
  
  .sidebar-item .media {
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 0;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
  }
  
  .sidebar-item .media:last-child {
    border-bottom: 0px solid #ececec;
    padding-bottom: 0;
  }
  
  .sidebar-item .media:hover {
    border-left: 2px solid #0099AE;
    padding-left: 5px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
  }
  
  .sidebar-item .media:hover.media .media-body h4 a {
    color: #0099AE;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
  }
  
  .sidebar-item .media .media-body h4 {
    margin-top: 0;
    margin-bottom: 8px;
  }
  
  .sidebar-item .media .media-body h4 a {
    color: #7d7d7d;
    font-size: 16px;
  }
  
  .sidebar-item .media .media-body p {
    color: #b4b4b4;
    font-size: 12px;
  }
  
  .tag-cloud .nav-pills {
    margin-top: 16px;
  }
  
  .tag-cloud .nav-pills li {
    margin: 0;
    margin-top: 6px;
    margin-right: 4px;
  }
  
  .tag-cloud .nav-pills li a {
    font-size: 14px;
    font-weight: 300;
    padding: 5px 15px;
    background: #bbbbbb;
    color: #fff;
    border-radius: 3px;
  }
  
  .tag-cloud .nav-pills li a:hover {
    background: #0099AE;
  }
  
  .popular ul.gallery {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 10px -8px;
  }
  
  .popular ul.gallery li {
    display: block;
    width: 33.33%;
    float: left;
    padding: 8px;
  }
  
  .popular ul.gallery li a {
    display: block;
  }
  
  .popular ul.gallery li a img {
    width: 100%;
    transition: border-radius 300ms ease-in;
    -webkit-transition: border-radius 300ms ease-in;
  }
  
  .popular ul.gallery li a img:hover {
    border-radius: 60px;
  }
  
  
  /* Start: Recommended Isotope styles */
  
  /**** Isotope Filtering ****/
  .isotope-item {
    z-index: 2;
  }
  
  .isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
  }
  
  .fa1 {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 3vw;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
  }
  
  /**** Isotope CSS3 transitions ****/
  
  .isotope,
  .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
  }
  
  .isotope {
    -webkit-transition-property: height, width;
    transition-property: height, width;
  }
  
  .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
  }
  
  /**** disabling Isotope CSS3 transitions ****/
  .isotope.no-transition,
  .isotope.no-transition .isotope-item,
  .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
  
  
  
  
  /*****************************
  Portfolio Details
  *****************************/
  
  #portfolio-information.padding-top {
    padding-top: 100px;
  }
  
  .project-name h2 {
    margin-top: 0;
    margin-bottom: 15px;
  }
  
  #related-work .title {
    margin-bottom: 55px;
    margin-top: 10px;
  }
  
  .navbar-default {
    background: none;
    padding: 0;
  }
  
  .navbar-default li a {
    font-size: 12px;
    padding: 0;
    padding-right: 15px;
  }
  
  .navbar-default li a i {
    padding-right: 8px;
  }
  
  .navbar-default li a:hover {
    color: #0884d5;
    background: none;
  }
  
  .skills .navbar-default,
  .client .navbar-default {
    margin-left: 35px;
  
  }
  
  .live-preview .btn-common {
    margin-top: 21px;
    padding: 13px 45px;
  }
  
  
  /*****************************
  Blog Default
  *****************************/
  
  .single-blog.timeline {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-bottom: 0;
    position: relative;
    padding-bottom: 0;
  }
  
  .timeline .post-content {
    padding: 20px 20px 0;
  }
  
  .post-thumb {
    margin: -1px -1px 0;
    position: relative;
    overflow: hidden;
  }
  
  .timeline .post-thumb img {
    width: 100%;
  }
  
  .post-thumb iframe {
    width: 100%;
    min-height: 270px;
    border: 0;
  }
  
  .post-overlay {
    position: absolute;
    top: 50%;
    display: none;
    width: 94px;
    height: 140px;
    margin-top: -70px;
    overflow: hidden;
  }
  
  .post-overlay span {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -60px;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
    z-index: 9;
  }
  
  
  .post-overlay span:before {
    position: absolute;
    bottom: 0;
    border-style: solid;
    border-width: 60px;
    content: "";
    border-color: transparent transparent #0884d5 transparent;
    z-index: -1;
    cursor: initial;
  }
  
  .post-overlay span a {
    font-size: 30px;
    color: #fff;
    background: transparent;
    padding: 0;
    margin-left: 50px;
  }
  
  .single-blog:hover .post-overlay {
    display: block;
    -webkit-animation: fadeIn 300ms;
    animation: fadeIn 300ms;
  }
  
  .timeline-divider {
    position: relative;
    padding-top: 50px;
    margin-left: 25px;
  }
  
  .timeline-divider:before {
    position: absolute;
    top: 0;
    content: "";
    border-left-style: solid;
    border-left-width: 1px;
    height: 100%;
    border-left-color: #0099AE;
    left: 50%;
    margin-left: -2px;
  }
  
  .timeline-blog .col-sm-6.padding-top {
    padding-top: 70px;
  }
  
  .post-content {
    padding: 20px 0;
  }
  
  .timeline-date .btn-common {
    font-size: 18px;
    color: #4a4a4a;
    font-weight: 300;
    border-radius: 0;
    padding: 17px 50px;
  }
  
  .arrow-right {
    position: relative;
  }
  
  .arrow-right:after {
    position: absolute;
    right: 1px;
    content: "";
    top: 15px;
    background: url(../images/blog/left.png);
    width: 43px;
    height: 54px;
  }
  
  .arrow-left {
    position: relative;
  }
  
  .arrow-left:before {
    position: absolute;
    left: -2px;
    content: "";
    top: 86px;
    background: url(../images/blog/right.png);
    width: 43px;
    height: 54px;
  }
  
  .post-title {
    margin-top: 0;
  }
  
  .post-title a,
  .comments-number a {
    color: #686868;
  }
  
  .post-content .post-author {
    margin-top: 0;
  
  }
  
  
  /* .img-responsive{
    width: 1000px;
    height: 339px;
    position: relative;} */
    
  .img-responsive {
    width: 100%;
    height: 339px;
    position: relative;
  }
  
  #Sbibank:checked::after {
    display: none;
  }
  
  .post-content .post-author a {
    font-weight: 300;
    font-size: 14px;
    color: #0099AE;
  }
  
  a.read-more {
    color: #0099AE;
    font-weight: 300;
  }
  
  a.read-more:hover {
    color: #01707F
  }
  
  .post-bottom {
    border-top: 1px solid #eeeeee;
    padding-top: 10px;
  
    padding: 20px 20px 0;
  }
  
  
  /*****************************
  Blog with right sidebar
  *****************************/
  
  .single-blog {
    padding-bottom: 30px;
  }
  
  .single-blog .post-bottom {
    border-bottom: 1px solid #eeeeee;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .single-blog .post-overlay span {
    left: 0;
    top: 0;
    margin-left: 0;
    width: 94px;
    height: 140px;
    background: url(../images/blog/blog-arrow.png);
    -webkit-animation: fadeInLeft 400ms;
    animation: fadeInLeft 400ms;
  }
  
  .single-blog .post-overlay span a {
    margin-left: 8px;
    font-weight: 700;
    font-size: 36px;
    line-height: 18px;
    position: absolute;
    top: 50px;
  }
  
  .single-blog .post-overlay span a small {
    font-size: 16px;
    font-weight: 300;
    margin-left: 5px;
  }
  
  .single-blog .post-overlay span:before {
    border-color: transparent;
    border-width: 0;
  }
  
  .post-nav {
    margin: 0;
    padding: 0;
  }
  
  .post-nav li a {
    color: #01464f;
    padding: 0;
    text-align: center;
  }
  
  .post-nav li a i {
    color: #0099AE;
    margin-right: 8px;
  }
  
  .post-nav li a:hover {
    background: none;
  }
  
  .blog-padding-right {
    padding-right: 35px;
  }
  
  .blog-pagination {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 55px;
  }
  
  /*****************************
  Blog with right sidebar
  *****************************/
  
  /* .prefix {
    position: relative;
    margin-top: 10px;
    color: grey;
  }
  
  input.has-prefix {
    padding-left: 40px;
    margin-left: 15px
  } */
  .control-me::after {
    /* content: "😃"; */
  
  
  }
  
  /* .errorMsg {
    color: #cc0000;
    margin-bottom: 8px;
  }
  
  .sucessMsg {
    color: #6B8E23;
    margin-bottom: 10px;
  } */
  #toggle:checked~.control-me::after {
    /* content: "😩"; */
  }
  
  #Sbibank {
    margin-top: -55px;
    margin-left: 12px;
    font-size: 14px;
    font-weight: bold;
  }
  
  #Sbibanks {
  
    margin-top: -60px;
    font-size: 14px;
    font-weight: bold;
  }
  
  .optionbased {
    font-size: 14px;
    font-weight: bold;
  }
  
  #selectionbank {
    font-size: 14px;
    font-weight: bold;
  }
  
  #Sbibanke {
    margin-top: -50px;
  }
  
  #phonepebutton1 {
    background: hsl(0, 0%, 100%);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 5px 10px 8px #888888;
    width: 200px;
    height: 50px;
    margin-left: 70px;
    border: none;
  }
  
  #phonepebutton1:active {
    background: #bf8040;
  
  }
  
  #phonepebutton1:focus {
    background: #bf8040;
    color: #fff;
  }
  
  
  #Gpaybutton {
    background: hsl(0, 0%, 100%);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 5px 10px 8px #888888;
    width: 200px;
    height: 50px;
    margin-left: 45px;
    border: none;
  }
  
  #Gpaybutton:active {
    background: #bf8040;
  }
  
  #Gpaybutton:focus {
    background: #bf8040;
    color: #fff;
  }
  
  
  #otherbankbutton {
    background: hsl(0, 0%, 100%);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 5px 10px 8px #888888;
    width: 200px;
    height: 50px;
    margin-left: 45px;
    border: none;
    margin-top: 10px;
  }
  
  #otherbankbutton:active {
    background: #bf8040;
  }
  
  #otherbankbutton:focus {
    background: #bf8040;
    color: #fff;
  }
  
  #amazonbutton {
    background: hsl(0, 0%, 100%);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 5px 10px 8px #888888;
    width: 200px;
    height: 50px;
    margin-left: 70px;
    border: none;
    margin-top: 10px;
  }
  
  #amazonbutton:active {
    background: #bf8040;
  }
  
  #amazonbutton:focus {
    background: #bf8040;
    color: #fff;
  }
  
  #paytmbutton {
    background: hsl(0, 0%, 100%);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 5px 10px 8px #888888;
    width: 200px;
    height: 50px;
    margin-left: 45px;
    border: none;
    margin-top: 10px;
  }
  
  #paytmbutton:active {
    background: #bf8040;
  }
  
  #paytmbutton:focus {
    background: #bf8040;
    color: #fff;
  }
  
  #bhimbutton {
    background: hsl(0, 0%, 100%);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 5px 10px 8px #888888;
    width: 200px;
    height: 50px;
    margin-left: 70px;
    border: none;
    margin-top: 10px;
  }
  
  #bhimbutton:active {
    background: #bf8040;
  }
  
  #bhimbutton:focus {
    background: #bf8040;
    color: #fff;
  }
  
  .labelcheck:checked {
    background: #779fda;
  }
  
  .visually-hidden {
    position: absolute;
    left: -100vw;
  }
  
  .masonery_area .single-blog .post-thumb {
    height: auto;
  }
  
  /* .phonepe-st0{
    opacity: 0.4;
    fill: #673AB7;
  }
  .gpay-st0{
    opacity: 0.3;
      fill: #6E7BF2;
  }
  .bhim-st0
  {
    opacity: 0.6;
      fill: #FE7A09;
  } */
  .masonery_area .single-blog .post-title {
    margin-top: 5px;
  }
  
  .masonery_area .single-blog .post-title a {
    font-size: 20px;
  }
  
  .masonery_area .single-blog .post-thumb img {
    height: auto;
  }
  
  .masonery_area .single-blog .post-bottom {
    border-top: 0;
    padding-top: 0;
    margin-top: 15px;
  }
  
  /* Audio CSS */
  
  .audiojs {
    background: #C03035;
    height: 45px;
    width: 100%;
  }
  
  .audiojs .scrubber {
    background: #fff;
    height: 8px;
    border-top: 0;
    width: 170px;
    margin-top: 19px;
    margin-left: 12px;
    border-radius: 10px;
  }
  
  .audiojs .play-pause {
    background: #a92b2f;
    width: 68px;
    height: 45px;
    padding: 0;
    padding-left: 24px;
    padding-top: 10px;
    border-right: 0;
  }
  
  .audiojs .time {
    display: none;
  
  }
  
  .audiojs .progress {
    background: #A92B2F;
  
    height: 8px;
    border-radius: 10px;
  }
  
  .audiojs .loaded {
    background: #fff;
    height: 8px;
    border-radius: 10px;
  }
  
  
  /*****************************
  Blog Details
  *****************************/
  
  /* .navbar-nav.post-nav li{
    margin-right: 60px;
  } */
  
  .single-blog.blog-details .post-content {
    padding-top: 30px;
  }
  
  .single-blog.blog-details .post-bottom {
    margin-top: 55px;
  }
  
  .blog-share {
    margin-top: 40px;
    background: #f5f5f5;
    display: inline-block;
    padding: 2px 0;
  }
  
  span.stMainServices,
  span.stButton_gradient,
  .stButton .chicklets {
    height: 24px !important;
  }
  
  .author-profile.padding {
    padding-top: 50px;
  }
  
  .author-profile .col-sm-2 img {
    width: 100%;
    border-left: 3px solid #0099AE;
  }
  
  .author-profile h3 {
    margin-top: 0;
    color: #3a424c;
  }
  
  .author-profile p {
    color: #3a424c;
    font-weight: 400;
  }
  
  .author-profile span a {
    color: #C03035;
  }
  
  .response-area {
    border-bottom: 0;
  }
  
  .response-area h2 {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 20px;
  }
  
  .post-comment {
    padding-left: 70px;
    padding-top: 36px;
    border-top: 1px solid #f1e8dd;
  }
  
  .post-comment .pull-left img {
    margin-right: 60px;
    border-left: 3px solid #0884d5;
  }
  
  .post-comment .media-body {
    padding-top: 6px;
    border-bottom: 0;
    padding-bottom: 50px;
  }
  
  .post-comment .media-body p {
    margin-top: 10px;
  }
  
  .post-comment .media-body span i {
    color: #C03035;
    margin-right: 10px;
  }
  
  .post-comment .media-body span a {
    color: #C03035;
    font-weight: 700;
  }
  
  .post-comment .media-body .post-nav li a {
    font-weight: 300;
  }
  
  .parrent .media-list {
    margin-left: 190px;
  }
  
  .parrent .post-comment {
    padding-left: 0;
    margin-left: 70px;
  }
  
  .chooose {
    padding: 19px 10px;
    background: transparent;
    border: transparent;
    position: relative;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    float: left;
    cursor: pointer;
    margin-top: -6%;
    width: 25%;
    margin-left: -21%;
    position: fixed;
  }
  
  .hide_file {
    position: absolute;
    z-index: 1000;
    opacity: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 24px;
    width: 100%;
  
  }
  
  .popups {
    /* 
    margin-left: 71px;
  
    display: flex; */
  
  }
  
  
  .popup {
    margin-left: 71px;
  }
  
  .modal-header .close {
    margin-top: -28px;
  }
  
  .modal-content {
    width: 68% !important;
    color: black !important;
    background-color: rgb(165, 217, 207) !important;
    margin-top: 40%  !important;
    margin-left: 18%;
  }

  .modal-content1 {
    width: 68% !important;
    color: black !important;
    background-color: rgb(165, 217, 207) !important;
    margin-top: 20%;
    margin-left: 15%;
  }
  
  .toggle {
    background: transparent;
    border: none;
  }
  
  .space {
    /* margin-left:-11px; */
  }
  
  .fa-angle-down {
    padding-left: 5px;
  }
  
  /* .modally {
    margin-top:-18px;
  } */
  .modally {
    /* margin-top:-18px; */
    position: absolute;
    /* top:31% */
  }
  
  .paropakaris {
    display: flex;
  }
  
  /* .modallyy {
    margin-left: -48px;
   
  } */
  #imagecenter {
    display: block;
    text-align: center;
  
  }
  
  #modelltoggle {
    margin-left: 35px;
    margin-top: -21px;
  }
  
  .spacee {
    margin-left: -54px;
    margin-top: -20px;
  }
  
  /* .containerss {
    margin-left: 12%;
    margin-right: 12%;
  }
  
  .containerssheader {
    margin-left: 5%;
    margin-right: 3%;
  } */
  /****************************
  ********* Contact Us*********
  *****************************/
  #map-section {
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
  }
  
  #gmap {
    height: 350px;
  }
  
  .get-in-touch img {
    margin-top: 35px;
    margin-bottom: 32px;
  }
  
  .get-in-touch p {
    font-size: 18px;
    font-weight: 300;
  }
  
  #map-section .contact-info {
    position: absolute;
    background-color: #7c3651;
    right: 0;
    top: 0;
    width: 33%;
    height: 100%;
    padding: 25px 50px;
    opacity: 0.9;
    color: #fff;
  }
  
  #map-section .contact-info h2,
  #map-section .contact-info a {
    color: #fff
  }
  
  #map-section address a:hover {
    color: #00AEEF
  }
  
  #contact-form #message {
    resize: none;
  }
  
  #contact-form .btn-submit {
    width: 28%;
    margin: 5px auto;
  }
  
  .corporate-info .corporate-address {
    background-image: url("../images/contact-bg.png");
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-bottom: 50px;
  }
  
  .corporate-info .corporate-address address {
    background-image: url("../images/icon-map.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 40px;
  }
  
  
  /****************************
  ****** Price-table CSS*******
  *****************************/
  
  .price-table {
    margin-top: 88px;
    margin-bottom: 96px;
  }
  
  .single-price ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .table-heading {
    background-color: transparent !important;
    color: #FFFFFF !important;
    overflow: hidden;
    padding: 0 !important;
    text-align: center;
  }
  
  .single-price.price-one .plan-name,
  .single-price.price-two .plan-name,
  .single-price.price-three .plan-name,
  .single-price.price-four .plan-name {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    padding: 10px 0;
    text-transform: capitalize;
  }
  
  .single-price.price-one .plan-name {
    background-color: #0e76bc;
  }
  
  .single-price.price-two .plan-name {
    background-color: #ac2429;
  }
  
  .single-price.price-three .plan-name {
    background-color: #ed8d1b;
  }
  
  .single-price.price-four .plan-name {
    background-color: #6c825f;
  }
  
  
  .single-price .plan-price {
    color: #fff;
    float: none;
    font-size: 14px;
    height: 110px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    padding-top: 15px;
  }
  
  
  .plan-price .dollar-sign {
    font-size: 18px;
  }
  
  .plan-price .price {
    font-size: 24px;
  }
  
  .plan-price .month {
    display: block;
    margin-top: -6px;
  }
  
  .price-one .plan-price:after,
  .price-two .plan-price:after,
  .price-three .plan-price:after,
  .price-four .plan-price:after {
    border-style: solid;
    border-width: 110px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    margin-left: -110px;
  }
  
  .price-one .plan-price:after {
    border-color: #0d6fb1 transparent transparent;
  }
  
  .price-two .plan-price:after {
    border-color: #ac2429 transparent transparent;
  }
  
  .price-three .plan-price:after {
    border-color: #e78817 transparent transparent;
  }
  
  .price-four .plan-price:after {
    border-color: #5f7452 transparent transparent;
  }
  
  .single-price ul li,
  .single-table ul li {
    padding: 12px 18px;
    background-color: #f7f7f7;
    margin-bottom: 5px;
    color: #696969;
  }
  
  .single-price ul li span,
  .single-table ul li span {
    float: right;
  }
  
  .price-one .btn-buynow,
  .price-two .btn-buynow,
  .price-three .btn-buynow,
  .price-four .btn-buynow {
    border-radius: 0;
    color: #fff;
    padding: 12px;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: block;
  }
  
  .price-one .btn-buynow {
    background-color: #0d6fb1;
  }
  
  .price-two .btn-buynow {
    background-color: #ac2429;
  }
  
  .price-three .btn-buynow {
    background-color: #e78817;
  }
  
  .price-four .btn-buynow {
    background-color: #5f7452;
  }
  
  .price-one .btn-buynow:hover {
    background-color: #0a5a90;
  }
  
  .price-two .btn-buynow:hover {
    background-color: #821b1e;
  }
  
  .price-three .btn-buynow:hover {
    background-color: #c57413;
  }
  
  .price-four .btn-buynow:hover {
    background-color: #48583e;
  }
  
  
  .price-table2, .price-table3 {
    margin-bottom: 125px;
  }
  
  .price-table4 {
    margin-bottom: 150px
  }
  
  .table-one .table-header,
  .table-two .table-header,
  .table-three .table-header,
  .table-four .table-header {
    overflow: hidden;
    padding: 20px;
    color: #fff;
  }
  
  
  .table-one .table-header {
    background-color: #0e76bc;
  }
  
  .table-two .table-header {
    background-color: #c03035;
  }
  
  .table-three .table-header {
    background-color: #ed8d1b;
  }
  
  .table-four .table-header {
    background-color: #6c825f;
  }
  
  .single-table {
    position: relative;
    padding-top: 60px;
  }
  
  .table-one:before,
  .table-two:before,
  .table-three:before,
  .table-four:before {
  
    border-style: solid;
    border-width: 0 130px 60px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  .table-one:before {
    border-color: transparent transparent #0d6fb1;
  }
  
  .table-two:before {
    border-color: transparent transparent #ac2429;
  }
  
  .table-three:before {
    border-color: transparent transparent #e78817;
  }
  
  .table-four:before {
    border-color: transparent transparent #5f7452;
  }
  
  .table-header h2 {
    color: #fff;
    float: left;
    font-size: 24px;
    margin-top: 7px;
  }
  
  .table-header .plan-price {
    float: right;
    margin: 0;
    overflow: hidden;
    padding-top: 1px;
  }
  
  .single-table .btn-signup {
    display: block;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  
  .single-table ul {
    margin: 0;
    padding: 0;
  }
  
  .table-one .btn-signup:after,
  .table-two .btn-signup:after,
  .table-three .btn-signup:after,
  .table-four .btn-signup:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 78px 130px 0;
    height: 0;
    left: 0;
    top: -1px;
    width: 100%;
    z-index: -1;
  }
  
  .table-one .btn-signup:after {
    border-color: #0d6fb1 transparent transparent;
  }
  
  .table-two .btn-signup:after {
    border-color: #ac2429 transparent transparent;
  }
  
  .table-three .btn-signup:after {
    border-color: #e78817 transparent transparent;
  }
  
  .table-four .btn-signup:after {
    border-color: #5f7452 transparent transparent;
  }
  
  .single-table .btn-signup a {
    color: #fff;
    display: inline-block;
    overflow: hidden;
    padding: 20px 0 0 0;
    text-transform: uppercase;
    letter-spacing: 3px;
  }
  
  
  .table-one .btn-signup:hover.btn-signup:after {
    border-color: #0b598d transparent transparent;
  }
  
  
  .table-two .btn-signup.btn-signup:hover:after {
    border-color: #831c20 transparent transparent;
  }
  
  .table-three .btn-signup.btn-signup:hover:after {
    border-color: #bd7014 transparent transparent;
  }
  
  .table-four .btn-signup.btn-signup:hover:after {
    border-color: #3d4b35 transparent transparent;
  }
  
  
  /*************************
  ********404 page CSS******
  **************************/
  
  #error-page {
    display: table;
    height: 100%;
    min-height: 100%;
    width: 100%;
    color: #686868;
    font-size: 18px;
    font-weight: 300;
    padding: 100px 0;
  }
  
  #error-page .container-fluid {
    overflow: hidden;
  }
  
  .error-page-inner {
    display: table-cell;
    vertical-align: middle;
  }
  
  .bg-404 {
    background-image: url("../images/home/tour-bg.png");
    background-repeat: repeat-x;
    background-position: center top;
  }
  
  .error-image {
    display: inline-block;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .error-image img {
    width: 100%;
  }
  
  #error-page h2 {
    font-size: 36px;
    text-transform: uppercase;
  }
  
  .btn-error {
    font-weight: 300;
    margin-top: 30px;
    padding: 25px 55px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 5px;
    background-color: transparent;
    border: 1px solid #cc9b59;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  
  .btn-error:hover, .btn-error:focus {
    background-color: #cc9b59;
    border-color: #cc9b59;
    color: #fff;
  }
  
  #error-page i, #coming-soon i {
    border: 1px solid #cc9b59;
    height: 40px;
    width: 40px;
    line-height: 40px;
    color: #cc9b59;
    font-size: 17px;
    margin: 0 15px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #error-page i:hover, #coming-soon i:hover {
    background-color: #cc9b59;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  /* .ReactModal__Content 
    {
      margin: 213px 3px 57px 627px !important;
      width:40% !important;
      height:70% !important;
      margin-left:27% !important;
      color: black !important;
      background-color: rgb(165, 217, 207) !important;
      margin-top:3% !important;
    } */
  
  /*************************
  ********404 page CSS******
  **************************/
  
  #error-page {
    display: table;
    height: 100%;
    min-height: 100%;
    width: 100%;
    color: #686868;
    font-size: 18px;
    font-weight: 300;
    padding: 100px 0;
  }
  
  #error-page .container-fluid {
    overflow: hidden;
  }
  
  .error-page-inner {
    display: table-cell;
    vertical-align: middle;
  }
  
  .bg-404 {
    background-image: url("../images/404-bg.png");
    background-repeat: repeat-x;
    background-position: center top;
  }
  
  .error-image {
    display: inline-block;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .error-image img {
    width: 100%;
  }
  
  #error-page h2 {
    font-size: 36px;
    text-transform: uppercase;
  }
  
  .btn-error {
    background-color: rgba(0, 0, 0, 0);
    border: 3px solid #4FCCCD;
    color: #797979;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 25px 53px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
  }
  
  .btn-error:hover, .btn-error:focus {
    background-color: #4FCCCD;
    border-color: #4FCCCD;
    color: #fff;
  }
  
  #error-page i, #coming-soon i {
    border: 3px solid #cecece;
    height: 40px;
    width: 40px;
    line-height: 35px;
    color: #cecece;
    font-size: 17px;
    margin: 0 15px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #error-page i.fa-twitter:hover,
  #coming-soon i.fa-twitter:hover,
  #error-page i.fa-twitter:hover,
  #coming-soon i.fa-twitter:hover,
  #error-page i.fa-google-plus:hover,
  #coming-soon i.fa-google-plus:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #error-page i.fa-facebook:hover,
  #coming-soon i.fa-facebook:hover {
    background-color: transparent;
    color: #314A87;
    border-color: #314A87;
  }
  
  #error-page i.fa-twitter:hover,
  #coming-soon i.fa-twitter:hover {
    background-color: transparent;
    color: #22BBF4;
    border-color: #22BBF4;
  }
  
  #error-page i.fa-google-plus:hover,
  #coming-soon i.fa-google-plus:hover {
    background-color: transparent;
    color: #DD4C3B;
    border-color: #DD4C3B;
  }
  
  /*************************
  ******Coming Soon CSS*****
  **************************/
  
  .logo-image {
    display: block;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 95px;
  }
  
  .logo-image img {
    display: inline-block;
  }
  
  #coming-soon {
    background-image: url("../images/coming-soon-bg.png");
    background-position: center top;
    background-repeat: repeat-x;
    padding: 40px 0;
    overflow: hidden;
  }
  
  #coming-soon .social-link {
    margin-top: 35px;
  }
  
  .time-count {
    display: block;
    text-align: center;
  }
  
  .time-count ul {
    padding-left: 0;
  }
  
  #countdown {
    display: block;
    max-width: 960px;
    margin: 80px auto 100px;
  }
  
  
  #countdown li {
    float: left;
    display: block;
    width: 25%;
    text-align: center;
    height: 254px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain !important;
    position: relative;
    color: #fff;
  }
  
  #countdown li.angle-one {
    background-image: url(../images/coming-soon1.png);
    left: 120px;
  }
  
  #countdown li.angle-two {
    background-image: url(../images/coming-soon2.png);
    left: 40px;
  }
  
  #countdown li.angle-three {
    background-image: url(../images/coming-soon3.png);
    right: 40px;
  }
  
  #countdown li.angle-four {
    background-image: url(../images/coming-soon4.png);
    right: 120px;
  }
  
  #countdown li>span {
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    margin-top: 40px;
  }
  
  #countdown li.angle-two>span,
  #countdown li.angle-four>span {
    margin-top: 80px;
  }
  
  
  #subscribe {
    background-color: #565656;
    color: #FFFFFF;
    padding: 40px 0 50px;
  }
  
  #subscribe h2 {
    color: #fff;
    text-transform: uppercase;
  }
  
  #subscribe .fa-envelope-o {
    color: #0884d5;
    margin-right: 5px;
  }
  
  #subscribe .form-control {
    background-color: transparent;
    height: 52px;
    color: #fff;
    border: 2px solid #00aeef;
  }
  
  #newsletter {
    margin-top: 35px;
    position: relative;
  }
  
  #newsletter i {
    color: #0884d5;
    font-size: 36px;
    position: absolute;
    right: 12px;
    top: 7px;
  }
  
  .newsletter p {
    color: #919191;
    font-size: 12px;
    margin-top: 10px;
  }
  
  #coming-soon-footer {
    padding: 45px 0;
    line-height: 15px;
    overflow: hidden;
  }
  
  #coming-soon-footer a {
    color: #d89b4e;
  }
  
  #coming-soon-footer a:hover {
    color: #b38040
  }
  
  /*Shortcodes CSS*/
  .bs-example {
    margin: 0 0 20px;
  }
  
  .panel-group {
    border: 1px solid #eee;
  }
  
  .panel-default {
    border: 0;
  }
  
  .panel-group .panel {
    border-radius: 0;
  }
  
  .panel-group .panel+.panel {
    margin-top: 0;
  }
  
  .panel-default>.panel-heading {
    background-color: transparent;
    border-top: 1px solid #eee;
  }
  
  .panel-group .panel-default:first-child>.panel-heading {
    border-top: 0;
  }
  
  .panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #eee;
  }
  
  
  .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: #4FCCCD;
  }
  
  .tab-content {
    padding-top: 20px;
  }
  
  /*Features*/
  .feature-inner {
    text-align: center;
  }
  
  .icon-wrapper {
    display: inline-block;
    background-color: #4FCCCD;
    color: #fff;
    padding: 25px;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, .1) inset;
    border-radius: 100%;
    margin: 10px 0;
  }

  #imagesssss .col-sm-8 {
    /* background-color: rgb(124 149 144); */
    width: 90%;
    height: 360px;
    max-width: 1000px;
    margin: auto;
    user-select: none;
    box-shadow: 0px 0px 3px 1px #00000078;
    padding: 10px;
    margin-bottom: 26px;
    margin-left: 15px;
    box-sizing: border-box;
  
  }
  
  #imagesssss .col-sm-7 {
  
    /* background-color: rgb(124 149 144); */
  
    /* width: 60%; */
  
    height: 360px;
  
    max-width: 1000px;
  
    margin: auto;
  
    user-select: none;
  
    box-shadow: 0px 0px 3px 1px #00000078;
  
    padding: 10px;
  
    margin-bottom: 10px;
  
    margin-left: 15px;
  
    box-sizing: border-box;
  
  
  
  }
  
  #imagessss .col-sm-8 {
    /* background-color: rgb(124 149 144); */
    width: 90%;
    height: 360px;
    max-width: 1000px;
    margin: auto;
    user-select: none;
    box-shadow: 0px 0px 3px 1px #00000078;
    padding: 10px;
    margin-bottom: 26px;
    margin-left: 15px;
    box-sizing: border-box;
  
  }
  
  #imagessss .col-sm-7 {
  
    /* background-color: rgb(124 149 144); */
  
    /* width: 60%; */
  
    height: 360px;
  
    max-width: 1000px;
  
    margin: auto;
  
    user-select: none;
  
    box-shadow: 0px 0px 3px 1px #00000078;
  
    padding: 10px;
  
    margin-bottom: 10px;
  
    margin-left: 15px;
  
    box-sizing: border-box;
  
  
  
  }

  #imagesss .col-sm-8{
    /* background-color: rgb(124 149 144); */
    width:90%;
    height: 360px;
      max-width: 1000px;
      margin: auto;
      user-select: none;
      box-shadow: 0px 0px 3px 1px #00000078;
      padding: 10px;
      margin-bottom: 26px;
      margin-left: 15px;
      box-sizing: border-box;
    
  }
  #imagesss .col-sm-7{
  
    /* background-color: rgb(124 149 144); */
  
    /* width: 60%; */
  
    height: 360px;
  
      max-width: 1000px;
  
      margin: auto;
  
      user-select: none;
  
      box-shadow: 0px 0px 3px 1px #00000078;
  
      padding: 10px;
  
      margin-bottom: 10px;
  
      margin-left: 15px;
  
      box-sizing: border-box;
  
    
  
  }
  
  /* #imagesss .col-sm-11{
    background-color: rgb(124 149 144);
    
  } */
  .row .alttag .img-responsive {
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    image-rendering: -webkit-optimize-contrast;
  
    object-fit: contain;
  }
  
  /* button demo */
  
  .flex-container {
    display: flex;
    flex-direction: row;
    font-size: inherit;
    text-align: center;
  }
  
  .flex-item-left {
    background-color: #f1f1f1;
    padding: 10px;
    flex: 130%;
  }
  
  .flex-item-right {
    background-color: dodgerblue;
    padding: 10px;
    flex: 50%;
  }
  
  /* Responsive layout - makes a one column-layout instead of two-column layout */
  @media (max-width: 800px) {
    .flex-container {
      flex-direction: column;
    }
  }
  
  
  /* examle */
  img {
    height: auto;
    max-width: 100%;
  }
  
  .image-table {
    border: 0px solid rgba(0, 0, 0, 0);
    border-collapse: separate;
    border-spacing: 6px;
    table-layout: fixed;
    text-align: center;
    width: 100%;
  }
  
  /* OPTIONAL - Bild mit Rahmen */
  .image-table img {
    border: 10px solid #fff;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
  }
  
  .table {
    display: table;
    text-align: center;
  
  
    border-collapse: separate;
  
    font-weight: 400;
  }
  
  .theader {
    display: table-row;
  }
  
  .table_header {
    display: table-cell;
    border-bottom: #ccc 1px solid;
    border-top: #ccc 1px solid;
    background: #bdbdbd;
    color: #e5e5e5;
  
    font-weight: 700;
  }
  
  
  
  .wrapper {
    max-width: 1100px;
  }
  
  .gallery {
    display: flex;
    flex-wrap: wrap;
  }
  
  .gallery .image {
    padding: 7px;
    width: calc(100% / 3);
  }
  
  .gallery .image span {
    display: flex;
    width: 100%;
    overflow: hidden;
  }
  
  .gallery .image img {
    width: 100%;
    vertical-align: middle;
    transition: all 0.3s ease;
  }
  
  .gallery .image:hover img {
    transform: scale(1.1);
  }
  
  .preview-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    background: #fff;
    max-width: 700px;
    width: 100%;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    border-radius: 3px;
    padding: 0 5px 5px 5px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  }
  
  .preview-box.show {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.3s ease;
  }
  
  .preview-box .details {
    display: flex;
    align-items: center;
    padding: 12px 15px 12px 10px;
    justify-content: space-between;
  }
  
  .preview-box .details .title {
    display: flex;
    font-size: 18px;
    font-weight: 400;
  }
  
  .details .title p {
    margin: 0 5px;
  }
  
  .details .title p.current-img {
    font-weight: 500;
  }
  
  .details .icon {
    color: #007bff;
    font-size: 20px;
    cursor: pointer;
  }
  
  .preview-box .image-box {
    display: flex;
    width: 100%;
    position: relative;
  }
  
  .image-box .slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    height: 50px;
    width: 60px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
  }
  
  .slide.prev {
    left: 0px;
  }
  
  .slide.next {
    right: 0px;
  }
  
  .image-box img {
    width: 100%;
    border-radius: 0 0 3px 3px;
  }
  
  .shadow {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: none;
    background: rgba(0, 0, 0, 0.45);
  }
  
  @media(max-width: 1000px) {
    .gallery .image {
      width: calc(100% / 2);
    }
  }
  
  @media(max-width: 600px) {
  
    .gallery .image {
      width: 100%;
      padding: 4px;
    }
  }
  
  /* loading image style */
  .loading-img2 {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  
  }
  
  @media screen and (min-width:290px) and (max-width:545px) {
    .timeline-date .btn-common {
      font-size: 8px;
  
    }
  
  }
  
  @media screen and (max-width:280px) {
    .timeline-date .btn-common {
      font-size: 7px;
  
    }
  }
  
  /* @media screen and (min-width:50px) and (max-width:291) {
    table .table-list #myTable{
  margin-left: -11%;
  background-color: #7b1cd4;
  }
  } */
  
  .responsive-table {
    width: 100%;
    margin-bottom: 1.5em;
  }
  
  .responsive-table thead {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  
  .responsive-table thead th {
    background-color: darkblue;
    border: 1px solid darkblue;
    font-weight: normal;
    text-align: center;
    color: white;
  }
  
  .responsive-table thead th:first-of-type {
    text-align: left;
  }
  
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table th,
  .responsive-table td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
  }
  
  .responsive-table th,
  .responsive-table td {
    padding: .5em;
    vertical-align: middle;
  }
  
  .responsive-table caption {
    margin-bottom: 1em;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
  }
  
  .responsive-table tfoot {
    font-size: .8em;
    font-style: italic;
  }
  
  .responsive-table tbody tr {
    margin-bottom: 1em;
    border: 2px solid darkblue;
  }
  
  .responsive-table tbody tr:last-of-type {
    margin-bottom: 0;
  }
  
  .responsive-table tbody th[scope="row"] {
    background-color: darkblue;
    color: white;
  }
  
  .responsive-table tbody td[data-type=currency] {
    text-align: right;
  }
  
  .responsive-table tbody td[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: .8em;
    color: rgba(94, 93, 82, 0.75);
  }
  
  .responsive-table tbody td {
    text-align: right;
    border-bottom: 1px solid darkblue;
  }
  
  
  @media (min-width: 52em) {
    .responsive-table {
      font-size: .9em;
    }
  
    .responsive-table thead {
      position: relative;
      clip: auto;
      height: auto;
      width: auto;
      overflow: auto;
    }
  
    .responsive-table tr {
      display: table-row;
    }
  
    .responsive-table th,
    .responsive-table td {
      display: table-cell;
      padding: .5em;
    }
  
    .responsive-table caption {
      font-size: 1.5em;
    }
  
    .responsive-table tbody {
      display: table-row-group;
    }
  
    .responsive-table tbody tr {
      display: table-row;
      border-width: 1px;
    }
  
    .responsive-table tbody tr:nth-of-type(even) {
      background-color: rgba(94, 93, 82, 0.1);
    }
  
    .responsive-table tbody th[scope="row"] {
      background-color: transparent;
      color: #5e5d52;
      text-align: left;
    }
  
    .responsive-table tbody td {
      text-align: center;
    }
  
    .responsive-table tbody td[data-title]:before {
      content: none;
    }
  }
  
  @media (min-width: 62em) {
    .responsive-table {
      font-size: 1em;
    }
  
    .responsive-table th,
    .responsive-table td {
      padding: .75em .5em;
    }
  
    .responsive-table tfoot {
      font-size: .9em;
    }
  }
  
  @media (min-width: 75em) {
  
    .responsive-table th,
    .responsive-table td {
      padding: .75em;
    }
  }
  
  @media screen and (min-width:92px)and (max-width:910px) {
    #editbtn {
      display: none;
    }
  
    #rsub-cont {
      display: none;
    }
  
    .row #rcont #login {
      width: 100%;
  
    }
  
    .row #rcont #Reg {
      width: 150px;
    }
  
    .padding-top .container .row #rcont {
      width: 100%;
    }
  
    #required80G {
      display: none;
    }
  
  }
  
  @media screen and (min-width:1200px) {
    #editing {
      display: none;
    }
  
    .tnr1 .img__btn {
      display: none;
    }
  
    #required80G1 {
      display: none;
    }
  }
  
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }
  
  .grid {
    display: grid;
    /* hide that style in 29-0802022 */
    /* grid-gap: 10px; */
    grid-template-columns: 1fr 1fr 1fr 1fr;
  
  }
  
  .box {
    text-align: center;
    padding: 10px;
    border-radius: 3px;
  }
  
  /* homepage inputbox style end */
  
  
  /* notificationpage */
  .box1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    padding: 10px;
    width: 100%;
    min-height: 200px;
    text-align: center;
  
  }
  
  .box2 {
  
    margin: 20px 22px;
  
  }
  
  .button-container {
    margin: 60px auto 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  
  @media screen and (max-width: 930px) {
    .button-container {
      flex-direction: column;
    }
  }
  
  
  
  
  .button-icon {
    position: relative;
    color: white;
    text-decoration: none;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 1000px;
    padding: 7px 50px;
    margin: 40px;
    background: rgb(102, 71, 18);
    box-shadow: 0 2px 5px 0 rgba(3, 6, 26, 0.15);
    transition: .5s all ease-in-out;
    width: 200px;
  }
  
  .button-icon :hover {
    cursor: pointer;
    background: rgb(102, 71, 18);
    color: hsl(180, 50%, 98%);
    animation: none;
  
  
  }
  
  .button-icon1 {
    position: relative;
    color: white;
    text-decoration: none;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 1000px;
    padding: 10px 3px;
    margin: 40px;
    background: rgb(102, 71, 18);
    box-shadow: 0 2px 5px 0 rgba(3, 6, 26, 0.15);
    margin-top: -20px;
  }
  
  .button-icon1 :hover {
    cursor: pointer;
    color: hsl(180, 50%, 98%);
    animation: none;
  
  
  }
  
  #button-pulse {
    animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);
    box-shadow: 0 0 0 0 rgb(11, 211, 151);
  }
  
  @keyframes pulse {
    to {
      box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
    }
  }
  
  @media screen and (min-width:92px)and (max-width:767px) {
    #box3 {
      width: 200px;
      margin-left: -100px;
    }
  
    /* .notranslate .sidebar .sidebar-item  {
             display: none;
           } */
    #myBtn {
      display: none;
    }
  
    .sidebar1 .sidebar-item {
      display: none;
    }
  
    .sidebar1 #myBtn {
      margin-top: -20px;
  
    }
  
    #paro .btn1 {
      width: 150px;
    }
  
    #paro #homepagebutton {
      width: 185px;
    }
  
    #paro .tamilbtn #tamilbtn1 {
      width: 270px;
    }
  }
  
  @media screen and (min-width:92px)and (max-width:1195px) {
  
  
    .sidebar1 .sidebar-item {
      display: none;
    }
  
    #myBtn {
      display: none;
    }
  
    .sidebar1 #myBtn {
      margin-top: -40px;
  
    }
  
    .row #Threebox {
      font-size: 10px;
  
    }
  
    .single-blog .timeline {
      margin-left: 1px;
    }
  
    /* .padding-right .timeline{
          margin-left: 1px;
        } */
  }
  
  .front-cont {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 10px;
    /* background-color: brown; */
  }
  
  .front-cont1 {
    width: 50%;
  }
  
  @media only screen and (max-width: 950px) {
    .front-cont1 {
      width: 100%;
    }
  
    .front-cont {
      display: flex;
      width: 100%;
      padding: 10px;
      flex-direction: column;
    }
  }
  
  /* notification page */
  .move-up:hover {
  
    transition: all .5s;
    transform: translateY(-10px);
    color: lightseagreen;
  }

  #indexcardimg
{
  width: 25vw;
  height: 40vh;
  display: block;
}

@media (min-width:300px) and (max-width:768px)
{
  #indexcardimg
  {
    width: 76vw;
  height: 28vh;
  }
}

@media (min-width:768px) and (max-width:1200px)

{
  #indexcardimg
  {
    height: 28vh;
    width: 24vw;
  }
}