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

[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

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

#info-title {
  color:white;
  text-align: center;
  margin-bottom: 15px;
  padding-left: 0;
}




.item>img{

position: relative;
-webkit-transform:(-10px);
webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: perspective(1px) translateZ(0);
transition-property: transform;

}

.item>img:hover{

transform: translateX(-10px);

}




.remarque{
  display: none;
}

.reponse{
    margin: 0 0 10px;
    color: #fff;
    padding: 5px;
    text-align: left;
}

.reponse_v2{
    margin: 0 0 10px;
    color: #fff;
    padding: 5px;
    text-align: left;
}

.msg_rouge{
    background: #de2626;
}

.msg_vert{
    background: #34a970;
}

/* nouveau choix des titres*/
h1,h2,h3,h4,h5 {
  font-family:'Merriweather';
} 

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: 'Work Sans', sans-serif;
  max-width: 1600px;
  margin: 0 auto;
  background-color:black;
}

* {
  outline: none !important;
}

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

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

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

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

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

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

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

.bold-color {
	color:#663b17;
}

/*---  */

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

.section-grey  {
  margin: 0;
  padding: 80px 0;
  display: block;
  width: 100%;
  clear: both;
  background:white;
  text-align: center;
  overflow: hidden;
  background-image: url(../img/bg-facepainting.png);
  background-size: cover;

  /* Section h1 heading */
}

.section-white h1, .section-blue h1, .section-grey h1, .two-colom-section h1 {
  
  font-size: 30px;
  margin-top: 15px;
  position: relative;
  margin-bottom: 1.75rem;
  color: white;
}

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


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

.section-blue h1 {
  color:#8e8e8e;
}

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

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

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}

input[type=submit]:hover, button[type=submit]:hover {
  background-color: #bbbbbb;
  color: #ffffff;
  -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);
}

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

[Header]

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

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

.site-holder .sticky-header {
  /* Sticky header */
  z-index: 100000 !important;
  /* background: #e79f3b;

/* Old Browsers background: -moz-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* FF3.6+ background: -webkit-gradient(left top, right bottom, color-stop(0%, #e79f3b), color-stop(100%, #edbf39));
/* Chrome, Safari4+ background: -webkit-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* Chrome10+,Safari5.1+ background: -o-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* Opera 11.10+ background: -ms-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* IE 10+ background: linear-gradient(135deg, #e79f3b 0%, #edbf39 100%);
/* W3C *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c17c', endColorstr='#663b17', GradientType= 1*/

  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(-20px);
    display: none

	/* background: #e79f3b;
  Old Browsers background: -moz-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* FF3.6+ /background: -webkit-gradient(left top, right bottom, color-stop(0%, #e79f3b), color-stop(100%, #edbf39));
/* Chrome, Safari4+ background: -webkit-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* Chrome10+,Safari5.1+ background: -o-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* Opera 11.10+ background: -ms-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* IE 10+ ackground: linear-gradient(135deg, #e79f3b 0%, #edbf39 100%);
/* W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c17c', endColorstr='#663b17', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-logo {
    /* Logo */
    transition: 300ms linear;
    transition-property: transform;
    transform: translateY(10px);
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-nav {
    /* Navigation */
    transition: 300ms linear;
    transition-property: transform;
    transform: translateY(10px);
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-sub-menu {
    /* Sub menu */
    transform: translateY(-10px);
  }
}

@media screen and (max-width: 991px) {
  .site-holder .sticky-wrapper.is-sticky > .sticky-header {
    margin-left:0;
    margin-right: -1.25rem;
    width: 100% !important;

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

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


@media(max-width: 992px) {
  .site-logo img {width: 150px;}
}

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

.site-logo img {
  vertical-align: baseline;
}

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

@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;
  background:black;
  
}

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

@media screen and (max-width: 991px) {
  .site-nav ul.nav-off-canvas {
    position: fixed;
    top: 0;
    left: -1000px;
    bottom: auto;
    height: 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: 8.2rem;
  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:13px;
  font-weight:500;
  line-height:2;
  text-transform: capitalize;
  color: white;
  display: table-cell;
  vertical-align: middle;
  padding: 0 18px;
  letter-spacing: 0.03125rem;
  position: relative;
}

@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: #ffffff;
    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 #ffffff;
    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;
    color:black;
  }
}

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

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

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

[Slider] (Section)

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

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

}

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

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

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

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

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

	.header-slider {
		height:850px;
	}

  .header-slider .seq-canvas > li .bg-img {
    background-size: 300px;
    background-position: center bottom;
  }
}

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

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

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

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

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

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

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

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

