@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
/*
 * 0: Custom styles for AWD Digital
 * sass --watch style.scss:style.css
 * 
 * @package awddigital
 */
/*
 * Base - Spaces
 * 
 * @package awddigital
 *
 * This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
 * 
 * It will generate several classes such as:
 * .m-r-10 which gives margin-right 10 pixels.
 * .m-r-15 gives MARGIN to the RIGHT 15 pixels.
 * .p-b-5 gives PADDING to the BOTTOM of 5 pixels
 * .p-b-5 gives PADDING to the BOTTOM of 5 pixels
 * The first letter is "m" or "p" for MARGIN or PADDING
 * Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
 * Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.
 * 
 */
.m0t {
  margin-top: 0px; }

.p0t {
  padding-top: 0px; }

.m0b {
  margin-bottom: 0px; }

.p0b {
  padding-bottom: 0px; }

.m0l {
  margin-left: 0px; }

.p0l {
  padding-left: 0px; }

.m0r {
  margin-right: 0px; }

.p0r {
  padding-right: 0px; }

.m5t {
  margin-top: 5px; }

.p5t {
  padding-top: 5px; }

.m5b {
  margin-bottom: 5px; }

.p5b {
  padding-bottom: 5px; }

.m5l {
  margin-left: 5px; }

.p5l {
  padding-left: 5px; }

.m5r {
  margin-right: 5px; }

.p5r {
  padding-right: 5px; }

.m10t {
  margin-top: 10px; }

.p10t {
  padding-top: 10px; }

.m10b {
  margin-bottom: 10px; }

.p10b {
  padding-bottom: 10px; }

.m10l {
  margin-left: 10px; }

.p10l {
  padding-left: 10px; }

.m10r {
  margin-right: 10px; }

.p10r {
  padding-right: 10px; }

.m15t {
  margin-top: 15px; }

.p15t {
  padding-top: 15px; }

.m15b {
  margin-bottom: 15px; }

.p15b {
  padding-bottom: 15px; }

.m15l {
  margin-left: 15px; }

.p15l {
  padding-left: 15px; }

.m15r {
  margin-right: 15px; }

.p15r {
  padding-right: 15px; }

.m20t {
  margin-top: 20px; }

.p20t {
  padding-top: 20px; }

.m20b {
  margin-bottom: 20px; }

.p20b {
  padding-bottom: 20px; }

.m20l {
  margin-left: 20px; }

.p20l {
  padding-left: 20px; }

.m20r {
  margin-right: 20px; }

.p20r {
  padding-right: 20px; }

.m25t {
  margin-top: 25px; }

.p25t {
  padding-top: 25px; }

.m25b {
  margin-bottom: 25px; }

.p25b {
  padding-bottom: 25px; }

.m25l {
  margin-left: 25px; }

.p25l {
  padding-left: 25px; }

.m25r {
  margin-right: 25px; }

.p25r {
  padding-right: 25px; }

.m30t {
  margin-top: 30px; }

.p30t {
  padding-top: 30px; }

.m30b {
  margin-bottom: 30px; }

.p30b {
  padding-bottom: 30px; }

.m30l {
  margin-left: 30px; }

.p30l {
  padding-left: 30px; }

.m30r {
  margin-right: 30px; }

.p30r {
  padding-right: 30px; }

.m35t {
  margin-top: 35px; }

.p35t {
  padding-top: 35px; }

.m35b {
  margin-bottom: 35px; }

.p35b {
  padding-bottom: 35px; }

.m35l {
  margin-left: 35px; }

.p35l {
  padding-left: 35px; }

.m35r {
  margin-right: 35px; }

.p35r {
  padding-right: 35px; }

.m40t {
  margin-top: 40px; }

.p40t {
  padding-top: 40px; }

.m40b {
  margin-bottom: 40px; }

.p40b {
  padding-bottom: 40px; }

.m40l {
  margin-left: 40px; }

.p40l {
  padding-left: 40px; }

.m40r {
  margin-right: 40px; }

.p40r {
  padding-right: 40px; }

.m45t {
  margin-top: 45px; }

.p45t {
  padding-top: 45px; }

.m45b {
  margin-bottom: 45px; }

.p45b {
  padding-bottom: 45px; }

.m45l {
  margin-left: 45px; }

.p45l {
  padding-left: 45px; }

.m45r {
  margin-right: 45px; }

.p45r {
  padding-right: 45px; }

.m50t {
  margin-top: 50px; }

.p50t {
  padding-top: 50px; }

.m50b {
  margin-bottom: 50px; }

