.navbar-inverse{border-radius:0px;}
.menu-logo{margin:10px 0px 0px 10px;}
body{margin-top:50px;}
.orange{background-color:#F27500;color:white;}
.light-grey, .grey{background-color:#CCCCCC;}
.dark-grey{background-color:#333333;color:white;}
.white{background-color:#FFFFFF;}
.large-pad{padding:0px;}
.pad{padding:20px 0px;}
.left-pad{padding-left: 30px;}
.bottom-pad{padding-bottom: 30px;}
.cta{padding-bottom:30px;}
@media screen and (min-width: 768px) {
  .large-pad{padding:50px 0px;}
  .pad{padding:30px 0px;}
}
@media screen and (min-width: 1200px) {
  h1, h2{padding-bottom:20px;}
  .cta{padding-top:30px;padding-bottom:0px;}
}
.dark{background-color:rgba(0,0,0,0.1);padding-top:15px;padding-bottom:15px;}
.light{padding-top:15px;padding-bottom:15px;}

.interact{padding:0px;display:inline-block;}
.interact-txt, .interact-txt:hover, .interact-txt:focus, .interact-txt:active {color:white;margin-top:15px;display:block;text-decoration: none;font-size:8px;}
@media screen and (min-width: 768px) {
	.interact{padding:30px;background-color:rgba(0,0,0,0.2);border-radius:30px;display:inline-block;}
	.interact:hover{background-color:rgba(0,0,0,0);}
	.interact-txt, .interact-txt:hover, .interact-txt:focus, .interact-txt:active {font-weight:bold;color:white;margin-top:15px;display:block;text-decoration: none;font-size:12px;}
}
.twitter{color:#00aced;}
.facebook{color:#3b5998;}
.googleplus{color:#dd4b39;}
.linkedin{color:#007bb6;}
.youtube{color:#bb0000;}
.email{color:#333333;}
.icon{color:white;}

.foot-nav{padding:40px 0px 0px 0px;margin:0px;}
.foot-nav li{display: inline;list-style-type: none;padding:0px 15px;margin:0px;}
.foot-nav li a, .foot-nav li a:hover, .foot-nav li a:focus, .foot-nav li a:active{font-weight:bold;color:white;}
.foot-link, .foot-link:hover, .foot-link:focus, .foot-link:active {color:white;}
@media screen and (max-width: 768px) {
	.text-center-xs{text-align:center;}
	h1{font-size:22px;}
	h2{font-size:20px;}
}




/* Use a wide full screen for small screens like tablets. */
@media (min-width: 768px) and (max-width:992px) {
    .container {
		width: initial;
        padding-left: 2em;
        padding-right: 2em;        
	}
}

/* --- Plans ---------------------------- */

.my_planHeader {
    text-align: center;
    color: white;
    padding-top:0.2em;
    padding-bottom:0.2em;
}
.plan_no{height:50px;
border-top-right-radius:10px;
border-top-left-radius:10px; }
.plan_title{height:100px;}
.plan_sub{height:50px;}
.my_planTitle {
    font-size:2em;
    font-weight: bold;
}
.my_planPrice {
    font-size:1.4em;
    font-weight: bold; 
    margin-top: 0.5em;   
}
.my_planDuration, comp-btn {
    margin-top: 0.6em;
}
@media (max-width: 1200px) {
    .my_planTitle {font-size:1.7em;}    
}
@media (max-width: 768px) {
    .my_planTitle{font-size:1.5em;}    
}
@media (max-width: 560px) {
    .my_planTitle{font-size:1em;} 
	.plan_sub{height:60px;}   
}
.plan-btn{padding:15px 0px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px; }

/* --- Features ------------------------- */

.my_feature {
    line-height:40px;
	background-color: #cccccc;
	color: #333333;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}

@media (max-width: 768px) {
    .my_feature {
        text-align: center
    }
 }

.my_featureRow {
    margin-top: 1px;
    margin-bottom: 1px;
}    

/* --- Plan 1 --------------------------- */
.my_plan1 {
    background: #DDDDDD;
}

.my_planHeader.my_plan1 a {
    background: rgb(72, 109, 139);
    color:white;
}

.my_planHeader.my_plan1 {
    background: rgb(50, 50, 50);
}

/* --- Plan 2 --------------------------- */
.my_plan2 {
    background: #CCCCCC;
}

.my_planHeader.my_plan2 a {
    background: rgb(108, 131, 62);
    color:white;
}

.my_planHeader.my_plan2 {
    background: rgb(0, 0, 0);
}

/* --- Plan 3 --------------------------- */
.my_plan3 {
    background: #DDDDDD;
}

.my_planHeader.my_plan3 a {
    background: rgb(199, 127, 40);
    color:white;
}

.my_planHeader.my_plan3 {
    background: rgb(50, 50, 50);
}




.my_planFeature {
    text-align: center;
    font-size: 2em;
}

.my_planFeature i.my_check {
    color: green;
}