/*
Template Name:Businessman
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/

/********************* pricing_main ****************/
#pricing_main{ 
 background-image: url(../img/81.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.pricing_inner{ 
 padding-top:120px;
 padding-bottom:120px;
 background-color: #000000ab;
}
.pricing_main_1{ 
 text-align:center;
}
.pricing_main_1 h1{ 
 color:#fff;
}
.pricing_main_1 h3{ 
 margin-top:0px;
 color:#fff;
}
.pricing_main_1 ul{ 
 padding-top:10px;
}
.pricing_main_1 li{ 
 display:inline;
 padding-right:5px;
 color: #fff;
}
.pricing_main_1 li a{ 
 color: #ef7141;
}
/********************* pricing_main_end ****************/
/********************* pricing ****************/
#pricing{ 
 padding-top: 30px;
 padding-bottom: 30px; 
 }
.pricing_2 h2{ 
 padding-bottom: 15px;
 padding-top:80px;
 }
.pricing_2 h5{ 
 color: #000;
 padding: 0px;
 margin: 0px;
 line-height: 20px; 
 }
.pricing_2 p{ 
 line-height:28px;
 color: #888585;
 }

#pricing .panel
{
    text-align: center;
}
#pricing .panel-footer {
 font-size: 16px;
 padding: 25px 15px;
}
#pricing .panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }
#pricing .the-price
{
    background-color: rgb(167, 22, 2);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
    color: #fff;
}
#pricing .the-price h1
{
    line-height: 1em;
    padding: 0;
    margin: 0;
	color:#fff;
    font-size: 50px;
}
#pricing .subscript
{
    font-size: 25px;
}
/* CSS-only ribbon styles    */
#pricing .cnrflash
{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
#pricing .cnrflash-inner
{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
#pricing .cnrflash-inner:before, .cnrflash-inner:after
{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
#pricing .cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
#pricing .cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
#pricing .cnrflash-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}
#pricing small{
 font-size: 115%;
}
#pricing .table>tbody>tr>td{
 font-size: 16px;
}
#pricing .table>tbody>tr.active>td{ 
   background-color: #267b6e;
   color: #fff;
 }
/********************* pricing_end ****************/




@media screen and (max-width : 767px){
.pricing_inner {
 padding-top: 50px;
 padding-bottom: 60px;
}
.pricing_2 h2 {
 padding-top: 0px;
}
#pricing {
 padding-bottom: 20px;
 text-align: center;
}
.pricing_2{ 
 padding-bottom:10px;
}
}

@media (min-width:470px) and (max-width:767px) {

}

@media (min-width:768px) and (max-width:991px) {
#pricing .the-price h1 {
 font-size: 15px;
}
#pricing .subscript {
 font-size:18px;
}
#pricing .table>tbody>tr>td {
 font-size: 10px;
}
.pricing_2 h2 {
 padding-bottom: 10px;
 padding-top: 0px;
}
}

@media (min-width:992px) and (max-width:1200px) {
#pricing .the-price h1 {
 font-size: 15px;
}
#pricing .subscript {
 font-size:18px;
}
#pricing .table>tbody>tr>td {
 font-size: 15px;
}
.pricing_2 h2 {
 padding-bottom: 10px;
 padding-top: 0px;
}
}

@media (min-width:1201px) and (max-width:1325px) {
#pricing .the-price h1 {
 font-size: 53px;
}
}