/*--

TEMPLATE NAME: Sinewave - One Page Hosting Landing Page HTML Template
TEMPLATE URI: - http://froid.works/themeforest/sinewave/resource/
DESCRIPTION:  Hosting HTML Template
VERSION: 2.0
AUTHOR: Ajay Kumar Choudhary
AUTHOR URL: http://codecanyon.net/user/ajay138/
DESIGN BY: Rakesh Kumar

[TABLE OF CONTENTS]

1.0 BUTTONS
2.0 ALERTS
3.0 FORM ELEMENTS
4.0 MENU
5.0 CUSTOM ICONS
6.0 DEFAULT PAGE STYLING
7.0 GENERAL RESET

--*/
/* Buttons */

/* Pricing Section */
.pricing-section {
  /* margin-top: 50px; */
}

@media (min-width: 992px) {
  .pricing-section {
    /* margin-top: 100px; */
  }
}

.pricing-section .content-section, .pricing-section .compare-pricing-plans + .compare-plans {
  text-align: center;
  background-color: #ffffff;
}

.pricing-section .content-section .main-container, .pricing-section .compare-pricing-plans + .compare-plans .main-container {
  width: 100%;
  margin: 16px auto;
}

@media (min-width: 544px) {
  .pricing-section .content-section .main-container, .pricing-section .compare-pricing-plans + .compare-plans .main-container {
    width: 50%;
    float: left;
  }
}

@media (min-width: 992px) {
  .pricing-section .content-section .main-container, .pricing-section .compare-pricing-plans + .compare-plans .main-container {
    width: 25%;
    float: left;
  }
}

.pricing-section .content-section .main-container .green-container, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container {
  background-color: #4a9f55;
  padding: 0 0 25px 0;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  height: 200px;
}

.pricing-section .content-section .main-container .green-container.basic-first, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container.basic-first {
  background-color: #4a9f55;
}

.pricing-section .content-section .main-container .green-container.professional-first, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container.professional-first {
  background-color: #444444;
}

.pricing-section .content-section .main-container .green-container.enterprise-first, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container.enterprise-first {
  background-color: #373737;
}

.pricing-section .content-section .main-container .green-container .container-1, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container .container-1 {
  padding: 10px;
}

.pricing-section .content-section .main-container .green-container .container-1.starter, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container .container-1.starter {
  background-color: rgba(0, 0, 0, 0.32);
}

.pricing-section .content-section .main-container .green-container .container-1.basic-container-2, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container .container-1.basic-container-2 {
  background-color: rgba(0, 0, 0, 0.38);
}

.pricing-section .content-section .main-container .green-container .container-1.professional-container-2, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container .container-1.professional-container-2 {
  background-color: rgba(0, 0, 0, 0.27);
}

.pricing-section .content-section .main-container .green-container .container-1.enterprise-container-2, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container .container-1.enterprise-container-2 {
  background-color: rgba(0, 0, 0, 0.44);
}

.pricing-section .content-section .main-container .green-container .container-1 .heading, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container .container-1 .heading {
  font-weight: 500;
  font-size: 17px;
  margin: 8px;
}

@media (min-width: 768px) {
  .pricing-section .content-section .main-container .green-container .container-1 .heading, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container .container-1 .heading {
    font-size: 22px;
  }
}

.pricing-section .content-section .main-container .green-container .text-digit, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container .text-digit {
  font-weight: 200;
  font-size: 52px;
  /*padding-top: 5px;*/
  letter-spacing: 2px;
}

.pricing-section .content-section .main-container .green-container .month, .pricing-section .compare-pricing-plans + .compare-plans .main-container .green-container .month {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  /*margin-left: 72px;*/
  letter-spacing: 0;
  display: block;
}

.pricing-section .content-section .main-container .gray-content-container, .pricing-section .compare-pricing-plans + .compare-plans .main-container .gray-content-container {
  background-color: #f8f8f8;
  padding: 20px 0 35px 0;
}

.pricing-section .content-section .main-container .gray-content-container.basic, .pricing-section .compare-pricing-plans + .compare-plans .main-container .gray-content-container.basic {
  background-color: #f2f2f2;
}

.pricing-section .content-section .main-container .gray-content-container.professional, .pricing-section .compare-pricing-plans + .compare-plans .main-container .gray-content-container.professional {
  background-color: #ebebeb;
}

.pricing-section .content-section .main-container .gray-content-container.enterprise, .pricing-section .compare-pricing-plans + .compare-plans .main-container .gray-content-container.enterprise {
  background-color: #dfdfdf;
}

.pricing-section .content-section .main-container .gray-content-container .content-pricing, .pricing-section .compare-pricing-plans + .compare-plans .main-container .gray-content-container .content-pricing {
  padding-top: 25px;
  padding-left: 0;
  text-align: center;
}

