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

[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
# 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: lato, sans-serif;
}

* {
  outline: none !important;
}

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

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

b, strong {
    font-weight: 700;
}

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

.strong {
    font-weight: 700;
}

/* 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;
}


.row.no-gutter-level-1 {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter-level-1 > [class*='col-'],
.row.no-gutter-level-1 > [class*='col-']{
  padding-right: 0;
  padding-left: 0;
}


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

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


.row.gutter-60 {
  margin-left: 30px;
  margin-right: 30px;
}

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



.bold-color {
	color:#004C72;
}

/*---  */

/* 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: 60px 0;
    display: block;
    width: 100%;
    clear: both;
    background: white;
    text-align: center;
    overflow: hidden;
}

.section-grey  {
  margin: 0;
  padding: 150px 0;
  display: block;
  width: 100%;
  clear: both;
  background: #F8FCFD;
  text-align: center;
  overflow: hidden;
  /* Section h1 heading */
}

.section-white h1, .section-blue h1, .section-grey h1, .two-colom-section h1, .section-white h2, .section-blue h2, .section-grey h2, .two-colom-section h2 {
  color: #004C72;
  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;
}

.section-white h1:after, .section-blue h1:after, .section-grey h1:after, .section-white h2:after, .section-blue h2:after, .section-grey h2:after {
  /* H1 heading icon add */
  content: "";
  position: relative;
  border-top: 4px solid #004C72;
  display: block;
  width: 40px;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  top: 1.5rem;
}

.left-heading h1:after, .left-heading h2:after {
  /* H1 heading icon add */
  content: "";
  position: relative;
  border-top: 4px solid #004C72;
  display: block;
  width: 40px;
  height: 4px;
  margin-left: 0;
  margin-right: auto;
  clear: both;
  top: 1.5rem;
}

.two-colom-section h1:after, .two-colom-section h2:after {
  /* H1 heading icon add */
  content: "";
  position: relative;
  border-top: 4px solid #004C72;
  display: block;
  width: 40px;
  height: 4px;
  margin-left: 0;
  margin-right: auto;
  clear: both;
  top: 1.5rem;
}


.section-blue h1:after, .section-blue h2:after {
  /* H1 heading icon add */
  content: "";
  position: relative;
  border-top: 4px solid #004C72;
  display: block;
  width: 40px;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  top: 1.5rem;
}

/* Template section blue */
.section-blue {
  color: white;
  background-color: #00bf7e;
}

.section-blue h1 {
  color: white;
}

.left-heading h1, .left-heading h2 {
    text-align: left;
    color: #004C72;
    font-size: 2.75rem;
    line-height: 3rem;
    font-weight: 400;
    margin-top: 0;
    position: relative;
    margin-bottom: 3.75rem;
}



.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;
    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: 1px solid #FFFFFF;
    background: transparent;
}

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

/* 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:#004C72 solid 1px;
}

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

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

/* 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: 1;
    border: 0;
    font-size: 2rem;
    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: #004d73;
    opacity: 1;
}

.swiper-button-prev svg:hover #sipka, .swiper-button-next svg:hover #sipka {
    fill: #FFFFFF;
}


.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;
    color: #004d73;
}

.swiper-button-prev:hover span,
.swiper-button-next:hover span, 
.swiper-button-prev:hover i.fa, 
.swiper-button-next:hover i.fa{
  color: #FFFFFF !important;
}

/* 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%;
  height: 100%;
  clear: both;
  background: transparent !important;
  position: relative;
}

.site-holder .sticky-header {
  /* Sticky header */
  z-index: 1000 !important;
  /*background: #203e51;*/
  position:absolute;
  top:0;
  left:0;
  right:0;
}

.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(0px);
    background-color: #52004b;

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



/* Header */
.site-header {
  width: 100%;
  height: 100%;
  clear: both;
  background-color: #007FBD;
  /* background-image: url("../img/slider-bg.jpg"); */
  background-repeat: no-repeat;;
  background-position: center top; 
  background-size: cover;
  background-attachment:fixed;
}

/* Logo */
.site-logo {
  display: table;
  height: 5.625rem;
  color: white;
  font-size: 2.1875rem;
  font-weight: 500;
  line-height: 1.6875rem;
  margin-left: 100px;
}

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

.site-logo img {
    vertical-align: baseline;
    width: 75px;
    height: 80px;
    margin: 15px 0;
    transition: all ease 500ms;
    transform-origin: center center;
}

.sticky-wrapper.is-sticky .site-logo img, .header_inner .site-logo img {
    vertical-align: baseline;
    width: 65px;
    height: 70px;
    margin: 10px 0;
}


/* Navigation */
.site-nav {
  float: right;
  position: relative;
  z-index: 1000;
  margin-right: 75px;
}

@media screen and (max-width: 991px) {
  .site-nav {
    height: 5.625rem;
  }
}

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

@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 {
    /* Off canvas mobile menu */
    background: #122748;
  }

  .site-nav ul.nav-off-canvas {
    position: fixed;
    top: 0;
    left: -1000px;
    bottom: auto;
    height: 130%;
    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;
  }
  .site-nav ul.nav-off-canvas > li:last-child {
    margin-bottom: 100%;
  }
}

@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: 1.5rem;
    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: #FFFFFF;
}

.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:last-child > a {
  padding-right: 0;
}

.site-nav ul.nav-off-canvas > li > a {
  font-size:15px;
  font-weight:400;
  line-height:2;
  color: white;
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
  position: relative;
}

.site-nav ul.nav-off-canvas > li:nth-last-child(2) > a {
    padding: 0 0 0 15px;
}

@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;
  }
}

.site-nav ul.nav-off-canvas > li > a:after {
  content: "";
  position: relative;
  display: block;
  top: -0.3125rem;
  height: 1px;
  width: 0;
  margin: 0 auto;
  background: #FFFFFF;
  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;
  }
  .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;
}


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

