/*-----------------------
  General 
-----------------------*/
/* Define status bar size */
/* Bottom settings sections */
/* Define general spaces */
/*@media screen and (min-width: 576px) { 
	$screeny-padding: 5px;
}
@media screen and (min-width: 768px) { 
	$screeny-padding: 10px;
}
@media screen and (min-width: 992px) { 
	$screeny-padding: 15px;
}
@media screen and (min-width: 1200px) { 
	$screeny-padding: 20px;
}*/
/* Define global radius */
/* Define size of arrows */
/* Define general transition time */
/* Define general border size */
/* Define background image blur */
.section-block {
  border: 0;
  position: relative;
}

.section-block.height-full {
  min-height: 100vh;
}

.section-block.height-xxlarge {
  min-height: 80vh;
}

.section-block.height-xlarge {
  min-height: 60vh;
}

.section-block.height-large {
  min-height: 50vh;
}

.section-block.height-medium {
  min-height: 40vh;
}

.section-block.height-small {
  min-height: 30vh;
}

.section-block.height-xsmall {
  min-height: 20vh;
}

.section-block.padding-xxlarge {
  padding-top: calc(1rem*8);
  padding-bottom: calc(1rem*8);
  padding-left: calc(1rem*1);
  padding-right: calc(1rem*1);
}

.section-block.padding-xlarge {
  padding-top: calc(1rem*6);
  padding-bottom: calc(1rem*6);
  padding-left: calc(1rem*1);
  padding-right: calc(1rem*1);
}

.section-block.padding-large {
  padding-top: calc(1rem*4);
  padding-bottom: calc(1rem*4);
  padding-left: calc(1rem*1);
  padding-right: calc(1rem*1);
}

.section-block.padding-medium {
  padding-top: calc(1rem*3);
  padding-bottom: calc(1rem*3);
  padding-left: calc(1rem*1);
  padding-right: calc(1rem*1);
}

.section-block.padding-small {
  padding-top: calc(1rem*2);
  padding-bottom: calc(1rem*2);
  padding-left: calc(1rem*1);
  padding-right: calc(1rem*1);
}

.section-block.padding-xsmall {
  padding-top: calc(1rem*1);
  padding-bottom: calc(1rem*1);
  padding-left: calc(1rem*1);
  padding-right: calc(1rem*1);
}

.section-block.padding-none {
  padding-top: calc(1rem*0);
  padding-bottom: calc(1rem*0);
  padding-left: calc(1rem*1);
  padding-right: calc(1rem*1);
}

.section-block .section-big-image,
.section-block .section-xbig-image {
  width: 100%;
}

.section-block .section-big-image {
  max-width: 800px;
}

.section-block .section-xbig-image {
  max-width: 1400px;
}

.section-block .section-text {
  width: 100%;
  max-width: 800px;
}

.section-block .section-text p {
  font-size: 1.2rem;
}

.section-block .section-small-image {
  margin-top: calc(1rem*2);
  margin-bottom: calc(1rem*2);
}

