@import url(animate.css);
@import url(font-awesome.min.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Bitter);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600);
@import url(//fonts.googleapis.com/css?family=Montserrat);
@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');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&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');
@import url(//fonts.googleapis.com/css?family=Mai+Sans:300,400,600);
/*========================================================
                      Main Styles
=========================================================*/
body {
  color: #323232;
  font: 400 14px/24px "Arial", sans-serif;
  -webkit-text-size-adjust: none; }

img {
  max-width: 100%;
  height: auto; }

h1 {
  font: 400 110px/85px "Outfit", sans-serif;
  color: #cc3037; }

h2 {
  font: 400 90px/90px "Outfit", sans-serif;
  text-transform: capitalize; }
  h2 span {
    text-transform: lowercase; }
  h2 .weight {
    font-weight: 300; }

h3 {
  font: 300 50px/50px "Open Sans", sans-serif; }

h4 {
  font: 400 50px/50px "Outfit", sans-serif;
  color: #cc3037; }

h5 {
  font: 300 30px/40px "Open Sans", sans-serif;
  text-transform: capitalize;
  color: #ff000a; }

h6 {
  font: 300 20px/25px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #cc3037;
  letter-spacing: -0.1px; }
  h6 a:hover {
    color: #323232; }
  h6 a:active {
    color: #a5151a; }

p a:hover, .marked-list a:hover, .list a:hover {
  text-decoration: underline; }
p .fa, .marked-list .fa, .list .fa {
  text-decoration: none; }

time {
  display: block; }

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  a:focus {
    outline: none; }
  a:active {
    background-color: transparent; }

a[href^="tel:"],
a[href^="callto:"] {
  color: inherit;
  text-decoration: none; }

strong {
  font-weight: 700; }

.fa {
  line-height: inherit; }

[class*='fa-']:before {
  font-weight: 400;
  font-family: "FontAwesome"; }

.page {
  overflow: hidden;
  min-height: 500px; }
  .lt-ie9 .page {
    min-width: 1200px; }

/*=======================================================
                       Main Layout
=========================================================*/
h2 + h6, h6 + .btn-sm, * + .is-countdown, .icon + h6 {
  margin-top: 36px; }
  
h2 + h6, h6 + .btn-sq, * + .is-countdown, .icon + h6 {
  margin-top: 36px; }

.row__off {
  margin-top: 40px; }

img + h4, .marked-list + .btn {
  margin-top: 66px; }

h5 + p {
  margin-top: 26px; }

* + .btn, h6 + .btn-sm__off, .row + .btn {
  margin-top: 56px; }
  
* + .btn, h6 + .btn-sq__off, .row + .btn {
  margin-top: 56px; }

* + .marked-list {
  margin-top: 70px; }

uywi.webconnex.com + h6, .font-style + h6, h6 + p {
  margin-top: 16px; }

/*=======================================================
                        Components
=========================================================*/
/*==================     Brand     ======================*/
.brand {
  display: inline-block; }
  .brand_slogan {
    font: 300 20px/30px "Open Sans", sans-serif;
    color: #818586;
    text-transform: uppercase;
    letter-spacing: 3px; }

/*==================  Backgrounds  ======================*/
.bg-secondary {
  background: #cc3037; }
  .bg-secondary p {
    color: #66787c; }
  .bg-secondary h4 {
    color: #fff; }
  .bg-secondary h6 {
    color: #9fbb33; }
    .bg-secondary h6 a:hover {
      color: #fff; }

.bg-default {
  background: #f4f5f5; }

/*==================     Icons     ======================*/
/*==================    Buttons    ======================*/
.btn {
  display: inline-block;
  font: 400 15px/86px "Outfit", sans-serif;
  color: #fff;
  text-transform: uppercase;
  background: #a5151a;
  padding: 2px 5px 5px 9px;
  position: relative;
  min-width: 137px;
  height: 86px;
  text-align: center;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px; }
  .btn:before {
    position: absolute;
    content: '\f0f6';
    font-size: 25px;
    font-family: "FontAwesome";
    line-height: 86px;
    width: 82px;
    height: 86px;
    background: #cc3037;
    top: 0;
    bottom: 0;
    left: 100%;
    text-align: center;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px; }
  .btn:hover {
    background: #cc3037; }
    .btn:hover:before {
      background: #a5151a; }
  .btn:active {
    background: #121c1e; }
    .btn:active:before {
      background: #7d9328; }

.btn__md {
  min-width: 188px; }
  .btn__md:before {
    content: '\f1ea'; }

.btn__md-1 {
  min-width: 167px; }
  .btn__md-1:before {
    background: #fff;
    color: #cc3037; }
  .btn__md-1:hover {
    background: #727272; }
    .btn__md-1:hover:before {
      color: #a5151a;
      background: #fff; }
  .btn__md-1:active {
    background: #1a310b; }

.btn-sm {
  display: inline-block;
  width: 90px;
  height: 90px;
  background: #a5151a;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .btn-sm:before {
    color: #ffffff;
    font-size: 22px;
	font-weight:bold;
    line-height: 50px; }
  .btn-sm:hover {
    background: #cc3037; }
  .btn-sm:active {
    background: #1a310b; }
	
  .btn-sq {
  display: inline-block;
  width: 200px;
  height: 70px;
  background: #a5151a;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .btn-sq:before {
    color: #ffffff;
    font-size: 22px;
	font-weight:bold;
    line-height: 50px; }
  .btn-sq:hover {
    background: #cc3037; }
  .btn-sq:active {
    background: #1a310b; }

/*==================      Box      ======================*/
.box:before, .box:after {
  display: table;
  content: "";
  line-height: 0; }
.box:after {
  clear: both; }
.box_aside {
  float: left; }
.box_right {
  float: right; }
.box_cnt__no-flow {
  overflow: hidden; }

/*==================    Center    ======================*/
.center {
  text-align: center; }

/*==================     ToTop     ======================*/
.toTop {
  width: 50px;
  height: 50px;
  font-size: 24px;
  line-height: 46px;
  color: #fff;
  background: #ff000a;
  border-radius: 50%;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20; }
  .toTop:hover {
    color: #fff;
    background: #cc3037;
    text-decoration: none; }

.mobile .toTop,
.tablet .toTop {
  display: none !important; }

/*==================  RD Parallax    ======================*/
.parallax {
  position: relative;
  overflow: hidden; }
  .parallax h2, .parallax h6, .parallax h3 {
    color: #fff; }
  .parallax span.countdown-period {
    margin-top: 0; }
  .parallax_image, .parallax_pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center center;
    will-change: transform; }
  .parallax_image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
  .parallax_pattern {
    background-repeat: repeat; }
  .parallax_cnt {
    position: relative; }

/*========================================================
                     HEADER  Section
=========================================================*/
header {
  text-align: center;
  padding: 26px 0 26px; }
  header .brand_name {
    margin-top: 50px; }
  header .brand_slogan {
    margin-top: 10px; }

/*========================================================
                     CONTENT  Section
=========================================================*/
main {
  display: block; }

/*==================      Well     ======================*/
.well {
  padding: 317px 0 180px; }
  .well__off {
    padding-top: 165px; }

.well-1 {
  padding: 97px 0 90px; }
  .well-1__off {
    padding-top: 83px; }

.well-2 {
  padding: 72px 0; }
  .well-2__off {
    padding-top: 133px; }
  .well-2__off-1 {
    padding-bottom: 165px; }

.well-3 {
  padding: 156px 0 174px; }

/*==================    changed well-2 to 72px from 143px  Indent     ======================*/
.indent {
  padding: 0 200px; }

/*==================    Cnt Wrap   ======================*/
.cnt-wr .box_aside {
  width: 51.709%;
  text-align: right; }
  .cnt-wr .box_aside h2 {
    color: #fff; }
.cnt-wr .box_right {
  width: 48.291%;
  padding-left: 86px; }
  .cnt-wr .box_right time {
    font: 400 217px/205px "Montserrat", sans-serif;
    color: #ff000a; }

/*==================  Marked List  ======================*/
.marked-list {
  background: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }
  .marked-list li {
    position: relative;
    padding: 0 10px 12px 76px; }
    .marked-list li:first-child {
      padding-top: 24px; }
    .marked-list li a {
      font: 600 15px/15px "Open Sans", sans-serif;
      color: #cc3037;
      text-transform: uppercase; }
    .marked-list li:before {
      content: '\f054';
      position: absolute;
      left: 41px;
      top: 50%;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      font-weight: 400;
      font-size: 15px;
      font-family: "FontAwesome";
      color: #a5151a; }
    .marked-list li + li {
      padding-top: 22px;
      border-top: solid 1px #f4f5f5; }
  .marked-list a:hover {
    color: #727272;
    text-decoration: none; }
  .marked-list a:active {
    color: #a5151a; }

.date-wr {
  font: 400 30px/30px "Montserrat", sans-serif;
  color: #fff;
  background: #cc3037;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  text-align: center;
  padding: 25px 5px; }
  .date-wr span {
    font: 300 15px/30px "Open Sans", sans-serif;
    margin-left: 11px; }

/*==================    Img Wrap   ======================*/
.img-wr {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

.img-wr__md {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/*==================    Event   ======================*/
.event {
  position: relative;
  padding-bottom: 60px; }
  .event time {
    position: absolute;
    top: 57%;
    left: 0;
    right: 0;
    width: 100%; }
    .event time:before {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 9px 8.5px 0 8.5px;
      border-color: #a5151a transparent transparent transparent;
      bottom: 0;
      left: 50%;
      margin-left: -4px;
      top: 100%; }

/*==================    Font style   ======================*/
.font-style {
  font-family: "Open Sans", sans-serif;
  font-weight: 300; }

/*==================    Icon   ======================*/
.icon {
  position: relative;
  padding-left: 200px; }
  .icon:before {
    position: absolute;
    content: '\f0e0';
    font-size: 113px;
    line-height: 92px;
    font-family: "FontAwesome";
    color: #727272;
    top: 0;
    left: 0; }

/*========================================================
                     FOOTER  Styles
=========================================================*/
footer {
  background: #333333;
  padding: 91px 0; }
  footer h1 {
    font-size: 62px;
    line-height: 62px;
    color: #ff000a; }
  footer .brand_slogan {
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 6.6px;
    color: #fff; }
  footer .privacy {
    margin-top: 26px;
    padding-left: 25px; }
  footer:before, footer:after {
    display: table;
    content: "";
    line-height: 0; }
  footer:after {
    clear: both; }
  footer .social {
    float: right; }

/*==================    Privacy   ======================*/
.privacy {
  display: inline-block;
  font: 300 14px/24px "Open Sans", sans-serif;
  color: #7e8d90; }

/*==================    Social   ======================*/
.social > li {
  display: inline-block; }
  .social > li a {
    display: inline-block;
    font-size: 25px;
    line-height: 77px;
    width: 77px;
    height: 77px;
    background: #cc3037;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center; }
    .social > li a:hover {
      background: #9fbb33; }
  .social > li + li {
    margin-left: 14px; }

/*========================================================
                     RESPONSIVE
=========================================================*/
@media (max-width: 1199px) {
  h2 {
    font-size: 82px;
    line-height: 82px; }

  h4 {
    font-size: 45px;
    line-height: 45px; }

  h6 {
    font-size: 16px;
    line-height: 21px; }

  .indent {
    padding: 0 130px; }

  .cnt-wr .box_aside h2 {
    font-size: 75px;
    line-height: 75px; }
  .cnt-wr .box_right {
    padding-left: 50px; }
    .cnt-wr .box_right time {
      font-size: 167px;
      line-height: 167px; }

  .event time {
    top: 50%; }

  .icon {
    padding-left: 120px; }
    .icon:before {
      font-size: 90px;
      line-height: 75px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .marked-list > li {
    padding-left: 35px; }
    .marked-list > li:before {
      left: 15px; }
    .marked-list > li a {
      font-size: 14px;
      line-height: 14px; } }
@media (max-width: 991px) {
  h2 {
    font-size: 60px;
    line-height: 60px; }

  h3 {
    font-size: 40px;
    line-height: 40px; }

  h4 {
    font-size: 40px;
    line-height: 40px; }

  * + .marked-list {
    margin-top: 40px; }

  .col-md__off {
    margin-top: 60px; }

  .indent {
    padding: 0 50px; }

  .cnt-wr .box_aside h2 {
    font-size: 60px;
    line-height: 60px; }
  .cnt-wr .box_right time {
    font-size: 120px;
    line-height: 120px; }

  .icon h4 {
    display: inline-block;
    margin-top: 20px; }

  .marked-list {
    max-width: 370px; }

  footer .privacy {
    padding-left: 0; } }
@media (max-width: 767px) {
  h2 {
    font-size: 40px;
    line-height: 40px; }

  .indent {
    padding: 0; }

  img + h4, * + .btn {
    margin-top: 30px; }

  * + .is-countdown {
    margin-top: 20px; }

  .row__off {
    margin-top: 0; }

  [class*='well'], header, footer {
    padding: 50px 0; }

  .cnt-wr .box_aside, .cnt-wr .box_right {
    float: none;
    width: 100%; }
  .cnt-wr .box_aside {
    text-align: left; }
  .cnt-wr .box_right {
    padding-left: 0; }

  .event {
    text-align: center;
    display: inline-block; }
    .event time {
      width: 100%; }

  .center-media {
    text-align: center; }

  .icon h4 {
    margin-top: 0; }

  footer {
    text-align: center; }
    footer .brand {
      display: block; }
    footer .social {
      float: none; } }
@media (max-width: 479px) {
  h1 {
    font-size: 80px;
    line-height: 75px; }

  h3 {
    font-size: 35px;
    line-height: 35px; }

  h4 {
    font-size: 30px;
    line-height: 30px; }

  .brand_slogan {
    letter-spacing: 6px; }

  .cnt-wr .box_aside h2 {
    font-size: 45px;
    line-height: 45px; }
  .cnt-wr .box_right time {
    font-size: 110px;
    line-height: 115px; }

  .marked-list > li {
    padding-left: 35px; }
    .marked-list > li:before {
      left: 15px;
      font-size: 13px; }
    .marked-list > li a {
      font-size: 14px;
      line-height: 14px; }

  .icon {
    padding-left: 100px; }
    .icon:before {
      font-size: 80px;
      line-height: 65px; } }