/*----------------------------------------------------------------------------------|  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));
    background-position: center;background-size: cover;background-repeat: no-repeat;
}
.avatar-img.footer{
    width: 114px;
    height: 114px;
    filter: drop-shadow(0px 11px 59px rgba(109, 109, 109, 0.16));
}
header#personal-page-header,
footer#personal-page-footer{
    height: auto;
    position: unset;
    min-height: 79px;
}
.hero-section{
    background: linear-gradient(88deg, #7A2E77 24.59%, #FBB149 98.59%);
}
.hero-img-outer{
    width: 60vw;
    height: 60vw;
    z-index: 0;
    position: relative;
    border-radius: 50%;
    justify-self: center;
    display: flex !important;
    margin: 0 0 50px 0;
    background: linear-gradient(#7A2E77, #7A2E77) padding-box, linear-gradient(to right, #E68A08 0%, #FBB149 100%) border-box;
    border: 13px solid transparent;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}
.hero-img{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
}
.owl-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}
.owl-nav button.owl-prev,
.owl-nav button.owl-next{
    position: absolute;
    width: 50px;
    height: 51px;
    text-indent: 9999999px;
    display: block;
}
.owl-nav button.owl-prev {
    left: 5%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="51" viewBox="0 0 50 51" fill="none"><path d="M0 25.5198C0 11.7127 11.1929 0.519775 25 0.519775C38.8071 0.519775 50 11.7127 50 25.5198C50 39.3269 38.8071 50.5198 25 50.5198C11.1929 50.5198 0 39.3269 0 25.5198Z" fill="%23FBB149"/><path d="M20.332 25.4687L26.332 19.7854" stroke="%23500058" stroke-width="3.33333" stroke-linecap="round"/><path d="M20.332 25.5654L26.332 31.2488" stroke="%23500058" stroke-width="3.33333" stroke-linecap="round"/></svg>') !important;
}
.owl-nav button.owl-next {
    right: 5%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="51" viewBox="0 0 50 51" fill="none"><path d="M50 25.5198C50 11.7127 38.8071 0.519775 25 0.519775C11.1929 0.519775 0 11.7127 0 25.5198C0 39.3269 11.1929 50.5198 25 50.5198C38.8071 50.5198 50 39.3269 50 25.5198Z" fill="%23FBB149"/><path d="M29.668 25.4687L23.668 19.7854" stroke="%23500058" stroke-width="3.33333" stroke-linecap="round"/><path d="M29.668 25.5654L23.668 31.2488" stroke="%23500058" stroke-width="3.33333" stroke-linecap="round"/></svg>') !important;
}
.testimonials-section{
    background-color: #7A2E77;
    position: relative;
}
.testimonial-section-inner{
    mix-blend-mode: luminosity;
    background-image: url('/components/com_personalpage/assets/images/testimonials-bg-bubbles.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.event-slider-prev,
.event-slider-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.event-slider-prev{
    left: 0;
}
.event-slider-next{
    right: 0;
}
/* Square container (keeps 1:1) */
.square,
.full-article-1 picture{
    width: 100%;            /* set the size you want */
    aspect-ratio: 1 / 1;     /* makes the box a perfect square */
    overflow: hidden;        /* hide overflow to crop */
    margin: 0 auto;
}

/* Center-crop the image */
.square img,
.full-article-1 picture img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;        /* fill and crop */
    object-position: 30% center;  /* center the focal point */
    display: block;           /* remove inline-gap */
}

section.section2b h2,
section.section2b .link-white,
section.section2b .link-white span,
section.section2b p{
    color: white
}
.link-purple,
.link-purple span,
.link-purple strong{
    color: #7A2E77;
}
section.section2b .thumb-video{
    position: relative;
}
section.section2b .thumb-video img{
    border: 4px solid #7A2E77;
    border-radius: 12px;
}

section.section2b .thumb-video .pill-effect-1,
section.section2b .thumb-video .pill-effect-2{
    border-radius:150px
}
section.section2b .thumb-video .pill-effect-1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    border: 0 solid #50005833;
    transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}

section.section2b .thumb-video .pill-effect-2 {
    border: 0 solid #50005880;
    transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}

section.section2b .thumb-video:hover .pill-effect-1 {
    transform: translate(-50%, -50%) scale(1.2);
    padding: 5px;
    border-width: 1px;
}

section.section2b .thumb-video:hover .pill-effect-2 {
    padding: 6px;
    border-width: 2px;
}