[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: 100vh;  /* height: 950px; */
  max-width: 100%;
  margin: 0 auto;
  font-family: inherit;
  /* z-index: 1; */
  background-color: transparent !important;
  
}

.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 100% bottom;
  background-size: 730px 398px;
  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: 500px;
    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 {
    position: absolute;
    z-index: 100;
    color: #FFFFFF;
    width: 3.125rem;
    height: 3.125rem;
    /* line-height: 3.125rem; */
    border-radius: 6.25rem;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    transition: 300ms linear;
    transition-property: background, color;
    margin: auto 0;
    top: 0;
    left: 2rem;
    bottom: 0;
    display: block;
}

.header-slider .seq-prev:hover, .header-slider .seq-next:hover {
  background: #004C72;
}

.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: 1;
  font-size: 2rem;
  color: #ffffff;
  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-prev i.fa, .header-slider .seq-prev span {
    padding: 0 4px 0 0;
}

.header-slider .seq-next i.fa, .header-slider .seq-next span {
    padding: 0 0 0 4px !important;
}

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

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

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


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

  .site-logo {
    margin-left: 30px;
  }

  .site-nav {
    margin-right: 30px;
  }

  .header-slider h1 {
    white-space: normal;
    font-size: 70px;
    margin-top:0;
  }


}

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

  .header-slider p {
      max-width: 500px;
      margin: 30px auto 60px auto;
  }

  .site-logo {
    margin-left: 30px;
  }

  .site-nav {
    margin-right: 30px;
  }


}

@media screen and (max-width: 767px) {
 
  .site-logo {
    margin-left: 0px;
  }

  .site-nav {
    margin-right: 0px;
  }

  .header-slider .seq-prev, .header-slider .seq-next{
    display: none;
  }

}



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

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

.header-slider h2 {
  color: white;
  font-family: inherit;
  font-size: 1.8em;
  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: 1.9;
  margin-bottom: 1.875em;
  white-space: pre-line;
  max-width: 500px;
}

@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;
  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: #FFFFFF;
  color: #004d73;
  transition:all ease .5s;
}


.slide-button-active {
  background: #FFFFFF;
  color: #004d73;
  transition:all ease .5s;
 
}

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



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

[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;
  padding-bottom: 0;

}

@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: #004C72;
}

.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;
  padding: 80px 0 0 0;
}

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

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


/* 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;
  }
  
  .site-about-app.section-grey {
	  padding-bottom:0;
  }
  
  
}

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

  .about-half-colom-section-image {
      right: 0;
      position: inherit;
      width: 100%;
      margin-bottom: 60px;
  }
}






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

(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:80px 0;
}

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

.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: 1.3rem;
	font-weight:normal;
}

.highlited-text {
	color:#004C72;
	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;
}



}

@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: #004C72;
  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: 22.1875rem;
  }
}

@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: 4.375rem;
  }
}

@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;
}

.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: 0.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: 5.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: 0;
  clear: both;
  width: 100%;
 
}

.site-quick-view h1 {
  /* Heading */
  margin-bottom: 5rem;
}

.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 */
}

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

@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;
}



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

.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: 15px;
  font-weight: 600;
  line-height: 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;
  overflow: hidden;
  display: block;
  border: 1px solid #007fbd;
  border-radius: 0;
}

.panel-group .panel-heading {
  /* Panel heading */
  background-color: #007fbd;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  

}

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

.panel-group .panel-body-container {
    padding: 0.8rem 1.2rem;
}

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

.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: #004C72;
}

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

[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) */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-color: white;
  padding:0;
  overflow: visible;
  transition: 300ms linear;
  transition-property: box-shadow;
}


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

.site-team figure img {
  max-width: 100%;
  display: inline-block;
}

.site-team h5 {
  /* Typography */
  color: #004C72;
  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 {
    display: block;
    width: 200px;
    height: 90px;
    padding: 0;
    background: #FFFFFF;
    margin: 0 auto;
}

.site-testimonial figure img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

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

.site-testimonial h5 {
  color: #004C72;
  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: #004C72;
  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: #004C72;
  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 #004C72;
}

.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: #004C72;
  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;
}


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

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

.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:22px;
	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:#708198;
	text-align:left;
	padding:20px 0 5px 0;
	margin:0;
	line-height:1.8;
}

.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: 0;
  display: block;
  width: 100%;
  background:url(../images/statistic-bg.jpg) no-repeat top center;
  background-size:cover;
  background-attachment:fixed;
  padding:140px 0;
}

.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;
  padding-top: 30px;
}

.site-quick-support .contact-box {
	float:left;
	width:100%;
}

@media screen and (max-width: 1199px) {
  
}

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

.site-quick-support .site-info {
  /* info (class) */
  float:left;
  width: 100%;
  height: 750px;
  text-align: left;
  font-size: 0;
  padding:80px 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:0;
  font-weight: 300;
}

.site-quick-support .site-box-row h6{
    float: left;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 1;
    padding: 0 0 0 50px;
    margin: 0;
    position: relative;
    width: 100%;
}

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

.site-quick-support .site-box-row p {
	float:left;
	font-size:14px;
	text-align:left;
	padding:5px 0 0 50px;
	margin:0;
	line-height: 22px;
  font-weight: 300;
}



@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 15px;
  }
}

.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: #065176;
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
    text-align: center;
    border: #FFFFFF solid 1px;
    border-radius: 100%;
    margin-right: 15px;
    background-color: #FFF;
}

.site-quick-support p, .site-quick-support address {
    color: #FFFFFF;
    font-family: inherit;
    width: 100%;
    font-style: normal;
    transition: 300ms linear;
    transition-property: color;
    float: left;
    font-size: 14px;
    text-align: left;
    padding: 5px 0 0 50px;
    margin: 0;
    line-height: 22px;
    font-weight: 300;
}

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

.site-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: #007fbd;
}

