@font-face {
font-family:'Ubuntu';
font-style:normal;
font-weight:300;
src:local('Ubuntu Light'),local(Ubuntu-Light),url(https://fonts.gstatic.com/s/ubuntu/v9/nBF2d6Y3AbOwfkBM-9HcWLO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")
}

@font-face {
font-family:'Ubuntu';
font-style:normal;
font-weight:400;
src:local(Ubuntu),url(https://fonts.gstatic.com/s/ubuntu/v9/EOw89wVWpfqz-OXHFsgbz-vvDin1pK8aKteLpeZ5c0A.woff) format("woff")
}

@font-face {
font-family:'Ubuntu';
font-style:normal;
font-weight:500;
src:local('Ubuntu Medium'),local(Ubuntu-Medium),url(https://fonts.gstatic.com/s/ubuntu/v9/IiMFELcoPB-OzGzq14k4erO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")
}

@font-face {
font-family:'Ubuntu';
font-style:normal;
font-weight:700;
src:local('Ubuntu Bold'),local(Ubuntu-Bold),url(https://fonts.gstatic.com/s/ubuntu/v9/4z2U46_RRLOfkoHsWJG3v7O3LdcAZYWl9Si6vvxL-qU.woff) format("woff")
}

@font-face {
font-family:'Ubuntu';
font-style:italic;
font-weight:300;
src:local('Ubuntu Light Italic'),local(Ubuntu-LightItalic),url(https://fonts.gstatic.com/s/ubuntu/v9/DZ_YjBPqZ88vcZCcIXm6VkbeuvGrcRTTBH456c-a4yI.woff) format("woff")
}

@font-face {
font-family:'Ubuntu';
font-style:italic;
font-weight:400;
src:local('Ubuntu Italic'),local(Ubuntu-Italic),url(https://fonts.gstatic.com/s/ubuntu/v9/0bJAQfNpYDMK5gdvWOS2DXYhjbSpvc47ee6xR_80Hnw.woff) format("woff")
}

@font-face {
font-family:'Ubuntu';
font-style:italic;
font-weight:500;
src:local('Ubuntu Medium Italic'),local(Ubuntu-MediumItalic),url(https://fonts.gstatic.com/s/ubuntu/v9/ohKfORL_YnhBMzkCPoIqwkbeuvGrcRTTBH456c-a4yI.woff) format("woff")
}

@font-face {
font-family:'Ubuntu';
font-style:italic;
font-weight:700;
src:local('Ubuntu Bold Italic'),local(Ubuntu-BoldItalic),url(https://fonts.gstatic.com/s/ubuntu/v9/OMD20Sg9RTs7sUORCEN-7UbeuvGrcRTTBH456c-a4yI.woff) format("woff")
}

html {
height:100%
}

body {
height:100%;
margin:0;
color:#666;
font:300 14px/24px Ubuntu,Arial,Helvetica,sans-serif;
background:#fff;
min-width:320px;
overflow-y:scroll;
overflow-x:hidden
}

@font-face {
font-family:'oxygenlight';
src:url(../fonts/oxygen-light-webfont.eot);
src:url(../fonts/oxygen-light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/oxygen-light-webfont.woff2) format("woff2"),url(../fonts/oxygen-light-webfont.woff) format("woff"),url(../fonts/oxygen-light-webfont.ttf) format("truetype"),url(../fonts/oxygen-light-webfont.svg#oxygenlight) format("svg");
font-weight:400;
font-style:normal
}

body.locked {
overflow:hidden
}

.effect-moveleft.animate.perspective:after,.effect-moveleft.animate.perspective:before {
display:none
}

body.mobile .perspective {
overflow:hidden;
width:100%;
position:relative;
height:auto
}

body.mobile {
overflow:visible
}

body.inner .wrapper:before {
content:'';
display:block;
clear:both;
position:absolute;
background:url(../images/el5.png) no-repeat;
width:464px;
height:1186px;
right:0;
top:184px
}

body.inner .wrapper:after {
content:'';
display:block;
clear:both;
position:absolute;
background:url(../images/el4.png) no-repeat;
width:401px;
height:1245px;
left:0;
top:0
}

img {
border-style:none
}

a {
color:#666;
text-decoration:none;
outline:none!important
}

a:hover {
text-decoration:underline;
color:#666
}

* {
outline:none;
-webkit-appearance:none
}

input,textarea,select {
font:100% Ubuntu,arial,sans-serif;
vertical-align:middle
}

form,fieldset {
margin:0;
padding:0;
border-style:none
}

p {
margin:0 0 9px
}

header,nav,section,article,aside,footer,figure,menu,dialog {
display:block
}

h1 {
font-size:18px;
line-height:20px;
text-transform:uppercase;
font-weight:500;
margin:0 0 57px
}

h1 span {
color:#39c
}

h1.indent2 {
margin:0 0 46px
}

h1.indent3 {
margin:0 0 30px
}

h1.indent4 {
margin:0 0 27px;
font-weight:300
}

h2 {
font-size:16px;
line-height:20px;
text-transform:uppercase;
font-weight:500;
margin:0 0 17px
}

h2 span {
color:#39c
}

h3 {
font-size:21px;
line-height:22px;
font-weight:400;
margin:0 0 15px
}

.list {
padding:0;
margin:0;
list-style:none
}

.list li {
position:relative;
padding:0 0 1px 16px
}

.list li:after {
content:'';
display:block;
clear:both;
background:#39c;
width:8px;
height:8px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
left:0;
top:10px;
position:absolute
}

#wrapper {
position:relative;
width:100%;
min-height:100%
}

.perspective .container {
z-index:40
}

.item-container {
padding:0 35px;
max-width:1236px;
margin:0 auto
}

.item-container.change {
max-width:970px
}

.item-scroll {
position:absolute;
left:-24px;
top:0;
bottom:0;
width:4px;
z-index:202;
opacity:0
}

.mobile-nav-frame .item-scroll {
left:1px;
opacity:1
}

.item-scroll span {
position:absolute;
width:4px;
height:30px;
background:#000;
opacity:.15;
top:0;
left:0;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px
}

.container {
width:100%!important;
padding:0!important;
overflow:hidden!important
}

.modalview.animate .flying-visual span {
display:none
}

.modalview.animate .flying-visual {
height:100%;
overflow:hidden
}

.modalview.animate .flying-visual:after {
content:'';
display:block;
clear:both;
background:url(../images/el1.png) no-repeat 0 -50%;
width:100%;
height:100%;
left:0;
top:0;
position:absolute
}

.modalview.animate .flying-visual:before {
content:'';
display:block;
clear:both;
background:url(../images/el2.png) no-repeat 100% -50%;
width:100%;
height:100%;
left:0;
top:0;
position:absolute
}

body.inner .modalview.animate .flying-visual:after {
background:url(../images/el4.png) no-repeat 0 0
}

body.inner .modalview.animate .flying-visual:before {
background:url(../images/el5.png) no-repeat 100% 184px
}

.btn-close {
position:absolute;
font-size:24px;
line-height:26px;
color:#fff;
right:-68px;
top:20px;
z-index:201
}

.btn-close:focus,.btn-close:active,.btn-close:hover {
color:#fff
}

#header {
padding:47px 70px 21px 69px;
position:absolute;
left:0;
top:0;
width:100%;
z-index:220
}

#header:after {
content:'';
display:block;
clear:both
}

.logo {
float:left;
text-indent:-9999px;
overflow:hidden;
background:url(../images/logo.png) no-repeat;
width:180px;
height:39px;
position:relative;
z-index:2
}

.logo.small {
background:url(../images/logo4.png) no-repeat;
width:137px;
height:31px;
margin:6px 0 0 34px
}

.logo a {
display:block;
height:100%
}

.header-service {
float:left;
width:100%;
padding:8px 0 0
}

.service-frame {
float:right;
font-size:18px;
line-height:18px;
text-transform:uppercase;
font-weight:500;
color:#999;
padding:8px 0 0
}

.nav-opener {
margin:0 0 0 44px;
float:left;
position:relative;
cursor:pointer;
padding:0 0 3px
}

.nav-opener i {
position:relative;
float:right;
height:17px;
width:26px;
border-top:3px solid #999;
border-bottom:3px solid #999;
margin:1px 0 0 10px
}

.nav-opener i:after {
content:'';
display:block;
clear:both;
position:absolute;
top:4px;
border-top:3px solid #999;
width:100%;
left:0
}

.login {
float:left;
color:#999;
margin:-5px 0 0 44px
}

.login:focus,.login:hover {
text-decoration:none
}

.login i {
margin:0 0 0 4px;
font-size:25px;
line-height:25px
}

img.flex-image {
display:none
}

.description-inner {
display:table;
width:100%;
height:100%
}

.promo-block .description-frame {
padding:80px 0 32px
}

.description-frame {
display:table-cell;
vertical-align:middle
}

.promo-block {
background:#f1f1f1
}

.promo-block>.item-container {
height:100%;
position:relative;
z-index:130
}

.run-your-shop {
margin:0 auto;
max-width:783px;
color:#999
}

.run-your-shop .title-holder {
width:100%;
display:table
}

.run-your-shop .title-frame {
position:relative;
margin:0 0 24px
}

.run-your-shop .title-frame:after {
content:'';
display:block;
clear:both;
position:absolute;
border-left:2px solid #d7d7d7;
top:4px;
left:50%;
bottom:4px;
margin:0 0 0 24px
}

.run-your-shop .title {
display:table-cell;
vertical-align:middle;
font-weight:300;
font-size:30px;
line-height:43px;
padding:12px 0 3px 16px
}

.run-your-shop .title:first-child {
border:none;
padding:0 29px 0 0
}

.run-your-shop .title.smaller {
font-size:16px;
line-height:26px
}

.run-your-shop .title strong {
font-weight:500;
color:#09c
}

.run-your-shop .title span {
display:block
}

#main {
position:relative;
z-index:50
}

#main.top-indent {
padding-top:100px
}

#nav {
width:286px
}

#nav .visual {
text-align:center;
margin:0 0 66px
}

#nav .visual img {
vertical-align:top
}

#nav>ul {
padding:0;
margin:0;
list-style:none;
font-size:22px;
line-height:24px;
font-weight:400
}

#nav a.opener {
color:#39c;
display:block;
position:relative;
text-transform:uppercase;
border-bottom:2px solid #e3e3e3;
padding:7px 17px 7px 4px
}

#nav a.opener:hover,#nav a.opener:focus {
text-decoration:none
}

#nav a.opener i {
position:absolute;
right:2px;
top:6px;
font-size:18px
}

#nav a.opener.opened i {
right:4px;
top:10px
}

#nav i.fa-angle-right {
display:none
}

#nav a.opened i.fa-angle-right {
display:block
}

#nav a.opened i.fa-angle-down {
display:none
}

#nav .drop {
display:none
}

#nav .drop ul {
padding:19px 0 23px 3px;
margin:0;
list-style:none;
font-size:18px;
line-height:20px;
font-weight:300
}

#nav .drop li {
padding:0 0 8px
}

#nav .drop li.active {
font-weight:500
}

#nav .drop li.active a {
color:#39c
}

#nav .drop a {
color:#666
}

#nav .drop a:hover {
text-decoration:none
}

.button {
display:inline-block;
vertical-align:top;
color:#fff;
background:#39c;
font-size:14px;
height:46px;
line-height:46px;
border:none;
padding:0 20px;
margin:0 9px 5px;
position:relative;
text-align:center
}

.button:hover {
opacity:.9;
text-decoration:none
}

.button.btn-submit .fa {
display:inline-block;
font-size:22px;
font-weight:700;
line-height:22px;
margin:-1px 0 1px 2px;
vertical-align:middle
}

.button.btn-submit {
margin:0
}

.button input {
padding:0;
margin:0;
border:none;
cursor:pointer;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0
}

.nav-fix-small {
display:none;
overflow:hidden;
height:0
}

.nav-fix {
display:none;
overflow:hidden;
height:0
}

.nav-fix-wide {
overflow:hidden;
height:0
}

.news-item-fix {
overflow:hidden;
height:0;
display:none
}

.sidebar-fix {
display:none;
height:0;
overflow:hidden
}

.mobile-nav-container {
position:fixed;
left:0;
top:0;
height:100%;
width:100%;
overflow:hidden;
background:rgba(0,153,204,0.8);
z-index:500;
display:none
}

.mobile-nav {
padding:30px 0
}

.mobile-nav-frame {
position:relative
}

.mobile-nav-inner {
position:relative;
overflow:hidden
}

.mobile-nav>ul {
padding:0;
margin:0;
list-style:none;
padding:0;
font-size:22px;
line-height:24px;
font-weight:500
}

.mobile-nav>ul>li {
margin:0 0 -1px;
position:relative
}

.mobile-nav>ul>li:after {
content:'';
display:block;
clear:both;
position:absolute;
bottom:0;
left:20px;
right:70px;
border-bottom:1px solid #fff
}

.mobile-nav>ul>li:last-child:after {
display:none
}

.mobile-nav>ul>li.opened {
background:#fff
}

.mobile-nav>ul>li.opened a {
color:#24c38f
}

.mobile-nav>ul>li.opened>a {
font-weight:400
}

.mobile-nav a {
color:#fff;
display:block;
position:relative
}

.mobile-nav a:hover,.mobile-nav a:focus,.mobile-nav a:active {
text-decoration:none
}

.mobile-nav>ul>li>a {
padding:10px 16px 11px 0;
margin:0 70px 0 20px
}

.mobile-nav a i {
position:absolute;
right:3px;
top:12px;
color:#fff
}

.mobile-nav li.opened a.opener i {
color:#24c38f
}

.close-nav {
background:url(../images/close.png) no-repeat;
position:fixed;
right:20px;
top:20px;
font-size:30px;
line-height:30px;
color:#fff;
cursor:pointer;
z-index:500
}

.mobile-nav a.opener i {
position:absolute;
right:2px;
top:14px;
font-size:18px
}

.mobile-nav a.opener.opened i {
right:4px
}

.mobile-nav i.fa-angle-right {
display:none
}