.header-slider .seq-pagination li {

  font-weight: 400;
  color: #FFFFFF;
  font-size: 0.8125rem;
  margin: 0;
  padding: 0 0.5rem;
  display: inline-block;
  list-style: none;
  cursor: pointer;
  position: relative;
}

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

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

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

.header-slider .seq-prev:hover, .header-slider .seq-next:hover {
  background: #663b17;
}

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  .header-slider .slide-caption {
    max-width: 31.25rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.header-slider .slide-button:hover {
  background: #80d380;
  color: #FFFFFF;
  transition:all ease .5s;
  border:none;

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

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


.slide-button-active {
  background: #80d380;
  color: #FFFFFF;
  transition:all ease .5s;
  border:none !important;

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

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

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


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

Static Banner

-----------------------------------------------------------------------------------*/
.static-banner {
  /* background: #e79f3b;
 Old Browsers background: -moz-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* FF3.6+ background: -webkit-gradient(left top, right bottom, color-stop(0%, #e79f3b), color-stop(100%, #edbf39));
/* Chrome, Safari4+ background: -webkit-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* Chrome10+,Safari5.1+ background: -o-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* Opera 11.10+ background: -ms-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* IE 10+ background: linear-gradient(135deg, #e79f3b 0%, #edbf39 100%);
/* W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c17c', endColorstr='#663b17', GradientType=1 );
  */

display: block;
  width: 100%;
  clear: both;
  min-height: 100px;
  position: relative;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  font-family: inherit;
  z-index: 1;
  height: 540px;
  position: relative;
}



.static-banner:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background-image: url('../img/top-background.png');
  background-size: cover;
  z-index: -1;
  background-color:white;
  background-position: center center;
}

.static-banner:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  z-index: 0;
  /* background:#242a38; */
  opacity: 0.1;
}

.static-content {
	float:left;
	width:100%;
	padding:0;
}

.banner-caption {
  margin: 0 auto;
	position:relative;
  padding:95px 0 43px 0;
  text-align:center;
}

.banner-caption h1 {
	font-size:75px;
	color:#FFFFFF;
	font-weight:600;
	letter-spacing:-2px;
	line-height:1.3;
	padding:0;
	margin:0;
}

.banner-caption h2 {
	font-size:24px;
	color:#FFFFFF;
	font-weight:normal;
	line-height:1;
	padding:0;
	margin:0;
}

.banner-caption p {
  color: white;
  font-family: inherit;
  font-size: 15px;
  font-weight:normal;
  line-height: 1rem;
  white-space: pre-line;
  max-width:80%;
  margin:auto;
}

.banner-caption .video-box {
	float:left;
	width:80%;
}

.banner-caption .video-box-inner {
	float:left;
	width:100%;
	position:relative;
}

.banner-caption .video-box img{
	width:100%;
	border-radius:6px;

}

.video-image {
}

.banner-caption .video-box .video-play-btn{
	font-size:50px;
	color:#FFFFFF;
	position: absolute;
    top:50%;
    left:47%;
	right:0;
	transform: translate(0,-50%);
}


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

.static-banner .slide-button:hover {
  background: #80d380;
  color: #FFFFFF;
  transition:all ease .5s;
  border:none;

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

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

.static-banner-image {
	background:url(../images/header-slide-1.png) no-repeat right top;
	width:100%;
	height:633px;
	text-align:right;
	position:relative;
	right:0;
	left:0;
	top:20px;
}


.header-screens {
	/*position:absolute;*/
	width:930px;
	height:auto;
	top:0;
	right:-370px;
}

.mobile {
	display:none;
}



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

 .header-screens {
	 width:715px;
	 right:-280px;
 }

 .banner-caption {
	 padding:112px 0 43px 0;
 }

 .banner-caption h1 {
	 font-size:60px;
 }

 .banner-caption h2{
	 font-size:22px;
 }

 .banner-caption p{
	 line-height:1.7;
	 white-space:inherit;
	 font-weight:normal;
	 padding-top:20px;
 }


 .banner-caption .video-box {
	width:100%;
}



}

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

.desktop {
	display:none;

}

.mobile {
	display:block;
}

.header-screens {
	position:inherit;
	right:0;
	margin-top:30px;
}


.static-content {
	padding:130px 0 0 0;
}

.static-banner {
	top:10%;
}

.banner-caption {
	padding:0;
}

.banner-caption h1 {
	font-size:60px;
	text-align:center;
}

.banner-caption h2{
	font-size:22px;
	text-align:center;
 }

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


 .static-banner-image {
	width:100%;
	text-align:center;
	background-size:400px;
	background-position:center top;
	margin:30px 0 0 0;
 }

 .static-banner .banner-caption {
	 text-align:center;
 }


 .banner-caption .video-box .video-play-btn{
	 left:0;
	transform: translate(0,-50%);
}

.banner-caption .video-box{
	margin:30px 0;
}




}

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

