/* GLOBAL STYLES -------------------------------------------------- */
/* Padding below the footer and lighter body text */

@import url('https://fonts.googleapis.com/css?family=Big+Shoulders+Text&display=swap');



 body {
     color: #5a5a5a;
     font-family: 'Montserrat', sans-serif;
}
 .alert-success {
     color: var(--white);
     background-color: var(--success);
     border-color: var(--success);
}
 .alert-danger {
     color: var(--white);
     background-color: var(--danger);
     border-color: var(--danger);
}
 .alert-info {
     color: var(--white);
     background-color: var(--info);
     border-color: var(--info);
}

.big_shoulders_text{
font-family: 'Big Shoulders Text', cursive !important;
}


 iframe {
     border-radius: 20px !important;
}
 .alert-warning {
     color: var(--dark);
     background-color: var(--warning);
     border-color: var(--warning);
}
 .what-client-say .fas {
     color: #e2e2e1 !important;
}
/* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */
/* Carousel base class */
/* Since positioning the image, we need to help out the caption */
 .package-loop .owl-stage {
     margin: 0 auto;
}
 .carousel-caption {
     bottom: 3rem;
     top: 40%;
     z-index: 10;
}
 .bg-dark-blue {
     background: #0e5682;
     padding: 40px;
}
 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 10;
}
 .right-box {
     padding-top: 50px;
}
 .box_transformation {
     background: #000000;
     color: #b5b2b2;
     border-radius: 1%;
     padding: 16px;
}
 .box_transformation label{
     margin-top: 16px;
}
 .box_transformation i{
     color:#0e5682;
     margin-right: 22px;
}

.grid-single .card {
    border-radius: 0 0 .25rem .25rem !important;
    min-height: 300px;
}


 .aboutsocial a {
     margin: 2px 4px;
     padding: 10px;
     text-align: center;
     min-width: 50px;
     min-height: 50px;
     padding-top: 17px;
     border-radius: 21%;
     background:#0E5682;
     color:#fff;
}
 .aboutsocial{
     margin-bottom:50px;
}
 .arrow-right {
     width: 0;
     top: 40%;
     right: -4%;
     position: absolute;
     height: 0;
     z-index: 5;
     border-top: 40px solid transparent;
     border-bottom: 40px solid transparent;
     border-left: 40px solid #0e5682;
}
 .right-box {
     background: #f5f5f5;
}
 .list-yoga {
     list-style: none;
}
/* Declare heights because of positioning of img element */
 #myCarousel .carousel-item {
     background: linear-gradient(90deg, #00080b 0%, #0a2536 33%, #205575 66%, #366e8f 100%);
}
 .carousel-item {
     height: 80vh;
     background-color: #777;
}
 .carousel-item>img {
     position: absolute;
     top: 0;
     left: 0;
     min-width: 100%;
}
 .bg-dark-blue img {
     padding: 20px;
}
 .how-it-works h2 {
     font-weight: 500;
}
 .how-it-works h2 span {
     color: #0e5682 !important;
}
 .caption {
     color: #fff;
     position: absolute;
     top: 40%;
     right: 8%;
}
 .caption h1 {
     font-size: 60px;
     font-weight: 500;
}
 .caption h1 span {
     font-weight: bold;
}
 footer {
     background: #0e5682;
}
 .bg-dark {
     background-color: #06060654 !important;
}
 .carousel-caption {
     text-transform: uppercase;
}
 .carousel-caption h1 span {
     color: #0e5682;
}
 .carousel-caption .sub_text {
     font-size: 40px;
     font-weight: 200;
}
 .btn-primary.rounded {
    background: #1c70a3 !important;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    border-color: #1c70a3;
}

/*---- Checkout CSS -----*/
a.check:hover {
    background: #ffc107 !important;
    border: 1px solid #ffc107 !important;
    color:#063d5f;
}

