/* =============================================
---------------  7.Pricing Tables  -------------
==============================================*/

.pricing-row { margin-left:0; margin-right:0; }

.pricing-table-container { padding:0; }

.pricing-table { position: relative; background-color: #fff; box-shadow:0 0 20px rgba(0,0,0, 0.1); -webkit-box-shadow:0 0 20px rgba(0,0,0, 0.1); margin-bottom:50px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }

.pricing-table.border { border:3px solid #2e2e2e; background-color: #fff !important; box-shadow:none; overflow: hidden; padding:15px 0; }

.pricing-table.flat { border:2px solid #eaeaea; background-color: #fff; box-shadow:none; overflow: hidden; padding:0; }

.pricing-table.pricing-top { padding-top:82px; margin-top:72px; }

.pricing-table.border.transparent { background-color: transparent !important; }

.pricing-table h3 { padding:25px 15px; font-size:20px; text-align: center; margin-bottom:25px; background-color: rgba(0,0,0, 0.018); color:#505050; }

.pricing-table.border h3 { margin-bottom:32px; position: relative; }

.pricing-table.flat h3 { margin-bottom:32px; background-color: #eee; text-align: left; padding:20px; margin:0; }

.pricing-table.pricing-top h3 { padding:10px 15px; background-color: transparent; }

.pricing-table.border h3:after { content:''; position: absolute; display:block; bottom:0; width:80px; left:50%; margin-left:-40px; height:2px; background-color: #2e2e2e; }

@media (min-width: 992px) { .pricing-table.active { z-index:1; margin-top:-20px; box-shadow:0 0 20px rgba(0,0,0, 0.14); -webkit-box-shadow:0 0 20px rgba(0,0,0, 0.14); }

    .pricing-table.border.active { box-shadow:none; }

    .pricing-table.active h3 { padding:35px 15px; }
}

.pricing-table header { text-align: center; padding:0 15px; margin-bottom:30px; position: relative; }

.pricing-table.flat header { text-align: left; padding:20px; margin-bottom:0; position: relative; background-color: #f5f5f5; }

.pricing-table.pricing-top header { position: absolute; top:-62px; left:50%; margin-left:-62px; padding:0; }

.pricing-table header .pricing-icon { position: absolute; z-index:0; right:60%; top:-100px; font-size:12em; color:#f5f5f5; transform:rotate(-35deg); -webkit-transform:rotate(-35deg); -ms-transform:rotate(-35deg); }

.pricing-table.border header { margin:15px 0 25px; }

.pricing-table.border .price,
.pricing-table.border h3 { position: relative; z-index: 1; }

.pricing-table .price { display:inline-block; width:124px; height:124px; border-radius:500px; font-style:italic; font-weight: 600; font-size:14px; line-height: 20px; color:#303030; box-shadow:0 3px 8px rgba(0,0,0, 0.12); -webkit-box-shadow:0 3px 8px rgba(0,0,0, 0.12); }

.pricing-table.border .price { width:auto; height:auto; box-shadow:none; -webkit-box-shadow:none; border-radius: 0; }

.pricing-table.flat .price { width:auto; height:auto; box-shadow:none; -webkit-box-shadow:none; border-radius: 0; color:#4a4a4a; }

.pricing-table.pricing-top .price { background-color: #fff; }

.pricing-table .price span { display:block; margin-top:39px; font:700 32px/32px 'Open Sans', sans-serif; }

.pricing-table.border .price span { margin-top:0; font-size:42px; margin-bottom:10px; }

.pricing-table.flat .price span { margin:10px 0 0; font-size:42px; display: inline-block; vertical-align: baseline; margin-right: 2px; }

.pricing-table .pricing-list { list-style: none; text-align: center; font:14px/22px 'Noto Sans', sans-serif; border-top:1px dashed #eaeaea; margin-bottom:0; }

.pricing-table.border .pricing-list { border-top:none; line-height: 20px; }

.pricing-table.flat .pricing-list { border-top:none; line-height: 20px; text-align: left; border-top:2px solid #eaeaea; border-bottom:2px solid #eaeaea; padding:10px 0; }

.pricing-desc { padding:15px 20px; margin:0; }

.pricing-table .pricing-list li { padding:8px 15px; border-bottom:1px dashed #eaeaea; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }

.pricing-table.flat .pricing-list li  { padding:8px 20px; }

.pricing-table .pricing-list li i { margin-right:8px; }

.pricing-table.flat .pricing-list li i { margin-right:12px; }

.pricing-table.border .pricing-list li,
.pricing-table.flat .pricing-list li { border-bottom:none; }

.pricing-table .pricing-list li:nth-child(2n+1) { background-color: rgba(0,0,0, 0.018); }

.pricing-table .pricing-list li:hover { background-color: rgba(0,0,0, 0.042); }

.pricing-table.border h3,
.pricing-table.border .pricing-list li:nth-child(2n+1),
.pricing-table.border .pricing-list li:hover,
.pricing-table.flat .pricing-list li:nth-child(2n+1),
.pricing-table.flat .pricing-list li:hover { background-color: transparent !important; } 

.pricing-action { text-align: center; padding:20px 15px; }

.pricing-table.border .pricing-action { padding-top:20px; padding-bottom: 15px; }

.pricing-table.flat .pricing-action { text-align: left; padding:15px 20px; }

.pricing-action .btn { padding:6px  20px; font-size:14px; text-transform: capitalize; }

.pricing-table .price.custom { color:#fff; }

.pricing-table .price.custom2 { color:#fff; }

.pricing-table .price.dark { background-color: #2e2e2e; color:#f1f1f1; }

.pricing-table .price.gray { background-color: #eaeaea; }

/* Color Variants */
/* Custom */
.pricing-table.custom { color:#fff; }

.pricing-table.custom h3 { background-color: rgba(0,0,0, 0.09); color:#fff; }

.pricing-table.custom .price { color:#fff; }

.pricing-table.custom .pricing-list li:nth-child(2n+1) { background-color: rgba(0,0,0, 0.09); }

.pricing-table.custom .pricing-list li:hover { background-color: rgba(0,0,0, 0.18); }

.pricing-table.flat.custom { color:#fff; }

/* Dark */
.pricing-table.dark { background-color: #2e2e2e; color:#bebebe; }

.pricing-table.dark h3 { background-color: rgba(0,0,0, 0.09); color:#bebebe; }

.pricing-table.dark .price { color:#bebebe; box-shadow:0 3px 8px rgba(0,0,0, 0.28); -webkit-box-shadow:0 3px 8px rgba(0,0,0, 0.28); }

.pricing-table.dark .pricing-list { border-top-color: #111; }

.pricing-table.dark .pricing-list li { border-bottom-color: #111; }

.pricing-table.dark .pricing-list li:nth-child(2n+1) { background-color: rgba(0,0,0, 0.09); }

.pricing-table.dark .pricing-list li:hover { background-color: rgba(0,0,0, 0.18); }

.pricing-table.flat.dark { border-color: #111; color:#9a9a9a; }

.pricing-table.flat.dark header { background:#111; }

.pricing-table.flat.dark .pricing-list { border-color: #111; }

.pricing-table.dark.pricing-top .price { background-color: #111; }

/* Custom 2 */
.pricing-table.custom2 { color:#fff; }

.pricing-table.custom2 h3 { background-color: rgba(0,0,0, 0.09); color:#fff; }

.pricing-table.custom2 .price { color:#fff; }

.pricing-table.custom2 .pricing-list li:nth-child(2n+1) { background-color: rgba(0,0,0, 0.09); }

.pricing-table.custom2 .pricing-list li:hover { background-color: rgba(0,0,0, 0.18); }

.pricing-table.flat.custom2 { color:#fff; }

/* Dark */
.pricing-table.gray { background-color: #eaeaea; color:#8a8a8a; }

.pricing-table.gray h3 { background-color: rgba(0,0,0, 0.09); color:#8a8a8a; }

.pricing-table.gray .price { color:#8a8a8a; }

.pricing-table.gray .pricing-list { border-top-color: #d7d7d7; }

.pricing-table.gray .pricing-list li { border-bottom-color: #d7d7d7; }

.pricing-table.gray .pricing-list li:nth-child(2n+1) { background-color: rgba(0,0,0, 0.09); }

.pricing-table.gray .pricing-list li:hover { background-color: rgba(0,0,0, 0.18); }

.pricing-table.border.gray { border-color: #eaeaea; color:#8a8a8a; }

.pricing-table.border.gray .price,
.pricing-table.border.gray h3 { color:#8a8a8a; }

.pricing-table.border.gray h3:after { background-color: #eaeaea; }

.pricing-table.flat.gray { border-color: #eaeaea; border-color:#e1e1e1; color:#505050; }

.pricing-table.flat.gray header { background:#eaeaea; }

.pricing-table.flat.gray .pricing-list { border-color: #e1e1e1; }

.pricing-table.gray.pricing-top .price { background-color: #e1e1e1; }
