/* 
Theme Name: Pavlok Theme  
Theme URI: https://pavlok.com  
Description: This is the Pavlok theme created on the Genesis Framework.   
Author: Vividreal Solution  
Author URI: https://www.vividreal.com/  
Template: genesis  
Template Version: 2.1  
Tags: badass, animation, love, peace 
License: GPL-2.0+  
License URI: http://www.gnu.org/licenses/gpl-2.0.html  
*/
body {
    margin: 0;
    padding: 0;
    font-family: 'latoregular';
             transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
div#all_blogs ul {
    padding: 0;
}

img.header-logo {
    width: 100%;
    max-width: 130px;
    margin: 26px 0;
     transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}


.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
    margin: 0;
    border: 0;
    width: 100%;
     -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;

    /* position: relative; */
}
.navbar-fixed-top{
    box-shadow: 0 25px 55px 0 rgba(0,0,0,0.19), 0 16px 28px 0 rgba(0,0,0,0.24);
  /*animation: smoothScroll 1s forwards;*/
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}


.navbar-fixed-top .navbar-right{
    margin-right: 0px;
}
.dismiss-background {
    padding: 14px 0;
    width: 100%;
    background-color: #191400;
      transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
    /*box-shadow: 0 1px 0 0 #83201C;*/
}

.this-is-a-headline-f {
    color: #FFFFFF;
    font-family: 'latoregular';
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.button-bg {
    box-sizing: border-box;
    border: 1px solid #8F8E94;
    padding: 5px 35px;
    display: inline-block;
    margin-left: 15px;
      transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}

.button-here {
    height: 18px;
    font-family: 'latoregular';
    width: 55px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 900;
    line-height: 17px;
    text-align: center;
}

i#dismiss {
    padding: 1px 6px 2px;
    color: #938f8f;
    text-decoration: none !important;
    font-style: inherit;
    border: 1px solid #938f8f;
    border-radius: 50%;
    margin-left: 10px;
    cursor: pointer;
}

.dismiss {
    height: 18px;
    width: 36px;
    color: #FFFFFF;
    font-family: 'latoregular';
    font-size: 10px;
    font-weight: 900;
    line-height: 30px;
    text-align: center;
}

.banner {
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.black-shadow {
    height: 100%;
    width: 100%;
    opacity: 0.82;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(11, 11, 12, 0.88) 57.05%, #0B0B0C 100%);
    position: absolute;
    z-index: 0;
    top: 0;
}

.pavlok-is-the-life-c h1 {
    color: #FFFFFF;
    font-family: 'latoregular';
    font-size: 36px;
    font-weight: 500;
    line-height: 45px;
    position: relative;
    z-index: 99;
    padding: 50px 0 0 0;
    clear: both;
    display: inline-block;
    float: left;
}

.is-there-somethign-y {
    clear: both;
    font-family: 'latohairline';
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
    display: inline-block;
    clear: both;
    position: relative;
    float: left;
    z-index: 99;
}

.yes-button {
    background-color: #FECC2F;
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.19), 0 16px 28px 0 rgba(0, 0, 0, 0.24);
    outline: 0;
    border: 0;
    display: inline-block;
    text-align: center;
    padding: 5px 50px;
    text-decoration: none;
    margin-right: 10px;
    color:#000;
}

.no-button {
    background-color: #FECC2F;
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.19), 0 16px 28px 0 rgba(0, 0, 0, 0.24);
    outline: 0;
    border: 0;
    margin-left: 10px;
    display: inline-block;
    text-align: center;
    padding: 5px 50px;
    text-decoration: none;
    color:#000;
}
.no-button:hover,.yes-button :hover{
    text-decoration:none;
    
}
.button_holder {
    margin-top: 28px;
    margin-bottom: 110px;
    color: #000;
    display: inline-block;
    clear: both;
    position: relative;
    float: left;
    z-index: 99;
}

.or {
    height: 18px;
    width: 41px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}

.button_holder span {
    color: #fff;
}

.a-marriage-of-hardwa {
    color: #191400;
    font-family: 'latolight';
    font-size: 26px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    float: left;
    padding: 33px 15px;
}

.b_img {
    vertical-align: bottom;
}

.device_cc {
    float: left;
}

.rectangle-5 {
    display: inline-block;
    align-items: center;
    padding: 22px 0;
    width: 100%;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 28px 15px;
}

.navbar-nav>li>a {
    padding-top: 32px;
    padding-bottom: 32px;
    opacity: 0.7;
    font-family: 'latoregular';
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
      transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background: transparent;
}

.log-in a {
    padding: 0px !important;
    margin-top: 30px;
    border: 1px solid #C7C7CD;
    color: #000000 !important;
    font-size: 10px;
    font-weight: 900;
    line-height: 17px;
    margin-top: 25px;
    text-align: center;
    text-transform: none !important;
    margin-right: 15px;
    padding: 7px 40px !important;
        transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}

.sign-up a {
    padding: 0px !important;
    margin-top: 30px;
    border: 1px solid #C7C7CD;
    color: #000000 !important;
    font-size: 10px;
    font-weight: 900;
    margin-top: 25px;
    line-height: 17px;
    text-transform: none !important;
    text-align: center;
    padding: 7px 40px !important;
        transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}

i.fas.fa-shopping-cart {
    color: #000;
    font-size: 13px !important;
}

.full_gray {
    background: #F8F7F7;
    /*padding: 65px 0;*/
}

.featured-habits {
    height: 14px;
    width: 143px;
    color: #191400;
    font-size: 16px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5px;
}

.divider {
    height: 3px;
    width: 62px;
    background-color: #FFCD00;
    display: inline-block;
    margin: 0 auto;
    text-align: center
}

.divider-container {
    margin: 0 auto;
    text-align: center;
}

.which-habit-do-you-w {
    color: #191400;
    font-size: 36px;
    line-height: 45px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 60px;
}



.overlay {
    position: relative;
}

.overlay:before {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*display: none;*/
    z-index: 0;
    border-radius: 12px;
    background-color: rgba(0, 0, 0, 0.5);
}

#block_1:before {
    display: block;
    background-color: rgba(132, 43, 203, 0.56);
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.overlay:hover:before {
    display: block;
    background-color: rgba(50, 50, 50, 0.76);
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

div#block_1 {
    background-position: 50% 50%;
    background-size: cover;
}

.other_habbits_container {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    float: left;
    text-align: center;
}

.other_habbits {
    width: 80%;
    display: inline-block;
}

.offset_l {
    width: 10%;
    display: inline-block;
    float: left;
    height: 1px;
}

.offset_r {
    width: 10%;
    display: inline-block;
    float: left;
    height: 1px;
}


/* carousel */

/*#quote-carousel,
#quote-carousel1 {
    margin-top: 30px;
}*/


/* Control buttons  */

#quote-carousel .carousel-control,
#quote-carousel1 .carousel-control {
background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    /* margin-top: 5%; */
    top: calc(50% - 120px);
    height: 147px;
    width: 78px;
}


/* Previous button  */

#quote-carousel .carousel-control.left,
#quote-carousel1 .carousel-control.left {
    left: -12px;
}


/* Next button  */

#quote-carousel .carousel-control.right,
#quote-carousel1 .carousel-control.right {
    right: -12px !important;
}


/* Changes the position of the indicators */

#quote-carousel .carousel-indicators,
#quote-carousel1 .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}