.header-screens {
	width:100%;
}

	.static-banner {
		top:15%;
}

	.banner-caption h1 {
	font-size:70px;
	text-align:center;
}

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


}

@media screen and (max-width: 576px) {
 .static-banner-image {
	 background-size:400px;

 }

}


@media screen and (max-width: 480px) {
 .static-banner-image {
	 background-size:300px;

 }

.banner-caption h1 {
	font-size:50px;
	line-height:2;
}

}


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

[Store Icons Section] (Section)

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

-----------------------------------------------------------------------------------*/
/* STORE ICONS */
.site-store-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,  {
    height: auto;
    /*background: #E5E8ED;*/
    padding: 1.25rem 0;
  }
}

.site-store-icons .align-center,.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, .align-center {
    position: relative;
  }
}

.site-store-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,  {
  border-right: none;
}

.site-store-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,  i.fa .site-store-icons span,  .site-store-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, i.fa.adjust {
  font-size: 1.875rem;
  position: relative;
  right: 0.625rem;
}

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

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

.site-store-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{
  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: #663b17;*/
}

.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: #939298;
  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

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



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



/* Download Buttons */


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

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

.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:#939298;
	line-height:2;
	font-weight:normal;
}

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



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



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

}

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

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

 

}


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

 .two-colom-section {
	 padding:80px 0 0 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

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



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

[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;s
  background-color:white;

}

@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;
  position: relative;
  top: 170px;
}

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

@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: rgb(209, 85, 85);
}

.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);
background: -moz-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,200,255,1)), color-stop(100%, rgba(129,211,126,1)));
background: -webkit-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
background: -o-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
background: -ms-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
background: linear-gradient(to right, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%);
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: 8rem;
    padding-left: 0;
  }
}

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

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

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

@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: -2.70rem;
  bottom: 0;
  display: block;
  overflow: visible;
  height: 5.25rem;
  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: #000000;
  margin-bottom: 0.9375rem;
  margin-top: 0.3125rem;
  transition: 300ms linear;
  transition-property: color;
  font-family: 'Merriweather';
  font-size: 14px;
  font-weight: bold;
}

.site-more-features p {
  color: #000000;
  font-family: inherit;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2rem;

}

#activite-texte{
  font-size: 14px;
  width:80%;
  margin:auto;
}




