.sgtitle{font-size:35px;color:#484848;font-weight: 500;margin-bottom:25px;}
div.sgwrap {margin: 30px auto 15px;text-align: center}
div.sgwrap div.sgtitle {margin:-20px -20px 20px;font-size:18px;font-weight:bold;background-color:#757575;color:#fff;padding:10px 20px}
/*
div.sgwrap div.msgError {margin-bottom:10px;color:#e40707;font-size:1.2em}
div.sgwrap div.msgError::before {content:'\e086';font:normal 18px "Glyphicons Halflings";display:inline-block;margin-right:10px;vertical-align:middle}
*/
div.sgwrap div.userInfo {margin-bottom:10px;font-size:16px;color:#6b6b6b;line-height:1.5em}

div.sgwrap div.itemField+div.itemField {margin-top:10px}
div.sgwrap div.itemField span.tlt {display:block;margin-bottom:3px}
div.sgwrap div.itemSubmit {margin:25px 0 25px;text-align:right}




div.sgwrap div.itemField{border: 1px solid #e7dfae;border-radius:6px;overflow:hidden;}
div.sgwrap div.itemField:focus-within {border-color:#c58e4d;}

div.sgwrap div.itemField.itemMail{
display: flex;
justify-content: space-between;
}

div.sgwrap div.itemField.itemMail:before{
content: "";
display: inline-block;
vertical-align: middle;
width: 40px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS41ODYiIGhlaWdodD0iMjkuNzY5IiB2aWV3Qm94PSIwIDAgMjkuNTg2IDI5Ljc2OSI+PHBhdGggaWQ9InVzZXIiIGQ9Ik02OTkuNSw0MzAuNDU1YTMuNDQ0LDMuNDQ0LDAsMCwwLC43MjctLjA3NywzLjUzNCwzLjUzNCwwLDAsMCwyLjczLTQuMTg2LDE1LjEzMiwxNS4xMzIsMCwwLDAtMTAuMDgtMTEuMjc4LDcuODksNy44OSwwLDAsMC00LjYzNS0xNC4yMjloMGE3LjksNy45LDAsMCwwLTQuNjM1LDE0LjIyOSwxNS4xMywxNS4xMywwLDAsMC0xMC4wOCwxMS4yNzgsMy41MzQsMy41MzQsMCwwLDAsMi43Myw0LjE4NiwzLjQ0NSwzLjQ0NSwwLDAsMCwuNzI3LjA3N1ptLTE2Ljc0NS0yMS44NzNhNS40ODYsNS40ODYsMCwxLDEsNS42NTgsNS41NzdoLS4zNDZBNS42LDUuNiwwLDAsMSw2ODIuNzU5LDQwOC41ODJabS01Ljc3NCwxOS41NDdhMS4xOCwxLjE4LDAsMCwxLS45MzEtLjQ0MiwxLjIxNywxLjIxNywwLDAsMS0uMjQ2LTEuMDE5LDEyLjg1NSwxMi44NTUsMCwwLDEsMTIuMjQyLTEwLjE4aC4zODdhMTIuODU1LDEyLjg1NSwwLDAsMSwxMi4yNDIsMTAuMTgsMS4yMjIsMS4yMjIsMCwwLDEtLjI0NiwxLjAxOSwxLjE4LDEuMTgsMCwwLDEtLjkzMS40NDJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjczLjQ1MSAtNDAwLjY4NikiIGZpbGw9IiNlN2RmYWUiLz48L3N2Zz4=') 50% 50% no-repeat;
background-size: auto 22px;
}

div.sgwrap div.itemField.itemPass{
display: flex;
justify-content: space-between;
}

div.sgwrap div.itemField.itemPass:before{
content: "";
display: inline-block;
vertical-align: middle;
width: 40px;
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0icGFzcyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTguNzM2IiBoZWlnaHQ9IjIyLjg0IiB2aWV3Qm94PSIwIDAgMTguNzM2IDIyLjg0Ij4NCiAgPGcgaWQ9InBhZGxvY2tfMl8iIGRhdGEtbmFtZT0icGFkbG9jayAoMikiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPg0KICAgIDxnIGlkPSJHcm91cF8xNTAiIGRhdGEtbmFtZT0iR3JvdXAgMTUwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+DQogICAgICA8ZyBpZD0iR3JvdXBfMTQ5IiBkYXRhLW5hbWU9Ikdyb3VwIDE0OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiPg0KICAgICAgICA8cGF0aCBpZD0iUGF0aF83NyIgZGF0YS1uYW1lPSJQYXRoIDc3IiBkPSJNNjMuODQ0LDguODI0aC0uODkyVjcuNTg0YTcuNTg0LDcuNTg0LDAsMSwwLTE1LjE2NywwVjguODI0aC0uODkyQS44OTIuODkyLDAsMCwwLDQ2LDkuNzE2VjIxLjk0OGEuODkyLjg5MiwwLDAsMCwuODkyLjg5Mkg2My44NDRhLjg5Mi44OTIsMCwwLDAsLjg5Mi0uODkyVjkuNzE2QS44OTIuODkyLDAsMCwwLDYzLjg0NCw4LjgyNFpNNDkuNTY5LDcuNTg0YTUuOCw1LjgsMCwxLDEsMTEuNiwwVjguODI0aC0xMS42Wk02Mi45NTEsMjEuMDU2SDQ3Ljc4NFYxMC42MDhINjIuOTUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2KSIgZmlsbD0iI2U3ZGZhZSIvPg0KICAgICAgPC9nPg0KICAgIDwvZz4NCiAgPC9nPg0KICA8ZyBpZD0iR3JvdXBfNDY1IiBkYXRhLW5hbWU9Ikdyb3VwIDQ2NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi42NCAxMS40MikiPg0KICAgIDxnIGlkPSJHcm91cF8xMSIgZGF0YS1uYW1lPSJHcm91cCAxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfNyIgZGF0YS1uYW1lPSJQYXRoIDciIGQ9Ik0xNzkuMjczLDk4Ljg3N2gtMi41NDZhLjcyNy43MjcsMCwxLDAsMCwxLjQ1NWgyLjU0NmExLjA5MSwxLjA5MSwwLDAsMSwwLDIuMTgyaC0uNzI3YS43MjcuNzI3LDAsMCwwLS43MjcuNzI3djEuMDQ3YS43MjcuNzI3LDAsMSwwLDEuNDU1LDB2LS4zMmEyLjU0NiwyLjU0NiwwLDAsMCwwLTUuMDkxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3NiAtOTguODc3KSIgZmlsbD0iI2U3ZGZhZSIvPg0KICAgIDwvZz4NCiAgPC9nPg0KICA8ZyBpZD0iR3JvdXBfNDY2IiBkYXRhLW5hbWU9Ikdyb3VwIDQ2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4yMDQgMTguNDQ5KSI+DQogICAgPGcgaWQ9Ikdyb3VwXzEzIiBkYXRhLW5hbWU9Ikdyb3VwIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+DQogICAgICA8ZWxsaXBzZSBpZD0iRWxsaXBzZV8yIiBkYXRhLW5hbWU9IkVsbGlwc2UgMiIgY3g9IjAuOTgyIiBjeT0iMC45ODIiIHJ4PSIwLjk4MiIgcnk9IjAuOTgyIiBmaWxsPSIjZTdkZmFlIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4=') 50% 50% no-repeat;
background-size: auto 22px;
}

div.sgwrap input[type="text"],
div.sgwrap input[type="email"],
div.sgwrap input[type="password"] {width:100%;padding:12px 10px;box-sizing:border-box;border: none;border-left:1px solid #e7dfae;outline:none;box-shadow:none;color:#9C9D9F;font-size: 15px}
div.sgwrap input[type="text"]:focus,
div.sgwrap input[type="email"]:focus,
div.sgwrap input[type="password"]:focus {border-color:#c58e4d;}

div.sgwrap input[type="submit"] {display: block;width: 100%;font:bold 16px/1 'Roboto', sans-serif;text-transform:uppercase;border-radius:6px;color:#4B3414;background-color:#e7dfae;border:1px solid #e7dfae;text-decoration:none;padding:15px 25px;text-align:center;box-sizing:border-box;cursor:pointer;transition:background-color .3s, color .3s, border-color .3s;}
div.sgwrap input[type="submit"]:hover {background-color:#fff;color:#4B3414;border-color:#4B3414;}

div.sgwrap footer {display:-webkit-flex;display:flex;border-top:1px dotted #ccc;padding:20px;margin:0 -20px}
div.sgwrap footer>div.full {-webkit-flex:1 1 auto;flex:1 1 auto}
div.sgwrap footer a.link {display:block;color:#6b6b6b;transition:color .5s}
div.sgwrap footer a.link:hover {color:#3c3c3c}
div.sgwrap footer a.link.reg::before {content:'\e008';font:normal 18px "Glyphicons Halflings";display:inline-block;margin-right:10px;vertical-align:middle}
div.sgwrap footer a.link.lost::before {content:'\e085';font:normal 18px "Glyphicons Halflings";display:inline-block;margin-right:10px;vertical-align:middle}
div.sgwrap footer a.link+a.link {margin-top:8px}

div.sgwrap footer a.link.profile {display:inline-block;background-color:#9e1461;border: 1px solid #9e1461;color:#fff;transition:background-color 0.5s ease-out 0s, color 0.5s ease-out 0s;padding:8px 20px;font-size:12px;text-transform:uppercase;cursor:pointer;outline:none}
div.sgwrap footer a.link.profile:hover {color:#9e1461;background-color:#fff;}
div.sgwrap footer a.link.profile::before {content:'\e008';font:normal 18px "Glyphicons Halflings";display:inline-block;margin-right:10px;vertical-align:middle}

div.sgwrap footer button.loginSocial+button.loginSocial,
div.sgwrap footer button.logoutSocial+button.logoutSocial {margin-left:5px}

button.loginSocial, 
button.logoutSocial {position:relative;background-color: #9e1461;border:1px solid #9e1461;color:#fff;transition:all 0.5s ease-out 0s;padding:10px 40px;font-size:11px;text-transform:uppercase;cursor: pointer;outline:none}
button.loginSocial:hover, 
button.logoutSocial:hover {color:#9e1461;background-color:#fff}
button.loginSocial::before, 
button.logoutSocial::before {opacity:1;transition:opacity .5s;width:24px;height:24px;position:absolute;top:0;bottom:0;right:5px;margin:auto 0;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD5UlEQVR42uxZTWgTQRSerWkFqxBqBcVDtyLUIJR4UQ+WpniTipVeCh4a7UXooQ2KohTaHvWS9KCIv+3dmmqL1lJJpCIUDwkWPXjpHoReKqxoQ6It65s4ke1kZnf2v4oDH9lkfvbNe2/ee/MFaZr2WPOu4bWRl5DwW5C3TfJy8RoUbJMBSUAOoFHIkT7ZUDsOLVACvAN8Id/rAccBO00sEAYMAwYF35MCJJg9Dvz7AaCR4ZdZahzdHwbkbLwvwzoDIZuafwLoszEPaz4DiFqcp/IsYHcDIzbnDXOEzwImAIrubPQCYkT4DkDeLRdSKTO2ABSD8ZVxMqc/bhAmcV/UKIza2YBCLXLJZHxlXNKi8EJwI4zuEhwXY7jNuNOXh3yM+bTvT3DGiYZ1yUoeWAT0kOd1wGcqsoR13z8AdjDyAP2eDmIFRxsQtUBRFyFYIU4lzw2U8GahccuVEs0OXMrTM9AI6CLPBcCcru8QAW5HDdbIU0L3cg4xq/TIUEFAcZIH6DA64nEYjTPmJd3MA6IbsJvIWE12WgvZaQqpKukK9BFxJ14pwapMA3EhJ5VopeXIGq5mYqtVJb8wM255MlcN+kaGBThCXEG0pcgcdStdKRMkb6Q4FsmTvmbubcznWoh3sBNOM/GkhwJOeq2B0MmL01bnNFkouNCrO6c93QC2QLeH63d7bgG/nF2Sqkscra2csAZIwooyDjEut8ekhepKuHILcBqFMC/0BvCUYB7w3WyS9np7GITHpNUyycxRTrWK+5bJWNct8BBwFXx8Vf8jnCmstXau8G1w+RkqWaVWBmFeFCzR4VYeqPBCq1YmYc3/3bzQUMk2LwTaz7u1ga+AJZ3LtMDHSxJejbQvo1s/BtFKVQQ+D8KxLjbj4DZxfJh5wtvdAF2PdJoJT9oA6q9D6Pk6Qm83zIT/HbkWzGkX/3mhU6Czc7UI1UtZEQG3Ji8UAb1F6ibQbKlq0L4r7y3RKqIWWCRVIcYJRqnbrEPBQiHnWybm8kKQB/7wQnCg//NCvvNCoHXLvNC9QgQ9K8oQ56eqDvHKzVaJcS64vJCoBQ4D0gR3qb4eXd81gzWya1otuv7tGBa+HJU6011xsxeD8HEGOzEVxJVyrE9tR0s/GzZRKkabODAyHye0S9Va/pfT7SWlM13L5IVgE0xeaGP9fuzTxwuosLZ3U9QDN1PQDc13C6DphhejnAt8jGg6Q4CfY9tCRRRpvY1278npz9FoYKwEWMEWLyQfTKP9TXNlXgi0rwbKSsycnSrzQuA2SST4R3djTTE103854UcesLIRYV5o/Mxs8LwQ558sMV5I+4d5oV8CDADlPM1Zp601CgAAAABJRU5ErkJggg==') no-repeat}
button.loginSocial::after, 
button.logoutSocial::after {opacity:0;transition:opacity .5s;width:24px;height:24px;position:absolute;top:0;bottom:0;right:5px;margin:auto 0;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD5UlEQVR42uxZTWgTQRSerWkFqxBqBcVDtyLUIJR4UQ+WpniTipVeCh4a7UXooQ2KohTaHvWS9KCIv+3dmmqL1lJJpCIUDwkWPXjpHoReKqxoQ6It65s4ke1kZnf2v4oDH9lkfvbNe2/ee/MFaZr2WPOu4bWRl5DwW5C3TfJy8RoUbJMBSUAOoFHIkT7ZUDsOLVACvAN8Id/rAccBO00sEAYMAwYF35MCJJg9Dvz7AaCR4ZdZahzdHwbkbLwvwzoDIZuafwLoszEPaz4DiFqcp/IsYHcDIzbnDXOEzwImAIrubPQCYkT4DkDeLRdSKTO2ABSD8ZVxMqc/bhAmcV/UKIza2YBCLXLJZHxlXNKi8EJwI4zuEhwXY7jNuNOXh3yM+bTvT3DGiYZ1yUoeWAT0kOd1wGcqsoR13z8AdjDyAP2eDmIFRxsQtUBRFyFYIU4lzw2U8GahccuVEs0OXMrTM9AI6CLPBcCcru8QAW5HDdbIU0L3cg4xq/TIUEFAcZIH6DA64nEYjTPmJd3MA6IbsJvIWE12WgvZaQqpKukK9BFxJ14pwapMA3EhJ5VopeXIGq5mYqtVJb8wM255MlcN+kaGBThCXEG0pcgcdStdKRMkb6Q4FsmTvmbubcznWoh3sBNOM/GkhwJOeq2B0MmL01bnNFkouNCrO6c93QC2QLeH63d7bgG/nF2Sqkscra2csAZIwooyDjEut8ekhepKuHILcBqFMC/0BvCUYB7w3WyS9np7GITHpNUyycxRTrWK+5bJWNct8BBwFXx8Vf8jnCmstXau8G1w+RkqWaVWBmFeFCzR4VYeqPBCq1YmYc3/3bzQUMk2LwTaz7u1ga+AJZ3LtMDHSxJejbQvo1s/BtFKVQQ+D8KxLjbj4DZxfJh5wtvdAF2PdJoJT9oA6q9D6Pk6Qm83zIT/HbkWzGkX/3mhU6Czc7UI1UtZEQG3Ji8UAb1F6ibQbKlq0L4r7y3RKqIWWCRVIcYJRqnbrEPBQiHnWybm8kKQB/7wQnCg//NCvvNCoHXLvNC9QgQ9K8oQ56eqDvHKzVaJcS64vJCoBQ4D0gR3qb4eXd81gzWya1otuv7tGBa+HJU6011xsxeD8HEGOzEVxJVyrE9tR0s/GzZRKkabODAyHye0S9Va/pfT7SWlM13L5IVgE0xeaGP9fuzTxwuosLZ3U9QDN1PQDc13C6DphhejnAt8jGg6Q4CfY9tCRRRpvY1278npz9FoYKwEWMEWLyQfTKP9TXNlXgi0rwbKSsycnSrzQuA2SST4R3djTTE103854UcesLIRYV5o/Mxs8LwQ558sMV5I+4d5oV8CDADlPM1Zp601CgAAAABJRU5ErkJggg==') no-repeat}
button.loginSocial:hover::before, 
button.logoutSocial:hover::before {opacity:0}
button.loginSocial:hover::after, 
button.logoutSocial:hover::after {opacity:1}

button.loginSocial.gp, 
button.logoutSocial.gp {background-color:#f4521f;border-color:#f4521f;padding:10px 40px 10px 20px}
button.loginSocial.gp:hover, 
button.logoutSocial.gp:hover {background-color:#fff;color:#f4521f;}
button.loginSocial.gp::before, 
button.logoutSocial.gp::before {content:'';background-position:100% 0}
button.loginSocial.gp::after, 
button.logoutSocial.gp::after {content:'';background-position:100% 100%}

button.loginSocial.fb, 
button.logoutSocial.fb {background-color:#4267b2;border-color:#4267b2;padding:10px 40px 10px 20px}
button.loginSocial.fb:hover, 
button.logoutSocial.fb:hover {background-color:#fff;color:#4267b2;}
button.loginSocial.fb::before, 
button.logoutSocial.fb::before {content:'';background-position:0 0}
button.loginSocial.fb::after, 
button.logoutSocial.fb::after {content:'';background-position:0 100%}


div.sgwrap.flat div.itemField label {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
div.sgwrap.flat div.itemField label>* {-webkit-flex:1 1 auto;flex:1 1 auto}
div.sgwrap.flat div.itemField label>span.tlt {-webkit-flex:0 0 25%;flex:0 0 25%;margin-bottom:0;margin-right:10px}

div.sgwrap.short {max-width:300px}
div.sgwrap.short footer:not(.login) {display:block}
div.sgwrap.short footer:not(.login)>div.full+div {margin-top:20px}
div.sgwrap.short footer a.link+a.link {margin-top:15px}
div.sgwrap.short footer button.loginSocial,
div.sgwrap.short footer button.logoutSocial {display:block;width:100%;box-sizing:border-box;padding-top:15px;padding-bottom:15px}
div.sgwrap.short footer button.loginSocial+button.loginSocial,
div.sgwrap.short footer button.logoutSocial+button.logoutSocial {margin-left:0;margin-top:20px}


div.sgwrap .link.lost{
color: #4b3414;
font-size: 16px;
font-weight: 700;
margin: 20px 0px;
display: block;
}

div.sgwrap .link.reg{
display: block;width: 100%;font-size: 20px;font-weight: 700;color:#4b3414;
background-color:#FFFFFF;border:1px solid #4b3414;border-radius:6px;text-decoration:none;padding:10px 25px;text-align:center;box-sizing:border-box;cursor:pointer;transition:background-color .3s, color .3s;
}
div.sgwrap .link.reg:hover {}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/lib/fonts/glyphicons-halflings-regular.eot');
  src: url('/lib/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/lib/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/lib/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/lib/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@media screen and (max-width:1200px){
.sgtitle {font-size: 27px;margin-bottom: 15px;}
}
@media screen and (max-width:992px){
.sgtitle {font-size:30px;}
}