/*----------------------------------------------------------------------------------|  www.vdm.io  |----/
				TCM Services 
/-------------------------------------------------------------------------------------------------------/

	@version		1.0.0
	@build			1st November, 2018
	@created		21st October, 2018
	@package		Personal Page
	@subpackage		personalpage.css
	@author			Emílio Leite <http://tcmsvc.net>	
	@copyright		Copyright (C) 2018. All Rights Reserved
	@license		GNU/GPL Version 2 or later - http://www.gnu.org/licenses/gpl-2.0.html
  ____  _____  _____  __  __  __      __       ___  _____  __  __  ____  _____  _  _  ____  _  _  ____ 
 (_  _)(  _  )(  _  )(  \/  )(  )    /__\     / __)(  _  )(  \/  )(  _ \(  _  )( \( )( ___)( \( )(_  _)
.-_)(   )(_)(  )(_)(  )    (  )(__  /(__)\   ( (__  )(_)(  )    (  )___/ )(_)(  )  (  )__)  )  (   )(  
\____) (_____)(_____)(_/\/\_)(____)(__)(__)   \___)(_____)(_/\/\_)(__)  (_____)(_)\_)(____)(_)\_) (__) 

/------------------------------------------------------------------------------------------------------*/

html,body{
    overflow-x: hidden;
}
.font-grand-hotel {
    font-family: 'Grand Hotel', cursive !important;
}
.avatar-img{
    width: 97px;
    height: 97px;
    filter: drop-shadow(0px 11px 59px rgba(0, 0, 0, 0.16));
}
.avatar-img.footer{
    width: 114px;
    height: 114px;
    filter: drop-shadow(0px 11px 59px rgba(109, 109, 109, 0.16));
}
/*table-responsive begin*/
@media
only screen and (max-width: 768px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    #more-about table, #more-about thead, #more-about tbody, #more-about th, #more-about td, #more-about tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #more-about thead {
        border: none;
    }
    #more-about thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #more-about tr { border: 1px solid #ccc; }

    #more-about td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 35%;
    }

    #more-about td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 38%;
        left: 6px;
        width: 30%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        color: #690095;
    }

    /*
    Label the data
    */
    #more-about td:nth-of-type(1):before { content: "DATES"; }
    #more-about td:nth-of-type(2):before { content: "LOCATION"; }
    #more-about td:nth-of-type(3):before { content: "TYPE"; }
    #more-about td:nth-of-type(4):before { content: "DESCRIPTION"; }

    #more-about .table a.purple, #more-about .table a.purple:visited {
        font-size: 13px;
        padding: 10px !important;
    }

    #more-about div.table-responsive {
        width: 115%;
    }
    #more-about a.showAll {
        display: none !important;
    }

    #more-about div.collapse:not(.show).four-workshop {
        height: auto !important;
    }
}
/*table-responsive end*/

/* CSS Document */

.content {
    min-height: 300px;
}
.large-icon {
    font-size: 13em !important;
}
.contact .contact-address {
    padding: 0 1.5rem;
}
.navbar .mod-languages {
    padding-bottom: 0.425rem;
    padding-top: 0.425rem;
}
.lang-inline {
    list-style: outside none none;
    margin: 0;
}
.lang-inline > li {
    display: inline;
    margin-left: 8px;
}
.login {
    margin: 0 auto;
    max-width: 330px;
    padding-top: 1em;
}
.tags.inline {
    padding-left: 0;
}
.tags.inline li {
    display: inline;
}
.item-image {
    margin-bottom: 20px;
}