.pricing-section .content-section .main-container .gray-content-container .content-pricing li, .pricing-section .compare-pricing-plans + .compare-plans .main-container .gray-content-container .content-pricing li {
  list-style-type: none;
  font-family: "Open Sans", sans-serif;
  color: #918f8f;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  padding-bottom: 15px;
  text-align: center;
}

.pricing-section .content-section .reset, .pricing-section .compare-pricing-plans + .compare-plans .reset {
  visibility: hidden;
}

.pricing-section .content-section .container-class, .pricing-section .compare-pricing-plans + .compare-plans .container-class {
  color: #ffffff;
  vertical-align: middle;
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
}

.pricing-section .content-section .container-class .standard-block, .pricing-section .compare-pricing-plans + .compare-plans .container-class .standard-block {
  background-color: #187043;
  font-weight: 500;
}

.pricing-section .content-section .container-class .dedicated-block, .pricing-section .compare-pricing-plans + .compare-plans .container-class .dedicated-block {
  background-color: rgba(0, 0, 0, 0.77);
  font-weight: 500;
}

.pricing-section .content-section .container-class .managed-block, .pricing-section .compare-pricing-plans + .compare-plans .container-class .managed-block {
  background-color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}

.pricing-section .content-section .container-class .compare-text-digit, .pricing-section .compare-pricing-plans + .compare-plans .container-class .compare-text-digit {
  font-weight: 200;
  font-size: 52px;
  padding-top: 10px;
  letter-spacing: 2px;
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
}

.pricing-section .content-section .container-class .compare-text-digit.standard-block-2, .pricing-section .compare-pricing-plans + .compare-plans .container-class .compare-text-digit.standard-block-2 {
  background-color: #2bbf71;
}

.pricing-section .content-section .container-class .compare-text-digit.dedicated-block-2, .pricing-section .compare-pricing-plans + .compare-plans .container-class .compare-text-digit.dedicated-block-2 {
  background-color: rgba(68, 68, 68, 0.89);
}

.pricing-section .content-section .container-class .compare-text-digit.managed-block-2, .pricing-section .compare-pricing-plans + .compare-plans .container-class .compare-text-digit.managed-block-2 {
  background-color: #373737;
}

.pricing-section .content-section .container-class .month-comparing, .pricing-section .compare-pricing-plans + .compare-plans .container-class .month-comparing {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  line-height: 0;
  letter-spacing: 0;
  margin-bottom: 18px;
}

@media (min-width: 992px) {
  .pricing-section .content-section .container-class .month-comparing, .pricing-section .compare-pricing-plans + .compare-plans .container-class .month-comparing {
    margin-left: 72px;
  }
}

.pricing-section .content-section .container-class .feature-heading, .pricing-section .compare-pricing-plans + .compare-plans .container-class .feature-heading {
  background: #575757;
  font-family: "Montserrat", sans-serif !important;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 600 !important;
}

.pricing-section .content-section .container-class .feature-heading .sub-heading-feature, .pricing-section .compare-pricing-plans + .compare-plans .container-class .feature-heading .sub-heading-feature {
  font-size: 22px !important;
  font-weight: 500 !important;
}

.pricing-section .content-section .container-class .feature-heading .name, .pricing-section .compare-pricing-plans + .compare-plans .container-class .feature-heading .name {
  color: #24aa65 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  margin-left: 5px;
}

.pricing-section .content-section .table > thead > tr > th, .pricing-section .compare-pricing-plans + .compare-plans .table > thead > tr > th {
  border-bottom: 0;
  border-top: 0;
}

.pricing-section .content-section table > tbody > tr > td, .pricing-section .compare-pricing-plans + .compare-plans table > tbody > tr > td, .pricing-section .content-section .table > tbody > tr > th, .pricing-section .compare-pricing-plans + .compare-plans .table > tbody > tr > th, .pricing-section .content-section .table > tfoot > tr > td, .pricing-section .compare-pricing-plans + .compare-plans .table > tfoot > tr > td, .pricing-section .content-section .table > tfoot > tr > th, .pricing-section .compare-pricing-plans + .compare-plans .table > tfoot > tr > th, .pricing-section .content-section .table > thead > tr > td, .pricing-section .compare-pricing-plans + .compare-plans .table > thead > tr > td, .pricing-section .content-section .table > thead > tr > th, .pricing-section .compare-pricing-plans + .compare-plans .table > thead > tr > th {
  border-top: 0;
  padding: 20px 0 20px 0;
  width: 10%;
}

.pricing-section .content-section table > tbody > tr > td:first-child, .pricing-section .compare-pricing-plans + .compare-plans table > tbody > tr > td:first-child, .pricing-section .content-section .table > tbody > tr > th:first-child, .pricing-section .compare-pricing-plans + .compare-plans .table > tbody > tr > th:first-child, .pricing-section .content-section .table > tfoot > tr > td:first-child, .pricing-section .compare-pricing-plans + .compare-plans .table > tfoot > tr > td:first-child, .pricing-section .content-section .table > tfoot > tr > th:first-child, .pricing-section .compare-pricing-plans + .compare-plans .table > tfoot > tr > th:first-child, .pricing-section .content-section .table > thead > tr > td:first-child, .pricing-section .compare-pricing-plans + .compare-plans .table > thead > tr > td:first-child, .pricing-section .content-section .table > thead > tr > th:first-child, .pricing-section .compare-pricing-plans + .compare-plans .table > thead > tr > th:first-child {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #6b6969;
  font-weight: 600;
  vertical-align: middle;
}

