@charset "utf-8";
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(68,94,137,1.00) 0%,rgba(142,164,199,1.00) 32.75%,rgba(199,210,227,1.00) 61.75%,rgba(68,94,137,1.00) 84.97%,rgba(68,94,137,1.00) 99.59%);
    background-image: -moz-repeating-linear-gradient(270deg,rgba(68,94,137,1.00) 0%,rgba(142,164,199,1.00) 32.75%,rgba(199,210,227,1.00) 61.75%,rgba(68,94,137,1.00) 84.97%,rgba(68,94,137,1.00) 99.59%);
    background-image: -o-repeating-linear-gradient(270deg,rgba(68,94,137,1.00) 0%,rgba(142,164,199,1.00) 32.75%,rgba(199,210,227,1.00) 61.75%,rgba(68,94,137,1.00) 84.97%,rgba(68,94,137,1.00) 99.59%);
    background-image: repeating-linear-gradient(180deg,rgba(68,94,137,1.00) 0%,rgba(142,164,199,1.00) 32.75%,rgba(199,210,227,1.00) 61.75%,rgba(68,94,137,1.00) 84.97%,rgba(68,94,137,1.00) 99.59%);
    background-repeat: no-repeat;
    background-color: rgba(68,94,137,1.00);
	color:slategrey;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
}
#topAddress a {
	color:rgba(188,201,221,1.00);
	font-weight: 500;
}
#topAddress a:hover{
color:aliceblue;
}
#navbarSupportedContent1 a{
    color: white;
    text-decoration: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 7px 7px 0px 0px;
    padding-bottom: 5px;
    border: thin solid rgba(84,89,91,1.00);
    background-color:rgba(192,157,105,1.00);
    margin-right: 3px;
    text-align: center;
}
#navbarSupportedContent1 a:hover{
    transition: all .4s;
    background-color: rgba(43,43,43,0.60);
    color: white;
}
#navbarSupportedContent1 .active{
    background-color: rgba(43,43,43,0.61);
    color: white;
}

a{
    color: rgba(173,113,25,1.00);
    font-weight: 500;
}
a:hover{
    color: rgba(241,246,254,1.00);
    text-decoration: none;
}
#btnTheor a{
    color: white;
    text-decoration: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 7px 7px 0px 0px;
    padding-bottom: 5px;
    border: thin solid rgba(84,89,91,1.00);
    background-color: rgba(192,157,105,1.00);
    margin-right: 2px;
    text-align: center;
	
}
#btnTheor a:hover{
    transition: all .4s;
    background-color: rgba(119,121,123,1.00);
    color: white;
}
#btnTheor .active{
    background-color: rgba(119,121,123,1.00);
    color: white;
	
}

h1{
	font-size: 2em;
    font-weight: 300;
    color: rgba(192,157,105,1.00);
}
h2{
	font-weight: 300;
 color: rgba(65,92,138,1.00);	
}
h3{
	font-weight: 300;
	 color: rgba(65,92,138,1.00);
}
h4{
	font-weight: 300;
	 color: rgba(65,92,138,1.00);
}
h5{
	font-weight: 300;
	 color: rgba(65,92,138,1.00);
}

.textContent{
    background-color: rgba(243,239,232,1.00);
}
.audioBack{
	background-color:rgba(240,243,244,1.00);
}
.leftBox{
    background-color: rgba(229,230,231,0.75);
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
}
.rightBox{
    background-color: rgba(235,235,235,0.92);	
}
.banner{
    background-image: -webkit-linear-gradient(270deg,rgba(210,211,212,1.00) 0.21%,rgba(243,239,232,1.00) 9.95%,rgba(243,239,232,1.00) 88.70%,rgba(153,155,157,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(210,211,212,1.00) 0.21%,rgba(243,239,232,1.00) 9.95%,rgba(243,239,232,1.00) 88.70%,rgba(153,155,157,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(210,211,212,1.00) 0.21%,rgba(243,239,232,1.00) 9.95%,rgba(243,239,232,1.00) 88.70%,rgba(153,155,157,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(210,211,212,1.00) 0.21%,rgba(243,239,232,1.00) 9.95%,rgba(243,239,232,1.00) 88.70%,rgba(153,155,157,1.00) 100%);
}

.footer{
	font-size: .8em;
	color:aliceblue;
}
.audioSide{
    background-color: rgba(241,243,244,1.00);
    border: thin solid rgba(66,65,65,1.00);
}
.quote:hover {
    background-color: rgba(210,213,220,0.84);
    font-weight: 500;
}
#mecha{
	 background-image: url(../images/2018/mechanismBtn.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	
}
#oneonone {
    background-image: url(../images/2018/onOnOneBtnS.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#workout {
    background-image: url(../images/2018/workoutBtnS.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#innervoice {
    background-image: url(../images/2018/innverVoiceBtnS.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.mechanism {
    overflow: scroll;
    background-color: hsla(180,1%,83%,0.75);
    height: 360px;
}
#interpret {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../voice-lesson-oneOnOne/images/btn/Standard_Building_Blocks_4.png)
}


/* CSS Document */