/* Changes the color of the indicators */

#quote-carousel .carousel-indicators li,
#quote-carousel1 .carousel-indicators li {
        background: #C7C7CD;
    border-color: #C7C7CD;
    margin: 3px;
}

#quote-carousel .carousel-indicators .active,
#quote-carousel1 .carousel-indicators .active {
        background: #8F8E94;
        width: 10px;
        height: 10px;
        border-color: #8F8E94;
        margin: 3px !important;}


/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
    padding: 0;
}

.item blockquote p {
    font-family: 'latolight';
    color: #191400;
    font-size: 26px;
    font-weight: 300;
    line-height: 34px;
    width: 80%;
}

.item blockquote small {
    color: #191400;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 20px;
}
.quote_cc {
    padding-left: 50px;
}
.item blockquote img {
    margin-bottom: 10px;
}
.goals_a {
    color: #191400;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 50px;
}
.goal_acc ul {
    list-style: none;
    padding: 0 22px;
    margin-top: 20px;
    color: #191400;
    line-height: 30px;
    font-size: 13px;
    list-style-image: url('images/tick.png');
}
.customer_reviview {
    background: #F8F7F7;
    padding: 65px 0;
}

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

		#desktop_ico{
		display:block;
	}
	#mob_cart {
    position: absolute;
    right: 0;
		display:none;
}

     h1.inner_t img {
    margin-right: 15px !important;
    border-radius: 7px !important;
    width: 60px;
}
.individual_habit {
    width: 100% !important;
}
    #quote-carousel,
    #quote-carousel1 {
        min-height: 490px;
        margin-top: 50px;
        margin-bottom: 0;
        /*padding: 0 40px 30px 40px;*/
    }
}






/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {



    div#aa_left {
    text-align: center !important;
}
    .habit_list ul li {
    list-style: none !important;
    padding: 0 !important;
    display: inline-block !important;
    margin: 10px 0px 0 8px !important;
}
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    .steps_{
        padding: 0px !important
    }
    .habit_list ul {
    margin-left: -20px;
}
    #quote-carousel .carousel-indicators,
    #quote-carousel1 .carousel-indicators {
        bottom: 20px !important;
    }
    #quote-carousel .carousel-control.left, #quote-carousel1 .carousel-control.left, #quote-carousel .carousel-control.right, #quote-carousel1 .carousel-control.right, #carousel_top .carousel-control.left,  #carousel_top .carousel-control.right{
        display: none;
    }
    #quote-carousel .carousel-indicators li,
    #quote-carousel1 .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    
    #quote-carousel .carousel-indicators li.active,
    #quote-carousel1 .carousel-indicators li.active {
margin: 0px 5px !important;
    width: 15px;
    height: 15px;
    }
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*paralaxx*/
div#pp_container {
    align-items: center;
    margin: 0 auto;
    padding: 14% 0;
    align-items: center;
    margin: 0 auto;
    padding: 14% 0;
    position: relative;
    z-index: 1;
}
div#pp_container p {
    margin: 0 auto;
    text-align: center;
}
h3.not-sure-which-habit {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
}
p.answer-a-few-simple {
    color: #FFFFFF;
    font-family: 'latolight';
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
    text-align: center;
}
a.rectangle-24-copy-2 {
    background-color: #FECC2F;
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.19), 0 16px 28px 0 rgba(0, 0, 0, 0.24);
    outline: 0;
    padding: 9px 50px;
    border: 0;
    text-decoration: none;
    margin-top: 50px;
    color: #000;
    display: inline-block;
}
a.right.carousel-control span {
    background: white;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    margin-right: -90%;
    box-shadow: 1px 1px 1px #000;
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.19), 0 16px 28px 0 rgba(0, 0, 0, 0.24);
    display: inline-block;
}
a.right.carousel-control img {
    margin-left: -50px;
    padding: 55px;
}
a.left.carousel-control span {
    background: white;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    margin-left: -90%;
    box-shadow: 1px 1px 1px #000;
    display: inline-block;
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.19), 0 16px 28px 0 rgba(0, 0, 0, 0.24);
}
a.left.carousel-control img {
    margin-right: -50px;
    padding: 55px;
}

/*section subscribe*/
input#mce-EMAIL {
    border: 1px solid #F6F4F0;
    background-color: #FFFFFF;
    box-shadow: 0 1px 0 0 #ABABAB;
    padding: 16px 22px;
    min-width: 350px;
}
input#mce-EMAIL:focus {
    outline: none;
    box-shadow: 0 0px 1px 0 rgb(254, 204, 47), 0 0px 1px 0 rgb(254, 204, 47);
}
#mc-embedded-subscribe {
    background-color: #000000;
    padding: 18px 40px;
    border: 0;
    color: #fff;
    font-size: 13px;
    margin-left: 16px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.p1 {
    color: #191400;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}
#mc-embedded-subscribe:hover {
    background-color: #fecc2f;
    color: #000;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.p2 {
    color: #000000;
    font-family: 'latolight';
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
}
section.subscription {
    padding: 40px 0;
}

/*footer*/
footer {
    background: #F8F7F7;
    padding: 40px 0;
}
footer ul {
    list-style: none;
    padding: 0;
}
footer h6 {
    color: #000;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}
footer ul a {
    color: #5A5A5A;
    font-family: 'latolight';
    font-size: 16px;
    font-weight: 300;
    list-style: none;
    line-height: 30px;
}
ul.social_ico li {
    display: inline-block;
    padding:0px 0 0 16px;
}
ul.social_ico li a {
    color: #000;
    font-size: 22px;
}
.copyright p {
    color: #8F8E94;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    margin: 50px 0 20px;
}

/*partners*/
    .our_partners_list img{
        max-width: 100%;
        opacity: 0.6
    }

ul.our_partners_list {
    list-style: none;
    display: inline-block;
    padding: 20px 0;
/*     box-shadow: 0 1px 0 0 #d5d5d5; */
    width: 100%;
}
ul.our_partners_list li {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin-right: 26px;
    width:11.5%;
}
ul.our_partners_list li:last-child {
    margin-right: 0px !important
}
ul.our_partners_list li a{
    cursor:auto;
}
@media (min-width: 992px) {

    .other_habbits {
    width: 100%;
}
    .container {
        width: 970px;
    }
        .policy_ {
    font-size: 20px ;
}

}

@media (max-width: 1290px) {

#success_filter_container .btn{
        padding: 12px 18px !important;

}
}

@media (min-width: 1200px) {
    .other_habbits {
    width: 90%;
}
    .container {
        width: 1024px !important;
    }
}
@media (min-width: 1400px) {
    .container {
        width: 1186px !important;
    }
        .other_habbits {
    width: 80%;
}

}