section.section2b .thumb-video * {
    cursor: pointer;
}
section.section2b .thumb-video a#watch-video{
    background: #500058;
    box-shadow: 0 195px 54px 0 rgba(0, 0, 0, 0.00),
    0 125px 50px 0 rgba(0, 0, 0, 0.03),
    0 70px 42px 0 rgba(0, 0, 0, 0.10),
    0 31px 31px 0 rgba(0, 0, 0, 0.17),
    0 8px 17px 0 rgba(0, 0, 0, 0.20);
    white-space: nowrap;
}
section.section2b .thumb-video a#watch-video.link-btn:hover{
    top: unset
}
section.section2b.py-4 {
    background: linear-gradient(359.52deg, #7A2E77 33.01%, #DF8A35 96.07%), linear-gradient(359.93deg, #7A2E77 21.76%, #A95647 60.93%, #E68A08 102.55%);
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    color: white;
    position: relative;
    overflow: hidden;
}

section.section2b .section2b-overlay {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: calc(100% + 100px);
    overflow: hidden;
    mix-blend-mode: screen;
    background-image:
            url(/components/com_personalpage/assets/images/bg-bubbles-section2b-left.svg),
            url(/components/com_personalpage/assets/images/bg-bubbles-section2b-right.svg),
            url(/components/com_personalpage/assets/images/bg-bubbles-section2b-top.svg);
    background-position: left bottom, right bottom, center top;
    background-size: auto 100%, auto 100%, 100% auto !important;
    background-repeat: no-repeat, no-repeat, no-repeat;
}

.section2b::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: url('data:image/svg+xml,<svg viewBox="0 0 1440 140.911" xmlns="http://www.w3.org/2000/svg"><path d="M0 0 C0 0 720 140.911 1440 0 Z" fill="%23fff" /></svg>')
    no-repeat top center;
    background-size: 100% auto;
    pointer-events: none;
    z-index: 1;
}

.section2b::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 250px;
    background: url('data:image/svg+xml,<svg viewBox="0 0 1440 246.597" xmlns="http://www.w3.org/2000/svg"><path d="M0 176.137 C561.6 246.597 864 0 1440 211.367 L1440 246.597 L0 246.597 Z" fill="%23fff" /></svg>') no-repeat bottom center;
    background-size: 100% auto;
    pointer-events: none;
    z-index: 1;
}
a.link-btn.link-more.purple.w-100::before {
    right: 50%;
    transform: translateX(50px);
}
#moreInformation input.form-control{
    padding-left: 50px !important;
    background-repeat: no-repeat;
    background-position: 16px center;
}
#moreInformation #formName{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M9 9C7.7625 9 6.70313 8.55938 5.82188 7.67813C4.94063 6.79688 4.5 5.7375 4.5 4.5C4.5 3.2625 4.94063 2.20312 5.82188 1.32188C6.70313 0.440625 7.7625 0 9 0C10.2375 0 11.2969 0.440625 12.1781 1.32188C13.0594 2.20312 13.5 3.2625 13.5 4.5C13.5 5.7375 13.0594 6.79688 12.1781 7.67813C11.2969 8.55938 10.2375 9 9 9ZM0 18V14.85C0 14.2125 0.164062 13.6266 0.492188 13.0922C0.820312 12.5578 1.25625 12.15 1.8 11.8688C2.9625 11.2875 4.14375 10.8516 5.34375 10.5609C6.54375 10.2703 7.7625 10.125 9 10.125C10.2375 10.125 11.4563 10.2703 12.6562 10.5609C13.8562 10.8516 15.0375 11.2875 16.2 11.8688C16.7438 12.15 17.1797 12.5578 17.5078 13.0922C17.8359 13.6266 18 14.2125 18 14.85V18H0Z" fill="%23999999"/></svg>');
}

#moreInformation #formEmail{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none"><path d="M2 16C1.45 16 0.975 15.8083 0.575 15.425C0.191667 15.025 0 14.55 0 14V2C0 1.45 0.191667 0.983334 0.575 0.599999C0.975 0.2 1.45 0 2 0H18C18.55 0 19.0167 0.2 19.4 0.599999C19.8 0.983334 20 1.45 20 2V14C20 14.55 19.8 15.025 19.4 15.425C19.0167 15.8083 18.55 16 18 16H2ZM10 9L18 4V2L10 7L2 2V4L10 9Z" fill="%23999999"/></svg>');
}

