@charset "utf-8";
/* CSS Document */

body{
    animation: fadeInAnimation ease 1.3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    background-image: -webkit-repeating-linear-gradient(270deg,rgba(30,60,77,1.00) 0%,rgba(81,176,222,1.00) 30.88%,rgba(219,226,237,1.00) 55.74%,rgba(38,150,204,1.00) 80.52%,rgba(16,66,89,1.00) 100%);
    background-image: -moz-repeating-linear-gradient(270deg,rgba(30,60,77,1.00) 0%,rgba(81,176,222,1.00) 30.88%,rgba(219,226,237,1.00) 55.74%,rgba(38,150,204,1.00) 80.52%,rgba(16,66,89,1.00) 100%);
    background-image: -o-repeating-linear-gradient(270deg,rgba(30,60,77,1.00) 0%,rgba(81,176,222,1.00) 30.88%,rgba(219,226,237,1.00) 55.74%,rgba(38,150,204,1.00) 80.52%,rgba(16,66,89,1.00) 100%);
    background-image: repeating-linear-gradient(180deg,rgba(30,60,77,1.00) 0%,rgba(81,176,222,1.00) 30.88%,rgba(219,226,237,1.00) 55.74%,rgba(38,150,204,1.00) 80.52%,rgba(16,66,89,1.00) 100%);
    background-repeat: no-repeat;
    background-color: rgba(72,100,145,1.00);
        }
    @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
}
nav.navbar.navbar-default.navbar-fixed-top {
    height: 63px;
    background-color: rgba(28,110,150,1.00);

}
nav.navbar.navbar-default.navbar-fixed-top a {
   color:#65BAE2;
text-decoration: none;
}
nav.navbar.navbar-default.navbar-fixed-top .active a{
    background-color: rgba(43,56,70,1.00);
	color: aliceblue;
}

nav.navbar.navbar-default.navbar-fixed-top a:hover {
	transition: all .4s;
    color: aliceblue;
	 background-color:transparent;
}
nav.navbar.navbar-default.navbar-fixed-top a:focus {
	transition: all .4s;
	 background-color:transparent;
}


.container .navbar-header .navbar-brand {
    color:#65BAE2;
    font-family: alex-brush;
    font-style: normal;
    font-weight: 400;
    font-size: 2.7em;
	margin-top: 10px;
	margin-left:15px;
}
.nav.navbar-nav .dropdown .dropdown-menu {
    background-color: rgba(71,93,116,1.00);
    color: aliceblue;
}

.nav .navbar-default .navbar-togle .icon-bar {
	
    background-color: rgba(47,62,76,1.00);
}
.navbar-collapse {
    background-color: rgba(47,62,76,1.00);
}

.homeTable {
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    background-color: hsla(0,0%,91%,0.80);
}
.homeTable h1 {
    font-family: abel;
    color: #3A99D0;
    font-style: normal;
    font-weight: 400;
    font-size: 2.5em;
}
.jumbotron {
    font-family: abel;
    font-style: normal;
    font-weight: 400;
    background-color: hsla(0,0%,93%,0.49);
}
.jumbotron section h1 {
    color: #1D7BAD;
}
.jumbotron p {
    color: #222121;
    text-shadow: none;
}
/**homepage blocks**/