@media screen and (max-width: 1400px){
    input#mce-EMAIL{
        min-width: auto;
    width: 60%;
        
}
}
@media screen and (max-width: 1024px){
    blockquote {
    padding: 0 50px !important;
}
    .steps_ {
    padding: 0px !important;
}
    .item blockquote p {
    font-size: 20px;
    line-height: 28px;
    width: 100%;
}
div#step1 .steps_ {
    padding: 33% 0 !important;
}

    input#mce-EMAIL{
        min-width: auto;
}
    ul.our_partners_list li{
        width:10%;
    }

       #success_filter_container .btn{

  padding: 12px 16px !important;
    }
    .individual_habit_tab .nav-tabs{
        padding: 15px 0 !important;
    }.individual_habit_tab li{
        padding: 15px 30px !important;
    }
}
.black-shadow_inner{
    right: 0px;
}
div#all_blogs ul{
    padding: 0px;
}
@media screen and (max-width: 767px) {
    a.learn_more{
        opacity: 1 !important;
    }
	.gform_body {
    width: 100% !important;
}
div#pp_container_inner_blog {
    padding: 35px 20px !important;
}.inner_t_blog a{
    width: 100% !important;
}
.divider_c_blog{
    margin-bottom: 0px !important
}
ul#menu-blog-page-navigation li a{
    width: 100% !important;
}
	.shrink .navbar-toggle {
    margin-top: 8px;
    background-color: transparent;
    border: 0;
		    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
	#desktop_ico{
		display:none;
	}
	.navbar-toggle{
		margin-right:50px;
	}
		div#mob_cart {
    position: absolute;
    right: 0;
		display:block;
}
div#step1 .steps_ {
    padding: 0% 0 !important;
}
.page-template-default iframe{
    width: 100% !important;
}
        blockquote {
    padding: 0 !important;
}
    .title-area {
    margin-right: 0px;
}
.shrink img.header-logo{
        margin: 14px 20px !important;
}
#inner_banner {
    background-size: contain;
}
    .single_blog_content{
        width: 100% !important;
        padding: 0 20px;
    }
    .single_blog_content h1{

    margin-top: 40px;
}

    .log-in a,
    .sign-up a {
        padding: 7px 20px !important;
    }
    
    .container {
        width: auto !important
    }
}
.habit_list img {
    border-radius: 8px !important;
    margin-bottom: 5px !important;
}
.habit_list small {
    color: #fffefc !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    margin-top: 0 !important;
    font-size: 12px;
    font-weight: 900;
    line-height: 21px;
    text-align: center;
}
.habit_list small:before {
    content: '' !important;
}
.habit_list ul {
    list-style: none;
    padding: 0;
}
.habit_list ul li {
    list-style: none !important;
    padding: 0 !important;
    display: inline-block;
    margin: 8px 0 0 5px !important;
}.habit_list ul li img {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12), 0 5px 10px 0 rgba(0, 0, 0, 0.2) !important;
}
#step1 .featured-habits {
    color: #fff !important;
}
#how_it_works_cc .divider-container {
    margin: 0 auto 30px;
}
.step_ {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 22px;
    margin-bottom: 15px;
}
.step_c1 {
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 20px;
}
.step_c2 {
    font-size: 26px;
    font-weight: 300;
    line-height: 34px;
    font-family: 'latolight';
    letter-spacing: 0.02em;
}
.steps_ {
    padding: 0px 33% 0 0;
}
#how_it_works_cc #quote-carousel1,
#how_it_works_cc #quote-carousel {
    margin-top: 0px !important;
}
a#next {
    background-color: #FECC2F;
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.19), 0 16px 28px 0 rgba(0, 0, 0, 0.24);
    outline: 0;
    padding: 9px 70px;
    border: 0;
    text-decoration: none;
    margin-top: 60px;
    color: #000;
    display: inline-block;
    font-size: 13px;
    font-weight: 900;
    line-height: 17px;
    text-align: center;
    z-index: 999;
}
.habit_list {
    margin-bottom: 85px;
}
section.our_partners {
    background-color: #F8F7F7;
}
#step1{
        padding: 120px 0 20px;
    color: #fff !important;
    background-position: 50% 50%;
       background-color: #F3F3F3;
       width: 100%;
    background-size: cover;
        overflow: hidden;
}
#step2,#step3 {
    padding: 120px 0 20px;
    color: #000 !important;
    background-position: 50% 50%;
       background-color: #F3F3F3;
       width: 100%;
    background-size: cover;
        overflow: hidden;
}
.habit_list_other {
    margin-bottom: -55px;
    position: relative;
    z-index: 99;
}
.habit_list_3{
margin-bottom: 118px;
    position: relative;
    z-index: 99;
}
#step3:after {
    content: '';
    position: absolute;
    left: 63%;
    width: 100%;
    height: 150%;
    /*background: radial-gradient(circle,#FD4B63 50%,  #FD4B63 80%, #FECD30 10%, #FECD30 0%);*/
    /*background: radial-gradient(circle, #FFE85C 0%, #FECD30 48.18%, #FD4B63 100%);*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe354+1,ffd119+23,fd4b63+55,fd4b63+55,fd4b63+100 */
background: rgb(255,227,84); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(255,227,84,1) 1%, rgba(255,209,25,1) 23%, rgba(253,75,99,1) 55%, rgba(253,75,99,1) 55%, rgba(253,75,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255,227,84,1) 1%,rgba(255,209,25,1) 23%,rgba(253,75,99,1) 55%,rgba(253,75,99,1) 55%,rgba(253,75,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255,227,84,1) 1%,rgba(255,209,25,1) 23%,rgba(253,75,99,1) 55%,rgba(253,75,99,1) 55%,rgba(253,75,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe354', endColorstr='#fd4b63',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    top: 0;
    -webkit-transform: rotate(17deg);
    -moz-transform: rotate(17deg);
    transform: rotate(17deg);
    z-index: -1;
}



#step2:after {
        content: '';
    position: absolute;
    left: 63%;
    width: 100%;
    height: 150%;
    top: 0;
    -webkit-transform: rotate(17deg);
    -moz-transform: rotate(17deg);
    transform: rotate(17deg);
    z-index: -1;
    background-color: #E7E8EA;
}
section.how_it_works .carousel-control {
    /*margin-top: 15% !important;*/
}
.step_c2_small {
    color: #999999;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}


@media screen and (max-width: 991px) {
    .shrink .log-in a, .shrink .sign-up a{
        margin-top: 8px;
      padding:  5px 20px !important;

}
    .p2{
        font-size: 18px;
    }
    #mc-embedded-subscribe {
    background-color: #000000;
    padding: 18px 26px;
    border: 0;
    color: #fff;
    font-size: 13px;
    margin-left: 0px;
}
    input#mce-EMAIL{
        min-width: auto;
    }
