/*
 * rockrt.css v1.1.4
 *
 * Copyright (c) 2020 Adecancode
 * Licensed under the MIT license
*/

 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Reset */

*,
*:before,
*:after {
  box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

body{
    color: #262626;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    font-family: 'Poppins', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

/* Headers */

h1,
h2,
h3,
h4,
h5,
h6{
    font-family: 'Poppins', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    margin-bottom: 2.0rem;
    margin-top: 0;
    font-weight: 300;
}

  h1 {
    font-size: 4.6rem;
    line-height: 1.2;
  }
  
  h2 {
    font-size: 3.6rem;
    line-height: 1.25;
  }
  
  h3 {
    font-size: 2.8rem;
    line-height: 1.3;
  }
  
  h4 {
    font-size: 2.2rem;
    letter-spacing: -.08rem;
    line-height: 1.35;
  }
  
  h5 {
    font-size: 1.8rem;
    letter-spacing: -.05rem;
    line-height: 1.5;
  }
  
  h6 {
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.4;
  }

  /* Text */

  p {
    margin: 0em 0em 1em;
    line-height: 1.4285em;
  }
  
  p:first-child {
    margin-top: 0em;
  }
  
  p:last-child {
    margin-bottom: 0em;
  }

  /* Links */
  a {
    color: #3038FF;
    text-decoration: none;
  }
  
  a:hover {
    color: #3038FF;
    text-decoration: none;
  }

  /* Blockquote */
  
  blockquote {
    border-left: 5px solid #b1b1b1;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 1.5rem;
  }
  
  blockquote *:last-child {
    margin-bottom: 0;
  }

  /* Button */

  .rkt.btn, 
  input[type='button'], 
  input[type='reset'], 
  input[type='submit']{
    cursor: pointer;
    font-weight: 700;
    outline: none;
    display: inline-block;
    border: none;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 20px;
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
    color: #000000ba ;
    background-color: #D6D6D6;
    line-height: 3.35rem;
    padding: 0 3.0rem;
    height: 50px;
    vertical-align: baseline;
  }

  .rkt.btn.primary, 
  input[type='button'].primary, 
  input[type='reset'].primary, 
  input[type='submit'].primary{
    color: #ffffff ;
    background-color: #4181FF;
  }

  .rkt.btn.primary:hover,
  .rkt.btn.primary:focus{
    background-color: #4181FF;
    opacity: 0.8;
    border-radius: 12px;
    transition: 1000ms;
  }

  .rkt.btn.dark-norm, 
  input[type='button'].dark-norm, 
  input[type='reset'].dark-norm, 
  input[type='submit'].dark-norm{
    color: #ffffff ;
    background-color: #7C7C7C;
  }

  .rkt.btn.dark-norm:hover,
  .rkt.btn.dark-norm:focus{
    background-color: #7c7c7c;
    opacity: 0.7;
    border-radius: 12px;
    transition: 1000ms;
  } 

  .rkt.btn.good, 
  input[type='button'].good, 
  input[type='reset'].good, 
  input[type='submit'].good{
    color: #ffffff ;
    background-color: #3CFF4F;
  }
  .rkt.btn.good:hover,
  .rkt.btn.good:focus{
    background-color: #3CFF4F;
    opacity: 0.7;
    border-radius: 12px;
    transition: 1000ms;
  }

  .rkt.btn.angry, 
  input[type='button'].angry, 
  input[type='reset'].angry, 
  input[type='submit'].angry{
    color: #ffffff ;
    background-color: #FF3C3C;
  }

  .rkt.btn.angry:hover,
  .rkt.btn.angry:focus{
    background-color: #FF3C3C;
    opacity: 0.7;
    border-radius: 12px;
    transition: 1000ms;
  }

  .rkt.btn.calm, 
  input[type='button'].calm, 
  input[type='reset'].calm, 
  input[type='submit'].calm{
    color: #ffffff ;
    background-color: #FFDE30;
  }

  .rkt.btn.calm:hover,
  .rkt.btn.calm:focus{
    background-color: #FFDE30;
    opacity: 0.7;
    border-radius: 12px;
    transition: 1000ms;
  }

  .rkt.btn.bg-link, 
  input[type='button'].bg-link, 
  input[type='reset'].bg-link, 
  input[type='submit'].bg-link{
    color: #ffffff ;
    background-color: #3038FF;
    line-height: 2.7rem;
    padding: 0 1.0rem;
    height: 40px;
  }

  .rkt.btn.bg-link:hover,
  .rkt.btn.bg-link:focus{
    background-color: #3038FF;
    opacity: 0.7;
    border-radius: 12px;
    transition: 1000ms;
  }

  .rkt.btn.link, 
  input[type='button'].link, 
  input[type='reset'].link, 
  input[type='submit'].link{
    color: #3038FF ;
    background-color: transparent;
    line-height: 2.7rem;
    padding: 0 1.0rem;
    height: 40px;
  }

  .rkt.btn.dark, 
  input[type='button'].dark, 
  input[type='reset'].dark, 
  input[type='submit'].dark{
    color: #ffffff ;
    background-color: #000000;
  }

  .rkt.btn.dark:hover,
  .rkt.btn.dark:focus{
    background-color: #000000;
    opacity: 0.7;
    border-radius: 12px;
    transition: 1000ms;
  }

  /* Outlined */

  .rkt.btn-outlined, 
  input[type='button'].button-outlined, 
  input[type='reset'].button-outlined, 
  input[type='submit'].button-outlined{
    border: 1px solid #D6D6D6;
    color: #D6D6D6 ;
    cursor: pointer;
    font-weight: 700;
    outline: none;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 20px;
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
    line-height: 3.35rem;
    padding: 0 3.0rem;
    height: 50px;
    vertical-align: baseline;
  }

  .rkt.btn-outlined.primary, 
  input[type='button'].button-outlined.primary, 
  input[type='reset'].button-outlined.primary, 
  input[type='submit'].button-outlined.primary{
    border: 1px solid #4181FF;
    color: #4181FF ;
  }

  .rkt.btn-outlined.primary:hover,
  .rkt.btn-outlined.primary:focus{
    background-color: #4181FF !important;
    border-color: #4181ff;
    color: #ffffff;
    border-radius: 12px;
    transition: 1000ms;
  }

  .rkt.btn-outlined.dark-norm, 
  input[type='button'].button-outlined.dark-norm, 
  input[type='reset'].button-outlined.dark-norm, 
  input[type='submit'].button-outlined.dark-norm{
    border: 1px solid #7C7C7C;
    color: #7C7C7C ;
  }

  .rkt.btn-outlined.dark-norm:hover,
  .rkt.btn-outlined.dark-norm:focus{
    background-color: #7c7c7c !important;
    border-color: #7C7C7C;
    color: #ffffff;
    border-radius: 12px;
    transition: 1000ms;
  }

  .rkt.btn-outlined.good, 
  input[type='button'].button-outlined.good, 
  input[type='reset'].button-outlined.good, 
  input[type='submit'].button-outlined.good{
    border: 1px solid #3CFF4F;
    color: #3CFF4F;
  }

  .rkt.btn-outlined.good:hover,
  .rkt.btn-outlined.good:focus{
    background-color: #3CFF4F !important;
    border-color: #3CFF4F;
    color: #ffffff;
    border-radius: 12px;
    transition: 1000ms;
  }

  .rkt.btn-outlined.angry, 
  input[type='button'].button-outlined.angry, 
  input[type='reset'].button-outlined.angry, 
  input[type='submit'].button-outlined.angry{
    border: 1px solid #FF3C3C;
    color: #FF3C3C ;
  }

  .rkt.btn-outlined.angry:hover,
  .rkt.btn-outlined.angry:focus{
    background-color: #FF3C3C !important;
    border-color: #FF3C3C;
    color: #ffffff;
    border-radius: 12px;
    transition: 1000ms;
  }

  .rkt.btn-outlined.calm, 
  input[type='button'].button-outlined.calm, 
  input[type='reset'].button-outlined.calm, 
  input[type='submit'].button-outlined.calm{
    border: 1px solid #FFDE30;
    color: #FFDE30;
  }

  .rkt.btn-outlined.calm:hover,
  .rkt.btn-outlined.calm:focus{
    background-color: #FFDE30 !important;
    border-color: #FFDE30;
    color: #ffffff;
    border-radius: 12px;
    transition: 1000ms;
  }

  .rkt.btn-outlined.bg-link, 
  input[type='button'].button-outlined.bg-link, 
  input[type='reset'].button-outlined.bg-link, 
  input[type='submit'].button-outlined.bg-link{
    border: 1px solid #3038FF;
    color: #3038FF;
    line-height: 2.7rem;
    padding: 0 1.0rem;
    height: 40px;
  }

  .rkt.btn-outlined.bg-link:hover,
  .rkt.btn-outlined.bg-link:focus{
    background-color: #3038FF !important;
    border-color: #3038FF;
    color: #ffffff;
    border-radius: 12px;
    transition: 1000ms;
  }

  .rkt.btn-outlined.dark, 
  input[type='button'].button-outlined.dark, 
  input[type='reset'].button-outlined.dark, 
  input[type='submit'].button-outlined.dark{
    border: 1px solid #000000;
    color: #000000 ;
  }

  .rkt.btn-outlined.dark:hover,
  .rkt.btn-outlined.dark:focus{
    background-color: #000000 !important;
    border-color: #000000;
    color: #ffffff;
    border-radius: 12px;
    transition: 1000ms;
  }
  
  /* Button States */

  /* Hover & Focused */
  .rkt.btn:hover, 
  .rkt.btn:focus,
  input[type='button']:focus, 
  input[type='button']:hover, 
  input[type='reset']:focus, 
  input[type='reset']:hover, 
  input[type='submit']:focus, 
  input[type='submit']:hover{
      background-color: #A6A6A6;
      transition: ease 500ms;
      outline: 0;
  }

  /* Disabled */
  .rkt.btn[disabled], 
  input[type='button'][disabled], 
  input[type='reset'][disabled], 
  input[type='submit'][disabled]{
    cursor: default;
    opacity: 0.45 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  .rkt.btn[disabled]:focus, 
  .rkt.btn[disabled]:hover, 
  input[type='button'][disabled]:focus, 
  input[type='button'][disabled]:hover, 
  input[type='reset'][disabled]:focus, 
  input[type='reset'][disabled]:hover, 
  input[type='submit'][disabled]:focus, 
  input[type='submit'][disabled]:hover {
    background-color: #A6A6A6;
  }

  .rkt.btn-outlined:focus, 
  .rkt.btn-outlined:hover, 
  input[type='button'].button-outline:focus, 
  input[type='button'].button-outline:hover, 
  input[type='reset'].button-outline:focus, 
  input[type='reset'].button-outline:hover, 
  input[type='submit'].button-outline:focus, 
  input[type='submit'].button-outline:hover {
    background-color: #D6D6D6 !important;
    border-color: #D6D6D6;
    transition: 500ms;
    color: #000000ba;
  }

  .rkt.btn-outlined[disabled]:focus, 
  .rkt.btn-outlined[disabled]:hover, 
  input[type='button'].button-outline[disabled]:focus, 
  input[type='button'].button-outline[disabled]:hover, 
  input[type='reset'].button-outline[disabled]:focus, 
  input[type='reset'].button-outline[disabled]:hover, 
  input[type='submit'].button-outline[disabled]:focus, 
  input[type='submit'].button-outline[disabled]:hover{
      background-color: inherit;
      color: #000;
  }

  /* Code & Preformatted */

  pre {
    background: #ececec;
    border-left: 4.5px solid #c4c4c4;
    overflow-y: hidden;
  }
  
  pre > code {
    border-radius: 0;
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
  }

  /* hr */
  
  hr {
    border: 0;
    border-top: 0.1rem solid #f4f5f6;
    margin: 3.0rem 0;
  }

  /* Forms */

  input[type='email'], 
  input[type='number'], 
  input[type='password'], 
  input[type='search'], 
  input[type='tel'], 
  input[type='text'], 
  input[type='url'], 
  input[type='color'], 
  input[type='date'], 
  input[type='month'], 
  input[type='week'], 
  input[type='datetime'], 
  input[type='datetime-local'], 
  input:not([type]), 
  textarea, 
  select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: inherit;
  height: 40px;
  margin-bottom: 20px;
  padding: 25px 25px;
  width: 100%;
  }

 input[type='email']:focus,
 input[type='number']:focus,
 input[type='password']:focus,
 input[type='search']:focus,
 input[type='tel']:focus,
 input[type='text']:focus,
 input[type='url']:focus,
 input[type='color']:focus,
 input[type='date']:focus,
 input[type='month']:focus,
 input[type='week']:focus,
 input[type='datetime']:focus,
 input[type='datetime-local']:focus,
 input:not([type]):focus,
 textarea:focus,
 select:focus {
  outline: 0;
 }

 textarea {
  min-height: 150px;
 }

 label, 
 legend{
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
 }

 fieldset{
  padding: 0;
  border: none;
 }

 input[type='checkbox'],
 input[type='radio'] {
  display: inline;
 }

 .check-label {
  display: inline-block;
  font-weight: normal;
  margin-left: 10px;
 }

 /* Container */
 .container{
  margin: 0 auto;
  overflow-wrap: break-word;
  max-width: 1220px;
  padding: 0 2.0rem;
  width: 100%;
 }

 /* Grid */

 .row {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
}

.row.row-no-padding {
  padding: 0;
}

.row.row-no-padding > .column {
  padding: 0;
}

.row.row-wrap {
  flex-wrap: wrap;
}

.row.row-top {
  align-items: flex-start;
}

.row.row-bottom {
  align-items: flex-end;
}

.row.row-center {
  align-items: center;
}

.row.row-stretch {
  align-items: stretch;
}

.row.row-baseline {
  align-items: baseline;
}

.row .column {
  display: flex;
  margin-left: 0;
  max-width: 100%;
  width: 100%;
}

.row .column.column-offset-10 {
  margin-left: 10%;
}

.row .column.column-offset-20 {
  margin-left: 20%;
}

.row .column.column-offset-25 {
  margin-left: 25%;
}

.row .column.column-offset-33, .row .column.column-offset-34 {
  margin-left: 33.3333%;
}

.row .column.column-offset-50 {
  margin-left: 50%;
}

.row .column.column-offset-66, .row .column.column-offset-67 {
  margin-left: 66.6666%;
}

.row .column.column-offset-75 {
  margin-left: 75%;
}

.row .column.column-offset-80 {
  margin-left: 80%;
}

.row .column.column-offset-90 {
  margin-left: 90%;
}

.row .column.column-10 {
  flex: 0 0 10%;
  max-width: 10%;
}

.row .column.column-20 {
  flex: 0 0 20%;
  max-width: 20%;
}

.row .column.column-25 {
  flex: 0 0 25%;
  max-width: 25%;
}

.row .column.column-33, .row .column.column-34 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}

.row .column.column-40 {
  flex: 0 0 40%;
  max-width: 40%;
}

.row .column.column-50 {
  flex: 0 0 50%;
  max-width: 50%;
}

.row .column.column-60 {
  flex: 0 0 60%;
  max-width: 60%;
}

.row .column.column-66, .row .column.column-67 {
  flex: 0 0 66.6666%;
  max-width: 66.6666%;
}

.row .column.column-75 {
  flex: 0 0 75%;
  max-width: 75%;
}

.row .column.column-80 {
  flex: 0 0 80%;
  max-width: 80%;
}

.row .column.column-90 {
  flex: 0 0 90%;
  max-width: 90%;
}

.row .column .column-top {
  align-self: flex-start;
}

.row .column .column-bottom {
  align-self: flex-end;
}

.row .column .column-center {
  -ms-grid-row-align: center;
      align-self: center;
}

/* Navbar */
.navbar{
  background-color: #f9f9f9;
  height: 60px;
  z-index: 1;
  display: flex;
  padding: 20px 30px;
}

.navbar.sticky{
  position: sticky;
  top: 0;
}

.navbar-title{
  font-weight: bold;
}

.navbar-title >  img{
  width: 100px;
}

.navbar-link{
  margin-left: 0px;
}

.navbar-link > a{
  margin: 15px;
}

.navbar-link.right{
  margin-left: auto;
}

.navbar-link.left{
  margin-right: auto;
}

.navbar-link.center{
  margin-right: auto;
  margin-left: auto;
}

.navbar.round{
  margin: 20px;
  border-radius: 50px;
}

/* Images */

.img.round{
  border-radius: 10px;
}

.img.circle{
  border-radius: 300px;

}

.img.thumbnail{
  border: 1px solid #b1b1b1;
  border-radius: 5px;
  padding: 5px;
}

.img.img.thumbnail:hover, .img.img.thumbnail:focus{
  box-shadow: 0 0 10px #b1b1b1;
}

/* Mark */

mark{
  background-color: #FFDE30;
  padding: 1px 1px;
  border-radius: 10px;
}




@media (min-width: 640px) {
  .row {
    flex-direction: row;
    margin-left: -1.0rem;
    width: calc(100% + 2.0rem);
  }
  .row .column {
    margin-bottom: inherit;
    padding: 0 1.0rem;
  }
}

a {
  color: #3038FF;
  text-decoration: none;
}

a:focus, a:hover {
  color: #3038FF8A;
}

dl,
ol,
ul {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}

dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
  font-size: 90%;
  margin: 1.5rem 0 1.5rem 3.0rem;
}

