.sfsPage #SITE_MAIN {
    background: #444;
    position: absolute;
    width: 100%;
    top: 66px;
    bottom: 0;
    overflow: auto;
}

.sfsPageIcon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: #defa14 solid 3px;
	background: transparent center no-repeat;
	background-size: 64px;
	box-shadow: 0 0 20px #defa14;
}
.sfsTitle .sfsPageIcon {
    float: right;
}
.thrBoxShadow {
	box-shadow: 3px 3px 15px rgba(0,0,0,0.8);
}

.thrGSigninButton, .thrFbButton {
    cursor: pointer;
    display: inline-block;
    padding: 1px 12px 1px 48px;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 34px;
    color: #fff;
    position: relative;
    border-radius: 1px;
}
.thrGSigninButton {
    background: #4285f4;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
}
.thrFbButton {
    background: linear-gradient(#4c69ba, #3b55a0);
    box-shadow: 1px 1px 1px 1px rgba(0,0,124,.3);
}
.thrGSigninButton:hover, .thrFbButton:hover {
    box-shadow: 0 0 3px 3px rgba(66,133,244,.3);
}
.thrGSigninButton:active {
    background-color: #3367d6;
}
.thrGSigninButton::after, .thrFbButton::after {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    top: 1px;
    left: 1px;
}
.thrGSigninButton::after {
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48Zz48cGF0aCBmaWxsPSIjRUE0MzM1IiBkPSJNMjQgOS41YzMuNTQgMCA2LjcxIDEuMjIgOS4yMSAzLjZsNi44NS02Ljg1QzM1LjkgMi4zOCAzMC40NyAwIDI0IDAgMTQuNjIgMCA2LjUxIDUuMzggMi41NiAxMy4yMmw3Ljk4IDYuMTlDMTIuNDMgMTMuNzIgMTcuNzQgOS41IDI0IDkuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNNDYuOTggMjQuNTVjMC0xLjU3LS4xNS0zLjA5LS4zOC00LjU1SDI0djkuMDJoMTIuOTRjLS41OCAyLjk2LTIuMjYgNS40OC00Ljc4IDcuMThsNy43MyA2YzQuNTEtNC4xOCA3LjA5LTEwLjM2IDcuMDktMTcuNjV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI0ZCQkMwNSIgZD0iTTEwLjUzIDI4LjU5Yy0uNDgtMS40NS0uNzYtMi45OS0uNzYtNC41OXMuMjctMy4xNC43Ni00LjU5bC03Ljk4LTYuMTlDLjkyIDE2LjQ2IDAgMjAuMTIgMCAyNGMwIDMuODguOTIgNy41NCAyLjU2IDEwLjc4bDcuOTctNi4xOXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMzRBODUzIiBkPSJNMjQgNDhjNi40OCAwIDExLjkzLTIuMTMgMTUuODktNS44MWwtNy43My02Yy0yLjE1IDEuNDUtNC45MiAyLjMtOC4xNiAyLjMtNi4yNiAwLTExLjU3LTQuMjItMTMuNDctOS45MWwtNy45OCA2LjE5QzYuNTEgNDIuNjIgMTQuNjIgNDggMjQgNDh6Ij48L3BhdGg+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg0OHY0OEgweiI+PC9wYXRoPjwvZz48L3N2Zz4=) center no-repeat;
}
.thrFbButton::after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIxNiIgaGVpZ2h0PSIyMTYiPjxwYXRoIGQ9Ik0gMjA0LjE1LDAgSCAxMS45NDkgQyA1LjM0OTA2LDAgMC4wNDkwNjQsNS4zIDAuMDQ5MDY0LDExLjkgdiAxOTIuMiBjIDAsNi42IDUuMjk5OTk2LDExLjkgMTEuODk5OTM2LDExLjkgSCAxMTUuNDUgViAxMzIuNCBIIDg3LjI0OSBWIDk5LjggaCAyOC4xMDEgdiAtMjQgYyAwLC0yNy45IDE3LC00My4xIDQxLjksLTQzLjEgMTEuOSwwIDIyLjIsMC45IDI1LjIsMS4zIHYgMjkuMiBoIC0xNy4zIGMgLTEzLjUsMCAtMTYuMiw2LjQgLTE2LjIsMTUuOSB2IDIwLjggaCAzMi4zIGwgLTQuMiwzMi42IGggLTI4IFYgMjE2IGggNTUgYyA2LjYsMCAxMS45LC01LjMgMTEuOSwtMTEuOSBWIDExLjkgQyAyMTYuMDUsNS4zIDIxMC43NSwwIDIwNC4xNSwwIHoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+PC9zdmc+) center no-repeat;
    background-size: 24px 24px;
}