.individual_habit_tab li{
        padding: 15px 10px !important;
}
    .left_subscribe {
    margin-bottom: 0px;
}   
   .success_filter p {
    font-size: 21px !important;
    line-height: 32px !important;
}
    .policy_ {
    font-size: 19px !important;
    line-height: 28px !important;
    padding: 10px 0 !important;
}

    .log-in a,
    .sign-up a {
          padding: 5px 15px !important;
    }
    .p_image, .p_content{
        float: none !important;
        width: 100% !important;
    }
    .p_image img {
    margin: 0 auto !important;
}.pp_product_p{
    padding: 0px !important;
}
.pp_product{
    padding: 30px 10px 25px !important
}.which-habit-do-you-w{
    margin-bottom: 40px !important;
     font-size: 30px !important;

}
.full_gray_inner{
    padding: 30px 0 !important;
}

    
    .navbar-nav>li>a {
        font-size: 11px;

    padding: 30px 12px;
    }
    
    .rectangle-5 {
        padding: 22px 10%;
    }
    
    .device_cc {
        /*width: 20%;*/
    }
    
    .a-marriage-of-hardwa {
        /*width: 80%;*/
    }
    
    .other_habbits_container {
        float: none;
        display: unset;
    }
    
    .other_habbits {
        display: unset;
    }
    
    .offset_l {
        width: 0px;
    }
    
    .block {
        margin: 15px 0px;
    }
    .block{
        min-height: 280px;
    }
    .title-area {
    margin-right: 15px !important;
}
}
@media screen and (max-width: 767px) {
	iframe#iframe {
    height: 20px !important;
    width: 20px !important;
    margin-top: 13px;
}
    .pp_product{

        margin-bottom: 30px !important;
    }
    .policy_{
        padding: 28px 0 !important;
    }
    div#policy_m{
        border-bottom: 1px solid !important;
        border-top: 1px solid !important;
        border-left: 0px solid !important;
        border-right: 0px solid !important;
    }
    img.header-logo {
        margin: 26px 20px;
    }
    
    .navbar-toggle {
		    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
        margin-top: 16px;
		background-color: transparent;
    border: 0;
    }
    .navbar-fixed-top .navbar-right {
    margin: 0;
}
    .navbar-nav>li>a {
        padding: 12px 0 !important;
    }
    
    .log-in a,
    .sign-up a {
        margin-right: 0px;
        margin-top: 0px;
    }
    
    ul.nav.navbar-nav.navbar-right li {
    margin-left: 20px;
    margin-top: 0px;
    width: 42%;
    float: left;
    }
    
    ul.our_partners_list li {
        margin-right: 20px;
        width:20%;
    }
    
    .dismiss-background {
        text-align: center;
    }
    
    input#mce-EMAIL {
        min-width: 100%;
    }
    
    #mc-embedded-subscribe {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
    
    .p1 {
        line-height: 30px;
    }
    
    a.right.carousel-control span {
        width: 140px;
        padding: 55%;
        margin-right: -130%;
    }
    
    a.left.carousel-control img {
        margin-right: -80px;
    }
    
    a.right.carousel-control img {
        margin-left: -80px;
    }
    
    a.left.carousel-control span {
        padding: 55%;
        margin-left: -112px;
    }
    
    #quote-carousel .carousel-control,
    #quote-carousel1 .carousel-control {
        /*margin-top: 85%;*/
    }
    
    #quote-carousel1 .item {
        padding: 0px 45px;
    }
    
    #quote-carousel .item {
        padding: 40px 45px;
    }
    
    section.how_it_works .carousel-control {
        /*margin-top: 100% !important;*/
    }
    
    .steps_ {
        padding: 0;
    }
    

    .habit_list ul li {
        margin: 0 15px 0px 0px;
    }
    
    .habit_list {
        margin-bottom: 40px;
        margin-top: 20px;
            margin-left: 20px;
    }
    
    #aa_left {
        float: left;
        text-align: left;
    }
    
    .copyright p {
        margin: 30px 20px 0px;
    }
    
    #quote-carousel .carousel-indicator {
        bottom: 0px !important;
    }
    
    #quote-carousel1 .carousel-indicators {
        bottom: -50px !important;
    }
    
    .device_cc,
    .a-marriage-of-hardwa {
        width: 100%;
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        padding: 15px 0px;
    }
    
    .button-bg {
        margin-top: 10px;
    }
}
div#guarantee img{
    max-width: 100%;
}
 
 @media screen and (max-width: 365px) {

    .habit_list small{
        font-size: 12px !important;
    }
    .habit_list_3 img {
    max-width: 239px !important;
}
.habit_list {
    margin-bottom: 0px !important;
    }
    #step1 a#next{
        margin-top: 42px !important; 
    }
 }
@media screen and (max-width: 414px) {
	.step_c2_small{max-width: 267px;}
    #quote-carousel .carousel-indicators, #quote-carousel1 .carousel-indicators {
    bottom: 0px !important;
}
    div#step2 a#next {
    margin: 20px 0 30px;
}
.page-template-default iframe{
    width: 100% !important;
    height: 200px;
}


.item blockquote p {
    font-family: 'latolight';
    color: #191400;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    width: 100%;
}
    span.dismiss{
        display: none;
    }
    .pavlok-is-the-life-c h1{
           font-size: 25px !important;
    line-height: 30px;
        width: 100%;
    }
    .is-there-somethign-y{
            font-size: 23px !important;
    line-height: 30px !important;
    }
    .button_holder{
        margin-bottom: 30px !important;
    }
    .rectangle-5{
        margin: 0px !important;
        width: 100% !important;
    display: inline-block !important;
    }
    .banner{
        background-attachment: scroll;
    }
    .s_step_content{
        font-size: 24px !important
    }
    a.view_all_habi {
        margin: 0px 0px 40px 0px !important
}
    .s_steps {
    margin-bottom: 30px !important;
}
    .individual_habit_tab li {
    padding: 12px 0 !important;
    width: 50% !important
}
h1.inner_t img {
    width: 40px;
    margin-right: 15px;
    border-radius: 7px;
}
div#sticky  .select_m_h{
padding: 5px 6px !important;
margin: 0;
}
div#sticky {
    font-size: 16px !important;
}
.pp_price_ind{
    margin: 40px 0 0 !important;
        margin: 40px 0 0 !important;
    display: none;
}
.individual_habit_tab li a{
    font-size: 15px !important
}
.individual_habit_tab .nav-tabs{
    padding: 0px !important
}
#carousel-custom{width: 100% !important}
#carousel-custom .carousel-inner  img, .individual_habit{
    width: 100% !important;
}
.inner_t {
    font-size: 20px !important;
    }
#carousel-custom .carousel-indicators li {
    float: left;
}
    div#v_section{
        padding-right: 0px !important; 
        padding-bottom: 20px !important; 
    }
    .inner_t_blog{
        width: 100% !important
    }

  
    ul.our_partners_list li{
      width: 47%;
    margin: 0 auto;
    text-align: center;
    }    

        .single_blog_content{
        width: 100% !important;
        padding: 0;
    }
        .single_blog_content h1{

    margin-top: 20px;
}
#blog_filter_container .btn, #success_filter_container .btn{
    width: 100% !important;
}
    ul.nav.navbar-nav.navbar-right li {
        margin-left: 20px;
        margin-top: 15px;
        width: 88%;
        float: left;
    }
    
    .dismiss-background {
        text-align: center;
    }
    
    input#mce-EMAIL {
        min-width: 100%;
    }
    
    #mc-embedded-subscribe {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
    
    .p1 {
        line-height: 30px;
    }
    
    a.right.carousel-control span {
        width: 140px;
        padding: 74%;
    }
    
    a.left.carousel-control img {
        margin-right: -80px;
    }
    
    a.right.carousel-control img {
        margin-left: -80px;
    }
    
    a.left.carousel-control span {
        padding: 74%;
        margin-left: -90px;
    }
    
    #quote-carousel .carousel-control,
    #quote-carousel1 .carousel-control {
