@charset "utf-8";

/* google font Exo2 */

/* regular font */
@font-face {
	font-family: 'Exo2 0 Regular';
	src: url('../fonts/Exo2.0-Regular-webfont.eot');
	src: url('../fonts/Exo2.0-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Exo2.0-Regular-webfont.woff') format('woff'),
		url('../fonts/Exo2.0-Regular-webfont.ttf') format('truetype'),
		url('../fonts/Exo2.0-Regular-webfont.svg') format('svg');
}

/* extra bold italic font */
@font-face {
	font-family: 'Exo2 0 ExtraBoldItalic';
	src: url('../fonts/Exo2.0-ExtraBoldItalic-webfont.eot');
	src: url('../fonts/Exo2.0-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Exo2.0-ExtraBoldItalic-webfont.woff') format('woff'),
		url('../fonts/Exo2.0-ExtraBoldItalic-webfont.ttf') format('truetype'),
		url('../fonts/Exo2.0-ExtraBoldItalic-webfont.svg') format('svg');
}

/* extra bold font */
@font-face {
	font-family: 'Exo2 0 ExtraBold';
	src: url('../fonts/Exo2.0-ExtraBold-webfont.eot');
	src: url('../fonts/Exo2.0-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Exo2.0-ExtraBold-webfont.woff') format('woff'),
		url('../fonts/Exo2.0-ExtraBold-webfont.ttf') format('truetype'),
		url('../fonts/Exo2.0-ExtraBold-webfont.svg') format('svg');
}

/* semi bold font */
@font-face {
	font-family: 'Exo2 0 SemiBold';
	src: url('../fonts/Exo2.0-SemiBold-webfont.eot');
	src: url('../fonts/Exo2.0-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Exo2.0-SemiBold-webfont.woff') format('woff'),
		url('../fonts/Exo2.0-SemiBold-webfont.ttf') format('truetype'),
		url('../fonts/Exo2.0-SemiBold-webfont.svg') format('svg');
}

/* body layout */
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

/* reset */

.instant-table a,
.instant-table p {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	text-decoration: none;
	line-height: 40px;
}

/* pricing table layout */
.instant-table {
	margin-top: 40px;	/* margin between price table container */
	margin-bottom: 40px;
	margin-left: auto;	/* margin auto for align the container center */
	margin-right: auto;
	padding: 0;
	display: block;
	font-size: 16px;
	position: relative;
	z-index: 999;
	min-width: 200px;
	max-width: 1280px;
	font-family: "Exo2 0 Regular";		/* google font */
	text-align: center;
	
}

/* animation */
.instant-table ul,
.instant-table ul li:last-child a,
.instant-table ul li:nth-child(1),
.instant-table ul li:nth-child(2),
.instant-table ul:before {
	transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-ms-transition: all 0.4s linear 0s;
	-webkit-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
}


/* color style 1 */

.instant-table .color-style-1 {
	background: #ffffff;
	border-bottom-color: #4c4c96;
}
.instant-table .color-style-1:before {
	background: #424396;
}
.instant-table .color-style-1 li {
	color: rgba(0,0,0,0.60);
}

.instant-table .color-style-1 li i {
	color: #514e9f;
}
.instant-table .color-style-1 li:nth-child(even) {
	background: #f8f8fa;
}
.instant-table .color-style-1 li:nth-child(1) {
	color: #514e9f;
}
.instant-table .color-style-1 li:nth-child(3) {
	background: #514e9f;
	color: #FFFFFF;
}
.instant-table .color-style-1 li:last-child a {
	color: #5f5fa7;
	border-color: #5f5fa7;
}
.instant-table .color-style-1:hover li:last-child a {
	background: #5f5fa7;
	color: #FFFFFF;
}


/* color style 2 */

.instant-table .color-style-2 {
	background: #ffffff;
	border-bottom-color: #e54b81;
}
.instant-table .color-style-2:before {
	background: #e54b81;
}
.instant-table .color-style-2 li {
	color: rgba(0,0,0,0.60);
}