.mobile-nav a.opened i.fa-angle-right {
display:block
}

.mobile-nav a.opened i.fa-angle-down {
display:none
}

.mobile-nav-drop {
background:#fff;
display:none
}

.mobile-nav ul ul {
padding:5px 0 8px;
margin:0;
list-style:none
}

.mobile-nav ul ul li {
font-size:18px;
line-height:20px;
padding:0 70px 0 20px;
font-weight:400
}

.mobile-nav ul ul a {
color:#666;
padding:7px 0 9px
}

.mobile-nav ul ul li.active a {
color:#09c
}

.mobile-nav ul ul li.active {
font-weight:400
}

.popup-holder {
position:absolute;
width:100%;
height:100%;
z-index:1000;
left:-9999px;
top:-9999px
}

.bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:.86;
background:#39c
}

.popup {
position:absolute;
top:0;
left:50%;
width:370px;
padding:0 10px;
margin:0 0 0 -175px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
min-width:320px;
overflow:hidden
}

.popup-close {
position:absolute;
right:10px;
top:-22px;
cursor:pointer;
font-size:28px;
line-height:28px;
color:#fff
}

.registration-form {
padding:0 0 30px
}

.label-item {
display:block;
font-weight:300;
line-height:18px;
padding:0 0 1px
}

.text {
width:100%;
border:1px solid #ccc;
background:none;
height:37px;
color:#666;
padding:0 19px;
font-size:14px;
line-height:18px
}

.textarea {
width:100%;
border:1px solid #ccc;
background:none;
height:197px;
color:#666;
padding:10px 19px;
font-size:14px;
line-height:18px;
resize:none
}

.input-row {
margin:0 0 11px;
position:relative
}

.input-row:after {
content:'';
display:block;
clear:both
}

.input-holder {
float:left;
width:50%
}

.input-holder:first-child .text {
border-right:none
}

.cd-form {
position:relative;
width:100%;
height:124px;
border:1px solid #cecece
}

.cd-form-wrapper.change .cd-form {
border:1px solid #4ba5d2;
height:127px
}

.cd-form-wrapper.change3 .cd-form {
height:96px
}

.cd-form:after {
content:'';
display:block;
clear:both;
height:29px;
border-left:1px solid #999;
position:absolute;
left:36px;
top:50%;
margin:-15px 0 0
}

.cd-form-wrapper.change .cd-form:after {
border-left:1px solid #3f9fcf;
left:20px;
margin:-1px 0 0;
height:33px
}

.cd-form-wrapper.change3 .cd-form:after {
left:25px;
margin:3px 0 0
}

.info-block.smaller .cd-form-wrapper.change .cd-form:after {
height:29px;
left:17px;
margin:0
}

.marked-text {
font-weight:500;
color:#39c
}

.cd-form-wrapper.change3 {
margin:0 0 53px
}

.cd-form.is-active:after {
display:none
}

.cd-form .cd-loading {
position:absolute;
bottom:0;
left:0;
height:3%;
width:100%;
background-color:#7f8ba9;
-webkit-transform-origin:0 50%;
-moz-transform-origin:0 50%;
-ms-transform-origin:0 50%;
-o-transform-origin:0 50%;
transform-origin:0 50%;
-webkit-transform:scaleX(0);
-moz-transform:scaleX(0);
-ms-transform:scaleX(0);
-o-transform:scaleX(0);
transform:scaleX(0);
visibility:hidden;
-webkit-transition:-webkit-transform 3s;
-moz-transition:-moz-transform 3s;
transition:transform 3s;
z-index:3
}

.no-csstransitions .cd-form .cd-loading {
display:none
}

.cd-form.is-submitted .cd-loading {
visibility:visible;
-webkit-transform:scaleX(1);
-moz-transform:scaleX(1);
-ms-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1)
}

.cd-label,.cd-email,.cd-submit {
position:absolute
}

.cd-label {
color:#999;
left:34px;
top:6px;
text-transform:uppercase;
font-size:14px;
font-weight:300;
opacity:1;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition:-webkit-transform 0.3s,opacity .3s;
-moz-transition:-moz-transform 0.3s,opacity .3s;
transition:transform 0.3s,opacity .3s;
z-index:2
}

.cd-form-wrapper.change .cd-label {
color:#39c;
font-weight:400;
left:27px;
top:15px
}

.cd-form-wrapper.change3 .cd-label {
left:23px;
top:12px
}

.info-block.smaller .cd-form-wrapper.change .cd-label {
font-size:13px;
left:23px;
top:13px
}

.info-block.smaller .cd-form-wrapper.change .cd-form {
height:114px
}

.is-active .cd-label {
opacity:0;
-webkit-transform:translate3d(0,-200%,0);
-moz-transform:translate3d(0,-200%,0);
-ms-transform:translate3d(0,-200%,0);
-o-transform:translate3d(0,-200%,0);
transform:translate3d(0,-200%,0)
}

.cd-email,.cd-submit {
width:100%;
bottom:0
}

.cd-email:focus,.cd-submit:focus {
outline:none
}

.cd-email {
border:none;
top:0;
left:0;
height:100%;
background:transparent;
padding-left:44px;
font-weight:300;
font-size:18px;
line-height:20px;
color:#999;
-webkit-transition:height 0.3s,background-color .3s;
-moz-transition:height 0.3s,background-color .3s;
transition:height 0.3s,background-color .3s;
z-index:1
}

.cd-form-wrapper.change .cd-email {
color:#39c;
font-size:14px;
line-height:16px;
padding-left:35px;
padding-top:30px
}

.cd-form-wrapper.change3 .cd-email {
padding-left:35px;
padding-top:34px;
font-size:15px
}

.info-block.smaller .cd-form-wrapper.change .cd-email {
padding-left:30px;
font-size:13px
}

.cd-email::-webkit-input-placeholder {
color:#999;
opacity:1
}

.cd-email::-moz-placeholder {
color:#999;
opacity:1
}

.cd-email:-moz-placeholder {
color:#999;
opacity:1
}

.cd-email:-ms-input-placeholder {
color:#999;
opacity:1
}

.cd-form-wrapper.change .cd-email::-webkit-input-placeholder {
color:#39c;
opacity:1
}

.cd-form-wrapper.change .cd-email::-moz-placeholder {
color:#39c;
opacity:1
}

.cd-form-wrapper.change .cd-email:-moz-placeholder {
color:#39c;
opacity:1
}

.cd-form-wrapper.change .cd-email:-ms-input-placeholder {
color:#39c;
opacity:1
}

.is-active .cd-email {
height:50%
}

.cd-submit {
top:50%;
cursor:pointer;
background-color:#09c;
color:#fff;
text-transform:uppercase;
font-weight:700;
display:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-transition:background-color .2s;
-moz-transition:background-color .2s;
transition:background-color .2s;
z-index:2;
line-height:50px;
border:none
}

body.mobile .cd-submit {
line-height:30px
}

.is-active .cd-submit {
display:block;
-webkit-animation:cd-bounce-in ease-out .4s;
-moz-animation:cd-bounce-in ease-out .4s;
animation:cd-bounce-in ease-out .4s
}

.no-touch .cd-submit:hover,.cd-submit:focus {
opacity:.9
}

@-webkit-keyframes cd-bounce-in {
0% {
top:100%
}

60% {
top:45%
}

100% {
top:50%
}
}

@-moz-keyframes cd-bounce-in {
0% {
top:100%
}

60% {
top:45%
}

100% {
top:50%
}
}

@keyframes cd-bounce-in {
0% {
top:100%
}

60% {
top:45%
}

100% {
top:50%
}
}

.cd-response {
position:absolute;
bottom:110%;
left:0;
padding:1.4em;
color:#fff;
font-size:14px;
font-size:.875rem;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
z-index:3;
visibility:hidden;
opacity:0;
-webkit-transform:translateY(-20px);
-moz-transform:translateY(-20px);
-ms-transform:translateY(-20px);
-o-transform:translateY(-20px);
transform:translateY(-20px);
-webkit-transition:-webkit-transform .3s 0s,opacity .3s 0s,visibility 0 .3s;
-moz-transition:-moz-transform .3s 0s,opacity .3s 0s,visibility 0 .3s;
transition:transform .3s 0s,opacity .3s 0s,visibility 0 .3s
}

.cd-response::after {
content:'';
position:absolute;
top:100%;
left:20px;
display:inline-block;
width:0;
height:0;
border:10px solid transparent
}

.cd-response.cd-response-error {
background-color:#e36767
}

.cd-response.cd-response-error::after {
border-top-color:#e36767
}

.cd-response.cd-response-notification {
background-color:#7f8ba9
}

.cd-response.cd-response-notification::after {
border-top-color:#7f8ba9
}

.cd-response.is-visible {
visibility:visible;
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
-webkit-transition:-webkit-transform .3s 0s,opacity .3s 0s,visibility 0 0;
-moz-transition:-moz-transform .3s 0s,opacity .3s 0s,visibility 0 0;
transition:transform .3s 0s,opacity .3s 0s,visibility 0 0
}

.cd-response-success {
position:absolute;
bottom:0;
left:0;
height:50%;
width:100%;
background-color:#92c195;
-webkit-transform-origin:50% 100%;
-moz-transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
-o-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
transform:scaleY(0);
visibility:hidden;
-webkit-transition:-webkit-transform .3s 0s,visibility 0 .3s;
-moz-transition:-moz-transform .3s 0s,visibility 0 .3s;
transition:transform .3s 0s,visibility 0 .3s;
z-index:3
}

.cd-response-success p {
position:absolute;
text-align:center;
width:100%;
left:50%;
top:50%;
bottom:auto;
right:auto;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
color:#fff;
opacity:0;
-webkit-transition:opacity .3s 0;
-moz-transition:opacity .3s 0;
transition:opacity .3s 0
}

.cd-response-success.slide-in {
visibility:visible;
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1);
-webkit-transition:-webkit-transform .3s 0s,visibility 0 0;
-moz-transition:-moz-transform .3s 0s,visibility 0 0;
transition:transform .3s 0s,visibility 0 0
}

.cd-response-success.slide-in p {
opacity:1;
-webkit-transition:opacity .3s .3s;
-moz-transition:opacity .3s .3s;
transition:opacity .3s .3s
}

.columns {
font-size:0;
line-height:0;
letter-spacing:-1px;
padding:0 68px 0 61px;
margin:0 0 0 -58px
}

.columns.text-columns.change {
margin-bottom:9px
}

.text-change {
line-height:18px!important;
text-align:justify
}

.text-change.change {
line-height:24px!important
}

.text-change.change2 {
line-height:14px!important;
position:relative;
padding:0 0 0 26px;
margin:0 0 38px
}

.text-change.change2.no-border {
padding:0;
margin:0 0 22px
}

.text-change.change2.no-border:after {
display:none
}

.text-change.change2:after {
content:'';
display:block;
clear:both;
border-left:7px solid #39c;
position:absolute;
left:2px;
top:2px;
bottom:11px
}

.columns.text-columns .col {
width:100%;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:76px;
-moz-column-gap:76px;
column-gap:76px;
vertical-align:top;
overflow:hidden
}

.columns.text-columns p {
margin:0;
padding:0 0 9px
}

.text-change p {
margin:0!important;
padding:0 0 18px!important
}

.text-change.change p {
margin:0!important;
padding:0 0 24px!important
}

.text-change.change2 p {
margin:0!important;
padding:0 0 14px!important
}

.columns.no-indent {
padding:0
}

.columns .col {
display:inline-block;
vertical-align:top;
width:50%;
font-size:14px;
line-height:24px;
letter-spacing:normal;
padding:0 0 0 58px
}

.table-title {
display:block;
font-size:10px;
line-height:18px;
padding:9px 0
}

.visual-heading {
position:relative;
margin:0 0 44px;
padding:0 0 0 20px
}

.info-block.smaller .visual-heading {
padding:1px 0 0 17px;
margin:0 0 38px
}

.info-block.smaller .visual-heading .title {
padding:0 0 7px
}

.visual-heading:after {
content:'';
display:block;
clear:both;
border-left:4px solid #39c;
position:absolute;
left:-1px;
top:4px;
bottom:5px
}

.visual-heading .title {
color:#39c;
display:block;
font:41px/41px oxygenlight,Arial,Helvetica,sans-serif;
letter-spacing:1px;
padding:0 0 9px
}

.visual-heading .subtitle {
display:block;
color:#000;
font-size:18px;
line-height:24px;
font-weight:300;
padding:0 0 0 5px
}

.info-block.smaller .visual-heading .title {
font-size:37px;
line-height:37px
}

.info-block.smaller .visual-heading .subtitle {
font-size:16px;
line-height:22px
}

.intro-text {
font-size:16px;
color:#000;
padding:0 0 22px
}

.info-block.smaller .intro-text {
font-size:14px;
line-height:22px
}

.info-block.smaller .intro-text.change {
line-height:25px
}

.info-block.smaller h3 {
font-size:19px;
line-height:19px
}

.intro-text.change {
line-height:28px
}

.intro-text p {
margin:0 0 24px
}

.info-block.smaller .intro-text p {
margin:0 0 20px
}

.item-container.top-bottom-indent {
padding-top:100px;
padding-bottom:136px
}

.capabilities {
padding:15px 0 0 29px
}

.info-block.smaller .capabilities {
padding:15px 0 0 8px
}

.info-block {
padding:70px 0 65px
}

.item-block {
padding:94px 0 70px
}

.item-block:after {
content:'';
display:block;
clear:both
}

.item-block .visual {
float:left;
margin:0 57px 0 0
}

.item-block .visual img {
vertical-align:top;
width:auto;
height:auto;
max-width:100%;
max-height:100%
}

.item-block .description {
overflow:hidden;
padding:44px 0 0
}

.visual-list {
padding:0;
margin:0;
list-style:none;
font-size:16px;
line-height:18px
}

.visual-list li {
display:table;
width:100%;
margin:0 0 29px
}

.visual-list .icon {
vertical-align:middle;
display:table-cell;
width:66px
}

