/*==============================================
[Main stylesheet app.css]

Author:			WM_Team
Version:		1.0
Created:		19 July 2018
Last updated:	21 July 2018
Template:		Arnold - Mobile Template For Fitness and Workout
================================================*/
/*
[Table of Contents]

01. GENERAL
02. NAVBAR
03. MENU PANEL
04. PAGES
05. WALKTHROUGH
06. LOGIN & REGISTRE & REMEMBER PASSWORD
07. HOMEPAGE
08. WORKOUTS
09. MUSCLES BUILDING
10. WORKOUT/MUSCLE SINGLE
11. SETTING PAGE
*/


/*===============================================*/
/* 01. GENERAL	 						    	 */
/*===============================================*/

.md body {
	color: #292929;
	font-family: 'Montserrat', sans-serif;
}

.arnold-page-content {
	background: #f6f7fc;
}

img {
	max-width: 100%;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.clear {
	clear: both;
}

.color-facebook {
	background: #3b5999!important;
}

.color-twitter {
	background: #55acee!important;
}

.color-googleplus {
	background: #dd4b39!important;
}

.md .list input[type="date"], .md .list input[type="datetime-local"], .md .list input[type="email"], .md .list input[type="number"], .md .list input[type="password"], .md .list input[type="search"], .md .list input[type="tel"], .md .list input[type="text"], .md .list input[type="time"], .md .list input[type="url"], .md .list select {
	font-size: 12px;
}

/*===============================================*/
/* 02. NAVBAR									 */
/*===============================================*/
.md .button
{
    text-transform:none !important;
}
.navbar .title {
    font-size: 14px;
    font-weight: 500;
}

.navbar .icon-config {
	color: #eb4658;
}

.md .navbar.navbar-white {
	background: #FFFFFF!important;
	color: #292929;
}

/*===============================================*/
/* 03. MENU PANEL								 */
/*===============================================*/

.connected-user .item-title {
	font-weight: 700;
	font-size: 13.5px;
}

.md .connected-user .item-subtitle {
	font-size: 12px;
	color: #757575;
}

.md .connected-user .item-inner {
	padding-top: 22px;
}

.menu-weight {
	font-size: 12px;
}

.menu-weight span{
	font-size: 30px;
	font-weight: 700;
}

.list-menu a {
	background: none;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	color: #757575!important;
	text-transform: uppercase;
}
    .list-menu a:hover {
        background: none;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 400;
        color: #dd4b39 !important;
        text-transform: uppercase;
    }
.list-menu a:focus {
    background: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #dd4b39 !important;
    background-color: rgba(255,255,255,.8);
    text-transform: uppercase;
}

.list-menu input {
    background: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #757575 !important;
    text-transform: uppercase;
    padding: 0;
    border: none;
    font-family: 'Montserrat', sans-serif;
}

.social-footer-menu a {
	margin-right: 15px;
}

.social-footer-menu a i{
	font-size: 16px;
}

/*===============================================*/
/* 04. PAGES									 */
/*===============================================*/

.page-title {
	font-weight: 700;
	color: #eb4658;
	font-size: 15px;
}

.page-subtitle {
	font-weight: 700;
	color: #292929;
	font-size: 13px;
	margin-top: 10px;
}

.page-text {
	color: #757575;
	font-size: 12.5px;
}

/*===============================================*/
/* 05. WALKTHROUGH								 */
/*===============================================*/

#walk {
  background-image: url(../img/walk.jpg);
  background-size: cover;
  background-position: center;
}

#walk .block{
	margin-top: 60%;
}

.walk-cadre {
	background: rgba(255,255,255,.8);
	padding: 24px 24px 54px 24px;
}

.walk-title {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
}

.walk-desc {
	color: #757575;
	font-size: 12px;
}

.md #walk .swiper-pagination.swiper-pagination-bullets {
	bottom: 18px;
}

#walk .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
}

#walk .swiper-pagination {
	text-align: left;
	padding-left: 20px;
}

.walk-discover {
    background: #eb4658;
    display: block;
    color: #FFFFFF !important;
    font-size: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    min-height:60px;
}

.walk-discover i{
	font-size: 20px;
}

.walk-discover-blue {
    background: #2196f3;
    display: block;
    color: #FFFFFF !important;
    font-size: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    min-height: 60px;
}


.walk-discover-green {
    background: #daac29;
    display: block;
    color: #FFFFFF !important;
    font-size: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    min-height: 60px;
}

.walk-discover-default {
    background: #5cc93a;
    display: block;
    color: #FFFFFF !important;
    font-size: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    min-height: 60px;
}

.walk-discover-purple {
    background: #856ad6;
    display: block;
    color: #FFFFFF !important;
    font-size: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    min-height: 60px;
}

/*===============================================*/
/* 06. LOGIN & REGISTRE & REMEMBER PASSWORD		 */
/*===============================================*/

#login-page {
  background-image: url(../img/login-background.jpg);
  background-size: cover;
  background-position: center;
}

.logo {
	margin: 40px auto 40px auto;
	display: block;
}

.login-card {
	background: #FFFFFF;
	padding: 50px 15px 50px 15px;
}

.login-card img {
	display: block;
	margin: 0px auto;
}

.login-card p {
	text-align: center;
	font-weight: 700;
}

.button.login-button {
	background: #292929!important;
	font-size: 12px;
	text-transform: capitalize;
}