.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 element supprimé */



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



# Heading (h1)
# Carousel pagination

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



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

[Accordion] (Section)

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

-----------------------------------------------------------------------------------*/
/* Accordion wrapper */


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

[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:#939298;
	line-height:1.5;
	white-space:pre-line;
	padding:0 0 30px 0;
}


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

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

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

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

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

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

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

.site-team h5 {
  /* Typography */
  color: #663b17;
  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: #939298;
  font-family: inherit;
  font-size:14px;
  font-weight: 400;
  margin-bottom: 1.25rem;
  width: 100%;
}

.site-team p {
  color: #939298;
  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;
  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;
}
/*-----------------------------------------------------------------------------------

[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:100px;
  position: relative;
-webkit-transition: background-image 300ms linear;
-moz-transition: background-image 300ms linear !important;
-ms-transition: background-image 300ms linear;
-o-transition: background-image 300ms linear;
transition: background-image 300ms linear;
}

@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 p {
  /* Typography */
  width:100%;
  font-family: inherit;
  font-size:14px;
  font-weight: normal;
  line-height:1.5;
  padding:5px 0 0 26px;
  display: block;
  clear:both;
  text-align:left;
}

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



.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 h5 {
	  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 .color-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: #663b17;
  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: #ffffff;
  line-height: 0.75rem;
}

.site-packages a {
  background-color: white;
  border-radius: 15rem;
  color: #663b17;
  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 #663b17;
}

.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: #663b17;
  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:#939298;
	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: #e79f3b;
/* Old Browsers */background: -moz-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right bottom, color-stop(0%, #e79f3b), color-stop(100%, #edbf39));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(-45deg, #e79f3b 0%, #edbf39 100%);
 /* IE 10+ */background: linear-gradient(135deg, #e79f3b 0%, #edbf39 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c17c', endColorstr='#663b17', 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

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

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

[Quick Support] (Section)

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

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

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

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

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

.site-quick-support .site-info {
  /* info (class) */
  float:left;
  width: 100%;
  text-align: left;
  font-size: 0;
  border-right:rgba(255,255,255,0.4) solid 1px;
  padding:70px 40px 306px 40px;
}

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

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

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

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

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

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

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



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

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

  .site-quick-support .site-info {
	  border-right:none;
	  padding:30px;
  }

   .site-quick-support .contact-box {
	height:auto;
}


}

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

  .site-quick-support .site-info {
	  border-right:none;
	  padding:30px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

[Subscribe] (Section)

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

-----------------------------------------------------------------------------------*/
/* Subscribe section wrapper */
.site-subscribe {

  display: block;
  width: 100%;
  clear: both;
  color: white;
  position: relative;
  margin:0;
}

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

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

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

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

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

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

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

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

}

.site-subscribe input[type=email], .site-subscribe input[type=text] {
  /* Input fields */
  width: 100%;
  height: 2.688rem;
  line-height: 2.688rem;
  border: 0.063rem solid white;
  border-radius: 1.3125rem;
  background: #f2f4f5;
  display: block;
  margin: 0;
  font-weight: 400;
  color:#939298;
  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: #663b17;
  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 {
  padding: 20px 0 30px 0;
  display: block;
  width: 100%;
  clear: both;
  text-align: center;
  background:black;
  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;
    text-align: center;
}

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

.site-social-icons i.fa, .site-social-icons span {
  color: black;
  font-size: 1.4rem;
  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: #939298;
  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;
}

.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: white;
  border-radius: 12.5rem;
  font-size: 1.875rem;
  box-shadow: 0 0 0.9375rem rgba(2, 3, 3, 0.19);
  transition: 300ms linear;
  transition-property: color, background;
  color: black;

}

#scrollUp:hover {
  background: #ff6f4c;
}

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

[Preloader]

# Preloader (overlay)
# .preloader (class)

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

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


/* CUSTOM */