.instant-table .color-style-2 li i {
	color:  #e54b81;
}
.instant-table .color-style-2 li:nth-child(even) {
	background: #f8f8fa;
}
.instant-table .color-style-2 li:nth-child(1) {
	color: #e54b81;
}
.instant-table .color-style-2 li:nth-child(3) {
	background: #e54b81;
	color: #FFFFFF;
}
.instant-table .color-style-2 li:last-child a {
	color: #e54b81;
	border-color: #e54b81;
}
.instant-table .color-style-2:hover li:last-child a {
	background: #e54b81;
	color: #FFFFFF;
}


/* color style 3 */

.instant-table .color-style-3 {
	background: #ffffff;
	border-bottom-color: #a558a6;
}
.instant-table .color-style-3:before {
	background: #a558a6;
}
.instant-table .color-style-3 li {
	color: rgba(0,0,0,0.60);
}

.instant-table .color-style-3 li i {
	color:  #a558a6;
}


.instant-table .color-style-3 li:nth-child(even) {
	background: #f8f8fa;
}
.instant-table .color-style-3 li:nth-child(1) {
	color: #a558a6;
}
.instant-table .color-style-3 li:nth-child(3) {
	background: #a558a6;
	color: #FFFFFF;
}
.instant-table .color-style-3 li:last-child a {
	color: #a558a6;
	border-color: #a558a6;
}
.instant-table .color-style-3:hover li:last-child a {
	background: #a558a6;
	color: #FFFFFF;
}


/* color style 4 */

.instant-table .color-style-4 {
	background: #ffffff;
	border-bottom-color: #a1c86b;
}
.instant-table .color-style-4:before {
	background: #a1c86b;
}
.instant-table .color-style-4 li {
	color: rgba(0,0,0,0.60);
}

.instant-table .color-style-4 li i {
	color: #a1c86b;
}

.instant-table .color-style-4 li:nth-child(even) {
	background: #f8f8fa;
}
.instant-table .color-style-4 li:nth-child(1) {
	color: #a1c86b;
}
.instant-table .color-style-4 li:nth-child(3) {
	background: #a1c86b;
	color: #FFFFFF;
}
.instant-table .color-style-4 li:last-child a {
	color: #a1c86b;
	border-color: #a1c86b;
}
.instant-table .color-style-4:hover li:last-child a {
	background: #a1c86b;
	color: #FFFFFF;
}


/* color style 5 */

.instant-table .color-style-5 {
	background: #ffffff;
	border-bottom-color: #fb6a01;
}
.instant-table .color-style-5:before {
	background: #fb6a01;
}
.instant-table .color-style-5 li {
	color: rgba(0,0,0,0.60);
}


.instant-table .color-style-5 li i {
	color: #fb6a01;
}

.instant-table .color-style-5 li:nth-child(even) {
	background: #f8f8fa;
}
.instant-table .color-style-5 li:nth-child(1) {
	color: #fb6a01;
}
.instant-table .color-style-5 li:nth-child(3) {
	background: #fb6a01;
	color: #FFFFFF;
}
.instant-table .color-style-5 li:last-child a {
	color: #fb6a01;
	border-color: #fb6a01;
}
.instant-table .color-style-5:hover li:last-child a {
	background: #fb6a01;
	color: #FFFFFF;
}


/* color style 6 */

.instant-table .color-style-6 {
	background: #ffffff;
	border-bottom-color: #f9b31f;
}
.instant-table .color-style-6:before {
	background: #f9b31f;
}
.instant-table .color-style-6 li {
	color: rgba(0,0,0,0.60);
}
.instant-table .color-style-6 li:nth-child(even) {
	background: #f8f8fa;
}
.instant-table .color-style-6 li:nth-child(1) {
	color: #f9b31f;
}
.instant-table .color-style-6 li:nth-child(3) {
	background: #f9b31f;
	color: #FFFFFF;
}
.instant-table .color-style-6 li:last-child a {
	color: #f9b31f;
	border-color: #f9b31f;
}
.instant-table .color-style-6:hover li:last-child a {
	background: #f9b31f;
	color: #FFFFFF;
}

/* .no-margin class for remove the margin between pricing tables */
.instant-table.no-margin ul {
	margin-left: -2px !important;
	margin-right: -2px !important;
}