.visual-list .icon img {
vertical-align:top;
width:auto;
height:auto;
max-width:100%;
max-height:100%
}

.visual-list .icon i {
max-width:60px;
display:block
}

.visual-list span {
display:table-cell;
vertical-align:middle
}

.flying-visual {
width:100%;
position:absolute;
z-index:30;
transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
-webkit-transition:.4s
}

.flying-visual span {
position:absolute
}

.flying-visual img {
vertical-align:top
}

.flying-visual1 {
left:-712px;
top:319px;
-webkit-animation:imageAnimation1 300s linear infinite 0;
-moz-animation:imageAnimation1 300s linear infinite 0;
-o-animation:imageAnimation1 300s linear infinite 0;
-ms-animation:imageAnimation1 300s linear infinite 0;
animation:imageAnimation1 300s linear infinite 0;
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}

.flying-visual2 {
right:59px;
top:-636px;
-webkit-animation:imageAnimation2 270s linear infinite 0;
-moz-animation:imageAnimation2 270s linear infinite 0;
-o-animation:imageAnimation2 270s linear infinite 0;
-ms-animation:imageAnimation2 270s linear infinite 0;
animation:imageAnimation2 270s linear infinite 0;
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}

.flying-visual3 {
left:-268px;
top:79px;
-webkit-animation:imageAnimation3 250s linear infinite 0;
-moz-animation:imageAnimation3 250s linear infinite 0;
-o-animation:imageAnimation3 250s linear infinite 0;
-ms-animation:imageAnimation3 250s linear infinite 0;
animation:imageAnimation3 250s linear infinite 0;
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}

.flying-visual4 {
right:-180px;
top:-439px;
-webkit-animation:imageAnimation4 280s linear infinite 0;
-moz-animation:imageAnimation4 280s linear infinite 0;
-o-animation:imageAnimation4 280s linear infinite 0;
-ms-animation:imageAnimation4 280s linear infinite 0;
animation:imageAnimation4 280s linear infinite 0;
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}

.flying-visual5 {
display:none;
left:50%;
top:-184px;
margin:0 0 0 -1163px
}

@keyframes imageAnimation1 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
left:-712px;
top:319px
}

50% {
-moz-transform:rotateZ(180deg);
-ms-transform:rotateZ(180deg);
-webkit-transform:rotateZ(180deg);
-o-transform:rotateZ(180deg);
transform:rotateZ(180deg);
left:-512px;
top:219px
}

100% {
-moz-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
left:-712px;
top:319px
}
}

@-moz-keyframes imageAnimation1 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
left:-712px;
top:319px
}

50% {
-moz-transform:rotateZ(180deg);
-ms-transform:rotateZ(180deg);
-webkit-transform:rotateZ(180deg);
-o-transform:rotateZ(180deg);
transform:rotateZ(180deg);
left:-512px;
top:219px
}

100% {
-moz-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
left:-712px;
top:319px
}
}

@-o-keyframes imageAnimation1 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
left:-712px;
top:319px
}

50% {
-moz-transform:rotateZ(180deg);
-ms-transform:rotateZ(180deg);
-webkit-transform:rotateZ(180deg);
-o-transform:rotateZ(180deg);
transform:rotateZ(180deg);
left:-512px;
top:219px
}

100% {
-moz-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
left:-712px;
top:319px
}
}

@-ms-keyframes imageAnimation1 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
left:-712px;
top:319px
}

50% {
-moz-transform:rotateZ(180deg);
-ms-transform:rotateZ(180deg);
-webkit-transform:rotateZ(180deg);
-o-transform:rotateZ(180deg);
transform:rotateZ(180deg);
left:-512px;
top:219px
}

100% {
-moz-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
left:-712px;
top:319px
}
}

@-webkit-keyframes imageAnimation1 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
left:-712px;
top:319px
}

50% {
-moz-transform:rotateZ(180deg);
-ms-transform:rotateZ(180deg);
-webkit-transform:rotateZ(180deg);
-o-transform:rotateZ(180deg);
transform:rotateZ(180deg);
left:-512px;
top:219px
}

100% {
-moz-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
left:-712px;
top:319px
}
}

@keyframes imageAnimation2 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
right:59px;
top:-636px
}

50% {
-moz-transform:rotateZ(-180deg);
-ms-transform:rotateZ(-180deg);
-webkit-transform:rotateZ(-180deg);
-o-transform:rotateZ(-180deg);
transform:rotateZ(-180deg);
right:159px;
top:-436px
}

100% {
-moz-transform:rotateZ(-360deg);
-ms-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
right:59px;
top:-636px
}
}

@-moz-keyframes imageAnimation2 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
right:59px;
top:-636px
}

50% {
-moz-transform:rotateZ(-180deg);
-ms-transform:rotateZ(-180deg);
-webkit-transform:rotateZ(-180deg);
-o-transform:rotateZ(-180deg);
transform:rotateZ(-180deg);
right:159px;
top:-436px
}

100% {
-moz-transform:rotateZ(-360deg);
-ms-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
right:59px;
top:-636px
}
}

@-o-keyframes imageAnimation2 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
right:59px;
top:-636px
}

50% {
-moz-transform:rotateZ(-180deg);
-ms-transform:rotateZ(-180deg);
-webkit-transform:rotateZ(-180deg);
-o-transform:rotateZ(-180deg);
transform:rotateZ(-180deg);
right:159px;
top:-436px
}

100% {
-moz-transform:rotateZ(-360deg);
-ms-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
right:59px;
top:-636px
}
}

@-ms-keyframes imageAnimation2 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
right:59px;
top:-636px
}

50% {
-moz-transform:rotateZ(-180deg);
-ms-transform:rotateZ(-180deg);
-webkit-transform:rotateZ(-180deg);
-o-transform:rotateZ(-180deg);
transform:rotateZ(-180deg);
right:159px;
top:-436px
}

100% {
-moz-transform:rotateZ(-360deg);
-ms-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
right:59px;
top:-636px
}
}

@-webkit-keyframes imageAnimation2 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
right:59px;
top:-636px
}

50% {
-moz-transform:rotateZ(-180deg);
-ms-transform:rotateZ(-180deg);
-webkit-transform:rotateZ(-180deg);
-o-transform:rotateZ(-180deg);
transform:rotateZ(-180deg);
right:159px;
top:-436px
}

100% {
-moz-transform:rotateZ(-360deg);
-ms-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
right:59px;
top:-636px
}
}

@keyframes imageAnimation3 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
left:-268px;
top:79px
}

50% {
-moz-transform:rotateZ(-180deg);
-ms-transform:rotateZ(-180deg);
-webkit-transform:rotateZ(-180deg);
-o-transform:rotateZ(-180deg);
transform:rotateZ(-180deg);
left:-168px;
top:0
}

100% {
-moz-transform:rotateZ(-360deg);
-ms-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
left:-268px;
top:79px
}
}

@-moz-keyframes imageAnimation3 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
left:-268px;
top:79px
}

50% {
-moz-transform:rotateZ(-180deg);
-ms-transform:rotateZ(-180deg);
-webkit-transform:rotateZ(-180deg);
-o-transform:rotateZ(-180deg);
transform:rotateZ(-180deg);
left:-168px;
top:0
}

100% {
-moz-transform:rotateZ(-360deg);
-ms-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
left:-268px;
top:79px
}
}

@-o-keyframes imageAnimation3 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
left:-268px;
top:79px
}

50% {
-moz-transform:rotateZ(-180deg);
-ms-transform:rotateZ(-180deg);
-webkit-transform:rotateZ(-180deg);
-o-transform:rotateZ(-180deg);
transform:rotateZ(-180deg);
left:-168px;
top:0
}

100% {
-moz-transform:rotateZ(-360deg);
-ms-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
left:-268px;
top:79px
}
}

@-ms-keyframes imageAnimation3 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
left:-268px;
top:79px
}

50% {
-moz-transform:rotateZ(-180deg);
-ms-transform:rotateZ(-180deg);
-webkit-transform:rotateZ(-180deg);
-o-transform:rotateZ(-180deg);
transform:rotateZ(-180deg);
left:-168px;
top:0
}

100% {
-moz-transform:rotateZ(-360deg);
-ms-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
left:-268px;
top:79px
}
}

@-webkit-keyframes imageAnimation3 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
left:-268px;
top:79px
}

50% {
-moz-transform:rotateZ(-180deg);
-ms-transform:rotateZ(-180deg);
-webkit-transform:rotateZ(-180deg);
-o-transform:rotateZ(-180deg);
transform:rotateZ(-180deg);
left:-168px;
top:0
}

100% {
-moz-transform:rotateZ(-360deg);
-ms-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
left:-268px;
top:79px
}
}

@keyframes imageAnimation4 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
right:-180px;
top:-439px
}

50% {
-moz-transform:rotateZ(180deg);
-ms-transform:rotateZ(180deg);
-webkit-transform:rotateZ(180deg);
-o-transform:rotateZ(180deg);
transform:rotateZ(180deg);
right:0;
top:-239px
}

100% {
-moz-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
right:-180px;
top:-439px
}
}

@-moz-keyframes imageAnimation4 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
right:-180px;
top:-439px
}

50% {
-moz-transform:rotateZ(180deg);
-ms-transform:rotateZ(180deg);
-webkit-transform:rotateZ(180deg);
-o-transform:rotateZ(180deg);
transform:rotateZ(180deg);
right:0;
top:-239px
}

100% {
-moz-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
right:-180px;
top:-439px
}
}

@-o-keyframes imageAnimation4 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
right:-180px;
top:-439px
}

50% {
-moz-transform:rotateZ(180deg);
-ms-transform:rotateZ(180deg);
-webkit-transform:rotateZ(180deg);
-o-transform:rotateZ(180deg);
transform:rotateZ(180deg);
right:0;
top:-239px
}

100% {
-moz-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
right:-180px;
top:-439px
}
}

@-ms-keyframes imageAnimation4 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
right:-180px;
top:-439px
}

50% {
-moz-transform:rotateZ(180deg);
-ms-transform:rotateZ(180deg);
-webkit-transform:rotateZ(180deg);
-o-transform:rotateZ(180deg);
transform:rotateZ(180deg);
right:0;
top:-239px
}

100% {
-moz-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
right:-180px;
top:-439px
}
}

@-webkit-keyframes imageAnimation4 {
0% {
-moz-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
right:-180px;
top:-439px
}

50% {
-moz-transform:rotateZ(180deg);
-ms-transform:rotateZ(180deg);
-webkit-transform:rotateZ(180deg);
-o-transform:rotateZ(180deg);
transform:rotateZ(180deg);
right:0;
top:-239px
}

100% {
-moz-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
right:-180px;
top:-439px
}
}

.splitlayout {
position:relative;
overflow-x:hidden;
min-height:100%;
width:100%
}

.side {
position:absolute;
top:0;
z-index:100;
width:50%;
height:100%;
text-align:center;
-webkit-backface-visibility:hidden
}

.open-left .side,.open-right .side {
cursor:default
}

.overlay {
position:absolute;
top:0;
left:0;
z-index:499;
visibility:hidden;
width:100%;
height:100%;
opacity:0
}

.side-left .overlay {
background:rgba(0,0,0,0.7)
}

.side-right .overlay {
background:rgba(0,0,0,0.3)
}

.side-left {
left:0;
background:#fff;
color:#fff
}

.reset-layout .side-left:after {
content:'';
display:block;
clear:both;
position:absolute;
left:0;
bottom:0;
width:561px;
height:532px;
z-index:2
}

.side-right {
right:0;
background:#09c;
color:#47a3da;
outline:1px solid #fff
}

.reset-layout .side-right:after {
content:'';
display:block;
clear:both;
position:absolute;
top:0;
right:0;
background:url(../images/img3.png) no-repeat;
width:402px;
height:559px;
z-index:2
}

.intro-content {
position:absolute;
top:50%;
left:50%;
width:50%;
height:300px;
cursor:pointer;
-webkit-transform:translateY(-50%) translateX(-50%);
transform:translateY(-50%) translateX(-50%);
color:#666;
z-index:3
}

.side-right .intro-content {
color:#fff
}

.intro-content .title {
display:block;
font-size:41px;
line-height:43px;
text-transform:uppercase;
font-weight:300;
padding:0 0 20px
}

.side-right .intro-content .title {
font-size:33px;
line-height:33px;
padding:0 0 16px
}

.intro-content .subtitle {
display:block;
font-size:62px;
line-height:62px;
font-weight:300;
text-transform:uppercase
}

.splitlayout .description-frame {
padding:0 0 109px
}

.splitlayout .side-right .description-frame {
padding:0 0 123px
}

.intro-content .subtitle img {
vertical-align:top
}

.profile {
margin:0 auto;
width:140px;
height:140px;
border-radius:50%;
background:#47a3da
}

.profile img {
max-width:100%;
border-radius:50%;
opacity:.6
}

.back {
position:absolute;
z-index:500;
display:block;
visibility:hidden;
width:64px;
height:23px;
text-align:center;
opacity:0;
pointer-events:none;
overflow:hidden;
text-indent:-9999px;
cursor:pointer;
top:36px
}

.mobile-layout .back {
position:absolute
}

.back-left {
left:6.7%;
background:url(../images/arrow2.png) no-repeat;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}

.back-right {
right:6.7%;
-webkit-transform:translateX(50%);
transform:translateX(50%);
color:#fff;
background:url(../images/arrow1.png) no-repeat
}

.open-right .back-left,.open-left .back-right {
visibility:visible;
opacity:1;
-webkit-transition-delay:.3s;
transition-delay:.3s;
pointer-events:auto
}

.view-all {
text-transform:uppercase;
font-size:20px;
line-height:22px;
font-weight:400;
padding:21px 0 10px 3px
}

.view-all i {
margin:0 0 0 9px
}

.view-all a {
color:#fff
}

.page-right .view-all a {
color:#39c
}

.page {
position:relative;
top:0;
overflow:auto;
min-height:100%;
width:72%;
height:auto;
-webkit-backface-visibility:hidden
}