.grid-flex {
  display: flex;
  flex-wrap: wrap;
}

.grid-flex .column {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.grid-flex.v-align-middle {align-items: center;}

.grid-flex .column.w-100 {max-width: 100%;flex: 0 0 100%;}
.grid-flex .column.w-90 {max-width: 90%;flex: 0 0 90%;}
.grid-flex .column.w-80 {max-width: 80%;flex: 0 0 80%;}
.grid-flex .column.w-75 {max-width: 75%;flex: 0 0 75%;}
.grid-flex .column.w-70 {max-width: 70%;flex: 0 0 70%;}
.grid-flex .column.w-66 {max-width: 66.6667%;flex: 0 0 66.6667%;}
.grid-flex .column.w-60 {max-width: 60%;flex: 0 0 60%;}
.grid-flex .column.w-50 {max-width: 50%;flex: 0 0 50%;}
.grid-flex .column.w-40 {max-width: 40%;flex: 0 0 40%;}
.grid-flex .column.w-33 {max-width: 33.3333%;flex: 0 0 33.3333%;}
.grid-flex .column.w-30 {max-width: 30%;flex: 0 0 30%;}
.grid-flex .column.w-25 {max-width: 25%;flex: 0 0 25%;}
.grid-flex .column.w-20 {max-width: 20%;flex: 0 0 20%;}
.grid-flex .column.w-10 {max-width: 10%;flex: 0 0 10%;}


.text-center {text-align: center!important;}
.text-left {text-align: left!important;}


.mb-0 {margin-bottom: 0rem!important;}
.mb-1 {margin-bottom: 1rem!important;}
.mb-2 {margin-bottom: 2rem!important;}
.mb-3 {margin-bottom: 3rem!important;}
.mb-4 {margin-bottom: 4rem!important;}
.mb-5 {margin-bottom: 5rem!important;}
.mb-6 {margin-bottom: 6rem!important;}
.mb-7 {margin-bottom: 7rem!important;}
.mb-8 {margin-bottom: 8rem!important;}
.mb-9 {margin-bottom: 6rem!important;}
.mb-10 {margin-bottom: 10rem!important;}

.mt-0 {margin-top: 0rem!important;}
.mt-1 {margin-top: 1rem!important;}
.mt-2 {margin-top: 2rem!important;}
.mt-3 {margin-top: 3rem!important;}
.mt-4 {margin-top: 4rem!important;}
.mt-5 {margin-top: 5rem!important;}
.mt-6 {margin-top: 6rem!important;}
.mt-7 {margin-top: 7rem!important;}
.mt-8 {margin-top: 8rem!important;}
.mt-9 {margin-top: 9rem!important;}
.mt-10 {margin-top: 10rem!important;}


.ml-0 {margin-left: 0rem!important;}
.ml-1 {margin-left: 1rem!important;}
.ml-2 {margin-left: 2rem!important;}
.ml-3 {margin-left: 3rem!important;}
.ml-4 {margin-left: 4rem!important;}
.ml-5 {margin-left: 5rem!important;}
.ml-6 {margin-left: 6rem!important;}
.ml-7 {margin-left: 7rem!important;}
.ml-8 {margin-left: 8rem!important;}
.ml-9 {margin-left: 9rem!important;}
.ml-10 {margin-left: 10rem!important;}

.mr-0 {margin-right: 0rem!important;}
.mr-1 {margin-right: 1rem!important;}
.mr-2 {margin-right: 2rem!important;}
.mr-3 {margin-right: 3rem!important;}
.mr-4 {margin-right: 4rem!important;}
.mr-5 {margin-right: 5rem!important;}
.mr-6 {margin-right: 6rem!important;}
.mr-7 {margin-right: 7rem!important;}
.mr-8 {margin-right: 8rem!important;}
.mr-9 {margin-right: 9rem!important;}
.mr-10 {margin-right: 10rem!important;}

.pb-0 {padding-bottom: 0rem!important;}
.pb-1 {padding-bottom: 1rem!important;}
.pb-2 {padding-bottom: 2rem!important;}
.pb-3 {padding-bottom: 3rem!important;}
.pb-4 {padding-bottom: 4rem!important;}
.pb-5 {padding-bottom: 5rem!important;}
.pb-6 {padding-bottom: 6rem!important;}
.pb-7 {padding-bottom: 7rem!important;}
.pb-8 {padding-bottom: 8rem!important;}
.pb-9 {padding-bottom: 9rem!important;}
.pb-10 {padding-bottom: 10rem!important;}

.pt-0 {padding-top: 0rem!important;}
.pt-1 {padding-top: 1rem!important;}
.pt-2 {padding-top: 2rem!important;}
.pt-3 {padding-top: 3rem!important;}
.pt-4 {padding-top: 4rem!important;}
.pt-5 {padding-top: 5rem!important;}
.pt-6 {padding-top: 6rem!important;}
.pt-7 {padding-top: 7rem!important;}
.pt-8 {padding-top: 8rem!important;}
.pt-9 {padding-top: 9rem!important;}
.pt-10 {padding-top: 10rem!important;}

.pl-0 {padding-left: 0rem!important;}
.pl-1 {padding-left: 1rem!important;}
.pl-2 {padding-left: 2rem!important;}
.pl-3 {padding-left: 3rem!important;}
.pl-4 {padding-left: 4rem!important;}
.pl-5 {padding-left: 5rem!important;}
.pl-6 {padding-left: 6rem!important;}
.pl-7 {padding-left: 7rem!important;}
.pl-8 {padding-left: 8rem!important;}
.pl-9 {padding-left: 9rem!important;}
.pl-10 {padding-left: 10rem!important;}

.pr-0 {padding-right: 0rem!important;}
.pr-1 {padding-right: 1rem!important;}
.pr-2 {padding-right: 2rem!important;}
.pr-3 {padding-right: 3rem!important;}
.pr-4 {padding-right: 4rem!important;}
.pr-5 {padding-right: 5rem!important;}
.pr-6 {padding-right: 6rem!important;}
.pr-7 {padding-right: 7rem!important;}
.pr-8 {padding-right: 8rem!important;}
.pr-9 {padding-right: 9rem!important;}
.pr-10 {padding-right: 10rem!important;}


#pedagogie p {
    color: #939298;
    font-family: inherit;
    font-size: 15px;
    font-weight: normal;
    line-height: 2;
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
    width: 100%;
  }

  #pedagogie p a {
    line-height: 1.5;
  }