/* ul layout */
.instant-table ul {
	width: 20%;					/* pricing tables width */
	border-bottom: 4px solid;
	display: inline-block;
	margin-left: 1%;
	margin-right: 1%;
	min-width: 170px;
	position: relative;
	-webkit-box-shadow: 0 0 9px 4px rgba(0,0,0,.1);
	box-shadow: 0 0 9px 4px rgba(0,0,0,.1);
}/* css apply when screen width 768px */

.instant-table ul:before {
	content: "";
	display: block;
	margin: 0 auto;
	padding: 0;
	height: 2px;
	width: 50%;
	position: relative;
	top: -2px;
	z-index: -1;
}

.instant-table ul li {
	font-size: 14px;
	font-family: "Exo2 0 SemiBold";		/* semibold font */
	padding:10px 20px;
	list-style:none;
	display:block;
	line-height:18px;
}

.instant-table ul li span {
	font-size: 16px;
	line-height: 0px;
	position: relative;
}

.instant-table ul li i{

	margin-right:5px;


}

.instant-table ul li span.sub-text {
	font-size: 11px;
	line-height: 0px;
	display:block;
	padding:5px 0px;
	position: relative;
	text-align:center;

}
.instant-table ul li:nth-child(1) {
	text-transform: capitalize;
	font-size: 20px;
	font-family: "Exo2 0 ExtraBoldItalic";		/* extra bold italic font */
	margin-top: 12px;
	position: relative;
	top: 0;
}
.instant-table ul li:nth-child(2) {
	font-size: 12px;
	margin-top: -17px;
	background: none !important;
	position: relative;
	top: 0;
}
.instant-table ul li:nth-child(3) {
	font-family: "Exo2 0 ExtraBold";	/* extra bold font */
	font-size: 28px;
	padding-top: 5px;
	padding-bottom: 2px;
	line-height:40px;
}


.instant-table ul li:nth-child(9) i {
	font-size: 20px;

}
.instant-table ul li:last-child {
	background: none !important;
}
.instant-table ul li:last-child a {
	font-size: 11px;
	font-family: "Exo2 0 SemiBold";		/* semi bold font */
	border: 1px solid;
	border-radius: 100px;
	height: 30px;
	margin: 8px auto 18px;
	line-height: 31px;
	width: 120px;
	position: relative;
	top: 0;
        background-color: #B0BED9;
}

/* css apply when screen width beyond 768px */
@media screen and (min-width:1019px) {

/* .active class for active the pricing table */
.instant-table .active {
	z-index: 99999;
	padding-top: 20px;
	margin-top: -20px;
	padding-bottom: 20px;
}
.instant-table .active:before {
	top: -22px;
}
.instant-table .active li:nth-child(1),
.instant-table .active li:nth-child(2) {
	top: -12px;
}
.instant-table .active li:last-child a {
	top: 12px;
}
.instant-table .color-style-1.active li:last-child a {
	background: #5f5fa7;
	color: #FFFFFF;
}
.instant-table .color-style-2.active li:last-child a {
	background: #e54b81;
	color: #FFFFFF;
}
.instant-table .color-style-3.active li:last-child a {
	background: #a558a6;
	color: #FFFFFF;
}
.instant-table .color-style-4.active li:last-child a {
	background: #a1c86b;
	color: #FFFFFF;
}
.instant-table .color-style-5.active li:last-child a {
	background: #fb6a01;
	color: #FFFFFF;
}
.instant-table .color-style-6.active li:last-child a {
	background: #f9b31f;
	color: #FFFFFF;
}
/* .active class layout end */





/* mouse hover layout start */
.instant-table ul:hover {
	padding-top: 20px;
	margin-top: -20px;
	padding-bottom: 20px;
}
.instant-table ul:hover:before {
	top: -22px;
}
.instant-table ul:hover li:nth-child(1),
.instant-table ul:hover li:nth-child(2) {
	top: -12px;
}
.instant-table ul:hover li:last-child a {
	top: 12px;
}
/* mouse hover layout end */
}

/* css apply when screen width 768px */
@media screen and (max-width:1019px) {
.instant-table ul {
	width:50%;
	border-bottom: 4px solid;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}
}

/* css apply when screen width 480px */
@media screen and (max-width:480px) {
.instant-table ul {
	width: 95%;
	border-bottom: 4px solid;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}
}