display: none;
    }
    
    #quote-carousel1 .item {
        padding: 0px 15px;
    }
    div#v_section iframe{
            padding-right: 0;
    height: 210px !important;
    width: 100%;
    }
    #quote-carousel .item {
        padding: 30px 20px;
    }
    .habit_list{
        margin-left: 15px !important;
    }
    section.how_it_works .carousel-control {
        /*margin-top: 100% !important;*/
    }
    
    .steps_ {
        padding: 0;
    }
    
    .habit_list ul li {
    margin: 20px 0px!important;
    width: 25%;
    float: left;
    padding: 0px 9px!important;
}
#step2 .habit_list_other img {
    max-width: 194px;
}
.habit_list_3 {
    margin-bottom: 0 !important;
}
.habit_list_3 img {
    max-width: 218px !important;
}
    .habit_list ul li img {
    width: 50px;
		    margin: 0 auto;
    display: block;
}
    .habit_list {
        margin-bottom: 40px;
        margin-top: 20px;
    }
    
    #aa_left {
        float: left;
        text-align: left;
    }
    
    .copyright p {
        margin: 30px 20px 0px;
    }
    
    #quote-carousel .carousel-indicator {
        bottom: 0px !important;
    }
    
    #quote-carousel1 .carousel-indicators {
        bottom: -50px !important;
    }
    
    .device_cc,
    .a-marriage-of-hardwa {
        width: 100%;
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        padding: 15px 0px;
    }
    
    .button-bg {
        margin-top: 10px;
    }
}

/*habit page*/
.inner_t{
color: #FFFFFF;
    font-size: 36px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
    position: relative;
        z-index: 99;
}
#inner_banner {
    position: relative;
    background-size: cover;
}
#pp_container_inner{
    align-items: center;
    margin: 0 auto;
    padding: 9% 0;

}
.black-shadow_inner {
    height: 100%;
    width: 100%;
    /* opacity: 0.82; */
    background: #2a200063;
    position: absolute;
    z-index: 0;
    top: 0;
}

/*product*/
.p_image {
    float: left;
    width: 25%;
}
.p_image img{

    padding: 0 10px;
}
.p_content {
    float: left;
    width:75%;
    padding-left: 10px;
}
.p_content h6 {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin: 6px 0;
}
.p_content_c{
    color: #999999;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: left  !important;
}
.pp_product h3{
   color: #191400;
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    margin-top: 0;
}
.pp_product_p {
    color: #999999;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    padding: 0 40px;
}
.p_cc {
    width: 100%;
    /* background-color: #E7E8EA; */
    display: inline-block;
    padding: 15px 0;
}


.divider_c {
    border-bottom: 1px solid #E7E8EA;
}
.pp_product {
    background: #fff;
    padding: 30px 20px 25px;
    border-radius: 8.07px;
    background-color: #FFFFFF;
        border: 2px solid transparent;
            -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    box-shadow: 0 25px 55px 0 rgba(0,0,0,0.19), 0 16px 28px 0 rgba(0,0,0,0.24);
}
.pp_product:hover,.pp_product:focus, .pp_product:active{
        border: 2px solid #5C38BA;
    border-radius: 8.07px;
    background-color: #FFFFFF;
    box-shadow: 0 25px 55px 0 rgba(0,0,0,0.19), 0 16px 28px 0 rgba(0,0,0,0.24);
        -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.select_m_h{
        background-color: #FECC2F;
    outline: 0;
    border: 0;
    padding: 5px 20px;
    position: relative;
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    margin-top: 11px;
    display: inline-block;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.select_m_h:hover{
    color: #fff;
    background:#333;
    text-decoration: none;
        -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.pp_price {
    color: #191400;
    font-family: 'latolight';
    font-size: 26px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    margin: 15px 0 0;
}

.pp_product h3 span {
    font-family: 'latolight';
}

/*policy*/

.policy_ {
color: #FFFFFF;
    font-family: 'latohairline';
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
    padding: 30px 17px;
}
section.policies {
    background: #8f8e94;
}
.policy_ img {
    float: left;
}

section.policies {
background: #8f8e94;
    padding: 20px 0;
}
div#policy_m {
    border-left: 1px solid;
    border-right: 1px solid;
}
.full_gray_inner {
    background: #F8F7F7;
    padding: 65px 0;
}

/*habit individual*/
.inner_banner_habit{
    position: relative;
}
#pp_container_inner_individual {
    align-items: left;
    padding: 25px 0 50px;
}
#pp_container_inner_individual .inner_t{
text-align: left;
}


/*custom product carousal*/
.carousel-inner {
  position: relative;
  width: 100%;
  min-height: 300px;
  }
 
 .carousel-control.right {
  right: 0;
  left: auto;
  background-image: none !important;
  background-repeat: repeat-x;
}
 .carousel-control.left {
  left: 0;
  right: auto;
  background-image: none !important;
  background-repeat: repeat-x;
}
#carousel-example-generic {
    margin: 20px auto;
    width: 100%;
}

#carousel-custom {
    margin: 20px auto;
    width: 400px;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    overflow:hidden;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
        width: auto;
    border-radius: 8px;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
    border-radius: 8px;
    box-shadow: 0 1px 0 0 #CFC9C1;
    
}

#carousel-custom .carousel-indicators li.active img {
    opacity: 1;

}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
}
.carousel-indicators li img {
  /*height: 66px;*/
  width: 52px;
}
#carousel-custom a.left.carousel-control,#carousel-custom a.right.carousel-control{
    display: none !important
  }

  .pp_price_ind{
    color: #191400;
    font-family: 'latolight';
    font-size: 26px;
    font-weight: 300;
    line-height: 34px;
    margin: 80px 0 0;
  }

.individual_habit p {
    color: #999999;
    margin-bottom: 20px;
}
.individual_habit h2{
    margin-bottom: 20px;
}
.individual_habit {
    width: 69%;
}
.individual_habit_tab li a{
    border:none;

    color: #8F8E94;  font-size: 18px;    font-weight: 300;   line-height: 34px;
    border-bottom: 2px solid transparent !important;

}
.individual_habit_tab .active a{
    border:none !important;
    border-bottom: 2px solid #ffcd00 !important;


    }
.individual_habit_tab li {
    float: left;
    margin-bottom: -1px;
    padding: 15px 50px;
}

.individual_habit_tab .nav-tabs {
    border-bottom: 1px solid #ddd;
    padding: 15px 50px;
}

.s_step{
        color: #040404;  font-size: 18px;    font-weight: 500;   line-height: 22px; text-transform: uppercase;
}
div#how_it_works img{
    margin-bottom: 37px;
}div#features img{
margin-bottom: 20px;
}
    
    .tab-content {
display: inline-block;
    padding: 60px 0;
    width: 100%;

}
.individual_habit_tab {
    margin-bottom: 60px;
}
.s_step_content{   color: #191400; font-family: 'latolight'; font-size: 26px;    font-weight: 300;   line-height: 34px;}
.s_step_content_p{
    margin-top: 20px;
    color: #999999;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

/*stickey*/
#sticky {
    background-color: #333;
    font-size: 0em;
    border-radius: 0.5ex;    opacity: 0;
    font-family: 'latolight';

}

#sticky.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    border-radius: 0px;
    padding: 25px 0;
    
    z-index: 10000;
    background-color: #FFFFFF;
    box-shadow: 0 25px 55px 0 rgba(0,0,0,0.19), 0 16px 28px 0 rgba(0,0,0,0.24);
    width: 100%;
    font-size: 2em;

    opacity: 1;

}
.d-none{
    display: none;
    height: 0;
}

.g_title{

      color: #000000;   font-size: 32px;    line-height: 41px;  text-align: center;margin-bottom: 15px;

    }
    .g_content{
            font-family: 'latolight';   color: #191400;font-size: 26px;    font-weight: 300;   line-height: 34px;  text-align: center;
            margin-bottom: 50px;
    }