/*************** override ***************/
.thrDlgTitle {
	font-size: 20px;
}
.thrDlgBody {
	font-size: 12pt;
	line-height: 1.5em;
	padding: 10px;
}
.thrDlgBody input, .thrDlgBody textarea, .thrDlgBody .thrDropdownSelect {
	font-size: 12pt;
}
.thrDropdownButton>*:not(.thrDropdown):first-child::after, .thrDropdownSelect>*:first-child::after, .thrUfSelection::after {
	border-left-width: 5px;
	border-right-width: 5px;
	border-top-width: 5px;
}

.thrContentDlg .thrDlgTitle {
	padding: 4px 4px 4px 6px;
}
.thrContentDlg .thrDlgButtons>.thrButton {
	padding: 7px 15px;
}
.thrContentDlg input, .thrContentDlg .thrDropdownSelect, .thrContentDlg .thrListbox, .thrContentDlg .thrOrderbox, .thrContentDlg .thrDropdownButton[data-control="ddFunctions"], .thrContentDlg .thrArrowDown {
	height: 30px;
}
.thrContentDlg .thrDropdownButton>*:first-child:not(.thrIcon):not(.thrSvgIcon), .thrContentDlg .thrDropdownSelect>*:first-child:not(.thrIcon) {
	line-height: 30px;
}
.thrContentDlg .thrDropdownSelect>.thrDropdown, .thrContentDlg .thrListbox>.thrDropdown, .thrContentDlg .thrOrderbox>.thrDropdown, .thrContentDlg .thrDropdownButton[data-control="ddFunctions"]>.thrDropdown, .thrContentDlg .thrArrowDown>.thrDropdown {
	top: 29px
}
.thrContentDlg .thrDropdownSelect>.thrDropdown>*, .thrContentDlg .thrListbox>*, .thrContent .thrOrderbox>*, .thrContentDlg .thrDropdownButton[data-control="ddFunctions"]>.thrDropdown>*, .thrContentDlg .thrArrowDown>.thrDropdown>* {
	min-height: 20px;
}

/************** thrMenu **************/
.thrMenu {
	position: relative;
    width: 100%;
    height: 30px;
    background-color: #00333c;
    color: #aaa;
    box-shadow: 0 3px 3px 0 rgba(68,68,68,0.7);
    text-align: center;
    font-size: 12pt;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 10;
}

