/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, overlay, section-padding etc)
    02. HEADER DESIGN
	03. BANNER SECTION
	04. HOW IT WORKS SECTION
	05. ABOUT SECTION
	06. TOKEN SECTION
	07. TIMELINE SECTION
	08. TEAM SECTION
	09. FAQ SECTION
	10. CLIENT SECTION
	11. CONTACT SECTION
	12. FOOTER SECTION
	13. BLOG PAGE
*=============================================================*/
  
/*===================================*
  01. GENERAL STYLE
 *===================================*/
body {
	background: #ffffff none repeat scroll 0 0;
    color: #7a7a7a;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    overflow-x: hidden; 
}
html,
body { 
	height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #20126f;
}
/*p {
	color:#7a7a7a;
	margin-bottom:30px;
}*/
a {
	color: #20126f;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	transition: all .5s ease;
}
a:hover {
	color: #26b6d4;
	text-decoration: none;
	transition: all .5s ease;
}
a:focus {
	outline: none;
	text-decoration: none;
}
img {
	max-width: 100%;
}
ul,
li {
	margin: 0;
	padding: 0;
}
.form-control::-webkit-input-placeholder {
	color: #7ab9ff;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}
.form-control:-moz-placeholder {
	color: #7ab9ff;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}
.form-control::-moz-placeholder {
	color: #7ab9ff;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}
.form-control:-ms-input-placeholder {
	color: #7ab9ff;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}
fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}
section {
	padding: 60px 0;
	position:relative;
}
.no-padding { 
	padding: 0
}
section.small_pt {
	padding-top: 50px;
}
section.small_pb {
	padding-bottom: 50px;
}
.list_none li {
	list-style:none;
}
input {
	border: 0;
	padding: 10px 20px;
}
button {
	background: -webkit-linear-gradient(left, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	background: linear-gradient(to right, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	border: 0;
	border-radius: 40px;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 20px;
	text-transform: uppercase;
	transition: all 0.5s ease 0s;
}
button:hover {
	color:#fff;
}
button:focus {
	outline:none;
}
.title_light h2, 
.title_dark h2{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
	text-transform: capitalize;
}
.title_light span, 
.title_dark span {
	color: #7ab9ff;
	display: block;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.title_light h2,
.title_light p {
	color:#fff;
}
.divider {
	clear:both;
	display:block;
	height:20px;
}
.bg_blue_dark {
	background-color :#0d2476;
}
.bg_black_dark {
	background-color :#080b1f;
}
.large_divider {
	height:100px;
}
.small_divider {
	height:50px;
}
.small_space {
	margin-top:20px;
}
.large_space {
	margin-top: 50px;
}
.container {
    position: relative;
    z-index: 5;
}
.animation,
.staggered-animation {
	visibility: hidden;
}

.v_light .title_light span, 
.v_light .title_dark span {
	color: #26b6d4;
}
.v_light .form-control::-webkit-input-placeholder {
	color: #26b6d4;
}
.v_light .form-control:-moz-placeholder {
	color: #26b6d4;
}
.v_light .form-control::-moz-placeholder {
	color: #26b6d4;
}
.v_light .form-control:-ms-input-placeholder {
	color: #26b6d4;
}
.v_dark .title_light span, 
.v_dark .title_dark span,
.v_dark_light .title_light span, 
.v_dark_light .title_dark span {
	color: #26b6d4;
}
.v_dark_light .title_dark h2 {
  color: #1a1c34;
}

/*START LOADER DESIGN*/
/*.preloader {
	background-color: #0d469f;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	vertical-align: middle;
	z-index: 99999;
}*/
/*#g-spinner {
	position:relative;
	margin:0 auto;
	height:150px;
	margin: -100px auto 0;
	top: 50%;
	width:150px;
	border-radius:50%;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}*/
#g-spinner.loading {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition:1s ease-in-out all;
	transition:1s ease-in-out all;
	-webkit-animation:rotate 2s cubic-bezier(.465, .183, .153, .946) infinite;
	animation:rotate 2s cubic-bezier(.465, .183, .153, .946) infinite
}
#g-spinner>.circle {
	position:absolute;
	height:30px;
	width:30px;
	border-radius:50%
}
#g-spinner.loading>.circle.c1 {
	left:60px;
	top:5px;
	background:#26B6D4;
	-webkit-animation:c1Center 4s cubic-bezier(.645, .045, .355, 1) infinite;
	animation:c1Center 4s cubic-bezier(.645, .045, .355, 1) infinite
}
#g-spinner.loading>.circle.c2 {
	left:5px;
	top:60px;
	background:#C61664;
	-webkit-animation:c2Center 4s cubic-bezier(.645, .045, .355, 1) infinite;
	animation:c2Center 4s cubic-bezier(.645, .045, .355, 1) infinite
}
#g-spinner.loading>.circle.c3 {
	left:60px;
	bottom:5px;
	background:#fbbd06;
	-webkit-animation:c3Center 4s cubic-bezier(.645, .045, .355, 1) infinite;
	animation:c3Center 4s cubic-bezier(.645, .045, .355, 1) infinite
}
#g-spinner.loading>.circle.c4 {
	right:5px;
	top:60px;
	background:#ea4436;
	-webkit-animation:c4Center 4s cubic-bezier(.645, .045, .355, 1) infinite;
	animation:c4Center 4s cubic-bezier(.645, .045, .355, 1) infinite
}
@-webkit-keyframes rotate {
	from {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
@keyframes rotate {
	from {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
@-webkit-keyframes c1Center {
0% {
	top:5px;
	background:#26B6D4
}
24% {
	background:#26B6D4
}
24% {
	background:#26B6D4
}
25% {
	background:#fbbd06;
	top:60px
}
50% {
	background:#fbbd06;
	top:5px
}
55% {
	background:#fbbd06;
	top:5px
}
74% {
	background:#fbbd06
}
75% {
	background:#26B6D4;
	top:60px
}
100% {
	background:#26B6D4;
	top:5px
}
}
@keyframes c1Center {
0% {
	top:5px;
	background:#26B6D4
}
24% {
	background:#26B6D4
}
24% {
	background:#26B6D4
}
25% {
	background:#fbbd06;
	top:60px
}
50% {
	background:#fbbd06;
	top:5px
}
55% {
	background:#fbbd06;
	top:5px
}
74% {
	background:#fbbd06
}
75% {
	background:#26B6D4;
	top:60px
}
100% {
	background:#26B6D4;
	top:5px
}
}
@-webkit-keyframes c2Center {
0% {
	background:#C61664;
	left:5px
}
24% {
	background:#C61664
}
25% {
	background:#ea4436;
	left:60px
}
50% {
	background:#ea4436;
	left:5px
}
55% {
	background:#ea4436;
	left:5px
}
74% {
	background:#ea4436
}
75% {
	background:#C61664;
	left:60px
}
100% {
	background:#C61664;
	left:5px
}
}
@keyframes c2Center {
0% {
	background:#C61664;
	left:5px
}
24% {
	background:#C61664
}
25% {
	background:#ea4436;
	left:60px
}
50% {
	background:#ea4436;
	left:5px
}
55% {
	background:#ea4436;
	left:5px
}
74% {
	background:#ea4436
}
75% {
	background:#C61664;
	left:60px
}
100% {
	background:#C61664;
	left:5px
}
}
@-webkit-keyframes c3Center {
0% {
	background:#fbbd06;
	bottom:5px
}
24% {
	background:#fbbd06
}
25% {
	background:#26B6D4;
	bottom:60px
}
50% {
	background:#26B6D4;
	bottom:5px
}
55% {
	background:#26B6D4;
	bottom:5px
}
74% {
	background:#26B6D4
}
75% {
	background:#fbbd06;
	bottom:60px
}
100% {
	background:#fbbd06;
	bottom:5px
}
}
@keyframes c3Center {
0% {
	background:#fbbd06;
	bottom:5px
}
24% {
	background:#fbbd06
}
25% {
	background:#26B6D4;
	bottom:60px
}
50% {
	background:#26B6D4;
	bottom:5px
}
55% {
	background:#26B6D4;
	bottom:5px
}
74% {
	background:#26B6D4
}
75% {
	background:#fbbd06;
	bottom:60px
}
100% {
	background:#fbbd06;
	bottom:5px
}
}
/*.v_light .preloader {
	background-color: #f6f8ff;
}
.v_dark .preloader,
.v_dark_light .preloader {
	background-color: #0c0e28;
}*/
/*END PRELOADER DESIGN*/

/* THEME COLOR CSS*/
.color-switch {
    background: #212121;
	left: -200px;
	padding: 20px 0;
	position: fixed;
	top: 35%;
    transition: all .4s ease 0s;
	width: 200px;
    z-index: 9999999;
}
.color-switch p {
	color: #ffffff;
	margin: 0;
	padding: 10px 20px;
}
.color_box {
	padding:0px 20px;
}
.switch-active {
    left: 0;
}
.color-switch .icon {
	background: #212121;
	color: #ffffff;
	cursor: pointer;
	font-size: 24px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -40px;
	text-align: center;
	top: 0;
	width: 40px;
}
.color-switch button::after {
	color: #ffffff;
	content: "\f122";
	font-family: "Ionicons";
	font-size: 16px;
	left: 8px;
	opacity: 0;
	position: absolute;
	top: 5px;
}
.color-switch button {
	border: 0 none;
	border-radius: 3px;
	cursor: pointer;
	height: 30px;
	line-height: 20px;
	margin: 2px;
	padding: 0;
	position: relative;
	text-align: center;
	width: 30px;
}
.color-switch .active::after {
    opacity: 1;
}
.default {
	background: -webkit-linear-gradient(left, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	background: linear-gradient(to right, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
}
.green {
	background: -webkit-linear-gradient(left, rgba(14,156,255,1) 0%,rgba(64,248,166,1) 99%);
	background: linear-gradient(to right, rgba(14,156,255,1) 0%,rgba(64,248,166,1) 99%);
}
.orange {
	background: -webkit-linear-gradient(left, rgba(238,168,73,1) 0%,rgba(244,107,69,1) 99%);
	background: linear-gradient(to right, rgba(238,168,73,1) 0%,rgba(244,107,69,1) 99%);
}
.pink {
	background: -webkit-linear-gradient(left, rgba(59,82,255,1) 0%,rgba(207,5,213,1) 99%);
	background: linear-gradient(to right, rgba(59,82,255,1) 0%,rgba(207,5,213,1) 99%);
}
.lightpink {
	background: -webkit-linear-gradient(left, rgba(255,103,203,1) 0%,rgba(255,204,103,1) 99%);
	background: linear-gradient(to right, rgba(255,103,203,1) 0%,rgba(255,204,103,1) 99%);
}
.lightblue {
	background: -webkit-linear-gradient(left, rgba(183,33,255,1) 0%,rgba(33,212,253,1) 99%);
	background: linear-gradient(to right, rgba(183,33,255,1) 0%,rgba(33,212,253,1) 99%);
}
.lightgreen {
	background: -webkit-linear-gradient(left, rgba(222,147,75,1) 0%,rgba(86,214,167,1) 99%);
	background: linear-gradient(to right, rgba(222,147,75,1) 0%,rgba(86,214,167,1) 99%);
}
.lightred {
	background: -webkit-linear-gradient(left, rgba(47,170,171,1) 0%,rgba(236,67,90,1) 99%);
	background: linear-gradient(to right, rgba(47,170,171,1) 0%,rgba(236,67,90,1) 99%);
}


/* BTN START */
.btn {
	background: -webkit-linear-gradient(left, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	background: linear-gradient(to right, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	border: 0 none;
	border-radius: 40px;
	font-size: 16px;
	height: 48px;
	line-height: 50px;
	padding: 0 25px;
	position: relative;
	text-transform: uppercase;
	vertical-align: middle;
}
.btn span {
	background-color: #ffffff;
	border-radius: 100%;
	color: #7459a6;
	display: inline-block;
	font-size: 24px;
	height: 42px;
	line-height: 46px;
	margin-left: -20px;
	margin-right: 10px;
	margin-top: -1px;
	text-align: center;
	vertical-align: middle;
	width: 42px;
	transition: all .5s ease 0s;
}
.btn:hover span {
  color: #25b8d5;
}
.btn.active.focus, 
.btn.active:focus, 
.btn.active:hover, 
.btn:active:focus, 
.btn:active:hover,
.btn.active,
.btn:active,
.btn.focus:active, 
.btn:focus,
.btn.active:not(:disabled):not(.disabled), 
.btn:active:not(:disabled):not(.disabled) {
	box-shadow:none;
	outline:none;
}
.btn-default {
	background: -webkit-linear-gradient(left, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	background: linear-gradient(to right, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	border: 0;
	color: #fff;
	outline:none;
	text-transform:uppercase;
	z-index:2;
}
.btn-default:hover,.btn-border:hover {
	color:#fff;
}
.btn-default.active.focus, 
.btn-default.active:focus, 
.btn-default.active:hover, 
.btn-default:active:focus, 
.btn-default:active:hover,
.btn-default.active,
.btn-default:active,
.btn-default.focus:active, 
.btn-default:focus,
.btn.active:not(:disabled):not(.disabled), 
.btn:active:not(:disabled):not(.disabled) {
	background: -webkit-linear-gradient(left, rgba(37,184,213,1) 0%,rgba(117,88,165,1) 99%);
    background: linear-gradient(to right, rgba(37,184,213,1) 0%,rgba(117,88,165,1) 99%);
	box-shadow:none;
	color: #fff;
	outline:none;
}
.btn-default::before {
	background: -webkit-linear-gradient(left, rgba(37,184,213,1) 0%,rgba(117,88,165,1) 99%);
	background: linear-gradient(to right, rgba(37,184,213,1) 0%,rgba(117,88,165,1) 99%);
	border-radius: 40px;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: -1;
}
.btn-default:hover:before {
	opacity: 1;
}
.btn-border {
	background: -webkit-linear-gradient(left, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	background: linear-gradient(to right, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	border: 0;
	color: #fff;
	outline:none;
	text-transform:uppercase;
	z-index:2;
}
.btn-border::after {
	background-color: #103f98;
	border-radius: 40px;
	bottom: 0;
	content: "";
	left: 0;
	margin: 2px;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.5s ease 0s;
	z-index: -1;
}
.btn-border:hover:after {
	opacity :0;
}
.btn i {
	font-size: 30px;
	line-height: 24px;
	margin-left: 5px;
	padding-top: 4px;
	vertical-align: middle;
}
.scrollup {
	background-color: #333333;
	border-radius: 100%;
	bottom: 20px;
	color: #ffffff;
	font-size: 30px;
	height: 50px;
	line-height: 50px;
	position: fixed;
	left: 20px !important;
	text-align: center;
	width: 50px;
	z-index:99;
}
.scrollup:hover {
	background-color: #ff880e;
	color:#fff;
}
.scrollup:focus {
	color:#fff;
}
.btn + .btn:last-child {
	margin-left: 10px;
}
.shape {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 808px;
	left: 0;
	position: absolute;
	top: 100px;
	width: 242px;
	z-index: -1;
}
.shap1 {
	background-image: url("../images/shape1.png");
	background-position: right center;
	bottom: 100px;
	left: auto;
	right: 0;
	top: auto;
}
.shap2 {
	background-image: url("../images/shape2.png");
	background-position: left center;
}
.shap3 {
	background-image: url("../images/shape3.png");
	background-position: left center;
}
.shap4 {
	background-image: url("../images/shape4.png");
	background-position: left center;
}
.shap5 {
	background-image: url("../images/shape5.png");
	background-position: right center;
	bottom: 100px;
	left: auto;
	right: 0;
	top: auto;
}
.shap6 {
	background-image: url("../images/shape6.png");
	background-position: left center;
}
.rounded_shape {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 402px;
	left: 0;
	position: absolute;
	top: 0px;
	width: 494px;
	z-index: 1;
}
.rounded_shape1 {
	background-image: url("../images/rounded-shape1.png");
	background-position: left top;
}
.rounded_shape2 {
	background-image: url("../images/rounded-shape2.png");
	background-position: right bottom;
	bottom: 0;
	left: auto;
	right: 0;
	top: auto;
}
.light_rounded_shape3 {
	background-image: url("../images/light_rounded-shape3.html");
	background-position: left top;
}
.light_rounded_shape4 {
	background-image: url("../images/light_rounded-shape4.png");
	background-position: right bottom;
	bottom: 0;
	left: auto;
	right: 0;
	top: auto;
}
.light_rounded_shape5 {
	background-image: url("../images/light_rounded-shape5.png");
	background-position: right bottom;
	bottom: 0;
	left: auto;
	right: 0;
	top: auto;
}

.v_light .btn-default,
.v_light .btn-default:hover {
	color: #fff;
}
.v_light .btn-border {
	color: #20126f;
}
.v_light .btn-border:hover {
	color: #fff;
}
.v_light .btn-border::after {
	background-color: #f6f8ff;
}
.light_rounded_shape1 {
	background-image: url("../images/light_rounded-shape1.png");
	background-position: left top;
}
.light_rounded_shape2 {
	background-image: url("../images/light_rounded-shape2.png");
	background-position: right bottom;
	bottom: 0;
	left: auto;
	right: 0;
	top: auto;
}
.v_dark .btn-border::after,
.v_dark_light .btn-border::after {
	background-color: #080b1b;
}

/* BTN END */
/*===================================*
  01.END GENERAL STYLE
*===================================*/

/*===================================*
02. START HEADER DESIGN
*===================================*/
header {
	transition: all 0.4s ease 0s;
}
.navbar {
	padding: 0;
}
.modal-open header.fixed-top {
	padding: 5px 0 !important;
}
.nav-fixed,
header.active {
	background-color: #0F3E97;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
header.nav-fixed {
	height: 70px;
	padding: 5px 0;
}
header.no-sticky {
	position:absolute;
}
header a {
	color: #ffffff;
}
header a:hover,.navbar-nav li a.active {
	color: #26b6d4;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding: 0 10px;
}
.nav_btn li {
	margin-left: 10px;
}
.navbar-expand-lg .navbar-nav.nav_btn a {
	height: auto;
	line-height: normal;
	padding: 10px 25px;
}
.logo_dark,
.v_light .logo_light {
	display: none;
	
}
.v_light .logo_dark {
	display: block;
}
.v_light header a {
	color: #20126f;
}
.v_light .nav-fixed, 
.v_light header.active {
	background-color: #f6f8ff;
}
.v_light header a:hover, 
.v_light .navbar-nav li a.active {
	color: #26b6d4;
}
.v_dark .nav-fixed,
.v_dark header.active,
.v_dark_light .nav-fixed,
.v_dark_light header.active {
	background-color: #1a1c34;
}
/*===================================*
02. END HEADER DESIGN
*===================================*/

/*===================================*
03. BANNER SECTION
*===================================*/
.banner_section {
	background-color:#0d469f;
	padding:200px 0;
	position:relative;
	z-index:0;
}			  
.banner_text h1 {
	color: #ffffff;
	font-weight: bold;
	margin-bottom:20px;
}
.banner_text h1 span {
	color: #26b6d4;
}
.banner_text h3 {
	color: #ffffff;
	font-weight: bold;
	margin-bottom:20px;
}
.banner_text p {
	color:#fff;
}
.banner_image_right {
	min-width: 690px;
}
.banner_image_left {
	left: -25%;
	min-width: 690px;
	position: relative;
}
.banner_btn .btn {
	display: inline-block;
}
.section_wave {
	background-position:left top;
	bottom: 0;
	height: 100px;
	left: 0;
	position: absolute;
	right: 0;
}
.section_wave2 {
	background-position: center bottom;
	height: 110px;
	left: 0;
	position: absolute;
	right:0;
	top: 0;
}
.banner_effect {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.banner_section .tk_countdown {
	background-color:RGBA(15,62,151,0.6);
	max-width:480px;;
	margin:0 auto;
}
.banner_section .tk_counter_inner {
	border:0;
}
.banner_section .counter_box .tk_counter {
	border: 1px solid RGBA(255,255,255,0.2); border-radius: 10px;
}
.progress,
.progress-bar {
	border-radius: 20px;
}
.progress {
	background-color:#fff;
	position:relative;
	height: 40px;
	overflow: visible;
	margin-top: 60px;
	margin-bottom:15px;
}
.progress-bar {
	background: -webkit-linear-gradient(left, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	background: linear-gradient(to right, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
    line-height: 30px;
    font-weight: bold;
    border: 5px solid #fff;
    box-shadow: 0 0 0 0;

}
.token_box .progress-bar-success {
    background-color: #05B5FF;
}
.progress .progress_label {
    position: absolute;
    top: -8px;
    bottom: -8px;
    width: 1px;
    background-color: silver;
    line-height: 1;
    color: #fff;
}
.progress .progress_label strong{
	position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	font-weight:normal;
}
.progress_max_val {
	position: absolute;
	top: 0;
	right: 0;
    float: right;
	font-size:12px;
	font-weight: bold;
    line-height: 40px;
	padding:0 15px;
}

.section_gradiant {
	background: -webkit-linear-gradient(to bottom, rgba(32,18,111,1) 10%,rgba(13,70,159,1) 100%);
	background-image: linear-gradient(to bottom, rgba(32,18,111,1) 10%,rgba(13,70,159,1) 100%);
}
.section_gradiant2 {
	background: -webkit-linear-gradient(to bottom, rgba(13,70,159,1) 10%,rgba(32,18,111,1) 100%);
	background-image: linear-gradient(to bottom, rgba(13,70,159,1) 10%,rgba(32,18,111,1) 100%);
}
.section_gradiant_dark {
	background: -webkit-linear-gradient(to bottom, rgba(0,0,0,1) 10%,rgba(12,14,41,1) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,1) 10%,rgba(12,14,41,1) 100%);
}
.section_light_bg {
	background-color: #f6f8ff;
}
.how_work .shape {
	bottom: auto;
	top: 0;
}
.v_light .banner_text h1,
.v_light .banner_text h3 {
	color: #20126f;
}
.v_light .banner_text p,
.v_light .progress .progress_label {
	color: #7a7a7a;
}
.v_blue {
	background-color: #0d469f;
}
.v_dark {
	background-color: #0c0e28;
}

/*===================================*
03. END BANNER SECTION
*===================================*/

/*===================================*
04. HOW IT WORKS SECTION
*===================================*/
.how_work {
	background-position: center center;
	background-size: cover;
	position:relative;
}
.work_box {
	float: left;
	margin-top:30px;
	padding-left: 30px;
	width: 50%;
}
.work_box:nth-child(-n+2) {
	margin: 0;
}
.box_inner {
	background-color:#fff;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
	padding: 20px 25px;

}
.work_box:nth-child(2n) {
	position: relative;
	top: 150px;
}
.work_box:nth-child(2n+1) {
	clear: both;
}
.box_inner h4 {
	color: #7a7a7a;
	font-size: 20px;
	font-weight: 600;
	margin: 10px 0;
}
.box_inner p {
	margin: 0;
}
.box_inner i {
	color: #26b6d4;
	font-size: 50px;
}

.v_blue .box_inner {
	background-color: #0f3e97;
}
.v_blue .benefit_box {
	background-color: #0f3e97;
}
.v_blue .box_inner h4,
.v_blue .box_inner p,
.v_blue .box_inner i {
	color: #fff;
}
.v_dark .box_inner {
	background-color: #1a1c34;
}
.v_dark .benefit_box,
.section_gradiant_dark .benefit_box {
	background-color: #1a1c34;
}
.v_dark .box_inner h4,
.v_dark .box_inner p,
.v_dark .box_inner i {
	color: #fff;
}
/*===================================*
04. END HOW IT WORKS SECTION
*===================================*/

/*===================================*
05. ABOUT SECTION
*===================================*/
.benefit_box {
	background-color: #023780;
	border-radius: 10px;
	padding: 15px 5px;
}
.benefit_box h6 {
	color: #ffffff;
	margin-bottom: 0;
	margin-top: 15px;
	font-size: 14px;
}
/*===================================*
05. END ABOUT SECTION
*===================================*/

/*===================================*
06. TOKEN SECTION
*===================================*/
.section_token {
	position:relative;
}
.pr_box h6 {
	color: #7ab9ff;
	text-transform: uppercase;
}
.pr_box p {
	font-size:14px;
	font-weight: 500;
	line-height: normal;
	margin: 0;
	text-transform:uppercase;
}
.pr_box {
	background-color:#fff;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	padding: 20px;
}
.tk_countdown_time {
	margin: 15px 0;
}
.tk_countdown {
	background-color: #023780;
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 10px;
}
.countdown_shape {
	background-image: url("../images/counter_bg.png");
}
.tk_counter_inner {
	border: 1px solid #ffffff;
	padding: 25px;
}
.counter_box {
	color:#fff;
	display:inline-block;
	width:25%;
}
.counter_box .tk_counter {
	border: 1px solid #ffffff;
	display: block;
	font-size: 36px;
	font-weight: 500;
	margin: 0 5px;
	padding: 20px 5px;
}
.counter_box .tk_text {
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	text-transform: uppercase;
}
.tk_countdown .btn {
	margin: 15px 0;
}
.pie_chart_icon img {
	display: table;
	left: 0;
	margin: 0 auto;
	padding: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}
.token_chart {
  position: relative;
}
.chart_list li {
	background-color:#fff;
	border-left: 3px solid #7a7a7a;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
	font-weight:500;
	margin-bottom: 12px;
	padding: 7px 15px;
	text-transform: capitalize;
}
.chart_list li:last-child {
	margin:0;
}
.chart_list .color1 {
	border-color: #ff7876;
}
.chart_list .color2 {
	border-color: #36ffad;
}
.chart_list .color3 {
	border-color: #3b8a99;
}
.chart_list .color4 {
	border-color: #13afcc;
}
.chart_list .color5 {
	border-color: #cc1667;
}
.chart_list .color6 {
	border-color: #F91F64;
}
.chart_list .color7 {
	border-color: #B23AF8;
}
.v_light .pr_box h6 {
	color: #26b6d4;
}
.v_light .tk_countdown {
	background-color: #f6f8ff;
}
.v_light .counter_box {
	color: #20126f;
}
.v_light .counter_box .tk_counter {
	border-color: #20126f;
}
.v_light .tk_counter_inner {
	border: 1px solid #20126f;
}
.v_light .countdown_shape {
	background-image: url("../images/light_counter_bg.png");
}
.v_blue .pr_box, 
.v_blue .tk_countdown,
.v_blue .chart_list li {
	background-color: #0f3e97;
}
.v_blue .pr_box p,
.v_blue .chart_list li {
	color: #fff;
}
.v_dark .pr_box, 
.v_dark .tk_countdown,
.v_dark_light .tk_countdown,
.v_dark .chart_list li {
	background-color: #1a1c34;
}
.v_dark .pr_box h6,
.v_dark_light .pr_box h6 {
	color: #26b6d4;
}
.v_dark .pr_box p,
.v_dark .chart_list li {
	color: #fff;
}
.v_dark .countdown_shape,
.v_dark_light .countdown_shape {
	background-image: url("../images/light_counter_bg2.png");
}

/*===================================*
06. END TOKEN SECTION
*===================================*/

/*===================================*
07. TIMELINE SECTION
*===================================*/
.roadmap {
    position: relative;
	display: block;
}
.roadmap_box {
	margin-top:120px;
	position: relative;
	text-align: center;
}
.roadmap.gradient_box {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.roadmap::before {
    background-color: #26b6d4;
	content: "";
	height: 3px;
    left: 0;
    position: absolute;
    top: 15px;
    width: 100%;
}
.roadmap_icon {
	background-color: rgba(0, 0, 0, 0);
	height: 31px;
	left: 0;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: -120px;
	transform: rotate(-60deg) skewY(30deg);
	width: 27px;
}
.roadmap_icon.icon_gradient_box::before {
	background: -webkit-linear-gradient(left, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	background: linear-gradient(to right, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
}
.roadmap_icon::before {
	background-color: #26b6d4;
	color: #ffffff;
	content: "c";
	display: block;
	font-size: 28px;
	font-weight: 700;
	height: inherit;
	transform: skewY(-30deg) rotate(60deg) translate(0%);
	width: inherit;
}
.rd_complete .roadmap_icon::before {
	content: "";
	font-family: ionicons;
	font-size: 16px;
	font-weight: normal;
}
.roadmap_inner::before {
	background-color: #26b6d4;
	content: "";
	height: 94px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: -100px;
	width: 3px;
}
.roadmap_inner::after {
	background: #26b6d4 none repeat scroll 0 0;
	border: 2px solid #ffffff;
	border-radius: 100%;
	content: "";
	height: 15px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: -6px;
	width: 15px;
	z-index: -1;
}
.roadmap_inner {
	background-color: #26b6d4;
	border-radius: 10px;
	padding:20px;
}
.roadmap_box h6 {
	color: #ffffff;
}
.roadmap_box p {
	color: #ffffff;
	font-size:14px;
	line-height:26px;
	margin: 0;
}
.roadmap .owl-prev,
.roadmap .owl-next {
	position: absolute;
	top: 0;
}
.roadmap .owl-prev {
	left: -33px;
}
.roadmap .owl-next {
	right: -33px;
}
.roadmap .owl-nav i {
	background-color: #26b6d4;
	border-radius: 100%;
	color: #ffffff;
	display: block;
	font-size: 26px;
	height: 33px;
	line-height: 37px;
	text-align:center;
	width: 33px;
}
.roadmap .owl-prev i {
	padding-right: 3px;
}
.roadmap .owl-next i {
	padding-left: 3px;
}
.roadmap .owl-nav .disabled {
	cursor: default;
}
.roadmap .owl-nav .disabled i {
	background-color: #1C88BD;
	color: #9FB3D7;
}
.v_blue .roadmap_inner::before,
.v_blue .roadmap_inner::after,
.v_blue .roadmap::before,
.v_blue .roadmap_inner,
.v_blue .roadmap .owl-nav i {
	background-color: #0f3e97;
}
.v_dark .roadmap_inner::before,
.v_dark .roadmap_inner::after,
.v_dark .roadmap::before,
.v_dark .roadmap_inner,
.v_dark .roadmap .owl-nav i,
.v_dark_light .roadmap_inner::before,
.v_dark_light .roadmap_inner::after,
.v_dark_light .roadmap::before,
.v_dark_light .roadmap_inner,
.v_dark_light .roadmap .owl-nav i  {
	background-color: #1a1c34;
}
.v_dark .roadmap .owl-nav .disabled i,
.v_dark_light .roadmap .owl-nav .disabled i {
	color: #999999;
}
/*===================================*
07. END TIMELINE SECTION
*===================================*/

/*===================================*
08. TEAM SECTION
*===================================*/
.team_info {
	background-color: #25b8d5;
	padding: 20px;
}
.gradient_box {
	background: -webkit-linear-gradient(left, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	background: linear-gradient(to right, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
}
.team_info h4 a {
	color: #ffffff;
	font-size: 22px;
	font-weight:bold;
}
.team_info p {
	color: #ffffff;
	line-height: normal;
	margin: 0;
}
.team_img {
	overflow: hidden;
	position: relative;
}
.team_img img {
	width: 100%;
}
.social_team {
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.social_team li {
	display: inline-block;
	opacity: 0;
	transform: translateY(130px);
	transition: all 0.5s ease 0s;
	visibility: hidden;
}
.team_img:hover .social_team li {
	opacity: 1;
	transform: translateY(0px);
	visibility: visible;
}
.social_team li:nth-child(2n) {
	transition: all 0.6s ease 0s;
}
.social_team li:nth-child(3n) {
	transition: all 0.8s ease 0s;
}
.social_team li:nth-child(4n) {
	transition: all 1s ease 0s;
}
.social_team a {
	background-color:#25b8d5;
	border-radius: 40px;
	color: #ffffff;
	display: block;
	font-size: 24px;
	height: 38px;
	line-height: 40px;
	position:relative;
	text-align:center;
	width: 38px;
	z-index:1;
}
.social_team a:before {
	background: -webkit-linear-gradient(left, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
  	background: linear-gradient(to right, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	border-radius: 40px;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: -1;
}
.social_team a:hover:before {
	opacity: 1;
}
.mfp-bg {
	background: -webkit-linear-gradient(to bottom, rgba(32,18,111,1) 10%,rgba(13,70,159,1) 100%);
	background-image: linear-gradient(to bottom, rgba(32,18,111,1) 10%,rgba(13,70,159,1) 100%);
	opacity: 0.8;
} 
.team_pop {
	background-color: #ffffff;
	border-radius: 4px;
	margin: 30px auto;
	max-width: 800px;
	padding: 10px;
	position: relative;
}
.social_single_team {
	margin-bottom: 10px;
}
.social_single_team li {
	display: inline-block;
	padding-right: 10px;
}
.social_single_team li a {
	color: #25b8d5;
}
.team_pop .title_dark h2 {
	margin-bottom:10px;
}
.team_wrap .shap1,
.team_wrap .shap5 {
	bottom: auto;
	top: 100px;
}
.team_wrap .shap2,
.team_wrap .shap6 {
	bottom: 100px;
	top: auto;
}

.v_blue .team_info {
	background-color: #0f3e97;
}
.v_blue .mfp-bg {
	background-color: #0d469f;
	background-image: none;
}
.v_dark .team_info,
.v_dark_light .team_info {
	background-color: #1a1c34;
}
.v_dark .mfp-bg,
.v_dark_light .mfp-bg  {
	background-color: #1a1c34;
	background-image: none;
}


/*===================================*
08. END TEAM SECTION
*===================================*/
/*===================================*
09. FAQ SECTION
*===================================*/
.faq_content .card {
	border: 0 none;
	border-radius: 0;
	margin-bottom: 10px;
}
.faq_content .card:last-child {
	margin-bottom: 0px;
}
.faq_content .card-header {
	background-color: rgba(0, 0, 0, 0);
	border: 0 none;
	padding:0;
}
.faq_content .card-header a {
	background-color: #25b8d5;
	color: #ffffff;
	display: block;
	font-weight:600;
	padding: 15px 40px 15px 15px;
}
.faq_content .card-body {
	padding: 10px 15px;
	position: relative;
	z-index: 1;
}
.faq_content .card {
  background-color: #25b8d5;
}
.faq_content .card-body::after {
	background-color: #ffffff;
	bottom: 1px;
	content: "";
	left: 1px;
	position: absolute;
	right: 1px;
	top: 0;
	z-index: -1;
}
.faq_content .card-header a::after {
	color: #ffffff;
	content: "";
	font-family: "Ionicons";
	font-size: 22px;
	font-weight: normal;
	position: absolute;
	right: 15px;
	top: 12px;
}
.faq_content .card-header a.collapsed:after {
    content: "\f217";
}
.faq_content .card-header a::before {
	content: "Q.";
	font-weight: 600;
	margin-right: 5px;
}
.card-body::before {
	content: "A.";
	font-weight: 600;
	margin-right:5px;
}

.v_blue .faq_content .card-body::after {
	background-color: #0f3e97;
}
.v_blue .faq_content .card-body,
.v_dark .faq_content .card-body  {
	color: #fff;
}
.v_blue .faq_content .card,
.v_blue .faq_content .card-header a {
  background-color: #0f3e97;
}
.v_dark .faq_content .card,
.v_dark .faq_content .card-header a,
.v_dark_light .faq_content .card,
.v_dark_light .faq_content .card-header a {
	background-color: #1a1c34;
}
.v_dark .faq_content .card-body::after {
	background-color: #12142c;
}
/*===================================*
09. END FAQ SECTION
*===================================*/
/*===================================*
10. CLIENT SECTION
*===================================*/
.client_logo .logo-info{
	text-align: center;
}
.client_logo .logo-info a{
    display: block;
    transition: 0.5s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
}
.client_logo .logo-info a:hover{
    opacity: 0.4;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
}
.client_logo .shape {
	height: 90vh;
	z-index: 1;
}
/*===================================*
10. END CLIENT SECTION
*===================================*/
/*===================================*
11. CONTACT SECTION
*===================================*/
.form_field input, .form_field textarea {
	background-color: rgba(0, 0, 0, 0);
	border-bottom: 1px solid #7ab9ff;
	border-left:0;
	border-right:0;
	border-top: 0;
	border-radius: 0;
	color: #7ab9ff;
	padding: 10px 0;
}
.form_field input:focus,.form_field textarea:focus {
	background-color: rgba(0, 0, 0, 0);
	border-bottom: 1px solid #7ab9ff;
	border-left:0;
	border-right:0;
	border-top: 0;
	box-shadow: none;
	color: #7ab9ff;
	outline: 0 none;
}
.form_field textarea {
	resize: none;
}
.form_field textarea{
    min-height: 100px;
}
.form_field input[required="required"] {
	box-shadow: none;
	outline: medium none;
}
.contact_detail {
	border-left: 1px solid #ffffff;
	padding-left: 10px;
}
.contact_info li {
	margin-bottom: 25px;
}
.contact_info li:last-child {
	margin-bottom: 0px;
}
.contact_info li i {
	color: #ffffff;
	font-size: 26px;
	text-align: center;
	width: 40px;
}
.contact_detail span {
	color: #26b6d4;
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}
.contact_detail p {
	color: #ffffff;
	line-height: normal;
	margin: 0;
}
.alert-msg-failure {
    color: #ff0000;
    margin-top: 5px;
}
.alert-msg-success {
	color: #07AD00;
	margin-top: 5px;
}

.v_light .form_field input, 
.v_light .form_field textarea {
	border-color: #26b6d4;
	color: #26b6d4;
}
.v_light .contact_info li i {
	color: #26b6d4;
}
.v_light .contact_detail {
	border-color: #26b6d4;
}
.v_light .contact_detail p {
	color: #7a7a7a;
}
.v_dark .form-control::-webkit-input-placeholder {
	color: #ffffff;
}
.v_dark .form-control:-moz-placeholder {
	color: #ffffff;
}
.v_dark .form-control::-moz-placeholder {
	color: #ffffff;
}
.v_dark .form-control:-ms-input-placeholder {
	color: #ffffff;
}
.v_dark .form_field input, 
.v_dark .form_field textarea,
.v_dark .form_field input:focus,
.v_dark .form_field textarea:focus {
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}
.v_dark_light .form-control::-webkit-input-placeholder {
	color: #ffffff;
}
.v_dark_light .form-control:-moz-placeholder {
	color: #ffffff;
}
.v_dark_light .form-control::-moz-placeholder {
	color: #ffffff;
}
.v_dark_light .form-control:-ms-input-placeholder {
	color: #ffffff;
}
.v_dark_light .form_field input, 
.v_dark_light .form_field textarea,
.v_dark_light .form_field input:focus,
.v_dark_light .form_field textarea:focus {
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

/*===================================*
11. END CONTACT SECTION
*===================================*/
/*===================================*
12. FOOTER SECTION
*===================================*/
.top_footer {
	position:relative;
}
.top_footer {
	border-top: 1px solid #3d5091;
	padding: 60px 0;
}
.footer_title {
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 30px;
}
.newsletter_form form {
	position: relative;
}
.newsletter_form input {
	background-color: #0d2476;
	color: #ffffff;
}
.newsletter_form .outline_input {
	background: -webkit-linear-gradient(left, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	background: linear-gradient(to right, rgba(117,88,165,1) 0%,rgba(37,184,213,1) 99%);
	border-radius: 40px;
	bottom: 0;
	content: "";
	left: 0;
	padding: 2px;
	right: 0;
	top: 0;
}
.outline_input input {
	border-radius: 30px;
	height: 60px;
	padding-right: 37%;
	width: 100%;
}
.newsletter_form input::-webkit-input-placeholder {
	color:#fff;
	opacity: 1;
}
.newsletter_form input:-moz-placeholder {
	color:#fff;
	opacity: 1;
}
.newsletter_form input::-moz-placeholder {
	color:#fff;
	opacity: 1;
}
.newsletter_form input:-ms-input-placeholder {
	color:#fff;
	opacity: 1;
}
.newsletter_form input:focus {
	outline:none;
}
.newsletter_form button {
	position: absolute;
	right: 5px;
	top: 5px;
}
.newsletter_form + .footer_social {
	margin-top: 30px;
}
.newslattter_small {
	margin: 0 auto;
	max-width: 490px;
}
.footer_social li {
	display: inline-block;
	margin: 0 3px;
}
.footer_social li a {
	border: 2px solid #ffffff;
	border-radius: 100%;
	color: #ffffff;
	display: block;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}
.footer_social li a:hover {
	background-color: #26b6d4;
	border-color: transparent;
}
.bottom_footer {
	background-color: #0a1c5d;
	padding: 30px 0;
}
.copyright {
	color: #ffffff;
	font-size: 14px;
	margin: 0;
}
.footer_menu {
	text-align: right;
}
.footer_menu li {
	display: inline-block;
	margin-left: 10px;
}
.footer_menu li a,
.footer_link a {
	color:#fff;
	font-size:14px;
}
.footer_menu li a:hover,
.footer_link a:hover {
	color: #26b6d4;
}
.footer_link li {
	float: left;
	line-height: normal;
	margin-top: 10px;
	vertical-align: top;
	width: 50%;
}
.footer_link li:nth-child(-n+2) {
	margin-top: 0px;
}
.footer_link li:nth-child(2n+1) {
	padding-right: 15px;
}

.v_light .top_footer {
	border-top: 1px solid #d2d0e2;
}
.v_light .footer_title {
	color: #20126f;
}
.v_light .newsletter_form input {
	background-color: #ffffff;
	color: #7a7a7a;
}
.v_light .newsletter_form input::-webkit-input-placeholder {
	color:#7a7a7a;
}
.v_light .newsletter_form input:-moz-placeholder {
	color:#7a7a7a;
}
.v_light .newsletter_form input::-moz-placeholder {
	color:#7a7a7a;
}
.v_light .newsletter_form input:-ms-input-placeholder {
	color:#7a7a7a;
}
.v_light .footer_social li a {
	border: 2px solid #20126f;
	color: #20126f;
}
.v_light .footer_social li a:hover {
	background-color: #26b6d4;
	border-color: transparent;
	color: #ffffff;
}
.v_light .footer_link a {
	color: #20126f;
}
.v_light .footer_link a:hover {
	color: #26b6d4;
}
.v_dark .newsletter_form input,
.v_dark_light .newsletter_form input {
	background-color: #080b1f;
}
.v_dark .top_footer,
.v_dark_light .top_footer {
	border-top: 1px solid #393c4c;
}
.v_dark .bottom_footer,
.v_dark_light .bottom_footer {
	background-color: #0c0e28;
}

/*===================================*
12. END FOOTER SECTION
*===================================*/

/*===================================*
13. BLOG PAGE
*====================================*/
.blog_content {
	padding: 15px;
	margin-bottom: 40px;
}
.blog_title {
  font-weight: 600;
}
.blog_item {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.blog_meta {
	display: inline-block;
	width: 100%;
}
.blog_meta li {
	float: left;
	padding-right: 15px;
}
.blog_meta li:last-child {
  padding: 0;
}
.blog_content p {
	margin: 0;
}
.blog_img {
	overflow: hidden;
}
.blog_img img {
	zoom: 1;
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1); /* Standard Property */
	transition: all 0.5s ease 0s;
	width:100%;
}
.blog_item:hover img {
	zoom: 1.1;
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1); /* Standard Property */
}
.pagination li a {
	background-color: #002e87;
	color: #ffffff;
	display: block;
	font-size: 18px;
	line-height: normal;
	padding: 10px 22px;
}
.pagination li.active a,
.pagination li a:hover {
	background-color: #001e77;
}
.pagination li:first-child a {
	border-radius: 5px 0 0 5px;
}
.pagination li:last-child a {
	border-radius: 0 5px 5px 0;
}

/*Sidebar Section*/
.sidebar_block {
	padding-left: 30px;
}
.form_search {
	position: relative;
}
.form_search input {
	border: 1px solid #dddddd;
	border-radius: 40px;
	padding-right: 45px;
}
.form_search button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-radius: 0;
	color: #999999;
	font-size: 22px;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 12px;
}
.widget {
	margin-bottom: 30px;
}
.widget_title {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 15px;
	padding-bottom: 10px;
	position: relative;
}
.widget_title::before {
	background-color: #20126f;
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 70px;
}
.widget_category li,
.widget_archive li {
	margin-bottom: 5px;
}
.widget_category li a,
.widget_archive li a {
	color: #7a7a7a;
	display: block;
	padding-left: 20px;
	position: relative;
}
.widget_category li a:hover,
.widget_archive li a:hover {
	color:#26b6d4;
}
.widget_category li a::before,
.widget_archive li a:before {
	content: "\f30f";
	font-family: ionicons;
	left: 0;
	position: absolute;
	top: 0;
}
.widget-post-thumb {
	float: left;
}
.widget-post-thumb img {
	max-width: 100px;
}
.widget-post-content h6 {
	font-weight: 600;
}
.widget-post-content {
	overflow: hidden;
	padding-left: 10px;
}
.widget-post {
  border-bottom: 1px dashed #999999;
  display: inline-block;
  margin-top: 15px;
  padding-bottom: 15px;
}
.widget-date {
  font-size: 14px;
  line-height: normal;
}
.tags li {
	display:inline-block;
}
.tags li a {
  border: 1px solid #7a7a7a;
  border-radius: 40px;
  color: #7a7a7a;
  display: block;
  font-size:14px;
  margin-top: 10px;
  padding: 5px 15px;
}
.tags li a:hover {
	border-color:#26b6d4;
	color:#26b6d4;
}
.widget_archive li a span {
	float: right;
}

/*Post Detail*/
.post_content p {
	margin-bottom: 20px;
}
.blog_content_detail .blog_content p:last-child {
	margin:0;
}
.post_content {
	margin-top: 20px;
}
.social-share {
	display: inline-block;
	width: 100%;
}
.social-share li {
	float: left;
}
.social-share li a {
	background-color: #dddddd;
	border-radius: 100%;
	color: #ffffff;
	display: block;
	height: 35px;
	line-height: 36px;
	margin-right: 5px;
	text-align: center;
	width: 35px;
}
.social-share li a:hover {
	opacity: 0.7;
}
.social-share li.facebook a {
    background: #3b5999;
}
.social-share li.twitter a {
    background: #34CBFF;
}
.social-share li.google-plus a {
    background: #D14836;
}
.social-share li.pinterest a {
    background: #B30610;
}
.social-share li.linkedin a {
    background: #01669A;
}
.social-share li.reddit a {
    background: #6FC2FD;
}
.social-share li.tumblr a {
    background: #2D5770;
}
.comment_info {
	background-color: #f6f8ff;
	margin-top: 10px;
	padding: 30px;
}
.comment_info.reply {
	border-top: 1px solid #dddddd;
	margin: 0;
	padding-left: 90px;
}
.comment-area {
	margin-top: 30px;
}
.comment-title {
	margin-bottom: 30px;
}
.user_img img {
	border-radius: 100%;
	height: auto;
	max-width: 80px;
}
.comment_content {
	padding-left: 20px;
}
.meta_data h6 {
	margin-bottom: 0;
}
.comment-time {
	font-size: 14px;
	line-height: normal;
	margin-bottom: 8px;
}
.comment-reply i {
	margin-right: 5px;
}
.comment_content p {
	margin: 0;
}
.comment_list {
	margin-bottom: 30px;
}

.v_blue .blog_content,
.v_blue .comment_info {
	background-color: #0f3e97;
}
.v_dark_light .blog_title,
.v_dark_light .blog_title a,
.v_dark_light .blog_meta li a,
.v_dark_light .blog_content a,
.v_dark_light .widget_title,
.v_dark_light .widget-post-content h6 a,
.v_dark_light .comment-title h5 {
	color: #1a1c34;
}
.v_blue .blog_title a,
.v_blue .blog_meta a,
.v_blue .blog_content p,
.v_blue .blog_content a,
.v_blue .widget_title,
.v_blue .widget_category li a,
.v_blue .widget_archive li a,
.v_blue .widget-post-content h6 a,
.v_blue .widget-date,
.v_blue .tags li a,
.v_blue .post_content p,
.v_blue .comment-title h5,
.v_blue .meta_data a,
.v_blue .comment-time,
.v_blue .comment-reply,
.v_blue .comment_content p,
.v_dark .blog_title a,
.v_dark .blog_meta a,
.v_dark .blog_content p,
.v_dark .blog_content a,
.v_dark .widget_title,
.v_dark .widget_category li a,
.v_dark .widget_archive li a,
.v_dark .widget-post-content h6 a,
.v_dark .widget-date,
.v_dark .tags li a,
.v_dark .post_content p,
.v_dark .comment-title h5,
.v_dark .meta_data a,
.v_dark .comment-time,
.v_dark .comment-reply,
.v_dark .comment_content p,
.v_dark_light .meta_data a,
.v_dark_light .comment-time,
.v_dark_light .comment_content p,
.v_dark_light .comment-reply {
	color: #ffffff;
}
.v_blue .blog_title a:hover,
.v_blue .blog_meta a:hover,
.v_blue .blog_content a:hover,
.v_blue .widget_category li a:hover,
.v_blue .widget_archive li a:hover,
.v_blue .widget-post-content h6 a:hover,
.v_blue .tags li a:hover,
.v_blue .meta_data a:hover,
.v_blue .comment-reply:hover,
.v_dark .tags li a:hover,
.v_dark .blog_title a:hover,
.v_dark .blog_meta a:hover,
.v_dark .blog_content a:hover,
.v_dark .widget_category li a:hover,
.v_dark .widget_archive li a:hover,
.v_dark .widget-post-content h6 a:hover,
.v_dark .tags li a:hover,
.v_dark .meta_data a:hover,
.v_dark .comment-reply:hover,
.v_dark_light .blog_title a:hover,
.v_dark_light .blog_meta li a:hover,
.v_dark_light .blog_content a:hover,
.v_dark_light .widget-post-content h6 a:hover,
.v_dark_light .meta_data a:hover,
.v_dark_light .comment-reply:hover {
	color: #26b6d4;
}
.v_blue .tags li a {
	border-color: #fff;
}
.v_blue .tags li a:hover {
	border-color: #26b6d4;
}
.v_blue .widget_title::before {
	background-color: #ffffff;
}
.v_blue .comment_info.reply {
  border-top: 1px solid #001e77;
}
.v_dark .blog_content,
.v_dark .comment_info,
.v_dark_light .comment_info {
	background-color: #1a1c34;
}
.v_dark .comment_info.reply,
.v_dark_light .comment_info.reply {
	border-top: 1px solid #000014;
}
.v_dark .tags li a {
	border-color: #fff;
}
.v_dark .tags li a:hover {
	border-color: #26b6d4;
}
.v_dark .widget_title:before {
	background-color: #ffffff;
}
.v_dark_light .widget_title:before {
	background-color: #1a1c34;
}
.v_dark .pagination li a,
.v_dark_light .pagination li a {
	background-color: #1a1c34;
}
.v_dark .pagination li.active a,
.v_dark .pagination li a:hover,
.v_dark_light .pagination li.active a,
.v_dark_light .pagination li a:hover {
  background-color: #2a2c44;
}
.v_light .blog_content {
	background-color: #f6f8ff;
}
.v_light .pagination li a {
  background-color: #f6f8ff;
  color: #002e87;
}
.v_light .pagination li.active a,
.v_light .pagination li a:hover {
  background-color: #e6e8ef;
}
.v_dark_light .comment-area .form_field input, 
.v_dark_light .comment-area .form_field textarea,
.v_dark_light .comment-area .form_field input:focus,
.v_dark_light .comment-area .form_field textarea:focus {
	border-color: #1a1c34;
	color:#1a1c34;
}
.v_dark_light .comment-area .form-control::-webkit-input-placeholder {
	color: #1a1c34;
}
.v_dark_light .comment-area .form-control:-moz-placeholder {
	color: #1a1c34;
}
.v_dark_light .comment-area .form-control::-moz-placeholder {
	color: #1a1c34;
}
.v_dark_light .comment-area .form-control:-ms-input-placeholder {
	color: #1a1c34;
}
/*===================================*
13. END BLOG PAGE
*====================================*/