.navbar {
        border-bottom: 0.2px solid #9C9582;
        webkit-box-shadow: 0 0 6px 0 #9C9582;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-box-shadow:    0 0 6px 0 #9C9582;  /* Firefox 3.5 - 3.6 */
        box-shadow:         0 0 6px 0 #9C9582;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    }

.plan-title h1{
    color: #2B9EA6;
    font-weight: bold;
    font-size: 36px;
}

.plan-container{
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.plan-container .left{
    width: 32%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.b7-l-top{
    margin-bottom: 30px;
    width: 100%;
    align-self: flex-start;
    -ms-flex-item-align: start;
}

.b7-l-top h1, .b7-l-top h3 {
    font-weight: bold;
    font-size: 20px;
    /* letter-spacing: 4px; */
    color: #9C9582;
}

.b7-linea {
    width: 27px;
    height: 1px;
    background: #cdac8a;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.b7-hidden {
    display: none;
}

.b7-tab {
    padding-bottom: 14px;
    box-sizing: border-box;
    margin-top: 14px;
    border-bottom: 1px solid #e1e1e1;
    padding-left: 25px;
    list-style: none;
}

.b7-tab a {
    font-size: 16px;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto 0 0;
    position: relative;
}

.b7-toggle span {
    height: 40px;
    width: 40px;
    display: flex;
    margin: 0 20px 0 0;
    background-position: center;
    background-repeat: no-repeat;    
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    filter: grayscale(100%);
    transition: all .25s;
}

.b7-tab.active .b7-toggle span {
    filter: grayscale(0);
}

.b7-tab em {
    margin: 0;
    padding-left: 60px;
    color: #aeaeae;
    max-width: 85%;
}

.b7-tab.active em {
    color: #727272;
}

.b7-tab.active i {
    color: #727272;
}
.b7-tab i {
    position: absolute;
    left: 90%;
    top: 0;
    bottom: 0;
    font-size: 23px;
    height: 15px;
    width: 15px;
    margin: auto;
    color: #aeaeae;
}

.b7-li a:after, .right {
    right: 0;
    opacity: 0;
}

.right {
    width: 65%;
    position: absolute;
    top: 40px;
    filter: alpha(opacity=0);
    /* visibility: hidden; */
    display: none;
    padding-left: 2%;
    box-sizing: border-box;
    border-left: 1px solid #ececec;
}

.right.active {
    position: static;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    /* visibility: visible; */
    display: block;
}

.right figure {
    text-align: center;
    margin-bottom: 40px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .55s;
    -moz-transition: all .55s;
    -o-transition: all .55s;
    -ms-transition: all .55s;
    transition: all .55s;
}

.right.active figure {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

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

.b7-text, .b8table {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.b7-text {
    padding: 40px 30px;
    box-sizing: border-box;
    background-color: #f9f9f9;
}

.b7-t-text {
    margin-bottom: 25px;
}

.b7-t-text h2 {
    font-size: 20px;
    text-align: justify;
    color: #9C9582;
    font-family: 'Montserrat-Regular';
}

.b7-p-text p {
    color: #484848;
    font-size: 16px;
    padding-bottom: 35px;
}

.b7-p-text p {
    position: relative;
    width: 95%;
    margin: 0 0 0 auto;
    text-align: justify;
    font-family: 'Montserrat-Regular';
}

.b7-p-text p:before {
    content: '';
    width: 27px;
    height: 1px;
    margin-right: 5px;
    background: #cdac8a;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 100%;
}

.right.active figure img{
    width: 100%;
}

@media (max-width: 850px){

    .container.container-details .left{
        width: 45%;
    }

    .container.container-details .right{
        width: 55%;
    }
}

@media screen and (max-width:650px){
    .container.container-details .left {
        width: 22%;
    }

    .container.container-details .right {
        width: 74%;
    }

    .b7-tab {
        padding-bottom: 22px;
        margin-top: 23px;
        padding-left: 25px;
    }
}

@media screen and (max-width:500px){

    .b7-tab {
        padding-left: 2px;
    }
}

@media (min-width: 650px){

    .container.container-details {
        max-width: 600px;
    }
}

@media screen and (min-width: 850px){
    .container.container-details {
        max-width: 900px;
    }
}