.navbar-nav .btn-primary.rounded , .card   .btn-primary.rounded { 
     font-size: 12px;
   
}
 .carousel-caption h1 {
     font-size: 50px;
     font-weight: bold;
}
 .navbar.transparent.navbar-inverse .navbar-inner {
     border-width: 0px;
     -webkit-box-shadow: 0px 0px;
     box-shadow: 0px 0px;
     background-color: rgba(0, 0, 0, 0.0);
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.00)));
     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%);
}
/* MARKETING CONTENT -------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
 .marketing .col-lg-4 {
     margin-bottom: 1.5rem;
     text-align: center;
}
 .marketing h2 {
     font-weight: 400;
}
 .marketing .col-lg-4 p {
     margin-right: .75rem;
     margin-left: .75rem;
}
/* Featurettes ------------------------- */
 .featurette-divider {
     margin: 5rem 0;
    /* Space out the Bootstrap <hr> more */
}
h2.heading_border {
    color: #464749;
    font-weight: 700;
    font-size: 28px;
    margin: 0 !important;
    padding-bottom: 30px !important;
}
.heading_border:after {
    content: '';
    width: 135px;
    height: 4px;
    background: #fff;
    display: block;
    background: url(../../heading.png);
    background-size: cover;
    margin: 0 auto;
    margin-top: 10px;
}
section.featured_in.home_page,section.row.about-mid-us,section.how_can_i_help {
    padding: 80px 0;
}
nav.navbar.navbar-expand-md.fixed-top {
    background: #205575 ;
    padding: 5px 0 !important;
}
section.row.about-mid-us h4 {
    font-size: 20px;
    margin: 0;
    padding-bottom: 15px;
}
section.row.about-mid-us h2 {
    margin: 0;
    padding-bottom: 17px;
    font-weight: 700 !important;
    font-size: 28px;
}
.about-icon img {
    max-width: 41%;
    display: block;
}
.about-icon {
    padding-top: 21px;
}
.about-icon h5 {
    font-size: 19px;
    padding: 14px 0 3px;
    font-weight: 600;
    margin: 0;
}
.about-icon span {
    margin: 0;
}
section.row.about-mid-us img.img-fluid.boximage {
    max-width: 68vh;
    position: relative;
    margin-bottom: -80px;
    right: 0;
    vertical-align: bottom;
    bottom: -10px;
    max-width: 100%;
}
/* Thin out the marketing headings */
 .featurette-heading {
     font-weight: 300;
     line-height: 1;
     letter-spacing: -.05rem;
}
 footer .bg-light {
     background: transparent !important;
     text-align: center;
}
 .nav-item.active {
     background: #0e5682;
}
 .navbar {
     padding: 0 1rem !important;
}
 .navbar-brand {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
}
 #myModal:hover {
     cursor: pointer;
}
 .title-black {
     color: #000;
}
 footer .bg-light a {
     color: #90a7ba;
}
 footer .social li .fab {
     background: #27678f;
     border-radius: 50%;
     height: 40px;
     width: 40px;
     text-align: center;
     padding-top: 30%;
}
 #navbarCollapse .nav-link {
     font-family: 'Ubuntu', sans-serif;
     padding: 20px 10px;
}
 #navbarCollapse .btn-primary.rounded {
     margin: 15px 10px;
}
 .headline {
     line-height: 1.5em;
     color: black;
     font-size: 20px;
     position: relative;
     position: relative;
}
 .headline:after {
     content: ' ';
     position: absolute;
     top: 100%;
     left: 8%;
     width: 60px;
     border: 1px solid #0e5682;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
}
 .card-signin {
     border: 0;
     border-radius: 1rem;
     -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
 .card-signin .card-title {
     margin-bottom: 2rem;
     font-weight: 300;
     font-size: 1.5rem;
}
 .card-signin .card-body {
     padding: 2rem;
}
 .form-signin {
     width: 100%;
}
 .form-signin .btn {
     font-size: 80%;
     border-radius: 5rem;
     letter-spacing: .1rem;
     font-weight: bold;
     padding: 1rem;
     -webkit-transition: all 0.2s;
     transition: all 0.2s;
}
 .form-label-group {
     position: relative;
     margin-bottom: 1rem;
}
 .form-label-group>label {
     position: absolute;
     top: 0;
     left: 0;
     display: block;
     width: 100%;
     margin-bottom: 0;
    /* Override default `<label>` margin */
     line-height: 1.5;
     color: #495057;
     border: 1px solid transparent;
     border-radius: .25rem;
     -webkit-transition: all .1s ease-in-out;
     transition: all .1s ease-in-out;
}
 h1.page_title {
     text-align: center;
     position: absolute;
     z-index: 5;
     top: 50%;
     width: 100%;
     text-transform: uppercase;
     color: #fff;
}
 .coach-social li a {
     color: #a3a8ac;
}
 .text-gray {
     color: #bababa;
}
 .text-white {
     color: #bababa;
}
 .btn-link {
     color: #ccc;
}
 .btn-link:hover {
     text-decoration: none;
}
 .containt {
     display: table;
     position: relative;
     margin: auto;
}
 .text-blue {
     color: #0e5682;
}
 .btn-google {
     color: white;
     background-color: #ea4335;
}
 .btn-facebook {
     color: white;
     background-color: #3b5998;
}
/* Page: Our Packages */
 .background-blue {
     background-color: #0e5682 !important;
}

 .border-blue {
     border-color:#0e5682 !important;
	 border: 3px solid !important;
}

 .card-package {
     overflow: hidden;
}
 .popular {
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     font-size: 12px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     margin-left: 58%;
     margin-top: 6%;
     padding-left: 65px;
     margin-right: -14%;
     margin-bottom: -14%;
}
 .card-package p {
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     font-size: 15px;
}
 .card-package:hover button {
     background-color: #0e5682;
     -webkit-transition: 0.7s ease;
     transition: 0.7s ease;
}
 .card-package:hover h1 {
     color: #0e5682;
     -webkit-transition: 0.7s ease;
     transition: 0.7s ease;
}
 .left {
     left: 25%;
}
 .table-packages td, .table-packages th {
     padding: 0.35rem;
}
 .card-package:hover {
     -webkit-box-shadow: 0px 10px 50px #cccccc;
     box-shadow: 0px 10px 50px #cccccc;
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-transition: 0.7s ease-out;
     transition: 0.7s ease-out;
     border: 1px solid #000000;
     z-index: 1;
}
 .card-package span {
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
     color: #cccccc;
}
 .card-package h4, .card-package button {
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
}
 .card-package h1 {
     font-family: 'Ubuntu', sans-serif;
     font-weight: 700;
     font-size: 35px;
}
 .social .fab:hover {
     color: #fff;
     -webkit-transition: 0.5s ease;
     transition: 0.5s ease;
}
 .f-menu a:hover {
     color: #fff;
     -webkit-transition: 0.5s ease;
     transition: 0.5s ease;
}
 .copyright {
     color: #90a7ba;
}
 .col-sm-6 {
     width: 50% !important;
     position: relative;
}
 .col-sm-5 {
     width: 41.67% !important;
     position: relative;
}
 .btn-primary {
     background: #0e5682 !important;
}
 .packages .card {
     position: relative;
     overflow: hidden;
}
/*.packages .card:hover {
     box-shadow: 0px 10px 50px #cccccc;
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     transition: 0.7s ease-out;
     border: 1px solid #000000;
     z-index: 1;
}
 */
 .packages .package-items-list {
     font-size: 14px;
}
 .packages .popular {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 20% !important;
    text-align: center;
    position: absolute;
    width: 100%;
    margin-top: -3% !important;
}

 .card {
        position: relative;
        overflow: hidden;
    }
/*    .card:hover {
        box-shadow: 0px 10px 50px #cccccc;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        transition: 0.7s ease-out;
        border: 1px solid #000000;
        z-index: 1;
    }*/
    .package-items-list {
        font-size: 14px;
    }
    .popular {
       font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 20%;
    text-align: center;
    position: absolute;
    width: 100%;
    margin-top: -5%;
    }
    .package-items-list li {
        border-bottom: 1px solid #dee2e6;
        padding: 4px;
    }
    .package-items-list li:last-child {
        border-bottom: 0;
    }
	
	
 .packages .package-items-list li {
     border-bottom: 1px solid #dee2e6;
     padding: 4px;
}
 .packages .package-items-list li:last-child {
     border-bottom: 0;
}
 label.error, span.error {
     color: var(--danger);
     font-size: 14px;
}
 .form-control.error {
     border: 1px solid var(--danger);
}
 .testimonials .owl-carousel .owl-item img{
     width: 200px;
     height: 200px;
     margin: auto;
     padding: 6px;
     border: 8px solid #ccc;
}
 .testimonials .owl-carousel .owl-item img:hover{
     border: 8px solid #0e5682;
}


.grayscale {
  filter: grayscale(1);
      transition: grayscale 0.5s;
}

.grayscale:hover {
   filter: grayscale(0);
}

.btn-outline-info {
    color: #ffffff !important; 
    border-color: #ffffff !important; 
}
.btn-outline-info {
    color: #0E5682 !important; 
    background-color: #fff !important; 
    border-color: #fff !important; 
}

.btn-outline-info:hover {
       color: #0e5682 !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}


footer img {
    width: 100px;
}

.how_can_i_help .border p{
min-height: 100px;
}
.boxborder {
    padding: 30px 20px;
    background: #f1f4f6;
    min-height: 270px;
}

.boxx {
    padding: 10px;
}
.boxborder img {
    max-width: 24%;
    padding-bottom: 16px;
}
.boxborder h5.text-black {
    font-weight: 600;
    font-size: 18px;
    color: #464749;
    margin: 0;
    padding-bottom: 10px;
}
.boxborder p {
    font-size: 15px;
    margin: 0;
}
section.row.about-mid-us h2.white_heading_border {
    font-weight: 700 !important;
    font-size: 28px;
    margin: 0 !important;
    padding-bottom: 30px !important;
    width: 100%;
}
h2.white_heading_border:after {
    content: '';
    width: 135px;
    height: 4px;
    background: #fff;
    display: block;
    background: url(https://www.bodiesmadeonline.com/assets/images/white_border.png);
    background-size: cover;
    margin: 0 auto;
    margin-top: 10px;
}
section.row.about-mid-us.diffmake img.img-fluid.imgclass {
    max-width: 76%;
}
section.row.about-mid-us.diffmake h2 {
    font-size: 23px;
    line-height: 29px;
    margin: 0 !important;
    padding-bottom: 16px;
    padding-top: 18px;
}
.right_line:after {
    background: url(https://www.bodiesmadeonline.com/assets/images/second_line.png); 
    content: '';
    display: inline-block;
    background-size: 51px;
    width: 45px;
    height: 266px;
    position: absolute;
    background-repeat: no-repeat;
    top: -29px;
    right: 0;
    left: 94%;
    padding: 10px 0;   
}
.right_line.first:after {
    background-image: url(https://www.bodiesmadeonline.com/assets/images/line.png);
    top: 0;
}
.right_line.last:after {
    background-image: url(https://www.bodiesmadeonline.com/assets/images/last_line.png);
    top: -29px;
    height: 214px;
}
section.row.about-mid-us.diffmake img.img-fluid {
    max-width: 83%;
}
section.row.about-mid-us.diffmake button.btn.btn-outline-info {
    padding: 8px 30px !important;
}
section.moneyback {
    position: relative;
    display: block;
    padding: 80px 0;
    overflow: hidden;
}
section.moneyback img {
    max-width: 75%;
}
section.moneyback h2.text-uppercase.font-weight-bold {
    color: #464749;
    font-size: 28px;
    margin: 0 !important;
    padding-bottom: 19px !important;
    text-align: left;
    padding-top: 28px;
}
section.moneyback p {
    text-align: left;
}
.toptbottom.rotate {
    transform: rotate(180deg);
    margin-top: 0;
    margin-bottom: -52px;
    background-image: url(https://www.bodiesmadeonline.com/assets/images/down_curve.png);
}
section.what-client-say.packages {
    padding-top: 90px !important;
    padding-bottom: 80px;
}
section.what-client-say.packages h2.white_heading_border {
    padding-bottom: 20px;
    margin: 0;
}
ul.listbox {
    padding: 40px 25px 40px 50px;
    background: #fff;
    color: #000;
    list-style: none;
    border-radius: 23px;
    min-height: 400px;
}
ul.listbox li {
    color: #333;
    padding-bottom: 8px;
    padding-left: 5px;
}
ul.listbox li:before {
    content: '';
    background: url(https://www.bodiesmadeonline.com/assets/images/check.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: -27px;
    position: relative;
    margin-right: 5px;
}
section.what-client-say.packages button.btn {
    padding: 8px 49px;
    font-size: 26px;
    font-weight: 600;
}
section.what-client-say.packages a {
    text-align: center;
    display: block;
    margin: auto;
    margin-top: 15px;
}
section.what-client-say.packages button.btn small {
    font-size: 16px;
    display: block;
}
section.about-mid-us.resultgot h2.white_heading_border {
    padding-bottom: 50px !important;
}
section.resultgot {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 80px 0;
}
section.text-center.moneyback.rdge button.btn.btn-primary {
    left: 0;
    display: block;
    width: auto;
    padding: 8px 30px !important;
    margin-top: 20px !important;
}
.testi .item .col-md-9.float-left {
    background: #f2f2f2;
    text-align: justify;
    padding: 18px;
    font-size: 17px;
}

.testi .item .col-md-9.float-left h3.headline:after {
    display: none;
}

.testi .item .col-md-9.float-left h3.headline {
    font-size: 18px;
    margin: 0;
    padding-top: 10px;
    color: #2d2d2d;
    font-weight: 600;
}

.testi .item img.rounded-circle.img-fluid {border: 2px solid #0e537d;border-radius: 50%;padding: 5px;}
footer {
    position: relative;
    overflow: hidden;
}
footer {
    background: #063d5f !important;
    padding: 80px 0 7px;
}
footer img {
    width: auto;
    max-width: 84%;
    text-align: left;
    left: 0;
    margin: 0;
    display: block;
}
footer h4.footer-title {
    font-size: 22px;
    text-align: left;
    padding: 10px 0;
    color: #fff;
    font-weight: 600;
}
footer ul.social {
    position: relative;
    padding-left: 0;
    list-style: none;
    margin-left: -10px !important;
    text-align: left;
}
footer ul.social li {
    display: inline-block !important;
    width: 40px !important;
    position: relative !important;
    overflow: hidden;
}
footer ul.social li a {
    width: 30px;
    padding: 0;
}
footer ul.social li a i {
    background: #fff !important;
    height: 35px !important;
    width: 35px !important;
}
ul.footermenu.m-auto {
    padding: 0;
    list-style: none;
    text-align: left;
    color: #fff;
}

ul.footermenu li a {color: #fff;}
ul.footermenu li {
    padding-bottom: 8px;
}
ul.fbox {
    padding-left: 0;
    list-style: none;
    text-align: left;
    width: 49%;
    display: inline-block;
}
ul.fbox li a {
    color: #fff;
}
ul.footermenu li a:hover {
    text-decoration: none;
}
ul.fbox li a:hover {
    text-decoration: none;
}
ul.fbox li:first-child a {
    font-size: 18px;
    font-weight: 600;
}
ul.fbox li {
    padding-bottom: 5px;
}
.footer-top {
    display: block;
    overflow: hidden;
}
hr.hrline {
    position: relative;
    display:  block;
    overflow: hidden;
    width: 100%;
    border-color: #1c6592 !important;
    margin: 30px  0 !important;
}
.copyright {
    position: relative;
    overflow: hidden;
}

.copyright p {
    text-align: left;
    color: #fff;
    margin: 0;
}

.copyright ul.lastlist {
    list-style: none;
    padding-left: 0;
}

.copyright ul.lastlist li {
    display: inline-block;
    padding: 0  10px;
}

.copyright ul.lastlist li a {
    color: #cdcdcd;
}
#navbarCollapse .nav-link {
    font-family: 'Ubuntu', sans-serif;
    padding: 20px 10px;
    color: #fff;
}a.navbar-brand {
    width: 40%;
}
section.row.about-mid-us h4 {
    font-family: 'Montserrat', sans-serif !important;
}
.copyright ul.lastlist li a:hover {
    text-decoration: none;
}



@media (min-width:992px) and (max-width:1025px){
    
section.row.about-mid-us img.img-fluid.boximage {
    max-width: 23vh;
    bottom: -200px;
}
.toptbottom {
    margin-top: -39px !important;
}
.toptbottom.rotate {
    transform: rotate(180deg);
    margin-top: 0 !important;
    margin-bottom: -38px;
} 
ul.listbox {
    min-height: 580px;
}
}
@media (min-width:768px) and (max-width:991px){
#myCarousel .carousel-item img.img-fluid {
    max-width: 43vh !important;
    }
.toptbottom {
    margin-top: -25px !important;
    }
section.row.about-mid-us img.img-fluid.boximage {
    max-width: 32vh;
    bottom: -417px;
    right: 79px;
}
.boxborder {
    min-height: 290px;
}
section.moneyback img {
    max-width: 100%;
}
.toptbottom.rotate {
    margin-top: 0 !important;
    margin-bottom: -29px !important;
    }
ul.listbox {
    min-height: 724px;
}
a.navbar-brand img {
    max-width: 95% !important;
}   
#navbarCollapse .nav-link {
    font-size: 10px;
}
}
@media (max-width:767px){
#myCarousel .carousel-item h1 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
a.navbar-brand img {
    max-width: 100% !important;
    margin-left: 15px;
}
.navbar-toggler-icon {
  background-size: 100% 100%;
}
#myCarousel .carousel-item img.img-fluid {
    max-width: 100% !important;
    position: relative !important;
    bottom: 0 !important;
}
section.row.about-mid-us img.img-fluid.boximage {
    max-width: 48vh;
    bottom: 0px;
}
section.moneyback h2.text-uppercase.font-weight-bold {
    text-align: center;
    padding-top: 0;
}
section.moneyback.rdge img {
    margin-top: -35px !important;
    max-width: 29vh !important;
}
section.moneyback .col-md-8.float-left.veticalmid {
    min-height: auto !important;
}
.how_can_i_help.home_page.testi .owl-carousel .owl-item img {
    width: 100% !important;
    margin-top: 0 !important;
}
#myCarousel .carousel-item .col-md-6:last-child {
    height: auto !important;
    /*bottom: 88px !important;*/
}
.about-icon img {
    margin: auto !important;
}
.about-icon {
    text-align: center;
}
.right_line:after {
    display: none !important;
}
.toptbottom.rotate {
    width: 55%;
    margin-bottom: -38px;
}
.owl-carousel .owl-item img {
    width: 100% !important;
}
}