.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.5rem;
  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;
  
  
}

@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: #004C72;
  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 {
  display: block;
  width: 100%;
  clear: both;
  text-align: center;
  background: #00bf7e;
  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;
  display: none; /* Skype a LinkedIn zvyditelnit na pozadani */
}

.site-social-icons a {
  width: 3rem;
  height: 3rem;
  background: #3E485A;
  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: #FFF;
}

.site-social-icons a:hover i.fa {
  color: #004D73;
}

.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: #708198;
  font-family: inherit;
  font-size:13px;
  font-weight: 400;
  line-height:1.5;
  width: 100%;
  clear: both;
  margin-top: 1.25rem;
  
}



  
 
  

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

[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;
  visibility: hidden !important;
}

.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: #52004b;
    font-size: 1.875rem;
    transition: 300ms linear;
    transition-property: color, background;
    color: white;
}

#scrollUp:hover {
    color: #52004b;
    background: #F2B100;
}

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

[Preloader]

# Preloader (overlay)
# .preloader (class)

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

.preloader {
  /* preloader (class) */
  opacity: 0;
  visibility: hidden;
}



section.sluzby_sekce_leva {
    background: url(../img/servis_right.png) no-repeat;
    background-position: right 0;
    background-size: cover;
}

section.sluzby_sekce_prava{
  background: url('../img/servis_left.png') no-repeat;
  background-position: left 0;
  background-size: cover;
}

.section-lightgrey {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    clear: both;
    background: #FCFCFC;
    text-align: center;
    overflow: hidden;
}


.beclever{
  margin-top: 60px;
}


.ico_dic, .zapis {
    margin-bottom: 30px;
}

.site-info h5{
  margin-bottom: 60px;
}

.site-info.form h5{
  margin-bottom: 0px;
}




::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #666666;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666666;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #666666;
}

.lightblue {
    background-color: #007FBD;
    /* border-right: rgba(255,255,255,0.4) solid 1px; */
}

.darkblue {
    background-color: #004D73;
}

.no-padding {
    padding: 0;
}


input#data {
    float: left;
    width: 32px !important;
    height: 32px !important;
    margin-top: 15px;
}

label[for='data'] {
    float: left;
    line-height: initial;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    margin-top: 20px;
}


section#automatizace, section#robotizace, section#reference, section#o-spolecnosti {
    border-bottom: 1px solid #D5DAE2;
}



section#o-spolecnosti, section#reference{
  border-top: 1px solid #D5DAE2;
}

section.o-nas-logo {
    margin: 60px 0;
    width: 184px;
    height: 72px;
}

section.o-nas-logo img {
    display: block;
    width: 184px;
    height: 72px;
}

/*
.sluzby_sekce_leva img, .sluzby_sekce_prava img {
    margin-top: 150px;
}
*/

label[for='data'] a {
    color: #FFF;
    text-decoration: underline;
}

label[for='data'] a:hover {
    text-decoration: none;
}

.modal-dialog {
    width: 90%;
    max-width: 600px;
    margin: 100px auto;
}

