@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700';
* { margin: 0; padding: 0; outline: 0; }
ul, li { list-style: none; }
a img, fieldset { border: 0; }
img { display: block; }
input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
p { padding: 18px 0; }
body { font-family: "Open Sans", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; font-size: 18px; font-smooth: always; color: #000; -webkit-font-smoothing: antialiased; letter-spacing: 0em; }
body, html, .fullHeight { height: 100%; min-height: 100%; }
.fullHeight { position: relative; min-height: 604px; }
.clr { height: 0; font-size: 0; line-height: 0; clear: both; }
* html .clrd { height: 1%; overflow: visible; }
*+html .clrd { min-height: 1%; }
.clrd:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clrL { clear: left; }
a { -webkit-transition-property: all; -webkit-transition-duration: 300ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 300ms; -moz-transition-timing-function: ease; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; }
select { display: block; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAANCAMAAAB8UqUVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5RTYxNkVGMjRDMjA2ODExOTEwOThDQjczQTc4NzkxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMjczRkU4MDdDRjUxMUUxQjY4RUQ1Q0VGOEREQkIzNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMjczRkU3RjdDRjUxMUUxQjY4RUQ1Q0VGOEREQkIzNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNkIwNUVDQTEzMjA2ODExOTEwOUI1MjJGNjhCODJGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RTYxNkVGMjRDMjA2ODExOTEwOThDQjczQTc4NzkxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg8c02YAAAAkUExURf///wAAAGlpaRgYGCcnJ1RUVPPz87e3t+3t7cnJydLS0gYGBq/J4EsAAAA5SURBVHjaYmCgGLAyQgArkhgHM1iImQNZITtYjB1VNxNQiAnNRDYWRhY2dGs4uTkx7eZioAIACDAAQ7IAgxoWK9gAAAAASUVORK5CYII=) no-repeat scroll right center!important; padding-top: 0px; padding-bottom: 0px!important; padding-left: 0px; padding-right: 0px; line-height: 1.5em; border: none 0; -webkit-appearance: none; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 15px; font-smooth: always; color: #000; cursor: pointer; padding-top:.1em\0/;
padding-bottom:.1em\0/!important;
*margin-top: -1px;
}
@-moz-document url-prefix() {
 select {
margin-top: 1px;
background-color: #fff!important;
}
option {
background: #fff;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
select { padding-left: 7px; padding-right: 17px; }
}
#CrmWin select { padding-left: 3px; margin-top: -1px; }
#FfWin select { margin-top: 0px; }
input[type=text], input[type=password], input[type=email], textarea { font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 18px; color: #3e3e3e; background: #fff; border: solid 1px #cccccc; padding: 6px 12px; font-smooth: always; }
textarea { overflow-y: auto; overflow-x: hidden; padding-right: 2px; }
/*transitions handling */
a span, .btn { -webkit-transition-property: color, background, text-shadow; -webkit-transition-duration: 150ms, 150ms; -webkit-transition-timing-function: linear, ease-in-out; -moz-transition-property: color, background; -moz-transition-duration: 150ms, 150ms; -moz-transition-timing-function: linear, ease-in-out; transition-property: color, background; transition-duration: 150ms, 150ms; transition-timing-function: linear, ease-in-out; }
a span.on { display: block; text-align: left; text-indent: -4000px; white-space: nowrap; -webkit-transition-property: opacity; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -moz-transition-property: opacity; -moz-transition-duration: 150ms; -moz-transition-timing-funct ion:   linear;
transition-property: opacity; transition-duration: 150ms; transition-timing-function: linear; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; cursor: pointer; }
a:hover span.on { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; }
a span.on, a span.off { display: block; height: 100%; width: 100%; }
.btn { position: relative; }
.btn input[type=submit] { position: absolute; width: 100%; height: 100%; display: block; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; left: 0; top: 0; }
.notrans { -webkit-transition-property: none; -moz-transition-property: none; transition-property: none; }
.hidden { display: none; }
.un { text-decoration: underline; }
.ul { background: #fff000; padding: 0 3px; }
.ln { text-decoration: line-through; }
a { text-decoration: none; }
.c1 { color: #ad1a44; }
.c2 { color: #f48f18; }
.ctr { width: 970px; margin: 0 auto; }
.inner .ctr { width: 1000px; }
.bordBx { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn1 { color: #fff !important; font-size: 18px !important; font-weight: 700 !important; line-height: 28px !important; padding: 10px 0 !important; display : block !important; text-align: center !important;  background: #ffc22b !important;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#d4296d) to(#98122e)) !important; background: -webkit-linear-gradient(#d4296d, #98122e) !important; background: -moz-linear-gradient(#d4296d, #98122e) !important; background: -ms-linear-gradient(#d4296d, #98122e) !important; background: -o-linear-gradient(#d4296d, #98122e) !important; background: linear-gradient(#d4296d, #98122e) !important;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4296d', endColorstr='#98122e') !important; text-shadow: 0px 1px 0 rgba(0,0,0,0.5) !important; 
}
/* Main

--------------------------------------------------------------*/
.form-control {
    padding: 0px 10px !important;
    font-size: 16px !important;
}

.mainBg { background: #000000 url(../images/main_bg.jpg) no-repeat center top; background-size: cover; height: 100%; width: 100%; position: relative; }
.mainBg #mainWrp { min-height: 100%; }
#mainHdrWrp { padding: 3rem 3rem 0 3rem; }
#mainLogo { background: url(../images/main_logo.png) no-repeat center center; width: 382px; height: 82px; display: block; text-indent: -4000px; white-space: nowrap; margin: 0 auto; background-size: contain; }
#mainHdrWrp .mainHdr { position: relative; }
#mainHdrWrp .loginBtn { float: right; position: absolute; right: 0px; top: 0px; display: block; background: #ffb432; color: #000; font-size: 14px; font-weight: 700; line-height: 24px; padding: 0 9px; }
#mainHdrWrp .mainHdr .more { font-size: 28px; text-align: center; color: #fff; line-height: 48px; padding-bottom: 11px; font-weight: 300; letter-spacing: 0.01em; padding-top: 0; }
#mainRegister { min-height: 292px; max-width: 420px; margin: 0 auto; background: #fcfcfb; }
#mainRegister .regi { display: block; text-align: center; font-size: 22px; line-height: 28px; padding: 20px 7px 7px 7px; font-weight: 600; max-width: 375px; margin: 0 auto; }
#mainStepsWrp { margin: 0px 16px; position: relative; }
#mainStepBtns { display: none; }
#mainStepsWrp p { padding: 0; }
#mainStepsWrp p .col1 { line-height: 25px; font-size: 14px; color: #3e3e3e; font-weight: 600; display: block; }
#mainStepsWrp p .sel select { width: 100%; height: 36px; border: solid 1px #cccccc; padding-left: 8px; }
#mainStepsWrp p.lst { padding-bottom: 1.6rem; }
#mainStepsWrp .keep label { padding-left: 0; font-size: 13px; text-align: left; line-height: 1.2em; width: auto; display: block; padding: 1em 0; }
#mainStepsWrp .keep label input { float: left; width: 1em; height: 1em!important; display: block; margin-right: 0.4em; vertical-align: top; position: relative; top: 0.1em; }
#mainStepsWrp .msg { display: block; font-size: 12px; line-height: 16px; max-width: 334px; text-align: center; margin: 0 auto; padding-bottom: 1.4em; height: auto; }
#mainStepsWrp .msg a { color: #000; text-decoration: underline; }
#mainStepsWrp .msg a:hover { text-decoration: none; }
#mainStepsWrp .step { /*position: absolute; left: 0px; top: 0px; width: 100%;*/ padding-top: 20px; padding-bottom: 20px; }
#mainStepsWrp .forgot { text-align: center; font-size: 13px; line-height: 1.2em; padding: 0.8em 0; }
#mainStepsWrp .forgot a { color : #000; }
#mainWrp .loginWrp { min-height: 304px; }
#mainFtr { /*position: absolute;*/ width: 100%; bottom: 0; left: 0; z-index:4; }
#mainFtr:after { content: ' '; position:absolute; left: 0; top: 0; width: 100%; box-shadow: 0 1000px 100px 1000px rgba(108,143,167,0.4); z-index: -1;}
#mainFtr .ctrFtr { max-width: 890px; margin: 0 auto; font-size: 14px; line-height: 18px; text-align: center; color: #E4E4E4; padding: 45px 0; }
#mainFtr .ctrFtr ul { display: block; padding: 0 0 12px 0; }
#mainFtr .ctrFtr ul li { display: inline; padding: 0 15px; }
#mainFtr .ctrFtr a { color: #E4E4E4; }
#mainFtr .ctrFtr a:hover { color: #F4F4F4; }
#mainFtr .ctrFtr p { padding: 0; }
@media all and (max-width: 740px) {
 .loginBtn span { display: none; }
}
#mainStepsWrp input { width: 100%; height: 36px; }
#mainStepsWrp p .warn { display: block; text-align: right; font-size: 11px; padding: 2px 0 16px 0; }
 @media all and (max-width: 500px) {
#mainStepBtns { display: block; padding-top: 2rem; }
.deskSel { display: none; }
#mainStepBtns .lft { float: left; width: 47.41%; }
#mainStepBtns .rgt { float: right; width: 47.41%; }
#mainStepBtns .btn2 { cursor: pointer; position: relative; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0rem; -moz-border-radius: 0rem; border-radius: 0rem; background: rgba(53, 82, 140,0.6); height : 7.4rem; line-height: 7.4rem; display: block; margin: 0; text-align: center; font-size: 3rem; font-weight: 600; color: #fff; text-decoration: none; clear: both; box-shadow: inset 0px 0px 0px 2px #ad1a44; -moz-box-shadow: inset 0px 0px 0px 2px #ad1a44; -webkit-box-shadow: inset 0px 0px 0px 2px #ad1a44; }
#mainStepBtns .btn2.cur { background: #ad1a44; }
#mainStepBtns .btn2 .fa { margin-right: 0.8em; }
}
@media all and (max-width: 500px) {
.btn1 { font-size: 2.8rem; padding: 0.55em; }
#mainLogo { width: 34.3rem; height: 10.2rem; }
#mainHdrWrp .mainHdr .more { font-size: 3.5rem; }
#mainRegister { margin: 0 10px; width: auto; min-height: calc(14rem + 198px); }
#mainWrp .loginWrp { min-height: calc(21.5rem + 175px); }
#mainRegister .regi { font-size: 3.1rem; line-height: 1.4em; }
#mainStepsWrp .msg { font-size: 11px; }
#mainStepsWrp .keep label, #mainStepsWrp .forgot { font-size: 2.2rem; }
#mainFtr { padding: 0 10px; width: auto; }
#mainFtr .ctrFtr { font-size: 2.1rem; line-height: 1.6em; }
#mainFtr .ctrFtr ul li { padding: 0 2.2rem; }
}
/* Terms/privacy pages
--------------------------------------------------------------*/
#termsHdr  { border-bottom: 1px solid #f2f2f2; position:relative; padding: 0 20px;  }
#termsLogo { display: block; float: left;  }
#termsLogo  a { background: url(../images/main_logo_light.png) no-repeat center center; width: 216px; height: 82px; display: block; text-indent: -4000px; white-space: nowrap; margin: 0 auto; background-size: contain!important; }
@media all and  (-webkit-min-device-pixel-ratio: 1.25),  (min-resolution: 120dpi){ 
#termsLogo  a  {  background: url(../images/main_logo_light_2x.png) no-repeat center center;}
}
#termsHdr .loginBtn { float: right; display: block; background: #ffb432; color: #000; font-size: 14px; font-weight: 700; line-height: 24px; padding: 0 9px; position: absolute; top: 50%; right: 20px; margin-top: -12px; font-family: "Open Sans", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; }
#termsWrp { padding: 2em 20px 1em 20px; }
@media all and (max-width: 500px) {
#termsHdr  {  padding: 0 15px; }
#termsLogo  a {    width: 182px;  height: 63px; }
#termsHdr .loginBtn { right: 15px; }
#termsWrp { padding: 1em  15px 1em 15px; }
}