/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
* { box-sizing: border-box; }
/*idp*/
body, input, select { font-family: Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-size: 16px; line-height: 1.5; }
h1 { font-size: 32px; line-height: 1; margin-bottom: 10px; width: 90%  }
p { margin-bottom: 20px; }
a { color: #009cff; text-decoration: none }
a:hover, a:focus { text-decoration: underline; }
img { width: 100%; image-rendering: -webkit-optimize-contrast; }
button:focus { outline: 0 !important; }
label.error { display: block; color: #ff5256; font-size: 14px; margin-top: -15px; }    
hr { margin: 10px 0; text-transform: uppercase; text-align: center; position: relative; outline: 0; border: 0 }
hr:before { background: #D5D5D5; content: ""; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; }
hr:after { background-color: #fff; color: #4b4b4b; content: attr(data-text); display: inline-block; font-weight: 100; padding: 0 .3em; position: relative; }
.btn { margin: 0 0 20px; padding: 6px 10px 8px; text-decoration: none; text-align: center; display: inline-block; min-width: 47%; font-size: 18px }
.btn:hover { cursor: pointer; opacity: 0.8 }
a.btn:hover { text-decoration: none}
.btn:hover, .btn:focus { text-decoration: underline}
.btn-primary { background-color: #009cff; color: #fff; text-transform: uppercase; margin: 20px 0 10px }
.btn-social { color: #333; float: left; border: 1px solid #ccc; border-radius: 5px; padding-top: 8px; }
.btn-social:first-of-type { margin-right: 6% }
.ico-social { width: 30px; height: 30px; float: left; }
.col { height: 100%; width: 50%; position: fixed; z-index: 1; top: 0; }
.left { left: 0; }
.right { right: 0; overflow: hidden; }
.col.right { background: #ccc}
.col.left { display: table }
#logo { max-height: 26px; width: auto; margin: 30px }
.content { margin: auto; }
.text-field, .form-select { width: 100%; padding: 12px 15px; margin: 10px 0; display: inline-block; border: 1px solid #bcbcbc; font-size: 16px; }
.form-select {color: #777;}
.text-field.error { border: 1px solid red }
.error-text { display: none; color: #dd0000; font-size: 12px; margin-bottom: 7px;  }
.remember, .forgot-pass, .terms { font-size: 14px }
.terms { margin-top: 10px }
footer { position: absolute; bottom: 10px; font-size: 12px; left: 30px; color: #777; z-index: 10; }
footer a { margin: 0 10px; }
.ft-copyright-list li { display: inline-block }
#carousel-iframe { 
	height:calc(100vh); width:calc(50vw); box-sizing: border-box;
	background-color: #fff
}
#carousel { position: fixed; left: 0px; top: 0px; background-size: cover; background-position: center; width: 100%; height: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; z-index: 9990; opacity: 0 }
@media(min-width:768px) {
.content { width: 50%; position: absolute; max-width: 385px; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
}

@media(max-width:767px) {
.col { position: relative }
.content { display: block; width: 85%; position: relative; margin-bottom: 40px }
footer { position: relative; bottom: inherit; width: 85%; margin: auto; left: auto }
footer a { margin: 0 10px 0 0; }
.btn { width: 100% }
}

@media(max-width:991px) {
.col { width: 100%; }
.col.right { display: none }
}

@media(max-width:1680px) {
h1 { font-size: 26px }
p { font-size: 14px; margin-bottom: 15px }
.text-field, .form-select { padding: 8px 15px; font-size: 14px; margin: 7px 0 }
.btn-social { padding: 4px 10px 6px; font-size: 14px; }
.ico-social { width: 20px; height: 20px;margin-top: 2px }
.remember, .forgot-pass, .terms, .terms p { font-size: 12px }
}

@media(min-width:992px) and (max-width:1279px) {
.content { width: 75%; }
}

@media(min-width:1280px) and (max-width:1599px) {
}

@media(min-width:1600px) {
	
}
#logo.corel { max-height: 44px; margin: 21px 30px }

.reCAPTCHA-terms {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size:11px
}