#homepage {
}
#homepage blockquote {
    padding: 0;
    border-left: none;
    position: relative;
    min-height: 300px;
}
#homepage blockquote .intro {
    color: hsla(210,25%,36%,1.00);
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
#homepage blockquote .quote {
    color: hsla(210,25%,36%,1.00);
    background-color: rgba(223,223,224,0.85);
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    width: 70%;
    font-weight: 400;
    border-radius: 0 50px 0 0;
}
#homepage h4 {
    font-family: abel;
    color: #00518C;
    font-style: normal;
    font-weight: 550;
    font-size: 1.4em;
}
#homepage blockquote .quote:hover {
    background-color: rgba(210,213,220,0.84);
    font-weight: 500;
}
#homepage blockquote a {
    text-decoration: none;
    color: #323131;
    border: none;
}
#homepage blockquote a:hover {
    color: #1A1A1A;
    border: none;
    text-decoration: none;
}
#homepage #mecha {
    background-image: url(../images/2018/mechanismBtn.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#homepage #workout {
    background-image: url(../images/2018/workoutBtnS.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#homepage #oneonone {
    background-image: url(../images/2018/onOnOneBtnS.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#homepage #innervoice {
    background-image: url(../images/2018/innverVoiceBtnS.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#homepage #irem {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../voice-lesson-oneOnOne/images/btn/IremBekterOneOnOne.jpg);
}
#homepage #dorothe {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../voice-lesson-oneOnOne/images/btn/dorothe.jpg);
}
#homepage #speaking {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../voice-lesson-oneOnOne/images/the-speaking-voice.jpg);
}
#homepage #interpret {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../voice-lesson-oneOnOne/images/btn/Standard_Building_Blocks_4.png)
}
#homepage .quote .more {
    color: hsla(210,25%,36%,1.00);
    opacity: 0;
    font-size: 0;
    line-height: 0;
    padding-top: 10px;
}
#homepage .quote:hover .more {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: hsla(0,1%,20%,1.00);
    font-weight: 400;
    display: block;
    opacity: 1.5;
    font-size: 0.9em;
    line-height: 120%;
    font-style: normal;
}
#homepage .quote .intro::after {
    content: '...';
}
#homepage .quote:hover .intro::after {
    content: '';
}
#biopage blockquote h2 {
    font-family: abel;
    color: #066FA7;
}
#biopage blockquote {
    padding: 0;
    border-left: none;
    position: relative;
    min-height: 300px;
}
#biopage blockquote .quote {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background-color: rgba(223,223,224,0.70);
    padding: 0% 4%;
    position: absolute;
    bottom: 0;
    width: 95%;
    font-weight: 500;
    border-radius: 0 50px 0 0;
}
#biopage blockquote .quote:hover {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background-color: rgba(211,215,223,0.85);
}
#biopage .quote .more {
    opacity: 0;
    font-size: 0;
    line-height: 0;
    padding-top: 10px;
}
#biopage .quote:hover .more {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #1F1F1F;
    font-weight: 400;
    display: block;
    opacity: 1.5;
    font-size: .8em;
    line-height: 120%;
}
#biopage .quote .intro::after {
    content: '...';
}
#biopage .quote:hover .intro::after {
    content: '';
}
#biopage #background {
    background-image: url(../images/bgBtns/johanne-Desforges1969.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#biopage #teaching {
    background-image: url(../images/2018/teacherJD.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#biopage #musician {
    background-image: url(../images/bgBtns/Johanne-Desforges-Musician.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#biopage #singer {
    background-image: url(../images/bgBtns/johanne-Desforges19795.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bioImg {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    -webkit-box-shadow: 2px 2px 4px 2px hsla(0,1%,53%,1.00);
    box-shadow: 2px 2px 4px 2px hsla(0,1%,53%,1.00);
}
.mechanism {
    padding-left: 10px;
    margin-bottom: 14px;
    margin-top: 0px;
    overflow: scroll;
    background-color: hsla(180,1%,83%,0.75);
    height: 320px;
}

.mechVideo {
    height: auto;
	
}

.mechTables {
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background-color: hsla(0,0%,91%,0.50);
}
.mechTables h2 {
    font-family: abel;
    color: #14709B;
}
.mechTables h3 {
    font-family: abel;
    color:hsla(201,49%,50%,1.00);
	font-weight:500;
}
.audio {
    padding-left: 10px;
    margin-bottom: 14px;
    margin-top: 0px;
    overflow: scroll;
    background-color: hsla(180,1%,83%,0.75);
    height: 200px;
}
.mechAudio{
	
	height: auto;
	
}
.bioContainer {
    height: 400px;
    background-color: hsla(220,11%,83%,0.63);
}
.player {
    -webkit-box-shadow: 6px 7px 17px 1px hsla(0,2%,35%,1.00);
    box-shadow: 6px 7px 17px 1px hsla(0,2%,35%,1.00);
}
.buySpace{
	background-color: hsla(43,55%,74%,0.50);
	padding: 7px;
}
#videoTiles blockquote {
    padding: 0px;
    margin: 0px;
    border-left: none;
    background-image: -webkit-linear-gradient(270deg, rgba(168,182,188,1.00) 0%, rgba(255,255,255,1.00) 10.89%);
    background-image: -moz-linear-gradient(270deg, rgba(168,182,188,1.00) 0%, rgba(255,255,255,1.00) 10.89%);
    background-image: -o-linear-gradient(270deg, rgba(168,182,188,1.00) 0%, rgba(255,255,255,1.00) 10.89%);
    background-image: linear-gradient(180deg, rgba(168,182,188,1.00) 0%, rgba(255,255,255,1.00) 10.89%);
}
#videoTiles blockquote h3 {
    font-family: abel;
    color: #2F2F31;
    font-style: normal;
    font-weight: 400;
    margin-left: 9px;
}
.footerMenu {
    height: 40%;
    background-color: #232E39;
    padding-top: 30px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 31px;
}
.footerMenu a {
    color: #65BAE2;
}
.footerMenu a:hover {
    color: white;
}
.copyright {
    color: #C9C4C4;
    text-align: center;
    font-size: 11px;
    padding-top: 9px;
    padding-bottom: 7px;
    background-color:rgba(68,94,137,1.00)
}
footer li a {
    color: #D8D0D0;
}
footer p {
    color: #D1CECE;
}
footer h2 {
    color: #99C4E3;
    font-size: 1.5em;
    text-align: left;
    font-family: abel;
    font-style: normal;
    font-weight: 400;
}
.phone a {
    color: hsla(199,33%,52%,1.00);
}
.phone a:hover {
    color: hsla(202,22%,86%,1.00);
    text-decoration: none;
}
.container.mechTables .col-md-5.mechanism h2 {
    color: hsla(202,66%,31%,1.00);
}
#topFixedNavbar2 .nav.navbar-nav .active {
    background-color: rgba(245,6,10,1.00);
}


@media (min-device-width:320px) and (max-device-width:767px) {
#article .bottomhom h1 {
    color: #92C0E1;
    text-align: center;
    text-shadow: 2px 3px 5px #474646;
    text-decoration: none;
    font-size: 1.5em;
}
#videoTiles blockquote {
    padding-top: 1px;
    margin-bottom: 7px;
}
.container .navbar-header .navbar-brand {
    color: #636367;
    font-family: alex-brush;
    font-style: normal;
    font-weight: 400;
    font-size: 2.5em;
}
}