.p50b {
  padding-bottom: 50px; }

.m50l {
  margin-left: 50px; }

.p50l {
  padding-left: 50px; }

.m50r {
  margin-right: 50px; }

.p50r {
  padding-right: 50px; }

.m80t {
  margin-top: 80px; }

.p80t {
  padding-top: 80px; }

.m80b {
  margin-bottom: 80px; }

.p80b {
  padding-bottom: 80px; }

.m80l {
  margin-left: 80px; }

.p80l {
  padding-left: 80px; }

.m80r {
  margin-right: 80px; }

.p80r {
  padding-right: 80px; }

.m100t {
  margin-top: 100px; }

.p100t {
  padding-top: 100px; }

.m100b {
  margin-bottom: 100px; }

.p100b {
  padding-bottom: 100px; }

.m100l {
  margin-left: 100px; }

.p100l {
  padding-left: 100px; }

.m100r {
  margin-right: 100px; }

.p100r {
  padding-right: 100px; }

.m150t {
  margin-top: 150px; }

.p150t {
  padding-top: 150px; }

.m150b {
  margin-bottom: 150px; }

.p150b {
  padding-bottom: 150px; }

.m150l {
  margin-left: 150px; }

.p150l {
  padding-left: 150px; }

.m150r {
  margin-right: 150px; }

.p150r {
  padding-right: 150px; }

.m200t {
  margin-top: 200px; }

.p200t {
  padding-top: 200px; }

.m200b {
  margin-bottom: 200px; }

.p200b {
  padding-bottom: 200px; }

.m200l {
  margin-left: 200px; }

.p200l {
  padding-left: 200px; }

.m200r {
  margin-right: 200px; }

.p200r {
  padding-right: 200px; }

.m250t {
  margin-top: 250px; }

.p250t {
  padding-top: 250px; }

.m250b {
  margin-bottom: 250px; }

.p250b {
  padding-bottom: 250px; }

.m250l {
  margin-left: 250px; }

.p250l {
  padding-left: 250px; }

.m250r {
  margin-right: 250px; }

.p250r {
  padding-right: 250px; }
/*
 * Base - Colours
 * 
 * @package awddigital
 *
 */