.section-block .section-small-image,
.section-block .section-content,
.section-block .section-button {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.section-block .section-big-image img,
.section-block .section-xbig-image img,
.section-block .section-small-image img {
  width: 100%;
}

.section-block .section-text,
.section-block .section-big-image,
.section-block .section-xbig-image {
  padding-left: calc(1rem*1);
  padding-right: calc(1rem*1);
}

@media (min-width: 576px) {
  .section-block .section-text,
  .section-block .section-big-image,
  .section-block .section-xbig-image {
    padding-left: calc(1rem*1);
    padding-right: calc(1rem*1);
  }
}

@media (min-width: 768px) {
  .section-block .section-text,
  .section-block .section-big-image,
  .section-block .section-xbig-image {
    padding-left: calc(1rem*1);
    padding-right: calc(1rem*1);
  }
}

@media (min-width: 992px) {
  .section-block .section-text,
  .section-block .section-big-image,
  .section-block .section-xbig-image {
    padding-left: calc(1rem*2);
    padding-right: calc(1rem*2);
  }
}

@media (min-width: 1200px) {
  .section-block .section-text,
  .section-block .section-big-image,
  .section-block .section-xbig-image {
    padding-left: calc(1rem*2);
    padding-right: calc(1rem*2);
  }
}

/*
.col-section-left {
  margin-left: auto;
  margin-right: 0;
  margin-top: auto;
  margin-bottom: auto;
}

@media (max-width: 767px) {
  .col-section-left {
    margin-left: auto;
    margin-right: auto;
  }
}

.col-section-left h1, .col-section-left h2, .col-section-left h3, .col-section-left p {
  text-align: right;
}

@media (max-width: 767px) {
  .col-section-left h1, .col-section-left h2, .col-section-left h3 {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .col-section-left p {
    text-align: justify !important;
  }
}





.col-section-right {
  margin-left: 0;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}

@media (max-width: 767px) {
  .col-section-right {
    margin-left: auto;
    margin-right: auto;
  }
}

.col-section-right h1, .col-section-right h2, .col-section-right h3, .col-section-right p {
  text-align: left; 
}

@media (max-width: 767px) {
  .col-section-right h1, .col-section-right h2, .col-section-right h3 {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .col-section-right p {
    text-align: justify !important;
  }
}

*/
.col-section-gradient,
.col-section-gradient-left,
.col-section-gradient-right {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

section.default {
  background: transparent;
}

section.white,
section .white {
  background: #ffffff;
}

section.white h1,
section.white h2,
section.white h3,
section.white h4,
section.white h5,
section.white h6,
section .white h1,
section .white h2,
section .white h3,
section .white h4,
section .white h5,
section .white h6 {
  color: #000000 !important;
}

section.white p,
section .white p,
section.white th,
section.white td {
  color: rgba(0, 0, 0, 0.7) !important;
}

section.gray-01,
section .gray-01 {
  background: #eef4f8;
}

section.gray-01 h1,
section.gray-01 h2,
section.gray-01 h3,
section.gray-01 h4,
section.gray-01 h5,
section.gray-01 h6,
section .gray-01 h1,
section .gray-01 h2,
section .gray-01 h3,
section .gray-01 h4,
section .gray-01 h5,
section .gray-01 h6 {
  color: #000000 !important;
}

section.gray-01 p,
section .gray-01 p,
section.gray-01 th,
section.gray-01 td {
  color: rgba(0, 0, 0, 0.7) !important;
}

/*
section.gray-01 .section-gradient-left { 
	background: linear-gradient(90deg,
	  rgba($screeny-gray-01,1) 0%, 
	  rgba($screeny-gray-01, 0.738) 19%,
	  rgba($screeny-gray-01, 0.541) 34%,
	  rgba($screeny-gray-01, 0.382) 47%, 
	  rgba($screeny-gray-01, 0.278) 56.5%,
	  rgba($screeny-gray-01, 0.194) 65%,
	  rgba($screeny-gray-01, 0.126) 73%,
	  rgba($screeny-gray-01, 0.075) 80.2%,
	  rgba($screeny-gray-01, 0.042) 86.1%,
	  rgba($screeny-gray-01, 0.021) 91%,
	  rgba($screeny-gray-01, 0.008) 95.2%,
	  rgba($screeny-gray-01, 0.002) 98.2%,
	  rgba($screeny-gray-01, 0) 100%
	);
}
section.gray-01 .section-gradient-right { 
	background: linear-gradient(-90deg,
	  rgba($screeny-gray-01,1) 0%,
	  rgba($screeny-gray-01, 0.738) 19%,
	  rgba($screeny-gray-01, 0.541) 34%,
	  rgba($screeny-gray-01, 0.382) 47%, 
	  rgba($screeny-gray-01, 0.278) 56.5%,
	  rgba($screeny-gray-01, 0.194) 65%,
	  rgba($screeny-gray-01, 0.126) 73%,
	  rgba($screeny-gray-01, 0.075) 80.2%,
	  rgba($screeny-gray-01, 0.042) 86.1%,
	  rgba($screeny-gray-01, 0.021) 91%,
	  rgba($screeny-gray-01, 0.008) 95.2%,
	  rgba($screeny-gray-01, 0.002) 98.2%,
	  rgba($screeny-gray-01, 0) 100%
	);
}
*/
section.gray-02,
section .gray-02 {
  background: #e1e6e9;
}

section.gray-02 h1,
section.gray-02 h2,
section.gray-02 h3,
section.gray-02 h4,
section.gray-02 h5,
section.gray-02 h6,
section .gray-02 h1,
section .gray-02 h2,
section .gray-02 h3,
section .gray-02 h4,
section .gray-02 h5,
section .gray-02 h6 {
  color: #000000 !important;
}

section.gray-02 p,
section .gray-02 p,
section .circle.gray-02 p,
section.gray-02 th,
section.gray-02 td {
  color: rgba(0, 0, 0, 0.7) !important;
}

section.gray-03,
section .gray-03 {
  background: #303133;
}

section.gray-03 h1,
section.gray-03 h2,
section.gray-03 h3,
section.gray-03 h4,
section.gray-03 h5,
section.gray-03 h6,
section .gray-03 h1,
section .gray-03 h2,
section .gray-03 h3,
section .gray-03 h4,
section .gray-03 h5,
section .gray-03 h6 {
  color: #ffffff !important;
}

section.gray-03 p,
section .gray-03 p,
section.gray-03 th,
section.gray-03 td {
  color: rgba(255, 255, 255, 0.8) !important;
}

section.gray-04,
section .gray-04 {
  background: #191a1b;
}

section.gray-04 h1,
section.gray-04 h2,
section.gray-04 h3,
section.gray-04 h4,
section.gray-04 h5,
section.gray-04 h6,
section .gray-04 h1,
section .gray-04 h2,
section .gray-04 h3,
section .gray-04 h4,
section .gray-04 h5,
section .gray-04 h6 {
  color: #ffffff !important;
}

section.gray-04 p,
section .gray-04 p,
section.gray-04 th,
section.gray-04 td {
  color: rgba(255, 255, 255, 0.8) !important;
}

section.black,
section .black {
  background: #000000;
}

section.black h1,
section.black h2,
section.black h3,
section.black h4,
section.black h5,
section.black h6,
section .black h1,
section .black h2,
section .black h3,
section .black h4,
section .black h5,
section .black h6 {
  color: #ffffff !important;
}

section.black p,
section .black p,
section.black th,
section.black td {
  color: rgba(255, 255, 255, 0.7) !important;
}

section.color,
section .color {
  background: #000d17;
}

section.color h1,
section.color h2,
section.color h3,
section.color h4,
section.color h5,
section.color h6,
section .color h1,
section .color h2,
section .color h3,
section .color h4,
section .color h5,
section .color h6 {
  color: #ffffff !important;
}

section.color p,
section .color p,
section.color th,
section.color td {
  color: rgba(255, 255, 255, 0.7) !important;
}

section.gradient {
  background: #000d17;
  /*background-image: linear-gradient(to right, $style_background_gradient_color_1 0%, $style_background_gradient_color_2 50%, $style_background_gradient_color_1 100%);*/
  background-image: linear-gradient(to right, rgba(0, 125, 227, 0.9) 0%, rgba(178, 0, 227, 0.9) 48%, rgba(178, 0, 227, 0.9) 53%, rgba(0, 125, 227, 0.9) 100%);
  background-size: 200%;
  animation: animated-background-color-gradient 60s ease infinite;
  -webkit-animation: animated-background-color-gradient 60s ease infinite;
}

@keyframes animated-background-color-gradient {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}

section.gradient h1,
section.gradient h2,
section.gradient h3,
section.gradient h4,
section.gradient h5,
section.gradient h6,
section .gradient h1,
section .gradient h2,
section .gradient h3,
section .gradient h4,
section .gradient h5,
section .gradient h6 {
  color: #ffffff !important;
}

section.gradient p,
section .gradient p,
section.gradient th,
section.gradient td {
  color: rgba(255, 255, 255, 0.7) !important;
}

section.france {
  background: #28367b;
  background-image: linear-gradient(to right, #28367b 0%, white 50%, #e50a14 100%);
}

section.france h1,
section.france h2,
section.france h3,
section.france h4,
section.france h5,
section.france h6,
section .france h1,
section .france h2,
section .france h3,
section .france h4,
section .france h5,
section .france h6 {
  color: #ffffff !important;
}

section.france p,
section .france p,
section.france th,
section.france td {
  color: rgba(255, 255, 255, 0.7) !important;
}