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

[Table of contents]

1. Base (Global style for some elements)
2. Header (Main navigation)
3. Slider (Header Slider)
4. Store Icons (Section)
5. Amazing Features (Section)
6. How It Works (Section)
7. More Features (Section)
8. Download (Section)
9. Download Icons (Section)
10. Quick View (Section)
11. Accordion (Section)
12. Team (Section)
13. Testimonial (Section)
14. Packages (Section)
15. Statistic (Section)
16. Twitter (Section)
17. Quick Support (Section)
18. Subscribe (Section)
19. Footer (Section)
20. Custom Scroll Bar
21. Scroll back to top button
22. Preloader (Preloader will be show until the website content fully load)

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

[GLOBAL STYLE]

# HTML (Global font size: Default: 16px)
# a tag
# Responsive Image
# Clearfix
# Bootstrap Container
# Wrapper
4# Template Sections
# Input Fields
# Carousel slider

-----------------------------------------------------------------------------------*/
html {
  font-size: 16px;
  /* Global Font Size */
  width: 100%;
}

body {
  font-size: 100%;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  height: 100%;
  clear: both;
  font-family: 'Poppins', sans-serif;
}

* {
  outline: none !important;
}

/* Change the a tag color */
a {
  text-decoration: none;
  color: #2b8dd9;
  transition: 300ms linear;
  transition-property: color;
  display: inline-block;
}

a:hover, a:active, a:focus, a:visited {
  text-decoration: none;
  color: #10497d;
}

/* Responsive image */
img {
  max-width: 100%;
  display: inline-block;
}

/* Clearfix */
.clearfix {
  clear: both;
}

/* Make bootstrap container max-width 100% */
.container {
  max-width: 100%;
}

/*--- for remove space / gutter betwin 2 colom of boot strap */
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.bold-color {
	color:#10497d;
}

/*---  */

/* Template wrapper */
.wrapper {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
  overflow-y: auto;
}

/* Template white section and blue section */
.section-white, .section-blue   {
  margin: 0;
  padding:0;
  display: block;
  width: 100%;
  clear: both;
  background: white;
  text-align: center;
  overflow: hidden;
  /* Section h1 heading */
}