.page-right {
left:28%;
outline:5px solid #ecf0f1;
background:#ecf0f1;
color:#666;
-webkit-transform:translateX(100%);
transform:translateX(100%);
background:url(../images/img4.png) no-repeat 100% 100%
}

.page-right .intro-title {
color:#39c
}

.splitlayout.open-right {
background:#ecf0f1
}

.page-left {
left:0;
background:#39c;
color:#fff;
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}

.page-inner {
padding:2em
}

.page-inner section {
padding-bottom:1em
}

.page-inner h2 {
margin:0 0 1em;
font-weight:300;
font-size:2.4em
}

.page-inner p {
font-weight:300;
font-size:1.2em
}

.side,.page {
-webkit-transition:-webkit-transform .6s;
transition:transform .6s
}

.overlay {
-webkit-transition:opacity 0.6s,visibility .1s .6s;
transition:opacity 0.6s,visibility .1s .6s
}

.intro-content {
-webkit-transition:-webkit-transform 0.6s,top .6s;
transition:transform 0.6s,top .6s
}

.intro-content h1,.back {
-webkit-transition:opacity .3s;
transition:opacity .3s
}

.reset-layout .page,.splitlayout.open-right .page-left,.splitlayout.open-left .page-right,.splitlayout.close-right .page-left,.splitlayout.close-left .page-right {
position:absolute;
overflow:hidden;
height:100%
}

.splitlayout.open-right .page-right,.splitlayout.open-left .page-left {
position:relative;
overflow:auto;
height:auto
}

.open-right .side-left .overlay,.open-left .side-right .overlay {
visibility:visible;
opacity:1;
-webkit-transition:opacity .6s;
transition:opacity .6s
}

.open-right .side-left {
-webkit-transform:translateX(-60%);
transform:translateX(-60%)
}

.open-right .side-right {
z-index:200;
-webkit-transform:translateX(-150%);
transform:translateX(-150%)
}

.close-right .side-right {
z-index:200
}

.open-right .side-right .intro-content {
-webkit-transform:translateY(-50%) translateX(0%) scale(0.6);
transform:translateY(-50%) translateX(0%) scale(0.6)
}

.open-right .page-right {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}

.open-left .side-right {
-webkit-transform:translateX(60%);
transform:translateX(60%)
}

.open-left .side-left {
z-index:200;
-webkit-transform:translateX(150%);
transform:translateX(150%)
}

.close-left .side-left {
z-index:200
}

.open-left .side-left .intro-content {
-webkit-transform:translateY(-50%) translateX(-100%) scale(0.6);
transform:translateY(-50%) translateX(-100%) scale(0.6)
}

.open-left .codropsheader {
opacity:0;
visibility:hidden;
-webkit-transition:opacity 0.3s,visibility .1s .3s;
transition:opacity 0.3s,visibility .1s .3s
}

.open-left .page-left {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}

.about-system {
color:#fff;
padding:95px 9% 30px 27.3%;
font-size:16px
}

.using {
color:#666;
padding:95px 27.3% 30px 9%;
font-size:16px
}

.about-system p {
margin:0 0 24px
}

.using p {
margin:0 0 24px
}

.intro-title {
display:block;
text-transform:uppercase;
font-size:16px;
font-weight:500;
padding:0 0 24px
}

.list.change {
padding:0 0 24px
}

.list.change li {
padding:0 0 0 29px
}

.list.change li:after {
background:url(../images/icon5.png) no-repeat;
width:10px;
height:10px;
top:8px;
left:11px
}

.about-system-mobile {
display:none;
text-align:center;
padding:0 0 33px
}

.about-system-mobile .title {
display:block;
font-size:41px;
font-weight:300;
line-height:43px;
padding:0 0 20px;
text-transform:uppercase
}

.about-system-mobile .visual {
margin:0 0 36px
}

.about-system-mobile .visual img {
vertical-align:top;
width:auto;
height:auto;
max-height:100%;
max-width:100%
}

.more {
text-align:center;
margin:0 0 20px
}

.more a {
display:inline-block;
vertical-align:top;
padding:10px 45px;
text-transform:uppercase;
font:21px/21px Helvetica,sans-serif;
text-transform:uppercase;
border:1px solid #4bb7db;
color:#42c5e2
}

.nav-fix {
display:none;
overflow:hidden;
height:0
}

.bredcrumbs {
padding:3px 0 45px;
margin:0;
list-style:none;
overflow:hidden;
text-transform:uppercase
}

.bredcrumbs.smaller {
text-transform:none;
font-size:12px;
line-height:14px;
padding:3px 0 36px
}

.bredcrumbs li {
float:left
}

.bredcrumbs.smaller li {
padding:0 6px 0 0
}

.features {
color:#fff;
background:#39c;
padding:34px 0 23px
}

.features .title {
text-transform:uppercase;
display:block;
font-size:20px;
line-height:22px;
padding:0 0 34px
}

.features-list {
padding:0;
margin:0;
list-style:none;
line-height:14px
}

.features-list li {
position:relative;
padding:0 0 14px 17px
}

.features-list li:after {
content:'';
display:block;
clear:both;
background:#fff;
position:absolute;
left:1px;
top:3px;
width:7px;
height:7px
}

.features-frame {
padding:0 100px 0 130px
}

.item-block.smaller {
padding:37px 0 85px
}

.item-block.smaller .visual {
margin:0 47px 0 -68px;
width:64%
}

.item-block.smaller .description {
padding:18px 0 0
}

.accordion {
padding:47px 119px 47px 136px
}

.item-container.change .accordion {
padding:47px 0
}

.accordion-item {
padding:0 0 8px
}

.accordion-item .heading {
display:block;
text-transform:uppercase;
color:#fff;
line-height:16px;
background:#39c;
position:relative;
padding:15px 42px 15px 32px;
cursor:pointer;
overflow:hidden
}

.accordion-item .heading span {
display:block;
overflow:hidden
}

.accordion-item .heading i {
position:absolute;
right:21px;
top:13px;
color:#fff;
font-weight:700;
font-size:22px;
line-height:22px
}

.accordion-item .heading i.fa-angle-right {
display:none
}

.accordion-item .heading.opened i.fa-angle-right {
display:block
}

.accordion-item .heading.opened i.fa-angle-down {
display:none
}

.expanded {
display:none;
padding:32px 32px 15px
}

.text-title {
font-weight:500
}

.table-frame {
margin:0 0 46px
}

.table {
width:100%;
border:1px solid #3cb1d8;
font-size:14px!important;
line-height:18px!important
}

.table th {
background:#6cb5da;
color:#fff;
font-size:12px!important;
line-height:18px!important;
font-weight:500;
text-align:left;
padding:9px 7px 12px!important;
vertical-align:top;
border:none!important;
border-left:1px solid #fff!important
}

.table th:first-child {
border-left:none!important
}

.table td {
border:none!important;
border-top:1px solid #5bd!important;
border-left:1px solid #5bd!important;
padding:7px 8px 8px 5px !important;
vertical-align:top
}

.item-nav {
margin:-8px 0 6px
}

.item-nav ul {
padding:0 0 7px;
margin:0;
list-style:none;
overflow:hidden;
border-bottom:1px solid #adadad;
line-height:16px;
text-transform:uppercase
}

.item-nav li {
float:left;
padding:0 39px 5px 0;
position:relative
}

.item-nav li:after {
content:'';
display:block;
clear:both;
position:absolute;
border-left:1px solid #999;
height:16px;
top:1px;
right:19px
}

.item-nav li:last-child:after {
display:none
}

.item-nav li.active a {
color:#39c;
font-weight:500
}

.news-list {
padding:0 0 40px;
margin:0;
list-style:none;
line-height:18px
}

.news-list .search-row {
padding-left:15px;
padding-top:25px
}

.news-list .search-row .description {
text-align:justify
}

.news-list li {
border-bottom:1px solid #adadad
}

.news-list a {
display:block;
overflow:hidden;
position:relative;
padding:34px 0 35px
}

.news-list a:hover {
text-decoration:none
}

.news-list a:hover:after {
content:'';
display:block;
clear:both;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#39c;
opacity:.77;
z-index:5
}

.news-list .visual {
text-align:center;
float:left;
margin:4px 30px 0 0;
width:130px
}

.news-list .visual img {
vertical-align:top;
width:100%;
height:auto
}

.news-list .description {
overflow:hidden
}

.news-list .title {
display:block;
font-weight:500;
padding:0 0 18px
}

.news-list p {
margin:0 0 9px
}

.news-list .date {
display:block
}

.news-list .read-more {
position:absolute;
bottom:17px;
right:32px;
text-transform:uppercase;
color:#fff;
z-index:10;
font-size:18px;
line-height:18px
}

.news-list .read-more i {
font-weight:700;
font-size:21px;
line-height:20px;
margin:0 0 0 2px
}

.article {
font-size:14px;
line-height:18px;
padding:33px 0 0;
overflow:hidden;
text-align:justify
}

.article .visual {
float:left;
width:130px;
margin:5px 30px 18px 0;
text-align:center
}

.article .visual img {
width:100%;
height:auto;
vertical-align:top
}

.article p {
margin:0 0 21px
}

.article .title-holder {
padding:0 0 28px;
text-align:left
}

.article .title {
font-weight:500;
margin:0 4px 0 0
}

.article .date span {
font-style:normal;
padding:0 7px 0 0
}

.article-controls {
overflow:hidden;
padding:24px 0
}

.article-controls .prev-article {
float:left
}

.article-controls .fa {
font-size:18px;
line-height:18px;
font-weight:700;
display:inline-block;
vertical-align:top
}

.article-controls .prev-article .fa {
margin:4px 5px 0 0
}

.article-controls .next-article {
float:right
}

.article-controls .next-article .fa {
margin:4px 0 0 5px
}

.article-controls a {
text-transform:uppercase;
font-size:12px;
line-height:18px;
font-weight:500
}

.capabilities-list {
padding:17px 20px 30px 21px;
margin:0 -50px 40px -46px;
list-style:none;
font-size:14px;
line-height:18px;
color:#fff;
background:#39c
}

.capabilities-list li {
display:table;
width:100%;
margin:35px 0 0
}

.capabilities-list li:first-child {
margin:0
}

.capabilities-list .visual {
display:table-cell;
vertical-align:middle;
width:57px
}

.capabilities-list .visual img {
vertical-align:top;
width:auto;
height:auto;
max-width:51px;
max-height:59px
}

.capabilities-list .description {
display:table-cell;
vertical-align:middle
}

.capabilities-list .title {
display:block;
text-transform:uppercase;
font-weight:500
}

.capabilities-list p {
margin:0
}

.functions-capabilities .text-change {
padding:0 0 47px
}

.selecter {
position:relative;
display:block;
margin:0;
z-index:1;
color:#000
}

.selecter:focus {
box-shadow:none;
outline:none
}

.selecter,.selecter * {
-webkit-user-select:none!important;
-moz-user-select:none!important;
-ms-user-select:none!important;
user-select:none!important
}

.selecter,.selecter *,.selecter :before,.selecter :after {
box-sizing:border-box
}

.selecter-element {
width:100%;
height:100%;
position:absolute;
left:0;
opacity:0;
z-index:-1
}

.selecter-element,.selecter-element:focus {
outline:none;
-webkit-tap-highlight-color:rgba(255,255,255,0);
-webkit-tap-highlight-color:transparent
}

.no-opacity .selecter-element {
left:-999999px
}

.selecter-selected {
position:relative;
background:#fff;
cursor:pointer;
display:block;
font-size:14px;
line-height:18px;
margin:0;
overflow:hidden;
padding:12px 36px 8px 19px;
height:40px;
text-overflow:clip;
z-index:2;
color:#666;
border:1px solid #ccc;
font-weight:300
}

.selecter-selected:after {
height:0;
width:0;
position:absolute;
top:4px;
right:14px;
bottom:0;
background:url(../images/arrow3.png) no-repeat;
width:11px;
height:6px;
content:'';
display:block;
margin:auto 0
}

.selecter.disabled .selecter-selected:after {
background-position:0 -12px
}

.no-touch .selecter-selected:hover {
color:#333
}

.no-touch .selecter.disabled .selecter-selected:hover {
color:#ccc
}

.selecter-options {
width:100%;
max-height:260px;
position:absolute;
top:100%;
left:0;
display:none;
margin:0;
overflow:auto;
overflow-x:hidden;
padding:0;
z-index:50;
font-size:14px;
line-height:18px;
border:1px solid #ccc;
border-width:0 1px 1px
}

.selecter-options.scroller {
position:absolute
}

.no-opacity .selecter-options {
width:auto
}

.selecter-group {
border-bottom:1px solid #ccc;
color:#666;
display:block;
font-size:14px;
padding:7px 11px;
text-transform:uppercase
}

.selecter-item {
width:100%;
background:#fff;
border-bottom:1px solid #ccc;
color:#999;
cursor:pointer;
display:block;
font-size:14px;
margin:0;
overflow:hidden;
padding:8px 19px;
text-decoration:none;
text-overflow:ellipsis
}

.selecter-item.placeholder {
display:none
}

.selecter-item:hover {
background:#eee
}

.selecter-item.disabled {
color:#999;
cursor:default
}

.selecter-item:first-child {
border-radius:0
}

.selecter-item:last-child {
border-bottom:0
}

.no-touch .selecter-item:hover,.no-touch .selecter-item.selected:hover {
color:#333;
background-color:#ccc
}

.selecter-item.disabled,.no-touch .selecter-item.disabled:hover {
color:#ccc;
background-color:#fff
}

.selecter.open {
z-index:3
}

.selecter.open .selecter-selected {
z-index:51
}

.selecter.open .selecter-selected,.selecter.focus .selecter-selected {
background-color:#fff
}

.selecter.cover .selecter-options {
border-width:1px;
top:0
}

.selecter.cover.open .selecter-selected {
z-index:49
}

.selecter.bottom .selecter-options {
top:auto;
bottom:100%;
border-width:1px 1px 0
}

.selecter.bottom .selecter-item:last-child {
border:none
}