#moreInformation #formPhone{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M19.9999 14.92V17.92C20.0011 18.1985 19.944 18.4742 19.8324 18.7293C19.7209 18.9845 19.5572 19.2136 19.352 19.4019C19.1468 19.5901 18.9045 19.7335 18.6407 19.8227C18.3769 19.9119 18.0973 19.9451 17.8199 19.92C14.7428 19.5856 11.7869 18.5341 9.18993 16.85C6.77376 15.3147 4.72527 13.2662 3.18993 10.85C1.49991 8.2412 0.448176 5.27099 0.119933 2.18C0.0949436 1.90347 0.127808 1.62476 0.216434 1.36162C0.305059 1.09849 0.447504 0.856689 0.634699 0.651621C0.821894 0.446553 1.04974 0.282709 1.30372 0.170522C1.55771 0.0583343 1.83227 0.000261157 2.10993 -3.22427e-07H5.10993C5.59524 -0.00477677 6.06572 0.167078 6.43369 0.483532C6.80166 0.799986 7.04201 1.23945 7.10993 1.72C7.23656 2.68007 7.47138 3.62273 7.80993 4.53C7.94448 4.88792 7.9736 5.27691 7.89384 5.65088C7.81408 6.02485 7.6288 6.36811 7.35993 6.64L6.08993 7.91C7.51349 10.4135 9.58639 12.4864 12.0899 13.91L13.3599 12.64C13.6318 12.3711 13.9751 12.1858 14.3491 12.1061C14.723 12.0263 15.112 12.0555 15.4699 12.19C16.3772 12.5286 17.3199 12.7634 18.2799 12.89C18.7657 12.9585 19.2093 13.2032 19.5265 13.5775C19.8436 13.9518 20.0121 14.4296 19.9999 14.92Z" fill="%23999999"/></svg>');
}
div#loadingFrame {
    top: 0;
    left: 0;
    z-index: 10;
}
#moreInformation input.form-control::placeholder{
    color: #A3A3A3
}
.col-12.col-lg-5.hero-section-left {
    max-width: 490px;
    margin: 0 auto;
    text-align: center;
}
.margin-control{
    margin-left: 20px;
    margin-right: 20px;
}
img.cat-event-img {
    max-width: 100px;
}

.slider-event-date{
    font-size: 26px;
}
@media (min-width: 480px) {
    .margin-control{
        margin-left: 24px;
        margin-right: 24px;
    }
}
/*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
}
.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 {
    width: 200px;
    height: 200px;
    animation: spin 2s
    linear infinite;
    top: 50%;
    left: 50%;
    background-image: url('/images/workshops/loading-img.png');
    margin-left: -100px;
    margin-top: -100px;
}

@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*/

#personal-page-header .logo,
#personal-page-footer .logo{
    max-width: 450px;
    width: 100%;
    top: 0
}

div[id^="article-wrap-"] {
    margin: 0 20px;
    width: auto;
}

.article-intro-text .text_img {
    padding-right: 0 !important;
}

@media (min-width: 480px) {
    div[id^="article-wrap-"] {
        margin: 0 24px;
        width: auto;
    }
}
@media (min-width: 576px) {
    header p, header p *{
        text-align: right;
    }
}

@media (min-width: 768px) {
    div[id^="article-wrap-"] {
        margin: 0 30px;
        width: auto;
    }
    .article-intro-text .text_img,
    .square{
        padding-right: 1rem !important;
    }
    img.cat-event-img {
        max-width: 125px;
    }
    .slider-event-date{
        margin-top: 39px;
        font-size: 30px;
    }
    .col-12.col-lg-5.hero-section-left {
        max-width: unset;
        margin: unset;
        text-align: left;
    }
    #personal-page-header .logo,
    #personal-page-footer .logo{
        max-width: unset;
    }
    .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
    }
    .avatar-img{
        width: 250px;
        height: 250px;
    }
}

@media (min-width: 992px) {
    .hero-img-outer {
        width: 35vw;
        height: 35vw;
    }
    .hero-section .col-lg-auto,
    .hero-section .col-12.col-lg-5:not(.d-flex){
        margin-left: 2vw !important;
    }
    .modal-content.rounded-3.position-relative,
    .modal-dialog.modal-dialog-centered {
        min-width: 820px !important;
    }
    .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
    }
    .text-lg-start{
        text-align: left !important;
    }
    section.section2b .section2b-overlay {
        background-size: 100% auto;
    }
}

@media (min-width: 1200px) {
    .avatar-img{
        width: 360px;
        height: 360px;
    }
    .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%;
    }
    .hero-section .col-lg-auto,
    .hero-section .col-12.col-lg-5:not(.d-flex){
        margin-left: 6vw !important;
    }
}