body { color:#333; font-size:14px; }
.clear { clear:both; }
a:hover { text-decoration:none; }
p { margin-bottom:20px !important; line-height:150%; }
body { font-family:Arial;}
.layout { width:910px; margin:0 auto; text-align:center; }
.main-bg { background:url(/files/images/signup/bg.png) #333333; color:#FFFFFF; }

.logo { padding-top: 38px; position:relative;}
.logo .beta { position:absolute; right:195px; top:30px; background:url(/files/images/signup/blue_beta.png) no-repeat; width:74px; height:35px;}


.intro { float:left; width:391px; height:272px; background:url(/files/images/signup/intro_text.png) no-repeat; margin-top:80px; position:relative;}
.intro .scroll { width:159px; height:36px; background:url(/files/images/signup/blue_scroll.png) no-repeat; bottom:-55px; right:0px; position:absolute; }
.mac-containter  { margin-top:20px;}
.mac-containter { height:486px; width:440px; float:left; position:relative;}
.mac-containter .mac { position:absolute; right:-30px; width:864px; height:486px; background:url(/files/images/signup/mac2.png) no-repeat;}

.shadow { background:url(/files/images/signup/big-shadow.png) no-repeat;  width:789px; height:60px; margin:0 auto; margin-top:60px; }
.create-container { width:488px; margin:0 auto; margin-top:-20px; }
.create-container .create_btn { width:490px; height:120px; background:url(/files/images/signup/sprite.png) -8px -336px no-repeat;}
.create-container a:hover .create_btn { background:url(/files/images/signup/sprite.png) -8px -468px no-repeat;}
.create-container a:active .create_btn { background:url(/files/images/signup/sprite.png) -8px -600px no-repeat;}

.online { width:405px; height:44px; background:url(/files/images/signup/blue_online.png) no-repeat; margin:35px auto;}

.promo { padding-bottom:30px; }
.promo .block { float:left; text-align:left; margin-left:70px; width:415px; font-size:14px; color:#d6d5d8; margin-top: 40px;}
.promo .first { margin-left:0px; }

.why { margin-top:40px;}

.text-blocks { padding:0 30px; }
.text-blocks .descr, .text-blocks .image { float:left;}

.text-blocks .right .descr, .text-blocks .right .image { float:right;}
.text-blocks .block { margin-top:40px; }
.text-blocks .image { margin-right:55px;}
.text-blocks .header { margin-top:15px;}
.text-blocks .descr { width:420px; text-align:left; font-size:14px; }
.text-blocks .descr p { margin-top:20px; }
.text-blocks .right .descr p { margin-right:55px;}
.text-blocks .right .image { margin-right:30px; margin-left:60px;}


.try { padding:35px 25px; background:url(/files/images/signup/try-bg.jpg) #faf6d5; position:relative; margin-top:35px; }
.try .left-shadow { position:absolute; bottom:-15px; left:0px; background:url(/files/images/signup/left-shadow.png) no-repeat; width:244px; height:15px;}
.try .right-shadow { position:absolute; bottom:-15px; right:0px; background:url(/files/images/signup/right-shadow.png) no-repeat; width:244px; height:15px;}
.try .text { margin-top:20px; }

.try .plans { margin-top:50px; }
.try .plans li { width:286px; float:left; border-left:1px solid #ebe6ad;}
.try .plans .first { border:none;}
.try .price { font-size:23px; margin-top:20px; }
.try .price .light { font-weight:normal; color:#717171; }
.try .header { position:relative;}
.try .header .popular { position:absolute; right:25px; top:-18px; height:33px; width:77px; background:url(/files/images/signup/popular.png) no-repeat;}

.try .price .usd { display:none; }


.try .list { text-align:left; margin-left:35px; margin-top:15px; font-size:14px; }
.try .signup { margin-top:35px;}
.try .currency { position:absolute; right:25px; top:25px; background:url(/files/images/signup/currency.png) no-repeat;}
.try .currency .EUR.current { background:url(/files/images/signup/eur.png) no-repeat;}
.try .currency .USD.current { background:url(/files/images/signup/usd.png) no-repeat;}
.try .currency li { float:left;  height:24px; width:44px; }

.try .currency li a div { height:24px; width:44px; }


.trial { margin-top:50px;}


.line { border-top:1px solid #dfdede; margin-top:20px;}
.register .signup { margin-top:30px; }
.register .currency { top:-64px; }
.try .header .back { position:absolute; right:40px; top:-21px; height:35px; width:61px; background:url(/files/images/signup/back.png) no-repeat;}

.register .try .plans { color:#8a887c; margin-top:10px;}
.register .try .plans .current { color:#333}
.try .mini { width:69px; height:27px; margin:0 auto; background:url(/files/images/signup/sprite.png) 0px 0px no-repeat;}
.try .plus { width:65px; height:27px; margin:0 auto; background:url(/files/images/signup/sprite.png) -69px 0px no-repeat;}
.try .ultra { width:75px; height:27px; margin:0 auto; background:url(/files/images/signup/sprite.png) -134px 0px no-repeat;}

.register .try .mini { background:url(/files/images/signup/sprite.png) 0px -27px no-repeat;}
.register .try .plus { background:url(/files/images/signup/sprite.png) -69px -27px no-repeat;}
.register .try .ultra { background:url(/files/images/signup/sprite.png) -134px -27px no-repeat;}

.try .current .mini { background:url(/files/images/signup/sprite.png) 0px -54px no-repeat;}
.try .current .plus { background:url(/files/images/signup/sprite.png) -69px -54px no-repeat;}
.try .current .ultra { background:url(/files/images/signup/sprite.png) -134px -54px no-repeat;}




.button div { width:133px; height:33px; margin:0 auto; background:url(/files/images/signup/sprite.png) 0px -81px no-repeat; padding-top:19px; }
.current .button { cursor:default; }
.current .button div { background:url(/files/images/signup/sprite.png) -266px -29px no-repeat;}
.current .button:hover div { background:url(/files/images/signup/sprite.png) -266px -29px no-repeat; }
.current .button:active div { background:url(/files/images/signup/sprite.png) -266px -29px no-repeat; }
.button:hover div { background:url(/files/images/signup/sprite.png) -133px -81px no-repeat; }
.button:active div {background:url(/files/images/signup/sprite.png) -266px -81px no-repeat;}

.footer { background:#f2f2f2; margin-top:15px; font-size:12px; color:#717171; }
.footer .layout { padding:25px 0 15px 0;}

.details { text-align:left; margin-top:15px; width:600px; margin:40px auto; }
.details .header { margin-top:25px; }
.details .form-text { color:#717171; line-height:150%; font-size:12px; margin-top:15px;}
.details label { width:160px; float:left; padding-top:3px; font-size:14px; }
.details .full { width:417px;}
.details .sub { margin-top:18px;}
.details .sub.first { margin-top:0px;}
.details input { width:220px; border:1px solid #bfbebe; height:23px; padding-right:20px;}
.details select { width:160px; }
.details .error_input { border:1px solid #f96a6a; background:url(/files/images/signup/cross.png) 98% no-repeat #ffe3e3;}
.details .verified { background:url(/files/images/signup/ok.png) 98% no-repeat; }
.details .error-text { margin-left:160px; margin-top:10px; color:#f10000; }
.details .email { width:320px; }
.details .domain { font-weight:bold; margin-top:5px; float:right; margin-right:60px; }
.details ul { margin-top:15px; }
.details li { border-bottom:1px solid #eaeaea; padding-top:15px; padding-bottom:15px; }
.details .short-terms { background:#fffddc; padding:18px; margin-top:22px; font-size:12px; line-height:150%;}
.details .agree { margin-top:20px; padding-left:5px;}  
.details .agree .error-text {float: right; margin-left: 0; margin-top: 0;}
.details .agree label { width:auto; float:none; }
.details .agree .checkbox { width:auto; height:auto; } 
.details .agree a { color:#0078ff; }
.details .submit a div { padding-top:21px; background:url(/files/images/signup/sprite.png) 0px -133px no-repeat; height:46px; }
.details .submit a:hover div { background:url(/files/images/signup/sprite.png) 0px -199px no-repeat; }
.details .submit a:active div { background:url(/files/images/signup/sprite.png) 0px -265px no-repeat; }
.details .submit { width:323px; height:66px; margin:50px auto; text-align:center;}

.terms .our { margin-top: 30px; }
.terms .text { font-size:14px; width:600px; margin:45px auto; text-align:left; line-height:140%; margin-bottom:80px; }
.terms .text h1 { font-size:18px; font-weight:bold; margin-top:25px; margin-bottom:20px; }

.footer a { color:#717171; }
.footer ul li { float:left; width:33%; line-height:150%; }
.footer ul li span { margin-left:10px;}
.footer ul .scada, .footer ul .first { text-align:left; }
.footer ul .scada { float:right; line-height:140%; }
.footer ul .scada div { float:right;}
.footer ul .scada img { float:right; margin-right:10px; margin-top:-1px; }
.footer .scada { width: 160px; }
.footer .first { width: 280px; }
.footer .fbook { 
    margin-left: 146px;
    text-align: left;
}
.jquery-form-message {
    background: none repeat scroll 0 0 #78AF3B;
    border: 1px solid #78AF3B;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px;
}


table.clients {
 margin-top: 60px;
 border-collapse: collapse;
 width: 100%;
}
table.clients td, table.clients th {
	padding: 10px;
	border: 1px solid #DFDEDE;
}
table.clients td.odd {
	background: #F2F2F2;
}
.reg-img {margin: 70px 0;}

.roadmap {margin-top: 30px; margin-bottom: 50px;}
.tour {float: right; margin-top: -50px; margin-right: 100px;}

.notify-outer {
    margin-bottom: 100px;
}
.notify-header {
    transition: background-position 0.3s linear;
    margin-bottom: 40px;
    padding-top: 36px;
    height: 0;
    background: url('/files/images/signup/notify-header.png') no-repeat 50% 0;
    overflow: hidden;
}
.notify-row {
    transition: opacity 0.3s linear;
    width: 614px;
    margin: 0 auto;
    overflow: hidden;
    opacity: 1;
}
.notify-input {
    margin: 0;
    margin-right: 20px;
    padding: 0 16px;
    border-radius: 4px;
    width: 416px; height: 44px;
    border: 1px solid #dcdada;
    font-size: 18px;
    color: #000;
    float: left;
}
.notify-input:focus {
    border-color: #fdcc6c;
}
.notify-btn {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
    width: 144px; height: 0;
    padding-top: 46px;
    background: url('/files/images/signup/notify-btn.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.notify-send .notify-row {
    opacity: 0;
}
.notify-send .notify-header {
    background-position: 50% -36px;
}
.notify-btn:hover {
    background-position: 0 -46px;
}
.tour-open {
    overflow: hidden;
}
.tour-open .tour-outer {
    display: block;
}
.tour-in .tour-outer {
    opacity: 1;
}
.tour-in .tour-inner {
    transform: translate3d(0, 0, 0);
}
.tour-inner {
    width: 804px;
    margin: 6% auto 4% auto;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: translate3d(0,100px,0);
}
.tour-outer {
    transition: opacity 0.15s linear;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%; height: 100%;
    position: fixed;
    top: 0; left: 0;
    background-color: rgba(0,0,0, 0.8);
    opacity: 0;
    display: none;
}
.tour-close {
    width: 18px; height: 18px;
    background: url('/files/images/signup/tour-close.png') no-repeat;
    cursor: pointer;
    position: absolute;
    top: 20px; right: 20px;
}
.tour-body {
    padding: 20px 52px;
}
.tour-body img {
    width: 700px; height: 509px;
    display: block;
    background-color: #eee;
}