.selecter.bottom .cover .selecter-options {
top:auto;
bottom:0
}

.selecter.multiple .selecter-options {
width:100%;
position:static;
border-width:1px;
display:block;
box-shadow:none
}

.selecter.disabled .selecter-selected {
background:#d9d9d9;
border-color:#3d4b54;
color:#ccc;
cursor:default
}

.selecter.disabled .selecter-options {
background:#fff;
border-color:#ccc
}

.selecter.disabled .selecter-group,.selecter.disabled .selecter-item {
border-color:#ccc;
color:#ccc;
cursor:default
}

.selecter.disabled .selecter-item.selected,.no-touch .selecter.disabled .selecter-item.selected:hover {
background:#fafafa
}

.selecter.disabled .selecter-item,.no-touch .selecter.disabled .selecter-item:hover {
color:#ccc;
background-color:#fff
}

.selecter-options.scroller {
overflow:hidden
}

.selecter-options.scroller .scroller-content {
max-height:260px;
padding:0
}

.domain-form {
padding:14px 0 49px
}

.domain-form .holder:after {
content:'';
display:block;
clear:both
}

.domain-form .btn-submit {
float:right;
width:292px;
margin:0 0 0 -100%
}

.domain-input-holder {
width:100%;
float:left
}

.domain-input-frame {
margin:0 339px 0 0
}

.domain-input {
border:1px solid #c2c2c2
}

.domain-input:after {
content:'';
display:block;
clear:both
}

.domain-input .text {
border:none;
height:44px;
color:#999;
font-weight:300;
font-size:13px
}

.domain-input .selecter {
width:160px;
float:right
}

.domain-input .selecter-selected {
border:none;
height:44px;
font-size:18px;
color:#666;
text-align:right;
background:none!important
}

.domain-input .text-holder {
overflow:hidden
}

.domain-input .selecter-item {
font-size:18px;
line-height:20px;
text-align:right;
color:#666;
padding:10px 35px 11px 19px
}

.domain-input .selecter-options {
border-width:1px;
margin:0 0 0 1px
}

.domains-table-frame {
position:relative;
padding:49px 0 55px 50px;
margin:0 0 12px
}

.domains-table-frame:after {
content:'';
display:block;
clear:both;
background:url(../images/line1.png) repeat-x 50% 0;
width:100%;
height:7px;
position:absolute;
left:0;
top:0
}

.domains-table-frame:before {
content:'';
display:block;
clear:both;
background:url(../images/line2.png) repeat-x 50% 0;
width:100%;
height:6px;
position:absolute;
left:0;
bottom:0
}

.domains-table {
margin:0 auto;
width:100%;
max-width:470px
}

.domains-table td {
padding:0 10px
}

.domains-table a:hover {
text-decoration:none;
color:#39c
}

.theme-list {
padding:20px 0 10px;
margin:0;
list-style:none;
line-height:18px
}

.theme-list li {
padding:0 0 9px
}

.theme-list .title {
display:block;
font-weight:500
}

.design-gallery {
padding:59px 25px 54px 18px
}

.design-gallery:after {
content:'';
display:block;
clear:both
}

.gallery-description {
float:right;
width:219px;
margin:90px 0 0 -14px;
position:relative;
z-index:20
}

.gallery-description .title {
display:block;
text-transform:uppercase;
font-weight:500;
font-size:17px;
line-height:25px;
padding:0 0 26px
}

.slider-holder {
overflow:hidden;
position:relative;
z-index:10
}

.slider {
padding:0;
margin:0;
list-style:none;
overflow:hidden
}

.slider li {
float:left;
height:481px;
line-height:478px;
text-align:center
}

.slider img {
vertical-align:middle;
width:auto;
height:auto;
max-width:100%;
max-height:100%
}

.switcher {
padding:0;
margin:0 0 0 4px;
list-style:none;
font-size:13px;
line-height:15px;
text-transform:uppercase
}

.switcher li {
margin:0 0 14px
}

.switcher a.active {
background:#39c;
color:#fff
}

.switcher a.active:after {
content:'';
display:block;
clear:both;
background:url(../images/arrow4.png) no-repeat;
width:34px;
height:47px;
position:absolute;
left:-34px;
top:0
}

.switcher a.active:focus,.switcher a.active:hover {
text-decoration:none
}

.switcher a {
display:block;
position:relative
}

.switcher span {
display:table;
height:47px;
width:100%
}

.switcher i {
font-style:normal;
display:table-cell;
vertical-align:middle;
padding:4px 10px 4px 38px
}

.cd-form-wrapper.change2 .cd-form {
border:1px solid #4ba5d2;
height:127px
}

.cd-form-wrapper.change2 .cd-form:after {
border-left:1px solid #3f9fcf;
left:49px;
margin:5px 0 0;
height:33px
}

.cd-form-wrapper.change2 .cd-label {
color:#39c;
font-weight:400;
left:49px;
top:21px
}

.cd-form-wrapper.change2 .cd-email {
color:#39c;
font-size:14px;
line-height:16px;
padding-left:63px;
padding-top:42px
}

.cd-form-wrapper.change2 .cd-email::-webkit-input-placeholder {
color:#39c;
opacity:1
}

.cd-form-wrapper.change2 .cd-email::-moz-placeholder {
color:#39c;
opacity:1
}

.cd-form-wrapper.change2 .cd-email:-moz-placeholder {
color:#39c;
opacity:1
}

.cd-form-wrapper.change2 .cd-email:-ms-input-placeholder {
color:#39c;
opacity:1
}

.cd-form-wrapper.change2 {
margin:0 0 18px
}

.cd-form-wrapper.change .cd-form.is-active .cd-email,.cd-form-wrapper.change2 .cd-form.is-active .cd-email,.cd-form-wrapper.change3 .cd-form.is-active .cd-email {
padding-top:2px
}

.data-form {
padding:38px 0
}

.data-form .columns {
padding:0 5px 0 23px;
margin:0 0 0 -96px
}

.data-form .columns .col {
padding:0 0 0 96px
}

.data-title {
text-transform:uppercase;
line-height:18px;
font-weight:300;
padding:0 0 26px;
display:block
}

.button-panel {
overflow:hidden;
margin:0 -11px 0 0;
padding:42px 0 30px
}

.button-panel.change {
margin:0 -1px 0 0;
padding:108px 0 30px
}

.button-panel .btn-holder {
float:right
}

.button-panel .btn-submit {
float:left;
padding:0 9px
}

.error-info {
float:left;
color:#900;
font-size:12px;
line-height:15px;
font-weight:500;
padding:19px 20px 0 15px
}

.error-info .fa {
font-size:18px;
line-height:18px;
margin:-1px 4px 3px 0;
display:inline-block;
vertical-align:middle
}

.accordion .letter {
float:left;
width:41px;
font-weight:700;
font-size:18px;
line-height:18px;
font-style:normal;
margin:-1px 10px -1px 0
}

.accordion.no-top-indent {
padding-top:0!important
}

.check-item {
overflow:hidden;
padding:0 0 10px 20px
}

.check-label {
overflow:hidden;
display:block;
color:#fff;
cursor:pointer;
font-weight:300;
font-size:18px;
line-height:20px
}

div.check,div.radio {
display:inline-block;
vertical-align:middle;
background:url(../images/bg-check.png) no-repeat;
width:21px;
height:16px;
margin:0;
position:relative;
cursor:pointer
}

.check-label.white div.check {
background-position:0 -42px
}

.check-label.white div.check.checked {
background-position:0 -58px
}

div.check.checked,div.radio.checked {
background-position:0 -21px
}

div.check.checked:after,div.check {
border-radius:0
}

div.check.disabled,div.radio.disabled,div.check.disabled + label,div.radio.disabled + label {
cursor:default!important;
opacity:.5
}

div.check-item.disabled,div.radio-item.disabled,div.check-item.disabled + label,div.radio-item.disabled + label {
cursor:default!important
}

div.check-item.disabled {
background-position:0 -32px
}

div.radio-item.disabled {
background-position:0 -40px
}

.expanded.no-indent {
padding:0
}

.price-table {
width:100%;
border-collapse:collapse;
font-weight:400;
margin:0
}

.price-table td {
border-bottom:1px solid #adadad;
border-left:1px solid #adadad;
padding:13px 20px;
cursor:pointer
}

.price-table tr.active td {
background:#d4e9f4
}

.price-table td:first-child {
border-left:none;
padding-left:28px;
padding-right:10px
}

.price-table td:last-child {
padding-left:10px;
padding-right:10px
}

.price-table .num {
font-weight:500
}

.price-table .num.subnum {
font-weight:400
}

.price-table tr.total td:first-child {
padding:0
}

.price-table tr.total td {
color:#39c;
font-size:18px;
line-height:18px;
font-weight:500;
border:none;
padding:15px 5px
}

.step-list {
padding:23px 0 109px;
margin:0 29px 0 -77px;
list-style:none;
font-size:0;
line-height:0;
letter-spacing:-1px
}

.step-list li {
width:25%;
text-align:center;
font-size:14px;
line-height:14px;
letter-spacing:normal;
padding:0 2.5%;
display:inline-block;
vertical-align:top;
position:relative
}

.step-list li:after {
content:'';
display:block;
clear:both;
position:absolute;
left:-53px;
top:107px;
background:url(../images/line3.png) no-repeat;
background-size:100% 100%;
width:67px;
height:54px
}

.step-list li.bottom:after {
background:url(../images/line4.png) no-repeat;
background-size:100% 100%;
width:65px;
height:53px;
top:37px;
left:-41px
}

.step-list li:first-child:after {
display:none
}

.step-list li.bottom {
margin:77px 0 0
}

.step-list .num {
display:block;
font-size:24px;
line-height:24px;
padding:0 0 19px
}

.step-list .visual {
margin:0 0 10px
}

.step-list .visual img {
vertical-align:top;
width:auto;
height:auto;
max-width:100%;
max-height:100%
}

.step-list p {
margin:0
}

.visual-title {
display:block;
text-transform:uppercase;
color:#fff;
background:#39c;
font-size:18px;
line-height:18px;
font-weight:500;
padding:13px 23px 15px;
margin:0 -23px 27px
}

.enter-list {
padding:10px 0 20px 4px;
margin:0;
list-style:none
}

.enter-list li {
display:inline-block;
vertical-align:middle;
margin:0 20px 20px 0
}

.input-item {
position:relative
}

.enter-list img {
vertical-align:top
}

.form-holder {
padding:18px 24px 36px 4px
}

.form-holder .label-item {
padding:0 0 4px
}

.form-holder .input-row {
margin:0 0 15px
}

.result-label {
width:34px;
font-size:18px;
line-height:20px;
text-align:center;
text-transform:uppercase;
position:absolute;
right:-45px;
top:0;
line-height:36px;
height:37px;
display:none;
color:#fff
}

.result-label i,.result-label em {
font-style:normal
}

.ok .result-label {
display:block;
background:#7cc576
}

.error .result-label {
display:block;
background:#c00
}

.ok .result-label em {
display:none
}

.error .result-label i {
display:none
}

.captcha-holder {
overflow:hidden;
padding:10px 0
}

.captcha {
float:left;
border:1px solid #d6d6d6
}

.captcha img {
vertical-align:top
}

.accordion.change {
margin:0 -27px
}

.accordion.change .expanded {
padding:22px 27px 15px
}

.scroll-text {
overflow:hidden;
overflow-y:auto;
border:1px solid #d6d6d6;
height:67px;
font-size:12px;
line-height:14px;
padding:1px 20px 2px 7px
}

.btn-registration {
padding:0 0 20px
}

.btn-registration .button.btn-submit {
padding:0 49px;
font-size:17px
}

.info-list {
padding:0;
margin:0 0 9px;
list-style:none;
border:1px solid #c4c4c4;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
overflow:hidden;
display:table;
width:100%;
line-height:18px;
text-transform:uppercase;
height:49px;
text-align:center;
font-weight:400
}

.info-list li {
border-left:1px solid #c4c4c4;
display:table-cell;
vertical-align:middle;
padding:3px
}

.info-list li:first-child {
border:none
}

.service-panel {
padding:0 0 51px
}

.service-panel.change {
padding:0 0 29px
}

.service-panel:after {
content:'';
display:block;
clear:both
}

.sorting-select {
float:right;
margin:0 0 0 20px;
min-width:214px
}

.sorting-select .selecter-selected:after {
right:10px
}

.sorting-select .selecter-selected {
background:#ebebeb!important;
padding:13px 25px 8px 14px;
height:48px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px
}

.btn-back {
overflow:hidden;
padding:10px 0 0
}

.btn-back a {
color:#999
}

.item:after {
content:'';
display:block;
clear:both
}

.item-column {
float:left;
width:110px;
margin:0 64px 0 0
}

.item-info {
text-align:center
}

.item-info .visual {
margin:0 0 11px
}

.item-info .visual img {
width:auto;
height:auto;
vertical-align:top;
max-width:100%;
max-height:100%
}

.item-info .title {
display:block;
font-weight:400;
line-height:18px;
padding:0 0 1px
}

.item-info .date {
display:block;
color:#999;
font-size:12px;
line-height:14px;
padding:0 0 38px
}

.item-info .likes {
font-size:18px;
line-height:18px;
padding:0 0 26px;
color:#999
}

.item-info .likes .fa {
color:#09c
}

.item-info .likes a:hover {
text-decoration:none
}

.article-content {
padding:0 0 20px
}

.article-content .title {
display:block;
font-weight:400;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px 0 8px;
margin:0 0 15px;
text-align:center
}

.article-content ul {
padding:0 0 20px;
margin:0;
list-style:none;
color:#999;
font-size:12px;
line-height:12px
}

.article-content ul li {
padding:0 0 12px
}

.item-content {
overflow:hidden;
line-height:14px;
padding:0 0 30px
}

.item-content h2 {
text-transform:none;
font-weight:400;
font-size:18px;
line-height:24px;
margin:0 0 15px
}

.item-content p {
margin:0 0 14px
}

.info-text {
line-height:18px;
padding:23px 0 13px 4px
}

