/* Search Engine Terms / Glossary */

.main__glossaryPos { display: table; width: 100%; position: relative; }
.main__glossary { position: relative; padding: 40px 25%; padding-left: calc((100% - 1000px) / 2); padding-right: calc((100% - 1000px) / 2); }
.main__glossary:before { content: ""; display: block; position: absolute; top: 0; left: 0; background-color: #faa41a; width: 25%; width: calc((100% - 1000px) / 2); height: 100%; z-index: 0; }
.GL__lettersPos { height: 100%; display: table-cell; width: 25px; vertical-align: top; }
.GL__letters {background-color: #0086c2;color: white;width: 50px;padding: 30px 0;border-radius: 25px;text-align: center;margin: 0 0 0 -25px;top:40px;}
.GL__letters a { display: block; text-align: center; text-decoration: none; color: inherit; font-size: 16px; line-height: 1.6; text-transform: lowercase; }
.GL__letters a:hover,.GL__letters a:focus {background-color:#000;}
.GL__letters a.active {font-size: 193px;width: 264px;height: 264px;line-height: 1.25;background-color: #0086c2;border-radius: 50%;overflow: hidden;margin: 0 -107px;text-transform: uppercase;}
.GL__letters a:first-child.active { margin-top: -30px; }
.GL__letters a:last-child.active { margin-bottom: -30px; }
.GL { padding-left: 130px; display: table-cell; vertical-align: top; }
.GE__headline { color: #0086c2; font-size: 27px; font-family: "Caviar Dreams" , sans-serif; font-weight: normal; letter-spacing: 0; margin: 0; border-bottom: 1px solid #badeee; line-height: 2.5; }
.GE--open .GE__headline { background: transparent center right no-repeat; }
.GE__headline a {display: block;text-decoration: none;color: inherit;position: relative;padding: 0 0 0 20px;}
.GE__headline a:hover,.GE__headline a:focus {background-color:#f5fafd;}
.GE__headline a:after {content: "";display: block;position: absolute;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);width: 10px;height: 10px;border-right: 1px solid;border-bottom: 1px solid;top: 50%;right: 20px;bottom: 50%;margin: auto 0;color: #75BEDE;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.GE__headline a::first-letter { font-weight: 700; margin-right: 1px;}
.GE--open .GE__headline a:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg);}
.GE__body { background: #f5fafd; font-size: 12px; line-height: 1.833; color: #000; }
.GE__body > div { padding: 20px; }
.GE__body > div > :first-child { margin-top: 0; }
.GE__body > div > :last-child { margin-bottom: 0; }

.SearchEngineTerms .main { background:url(/Content/images/glossaryBG.jpg) bottom right no-repeat #FFF; }

@media only screen and (max-width: 1400px) {
	.GL__letters a.active { font-size: 148px; width: 200px; height: 200px; margin: 0 -75px; }
}
@media only screen and (max-width: 1200px) {
	.main__glossary { padding: 25px 100px; }
	.main__glossary:before { /*display: none;*/ width: 100px; }
	.GL__letters {top:25px;}
	.GL__letters a.active { width: 150px; height: 150px; font-size: 110px; margin: 0 -50px; }
	.GL { padding-left: 75px; }
}
@media only screen and (max-width: 1000px) {
	.main__glossary { padding: 20px 10px; }
	.main__glossary:before { width: 50px; }
	.GL__lettersPos { width: 60px; }
	.GL__letters { margin: 0 0 0 20px; width: 40px; top:20px;}
	.GL__letters a { line-height: 2; }
	.GL__letters a.active { font-size: 55px; width: 80px; height: 80px; margin: 0 -20px; }
	.GL { padding: 0 30px; }
    .GE__headline { font-size:20px;}
    .SearchEngineTerms .main { background-size:50%; }

}
@media only screen and (max-width: 640px) {
    .main__glossary { padding: 5px; }
    .main__glossary:before { width: 25px; }
    .GL__lettersPos { width: 40px; }
    .GL__letters { margin: 0 0 0 10px; width: 20px; padding: 5px 0px; top: 5px; }
    .GL__letters a { font-size: 10px; line-height: 2.25; margin: 0 -10px; }
    .GL__letters a.active { font-size: 28px; width: 40px; height: 40px; margin: 0 -10px; }
    .GL__letters a:first-child.active { margin-top: -5px; }
    .GL { padding: 0 5px; }
    .GE__headline { font-size: 14px; font-family: "Open Sans",sans-serif; padding-right:9%; width:100%;}
    .SearchEngineTerms .main { background: #FFF; }
    .GE__headline a { line-height: 1.2; padding: 11px 0; }
    .GE__headline a::after { top:30%;right:-9%;}
}