.modal-body {
    position: relative;
    padding: 15px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.modal-content {
    border-radius: 0;
}

.modal-body p, .modal-body li {
    font-size: 14px;
}

.modal-body h2 {
    font-size: 20px;
}



.obsah strong, .obsah b, p strong, p b {
    color: #000000;
}

.panel-body-container strong, .panel-body-container b {
    color: #007fbd;
}


.site-quick-support .site-box-row p a, .site-quick-support .site-box-row a {
    color: #FFFFFF !important;
}

.site-quick-support .site-box-row p a:hover,  .site-quick-support .site-box-row a:hover address{
    text-decoration: underline;
}



.stickem-container {
  position: relative;
}

.stickit {
  position: fixed;
  top: 90px;
}

.stickit-end {
  bottom: 0px;
  position: absolute;
}


.site-quick-support .site-box-row h6:before {
    position: absolute;
    left: 0;
    content: '';
    width: 38px;
    height: 38px;
    color: #065176;
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
    text-align: center;
    border: #FFFFFF solid 1px;
    border-radius: 100%;
    margin-right: 15px;
    background-color: #FFF;
    z-index: 0;
}

.site-quick-support .site-box-row h6 img.adresa {
    position: absolute;
    top: 7px;
    left: 6.5px;
    z-index: 10;
    width: 25px;
    height: 25px;
}

.site-quick-support .site-box-row h6 img.telefon {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
    width: 22px;
    height: 22px;
}

.site-quick-support .site-box-row h6 img.email {
    position: absolute;
    top: 7px;
    left: 6.5px;
    z-index: 10;
    width: 25px;
    height: 25px;
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {

    .header-slider .seq-canvas > li .bg-img {
        background-size: 700px;
    }

}

@media screen and (max-width: 1400px) and (min-width: 1301px) {

    .about-half-colom-section-image {
        right: -734px;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1199px) {

    .about-half-colom-section-image {
      right: -684px;
    }
}




@media screen and (max-width: 1199px) and (min-width: 992px) {

  .header-slider .seq-canvas > li .bg-img {
      background-size: 550px;
  }

}

@media screen and (max-width: 991px) and (min-width: 768px) {

    .site-team .site-box{
      text-align: left;
    }

    .site-team p{
      padding: 0 0;
    }


}


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

    .accordian-main {
      padding: 90px 0 90px 0;
    }

    .half-colom-left-section {
    
      max-width: initial;

    }

    .half-colom-right-section img{
      margin: 0 auto;
      display: block;
      max-width: 100%;
      width: 400px;
    }

    .anim_wrapper {
      margin-bottom: 60px;
    }

    .site-copyright{
    	margin-top: 60px;
    }
    
}


@media screen and (max-width: 767px) {

  .site-team .site-box {
      max-width: 350px;
  }

}

.logo_white{
  display: none;
}

.logo_black{
  display: block;
}


.sticky-wrapper.is-sticky .logo_black, .header_inner .logo_black{
  display: none;
}

.sticky-wrapper.is-sticky .logo_white, .header_inner .logo_white{
  display: block;
}


.left_svg{
  width: 3.125rem;
  height: 3.125rem;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.right_svg{
  width: 3.125rem;
  height: 3.125rem;
}


@media screen and (max-width: 530px) {
  label[for='data'] {
      margin-top: 12px;
      width: 210px;
  }
}


@media screen and (max-width: 480px) {

  .header-slider h1 {
      font-size: 35px;
  }

  .header-slider h2 {
      font-size: 1.8em;
  }

  .left-heading h1, .left-heading h2 {
      font-size: 2.5rem;
  }

  .section-white h1, .section-blue h1, .section-grey h1, .two-colom-section h1, .section-white h2, .section-blue h2, .section-grey h2, .two-colom-section h2 {
      font-size: 2.5rem;
  }

  .swiper-slide-box {
      padding: 15px;
  }

  p.recap {

  	max-width: 280px;

  }
   

}


@media screen and (max-width: 350px) {
  label[for='data'] {
      margin-top: 12px;
      width: 180px;
  }
}


.chyby p {
    font-size: 15px !important;
    margin: 15px 0 0 0;
    color: #f69090 !important;
    padding: 0 !important;
}


.grecaptcha-badge {
    display: none !important;
}

.frm_response h5 {
    margin-bottom: 50px !important;
}


p.recap {
    position: absolute;
    bottom: 15px;
    font-size: 12px !important;
    font-weight: 200 !important;
    color: #708198 !important;
}

p.recap a {
    color: #708198;
    text-decoration: underline;
}

p.recap a:hover {
    text-decoration: none;
}






@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

	.site-contact-form input, .site-contact-form textarea{
		color: #000000 !important;
		padding: 10px 15px;
	}

	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    	color: #000000 !important;
    	opacity: 1; /* Firefox */
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	    color: #000000 !important;
	}

	::-ms-input-placeholder { /* Microsoft Edge */
	    color: #000000 !important;
	}

}



.nav_top {
    float: right;
}

.nav_top ul li {
    color: #FFF;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    display: table;
    height: 1.5rem;
    position: relative;
}

.nav_top ul {
    display: inline-block;
}



/*
.nav_top ul li a:after {
    content: "";
    position: relative;
    display: block;
    top: -0.3125rem;
    height: 1px;
    width: 0;
    margin: 0 auto;
    background: #FFFFFF;
    transition: 300ms linear;
    transition-property: width;
}

.nav_top ul li:hover a:after {
    width: 100%;
}
*/

.nav_top ul li a {
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.nav_top ul.nav-lang li a {
    font-size: 11px;
    font-weight: 400;
    line-height: 2;
    color: #52004b;
    display: table-cell;
    vertical-align: middle;
    padding: 4px 8px;
    position: relative;
    background-color: #FFF;
}

.sticky-wrapper .nav_top ul.nav-lang li a.active {
    color: #FFF;
    background-color: #52004b;
}

.sticky-wrapper.is-sticky .nav_top ul.nav-lang li a.active {
    color: #FFF;
    background-color: #00bf7e;
}

.slider_caption {
    position: relative;
    top: 50%;
    left: 0%;
    z-index: 999999;
    transform: translateY(-50%);
}


.slider_popis h1 {
    color: #FFF;
    font-size: 70px;
    font-weight: 700;
    margin: 0 0 25px 0;
    text-shadow: 1px 1px 1px #000;
}

.slider_popis p {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    text-shadow: 1px 1px 1px #000;
}

.slider_popis {
    max-width: 40%;
}

.nav_top span[class^="fbc-"], .nav_top i {
    font-size: 16px;
    padding: 0 5px 0 10px;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    background: #FFFFFF;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #00bf7e;
}

.owl_header, .owl_header .owl-stage, .owl_header .owl-item, .owl_header .owl-item > .item, .owl_header .owl-item > .item img {
    height: 680px;
}

.owl_header .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0));
    z-index: 1;
}

.rz p {
    margin: 0;
    padding: 55px 0;
    font-size: 16px;
    color: #31313f;
}

section#hp_trips {
    background-color: #f1f1f1;
}


.trip_img {
    position: relative;
    overflow: hidden;
}

/*
.trip_img:before {
    content: '';
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    opacity: 0;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
*/

.trip_img img {
    width: 100%;
    height: auto;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.trip_item:hover img {
    transform: scale(1.05);
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
}

.trip_item:hover .trip_img:before{
  opacity: 0.4;
}

.trip_img:after {
    display: block;
    content: '';
    height: 0;
    width: 0;
    border: 14px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-bottom-color: #fff;
}


.trip_dest h2 {
    font-size: 18px;
    font-weight: 700;
}


.trip_info_wrapper {
    background-color: #FFFFFF;
    padding: 15px 30px;
    height: 275px;
    position: relative;
}

.trip_desc p {
    font-size: 15px;
    line-height: 18px;
    color: #31313f;
}

.trip_link {
    position: absolute;
    bottom: 30px;
    transition: all ease 500ms;
}

.trip_level {
    position: relative;
    display: inline-block;
}

.trip_level:after {
    content: '';
    width: 40px;
    height: 3px;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
}

.trip_level span {
    font-size: 24px;
    margin: 20px 0 10px 0;
    display: inline-block;
}

.trip_desc {
    min-height: 55px;
}

.cta_hp_all_trips {
    padding: 60px 0;
}

.cta_hp_all_trips h3{
  margin: 0;
}

a.link, input.link {
    border: 1px solid #00bf7e;
    padding: 6px 25px;
    color: #00bf7e;
    transition: all ease 500ms;
    font-size: 14px;
    position: relative;
}

a.link:after, input.link:after {
    content: '\e90c';
    font-family: fontbeclever;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    left: 8px;
    display: inline-block;
    transition: left ease 500ms;
}


a.link:hover, input.link:hover{
  background-color: #00bf7e;
  color: #FFFFFF;
}

a.link:hover:after, input.link:hover:after{
  color: #FFFFFF;
  /* left: 15px; */
}

a.link i, a.link span, input.link i, input.link span {
    margin-left: 10px;
    color: #00bf7e;
    transition: all ease 500ms;
}

section#sluzby_reference {
    padding: 0;
    height: 600px;
}