.guarantee {
    margin-top: 70px;
    margin-bottom: 70px;
}

div#myBtnContainer button {
    opacity: 0.7;
    color: #8F8E94;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
}

.success_filter p {
    color: #191400;
    font-size: 26px;
    font-weight: 300;
    line-height: 34px;
    font-family: 'latolight';
}
.success_filter small {
    color: #191400;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

/*blog*/
#blog_featured {
    position: relative;
    background-size: cover;
    margin-bottom: 50px;
}
#gray_g{
    background: #F8F7F7;
}


.blog_filter p {
    color: #191400;
    font-size: 26px;
    font-weight: 300;
    line-height: 34px;
    font-family: 'latolight';
}
.blog_filter small {
    color: #191400;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}
.blog_filter {
  float: left;
  margin: 2px;
  display: none;
}

.blog_filter .show {
  display: block;
}

.habit_list_other {
    margin-bottom: -55px;
}
.success_filter {
  float: left;
 margin-bottom: 100px;
  display: none;
  -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;

    animation: smoothScroll 1s forwards;
}
.success_filter iframe{
    box-shadow: 0 25px 55px 0 rgba(0,0,0,0.19), 0 16px 28px 0 rgba(0,0,0,0.24)

}
.success_filter .show {
  display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
    animation: smoothScroll 1s forwards;
}

.habit_list_other {
    margin-bottom: -55px;
}

/* Style the buttons */
#success_filter_container .btn {
  border: none;
  outline: none;
  padding:12px 31px;
  box-shadow: none;
  border-radius: 0px;
  background: transparent;
  border-bottom: 2px solid transparent;

    text-transform: uppercase;
    color:#8F8E94;
    font-size: 12px;
}

#success_filter_container .btn:hover {
  background-color: transparent;
  color: #000;
}

div#success_filter_container {
    border-bottom: 1px solid #ddd;
    padding: 0 0 30px;
    margin-bottom: 60px;
}
#success_filter_container .btn:focus {
    background-color: transparent;
    border-bottom: 2px solid #FFCD00;
    box-shadow: none;
    border-radius: 0px;
}
/* Style the buttons */
#blog_filter_container .btn {
border: none;
    outline: none;
    padding: 12px 16px;
    box-shadow: none;
    border-radius: 0px;
    background: transparent;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    color: #8F8E94;
    width: 16%;
    font-size: 12px;
}

#blog_filter_container .btn:hover {
  background-color: transparent;
  color: #000;
}

div#blog_filter_container {
/*border-bottom: 1px solid #ddd;*/
    padding: 0 0 30px;
    /*margin-top: 90px;*/
}
#blog_filter_container .btn.active {
  background-color: transparent;
  border-bottom: 2px solid #FFCD00;
  box-shadow: none;
  border-radius: 0px;

}
.ho_the_press a{
    width: 156px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 14px;
    position: relative;
    z-index: 99;
    text-transform: uppercase;
}
.ho_the_press a:hover{
    text-decoration: none;
    color: #ccc;
}

 .inner_t_blog a {
    color: #FFFFFF;
   font-size: 36px;
    font-weight: 500;
    line-height: 45px;
    text-align: left;
    position: relative;
    z-index: 99;
    margin-top: 0;
    width: 60%;
    display: inline-block;
}
 .inner_t_blog a:hover{
    text-decoration: none;
    color: #ffcd00;
 }

div#pp_container_inner_blog {
    padding: 60px 50px;
}
.divider_c_blog {
    /* border-bottom: 1px solid #E7E8EA; */
    background-color: #FFCD00;
    height: 3px;
    position: relative;
    z-index: 99;
    width: 62px;
    margin-top: 16px;
    margin-bottom: 20px;
    display: inline-block;
}
.author_bio{
    position: relative;z-index: 99;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
}
.author_bio a{
    position: relative;
    color: #fff;
    text-decoration: none;
}
.author_bio img {
     border-radius: 50%;
    margin-right: 15px;
}



.blog_priview_image {
    min-height: 280px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;

}
div#preview_blog h6{
    color: #191400;
    font-size: 24px;
    line-height: 42px;
}

.author_bio_black{
    position: relative;z-index: 99;
    color: #000;
    font-size: 16px;
    line-height: 20px;
}
.author_bio_black a{
    position: relative;
    color: #000;
    text-decoration: none;
      -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
.author_bio_black img {
     border-radius: 50%;
    margin-right: 15px;
}
div#preview_blog{
    background:#fff;
}
div#preview_blog:hover{
    background-color: #FFFFFF;
    box-shadow: 0 25px 55px 0 rgba(0,0,0,0.19), 0 16px 28px 0 rgba(0,0,0,0.24);
}
.preview_blog_c{
    padding: 30px;
}
div#preview_blog {
    background: #fff;
    width: 100%;
    /*min-height: 460px;*/
    display: inline-block;
    margin-bottom: 70px;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
div#preview_blog:hover a h6 {
    text-decoration: none;
    color: #ffcd00 !important;
}
div#preview_blog a:hover {
    text-decoration: none;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}

#loadMore {
    color: #000000;
    font-size: 10px;
    font-weight: 900;
    text-align: center;
    clear: both;
    background-color: #FECC2F;
    margin: 0 auto;
    display: inline-block;
    padding: 7px 30px;
    margin: 0 auto 80px;
}

div#showLess {
    margin: 15px auto 0;
    clear: both;
}

/*single*/
.blog_featured_single{
        padding: 60px 50px;
}
div#blog_featured_single{
    background-size: cover;
 height: 350px;
}
.blog_filter_sep{
    height: 40px;
    display: inline-block;
}
.single_blog_content h1 {
    color: #1A1A1A;
    font-size: 36px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
    margin-top: 90px;
}


.single_blog_content h2{
    color: #191400;
    font-size: 24px;
    line-height: 42px;
    margin-bottom: 20px;
}



.single_blog_content .preview_blog_c a{
    color: #1A1A1A;
    font-size: 16px;
    line-height: 20px;
}


.single_blog_content {
    width: 640px;
    margin: 0 auto;
}
.single_blog_content p{
    color: #191400;
    font-size: 16px;
    line-height: 28px;
}

/*FAQ*/
.what-can-we-help-you {
    color: #191400;
    font-size: 26px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    font-family: 'latolight';
    margin-bottom: 15px;
    margin-top: 40px;
}
input.search {
    border: 1px solid #F6F4F0;
    background-color: #FFFFFF;
    box-shadow: 0 1px 0 0 #ABABAB;
    padding: 15px 20px;
    width: 100%;
    margin-bottom: 30px;
}
.faq_content{
    width: 740px;
    margin: 0 auto;
}
.page-divider {
    height: 1px;
    width: 100%;
    background-color: #E7E8EA;
    margin-bottom: 60px;

}
.faq_box {
    border: 1px solid #F6F4F0;
    background-color: #FFFFFF;
    box-shadow: 0 1px 0 0 #ABABAB;
    padding: 20px;
        margin-bottom: 30px;
}
.faq_box h4{
    color: #191400;
    line-height: 45px;
    margin: 0px;
    margin-bottom: 20px;
  font-size: 24px;   text-align: center;}
