﻿
.menud
{    
    
    width:auto;
    position:relative;
    z-index:4;
    height: 36px;
    /*background: #CB2430;
    border: 1px solid #CC0000;*/
    font-family:Arial;    
    font-weight:normal;
    list-style: none;
    margin:0px 0px 0px 230px;
    top:10px;
    clear:both;
}
.menud li
{
    padding: 0;
    float: left;
    height: 36px;
    position: relative;
    color:#fff;
    z-index:5;
}
.menud li:hover, .menud li.onhover
{
    /*border-top:1px solid #CC9999;*/
    
}

.menud a
{
    padding: 0 14px;
    line-height: 36px; 
    font-size: 15px;
    font-weight: normal;
    font-family:Arial;
    font-weight:bold;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: #666;
    position: relative;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.menud li:hover a, .menud li.onhover a
{
    /*background-color: #CB2430;*/
    background: rgb(196, 41, 21);
   color:#fff;
   z-index: 9;
}
.menud a.arrow
{
    background: url('../img/down-arrow.png') no-repeat right center;
    
}
 
        
       
.menud li.menuRight
{
    float: right;
    margin-right: 0px;
}
        

.menud li.separator
{
    display:none;
}
               
        

.menud .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    border: 1px solid #ddd;
   /* border-bottom:4px solid #CB2430;*/
    background: #FFF;            
    text-align: left;
    padding: 20px;  
     color:#CB2529;
     font-weight:bold;
    top:33px; 
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	background: #f9f9f9;
	  
}

.menud .drop a
{
   padding: 10px 10px;
    line-height: 39px;
     font-size:13px;
    font-family:Arial;
    font-weight:normal; 
        display: inline;
    text-align: left;
    color:#990000;
    position: static;
    z-index: 0;
    background-image:none;    
    background: #f9f9f9;
     font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.menud li:hover .drop, .menud li.onhover .drop
{
    left: -1px;
    background:white url(bg-right.png) no-repeat right bottom;
}
.menud li:hover .dropToLeft, .menud li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    background:white url(bg-left.png) no-repeat 0 bottom;
}
.menud li:hover .dropToLeft2, .menud li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}



.menud div.drop div div
{
    padding: 0px 10px;
    
}
.menud li:hover .drop a, .menud li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
    
}
.menud div.drop div a
{
    font-size:13px;
    font-family:Arial;
    font-weight:normal; 
    line-height: 24px;  
     color:#990000;
    background:none;
}
.menud div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:#990000;
}

.menud div.left {float:left;}

        

.decor4_1 
{
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0px 1px 4px #999;
    -webkit-box-shadow: 0px 1px 4px #999;
    box-shadow: 0px 1px 4px #999;*/
            
}

/*for submenu.
.decor4_2 
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 4px 10px #666;
    -webkit-box-shadow: 0 4px 10px #666;
    box-shadow: 0 4px 10px #666;  
}*/ 
.icon-combinations
{
    margin: 20px 0px 20px 20px; padding: 0px; border: none; outline: 0px !important; float: left; min-height: 30px; width: 220px; text-align: center; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; display: block; box-sizing: border-box; opacity: 1; position: relative; top: 0px; -webkit-transform: scale(1); transform: scale(1); color: rgb(79, 85, 89); font-family: Roboto, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); border-right:1px solid #eee;
}
.icon-combinations h3
{
    margin: 10px 0px 19px; padding: 0px; border: none; outline: 0px !important; font-family: Oswald, sans-serif; font-weight: 800; line-height: 20px; color: rgb(196, 41, 21); text-rendering: optimizelegibility; font-size: 18px; text-transform: uppercase; font-style: normal; font-variant: normal;
}
.icon-combinations p
{
    margin: 0px 0px 10px; padding: 0px 28px; border: none; outline: 0px !important;
}


#pricing-table {
    margin: 0px auto;
    text-align: center;
    
}

table .plan {
    font: 14px 'Open Sans',sans-serif;
    text-shadow: 0 1px rgba(255,255,255,.8);        
    background: #fff;      
    border: 1px solid #ddd;
    color: #333;
    padding: 20px;
    width: 250px;      
    float: left;
    position: relative;
}

#pricing-table #most-popular {
    z-index: 2;
    top: -13px;
    border-width: 3px;
    padding: 30px 20px;
    border-radius: 5px;
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}

#pricing-table #most-popular {
    z-index: 2;
    top: -13px;
    border-width: 3px;
    padding: 30px 20px;
    border-radius: 5px;
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}

#pricing-table .plan:nth-child(1) {
    border-radius: 5px 0 0 5px;        
}

#pricing-table .plan:nth-child(4) {
    border-radius: 0 5px 5px 0;        
}

/* --------------- */   

#pricing-table h3 {
    font-size: 25px;
    font-weight: normal;
    padding: 20px;
    margin: -20px -20px 50px -20px;
    color: #fff;
   /* background-color: #eee;
    background-image: linear-gradient(#fff, #eee);*/  
    
}

#pricing-table #most-popular h3 {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    margin-top: -30px;
    padding-top: 30px;
    border-radius: 5px 5px 0 0;         
}

#pricing-table .plan:nth-child(1) h3 {
    border-radius: 5px 0 0 0;       
}

#pricing-table .plan:nth-child(4) h3 {
    border-radius: 0 5px 0 0;       
}   

#pricing-table h3 span {
    display: block;
    font: bold 32px/100px 'Open Sans',sans-serif;
    color: rgb(196, 41, 21);
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    width: 100px;
    margin: 10px auto -65px;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */

#pricing-table ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

/* --------------- */
    
#pricing-table .signup {
    position: relative;
    padding: 8px 20px;
    margin: 20px 0 0 0;  
    color: #fff;
    font: bold 14px Arial, Helvetica;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;       
    background-color: #72ce3f;
    background-image: linear-gradient(#72ce3f, #62bc30);
    border-radius: 3px;     
    text-shadow: 0 1px 0 rgba(0,0,0,.3);        
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
}

#pricing-table .signup:hover {
    background-color: #62bc30;
    background-image: linear-gradient(#62bc30, #72ce3f); 
}

#pricing-table .signup:active, #pricing-table .signup:focus {
    background: #62bc30;       
    top: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}

/* --------------- */

.clear:before, .clear:after {
  content:"";
  display:table
}

.clear:after {
  clear:both
}

.clear {
  zoom:1
}
.c1
{ background: rgb(196, 41, 21);
    
}
.c2
{
    background:#98A148;
}
.c3
{
    background: rgb(196, 41, 21);
}
.c4
{
    background:#4D4D4D;
}

.table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
.table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
.table a:active,
.table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
.table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:16px;
	/*text-shadow: 1px 1px 0px #fff;*/
	background:#eaebec;
	margin:10px auto 10px auto;
	border:#ccc 1px solid;
width:97%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.table th {
	padding:13px 25px 14px 25px;
	border-top:1px solid #5FAC08;
	border-bottom:1px solid #5FAC08;
color: #fff;
	font-weight: bold;
	font-size:18px;
	background: #105FDA;
	background: -webkit-gradient(linear, left top, left bottom, from(#105FDA), to(#105FDA));
	background: -moz-linear-gradient(top,  #105FDA,  #105FDA);
}
.table th:first-child {
	text-align: left;
	padding-left:20px;
}
.table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.table tr {
	text-align: center;
	padding-left:20px;
}
.table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
.table td {
	padding:10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
font-size:16px;
line-height:22px;
color: #323232;
	text-align:center;
	background: #fff;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);*/
}
.table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.table tr:last-child td {
	border-bottom:0;
}
.table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}