section.bg-parralax {
    background: url(../img/bg/parallax.jpg);
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    z-index: 0;
    background-attachment: fixed;
}

.sluzby_h3 {
    background-color: #4b194b;
    color: #FFFFFF;
    padding: 15px 25px;
    font-size: 20px;
    margin: 90px 0 0 0;
}

ul.sluzby {
    list-style: none;
    padding: 0;
    margin-top: 30px;
}

ul.sluzby h4 {
    margin: 0;
    display: inline-block;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 18px;
}

ul.sluzby span {
    font-size: 20px;
    color: #FFF;
    margin-right: 15px;
}

ul.sluzby li {
    border-bottom: dotted 1px #ffffff;
    color: #FFF;
    padding: 15px;
}

.ref_item {
    background-color: #ffffff;
    cursor: pointer;
}

.ref_info p {
    margin: 0;
}

.cta_hp_all_trips_right{
  float: right;
}

.ref_info {
    padding: 20px 30px 20px 30px;
}

.ref_info p {
    line-height: 18px;
    font-size: 15px;
}

p.ref_info_name {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
}

.owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.owl-nav .owl-next {
    position: absolute;
    right: -60px;
}

.owl-nav .owl-prev {
    position: absolute;
    left: -60px;
}

button.owl-next i, button.owl-next span, button.owl-prev i, button.owl-prev span {
    color: #FFFFFF;
    font-weight: 700;
}

.video_inside {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #FFF;
    font-size: 14px;
    padding: 10px 14px;
    background-color: #52004b;
    z-index: 10;
}

.reference_text {
    display: none;
    position: absolute;
    z-index: 100;
    background-color: #00bf7e;
    padding: 30px;
    color: #FFFFFF;
    height: 600px;
    margin: 0 15px 0 0;
}

.story_box {
    overflow: auto;
    height: 520px;
    margin-top: 15px;
    padding: 0 30px 0 0;
}

.close_story {
    font-size: 18px;
    padding: 10px 10px;
    background-color: #52004b;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

section.o_nas_parralax {
    background: url(../img/bg/o-nas.jpg);
    background-clip: initial;
    background-color: rgba(255,255,255,1);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    z-index: 0;
    background-attachment: fixed;
}

section#o_nas:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
}


.o-nas-content p {
    color: #FFFFFF;
    font-size: 15px;
}

h3.o_nas_h3 {
    color: #FFF;
    margin: 0;
    padding: 60px 30px 30px 30px;
    font-size: 20px;
}

.o-nas-content {
    padding: 0 30px 30px 30px;
}

.o-nas-content .link {
    margin-top: 30px;
}

ul.menu_footer {
    color: #FFF;
    list-style: none;
    text-align: left;
}

ul.menu_footer li a {
    color: #FFFFFF;
    line-height: 2;
    font-size: 15px;
}

ul.menu_footer li a:after {
    content: "";
    position: relative;
    display: block;
    top: -0.3125rem;
    height: 1px;
    width: 0;
    margin: 0 auto;
    background: #FFFFFF;
    transition: 300ms linear;
    transition-property: width;
}

ul.menu_footer li a:hover:after{
  width: 100%;
}


ul.menu_footer {
    padding: 0;
}

.copyrights {
    text-align: left;
    font-size: 15px;
}

.copyrights p {
    margin-bottom: 5px;
}

.copyrights img {
    width: 61px;
    height: 25px;
}

.logo_footer img {
    margin: 0;
    display: block;
    width: 134px;
    height: 145px !important;
}



section#rez_form {
    padding: 90px 0;
    background-color: #f1f1f1;
}

section.rez_form_in{
  padding: 0 !important;

}

.rez_form_in_wrapper {
    background-color: #FFFFFF;
    padding: 30px 0;
}

.rez_form_title h2 {
    text-align: center;
}

.rez_form_title p {
    text-align: center;
}

.rezervace_formular {
    background-color: #52004B;
    padding: 30px 0;
    color: #FFFFFF;
    max-width: 900px;
    margin: 60px auto 60px auto;
}

.rezervace_formular input, .rezervace_formular textarea {
    width: 100%;
    background-color: #f1f1f1;
    padding: 8px 10px;
    color: #000000 !important;
    font-family: inherit;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
    border-bottom: #ffffff dotted 1px;
    box-sizing: border-box;
    display: block;
    margin: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    vertical-align: middle;
    margin-bottom: 10px;
}

.rezervace_formular label i {
    margin-left: 5px;
    font-size: 16px;
}

.rezervace_formular .xxs-12 label {
    width: 80px;
}

.form_odkud, .form_kam {
    position: relative;
}

.margin-t15{
  margin-top: 15px;
}

.naseptavac {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 20;
    left: 0;
    top: 100%;
    width: 100%;
}

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

.naseptavac ul li {
    color: #000000;
    font-size: 13.5px;
    padding: 4px 10px;
    border-top: 1px dotted #000000;
    cursor: pointer;
    background-color: #f1f1f1;
}

.naseptavac ul li:last-child {
    border-bottom: 1px dotted #000000;
}

.naseptavac ul li .fas {
    padding-right: 5px;
}

li.naseptavac_info {
    font-weight: 400;
    cursor: default !important;
}

label {
    display: inline-block;
    max-width: 100%;
    margin: 10px 0px 5px 0;
    font-weight: 400;
    font-size: 14px;
    vertical-align: middle;
}