.info-text:after {
content:'';
display:block;
clear:both
}

.info-text .icon {
float:left;
color:#39c;
margin:0 15px 0 0
}

.info-text .description {
overflow:hidden
}

.info-container {
padding:0 33px 0 27px
}

.data-list {
padding:0 0 30px 4px;
margin:0;
list-style:none
}

.data-list li {
position:relative;
padding:0 0 0 24px
}

.data-list li:after {
content:'';
display:block;
clear:both;
position:absolute;
left:0;
top:0;
background:url(../images/arrow5.png) no-repeat;
width:6px;
height:8px;
left:2px;
top:9px
}

.info-form {
padding:0 0 30px
}

.info-form .btn-holder:after {
content:'';
display:block;
clear:both
}

.input-row.change {
margin:0 0 14px
}

.input-row.change .text {
height:40px
}

.button.btn-send {
border:1px solid #c9c9c9;
font-size:14px;
background:none;
color:#666;
padding:0 60px;
height:40px;
line-height:38px
}

.info-form .button.btn-send {
float:left
}

.info-form .button.btn-send:hover {
background:#39c;
border:1px solid #39c;
color:#fff
}

.info-form .button.btn-send {
margin:0 0 20px
}

.contacts {
padding:4px 4px 0 0;
margin:0;
list-style:none;
font-size:12px;
line-height:16px;
overflow:hidden;
text-align:right
}

.contacts li {
display:inline-block;
vertical-align:top;
overflow:hidden;
text-align:left;
padding:0 0 0 25px
}

.contacts li:first-child {
padding-left:0
}

.contacts .icon {
float:left;
margin:1px 13px 0 0
}

.contacts .icon img {
vertical-align:top
}

.contacts .description {
float:left
}

.contacts .description span {
display:block
}

.contacts address {
margin:0;
font-style:normal
}

#footer {
position:relative;
z-index:500
}

.social {
padding:20px 0 17px;
margin:0;
list-style:none
}

.social:after {
content:'';
display:block;
clear:both
}

.social li {
float:left;
position:relative;
padding:0 12px 3px 0
}

.social li:after {
content:'';
display:block;
clear:both;
height:20px;
border-left:1px solid #939393;
position:absolute;
right:6px;
top:4px
}

.social li:last-child:after {
display:none
}

.social-enter-block {
background:#fff;
position:relative;
padding:13px 26px 5px 17px;
margin:0 0 17px
}

.social-enter-block .view {
position:absolute;
right:11px;
top:22px;
background:url(../images/icon21.png) no-repeat;
width:11px;
height:11px;
cursor:pointer;
overflow:hidden;
text-indent:-9999px
}

.social-enter {
padding:0;
margin:0;
list-style:none;
font-size:0;
line-height:0;
letter-spacing:-1px
}

.social-enter li {
font-size:14px;
line-height:18px;
letter-spacing:normal;
display:inline-block;
vertical-align:middle;
margin:0 10px 5px 0;
width:63px
}

.social-enter img {
vertical-align:top;
width:auto;
height:auto;
max-width:100%;
max-height:100%
}

.login-popup .popup {
background:none;
padding-top:40px;
padding-bottom:40px
}

.login-popup .popup-close {
top:0
}

.login-popup .popup-close:focus,.login-popup .popup-close:hover {
color:#fff
}

.login-form .input-row {
background:#fff;
margin:0 0 8px
}

.login-form .text {
border:1px solid #fff;
padding:0 22px;
height:51px
}

.popup-title {
text-transform:uppercase;
color:#fff;
font-weight:500;
font-size:29px;
line-height:31px;
text-align:center;
display:block;
padding:0 0 22px
}

.confirm {
padding:3px 0 14px;
overflow:hidden
}

.confirm div.check {
float:left;
margin:3px 13px 0 0
}

.check-label span {
display:block;
overflow:hidden
}

.button.btn-enter {
display:block;
border:1px solid #fff;
background:none;
font-size:18px;
margin:0;
height:51px;
line-height:48px
}

.input-column {
width:388px;
margin:0 auto;
padding:31px 0 0
}

.check-holder {
padding:0 0 41px
}

.check-holder .title {
float:left;
margin:0 31px 0 0
}

.check-holder:after {
content:'';
display:block;
clear:both
}

.check-list {
float:left;
padding:0;
margin:0 -28px 0 0;
list-style:none
}

.check-list label {
font-weight:300;
display:block;
overflow:hidden
}

.check-list li {
float:left;
margin:0 28px 0 0
}

.check-list label {
display:block;
cursor:pointer
}

.check-list div.check {
transform:scale(0.7,0.7);
-moz-transform:scale(0.7,0.7);
-webkit-transform:scale(0.7,0.7);
height:18px
}

.discussion-list {
padding:0 0 30px 10px;
margin:0;
list-style:none
}

.discussion-list li {
border-bottom:1px solid #b8b8b8;
padding:18px 0 9px
}

.discussion-list .title {
display:block;
font-weight:500;
padding:0 0 4px;
font-size:16px;
line-height:18px
}

.discussion-list .service {
display:block;
overflow:hidden;
line-height:14px;
font-size:12px;
font-style:italic
}

.discussion-list .likes-num {
float:right;
font-size:12px;
line-height:14px;
margin:0 0 0 10px
}

.discussion-list .likes-num .fa {
color:#67c7e0;
margin:0 0 0 4px
}

.discussion-list .service span {
float:left;
padding:0 17px 0 0;
position:relative
}

.discussion-list .service span:after {
content:'';
display:block;
clear:both;
background:#959595;
width:3px;
height:3px;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
position:absolute;
right:6px;
top:7px
}

.discussion-list .service span:last-child:after {
display:none
}

.accordion-item .heading .status.color2 {
background:#bc4a4a
}

.accordion-item .heading .status {
float:right;
background:#4dc0d3;
color:#fff;
font-weight:500;
text-transform:none;
font-size:14px;
line-height:14px;
font-style:italic;
margin:-1px 16px -3px 6px;
padding:1px 8px 4px 5px
}

.chat-list {
padding:14px 0 0 2px;
margin:0;
list-style:none;
line-height:18px
}

.chat-list .chat-list {
padding:0 0 0 147px;
border-top:1px solid #cdcdcd
}

.chat-list .inner {
padding:17px 7px 12px 0
}

.chat-list>li {
border-top:1px solid #cdcdcd
}

.chat-list>li:first-child {
border:none
}

.chat-list .chat-list li {
border-top:1px solid #cdcdcd
}

.chat-list .chat-list li:first-child {
border:none
}

.chat-list .username {
display:block;
color:#39c;
font-weight:500;
padding:0 0 9px
}

.chat-list .username.admin {
color:#666;
font-size:16px;
padding:2px 0 4px 4px
}

.chat-list .username.admin i {
margin:0
}

.chat-list .username img {
vertical-align:top;
max-height:15px;
width:auto;
height:auto
}

.chat-list .title {
display:block;
font-weight:500;
padding:0 0 18px
}

.chat-list p {
margin:0 0 11px
}

.chat-list .date {
float:left
}

.chat-list .holder {
overflow:hidden
}

.btn-answer {
float:right;
background:#3199cc;
font-style:italic;
padding:1px 6px 3px;
color:#fff;
margin:7px 0 0 10px
}

.btn-answer:hover,.btn-answer:focus {
color:#fff;
text-decoration:none;
opacity:.9
}

.hidden-form {
display:none
}

.answer-form {
padding:23px 0 10px
}

.answer-form .textarea {
font-style:italic;
height:158px;
padding:13px 16px;
margin:0 0 13px
}

.answer-form .button.btn-submit {
text-transform:uppercase;
padding:0 41px;
height:37px;
line-height:37px
}

.pagination-holder {
text-align:right
}

.expanded.no-indent-2 {
padding:8px 0 0
}

.expanded.no-indent-2 .table-frame {
margin:0
}

.search-table.forum-table td:first-child {
text-align:center;
font-weight:400
}

.search-box .heading {
margin-bottom:10px
}

.forum-table {
width:100%;
border-collapse:collapse;
font-weight:400;
margin:0;
line-height:15px
}

.forum-table th,.forum-table td {
border-bottom:1px solid #adadad;
border-left:1px solid #adadad;
padding:11px 20px 8px
}

.forum-table th {
text-align:center;
vertical-align:middle;
text-transform:uppercase;
font-weight:400;
padding:6px 20px
}

.forum-table th:first-child,.forum-table td:first-child {
border-left:none;
padding-left:15px;
padding-right:8px;
width:403px
}

.forum-table tr:last-child td {
border-bottom:none
}

.topic-title {
display:inline-block;
vertical-align:top;
color:#39c;
font-weight:500;
margin:0 0 7px
}

.topic-title:hover {
text-decoration:underline;
color:#39c
}

.topic-description {
display:block;
font-weight:300
}

.topic {
font-weight:300;
display:block;
margin:0 0 8px
}

.topic a {
font-weight:400;
text-decoration:underline
}

.date {
display:block;
font-weight:300
}

.date a {
text-decoration:underline
}

.topic a:hover,.date a:hover {
text-decoration:none
}

.search-box .visual-title,.chat-box .visual-title {
margin:0 0 8px;
font-size:14px;
line-height:15px;
padding:18px 23px 13px
}

.search-box .visual-title+p {
padding:0 0 0 18px;
margin:0 0 31px
}

.search-form {
position:relative;
width:100%;
height:83px;
border:1px solid #cecece;
margin:0 0 37px
}

.search-form:after {
content:'';
display:block;
clear:both;
height:20px;
border-left:1px solid #999;
position:absolute;
left:18px;
top:50%;
margin:4px 0 0
}

.cd-search {
border:none;
top:0;
left:0;
bottom:0;
height:100%;
width:100%;
background:transparent;
padding-left:26px;
padding-top:30px;
font-weight:300;
font-size:18px;
line-height:20px;
color:#999;
-webkit-transition:height 0.3s,background-color .3s;
-moz-transition:height 0.3s,background-color .3s;
transition:height 0.3s,background-color .3s;
z-index:1
}

.search-box .cd-label {
font-size:12px;
line-height:14px;
left:18px;
top:14px
}

.search-holder {
text-align:right;
line-height:14px;
margin:0 0 7px
}

.search-holder em {
margin:0 0 7px;
display:inline-block;
vertical-align:top
}

.page-box {
display:inline-block;
vertical-align:top;
position:relative;
padding:0 20px;
margin:0 0 7px 15px
}

.list-page {
list-style:none;
margin:0;
padding:0
}

.list-page li {
display:inline-block;
vertical-align:bottom;
margin:0 2px 0 3px
}

.list-page li a {
font-style:italic
}

.list-page .active a,.list-page a:hover {
color:#39c;
font-weight:500;
text-decoration:none
}

.btn-prev,.btn-next {
position:absolute;
top:0;
color:#39c
}

.btn-prev {
left:0
}

.btn-next {
right:0
}

.search-table {
width:100%;
border-collapse:collapse;
font-weight:400;
margin:0;
line-height:14px;
border:1px solid #999
}

.search-table th,.search-table td {
border-bottom:1px solid #999;
border-left:1px solid #999;
text-align:center
}

.search-table th {
vertical-align:middle;
text-transform:uppercase;
font-weight:500;
padding:12px 5px 9px;
color:#39c;
background:#ebebeb
}

.search-table td {
padding:19px 5px 15px
}

.search-table th:first-child,.search-table td:first-child {
border-left:none;
padding-left:5px;
padding-right:5px;
width:265px
}

.search-table td:first-child {
text-align:left;
font-weight:500
}

.search-table tr:last-child td {
border-bottom:none
}

.autor {
font-style:italic;
text-decoration:underline;
font-style:italic;
text-decoration:underline
}

.autor:hover {
text-decoration:none
}

.search-box .table-frame {
margin:0 0 14px
}

.chat-box .visual-title {
margin:0 0 80px
}

.chat-box .visual-title span {
text-transform:none
}

.chat-box .chat-list.first {
border-bottom:1px solid #cdcdcd;
padding-top:0
}

.chat-box .chat-list.first>li:first-child {
border-top:1px solid #cdcdcd
}

.chat-box .chat-list .inner:after {
clear:both;
display:block;
content:''
}

.chat-box .chat-list .avatar {
float:left;
margin:0 15px 0 0;
width:66px;
height:66px
}

.chat-box .chat-list .avatar img {
width:100%;
height:auto
}

.chat-box .chat-list .chat-text {
overflow:hidden
}

.chat-box .chat-list .username {
line-height:14px;
color:#666;
padding:0 0 0 4px;
margin:0 0 2px
}

.chat-box .chat-list .date {
float:none;
font-size:12px;
line-height:18px;
margin:0 0 9px
}

.chat-box .chat-text p {
padding:0 0 0 6px
}

.chat-box .chat-list .chat-list {
padding:0 0 0 129px
}

.chat-box .chat-list .chat-list .inner {
padding:26px 7px 12px 0
}

#footer {
background:rgba(74,183,219,0.71);
color:#fff;
padding:18px 0 42px
}

#footer .row-coll {
margin:0 -15px
}

#footer .row-coll:after {
clear:both;
content:'';
display:block
}

.coll {
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:26%;
padding:0 15px
}

.coll:first-child,.coll:last-child {
width:24%
}

#footer h4 {
font-size:24px;
line-height:30px;
font-weight:300;
margin:0 0 4px
}

.foot-menu {
list-style:none;
margin:0 0 20px;
padding:0
}

.foot-menu li {
font-weight:300;
margin:0 0 6px;
font-size:14px;
line-height:18px
}

.foot-menu li a {
font-weight:300;
color:#fff;
font-size:14px;
line-height:18px
}

.foot-menu.networks li {
display:inline-block;
vertical-align:middle;
margin:0 15px 6px 0
}

.foot-menu.networks li span {
background:url(../images/icon22.png) no-repeat;
width:18px;
height:15px;
margin:0 8px 0 0;
display:inline-block;
vertical-align:middle
}

.foot-menu.networks .twitt span {
background-position:0 0
}

