/* CSS Document */

/** Colors **/

:root {
  --gradient-first: #0f9adb;
  --gradient-second: #51caf1;
  --main-blue: #0094D9;
  --light-blue: #0698dc;
  --neon-blue: rgba(91,209,240,1);
  --dark-blue: #004162;
  --light-gray: #AEAFAF;
  --dark-gray: #58595B;
}

/* Gradients */
.bg-main-gradient{
background: #0f9adb;
background: -moz-linear-gradient(-45deg, #51caf1 1%, #0f9adb 100%);
background: -webkit-linear-gradient(-45deg, #51caf1 1%,#0f9adb 100%);
background: linear-gradient(135deg, #51caf1 1%,#0f9adb 100%);
filter: progid:DXImageTransform.picrosoft.gradient( startColorstr='#0f9adb', endColorstr='#51caf1',GradientType=1 );
}

.bg-neon-gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,39bdec+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(91,209,240,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(91,209,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(91,209,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#39bdec',GradientType=1 ); /* IE6-9 */
}

.bg-main-gradient-vertical{
background: #0f9adb;
background: -moz-linear-gradient(90deg, #0f9adb 1%, #51caf1 100%);
background: -webkit-linear-gradient(90deg, #0f9adb 1%,#51caf1 100%);
background: linear-gradient(90deg, #0f9adb 1%,#51caf1 100%);
filter: progid:DXImageTransform.picrosoft.gradient( startColorstr='#0f9adb', endColorstr='#51caf1',GradientType=1 );
}

.bg-main-gradient-reverse{
background: #0f9adb;
background: -moz-linear-gradient(90deg, #51caf1 1%, #0f9adb 100%);
background: -webkit-linear-gradient(90deg, #51caf1 1%,#0f9adb 100%);
background: linear-gradient(90deg, #51caf1 1%,#0f9adb 100%);
filter: progid:DXImageTransform.picrosoft.gradient( startColorstr='#51caf1', endColorstr='#0f9adb',GradientType=1 );
}

.bg-first-blue{
    background-color:#51caf1;
}


.border-first-blue{
  border-color: #51caf1 !important;
}

/* Main blue */
.bg-blue, .bg-blue::after{
  background-color: var(--main-blue);
}

.bg-blue-li li{
  background-color: var(--main-blue);
}

.text-blue, .text-blue a, .text-blue-hover:hover{
  color: var(--main-blue);
}

.border-blue{
  border-color: var(--main-blue) !important;
}

/* Light blue */
.bg-light-blue, .bg-light-blue::after{
  background-color: var(--light-blue);
}

.bg-light-blue-li li{
  background-color: var(--light-blue);
}

.text-light-blue, .text-light-blue a, .text-light-blue-hover:hover{
  color: var(--light-blue);
}

.border-light-blue{
  border-color: var(--light-blue) !important;
}

/* Neon blue */
.bg-neon-blue, .bg-neon-blue::after{
  background-color: var(--neon-blue);
}

.bg-neon-blue-li li{
  background-color: var(--neon-blue);
}

.text-neon-blue, .text-neon-blue a, .text-neon-blue-hover:hover{
  color: var(--neon-blue);
}

.border-neon-blue{
  border-color: var(--neon-blue) !important;
}

/* Dark blue */
.bg-dark-blue, .bg-dark-blue::after{
  background-color: var(--dark-blue);
}

.bg-dark-blue-li li{
  background-color: var(--dark-blue);
}

.text-dark-blue, .text-dark-blue a, .text-dark-blue-hover a:hover{
  color: var(--dark-blue);
}

.border-dark-blue{
  border-color: var(--dark-blue) !important;
}

/* Light gray */
.bg-light-gray, .bg-light-gray::after{
  background-color: var(--light-gray);
}

.bg-light-gray-li li{
  background-color: var(--light-gray);
}

.text-light-gray, .text-light-gray a{
  color: var(--light-gray);
}

.border-light-gray{
  border-color: var(--main-gray);
}

/* Dark gray */
.bg-dark-gray, .bg-dark-gray::after{
  background-color: var(--dark-gray);
}

.bg-dark-gray-li li{
  background-color: var(--dark-gray);
}

.text-dark-gray, .text-dark-gray a{
  color: var(--dark-gray);
}

.border-dark-gray{
  border-color: var(--main-gray);
}

/* White */

.bg-white, .bg-white::after{
  background-color: white;
}

.text-white, .text-white a, .text-white-hover:hover{
  color: white !important;
}

.border-white{
  border-color: white !important;
}

.border-white-hover:hover{
  border:1px solid white !important;
}

/** Font-size **/
.fs-30{
  font-size: 30%;
}

.fs-40{
  font-size: 40%;
}

.fs-50{
  font-size: 50%;
}

.fs-60{
  font-size: 60%;
}

.fs-70{
  font-size: 70%;
}

.fs-80{
  font-size: 80%;
}

.fs-90{
  font-size: 90%;
}

.fs-110{
  font-size: 110%;
}

.fs-120{
  font-size: 120%;
}

.fs-130{
  font-size: 130%;
}

.fs-140{
  font-size: 140%;
}

.fs-150{
  font-size: 150%;
}

.fs-160{
  font-size: 160%;
}

.fs-170{
  font-size: 170%;
}

.fs-180{
  font-size: 180%;
}

.fs-190{
  font-size: 190%;
}

.fs-200{
  font-size: 200%;
}

.fs-210{
  font-size: 210%;
}

.fs-220{
  font-size: 220%;
}

.fs-230{
  font-size: 230%;
}

.fs-240{
  font-size: 240%;
}

.fs-250{
  font-size: 250%;
}

.fs-260{
  font-size: 260%;
}

.fs-270{
  font-size: 270%;
}

.fs-280{
  font-size: 280%;
}

.fs-290{
  font-size: 290%;
}

.fs-300{
  font-size: 300%;
}

.fs-310{
  font-size: 310%;
}

.fs-320{
  font-size: 320%;
}

.fs-330{
  font-size: 330%;
}

.fs-340{
  font-size: 340%;
}

.fs-350{
  font-size: 350%;
}

.fs-400{
  font-size: 400%;
}

.fs-450{
  font-size: 450%;
}

.fs-500{
  font-size: 500%;
}


/** Line-height **/
.lh-0-5{
    line-height: 0.5rem;
}

.lh-0-6{
    line-height: 0.6rem;
}

.lh-0-7{
    line-height: 0.7rem;
}

.lh-0-8{
    line-height: 0.8rem;
}

.lh-0-9{
    line-height: 0.9rem;
}

.lh-1{
    line-height: 1rem;
}

.lh-1-1{
    line-height: 1.1rem;
}

.lh-1-2{
    line-height: 1.2rem;
}

.lh-1-3{
    line-height: 1.3rem;
}

.lh-1-4{
    line-height: 1.4rem;
}

.lh-1-5{
    line-height: 1.5rem;
}

.lh-1-6{
    line-height: 1.6rem;
}

.lh-1-7{
    line-height: 1.7rem;
}

.lh-1-8{
    line-height: 1.8rem;
}

.lh-1-9{
    line-height: 1.9rem;
}

.lh-2{
    line-height: 2rem;
}

.lh-2-1{
    line-height: 2.1rem;
}

.lh-2-2{
    line-height: 2.2rem;
}

.lh-2-3{
    line-height: 2.3rem;
}

.lh-2-4{
    line-height: 2.4rem;
}

.lh-2-5{
    line-height: 2.5rem;
}

.lh-2-6{
    line-height: 2.6rem;
}

.lh-2-7{
    line-height: 2.7rem;
}

.lh-2-8{
    line-height: 2.8rem;
}

.lh-2-9{
    line-height: 2.9rem;
}

.lh-3{
    line-height: 3rem;
}

.lh-3-1{
    line-height: 3.1rem;
}

.lh-3-2{
    line-height: 3.2rem;
}

.lh-3-3{
    line-height: 3.3rem;
}

.lh-3-4{
    line-height: 3.4rem;
}

.lh-3-5{
    line-height: 3.5rem;
}

.lh-3-6{
    line-height: 3.6rem;
}

.lh-3-7{
    line-height: 3.7rem;
}

.lh-3-8{
    line-height: 3.8rem;
}

.lh-3-9{
    line-height: 3.9rem;
}

.lh-4{
    line-height: 4rem;
}

.lh-5{
    line-height: 4rem;
}

/** Rounded Border **/

.rounded-top-left{
  border-top-left-radius: .25rem!important;
}

.rounded-top-right{
  border-top-right-radius: .25rem!important;
}

.rounded-bottom-left{
  border-bottom-left-radius: .25rem!important;
}

.rounded-bottom-right{
  border-bottom-right-radius: .25rem!important;
}
.not-rounded-top-left{
  border-top-left-radius: 0px!important;
}

.not-rounded-top-right{
  border-top-right-radius: 0px!important;
}

.not-rounded-bottom-left{
  border-bottom-left-radius: 0px!important;
}

.not-rounded-bottom-right{
  border-bottom-right-radius: 0px!important;
}

.rounded-bottom{
  border-bottom-right-radius: .25rem!important;
  border-bottom-left-radius: .25rem!important;
}

.rounded-top{
  border-top-right-radius: .25rem!important;
  border-top-left-radius: .25rem!important;
}

.rounded-left{
  border-bottom-left-radius: .25rem!important;
  border-top-left-radius: .25rem!important;
}

.rounded-right{
  border-bottom-right-radius: .25rem!important;
  border-top-right-radius: .25rem!important;
}

/** Double Radius **/
.double-rounded{
    border-radius: .75rem;
}

.double-rounded-top-left{
  border-top-left-radius: .75rem!important;
}

.double-rounded-top-right{
  border-top-right-radius: .75rem!important;
}

.double-rounded-bottom-left{
  border-bottom-left-radius: .75rem!important;
}

.double-rounded-bottom-right{
  border-bottom-right-radius: .75rem!important;
}

.double-double-rounded-bottom{
  border-bottom-right-radius: .75rem!important;
  border-bottom-left-radius: .75rem!important;
}

.double-rounded-top{
  border-top-right-radius: .75rem!important;
  border-top-left-radius: .75rem!important;
}

.double-rounded-bottom{
  border-bottom-right-radius: .75rem!important;
  border-bottom-left-radius: .75rem!important;
}

.double-rounded-left{
  border-bottom-left-radius: .75rem!important;
  border-top-left-radius: .75rem!important;
}

.double-rounded-right{
  border-bottom-right-radius: .75rem!important;
  border-top-right-radius: .75rem!important;
}

/** triple Radius **/
.triple-rounded{
    border-radius: 1.5rem;
}

.triple-rounded-top-left{
  border-top-left-radius: 1.5rem!important;
}

.triple-rounded-top-right{
  border-top-right-radius: 1.5rem!important;
}

.triple-rounded-bottom-left{
  border-bottom-left-radius: 1.5rem!important;
}

.triple-rounded-bottom-right{
  border-bottom-right-radius: 1.5rem!important;
}

.triple-triple-rounded-bottom{
  border-bottom-right-radius: 1.5rem!important;
  border-bottom-left-radius: 1.5rem!important;
}

.triple-rounded-top{
  border-top-right-radius: 1.5rem!important;
  border-top-left-radius: 1.5rem!important;
}

.triple-rounded-bottom{
  border-bottom-right-radius: 1.5rem!important;
  border-bottom-left-radius: 1.5rem!important;
}

.triple-rounded-left{
  border-bottom-left-radius: 1.5rem!important;
  border-top-left-radius: 1.5rem!important;
}

.triple-rounded-right{
  border-bottom-right-radius: 1.5rem!important;
  border-top-right-radius: 1.5rem!important;
}

/** Z-Index **/

.z-0{
   z-index: 0;
}
.z-1{
   z-index: 1;
}
.z-2{
   z-index: 2;
}
.z-3{
   z-index: 3;
}
.z-4{
   z-index: 4;
}
.z-5{
   z-index: 5;
}

/** Loading **/

.send-loading{
  display: none;
}

.loading .send-loading{
  background-color: rgba(98,07,114,0.8);
  z-index: 2;
  display: block;
}

.loading-title {
  font-size: 1.3rem;
}

/** Opacity **/

.opacity-0{
  opacity: 0;
}

.opacity-10{
  opacity: 0.1;
}

.opacity-20{
  opacity: 0.2;
}

.opacity-30{
  opacity: 0.3;
}

.opacity-40{
  opacity: 0.4;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-60{
  opacity: 0.6;
}

.opacity-70{
  opacity: 0.7;
}

.opacity-80{
  opacity: 0.8;
}

.opacity-90{
  opacity: 0.9;
}

.opacity-100{
  opacity: 1;
}

/** Font Weight **/

.fw-100{
    font-weight: 100;
}

.fw-200{
    font-weight: 200;
}

.fw-300{
    font-weight: 300;
}

.fw-400{
    font-weight: 400;
}

.fw-500{
    font-weight: 500;
}

.fw-600{
    font-weight: 600;
}

.fw-700{
    font-weight: 700;
}

.fw-800{
    font-weight: 800;
}

/* Width **/

.w-10{
   width: 10%;
}
.w-20{
   width: 20%;
}
.w-30{
   width: 30%;
}
.w-40{
   width: 40%;
}
.w-60{
   width: 60%;
}
.w-70{
   width: 70%;
}
.w-80{
   width: 80%;
}
.w-90{
   width: 90%;
}

/* Border Size */

.bw-1{
   border-width: 1px !important;
}
.bw-2{
   border-width: 2px !important;
}
.bw-3{
   border-width: 3px !important;
}
.bw-4{
   border-width: 4px !important;
}
.bw-5{
   border-width: 5px !important;
}

/** Distances **/

.left-0{
   left: 0px;
}
.right-0{
   right: 0px;
}
.bottom-0{
   bottom: 0px;
}
.top-0{
   top: 0px;
}

/** Tricks **/

.va-50{
   vertical-align: 50%;
}

.no-bg{
   background: none;
}

.pt-fix{
   margin-top: -2px;
}

.rotate-180{
   transform: rotate(180deg);
}
.rotate-90{
   transform: rotate(90deg);
}

.super-radius{
   border-radius: 2rem;
}

.input-default-height{
    height: calc(2.25rem + 2px);
}

.flipV{
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.flipH{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.rotate-540{
    transform: rotate(540deg);
}

.rotate-180{
    transform: rotate(180deg);
}

.rotate-90{
    transform: rotate(90deg);
}

/* Capitalize only first letter of each sentence */
.text-fl-uppercase:first-letter {
    text-transform: uppercase;
}

.pointer{
    cursor: pointer !important;
}


.cover {
  object-fit: cover;
}

.of-center-center {
  object-position: center center !important;
}

.of-top-center {
  object-position: top center;
}

.shadow {
  box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.7);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.separator{
    height: 35px;
    width: 2px;
    opacity: 0.75;
    border-radius: 1rem;
}

.text-shadow{
   text-shadow: 2px 2px 2px rgba(10,39,58,0.43);
}

/** Margin **/

.mtn-1{
    margin-top: -1px;
}

.mb-6{
    margin-bottom: 6rem;
}

.mt-6{
    margin-top: 6rem;
}

.ml-6{
    margin-left: 6rem;
}

.mr-6{
    margin-right: 6rem;
}

.my-6{
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.mx-6{
    margin-left: 6rem;
    margin-right: 6rem;
}

/** Padding **/

.pb-6{
    padding-bottom: 6rem;
}

.pt-6{
    padding-top: 6rem;
}

.pl-6{
    padding-left: 6rem;
}

.pr-6{
    padding-right: 6rem;
}

.py-6{
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.px-6{
    padding-left: 6rem;
    padding-right: 6rem;
}

/** Carousel **/
/*
.carousel-control-desktop .carousel-control-next-icon, .carousel-control-desktop .carousel-control-prev-icon{
    border: 2px solid #00000078;
    border-radius: 10rem;
    padding: 2rem;
    background-size: 38%;
}

.carousel-control-desktop.carousel-control-next{
    right: -7rem;
}

.carousel-control-desktop.carousel-control-prev{    
    left: -7rem;
}

.carousel-control-next{
    right: -3.3rem;
}

.carousel-control-prev{    
    left: -3.3rem;
}
*/