input#form_pocet_dospelich, input#form_pocet_deti {
    width: 40px;
    display: inline-block;
    text-align: center;
    margin: 10px 0 0 0;
}

.rezervace_formular form span{
    background-color: #52004B;
    border: 0;
    padding: 6px 0;
    vertical-align: bottom;
    font-size: 20px;
    margin: 0;
    color: #ffffff;
    width: 40px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}




a#form_odeslat {
    width: 100%;
    border: 1px solid #00bf7e;
    background-color: #00bf7e;
    padding: 12px 25px;
    color: #ffffff;
    transition: all ease 500ms;
    font-size: 14px;
    position: relative;
    text-align: center;
    margin-top: 30px;
    cursor: pointer;
}

a#form_odeslat:hover {
    background-color: #ffffff;
    color: #000000;
}

a#form_odeslat:hover:after {
    color: #000000;
}


section#inner_page {
    height: 375px;
}

.site-holder .sticky-header.header_inner{
  background-color: #52004b;
}

.sticky-header.header_inner .nav_top ul.nav-lang li a.active{
    color: #FFF;
    background-color: #00bf7e;
}

section.block_header {
    margin-top: -150px;
    height: 150px;
}

.block_header_content {
    height: 150px;
    background-color: #ffffff;
    padding: 40px;
    border-bottom: 1px dotted #000000;
}


.block_header_content h1 {
    margin: 0;
    color: #52004b;
    font-size: 30px;
    font-weight: 700;
}

.block_header_content p {
    margin: 0;
    padding: 10px 0 0 0;
    font-size: 18px;
}


section.e404 .obsah p {
    font-size: 35px;
    max-width: 800px;
    margin: 0 auto;
}

section.e404 .obsah {
    padding: 80px 0;
    margin-bottom: 150px;
}

.vylety_detail, .fotogalerie, .page, .taxi, #objednavka, #recenze_page{
  background-color: #f1f1f1;
}

.obsah {
    padding: 40px;
    background-color: #ffffff;
    min-height: 500px;
}

.taxi .obsah{
  min-height: initial;
}


/* YOUTUBE */

figure {
    margin-top: 30px;
}

.youtube {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}

.youtube .play_button {
    position: absolute;
    width: 80px !important;
    height: auto !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
    cursor: pointer;
}

.youtube img {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    padding: 0;
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.youtube img {
    cursor: pointer;
}

.youtube img, .youtube iframe {
    position: absolute;
}


.obsah h2 {
    margin: 0;
    padding-bottom: 25px;
    font-size: 20px;
    font-weight: 700;
}

.obsah h3 {
    margin: 0;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
}

.obsah ul {
    list-style: disc;

}


.obsah a, .slider_popis a {
    color: #00BF7E;
    font-weight: 700;
}

.obsah a:after, .slider_popis a:after {
    content: "";
    position: relative;
    display: block;
    top: -1px;
    height: 2px;
    width: 0;
    margin: 0 auto;
    background: #00BF7E;
    transition: 300ms linear;
    transition-property: width;
}

.obsah a:hover:after, .slider_popis a:hover:after{
  width: 100%;
}

.lista_souhlas {
    display: none;
    background-color: #f4f4f4;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 80000;
    width: 100%;
    padding: 10px 15px;
}

.lista_souhlas.show {
    display: block!important;
}

.lista_souhlas p {
    display: block;
    margin: 15px 0;
}


section.lista_souhlas p a {
    color: #00BF7E;
    font-weight: 700;
}

section.lista_souhlas p a:after {
    content: "";
    position: relative;
    display: block;
    top: -1px;
    height: 2px;
    width: 0;
    margin: 0 auto;
    background: #00BF7E;
    transition: 300ms linear;
    transition-property: width;
}

section.lista_souhlas p a:hover:after{
  width: 100%;
}

section.lista_souhlas a.link {
    margin: 8px 0;
}


.forogalerie_item {
    box-shadow: 0px 0px 1px 0 rgba(255,255,255,1), 0 0 0 1px rgba(255,255,255,1);
    overflow: hidden;
}

#vylet_mapa{
  width: 100%;
  height: 520px;
}


.recenze_content {
    padding: 0 30px 0 0;
    height: 225px;
    margin: 30px 0 30px 30px;
    overflow: auto;
    position: relative;
}

.reference_content_who {
    float: right;
    padding-top: 15px;
}

.recenze_content h3, .recenze_content h2, .recenze_content h1 {
    margin: 0;
    padding: 0 0 25px 0;
    font-size: 20px;
    font-weight: 700;
}

.recenze_content p {
    font-size: 15px;
}

.refer_item {
    border-bottom: 1px dotted #000000;
    background-color: #FFFFFF;
}


section.reference_parallax {
    background: url(../img/bg/reference_parallax.jpg);
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    z-index: 0;
    background-attachment: fixed;
}


.trip_status {
    background-color: #ffffff;
    padding: 15px 40px 15px 40px;
    border-bottom: 1px dotted #000000;
}

.trip_stat {
    display: inline-block;
    height: 35px;
}

.trip_stat:not(:last-child) {
    margin-right: 15px;
}

.trip_stat span[class^='fbc'], .trip_stat i {
    font-size: 28px;
    vertical-align: middle;
    color: #00bf7e;
    padding-right: 5px;
}

.trip_stat span {
    vertical-align: middle;
    font-size: 12px;
    color: #000000;
}

.trip_stat:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px dotted #000000;
}

.trip_stat span.fbc-kratke_vylety {
    font-size: 22px;
}

.trip_stat span.fbc-transfer_minibus {
    font-size: 32px;
}

.trip_stat span.fbc-penize {
    font-size: 32px;
    padding-right: 10px;
}

.trip_stat span.fbc-vhodne_pro_deti {
    font-size: 22px;
}

