html{
	font-size: 100.01%;
}

body{
	font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
	font-weight: 400;
	font-size: 16px;
	color: #303130;
}
.container{
	max-width: 910px;
	width: 100%;
}
:focus{
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
a, .btn, button, .nav-link:after, .nav-link img{
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
a{
	color: #174AC8;
	text-decoration: none !important;
}
a:hover{
	color: #ff9d28;
}
p a:hover, li a:hover, p a:focus, p a:active, .icon:hover{
	color: #ff9d28 !important;
}
p{
	margin: 0 0 15px;
}
strong{
	font-weight: 500;
}
sub, sup{
	font-size: 65%;
}

h2{
	color: #3b3838;
	font-size: 36px;
	font-weight: 700;
}



.text-primary{
	color: #ff9d28 !important;
}
.bg-primary{
	background-color: #ff9d28 !important;
}

.btn-primary{
	background-color: #ff9d28 !important;
	border-color: #ff9d28 !important;
}
.btn-primary:hover{
	background-color: #231f20 !important;
	border-color: #231f20 !important;
}

.header{
	padding: 15px 0 10px;
}

.btn{
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
}

.btn-cta{
	height: 42px;
	min-width: 235px;
}

.hero{
	z-index: 1;
	position: relative;
	background: url('../images/hero.png') no-repeat center center/cover #ff9d28;
}
.hero .row{
  position: relative;
  z-index: 99;
}
.hero h2{
	width: 100%;
	line-height: 1.1;
	font-size: 46px;
	font-weight: 400;
	margin-bottom: 18px;
	text-transform: uppercase;
  font-family: 'Permanent Marker', cursive;
  letter-spacing: 3px;
  color: #000 !important;
}
.hero p{
	margin-bottom: 0;
	font-size: 16px;
	width: 100%;
}
.hero-image{
	object-position: center left;
	object-fit: cover;
	position: absolute;
	max-width: 50%;
	height: 100%;
	right: 0;
	top: 0;
}

.signup-area{
	padding: 50px 0 45px;
}
.signup-area p{
	padding: 0 5px;
	margin-bottom: 32px;
}

.loss-weight{
	padding-bottom: 20px;
}
.section-title{
	padding: 28px 0;

}
.section-title h3{
	margin: 0;
	font-size: 24px;
	font-weight: 400;
	word-spacing: 3px;
  font-family: 'Permanent Marker', cursive;
}
.loss-weight img{
	top: -35px;
}
.loss-weight .row{
	margin-top: -18px;
}
.loss-weight p{
	padding-left: 20px;
}

.improve-health{
	padding: 65px 0;
}
.improve-health-inner{
	border-radius: 5px;
	padding: 35px;
}
.improve-health-inner h2{
	margin-top: 0;
	margin-bottom: 20px;
  font-family: 'Permanent Marker', cursive;
}
.improve-health-inner p{
	margin-bottom: 35px;
}

.fitness{
	margin: 50px 0;
}
.fitness p{
	margin-bottom: 0;
	max-width: 88%;
}
.fitness h2{
	margin-bottom: 30px;
  font-family: 'Permanent Marker', cursive;
}

.text-white h2{
	color: #fff;
  font-family: 'Permanent Marker', cursive;
}

.testimonial{
	padding: 50px 0;
}

.review-item{
	margin-top: 10px;
	font-size: 14px;
	text-align: justify;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.review-item img{
	min-width: 105px;
	margin-right: 15px;
	border-radius: 50%;
	width: 105px !important;
}
.review-item h4{
	font-size: 17px;
	font-weight: 700;
	position: relative;
	padding-left: 50px;
	margin-bottom: 10px;
}
.review-item h4:before{
	top: -4px;
	left: 0;
	width: 37px;
	content: "";
	height: 25px;
	position: absolute;
	background:  url('../images/quote.png') no-repeat center / contain;
}

.owl-theme .owl-dots .owl-dot{
	outline: none;
}
.owl-theme .owl-dots .owl-dot span{
	background-color: transparent;
	border: 1px #fff solid;
	height: 12px;
	margin: 5px;
	width: 12px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background-color: #fff;
}

.footer{
	background-color: #f6f6f9;
	text-transform: uppercase;
	padding: 18px 0;
}
.footer p{
	margin: 0;
	color: #4a612b;
	font-size: 10px;
	letter-spacing: 0.5px;
}

.social-media{
	font-size: 24px;
	line-height: 1;
}
.social-media a{
	color: #ff9d28;
	margin-right: 20px;
}

.modal-title{
	font-size: 20px;
	font-weight: 700;
}

.modal-form .modal-dialog {
    width: 95%;
    max-width: 660px;
}
.modal-form .modal-header {
	padding: 15px 30px;
}
.modal-form .modal-body {
	padding: 20px 30px;
}

.custom-control-label::before, .custom-control-label::after{
	top: 0.21rem;
}
.custom-control-input:checked~.custom-control-label::before{
	background-color: #ff9d28 !important;
	border-color: #ff9d28 !important;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 4px 10px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 2px; }

footer {
  background: #f6f6f9;
  padding: 20px 0; }
  footer p {
    font-size: 12px;
    margin: 0; }
  footer .header-about-me {
    font-size: 14px;
    line-height: 24px; }
    footer .header-about-me img {
      float: left;
      margin: 0 15px 0 0;
      max-height: 62px;
      width: auto;
      border: 1px solid #5e6d70; }
    footer .header-about-me .header-name {
      font-weight: 700;
      cursor: pointer; }
    footer .header-about-me div {
      margin-bottom: -5px; }

      .modal .modal-dialog {
        width: 95%;
        max-width: 660px; }

      .modal .modal-content {
        border: none;
        border-radius: 0; }

      .modal .modal-header {
        padding: 0;
        border: none;
        border-radius: 0;
        background: #ff9d28;
        color: #fff; }
        .modal .modal-header .close {
          margin: 0;
          padding: 0; }
        .modal .modal-header .inner {
          width: 100%;
          padding: 20px 30px; }
          .modal .modal-header .inner h4 {
            margin: 0;
            text-transform: uppercase;
            font-weight: 700;
            color: #fff; }
        .modal .modal-header .modal-title {
          font-size: 20px;
          text-transform: none; }
        .modal .modal-header .close:hover {
          background: none;
          color: #fff; }

      .modal#form-modal .modal-header .inner {
        padding: 20px 30px 15px; }

      .modal#form-modal .thanks {
        display: none;
        text-align: center; }

      .modal #amm-tabs {
        border: none;
        background: #ddd; }
        .modal #amm-tabs .nav-item {
          margin: 0;
          padding: 14px 30px;
          color: #222;
          font-size: 14px;
          text-transform: uppercase;
          background: none;
          border: none;
          border-radius: 0; }
          .modal #amm-tabs .nav-item.active {
            box-shadow: inset 0 -2px 0 #ff9d28; }

      .modal .modal-body {
        padding: 20px 30px;
        border-bottom: 1px solid #e6e6e6; }
        .modal .modal-body p {
          margin: 0 0 20px; }
          .modal .modal-body p:last-of-type {
            margin: 0; }
        .modal .modal-body .note {
          margin: 20px 0 !important; }
        .modal .modal-body button {
          display: block;
          margin: 0 auto; }

      .modal #amm-head {
        text-align: center; }

      .modal #amm-profileimage {
        display: block;
        margin: 0 auto 20px;
        max-width: 150px;
        max-height: 150px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

      .modal #amm-name {
        font-size: 24px;
        font-weight: 700;
        color: #222; }

      .modal .bx-viewport {
        border: none;
        box-shadow: none; }

      .modal .bx-wrapper {
        margin: 0 auto; }
        .modal .bx-wrapper .bx-pager {
          position: relative;
          bottom: 0; }

      .modal #amm-slider div img {
        margin: 0 auto 20px; }

      .modal #amm-slider p {
        text-align: center; }

      .modal #video-page iframe {
        margin-bottom: 20px; }

      .modal #video-page p {
        text-align: center; }

      #form-modal input[type="checkbox"] {
        transform: translateY(-1px);
        margin-right: 3px; }

      #form-modal p {
        margin: 0 0 20px;
        font-size: 14px; }

      #loadingGraphic {
        display: none;
        padding: 2px 0 3px; }

      #loader {
        width: 44px;
        height: 44px;
        margin: 6px auto;
        -webkit-animation: 1s ease-in-out infinite animball_two;
        animation: 1s ease-in-out infinite animball_two; }
        #loader .loaderBall {
          width: 44px;
          height: 44px;
          position: absolute; }
          #loader .loaderBall .ball {
            position: absolute;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            -webkit-animation: 1s ease-in-out infinite animball_one;
            animation: 1s ease-in-out infinite animball_one; }
            #loader .loaderBall .ball.ball1 {
              background-color: #ff9d28;
              top: 0;
              left: 0; }
            #loader .loaderBall .ball.ball2 {
              background-color: #ff9d28;
              top: 0;
              left: 24px; }
            #loader .loaderBall .ball.ball3 {
              background-color: #ff9d28;
              top: 24px;
              left: 0; }
            #loader .loaderBall .ball.ball4 {
              background-color: #ff9d28;
              top: 24px;
              left: 24px; }

      @-webkit-keyframes animball_one {
        0% {
          position: absolute; }
        50% {
          top: 12px;
          left: 12px;
          position: absolute;
          opacity: 0.5; }
        100% {
          position: absolute; } }

      @keyframes animball_one {
        0% {
          position: absolute; }
        50% {
          top: 12px;
          left: 12px;
          position: absolute;
          opacity: 0.5; }
        100% {
          position: absolute; } }

      @-webkit-keyframes animball_two {
        0% {
          -webkit-transform: rotate(0deg) scale(1); }
        50% {
          -webkit-transform: rotate(360deg) scale(1.3); }
        100% {
          -webkit-transform: rotate(720deg) scale(1); } }

      @keyframes animball_two {
        0% {
          transform: rotate(0deg) scale(1); }
        50% {
          transform: rotate(360deg) scale(1.3); }
        100% {
          transform: rotate(720deg) scale(1); } }

.hero {
  overflow: hidden;
}

.hero img {
  float: left;
}