/*------------------------------------------------------------------
Common Stylesheet

Project:   Theme Title
Build:     Bootstrap 3 +
Author:    ThemeBadge
Author URL: http://www.themebadge.com

-------------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Preloader Coding Start
-----------------------------------------------------------------*/

body.preload-site {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#preloader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999999;
}

.preloader-spinner {
    background: url("assets/img/preloader.gif")no-repeat scroll center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    display: block;
    width: 64px;
    height: 64px;
}


/* ----------------------------------------------------------------
	Preloader Coding end
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	typography
-----------------------------------------------------------------*/

body {
    font-family: 'Calibri,Candara,Arial,sans-serif;
    line-height: 1.5;
    color: #323232;
    font-size: 15px;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

select::-ms-expand {
    display: none;
}

a:active,
a:focus {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
}

a {
    text-decoration: none !important;
}

a:hover,
a:focus {
    color: #323232;
}

a:hover,
.btn,
.btn:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a img,
iframe {
    border: none !important;
}

p {
  /*  margin: 0; */
    line-height: 22px;
    color: #7e7e7e;
}

p,
li {
    font-family: 'Calibri,Candara,Arial,sans-serif;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #eee;
}

pre {
    display: block;
    padding: 10px;
    margin: 0 0 30px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f9f9f9;
    border: 1px solid #EDEDED;
    border-radius: 0;
}



html,
body {
    width: 100%;
    height: 100%;
}
ul li {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.red_area_inner span{
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

/*********red version css***********/

.red_area_inner {
    margin-top: 50px;
}

.red_area {
    background: url("assets/img/main_bg.png") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.standard.match_section {
    float: left;
    width: 20%;
    text-align: center;
    padding: 20px 0;
	background: #1782ce;
	z-index: 0;
}

.space.match_section {
    float: left;
    padding: 15px 20px;
    width: 60%;
}

.fixed_ultimate_color {
    background: #ffffff !important;
}

.buy_now.match_section {
    float: left;
    width: 20%;
}

.space.match_section ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.space.match_section ul li {
    display: inline-block;
    width: 32.33%;
    text-align: left;
}

.buy_now_top h1 {
    font-size: 27px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    padding-top: 8px;
}

.buy_now_bottom h2 {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
}

.buy_now_bottom h2 a {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 1.7;
    text-transform: uppercase;
}

.buy_now_top {
    padding-left: 80px;
    height: 60%;
    position: relative;
}

.per_month {
    left: -10px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 55px;
}

.per_month p {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    margin-top: 10px;
}

.buy_now_bottom {
    padding-left: 80px;
    height: 40%;
    padding-top: 6px;
    position: relative;
    cursor: pointer;
}

.red_area_inner:hover ul li {
    color: #fff!important;
}

.buy {
    height: 100%;
    left: 0;
    line-height: 37px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
}

.space_up li {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 1.5;
}

.space_down li {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 1.5;
}

.space_up span {
    margin-right: 0px;
}

.space_down span {
    margin-right: 0px;
}

.space_up {
    margin-bottom: 8px;
    padding-bottom: 10px;
}

.fixed_ultimate_color .space_up li,
.fixed_ultimate_color .space_down li,
.fixed_ultimate_color .space_up li i,
.fixed_ultimate_color .space_down li i {
    color: #fff;
}


.red_color .space {
    position: relative;
    background: #fff;
}

.red_color .space::before {
    background: #dadada none repeat scroll 0 0;
    content: "";
    height: 70px;
    left: 31%;
    position: absolute;
    top: 15px;
    width: 1px;
}

.red_color .space::after {
    background: #dadada none repeat scroll 0 0;
    content: "";
    height: 70px;
    right: 38%;
    position: absolute;
    top: 15px;
    width: 1px;
}

.red_color .space {
    border-left: 1px solid #dadada;
}

.standard.match_section h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 7px;
}

.match_section {
    position: relative;
}


/*******************color css***********/

.red_color {
    border: 1px solid #e74c3c;
    position: relative;
}

.red_color:before,
.red_color:after {
    display: table;
    clear: both;
    content: "";
}

.red_color .space {
    position: relative;
    background: #fff;
    z-index: 0;
}

.space_up {
    position: relative;
}

.space_up::before {
    background: #dadada none repeat scroll 0 0;
    content: "";
    height: 70px;
    left: 28%;
    position: absolute;
    top: 0;
    width: 1px;
}

.red_color .space::after {
    background: #dadada none repeat scroll 0 0;
    content: "";
    height: 70px;
    right: 38%;
    position: absolute;
    top: 15px;
    width: 1px;
}

.red_color .space_up {
    border-bottom: 1px solid #dadada;
}

.red_color .buy {
    background: #141414 none repeat scroll 0 0;
}

.red_color .buy_now_bottom {
    background: #484848;
}

.red_color .buy_now_top {
    background: #e74c3c;
}


/*.space.match_section.background_red {
    background: #e74c3c;
}

.standard.match_section.background_red {
    background: #e74c3c;
}*/


/**********************standard bar one****************/

.gray_sta_icon span {
    background: #dadada none repeat scroll 0 0;
    display: block;
    height: 5px;
    margin: 0 auto 2px;
    text-align: center;
    width: 25px;
    border-radius: 2px;
    position: relative;
}

.gray_sta_icon span::before {
    background: #f3f3f3 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 2px;
    position: absolute;
    top: 1px;
    width: 3px;
}

.gray_sta_icon.blue_two span {
    background: #8297ab;
}

.gray_sta_icon.blue_two span:before {
    background: #4c6176;
}

.gray_sta_icon.blue_two span:last-child {
    background: #fff;
}

.gray_sta_icon.blue_three span {
    background: #34495e;
}

.gray_sta_icon.blue_three span:before {
    background: #e4e5e7;
}

.gray_sta_icon.blue_three span:first-child {
    background: #dadada;
}

.gray_sta_icon.blue_four span {
    background: #34495e;
}

.gray_sta_icon.blue_four span:before {
    background: #e4e5e7;
}

.red_area_inner:hover .sta_hover span {
    background: #8297ab;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.red_area_inner:hover .sta_hover span:before {
    background: #4c6176;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.gray_sta_icon.green_two span {
    background: #96eebb;
}

.gray_sta_icon.green_two span:before {
    background: #37cf78;
}

.gray_sta_icon.green_two span:last-child {
    background: #fff;
}

.gray_sta_icon.green_three span {
    background: #2ecc71;
}

.gray_sta_icon.green_three span:before {
    background: #f3f3f3;
}

.gray_sta_icon.green_three span:first-child {
    background: #dadada;
}

.gray_sta_icon.green_four span {
    background: #2ecc71;
}

.gray_sta_icon.green_four span:before {
    background: #f3f3f3;
}

.red_area_inner:hover .stand_green_hover span {
    background: #96eebb;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.red_area_inner:hover .stand_green_hover span:before {
    background: #4ed788;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.gray_sta_icon.purple_two span {
    background: #d499ec;
}

.gray_sta_icon.purple_two span:before {
    background: #9b59b6;
}

.gray_sta_icon.purple_two span:last-child {
    background: #fff;
}

.gray_sta_icon.purple_three span {
    background: #9b59b6;
}

.gray_sta_icon.purple_three span:before {
    background: #ededed;
}

.gray_sta_icon.purple_three span:first-child {
    background: #dadada;
}

.gray_sta_icon.purple_four span {
    background: #9b59b6;
}

.gray_sta_icon.purple_four span:before {
    background: #ede7ef;
}

.red_area_inner:hover .stand_purple_hover span {
    background: #d499ec;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.red_area_inner:hover .stand_purple_hover span:before {
    background: #9b59b6;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}



.gray_sta_icon.unlimite_two span {
    background: #96C5f4;
}

.gray_sta_icon.unlimite_two span:before {
    background: #6DA6F1;
}

.gray_sta_icon.unlimite_two span:last-child {
    background: #fff;
}

.gray_sta_icon.unlimite_three span {
    background: #67A7F1;
}

.gray_sta_icon.unlimite_three span:before {
    background: #ededed;
}

.gray_sta_icon.unlimite_three span:first-child {
    background: #D9D9D9;
}

.gray_sta_icon.unlimite_four span {
    background: #d9d9d9;
}

.gray_sta_icon.unlimite_four span:before {
    background: #ede7ef;
}

.red_area_inner:hover .stand_unlimite_hover span {
    background: #6DA6F1;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.red_area_inner:hover .stand_unlimite_hover span:before {
    background: #1782ce;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}


.gray_sta_icon.red_stand_two span {
    background: #ed9e96;
}

.gray_sta_icon.red_stand_two span:before {
    background: #e96558;
}

.gray_sta_icon.red_stand_two span:last-child {
    background: #fff;
}

.gray_sta_icon.red_stand_three span {
    background: #e74c3c;
}

.gray_sta_icon.red_stand_three span:before {
    background: #f3f3f3;
}

.gray_sta_icon.red_stand_three span:first-child {
    background: #D9D9D9;
}

.gray_sta_icon.red_stand_four span {
    background: #e74c3c;
}

.gray_sta_icon.red_stand_four span:before {
    background: #f4e6e4;
}

.red_area_inner:hover .stand_red_hover span {
    background: #ed9e96;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.red_area_inner:hover .stand_red_hover span:before {
    background: #e74c3c;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.gray_sta_icon.gray_stand_two span {
    background: #c1cdce;
}

.gray_sta_icon.gray_stand_two span:before {
    background: #99a9aa;
}

.gray_sta_icon.gray_stand_two span:last-child {
    background: #fff;
}

.gray_sta_icon.gray_stand_three span {
    background: #95a5a6;
}

.gray_sta_icon.gray_stand_three span:before {
    background: #f3f3f3;
}

.gray_sta_icon.gray_stand_three span:first-child {
    background: #D9D9D9;
}

.gray_sta_icon.gray_stand_four span {
    background: #95a5a6;
}

.gray_sta_icon.gray_stand_four span:before {
    background: #eceeee;
}

.red_area_inner:hover .stand_gray_hover span {
    background: #c1cdce;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.red_area_inner:hover .stand_gray_hover span:before {
    background: #a3b1b2;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.red_area_inner.ultimate:hover .stand_gray_hover span,
.red_area_inner.ultimate:hover .stand_green_hover span,
.red_area_inner.ultimate:hover .stand_unlimite_hover span,
.red_area_inner.ultimate:hover .stand_red_hover span,
.red_area_inner.ultimate:hover .stand_purple_hover span,
.red_area_inner.ultimate:hover .sta_hover span{
  background-color: #fff;
}

.red_area_inner.professional:hover .stand_gray_hover span:nth-last-child(-n+2),
.red_area_inner.professional:hover .stand_green_hover span:nth-last-child(-n+2),
.red_area_inner.professional:hover .stand_unlimite_hover span:nth-last-child(-n+2),
.red_area_inner.professional:hover .stand_red_hover span:nth-last-child(-n+2),
.red_area_inner.professional:hover .stand_purple_hover span:nth-last-child(-n+2),
.red_area_inner.professional:hover .sta_hover span:nth-last-child(-n+2){
  background-color: #fff;
}

/***************************Hover effect******************/

.space.match_section:before,
.standard.match_section:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background: #e74c3c;
    -webkit-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.space.match_section>div,
.standard.match_section>* {
    position: relative;
    z-index: 1;
}

.red_area_inner:hover .space.match_section:before,
.red_area_inner:hover .standard.match_section:before {
    width: 100%;
}


/****************************second color one**************/

.fixed_blue_color {
    background: #34495e!important;
}

.fixed_blue_color h3,
.fixed_blue_color ul li,
.fixed_blue_color ul li i {
    color: #fff!important;
}


/****************************second color two**************/

.fixed_index_color {
    background: #e74c3c!important;
}

.fixed_index_color h3,
.fixed_index_color ul li,
.fixed_index_color ul li i {
    color: #fff!important;
}


/****************************second color three**************/

.fixed_green_color {
    background: #2ecc71!important;
}

.fixed_green_color h3,
.fixed_green_color ul li,
.fixed_green_color ul li i {
    color: #fff!important;
}


/****************************second color four**************/

.fixed_purple_color {
    background: #9b59b6!important;
}

.fixed_purple_color h3,
.fixed_purple_color ul li,
.fixed_purple_color ul li i {
    color: #fff!important;
}


/****************************second color five**************/

.fixed_unlimited_color {
    background: #1782ce!important;
}

.fixed_unlimited_color h3,
.fixed_unlimited_color ul li,
.fixed_unlimited_color ul li i {
    color: #fff!important;
}


/***************************gray Hover effect******************/

.space.match_section.gray_hover:before,
.standard.match_section.gray_hover:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background: #95a5a6 none repeat scroll 0 0;
    -webkit-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.fixed_gray_color {
    background: #95a5a6 none repeat scroll 0 0!important;
}

.fixed_gray_color h3,
.fixed_gray_color ul li,
.fixed_gray_color ul li i {
    color: #fff!important;
}

.space.match_section.gray_hover>div,
.standard.match_section.gray_hover>* {
    position: relative;
    z-index: 1;
}

.space.match_section.gray_hover:hover ul li,
.standard.match_section.gray_hover:hover h3 {
    color: #fff;
    -webkit-transition: width 2.8s ease;
    -o-transition: width 2.8s ease;
    transition: width 2.8s ease;
}

.red_area_inner:hover .space.match_section.gray_hover:before,
.red_area_inner:hover .standard.match_section.gray_hover:before {
    width: 100%;
}

.red_area_inner:hover .standard h3 {
    color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.standard h3 {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


/***************************blue Hover effect******************/

.space.match_section.blue_hover:before,
.standard.match_section.blue_hover:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background: #34495e none repeat scroll 0 0;
    -webkit-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.space.match_section.blue_hover>div,
.standard.match_section.blue_hover>* {
    position: relative;
    z-index: 1;
}

.space.match_section.blue_hover:hover ul li,
.standard.match_section.blue_hover:hover h3 {
    color: #fff;
    -webkit-transition: width 2.8s ease;
    -o-transition: width 2.8s ease;
    transition: width 2.8s ease;
}

.red_area_inner:hover .space.match_section.blue_hover:before,
.red_area_inner:hover .standard.match_section.blue_hover:before {
    width: 100%;
}


/***************************green Hover effect******************/

.space.match_section.green_hover:before,
.standard.match_section.green_hover:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background: #2ecc71 none repeat scroll 0 0;
    -webkit-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.space.match_section.green_hover>div,
.standard.match_section.green_hover>* {
    position: relative;
    z-index: 1;
}

.space.match_section.green_hover:hover ul li,
.standard.match_section.green_hover:hover h3 {
    color: #fff;
    -webkit-transition: width 2.8s ease;
    -o-transition: width 2.8s ease;
    transition: width 2.8s ease;
}

.space.match_section:hover ul li {
    color: #fff;
    -webkit-transition: width 2.8s ease;
    -o-transition: width 2.8s ease;
    transition: width 2.8s ease;
}

.space.match_section.background_red:hover ul li {
    color: #fff;
    -webkit-transition: width 2.8s ease;
    -o-transition: width 2.8s ease;
    transition: width 2.8s ease;
}

.red_area_inner:hover .space.match_section.green_hover:before,
.red_area_inner:hover .standard.match_section.green_hover:before {
    width: 100%;
}


/***************************purple Hover effect******************/

.space.match_section.purple_hover:before,
.standard.match_section.purple_hover:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background: #9b59b6 none repeat scroll 0 0;
    -webkit-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.space.match_section.purple_hover>div,
.standard.match_section.purple_hover>* {
    position: relative;
    z-index: 1;
}

.space.match_section.purple_hover:hover ul li,
.standard.match_section.purple_hover:hover h3 {
    color: #fff;
    -webkit-transition: width 2.8s ease;
    -o-transition: width 2.8s ease;
    transition: width 2.8s ease;
}

.red_area_inner:hover .space.match_section.purple_hover:before,
.red_area_inner:hover .standard.match_section.purple_hover:before {
    width: 100%;
}


/***************************ultimate Hover effect******************/

.space.match_section:before,
.standard.match_section:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background: #1782ce none repeat scroll 0 0;
	border-bottom: 1px solid #fff;
    -webkit-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.space.match_section.ultimate_hover>div,
.standard.match_section.ultimate_hover>* {
    position: relative;
    z-index: 1;
}

.space.match_section.ultimate_hover:hover ul li,
.standard.match_section.ultimate_hover:hover h3 {
    color: #fff;
    -webkit-transition: width 2.8s ease;
    -o-transition: width 2.8s ease;
    transition: width 2.8s ease;
}

.red_area_inner:hover ul li {
    color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.red_area_inner:hover .space.match_section:before,
.red_area_inner:hover .standard.match_section:before {
    width: 100%;
}

.space.match_section.background_red .space_up li {
    color: #1e395c;
}

span i,
a span i {
    color: #a9a9a9;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

span i:hover,
a span i:hover {
    color: #fff;
}

.standard.match_section a i {
    color: #a9a9a9;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.red_area_inner:hover span i {
    color: #fff;
}

.red_area_inner:hover a i {
    color: #fff;
}

.space.match_section.background_red .space_down li {
    color: #1e395c;
}

.background_red.standard.match_section h3 {
    color: #1e395c;
}

.red_area_inner:hover h3 {
    color: #fff!important;
}


/***********************purple page css********************/

.single_red_area.red_color.purple_color {
    border: 1px solid #9b59b6;
}

.buy_now_top.purple_top {
    background: #9b59b6;
}

.space.match_section.background_purple,
.background_purple {
    background: #9b59b6;
}

.space.match_section.background_purple li {
    color: #fff;
}

.standard.match_section.background_purple h3 {
    color: #fff;
}


/***********************gray page css********************/

.single_red_area.red_color.gray_color {
    border: 1px solid #95a5a6;
}

.buy_now_top.gray_top {
    background: #95a5a6;
}

.space.match_section.background_gray,
.background_purple {
    background: #95a5a6;
}

.standard.match_section.background_gray {
    background: #95a5a6;
}

.space.match_section.background_gray li {
    color: #fff;
}

.standard.match_section.background_gray h3 {
    color: #fff;
}


/***********************green page css********************/

.single_red_area.red_color.green_color {
    border: 1px solid #2ecc71;
}

.buy_now_top.gray_top {
    background: #95a5a6 none repeat scroll 0 0;
}

.space.match_section.background_green,
.background_purple {
    background: #2ecc71;
}

.standard.match_section.background_green {
    background: #2ecc71;
}

.space.match_section.background_green li {
    color: #fff;
}

.standard.match_section.background_green h3 {
    color: #fff;
}

.buy_now_top.green_top {
    background: #2ecc71;
}

i {
    width: 20px;
}


/***********************dark blue page css********************/

.single_red_area.red_color.blue_color {
    border: 1px solid #34495e;
}

.buy_now_top.blue_top {
    background: #34495e;
}

.space.match_section.blue_green,
.background_purple {
    background: #34495e;
}

.standard.match_section.background_blue {
    background: #34495e;
}

.space.match_section.background_blue li {
    color: #fff;
}

.standard.match_section.background_blue h3 {
    color: #fff;
}

.buy_now_top.blue_top {
    background: #34495e;
}

.space.match_section.background_blue {
    background: #34495e;
}


/***********************ultimate page css********************/

.single_red_area.red_color.ultimate_color {
    border: 2px solid #1782ce;
}

.buy_now_top.ultimate_top {
    background: #1782ce;
}

.space.match_section.ultimate_green,
.background_purple {
    background: #1782ce;
}

.standard.match_section.background_ultimate {
    background: #1782ce;
}

.space.match_section.background_ultimate li {
    color: #fff;
}

.standard.match_section.background_ultimate h3 {
    color: #fff;
}

.buy_now_top.ultimate_top {
    background: #1782ce;
}

.space.match_section.background_ultimate {
    background: #1782ce;
}


/* Responsive Code */

@media only screen and (max-width:991px) {
    .space.match_section {
        padding: 10px 15px;
    }
    .space_down span,
    .space_up span {
        margin-right: 3px;
    }
    .buy_now_top h1 {
        font-size: 18px;
    }
    .buy_now_bottom {
        padding-left: 65px;
        padding-top: 8px;
    }
    .buy_now_bottom h2 {
        font-size: 13px;
    }
    .standard.match_section {
        width: 17%;
    }
    .space.match_section {
        width: 63%;
    }
    .buy_now_top {
        padding-left: 70px;
        padding-top: 10px;
    }
    .padding_right {
        margin-right: -1px!important;
    }
    .space_up li {
        font-size: 13px;
    }
    .space_down li {
        font-size: 13px;
    }
    .red_area_inner.red_color .space::before {
        left: 33%;
    }
    .red_color .space::after {
        right: 37%;
    }
}

@media only screen and (max-width:700px) {
    .standard.match_section {
        width: 100%;
        float: none;
    }
    .space.match_section {
        width: 100%;
        float: none;
    }
    .buy_now.match_section {
        width: 100%;
        float: none;
    }
    .buy_now_top {
        height: 65px;
        text-align: center;
        line-height: 65px;
        padding-top: 18px;
    }
    .buy_now_bottom {
        height: 50px;
        text-align: center;
        line-height: 50px;
        padding-top: 15px;
    }
    .buy_now_top h1 {
        margin-left: -70px;
    }
    .buy_now_bottom h2 {
        margin-left: -65px;
    }
}

@media only screen and (max-width:500px) {
    .red_color .space::before {
        width: 0;
    }
    .red_color .space::after {
        width: 0;
    }
    .space_up::before {
        width: 0px!important;
    }
    .red_color .space_up {
        border-bottom: 0px solid #dadada;
    }
}

@media only screen and (max-width:435px) {
    .space.match_section ul li {
        display: block;
        width: 100%;
        float: none;
        padding: 10px 0;
    }
    .space{
        border: none !important;
    }
    .space.match_section ul {
        text-align: center;
    }
    .space.match_section {
        padding-left: 15px;
    }
    .space_down span,
    .space_up span {
        margin-right: 0px;
    }
    .red_color .space_up {
        border-bottom: 0px solid #dadada;
    }
    .space_up {
        margin-bottom: 0px;
        padding-bottom: 0;
    }
    .buy_now_top h1 {
        margin-left: -70px;
		font-size: 23px;
	    padding: 0;
    }
    .buy_now_bottom h2 {
        margin-left: -65px;
    }
	.per_month p {
	    margin-top: 16px;
	}
	.buy {
	    line-height: 48px;
	}
	.space.match_section.fixed_ultimate_color:before, .standard.match_section.fixed_unlimited_color:before {
		content: '';
		width: 100%
	}
}