.foot-menu.networks .odnoklasniki span {
background-position:-19px 0
}

.foot-menu.networks .fb span {
background-position:-38px 0
}

.foot-menu.networks .vk span {
background-position:-57px 0
}

.foot-menu.networks .twitt a:hover span {
background-position:0 -16px
}

.foot-menu.networks .odnoklasniki a:hover span {
background-position:-19px -16px
}

.foot-menu.networks .fb a:hover span {
background-position:-38px -16px
}

.foot-menu.networks .vk a:hover span {
background-position:-57px -16px
}

.copy-box {
padding:24px 0 0
}

.logo-foot {
display:block;
width:179px;
height:37px;
background:url(../images/logo5.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:0 auto 13px
}

.logo-foot a {
display:block;
height:100%
}

.copy {
text-align:center;
color:#fff;
font-size:12px;
line-height:24px
}

@media only screen and (max-width: 1640px) {
.nav-fix-wide {
display:none
}

.nav-fix {
display:block
}
}

@media only screen and (max-width: 1050px) {
.item-block .visual {
width:50%;
margin:0 40px 0 0
}
}

@media only screen and (max-width: 1000px) {
.capabilities-list {
margin:0 0 40px
}

.step-list {
margin:0
}

.step-list li:after,.step-list li.bottom:after {
width:33px;
height:27px;
left:-30px
}

.step-list li.bottom:after {
left:-8px
}

.info-list {
display:block;
height:auto;
text-align:left;
margin:0 0 20px
}

.info-list li {
display:block;
border:none;
border-top:1px solid #c4c4c4;
padding:8px 15px
}

.info-list li:first-child {
border:none
}
}

@media only screen and (max-width: 960px) {
.logo.small {
margin:6px 0 0
}

.row-coll {
font-size:0;
line-height:0
}

.coll {
width:50%;
display:inline-block;
vertical-align:top;
float:none
}

.coll:first-child,.coll:last-child {
width:50%
}
}

@media only screen and (max-width: 850px) {
.perspective.effect-moveleft {
background:none
}
}

@media only screen and (max-width: 880px) {
.run-your-shop .title.smaller {
display:none
}

.run-your-shop .title-frame:after {
display:none
}

.run-your-shop .title span {
display:inline
}

.run-your-shop .title {
text-align:center;
padding:0!important
}

.item-container {
padding:0 24px
}

.flying-visual span {
display:none
}

.flying-visual span.flying-visual5 {
display:block
}

.splitlayout.reset-layout {
display:none
}

.about-system-mobile {
display:block
}

.item-container.top-bottom-indent {
padding-top:30px;
padding-bottom:30px
}

.info-block {
padding:40px 0
}

.item-block {
padding:40px 0
}

.nav-fix {
display:block
}

.features-frame {
padding:0
}

.accordion {
padding-left:0;
padding-right:0
}

.forum-table th:first-child,.forum-table td:first-child,.search-table th:first-child,.search-table td:first-child {
width:auto
}

.forum-table th:last-child,.forum-table td:last-child {
width:184px
}

.search-table th:last-child,.search-table td:last-child {
width:133px
}
}

@media only screen and (max-width: 750px) {
.contacts {
width:100%;
padding:0;
text-align:left
}

.contacts li {
text-align:left;
padding:0 0 20px;
display:block
}

.info-form .btn-holder {
text-align:center
}

.info-form .button.btn-send {
float:none;
display:inline-block;
vertical-align:top
}

.chat-list .chat-list,.chat-box .chat-list .chat-list {
padding:0 0 0 30px
}
}

@media only screen and (max-width: 700px) {
.table-frame {
overflow:hidden;
overflow-x:auto;
margin:0 0 25px
}

.table {
width:700px;
max-width:none!important
}

.price-table,.forum-table,.search-table {
width:700px;
max-width:none!important
}

.domain-form .btn-submit {
float:none;
margin:0;
display:block;
width:auto
}

.domain-input-holder {
float:none;
margin:0 0 30px
}

.domain-input-frame {
margin:0
}

.domain-form {
padding:14px 0 30px
}

.domains-table-frame {
padding:30px 0
}
}

@media only screen and (max-width: 640px) {
.logo {
background:url(../images/logo3.png) no-repeat;
width:152px;
height:29px;
float:none;
margin:0 auto 40px!important;
display:block;
position:relative;
left:-7px;
position:relative
}

#header {
padding:35px 0 21px
}

#header.static {
position:relative
}

#main.top-indent {
padding-top:0
}

.bredcrumbs {
padding:3px 0 6px
}

.service-frame {
float:none;
text-align:center;
padding:8px 7px 10px 0;
font-size:15px
}

.login {
float:none;
display:inline-block;
vertical-align:top;
margin:0
}

.nav-opener {
float:none;
display:inline-block;
vertical-align:top;
margin:0 0 0 17px;
padding:4px 0 3px
}

.nav-opener i {
width:32px;
height:22px;
border-top:4px solid #999;
border-bottom:4px solid #999;
margin:0 0 0 21px
}

.nav-opener i:after {
border-top:4px solid #999;
top:5px
}

.login i {
font-size:29px;
line-height:29px;
display:inline-block;
vertical-align:middle;
margin:0 0 0 6px
}

.login span {
display:inline-block;
vertical-align:middle
}

.promo-block {
height:auto!important
}

.promo-block .description-frame {
vertical-align:top;
padding:184px 0 58px
}

.run-your-shop .title {
font-size:19px;
line-height:27px
}

.run-your-shop .title-frame {
margin:0 0 18px
}

.run-your-shop {
padding:0 10px
}

.cd-form {
height:75px
}

.cd-label {
font-size:11px;
top:2px;
left:20px
}

.cd-email {
padding-left:26px;
font-size:13px
}

.cd-form:after {
left:21px;
margin:-10px 0 0;
height:19px
}

.item-container.top-bottom-indent {
padding-top:0;
padding-bottom:0
}

.columns {
padding:0!important;
margin:0!important
}

.columns .col {
width:auto;
padding:0 0 20px!important;
display:block
}

.intro-text {
padding:0
}

.visual-heading .title {
font-size:22px!important;
line-height:22px!important;
text-transform:uppercase;
letter-spacing:normal;
padding:0 0 16px!important
}

.visual-heading .subtitle {
text-transform:uppercase
}

.visual-heading {
padding:0!important;
margin:0!important
}

.visual-heading:after {
display:none
}

.info-block {
padding:30px 0
}

.item-block {
padding:30px 0!important
}

.visual-heading .subtitle {
padding:0 0 16px
}

.capabilities {
padding:0!important
}

.item-block .visual {
float:none;
margin:0 0 30px!important;
width:auto!important
}

.item-block .description {
padding:0
}

.text-frame {
background:#39c;
color:#fff;
padding:30px 24px 12px;
margin:0 -24px 25px
}

.text-frame h3 {
color:#fff
}

.text-frame .intro-text {
color:#fff;
padding:0
}

.columns.text-columns .col {
-webkit-column-count:1;
-moz-column-count:1;
column-count:1;
-webkit-column-gap:0;
-moz-column-gap:0;
column-gap:0
}

.accordion {
margin:0 -24px!important
}

.accordion-item .heading {
padding:15px 42px 15px 24px
}

.expanded {
padding:10px 24px 5px!important
}

.expanded.no-indent {
padding:0 24px
}

h1 {
margin:20px 0 34px!important
}

.item-nav {
margin:7px 0 10px
}

.bredcrumbs.smaller {
padding:3px 0 15px
}

.article .title {
display:block;
margin:0 0 10px
}

.article .date {
display:block
}

.article .date span {
display:none
}

.functions-capabilities .text-change {
padding:0 0 20px
}

.capabilities-list {
margin:0 -24px 40px;
padding:17px 24px 30px
}

.capabilities-list .visual {
width:65px
}

.switcher span {
display:none
}

.switcher a {
display:block;
background:#bebebe;
width:10px;
height:10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px
}

.switcher a.active:after {
display:none
}

.switcher a.active {
background:#09c
}

.gallery-description {
float:none;
width:auto;
margin:0
}

.design-gallery {
padding:0 0 30px
}

.slider-holder {
margin:0 0 10px
}

.slider li {
height:200px;
line-height:197px
}

.switcher {
margin:0;
text-align:center
}

.switcher li {
display:inline-block;
vertical-align:top;
margin:0 5px 5px
}

.cd-form-wrapper.change2 .cd-form:after {
left:20px;
margin:-1px 0 0
}

.cd-form-wrapper.change2 .cd-label {
left:27px;
top:15px
}

.cd-form-wrapper.change2 .cd-email {
padding-left:35px;
padding-top:30px
}

.button-panel {
margin:0!important;
padding:20px 0!important
}

.button-panel .btn-holder {
float:none
}

.error-info {
padding:0 0 40px;
text-align:center;
display:block;
float:none
}

.button-panel .btn-submit {
float:none;
display:block
}

.text-change.change2 {
margin:24px 0 30px;
line-height:18px!important;
padding:0
}

.text-change.change2:after {
left:-16px
}

.step-list li {
width:50%;
margin:0!important;
padding:0 20px 40px
}

.step-list li:after {
display:none
}

.step-list .visual {
height:90px;
line-height:89px
}

.info-container {
padding:0
}

.input-column {
width:auto;
padding:0
}

.check-holder .title {
float:none;
display:block;
margin:0 0 20px
}

.discussion-list {
padding:0 0 30px
}
}

@media only screen and (max-width: 520px) {
.coll {
width:100%;
display:block;
float:none
}

.coll:first-child,.coll:last-child {
width:100%
}
}

@media only screen and (max-width: 480px) {
.news-list .visual,.article .visual {
float:none;
width:auto;
margin:0 0 30px
}

.news-list .visual img,.article .visual img {
width:auto;
height:auto;
max-width:100%;
max-height:100%
}

.article-controls .prev-article {
float:none;
padding:0 0 20px;
text-align:center
}

.article-controls .next-article {
float:none;
text-align:center
}

.domains-table-frame {
overflow:hidden;
overflow-x:auto
}

.domains-table-frame:after,.domains-table-frame:before {
display:none
}

.domains-table {
width:480px
}

.domain-input .selecter {
width:100px
}

.domain-input .text {
padding:0 19px 0 5px
}

.step-list {
padding:0
}

.step-list li {
width:100%
}

.step-list .num {
padding-right:0!important
}

.item-column {
float:none;
width:auto;
margin:0
}

.item-info .date {
padding:0 0 24px
}

.article-content ul {
text-align:center
}

.sorting-select {
float:none;
display:block;
margin:0 0 20px
}

.btn-back {
text-align:center
}

.service-panel {
padding:0 0 30px!important
}

.info-list {
text-align:center
}

.social li {
text-align:center;
padding:0 0 20px;
float:none
}

.social li:after {
display:none
}

.chat-box .chat-list .avatar {
float:none;
margin:0 0 20px
}

.chat-box .chat-list .username,.chat-box .chat-text p {
padding:0
}
}

@media only screen and (max-width: 400px) {
.cd-form-wrapper.change3 .cd-label {
left:7px
}

.popup {
width:100%
}
}

.unovi-table {
width:100%;
border-collapse:collapse;
font-weight:400;
margin:0;
line-height:15px
}

.unovi-table th,.unovi-table td {
border-bottom:1px solid #adadad;
border-left:1px solid #adadad;
padding:11px 10px 8px
}

.unovi-table th {
text-align:left;
vertical-align:middle;
text-transform:uppercase;
font-weight:400;
padding:6px 10px
}

.unovi-table th:first-child,.unovi-table td:first-child {
border-left:none
}

.unovi-table tr:last-child td {
border-bottom:none
}

.unovi-table-container {
margin-bottom:40px
}

.unovi-table-container .unovi-panel {
float:right;
margin:-10px -14px 0 0
}

.unovi-table-container .unovi-panel .btn-group {
margin-left:8px
}

.form-control {
border-radius:0
}

.unovi-table-container .td-row-id {
width:40px;
text-align:center;
padding:0!important;
vertical-align:inherit
}

.unovi-table-container .td-row-id .checkbox {
padding:0;
min-height:none
}

.unovi-table-container .td-row-id input[type=checkbox] {
margin-left:0;
-webkit-appearance:checkbox
}

input.unovi-table-change-all {
-webkit-appearance:checkbox;
margin:-4px 0 0
}

.unovi-table-container th div.check {
margin-top:-4px
}

.unovi-table-container th div.check.indeterminate:before {
font:normal normal normal 14px/1 FontAwesome;
content:"\f0c8";
position:absolute;
font-size:13px;
left:5px;
top:2px
}

.unovi-table-container .pagination-holder .counter {
float:left;
line-height:34px
}

.unovi-content-inner .unovi-panel-inner .smart-form {
float:left
}

.unovi-content-inner .unovi-panel-inner .smart-form .checkbox {
text-align:center;
width:40px;
padding-top:0
}

.unovi-content-inner .unovi-panel-inner .smart-form .checkbox input[type=checkbox] {
margin-left:0;
position:inherit
}

.unovi-content-inner .unovi-table-data-inner {
margin-top:5px
}

.unovi-content-inner .unovi-table-data-inner .table a:hover {
text-decoration:none
}

.unovi-content-inner .unovi-panel-inner .btn-group .right-space {
margin-right:15px
}

.unovi-panel-inner .dt-toolbar-items .btn-group {
margin:0 10px 0 0;
line-height:32px
}

#nav a.opener-single {
color:#39c;
display:block;
position:relative;
text-transform:uppercase;
border-bottom:2px solid #e3e3e3;
padding:7px 17px 7px 4px
}

#nav a.opener-single:hover {
text-decoration:none
}

.header-user {
float:left;
text-align:right
}

.header-user .header-btn {
cursor:pointer;
position:relative
}

.header-user div.selecter-options {
display:none;
right:0;
left:auto;
width:auto;
text-align:right;
margin-top:-14px;
padding-top:20px;
border-left:none;
border-right:none;
position:absolute
}

.header-user .selecter-item:first-child {
border-top:1px solid #ccc
}