.btn-1 {
   display: inline-block!important;
   padding: 1rem 3rem!important;
   color: #663b17!important;
   cursor: pointer!important;
   position: relative!important;
   font-weight: 300!important;
   font-size: 1.2rem!important;
   border: 1px solid #663b17!important;
   text-decoration: none!important;
   border-radius: 100px!important;
   transition: 0.3s!important;
}

.btn-1:hover {
  background: #663b17!important;
  color: #ffffff!important;
  transition: 0.3s!important;
  -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);
}

.btn-1.bg-white {
  background-color: #ffffff!important;
  color: #663b17!important;
}

.btn-1.bg-white.inverse {
  background-color: transparent!important;
  color: #ffffff!important;
  border-color: #ffffff!important;
}

@media(max-height: 750px) {
  .static-banner {
    height: auto;
  }
}

@media(max-width: 480px) {
  .static-banner {
    height: auto;
  }
  .static-banner .btn-1 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }

  #pedagogie p a {
    font-size: 1rem!important;
    padding: 1rem 2rem!important;
  }
}



.captcha {
    position: relative;margin-bottom: 15px;font-size: 1.8rem;

}

.captcha .code {
    position: absolute;
    left: 17px;
    color: #ffffff;
    top: 6px;
    pointer-events: none;
    user-select: none;
    font-size: 14px;
}