a#scrollUp span {
    font-size: 28px;
}

.cl_wrapper{
  visibility: hidden; 
  display: block;
}

.m_wrapper{
  display: none;
}


button.g-recaptcha.link {
    border: 1px solid #F2B100;
    padding: 12px 25px;
    color: #ffffff;
    transition: all ease 500ms;
    font-size: 15px;
    position: relative;
    width: 100%;
    display: block;
    background-color: #F2B100;
    margin-top: 30px;
    text-transform: none;
}

button.g-recaptcha.link span[class^="fbc-"] {
    background-color: transparent;
    font-weight: 700;
    font-size: 18px;
    transition: all ease 500ms;
    width: 40px;
    display: inline-block;
}

button.g-recaptcha.link:hover{
  background-color: #00bf7e;
  color: #ffffff;
  border-color: #00bf7e;
}

button.g-recaptcha.link:hover span[class^="fbc-"]{
  color: #ffffff;
}


.chyby i {
    padding-right: 5px;
    font-size: 15px;
}


section#objednavka > .container > .row {
    background-color: #ffffff;
}

.pozadavky {
    padding: 0 40px 30px 40px;
}

.udaje {
    padding: 80px 40px 30px 40px;
}

.title-objednavka{
    background-color: #00bf7e;
    padding: 10px 40px 10px 40px;
    color: #ffffff;
    font-size: 16px;
}

.pozadavky p, .udaje p, .bankovni_prevod p, .paypal p {
    font-size: 15px;
    margin: 0 0 10px 0;
}

.pozadavky p.c_obj {
    margin: 30px 0;
    text-decoration: underline;
    font-weight: 700;
}


.pozadavky_editace {
    margin: 0 40px 0 40px;
    border-top: 1px dotted #000000;
    padding: 30px 0 30px 0;
}

a.link-reverse {
    float: right;
}


a.link-reverse{
  border: 1px solid #00bf7e;
  padding: 6px 25px;
  color: #00bf7e;
  transition: all ease 500ms;
  font-size: 14px;
  position: relative;
}

a.link-reverse:before {
    content: '\e90d';
    font-family: fontbeclever;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    left: 0;
    display: inline-block;
    margin-right: 10px;
}

a.link-reverse:hover {
    background-color: #00bf7e;
    color: #FFFFFF;
}

a.link-reverse:hover:after{
    color: #FFFFFF;
}

.udaje form input, .contact_form form input{
    border-bottom: 1px dotted #000000;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}

p.form_info {
    margin-top: 30px;
    line-height: 16px;
    margin-bottom: 0;
    font-size: 12px !important;
}

p.form_info a {
    color: inherit;
    text-decoration: underline;
    font-weight: inherit;
}

p.form_info a:after {
    content: initial;
}

p.form_info a:hover {
    text-decoration: none;
}


.udaje form textarea, .contact_form form textarea{
    border: 0;
    border-bottom: 1px dotted #000000;
    resize: vertical;
    font-size: 15px;
    width: 100%;
    font-weight: 700;
    margin-bottom: 10px;
}

.rezervace_udaje button, .contact_form button {
    border: 1px solid #00bf7e;
    padding: 6px 25px;
    color: #00bf7e;
    transition: all ease 500ms;
    font-size: 14px;
    position: relative;
    background-color: #ffffff;
    float: right;
    margin-bottom: 30px;
}

.rezervace_udaje button:hover{
  color: #ffffff;
  background-color: #00bf7e;
}

.bankovni_prevod {
    padding: 30px 40px 60px 40px;
    border-right: 1px dotted #000000;
}

.paypal {
    padding: 30px 40px 60px 40px;
}

.bankovni_prevod h2, .paypal h2, .rezervace_dodatek h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 0;
}

.rezervace_dodatek {
    padding: 60px 40px 90px 40px;
    border-top: 1px dotted #000000;
}

.rezervace_dodatek p {
    font-size: 15px;
}

.rezervace_udaje {
    border-left: 1px dotted #000000;

}

.objednavka_platebni_metody_skryt{
  display: none;
}

.paypal-response {
    padding: 30px;
    color: #ffffff;
}

.dtp-buttons button {
    margin-left: 10px;
    border-radius: 0;
}

.paypal-response i, .obj_response i {
    font-size: 50px;
    color: #ffffff;
}

.paypal-response p {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.paypal-response.ok {
    background-color: #108610;
}

.paypal-response.error {
    background-color: #ae2828;
    margin-top: 30px;
}


.frm_oder_successful {
    background-color: green;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
}

.frm_oder_successful p {
    margin: 0;
}

.udaje form input[disabled] {
    background-color: #ffffff;
}

.udaje form textarea[disabled] {
    background-color: #ffffff;
}

.rez_form_in .rezervace_formular {
    margin: 0 auto 60px auto;
}

.kontakt_udaje p, .contact_form p {
    font-size: 15px;
}

div#kontakt_mapa {
    width: 100%;
    height: 600px;
}

.kontakt_udaje {
    margin-bottom: 60px;

}

.kontakt_udaje i {
    width: 25px;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    margin-right: 10px;
    color: #00bf7e;
}

.kontakt_udaje p.name {
    font-size: 20px;
    font-weight: 700;
    margin: 60px 0 15px 0;
}

.frm_order_message {
    clear: both;
}

.obj_response h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 15px 0;
}

.obj_response p {
    font-size: 15px;
    margin: 0;
}

.obj_response {
    background-color: #108610;
    color: #ffffff;
    padding: 30px;
}

.obj_response.response_error {
    background-color: #ae2828;
}


.pozadavky_editace_done {
    margin: 0 40px 0 40px;
    padding: 30px 0 30px 0;
}

.objednavka_status {
    padding: 15px 40px;
}

.objednavka_status.wait{
  background-color: #F2B100;
}

.objednavka_status.paid{
  background-color: #108610;
}


.objednavka_status h2 {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
}