.pricing-section .content-section table > tbody > tr > td:first-child, .pricing-section .compare-pricing-plans + .compare-plans table > tbody > tr > td:first-child, .pricing-section .content-section .table > tbody > tr > th:first-child, .pricing-section .compare-pricing-plans + .compare-plans .table > tbody > tr > th:first-child, .pricing-section .content-section .table > tfoot > tr > td:first-child, .pricing-section .compare-pricing-plans + .compare-plans .table > tfoot > tr > td:first-child, .pricing-section .content-section .table > tfoot > tr > th:first-child, .pricing-section .compare-pricing-plans + .compare-plans .table > tfoot > tr > th:first-child, .pricing-section .content-section .table > thead > tr > td:first-child, .pricing-section .compare-pricing-plans + .compare-plans .table > thead > tr > td:first-child {
  background-color: rgba(255, 255, 255, 0.17);
  text-transform: uppercase;
}

.pricing-section .content-section table > tbody > tr > td:nth-child(3), .pricing-section .compare-pricing-plans + .compare-plans table > tbody > tr > td:nth-child(3), .pricing-section .content-section .table > tbody > tr > th:nth-child(3), .pricing-section .compare-pricing-plans + .compare-plans .table > tbody > tr > th:nth-child(3), .pricing-section .content-section .table > tfoot > tr > td:nth-child(3), .pricing-section .compare-pricing-plans + .compare-plans .table > tfoot > tr > td:nth-child(3), .pricing-section .content-section .table > tfoot > tr > th:nth-child(3), .pricing-section .compare-pricing-plans + .compare-plans .table > tfoot > tr > th:nth-child(3), .pricing-section .content-section .table > thead > tr > td:nth-child(3), .pricing-section .compare-pricing-plans + .compare-plans .table > thead > tr > td:nth-child(3) {
  background-color: rgba(150, 150, 150, 0.09);
}

.pricing-section .content-section table > tbody > tr > td:nth-child(4), .pricing-section .compare-pricing-plans + .compare-plans table > tbody > tr > td:nth-child(4), .pricing-section .content-section .table > tbody > tr > th:nth-child(4), .pricing-section .compare-pricing-plans + .compare-plans .table > tbody > tr > th:nth-child(4), .pricing-section .content-section .table > tfoot > tr > td:nth-child(4), .pricing-section .compare-pricing-plans + .compare-plans .table > tfoot > tr > td:nth-child(4), .pricing-section .content-section .table > tfoot > tr > th:nth-child(4), .pricing-section .compare-pricing-plans + .compare-plans .table > tfoot > tr > th:nth-child(4), .pricing-section .content-section .table > thead > tr > td:nth-child(4), .pricing-section .compare-pricing-plans + .compare-plans .table > thead > tr > td:nth-child(4) {
  background-color: rgba(248, 247, 247, 0.08);
}

.pricing-section .content-section .table-striped > tbody > tr:nth-of-type(odd), .pricing-section .compare-pricing-plans + .compare-plans .table-striped > tbody > tr:nth-of-type(odd) {
  background: #dadada;
}

.pricing-section .content-section .table-striped > tbody > tr:nth-of-type(even), .pricing-section .compare-pricing-plans + .compare-plans .table-striped > tbody > tr:nth-of-type(even) {
  background: rgba(158, 158, 158, 0.22);
}

.table-compare td, .table-compare th {
  padding: 20px 10px !important;
}

.text-important {
  font-weight: 600;
}

.compare-plans .lnr:before {
  font-size: 22px;
}
.gray-content-container ul {
    list-style-type: none;
    text-align: left;
    padding-left: 15px;
    padding-right: 5px;
  }
.gray-content-container{
    height: 410px;
}
.gray-content-container-btn{
    height: 70px;
    background-color: #f8f8f8;
}
.gray-content-container ul li::before {
    font-family: 'FontAwesome';
    content: '\f00c ';
  }
.content-pack ul{
    list-style-type: none;
    padding-left: 0px;
}

.content-pack ul li::before{
    font-family: 'FontAwesome';
    content: '\f14a ';
    color: blue;
    padding-right: 5px;;
}


    .content-pack  ul li {
    display:block;
    float:left;
    width:50%;
    color:black;
    text-decoration:none;
    text-align:left;
    padding-left:8px;
    /* border:2px solid; */
    /*pour avoir un effet "outset" avec IE :*/
    /* border-color:#DCDCDC #696969 #696969 #DCDCDC; */
    }