* {
    font-family: 'Lato', Arial, Sans-Serif;
    color: #333333;
}
header,footer{
    background: linear-gradient(to left, #aa04d7 0%, #270131 100%);
    min-height: unset;
    height: auto;
}
header p a,footer p a{
    color: #CBCBCB;
}
header p, header p *{
    color: #FFFFFF;
}
footer p, footer p *{
    color: #FFFFFF;
}
header p a,footer p a{
    color: #CBCBCB;
    border-color: #CBCBCB
}
header figure img,footer figure img{
    max-height:148px
}

h1{
    font-size: 60px;
    font-weight: 400;
    text-transform: none
}
h2{
    font-size: 36px;
    font-weight: 400;
    text-transform: none
}
h3{
    font-weight: 400;
    text-transform: none
}
h4{
    font-size: 18px;
    font-weight: 400;
    text-transform: none
}
h5{
    font-size: 20px;
    font-weight: 400;
    text-transform: none
}
h6{
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}
.wrap-content{
    padding-left: 15px
}

.qt-level-1 figure{
    top: -50px;
    height: 100px;
}
.qt-level-1 figure img{
    width: 200px;
}

.font-hotel{
    font-family: 'Grand Hotel',Arial,Sans-Serif
}

/*modal begin*/
.modal-form .modal-header{
    background: #690095 url("../images/modal-header-background.jpg") no-repeat center center;
    background-size: cover
}
.modal-form .purple-border{
    background: #FFFFFF;
    border: 1px solid #690095;
}
.modal-form .position-absolute.w-100 {
    background: rgba(100,100,100,0.5);
}
.modal-form .loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #690095; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    top: 50%;
    margin-top: -60px;
    left: 50%;
    margin-left: -60px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.modal-workshop-type .modal-header{
    color: #FFFFFF;
}
.modal-workshop-type{
    background: #FFFFFF;
}
.orange-button {
    border-radius: 6px !important;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
}
.orange-button {
    background: none repeat scroll 0 0 #e56b53 !important;
    margin: 15px 0 10px 0;
}
.modal-category .modal-dialog{
    max-width: 600px;
}
/*modal end*/

/*thank-you area begin*/
.thank-you figure.avatar img{
    max-width: 182px;
}
.thank-you .avatar-wrapper{
    width: 155px;
    height: 155px;
    overflow: hidden;
}
.thank-you a img.icon-hover{
    display:none;
}
.thank-you a:hover img.icon-hover{
    display:inline-block;
}
.thank-you a:hover img.icon{
    display:none;
}
.thank-you a:hover{
    text-decoration: none;
}
/*thank-you area end*/

/*inspiring-stories area begin*/
.inspiring-stories .avatar-wrapper{
    width: 199px;
    height: 199px;
    overflow: hidden;
}
.inspiring-stories *{
    color: #FFFFFF
}
.inspiring-stories{
    background: #690095 url("../images/inspiring-stories-background.jpg") no-repeat center center;
    background-size: cover
}
.inspiring-stories .storie{
    background-image: linear-gradient(#800090, #612E9A);
    padding-top: 99px;
    margin-top: 99px;
}
.inspiring-stories .storie picture{
    top: -99px;
    left:50%;
    margin-left: -99px;
    background-color: #FFFFFF;
}
.inspiring-stories .storie p{
    font-size: 14px;
    font-weight: 400
}
.inspiring-stories .storie a.purple,
.inspiring-stories .storie a.purple:visited{
    background: transparent;
    border-radius: 30px;
    font-size: 10px;
    border: 2px solid #FFFFFF !important;
    text-decoration: none;
}
.inspiring-stories .storie a.purple:hover{
    background: #510073;
    border-color: #510073 !important;
    text-decoration: none;
}
/*inspiring-stories area end*/

/*more-about area begin*/
.more-about .avatar-wrapper{
    width: 152px;
    height: 152px;
    overflow: hidden;
}

.more-about .more-about-header p{
    font-size: 16px;
    line-height: 20px
}
.more-about .level,
.more-about .location,
.more-about .phone,
.more-about .email,
.more-about .web{
    font-weight: 400
}
.more-about .more-about-text p{
    font-size: 14px
}
.more-about a.purple{
    background: #690095;
    border-radius: 30px;
    color: #FFFFFF !important;
    font-size: 14px;
}
.more-about .table {
    border:2px solid #585858
}
.more-about .table thead{
    background: #690095;
    font-size: 20px;
    border:2px solid #585858
}
.more-about .table thead th{
    color: #FFFFFF;
    font-weight: 400;
}
.more-about .table td,
.more-about .table th{
    border:2px solid #585858
}
.more-about .table thead td,
.more-about .table thead th{
    border-bottom-width:2px
}
.more-about div.collapse:not(.show),
.more-about div.collapsing{
    display: block;
    overflow: hidden;
}
.more-about div.collapse.four-workshop:not(.show) {
    height: 726px !important
}
.more-about div.collapsing {
    min-height: 726px !important
}
.more-about a.collapsed:after  {
    content: 'SEE FULL SCHEDULE';
}
.more-about a.showAll:not(.collapsed):after  {
    content: 'SHOW LESS';
}
.more-about .table a.purple,
.more-about .table a.purple:visited{
    background: #690095;
    border-radius: 30px;
    color: #FFFFFF !important;
    font-size: 20px;
    text-decoration: none;
}
.more-about .table a.purple:hover{
    background: #510073;
    color: #FFFFFF !important;
    text-decoration: none;
}
.more-about .table .date,
.more-about .table .hour,
.more-about .table .location,
.more-about .table .level{
    font-size: 20px;
}
.more-about .level{
    max-width: 220px;
}
.more-about .table .date a,
.more-about .table .hour a,
.more-about .table .location a,
.more-about .table .level a,
.more-about .table .date a:hover,
.more-about .table .hour a:hover,
.more-about .table .location a:hover,
.more-about .table .level a:hover{
    font-weight: 700;
    text-decoration: underline;
    color: #333333;
}
.more-about .table .location a:hover,
.more-about .table .level a:hover{
    color: #000000;
}
/*more-about area end*/

/*qt-level-1 area begin*/
.qt-level-1 *{
    color: #FFFFFF;
}
.qt-level-1 p{
    padding: 0.5rem 0;
    font-size: 14px;
    font-weight: 400;
}
.qt-level-1{
    background: #690095 url("../images/qt-level-1-background.jpg") no-repeat center center;
    background-size: cover
}
.qt-level-1 div.collapse:not(.show),
.more-about div.collapsing {
    display: block;
    height: 200px !important;
    overflow: hidden;
}

.qt-level-1 div.collapsing:not(.show) {
    height: 200px !important;
}
.qt-level-1 div.collapsing div.collapsing{
    min-height: 200px !important;
}
.qt-level-1 a.collapsed:after  {
    content: 'READ MORE ABOUT LEVEL 1 WORKSHOPS';
}
.qt-level-1 a:not(.collapsed):after  {
    content: 'SHOW LESS';
}
.qt-level-1 a,
.qt-level-1 a:visited{
    background: transparent;
    border-radius: 30px;
    border: 2px solid #FFFFFF;
    font-size: 10px;
    text-decoration: none;
    color: #FFFFFF;
}
.qt-level-1 a:hover{
    background: #510073;
    border-color: #510073;
    text-decoration: none;
    color: #FFFFFF;
}
/*qt-level-1 area end*/

/*endorsements area begin*/
.endorsements .avatar-wrapper{
    width: 306px;
    height: 306px;
    overflow: hidden;
}
.endorsements{
    background: #E9E9E9;
}
.endorsements .name{
    font-size: 16px
}
.endorsements .speciality{
    font-size: 16px;
    font-weight: 400;
}
.endorsements .description{
    font-size: 14px;
    font-weight: 400
}
.endorsements a,
.endorsements a:visited{
    background: #690095;
    border-radius: 30px;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
}
.endorsements a:hover{
    background: #510073;
    color: #FFFFFF;
    text-decoration: none;
}
/*endorsements area end*/

/*what-is-qt area begin*/
.what-is-qt *{
    color: #FFFFFF;
}
.what-is-qt p{
    padding: 0.5rem 0;
    font-weight: 400
}
.what-is-qt{
    background: #690095 url("../images/what-is-qt-background.jpg") no-repeat center center;
    background-size: cover
}
.what-is-qt a,
.what-is-qt a:visited{
    background: transparent;
    border: 2px solid #FFFFFF;
    border-radius: 30px;
    font-size: 10px;
    text-decoration: none;
    color: #FFFFFF;
}
.what-is-qt a:hover{
    background: #510073;
    border-color: #510073;
    text-decoration: none;
    color: #FFFFFF;
}

/*what-is-qt area end*/

/*energy-boost area begin*/
.energy-boost{
    position: relative;
}
.energy-boost a,
.energy-boost a:visited{
    background: #690095;
    border-radius: 30px;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
}
.energy-boost .col-lg-6{
    text-align: left;
}
.energy-boost .col-lg-6.backimage{
    position: absolute;
    bottom: 0;
    height: 625px;
    width: 430px;
    z-index: -1;
    right: 0;
}
.energy-boost .col-lg-6.backimage img{
    height: auto;
    position: absolute;
    bottom: 0;
}
.energy-boost .col-lg-6.backimage img {
    width: 650px;
    right: -80px;
}
.energy-boost a {
    margin-top: 140px !important;
    margin-bottom: -20px !important;
}
@media (min-width: 992px){
    .energy-boost .col-lg-6.backimage img {
        width: 1200px;
        right: -160px;
    }
    .energy-boost a {
        margin-top: 10px !important;
    }
    .energy-boost .col-lg-6.backimage{
        position: absolute;
        bottom: 0;
        height: 625px;
        width: 430px;
        z-index: -1;
        right: 0;
    }
}
@media (min-width: 1200px){
    .energy-boost .col-lg-6.backimage{
        position: absolute;
        bottom: 0;
        height: 625px;
        width: 430px;
        z-index: -1;
        right: 0;
    }
    .energy-boost .col-lg-6.backimage img {
        width: 1400px;
        right: -350px;
    }
    .energy-boost a {
        margin-top: 10px !important;
    }
}
/*energy-boost area end*/

/*advanced-workshops area begin*/
.advanced-workshops.zero{
    display: none !important;
}
.advanced-workshops{
    background: #690095;
}
.advanced-workshops h2{
    color: #FFFFFF;
}
.advanced-workshops .adv-col{
    width: 80%;
    background: #E9E9E9;
    display: inline-block;
    padding: 20px 40px 20px;
    margin-left: 10%;
    margin-top:40px !important;
    position: relative;
    min-height: 320px;
    top: 0;
    margin-top: 0;
    float: left;
}
@media (min-width: 992px) {
    .advanced-workshops .adv-col {
        width: 80%;
        background: #E9E9E9;
        margin-left: 10%;
        margin-top:40px !important;
        position: relative;
        min-height: 280px;
        top: 0;
        margin-top: 0;
        float: left;
    }
}
@media (min-width: 1200px) {
    .advanced-workshops.one .adv-col{
        width: 80%;
        margin-left: 6.66666%;
        min-height: 300px;
    }
    .advanced-workshops.two .adv-col{
        width: 45%;
        margin-left: 3.333333%;
        min-height: 390px;
    }
    .advanced-workshops.three .adv-col{
        width: 30.3%;
        margin-left: 3%;
        min-height: 600px;
    }
    .advanced-workshops .adv-col {
        background: #E9E9E9;
        position: relative;
        top: 0;
        margin-top: 0;
        float: left;
    }
}
.advanced-workshops .adv-col.no-has-level{
    display: none !important;
}
.advanced-workshops .adv-col a:hover,
.advanced-workshops a:hover{
    background: #510073;
    color: #FFFFFF;
    text-decoration: none;
}
.advanced-workshops a,
.advanced-workshops a:visited{
    background: transparent;
    border-radius: 30px;
    border: 2px solid #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    color: #FFFFFF;
}
.advanced-workshops .adv-col a,
.advanced-workshops .adv-col a:visited{
    background: #690095;
    border-radius: 30px;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    position: absolute;
    bottom: -30px;
    width: 80% !important;
    left: -30%;
    transform: translateX(50%);
}
/*advanced-workshops area end*/

/*practitioner-presentation area begin*/
.practitioner-presentation-header{
    background-size: cover;
    padding-bottom: 121px;
}
.practitioner-presentation-header .avatar-wrapper{
    border-color: #E8E6E6 !important;
    border-width: 8px !important;
    background: #E8E6E6;
    width: 242px;
    height: 242px;
    left:-121px;
    margin-left:50%;
    overflow: hidden;
}
.practitioner-presentation-header a.text-uppercase{
    background: #690095;
    color: #FFFFFF;
    border-radius: 30px;
    font-size: 12px
}
.practitioner-presentation-header a.text-uppercase:hover{
    background: #510072;
    text-decoration: none;
}
.practitioner-presentation-header ul{
    list-style: circle;
}
.practitioner-presentation-header ul li{
    display: inline;
    color: white;
    padding: 0 30px;
}
.practitioner-presentation-text{
    margin-top: 121px;
}
.practitioner-presentation-text .name-title{
    font-size: 24px;
    font-weight: bold
}
.practitioner-presentation-text .level{
    font-size: 16px;
    font-weight: 400
}
.practitioner-presentation-text .description,
.practitioner-presentation-text .description *{
    font-weight: 400
}
.practitioner-presentation-text .sign{
    font-size: 26px;
    font-weight: 400
}
.practitioner-presentation-text .name-sign{
    font-size: 40px;
    font-weight: 400
}
.practitioner-presentation-text a{
    background: #690095;
    color: #FFFFFF;
    border-radius: 30px;
    font-size: 12px
}
.practitioner-presentation-text a:hover{
    background: #510072;
    text-decoration: none;
}
/*practitioner-presentation area end*/

/*video-modal begin*/
.video-container {
    position: relative;
    padding: 30px 10px 56.25% 10px;
    height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-modal .modal-content{
    position: relative;
}
.video-modal .close-button {
    position: absolute;
    width: 30px;
    height: 30px;
    right: -10px;
    top: -15px;
    border: none;
    background: none;
    cursor: pointer;
}
/*video-modal end*/


@media (min-width: 576px) {
    header p, header p *{
        text-align: right;
    }
}

@media (min-width: 768px) {
    h1{
        font-size: 96px
    }
    h2{
        font-size: 72px
    }
    h3{
        font-size: 38px
    }
    h4{
        font-size: 30px
    }
    h5{
        font-size: 30px
    }
    h6{
        font-size: 22px
    }
    .practitioner-presentation-header{
        padding-bottom: 121px
    }
    .practitioner-presentation-text{
        margin-top: 119px
    }

    .qt-level-1 figure{
        top: -150px;
        height: 280px;
    }
    .qt-level-1 figure img{
        width: 518px;
    }

    .practitioner-presentation-text .level {
        font-size: 24px;
    }
    .practitioner-presentation-text .description,
    .practitioner-presentation-text .description *{
        font-size: 20px;
    }
    .practitioner-presentation-text a,
    .practitioner-presentation-header a.text-uppercase{
        font-size: 16px
    }
    .what-is-qt p{
        font-size: 20px
    }
    .what-is-qt a{
        font-size: 14px
    }
    .endorsements .name{
        font-size: 24px
    }
    .endorsements .speciality{
        font-size: 24px
    }
    .endorsements .description{
        font-size: 20px
    }
    .endorsements a{
        font-size: 14px
    }
    .qt-level-1 p{
        font-size: 20px
    }
    .qt-level-1 a{
        font-size: 14px
    }
    .more-about .more-about-header p{
        font-size: 24px;
        line-height: 28px;
    }
    .more-about .more-about-text p{
        font-size: 20px
    }
    .inspiring-stories .storie p{
        font-size: 18px
    }
    .inspiring-stories .storie a.purple{
        background: #690095;
        font-size: 14px;
        color: #FFFFFF !important;
        border: none
    }
    header p, footer p, header p *, footer p *{
        font-size: 18px
    }
}

@media (min-width: 992px) {
    h1{
        font-size: 96px
    }
    h2{
        font-size: 70px
    }
    h3{
        font-size: 38px
    }
    h4{
        font-size: 30px
    }
    h5{
        font-size: 30px
    }
    h6{
        font-size: 22px;
        line-height: 26px
    }
    .practitioner-presentation-header{
        padding-bottom: 121px
    }
    .practitioner-presentation-text{
        margin-top: 119px
    }

    .qt-level-1 figure{
        top: -150px;
        height: 280px;
    }
    .qt-level-1 figure img{
        width: 518px;
    }

    .practitioner-presentation-text .level {
        font-size: 24px;
    }
    .practitioner-presentation-text .description,
    .practitioner-presentation-text .description *{
        font-size: 20px;
    }
    .practitioner-presentation-text a,
    .practitioner-presentation-header a.text-uppercase{
        font-size: 16px
    }
    .what-is-qt p{
        font-size: 20px
    }
    .what-is-qt a{
        font-size: 14px
    }
    .endorsements .name{
        font-size: 24px
    }
    .endorsements .speciality{
        font-size: 24px
    }
    .endorsements .description{
        font-size: 20px
    }
    .endorsements a{
        font-size: 14px
    }
    .qt-level-1 p{
        font-size: 20px
    }
    .qt-level-1 a{
        font-size: 14px
    }
    .more-about .avatar-wrapper{
        width: 112px;
        height: 112px;
        overflow: hidden;
    }
    .more-about .more-about-header p{
        font-size: 24px;
        line-height: 28px;
    }
    .more-about .more-about-text p{
        font-size: 20px
    }
    .inspiring-stories .storie p{
        font-size: 18px
    }
    .inspiring-stories .storie a.purple{
        background: #690095;
        font-size: 14px;
        color: #FFFFFF !important;
        border: none
    }
    .more-about .table .date, .more-about .table .hour, .more-about .table .location, .more-about .table .level{
        font-size: 16px;
    }
    .more-about .table a.purple{
        font-size: 14px;
    }
    header p, footer p, header p *, footer p *{
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    h1{
        font-size: 96px
    }
    h2{
        font-size: 72px
    }
    h3{
        font-size: 38px
    }
    h4{
        font-size: 30px
    }
    h5{
        font-size: 30px
    }
    h6{
        font-size: 22px;
        line-height: 26px
    }
    .practitioner-presentation-header{
        padding-bottom: 121px
    }
    .practitioner-presentation-text{
        margin-top: 119px
    }

    .qt-level-1 figure{
        top: -150px;
        height: 280px;
    }
    .qt-level-1 figure img{
        width: 518px;
    }

    .practitioner-presentation-text .level {
        font-size: 24px;
    }
    .practitioner-presentation-text .description,
    .practitioner-presentation-text .description *{
        font-size: 20px;
    }
    .practitioner-presentation-text a,
    .practitioner-presentation-header a.text-uppercase{
        font-size: 16px
    }
    .what-is-qt p{
        font-size: 20px
    }
    .what-is-qt a{
        font-size: 14px
    }
    .endorsements .name{
        font-size: 24px
    }
    .endorsements .speciality{
        font-size: 24px
    }
    .endorsements .description{
        font-size: 20px
    }
    .endorsements a{
        font-size: 14px
    }
    .qt-level-1 p{
        font-size: 20px
    }
    .qt-level-1 a{
        font-size: 14px
    }
    .more-about .more-about-header p{
        font-size: 24px;
        line-height: 28px;
    }
    .more-about .more-about-text p{
        font-size: 20px
    }
    .inspiring-stories .storie p{
        font-size: 18px
    }
    .inspiring-stories .storie a.purple{
        background: #690095;
        font-size: 14px;
        color: #FFFFFF !important;
        border: none
    }
    header p, footer p, header p *, footer p *{
        font-size: 18px
    }
    .wrap-content {
        padding: 0 17%;
    }
}