.faq_box_all{
    background: red;
    background-color: #F8F7F7;
}
.faq_box ul {
padding: 0;    
}
.faq_box ul li{
    border-bottom:  1px solid #E7E8EA;
    color: #191400;
    list-style: none;
    font-size: 16px;
    font-weight: 300;
    line-height: 47px;
    padding: 0;
    position: relative;
}
.faq_box ul li a{
    color: #191400;
    text-decoration: none;
    font-family: 'latolight';

}
.faq_box ul:nth-child{
    border-bottom: 0px;
}
.faq_box ul li:after {
    content: "";
    background-image: url(images/faq_arrow.png);
    width: 12px;
    height: 20px;
    background-repeat: no-repeat;
    float: right;
        position: absolute;
    right:      0px;
    top: 20px;
}

/*Faq single*/
ul.bread_crumbs{
    list-style: none;
    padding: 0;
}
ul.bread_crumbs li {
    display: inline-block;
    padding: 30px 30px 30px 0;
    font-family: 'latolight';
    font-size: 16px;


}
ul.bread_crumbs li a {
    color: #4A90E2;
    font-size: 16px;
    font-weight: 300;
    line-height: 47px;
    font-family: 'latoregular';

    text-decoration: underline;
}
.faq_box h1{
    color: #191400;
    font-size: 26px;
    line-height: 45px;
}.faq_box p{
    font-size: 16px;   line-height: 30px;
    font-weight: 'latolight';
}
.was-this-article-hel {
    color: #000000;
    font-family: 'latolight';
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
}

.yes-no-i-want-to {
    height: 22px;
    width: 283px;
    color: #4A90E2;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}
.was-this-article-hel{
    float: left;
}
.yes-no-i-want-to a{
    text-decoration: underline;
}

.yes-no-i-want-to {
    float: left;
    padding: 9px 20px;
    width: fit-content;
        color: #4A90E2;
}
#faq_single_more {
    display: inline-block;
    width: 100%;
    padding: 40px 0 60px;
}

.faq_box img{
    max-width: 100%;
}
.serp{
    height: 60px;
    display: inline-block;
    width: 100%;
}
div#v_section {
    padding-right: 25px;
}
.title-area {
    margin-right: 50px;
}
a.view_all_habi {
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
    padding: 7px 15px;
    color: #fff;
    position: relative;
    z-index: 99;
        margin: 0px 0px 85px 0px;
    display: inline-block;
}
a.view_all_habi img{
    padding:0 8px 0 0;
}


#home_pp {
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
}
section#home_pp:after {
    content: '';
    height: 100%;
    width: 100%;
    /* opacity: 0.82; */
    background: #0000004d;
    position: absolute;
    z-index: 0;
    top: 0;
}


span.cart-count {
    background: #ffc100;
    padding: 0px 6px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    margin-top: 13px;
    right: 0px;
    color: #000 !important;
    width: auto;
    display: inline-block;
}
.gform_wrapper{
    display: block !important;
}
.gform_wrapper ul.gfield_radio li {
    display: inline-block;
    float: left;
    margin-left: 2.564102564102564% !important;
    text-align: center;
}

.gform_wrapper ul.gfield_radio li:first-of-type {
    clear: both;
    margin-left: 0 !important;
}

.gform_wrapper .which-habit ul.gfield_radio li input {
    display: none;
}
.gform_wrapper ul.gfield_radio li label img {
    width: 100%;
    max-width: 115px;
    margin-bottom: 10px;
}
#gform_wrapper_11 .gform_previous_button, #gform_wrapper_11 .gform_next_button {
    border: 1px solid rgba(0,0,0,.2);
    padding: 8px 16px;
    margin-top: 20px !important;
}
.gform_wrapper, .gform_wrapper .gform_page_footer, .gform_wrapper .quiz-form .gform_page_footer {
    border: none;
}
.gform_wrapper .gform_page_footer {
    margin: 14px 0;
    width: 100%;
    border-top: 1px dotted #CCC;
    padding: 16px 0 0;
    clear: both;
}
.gform_wrapper .quiz-form .gform_page_footer .button.gform_next_button, .gform_wrapper .quiz-form .gform_page_footer .button.gform_prev_button .gform_wrapper .quiz-form .gform_page_footer input.button.gform_button[type=submit] {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: #454545;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.1;
    font-size: 18px;
    width: 200px;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    text-align: center;
    text-align: center;
    background-color: #FFC95B;
    padding: 12px 24px;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    width: 170px;
    margin-top: 15px;
    margin-bottom: 20px;
}

header {
  /* animation magic */
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
.shrink .dismiss-background{ padding: 5px 0;  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out; }
.shrink .button-bg{
    padding: 2px 20px;
}
.shrink .navbar-nav>li>a{
        padding-top: 15px;
            padding-bottom: 15px;
                padding: 14px 10px;
}
.shrink img.header-logo{
        margin: 14px 0px;
         transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
.shrink .log-in a, .shrink .sign-up a{
        margin-top: 8px;
      padding:  5px 30px;

}
.shrink img.header-logo {
    width: 80%;
}
.empty_space{
    width: 100%;
}

/*social share*/
.share-medium.social-media-contents a {
    float: left;
    padding: 10px;
    font-size: 24px;
    color: #191400;
}
#share-text{
    color: #191400;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    float: left;
    padding: 15px;

}

.page-divider {
    height: 1px;
    width: 600px;
    background-color: #E7E8EA;
    box-shadow: 0 1px 0 0 #83201C;
}
.share-medium.social-media-contents {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #E7E8EA;
    padding: 38px 110px;
    align-items: center;
    border-bottom: 1px solid #E7E8EA;
}
p.comment-form-author,p.comment-form-email,p.comment-form-url{
    width: 33.3% !important;
    float: left;
}

form#commentform input {
    width: 98%;
    border: 1px solid #E7E8EA;
    margin-right: 0;
    display: inline-block;
        color: #999999;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
        padding: 12px 15px;
}
form#commentform input#submit{
    width: auto;
    box-shadow: none;
    background-color: #FECC2F;
    padding:  11px 47px;
    color: #000;
}
p.comment-form-comment label{
    display: none;
}
p.comment-form-comment textarea{
    border: 1px solid #E7E8EA;
    width: 100%;
    height: 135px;

}
p.form-submit {
    align-items: center;
    margin: 0 auto;
    text-align: center;
   color: #000000;   font-size: 10px;    font-weight: 900;   line-height: 17px;  text-align: center;
}
.fb_comments h3, div#comments h3 {
    color: #191400;
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
    text-align: center;
    margin-top: 30px;
}