.section-grey  {
  margin: 0;
  background: rgba(16,72,125,1);
  background: -moz-linear-gradient(45deg, rgba(16,72,125,1) 0%, rgba(53,143,206,1) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(16,72,125,1)), color-stop(100%, rgba(53,143,206,1)));
  background: -webkit-linear-gradient(45deg, rgba(16,72,125,1) 0%, rgba(53,143,206,1) 100%);
  background: -o-linear-gradient(45deg, rgba(16,72,125,1) 0%, rgba(53,143,206,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(16,72,125,1) 0%, rgba(53,143,206,1) 100%);
  background: linear-gradient(45deg, rgba(16,72,125,1) 0%, rgba(53,143,206,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10487d', endColorstr='#358fce', GradientType=1 );  padding: 80px 0;
  display: block;
  width: 100%;
  clear: both;
  background: #f2f4f5;
  text-align: center;
  overflow: hidden;
  /* Section h1 heading */
}

.section-white h1, .section-blue h1, .section-grey h1, .two-colom-section h1 {
  color: #10497d;
  font-size: 2.75rem;
  line-height: 4.125rem;
  font-weight: 300;
  margin-top: 0;
  position: relative;
  margin-bottom: 3.75rem;
}

.main-heading-text {
	float:left;
	width:100%;
	padding:0 0 20px 0;
}

.main-heading-text p{
	float:left;
	width:100%;
	text-align:center;
	font-size:16px;
	color:#708198;
	line-height:1.5;
	white-space:pre-line;
}

.site-testimonial .main-heading-text p{
	float:left;
	width:100%;
	text-align:center;
	font-size:16px;
	color:#708198;
	line-height:1.5;
	white-space:pre-line;
	padding:0 0 30px 0;
}

@media screen and (max-width: 767px) {
  .section-white h1, .section-blue h1, .section-grey h1, .two-colom-section h1 {
    font-size: 2rem;
	line-height:1.2;
  }
}

.section-white h1 strong, .section-blue h1 strong {
  font-weight: 700;
}

.left-heading h1:after {
  /* H1 heading icon add */
  content: "";
  position: relative;
  background: url("../images/heading-before.png") no-repeat left;
  background-size: 3.375rem 1.125rem;
  display: block;
  width: 40px;
  height: 4px;
  margin-left: 0;
  margin-right: auto;
  clear: both;
  top: 0.5rem;
}

.two-colom-section h1:after {
  /* H1 heading icon add */
  content: "";
  position: relative;
  background: url("../images/heading-before.png") no-repeat left;
  background-size: 3.375rem 1.125rem;
  display: block;
  width: 40px;
  height: 4px;
  margin-left: 0;
  margin-right: auto;
  clear: both;
  top: 0.5rem;
}


.section-blue h1:after {
  /* H1 heading icon add */
  content: "";
  position: relative;
  background: url("../images/heading-before-white.png") no-repeat center;
  background-size: 3.375rem 1.125rem;
  display: block;
  width: 40px;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  top: 0.5rem;
}

/* Template section blue */
.section-blue {
  color: white;
  background-color: #08223b;
}

.section-blue h1 {
  color: white;
}

.left-heading h1 {
	text-align:left;
	line-height:1.3;
}



.blue-purple-gredient {
background: #836aeb;
  background: rgba(50,187,241,1);
/* Old Browsers */background: -moz-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(50,187,241,1)), color-stop(68%, rgba(166,73,233,1)), color-stop(100%, rgba(166,73,233,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* IE 10+ */background: linear-gradient(135deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}

/*-----------------------------------------------------------------------------------*/
/* Input fields */
/*-----------------------------------------------------------------------------------*/
input {
  border: none;
  box-shadow: none;
}

/* Submit input field */
input[type=submit], button[type=submit] {
  min-width: 12.188rem;
  min-height: 3.125rem;
  border-radius: 1.5rem;
  color: white;
  font-family: inherit;
  font-size: 0.813rem;
  font-weight: 700;
  line-height: 1.813rem;
  text-transform: uppercase;
  transition: 300ms linear;
  transition-property: background, color;
  border:none;
  
   background: rgba(70,200,255,1);
/* Old Browsers */background: -moz-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,200,255,1)), color-stop(100%, rgba(129,211,126,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* IE 10+ */background: linear-gradient(to right, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
/* IE6-9 */

-webkit-box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
}

input[type=submit]:hover, button[type=submit]:hover {
  background: white;
  color: #203e5b;
}

/* Fluid container with wide class */
.container-fluid.wide {
  max-width: 1400px;
}

@media screen and (min-width: 768px) {
  .container-fluid.wide {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

/*-----------------------------------------------------------------------------------*/
/* Carousel slider CSS */
/*-----------------------------------------------------------------------------------*/
.swiper-container {
  /* Main container */
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  list-style: none;
  box-shadow: none;
}

/* wrapper */
.swiper-wrapper {
  margin: 0;
  padding: 0;
  box-shadow: none;
}

/* Single slide */
.swiper-slide {
  margin: 0;
  padding:0;
  display: block;
  list-style: none;
}

.swiper-slide-box {
	padding:50px;
	background:#FFFFFF;
  border-radius:6px;
  border-bottom:#f5f5f9 solid 1px;
  
-webkit-box-shadow: 0px 0px 22px 6px rgba(24,30,110,0.03);
-moz-box-shadow: 0px 0px 22px 6px rgba(24,30,110,0.03);
box-shadow: 0px 0px 22px 6px rgba(24,30,110,0.03);
}

.swiper-slide-back-box  {
	float:left;
	width:90%;
	height:15px;
	margin-left:5%;
	background:#FFFFFF;
  border-radius:0 0 6px 6px;
  
-webkit-box-shadow: 0px 0px 22px 6px rgba(24,30,110,0.03);
-moz-box-shadow: 0px 0px 22px 6px rgba(24,30,110,0.03);
box-shadow: 0px 0px 22px 6px rgba(24,30,110,0.03);
}


/* Pagination */
.swiper-pagination {
  box-shadow: none;
  text-shadow: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  left: 0;
  right: 0;
}

@media screen and (max-width: 991px) {
  .swiper-pagination {
    margin-top: 0.625rem;
  }
}

@media screen and (max-width: 767px) {
  .swiper-pagination {
    margin-top: 1.25rem;
  }
}

/* pagination bullet */
.swiper-pagination-bullet {
  width: 1.0625rem;
  height: 1.0625rem;
  background-color:#f2f4f5;
  opacity: 1;
  transition: 300ms linear;
  transition-property: background-color;
  margin: 0.4375rem;
  border:#10497d solid 1px;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0.4375rem;
}

/* Active pagination bulet */
.swiper-pagination-bullet-active {
  background-color: #10497d;
}

/* Navigatin prev button */
.swiper-button-prev, .swiper-button-next {
  margin: 0;
  padding: 0;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  background: none;
  border-radius: 6.25rem;
  opacity: 0.3;
  border: 0.125rem solid #515151;
  font-size: 1.25rem;
  transition: 300ms linear;
  transition-property: background, opacity, border-color;
  left: -2.5rem;
}

@media screen and (max-width: 767px) {
  .swiper-button-prev, .swiper-button-next {
    left:0;
    /*top: -3.125rem;*/
	display:none;
  }
}

.swiper-button-prev:hover, .swiper-button-next:hover {
  background: #9c52ea;
  opacity: 1;
  border-color: #9c52ea;
}

.swiper-button-prev span, .swiper-button-next span, .swiper-button-prev i.fa, .swiper-button-next i.fa {
  position: absolute;
  top: 0;
  left: -0.125rem;
  right: 0;
  display: block;
  bottom: 0;
  line-height: 2.9375rem;
  width: 100%;
  height: 100%;
  text-align: center;
}

/* Navigation next button */
.swiper-button-next {
  left: auto;
  right: -2.5rem;
}

@media screen and (max-width: 767px) {
  .swiper-button-next {
    right: 1.25rem;
  }
}

.swiper-button-next span, .swiper-button-next i.fa {
  left: 0.125rem;
}

/* Carousel CSS for white section */
.section-white .swiper-pagination {
  margin-top: 2.5rem;
}

.section-white .swiper-pagination-bullet {
  background-color: #d3d3d3;
}

.section-white .swiper-pagination-bullet-active {
  background: #836aeb;
  background: rgba(50,187,241,1);
/* Old Browsers */background: -moz-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(50,187,241,1)), color-stop(68%, rgba(166,73,233,1)), color-stop(100%, rgba(166,73,233,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* IE 10+ */background: linear-gradient(135deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}

.section-white .swiper-button-prev, .section-white .swiper-button-next {
  background-color: #f2f4f5;
  border-color: #f2f4f5;
  color: #1f3542;
  opacity: 1;
  transition: 300ms linear;
  transition-property: color, background, border-color;
}

.section-white .swiper-button-prev:hover, .section-white .swiper-button-next:hover {
  color: white;
  border: none;
  background: #836aeb;
  background: rgba(50,187,241,1);
/* Old Browsers */background: -moz-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(50,187,241,1)), color-stop(68%, rgba(166,73,233,1)), color-stop(100%, rgba(166,73,233,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* IE 10+ */background: linear-gradient(135deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
  
}

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

[Header]

# Navigation and slider holder
# Sticky header
# Logo
# Sub Menu
# Off canvas Mobile menu

-----------------------------------------------------------------------------------*/
/* Navigation and slider holder */
.site-holder {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  /*background: #836aeb;*/
}

.site-holder .sticky-header {
  /* Sticky header */
  z-index: 100000 !important;
  /* background:rgba(255,255,255,1); */
  position:absolute;
  transition: 300ms linear;
  transition-property: transform;
  transform: translateY(0px);
  left:0;
  right:0;
  max-height: 150px
}

.site-holder .sticky-wrapper {
  /* Sticky wrapper */
  height: 5.625rem !important;
  position:absolute;
  top:0;
  left:0;
  right:0;
}

.site-holder .sticky-wrapper.is-sticky > .sticky-header {
  /* Make the menu sticky */
}

@media screen and (min-width: 992px) {
  .site-holder .sticky-wrapper.is-sticky > .sticky-header {
    /*margin-left: -1.25rem;*/
    margin-right: -1.25rem;
    width: 100% !important;
    transition: 300ms linear;
    transition-property: transform;
    transform: translateY(-20px);
    background:rgba(255,255,255,1);
    -webkit-box-shadow: 1px 5px 5px -1px rgba(16,73,125,0.4);
-moz-box-shadow: 1px 5px 5px -1px rgba(16,73,125,0.4);
box-shadow: 1px 5px 5px -1px rgba(16,73,125,0.4);
max-height: 150px;
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-logo {
    /* Logo */
    transition: all 300ms linear;
    transition-property: all;
    transform: translateY(10px);
    padding: 5px 20px;
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-logo img{
    max-width: 95px;
  }

  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-nav {
    /* Navigation */
    transition: 300ms linear;
    transition-property: transform;
    transform: translateY(10px);
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-sub-menu {
    /* Sub menu */
    transform: translateY(-10px);
  }
}



/* Header */
.site-header {
  width: 100%;
  clear: both;
  /*background-color: #1f3542;*/
}

/* Logo */
.site-logo {
  display: table;
  /* background: rgba(255,255,255,1); */
  position: relative;
  padding:10px
}

.site-logo a {
  color: white;
  display: table-cell;
  vertical-align: middle;
}

.site-logo img {
  vertical-align: baseline;
  max-width: 170px;
  transition: all 0.5s
}

/* Navigation */
.site-nav {
  float: none;
  position: relative;
  z-index: 1000;
  margin:0 auto;
  display:table;
}

.site-nav ul.nav-off-canvas {
  /* Off canvas mobile menu */
  margin: 0;
  padding: 0;
  display: table;
}

@media screen and (min-width: 992px) {
  .site-nav ul.nav-off-canvas {
    height: auto !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.nav-off-canvas {
    position: fixed;
    top: 0;
    left: -1000px;
    bottom: auto;
    height:100vh;
    width: 100%;
    max-width: 15.625rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 0 0 2.6875rem rgba(2, 3, 3, 0.84);
    transition: 300ms linear;
    transition-property: opacity, visibility;
    cursor: pointer;
  background: #ffffff;
  }
  .site-nav ul.nav-off-canvas > li:last-child {
    margin-bottom: 100%;
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header {
    margin-left:0;
    margin-right: -1.25rem;
    width: 100% !important;
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-logo, .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-nav {
    transition: 300ms linear;
    transition-property: height;
    height: 4.375rem;
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-logo img,
   .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-nav img {
    max-width: 60px;
    height: auto;
  }
  .site-nav {
    height: 5.625rem;
    float: right;
  }
  .site-logo img,.site-logo{
    height: 60px;
  }
}

@media screen and (max-width: 400px) {
  .site-nav ul.nav-off-canvas {
    max-width: 12.5rem;
  }
}

.site-nav ul.nav-off-canvas > li {
  margin: 0;
  padding: 0;
  float: left;
  display: table;
  height:10rem;
  position: relative;
}

@media screen and (max-width: 991px) {
  .site-nav ul.nav-off-canvas > li {
    width: 100%;
    height: auto;
    display: block;
    clear: both;
	line-height:2;
  }
}

@media screen and (min-width: 992px) {
  .site-nav ul.nav-off-canvas > li:hover .site-sub-menu {
    opacity: 1;
    visibility: visible;
  }
}

.site-nav ul.nav-off-canvas > li.active, .site-nav ul.nav-off-canvas > li:hover {
  /* Active and hover */
}

.site-nav ul.nav-off-canvas > li.active > a, .site-nav ul.nav-off-canvas > li:hover > a {
  color: #10497d;
}

/* .top-logo{
    display: none
}
.after-logo{
    display: none
}
.sticky-wrapper li .site-logo img.top-logo{
    display: block;
}
.sticky-wrapper.is-sticky .site-logo img.after-logo{
    display: block;
}
.sticky-wrapper.is-sticky .site-logo img.top-logo{
    display: none
} */
.site-nav ul.nav-off-canvas > li.active > a:after, .site-nav ul.nav-off-canvas > li:hover > a:after {
  width: 100%;
}


.site-nav ul.nav-off-canvas > li > a {
  font-size:15px;
  font-weight:500;
  line-height:2;
  text-transform: capitalize;
  color: #10497d;
  display: table-cell;
  vertical-align: middle;
  padding: 0 18px;
  letter-spacing: 0.03125rem;
  position: relative;
}
.site-holder .sticky-wrapper.is-sticky > .sticky-header ul.nav-off-canvas > li > a{
  color: #10497d;
}
@media screen and (max-width: 1199px) {
  .site-nav ul.nav-off-canvas > li > a {
    padding-left: .9rem;
    padding-right: .9rem;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.nav-off-canvas > li > a {
    display: inline-block;
    width: auto;
    padding: 0.125rem 1.875rem;
    color: #10497d
  }
}

.site-nav ul.nav-off-canvas > li > a:after {
  content: "";
  position: relative;
  display: block;
  top: -0.3125rem;
  height: 2px;
  width: 0;
  margin: 0 auto;
  background:#10497d;
  transition: 300ms linear;
  transition-property: width;
}

.site-nav ul.nav-off-canvas .offCanvasClose {
  /* Off canvas close button */
  display: none;
}

@media screen and (max-width: 991px) {
  .site-nav ul.nav-off-canvas .offCanvasClose {
    display: block;
    position: fixed;
    bottom: 0;
    left: auto;
    color: red;
    height: 3.125rem;
    width: 3.125rem;
    overflow: hidden;
    text-align: center;
    line-height: 3.125rem;
    cursor: pointer;
    font-size: 1.25rem;
    transition: 300ms linear;
    transition-property: background, color;
    display: none
  }
  .site-nav ul.nav-off-canvas .offCanvasClose:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 100px solid #0A2B4A;
    border-right: 100px solid transparent;
    transition: 300ms linear;
    transition-property: border-bottom-color;
  }
  .site-nav ul.nav-off-canvas .offCanvasClose:hover {
    color: white;
    background: none;
  }
  .site-nav ul.nav-off-canvas .offCanvasClose:hover:before {
    border-bottom-color: #d4e9ff;
  }
  .site-nav ul.nav-off-canvas .offCanvasClose i.fa {
    display: block;
    line-height: 3.125rem;
    position: relative;
    top: 0.625rem;
    left: -0.625rem;
  }
}

.site-nav .site-sub-menu {
  /* Sub menu */
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  margin: 0;
  padding: 0.625rem 1.875rem 1.25rem;
  background: #203e51;
  min-width: 200px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: 300ms linear;
  transition-property: opacity, visibility;
  transition-delay: 300ms;
  box-shadow: 0 10px 0.8125rem 0 rgba(2, 3, 3, 0.24);
  border-radius: 0 0 0.25rem 0.25rem;
}

@media screen and (min-width: 992px) {
  .site-nav .site-sub-menu {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav .site-sub-menu {
    white-space: normal;
    position: relative;
    opacity: 1;
    visibility: visible;
    background: #153464;
    padding-top: 1.25rem;
    padding-left: 2.5rem;
    box-shadow: none;
    display: none;
  }
}

.site-nav .site-sub-menu li {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-nav .site-sub-menu li:hover > a {
  color: #d4e9ff;
}

.site-nav .site-sub-menu li:hover > a:after {
  width: 100%;
}

.site-nav .site-sub-menu a {
  width: auto;
  color: white;
  font-size:13px;
  font-weight:500;
  line-height: 2;
  text-transform: capitalize;
  letter-spacing: 0.0625rem;
  position: relative;
  padding: 0.125rem 0;
}

.site-nav .site-sub-menu a:after {
  content: "";
  position: relative;
  display: block;
  top: -0.3125rem;
  height: 1px;
  width: 0;
  margin: 0 auto;
  background: #2b8dd9;
  transition: 300ms linear;
  transition-property: width;
}

/* MOBILE VIEW NAVIGATION BUTTON */
.nav-mobile {
  color: white;
  display: none;
}

.nav-mobile:hover {
  color: #48cafe;
}

@media screen and (max-width: 991px) {
  .nav-mobile {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1.875rem;
    text-align: center;
    color: white;
    background: #122748;
    height: 3.125rem;
    width: 3.4375rem;
    line-height: 3.125rem;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    transition: 300ms linear;
    transition-property: color;
	border-radius:0px;
  }
  .nav-mobile i.fa {
    line-height: 3.125rem;
  }
}

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

[Slider] (Section)

# Slider (Wrapper)
# Caption
# Pagination
# Navigation
# Typography
# Button

-----------------------------------------------------------------------------------*/
/* Header slider wrapper */
.header-slider {
  /* HEADER SLIDER */
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  min-height: 100px;
  position: relative;
  height: 950px;
  max-width: 100%;
  margin: 0 auto;
  font-family: inherit;
  z-index: 1;
  
}

.header-slider ul.seq-canvas,
.header-slider ul.seq-canvas > * {
  /* Reset */
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.header-slider .seq-canvas {
  /* Make the canvas the same dimensions as the container and prevent lines from
   wrapping so each step can sit side-by-side */
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: block !important;
  max-width: 1400px;
  margin: 0 auto !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.header-slider .seq-canvas > li {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 100%;
  width: 100%;
  clear: both;
  text-align: center;
  z-index: 1;
}

.header-slider .seq-canvas > li .bg-img {
  transform: translateX(-2000px);
  transition: transform 2000ms ease;
  max-width: 100%;
  background: no-repeat 90% bottom;
  background-size: 558px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
	
	.header-slider {
		height:850px;
	}
	
  .header-slider .seq-canvas > li .bg-img {
    background-size: 300px;
    background-position: center bottom;
  }
}

@media screen and (max-width: 400px) {
  .header-slider .seq-canvas > li .bg-img {
    background-size: 80%;
  }
}

.header-slider .seq-canvas > li.seq-in .bg-img {
  transform: translateX(0);
}

.header-slider .seq-canvas > li.seq-out .bg-img {
  transform: translateX(2000px);
}

.header-slider .seq-canvas > li .slide-caption {
  opacity: 0;
  transition: opacity 600ms ease;
}

.header-slider .seq-canvas > li.seq-in .slide-caption {
  opacity: 1;
  transition-delay: 1500ms;
}

.header-slider .seq-canvas > li.seq-out .slide-caption {
  opacity: 0;
}

.header-slider .seq-pagination {
  /* PAGINATION */
  width: 100%;
  padding: 0 0 0 5rem;
  display: block;
  z-index: 100;
  position: absolute;
  left: 0;
  bottom: 20%;
  right: 0;
  top: auto;
  max-width: 1400px;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
  .header-slider .seq-pagination {
    text-align: center;
    padding-left: 0;
    bottom: 1.875rem;
	display:none;
  }
}

.header-slider .seq-pagination li {
  
  font-weight: 400;
  color: #FFFFFF;
  font-size: 0.8125rem;
  margin: 0;
  padding: 0 0.5rem;
  display: inline-block;
  list-style: none;
  cursor: pointer;
  position: relative;
}

.header-slider .seq-pagination .seq-current {
  color: #80d37f;
  font-size: 1.125rem;
}

.header-slider .seq-pagination .seq-current:after {
  content: "";
  display: block;
  height: 1px;
  width: 80%;
  background: #2b8dd9;
  position: relative;
  margin: 0 auto;
}

.header-slider .seq-prev, .header-slider .seq-next {
  /* NAVIGATION PREV BUTTON */
  position: absolute;
  z-index: 100;
  color: #000000;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  background-color: #FFFFFF;
  border: none;
  box-shadow: none;
  border-radius: 12.5rem;
  transition: 300ms linear;
  transition-property: background, color;
  margin: auto 0;
  top: 0;
  left: 1rem;
  bottom: 0;
  display: block;
}

.header-slider .seq-prev:hover, .header-slider .seq-next:hover {
  background: #10497d;
}

.header-slider .seq-prev:hover i.fa, .header-slider .seq-prev:hover span, .header-slider .seq-next:hover i.fa, .header-slider .seq-next:hover span {
  opacity: 1;
}

.header-slider .seq-prev i.fa, .header-slider .seq-prev span, .header-slider .seq-next i.fa, .header-slider .seq-next span {
  opacity: 0.8;
  font-size: 1.25rem;
  color: #000000;
  line-height: 3.125rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  text-align: center;
  transition: 300ms linear;
  transition-property: opacity;
}

.header-slider .seq-next {
  /* NAVIGATION NEXT BUTTON */
  color: white;
  left: auto;
  right: 1rem;
}

.header-slider .slide-caption {
  /* CAPTION */
  position: absolute;
  top: 25%;
  left: 6%;
  bottom: 0;
  display: block;
  color: white;
  z-index: 100;
  text-align: left;
  padding-left: 0.3125rem;
}

@media screen and (max-width: 1199px) {
  .header-slider .slide-caption {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 991px) {
  .header-slider .slide-caption {
    text-align: center;
    top:6.25rem;
    left: 0;
    max-width: 27.5rem;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  .header-slider .slide-caption {
    max-width: 31.25rem;
  }
  .site-holder .sticky-header .site-logo img, .site-logo{
    max-height: 60px;
    max-width: 60px;
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header{
    background: #ffffff
  }
  .site-nav ul.nav-off-canvas > li.contact-detail{
    display: block;
    padding: 0.125rem 1.875rem;
    font-size: 15px;
    font-weight: 500;
    color: #10497d;
  }
  .site-nav ul.nav-off-canvas > li span{
    display: block;
  }
  .onlymobile{
    display: block
  }
}

.header-slider h1 {
  color: white;
  font-family: inherit;
  font-size: 160px;
  font-weight: 600;
  line-height: 1;
  white-space: pre-line;
  margin-bottom:0;
}

@media screen and (max-width: 991px) {
  .header-slider h1 {
    white-space: normal;
	font-size:100px;
	text-align:center;
	margin-top:0;
  }
}

@media screen and (max-width: 767px) {
  .header-slider h1 {
    font-size:100px;
  }
}

@media screen and (max-width: 639px) {
  .header-slider h1 {
    font-size:50px;
  }
}

.header-slider h2 {
  color: white;
  font-family: inherit;
  font-size: 2.125em;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.25em;
  white-space: pre-line;
  margin-top:0;
}

@media screen and (max-width: 991px) {
  .header-slider h2 {
    white-space: normal;
    margin-bottom: 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  .header-slider h2 {
    font-size: 1.875em;
  }
}

.header-slider p {
  color: white;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: 2;
  margin-bottom: 1.875em;
  white-space: pre-line;
}

@media screen and (max-width: 1199px) {
  .header-slider p {
    font-size:14px;
	line-height:1.5;
	font-weight:normal;
  }
}

@media screen and (max-width: 991px) {
  .header-slider p {
    white-space: normal;
  }
}

.header-slider .slide-button {
  min-width: 15em;
  padding: 0 2.5em;
  border: 1px solid white;
  border-radius: 12.5em;
  color: white;
  font-family: inherit;
  font-size: 0.8125em;
  font-weight: 700;
  line-height: 3.75em;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  transition: 300ms linear;
  transition-property: color, background;
  margin: 1.875em 1.25em 1.875em 0;
}

.header-slider .slide-button:hover {
  background: #80d380;
  color: #FFFFFF;
  transition:all ease .5s;
  border:none;
  
  background: rgba(70,200,255,1);
/* Old Browsers */background: -moz-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,200,255,1)), color-stop(100%, rgba(129,211,126,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* IE 10+ */background: linear-gradient(to right, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
/* IE6-9 */

-webkit-box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
}


.slide-button-active {
  background: #80d380;
  color: #FFFFFF;
  transition:all ease .5s;
  border:none !important;
  
  background: rgba(70,200,255,1);
/* Old Browsers */background: -moz-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,200,255,1)), color-stop(100%, rgba(129,211,126,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* IE 10+ */background: linear-gradient(to right, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
/* IE6-9 */

-webkit-box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
}

@media screen and (max-width: 767px) {
  .header-slider .slide-button {
    margin-bottom: 0;
  }
}




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

Static Banner 

-----------------------------------------------------------------------------------*/
.static-banner {
  background: #24C6DC;
  background: -webkit-linear-gradient(to bottom, #ffffff ,#24C6DC);
  background: linear-gradient(to bottom, #ffffff,#24C6DC);
/* background:#f0f0f0 url(../images/bg.jpg) repeat top left; */
    color: #555;
    
    min-height: 730px;
  position:relative;
  margin-bottom: 8.5em;
}
.inner-banner.static-banner{
  height: auto;
 /* background-image: url(../images/bg.jpg); */
 min-height: 400px;

  
}
.inner-banner.static-banner .static-content {
  /*margin-top: 15px;*/
}
.static-banner::after
{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background-color: #836aeb;
  background-color: rgba(50,187,241,0.7);
  background-color: -moz-linear-gradient(-45deg, rgba(50,187,241,0.5) 0%, rgba(166,73,233,0.5) 68%, rgba(166,73,233,0.5) 100%);
  background-color: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(50,187,241,0.5)), color-stop(68%, rgba(166,73,233,0.5)), color-stop(100%, rgba(166,73,233,0.5)));
  background-color: -webkit-linear-gradient(-45deg, rgba(50,187,241,0.5) 0%, rgba(166,73,233,0.5) 68%, rgba(166,73,233,0.5) 100%);
  background-color: -o-linear-gradient(-45deg, rgba(50,187,241,0.5) 0%, rgba(166,73,233,0.5) 68%, rgba(166,73,233,0.5) 100%);
  background-color: -ms-linear-gradient(-45deg, rgba(50,187,241,0.5) 0%, rgba(166,73,233,0.5) 68%, rgba(166,73,233,0.5) 100%);
  background-color: linear-gradient(135deg, rgba(50,187,241,0.5) 0%, rgba(166,73,233,0.5) 68%, rgba(166,73,233,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
    z-index: -1; */
}
.static-content {
	position:absolute;
  top: 50%;
  margin-top: 50px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%); 
  width: 100%;
  left: 0;
}
.typewrite{
  font-size: 40px;
  font-weight: 700;
  color: #10497d !important;
  margin-bottom: 15px;
}
.contact-details{
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  display: table;
  width: 100%;
  z-index: 111;
}
.onlymobile{
  display: none !important;
}
.is-sticky .contact-details .left-side,.is-sticky .contact-details .right-side{
  color: #10497d !important;
}
.is-sticky .contact-details{
  max-width: 840px;
}
.contact-details .left-side{
  position: absolute;
  left: 0;
  font-size: 15px;
    font-weight: 500;
    line-height: 2;
    text-transform: capitalize;
    color: #10497d;
    top: 20px;
}
.contact-details .right-side{
  position: absolute;
  right: 0;
  font-size: 15px;
    font-weight: 500;
    line-height: 2;
    text-transform: capitalize;
    color: #10497d;
    top: 20px;
}
.banner-caption {
	float:left;
	width:100%;
	position:relative;
	left:-15px;
  padding:0 0 0 0;
  text-align: center;
  top:-70px;
}

.banner-caption h1 {
	font-size:40px;
	color:#10497d;
	font-weight:600;
	letter-spacing:-2px;
	line-height:1;
	padding:0;
	margin:0;
}

.banner-caption h2 {
	font-size:40px;
	color:#10497d;
	font-weight:700;
	line-height:1;
	padding:0;
	margin:0;
}

.banner-caption p {
  color: #10497d;
  font-family: inherit;
  font-size: 20px ;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 1.875em;
  white-space: pre-line;
}

.static-banner .slide-button {
  min-width: 15em;
  padding: 0 2.5em;
  border: 1px solid white;
  border-radius: 12.5em;
  color: white;
  font-family: inherit;
  font-size: 0.8125em;
  font-weight: 700;
  line-height: 3.75em;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  transition: 300ms linear;
  transition-property: color, background;
  margin: 1.875em 1.25em 1.875em 0;
}

.static-banner .slide-button:hover {
  background: #80d380;
  color: #FFFFFF;
  transition:all ease .5s;
  border:none;
  
  background: rgba(70,200,255,1);
/* Old Browsers */background: -moz-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,200,255,1)), color-stop(100%, rgba(129,211,126,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* IE 10+ */background: linear-gradient(to right, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
/* IE6-9 */

-webkit-box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
}

.static-banner-image {
	background:url(../images/header-slide-1.png) no-repeat right top;
	width:1024px;
	height:358px;
	text-align:right;
	position: absolute;;
	right:0;
	left:10%;
  top:-45px;
  background-size: contain;
  background-position: center;
}



@media screen and (max-width: 1199px) {
	.static-banner {
		top:15%;
	}
	
 .static-banner-image {
	 left:0;

 }
 
 .banner-caption {
	 padding:90px 0 0 0;
 }
 
 .banner-caption h1 {
	 /*font-size:120px;*/
 }
 
 .banner-caption h2{
	 font-size:22px;
 }
 
 .banner-caption p{
	 line-height:1.7;
	 white-space:inherit;
	 font-weight:normal;
	 padding-top:20px;
 }
 
 
 
 
 
}

@media screen and (max-width: 991px) {
	
.static-banner {
  top:0;
  height: 100vh;
}
	
.banner-caption {
	padding:0;
}
	
.banner-caption h1 {
	/* font-size:100px;*/
	text-align:center;
}

.banner-caption h2{
	font-size:22px;
	text-align:center;
 }
 
.banner-caption p{
	line-height:1.7;
	white-space:inherit;
	font-weight:normal;
	padding:20px 0 0 0;
	text-align:center;
	margin-bottom:0;
}


 .static-banner-image {
	width:100%;
	text-align:center;
	background-size:300px;
	background-position:center top;
  margin:30px 0 0 0;
  max-height: 150px;
  margin-top: 22vh;
 }
 .star-bg{
   height:100vh !important;
 }
 .static-banner .banner-caption {
   text-align:center;
   left: 0;
 }
 marquee {
   font-size: 24px;
   max-width: 80vw;
 }

.cloud{
  bottom: -30px
}
 
 
 
 
}

@media screen and (max-width: 767px) {
	
	.static-banner {
		top:15%;
}
	
	.banner-caption h1 {
	/* font-size:70px;*/
	text-align:center;
}

.static-banner .slide-button {
	margin:10px 0;
}

 
 
}

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

Wave - Graph move on mouse move

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

.background {
		position: absolute; top: -10%; left: -10%; 
		width: 120%; height:1000px;
		z-index: 1;
	}
	
	.cloud {
		position: absolute; 
		bottom:-30px;
		left:-5%;
		height: auto;
		z-index: 2;
		opacity:10;
		min-width:110%;
		width: 100%;
		/*width: auto; */
	}
	
	.cloud img{
		width: 140% !important;
	}

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

[Store Icons Section] (Section)

# Store Icons (wrapper)
# .align-center (class)
# Images
# Icons
# Typography (h5, h6)

-----------------------------------------------------------------------------------*/
/* STORE ICONS */
.site-store-icons, .site-download-icons {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  text-align: center;
  position: relative;
  height: 0;
  z-index: 10;
}

@media screen and (max-width: 991px) {
  .site-store-icons, .site-download-icons {
    height: auto;
    /*background: #E5E8ED;*/
    padding: 1.25rem 0;
  }
}

.site-store-icons .align-center, .site-download-icons .align-center {
  /* Align center class */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0;
}

@media screen and (max-width: 991px) {
  .site-store-icons .align-center, .site-download-icons .align-center {
    position: relative;
  }
}

.site-store-icons a, .site-download-icons a {
  background-color: #FFFFFF;
  position: relative;
  padding: 1.625rem 3.125rem 1.5625rem 3.75rem;
  transition: 300ms linear;
  transition-property: background;
  border-right: 0.25rem solid #1f3542;
}

.site-store-icons a:last-child, .site-download-icons a:last-child {
  border-right: none;
}

.site-store-icons a:hover, .site-download-icons a:hover {
	transition:all ease .5s;
	
  background: rgba(70,200,255,1);
/* Old Browsers */background: -moz-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,200,255,1)), color-stop(100%, rgba(129,211,126,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* IE 10+ */background: linear-gradient(to right, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
/* IE6-9 */

-webkit-box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);
box-shadow: 10px 10px 34px -11px rgba(0,0,0,0.75);


}

.app-download-icons:hover h5 {
	color:#FFFFFF;
}

.app-download-icons:hover h6 {
	color:#FFFFFF;
}

.app-download-icons:hover i.fa {
	color:#FFFFFF;
}

@media screen and (max-width: 991px) {
  .site-store-icons a, .site-download-icons a {
    border: none;
    margin: 0.625rem;
  }
}

@media screen and (max-width: 767px) {
  .site-store-icons a, .site-download-icons a {
    display: block;
    max-width: 16.875rem;
    margin: 0 auto 0.125rem;
  }
}

.site-store-icons figure, .site-download-icons figure {
  /* Image */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  padding-left: 2.8125rem;
  line-height: 5.625rem;
}

.site-store-icons i.fa, .site-download-icons i.fa, .site-store-icons span, .site-download-icons span, .site-store-icons img, .site-download-icons img {
  /* Icons */
  color: #59687c;
  font-family: FontAwesome, serif;
  font-size: 2.9375rem;
  display: inline-block;
  font-weight: 400;
  line-height: 5.625rem;
  vertical-align: middle;
}

.site-store-icons i.fa.adjust, .site-download-icons i.fa.adjust {
  font-size: 1.875rem;
  position: relative;
  right: 0.625rem;
}

.site-store-icons img, .site-download-icons img {
  position: relative;
  right: 0.9375rem;
}

@media screen and (max-width: 767px) {
  .site-store-icons img, .site-download-icons img {
    right: 0.625rem;
  }
}

.site-store-icons h5, .site-download-icons h5 {
  /* Typography */
  color: #59687c;
  
  font-weight: 400;
  line-height: 1.375rem;
  font-size:18px;
  margin: 0;
  width: 100%;
  text-align: left;
  display: block;
  padding: 0 0 0 1.25rem;
}

.site-store-icons h6, .site-download-icons h6 {
  color: #59687c;
  font-weight: 400;
  line-height: 0.875rem;
  font-size:13px;
  margin: 0;
  width: 100%;
  text-align: left;
  display: block;
  padding: 0 0 0 1.25rem;
}

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

[Amazing Features]

# Amazing feature (wrapper)
# Features (Features holder class)
# move (move class)
# Images
# Icons
# Heading
# Paragraph
# Device

-----------------------------------------------------------------------------------*/
/* Amazing Features wrapper */
.site-amazing-features {
  /*background: url("../images/features-bg.png") no-repeat center 3.4375rem;*/
  background-size: cover;

}

@media screen and (max-width: 767px) {
  .site-amazing-features {
    background: none;
  }
}

.site-amazing-features .features {
  /* Features */
  max-width: 19.75rem;
  display: inline-block;
  margin-bottom: 3.125rem;
  position: relative;
  cursor: pointer;
  z-index: 10;
  padding:30px;
}

.site-amazing-features .features:hover {
  /* Features mouse hover */
  padding:30px;
  transition:all ease .5s;
  border-radius:12px;
  
  -webkit-box-shadow: -1px 10px 33px -5px rgba(24,30,110,0.31);
-moz-box-shadow: -1px 10px 33px -5px rgba(24,30,110,0.31);
box-shadow: -1px 10px 33px -5px rgba(24,30,110,0.31);
}

.site-amazing-features .features:hover h5 {
  color: #10497d;
}

.site-amazing-features .features:hover figure {
  /*border-color: #2b8dd9;
  box-shadow: 0 0 0.938rem rgba(2, 3, 3, 0.19);*/
}

.site-amazing-features .features:hover figure:before {
  /*background: #2b8dd9;*/
}

.site-amazing-features .features:hover span, .site-amazing-features .features:hover i.fa {
  color: white;
}

.site-amazing-features .features.move {
  /* Move Class */
  /*top: 5.625rem;*/
  
}


@media screen and (max-width: 767px) {
  .site-amazing-features .features.move {
    top: 0;
  }
}

.site-amazing-features .features figure {
  /* Image */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.25rem;
  background: white;
  transition: 300ms linear;
  transition-property: border-color, box-shadow;
  position: relative;
  z-index: 1;
  box-shadow: none;
}

.site-amazing-features .features figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: block;
  height: 100%;
  background: white;
  border-radius: 6.25rem;
  border: 0.5rem solid white;
  z-index: -1;
  transition: 300ms linear;
  transition-property: background;
}

.site-amazing-features span, .site-amazing-features i.fa {
  /* Icons */
  display: inline-block;
  font-size: 3rem;
  line-height: 6.25rem;
  color: #6f6f6f;
  transition: 300ms linear;
  transition-property: color;
}

.site-amazing-features h5 {
  /* Heading */
  color: #59687c;
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 0.875rem;
  margin: 0 0 1.75rem;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  transition: 300ms linear;
  transition-property: color;
}

.site-amazing-features p {
  /* Paragraph */
  color: #708198;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.625rem;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
}

.site-amazing-features .device {
  /* Device holder */
  margin-top: 1rem;
}



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

[About App] (Section)

# About App (wrapper)
# Typography (h1, h3, h4, p)
# Device image
# Section (image, icons)
# Carousel Slider
# carousel navigation
# carousel pagination

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

.about-half-colom-section {
	float:left;
	width:100%;
	margin:0;

}

.site-about-app p  {
  /* Paragraph */
  color: #708198;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height:2;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  text-align:left;
}

.about-half-colom-section-image {
	width:945px;
	height:auto;
	position:absolute;
	top:0;
	right:-430px;
}


/* Download Buttons */

.site-download-icons.about-icon {
	float:left;
	width:100%;
	margin:50px 0 0 0;
	height:190px;
}

.site-download-icons.about-icon a {
  border: none;
  margin-right: 30px;
  margin-left: 0;
  border-radius: 62.5rem;
  padding: 1.75rem 2.75rem 1.75rem 3.625rem;
  float:left;
  border:#32baf1 solid 2px;
}

.site-download-icons.about-icon figure {
  /* Image */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  padding-left: 1rem;
  line-height: 5.625rem;
}

.site-download-icons.about-icon a:hover {
  border: none;
}

@media screen and (max-width: 1199px) {
  .about-half-colom-section {
	  
  }
  
  .about-half-colom-section-image {
	  right:0;
	  position:inherit;
	  width:100%;
	  margin-top:100px;
  }
  
  .site-about-app.section-grey {
	  padding-bottom:0;
  }
  
  
}

@media screen and (max-width: 991px) {
	.site-download-icons.about-icon {
		height:100px;
	}
}






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

(2 Colom Section)

# How it works (wrapper)
# Typography (h1, h3, h4, p)
# Device image
# Section (image, icons)
# Carousel Slider
# carousel navigation
# carousel pagination

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

.two-colom-section {
	padding:100px 0;
}

.half-colom-left-section {
	float:left;
	width:100%;
}

.half-colom-right-section {
	float:left;
	width:100%;
}

.left-heading-icon {
	float:left;
	width:100%;
	text-align:left;
}

.two-colom-content {
	float:left;
	width:100%;
	text-align:left;
}

.two-colom-content p{
	float:left;
	width:100%;
	text-align:left;
	font-size:15px;
	color:#708198;
	line-height:2;
	font-weight:normal;
}

.highlited-text {
	color:#10497d;
	font-weight:700px;
	letter-spacing:1px;
}

.half-colom-padding {
	padding:0px 0 0 0;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
 .two-colom-section {
	 padding:80px 0;
 }
 
 .half-colom-padding {
	padding:0;
}

.two-colom-content p {
	padding-bottom:10px;
}

}

@media screen and (max-width: 767px) {
 
 .two-colom-section {
	 padding:80px 0;
 }
 
 .half-colom-padding {
	 padding:0;
 }
 
}


@media screen and (max-width: 639px) {
 
 .two-colom-section {
	 padding:80px 0 0 0;
 }
 
 .half-colom-padding {
	 padding:0;
 }
 
}





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

[How it works] (Section)

# How it works (wrapper)
# Typography (h1, h3, h4, p)
# Device image
# Section (image, icons)
# Carousel Slider
# carousel navigation
# carousel pagination

-----------------------------------------------------------------------------------*/
/* How it works section wrapper */
.site-how-it-works {
  /*padding-top: 5rem;
  padding-bottom: 6rem;*/
}

@media screen and (max-width: 767px) {
  .site-how-it-works {
    padding-bottom: 5rem;
  }
}

.site-how-it-works h1 {
  /* Typography */
  margin-bottom: 3.75rem;
}

.site-how-it-works h3 {
  color: #10497d;
  font-family: inherit;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 0.625rem;
  margin-top: 1.25rem;
  text-align: left;
}

.site-how-it-works p {
  color: #708198;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.625rem;
  margin-top: 0;
  letter-spacing: 0.03125rem;
  text-align: left;
}

.site-how-it-works h4 {
  color: #59687c;
  font-family: inherit;
  font-size: 19px;
  line-height:1.5;
  font-weight: 600;
  margin-top:0;
  padding:0;
  margin-bottom: 0.625rem;
  text-align: left;
}

.site-how-it-works figure.device {
  /* device */
  text-align: center;
  position: relative;
  left:0;
}

.site-how-it-works .section {
  /* Section */
  position: relative;
  padding-left: 3.75rem;
  margin-top: 2rem;
}

.site-how-it-works .section.first {
  margin-top: 3rem;
}

.site-how-it-works .section figure {
  position: absolute;
  top: 1rem;
  left: 0;
  display: block;
}

.site-how-it-works .section i.fa, .site-how-it-works .section span {
  /* Icons */
  font-size: 2rem;
  line-height: 0.9375rem;
  color:#FFFFFF;
  border-radius:4px;
  padding:4px;
  
  background: #836aeb;
  background: rgba(50,187,241,1);
/* Old Browsers */background: -moz-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(50,187,241,1)), color-stop(68%, rgba(166,73,233,1)), color-stop(100%, rgba(166,73,233,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* IE 10+ */background: linear-gradient(135deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}

@media screen and (min-width: 768px) {
  .site-how-it-works .swiper-button-prev, .site-how-it-works .swiper-button-next {
    /* Carousel slider navigation */
    width: 1.3125rem;
    height: 1.3125rem;
    line-height: 1.3125rem;
    opacity: 0.3;
	left:auto;
    right: 2.5rem;
    top: auto;
    bottom: 12em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .site-how-it-works .swiper-button-prev, .site-how-it-works .swiper-button-next {
    right: 1.875rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .site-how-it-works .swiper-button-prev, .site-how-it-works .swiper-button-next {
    left: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .site-how-it-works .swiper-button-prev:hover, .site-how-it-works .swiper-button-next:hover {
    color: white;
    opacity: 1;
  }
  .site-how-it-works .swiper-button-prev span, .site-how-it-works .swiper-button-next span, .site-how-it-works .swiper-button-prev i.fa, .site-how-it-works .swiper-button-next i.fa {
    line-height: 0.875rem;
    text-align: center;
    display: inline-block;
    left: 0;
    font-size: 1rem;

  }
  .site-how-it-works .swiper-button-next {
    left:auto;
    right: 2.5rem;
    bottom: 3.5rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .site-how-it-works .swiper-button-next {
    right: 1.875rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .site-how-it-works .swiper-button-next {
    left: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .site-how-it-works .swiper-button-next span, .site-how-it-works .swiper-button-next i.fa {
    position: relative;
    top: -1px;
  }
  .site-how-it-works .swiper-pagination {
    /* Pagination */
    left: auto;
    width: auto;
    right: 2rem;
    top: auto;
    bottom: 6.25rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .site-how-it-works .swiper-pagination {
    right: 1.4375rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .site-how-it-works .swiper-pagination {
    left:auto;
  }
}

@media screen and (min-width: 768px) {
  .site-how-it-works .swiper-pagination-bullet {
    float: left;
    display: block;
    clear: both;
    width: 1.375rem;
    height: 1.375rem;
	border:#bcbcbc solid 2px;
	background:none;
  }
  .site-how-it-works .swiper-pagination-bullet span {
    display: none;
  }
  .site-how-it-works .swiper-pagination-bullet-active {
    background: #2b8dd9;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .site-how-it-works .swiper-pagination-bullet-active span {
    display: inline-block;
    width: 5.25rem;
    height: 5.25rem;
    background-color: white;
    border: 0.125rem solid white;
    box-shadow: 0 0 21px rgba(255, 255, 255, 0.56);
    border-radius: 62.5rem;
    color: #FFFFFF;
    font-size: 2.375rem;
    line-height: 5rem;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    top: -1.875rem;
    left: -1.875rem;
  }
  .site-how-it-works .swiper-pagination-bullet-active span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 62.5rem;
    z-index: -1;
	color:#FFFFFF;
	
	background: rgba(70,200,255,1);
/* Old Browsers */background: -moz-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,200,255,1)), color-stop(100%, rgba(129,211,126,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* IE 10+ */background: linear-gradient(to right, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
/* IE6-9 */
  }
}

@media screen and (max-width: 767px) {
  .site-how-it-works .swiper-pagination-bullet {
    /* Hide the icon on mobile view */
  }
  .site-how-it-works .swiper-pagination-bullet span {
    display: none;
  }
}

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

[More Features] (Section)

# More Features (wrapper)
# Feature Image
# Featured Box
# Align right (class)
# Align left (class)
# Move left (class)
# Move right (class)
# Icons
# Typography (h5, p)

-----------------------------------------------------------------------------------*/
/* More features wrapper */

.heading-text {
	float:left;
	width:100%;
	margin-bottom:60px;
	margin-top:-30px;
}

.heading-text p {
	float:left;
	width:100%;
	text-align:center;
	font-size:16px !important;
	line-height:1.5;
	white-space:pre-line;
}

.white {
	color:#FFFFFF;
}

.site-more-features {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  
}

@media screen and (max-width: 991px) {
  .site-more-features {
  }
}

.site-more-features .featured-img {
  /* featured image */
  padding: 0;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  max-width: 18.125rem;
  margin-top: 50%;
}

.site-more-features .featured-img img {
  display: inline-block;
  vertical-align: middle;
}

.site-more-features .feature {
  /* feature box */
  text-align: left;
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
  padding: 2.00625rem 5.625rem 3.125rem 2.5rem;
  top: 1.875rem;
  cursor: pointer;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 991px) {
  .site-more-features .feature {
    padding-top: 0.3125rem;
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.site-more-features .feature:hover h5 {
  color: #FFFFFF;
}

.site-more-features .feature:hover figure {
  border-color: #2b8dd9;
  box-shadow: 0 0 0.938rem rgba(2, 3, 3, 0.19);
}

.site-more-features .feature:hover figure:before {
  background: #2b8dd9;
}

.site-more-features .feature:hover span, .site-more-features .feature:hover i.fa {
  border-color:none;
  color: white;
  box-shadow: 0 0 15px rgba(2, 3, 3, 0.19);
  
  background: #80d380;
  color: #FFFFFF;
  transition:all ease .5s;
  border:none !important;
  
  background: rgba(70,200,255,1);
/* Old Browsers */background: -moz-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,200,255,1)), color-stop(100%, rgba(129,211,126,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* IE 10+ */background: linear-gradient(to right, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
/* IE6-9 */
}

.site-more-features .feature:hover span:after, .site-more-features .feature:hover i.fa:after {
  background: #2b8dd9;
}

.site-more-features .feature.align-right {
  /* Align right class */
  text-align: right;
  padding-right: 5.25rem;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature.align-right {
    padding-right: 7.5rem;
    padding-left: 0;
  }
}

@media screen and (max-width: 991px) {
  .site-more-features .feature.align-right {
    text-align: left;
    padding-right: 0;
    padding-left: 7.5rem;
  }
}

.site-more-features .feature.align-left {
  /* Align left class */
  text-align: left;
  padding-right: 2.5rem;
  padding-left: 5.25rem;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature.align-left {
    padding-right: 0;
    padding-left: 7.5rem;
  }
}

.site-more-features .feature.align-left.move {
  /* move left class */
  left:0;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature.align-left.move {
    left: 0;
  }
}

.site-more-features .feature.align-left figure {
  right: auto;
  left: -1.25rem;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature.align-left figure {
    left: 0;
  }
}

.site-more-features .feature.move {
  /* move right class */
  right:0;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature.move {
    right: 0;
  }
}

.site-more-features .feature figure {
  /* icons */
  position: absolute;
  top: 0;
  right: -1.25rem;
  bottom: 0;
  display: block;
  overflow: visible;
  width: 5.25rem;
  height: 5.25rem;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 62.5rem;
  transition: 300ms linear;
  transition-property: border-color, box-shadow;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature figure {
    right: 0;
  }
}

@media screen and (max-width: 991px) {
  .site-more-features .feature figure {
    right: auto;
    left: 0;
  }
}

.site-more-features .feature figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 62.5rem;
  /*border: 0.375rem solid white;*/
  transition: 300ms linear;
  transition-property: background;
}

.site-more-features h5 {
  /* Typography */
  color: #FFFFFF;
  margin-bottom: 0.9375rem;
  margin-top: 0.3125rem;
  transition: 300ms linear;
  transition-property: color;
  font-family: inherit;
  font-size: 19px;;
  font-weight: 600;
}

.site-more-features p {
  color: #FFFFFF;
  font-family: inherit;
  font-size: 14px;;
  font-weight: normal;
  line-height: 1.625rem;
}

.site-more-features figure {
  /* Image */
  overflow: hidden;
}

.site-more-features figure span, .site-more-features figure i.fa {
  /* Icons */
  text-align: center;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  color: #FFFFFF;
  font-size: 2.5rem;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 62.5rem;
  line-height: 4.25rem;
  transition: 300ms linear;
  transition-property: color;
}

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

[Download] (Section)

# Download Section (wrapper)

-----------------------------------------------------------------------------------*/
/* Download section wrapper */
.site-download {
  margin: 0;
  display: block;
  clear: both;
  background: #2B8DD9 url("../images/download-bg.png") no-repeat center;
  background-size: cover;

}

@media screen and (max-width: 991px) {
  .site-download {
    padding-bottom: 0;
    /*background: #2B8DD9;*/
  }
}

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

[Download Icons] (Section)

# Download Icons (Wrapper)
# Align center (class)
# Icons
# Icons adjust (class)
# Images

-----------------------------------------------------------------------------------*/
/* Download Icons Wrapper */
.site-download-icons {
  margin: 60px 0 60px 0;
  padding: 0;
  float:left;
  width:100%;
}

@media screen and (max-width: 991px) {
  .site-download-icons {
    /*background: #2B8DD9;*/
    padding-bottom: 2.5rem;
  }
}

.site-download-icons .align-center {
  /* Align center (class) */
  bottom: -2.8125rem;
}

@media screen and (max-width: 991px) {
  .site-download-icons .align-center {
    bottom: 0;
  }
}

.site-download-icons a {
  border: none;
  margin-right: 0.625rem;
  margin-left: 0.625rem;
  border-radius: 62.5rem;
  padding: 1.75rem 3.75rem 1.75rem 5.625rem;
}

.site-download-icons a:hover {
  background-color: #2177ba;
}

@media screen and (max-width: 767px) {
  .site-download-icons a {
    display: block;
    width: 100%;
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.25rem;
  }
}

.site-download-icons i.fa, .site-download-icons span, .site-download-icons img {
  /* Icons */
  line-height: 5.625rem;
  position: relative;
  left: 1.25rem;
  top: 0.125rem;
}

.site-download-icons i.fa.adjust {
  /* Icons adjust (class) */
  font-size: 1.875rem;
  right: 0.625rem;
}

.site-download-icons img {
  /* Image */
  right: 0.9375rem;
}

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

[Quick View] (Section)

# Quick View (wrapper)
# Heading (h1)
# Carousel pagination

-----------------------------------------------------------------------------------*/
/* Quick view wrapper */
.site-quick-view {
  margin: 50px 0 0;
  clear: both;
  width: 100%;
  
}

.site-quick-view h1 {
  /* Heading */
  margin-bottom:20px;
}

.site-quick-view .slide {
  margin: 0;
  padding: 0 0.9375rem;
  display: block;
}

.site-quick-view .swiper-button-prev, .site-quick-view .swiper-button-next {
  /* Carousel pagination */
    opacity: 1;
    border-color: #fff;
}
.site-quick-view .swiper-button-prev span, .site-quick-view .swiper-button-next span {
  /* Carousel pagination */
    opacity: 1;
    color: #fff;
}

@media screen and (min-width: 768px) {
  .site-quick-view .swiper-button-prev, .site-quick-view .swiper-button-next {
    margin-top: 0px;
  }
}

@media screen and (max-width: 767px) {
  .site-quick-view .swiper-button-prev, .site-quick-view .swiper-button-next {
    margin-top: -3.125rem;
  }
}

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

[Accordion] (Section)

# Accordion (wrapper)
# Accordion image (class)
# Bootstrap panel (code)
# Custom scroll bar

-----------------------------------------------------------------------------------*/
/* Accordion wrapper */
.site-accordion {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  padding:0;
}

@media screen and (max-width: 991px) {
  .site-accordion {
  }
}

.site-accordion .accordion-img {
  /* accordion image */
  float:right;
  width: 100%;
  text-align:right;
}

@media screen and (max-width: 991px) {
  .site-accordion .accordion-img {
    left: 0;
    top: 0;
    position: relative;
	text-align:center;
  }
}

.site-accordion .accordion-img img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

.accordian-main {
	float:left;
	width:100%;
	padding:90px 0 0 0;
}

.panel-group {
  /* Bootstrap panel group */
  margin: 0;
  text-align: left;
}

@media screen and (max-width: 991px) {
  .panel-group {
    margin-top: 5rem;
  }
}

.panel-group .panel-title {
  /* Panel title */
  color: white;
  font-family: inherit;
  display: block;
  width: 100%;
  border-radius: 0.25rem;
}

.panel-group .panel-title a {
  width: 100%;
  display: block;
  padding: 0.75rem 3.125rem 0.625rem 1.25rem;
  border: none;
  transition: 300ms linear;
  transition-property: background-color;
  position: relative;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 17px;
  font-weight: 500;
  border-radius: 0.25rem;
}

@media screen and (max-width: 1199px) {
  .panel-group .panel-title a {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .panel-group .panel-title a {
    font-size: 1rem;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.panel-group .panel-title a span {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  margin: auto 0;
  background: white;
  text-indent: -62.5rem;
  border-radius: 62.5rem;
  transition: 300ms linear;
  transition-property: background;
  display: block;
  overflow: visible;
  width: 1.563rem;
  height: 1.563rem;
}

.panel-group .panel-title a span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/accordion-minus.png") center no-repeat;
  background-size: 0.625rem 0.125rem;
}

.panel-group .panel-title a.collapsed {
  /* Panel collapsed */
  background-color: #FFFFFF;
  color:#516074;
}


.panel-group .panel-title a.collapsed span {
  background-color: rgba(222, 225, 229, 0.8);
}

.panel-group .panel-title a.collapsed span:before {
  background: url("../images/accordion-plus.png") center no-repeat;
  background-size: 0.625rem 0.625rem;
}

.panel-group .panel {
  /* Panel */
  background: none;
  border: none;
  margin-bottom: 0.75rem;
  border-radius: 0.25rem;
  overflow: hidden;
  display: block;
  
  -webkit-box-shadow: 0px 0px 40px -12px rgba(24,30,110,0.44);
-moz-box-shadow: 0px 0px 40px -12px rgba(24,30,110,0.44);
box-shadow: 0px 0px 40px -12px rgba(24,30,110,0.44);
}

.panel-group .panel-heading {
  /* Panel heading */
  background-color: #10497d;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0.25rem 0.25rem 0 0;
  

}

.panel-group .panel-collapse {
  /* Panel collapse */
  padding: 0;
  background-color: #FFFFFF;
  border-radius: 0 0 0.25rem 0.25rem;
}

.panel-group .panel-body-container {
  /* panel container */
  padding: 0.625rem 1.0625rem 1.5625rem 1.25rem;
  border-radius: 0 0 0.25rem 0.25rem;
}

.panel-group .panel-body {
  /* panel body */
  border: none !important;
  background-color: #FFFFFF;
  color: #708198;
  font-family: inherit;
  border-radius: 0 0 0.25rem 0.25rem;
  letter-spacing: 0.00625rem;
  padding: 0;
  margin: 0;
  max-height: 150px;
  min-height: 150px;
  position: relative;
  height: 100%;
  overflow: auto;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.625rem;
}

.panel-group .panel-body:before {
  display: none;
}

.panel-group .mCSB_inside > .mCSB_container {
  /* ----------------------------- Custom  scroll bar for panel */
  margin-right: 3.75rem;
}

.panel-group .mCSB_dragger_bar {
  /* Scroll drag bar */
  background: none;
  border-radius: 0 !important;
  opacity: 1 !important;
}

.panel-group .mCSB_dragger_bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80%;
  width: 100%;
  margin: auto 0;
  display: block;
  background: #10497d;
}

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

[Team] (Section)

# Team section (wrapper)
# slide (class)
# Box (class)
# Images
# Typography (h5, h6, p)
# Social icons
# Carousel slider

-----------------------------------------------------------------------------------*/
/* Team section wrapper */
.site-team {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  background-color: #FFFFFF;
 
}

.site-team .main-heading-text p{
	float:left;
	width:100%;
	text-align:center;
	font-size:16px;
	color:#708198;
	line-height:1.5;
	white-space:pre-line;
	padding:0 0 30px 0;
}


@media screen and (max-width: 991px) {
  .site-team {
    padding-top: 6.25rem;
  }
}

.site-team .slide {
  /* Slide (class) */
  margin: 0;
  display: block;
  padding: 1.25rem 0.9375rem 3.125rem;
}

@media screen and (max-width: 767px) {
  .site-team .slide {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.site-team .site-box {
  /* box (class) */
  max-width: 22rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 0 0.438rem rgba(2, 3, 3, 0.09);
  padding:0;
  overflow: visible;
  transition: 300ms linear;
  transition-property: box-shadow;
  border:#e6e7ee solid 1px;
  border-radius:8px;
}

.site-team .site-box:hover {
   -webkit-box-shadow: -1px 10px 33px -5px rgba(24,30,110,0.31);
-moz-box-shadow: -1px 10px 33px -5px rgba(24,30,110,0.31);
box-shadow: -1px 10px 33px -5px rgba(24,30,110,0.31);
}

.site-team figure {
  /* Image */
  max-width:100%;
  width: 100%;
  display: block;
  clear: both;
  max-height: 16.938rem;
  overflow: hidden;
  border-radius:0;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  margin-bottom: 1.25rem;
  position: relative;
}

.site-team figure img {
  max-width: 100%;
  display: inline-block;
  border-radius:10px 10px 0 0;
}

.site-team h5 {
  /* Typography */
  color: #10497d;
  font-family: inherit;
  font-size: 19px;
  font-weight: 600;
  display: block;
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 0.25rem;
  margin-top: 1.25rem;
}

.site-team h6 {
  color: #708198;
  font-family: inherit;
  font-size:14px;
  font-weight: 400;
  margin-bottom: 1.25rem;
  width: 100%;
}

.site-team p {
  color: #708198;
  font-family: inherit;
  font-size:15px;
  font-weight: normal;
  line-height: 1.5;
  width: 100%;
  overflow: hidden;
  margin-bottom: 2.5rem;
  padding:0 25px;
  white-space:pre-line;
}

.site-team .site-social-icons {
  /* Social icons (class) */
  width: 100%;
  clear: both;
  display: block;
  overflow: visible;
  padding:0;
}

.site-team .site-social-icons a  {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 6.25rem;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  margin-bottom: -1.4375rem;
  border:#b2bdcc solid 1px;
}

.site-team .site-social-icons a i.fa:hover {
	color:#FFFFFF;
}

.site-team .site-social-icons a i.fa, .site-team .site-social-icons a span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 100%;
  width: 100%;
  color: #8d9aac;
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 2.125rem;
}

.site-team .swiper-container {
  /* Carousel slider */
  padding-bottom: 3.125rem;
}

.site-team .swiper-pagination {
  margin-top: 0.625rem;
}

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

[Testimonial] (Section)

# Testimonial (wrapper)
# Quote
# Images
# Typography (p, h5)
# Carousel pagination
# Carousel navigation
# Carousel container

-----------------------------------------------------------------------------------*/
/* Testimonial wrapper */
.site-testimonial {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  overflow: visible;
  padding-bottom:150px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .site-testimonial {

  }
  
}

.site-testimonial .testimonial-quote {
  /* Quote */
  color: white;
  font-family: inherit;
  font-size: 4.563rem;
  font-weight: 700;
  width: 6.125rem;
  height: 6.125rem;
  background-color: #55a3e0;
  border-radius: 12.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1.875rem;
}

@media screen and (max-width: 991px) {
  .site-testimonial .testimonial-quote {
    background-color: #2b8dd9;
  }
}

.site-testimonial .testimonial-quote span {
  display: inline-block;
}

.site-testimonial figure {
  /* Image */
  display: block;
  width:90px;
  height: 90px;
  overflow: hidden;
  border-radius: 12.5rem;
  padding: 0.313rem;
  background:#FFFFFF;
  margin: 0 auto;
  border:#d8dde4 solid 4px;
  
}

.site-testimonial figure img {
  border-radius: 12.5rem;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
	
}

.site-testimonial p {
  /* Typography */
  width:100%;
  color: #708198;
  font-family: inherit;
  font-size:15px;
  font-weight: normal;
  line-height:2;
  padding:30px 0 0 0;
  display: block;
  clear:both;
  text-align:center;
}

.site-testimonial h5 {
  color: #10497d;
  font-family: inherit;
  font-size:17px;
  font-weight:600;
  line-height: 1.5;
  margin:0;
  padding:20px 0 0 0;
  display: block;
  width: 100%;
  text-align:center;
}

.swiper-slide .testimonial-degignation {
  color: #708198;
  font-family: inherit;
  font-size:14px;
  font-weight:500;
  line-height: 1.5;
  margin:0;
  padding:0 0 0 0;
  display: block;
  width: 100%;
  text-align:center;
}

.site-testimonial .swiper-pagination {
  /* Carousel pagination */
  margin-top:20px;
}

.site-testimonial .swiper-button-prev, .site-testimonial .swiper-button-next {
  /* Carousel navigation */
  margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
  .site-testimonial .swiper-button-prev, .site-testimonial .swiper-button-next {
    left: 0;
  }
  
  
}

@media screen and (max-width: 767px) {
  .site-testimonial .swiper-button-prev, .site-testimonial .swiper-button-next {
    margin-top: 3.75rem;
    top: 0;
  }
  
  .site-testimonial figure {
	  text-align:center;
	  clear:both;
  }
  
  .site-testimonial h5 {
	  width:100%;
	  text-align:center;
	  padding-left:0;
	  clear:both;
  }
  
  .swiper-slide .testimonial-degignation {
	  width:100%;
	  text-align:center;
	  padding-left:0;
	  clear:both;
  }
}

@media screen and (min-width: 768px) {
  .site-testimonial .swiper-button-next {
    left: auto;
    right: 0;
  }
}

.site-testimonial .swiper-container {
  /* Carousel container */
  margin-top:0;
}

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

[Packages] (Section)

# Packages section (wrapper)
# Heading (h1)
# .box (class)
# .price (class)
# .heading (class)
# .Options (class)
# Icons
# .active (class)
# hover (mouse hover)

-----------------------------------------------------------------------------------*/
/* Packages section wrapper */
.site-packages {
  margin: 0;
  padding:0 0 140px 0;
  display: block;
  width: 100%;
  clear: both;
  background-color: #f8f7f7;
}

.site-packages .blue-purple-gredient {
	width:100%;
	height:400px;
}

.site-packages-inner {
	margin-top:-300px;
}

.site-packages h1 {
  /* Heading */
  margin-bottom: 4.375rem;

}

.site-packages .box.left {
	border-radius:12px 0 0 12px;
}

.site-packages .box.left .price-box-header {
	border-radius:12px 0 0 0;
}

.site-packages .box.right {
	border-radius:0 12px 12px 0;
}

.site-packages .box.right .price-box-header {
	border-radius:0 12px 0 0;
}


.site-packages .box {
  /* Box (class) */
  background-color: #fcfcfb;
  text-align: center;
  margin:40px 0 0 0;
  width: 100%;
  display: block;
  transition: 300ms linear;
  transition-property: box-shadow;
  max-width:100%;
  border-radius:12px;
 -webkit-box-shadow: 0px 0px 22px 6px rgba(24,30,110,0.08);
-moz-box-shadow: 0px 0px 22px 6px rgba(24,30,110,0.08);
box-shadow: 0px 0px 22px 6px rgba(24,30,110,0.08);
}

@media screen and (max-width: 767px) {
  .site-packages .box {
    margin-left: auto;
    margin-right: auto;
  }
  
  .site-packages .box.left .price-box-header {
	border-radius:12px 12px 0 0;
	}

 .site-packages .box.left {
	border-radius:12px 12px 0 0;
	}
	
	 .site-packages .box.right .price-box-header {
	border-radius:12px 12px 0 0;
	}

 .site-packages .box.right {
	border-radius:12px 12px 0 0;
	}

}

.price-box-header {
	background:#f2f4f5;
	padding-bottom:20px;
	border-radius:12px 12px 0 0;
}

.site-packages .price {
  /* price (class) */
  color: #10497d;
  font-size:45px;
  font-weight:700;
  text-align: center;
  display: inline-block;
  margin-top:0;
  position: relative;
  top:0;
  overflow: visible;
  z-index: 1;
  transition: 300ms linear;
  width:100%;
  height:auto;
  line-height:1.5;
}

.site-packages .price span {
  /* price (class) */
  font-size:18px;
  font-weight:normal;
}

.site-packages .price:before {
  /*content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 100%;
  width: 100%;
  margin: auto;
  border-radius: 6.9375rem;
  background-color: #f8f7f7;
  z-index: -1;
  border: 0.375rem solid white;
  transition: 300ms linear;
  transition-property: background-color;*/
}

.site-packages .heading {
  /* Heading (class) */
  text-align: center;
  color: #4b535e;
  margin-top:0;
  margin-bottom:0;
  padding:40px 0 0 0;
  font-family: inherit;
  font-size:20px;
  font-weight:700;
  line-height:1.5;
}

.site-packages .options {
  /* Options (Class) */
  background-color: white;
  margin: 0;
  padding: 0;
  border-top: 0.0625rem solid #f3f1f1;
  text-align: left;
  color: #6c6b6b;
  font-family: inherit;
  font-size:15px;
  font-weight:normal;
  line-height:1;
}

.site-packages .options li {
  border-bottom: 0.0625rem solid #f3f1f1;
  position: relative;
  padding: 1.5rem 1.875rem 1.25rem;
  list-style: none;
}

.site-packages .options span {
  position: relative;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  display: block;
  max-width: 14.375rem;
  margin-left: auto;
  margin-right: auto;
}

.site-packages .options i.fa, .site-packages .options i.fa.fa-close {
  /* Icons */
  width: 0.813rem;
  height: 0.625rem;
  font-weight: 400;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  margin: 0;
  line-height: 0.875rem;
  color: #2dc100;
  font-size: 0.875rem;
}

.site-packages .options i.fa.fa-close {
  color: red;
  line-height: 0.75rem;
}

.site-packages a {
  background-color: white;
  border-radius: 15rem;
  color: #10497d;
  font-size:13px;
  font-weight: 700;
  line-height: 3.125rem;
  text-transform: uppercase;
  padding: 0 3.125rem;
  margin-bottom: -1.875rem;
  margin-top: 2.1875rem;
  position: relative;
  top: 0.625rem;
  display: inline-block;
  vertical-align: baseline;
  transition: 300ms linear;
  transition-property: color, background;
  border: 1px solid #10497d;
}

.site-packages .box.active .price-box-header {
	background: rgba(70,200,255,1);
/* Old Browsers */background: -moz-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,200,255,1)), color-stop(100%, rgba(129,211,126,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* IE 10+ */background: linear-gradient(to right, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
/* IE6-9 */
}

.site-packages .box.active .heading{
	color:#FFFFFF;
}

.site-packages .box.active .price{
	color:#FFFFFF;
}

.site-packages .box.active {
	margin-top:0px;
	position:relative;
	z-index:1000;
}



.site-packages .box.active, .site-packages .box:hover {
  /* -------------------- active plan */
  /*box-shadow: 0 0 1.75rem rgba(2, 3, 3, 0.15);*/
}

.site-packages .box.active a, .site-packages .box:hover a {
  background-color: #10497d;
  color: white;
}

.site-packages .box.active .price, .site-packages .box:hover .price {
  /*border-color: #2b8dd9;
  color: white;
  box-shadow: 0 0 0.938rem rgba(2, 3, 3, 0.19);*/
}

.site-packages .box.active .price:before, .site-packages .box:hover .price:before {
  /*background-color: #2b8dd9;*/
}

.site-packages .box:hover {
  /* ------------------------ hover plan animation */
}


@keyframes bounce {
	/* ------------------------ plan hover animation */
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

.site-packages .box:hover {
	animation: bounce 1s;
}

/* ------------------------ plan hover animation */

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

[Latest blog] (Section)

# latest-blog (wrapper)
# Typography (h1, h3, h4, p)
# Device image
# Section (image, icons)
# Carousel Slider
# carousel navigation
# carousel pagination

-----------------------------------------------------------------------------------*/
/* latest-blog section wrapper */


.latest-blog .blog-post-box {
	float:left;
	width:100%;
	border-radius:12px;
	background:#FFFFFF;
	position:relative;
	z-index:1000;
	margin-top:35px;

	
	-webkit-box-shadow: 0px 0px 22px -7px rgba(24,30,110,0.26);
-moz-box-shadow: 0px 0px 22px -7px rgba(24,30,110,0.26);
box-shadow: 0px 0px 22px -7px rgba(24,30,110,0.26);
}

.blog-post-content {
	float:left;
	width:100%;
  padding:30px;
  height: 200px;
}


.latest-blog figure {
	float:left;
	width:100%;
}

.latest-blog figure img {
	float:left;
	text-align:center;
	width:100%;
  border-radius:10px 10px 0 0;
  min-height: 200px;
}

.latest-blog ul {
	float:left;
	text-align:left;
	width:100%;
	padding:0px;
	margin:0;
}

.latest-blog ul li {
	float:left;
	text-align:left;
	padding:0 15px 0 0;
	margin:0;
	list-style:none;
	font-size:13px;
	color:#a0aec0;
}

.latest-blog a {
	display:inherit;
}

.latest-blog a h4 {
	float:left;
	width:100%;
	font-size:18px;
	font-weight:600;
	color:#516074;
	text-align:left;
	padding:20px 0 5px 0;
	margin:0;
}

.latest-blog span {
	float:left;
	width:100%;
	font-size:12px;
	font-weight:600;
	color:#516074;
	text-align:left;
	padding:0 0 5px 0;
	margin:0;
}

.blog-post-box p {
	float:left;
	width:100%;
	font-size:15px;
	font-weight:normal;
	color:#10497d;
	text-align:left;
	padding:20px 0 5px 0;
	margin:0;
<<<<<<< HEAD
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 80px;
  min-height: 80px;
  line-height: 25px;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
=======
  line-height:1.8;
  min-height: 50px
>>>>>>> ab92a70f05339ae5f80f22825cd6a9607017a1f1
}

.latest-blog .blog-more-button {
	float:left;
	width:100%;
	font-size:13px;
	font-weight:700;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:left;
	letter-spacing:1px;
	padding:40px 0 20px 30px;
	margin:0;
	line-height:1.8;
	border-radius:0 0 12px 12px;
	margin-top:-24px;
	
	background: #836aeb;
  background: rgba(50,187,241,1);
/* Old Browsers */background: -moz-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(50,187,241,1)), color-stop(68%, rgba(166,73,233,1)), color-stop(100%, rgba(166,73,233,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* IE 10+ */background: linear-gradient(135deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}


@keyframes bounce {
	/* ------------------------ blog hover animation */
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

.latest-blog .blog-post-box:hover {
	animation: bounce 1s;
}

/* ------------------------ plan hover animation */


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

[Statistic] (Section)

# Statistic Section (wrapper)
# .site-number (class)
# Icons
# Typography (h5, p)

-----------------------------------------------------------------------------------*/
/* Statistic section wrapper */
.site-statistic {
  margin: 20px 0;
  display: block;
  width: 100%;
  background:url(../images/statistic-bg.png) no-repeat top center;
  background-size:cover;
  background-attachment:fixed;
  padding:140px 0;
}
.site-statistic p{
  font-size: 25px;
  color: #ffffff;
  font-weight: 400;
}
.site-number{
	float:left;
	width:100%;
	text-align:center;
}

@media screen and (max-width: 767px) {
  .site-statistic {
    padding: 3.125rem 1.25rem;
  }
}

.site-number {
  /* Number (class) */
	float:left;
	width:100%;
	text-align:center;
}

@media screen and (max-width: 767px) {
  .site-number {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
  }
}

.site-number i.fa {
  /* Icons */
  color: #2b8dd9;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 0;
  display: block;
  width: 2.125rem;
  height: 100%;
  font-size: 2.375rem;
  line-height: 2.8125rem;
  vertical-align: middle;
}

.site-number h5 {
  /* Typography */
  float:left;
  width:100%;
  text-align:center;
  color: #FFFFFF;
  font-size:50px;
  font-weight:700;
  clear: both;
  width: 100%;
  line-height:2;
}

.site-number p {
	float:left;
  width:100%;
  text-align:center;
  color: #FFFFFF;
  font-size:19px;
  font-weight:500;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  clear: both;
}

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

[Twitter] (Section)

# Twitter section (wrapper)
# Heading (h1)
# .tweet (class for hold tweets)
# .date (class for hold tweets date)
# Carousel slider

-----------------------------------------------------------------------------------*/
/* Twitter section wrapper */
.site-twitter {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  color: white;
  padding-bottom: 7.5rem;
  text-align: center;
  background: #2b8dd9;
}

.site-twitter h1 {
  /* Heading */
  margin-bottom: 2.8125rem;
}

.site-twitter .tweet {
  /* Tweet (class) */
}

.site-twitter .tweet ul, .site-twitter .tweet li {
  margin: 0;
  padding: 0;
  display: block;
}

.site-twitter .tweet li {
  font-size: 0.875rem;
  font-family: inherit;
}

.site-twitter .tweet li p {
  font-weight: 400;
  margin-bottom: 0;
  font-family: inherit;
  font-size: 0.813rem;
  line-height: 1.625rem;
  color: white;
}

.site-twitter .tweet li a {
  font-weight: 400;
  font-family: inherit;
  font-size: 0.813rem;
  color: #1f3542;
}

.site-twitter .tweet li .date {
  /* date (class) */
  font-weight: 700;
  font-family: inherit;
  font-size: 0.875rem;
  margin-top: 0.125rem;
  color: white;
}

.site-twitter .swiper-container {
  /* carousel container */
  margin-bottom: 3.125rem;
  margin-top: 1.25rem;
  text-align: center;
}

.site-twitter .swiper-container span {
  width: 100%;
  text-align: center;
  display: block;
}

.site-twitter .swiper-pagination {
  /* Carousel pagination */
  margin-top: 1.25rem;
}

.site-twitter .swiper-button-prev, .site-twitter .swiper-button-next {
  /* Carousel navigation */
}

@media screen and (min-width: 768px) {
  .site-twitter .swiper-button-prev, .site-twitter .swiper-button-next {
    left: 0;
  }
}

@media screen and (min-width: 1200px) {
  .site-twitter .swiper-button-prev, .site-twitter .swiper-button-next {
    left: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  .site-twitter .swiper-button-prev, .site-twitter .swiper-button-next {
    top: -3.75rem;
  }
}

@media screen and (min-width: 768px) {
  .site-twitter .swiper-button-next {
    left: auto;
    right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .site-twitter .swiper-button-next {
    right: 2.5rem;
  }
}

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

[Quick Support] (Section)

# Quick Support (wrapper)
# Heading (h1)
# .site-info (class)
# .site-box (class)
# Images
# Icons
# Typography
# Contact form

-----------------------------------------------------------------------------------*/
/* Quick support wrapper */
.site-quick-support {
  padding-bottom:0;
  overflow: hidden;
}

.site-quick-support .contact-box {
	float:left;
	width:100%;
	border-radius:12px;
	height:485px;
}

@media screen and (max-width: 1199px) {
  .site-quick-support {
    padding-bottom: 6.25rem;
  }
}

.site-quick-support h1 {
  /* Heading */
  margin-bottom: 4.375rem;
}

.site-quick-support .site-info {
  /* info (class) */
  float:left;
  width: 100%;
  text-align: left;
  font-size: 0;
  border-right:#b48df0 solid 1px;
  padding:35px 40px 27px 40px;
}

.site-quick-support .site-info.form {
  /* info (class) */
  border:none;
}

.site-quick-support .site-box {
  /* box (class) */
  clear: both;
  position: relative;
  z-index: 10;
  padding: 1.25rem 0;
  width:100%;
}

.site-quick-support h5 {
	font-size:25px;
	font-weight:600;
	color:#FFFFFF;
}

.site-quick-support .site-info p {
	float:left;
	width:100%;
	font-size:15px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:1.7;
	padding:40px 0 40px 0;
}

.site-quick-support .site-box-row h6{
	font-size:21px;
	color:#FFFFFF;
	font-weight:normal;
	line-height:1;
	padding:0;
	margin:0;
}

.site-quick-support .site-box-row {
	float:left;
	width:100%;
	padding-bottom:25px;
}

.site-quick-support .site-box-row p {
	float:left;
	font-size:14px;
	text-align:left;
	padding:10px 0 10px 52px;
	margin:0;
	line-height:0;
}



@media screen and (max-width: 1199px) {
  .site-quick-support .site-box {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
}

@media screen and (max-width: 991px) {
  .site-quick-support .site-box {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  
  .site-quick-support .site-info {
	  border-right:none;
	  padding:30px;
  }
  
   .site-quick-support .contact-box {
	height:auto;
	}
}

@media screen and (max-width: 767px) {
  .site-quick-support .site-box {
    display: block;
    width: 100%;
  }
  
  .site-quick-support .site-info {
	  border-right:none;
	  padding:30px;
  }
}

@media screen and (max-width: 639px) {
  .site-quick-support .site-info {
	  border-right:none;
	  padding:30px;
  }
}

@media screen and (max-width: 479px) {
  .site-quick-support .site-info {
	  border-right:none;
	  padding:30px 0;
  }
}

.site-quick-support .site-box.last:after {
  display: none;
}

.site-quick-support .site-box:after {
  /*content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  clear: both;
  width: 0.063rem;
  height: 3.563rem;
  opacity: 0.5;
  background-color: #203e51;
  margin-top: auto;
  margin-bottom: auto;*/
}

@media screen and (max-width: 767px) {
  .site-quick-support .site-box:after {
    display: none;
  }
}

.site-quick-support figure {
  /* Image */
  text-align: left;
  float:left;
  width:30px;
}

.site-quick-support i.fa, .site-quick-support span {
  /* Icons */
  float:left;
  width:38px;
  height:38px;
  color: #FFFFFF;
  font-size:18px;
  font-weight: 400;
  line-height:2;
  text-align: center;
  border:#FFFFFF solid 1px;
  border-radius:100%;
  margin-right:15px;
}

.site-quick-support p, .site-quick-support address {
  /* Typography */
  float:left;
  color: #FFFFFF;
  font-family: inherit;
  font-size:14px;
  font-weight: normal;
  padding: 1.125rem 0;
  width: 100%;
  font-style: normal;
  margin:0;
  padding:0 0 0 52px;
  transition: 300ms linear;
  transition-property: color;
  line-height:1.5;
}

.site-quick-support p:hover, .site-quick-support address:hover {
  color: #FFFFFF;
}

.site-contact-form {
  /*  CONTACT FORM */
  padding:40px 0 0 0;
  display: block;
  width: 100%;
  clear: both;
  margin:0;
}

.site-contact-form table {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .site-contact-form {
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
    padding-left:0;
    padding-right:0;
  }
  .site-contact-form table, .site-contact-form tr, .site-contact-form td, .site-contact-form th, .site-contact-form tbody {
    display: block;
    width: 100%;
  }
}

.site-contact-form input, .site-contact-form textarea {
  /* Input fields */
  width: 100%;
  height:45px;
  background-color:inherit;
  padding: 0;
  color: #FFFFFF !important;
  font-family: inherit;
  font-size:14px;
  font-weight:normal;
  line-height:1.5;
  border-bottom:#FFFFFF solid 1px;
  box-sizing: border-box;
  transition: 300ms linear;
  transition-property: border-color;
  display: block;
  margin: 0;
  border-top:none;
  border-left:none;
  border-right:none;
}


.site-contact-form input:focus, .site-contact-form textarea:focus {
  border-color: #80d37f;
}

.site-contact-form textarea {
  height:100px;
  resize: none;
  position: relative;
  top: 0.0625rem;
}

.site-contact-form input[type=submit], .site-contact-form button[type=submit] {
  /* Input submit field */
}

.site-contact-form input[type=submit] i.fa, .site-contact-form button[type=submit] i.fa {
  display: none;
  padding: 0;
  color: white;
  line-height: normal;
  font-size: 1rem;
  transition: 300ms linear;
  transition-property: color;
  margin: 0 0 0 0.625rem;
}

.site-contact-form input[type=submit]:hover i.fa, .site-contact-form button[type=submit]:hover i.fa {
  color: #2b8dd9;
}

@media screen and (max-width: 767px) {
  .site-contact-form input[type=submit], .site-contact-form button[type=submit] {
    width: 100%;
  }
}

.site-contact-form label  {
  margin-bottom: 0.875rem;
  display: block;
  margin-right:0;
  color:#FFFFFF !important;
}

.site-contact-form label.last {
  /* last (class) */
  margin-right: 0;
}

.site-contact-form label.move {
  /* Move (class) */
  margin-top: 1.25rem;
  display: inline-block;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .site-contact-form label.move {
    display: block;
    margin-top: 1.875rem;
  }
}

@media screen and (max-width: 767px) {
  .site-contact-form label {
    margin-right: 0;
  }
}

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

[Subscribe] (Section)

# Subscribe Section (wrapper)
# .site-box (class)
# Typography
# Input Fields
# Form (class)
# .no-space (class is used to remove the element left or right side padding)

-----------------------------------------------------------------------------------*/
/* Subscribe section wrapper */
.site-subscribe {
  
  display: block;
  width: 100%;
  clear: both;
  color: white;
  position: relative;
  margin:0;
}

.site-subscribe .main-heading-text {
	margin-top:-30px;
}

@media screen and (max-width: 1199px) {
  .site-subscribe {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .site-subscribe {
    padding-bottom: 0.625rem;
  }
}

.site-subscribe .site-box {
  /* box (class) */
  line-height:0;
  padding: 0 2.1875rem;
  position: relative;
  top:30px;
}

@media screen and (max-width: 1199px) {
  .site-subscribe .site-box {
    top: 0;
    max-width: 37.5rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2.5rem;
    padding-bottom: 1.25rem;
  }
}

.site-subscribe p {
  /* Typography */
  /*color: white;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  margin: 0;
  display: inline-block;
  padding: 0 0 0 1.25rem;*/
}

@media screen and (max-width: 1199px) {
  .site-subscribe p {
    display: block;
    margin-bottom: 1.25rem;
  }
}

.site-subscribe label {
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  
}

.site-subscribe input[type=email], .site-subscribe input[type=text] {
  /* Input fields */
  width: 100%;
  height: 2.688rem;
  line-height: 2.688rem;
  border: 0.063rem solid white;
  border-radius: 1.3125rem;
  background: #f2f4f5;
  display: block;
  margin: 0;
  font-weight: 400;
  color:#708198;
  padding: 0 11.25rem 0 1.25rem;
  border:#e9eaf4 solid 1px;
  
  
}
.star-bg {
  float: left;
  width: 100%;
  height: 950px;
  overflow: hidden;
}
html {
  /*height: 100%;*/
  /*background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  overflow: hidden;*/
}

.star-bg {
	float:left;
	width:100%;
	height:950px;
	overflow:hidden;
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1800px 451px #FFF , 1918px 538px #FFF , 1292px 689px #FFF , 1346px 793px #FFF , 350px 773px #FFF , 1420px 741px #FFF , 175px 222px #FFF , 710px 1366px #FFF , 1732px 112px #FFF , 898px 751px #FFF , 35px 422px #FFF , 197px 882px #FFF , 1907px 501px #FFF , 570px 815px #FFF , 751px 859px #FFF , 1865px 1327px #FFF , 1328px 873px #FFF , 1661px 478px #FFF , 436px 830px #FFF , 726px 859px #FFF , 489px 1787px #FFF , 1151px 1051px #FFF , 1160px 304px #FFF , 137px 1149px #FFF , 1210px 701px #FFF , 1428px 1365px #FFF , 213px 1065px #FFF , 1032px 1961px #FFF , 721px 552px #FFF , 679px 303px #FFF , 515px 1988px #FFF , 1780px 1100px #FFF , 894px 1534px #FFF , 1788px 1208px #FFF , 1883px 1989px #FFF , 398px 849px #FFF , 1238px 1520px #FFF , 749px 428px #FFF , 1210px 1456px #FFF , 1765px 349px #FFF , 1934px 780px #FFF , 572px 1601px #FFF , 1770px 1279px #FFF , 1520px 1298px #FFF , 1757px 487px #FFF , 1842px 931px #FFF , 253px 383px #FFF , 967px 195px #FFF , 1368px 729px #FFF , 1303px 209px #FFF , 1392px 1241px #FFF , 95px 410px #FFF , 629px 1454px #FFF , 1991px 1182px #FFF , 1321px 1928px #FFF , 1176px 300px #FFF , 707px 1335px #FFF , 1293px 1324px #FFF , 1354px 1394px #FFF , 1730px 988px #FFF , 761px 852px #FFF , 562px 846px #FFF , 1806px 1285px #FFF , 991px 1430px #FFF , 1198px 617px #FFF , 916px 91px #FFF , 692px 767px #FFF , 1664px 80px #FFF , 1832px 1319px #FFF , 1840px 1241px #FFF , 872px 1483px #FFF , 202px 1973px #FFF , 24px 365px #FFF , 692px 1420px #FFF , 1880px 1182px #FFF , 116px 1802px #FFF , 1474px 10px #FFF , 386px 1404px #FFF , 1386px 224px #FFF , 504px 786px #FFF , 735px 710px #FFF , 600px 1267px #FFF , 973px 917px #FFF , 176px 1336px #FFF , 153px 792px #FFF , 1236px 627px #FFF , 1889px 1820px #FFF , 1069px 331px #FFF , 1779px 1883px #FFF , 1598px 51px #FFF , 1579px 898px #FFF , 763px 1972px #FFF , 1077px 1375px #FFF , 1861px 883px #FFF , 341px 1125px #FFF , 1163px 1251px #FFF , 1473px 1811px #FFF , 1310px 1082px #FFF , 631px 1552px #FFF , 189px 1146px #FFF , 870px 1923px #FFF , 1201px 1586px #FFF , 69px 1094px #FFF , 442px 1535px #FFF , 1645px 1448px #FFF , 711px 953px #FFF , 1300px 1027px #FFF , 1181px 373px #FFF , 1857px 1513px #FFF , 842px 1520px #FFF , 1943px 1439px #FFF , 1616px 1216px #FFF , 907px 1608px #FFF , 1874px 939px #FFF , 1191px 614px #FFF , 942px 1736px #FFF , 893px 997px #FFF , 1691px 1962px #FFF , 1940px 1229px #FFF , 469px 1573px #FFF , 388px 1122px #FFF , 476px 1882px #FFF , 426px 185px #FFF , 217px 1546px #FFF , 647px 324px #FFF , 677px 1825px #FFF , 712px 23px #FFF , 337px 1361px #FFF , 1161px 350px #FFF , 536px 931px #FFF , 1209px 1891px #FFF , 592px 1155px #FFF , 448px 1126px #FFF , 1909px 806px #FFF , 877px 860px #FFF , 1038px 295px #FFF , 759px 395px #FFF , 1576px 1733px #FFF , 1467px 335px #FFF , 79px 262px #FFF , 683px 472px #FFF , 643px 1365px #FFF , 333px 1482px #FFF , 1026px 1230px #FFF , 168px 1153px #FFF , 417px 624px #FFF , 246px 1517px #FFF , 824px 547px #FFF , 1475px 133px #FFF , 1884px 186px #FFF , 1367px 222px #FFF , 1084px 927px #FFF , 1875px 232px #FFF , 574px 1847px #FFF , 1570px 1598px #FFF , 988px 307px #FFF , 1422px 194px #FFF , 1053px 1875px #FFF , 974px 388px #FFF , 562px 655px #FFF , 1895px 658px #FFF , 1030px 1748px #FFF , 1820px 970px #FFF , 1745px 595px #FFF , 1843px 762px #FFF , 1080px 991px #FFF , 337px 816px #FFF , 1653px 897px #FFF , 591px 722px #FFF , 1007px 1895px #FFF , 265px 725px #FFF , 482px 1386px #FFF , 1300px 1208px #FFF , 1247px 1704px #FFF , 1133px 801px #FFF , 1747px 584px #FFF , 636px 388px #FFF , 1949px 1779px #FFF , 682px 1880px #FFF , 1010px 850px #FFF , 1424px 1949px #FFF , 643px 906px #FFF , 710px 1391px #FFF , 1501px 1913px #FFF , 1611px 29px #FFF , 450px 553px #FFF , 321px 1490px #FFF , 485px 1451px #FFF , 383px 752px #FFF , 1343px 253px #FFF , 255px 56px #FFF , 1046px 860px #FFF , 1725px 1501px #FFF , 650px 1736px #FFF , 335px 437px #FFF , 68px 1982px #FFF , 118px 713px #FFF , 818px 1042px #FFF , 1362px 787px #FFF , 521px 189px #FFF , 1544px 1780px #FFF , 1425px 1993px #FFF , 504px 1243px #FFF , 191px 318px #FFF , 1974px 780px #FFF , 1187px 1802px #FFF , 1072px 981px #FFF , 1236px 798px #FFF , 1706px 911px #FFF , 1585px 1377px #FFF , 490px 929px #FFF , 100px 599px #FFF , 1860px 885px #FFF , 1664px 1945px #FFF , 745px 814px #FFF , 862px 1182px #FFF , 3px 1778px #FFF , 1355px 1008px #FFF , 1215px 321px #FFF , 660px 1601px #FFF , 264px 1139px #FFF , 696px 1357px #FFF , 403px 1209px #FFF , 43px 633px #FFF , 1717px 1480px #FFF , 5px 619px #FFF , 1545px 295px #FFF , 1000px 468px #FFF , 468px 1224px #FFF , 851px 1650px #FFF , 295px 435px #FFF , 158px 1795px #FFF , 837px 552px #FFF , 1178px 1389px #FFF , 99px 1916px #FFF , 185px 1648px #FFF , 813px 1228px #FFF , 856px 384px #FFF , 354px 406px #FFF , 668px 1714px #FFF , 1764px 1011px #FFF , 1896px 1480px #FFF , 1134px 1941px #FFF , 363px 1782px #FFF , 1571px 1048px #FFF , 232px 1554px #FFF , 1565px 1925px #FFF , 349px 262px #FFF , 1922px 1865px #FFF , 1010px 862px #FFF , 1176px 641px #FFF , 359px 1661px #FFF , 1711px 1511px #FFF , 1554px 1964px #FFF , 37px 801px #FFF , 1275px 568px #FFF , 1902px 1419px #FFF , 776px 1544px #FFF , 1382px 237px #FFF , 1255px 778px #FFF , 1877px 1858px #FFF , 46px 598px #FFF , 1894px 67px #FFF , 1514px 105px #FFF , 660px 1181px #FFF , 308px 1566px #FFF , 1655px 1882px #FFF , 1686px 1525px #FFF , 157px 1985px #FFF , 1359px 1439px #FFF , 449px 1631px #FFF , 346px 1566px #FFF , 451px 1460px #FFF , 806px 511px #FFF , 842px 1132px #FFF , 569px 1740px #FFF , 1305px 819px #FFF , 1986px 1316px #FFF , 975px 726px #FFF , 663px 819px #FFF , 1493px 1832px #FFF , 1987px 797px #FFF , 951px 881px #FFF , 1998px 1901px #FFF , 472px 1829px #FFF , 1493px 1858px #FFF , 1756px 1647px #FFF , 652px 1903px #FFF , 863px 1794px #FFF , 63px 1984px #FFF , 379px 799px #FFF , 501px 1582px #FFF , 793px 292px #FFF , 190px 1846px #FFF , 620px 1776px #FFF , 234px 349px #FFF , 453px 1860px #FFF , 99px 1756px #FFF , 715px 1290px #FFF , 1957px 134px #FFF , 1099px 1030px #FFF , 1051px 1093px #FFF , 613px 500px #FFF , 955px 196px #FFF , 242px 976px #FFF , 1020px 191px #FFF , 370px 347px #FFF , 1481px 621px #FFF , 1959px 1450px #FFF , 743px 1178px #FFF , 73px 597px #FFF , 499px 645px #FFF , 769px 1635px #FFF , 1663px 291px #FFF , 1738px 1729px #FFF , 646px 832px #FFF , 1750px 609px #FFF , 1047px 1379px #FFF , 127px 1893px #FFF , 1949px 1890px #FFF , 1347px 914px #FFF , 323px 361px #FFF , 918px 1330px #FFF , 347px 184px #FFF , 1262px 1201px #FFF , 1563px 906px #FFF , 1996px 1168px #FFF , 1302px 1251px #FFF , 148px 247px #FFF , 38px 1523px #FFF , 1706px 1070px #FFF , 1031px 758px #FFF , 656px 201px #FFF , 473px 1830px #FFF , 1292px 1445px #FFF , 1807px 589px #FFF , 929px 157px #FFF , 1936px 569px #FFF , 762px 1469px #FFF , 55px 435px #FFF , 260px 428px #FFF , 1945px 1411px #FFF , 103px 224px #FFF , 998px 1164px #FFF , 1479px 1757px #FFF , 302px 741px #FFF , 1895px 15px #FFF , 11px 801px #FFF , 565px 1178px #FFF , 1628px 1464px #FFF , 99px 1357px #FFF , 563px 569px #FFF , 1359px 376px #FFF , 1420px 1723px #FFF , 821px 1851px #FFF , 1860px 429px #FFF , 1947px 132px #FFF , 1236px 1380px #FFF , 906px 593px #FFF , 1320px 1689px #FFF , 100px 1529px #FFF , 1292px 258px #FFF , 934px 1482px #FFF , 1779px 1205px #FFF , 1378px 1429px #FFF , 1563px 816px #FFF , 852px 1084px #FFF , 1292px 1200px #FFF , 1996px 611px #FFF , 1249px 971px #FFF , 114px 1272px #FFF , 1557px 1495px #FFF , 693px 22px #FFF , 1937px 873px #FFF , 364px 1909px #FFF , 1012px 471px #FFF , 982px 1606px #FFF , 426px 1px #FFF , 703px 687px #FFF , 1488px 230px #FFF , 1876px 209px #FFF , 839px 558px #FFF , 670px 840px #FFF , 1242px 1302px #FFF , 207px 558px #FFF , 721px 186px #FFF , 451px 1318px #FFF , 119px 1877px #FFF , 106px 898px #FFF , 1552px 463px #FFF , 132px 1475px #FFF , 1466px 1324px #FFF , 1731px 1849px #FFF , 1039px 1978px #FFF , 1321px 977px #FFF , 915px 1681px #FFF , 272px 1057px #FFF , 550px 1983px #FFF , 1167px 1119px #FFF , 1413px 320px #FFF , 1809px 929px #FFF , 1659px 621px #FFF , 742px 321px #FFF , 343px 624px #FFF , 1280px 1491px #FFF , 873px 1367px #FFF , 810px 1664px #FFF , 1382px 1856px #FFF , 1220px 622px #FFF , 1151px 780px #FFF , 1391px 1235px #FFF , 1203px 461px #FFF , 1304px 8px #FFF , 1208px 464px #FFF , 375px 1838px #FFF , 1483px 875px #FFF , 1964px 1785px #FFF , 776px 1544px #FFF , 1542px 1320px #FFF , 403px 1694px #FFF , 576px 159px #FFF , 484px 1528px #FFF , 1390px 150px #FFF , 509px 106px #FFF , 888px 20px #FFF , 173px 305px #FFF , 1671px 379px #FFF , 1452px 437px #FFF , 417px 1255px #FFF , 1818px 31px #FFF , 465px 476px #FFF , 1583px 196px #FFF , 1242px 657px #FFF , 156px 1903px #FFF , 912px 382px #FFF , 482px 1693px #FFF , 1720px 390px #FFF , 361px 800px #FFF , 163px 326px #FFF , 1289px 317px #FFF , 65px 1625px #FFF , 114px 421px #FFF , 1918px 1745px #FFF , 1997px 198px #FFF , 1718px 255px #FFF , 1595px 685px #FFF , 1601px 1724px #FFF , 28px 730px #FFF , 1566px 200px #FFF , 1171px 1332px #FFF , 44px 599px #FFF , 1803px 676px #FFF , 1875px 41px #FFF , 904px 1204px #FFF , 1135px 1468px #FFF , 1654px 353px #FFF , 1682px 535px #FFF , 1269px 1329px #FFF , 706px 944px #FFF , 1246px 304px #FFF , 1946px 313px #FFF , 750px 1843px #FFF , 1345px 1531px #FFF , 1980px 757px #FFF , 494px 907px #FFF , 639px 1370px #FFF , 815px 1939px #FFF , 1765px 1469px #FFF , 385px 1976px #FFF , 1144px 983px #FFF , 1805px 246px #FFF , 976px 1018px #FFF , 655px 460px #FFF , 1910px 1428px #FFF , 1607px 1641px #FFF , 239px 1189px #FFF , 18px 1601px #FFF , 1338px 570px #FFF , 1677px 1050px #FFF , 1133px 1502px #FFF , 1465px 350px #FFF , 1411px 1289px #FFF , 274px 554px #FFF , 412px 448px #FFF , 870px 1878px #FFF , 1483px 590px #FFF , 776px 1902px #FFF , 698px 1905px #FFF , 43px 685px #FFF , 309px 1607px #FFF , 1085px 182px #FFF , 344px 693px #FFF , 1389px 114px #FFF , 927px 1087px #FFF , 758px 1904px #FFF , 1401px 1327px #FFF , 492px 1391px #FFF , 1994px 566px #FFF , 1098px 724px #FFF , 266px 1360px #FFF , 28px 841px #FFF , 1482px 1893px #FFF , 126px 1045px #FFF , 1772px 648px #FFF , 1427px 1769px #FFF , 870px 1946px #FFF , 1804px 1215px #FFF , 368px 910px #FFF , 1267px 1371px #FFF , 1589px 857px #FFF , 1265px 1830px #FFF , 1286px 1388px #FFF , 1962px 794px #FFF , 452px 53px #FFF , 431px 1582px #FFF , 715px 951px #FFF , 1495px 17px #FFF , 1772px 1807px #FFF , 639px 747px #FFF , 1427px 1832px #FFF , 1300px 7px #FFF , 443px 1536px #FFF , 516px 1367px #FFF , 106px 303px #FFF , 671px 807px #FFF , 248px 1800px #FFF , 735px 689px #FFF , 101px 596px #FFF , 923px 978px #FFF , 1076px 454px #FFF , 1774px 1542px #FFF , 1427px 1867px #FFF , 479px 920px #FFF , 985px 684px #FFF , 1673px 1274px #FFF , 322px 889px #FFF , 1572px 1996px #FFF , 437px 1673px #FFF , 550px 800px #FFF , 1489px 1049px #FFF , 247px 1977px #FFF , 1076px 85px #FFF , 393px 429px #FFF , 644px 571px #FFF , 1487px 55px #FFF , 552px 1523px #FFF , 1468px 506px #FFF , 1593px 1524px #FFF , 581px 1055px #FFF , 249px 1300px #FFF , 703px 583px #FFF , 775px 1468px #FFF , 383px 636px #FFF , 689px 1764px #FFF , 19px 1601px #FFF , 1031px 27px #FFF , 818px 106px #FFF , 1690px 155px #FFF , 1132px 927px #FFF , 119px 122px #FFF , 1694px 1171px #FFF , 1187px 1560px #FFF , 606px 159px #FFF , 621px 765px #FFF , 331px 200px #FFF , 1369px 1099px #FFF , 1717px 1396px #FFF , 1303px 986px #FFF , 473px 1555px #FFF , 1697px 1078px #FFF , 444px 543px #FFF , 1078px 1828px #FFF , 374px 1115px #FFF , 494px 958px #FFF , 24px 1568px #FFF , 1178px 436px #FFF , 22px 1518px #FFF , 1536px 1973px #FFF , 217px 597px #FFF , 204px 214px #FFF , 792px 1090px #FFF , 1176px 491px #FFF , 1674px 1342px #FFF , 1367px 911px #FFF , 1640px 357px #FFF , 1522px 1889px #FFF , 331px 1337px #FFF , 1522px 1448px #FFF , 1749px 940px #FFF , 1176px 203px #FFF , 966px 1962px #FFF , 58px 574px #FFF , 912px 1839px #FFF , 515px 363px #FFF , 529px 895px #FFF , 762px 1649px #FFF , 1512px 180px #FFF , 1808px 1238px #FFF , 1090px 671px #FFF , 699px 1107px #FFF , 887px 145px #FFF , 1335px 1808px #FFF , 589px 523px #FFF , 1759px 1498px #FFF , 1544px 1444px #FFF , 667px 279px #FFF , 1757px 1501px #FFF , 793px 222px #FFF , 391px 1244px #FFF , 332px 761px #FFF , 1271px 490px #FFF , 1991px 1408px #FFF , 719px 1917px #FFF , 1180px 659px #FFF , 275px 1634px #FFF , 1763px 471px #FFF , 144px 757px #FFF , 668px 12px #FFF , 1291px 912px #FFF , 62px 422px #FFF , 93px 1577px #FFF , 860px 664px #FFF , 1283px 787px #FFF , 964px 1635px #FFF , 1249px 1324px #FFF , 30px 179px #FFF , 1548px 1082px #FFF , 1436px 1868px #FFF , 1409px 245px #FFF , 709px 1101px #FFF , 248px 676px #FFF , 97px 187px #FFF , 1329px 1010px #FFF , 1919px 1489px #FFF , 1589px 1912px #FFF , 1966px 1939px #FFF , 273px 559px #FFF , 291px 1433px #FFF , 1632px 1763px #FFF , 829px 1701px #FFF , 1174px 799px #FFF , 1046px 1379px #FFF , 1353px 68px #FFF , 268px 1594px #FFF , 425px 797px #FFF , 58px 29px #FFF , 1776px 345px #FFF , 1839px 1854px #FFF , 970px 145px #FFF , 1258px 1298px #FFF , 1006px 1872px #FFF , 896px 1752px #FFF , 992px 1633px #FFF , 888px 183px #FFF , 1218px 587px #FFF , 1253px 1366px #FFF , 1689px 65px #FFF , 686px 80px #FFF , 1243px 1797px #FFF , 1460px 493px #FFF , 1731px 40px #FFF , 1050px 36px #FFF , 1948px 1379px #FFF , 307px 1941px #FFF , 359px 1065px #FFF , 1620px 592px #FFF , 1832px 1368px #FFF , 1764px 1005px #FFF , 1818px 1368px #FFF , 1381px 164px #FFF , 941px 387px #FFF , 148px 105px #FFF , 1116px 801px #FFF , 638px 1562px #FFF , 1228px 1712px #FFF , 1130px 1201px #FFF , 79px 413px #FFF , 978px 1741px #FFF , 1479px 211px #FFF , 1634px 507px #FFF , 691px 1992px #FFF , 718px 1061px #FFF , 1131px 1152px #FFF , 896px 1523px #FFF , 1932px 858px #FFF , 1644px 221px #FFF , 1236px 816px #FFF , 1056px 1897px #FFF , 1323px 1406px #FFF , 298px 770px #FFF , 542px 1897px #FFF , 834px 443px #FFF , 610px 14px #FFF , 379px 47px #FFF , 1681px 1412px #FFF , 1546px 281px #FFF , 248px 411px #FFF , 919px 436px #FFF , 1865px 1255px #FFF , 198px 711px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1800px 451px #10497d , 1918px 538px #10497d , 1292px 689px #10497d , 1346px 793px #10497d , 350px 773px #10497d , 1420px 741px #10497d , 175px 222px #10497d , 710px 1366px #10497d , 1732px 112px #10497d , 898px 751px #10497d , 35px 422px #10497d , 197px 882px #10497d , 1907px 501px #10497d , 570px 815px #10497d , 751px 859px #10497d , 1865px 1327px #10497d , 1328px 873px #10497d , 1661px 478px #10497d , 436px 830px #10497d , 726px 859px #10497d , 489px 1787px #10497d , 1151px 1051px #10497d , 1160px 304px #10497d , 137px 1149px #10497d , 1210px 701px #10497d , 1428px 1365px #10497d , 213px 1065px #10497d , 1032px 1961px #10497d , 721px 552px #10497d , 679px 303px #10497d , 515px 1988px #10497d , 1780px 1100px #10497d , 894px 1534px #10497d , 1788px 1208px #10497d , 1883px 1989px #10497d , 398px 849px #10497d , 1238px 1520px #10497d , 749px 428px #10497d , 1210px 1456px #10497d , 1765px 349px #10497d , 1934px 780px #10497d , 572px 1601px #10497d , 1770px 1279px #10497d , 1520px 1298px #10497d , 1757px 487px #10497d , 1842px 931px #10497d , 253px 383px #10497d , 967px 195px #10497d , 1368px 729px #10497d , 1303px 209px #10497d , 1392px 1241px #10497d , 95px 410px #10497d , 629px 1454px #10497d , 1991px 1182px #10497d , 1321px 1928px #10497d , 1176px 300px #10497d , 707px 1335px #10497d , 1293px 1324px #10497d , 1354px 1394px #10497d , 1730px 988px #10497d , 761px 852px #10497d , 562px 846px #10497d , 1806px 1285px #10497d , 991px 1430px #10497d , 1198px 617px #10497d , 916px 91px #10497d , 692px 767px #10497d , 1664px 80px #10497d , 1832px 1319px #10497d , 1840px 1241px #10497d , 872px 1483px #10497d , 202px 1973px #10497d , 24px 365px #10497d , 692px 1420px #10497d , 1880px 1182px #10497d , 116px 1802px #10497d , 1474px 10px #10497d , 386px 1404px #10497d , 1386px 224px #10497d , 504px 786px #10497d , 735px 710px #10497d , 600px 1267px #10497d , 973px 917px #10497d , 176px 1336px #10497d , 153px 792px #10497d , 1236px 627px #10497d , 1889px 1820px #10497d , 1069px 331px #10497d , 1779px 1883px #10497d , 1598px 51px #10497d , 1579px 898px #10497d , 763px 1972px #10497d , 1077px 1375px #10497d , 1861px 883px #10497d , 341px 1125px #10497d , 1163px 1251px #10497d , 1473px 1811px #10497d , 1310px 1082px #10497d , 631px 1552px #10497d , 189px 1146px #10497d , 870px 1923px #10497d , 1201px 1586px #10497d , 69px 1094px #10497d , 442px 1535px #10497d , 1645px 1448px #10497d , 711px 953px #10497d , 1300px 1027px #10497d , 1181px 373px #10497d , 1857px 1513px #10497d , 842px 1520px #10497d , 1943px 1439px #10497d , 1616px 1216px #10497d , 907px 1608px #10497d , 1874px 939px #10497d , 1191px 614px #10497d , 942px 1736px #10497d , 893px 997px #10497d , 1691px 1962px #10497d , 1940px 1229px #10497d , 469px 1573px #10497d , 388px 1122px #10497d , 476px 1882px #10497d , 426px 185px #10497d , 217px 1546px #10497d , 647px 324px #10497d , 677px 1825px #10497d , 712px 23px #10497d , 337px 1361px #10497d , 1161px 350px #10497d , 536px 931px #10497d , 1209px 1891px #10497d , 592px 1155px #10497d , 448px 1126px #10497d , 1909px 806px #10497d , 877px 860px #10497d , 1038px 295px #10497d , 759px 395px #10497d , 1576px 1733px #10497d , 1467px 335px #10497d , 79px 262px #10497d , 683px 472px #10497d , 643px 1365px #10497d , 333px 1482px #10497d , 1026px 1230px #10497d , 168px 1153px #10497d , 417px 624px #10497d , 246px 1517px #10497d , 824px 547px #10497d , 1475px 133px #10497d , 1884px 186px #10497d , 1367px 222px #10497d , 1084px 927px #10497d , 1875px 232px #10497d , 574px 1847px #10497d , 1570px 1598px #10497d , 988px 307px #10497d , 1422px 194px #10497d , 1053px 1875px #10497d , 974px 388px #10497d , 562px 655px #10497d , 1895px 658px #10497d , 1030px 1748px #10497d , 1820px 970px #10497d , 1745px 595px #10497d , 1843px 762px #10497d , 1080px 991px #10497d , 337px 816px #10497d , 1653px 897px #10497d , 591px 722px #10497d , 1007px 1895px #10497d , 265px 725px #10497d , 482px 1386px #10497d , 1300px 1208px #10497d , 1247px 1704px #10497d , 1133px 801px #10497d , 1747px 584px #10497d , 636px 388px #10497d , 1949px 1779px #10497d , 682px 1880px #10497d , 1010px 850px #10497d , 1424px 1949px #10497d , 643px 906px #10497d , 710px 1391px #10497d , 1501px 1913px #10497d , 1611px 29px #10497d , 450px 553px #10497d , 321px 1490px #10497d , 485px 1451px #10497d , 383px 752px #10497d , 1343px 253px #10497d , 255px 56px #10497d , 1046px 860px #10497d , 1725px 1501px #10497d , 650px 1736px #10497d , 335px 437px #10497d , 68px 1982px #10497d , 118px 713px #10497d , 818px 1042px #10497d , 1362px 787px #10497d , 521px 189px #10497d , 1544px 1780px #10497d , 1425px 1993px #10497d , 504px 1243px #10497d , 191px 318px #10497d , 1974px 780px #10497d , 1187px 1802px #10497d , 1072px 981px #10497d , 1236px 798px #10497d , 1706px 911px #10497d , 1585px 1377px #10497d , 490px 929px #10497d , 100px 599px #10497d , 1860px 885px #10497d , 1664px 1945px #10497d , 745px 814px #10497d , 862px 1182px #10497d , 3px 1778px #10497d , 1355px 1008px #10497d , 1215px 321px #10497d , 660px 1601px #10497d , 264px 1139px #10497d , 696px 1357px #10497d , 403px 1209px #10497d , 43px 633px #10497d , 1717px 1480px #10497d , 5px 619px #10497d , 1545px 295px #10497d , 1000px 468px #10497d , 468px 1224px #10497d , 851px 1650px #10497d , 295px 435px #10497d , 158px 1795px #10497d , 837px 552px #10497d , 1178px 1389px #10497d , 99px 1916px #10497d , 185px 1648px #10497d , 813px 1228px #10497d , 856px 384px #10497d , 354px 406px #10497d , 668px 1714px #10497d , 1764px 1011px #10497d , 1896px 1480px #10497d , 1134px 1941px #10497d , 363px 1782px #10497d , 1571px 1048px #10497d , 232px 1554px #10497d , 1565px 1925px #10497d , 349px 262px #10497d , 1922px 1865px #10497d , 1010px 862px #10497d , 1176px 641px #10497d , 359px 1661px #10497d , 1711px 1511px #10497d , 1554px 1964px #10497d , 37px 801px #10497d , 1275px 568px #10497d , 1902px 1419px #10497d , 776px 1544px #10497d , 1382px 237px #10497d , 1255px 778px #10497d , 1877px 1858px #10497d , 46px 598px #10497d , 1894px 67px #10497d , 1514px 105px #10497d , 660px 1181px #10497d , 308px 1566px #10497d , 1655px 1882px #10497d , 1686px 1525px #10497d , 157px 1985px #10497d , 1359px 1439px #10497d , 449px 1631px #10497d , 346px 1566px #10497d , 451px 1460px #10497d , 806px 511px #10497d , 842px 1132px #10497d , 569px 1740px #10497d , 1305px 819px #10497d , 1986px 1316px #10497d , 975px 726px #10497d , 663px 819px #10497d , 1493px 1832px #10497d , 1987px 797px #10497d , 951px 881px #10497d , 1998px 1901px #10497d , 472px 1829px #10497d , 1493px 1858px #10497d , 1756px 1647px #10497d , 652px 1903px #10497d , 863px 1794px #10497d , 63px 1984px #10497d , 379px 799px #10497d , 501px 1582px #10497d , 793px 292px #10497d , 190px 1846px #10497d , 620px 1776px #10497d , 234px 349px #10497d , 453px 1860px #10497d , 99px 1756px #10497d , 715px 1290px #10497d , 1957px 134px #10497d , 1099px 1030px #10497d , 1051px 1093px #10497d , 613px 500px #10497d , 955px 196px #10497d , 242px 976px #10497d , 1020px 191px #10497d , 370px 347px #10497d , 1481px 621px #10497d , 1959px 1450px #10497d , 743px 1178px #10497d , 73px 597px #10497d , 499px 645px #10497d , 769px 1635px #10497d , 1663px 291px #10497d , 1738px 1729px #10497d , 646px 832px #10497d , 1750px 609px #10497d , 1047px 1379px #10497d , 127px 1893px #10497d , 1949px 1890px #10497d , 1347px 914px #10497d , 323px 361px #10497d , 918px 1330px #10497d , 347px 184px #10497d , 1262px 1201px #10497d , 1563px 906px #10497d , 1996px 1168px #10497d , 1302px 1251px #10497d , 148px 247px #10497d , 38px 1523px #10497d , 1706px 1070px #10497d , 1031px 758px #10497d , 656px 201px #10497d , 473px 1830px #10497d , 1292px 1445px #10497d , 1807px 589px #10497d , 929px 157px #10497d , 1936px 569px #10497d , 762px 1469px #10497d , 55px 435px #10497d , 260px 428px #10497d , 1945px 1411px #10497d , 103px 224px #10497d , 998px 1164px #10497d , 1479px 1757px #10497d , 302px 741px #10497d , 1895px 15px #10497d , 11px 801px #10497d , 565px 1178px #10497d , 1628px 1464px #10497d , 99px 1357px #10497d , 563px 569px #10497d , 1359px 376px #10497d , 1420px 1723px #10497d , 821px 1851px #10497d , 1860px 429px #10497d , 1947px 132px #10497d , 1236px 1380px #10497d , 906px 593px #10497d , 1320px 1689px #10497d , 100px 1529px #10497d , 1292px 258px #10497d , 934px 1482px #10497d , 1779px 1205px #10497d , 1378px 1429px #10497d , 1563px 816px #10497d , 852px 1084px #10497d , 1292px 1200px #10497d , 1996px 611px #10497d , 1249px 971px #10497d , 114px 1272px #10497d , 1557px 1495px #10497d , 693px 22px #10497d , 1937px 873px #10497d , 364px 1909px #10497d , 1012px 471px #10497d , 982px 1606px #10497d , 426px 1px #10497d , 703px 687px #10497d , 1488px 230px #10497d , 1876px 209px #10497d , 839px 558px #10497d , 670px 840px #10497d , 1242px 1302px #10497d , 207px 558px #10497d , 721px 186px #10497d , 451px 1318px #10497d , 119px 1877px #10497d , 106px 898px #10497d , 1552px 463px #10497d , 132px 1475px #10497d , 1466px 1324px #10497d , 1731px 1849px #10497d , 1039px 1978px #10497d , 1321px 977px #10497d , 915px 1681px #10497d , 272px 1057px #10497d , 550px 1983px #10497d , 1167px 1119px #10497d , 1413px 320px #10497d , 1809px 929px #10497d , 1659px 621px #10497d , 742px 321px #10497d , 343px 624px #10497d , 1280px 1491px #10497d , 873px 1367px #10497d , 810px 1664px #10497d , 1382px 1856px #10497d , 1220px 622px #10497d , 1151px 780px #10497d , 1391px 1235px #10497d , 1203px 461px #10497d , 1304px 8px #10497d , 1208px 464px #10497d , 375px 1838px #10497d , 1483px 875px #10497d , 1964px 1785px #10497d , 776px 1544px #10497d , 1542px 1320px #10497d , 403px 1694px #10497d , 576px 159px #10497d , 484px 1528px #10497d , 1390px 150px #10497d , 509px 106px #10497d , 888px 20px #10497d , 173px 305px #10497d , 1671px 379px #10497d , 1452px 437px #10497d , 417px 1255px #10497d , 1818px 31px #10497d , 465px 476px #10497d , 1583px 196px #10497d , 1242px 657px #10497d , 156px 1903px #10497d , 912px 382px #10497d , 482px 1693px #10497d , 1720px 390px #10497d , 361px 800px #10497d , 163px 326px #10497d , 1289px 317px #10497d , 65px 1625px #10497d , 114px 421px #10497d , 1918px 1745px #FFF , 1997px 198px #FFF , 1718px 255px #FFF , 1595px 685px #FFF , 1601px 1724px #FFF , 28px 730px #FFF , 1566px 200px #FFF , 1171px 1332px #FFF , 44px 599px #FFF , 1803px 676px #FFF , 1875px 41px #FFF , 904px 1204px #FFF , 1135px 1468px #FFF , 1654px 353px #FFF , 1682px 535px #FFF , 1269px 1329px #FFF , 706px 944px #FFF , 1246px 304px #FFF , 1946px 313px #FFF , 750px 1843px #FFF , 1345px 1531px #FFF , 1980px 757px #FFF , 494px 907px #FFF , 639px 1370px #FFF , 815px 1939px #FFF , 1765px 1469px #FFF , 385px 1976px #FFF , 1144px 983px #FFF , 1805px 246px #FFF , 976px 1018px #FFF , 655px 460px #FFF , 1910px 1428px #FFF , 1607px 1641px #FFF , 239px 1189px #FFF , 18px 1601px #FFF , 1338px 570px #FFF , 1677px 1050px #FFF , 1133px 1502px #FFF , 1465px 350px #FFF , 1411px 1289px #FFF , 274px 554px #FFF , 412px 448px #FFF , 870px 1878px #FFF , 1483px 590px #FFF , 776px 1902px #FFF , 698px 1905px #FFF , 43px 685px #FFF , 309px 1607px #FFF , 1085px 182px #FFF , 344px 693px #FFF , 1389px 114px #FFF , 927px 1087px #FFF , 758px 1904px #FFF , 1401px 1327px #FFF , 492px 1391px #FFF , 1994px 566px #FFF , 1098px 724px #FFF , 266px 1360px #FFF , 28px 841px #FFF , 1482px 1893px #FFF , 126px 1045px #FFF , 1772px 648px #FFF , 1427px 1769px #FFF , 870px 1946px #FFF , 1804px 1215px #FFF , 368px 910px #FFF , 1267px 1371px #FFF , 1589px 857px #FFF , 1265px 1830px #FFF , 1286px 1388px #FFF , 1962px 794px #FFF , 452px 53px #FFF , 431px 1582px #FFF , 715px 951px #FFF , 1495px 17px #FFF , 1772px 1807px #FFF , 639px 747px #FFF , 1427px 1832px #FFF , 1300px 7px #FFF , 443px 1536px #FFF , 516px 1367px #FFF , 106px 303px #FFF , 671px 807px #FFF , 248px 1800px #FFF , 735px 689px #FFF , 101px 596px #FFF , 923px 978px #FFF , 1076px 454px #FFF , 1774px 1542px #FFF , 1427px 1867px #FFF , 479px 920px #FFF , 985px 684px #FFF , 1673px 1274px #FFF , 322px 889px #FFF , 1572px 1996px #FFF , 437px 1673px #FFF , 550px 800px #FFF , 1489px 1049px #FFF , 247px 1977px #FFF , 1076px 85px #FFF , 393px 429px #FFF , 644px 571px #FFF , 1487px 55px #FFF , 552px 1523px #FFF , 1468px 506px #FFF , 1593px 1524px #FFF , 581px 1055px #FFF , 249px 1300px #FFF , 703px 583px #FFF , 775px 1468px #FFF , 383px 636px #FFF , 689px 1764px #FFF , 19px 1601px #FFF , 1031px 27px #FFF , 818px 106px #FFF , 1690px 155px #FFF , 1132px 927px #FFF , 119px 122px #FFF , 1694px 1171px #FFF , 1187px 1560px #FFF , 606px 159px #FFF , 621px 765px #FFF , 331px 200px #FFF , 1369px 1099px #FFF , 1717px 1396px #FFF , 1303px 986px #FFF , 473px 1555px #FFF , 1697px 1078px #FFF , 444px 543px #FFF , 1078px 1828px #FFF , 374px 1115px #FFF , 494px 958px #FFF , 24px 1568px #FFF , 1178px 436px #FFF , 22px 1518px #FFF , 1536px 1973px #FFF , 217px 597px #FFF , 204px 214px #FFF , 792px 1090px #FFF , 1176px 491px #FFF , 1674px 1342px #FFF , 1367px 911px #FFF , 1640px 357px #FFF , 1522px 1889px #FFF , 331px 1337px #FFF , 1522px 1448px #FFF , 1749px 940px #FFF , 1176px 203px #FFF , 966px 1962px #FFF , 58px 574px #FFF , 912px 1839px #FFF , 515px 363px #FFF , 529px 895px #FFF , 762px 1649px #FFF , 1512px 180px #FFF , 1808px 1238px #FFF , 1090px 671px #FFF , 699px 1107px #FFF , 887px 145px #FFF , 1335px 1808px #FFF , 589px 523px #FFF , 1759px 1498px #FFF , 1544px 1444px #FFF , 667px 279px #FFF , 1757px 1501px #FFF , 793px 222px #FFF , 391px 1244px #FFF , 332px 761px #FFF , 1271px 490px #FFF , 1991px 1408px #FFF , 719px 1917px #FFF , 1180px 659px #FFF , 275px 1634px #FFF , 1763px 471px #FFF , 144px 757px #FFF , 668px 12px #FFF , 1291px 912px #FFF , 62px 422px #FFF , 93px 1577px #FFF , 860px 664px #FFF , 1283px 787px #FFF , 964px 1635px #FFF , 1249px 1324px #FFF , 30px 179px #FFF , 1548px 1082px #FFF , 1436px 1868px #FFF , 1409px 245px #FFF , 709px 1101px #FFF , 248px 676px #FFF , 97px 187px #FFF , 1329px 1010px #FFF , 1919px 1489px #FFF , 1589px 1912px #FFF , 1966px 1939px #FFF , 273px 559px #FFF , 291px 1433px #FFF , 1632px 1763px #FFF , 829px 1701px #FFF , 1174px 799px #FFF , 1046px 1379px #FFF , 1353px 68px #FFF , 268px 1594px #FFF , 425px 797px #FFF , 58px 29px #FFF , 1776px 345px #FFF , 1839px 1854px #FFF , 970px 145px #FFF , 1258px 1298px #FFF , 1006px 1872px #FFF , 896px 1752px #FFF , 992px 1633px #FFF , 888px 183px #FFF , 1218px 587px #FFF , 1253px 1366px #FFF , 1689px 65px #FFF , 686px 80px #FFF , 1243px 1797px #FFF , 1460px 493px #FFF , 1731px 40px #FFF , 1050px 36px #FFF , 1948px 1379px #FFF , 307px 1941px #FFF , 359px 1065px #FFF , 1620px 592px #FFF , 1832px 1368px #FFF , 1764px 1005px #FFF , 1818px 1368px #FFF , 1381px 164px #FFF , 941px 387px #FFF , 148px 105px #FFF , 1116px 801px #FFF , 638px 1562px #FFF , 1228px 1712px #FFF , 1130px 1201px #FFF , 79px 413px #FFF , 978px 1741px #FFF , 1479px 211px #FFF , 1634px 507px #FFF , 691px 1992px #FFF , 718px 1061px #FFF , 1131px 1152px #FFF , 896px 1523px #FFF , 1932px 858px #FFF , 1644px 221px #FFF , 1236px 816px #FFF , 1056px 1897px #FFF , 1323px 1406px #FFF , 298px 770px #FFF , 542px 1897px #FFF , 834px 443px #FFF , 610px 14px #FFF , 379px 47px #FFF , 1681px 1412px #FFF , 1546px 281px #FFF , 248px 411px #FFF , 919px 436px #FFF , 1865px 1255px #FFF , 198px 711px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 553px 1424px #10497d , 612px 376px #10497d , 722px 680px #10497d , 1821px 146px #10497d , 589px 459px #10497d , 500px 1533px #10497d , 1715px 68px #10497d , 1171px 1048px #10497d , 1642px 1470px #10497d , 1580px 819px #10497d , 1753px 210px #10497d , 334px 1893px #10497d , 1765px 1321px #10497d , 1035px 1064px #10497d , 539px 1028px #10497d , 619px 572px #10497d , 912px 643px #10497d , 733px 1134px #10497d , 1357px 1725px #10497d , 949px 1311px #10497d , 1577px 1767px #10497d , 1135px 730px #10497d , 839px 26px #10497d , 716px 735px #10497d , 1898px 446px #10497d , 1469px 1366px #10497d , 674px 785px #10497d , 914px 618px #10497d , 1500px 632px #10497d , 1697px 1392px #10497d , 152px 1994px #10497d , 1854px 1805px #10497d , 1791px 237px #10497d , 839px 844px #10497d , 282px 1377px #10497d , 993px 1847px #10497d , 1181px 926px #10497d , 1445px 183px #10497d , 1537px 1770px #10497d , 1930px 1512px #10497d , 1954px 676px #10497d , 963px 116px #10497d , 1190px 504px #10497d , 954px 841px #10497d , 697px 1318px #10497d , 1914px 107px #10497d , 1833px 8px #10497d , 746px 647px #10497d , 147px 299px #10497d , 937px 948px #10497d , 1529px 539px #10497d , 26px 1175px #10497d , 730px 384px #10497d , 230px 1073px #10497d , 660px 1012px #10497d , 682px 625px #10497d , 1005px 921px #10497d , 1973px 503px #10497d , 284px 1995px #10497d , 629px 851px #10497d , 275px 364px #10497d , 1848px 49px #10497d , 1009px 1775px #10497d , 1594px 1779px #10497d , 323px 853px #10497d , 1330px 1089px #10497d , 365px 259px #10497d , 360px 232px #10497d , 443px 1478px #10497d , 1455px 489px #10497d , 1096px 742px #10497d , 1156px 861px #10497d , 628px 430px #10497d , 1352px 705px #10497d , 1637px 19px #10497d , 1736px 1671px #10497d , 419px 1146px #10497d , 732px 576px #10497d , 1506px 1891px #10497d , 1466px 1546px #10497d , 545px 805px #10497d , 1439px 1422px #10497d , 418px 452px #10497d , 1041px 1372px #10497d , 629px 196px #10497d , 1428px 1400px #10497d , 711px 1986px #10497d , 157px 892px #10497d , 1759px 1305px #10497d , 1257px 1844px #10497d , 1910px 1694px #10497d , 1667px 590px #10497d , 1180px 1098px #10497d , 261px 1727px #10497d , 714px 1995px #10497d , 1307px 1216px #10497d , 1957px 577px #10497d , 1675px 1819px #10497d , 1722px 1376px #10497d , 685px 1749px #10497d , 1748px 1113px #10497d , 1100px 564px #10497d , 1502px 970px #10497d , 425px 9px #10497d , 824px 619px #10497d , 1972px 755px #10497d , 1358px 529px #10497d , 931px 980px #10497d , 280px 1872px #10497d , 1912px 753px #10497d , 1095px 1233px #10497d , 47px 1095px #10497d , 161px 417px #10497d , 407px 371px #10497d , 1131px 985px #10497d , 452px 772px #10497d , 1961px 1578px #10497d , 671px 1950px #10497d , 270px 597px #10497d , 926px 1592px #10497d , 1275px 1054px #10497d , 1403px 692px #10497d , 1310px 193px #10497d , 895px 110px #10497d , 1290px 113px #10497d , 1165px 545px #10497d , 1295px 1553px #10497d , 1679px 273px #10497d , 624px 792px #10497d , 357px 1497px #10497d , 981px 1895px #10497d , 593px 999px #10497d , 982px 1310px #10497d , 1543px 1365px #10497d , 1577px 649px #10497d , 126px 739px #10497d , 1637px 1066px #10497d , 93px 1269px #10497d , 1927px 70px #10497d , 519px 272px #10497d , 1630px 806px #10497d , 1707px 1579px #10497d , 1679px 1560px #10497d , 710px 473px #10497d , 1398px 795px #10497d , 1669px 1633px #10497d , 1904px 407px #10497d , 915px 575px #10497d , 856px 777px #10497d , 182px 541px #10497d , 81px 1682px #10497d , 1000px 1863px #10497d , 1593px 728px #10497d , 1004px 1795px #10497d , 1342px 1382px #10497d , 22px 51px #10497d , 686px 447px #10497d , 1512px 1316px #10497d , 892px 714px #10497d , 1422px 1516px #10497d , 17px 157px #10497d , 213px 272px #10497d , 1095px 180px #10497d , 1849px 322px #10497d , 1391px 1602px #10497d , 1659px 1684px #10497d , 868px 1428px #10497d , 494px 772px #10497d , 1231px 968px #10497d , 96px 1033px #10497d , 1496px 934px #10497d , 929px 806px #10497d , 1325px 1713px #10497d , 687px 1095px #10497d , 88px 1620px #10497d , 1089px 360px #10497d , 264px 1102px #10497d , 612px 234px #10497d , 641px 943px #10497d , 1330px 1129px #10497d , 231px 366px #10497d , 120px 220px #10497d , 1817px 987px #10497d , 1308px 59px #10497d , 426px 1538px #10497d , 15px 1936px #10497d , 1508px 1854px #10497d , 1847px 1331px #10497d , 1816px 143px #10497d , 1884px 1478px #10497d , 1782px 575px #10497d , 1080px 1522px #10497d , 359px 135px #10497d , 1430px 1642px #10497d , 1391px 1271px #10497d , 127px 743px #10497d , 94px 772px #10497d , 1509px 1894px #10497d , 1258px 1347px #10497d , 482px 582px #10497d;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 553px 1424px #10497d , 612px 376px #10497d , 722px 680px #10497d , 1821px 146px #10497d , 589px 459px #10497d , 500px 1533px #10497d , 1715px 68px #10497d , 1171px 1048px #10497d , 1642px 1470px #10497d , 1580px 819px #10497d , 1753px 210px #10497d , 334px 1893px #10497d , 1765px 1321px #10497d , 1035px 1064px #10497d , 539px 1028px #10497d , 619px 572px #10497d , 912px 643px #10497d , 733px 1134px #10497d , 1357px 1725px #10497d , 949px 1311px #10497d , 1577px 1767px #10497d , 1135px 730px #10497d , 839px 26px #10497d , 716px 735px #10497d , 1898px 446px #10497d , 1469px 1366px #10497d , 674px 785px #10497d , 914px 618px #10497d , 1500px 632px #10497d , 1697px 1392px #10497d , 152px 1994px #10497d , 1854px 1805px #10497d , 1791px 237px #10497d , 839px 844px #10497d , 282px 1377px #10497d , 993px 1847px #10497d , 1181px 926px #10497d , 1445px 183px #10497d , 1537px 1770px #10497d , 1930px 1512px #10497d , 1954px 676px #10497d , 963px 116px #10497d , 1190px 504px #10497d , 954px 841px #10497d , 697px 1318px #10497d , 1914px 107px #10497d , 1833px 8px #10497d , 746px 647px #10497d , 147px 299px #10497d , 937px 948px #10497d , 1529px 539px #10497d , 26px 1175px #10497d , 730px 384px #10497d , 230px 1073px #10497d , 660px 1012px #10497d , 682px 625px #10497d , 1005px 921px #10497d , 1973px 503px #10497d , 284px 1995px #10497d , 629px 851px #10497d , 275px 364px #10497d , 1848px 49px #10497d , 1009px 1775px #10497d , 1594px 1779px #10497d , 323px 853px #10497d , 1330px 1089px #10497d , 365px 259px #10497d , 360px 232px #10497d , 443px 1478px #10497d , 1455px 489px #10497d , 1096px 742px #10497d , 1156px 861px #10497d , 628px 430px #10497d , 1352px 705px #10497d , 1637px 19px #10497d , 1736px 1671px #10497d , 419px 1146px #10497d , 732px 576px #10497d , 1506px 1891px #10497d , 1466px 1546px #10497d , 545px 805px #10497d , 1439px 1422px #10497d , 418px 452px #10497d , 1041px 1372px #10497d , 629px 196px #10497d , 1428px 1400px #10497d , 711px 1986px #10497d , 157px 892px #10497d , 1759px 1305px #10497d , 1257px 1844px #10497d , 1910px 1694px #10497d , 1667px 590px #10497d , 1180px 1098px #10497d , 261px 1727px #10497d , 714px 1995px #10497d , 1307px 1216px #10497d , 1957px 577px #10497d , 1675px 1819px #10497d , 1722px 1376px #10497d , 685px 1749px #10497d , 1748px 1113px #10497d , 1100px 564px #10497d , 1502px 970px #10497d , 425px 9px #10497d , 824px 619px #10497d , 1972px 755px #10497d , 1358px 529px #10497d , 931px 980px #10497d , 280px 1872px #10497d , 1912px 753px #10497d , 1095px 1233px #10497d , 47px 1095px #10497d , 161px 417px #10497d , 407px 371px #10497d , 1131px 985px #10497d , 452px 772px #10497d , 1961px 1578px #10497d , 671px 1950px #10497d , 270px 597px #10497d , 926px 1592px #10497d , 1275px 1054px #10497d , 1403px 692px #10497d , 1310px 193px #10497d , 895px 110px #10497d , 1290px 113px #10497d , 1165px 545px #10497d , 1295px 1553px #10497d , 1679px 273px #10497d , 624px 792px #10497d , 357px 1497px #10497d , 981px 1895px #10497d , 593px 999px #10497d , 982px 1310px #10497d , 1543px 1365px #10497d , 1577px 649px #10497d , 126px 739px #10497d , 1637px 1066px #10497d , 93px 1269px #10497d , 1927px 70px #10497d , 519px 272px #10497d , 1630px 806px #10497d , 1707px 1579px #10497d , 1679px 1560px #10497d , 710px 473px #10497d , 1398px 795px #10497d , 1669px 1633px #10497d , 1904px 407px #10497d , 915px 575px #10497d , 856px 777px #10497d , 182px 541px #10497d , 81px 1682px #10497d , 1000px 1863px #10497d , 1593px 728px #10497d , 1004px 1795px #10497d , 1342px 1382px #10497d , 22px 51px #10497d , 686px 447px #10497d , 1512px 1316px #10497d , 892px 714px #10497d , 1422px 1516px #10497d , 17px 157px #10497d , 213px 272px #10497d , 1095px 180px #10497d , 1849px 322px #10497d , 1391px 1602px #10497d , 1659px 1684px #10497d , 868px 1428px #10497d , 494px 772px #10497d , 1231px 968px #10497d , 96px 1033px #10497d , 1496px 934px #10497d , 929px 806px #10497d , 1325px 1713px #10497d , 687px 1095px #10497d , 88px 1620px #10497d , 1089px 360px #10497d , 264px 1102px #10497d , 612px 234px #10497d , 641px 943px #10497d , 1330px 1129px #10497d , 231px 366px #10497d , 120px 220px #10497d , 1817px 987px #10497d , 1308px 59px #10497d , 426px 1538px #10497d , 15px 1936px #10497d , 1508px 1854px #10497d , 1847px 1331px #10497d , 1816px 143px #10497d , 1884px 1478px #10497d , 1782px 575px #10497d , 1080px 1522px #10497d , 359px 135px #10497d , 1430px 1642px #10497d , 1391px 1271px #10497d , 127px 743px #10497d , 94px 772px #10497d , 1509px 1894px #10497d , 1258px 1347px #10497d , 482px 582px #10497d;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 571px 173px #10497d , 1732px 143px #10497d , 1745px 454px #10497d , 234px 784px #10497d , 1793px 1123px #10497d , 1076px 504px #10497d , 633px 601px #10497d , 350px 630px #10497d , 1164px 782px #10497d , 76px 690px #10497d , 1825px 701px #10497d , 1646px 578px #10497d , 544px 293px #10497d , 445px 1061px #10497d , 928px 47px #10497d , 168px 1410px #10497d , 777px 782px #10497d , 1235px 1941px #10497d , 104px 1690px #10497d , 1167px 1338px #10497d , 345px 1652px #10497d , 1682px 1196px #10497d , 1995px 494px #10497d , 428px 798px #10497d , 340px 1623px #10497d , 605px 349px #10497d , 1339px 1344px #10497d , 1102px 1745px #10497d , 1592px 1676px #10497d , 419px 1024px #10497d , 630px 1033px #10497d , 1995px 1644px #10497d , 1092px 712px #10497d , 1355px 606px #10497d , 622px 1881px #10497d , 1481px 621px #10497d , 19px 1348px #10497d , 864px 1780px #10497d , 442px 1136px #10497d , 67px 712px #10497d , 89px 1406px #10497d , 275px 321px #10497d , 592px 630px #10497d , 1012px 1690px #10497d , 1749px 23px #10497d , 94px 1542px #10497d , 1201px 1657px #10497d , 1505px 692px #10497d , 1799px 601px #10497d , 656px 811px #10497d , 701px 597px #10497d , 1202px 46px #10497d , 890px 569px #10497d , 1613px 813px #10497d , 223px 252px #10497d , 983px 1093px #10497d , 726px 1029px #10497d , 1764px 778px #10497d , 622px 1643px #10497d , 174px 1559px #10497d , 212px 517px #10497d , 340px 505px #10497d , 1700px 39px #10497d , 1768px 516px #10497d , 849px 391px #10497d , 228px 1824px #10497d , 1119px 1680px #10497d , 812px 1480px #10497d , 1438px 1585px #10497d , 137px 1397px #10497d , 1080px 456px #10497d , 1208px 1437px #10497d , 857px 281px #10497d , 1254px 1306px #10497d , 987px 990px #10497d , 1655px 911px #10497d , 1102px 1216px #10497d , 1807px 1044px #10497d , 660px 435px #10497d , 299px 678px #10497d , 1193px 115px #10497d , 918px 290px #10497d , 1447px 1422px #10497d , 91px 1273px #10497d , 108px 223px #10497d , 146px 754px #10497d , 461px 1446px #10497d , 1004px 391px #10497d , 1529px 516px #10497d , 1206px 845px #10497d , 347px 583px #10497d , 1102px 1332px #10497d , 709px 1756px #10497d , 1972px 248px #10497d , 1669px 1344px #10497d , 1132px 406px #10497d , 320px 1076px # , 126px 943px #10497d , 263px 604px #10497d , 1546px 692px #10497d;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 571px 173px #10497d , 1732px 143px #10497d , 1745px 454px #10497d , 234px 784px #10497d , 1793px 1123px #10497d , 1076px 504px #10497d , 633px 601px #10497d , 350px 630px #10497d , 1164px 782px #10497d , 76px 690px #10497d , 1825px 701px #10497d , 1646px 578px #10497d , 544px 293px #10497d , 445px 1061px #10497d , 928px 47px #10497d , 168px 1410px #10497d , 777px 782px #10497d , 1235px 1941px #10497d , 104px 1690px #10497d , 1167px 1338px #10497d , 345px 1652px #10497d , 1682px 1196px #10497d , 1995px 494px #10497d , 428px 798px #10497d , 340px 1623px #10497d , 605px 349px #10497d , 1339px 1344px #10497d , 1102px 1745px #10497d , 1592px 1676px #10497d , 419px 1024px #10497d , 630px 1033px #10497d , 1995px 1644px #10497d , 1092px 712px #10497d , 1355px 606px #10497d , 622px 1881px #10497d , 1481px 621px #10497d , 19px 1348px #10497d , 864px 1780px #10497d , 442px 1136px #10497d , 67px 712px #10497d , 89px 1406px #10497d , 275px 321px #10497d , 592px 630px #10497d , 1012px 1690px #10497d , 1749px 23px #10497d , 94px 1542px #10497d , 1201px 1657px #10497d , 1505px 692px #10497d , 1799px 601px #10497d , 656px 811px #10497d , 701px 597px #10497d , 1202px 46px #10497d , 890px 569px #10497d , 1613px 813px #10497d , 223px 252px #10497d , 983px 1093px #10497d , 726px 1029px #10497d , 1764px 778px #10497d , 622px 1643px #10497d , 174px 1559px #10497d , 212px 517px #10497d , 340px 505px #10497d , 1700px 39px #10497d , 1768px 516px #10497d , 849px 391px #10497d , 228px 1824px #10497d , 1119px 1680px #10497d , 812px 1480px #10497d , 1438px 1585px #10497d , 137px 1397px #10497d , 1080px 456px #10497d , 1208px 1437px #10497d , 857px 281px #10497d , 1254px 1306px #10497d , 987px 990px #10497d , 1655px 911px #10497d , 1102px 1216px #10497d , 1807px 1044px #10497d , 660px 435px #10497d , 299px 678px #10497d , 1193px 115px #10497d , 918px 290px #10497d , 1447px 1422px #10497d , 91px 1273px #10497d , 108px 223px #10497d , 146px 754px #10497d , 461px 1446px #10497d , 1004px 391px #10497d , 1529px 516px #10497d , 1206px 845px #10497d , 347px 583px #10497d , 1102px 1332px #10497d , 709px 1756px #10497d , 1972px 248px #10497d , 1669px 1344px #10497d , 1132px 406px #10497d , 320px 1076px #10497d , 126px 943px #10497d , 263px 604px #10497d , 1546px 692px #10497d;
}

#title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #10497d;
  text-align: center;
  font-weight: 300;
  font-size: 50px;
  letter-spacing: 10px;
  margin-top: -60px;
  padding-left: 10px;
}
#title span {
  background: -webkit-linear-gradient(#10497d, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

@media screen and (max-width: 767px) {
  .site-subscribe input[type=email], .site-subscribe input[type=text] {
    padding-right: 1.25rem;
  }
}

.site-subscribe input[type=submit] {
  /* Input submit button */
  width: 9.375rem;
  min-width: 0.625rem;
  height: 2.688rem;
  min-height: 0.625rem;
  line-height: 2.688rem;
  margin: auto 0;
  border-radius: 1.3125rem;
  box-shadow: none;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 0.813rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  transition: 300ms linear;
  transition-property: background, color;
  border: 0.063rem solid white;
  
  background: rgba(70,200,255,1);
/* Old Browsers */background: -moz-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,200,255,1)), color-stop(100%, rgba(129,211,126,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
 /* IE 10+ */background: linear-gradient(to right, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
/* IE6-9 */


}

.site-subscribe input[type=submit]:hover {
  background: #10497d;
  color: white;
}

@media screen and (max-width: 767px) {
  .site-subscribe input[type=submit] {
    position: relative;
    width: 100%;
    border: none;
  }
}

.site-subscribe .site-form {
  /* Form */
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
}

@media screen and (max-width: 767px) {
  .site-subscribe .site-form {
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.site-subscribe .no-space {
  /* no space (class is used to remove the element left or right side padding) */
  padding-left: 0;
  padding-right: 0;
}

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

[Footer] (Section)

# Footer Section (wrapper)
# Logo
# Social Icons
# Copyright

-----------------------------------------------------------------------------------*/
/* Footer Section wrapper */
.site-footer {
  margin-top:-80px;;
  padding: 50px 0 50px 0;
  display: block;
  width: 100%;
  clear: both;
  text-align: center;
  background: #313a47 ;
  color: white;
}


.site-footer .site-logo {
  /* LOGO */
  width: 100%;
  clear: both;
  height: auto;
  display: block;
  margin: 1.875rem 0;
}

.site-footer .site-logo a {
  display: inline-block;
}

.site-social-icons {
  /* SOCIAL ICONS */
  width: 100%;
  clear: both;
  padding:50px 0 0 0;
}

.site-social-icons a {
  width: 3rem;
  height: 3rem;
  background:#505762;
  border-radius: 12.5rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 0.1875rem;
  transition: 300ms linear;
  transition-property: background, color, border-color;
}

.site-social-icons a:hover {
  color: white;
  transition:all ease .5s;
  
  background: #836aeb;
  background: rgba(50,187,241,1);
/* Old Browsers */background: -moz-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(50,187,241,1)), color-stop(68%, rgba(166,73,233,1)), color-stop(100%, rgba(166,73,233,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(-45deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
 /* IE 10+ */background: linear-gradient(135deg, rgba(50,187,241,1) 0%, rgba(166,73,233,1) 68%, rgba(166,73,233,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}

.site-social-icons i.fa, .site-social-icons span {
  color: white;
  font-size: 0.938rem;
  font-weight: 400;
  line-height: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 100%;
  width: 100%;

}

.site-copyright {
  /* COPYRIGHT */
  color: #ffffff;
  font-family: inherit;
  font-size:13px;
  font-weight: 400;
  line-height:1.5;
  width: 100%;
  clear: both;
  margin-top: 1.25rem;
}
.site-copyright a{
  color: #ffffff;
}

@media screen and (max-width: 991px) {
  .site-footer {
    background: #1F3542;
	padding:60px 0;
	margin-top:0;
  }
  
  .site-download-icons {
		margin:30px 0;
		padding:0;
	}
	.site-more-features .featured-img{
    margin-top: 0
  }
  .site-holder .sticky-header{
    background: #ffffff;
  }
  .contact-details .left-side{
    left: 20px;
  }
  .contact-details .right-side{
    right: 150px;
  }
}


  
 
  

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

[Custom Scroll Bar]

# Custom scroll bar (wrapper)

-----------------------------------------------------------------------------------*/
/* Custom scroll bar wrapper */
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* VERTICAL SCROLLBAR
y-axis */
.mCSB_inside > .mCSB_container {
  margin-right: 1.5625rem;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 1.875rem;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 1.5rem;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -1.625rem;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -1.625rem;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 1.25rem 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 0.125rem;
  height: 100%;
  margin: 0 auto;
  border-radius: 1rem;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 1.875rem;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 0.25rem;
  height: 100%;
  margin: 0 auto;
  border-radius: 1rem;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 0.75rem;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 0.5rem;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 1.25rem;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonUp:before,
.mCSB_scrollTools .mCSB_buttonDown:before {
  content: "\f0d8";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  text-align: center;
  height: 100%;
  font-family: FontAwesome, serif;
  color: #2b8dd9;
  font-size: 1.375rem;
  line-height: 1.25rem;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_scrollTools .mCSB_buttonDown:before {
  content: "\f0d7";
}

.mCSB_draggerRail {
  background-color: #e6e9ed;
  border-radius: 6.25rem !important;
  opacity: 1 !important;
  width: 0.75rem !important;
}

.mCSB_scrollTools {
  opacity: 1;
}

.mCSB_dragger_bar {
  width: 0.375rem !important;
  background: #2b8dd9;
  border-radius: 0 !important;
  opacity: 1 !important;
}

.mCSB_dragger_bar:before {
  display: none;
}

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

[Scroll Back To Top]

-----------------------------------------------------------------------------------*/
/* Scroll back to top wrapper */
#scrollUp {
  margin: 0;
  padding: 0;
  bottom: 1.875rem;
  right: 1.875rem;
  height: 3.125rem;
  width: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  background: #142834;
  border-radius: 12.5rem;
  font-size: 1.875rem;
  box-shadow: 0 0 0.9375rem rgba(2, 3, 3, 0.19);
  transition: 300ms linear;
  transition-property: color, background;
  color: white;
}

#scrollUp:hover {
  color: #1f3542;
  background: #D3D3D3;
}

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

[Preloader]

# Preloader (overlay)
# .preloader (class)

-----------------------------------------------------------------------------------*/
.loadingoverlay {
  /* Overlay */
  background-size: 40px !important;
}

.preloader {
  /* preloader (class) */
  opacity: 0;
  visibility: hidden;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}


.portfolio-menu {
  text-align: center;
  margin: 30px auto;
}

.portfolio-menu ul li {
  display: inline-block;
  margin: 0;
  list-style: none;
  padding: 10px 15px;
  border: 1px solid #ff0000;
  cursor: pointer;
  transition: all .5 ease;
}

.portfolio-menu ul {
  padding:0;
}

.portfolio-menu ul li:hover {
  background: #ff0000;
  color: #fff;
}

.portfolio-menu ul li.active {
  background:  #ff0000;
  color: #fff;
}

.portfolio-item {
  max-width: 1000px;
  margin: 30px auto;
}

.portfolio-item .item {
  width: 33.3%;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 10px;
}

.portfolio-item .item div {
  height: 280px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1024px) {
.portfolio-item .item {
  width: 50%;
  padding:0 15px;
}
}

@media screen and (max-width: 640px) {
.portfolio-item .item {
  width: 100%;
}
}

/* .container{ border: 2px solid green }
.grid-item{ border: 2px solid red; padding: 20px;}
.grid{ border: 1px solid blue} */
.filters ul{
  display: flex;
  justify-content: center;
  list-style: none;
  border-bottom: 2px solid #D9D9D9;
  margin: 30px 15px
}
.filters ul li{
  display: inlnie-block;
  text-align: center;
  margin-right: 12px;
  padding: 0 5px 8px 5px;
  font-weight: 700;
  font-size: 16px; 
  cursor: pointer;
  position: relative;
  margin-bottom: -2px;
  color: #777;
  transition: 0.3s;
  text-transform: uppercase;
}
.filters ul li:hover{
  color: #10497d;
}
.filters ul li.is-checked{
  border-bottom: 2px solid #10497d;
  color: #10497d;
}
.filters ul li:last-child{
  margin-right: 0;
}
 

.grid .grid-item h1{
  line-height: normal;
  color: #10497d;
  font-size: 16px;
  text-align: left;
  margin-bottom: 0;
  display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: left;
	-webkit-align-items: left;
	-webkit-box-align: left;
  align-items: left;
  justify-content: left;
  display: list-item;          /* This has to be "list-item"                                               */
    list-style-type: square;       /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: inside; 
  font-weight: 600;
}
.grid .grid-item:nth-child(even) h1 { color: #10497d;}
.grid .grid-item:nth-child(odd) h1 { color: #708198;}
/* .grid .grid-item.breakfast h1 {
  background: #644c39;
}
.grid .grid-item.main_live h1 {
  background: #10497d;
}
.grid .grid-item.paneer h1 {
  background: #ff0000;
}
.grid .grid-item.gujarati h1 {
  background: green;
} */
.site-quick-support .site-box-row .number-detail p{
  padding-left: 0;
    vertical-align: middle;
}
.site-quick-support .site-box-row .number-detail p i,.site-quick-support .site-box-row .number-detail p i img{
    font-size: 12px;
    height: 25px;
    width: 25px;
    float: none
}
.site-quick-support .site-box-row .number-detail p i img{
    margin-right: 15px
}
.number-detail{
  display: inline-block;
  vertical-align: middle;
  padding-top: 10px;
}
.phoner-icon{
  display: inline-block;
  vertical-align: middle;
  padding-top: 10px;
}
.phoner-icon i img{
  vertical-align: text-bottom;
  padding-right: 10px;
  max-width: 50px;
}
marquee {
    /* max-width: 350px; */
    margin: 0 auto;
    /* display: table; */
    font-size: 30px;
    font-weight: 700;
    color: #10497d !important;
    margin: 0 auto 15px;
    text-transform: uppercase;
}
marquee i{
  background: #10497d;
  margin: 5px;
  display: inline-block;
  height: 5px;
  width: 5px;
  vertical-align: unset
}
.inner-banner .banner-caption{
  top:50px
}
@media screen and (max-width: 767px) {
  marquee {
    font-size: 20px;
    max-width: 80vw;
}
.section-white h1, .section-blue h1, .section-grey h1, .two-colom-section h1{
  margin-bottom: 10px;
}
.filters ul{
  margin: 15px 0px;
}
.filters ul li{
  margin-right: 6px;
  padding: 2px;
  font-size: 12px;
}
.inner-banner.static-banner{
  margin-bottom: 20px;
}
}