.t-primary {
  color: #fbd10b; }

.t-secondary {
  color: #fed403; }

.t-tertiary {
  color: #2472ba; }

.t-quaternary {
  color: #40bca1; }

.t-dark {
  color: #383f45; }

.t-white {
  color: #fff; }

.t-dgrey {
  color: #848484; }

.t-grey {
  color: #f5f5f5; }

.t-red {
  color: #ee2727; }

.t-green {
  color: #00c14e; }

.b-primary {
  background-color: #fbd10b; }

.b-secondary {
  background-color: #fed403; }

.b-tertiary {
  background-color: #2472ba; }

.b-quaternary {
  background-color: #40bca1; }

.b-dark {
  background-color: #383f45; }

.b-white {
  background-color: #fff; }

.b-dgrey {
  background-color: #848484; }

.b-grey {
  background-color: #f5f5f5; }
/*
 * Base - Mixins
 * 
 * @package awddigital
 *
 */
main section.element.faq .card .card-header h5 .btn-link:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }
/*
 * Base - Text
 * 
 * @package awddigital
 *
 */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #383f45; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #090909;
  margin-bottom: 20px; }

h1 {
  position: relative;
  font-weight: 700;
  padding: 0 25px;
  color: #fbd10b;
  font-size: 60px; }

h2 {
  font-size: 48px;
  font-weight: 700; }

@media (max-width: 767px) {
    h2 {
      font-size: 28px; } }

h3 {
  font-size: 30px;
  font-weight: 700; }

@media (max-width: 767px) {
    h3 {
      font-size: 24px; } }

h4 {
  font-size: 24px; }

@media (max-width: 767px) {
    h4 {
      font-size: 21px; } }

h5 {
  font-size: 20px; }
/*
 * 0: Classes
 * 
 */
html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }

html a, body a {
  display: inline-block;
  color: #090909;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: underline; }

html a:hover, body a:hover, html a:focus, body a:focus {
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

html a:hover, body a:hover {
  color: #fed403; }

html a[data-fancybox], body a[data-fancybox] {
  display: block; }

html a.ahref, body a.ahref {
  text-decoration: none; }

html input, body input {
  outline: none; }

html input:hover, body input:hover, html input:focus, body input:focus {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

html ol, body ol {
  text-align: left; }

html section, body section, html main, body main, html footer, body footer {
  position: relative;
  width: 100%;
  float: left; }

html section.b-dark, body section.b-dark, html main.b-dark, body main.b-dark, html footer.b-dark, body footer.b-dark {
  color: #fff; }
  html section.b-dark h1, body section.b-dark h1, html main.b-dark h1, body main.b-dark h1, html footer.b-dark h1, body footer.b-dark h1, html section.b-dark h2, body section.b-dark h2, html main.b-dark h2, body main.b-dark h2, html footer.b-dark h2, body footer.b-dark h2, html section.b-dark h3, body section.b-dark h3, html main.b-dark h3, body main.b-dark h3, html footer.b-dark h3, body footer.b-dark h3, html section.b-dark h4, body section.b-dark h4, html main.b-dark h4, body main.b-dark h4, html footer.b-dark h4, body footer.b-dark h4, html section.b-dark h5, body section.b-dark h5, html main.b-dark h5, body main.b-dark h5, html footer.b-dark h5, body footer.b-dark h5, html section.b-dark h6, body section.b-dark h6, html main.b-dark h6, body main.b-dark h6, html footer.b-dark h6, body footer.b-dark h6, html section.b-dark p, body section.b-dark p, html main.b-dark p, body main.b-dark p, html footer.b-dark p, body footer.b-dark p, html section.b-dark span, body section.b-dark span, html main.b-dark span, body main.b-dark span, html footer.b-dark span, body footer.b-dark span, html section.b-dark a, body section.b-dark a, html main.b-dark a, body main.b-dark a, html footer.b-dark a, body footer.b-dark a {
    color: #fff; }
  html section.b-dark a:hover, body section.b-dark a:hover, html main.b-dark a:hover, body main.b-dark a:hover, html footer.b-dark a:hover, body footer.b-dark a:hover, html section.b-dark a:focus, body section.b-dark a:focus, html main.b-dark a:focus, body main.b-dark a:focus, html footer.b-dark a:focus, body footer.b-dark a:focus {
    color: #fbd10b; }

html .hidden, body .hidden {
  display: none; }

.container-fluid {
  width: 85%;
  max-width: 1920px; }

button:focus {
  outline: 0; }
/*** -3 Classes ***/
ul.for-nav-social li a, ul.for-nav-small li a {
  position: relative;
  font-size: 14px;
  padding: 0 15px; }

ul.for-nav-small li a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #fff; }
  ul.for-nav-small li:first-child a:after {
    content: none; }
  ul.for-nav-small li:last-child a {
    padding-right: 0; }

ul.for-nav-social li:first-child a {
  padding-left: 0; }

.has-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(251, 209, 11, 0.8); }

.has-absolute {
  position: relative; }

.absolute-xy {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.absolute-x {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%; }

.absolute-y {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%; }

.has-image {
  background-color: #f5f5f5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.has-video {
  position: relative;
  width: 100%;
  overflow: hidden; }

.has-video i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  font-size: 32px; }

.has-video:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  background-color: rgba(251, 209, 11, 0.8);
  width: 100%;
  height: 100%;
  transition: all 0.3s ease; }

.has-video:hover:before {
  bottom: 0;
  transition: all 0.3s ease;
  z-index: 1; }

.is-square {
  position: relative;
  width: 100%; }

.is-square:after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.is-square.pb-five:after {
  padding-bottom: 50%; }

.is-square.pb-seven:after {
  padding-bottom: 70%; }

.is-square.pb-eight:after {
  padding-bottom: 80%; }

.is-circle {
  width: 100px;
  height: 100px;
  border-radius: 100%; }
/* ---- isotope ---- */
.has-isotope {
  width: 100%;
  /* ---- .grid-item ---- */ }

.has-isotope.grid:after {
  content: '';
  display: block;
  clear: both; }

.has-isotope .grid-sizer, .has-isotope .grid-item {
  width: 33.333%; }

@media (max-width: 991px) {
      .has-isotope .grid-sizer, .has-isotope .grid-item {
        width: 50%; } }

@media (max-width: 767px) {
      .has-isotope .grid-sizer, .has-isotope .grid-item {
        width: 100%; } }

.has-isotope .grid-item {
  float: left; }

.has-isotope .grid-item img {
  display: block;
  max-width: 100%; }

.img-wrapper {
  min-height: 100px;
  display: flex;
  align-items: center; }

.img-wrapper.icononly {
  height: 100%; }

.is-img {
  width: 100%;
  height: auto; }

.is-img.is-img-square {
  margin: 10% auto; }

.is-img.is-img-square.size-two {
  width: 20%; }

.is-img.is-img-square.size-three {
  width: 30%; }

.is-img.is-img-square.size-four {
  width: 40%; }

.is-img.is-img-square.size-five {
  width: 50%; }

.is-img.is-img-square.size-seven {
  width: 70%; }

.is-img.is-img-square.size-eight {
  width: 80%; }

.is-img.is-img-square.size-nine {
  width: 90%; }
/*
 * 0: Styles for buttons and links
 *
 */
.ahref {
  position: relative;
  border-radius: 5px;
  border: 0;
  display: inline-block;
  cursor: pointer;
  padding: 10px 40px;
  max-width: 100%;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 30px 0; }

.ahref.nomargin {
  margin: 0; }

@media (max-width: 767px) {
      .ahref.nomargin {
        margin: 20px 0; } }

.ahref.solid {
  background-color: #fed403;
  color: #090909;
  border: 2px solid #fbd10b; }

.ahref.solid:hover {
  background-color: #fff;
  color: #090909;
  text-decoration: none;
  border-color: #090909; }

.ahref.bordered {
  border: 2px solid #090909;
  background-color: #fff;
  color: #090909;
  box-sizing: content-box; }

.ahref.bordered:hover {
  border-color: #fbd10b;
  background-color: #fbd10b; }

.ahref.bordered.secondary {
  border-color: #fed403;
  color: #fff; }
  .ahref.bordered.secondary:hover {
    background-color: #fed403; }

.ahref:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 21px 0 rgba(56, 63, 69, 0.1);
  -moz-box-shadow: 0 0 21px 0 rgba(56, 63, 69, 0.1);
  box-shadow: 0 0 21px 0 rgba(56, 63, 69, 0.1); }

.ahref.nohover:hover {
  background-color: #fed403;
  color: #090909;
  border: 1px solid #fbd10b; }

.ahref.small-pad {
  padding: 10px 30px; }

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 135px;
  background-color: #fff;
  color: #090909;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  z-index: 5; }

header a {
  font-weight: 700;
  text-decoration: none;
  color: #090909; }

header a:hover {
  color: #fed403; }

header #bot {
  height: 100px; }

header #bot nav {
  padding: 0; }
  header #bot nav .navbar-brand {
    position: absolute;
    left: 0;
    z-index: 2;
    padding-left: 0px;
    margin-bottom: 0.625rem; }
    header #bot nav .navbar-brand img {
      max-width: 160px;
      height: 100%;
      z-index: 2; }

header #bot .container-fluid:after {
  content: '';
  position: absolute;
  background-color: #090909;
  width: 29.8%;
  left: 0;
  top: 0px;
  height: 100px;
  z-index: -1;
  border-bottom-right-radius: 100px; }

header #burger {
  cursor: pointer;
  color: #fff; }

header .navbar-menu ul {
  padding-left: 0; }
  header .navbar-menu ul li {
    list-style-type: none; }

header .navbar-menu > ul {
  padding: 0;
  margin: 0 auto;
  width: 100%; }
  header .navbar-menu > ul > li.nav-item {
    padding: 0 10px; }
    header .navbar-menu > ul > li.nav-item > a {
      position: relative;
      padding: 0 0 2px;
      overflow: hidden;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    header .navbar-menu > ul > li.nav-item.divider {
      position: relative; }
      header .navbar-menu > ul > li.nav-item.divider:after {
        content: '';
        right: 0;
        top: 0;
        height: 100%;
        width: 2px;
        position: absolute;
        background-color: #090909; }
    header .navbar-menu > ul > li.nav-item:last-child, header .navbar-menu > ul > li.nav-item:nth-last-child(2) {
      padding: 0;
      margin: 0 7px; }
      header .navbar-menu > ul > li.nav-item:last-child a.ahref, header .navbar-menu > ul > li.nav-item:nth-last-child(2) a.ahref {
        padding: 5px 30px; }

header .popup, header .popup.popped {
  display: none; }

footer {
  margin-top: 80px;
  padding: 50px 0;
  color: #fff;
  z-index: 1; }

footer h4, footer p, footer a {
  color: #fff; }

footer hr {
  background-color: rgba(255, 255, 255, 0.2); }

footer img {
  max-width: 100px; }

footer:before, footer:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

footer:before {
  clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
  background-color: #fbd10b; }

footer:after {
  clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
  background-color: #fed403;
  z-index: -1; }

footer .top {
  margin-bottom: 50px; }

footer .top a:hover {
  color: #fbd10b; }

footer .bottom {
  padding-top: 50px; }

footer .bottom .has-socials a {
  margin-left: 15px; }
  footer .bottom .has-socials a svg {
    width: 15px;
    height: 15px;
    fill: #fff; }
  footer .bottom .has-socials a:first-child {
    margin-left: 0; }

footer .bottom .textsm {
  font-size: 12px; }

@media (max-width: 991px) {
      footer .bottom .each {
        margin-bottom: 25px; } }

@media (max-width: 991px) {
    footer:before {
      clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%); }
      footer:after {
        clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%); } }

body#p_our-story footer, body#p_home footer {
  margin-top: -60px; }

form {
  background-color: transparent; }

form .form-group input.form-control, form .form-group select.form-control, form .form-group .select2 .select2-selection, form .form-group textarea.form-control {
  border-color: #090909; }
  form .form-group input.form-control:focus, form .form-group select.form-control:focus, form .form-group .select2 .select2-selection:focus, form .form-group textarea.form-control:focus {
    border-color: #fbd10b;
    box-shadow: none; }

form .form-group input::file-selector-button {
  font-size: 10px; }

form .form-group input[type=radio], form .form-group input[type=checkbox] {
  accent-color: #fbd10b; }

form .form-group label {
  font-weight: 700; }

form .form-group .select2 .select2-selection {
  padding: 0.375rem 0.75rem;
  font-size: 1rem; }

form .form-check.abf-checkbox, form .form-group.abf-checkbox {
  min-height: 25px;
  position: relative; }
  form .form-check.abf-checkbox label, form .form-group.abf-checkbox label, form .form-check.abf-checkbox p, form .form-group.abf-checkbox p {
    position: absolute;
    left: 40px;
    padding-right: 20px; }
  form .form-check.abf-checkbox p, form .form-group.abf-checkbox p {
    top: 25px; }
  form .form-check.abf-checkbox input[type="checkbox"], form .form-group.abf-checkbox input[type="checkbox"] {
    position: absolute;
    left: 35px; }
  form .form-check.abf-checkbox .form-field-error-message, form .form-group.abf-checkbox .form-field-error-message {
    left: 40px;
    height: 100%;
    position: absolute;
    top: 25px; }

form .form-checkbox-fix.abf-checkbox {
  min-height: 50px;
  position: relative; }
  form .form-checkbox-fix.abf-checkbox label, form .form-checkbox-fix.abf-checkbox p {
    position: absolute;
    left: 40px;
    padding-right: 20px; }
  form .form-checkbox-fix.abf-checkbox p {
    top: 25px; }
  form .form-checkbox-fix.abf-checkbox input[type="checkbox"] {
    position: absolute;
    left: 15px;
    width: max-content; }
  form .form-checkbox-fix.abf-checkbox.no-field p {
    top: 10px; }
  form .form-checkbox-fix.abf-checkbox .form-field-error-message {
    left: 40px;
    height: 100%;
    position: absolute;
    top: 45px; }

form .form-field-error-message {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545; }

form button[type="submit"] {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.contact-form .form .form-group label {
  text-transform: uppercase; }

main {
  overflow: hidden; }

main section.element {
  position: relative;
  padding-top: 130px; }
  main section.element.account-form .title {
    padding: 50px 0; }
  main section.element.account-form hr {
    border-width: 3px; }
  main section.element.account-form .form-submit {
    position: relative;
    margin-bottom: 50px; }
    main section.element.account-form .form-submit:after {
      background-color: #f5f5f5;
      border-radius: 10px;
      content: '';
      position: absolute;
      z-index: -1;
      height: 118%;
      width: 100%;
      top: -50px; }
  main section.element.result {
    padding-top: 20px; }
  main section.element.account-pages a {
    text-decoration: none; }
  main section.element.account-pages .sidenav {
    padding: 20px; }
    main section.element.account-pages .sidenav ul {
      list-style: none;
      padding-left: 0; }
      main section.element.account-pages .sidenav ul li {
        position: relative;
        padding: 10px 0;
        border-bottom: 1px solid #090909; }
        main section.element.account-pages .sidenav ul li.active {
          padding-left: 20px;
          font-weight: 700; }
          main section.element.account-pages .sidenav ul li.active:before {
            content: '';
            background-color: #fbd10b;
            height: 7px;
            width: 7px;
            position: absolute;
            left: 0;
            top: calc(50% - 5px);
            border-radius: 5px; }
    @media (max-width: 767px) {
        main section.element.account-pages .sidenav {
          padding: 20px 0; } }
  main section.element.account-pages .content {
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 5px; }
    main section.element.account-pages .content hr {
      border-color: #090909; }
    main section.element.account-pages .content input::file-selector-button {
      font-size: 10px; }
    main section.element.account-pages .content .license .current .b-primary {
      padding: 10px; }
      main section.element.account-pages .content .license .options .option-item {
        display: inline-block;
        padding-right: 50px; }
        main section.element.account-pages .content .license .options .option-item input[type=radio] {
          cursor: pointer;
          height: 20px;
          width: 20px; }
          main section.element.account-pages .content .license .options .option-item input[type=radio]:checked {
            border: 1px solid #090909;
            accent-color: #fbd10b; }
        main section.element.account-pages .content .license .options .option-item label {
          vertical-align: middle;
          margin-bottom: 10px;
          cursor: pointer; }
      main section.element.account-pages .content .license table td {
        vertical-align: middle; }
    main section.element.account-pages .content .payment-history table thead {
      font-family: 'Poppins', sans-serif; }
      main section.element.account-pages .content .payment-history table thead th {
        font-weight: 400;
        font-size: 13px; }
      main section.element.account-pages .content .payment-history table tr td {
        vertical-align: middle;
        border-bottom: none;
        border-top: 1px solid #090909; }
        main section.element.account-pages .content .payment-history table tr td a {
          text-decoration: underline; }
  main section.element .computation .amount {
    font-weight: 700; }
    main section.element .computation .amount.total {
      font-size: 16px; }
  main section.element .computation hr.strong {
    border-top: 1px solid #090909; }
  main section.element.pricing a {
    text-decoration: unset; }
  main section.element.pricing .search .select2 {
    width: 500px !important; }
    main section.element.pricing .search input {
      width: 400px; }
    main section.element.pricing .search .select2, main section.element.pricing .search a, main section.element.pricing .search input, main section.element.pricing .search button {
      display: inline-block; }
    main section.element.pricing .search .ahref {
      margin-top: 0;
      margin-bottom: 0;
      padding: 5px 20px;
      margin-left: 20px; }
      main section.element.pricing .search .ahref.bordered {
        border-width: 1px; }
      @media (max-width: 991px) {
        main section.element.pricing .search .ahref {
          margin-left: 0;
          margin-top: 20px;
          margin-bottom: 20px; } }
    @media (max-width: 991px) {
        main section.element.pricing .search .select2 {
          width: 100% !important; }
          main section.element.pricing .search input {
            width: 100%; } }
    @media (max-width: 767px) {
        main section.element.pricing .search .select2 {
          width: 100% !important; } }
  main section.element.pricing .listing {
    padding: 20px 0; }
    main section.element.pricing .listing .each {
      position: relative;
      margin-bottom: 25px;
      height: 100%; }
      main section.element.pricing .listing .each input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 50%;
        width: calc(100% - 30px);
        height: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1;
        cursor: pointer; }
      main section.element.pricing .listing .each .wrapper {
        border: 1px solid #090909;
        padding: 30px;
        height: 100%;
        position: relative;
        padding-top: 30px;
        padding-bottom: 15px;
        border-radius: 10px;
        border-top-left-radius: 0px; }
      main section.element.pricing .listing .each .wrapper p {
        margin-bottom: 0; }
      main section.element.pricing .listing .each .wrapper hr {
        border-color: #090909;
        border-top: 1px solid #090909; }
      main section.element.pricing .listing .each .wrapper .tag {
        font-weight: 700;
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px 15px;
        background-color: #090909;
        color: #fbd10b;
        border-bottom-right-radius: 15px;
        font-size: 12px; }
      main section.element.pricing .listing .each .wrapper h3 {
        margin-top: 15px; }
      main section.element.pricing .listing .each input[type=checkbox]:checked + .wrapper {
        border-color: #fbd10b;
        background-color: rgba(251, 209, 11, 0.1); }
      main section.element.pricing .listing .each input[type=checkbox]:checked + .wrapper .tag {
        background-color: #fbd10b;
        color: #090909; }
  main section.element.pricing .count-computation {
    padding: 20px 0;
    position: relative;
    z-index: 1; }
    main section.element.pricing .count-computation:after {
      background-color: #f5f5f5;
      border-radius: 10px;
      content: '';
      position: absolute;
      z-index: -1;
      height: 90%;
      width: 100%;
      top: 0; }
    main section.element.pricing .count-computation .each {
      margin: auto;
      border-radius: 15px;
      padding: 20px 10px;
      margin-bottom: 15px;
      background-color: #fbd10b; }
      main section.element.pricing .count-computation .each label, main section.element.pricing .count-computation .each .form-group {
        margin-bottom: 0; }
    main section.element.pricing .count-computation:before {
      content: '';
      height: 90%;
      width: 2px;
      position: absolute;
      top: 0;
      left: 50%;
      z-index: 1;
      background-color: #090909; }
      @media (max-width: 767px) {
        main section.element.pricing .count-computation:before {
          display: none; } }
    main section.element.pricing .count-computation a.ahref {
      margin: 0 auto;
      width: max-content; }
  main section.element.pricing .button .ahref {
    margin: 0; }
  main section.element.pricing .contact-us a.ahref {
    margin: 30px auto;
    width: max-content; }
  main section.element.pricing.account-pages h6 {
    margin-top: 20px;
    margin-bottom: 0; }
    main section.element.pricing.account-pages .each h5 {
      margin-bottom: 0; }
      main section.element.pricing.account-pages .each .wrapper h3 {
        font-size: 26px; }
      main section.element.pricing.account-pages .each.payment-option .content {
        padding: 0; }
      main section.element.pricing.account-pages .each.current h5.step {
        color: #fbd10b; }
  main section.element.pricing .pagination {
    display: unset;
    padding: 20px 0; }
    main section.element.pricing .pagination li {
      display: inline-block;
      padding: 5px 15px;
      border: 1px solid rgba(132, 132, 132, 0.5);
      margin-bottom: 10px; }
      main section.element.pricing .pagination li a {
        text-decoration: unset; }
      main section.element.pricing .pagination li:hover, main section.element.pricing .pagination li.active {
        border-color: #fbd10b;
        background-color: #fbd10b; }
      main section.element.pricing .pagination li:hover a, main section.element.pricing .pagination li.active a {
        color: #090909; }
      main section.element.pricing .pagination li.disabled, main section.element.pricing .pagination li.active {
        cursor: unset; }
  main section.element.register h5 {
    margin-bottom: 0; }
    main section.element.register h5.active {
      color: #fbd10b; }
  main section.element.register .each {
    padding: 0 30px; }
    main section.element.register .each.done {
      opacity: 0.5; }
    main section.element.register .each.current h5.step {
      color: #fbd10b; }
  @media (max-width: 767px) {
        main section.element.register .submittopayment {
          margin: 10px 0 20px; } }
  main section.element.faq .card {
    border: none;
    border-radius: 0; }
    main section.element.faq .card .card-header {
      border-radius: 0;
      background-color: #fff; }
      main section.element.faq .card .card-header h5 {
        position: relative; }
      main section.element.faq .card .card-header h5 .btn-link {
        font-weight: 700;
        color: #090909; }
      main section.element.faq .card .card-header h5 .btn-link:focus, main section.element.faq .card .card-header h5 .btn-link:hover {
        text-decoration: none; }
      main section.element.faq .card .card-header h5 .btn-link:after {
        content: '\f077';
        border: none;
        font-weight: 700;
        position: absolute;
        top: calc(50% - 3.5px);
        right: 2px;
        width: 25px;
        height: 12px;
        text-align: center;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      main section.element.faq .card .card-header h5 .btn-link[aria-expanded=true]:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        transform-origin: center;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      main section.element.faq .card .card-header.active {
        background-color: #fbd10b;
        border: none; }
    main section.element.faq .card .card-body {
      background-color: #f5f5f5; }
/*
 * Pages - Vendors
 * 
 * @package awddigital
 *
 */
.is-popup {
  /* start state */
  max-width: 550px;
  overflow-y: scroll;
  transform: translateX(550px);
  transition: all 0.3s; }

.is-popup h5, .is-popup p {
  transform: translateY(-50px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.4s; }

.is-popup a {
  text-decoration: none; }

.fancybox-bg {
  background: rgba(9, 9, 9, 0.5); }

.fancybox-stage, .fancybox-container {
  z-index: 5; }

.fancybox-slide {
  z-index: 5;
  /* final state */ }

.fancybox-slide.fancybox-slide--html .is-popup {
  transform: translateX(0);
  opacity: 1;
  /* reveal content with different delays */ }
  .fancybox-slide.fancybox-slide--html .is-popup h5, .fancybox-slide.fancybox-slide--html .is-popup p {
    transform: translateY(0);
    opacity: 1; }
  .fancybox-slide.fancybox-slide--html .is-popup h5 {
    transition-delay: 0.1s; }
  .fancybox-slide.fancybox-slide--html .is-popup p {
    transition-delay: 0.3s; }

.fancybox-slide .contact-form, .fancybox-slide .invoice {
  max-width: 60%;
  border-radius: 10px; }

.fancybox-slide .contact-form.mobile, .fancybox-slide .invoice.mobile {
  max-width: 100%; }

.fancybox-slide .invoice h5 {
  padding-bottom: 15px;
  border-bottom: 2px solid #f5f5f5; }
  .fancybox-slide .invoice h5 span {
    border-bottom: 2px solid #fbd10b;
    padding-bottom: 15px; }

.fancybox-slide.fancybox-slide--video {
  text-align: center; }

#p_pricing .select2-container .select2-selection {
  padding-top: 0.25rem; }
  #p_pricing .select2-container .select2-selection--single {
    height: calc(1.5em + .75rem + 2px);
    text-align: left; }
  #p_pricing .select2-container .select2-selection--single .select2-selection__arrow b {
    top: 57%;
    border-color: #090909 transparent transparent transparent; }
  #p_pricing .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0; }

#p_pricing .select2-container.select2-container--open .select2-selection {
  border-bottom-color: transparent; }

#p_pricing .select2-container .select2-dropdown {
  border: 1px solid #090909;
  border-top-color: transparent; }
  #p_pricing .select2-container .select2-dropdown .select2-search .select2-search__field {
    border: 1px solid #090909; }
    #p_pricing .select2-container .select2-dropdown .select2-search .select2-search__field:focus {
      border-color: #fbd10b; }
  #p_pricing .select2-container .select2-dropdown .select2-results .select2-results__option {
    margin-left: 5px;
    padding: 10px 6px; }
    #p_pricing .select2-container .select2-dropdown .select2-results .select2-results__option p {
      margin: 0; }
    #p_pricing .select2-container .select2-dropdown .select2-results .select2-results__option:not(:first-child) {
      border-top: thin solid rgba(132, 132, 132, 0.5); }

@media (max-width: 1199px) {
  .container-fluid {
    width: 90%; } }

@media (max-width: 991px) {
  .container-fluid {
    width: 95%; }
    header #bot nav .navbar-brand {
      position: relative; }
      header #bot nav .navbar-menu {
        display: none; }
      header #bot .container-fluid:after {
        width: 100%;
        border-bottom-right-radius: 0px; }
      header .popup {
        position: fixed;
        top: 0;
        display: block;
        opacity: 0;
        width: 80vw;
        height: 100vh;
        background: rgba(255, 255, 255, 1);
        min-height: 600px;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-box-shadow: 0 0 21px 0 rgba(56, 63, 69, 0.1);
        -moz-box-shadow: 0 0 21px 0 rgba(56, 63, 69, 0.1);
        box-shadow: 0 0 21px 0 rgba(56, 63, 69, 0.1);
        overflow: scroll;
        z-index: 6; }
      header .popup#menu {
        right: -100vw; }
      header .popup#menu #closepopup {
        position: absolute;
        top: 25px;
        right: 30px;
        color: #090909;
        text-transform: uppercase;
        font-size: 12px;
        cursor: pointer;
        z-index: 2; }
        header .popup#menu #closepopup i {
          position: relative;
          top: 1px;
          font-size: 14px; }
        header .popup#menu #closepopup:hover {
          color: #fed403; }
      header .popup#menu .navbar-menu {
        padding: 50px 25px 100px; }
        header .popup#menu .navbar-menu > ul > li.nav-item {
          padding: 10px 0; }
          header .popup#menu .navbar-menu > ul > li.nav-item > a {
            width: 100%;
            font-size: 18px;
            color: #090909;
            border-bottom: 1px solid #090909; }
            header .popup#menu .navbar-menu > ul > li.nav-item > a.ahref.solid {
              background-color: #40bca1;
              color: #fff; }
            header .popup#menu .navbar-menu > ul > li.nav-item > a:before {
              content: none; }
            header .popup#menu .navbar-menu > ul > li.nav-item > a:hover {
              color: #fbd10b; }
      header .popup#menu.popped {
        display: block;
        right: 0;
        opacity: 1;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
    .fancybox-content.is-popup {
      height: auto;
      padding: 40px 25px; }
      .fancybox-content.is-popup .is-square:after {
        padding-bottom: 100%; } }

@media (max-width: 767px) {
  header .popup {
    width: 100vw; }
    header #bot nav .navbar-brand {
      top: -2px; }
      header #bot nav ul.navbar-nav {
        flex-direction: column; }
        header #bot nav ul.navbar-nav li.nav-item a {
          padding: 8px; }
          header #bot nav ul.navbar-nav li.nav-item:last-child a {
            padding: 5px 15px; } }