/*comments*/
.avatar{border-radius:50%;float:left}.alignleft .avatar,.author-box .avatar{margin-right:24px}.alignright .avatar{margin-left:24px}.comment .avatar{margin:0 16px 24px 0}.breadcrumb{background-color:#fff;font-size:16px;font-size:1.6rem;margin-bottom:1px;padding:12px 30px}.after-entry,.archive-description,.author-box{background-color:#fff;font-size:18px;font-size:1.8rem;margin-bottom:40px;padding:60px}.archive-description p:last-child,.author-box p:last-child{margin-bottom:0}.search-form{overflow:hidden}.entry-content .search-form,.site-header .search-form{margin-bottom:40px;width:50%}.site-header .search-form{float:right;margin:12px auto 0}.post-password-form input[type=submit],.search-form input[type=submit]{margin-top:10px}.genesis-nav-menu .search input[type=submit],.widget_search input[type=submit]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;padding:0;position:absolute;width:1px}
.comment .avatar {
    margin: 0 16px 24px 0;
}
.comment-author.vcard img {
    width: 50px;
    height: 50px;
}
.comment-header {
    margin-bottom: 30px;
}
.comment-header p {
    margin-bottom: 0;
}
svg:not(:root) {
    overflow: hidden;
    display: none;
}
.comment-list li {
    padding: 20px 0 0 30px;
    list-style: none;
}
.comment-list .depth-1 {
    padding-left: 0;
}
.comment-content {
    clear: both;
}
.comment-list footer{
    padding: 0px;
}
.klaviyo_messages {
    width: 100%;
    text-align: right;
}
.klaviyo_messages .error_message {
color:red;
}
.klaviyo_messages .success_message {
color:green;
}


/*blog*/

ul#menu-blog-page-navigation {
    list-style: none;
    padding: 0;
    display: inline-block;
    width: 100%;
}

ul#menu-blog-page-navigation li a{
    float: left;
    border: none;
    outline: none;
    padding: 12px 16px;
    box-shadow: none;
    border-radius: 0px;
    background: transparent;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    color: #8F8E94;
    width: 16%;
    font-size: 12px;
    display: inline-block;
    text-align: center;
}


ul#menu-blog-page-navigation li.current-menu-item  a, ul#menu-blog-page-navigation li.current-menu-parent  a  {

background-color: transparent;
    border-bottom: 2px solid #FFCD00;
    box-shadow: none;
    border-radius: 0px;
}
ul.nav.navbar-nav.navbar-right li.active a{
    opacity: 1 !important;
	    position: relative;
    display: inline-block;
}
.shrink ul.nav.navbar-nav.navbar-right li.active iframe {
  position: absolute;
    top: 0;
    margin-top: 14px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
ul.nav.navbar-nav.navbar-right li.active iframe {
    position: absolute;
    top: 0;
    margin-top: 33px;
    margin-left: 2px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

/* quiz */
.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label img {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 50%;
}
.gform_wrapper .gform_page_footer {
    border-top: none;
    border-bottom: none;
    margin: 0;
    padding: 0;
    text-align: center !important;
    margin-top: 20px;
}
input#gform_submit_button_11 {
    border: 1px solid rgba(0,0,0,.2);
    padding: 8px 16px;
    /* margin-top: 20px !important; */
    width: auto;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: #454545;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.1;
    font-size: 18px;
    width: 200px;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    text-align: center;
    text-align: center;
    background-color: #FFC95B;
    padding: 12px 24px;
    letter-spacing: 1px;
    font-weight: 700;
    /* font-size: 20px; */
    border-radius: 30px;
}
#gform_wrapper_11 .gform_previous_button, #gform_wrapper_11 .gform_next_button {
    
    padding: 8px 16px;
    width: auto;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: #454545;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.1;
    font-size: 18px;
    width: 200px;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    text-align: center;
    padding: 12px 24px;
    letter-spacing: 1px;
    font-weight: 700;
    border-radius: 30px;
}
.gform_wrapper .quiz-form .gf_progressbar_percentage span {
    display: block;
    width: 40px;
    margin-right: 0;
    margin-left: auto;
    line-height: 1.8;
    float: right;
    margin: 10px auto 0;
    height: 40px;
    background: #333;
    top: -17px;
    border-radius: 50%;
    padding: 6px 0px 0 0px;
    font-size: 15px;
    font-weight: 700;
    color: #333;
    background-color: #efefef;
    position: relative;
    border: 1px solid #ccc;
    text-align: center;
    right: -10px;
    text-shadow: none;
}
#gform_wrapper_11 .gform_previous_button, #gform_wrapper_11 .gform_next_button {
    border: 1px solid rgba(0,0,0,.2);
    padding: 8px 16px;
    margin-top: 20px !important;
}

.gform_wrapper .quiz-form .percentbar_blue {
    background: #fdc044;
}
.gform_wrapper .quiz-form .gf_progressbar:after {
    z-index: 999;
    vertical-align: middle;
    background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px),linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.1));
    border-radius: 40px;
}
.gform_wrapper .quiz-form .gf_progressbar {
    background: none;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 10px 0;
}
.quiz-cta-row h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #606060;
}
.quiz-cta-row {
    width: 100%;
    position: relative;
    padding: 80px 0 40px;
    display: block;
    overflow: hidden;
    text-align: center;
}
.quiz-cta-row {
    width: 100%;
    position: relative;
    padding: 80px 0 40px;
    display: block;
    overflow: hidden;
    text-align: center;
}


#carousel_top .carousel-control{
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    /* margin-top: 5%; */
    top: calc(50% - 120px);
    height: 147px;
    width: 78px;
}

#carousel_top .carousel-control.left{
    left: -12px;
}

#habit h3 {
    font-weight: 500 !important ;
    line-height: 25px !important ;
}

a.learn_more {
    background-color: #FECC2F !important;
    outline: 0 !important;
    border: 0 !important;
    padding: 8px 20px !important;
    position: relative !important;
    color: #000 !important;
    margin-right: 10px !important;
    font-weight: bold !important;
    text-align: center !important;
    font-size: 12px !important;
    margin-top: 11px !important;
    opacity: 0 !important;
    display: inline-block !important;
    -webkit-transition: all 1s ease-out !important;
    -moz-transition: all 1s ease-out !important;
    -o-transition: all 1s ease-out !important;
    transition: all 1s ease-out !important;
}

.block h6 {
    color: #FFFFFF !important;
    font-family: 'latolight' !important;
    font-size: 26px !important;
    font-weight: 300 !important;
    line-height: 34px !important;
    text-align: center !important;
    position: relative !important;
}

.most-popular {
    color: #FFFFFF !important;
    font-size: 8px !important;
    font-style: italic !important;
    line-height: 12px !important;
    position: absolute !important;
    text-align: center !important;
    margin-top: -15px !important;
    right: 0 !important;
/*     top: 0 !important; */
    z-index: 99 !important;
    margin-right: 15px !important;
    background: black !important;
    text-transform: uppercase !important;
    padding: 5px 20px 3px !important;
    border-radius: 71.23px !important;
    background-color: #191400 !important;
    box-shadow: 0 1px 0 0 #83201C !important;
}
.block {
    border-radius: 10px !important;
    padding: 40px 25px 25px 25px !important;
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.19), 0 16px 28px 0 rgba(0, 0, 0, 0.24) !important;
    min-height: 280px !important;
    position: relative !important;
    border-radius: 12px !important;
    margin: 0 0 30px 0px !important;
    background-position: center !important;
    background-size: cover !important;
}


.block:hover a.learn_more {
    -webkit-transition: all 1s ease-out !important;
    -moz-transition: all 1s ease-out !important;
    -o-transition: all 1s ease-out !important;
    transition: all 1s ease-out !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

.block:hover{
    color: #fff !important;
    background-color: #333 !important;
}
.block:hover a.learn_more {
    opacity: 1 !important;
}
.et_divi_builder #et_builder_outer_content .et_pb_module blockquote{
    border: none !important;
}
.other_habbits p {
    color: #FFFFFF;
    font-family: 'latolight';
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    position: relative;
}

.fullwidth-slider { 
	margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);}

.fullwidth-slider .et_pb_slide_video { 
display: block !important; 
}