.thrMenu>li {
    float: left;
    cursor: pointer;
    line-height: 190%;
    position: relative;
}
.thrMenu>li>a, .thrMenu>li>span {
    padding: 0 20px;
}
.thrMenu li>a {
    text-decoration: none;
    color: inherit;
}
.thrMenu>li:hover {
    color: #000;
    background: linear-gradient(#defa14, #a9bf04);
}
.thrMenu>li:hover>ul {
    transform: scaleY(1);
}
.thrMenu>li>ul {
    display: block;
    padding: 0;
    font-size: 11pt;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 30px;
    background-color: #00333c;
    color: #ddd;
    border: none;
    border-radius: 0 0 3px 3px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    box-shadow: 3px 3px 15px rgba(0,0,0,0.8);
    transform: scaleY(0);
    transform-origin: 50% 0;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
}
.thrMenu>li>ul li {
    display: block;
    margin-top: 0;
    color: #ddd;
    background-color: #00333c;
    line-height: 200%;
    padding-left: 10px;
    text-align: left;
}
.thrMenu>li>ul li>a {
    display: block;
    width: 200px;
}
.thrMenu>li>ul li:hover {
    background-color: #defa14;
    color: #444;
}

/************** thrTable **************/
.thrTable {
    margin: 10px 0;
    border-spacing: 1px;
	border-collapse: collapse;
	border: 1px solid #a9bf04;
    width: 100%;
}
.thrTable>tbody>tr>td {
    padding: 6px;
}
.thrTable>thead {
	background-color: #a9bf04;
	color: #00333c;
}
.thrTable>thead>tr>th {
    padding: 6px;
    font-weight: bold;
    text-align: left;
    line-height: 120%;
}
.thrTable>tbody>tr:nth-child(odd) {
    background-color: #fff;
}
.thrTable>tbody>tr:nth-child(even) {
    background-color: #eee;
}
.thrTable>tbody>tr.thrSelected {
	background-color: #c7e105;
}
.thrTable>tbody>tr.thrTableGroupRow {
	color: #a9bf04;
	background: linear-gradient(#e7e7da, #fff, #e7e7da);
	font-weight: bold;
	border: 1px solid #535d03;
}
.thrTable>tbody>tr.thrTableGroupRow>td {
	height: 28px;
}
.thrTable>tbody>tr.thrTableGroupRow>td:last-child {
	position: relative;
}
.thrTable>tbody>tr.thrTableGroupRow>td:last-child::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: transparent;
    top: 16px;
    right: 12px;
    border: 3px solid #a9bf04;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.thrTable>tbody>tr.thrTableGroupRow.thrCollapsed>td:last-child::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
}

/*************** sfsContent ***************/
.thrContent {
    background: #f8f8f8;
    padding: 50px 0;
    min-height: 840px;
}
.sfsContentbox {
    min-width: 698px;
    max-width: 1060px;
    width: 72%;
    margin: 0 auto;
    background-color: #fff;
    color: #000;
    border: 1px solid #a9bf04;
    box-shadow: 5px 5px 30px #888;
}
.sfsContentbox>.thrSeparator {
	margin: 0 80px;
    height: 30px;
    border-bottom: #535d03 4px solid;
}
.sfsContentbox input, .sfsContentbox textarea, .thrContentRow input, .thrContentRow textarea {
    line-height: 1.2em;
	background-color: #fff;
    box-shadow: 2px 2px 8px #ddd;
}
.sfsContentbox .thrDropdownSelect {
    box-shadow: 2px 2px 8px #ddd;
}
.sfsContentbox .thrButton:not(.thrSmall), .thrContentRow .thrButton:not(.thrSmall) {
    min-width: 100px;
    line-height: 34px;
    padding: 1px 15px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
}
.sfsContentbox h2 {
	margin: 0;
    color: #a9bf04;
    text-align: left;
}
.sfsContentbox input, .thrContentRow input {
    color: #000;
	height: 32px;
}
.sfsContentbox input:-webkit-autofill, .thrContentRow input:-webkit-autofill {
    background-color: #eee;
}
.sfsContentbox .thrTable .thrButton:not(.thrSmall), .thrContentRow .thrTable .thrButton:not(.thrSmall) {
    line-height: auto;
}

.sfsContentline, .sfsContentButtonline {
    box-sizing: border-box;
    padding: 10px 80px;
    width: 100%;
    min-height: 10px;
}
.sfsContentButtonline {
	padding-top: 40px;
}
.sfsContentline>a {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.sfsContentline>a.thrRight {
    margin-left: 10px;
    margin-right: 0;
}
.sfsContentline>img {
    width: 100%;
    border: 1px solid #ddd;
}

.sfsContentTable {
    width: 100%;
    border-collapse: collapse;
}
.sfsContentTable>tbody>tr>td {
    padding-top: 5px;
    padding-bottom: 5px;
}
.sfsContentTable>tbody>tr>td:first-child {
    padding-right: 5px;
}
.sfsContentTable>tbody>tr>td>input[type="text"], .sfsContentTable>tbody>tr>td>input[type="password"], .sfsContentTable>tbody>tr>td>textarea {
    width: 100%;
    box-sizing: border-box;
}
.sfsContentSVG {
    background: transparent;
    margin: 50px auto;
    box-shadow: 3px 3px 15px #888;
    width: 90%;
}

@media screen and (min-width: 1200px) {
    .sfsContentbox, .sfsContentbox input, .sfsContentbox textarea, .thrContentRow, .thrContentRow input, .thrContentRow textarea {
        font-size: 12pt;
    }
    .sfsContentbox .thrButton {
    	font-size: 11pt;
    }
    .sfsContentline>h1 {
        line-height: 120%;
    }
    .sfsContentbox .thrDropdownButton, .sfsContentbox .thrDropdownSelect, .thrContentRow .thrDropdownButton, .thrContentRow .thrDropdownSelect {
        height: 30px;
    }
    .sfsContentbox .thrDropdownButton>.thrDropdown, .sfsContentbox .thrDropdownSelect>.thrDropdown, .thrContentRow .thrDropdownButton>.thrDropdown, .thrContentRow .thrDropdownSelect>.thrDropdown {
    	top: 30px;
    }
    .thrContentRow .thrDropdownSelect .thrDropdown {
    	top: 30px;
    }
    .sfsContentbox .thrDropdownButton>*:first-child:not(.thrIcon):not(.thrSvgIcon), .sfsContentbox .thrDropdownSelect>*:first-child:not(.thrIcon),
    .thrContentRow .thrDropdownButton>*:first-child:not(.thrIcon):not(.thrSvgIcon), .thrContentRow .thrDropdownSelect>*:first-child:not(.thrIcon) {
        height: 30px;
        line-height: 30px;
    }
}

.thrGoButton {
    height: 28px;
    width: 28px;
    border-radius: 50%;    
    cursor: pointer;
    display: inline-block;
    background: linear-gradient(#eee,#ddd);
}
.thrGoButton::after {
    content: "";
    display: inline-block;
    padding: 4px;
    height: 20px;
    width: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4gIDxwYXRoIGQ9Im0gMTUuNjgsMTAuNzY5NSBjIC0wLjM3LDAgLTAuNjcsMC4yODMgLTAuNjcsMC42MzQgMCwwIDAuMDEsMTcuNTA0IC0wLjAxLDI1LjE5MyAwLDAuMzUxIDAuMzAxLDAuNjM0IDAuNjcsMC42MzQgMC4xODUsLTAuMDIgMC40MDEsLTAuMTEyIDAuNTE4LC0wLjE4MSBsIDIxLjU1MSwtMTEuNTIyIGMgMS4xNjksLTAuNjI1IDEuMTYzLC0xLjA1OCAxLjE2OSwtMS4zNCAwLC0wLjI0NiAwLC0wLjc1NCAtMS4xOTMsLTEuNDE1IC03LjA2NCwtMy44NzIgLTIxLjUxOSwtMTEuODIyIC0yMS41MTksLTExLjgyMiAtMC4xMTYsLTAuMDcgLTAuMzMyLC0wLjE1OSAtMC41MTcsLTAuMTgxIHoiIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmUiIC8+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.thrGoButton.thrAccent {
    font-weight: bold;
    color: #000;
    background: linear-gradient(#defa14, #a9bf04);
}
.thrGoButton:hover {
    color: #222;
    background: linear-gradient(#fff, #ddd);
    box-shadow: 0 0 6px #a9bf04;
}
.thrGoButton.thrAccent:hover {
    color: #3a4301;
    background: linear-gradient(#f0ff80, #c7e105);
}

table.sfsContentCard { width: 100%; background-color: #fff; color: #000; padding: 0; border: 2px solid #a9bf04; border-collapse: separate; border-spacing: 0; border-radius: 10px; margin-bottom: 50px; box-shadow: 3px 3px 15px #888; }
.sfsContentCard>thead { background-color: #a9bf04; color: #defa14; font-size: 1.5em; font-weight: bold; }
.sfsContentCard>thead>tr>th { padding: 6px 10px; line-height: 200%; }
.sfsContentCard>thead>tr>th:first-child { border-top-left-radius: 8px; }
.sfsContentCard>thead>tr>th:last-child { border-top-right-radius: 8px; text-align: right; }
.sfsContentCard>tbody>tr:nth-child(even):not(.sfsLastRow) { background-color: #efefe6; }
.sfsContentCard>tbody>tr>td { padding: 30px 15px; }
.sfsContentCard.sfsSummary>tbody>tr>td:first-child { text-align: center; width: 44px; }
.sfsContentCard>tbody>tr.sfsLastRow { background-color: #a9bf04; color: #000; }
.sfsContentCard>tbody>tr.sfsLastRow>td { height: 20px; padding: 0; }
.sfsContentCard>tbody>tr.sfsLastRow>td:first-child { border-bottom-left-radius: 8px; }
.sfsContentCard>tbody>tr.sfsLastRow>td:last-child { border-bottom-right-radius: 8px; }
.sfsContentCard a:not(.thrButton) { color: #535d03; }
.sfsContentCard h3 { color: #a9bf04; }

.sfsAccentText { color: #a9bf04; font-weight: bold; }

.sfsTitle {
    background-color: #a9bf04;
    color: #defa14;
    margin: 0 0 60px 0;
}
.sfsTitle>div, .sfsTexture {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNjAwIj4gIDxwYXRoIGQ9Im0gMjIxLjc1LDU3LjU2MjUgLTIxLjI1LDU5Ljk5OTUgODAuNzUsMCAyMS4yNSwtNTkuOTk5NSAtODAuNzUsMCB6IG0gLTM5LjM0NCwyMi41IDAuMjgyLDAuODQzNyAtMTE1Ljk2OTIsMCBjIC04LjIxNTMsMCAtMTYuMzc4NCwzLjM3ODQgLTIyLjE4NzYsOS4xODc2IC01LjgwOTEsNS44MDkxIC05LjE4NzQsMTMuOTcyMiAtOS4xODc0LDIyLjE4NzIgbCAwLDM3MC4wOTQgYyAwLDQuNzI1IC0xLjkzOTksOS40NCAtNS4yODEzLDEyLjc4MSAtMy4zNDE0LDMuMzQyIC04LjA1NTgsNS4yODIgLTEyLjc4MTMsNS4yODIgbCAtMTcuMTg3NDUsMC4wNiAwLDEzLjM0NCAxNy4xODc0NSwtMC4wNiBjIDguMjE1MiwtMC4wNCAxNi4zNzg0LC0zLjM3OCAyMi4xODc2LC05LjE4NyA1LjgwOTEsLTUuODA5IDkuMTg3NCwtMTQuMDA0IDkuMTg3NCwtMjIuMjE5IGwgMCwtMzcwLjA5NCBjIDAsLTQuNzI1IDEuOTM5OSwtOS40MDggNS4yODEzLC0xMi43NDk4IDMuMzQxNCwtMy4zNDE0IDguMDU1OCwtNS4zMTI0IDEyLjc4MTMsLTUuMzEyNCBsIDExNS45NjkyLDAuMDMxIC0wLjI4MiwwLjgxMjUgNy41LC03LjUgLTcuNSwtNy41IHogbSA2NzUuMDk0LDE3LjUgMCw1OS45OTk1IDgwLDAgMCwtNTkuOTk5NSAtODAsMCB6IG0gMjUxLjg4LDAuMDMxIGEgMzAsMzAgMCAwIDAgLTMwLjg4LDI5Ljk2ODIgMzAsMzAgMCAwIDAgNjAsMCAzMCwzMCAwIDAgMCAtMjkuMTIsLTI5Ljk2ODIgeiBtIC0xNTEuODgsMTkuOTY4MiAwLDIwIDkxLDAgMTAsLTEwIC0xMCwtMTAgLTkxLDAgeiBtIC0yMTAuOTM4LDEuMjE5IEEgMzcuMDcsMzcuMDcgMCAwIDAgNzA5LjUsMTU1Ljg3NSBsIDAsNTcuOTY5IDIwLDAgMCwtNTcuOTY5IGEgMTcuMDcsMTcuMDcgMCAwIDEgMTcuMDYyLC0xNy4wOTQgbCA4MC45MzgsMCAxMCwtMTAgLTEwLC0xMCAtODAuOTM4LDAgeiBtIC01MDEuNzE4LDE4Ljc4MSAwLDgyLjgxMyBhIDMxLjM4LDMxLjM4IDAgMCAwIDMxLjM3NSwzMS4zNzUgbCAtMjQuNzE5LC0wLjAzIC02NiwwLjAzIDAsMjYuNjU2IDY2LDAgOTYsMCAyMCwtMjAgLTIwLC0yMCAtNzEuMjgxLDAgYSAxOC4wNSwxOC4wNSAwIDAgMSAtMTguMDYzLC0xOC4wMzEgbCAwLC04Mi44MTMgLTEzLjMxMiwwIHogbSAxODYuMTI1LDgyLjkwNyAtMy40NjksMTQuNTkzIDE0LjM3NSwtNC4yODEgLTguNDM3LC0yIC0yLjQ2OSwtOC4zMTIgeiBtIC0zLjQ2OSwxNC41OTMgLTQwLDAgMCw2MCA4MCwwIDAsLTYwIC00MCwwIHogbSAyOTIsMCAtMzAsMzAgMzAsMzAgMzAsLTMwIC0zMCwtMzAgeiBtIC01ODMuMTI1LDAuMDMgYSAzMCwzMCAwIDAgMCAtMzAuODc1LDI5Ljk2OCAzMCwzMCAwIDAgMCA2MCwwIDMwLDMwIDAgMCAwIC0yOS4xMjUsLTI5Ljk2OCB6IG0gMzUxLjEyNSw5Ljk2OCAwLDQwIDE2MC43ODEsMCAyMCwtMjAgLTIwLC0yMCAtMTYwLjc4MSwwIHogbSAyMjIsNzEuMjE5IDAsNTYuMjE5IGEgMzcuMDcsMzcuMDcgMCAwIDAgMzcuMDYyLDM3LjA2MiBsIDgwLjkzOCwwIDEwLC0xMCAtMTAsLTEwIC04MC45MzgsMCBBIDE3LjA3LDE3LjA3IDAgMCAxIDcyOS41LDM3Mi41IGwgMCwtNTYuMjE5IC0yMCwwIHogbSAtNTAzLjkwNiw1My4yODEgMCw1My40MzggYyA1MC44OTMsLTIyLjAwNiA0My4wMzcsMjEuOSA5MS44MTIsMC41MzEgbCAwLC01My45NjkgLTkxLjgxMiwwIHogbSA2NTEuOTA2LDAgMCw2MCA4MCwwIDAsLTYwIC04MCwwIHogbSAxMDAsMjAgMCwyMCA2My45NCwwIGEgMTcuMDcsMTcuMDcgMCAwIDEgMTcuMDYsMTcuMDYzIGwgMCwyMCAxMCwxMCAxMCwtMTAgMCwtMjAgYSAzNy4wNywzNy4wNyAwIDAgMCAtMzcuMDYsLTM3LjA2MyBsIC02My45NCwwIHogbSAtNjQwLjA5NCwyIDAsMTYgMjc5LjQzOCwwIGEgMTcuNjYsMTcuNjYgMCAwIDEgMTcuNjU2LDE3LjY1NyBsIDAsMjMuNDA2IDgsOCA4LC04IDAsLTIzLjQwNiBhIDMzLjY2LDMzLjY2IDAgMCAwIC0zMy42NTYsLTMzLjY1NyBsIC0yNzkuNDM4LDAgeiBtIDQ5LjA5NCw4MS43MTkgYyAtMjQuMjksMCAtNDMuOTM4LDcuMjM4IC00My45MzgsMTYuMTU3IDAsOC45MTggMTkuNjQ5LDE2LjE1NiA0My45MzgsMTYuMTU2IDI0LjMwOCwwIDQ0LC03LjIzOCA0NCwtMTYuMTU2IDAsLTguOTE5IC0xOS42OTIsLTE2LjE1NyAtNDQsLTE2LjE1NyB6IG0gMjU2LDQuNTYzIC0zMCwzMCAzMCwzMCAzMCwtMzAgLTMwLC0zMCB6IG0gNDI2LDAgLTMwLDMwIDMwLDMwIDMwLC0zMCAtMzAsLTMwIHogTSAzMjIuNTYyLDQ5MS44NzUgMzIyLjUsNTI4LjUgYyAyLjkwNiw3Ljg4MyAyMS44ODgsMTMuOTM4IDQ0LjE1NiwxMy45MzggMjIuMjY4LDAgNDAuOTM4LC02LjA4NyA0My44NDQsLTEzLjk2OSBsIDAsLTM1LjUzMSBDIDQwOC44NTMsNTAxLjMxIDM4OS43NzIsNTA4IDM2Ni41MzEsNTA4IGMgLTI0LjI1MywwIC00My45MzIsLTcuMjIgLTQzLjk2OSwtMTYuMTI1IHogbSAxMTcuOTM4LDUuOTY5IC0xMCwxMCAxMCwxMCAxMzAuNzgxLDAgMCwtMjAgLTEzMC43ODEsMCB6IG0gMjQwLjcxOSwyLjUgLTcuNSw3LjUgNy41LDcuNSAtMS4zNzUsLTQuMTU2IDMxMC4zNzUsMCAwLC02LjY1NyAtMzEwLjM3NSwwIDEuMzc1LC00LjE4NyB6IG0gNDE4LjUwMSwwLjg0NCAwLDEzLjM0MyAxMDAuMjgsMCAwLC0xMy4zNDMgLTEwMC4yOCwwIHoiIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjAuMDU4ODI0IiAvPjwvc3ZnPg==);
    background-repeat: repeat;
}
.sfsTitle>div {
    min-height: 80px;
    background-position-y: -20px;
    background-size: 400px 200px;
    padding: 24px 80px;
}
.sfsTexture {
	background-color: #a9bf04;
	background-size: 1000px 500px
}
.sfsTitle h1 {
    font-weight: normal;
    font-size: 2.2em;
}
.sfsSubtitle {
	font-style: italic;
	color: #535d03;
	font-size: 16pt;
}
.sfsFooter {
	clear: both;
    min-height: 40px;
}
.thrDevComment {
    color: #a9bf04;
}

@media screen and (max-width: 720px) {
	.thrContent { padding: 0; }
	.sfsContentSVG { margin: 0 auto; width: 100%; }
    .sfsContentbox { min-width: 0; width: 100%; box-sizing: border-box; }
    .sfsContentline, .sfsContentButtonline { width: 540px; padding-left: 0; padding-right: 0; margin: 0 auto; }
    .sfsTitle>div { padding-left: 10px; padding-right: 10px; }
}
@media screen and (max-width: 560px) {
	.sfsPageIcon { display: none; }
	.thrContent { min-height: 0; }
	.sfsContentline, .sfsContentButtonline, .sfsTitle>div { width: 100%; margin: 0; box-sizing: border-box; }
	.sfsContentline.sfsPadding560 { padding: 0 5px; }
	.sfsSubtitle { left: 5px; }
	.sfsContentline>img { box-sizing: border-box; width: inherit; }
	.sfsContentline>h2 { padding: 0 10px; }
	.sfsContentCard img { width: 100%; }
}

/*************** Stripes Layout ***************/
.thrContentRow { width: 100%; font-family: "lato", Arial, sans-serif; }
.thrContentRow.sfsTexture { background-size: 800px; }
.thrContentRow>div { display: table; width: 90%; background: transparent; position: relative; margin: 0 auto; padding: 100px 0; 
    border-spacing: 15px; border-style: none; min-width: 200px; box-shadow: none; box-sizing: border-box; }
.thrContentRow>.thrTitle { display: block; }
.thrContentRow>.thrTitle .sfsPageIcon { display: inline-block; margin-right: 30px; }
.thrContentRow>.sfsSubtitle { padding: 0; }
.thrContentRow h1 { font-size: 84px; font-weight: normal; text-align: center; line-height: 80px; color: #defa14; margin: 0 0 50px 0; }
.thrContentRow h2 { color: #6e3b98; text-shadow: 2px 2px #ddd; font-size: 64px; font-weight: 300; text-align: left; margin: 0 0 40px 0; }
.thrContentRow>div>h3 { font-size: 32px; font-weight: 400; color: #fff; text-align: center; margin: 20px 0 30px 0; }
.thrContentRow ul { font-weight: 300; font-size: 16pt; text-align: justify; }
.thrContentRow .sfsDescription { display: block; font-weight: 300; font-size: 16pt; text-align: justify; }

.thrContentRow>div:not(.thrTitle)>* { display: table-cell; vertical-align: middle; }
.thrContentRow>div:not(.thrTitle)>*:first-child { padding-right: 5%; }
.thrContentRow>div:not(.thrTitle)>div>img { margin-left: auto; }
.thrHalfWidth { width: 50%; }

.thrContentRow table.sfsContentCard { margin: 0 auto; }
.thrContentRow table.sfsContentCard.thrRelatedTopics { width: 300px; }
.thrContentRow .sfsContentCard.thrRelatedTopics>tbody>tr:nth-child(odd) { background-color: #fff; }
.thrContentRow table.sfsContentCard.thrRelatedTopics .thrButton { margin: 10px 5px; font-weight: normal; }
.thrContentRow .sfsContentCard>tbody { font-size: 16pt; font-weight: 300; text-align: left; }

.thrThumbnail { display: block; width: 150px; height: 100px; box-sizing: border-box; cursor: pointer; background: #fff no-repeat 0 0; border: 2px solid #dee0cc; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.sfsSVGItem { display: inline-block; width: 120px; font-size: smaller; color: #6e3b98; text-align: center; margin-top: 20px; vertical-align: top; }
.sfsSVGItem>img { width: 48px; height: 48px; border: 2px solid #6e3b98; border-radius: 50%; margin: 0 auto; }
.sfsSVGItem>div { min-height: 36px; margin-top: 10px; }
.thrContentRow .thrTitle { font-weight: bold; margin-bottom: 7px; }
.thrContentRow .thrSubtitle { font-style: italic; margin-left: 10px; }
.thrContentRow .thrSummary { max-height: 44px; overflow: hidden; margin-top: 10px; }

@media screen and (min-width: 889px) {
    .thrContentRow>div { max-width: none; width: 90%; }
}