body{background: #000!important; margin: 0px; padding: 100px 0 50px 0;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.navbar-header{background: #000!important; margin: 0px; padding: 0px;}
.navbar-brand{height: inherit!important; display: inline-block!important; font-family: 'Riffic Free'!important; font-size: 30px!important; color: #fff!important;}
.navbar-brand img{height: 50px!important; display: inline-block!important;}
.navbar-default{background: inherit!important;; border: 0px!important;}
.main-container{margin:0px; padding: 0px;}
.main-container h1{float: left; width: 100%; margin:0px; padding: 0px; font-family: 'Rubik'; font-size: 22px; font-weight: 300; color: #fff;}

.dark-gray-column{float: left; width: 100%; margin:0px; padding: 0px;}
.light-gray-column{float: left; width: 100%; margin:0px; padding: 0px;border-color: #ffffff;}

.dark-gray-column.account-details-column{float: left; width: 100%; padding: 10px; border-radius: 2px;}
.dark-gray-column.account-details-column h1{float: left; width: 100%; margin:5px 0 0 0; padding: 0px; font-family: 'Rubik'; font-size: 24px; font-weight: 500; color: #fff;}
.dark-gray-column.account-details-column h2{float: left; width: 100%; margin:0px; padding: 0px; font-family: 'Rubik'; font-size: 20px; font-weight: 300; color: #08abf8;}
.main-container p.conditons{float: left; width: 100%; margin:0px; padding: 0px; font-family: 'Rubik'; font-size: 13px; font-weight: 300; color: #b7b7b7;}
.main-container p.conditons span{font-size: 18px;}
.main-container p.conditons a{margin:0px; padding: 0px; text-decoration: underline; font-family: 'Rubik'; font-size: 13px; font-weight: 300; color: #b7b7b7;}


.dark-gray-column.choose-subscription-column{float: left; width: 100%; margin: 10px 0; padding: 20px; border-radius:5px;height: 230px;}
.dark-gray-column.choose-subscription-column h1{float: left; width: 100%; margin:5px 0 0 0; padding: 0px; font-family: 'Riffic Free'; font-size: 30px; color: #ffdd00; letter-spacing: 1px;}
.dark-gray-column.choose-subscription-column p{float: left; width: 100%; margin:10px 0 20px 0; padding: 0px; font-family: 'Rubik'; font-size: 14px; font-weight: 300; color: #fff;}
.main-container p.conditons{float: left; width: 100%; margin:0px; padding: 0px; font-family: 'Rubik'; font-size: 13px; font-weight: 300; color: #b7b7b7;}
.main-container p.conditons span{font-size: 18px;}

.light-gray-column.subscription-option-column{float: left; width: 100%; margin: 10px 0; padding: 9px; border-radius:5px; text-align: center;}
.light-gray-column.subscription-option-column h4{float: left; width: 100%; margin: 0px; padding: 0px; font-family: 'Rubik'; color: #12aaf6; font-size: 14px; font-weight: 300;}
.light-gray-column.subscription-option-column h5{float: left; display: inline-block; margin:10px 0 0 0; padding: 0px; font-family: 'Rubik'; color: #12aaf6; font-size: 18px; font-weight: 500;margin-left: calc(100% * (1/2) - 25px);}
.light-gray-column.subscription-option-column h6{float: left; display: inline-block; margin:10px 0 0 5px; padding: 0px; font-family: 'Rubik'; color: #fff; font-size: 15px; font-weight: 300;}
.light-gray-column.subscription-option-column a{float: right; display: inline-block; margin:10px 0 0 0; padding: 0px; font-family: 'Rubik'; color: #f80464; font-size: 14px; font-weight: 300;}

.subscription-optionLink-column{float: left; width: 100%; margin:10px 0 0 0; padding: 0px;}
.subscription-optionLink-column ul{float: left; width: 100%; margin:0; padding: 0px;}
.subscription-optionLink-column ul li{float: left; width: 100%; margin:0; padding: 10px 0px; border-bottom: 1px solid #363636; list-style-type: none;}
.subscription-optionLink-column ul li a{float: left; width: 100%; display: inline-block; margin:0px; padding: 0px; font-family: 'Rubik'; color: #ffffff; font-size: 16px; font-weight: 300;}
.subscription-optionLink-column ul li:last-child{border-bottom: 0px;}

.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}
.borderTopNone{border-top:0px!important;}
.borderRightNone{border-right:0px!important;}
.borderBottomNone{border-bottom:0px!important;}
.borderLeftNone{border-left:0px!important;}
 .noWidth{width:inherit!important;}
.noHeight{height:inherit!important;}
.noliheight{line-height:0px!important;}
.noBorder{border:0px!important;}
.borderBottom{border-bottom:1px solid #eef1f5;}
.borderImg{border:1px solid #DDD;padding:5px;}
.noAll-padding{padding:0px!important;}
.noTop-padding{padding-top:0px!important;}
.noRight-padding{padding-right:0px!important;}
.noBottom-padding{padding-bottom:0px!important;}
.noLeft-padding{padding-left:0px!important;}
.paddingAll-xs{padding:5px!important;}
.paddingAll-sm{padding:10px!important;}
.paddingAll-md{padding:15px!important;}
.paddingAll-lg{padding:20px!important;}
.paddingTopBottom-no{padding-top:0px!important;padding-bottom:0px!important;}
.paddingTopBottom-xs{padding-top:5px!important;padding-bottom:5px!important;}
.paddingTopBottom-sm{padding-top:10px!important;padding-bottom:10px!important;}
.paddingTopBottom-md{padding-top:15px!important;padding-bottom:15px!important;}
.paddingTopBottom-lg{padding-top:20px!important;padding-bottom:20px!important;}
.paddingRightLeft-no{padding-right:0px!important;padding-left:0px!important;}
.paddingRightLeft-xs{padding-right:5px!important;padding-left:5px!important;}
.paddingRightLeft-sm{padding-right:10px!important;padding-left:10px!important;}
.paddingRightLeft-md{padding-right:15px!important;padding-left:15px!important;}
.paddingRightLeft-lg{padding-right:20px!important;padding-left:20px!important;}
.paddingTop-xs{padding-top:5px!important;}
.paddingRight-xs{padding-right:5px!important;}
.paddingBottom-xs{padding-bottom:5px!important;}
.paddingLeft-xs{padding-left:5px!important;}
.paddingTop-sm{padding-top:10px!important;}
.paddingRight-sm{padding-right:10px!important;}
.paddingBottom-sm{padding-bottom:10px!important;}
.paddingLeft-sm{padding-left:10px!important;}
.paddingTop-md{padding-top:15px!important;}
.paddingRight-md{padding-right:15px!important;}
.paddingBottom-md{padding-bottom:15px!important;}
.paddingLeft-md{padding-left:15px!important;}
.paddingTop-lg{padding-top:20px!important;}
.paddingRight-lg{padding-right:20px!important;}
.paddingBottom-lg{padding-bottom:20px!important;}
.paddingLeft-lg{padding-left:20px!important;}
.noAll-margin{margin:0px!important;}
.noTop-margin{margin-top:0px!important;}
.noRight-margin{margin-right:0px!important;}
.noBottom-margin{margin-bottom:0px!important;}
.noLeft-margin{margin-left:0px!important;}
.marginAll-xs{margin:5px!important;}
.marginAll-sm{margin:10px!important;}
.marginAll-md{margin:15px!important;}
.marginAll-lg{margin:20px!important;}
.marginTopBottom-xs{margin-top:5px!important;margin-bottom:5px!important;}
.marginTopBottom-sm{margin-top:10px!important;margin-bottom:10px!important;}
.marginTopBottom-md{margin-top:15px!important;margin-bottom:15px!important;}
.marginTopBottom-lg{margin-top:20px!important;margin-bottom:20px!important;}
.marginRightLeft-xs{margin-right:5px!important;margin-left:5px!important;}
.marginRightLeft-sm{margin-right:10px!important;margin-left:10px!important;}
.marginRightLeft-md{margin-right:15px!important;margin-left:15px!important;}
.marginRightLeft-lg{margin-right:20px!important;margin-left:20px!important;}
.marginTop-xs{margin-top:5px!important;}
.marginRight-xs{margin-right:5px!important;}
.marginBottom-xs{margin-bottom:5px!important;}
.marginLeft-xs{margin-left:5px!important;}
.marginTop-sm{margin-top:10px!important;}
.marginRight-sm{margin-right:10px!important;}
.marginBottom-sm{margin-bottom:10px!important;}
.marginLeft-sm{margin-left:10px!important;}
.marginTop-md{margin-top:15px!important;}
.marginRight-md{margin-right:15px!important;}
.marginBottom-md{margin-bottom:15px!important;}
.marginLeft-md{margin-left:15px!important;}
.marginTop-lg{margin-top:20px!important;}
.marginRight-lg{margin-right:20px!important;}
.marginBottom-lg{margin-bottom:20px!important;}
.marginLeft-lg{margin-left:20px!important;}
.marginTop-xl{margin-top:20px!important;}
.marginRight-xl{margin-right:30px!important;}
.marginBottom-xl{margin-bottom:30px!important;}
.marginLeft-xl{margin-left:30px!important;}
.marginTop-xxl{margin-top:40px!important;}
.marginRight-xxl{margin-right:40px!important;}
.marginBottom-xxl{margin-bottom:40px!important;}
.marginLeft-xxl{margin-left:40px!important;}