/*============================================================= Authour URL: www.designbootstrap.com http://www.designbootstrap.com/ License: MIT ======================================================== */ /*============================================================ BACKGROUND COLORS ============================================================*/ .db-bk-color-one { background-color: #A9B595; } .db-bk-color-two { background-color: #B9CEA0; } .db-bk-color-three { background-color: #97A47E; } .db-bk-color-six { background-color: #F59B24; } .db-padding-btm { padding-bottom: 50px; } .db-button-color-square { color: #fff; background-color: rgba(0, 0, 0, 0.50); border: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .db-button-color-square:hover { color: #fff; background-color: rgba(0, 0, 0, 0.50); border: none; } .db-pricing-eleven { margin-bottom: 30px; margin-top: 50px; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, .5); border-radius: 7px 7px 7px 7px; color: #101211; line-height: 30px; } .db-pricing-eleven ul { list-style: none; margin: 0; text-align: left; padding-left: 5px; } .db-pricing-eleven ul li { padding-top: 20px; padding-bottom: 20px; cursor: pointer; } .db-pricing-eleven ul li i { margin-right: 5px; } .db-pricing-eleven .price { background-color: rgba(0, 0, 0, 0); color: #FFFFFF; } .db-pricing-eleven .price small { color: #63783F; display: block; font-size: 12px; margin-top: 22px; } .db-pricing-eleven .type { background-color: #63783F; padding: 50px 20px; font-weight: 900; text-transform: uppercase; } .text-price-responsive { font-size: 30px; padding: 20px 10px 10px 10px; font-weight: 500; } .text-type-responsive { color: white; font-size: 20px; } .text-responsive { font-size: 16px; } .hide-in-cell { display: none } @media (min-width: 544px) { .db-pricing-eleven ul { list-style: none; margin: 0; text-align: left; padding-left: 5px; } .text-price-responsive { font-size: 30px; padding: 20px 10px 10px 10px; font-weight: 500; } .text-type-responsive { font-size: 30px; color: white; } .text-responsive { font-size: 16px; } .hide-in-cell { display: none } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .text-price-responsive { padding: 40px 20px 20px 20px; font-size: 40px; } .text-type-responsive { font-size: 30px; color: white; } .text-responsive { font-size: 20px; } } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .text-price-responsive { padding: 40px 20px 20px 20px; font-size: 60px; } .text-type-responsive { font-size: 30px; color: white; } .text-responsive { font-size: 20px; } } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .db-pricing-eleven ul { list-style: none; margin: 0; text-align: left; padding-left: 20px; } .text-price-responsive { padding: 40px 20px 20px 20px; font-size: 60px; } .text-type-responsive { color: white; font-size: 30px; } .text-responsive { font-size: 16px; } .hide-in-cell { display: inline } } .db-pricing-eleven .pricing-footer { padding: 20px; } .db-attached > .col-lg-4, .db-attached > .col-lg-3, .db-attached > .col-md-4, .db-attached > .col-md-3, .db-attached > .col-sm-4, .db-attached > .col-sm-3 { padding-left: 0; padding-right: 0; } .db-pricing-eleven.popular { margin-top: 10px; } .db-pricing-eleven.popular .price { padding-top: 80px; }