.header-user .selecter-item {
border-left:1px solid #ccc;
border-right:1px solid #ccc
}

.header-user .selecter-item.info-item:hover {
background:none;
color:#999;
cursor:default
}

.header-user .header-btn:hover div.selecter-options,.header-user div.selecter-options:hover {
display:block
}

.header-user .header-btn a:hover {
text-decoration:none
}

.header-btn {
float:left;
color:#999;
margin:-5px 0 0 44px
}

.header-btn:focus,.header-btn:hover {
text-decoration:none
}

.header-btn i {
margin:0 0 0 4px;
font-size:25px;
line-height:25px
}

.search-table td.name,.forum-table td.name {
width:403px;
text-align:left
}

.search-table .icon,.forum-table .icon,.search-table td.icon:first-child,.forum-table td.icon:first-child {
width:35px;
border-right:0;
text-align:center
}

.search-table .icon + td,.forum-table .icon + td {
border-left:0
}

.search-table th a {
color:#39c
}

.search-holder {
line-height:30px;
margin:-7px 0 0
}

.search-holder .button {
line-height:30px;
height:30px;
margin-left:0
}

.search-holder .button:hover {
color:#fff
}

.info-forum {
margin:30px 0 0
}

select.select {
width:100%;
border:1px solid #ccc;
background:none;
height:37px;
color:#666;
padding:0 19px;
font-size:14px;
line-height:18px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
padding-right:36px;
background:url(../images/arrow3.png) no-repeat;
background-position:right 12px center
}

input.text.big-text {
font-size:30px;
font-weight:400
}

.input-file .button {
position:absolute;
right:0;
padding:0 10px;
cursor:pointer;
height:24px;
margin:7px;
line-height:24px
}

input[type=radio] {
-webkit-appearance:radio;
margin-right:5px;
margin-left:5px;
margin-top:-3px
}

.input-row .description {
font-size:80%;
line-height:initial;
margin-top:3px;
color:#999
}

.error-message {
color:#a94442
}

.form-error {
border-color:#a94442!important;
-webkit-box-shadow:inset 0 1px 1px rgba(199,9,54,0.89);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}

.form-error:focus {
border-color:#e97883;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233,140,146,0.94);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #e98787
}

.profile-table tr td:first-child,.profile-table tr th:first-child {
width:auto
}

.profile-table tr td:first-child div,.profile-table tr th:first-child div {
font-weight:400;
margin-top:10px
}

.posts-table tr td:first-child,.posts-table tr th:first-child {
width:230px
}

.posts-table td {
padding:10px
}

.posts-table td,.posts-table th {
text-align:left;
vertical-align:top;
line-height:initial
}

.posts-table th.text-right {
text-align:right
}

.forum-quote {
font-size:inherit;
padding:5px 7px;
border-left:5px solid #eee
}

.forum-poll {
margin-bottom:20px
}

.forum-poll-option-text {
margin:0 100px 5px 0
}

.forum-poll-option-action {
float:right;
line-height:40px;
width:100px;
padding:0 5px
}

.search-box .search-table .fa,.forum-table .fa {
color:#39c
}

.search-action {
margin:0 0 20px
}

.search-action .search-holder {
text-align:left
}

.poll-bar {
height:10px;
background:#6cb5da;
margin-bottom:5px
}

.visual-title.margin-top {
margin-top:40px
}

.block-container {
padding-top:38px
}

.tab-pane .block-container {
padding-top:0
}

a.action-btn {
color:#fff;
text-decoration:none
}

ul.chat-list.answer {
padding:0
}

.label-inline {
display:inline-block
}

.input-row.margin40 {
margin-top:40px
}

.payment-qiwi {
display:inline-block
}

.payment-paypal {
display:inline-block;
margin-left:110px
}

.payment-button {
margin-top:30px
}

.payment-button .btn-registration {
display:none
}

.btn-registration.inline {
display:inline-block;
margin-right:15px
}

i.fa.unovi-custom-position {
position:absolute;
left:10px;
top:13px
}

.add-shop-form .form-holder ol {
padding-left:15px
}

.add-shop-form .form-holder ol li,.add-shop-form .form-holder .list-item {
padding-bottom:20px
}

.add-shop-form .form-holder p.description {
font-size:11px;
line-height:13px;
margin:5px 0 0!important;
padding:0!important
}

.add-shop-form .templates {
margin:10px 0 0;
padding:0
}

.add-shop-form .templates li {
display:inline-block;
list-style:none;
margin:0 3px 0 4px;
text-align:center
}

img.notice {
margin-right:10px
}

.btn-submit.create-btn {
width:100%;
height:61px;
line-height:55px;
cursor:pointer;
padding:0
}

.btn-submit.create-btn a {
width:100%;
display:block
}

div.pages a {
color:#39c
}

div.pages a:hover {
text-decoration:none
}

#search-block {
float:left;
position:relative;
padding:0;
margin-top:-7px
}

#search-block input[type="text"] {
display:inline-block;
font-weight:100;
border:none;
outline:none;
color:#555;
padding:3px;
padding-right:40px;
width:0;
position:absolute;
top:0;
right:0;
background:none;
z-index:3;
transition:width .4s cubic-bezier(0.000,0.795,0.000,1.000);
cursor:pointer
}

#search-block input[type="text"]:focus:hover {
border-bottom:1px solid #BBB
}

#search-block input[type="text"]:focus {
width:250px;
z-index:1;
border:1px solid #d7d7d7;
background:none;
height:37px;
color:#666;
padding:0 19px;
font-size:14px;
line-height:18px;
cursor:text;
margin-top:-3px
}

#search-block input[type="submit"] {
width:50px;
height:26px;
display:inline-block;
color:red;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABdFBMVEUAAAAsLCwqKiooKCguLi4zIiIrKSkpKCgrKikrKicsKSkAAABEREBEREBEREApKSkrKikrKicwJCREREBEREBEREAsKCgrKiktKiktKysqKigrKSkrKCgrKCcrKCc1NTREREBEREBEREAmJiYqKikuLCs2NjQnJycpKSktKiorKSkuLCs1NTUtLCksLChVAAArKiksLCtAQD0xMTAqKigsLCYtLCsrKicpKCgsKCgsKikqKicpKCcpKSkqKigsLCYpKSkqKikqKikpKCcqKiorKygqKikqKigqKikrKygyMiwrKys1NTMrKyYrKicsLCg5OTctJycpKCcsKyorKigrKSkqKikrKiktLCktLS0yMi0rKiosKyorKidDQ0ArKSkrKCgrKikrKikrKSkwMCsyMjEsLCoAAAAqKioqKikpKSksLCwkJCQpKSkqKiovLy8uLi4sKSkrKiksKykrKiksKyosKyorKikrKiksKyotLCorKim3fGAnAAAAcnRSTlMAFzAsCw983P3CVgEBBAU95bwVAQkKP/jomm10q/nVHg8NAhTqkxUgxbCMjgzROwPs4BJBnS6I1NxLV6j6SVko3djk6AxGln2hAzmwJjva4hst7vi2jpXNxA4z0/LBEV699+ynRSzgAiDeHw0HRCAQFlwKwRx4AAABW0lEQVQoz2WSZ1vCQBCEVwUbCZYEKyhJrNh7V1TsDTuo2EWwG8re4Z/3Lg2fx/00825ymUkCYE5JaZkL/o27vELP6JVV1R4AQfSKgsVrarO5fC6LiHX1kuyTJYs3NBLa1NzS6g8gtrUHFdXiWgehnV3cdfcQ2mtxdlooS/ss1z9QoIOGkkQYGs6NjJpcVcYoGTeU7IUJPT9p86AyhdOG8okwk8nNOlydw3lDyQIs6NlFh4MfA4ZiiZd+MORwCOOypcCzgqsRm68hrit2kw3EzS3TaWEk205DF3M7u9zt7SM5iDrN4fCIFo5PTs/OEQktxOJ2c5AuLilBPuSqQEkiYjYHQQ5e39zeId4/PD4l2RVsw5uD6OOnPmtuniCVZjcm4rw5eOXiG1HhhW1ILMqagyj94cA2PMGr9fwiB0gleYI3K3KRq4qR4N3kxS/N1Ucaw59mG+fPMNXXtwa/lB5ZueRtPhoAAAAASUVORK5CYII=) center center no-repeat;
text-indent:-10000px;
border:none;
z-index:2;
cursor:pointer;
opacity:.4;
position:absolute;
right:0;
top:0;
transition:opacity .4s ease;
margin-top:-5px
}

#search-block input[type="submit"]:hover {
opacity:.8
}

.news-list .title-inline {
display:inline-block
}

.news-list.search-block a.search-row:after {
background:none
}

a.search-row .read-more {
color:#39c
}

.pages .art-table {
width:100%;
border-collapse:collapse;
font-weight:400;
margin:0;
line-height:15px
}

.pages .art-table th {
text-align:center;
vertical-align:middle;
text-transform:uppercase;
font-weight:400;
padding:6px 20px
}

.pages .art-table th:first-child,.pages .art-table td:first-child {
border-left:none;
padding-left:15px;
padding-right:8px;
width:403px
}

.pages .art-table td {
border-bottom:1px solid #adadad;
border-left:1px solid #adadad;
padding:11px 17px 8px
}

.pages a.btn-create {
display:inline-block;
vertical-align:top;
color:#fff;
background:#39c;
font-size:14px;
height:46px;
line-height:46px;
border:none;
padding:0 20px;
margin:0 9px 5px;
position:relative;
text-align:center
}

.text-block.pages h2 {
margin-top:17px;
margin-bottom:8px
}

#search_submit {
border:none;
background:none;
line-height:25px;
font-size:25px
}

.unovi-flash-block {
margin-bottom:45px
}

.user-balance {
font-size:12px;
text-transform:capitalize;
font-weight:400;
color:#000;
text-align:right;
margin-top:-35px;
line-height:35px
}

.input-phone .phone-country {
width:34px;
display:inline-block
}

.input-phone .phone-code {
width:70px;
display:inline-block
}

.input-phone .phone-number {
width:120px;
display:inline-block
}

.jev-file-upload-form {
transform:none;
transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0;
ouline:red dashed 1px;
font-size:13px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
outline-offset:-2px;
width:auto;
min-width:100%!important;
height:auto;
min-height:120px;
position:relative;
text-align:center;
padding:5px;
cursor:pointer
}

.jev-file-upload-form .hidden-file-input {
display:none
}

.jev-file-upload-form.fileDragging {
background:#eee
}

.jev-file-upload-form-notice {
position:absolute;
height:35px;
text-align:center;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
color:#999;
z-index:1
}

.jev-file-upload-form-handler {
z-index:5;
width:100%;
height:100%;
position:absolute;
display:none
}

.jev-file-upload-form ul.jev-upload-files-list {
width:100%;
list-style-type:none;
padding:0;
display:inline-block;
text-align:left;
margin:0
}

.jev-file-upload-form ul.jev-upload-files-list:hover {
cursor:pointer
}

.jev-file-upload-form ul.jev-upload-files-list li {
width:100px;
height:100px;
display:inline-block;
border:1px solid #ccc;
margin:4px;
text-align:center
}

.jev-file-upload-form ul.jev-upload-files-list li:hover {
cursor:pointer;
background:#bc6464;
color:#fff;
font-weight:700;
border:1px solid #fff
}

.jev-file-upload-form ul.jev-upload-files-list li div {
font-size:12px;
margin-top:0;
font-family:'Trebuchet MS'
}

.jev-file-upload-form ul.jev-upload-files-list li img {
width:48px;
height:48px;
margin-top:10px;
margin-bottom:10px
}

.jev-file-upload-form ul.jev-upload-files-listli:nth-child(2n) {
background-color:#0F0
}

.jev-file-upload-form .jev-file-list {
width:100%
}

.jev-file-upload-form .animated {
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}

.no-patting-top {
padding-top:0
}

.no-patting-bottom {
padding-bottom:0
}

.user-cell .input-row input {
width:20px;
margin-left:0
}

.user-cell .input-row div {
color:#4C4A4A;
clear:both;
margin:0 25px
}

.text-change.change2 ol,.text-change.change2 ul {
padding:0 0 14px 4px;
margin:0;
list-style:none;
line-height:18px
}

.text-change.change2 ol li,.text-change.change2 ul li {
position:relative;
padding:0 0 0 15px
}

.text-change.change2 ol li:after,.text-change.change2 ul li:after {
content:'';
display:block;
clear:both;
position:absolute;
left:0;
top:0;
background:url(../images/arrow5.png) no-repeat;
width:6px;
height:8px;
left:2px;
top:5px
}

.chat-box.page-comments {
margin-bottom:80px
}

.chat-box.page-comments .visual-title {
margin:0
}

.chat-box.page-comments .info-form {
margin-top:20px
}

.chat-box.page-comments .chat-list .chat-list {
padding:0 0 0 30px
}

.chat-box.page-comments .pagination-holder {
margin-top:0
}

.chat-box.page-comments .pagination-holder em {
float:left
}

.invoice-type .btn {
line-height:50px;
margin:0 20px 0 0
}

.invoice-type .btn .img {
margin-right:10px;
display:inline-block;
width:100px;
text-align:center;
float:right
}

.invoice-type .btn .img img {
height:40px
}

.invoice-type .btn .name {
display:inline-block;
width:140px;
white-space:normal;
line-height:16px;
text-align:left;
padding:9px 0;
float:right
}

.data-title.padding-top {
padding-top:26px
}

.text-change .template-list {
list-style:none;
margin:0 0 30px;
padding:0
}

.text-change .template-list li {
display:inline-block;
margin:0 10px 10px 0
}

.text-change .template-list.designs li {
margin:0 45px 10px 0;
float:left;
width:270px;
height:318px;
text-align:center
}

.text-change .template-list.designs li:nth-child(3n) {
margin-right:0
}

.text-change .template-list.designs li .photos {
display:none
}

.text-change .template-list.designs li img {
border:1px solid #ccc;
padding:1px
}

.text-change .template-list.designs li.preview img {
border-color:#337ab7
}