a.download_pdf {
    color: #ffffff;
    display: inline-block;
    float: right;
    font-size: 15px;
}

a.download_pdf i {
    margin-right: 5px;
}

.owl-nav button {
    width: 36px;
    height: 36px;
    background-color: #00bf7e !important;
    border-radius: 0 !important;
}


.ellip {
  display: block;
  height: 100%;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}



.owl_reference, .owl_reference .owl-stage, .owl_reference .owl-item, .owl_reference .owl-item > .item {
    height: 600px;
}

.owl_reference .owl-item .ref_item{
  height: 300px;
  position: relative;
}


.owl_reference .owl-item .ref_item .ref_img{
  position: relative;
  bottom: 0;
}

.forogalerie_item img {
    width: 100%;
    height: auto;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.forogalerie_item:hover img  {
    transform: scale(1.05);
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
}

.nav-mobile i.fas {
    line-height: 40px;
}



.visible-xxs{
    display: none !important;
}


@media screen and (min-width: 1200px){

  .col-lg-no {
    width: initial;
  }

}


@media screen and (max-width: 1199px){

  h3.o_nas_h3 {
    padding: 30px 30px 30px 30px;
  }

  .slider_popis {
    max-width: 50%;
  }

  .slider_popis h1 {
    font-size: 65px;
  }

  .recenze_content {
    height: 250px;
  }

  .trip_stat span[class^='fbc'], .trip_stat i {
    width: 42px;
    display: block;
    float: left;
  }


}


@media screen and (max-width: 1100px){

  .site-nav ul.nav-off-canvas > li > a {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }


}


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

  .site-nav ul.nav-off-canvas {
    background: #00bf7e;
  }

  .recenze_content {
    height: 300px;
  }

  .site-holder .sticky-wrapper.is-sticky > .sticky-header {
    margin-left: 0;
    margin-right: -1.25rem;
    width: 100% !important;
    background: #4b194b;
  }

  .nav-mobile {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 20px;
    text-align: center;
    color: white;
    background: #00bf7e;
    height: 40px;
    width: 40px;
    line-height: 20px;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    transition: 500ms linear;
    transition-property: color;
    border-radius: 0;
  }

  .nav-mobile i.fa {
    line-height: 40px;
  }


  .nav-mobile:hover {
    color: #ffffff;
  }

  .nav_top {
    float: right;
    margin-right: 60px;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .cta_hp_all_trips_right a {
    float: none;
    width: 150px;
    margin-bottom: 10px;
  }

  .cta_hp_all_trips_right a:not(:last-child) {
    margin-left: 5px;
  }


  .cta_hp_all_trips h3 {
    margin: 6px 0 0 0;
    font-size: 20px;
    font-weight: 700;
  }


  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-logo, .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-nav {
    transition: 500ms linear;
    transition-property: height;
    height: 5.625rem;
  }


  .nav_top ul {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    padding: 0 0 0 20px;
  }

  .nav_top ul.nav-lang li a {
    vertical-align: middle;
    padding: initial;
    width: 40px;
    height: 40px;
    text-align: center;

  }

  section#sluzby_reference {
      padding: 0;
      height: initial;
  }

  ul.sluzby {
    margin-bottom: 60px;
  }

  .owl_reference {
    margin-bottom: 90px;
  }

  h3.o_nas_h3 {
    padding: 30px 0px 30px 0px;
  }

  .o-nas-content {
    padding: 0 0px 30px 0px;
  }

  .copyrights {
    text-align: left;
    font-size: 15px;
    margin-top: 60px;
  }

  .copyrights p:first-child {
    float: left;
  }

  .copyrights p:last-child {
    float: right;
  }

  .slider_popis {
    max-width: 60%;
  }

  .slider_popis h1 {
    font-size: 60px;
  }

  .slider_popis p {
    font-size: 16px;
  }

  .block_header_content {
    height: initial;
    min-height: 150px;
  }

  .rezervace_udaje {
    border-left: 0;
  }

  .bankovni_prevod {
    border-right: 0;
  }

  .site-nav ul.nav-off-canvas > li:nth-last-child(2) > a {
    padding: 0 0.6rem 0 0.6rem;
  }

}



@media screen and (max-width: 768px){

  .site-nav {
    margin-right: initial;
  }

  .site-logo {
    margin-right: initial;
  }

  .logo_footer {
    margin: 0 auto 60px auto;
    display: inline-block;
  }

  ul.menu_footer {
    padding: 0;
    text-align: center;
  }

  .cta_hp_all_trips_right {
    float: none;
    text-align: center;
  } 

  .cta_hp_all_trips h3 {
    margin: 6px 0 15px 0;
    text-align: center;
  }

  .recenze_content {
    height: initial;
  }

  a.download_pdf {
    float: none;
    font-size: 15px;
    margin-top: 10px;
  }


}


@media screen and (max-width: 550px){
  .row.gutter-60 {
    margin-left: 15px;
    margin-right: 15px;
  }

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

  .slider_popis {
    max-width: 80%;
  }



}




@media screen and (max-width: 525px){

  .xxs-12{
    width: 100%;
  }

  .hidden-xxs{
    display: none !important;
  }

  .visible-xxs{
    display: block !important;
  }

  .copyrights p:first-child {
    float: none;
    text-align: center;
  }

  .copyrights p:last-child {
    float: none;
    text-align: center;
  }

  .cta_hp_all_trips_right a:not(:last-child) {
    margin-left: 0px; 
  }


  .nav-off-canvas li span[class^="fbc-"], .nav-off-canvas li i {
    font-size: 16px;
    padding: 0 5px 0 0px;
  }



}


@media screen and (max-width: 375px){

  .row.gutter-60 {
    margin-left: 5px;
    margin-right: 5px;
  }

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


  .block_header_content {
    padding: 30px;
  }

  .obsah{
    padding: 30px;
  }

}