/*
Theme Name: Binary Graph
Theme URI: https://bingarygraph.in/
Author: the WordPress team
Author URI: https://bingarygraph.in/
Description: Company is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. 
Version: 1.1
Text Domain: binary
*/

.swiper-container{overflow:hidden;}

/*! 
SEO - PACKAGES
----------------------*/
.seo-packages .seo-rank-table{ margin-top: 30px; }

.seo-packages ul.package-head{ display:flex;}
.seo-packages ul.package-body {clear: both;float: left;width: 100% !important;}
.seo-rank-table.new-table-ui ul.package-body li {width: 100%;border-radius: 0;display: block !important;padding: 0;}
.seo-packages ul{ list-style: none;}
.seo-packages .package_table .text-center{ text-align:center;}
.seo-rank-table.new-table-ui ul li {float: left;width: 25%;border-top: 0;border: 1px solid #f1f1f1;text-align: center;padding: 10px;}
.accordian-packages .card-header h5{ text-align:center;}
.seo-rank-table.new-table-ui ul.package-body li ul {display: flex;}
.accordian-packages-ui ul li{text-align:center;}
.accordian-packages-ui ul > li:first-child{text-align:left;justify-content: left !important;}
.seo-rank-table.table ul.accordian-packages-ui li ul {padding: 0;list-style: none;display: flex;}
.seo-rank-table.table ul.accordian-packages-ui li ul li {width: 25%;border-right: 0 !important;border-left: 1px solid #b6b6b6b3 !important;margin: 0;
padding: 4px 10px;display: flex;align-items: center;justify-content: center;color: #000;}
.seo-package-area .card-header a {color: #fff !important;display: block;text-align: center;font-size: 19px;border-bottom: 2px solid #ccc;
text-decoration: none;position: relative;border-radius: 0 !important;}
.seo-packages table.table{ width: 100%;}
.seo-packages table.table tr th,.seo-packages table.table tr td{ width: 25%;}





/*____PACKAGES______*/

.single-packages .mil-banner-sm{padding-top: 0px;padding-bottom: 0px;}
.seo-packages{ padding-top: 20px;}
.single-packages .accordian-packages{ clear: both;}
.seo-packages .seo-rank-table{ margin: 0px;}
.seo-packages.width-20 table.table tr th, .seo-packages.width-20 table.table tr td{width: 20%!important;}

/*____PACKAGES__=01____*/
.type-one .accordian-packages .card{overflow: hidden;position: relative;border: 2px solid rgba(18,24,32,.1);border-radius: 10px;
    transition: .4s cubic-bezier(0, 0, .3642, 1);margin: 20px 0px;}
.type-one .accordian-packages .card:hover {border-color: #bbb;-webkit-box-shadow: 0 0 40px 0 rgba(18,24,32,.1);
    box-shadow: 0 0 40px 0 rgba(18,24,32,.1);}
    .type-one .accordian-packages .card-header h5{background: #e9e9e9;color: #222;padding: 10px 0;}
    .type-one .accordian-packages .card:hover h5{background: #bbb;}
/*.type-one  ul.accordian-packages-ui li ul li:nth-child(4){box-shadow: -0px 7px 12px 5px #888888;background: #fafafa;}*/
.type-one .package_table.purchase-table ul.accordian-packages-ui li ul li{border: none!important;}
.type-one .seo-rank-table.new-table-ui ul li{border: none!important; padding: 2px 1px;}
.type-one .seo-rank-table.new-table-ui{color: #222;}

.type-one .mil-button{ margin: 20px 0px; padding: 0px 40px; height: 48px;}
/*@media screen and (max-width: 765px) {
    .seo-packages.type-one > .row > .col-md-12{ overflow: auto;}
    .seo-packages.type-one .seo-rank-table, .seo-packages.type-one .accordian-packages{ width: 1000px;}

}*/

/*__________PACKAGE __02______*/
.type-two .seo-rank-table h3{ margin-bottom: 18px;}
.type-two .mil-button{ margin: 20px 0px; padding: 0px 40px; height: 48px;}
.type-two .seo-rank-table{color: #222;}

/*__________PACKAGE __03______*/
.type-three .seo-rank-table h3{ margin-bottom: 18px;}
.type-three .mil-button{ margin: 20px 0px; padding: 0px 40px; height: 48px;}
.type-three .seo-rank-table{color: #222;}
.seo-packages.type-three table.table tr th, .seo-packages.type-three table.table tr td{width: 20%;}

/*__________PACKAGE __04______*/
.type-four .seo-rank-table h3{ margin-bottom: 18px;}
.type-four .mil-button{ margin: 20px 0px; padding: 0px 40px; height: 48px;}
.type-four .seo-rank-table{color: #222;}
.seo-packages.type-four table.table tr th, .seo-packages.type-three table.table tr td{width: 25%;}

/*__________PACKAGE __05______*/
.type-five .seo-rank-table h3{ margin-bottom: 18px;}
.type-five .mil-button{ margin: 20px 0px; padding: 0px 40px; height: 48px;}
.type-five .seo-rank-table{color: #222;}
.type-five .accordian-packages .card{overflow: hidden;position: relative;border: 2px solid rgba(18,24,32,.1);border-radius: 10px;
    transition: .4s cubic-bezier(0, 0, .3642, 1);margin: 20px 0px;}
.type-five .accordian-packages .card:hover {border-color: #bbb;-webkit-box-shadow: 0 0 40px 0 rgba(18,24,32,.1);
    box-shadow: 0 0 40px 0 rgba(18,24,32,.1);}
.type-five .accordian-packages .card-header h5{background: #e9e9e9;color: #222;padding: 10px 0;}
.type-five .accordian-packages .card:hover h5{background: #bbb;}
.type-five .seo-rank-table.table td:first-child{padding-left: 20px;}

/*___RESPONSIVE_______*/
@media screen and (max-width: 768px) {
    .seo-packages > .row > .col-md-12{ overflow: auto;}
    .seo-packages .seo-rank-table, 
    .seo-packages .accordian-packages{ width: 1000px!important;}
    .mil-banner-sm .mil-banner-content{ display: none;}

    .mobile-one.seo-packages .accordian-packages{ width: auto!important;}
}

@media screen and (max-width: 480px) {

}

/*___VERTICAL____*/

#btn-vertical {
    background: #f57c00;border-radius: 0;color: #e3d9d9;display: inline-block;font-size: 1rem;font-weight: bold;
    height: 35px;line-height: 35px;position: fixed;right: 0;border-radius: 9px 9px 0px 0px;text-align: center; text-decoration: none;
    text-transform: uppercase;-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);
    transform-origin: bottom right;text-shadow: 3px 2px 4px rgba(0, 0, 0, 0.6);width: 120px;bottom: 50%;}
 .blinkme { animation: blinker 1s linear infinite;}

@keyframes blinker { 50% { opacity: 0;}}

/*____Modal____*/
.binary-modal.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
  }
  .binary-modal.modal-backdrop.fade {
    opacity: 0;
  }
  .binary-modal.modal-backdrop,
  .binary-modal.modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .binary-modal.modal {
    position: fixed;
    top: 10% !important;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    /*border: 1px solid #999;
    /* IE6-7 * /
  
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;*/
    outline: none;
  }
  .binary-modal.modal.fade {
   /* -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;*/
    top: -25%;
  }
  .binary-modal.modal.fade.in {
    top: 10%;
  }
  .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    display: flex;
      align-items: flex-start;
      justify-content: space-between;
  }
  .modal-header .close {
    margin-top: 2px;
   
      float: right;
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 1;
      color: #000;
      border:none;
      cursor: pointer;
  
  }
  .modal-header h3 {
    margin: 0;
    line-height: 30px;
  }
  .modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
  }
  .modal-form {
    margin-bottom: 0;
  }
  .modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1;
  }
  .modal-footer:before,
  .modal-footer:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .modal-footer:after {
    clear: both;
  }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
  }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0;
  }
  /*
  @media (max-width: 767px) {
    .modal {
      position: fixed;
      top: 20px;
      left: 20px;
      right: 20px;
      width: auto;
      margin: 0;
    }
    .modal.fade {
      top: -100px;
    }
    .modal.fade.in {
      top: 20px;
    }
  }*/