@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: #a10b4e; }
.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; font-size: 18px; font-weight: 700; line-height: 28px; padding: 10px 0; display : block; text-align: center;  background: #a10b4e;
/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffde77) to(#ffc241)); background: -webkit-linear-gradient(#ffde77, #ffc241); background: -moz-linear-gradient(#ffde77, #ffc241); background: -ms-linear-gradient(#ffde77, #ffc241); background: -o-linear-gradient(#ffde77, #ffc241); background: linear-gradient(#ffde77, #ffc241);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde77', endColorstr='#ffc241'); text-shadow: 1px 2px 0 rgba(255,255,255,0.8); */
}
/* Main
--------------------------------------------------------------*/
.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: #000; color: #fff; 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: 1.4em 0; 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%; }
#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; }
#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 #35528c; -moz-box-shadow: inset 0px 0px 0px 2px #35528c; -webkit-box-shadow: inset 0px 0px 0px 2px #35528c; }
#mainStepBtns .btn2.cur { background: #35528c; }
#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: #000; color: #fff; font-size: 14px; font-weight: 700; line-height: 24px; padding: 0 9px;  position: absolute; top: 50%; right: 20px; margin-top: -12px; }
#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; }
}
.sucess-res {
    text-align: center;
    font-size: 20px;
}
span.done {
    color: #ff0303;
}
.complete {
    padding: 0;
}
.sucess {
    padding: 10px 0 0px 0;
}
.loader-pd{
	padding-top: 80px;
}
.loader {
  	border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #32383c;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 0 auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* The navigation menu */
.navbar {
  overflow: hidden;
  background-color: transparent;
  font-weight: 700;
}

/* Navigation links */
.navbar a {
  float: right;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;}

@media all and (max-width: 500px) {
    .navbar {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
  .navbar a {float: none;
    font-size: 14px;
    font-weight: 700;
    color: white;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;}
}