.captcha .code:after {
  position: absolute;
  right: -28px;
  top: -10px;
  width: 1px;
  height: 188%;
  background-color: #e7e7e6;
  bottom: 0;
  content: "";
}

.captcha input {
  padding-left: 130px;
  font-weight: 600;
}




.box-message {
  padding:15px;
  margin:15px 0;
  font-size: 14px;;
  display:block
}

.box-message.success {
  border:1px solid #5cb85c;
  background-color:#91cf91;
  color: #3c763d;
}

.box-message.error {
  border:1px solid #d9534f;
  background-color:#e7908e;
  color: #a94442;
}


input:-webkit-autofill {
  background: none!important;
}

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

ADDITIONAL CSS Magbil'ART

-----------------------------------------------------------------------------------*/
/* white background */
#whitebackground {
  background: #FFFFFF;
  border-radius: 6px;
  border-radius: 0px 0px 0px 100px;
  position:relative;
  height:497px;

}

#pager {
  position: absolute;
  left: -30px;
  z-index: 100;
}

.offre-img {
  padding-bottom:4px;
}

 /* .background{

  background-image: url(../img/facepainting-bg.png);
  background-size: cover;
  height: 100%;
}

/* bouton de navigation */


#btn-offre { 
    
    border-radius: 0.4rem;
    color: white;
    font-family: inherit;
    font-size: 0.813rem;
    font-weight: 700;
    line-height: 1.813rem;
    text-transform: uppercase;
    transition: 300ms linear;
    transition-property: background, color;
    border: none;
    background-color: #ff6f4c;
    color: #ffffff;
    position: relative;
    left: -27%;
    bottom: 70px;
    padding: 13px 27px;
    width:161px;
  }

/* couleur du titre du contenu */

.content-title{
  font-family:Merriweather;
  font-size:18px !important;
  color:black !important;
  margin-bottom: 1rem !important;
}

/* hidden an show class on element */

.hidden {
  display:none !important;
}

#pager a {
  display: block;
  padding-bottom: 4px;
}


/* crochet */
.crochet-a {
  color:#ff6f4c;
}

.crochet-b {
  color:#ffbf4a;
}

.crochet-c {
  color:#e5da60;
}

.crochet-d {
  color:#8df759;
}

.crochet-e {
  color:#9ecfff;
}

.crochet-f {
  color:#ee83e9;
}

/* contenu droit section offer */

#offer-div-right {
  padding-right: 0px;
  background-image: url("../img/facepainting-bg.jpg");
  height: 497px;
  background-repeat: no-repeat;
  background-position:center center;
  background-size:cover;
}


/* offer- img */
.offer-img{
  width:100%;
}



#galerie-title {
  color:#8e8e8e !important;
}

.no-visibility {
  visibility: hidden;
}


/* galerie photo */

#galerie{
  padding-bottom:100px;
}


/* nos offres */


.content-title-h2 {

text-align:left;
}

.site-testimonial ul {
  text-align: left;
  font-size:14px;
}

.site-testimonial h2 {
  font-size:14px;
  text-align:left;
  padding-left: 30px;
}


/* fix bouton*/

#content {
  position:static;
}


/* galerie caroussel */


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

.carousel-indicators {
    bottom: 20px;
}
}


.carousel-indicators .active {
  background-color: #d4d4d4;
  width:15px;
  height:15px;
}
.carousel-indicators li {
   width:15px;
  height:15px;
  border: 1px solid #bdb8b8;
}


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

.carousel-indicators {
    bottom: -42px;
  }
}



/* contact*/

#ct-box{

  
    width: 100%;
    border-radius: 0px 100px 0px 0px;
    background: white;
    padding: 25px 50px;
}



#contact {
      padding-top:70px;
      background-image: url(../img/contact-bg.jpg);
      background-size: cover;
}


#contact h1 {
  color: #8e8e8e !important;
  text-align:center;
  margin-bottom: 30px;
  font-size:30px;
}