.button.login-facebook {
	background: #3b5999!important;
}

.button.login-twitter {
	background: #55acee!important;
}

.button.login-googleplus {
	background: #dd4b39!important;
}

.forgot-password {
	text-align: left;
	font-size: 11px;
}

.sign-up {
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	margin-top: 35px;
}

.md .sign-up a{
	color: #FFFFFF;
	text-decoration: underline;
}

/*===============================================*/
/* 07. HOMEPAGE									 */
/*===============================================*/

.header {
    padding-top: 15px;
    padding-bottom: 15px;
    background-image: -moz-linear-gradient( 90deg, rgb(255,132,0) 0%, rgb(255,169,77) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,132,0) 0%, rgb(255,169,77) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,132,0) 0%, rgb(255,169,77) 100%);
    text-align: center;
    color: #FFFFFF;
    position: relative;
    height: 60px;
    margin-bottom: 50px;
}

.header-title {
	font-weight: 700;
}

.header-subtitle {
	font-size: 12px;
	padding-top: 10px;
}

.header .card {
	color: #292929;
	text-align: left;
	position: absolute;
	bottom: -40px;
	left: 0px;
	right: 0px;
}

.card-tiny-text,
.card-large-text .card-tiny-text{
	font-size: 11px;
	color: #757575;
	font-weight: 400;
}

.card-large-text {
	font-size: 16px;
	font-weight: 700;
}

.card-border-left {
	border-left: 1px solid #efefef;
}

.card-border-right {
	border-right: 1px solid #efefef;
}

.card-header-custom {
	padding: 10px 16px 10px 16px;
	border-bottom: 1px solid #efefef;
	font-size: 12px;
	font-weight: 700;
}

.card.card-no-margin {
	margin-left: 0px;
	margin-right: 0px;
}

.card.card-margin-top {
	margin-top: 18px;
}

.card.card-margin-bottom {
	margin-bottom: 18px;
}

.bg {
	background: #aaa;
    background-image: none;
    background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 300px;
	height: 60vw;
    
}

.product-bg {
    background: #fff;
    background-image: none;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    height: 300px;
    height: 60vw;
    background-repeat: no-repeat
}

.my-lazy-img {
	display: block;
	width: 100%;
	height: auto;
}

/*===============================================*/
/* 08. WORKOUTS									 */
/*===============================================*/

.workout {
	color: #FFFFFF;
	padding: 50px 16px 0px 16px;
	margin-bottom: 10px;
}

.workout-title {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
}

.workout-subtitle {
	font-size: 12px;
}

.workout a {
	width: 120px;
	margin-top: 15px;
	font-size: 11px!important;
}

/*===============================================*/
/* 09. MUSCLES BUILDING							 */
/*===============================================*/

.muscles {
	text-align: center;
	font-size: 12px;
}

.border-bottom {
	border-bottom: 1px solid #efefef;
}

.muscles .row .col {
	border-left: 1px solid #efefef;
	padding-top: 15px;
	padding-bottom: 15px;
	padding: 10px;
}

.muscles .row .col:first-child {
	border-left: 0px;
}

.muscles-border-radius img{
	border-radius: 100%;
	border: 1px solid #efefef;
	width: 100px;
}

.muscles a .muscle-name{
	color: #292929;
}

.muscle-name {
	font-weight: 700;
}

.muscle-nbr-exo {
	color: #757575;
}

/*===============================================*/
/* 10. WORKOUT/MUSCLE SINGLE					 */
/*===============================================*/

.description {
	font-size: 12px;
	margin-bottom: 10px;
}

.description .description-color {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	display: inline-block;
	margin-right: 5px;
}

.description .color-perple{
	background: #5a58d5;
}

.description .color-blue{
	background: #5ac8fb;
}

.description .color-green{
	background: #44da5d;
}

.description .color-red{
	background: #fd5d39;
}

.description .description-but {
	font-weight: 700;
}

.description .description-desc {
	color: #757575;
}

/*===============================================*/
/* 11. SETTING PAGE								 */
/*===============================================*/

.md .list.options {
	font-size: 14px;
}

.options .material-icons{
	color: #757575;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.blink {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}

.button-fill-blue {
    background-color: #885485;
    color: #fff !important;
    border-radius: 20px !important;
}
.button-fill-green {
    background-color: #4eb9a7;
    color: #fff !important;
    border-radius: 20px !important;
}
.button-fill-orange {
    background-color: #4eb9a7;
    color: #fff !important;
    border-radius:20px !important;
}
.button-fill-turq {
    background-color: #00c0ef;
    color: #fff !important;
    border-radius: 20px !important;
}
.button-fill-red {
    background-color: #f44336;
    color: #fff !important;
    border-radius: 20px !important;
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    vertical-align: middle;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.back-red {
    background-image: -moz-linear-gradient( 90deg, rgb(203,45,62) 0%, rgb(239,71,58) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(203,45,62) 0%, rgb(239,71,58) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(203,45,62) 0%, rgb(239,71,58) 100%);
    color: #FFFFFF;
}
.md .color-theme-red .button.button-fill {
    background-color: #dc7ea3;
    border-radius: 20px;
}

.watermarked {
    position: relative;
}

    .watermarked:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-image: url("/img/watermark.png");
        background-size: 200px 69px;
        background-position: 50px;
        background-repeat: no-repeat;
        opacity: 0.7;
    }