ol {
  list-style: decimal inside;
}

ul {
  list-style: square inside;
}

.rkt.btn,
dd,
dt,
li {
  margin-bottom: 1.0rem;
}

fieldset,
input,
select,
textarea {
  margin-bottom: 1.5rem;
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
  margin-bottom: 2.5rem;
}

table {
  border-spacing: 10;
  width: 100%;
}

td,
th {
  border-bottom: 0.1rem solid #d3d3d3;
  padding: 15px 15px;
  text-align: left;
}

td:first-child,
th:first-child {
  padding-left: 0;
}

td:last-child,
th:last-child {
  padding-right: 0;
}

b,
strong {
  font-weight: bold;
}

p {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  letter-spacing: -.1rem;
  margin-bottom: 2.0rem;
  margin-top: 0;
}

h1 {
  font-size: 4.6rem;
  line-height: 1.2;
}

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
}

h3 {
  font-size: 2.8rem;
  line-height: 1.3;
}

h4 {
  font-size: 2.2rem;
  letter-spacing: -.08rem;
  line-height: 1.35;
}

h5 {
  font-size: 1.8rem;
  letter-spacing: -.05rem;
  line-height: 1.5;
}

h6 {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.4;
}

img {
  max-width: 100%;
}

.fll {
  float: left;
}

.flr {
  float: right;
}