.ct-btn {  
    min-height: 3.125rem;
    border-radius: 0.4rem;
    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 #a7a7a7;
    color: #a7a7a7;
    height: 57px;
    width:164px;
}



#btn-container {
    margin-bottom: 16px;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 16px;
}




#btn-container > button:nth-child(1) {
  
    margin-right:10px;
  
}

/* formulaire de contact*/

.form-control {
    display: block;
    width: 95%;
    padding: .5rem .75rem;
    font-size: 15px;
    line-height: 1.25;
   -webkit-text-fill-color: #abaaaa;
    background-color: #fff;
    background-clip: padding-box;
    border:none;
    border-bottom: 1px solid #ebf4f9;
    border-radius:0;
    box-shadow:none;
    height: 50px;
  font-weight: 400;  /* for safari */
}

input[type="date"]:not(.has-value):before{
  color: #c1c1c1;
  content: attr(placeholder);
  padding-right: 5%;
}


label {
  width:100% !important;
  font-weight:100;

}

input[type] {
  font-family: 'Work Sans', sans-serif;

}

input::placeholder {
  color:#c1c1c1 !important;

}

.form-control:focus {
  
}



.right-col {
  border-left:1px solid #c1c1c1;
}

.right-col,.left-col{
  padding: 0;
}

.grey {
  background-color:#aaaaaa;
  color:white;
}



.myList{
    width: 144px;
    height: 48px;
    font-size: 12px;
    background-color:white;
}

.info-text {
  font-size: 12px;
  color:#a7a7a7 ;
}

.check{
  float:left;
  margin-right: 7px !important;
}

.info-container {
padding-top: 20px;
padding-left: 12px;
}

.conteneur_champ_total{
  padding-left:12px;
  padding-bottom:14px;
}

.p-addition {
  border: 1px solid #c1c1c1;
}

#resultat-1,#resultat-2{
font-size: 14px;
  color:#656565;;
  }



.btn-active {
  background-color:#aaaaaa;
  color:white;
}

#business-content {
  display: none;
}


#social-texte {
  display: inline-block;
  color:#a7a7a7;
}


/* bouton de navigation */





@media screen and (max-width: 991px) {
  #no-picture {
    display:none;
  }

  .static-content {
  padding-top: 20px;

  }

#logo {
  width:150px;
}

.galerie-picture { 

  margin-bottom:10px;
 }

#no-visibility {
  display: none;
}

}




@media screen and (max-width: 499px) {
 .static-content {
    padding-bottom:50px;
  }
}



@media screen and (max-width: 1250px) {
   #btn-offre  {
   
  }

  #img-a, #img-b, #img-c, #img-d, #img-e, #img-f  { 
    width: 56px;
   }

.site-testimonial p {
  font-size:13px;
}

}

@media screen and (max-width: 1023px) {
    #offer-div-right{
    display:none;
  }

    #content {
width:100%;
    }

#btn-offre {
  position:static;
  border:2px solid white;
  margin-top:30px;
}


#whitebackground {

height: 448px;
}
}


@media screen and (max-width: 766px) {
    #whitebackground {
   margin-left:10px;
  }
    .carousel-indicators {
   bottom:-56px;
  }
  .right-col {
    border:0;
  }
}

@media screen and (max-width: 420px) {
    #whitebackground {
   height: 580px;
   padding-bottom: 20px;
  }

}

@media screen and (max-width: 473px) {
#btn-container > button:nth-child(1) {
margin-bottom:10px;
}
}


@media screen and (max-width: 991px) {
.no-visibility {
display:none;
}
}

@media screen and (max-width: 442px) {
#scrollUp  {
bottom: 3.875rem;
}
}

#tel {
      overflow: visible;
    width: 174px;
    position: initial;
    color: #a7a7a7;
}

#my-pics img {
  vertical-align: baseline;
}


@media screen and (max-width: 1199px) {
#my-pics img  {
  vertical-align: middle;
}
}