* {
    font-family: 'PT Sans', sans-serif;
    outline: none;
}

html {
    font: 14px/1.4 'PT Sans', Arial, sans-serif;
    color: #242424;
    background: url(/img/pageBg.png) repeat;
}

html, body {
    height: 100%;
}

#wrapper {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 0 40px;
    width: 1077px;
    min-height: 100%;
}

.container {
    position: relative;
    margin: 0 auto;
    padding: 0 40px;
    width: 1077px;
}

.content {
    /*overflow: hidden;*/
    /* 	margin-bottom: 60px; */
    overflow: visible !important;
    padding-right: 30px;
}

#content a {
    text-decoration: underline;
}

#content a hover {
    text-decoration: none;
}

#before-footer {
    /*height: 160px;*/
}

a {
    text-decoration: none;
    color: #005b7f;
}

a:hover {
    text-decoration: none !important;
}

p {
    margin-bottom: 20px;
}

h1 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
    color: #3f4344;
}

h1.glavnoe {
    margin-bottom: 0;
}

h2 {
    /*margin-bottom: 25px;*/
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #3f4344;
}

h3 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #3f4344;
}

.h-blue {
    color: #017cac;
}

.nounderline a {
    text-decoration: none !important;
}

.clear_b {
    clear: both;
}

.inl-blck {
    display: inline-block;
    vertical-align: top;
}

.list-style {
    list-style: disc;
    padding-left: 15px;
}

ul li {
    padding:
}

.algn_c {
    text-align: center;
}

.mrg-bt-10 {
    margin-bottom: 10px;
}

.mrg-bt-15 {
    margin-bottom: 15px;
}

.mrg-bt-20 {
    margin-bottom: 20px;
}

.mrg-bt-25 {
    margin-bottom: 25px;
}

.type-button, input[type=submit], .button-blue {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 3px 13px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #c6d5dd;
    border-radius: 3px;
    background: #007aaa;
    cursor: pointer;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#007aaa), to(#005b7f));
    background: -webkit-linear-gradient(#007aaa, #005b7f);
    background: -moz-linear-gradient(#007aaa, #005b7f);
    background: -ms-linear-gradient(#007aaa, #005b7f);
    background: -o-linear-gradient(#007aaa, #005b7f);
    background: linear-gradient(#007aaa, #005b7f);
    -pie-background: linear-gradient(#007aaa, #005b7f);
}

.type-button:hover, input[type=submit]:hover, .button-blue:hover {
    box-shadow: #bfbfbf 0 0 10px;
}

.type-button-2 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 7px 15px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #c6d5dd;
    border-radius: 3px;
    background: #007aaa;
    cursor: pointer;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#007aaa), to(#005b7f));
    background: -webkit-linear-gradient(#007aaa, #005b7f);
    background: -moz-linear-gradient(#007aaa, #005b7f);
    background: -ms-linear-gradient(#007aaa, #005b7f);
    background: -o-linear-gradient(#007aaa, #005b7f);
    background: linear-gradient(#007aaa, #005b7f);
    -pie-background: linear-gradient(#007aaa, #005b7f);
}

.type-button-2:hover {
    -webkit-box-shadow: #bdbdbd 0 0 10px;
    -moz-box-shadow: #bdbdbd 0 0 10px;
    box-shadow: #bdbdbd 0 0 10px;
}

.type-button:disabled, .type-button-2:disabled, input[type=submit]:disabled, .disabled {
    border: 1px solid #848484;
    border-radius: 3px;
    background: #616161;
    cursor: pointer;
    background: #017cac; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxN2NhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDViN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #017cac 0%, #005b7f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #017cac), color-stop(100%, #005b7f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #017cac 0%, #005b7f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #017cac 0%, #005b7f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #017cac 0%, #005b7f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #017cac 0%, #005b7f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#017cac', endColorstr='#005b7f', GradientType=0); /* IE6-8 */
}

.type-button:disabled:hover, .type-button-2:disabled:hover, input[type=submit]:disabled:hover, .disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.important-note {
    font-size: 12px;
    font-weight: bold;
    color: #3f4344;
}

.important-note:before {
    content: 'Важно:';
    margin-right: 5px;
    color: #ed1c24;
}

span.icon {
    display: inline-block;
    vertical-align: top;
    background: url(/img/iconsSprite.png) no-repeat;
}

span.icon.diagramm {
    width: 26px;
    height: 24px;
    background-position: 0 0;
}

span.icon.coins {
    width: 26px;
    height: 26px;
    background-position: 0 -40px;
}

span.icon.flag {
    width: 26px;
    height: 27px;
    background-position: 0 -80px;
}

span.icon.rss {
    width: 25px;
    height: 21px;
    background-position: 0 -120px;
}

span.icon.neg {
    width: 26px;
    height: 27px;
    background-position: -35px 0;
}

span.icon.pos {
    width: 26px;
    height: 27px;
    background-position: -35px -40px;
}

span.icon.question {
    width: 24px;
    height: 25px;
    margin-right: 5px;
    background-position: -35px -80px;
}

span.listPlus {
    width: 26px;
    height: 27px;
    margin-right: 5px;
    background-position: -35px -120px;
}

span.icon.pustak {
    width: 26px;
    height: 26px;
    background-position: -70px -120px;
}

span.icon.sales {
    width: 26px;
    height: 26px;
    background-position: -70px -40px;
}

span.icon.forresult {
    width: 26px;
    height: 26px;
    background-position: -70px -80px;
}

span.icon.automatize {
    width: 26px;
    height: 26px;
    background-position: -70px 0;
}

span.icon.thin {
    width: 26px;
    height: 26px;
    background-position: -105px -80px;
}

span.icon.stat {
    width: 26px;
    height: 26px;
    background-position: -105px 0;
}

span.icon.hurry {
    width: 26px;
    height: 26px;
    background-position: -105px -120px;
}

span.icon.bleat {
    width: 26px;
    height: 26px;
    background-position: -105px -40px;
}

.schema-icon {
    display: inline-block;
    vertical-align: top;
    background: url(/img/copyrightTextSprite.png) left top no-repeat;
}

.schema-icon.sh_1 {
    width: 123px;
    height: 106px;
    background-position: 0 0;
}

.schema-icon.sh_2 {
    width: 108px;
    height: 97px;
    background-position: -170px 0;
}

.schema-icon.sh_3 {
    width: 104px;
    height: 90px;
    background-position: 0 -150px;
}

.schema-icon.sh_4 {
    width: 109px;
    height: 73px;
    background-position: -150px -170px;
}

.schema-icon.sh_5 {
    width: 118px;
    height: 102px;
    background-position: 0 -300px;
}

.schema-icon.sh_6 {
    width: 144px;
    height: 111px;
    background-position: -160px -300px;
}

.schema-icon.sh_7 {
    width: 139px;
    height: 111px;
    background-position: 0 -440px;
}

/* shadows */
.labelShadow:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -10px;
    width: 55px;
    height: 10px;
    background: url(/img/labelShadow.png) left top no-repeat;
}

.projectBlockShadow:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -36px;
    width: 351px;
    height: 36px;
    background: url(/img/projectBlockShadow.png) left top no-repeat;
}

.ourClientsShadow:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -26px;
    margin-right: 25px;
    width: 136px;
    height: 26px;
    background: url(/img/ourClients-Shadow.png) no-repeat;
}

.arrowFormShadow:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    margin-bottom: -15px;
    width: 542px;
    height: 15px;
    background: url(/img/arrowFormShadow.png) left top no-repeat;
}

.tableShadow:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    margin-bottom: -38px;
    width: 655px;
    height: 38px;
    background: url(/img/tableShadow.png) left top no-repeat;
}

.topicBlockBottomShadow:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -23px;
    margin-right: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadow.png) left top no-repeat;
}

input[type=text], textarea {
    position: relative;
    /* 	margin-bottom: 9px;*/
    padding: 1px 7px;
    box-shadow: #dad9d9 1px 1px 4px inset;
    border-radius: 3px;
    border: 1px solid #b5b5b5;
    background: #f0eeee;
}

textarea {
    width: 435px;
    min-height: 40px;
    resize: none;
}

input[type=text] {
    width: 255px;
}

input[type=text].short {
    width: 145px;
}

input[type=radio], input[type=checkbox] {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 5px;
}

input.error {
    border: 1px solid #b71717;
}

#content ul, #content ol {
    margin: 25px 25px 25px 35px;
}

#content ul li {
    position: relative;
    margin-bottom: 10px;
}

#content ul li:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    margin: 8px 0 0 -12px;
    width: 6px;
    height: 6px;
    background: #898989;
}

#content ol li {
    margin-bottom: 10px;
    list-style: decimal outside;
}

#content table {
    position: relative;
    margin-bottom: 35px;
    color: #3f4344;
    border-left: 17px solid #fff;
    border-right: 30px solid #fff;
    border-bottom: 10px solid #fff;
    background: #fff;
}

#content table:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    margin-bottom: -43px;
    width: 655px;
    height: 38px;
    background: url(/img/tableShadow.png) left top no-repeat;
}

#content table caption {
    padding: 20px 35px;
    font-size: 18px;
    font-weight: bold;
    background: #fff;
}

#content table tr {
    border-top: 1px solid #bdbeb5;
}

#content table tr:first-child {
    border-top: none;
}

#content table td {
    padding: 8px 10px 9px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

#content table td:first-child {
    font: 13px/1.4 Arial;
}

#content table .hint {
    position: relative;
    font: 12px/1.4 Arial;
    color: #737373;
}

#content table .hint:before {
    content: '*';
    position: absolute;
    top: 0;
    left: 0;
    margin: 8px 0 0 11px;
}

#content .news-detail table {
    margin-left: -120px;
}

.modal-window {
    display: none;
    opacity: 0;
    position: absolute;
    padding: 15px 18px;
    text-align: left;
    color: #555555;
    border-radius: 2px;
    box-shadow: #aeaeae 0 0 15px;
    background: #fff;
    z-index: 10;
}

.modal-window:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    margin-top: -14px;
    margin-left: 5px;
    width: 18px;
    height: 14px;
    background: url(/img/modal-angle.png) no-repeat;
}

.modal-window .closer {
    position: absolute;
    top: 0;
    right: 0;
    margin: 9px 8px;
    padding: 3px;
    width: 13px;
    height: 13px;
    background: url(/img/modal-closer.png) center center no-repeat;
}

.modal-window span {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #005b7f;
}

.modal-window a {
    color: #00577a !important;
}

.modal-window label {
    display: block;
    margin-bottom: 10px;
}

.modal-window .remember {
    font: 12px Arial;
}

.modal-window input[type=text] {
    padding: 3px;
    width: 135px;
    font: 12px Arial;
    border: 1px solid #c6d5dd;
    border-radius: 3px;
    outline: none;
    color: #555555;
    background: #fff url(/img/input-auth-bg.png) repeat-x;
}

.modal-window input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.modal-window input[type=submit], .button-grey {
    position: relative;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: bold;
    color: #3f4344 !important;
    cursor: pointer;
    border: 1px solid #c6d5dd !important;
    border-radius: 3px !important;
    background: #fff url(/img/modal-submitBg.png) left bottom repeat-x !important;
}

.modal-window .bottom-panel {
    margin-top: 25px;
}

.modal-window input[type=submit]:hover, .button-grey:hover {
    box-shadow: #eaeaea 0 0 7px;
}

.modal-window .forgot-pass {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 10px;
    font: 12px Arial;
    text-decoration: underline;
}

.modal-window .note {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    width: 130px;
    font-size: 11px;
}

.modal-window .forgot-pass:hover {
    text-decoration: none;
}

.modal-window.auth {
    left: 0;
    top: 0;
    margin-left: 25px;
    width: 219px;
}

.modal-window.call {
    top: 0;
    right: 0;
    width: 240px;
}

.modal-window.call:before {
    left: 100%;
    margin-left: -25px;
}

.modal-window.call input[type=text] {
    width: 166px;
}

.modal-window textarea {
    padding: 3px;
    max-width: 221px;
    min-width: 221px;
    min-height: 56px;
    font: 12px Arial;
    border: 1px solid #c6d5dd;
    border-radius: 3px;
    outline: none;
    color: #555555;
    background: #fff url(/img/modal-textareaBg.png) repeat-x;
}

.modal-window-robot {
    left: 650px;
    width: 200px;
}

.robot-modal-link {
    border-bottom: 1px dotted #005b7f;
}

.modal-window-robot::before {
    background: rgba(0, 0, 0, 0) url("/img/modal-angle.png") no-repeat scroll 0 0;
    content: "";
    display: block;
    height: 14px;
    left: 0;
    margin-left: -16px;
    position: absolute;
    top: 25px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    width: 18px;
}

.modal-window.call .error {
    border: 1px solid #b71717;
}

.modalCheckboxSpan {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 12px;
    height: 13px;
    cursor: pointer;
    background: url(/img/checkboxSprite.png) -6px -6px no-repeat;
}

.modalCheckboxSpan.checked {
    background: url(/img/checkboxSprite.png) -6px -26px no-repeat;
}

/* index.html */
#header {
    padding: 30px 0 50px;
}

#header p {
    margin-bottom: 0px;
}

#header .clients-auth {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 200px;
    padding: 2px 0;
    width: 146px;
    height: 22px;
    color: #f7f4f6;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    background: url(/img/clientsAuthBg.png) no-repeat;
}

#header .clients-auth > a {
    border-bottom: 1px #fff dotted;
    color: #fff;
}

#header .clients-auth:hover a {
    border-bottom: none;
}

#header .logo {
    display: inline-block;
    vertical-align: top;
    width: 136px;
    height: 40px;
    text-indent: -9999px;
    background: url(/img/logo.png) no-repeat;
}

#header .clients-auth .modal-link {
    display: block;
    border-bottom: none;
}

#header .clients-auth .underline {
    border-bottom: 1px dotted #fff;
}

#header .clients-auth:hover .underline {
    border-bottom: none;
}

#header .slogan {
    display: inline-block;
    vertical-align: top;
    margin-right: 60px;
    width: 185px;
    font: italic 15px 'PT Sans';
    color: #363636;
}

#header .header-menu {
    display: inline-block;
    vertical-align: top;
    width: 460px;
    margin: 10px 0 0 85px;
}

#header .header-menu li {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}

#header .header-menu li:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 10px;
    width: 5px;
    height: 5px;
    background: url(/img/topMenuCircle.png) no-repeat;
}

#header .header-menu li.last-item:after {
    content: none;
}

#header .header-menu a {
    font: bold 13px 'PT Sans';
    text-transform: uppercase;
    text-decoration: none;
    color: #516475;
}

#header .header-menu a:hover {
    color: #ed1c24;
}

#header .phones {
    float: right;
    position: relative;
    text-align: right;
    color: #555555;
}

#header .phones .order-call {
    font-style: italic;
    border-bottom: 1px dotted #005779;
}

#header .phones .order-call:hover {
    border-bottom: none;
}

#header .numbers {
    font-size: 24px;
}

#header .numbers strong {
    font-weight: bold;
}

#top-menu {
    margin-bottom: 15px;
    padding-bottom: 20px;
    background: url(/img/topMenuBorder.png) left bottom repeat-x;
}

#top-menu ul {
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
    padding-left: 0
}

#top-menu li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: normal;
    zoom: 1;
}

#top-menu a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 4px 35px 4px 33px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #363636;
    letter-spacing: 1px;
    /*border-right: 1px solid #d4d4d4;
	border-left: 1px solid #fff;*/
}

#top-menu a:hover {
    color: #ed1c24;
}

#top-menu a.active {
    color: #005b7f;
}

#top-menu a:before, #top-menu a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
}

#top-menu a:before {
    left: 0;
    background: #fff;
}

#top-menu a:after {
    right: 0;
    background: #d4d4d4;
}

#top-menu li:first-child a:before,
#top-menu .last-item a:after {
    content: none;
}

#top-menu li:first-child a {
    /*padding-right: 22px;*/
    padding-left: 0;
}

#top-menu li:last-child a:after {
    display: none;
}

#top-menu li:last-child a {
    padding-right: 0;
}

#top-menu .last-item a {
    width: auto;
    padding-right: 0;
    padding-left: 39px;
}

.reason-block-wrap {
    overflow: hidden;
    padding-left: 40px;
}

.reason-blocks-list {
    width: 2000px;
    overflow: hidden;
}

.reason-block {
    float: left;
    width: 555px;
    padding-top: 20px;
    margin-bottom: 20px;
    margin-right: 50px;
}

.reason-block .big2 {
    position: relative;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #3f4344;
}

.reason-block .big2 sup {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
    color: #3f4344;
    position: absolute;
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
    margin-top: -17px;
    width: 90px;
    font-size: 12px;
    font-weight: normal;
}

.reason-block sup {
    margin-left: 5px;
    display: inline-block;
}

.reason-block sup a {
    border-bottom: 1px dotted #005779;
}

.reason-block sup a:hover {
    border-bottom: none;
}

.reason-block ul {
    display: inline-block;
    margin: 10px 0 10px -30px;
}

.reason-block li {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}

.reason-block li div {
    width: 250px;
    font: 15px Arial;
    margin-bottom: 20px;
}

.reason-block li .icon {
    margin-right: 5px;
}

.reason-block li .text {
    display: inline-block;
    vertical-align: top;
    width: 210px;
}

.reason-block .description {
    font: 16px Arial;
}

.reason-block .description .more {
    text-decoration: underline;
}

.news-articles-blog {
    padding-top: 35px;
    background: url(/img/topMenuBorder.png) left top repeat-x;
}

.news-articles-blog .some-col {
    display: inline-block;
    vertical-align: top;
    width: 250px;
}

.news-articles-blog .some-col ul {
    list-style: none;
}

.news-articles-blog .some-col + .some-col {
    margin-left: 40px;
}

.news-articles-blog .some-col .caption {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}

.news-articles-blog .some-col .caption:hover {
    text-decoration: none;
}

.news-articles-blog .some-col ul {
    margin-bottom: 10px;
}

.news-articles-blog .some-col li {
    margin-bottom: 10px;
    font: 13px Arial;
}

.news-articles-blog .some-col li a {
    color: #252525;
    text-decoration: underline;
}

.news-articles-blog .some-col li a:hover {
    color: #252525;
    text-decoration: none;
}

.news-articles-blog .RSS {
    text-transform: uppercase;
    text-decoration: underline;
}

.news-articles-blog .RSS:hover {
    text-decoration: none;
    color: #f3ac00;
}

.news-articles-blog .twitter {
    overflow: hidden;
    margin-left: -40px;
    margin-top: 50px;
    padding-left: 61px;
}

.news-articles-blog .twitter .text {
    position: relative;
    padding: 20px;
    border: 1px dotted #3f3f3f;
    border-radius: 2px;
    font-size: 18px;
    font-weight: bold;
    color: #36a6ca;
}

.news-articles-blog .twitter .text a {
    color: #36a6ca;
}

.news-articles-blog .twitter .text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -61px;
    margin-top: 25px;
    width: 61px;
    height: 48px;
    background: url(/img/twitterBg.png) no-repeat;
}

.twitter .follow {
    margin: 15px 45px;
    font: bold 12px Arial;
    color: #3f4344;
}

.twitter .follow a {
    margin-left: 5px;
    font: 12px Arial;
    text-decoration: underline;
}

.twitter .follow a:hover {
    text-decoration: none;
}

.aboutComp-block-wrap {
    overflow: hidden;
    clear: both;
    padding-bottom: 30px;
}

.aboutComp-block {
    overflow: hidden;
}

.aboutComp-block .big1 {
    font-size: 30px;
    font-weight: bold;
    color: #3f4344;
    margin-bottom: 10px;
    width: 122px;
    height: 34px;
    text-indent: -9999px;
    background: url(/img/aboutCompH1.png) no-repeat;
}

.aboutComp-block .big2 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #3f4344;
}

.aboutComp-block-wrap .our-clients {
    float: right;
    margin-left: 30px;
    font: italic 12px Arial;
    text-align: center;
    color: #555555;
}

.our-clients a {
    position: relative;
    display: block;
    margin-top: 10px;
    border: 1px solid #e5e5e5;
    border-right-color: #fbfbfb;
}

.our-clients div {
    position: relative;
}

.our-clients img {
    display: block;
    width: 225px;
    height: 125px;
}

.our-clients a:before, .our-clients a:after {
    content: '';
    position: absolute;
    right: 0;
    width: 150px;
    height: 1px;
    background: url(/img/ourClients-borderGrad.png) no-repeat;
}

.our-clients a:before {
    top: 0;
    margin-top: -1px;
}

.our-clients a:after {
    bottom: 0;
    margin-bottom: -1px;
}

#footer {
    position: relative;
    margin: 0 auto;
    /*margin: -158px auto 0;*/
    padding: 40px 0 60px;
    width: 1077px;
    max-width: 1077px;
    text-align: center;
    background: url(/img/topMenuBorder.png) left top repeat-x;
}

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

.footer-menu {
    float: right;
    text-align: left;
    margin-right: 90px;
}

.footer-menu sup {
    font-size: 9px;
}

.footer-menu a {
    font-size: 14px;
    color: #000;
}

.footer-menu a:hover {
    color: #ed1c24;
}

#footer .values {
    overflow: hidden;
    display: inline-block;
    margin-top: 19px;
    text-align: left;
}

#footer .values li {
    display: inline-block;
    vertical-align: top;
}

#footer .values img {
    display: block;
}

#footer .values .question {
    margin: 5px 0 0 5px;
    font: italic 12px Arial;
    color: #767676;
}

#footer .values .question a {
    text-decoration: underline;
}

#footer .values .question a:hover {
    text-decoration: none;
}

#footer .copy {
    float: left;
    text-align: left;
    font-size: 13px;
    color: #555555;
}

#footer .copy a {
    text-decoration: underline;
}

#footer .copy a:hover {
    text-decoration: none;
}

/* about.html */
.breadcrubs {
    overflow: hidden;
    margin-left: -10px;
    margin-bottom: 10px;
    font-size: 13px;
    font-style: italic;
    color: #767676;
    list-style: none;
    padding-left: 0;
}

.breadcrubs li {
    float: left;
    margin-left: 10px;
}

.breadcrubs li:before {
    content: '/';
    margin-right: 10px;
    color: #3f4344;
}

.breadcrubs li:first-child:before {
    content: none;
}

.breadcrubs a {
    color: #3f4344;
    text-decoration: underline;
}

.breadcrubs a:hover {
    color: #ed1c24;
    text-decoration: none;
}

.company-vacancy, #content .company-vacancy {
    float: right;
    position: relative;
    overflow: hidden;
    display: block;
    margin: -5px 0 0 35px;
    padding: 5px 0 30px 0;
    width: 260px;
    font-size: 16px;
    font-weight: bold;
    color: #3f4344;
    border-bottom: 1px solid #fff;
}

.company-vacancy:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    bottom: 0;
    left: 0;
}

.company-vacancy li {
    margin-bottom: 5px;
}

.company-vacancy a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

.company-vacancy sup {
    position: relative;
    display: inline-block;
    margin-top: -2px;
    padding: 1px 2px;
    line-height: 1;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    background: #ed1c24;
}

.about-company {
    margin-left: 115px;
    margin-bottom: 25px;
}

.about-photos-list, #content .about-photos-list {
    margin: 25px 0 25px -1px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -2px;
}

.about-photos-list li {
    display: inline-block;
    margin-left: 2px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: normal;
}

.oridis-today {
    margin: 0 0 50px 115px;
}

#content .oridis-today ul {
    margin: 0;
}

.oridis-today li {
    /*font-family: Arial;*/
    margin-left: 30px;
}

/*#content .oridis-today li:before {
	content: '—';
	margin: 0 5px 0 0;
	position: relative;
	display: inline;
	width: auto;
	height: auto;
	background: none;
}*/

.oridis-course {
    margin-bottom: 50px;
}

.oridis-course ul, #content .oridis-course ul {
    margin: 0 0 0 -40px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
}

.oridis-course li {
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;
    width: 230px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: normal;
}

#content .oridis-course li:before, .oridis-course li:before {
    content: none;
}

.oridis-course li h3 {
    margin-bottom: 10px;
    line-height: 1;
}

.oridis-course a {
    text-decoration: underline;
}

.our-projects {
    margin: 0 auto;
    width: 675px;
}

.our-projects ul, #content .our-projects ul {
    margin: 0 0 0 -30px;
}

.our-projects li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 30px 30px;
    width: 320px;
}

#content .our-projects li:before {
    content: none;
}

.our-projects-list .icon {
    display: block;
    float: left;
    margin-right: 8px;
    width: 36px;
    height: 36px;
    background: url(/img/ourProjectsListIcons.png) left top no-repeat;
}

.our-projects-list .les .icon {
}

.our-projects-list .resh .icon {
    background-position: -50px 0;
}

.our-projects-list .comm .icon {
    background-position: 0 -50px;
}

.our-projects-list .lada .icon {
    background-position: -50px -50px;
}

.our-projects-list .description {
    overflow: hidden;
    font: 11px/1.4 Arial;
}

.our-projects-list .name {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
    font: bold 18px/1.4 'PT Sans';
}

.our-projects-list .les .name {
    color: #bb7d0d;
}

.our-projects-list .resh .name {
    color: #005b8b;
}

.our-projects-list .comm .name {
    color: #f21e01;
}

.our-projects-list .lada .name {
    color: #0072bc;
}

/* about-work.html */
.hard-with-us {
    margin-bottom: 35px;
}

.hard-with-us > p:first-child {
    font: 16px Arial;
}

.hard-with-us ul {
    margin: 10px 30px;
    font: 14px Arial;
}

.hard-with-us li {
    position: relative;
    margin-bottom: 10px;
}

.hard-with-us li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    margin-left: -15px;
    width: 6px;
    height: 6px;
    background: #898989;
}

#content .site-promotion-stage ul {
    margin: 0;
}

#content .site-promotion-stage li:before {
    content: none;
}

.site-promotion-stage > ul {
    margin-left: -45px !important;
}

.site-promotion-stage > ul > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 28px 45px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
}

.site-promotion-stage > ul > li > * {
    font: 14px/1.4 "PT Sans";
    letter-spacing: normal;
}

.some-arrow-div {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 17px 30px 36px 24px;
    min-height: 94px;
    font: 14px/1.4 "PT Sans";
    letter-spacing: normal;
    border-radius: 9px;
    border: 1px solid #d1d1d1;
    background: #fff;
}

.some-arrow-div:after {
    content: '';
    display: block;
    position: absolute;
    width: 37px;
    height: 100%;
    margin-right: -37px;
    right: 0;
    top: 0;
    background: url(/img/someArrowDivAngle.png) right center no-repeat;
}

.some-arrow-div .title {
    overflow: hidden;
    margin-bottom: 14px;
}

.some-arrow-div .num {
    float: left;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
    background: #feaf00;
}

.some-arrow-div .text {
    display: block;
    overflow: hidden;
    font: bold 18px/1.4 "PT Sans";
    color: #3f4344;
}

.some-arrow-div .description {
    font: 14px/1.4 Arial;
}

.site-prom-contract {
    margin-bottom: 28px;
    padding: 17px 25px 25px;
    border: 1px dotted #706f70;
}

.site-prom-contract > a:first-child {
    display: inline-block;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
}

.site-prom-contract ul {
    margin: 0 0 0 -40px !important;
}

.site-prom-contract li {
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;
    width: 160px;
    font: 11px Arial;
    color: #636363;
}

.site-prom-contract li:before, #content .site-prom-contract li:before {
    content: none;
}

.site-prom-contract li .icon {
    display: block;
    margin-bottom: 15px;
    width: 61px;
    height: 84px;
    box-shadow: #b9b9b9 0 0 25px;
    background: url(/img/pdfContractIcons.png) left top;
}

.site-prom-contract li + li .icon {
    background-position: -71px 0;
}

.site-prom-contract li + li + li .icon {
    background-position: -142px 0;
}

.site-prom-contract li + li + li + li .icon {
    background-position: -213px 0;
}

.site-prom-contract li + li + li + li + li .icon {
    background-position: -284px 0;
}

.site-prom-contract li a {
    text-decoration: underline;
}

.img-map img {
    display: block;
}

.site-promotion-stage .result-block {
    position: relative;
    padding: 12px 35px 27px;
    border-radius: 9px;
    background: #feaf00;
}

.site-promotion-stage .result-block p {
    margin-bottom: 5px;
}

.result-block .title {
    margin-bottom: 10px;
    font: bold 18px "PT Sans";
    color: #fff;
}

.result-block .flag {
    vertical-align: bottom;
    margin-right: 5px;
}

.result-block .description {
    font: 12px Arial;
}

.result-block .description p:first-child {
    margin-bottom: 5px;
    font-size: 14px;
}

.result-block .to-form-link {
    margin-top: 30px;
}

.to-form-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 3px 13px;
    font-weight: bold;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
    background: #007aaa;
    cursor: pointer;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#007aaa), to(#005b7f));
    background: -webkit-linear-gradient(#007aaa, #005b7f);
    background: -moz-linear-gradient(#007aaa, #005b7f);
    background: -ms-linear-gradient(#007aaa, #005b7f);
    background: -o-linear-gradient(#007aaa, #005b7f);
    background: linear-gradient(#007aaa, #005b7f);
    -pie-background: linear-gradient(#007aaa, #005b7f);
}

.to-form-link:hover {
    box-shadow: #bfbfbf 0 0 10px;
}

area:hover {
    background: #cecece;
}

/* form.html */
#campaign-form {
    position: relative;
    margin-bottom: 40px;
    padding: 25px 20px 30px;
    width: 715px;
    background: #fff;
}

#campaign-form:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 95px;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
}

#campaign-form .row {
    margin-bottom: 25px;
}

#campaign-form h2 {
    margin-left: 205px;
    font-size: 20px;
}

#campaign-form .field-descr {
    float: left;
    margin-right: 5px;
    width: 200px;
    text-align: right;
    font-family: Arial;
}

#campaign-form .wrapper {
    overflow: hidden;
}

#campaign-form .hint {
    margin-top: 5px;
    font-family: Arial;
    font-size: 12px;
    color: #767676;
}

#campaign-form .detail-wrap {
    margin-left: 205px;
}

#campaign-form .inpts-grp-wrap {
    margin: 15px 0 25px;
}

#campaign-form label {
    display: block;
    margin-bottom: 3px;
}

#campaign-form .outer-hint {
    float: right;
    margin-right: -200px;
    width: 170px;
}

#campaign-form .detail-wrap h2 {
    margin-left: 0;
    margin-bottom: 10px;
}

.detail-wrap h2.inl-blck {
    margin-top: -3px;
    margin-right: 10px;
    line-height: 1;
}

#campaign-form .yes-reason-area {
    display: none;
}

#campaign-form .submit-wrap {
    position: relative;
    margin-top: 40px;
    padding: 30px 0 10px;
    text-align: right;
}

/* news.html */
.right-text-col {
    float: right;
    margin-left: 70px;
    width: 260px;
}

.right-text-col .year-list, #content .year-list {
    position: relative;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    list-style: none;
    padding-left: 0;
}

.right-text-col .year-list:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    bottom: 0;
    left: 0;
}

#content .year-list li:before {
    content: none;
}

.right-text-col .year-list li {
    margin-bottom: 10px;
}

.right-text-col .year-list a {
    text-decoration: underline;
}

.right-text-col .RSS a {
    font-size: 16px;
    font-weight: bold;
    color: #f26522;
    text-decoration: underline;
}

.right-text-col .RSS .icon.rss {
    margin-left: 14px;
}

.year-news-content {
    overflow: hidden;
}

.year-news-content .year-num {
    float: left;
    margin-right: 20px;
    width: 100px;
    font-size: 24px;
    font-weight: bold;
    color: #3f4344;
}

.content {
    overflow: hidden;
}

.year-news-content {
    color: #3f4344;
}

.year-news-content .new-list {
    margin-bottom: 60px;
}

.year-news-content .some-news {
    margin-bottom: 30px;
}

.some-news .title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.some-news .title a {
    text-decoration: underline;
}

.some-news .description {
    margin-bottom: 5px;
    font-family: Arial;
}

.some-news .timing {
    font-size: 12px;
    font-style: italic;
    color: #767676;
}

.paginator {
    line-height: 0;
    font-size: 0;
    letter-spacing: -1px;
}

.paginator li {
    display: inline-block;
    vertical-align: top;
    margin-left: 1px;
    font: bold 14px/1.4 "PT Sans";
    letter-spacing: normal;
}

.paginator a, .paginator span {
    display: block;
    position: relative;
    padding: 4px 9px;
    color: #3f4344;
    border-radius: 3px;
}

.paginator a:hover, .paginator span:hover {
    background: #cecece;
}

.paginator a {
    text-decoration: underline;
}

.paginator .more:hover {
    background: none;
}

.paginator .active, .paginator .active:hover {
    color: #fff;
    background: #017bab;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#017bab), to(#005b7f));
    background: -webkit-linear-gradient(#017bab, #005b7f);
    background: -moz-linear-gradient(#017bab, #005b7f);
    background: -ms-linear-gradient(#017bab, #005b7f);
    background: -o-linear-gradient(#017bab, #005b7f);
    background: linear-gradient(#017bab, #005b7f);
    -pie-background: linear-gradient(#017bab, #005b7f);
}

#content .paginator {
    margin: 25px 25px 25px 0;
}

#content .paginator li:before {
    content: none;
}

/* ??? */

/* news-full.html */
h1.some-news-title {
    margin-bottom: 0;
}

.some-news-timing {
    overflow: hidden;
    clear: both;
    margin-bottom: 15px;
    padding-left: 1px;
    font-style: italic;
    font-size: 13px;
    color: #767676;
}

.content-mrg-l {
    overflow: hidden;
    /*margin-left: 120px;*/
    padding-left: 120px;
}

.news-detail {
    margin-bottom: 50px;
    /*font: 14px/1.4 Arial;*/
}

.news-detail p {
    margin-bottom: 20px;
}

.news-detail a {
    text-decoration: underline;
}

.news-detail a:hover {
    color: #ed1c24;
    text-decoration: none;
}

.news-detail a.active {
    color: #005b7f;
    text-decoration: none;
}

.social-panel, #content .social-panel {
    margin: 0 0 0 -10px;
}

.social-panel li {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

#content .social-panel li:before {
    content: none;
}

/* vacancy.html */
#vacancy-panes {
    margin: 20px 0 30px;
}

#vacancy-panes .some-pane {
    position: relative;
    margin-bottom: 15px;
}

#vacancy-panes .vac-name {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 175px;
    font-weight: bold;
    font-size: 18px;
}

#vacancy-panes .vac-name:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px dotted #a7c4cf;
}

#vacancy-panes .vac-name:hover:before {
    content: none;
}

#vacancy-panes .vac-name.need:after {
    content: 'Очень нужен';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    margin-right: -85px;
    margin-top: -10px;
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    background: #ed1c24;
}

#vacancy-panes .vac-name-landing {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 175px;
    font-weight: bold;
    font-size: 18px;
}

#vacancy-panes .vac-name-landing:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px dotted #a7c4cf;
}

#vacancy-panes .vac-name-landing:hover:before {
    content: none;
}

#vacancy-panes .vac-name-landing.need:after {
    content: 'Очень нужен';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    margin-right: -85px;
    margin-top: -10px;
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    background: #ed1c24;
}

#vacancy-panes .description {
    display: none;
    overflow: hidden;
    height: auto;
    font: 14px Arial;
}

#vacancy-panes .some-pane.active .description {
    display: block;
}

#vacancy-panes .photo {
    position: relative;
    float: left;
    margin-right: 15px;
}

#vacancy-panes .photo img {
    display: block;
}

#vacancy-panes .photo:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -23px;
    margin-right: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadow.png) left top no-repeat;
}

#vacancy-panes p {
    margin-bottom: 25px;
}

#content .work-sides {
    margin: 40px 0 40px 70px;
}

#content .work-sides .icon.pos, #content .work-sides .icon.neg {
    margin: 3px 10px 0 0;
}

#content .work-sides .pos, #content .work-sides .neg {
    margin-bottom: 15px;
}

#content .work-sides ul {
    margin-bottom: 40px;
    font-family: Arial;
}

#content .work-sides li {
    position: relative;
    margin-bottom: 3px;
}

#content .work-sides li:before {
    content: '—';
    margin: 0 5px 0 -20px;
    position: relative;
    float: left;
    background: none;
}

.creating-name-ORIDIS {
    margin: 0 0 30px 115px;
    font: 16px/1.4 Arial;
    color: #252525;
}

/* contact.html */
.oridis-location {
    position: relative;
    margin-bottom: 40px;
    width: 1048px;
    height: 309px;
}

.contact-blocks {
    margin-bottom: 60px;
}

.contact-blocks .adress {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    width: 300px;
    font-size: 20px;
}

.contact-blocks .adress p:first-child {
    margin-bottom: 25px;
    font-weight: bold;
    color: #3f4344;
}

.contact-blocks .adress .phone {
    margin-left: 18px;
    margin-bottom: 0;
    color: #005b7f;
}

.contact-blocks .adress .mail {
    margin-left: 30px;
    font-weight: bold;
    text-decoration: underline;
}

.contact-blocks .way-to-us {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    width: 330px;
}

.contact-blocks .way-to-us .title {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    font: bold 20px 'PT Sans';
    text-decoration: none !important;
}

.contact-blocks .way-to-us .title:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 -12px 0 0;
    width: 10px;
    height: 11px;
    background: url(/img/new-window-icon.png);
}

.contact-blocks .way-to-us .title:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #00577a;
}

.contact-blocks .way-to-us .title:hover:after {
    content: none;
}

.contact-blocks .way-to-us .map {
    margin-bottom: 10px;
    width: 129px;
    height: 86px;
    background: url(/img/fish/waytousMap.jpg);
}

.contact-blocks .way-to-us .map.walk {
    background: url(/img/fish/mapWalk.jpg);
}

.contact-blocks .way-to-us .map.car {
    background: url(/img/fish/mapCar.jpg);
}

.contact-blocks .way-to-us p {
    font: 14px/1.4 Arial;
}

.contact-blocks .way-to-us .print {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    font-size: 12px;
    font-family: Arial;
}

.contact-blocks .way-to-us .print:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 1px dotted #00577a;
}

.contact-blocks .way-to-us .print:hover:after {
    content: none;
}

.write-request {
    margin-top: 45px;
}

.write-request .note {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    width: 200px;
}

.write-request .note h3 {
    margin: 0px;
    font-size: 20px;
}

.write-request .icon.question {
    margin-right: 8px;
}

.write-request .note p {
    margin-left: 32px;
    font: 13px/1.4 Arial;
}

.arrow-form {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    padding: 20px 30px;
    min-height: 163px;
    width: 560px;
    background: #fff;
}

.arrow-form.bonus {
    position: relative;
    width: 710px;
}

.arrow-form:before {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    margin-top: -101px;
    width: 39px;
    height: 203px;
    margin-right: -39px;
    background: url(/img/arrowFormBg.png) no-repeat;
}

.arrow-form .bonus {
    position: absolute;
    right: 0;
    margin-top: -20px;
    padding: 35px 20px;
    width: 150px;
    height: 100%;
    font: 14px Arial;
    color: #7c3002;
    background: #febf00;
    box-sizing: border-box;
}

.arrow-form .bonus:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    margin-top: -101px;
    width: 39px;
    height: 203px;
    margin-right: -39px;
    background: url(/img/bonusArrowBg.png) left top no-repeat;
}

.arrow-form .bonus .red {
    font: bold 20px/1.4 "PT Sans";
    color: #ff4200;
}

.arrow-form input[type=text] {
    width: 194px;
}

.arrow-form .row {
    margin-bottom: 15px;
}

.arrow-form .input-name {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 7px;
    width: 94px;
    text-align: right;
}

.arrow-form .input-name:after {
    content: ':';
}

.arrow-form input[type=text].name {
    margin-right: 0px;
    width: 154px;
}

.arrow-form input[type=text].phone-prefix {
    margin-right: 5px;
    width: 35px;
}

.arrow-form input[type=text].phone-num {
    width: 119px;
}

.arrow-form input[type=submit] {
    margin-left: 106px;
    padding: 4px 9px;
    font-size: 14px;
    font-weight: normal;
}

.schema-list {

}

.schema-list .some-schema {
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    padding: 0 0 15px;
    border-bottom: 1px solid #fff;
}

.schema-list .some-schema:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    bottom: 0;
    left: 0;
}

.some-schema .schema-icon {
    float: left;
    width: 150px;
    margin-right: 30px;
}

.some-schema .description {
    overflow: hidden;
}

.some-schema h3 {
    margin: 20px 0 5px;
}

.some-schema h3 a {
    text-decoration: underline;
}

.some-schema .left-text {
    overflow: hidden;
    width: 410px;
    font: 14px/1.4 Arial;
}

.some-schema .left-text p {

}

.some-schema .cost {
    margin-top: 5px;
    font: bold 18px/1.4 "PT Sans";
}

.some-schema .right-text {
    float: right;
    width: 400px;
    font: 14px/1.4 Arial;
}

/* oridis-style.html */
.news-detail .big-img {
    position: relative;
    margin-left: -120px;
    margin-bottom: 30px;
}

.big-img.projectBlockShadow:after {
    margin-right: 120px;
}

.cite-text, blockquote {
    margin-left: -15px;
    margin-bottom: 20px;
    padding: 25px 15px;
    font: bold 18px/1.4 'PT Sans';
    color: #36a6ca;
    border: 1px dotted #3f3f3f;
}

/* site.html */
.note-block {
    position: relative;
    float: right;
    margin: -30px 0 20px 65px;
    padding: 25px 30px;
    width: 270px;
    background: #fff;
}

.note-block.dev {
    width: 330px;
}

.note-block h3 {
    margin: 0;
}

#content .note-block ul {
    margin: 10px 0 10px 20px;
    font-family: Arial;
}

#content .note-block li {
    margin-bottom: 5px;
}

#content .note-block li:before {
    content: '';
    position: absolute;
    display: block;
    margin-top: 7px;
    margin-left: -12px;
    width: 7px;
    height: 7px;
    background: #016d98;
}

h2.oah2 {
    text-align: center;
    font-size: 30px;
    margin: 60px 0 30px 0;
}

.our-advantages {
    margin-bottom: 80px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
    background: url(/img/services.png) 100px top no-repeat;
    padding-top: 315px;
}

.our-advantages .block {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    width: 238px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    color: #242424;
    letter-spacing: normal;
    text-decoration: none !important;
    float: left;
}

.our-advantages .block:first-child {
    margin-left: 0;
}

.our-advantages .block h3 {
    margin: 0 0 10px 0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    min-height: 35px;
}

.our-advantages .block h3 {
    color: #005b7f;
    text-decoration: underline;
}

.our-advantages .block:hover h3 {
    text-decoration: none;
}

/*.our-advantages .block:hover .description {color: #ed1c24;}*/

.site-cost {
    position: relative;
    margin-bottom: 50px;
    padding: 60px 50px 20px;
    text-align: center;
    background: #fff url(/img/siteCostText.png) center 30px no-repeat;
}

.site-cost a {
    text-decoration: underline;
}

.our-new-projects {
    font-size: 0;
    line-height: 0;
    width: 1080px;
    letter-spacing: -1px;
}

.our-new-projects .some-project {
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 5px;
    width: 189px;
    font: 12px/1.4 Arial;
    letter-spacing: normal;
    text-align: center;
}

.our-new-projects .some-project:first-child {
    margin-left: 0;
}

.our-new-projects .some-project:nth-child(5n+1) {
    margin-left: 0;
}

.our-new-projects .some-project:nth-child(5n) {
    margin-right: 0;
}

.our-new-projects .some-project a {
    text-decoration: underline !important;
    color: #A6BBC3 !important;

}

.our-new-projects .some-project a.project-annotation p {
    color: #005b7f;
    font-size: 14px;
}

.our-new-projects .pic {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    height: 190px;
    text-decoration: none;
}

.our-new-projects .pic img {
    max-width: 180px;
    max-height: 200px;

}

.our-new-projects .more-wrap {
    text-align: center;
    font: 14px/1.4 'PT Sans';
    letter-spacing: normal;
}

/* seo-2.html */
.send-request {
    position: absolute;
    padding: 15px 15px 10px;
    top: 196px;
    right: 0;
    margin-right: 157px;
    width: 200px;
    height: 37px;
    color: #fff;
    background: url(/img/sendRequestBg.png) no-repeat;
}

.send-request p {
    margin-bottom: 3px;
    font: 13px/1 Arial;
}

.send-request p:first-child {
    font: bold 18px/1 "PT Sans";
    text-shadow: #016890 0 -1px 1px;
}

.three-ways {
    /*margin-bottom: 30px;*/
}

.three-ways .title {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 25px;
    font-size: 18px;
    color: #3f4344;
    width: 205px;
}

.three-ways .title span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.three-ways .title span:first-child {
    margin-right: 10px;
    line-height: 1.2;
    font-weight: bold;
}

.three-ways .title .bkt {
    margin-top: -15px;
    font-size: 82px;
}

.three-ways .block {
    display: inline-block;
    vertical-align: top;
    width: 215px;
    padding: 5px 12px 10px 12px;
    border-top: transparent 4px solid;
}

.three-ways .block + .block {
    margin-left: 25px;
}

.three-ways .block a {
    position: relative;
    display: inline-block;
    margin-bottom: 4px;
    font-size: 13px;
    /*font: 13px Arial;*/
    color: #252525;
}

/*.three-ways a:after {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	border-bottom: 1px dotted #00577a;
}*/
.three-ways .block.active {
    background: #fff;
    border-top: #005b7f 4px solid;
}

/*.three-ways .block.active a {color: #005b7f;}*/
.three-ways a:hover:after {
    content: none;
}

.three-ways a.caption {
    margin-bottom: 15px;
}

.three-ways .caption span {
    font: bold 20px 'PT Sans';
    text-decoration: none;
    color: #005b7f;
}

.three-ways a.caption:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 1px dashed #00577a;
}

.three-ways .active a.caption:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #00577a !important;
}

.three-ways .caption span:hover {
    text-decoration: none;
}

.three-ways .caption sup {
    display: inline-block;
    margin-top: -10px;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    color: #3f4344;
}

.request-desc-poster-list {
    /*margin: 20px 0 50px;*/
    margin: 0 0 50px;
    min-height: 284px;
}

.request-desc-poster {
    display: none;
    position: relative;
    padding: 35px 30px 35px 240px;
    background: #fff url(/img/requestDescPosterImg.png) 27px 47px no-repeat;
}

.request-desc-poster.icon2 {
    background: #fff url(/img/requestDescPosterImg2.jpg) 70px 20px no-repeat;
}

.request-desc-poster.icon3 {
    background: #fff url(/img/requestDescPosterImg3.jpg) 44px 26px no-repeat;
}

.request-desc-poster.active {
    display: block;
}

.request-desc-poster:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: -22px 0 0 250px;
    width: 46px;
    height: 22px;
    /*background: url(/img/requestDescPosterAngle.png) no-repeat;*/
}

.request-desc-poster + .request-desc-poster:before {
    margin: -22px 0 0 550px;
}

.request-desc-poster + .request-desc-poster + .request-desc-poster:before {
    margin: -22px 0 0 850px;
}

.request-desc-poster h3 {
    margin: 0 0 15px 0;
}

.request-desc-poster .bottom-text {
    margin: 30px 0 0 -150px;
    font: 12px/1.4 Arial;
    color: #424a4d;
}

.request-desc-poster .bottom-text a {
    text-decoration: underline;
}

.request-desc-poster .bottom-text p {
    overflow: hidden;
    margin-bottom: 0px;
}

.request-desc-poster .bottom-text p:first-child {
    width: 130px;
    float: left;
    margin-right: 20px;
    text-align: right;
    font-weight: bold;
    color: #767676;
}

.request-desc-poster .bottom-text p + p {
    width: 650px;
}

.promo-poster {
    position: relative;
    margin-bottom: 45px;
    height: 360px;
    background: url(/img/promoPoster.jpg) 150px 0 no-repeat;
}

.promo-poster .text {
    position: absolute;
    width: 210px;
}

.promo-poster .text {
    font: 13px Arial;
}

.promo-like-a {
    display: block;
    margin-bottom: 10px;
    font: bold 16px 'PT Sans';
    color: rgb(0, 91, 127);

}

.promo-poster .text.t1 {
    top: 95px;
    left: 40px;
}

.promo-poster .text.t2 {
    top: 10px;
    left: 490px;
}

.promo-poster .text.t3 {
    top: 120px;
    left: 790px;
}

.seo-portfolio {
    overflow: hidden;
    margin-bottom: 30px;
    margin-left: -10px;
}

.seo-portfolio .block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-bottom: 60px;
    width: 250px;
}

/*.seo-portfolio .block:before {
	content: '';
	position: absolute;
	top: 12px;
	right: 84px;
	width: 27px;
	height: 39px;
	background: url(/img/clip-2.png) no-repeat;
	z-index: 3;
}*/
.seo-portfolio .block .img img {
    display: block;
}

.seo-portfolio .block ul {
    margin: 0 0 10px 0 !important;
}

.seo-portfolio .block li {
    margin: 0 !important;
}

.seo-portfolio .block .yndx-gl-block {
    /*position: absolute;
	top: 20px;
	left: 20px;*/
    padding: 12px 10px 12px 17px;
    width: 210px;
    background: #fff;
    z-index: 2;
    position: relative;
}

.seo-portfolio .block .yndx-gl-block:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -26px;
    margin-right: 25px;
    width: 136px;
    height: 26px;
    background: url(/img/ourClients-Shadow.png) no-repeat;
}

.seo-portfolio .block .panes {
}

.seo-portfolio .block li:before {
    content: none !important;
}

.seo-portfolio .block .pane {
    display: none;
    font: bold 15px 'PT Sans';
}

.seo-portfolio .pane li {
    margin: 0 0 5px 0 !important;
}

.seo-portfolio .pane li span {
    word-wrap: break-word;
}

.seo-portfolio .block .pane.active {
    display: block;
}

.seo-portfolio .pane sup {
    display: inline;
    position: relative;
    vertical-align: baseline;
    bottom: 5px;
    left: 3px;
    line-height: 1;
    font-size: 13px;
    font-weight: bold;
    color: #3583f9;
}

.seo-portfolio .pane img {
    margin-left: -10px;
}

.seo-portfolio .pane:first-child sup {
    color: #ed1c24;
}

.seo-portfolio .tabs {
    margin-bottom: 10px;
}

.seo-portfolio .tabs a {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background: url(/img/seoPortfolioSprite1.png) no-repeat;
}

.seo-portfolio .tabs li {
    display: inline-block;
    vertical-align: top;
}

.seo-portfolio a.yndx {
    background-position: right top;
}

.seo-portfolio a.yndx.active {
    background-position: left top;
}

.seo-portfolio a.gl {
    background-position: right bottom;
}

.seo-portfolio a.gl.active {
    background-position: left bottom;
}

.seo-portfolio .description {
    position: absolute;
    margin-top: 10px;
    font: 12px/1.4 Arial;
    color: #3f4344;
}

.seo-portfolio .description a {
    text-decoration: underline;
}

.text-slider-block {
    position: relative;
    padding-top: 50px;
    border-top: 1px solid #d7d7d7;
}

.text-slider-block:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    top: 0;
    left: 0;
}

.text-slider-block .wide-exp {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    margin-left: 15px;
    padding: 1px 4px;
    color: #fff;
    font-size: 11px;
    border-radius: 2px;
    background: #ed1c24;
}

.text-slider-block .wide-exp:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -10px;
    width: 55px;
    height: 10px;
    background: url(/img/labelShadow.png) left top no-repeat;
}

.text-slider-block h3 {
    margin-top: 0;
}

.text-slider-block .project-slider {
    float: left;
    margin-right: 125px;
}

.project-slider {
    position: relative;
    width: 210px;
}

.project-slider .caption {
    min-height: 30px;
    margin-bottom: 20px;
    font: italic 11px/1.4 Arial;
}

.project-slider .caption a {
    text-decoration: underline;
}

.project-slider .prev, .project-slider .next {
    position: absolute;
    bottom: 0;
    width: 22px;
    height: 22px;
    outline: none;
    background: url(/img/projectSliderCtrl.png) 0 1px no-repeat;
}

.project-slider .prev {
    right: 0;
    margin-right: 25px;
}

.project-slider .next {
    right: 0;
    background: url(/img/projectSliderCtrl.png) -25px 1px no-repeat;
}

.project-slider .slide-overlay {
    overflow: hidden;
    width: 148px;
    height: 156px;
}

.project-slider .slide {
    position: relative;
    display: block;
    width: 148px;
    height: 156px;
}

.text-slider-block .text {
    overflow: hidden;
}

/* seo-2-zapros.html */
.text-request-icon {
    margin-top: -35px;
    min-height: 170px;
    padding-top: 35px;
    padding-right: 400px;
    font: 13px/1.4 Arial;
    background: url(/img/requestIcon.png) right top no-repeat;
}

.text-request-icon.action {
    background: url(/img/payforaction.png) right top no-repeat;
}

.text-request-icon.click {
    background: url(/img/payforclick.png) right top no-repeat;
}

.three-request-ways {
    position: relative;
    margin: 10px 0 30px;
    padding: 17px;
    background: #fff;
}

.three-request-ways h2 {
    margin: 15px 20px 25px;
}

#content .three-request-ways table, .three-request-ways table {
    margin-bottom: 10px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #bdbeb5;
}

#content .three-request-ways table:after {
    content: none;
}

div.stars {
    width: 73px;
    height: 25px;
    background: url(/img/stars.png) left top no-repeat;
}

div.stars.one {
    background-position: 0 -30px;
}

div.stars.two {
    background-position: 0 -60px;
}

div.stars.three {
    background-position: 0 -90px;
}

div.stars.green {
    background-position: 0 -120px;
}

.three-request-ways th {
    padding-right: 10px;
    vertical-align: top;
    font: 14px Arial;
}

.three-request-ways th a {
    display: inline-block;
    margin-bottom: 3px;
    font-weight: bold;
    text-decoration: underline;
}

.three-request-ways th {
    width: 170px;
}

.three-request-ways th + th {
    width: 240px;
}

.three-request-ways th + th + th {
    width: 270px;
}

.three-request-ways th + th + th + th {
    width: 210px;
}

#content .three-request-ways td, .three-request-ways td {
    padding: 7px 10px;
}

.three-request-ways .hint {
    font: 12px Arial;
    color: #737373;
    text-align: center;
}

.seo-portfolio .more-wrap {
    text-align: center;
    font: 14px/1.4 'PT Sans';
    letter-spacing: normal;
}

.arrow-form.short {
    padding: 15px 15px 15px 15px;
    width: 370px;
}

.arrow-form.short input[type=text] {
    margin-bottom: 0;
    padding: 2px 5px;
    font-size: 12px;
}

.arrow-form.short textarea {
    margin-bottom: 0;
    width: 265px;
    min-height: 18px;
}

.arrow-form.short .input-name {
    margin-top: 2px;
    width: 65px;
}

.arrow-form.short:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -36px;
    width: 351px;
    height: 36px;
    background: url(/img/projectBlockShadow.png) left top no-repeat;
}

.seo-request-help {
    margin-left: -20px;
    margin-bottom: 50px;
}

.seo-request-help .block {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    font-size: 13px;
}

.seo-request-help .our-adv {
    width: 280px;
}

.seo-request-help .choose-problem {
    width: 280px;
}

.seo-request-help .promotion-price {
    width: 430px;
}

.seo-request-help .promotion-price a {
    text-decoration: underline;
}

/*Portfolio*/
.portfolio-left {
    float: left;
    width: 600px
}

.portfolio-right {
    float: right;
    width: 400px
}

.portfolioimage {
    position: relative;
    display: inline-block;
}

.portfolioimage:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -21px;
    width: 100%;
    height: 26px;
    background: url(/img/topicBlockBottomShadow.png) no-repeat right;
    background-size: 60% 26px;
}

.portfolio-right img {
    width: 350px;
    border: 8px solid white;
}

.portfolio-header {
    font: bold italic 120% 'PT Sans';
    color: #666666;
}

/*Portfolio*/

/*portfolio link position fix*/
.portfolio-link-dev {
    width: 330px;
    float: right;
    height: 380px;
    margin-top: -56px;
    margin-left: 30px;
}

.portfolio-link-dev h3 {
    text-align: center;
}

/*portfolio link position fix*/

#content .seo-request-help .our-adv ul {
    margin: 0 0 0 20px;
}

#content .seo-request-help .our-adv li {
    font-family: Arial;
}

#content .seo-request-help .our-adv li:before {
    content: '—';
    margin: 0 5px 0 -20px;
    position: relative;
    float: left;
    background: none;
}

.pltk-descr-block {
    padding-left: 200px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    min-height: 145px;
    background: url(/img/pltkDescrBlock.png) left top no-repeat;
}

#content .numbers-icon-list {
    margin-left: -20px;
}

#content .numbers-icon-list li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-height: 52px;
    margin-left: 20px;
    padding-left: 38px;
    width: 271px;
    font: 14px Arial;
}

#content .numbers-icon-list li:before {
    content: '';
    position: absolute;
    left: 13px;
    top: -5px;
    width: 32px;
    height: 52px;
    background: url(/img/numbersIconListSprite.png) left top no-repeat;
}

#content .numbers-icon-list li + li:before {
    background-position: -60px 0;
}

#content .numbers-icon-list li + li + li:before {
    background-position: -120px 0;
}

.s-blk-text {
    width: 600px;
    margin: 0 20px 50px;
    font: 16px Arial;
}

.schema-list .type-button {
    font: 14px/1.4 'PT Sans';
    font-weight: bold;
}

.schema-list .right-text p {
    margin-bottom: 5px;
}

.schema-list.temathics-pltk .right-text {
    margin-top: -40px;
}

.schema-list.temathics-pltk .right-text .cost {
    color: #005b7f;
}

.schema-list.temathics-pltk .schema-icon {
    width: 170px;
    min-height: 105px;
    background: url(/img/temathicsPltkIcons.png) no-repeat;
}

.schema-list.temathics-pltk .schema-icon.sh_1 {
    height: 101px;
    background-position: 0 0;
}

.schema-list.temathics-pltk .schema-icon.sh_2 {
    height: 116px;
    background-position: 0 -120px;
}

.schema-list.temathics-pltk .schema-icon.sh_3 {
    height: 105px;
    background-position: 0 -270px;
}

.arrow-form.pltk {
    width: 570px;
}

.arrow-form.pltk .row {
    margin-bottom: 14px;
}

.arrow-form.pltk input[type=text] {
    margin-bottom: 0;
    padding: 1px 7px;
    font-size: 13px;
}

.arrow-form.pltk textarea {
    margin-bottom: 0;
    padding: 2px 7px;
    min-height: 30px;
}

/* seo-temathics.html */
.temathics-promotion-list {
    margin: 0 0 50px -50px !important;
}

.temathics-promotion-list li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 50px;
    padding-top: 80px;
}

.temathics-promotion-list li {
    width: 400px;
}

.temathics-promotion-list li + li {
    width: 270px;
}

.temathics-promotion-list li + li + li {
    width: 265px;
}

#content .temathics-promotion-list li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: url(/img/temathicsPromotionList.png) 12px top no-repeat;
}

#content .temathics-promotion-list li + li:before {
    background-position: 10px -70px;
}

#content .temathics-promotion-list li + li + li:before {
    background-position: 10px -140px;
}

#theme-request, #content #theme-request {
    position: relative;
    margin: 0 0 40px -5px;
    height: 660px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
}

#theme-request li {
    width: 260px;
    height: 200px;
    float: left;
}

#theme-request li:hover .block {
    z-index: 10;
}

#theme-request li:before {
    content: none !important;
}

#theme-request .block {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    padding: 20px 15px;
    width: 228px;
    font: 13px/1.4 Arial;
    letter-spacing: normal;
}

#theme-request .block:after {
    content: '';
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -23px;
    margin-right: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadow.png) left top no-repeat;
}

#theme-request .icon {
    width: 200px;
    height: 150px;
    background: url(/img/themeRequestIcons.png) right bottom no-repeat;
}

#theme-request .title {
    display: block;
    margin-bottom: 10px;
    font: 12px Arial;
    text-align: center;
    text-decoration: underline;
}

#theme-request .block:hover .title {
    text-decoration: none;
}

#theme-request .block a {

}

#theme-request .description {
    display: none;
    margin-bottom: 0;
    color: #464646;
}

#theme-request .icon.realty {
    background-position: 20px 0;
}

#theme-request .icon.clothing {
    background-position: -200px 0;
}

#theme-request .icon.touring {
    background-position: -440px 0;
}

#theme-request .icon.furniture {
    background-position: 30px -160px;
}

#theme-request .icon.sportingGoods {
    background-position: -210px -160px;
}

#theme-request .icon.landscaping {
    background-position: -430px -180px;
}

#theme-request .icon.autoParts {
    background-position: 20px -340px;
}

#theme-request .icon.repair {
    background-position: -200px -350px;
}

#theme-request .icon.construction {
    background-position: -420px -350px;
}

#theme-request .block:hover {
    background: #fff;
}

#theme-request .block:hover:after {
    display: block;
}

#theme-request .block:hover .description {
    display: block;
}

/* seo-fact2 */
#content .three-column-list, .three-column-list {
    margin: 20px 0 20px -20px;
}

.three-column-list li {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    width: 330px;
    font: 14px Arial;
}

#content .three-column-list li:before,
.three-column-list li:before {
    content: none;
}

.three-column-list .title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #005b7f;
}

.advance-payment {
    position: relative;
    margin-left: -20px;
    margin-bottom: 15px;
    padding: 25px 0 10px;
    border-top: 1px solid #d7d7d7;
    /*border-bottom: 1px solid #d7d7d7;*/
}

.advance-payment:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}

.advance-payment:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    /*background: #fff;*/
}

.advance-payment .block {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    width: 320px;
    font: 14px/1.4 Arial;
}

.advance-payment .block .title {
    font: bold 18px 'PT Sans';
    color: #005b7f;
}

.advance-payment .block.payment img {
    display: block;
    margin: -40px 0 30px -10px;
}

.advance-payment .arrow-form.short {
    padding: 15px 5px 15px 10px;
    width: 300px;
}

.advance-payment .arrow-form.short textarea {
    width: 194px;
}

#content .stage-list, .stage-list {
    margin: 30px 0 0 0;
}

#content .stage-list li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px;
    font: 14px/1.4 Arial;
}

#content .stage-list li:before {
    content: '';
    position: absolute;
    margin-left: 0;
    margin-top: 5px;
    width: 16px;
    height: 27px;
    background: url(/img/stageListSprite.png) left top;
}

#content .stage-list li + li:before {
    background-position: -30px 0;
}

#content .stage-list li + li + li:before {
    background-position: -60px 0;
}

.worker-contract {
    position: relative;
    margin-bottom: 40px;
    border-bottom: 1px solid #d7d7d7;
}

.worker-contract:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}

.worker-contract h3 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 25px 25px 0;
    font: bold 20px/1.2 'PT Sans';
    width: 225px;
}

.worker-contract .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 61px;
    height: 84px;
    font: 14px/1.4 Arial;
    box-shadow: #b9b9b9 0 0 25px;
    background: url(/img/pdfContractIcons.png) -71px 0 no-repeat;
}

.worker-contract p {
    display: inline-block;
    vertical-align: middle;
    width: 450px;
}

.worker-contract p a {
    text-decoration: underline;
}

/* error-404 page */
#error-content {
    margin: 0 auto;
    padding-top: 180px;
    width: 800px;
}

.error-404 {
    margin-left: 130px;
    margin-bottom: 45px;
    width: 209px;
    height: 130px;
    text-indent: -9999px;
    background: url(/img/error404.png) no-repeat;
}

.error404-note {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    width: 305px;
    font-size: 22px;
    text-align: right;
    background: #fff;
}

.error404-note a {
    text-decoration: underline;
}

.error404-note:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -24px;
    margin-right: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadow.png) left top no-repeat;
}

.error404-menu {
    display: inline-block;
    vertical-align: top;
    margin-top: 26px;
    margin-left: 64px;
}

.error404-menu li {
    margin-bottom: 15px;
}

.error404-menu a {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #363636;
    padding: 6px;
}

.error404-menu a:hover {
    color: #005b7f;
}

.error404-menu .red, .error404-menu .red:hover {
    color: #ed1c24;
}

.error404-menu a:active, .error404-menu a:focus {
    color: #ed1c24;
}

/* portfolio-item */
.right-portf-col {
    float: right;
    margin-left: 10px;
    width: 330px;
}

.prtf-item-authors {
    position: relative;
    margin-bottom: 55px;
    padding: 23px 25px;
    width: 280px;
    background: #fff;
}

.prtf-item-authors:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -23px;
    margin-right: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadow.png) left top no-repeat;
}

.prtf-item-authors h4 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #3f4344;
}

.prtf-item-authors dl {
    margin-bottom: 50px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
}

.prtf-item-authors dt, .prtf-item-authors dd {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    width: 140px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: normal;
}

.prtf-item-authors dt {
    color: #868686;
}

.prtf-item-authors p {
    margin-bottom: 0;
}

.example-filter-wrap {
    margin-bottom: 30px;
    text-align: center;
}

.site-link {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0 30px;
    text-decoration: underline;
}

.prtf-item-description {
    margin-bottom: 10px;
}

.prtf-item-description p {
    margin-bottom: 0;
}

.prtf-item-screen {
    margin-left: -2px;
    margin-bottom: 25px;
}

.prtf-item-screen img {
    display: block;
}

.prtf-img {
    display: block;
    margin-bottom: 20px;
}

.wide-poster {
    position: relative;
    clear: both;
    margin-bottom: 35px;
    padding: 5px 10px;
    text-align: left;
    background: #fff;
}

.wide-poster img {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.wide-poster .dottes {
    display: inline-block;
    vertical-align: top;
    margin-top: 42px;
    font-size: 16px;
    color: #252525;
}

.wide-poster:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    margin-bottom: -38px;
    margin-right: 50px;
    width: 987px;
    height: 38px;
    background: url(/img/slider-bottomShadow.png) no-repeat;
}

.support-list {
    margin-left: -37px;
    padding-bottom: 24px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
}

.support-list .block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 37px;
    padding: 15px 17px;
    width: 290px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: normal;
    background-color: #fff;
}

.support-list .block:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -24px;
    margin-right: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadow.png) left top no-repeat;
}

.support-list h3 {
    margin: 0 0 5px 0;
}

.support-list .price {
    font-weight: bold;
    color: #005b7f;
}

.support-list .descritpion {
    font-family: Arial;
    color: #000;
}

.sup_icon {
    margin-bottom: 5px;
    width: 144px;
    height: 125px;
    background: url(/img/iconsSprite2.png) -52px -654px no-repeat;
}

.sup_icon.icon1 {
}

.sup_icon.icon2 {
    background-position: -265px -654px;
}

.sup_icon.icon3 {
    background-position: -485px -654px;
}

.right-text-col h3:first-child {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: bold;
    color: #3f4344;
}

.right-text-col .arrow-form.short {
    padding: 15px 5px 15px 10px;
    width: 300px;
}

.right-text-col .arrow-form.short textarea {
    width: 194px;
}

.right-text-col.m-wide {
    width: 330px;
}

#vacancy-panes .photo img {
    max-width: 162px;
}

span.hint {
    display: inline;
    position: absolute;
    margin-left: 10px;
    background: #ffe500;
    padding: 2px;
}

.slider2 {
    clear: left;
    margin-top: 40px;
}

.tel {
    color: #555;
}

.newyearhat {
    position: absolute;
    top: 9px;
    left: 25px;
    width: 48px;
    z-index: 10;
}

.button-spoiler-1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding: 1px 15px;
    background: -moz-linear-gradient(
            top,
            #ff2819 0%,
            #ab0000);
    background: -webkit-gradient(
            linear, left top, left bottom,
            from(#ff2819),
            to(#ab0000));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #7d0000;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px 0px 2px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px 0px 2px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px 0px 2px rgba(255, 255, 255, 0.7);
    text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.4),
    0px 1px 0px rgba(255, 255, 255, 0.3);
}

input[name="wallie"] {
    display: none !important;
}

.result-block .description .short {
    width: 315px !important;
}

.result-block .description textarea {
    width: 200px !important;
}

#TechSeoQuery {
    display: none;
    max-width: 315px;
}

/*Стили для страницы банков*/

.main_bankpage {
    position: relative;
}

.main_bankpage h2 {
    font-weight: bold;
    color: #036280;
}

.main_bankpage ul {
    margin-top: 10px !important;
}

.main_bankpage_left, .main_bankpage_img, .main_bankpage_right {
    float: left;
    width: 33.3%;
}

.main_bankpage_img {
    height: 400px;
    background: url('../img/new-image-pls.png') no-repeat;
}

.bankpage_resolve {
    background: #FFF;
    text-align: center;
    padding: 20px;
}

.bankpage_resolve p {
    display: block;
    width: 490px;
    margin: 0 auto;
}

.bank_resolve_img {
    background: url('../img/new-image-pls-pls.png');
    width: 978px;
    height: 275px;
}

.bankpage_whoweare {
    text-align: center;
    margin-top: 25px;
}

.bankpage_whoweare_list {
    text-align: left;
    width: 60%;
    float: left;
    position: relative;
}

.bankpage_whoweare_img {
    text-align: left;
    width: 40%;
    float: left;
    position: relative;
}

.bankpage_whoweare_list p {
    text-align: right;
    margin-top: 10px;
    margin-right: 30px;
    padding-top: 10px;
    padding-right: 93px;
}

.bankpage_whoweare_img .reviews-bank img {
    width: 80px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
    margin-right: 15px;
    height: 110px;
}

.certificates-bank {
    margin-left: -5px;
    margin-top: 5px;
}

.arrow-bank {
    background: url('../img/reviews/arrow-pls.png');
    width: 44px;
    height: 38px;
    position: absolute;
    right: 282px;
    bottom: 48px;
}

.bank-h2-block {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.form-bank:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    margin-bottom: -15px;
    width: 380px !important;
    height: 15px;
    background: url(../img/reviews/arrowFormShadow-pls.png) left top no-repeat !important;
}

.bank-h2-block p {
    display: block;
    width: 490px;
    margin: 0 auto;
}

.form-bank {
    width: 340px;
}

.form-bank input, .form-bank input[type=text] {
    width: 180px !important;
}

.form-bank .input-name {
    width: 85px;
}

.form-bank textarea {
    width: 180px;
}

.right-image-bottom-pls {
    background: url('../img/new-image-bottom.png') no-repeat top left;
    float: right;
    width: 400px;
    height: 250px;
    margin-top: 25px;
    margin-right: 50px;
}

.bottom-image-text {
    float: right;
    width: 215px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 19px;
}

.bottom-image-text a {
    display: block;
    font-size: 18px;
    font-weight: bold;
}

/*Стили для строительного Landing*/
textarea:focus,
input:focus {
    outline: none;
}

a:focus,
label:focus,
button:focus {
    box-shadow: 0 0 5px rgba(0, 170, 245, 0.75);
}

a:active,
label:active span,
button:active {
    color: #ef112a !important;
}

input[type="radio"]:active,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="radio"]:focus,
form button:active,
form button:focus {
    box-shadow: 0px 0px 5px 2px #579DBB;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.comme-main-title {
    display: block;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
    color: #3f4344;
}

.landing-construction-firm {
    padding-right: 0 !important;
    width: 1080px;
}

.landing-construction-firm .line-1 {
    padding-top: 23px;
}

.landing-construction-firm .line-1 div {
    display: inline-block;
    vertical-align: bottom;
    width: 33%;
}

.landing-construction-firm .line-1 div img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.landing-construction-firm .line-1 div label {
    display: block;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #3f4344;
    margin-bottom: 7px;
    margin-top: 7px;
}

.landing-construction-firm .line-1 div p {
    text-align: center;
    box-sizing: border-box;
    padding: 0 20px;
}

.landing-construction-firm .line-1 .result {
    background: url(/img/keys-icons.png);
    width: 470px;
    height: 12px;
    display: block;
    background-position: -12px -20px;
    margin: 2em auto;
}

.landing-construction-firm .line-2 div .right,
.landing-construction-firm .line-2 div .left {
    width: 190px;
    padding-top: 14px;
    display: inline-block;
    vertical-align: top;
}

.landing-construction-firm .line-2 div .right .item,
.landing-construction-firm .line-2 div .left .item {
    position: relative;
    float: right;
    background-color: #fff;
    width: 137px;
    height: 232px;
    margin-top: 10em;
    border: solid 1px transparent;
    background: url(../img/landing_construction_firm/bg_banner.png);
    background-position: -340px -30px;
}

.landing-construction-firm .line-2 div .right:after,
.landing-construction-firm .line-2 div .left:after {
    content: "";
    clear: both;
    display: block;
}

.landing-construction-firm .line-2 div .right {
    width: 185px;
}

.landing-construction-firm .line-2 div .right .item {
    float: left;
    background-position: -490px -270px;
}

.landing-construction-firm .line-2 div .container {
    width: 702px;
    height: 570px;
    background: #fff;
    border: solid 4px #0091ae;
    border-radius: 2px;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    margin-right: -4px;
}

.landing-construction-firm .line-2 div .container:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: -25px;
    margin-left: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadowLeft.png) left top no-repeat;
}

.landing-construction-firm .line-2 div .container:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -25px;
    margin-right: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadow.png) left top no-repeat;
}

.landing-construction-firm .line-2 div .container .main-item {
    position: relative;
    margin: 0 auto;
}

.landing-construction-firm .line-2 div .container .main-item label.title {
    display: block;
    text-align: center;
    font-size: 1.3em;
    color: #0091ae;
    font-weight: bold;
    margin-top: 7px;
}

.landing-construction-firm .line-2 div .container .main-item .text-preview {
    text-align: center;
    margin-top: 21px;
    margin-bottom: 35px;
}

.landing-construction-firm .line-2 div .container .main-item div.requests-popular {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.landing-construction-firm .line-2 div .container .main-item div.requests-popular label {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #3f4344;
    margin-bottom: 7px;
    margin-top: 7px;
}

.landing-construction-firm .line-2 div .container .main-item div.requests-popular ul {
    margin: 0 !important;
    margin-left: 4px !important;
    list-style: none;
}

.landing-construction-firm .line-2 div .container .main-item div.requests-popular ul li {
    display: block;
}

.landing-construction-firm .line-2 div .container .main-item div.requests-popular ul li:before {
    display: none !important;
}

.landing-construction-firm .line-2 div .container .main-item div.pyramid {
    width: 41%;
    display: inline-block;
    vertical-align: top;
    background: url(../img/landing_construction_firm/elem_banner.png);
    background-position: -6px -46px;
    margin-top: 4px;
    margin-left: 1em;
}

.landing-construction-firm .line-2 div .container .main-item div.pyramid p {
    color: #fff;
    text-align: center;
    padding-top: 22px;
    margin-bottom: 8px;
    font-size: 12px;
}

.landing-construction-firm .line-2 div .container .main-item div.pyramid p b {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    text-shadow: 0px 0px 1px #020305;
}

.landing-construction-firm .line-2 div .container .main-item div.views-count {
    vertical-align: top;
    display: inline-block;
    position: relative;
}

.landing-construction-firm .line-2 div .container .main-item div.views-count div {
    position: absolute;
    left: 47px;
    top: -1px;
    width: 210px;
    height: 220px;
    background: url(../img/landing_construction_firm/elem_banner.png);
    background-position: -334px -36px;
    z-index: 2;
    box-sizing: border-box;
}

.landing-construction-firm .line-2 div .container .main-item div.views-count div label {
    display: block;
    text-align: center;
    font-size: 1.1em;
    color: #005A81;
    font-weight: bold;
    margin-right: 27px;
    margin-top: 7px;
    padding: 35px 17px 0 17px;
}

.landing-construction-firm .line-2 div .container .main-item div.views-count div span {
    display: block;
    text-align: center;
    font-size: 47px;
    font-weight: bold;
    color: #3f4344;
    margin-bottom: 7px;
    margin-top: 0px;
    margin-right: 27px;
}

.landing-construction-firm .line-2 div .container .main-item div.stats {
    margin-top: 4em;
    text-align: center;
}

.landing-construction-firm .line-2 div .container .main-item div.stats div {
    display: inline-block;
    vertical-align: middle;
    width: 29%;
    margin-right: 5%;
    position: relative;
}

.landing-construction-firm .line-2 div .container .main-item div.stats div:nth-child(2) {
    width: 31%;
    padding-right: 4px;
}

.landing-construction-firm .line-2 div .container .main-item div.stats div:after {
    content: "";
    width: 24px;
    height: 20px;
    background: url(../img/landing_construction_firm/icons.png);
    background-position: -19px -13px;
    display: block;
    position: absolute;
    right: -28px;
    top: 20px;
}

.landing-construction-firm .line-2 div .container .main-item div.stats div:last-child {
    width: 20%;
    margin-right: 0;
}

.landing-construction-firm .line-2 div .container .main-item div.stats div:last-child:after {
    display: none;
}

.landing-construction-firm .line-2 div .container .main-item div.stats div span {
    display: block;
    color: #3F4344;
    font-weight: bold;
    text-align: center;
    margin-top: 12px;
    font-size: 2em;
    line-height: 1;
}

.landing-construction-firm .line-2 div .container .main-item div.stats div span:after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 30px;
    background: url(../img/landing_construction_firm/icons.png);
    background-position: -54px -11px;
    vertical-align: middle;
    margin-left: 3px;
}

.landing-construction-firm .line-2 div .container .main-item div.stats div label {
    display: block;
    text-align: center;
    font-size: 1.1em;
    color: #005A81;
    font-weight: bold;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
}

.landing-construction-firm .line-3 .comme-main-title {
    text-align: center;
    margin-top: 2em;
}

.landing-construction-firm .line-3 div {
    padding-top: 1em;
}

.landing-construction-firm .line-3 div p {
    display: inline-block;
    vertical-align: bottom;
    background: #fff;
    border: solid 2px #E7E7E7;
    box-sizing: border-box;
    width: 49%;
    margin-right: 1%;
    padding: 9px 32px;
    text-align: center;
    font-size: 14px;
    position: relative;
}

.landing-construction-firm .line-3 div p:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: -25px;
    margin-left: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadowLeft.png) left top no-repeat;
}

.landing-construction-firm .line-3 div p:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -25px;
    margin-right: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadow.png) left top no-repeat;
}

.landing-construction-firm .line-3 div p:nth-child(2) {
    padding: 18px 5px 19px;
}

.landing-construction-firm .line-3 div p:nth-child(2n) {
    margin-right: 0;
}

.landing-construction-firm .line-4 {
    text-align: center;
}

.landing-construction-firm .line-4 .comme-main-title {
    text-align: center;
    margin-top: 2em;
}

.landing-construction-firm .line-4 div {
    display: inline-block;
    vertical-align: top;
    width: 24%;
}

.landing-construction-firm .line-4 div img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
}

.landing-construction-firm .line-4 div p {
    text-align: center;
}

.landing-construction-firm .line-5 .write-request {
    text-align: center;
}

.landing-construction-firm .line-5 .write-request form {
    text-align: left;
}

.landing-construction-firm .line-5 .write-request form .row label {
    color: #727272;
    margin-left: 1em;
    font-size: 12px;
    font-style: italic;
}

.landing-construction-firm .line-5 .arrow-form.bonus {
    width: 600px;
}

.landing-construction-firm .line-6 {
    padding-top: 5em;
}

/*Стили для строительного лэндинга конец*/

/*SEO page styles*/

textarea:focus,
input:focus {
    outline: none;
}

a:focus,
label:focus,
button:focus {
    box-shadow: 0 0 5px rgba(0, 170, 245, 0.75);
}

a:active,
label:active span,
button:active {
    color: #ef112a !important;
}

.seo-page {
    padding-right: 0 !important;
}

.seo-page .line-1 {
    margin-top: 60px;
}

.seo-page .line-1 ul {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 !important;
    margin-right: 50px !important;
}

.seo-page .line-1 ul li {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 10px;
    margin-right: 40px;
    min-width: 100px;
}

.seo-page .line-1 ul li:before {
    left: 0;
    right: 0;
    bottom: -10px;
    top: auto !important;
    background: url(/img/seo-icons.png) !important;
    width: 100% !important;
    margin: 0 !important;
}

.seo-page .line-1 ul li:nth-child(1):before {
    background-position: -2px 0px !important;
}

.seo-page .line-1 ul li:nth-child(2):before {
    background-position: -3px -11px !important;
}

.seo-page .line-1 ul li:nth-child(3):before {
    background-position: -3px -21px !important;
}

.seo-page .line-1 ul li:nth-child(4):before {
    background-position: -4px -32px !important;
}

.seo-page .line-1 ul li:nth-child(5):before {
    background-position: -4px -42px !important;
}

.seo-page .line-1 ul li:last-child {
    margin-right: 0;
}

.seo-page .line-1 img {
    margin-right: 14px;
}

.seo-page .line-1 img:last-child {
    margin-right: 0px;
}

.seo-page .line-2 {
    margin-top: 5px;
    padding-bottom: 8em;
}

.seo-page .line-2 .text-preview {
    color: #3F4344;
    font-weight: bold;
}

.seo-page .line-2 .slider-main {
    position: relative;
    height: 390px;
    background-color: #FDDD61;
    margin-top: 14px;
}

.seo-page .line-2 .slider-main.active-1 {
    background: -moz-linear-gradient(left, #efad29 0%, #f4da74 32%, #fce691 68%, #fddd61 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #efad29), color-stop(32%, #f4da74), color-stop(68%, #fce691), color-stop(100%, #fddd61));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #efad29 0%, #f4da74 32%, #fce691 68%, #fddd61 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #efad29 0%, #f4da74 32%, #fce691 68%, #fddd61 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #efad29 0%, #f4da74 32%, #fce691 68%, #fddd61 100%);
    /* IE10+ */
    background: linear-gradient(to right, #efad29 0%, #f4da74 32%, #fce691 56%, #fddd61 76%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFAD29', endColorstr='#FDDD61', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-2 .slider-main.active-2 {
    background: -moz-linear-gradient(left, #179aa8 0%, #4dbfcb 32%, #6cd8dd 68%, #00b4c7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #179aa8), color-stop(32%, #4dbfcb), color-stop(68%, #6cd8dd), color-stop(100%, #00b4c7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #179aa8 0%, #4dbfcb 32%, #6cd8dd 68%, #00b4c7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #179aa8 0%, #4dbfcb 32%, #6cd8dd 68%, #00b4c7 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #179aa8 0%, #4dbfcb 32%, #6cd8dd 68%, #00b4c7 100%);
    /* IE10+ */
    background: linear-gradient(to right, #179aa8 0%, #4dbfcb 32%, #6cd8dd 56%, #00b4c7 76%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#179AA8', endColorstr='#00B4C7', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-2 .slider-main.active-3 {
    background: -moz-linear-gradient(left, #629b17 0%, #8ac839 32%, #9ce043 68%, #74b420 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #629b17), color-stop(32%, #8ac839), color-stop(68%, #9ce043), color-stop(100%, #74b420));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #629b17 0%, #8ac839 32%, #9ce043 68%, #74b420 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #629b17 0%, #8ac839 32%, #9ce043 68%, #74b420 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #629b17 0%, #8ac839 32%, #9ce043 68%, #74b420 100%);
    /* IE10+ */
    background: linear-gradient(to right, #629b17 0%, #8ac839 32%, #9ce043 56%, #74b420 76%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#629B17', endColorstr='#74B420', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-2 .slider-main.active-4 {
    background: -moz-linear-gradient(left, #530961 0%, #7e1093 32%, #8a339b 68%, #651175 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #530961), color-stop(32%, #7e1093), color-stop(68%, #8a339b), color-stop(100%, #651175));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #530961 0%, #7e1093 32%, #8a339b 68%, #651175 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #530961 0%, #7e1093 32%, #8a339b 68%, #651175 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #530961 0%, #7e1093 32%, #8a339b 68%, #651175 100%);
    /* IE10+ */
    background: linear-gradient(to right, #530961 0%, #7e1093 32%, #8a339b 56%, #651175 76%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#530961', endColorstr='#651175', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-2 .slider-main.active-5 {
    background: -moz-linear-gradient(left, #c08c1a 0%, #e0a522 32%, #f9cf71 68%, #e0a522 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c08c1a), color-stop(32%, #e0a522), color-stop(68%, #f9cf71), color-stop(100%, #e0a522));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #c08c1a 0%, #e0a522 32%, #f9cf71 68%, #e0a522 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #c08c1a 0%, #e0a522 32%, #f9cf71 68%, #e0a522 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #c08c1a 0%, #e0a522 32%, #f9cf71 68%, #e0a522 100%);
    /* IE10+ */
    background: linear-gradient(to right, #c08c1a 0%, #e0a522 32%, #f9cf71 56%, #e0a522 76%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C08C1A', endColorstr='#E0A522', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-2 .slider-main .left .container .item {
    position: relative;
    margin-right: 265px;
    height: 390px;
    display: none;
}

.seo-page .line-2 .slider-main .left .container .item.active {
    display: block;
}

.seo-page .line-2 .slider-main .left .container .item .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.seo-page .line-2 .slider-main .left .container .item .description {
    position: absolute;
    left: 45px;
    right: 0;
    top: 20px;
    bottom: 0;
    display: block;
}

.seo-page .line-2 .slider-main .left .container .item .description .big {
    display: block;
    text-align: left;
    font-size: 4.5em;
    font-weight: bold;
}

.seo-page .line-2 .slider-main .left .container .item .description .mini-big {
    display: block;
    text-align: left;
    font-size: 1.8em;
    font-weight: bold;
}

.seo-page .line-2 .slider-main .left .container .item .description p.main-p {
    margin-left: 2em;
    margin-top: 1em;
    width: 365px;
    font-size: 15px;
}

.seo-page .line-2 .slider-main .left .container .item .description .example {
    width: 630px;
    height: 120px;
    background: #fff;
    position: absolute;
    bottom: -60px;
    left: -23px;
    border: solid 1px #ccc;
}

.seo-page .line-2 .slider-main .left .container .item .description .example:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -25px;
    margin-right: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadow.png) left top no-repeat;
}

.seo-page .line-2 .slider-main .left .container .item .description .example:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: -25px;
    margin-left: -10px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadowLeft.png) left top no-repeat;
}

.seo-page .line-2 .slider-main .left .container .item .description .example div {
    display: inline-block;
    margin: 5px 9px;
    position: relative;
    vertical-align: top;
    height: 110px;
    padding-right: 5px;
}

.seo-page .line-2 .slider-main .left .container .item .description .example div:after {
    content: "";
    background: url(/img/seo-icons.png);
    right: -9px;
    bottom: 5px;
    position: absolute;
    width: 7px;
    height: 76px;
    background-position: -5px -119px;
}

.seo-page .line-2 .slider-main .left .container .item .description .example div:last-child:after {
    display: none;
}

.seo-page .line-2 .slider-main .left .container .item .description .example div span {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
}

.seo-page .line-2 .slider-main .left .container .item .description .example div img {
    display: inline-block;
}

.seo-page .line-2 .slider-main .left .container .item .description .example div p {
    margin-bottom: 0px;
}

.seo-page .line-2 .slider-main .right {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 265px;
}

.seo-page .line-2 .slider-main .right ul {
    list-style: none;
    margin: 0 !important;
    background: #000;
}

.seo-page .line-2 .slider-main .right ul li {
    display: block;
    height: 78px;
    margin-bottom: 0 !important;
    box-shadow: inset 2px 0px 10px 0px rgba(0, 0, 0, 0.34);
    opacity: .7;
}

.seo-page .line-2 .slider-main .right ul li.active {
    opacity: 1;
    box-shadow: none;
}

.seo-page .line-2 .slider-main .right ul li.active button {
    cursor: default;
}

.seo-page .line-2 .slider-main .right ul li.active button:hover {
    text-decoration: none;
}

.seo-page .line-2 .slider-main .right ul li:before {
    display: none !important;
}

.seo-page .line-2 .slider-main .right ul li:nth-child(1) {
    background: -moz-linear-gradient(left, #fcdc60 0%, #fad853 32%, #f1b533 68%, #efb02b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fcdc60), color-stop(32%, #fad853), color-stop(68%, #f1b533), color-stop(100%, #efb02b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #fcdc60 0%, #fad853 32%, #f1b533 68%, #efb02b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #fcdc60 0%, #fad853 32%, #f1b533 68%, #efb02b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #fcdc60 0%, #fad853 32%, #f1b533 68%, #efb02b 100%);
    /* IE10+ */
    background: linear-gradient(to right, #fcdc60 0%, #fad853 32%, #f1b533 68%, #efb02b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDDD61', endColorstr='#EFB02B', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-2 .slider-main .right ul li:nth-child(1).active {
    background: #FDDD61;
}

.seo-page .line-2 .slider-main .right ul li:nth-child(2) {
    background: -moz-linear-gradient(left, #00b4c7 0%, #00acc0 32%, #008da7 68%, #007894 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00b4c7), color-stop(32%, #00acc0), color-stop(68%, #008da7), color-stop(100%, #007894));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #00b4c7 0%, #00acc0 32%, #008da7 68%, #007894 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #00b4c7 0%, #00acc0 32%, #008da7 68%, #007894 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #00b4c7 0%, #00acc0 32%, #008da7 68%, #007894 100%);
    /* IE10+ */
    background: linear-gradient(to right, #00b4c7 0%, #00acc0 32%, #008da7 68%, #007894 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B4C7', endColorstr='#007894', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-2 .slider-main .right ul li:nth-child(2).active {
    background: #00B4C7;
}

.seo-page .line-2 .slider-main .right ul li:nth-child(3) {
    background: -moz-linear-gradient(left, #74b420 0%, #6aa81b 32%, #578f11 68%, #417307 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #74b420), color-stop(32%, #6aa81b), color-stop(68%, #578f11), color-stop(100%, #417307));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #74b420 0%, #6aa81b 32%, #578f11 68%, #417307 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #74b420 0%, #6aa81b 32%, #578f11 68%, #417307 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #74b420 0%, #6aa81b 32%, #578f11 68%, #417307 100%);
    /* IE10+ */
    background: linear-gradient(to right, #74b420 0%, #6aa81b 32%, #578f11 68%, #417307 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74B420', endColorstr='#417307', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-2 .slider-main .right ul li:nth-child(3).active {
    background: #74B420;
}

.seo-page .line-2 .slider-main .right ul li:nth-child(4) {
    background: -moz-linear-gradient(left, #651175 0%, #621072 32%, #520c5e 68%, #42074a 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #651175), color-stop(32%, #621072), color-stop(68%, #520c5e), color-stop(100%, #42074a));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #651175 0%, #621072 32%, #520c5e 68%, #42074a 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #651175 0%, #621072 32%, #520c5e 68%, #42074a 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #651175 0%, #621072 32%, #520c5e 68%, #42074a 100%);
    /* IE10+ */
    background: linear-gradient(to right, #651175 0%, #621072 32%, #520c5e 68%, #42074a 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#651175', endColorstr='#42074A', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-2 .slider-main .right ul li:nth-child(4).active {
    background: #651175;
}

.seo-page .line-2 .slider-main .right ul li:nth-child(5) {
    background: -moz-linear-gradient(left, #e0a522 0%, #e8ac2b 32%, #db9f1f 68%, #90660b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e0a522), color-stop(32%, #e8ac2b), color-stop(68%, #db9f1f), color-stop(100%, #90660b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e0a522 0%, #e8ac2b 32%, #db9f1f 68%, #90660b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e0a522 0%, #e8ac2b 32%, #db9f1f 68%, #90660b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #e0a522 0%, #e8ac2b 32%, #db9f1f 68%, #90660b 100%);
    /* IE10+ */
    background: linear-gradient(to right, #e0a522 0%, #e8ac2b 32%, #db9f1f 68%, #90660b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0A522', endColorstr='#90660B', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-2 .slider-main .right ul li:nth-child(5).active {
    background: #E0A522;
}

.seo-page .line-2 .slider-main .right ul li button {
    text-align: left;
    background: none;
    cursor: pointer;
    border: none;
    color: #fff;
    font-weight: normal;
    font-size: 1.4em;
    width: 100%;
    height: 78px;
    box-sizing: border-box;
    padding: 6px 28px;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.76);
}

.seo-page .line-2 .slider-main .right ul li button:active,
.seo-page .line-2 .slider-main .right ul li button:focus {
    text-decoration: underline;
}

.seo-page .line-2 .slider-main .right ul li button:hover {
    text-decoration: underline;
}

.seo-page .line-3 .guarantee {
    display: inline-block;
    width: 43%;
    margin-right: 15px;
}

.seo-page .line-3 .guarantee label {
    font-size: 2.6em;
    display: block;
    margin-bottom: 7px;
}

.seo-page .line-3 .guarantee p {
    margin-bottom: 15px;
}

.seo-page .line-3 .guarantee div img {
    float: left;
    margin-right: 5px;
}

.seo-page .line-3 .guarantee div label {
    font-size: 24px;
    line-height: 1;
    display: block;
    margin-bottom: 1px;
}

.seo-page .line-3 .guarantee div p {
    line-height: 1.3;
    margin-bottom: 16px;
}

.seo-page .line-3 .guarantee div:after {
    clear: both;
    display: block;
    content: "";
}

.seo-page .line-3 .tariffs {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
}

.seo-page .line-3 .tariffs div {
    background: url(/img/tariff-bg.png);
    width: 295px;
    height: 325px;
    display: inline-block;
    vertical-align: top;
    padding: 0px 27px;
    box-sizing: border-box;
    color: #fff;
}

.seo-page .line-3 .tariffs div label {
    display: block;
    text-align: center;
    margin-top: 20px;
    color: #0091a6;
    font-weight: bold;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.seo-page .line-3 .tariffs div:nth-child(1) {
    background-position: -5px -11px;
}

.seo-page .line-3 .tariffs div:nth-child(1) p {
    line-height: 1.2;
    margin-bottom: 10px;
}

.seo-page .line-3 .tariffs div:nth-child(1) b {
    display: block;
    text-align: left;
    margin: 5px 0;
}

.seo-page .line-3 .tariffs div:nth-child(2) {
    background-position: -299px -10px;
    margin-left: -2px;
}

.seo-page .line-3 .tariffs div:nth-child(2) label {
    color: #c2843b;
}

.seo-page .line-3 .tariffs div:nth-child(2) p {
    margin-bottom: 10px;
}

.seo-page .line-4 {
    margin-top: 1em;
}

.seo-page .line-4 .title {
    display: block;
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
}

.seo-page .line-4 .title-blue {
    display: block;
    text-align: center;
    font-size: 1.3em;
    color: #0091ae;
    font-weight: bold;
    margin-top: 7px;
}

.seo-page .line-4 .text-preview {
    text-align: center;
    margin-top: 21px;
    margin-bottom: 35px;
}

.seo-page .line-4 div span.array {
    background: url(/img/keys-icons.png);
    width: 52px;
    height: 8px;
    background-position: -15px -247px;
}

.seo-page .line-4 div .right,
.seo-page .line-4 div .left {
    width: 187px;
    padding-top: 14px;
    display: inline-block;
    vertical-align: top;
}

.seo-page .line-4 div .right .item,
.seo-page .line-4 div .left .item {
    position: relative;
    float: right;
    background-color: #fff;
    width: 157px;
    height: 142px;
    margin-bottom: 2em;
    border: solid 1px transparent;
}

.seo-page .line-4 div .right .item.active,
.seo-page .line-4 div .left .item.active {
    width: 96%;
    border: solid 1px #0091ae;
    transition: width .5s;
}

.seo-page .line-4 div .right .item:before,
.seo-page .line-4 div .left .item:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: -25px;
    margin-left: -35px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadowLeft.png) left top no-repeat;
}

.seo-page .line-4 div .right .item button,
.seo-page .line-4 div .left .item button {
    background: transparent;
    border: none;
    width: 100%;
    height: 142px;
    cursor: pointer;
    background: -moz-linear-gradient(left, #ffffff 50%, rgba(200, 204, 203, 0.36) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(100%, rgba(200, 204, 203, 0.36)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 50%, rgba(200, 204, 203, 0.36) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 50%, rgba(200, 204, 203, 0.36) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 50%, rgba(200, 204, 203, 0.36) 100%);
    /* IE10+ */
    background: linear-gradient(to right, #ffffff 50%, rgba(200, 204, 203, 0.36) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-4 div .right .item button label,
.seo-page .line-4 div .left .item button label {
    color: #0b6284;
    font-size: 14px;
    border-bottom: dashed 1px;
    line-height: 1;
    cursor: pointer;
}

.seo-page .line-4 div .right .item button b,
.seo-page .line-4 div .left .item button b {
    font-weight: bold;
    display: block;
}

.seo-page .line-4 div .right .item button img,
.seo-page .line-4 div .left .item button img {
    display: block;
    margin: 5px auto;
}

.seo-page .line-4 div .right .item button span,
.seo-page .line-4 div .left .item button span {
    display: block;
    font-size: 11px;
}

.seo-page .line-4 div .right .item button div span,
.seo-page .line-4 div .left .item button div span {
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
}

.seo-page .line-4 div .right .item button:hover label,
.seo-page .line-4 div .left .item button:hover label {
    border-bottom-color: transparent;
}

.seo-page .line-4 div .right .item button:active,
.seo-page .line-4 div .left .item button:active,
.seo-page .line-4 div .right .item button:focus,
.seo-page .line-4 div .left .item button:focus {
    background: -moz-linear-gradient(left, #ffffff 50%, rgba(200, 204, 203, 0.9) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(100%, rgba(200, 204, 203, 0.9)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 50%, rgba(200, 204, 203, 0.9) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 50%, rgba(200, 204, 203, 0.9) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 50%, rgba(200, 204, 203, 0.9) 100%);
    /* IE10+ */
    background: linear-gradient(to right, #ffffff 50%, rgba(200, 204, 203, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-4 div .right:after,
.seo-page .line-4 div .left:after {
    content: "";
    clear: both;
    display: block;
}

.seo-page .line-4 div .right .item {
    float: left;
}

.seo-page .line-4 div .right .item:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -25px;
    margin-right: -35px;
    width: 229px;
    height: 24px;
    background: url(/img/topicBlockBottomShadow.png) left top no-repeat;
}

.seo-page .line-4 div .right .item button {
    background: -moz-linear-gradient(left, rgba(200, 204, 203, 0.36) 0%, #ffffff 50%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(200, 204, 203, 0.36)), color-stop(50%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(200, 204, 203, 0.36) 0%, #ffffff 50%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(200, 204, 203, 0.36) 0%, #ffffff 50%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(200, 204, 203, 0.36) 0%, #ffffff 50%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(200, 204, 203, 0.36) 0%, #ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#fff', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-4 div .right .item button:active,
.seo-page .line-4 div .right .item button:focus {
    background: -moz-linear-gradient(left, rgba(200, 204, 203, 0.8) 0%, #ffffff 50%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(200, 204, 203, 0.8)), color-stop(50%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(200, 204, 203, 0.8) 0%, #ffffff 50%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(200, 204, 203, 0.8) 0%, #ffffff 50%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(200, 204, 203, 0.8) 0%, #ffffff 50%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(200, 204, 203, 0.8) 0%, #ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#fff', GradientType=1);
    /* IE6-9 */
}

.seo-page .line-4 div .r-item {
    display: none;
}

.seo-page .line-4 div .container {
    width: 702px;
    height: 660px;
    background: #fff;
    border: solid 4px #0091ae;
    border-radius: 2px;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    margin-right: -4px;
}

.seo-page .line-4 div .container .c-icon {
    position: relative;
}

.seo-page .line-4 div .container .c-icon:before {
    content: "";
    position: absolute;
    display: block;
    background: url(/img/keys-icons.png);
}

.seo-page .line-4 div .container .c-icon.icon-1:before {
    left: -85px;
    top: -23px;
    background-position: -63px -48px;
    width: 105px;
    height: 70px;
}

.seo-page .line-4 div .container .c-icon.icon-2:before {
    left: -80px;
    top: 14px;
    background-position: -12px -116px;
    width: 134px;
    height: 118px;
}

.seo-page .line-4 div .container .c-icon.icon-3:before {
    right: -97px;
    top: -23px;
    background-position: -220px -48px;
    width: 135px;
    height: 110px;
}

.seo-page .line-4 div .container .main-item {
    position: relative;
    margin: 0 auto;
    width: 500px;
}

.seo-page .line-4 div .container .main-item .m-title {
    font-size: 1.1em;
    font-weight: bold;
    color: #0091ae;
    text-align: center;
    width: 172px;
    margin-top: 2px;
    display: block;
    float: left;
    margin-bottom: 2em;
}

.seo-page .line-4 div .container .main-item .m-title:nth-child(2) {
    float: right;
}

.seo-page .line-4 div .container .main-item p span {
    display: inline-block;
    font-size: 1.7em;
    font-weight: bold;
    width: 32%;
    text-align: center;
    vertical-align: middle;
}

.seo-page .line-4 div .container .main-item p span:nth-child(2) {
    font-size: 11px;
    text-align: center;
}

.seo-page .line-4 div .container .main-item p.strong {
    text-align: center;
    font-weight: bold;
}

.seo-page .line-4 div .container .main-item .line {
    display: block;
    border-top: solid 1px #ECECEC;
    margin: 10px 0px;
}

.seo-page .line-4 div .container .main-item .result {
    background: url(/img/keys-icons.png);
    width: 470px;
    height: 12px;
    display: block;
    background-position: -12px -20px;
    margin: 0 auto;
    margin-bottom: 3em;
}

.seo-page .line-5 {
    background: #FFF;
    padding: 2em 0 4em;
    margin-top: 2em;
    position: relative;
}

.seo-page .line-5:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    margin-bottom: -38px;
    margin-right: 50px;
    width: 987px;
    height: 38px;
    background: url(http://www.oridis.ru/img/slider-bottomShadow.png) no-repeat;
}

.seo-page .line-5 .title {
    display: block;
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
}

.seo-page .line-5 div {
    padding: 20px;
    text-align: center;
}

.seo-page .line-5 div span {
    display: inline-block;
    vertical-align: middle;
    margin: 1em;
    text-align: center;
    width: 160px;
}

.seo-page .line-5 div img {
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}

.seo-page .line-6 {
    margin-top: 4em;
    /* Слайдер */
}

.seo-page .line-6 .title {
    display: block;
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
}

.seo-page .line-6 .answers-slider {
    margin-top: 4px;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
}

.seo-page .line-6 .answers-slider li {
    float: left;
    position: relative;
    width: 235px;
    height: 300px;
    margin-right: 70px;
}

.seo-page .line-6 .answers-slider li:before {
    display: none !important;
}

.seo-page .line-6 .answers-slider li p {
    font-weight: bold;
    font-style: italic;
}

.seo-page .line-6 .answers-slider li div a {
    color: #005b7f;
    text-decoration: underline;
    display: block;
}

.seo-page .line-6 .answers-slider li div a:hover {
    text-decoration: none;
}

.seo-page .line-6 .answers-slider li div a.pull-left {
    float: left;
    margin-right: 10px;
}

.seo-page .line-6 .answers-slider li div span {
    color: #847171;
}

.seo-page .line-7 {
    margin-top: 2em;
}

.seo-page .line-7 .title {
    display: block;
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
}

.seo-page .line-7 div form {
    margin-top: 4em;
    padding: 4em 0 2em;
    background-color: #fff;
    position: relative;
}

.seo-page .line-7 div form:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    margin-bottom: -38px;
    margin-right: 50px;
    width: 987px;
    height: 38px;
    background: url(http://www.oridis.ru/img/slider-bottomShadow.png) no-repeat;
}

.seo-page .line-7 div form button {
    position: relative;
    padding: 8px 36px;
    font-size: 22px;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
    border: 1px solid #0071A2;
    border-radius: 3px;
    background: -moz-linear-gradient(top, #117aa6 0%, #0a5e7f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #117aa6), color-stop(100%, #0a5e7f));
    background: -webkit-linear-gradient(top, #117aa6 0%, #0a5e7f 100%);
    background: -o-linear-gradient(top, #117aa6 0%, #0a5e7f 100%);
    background: -ms-linear-gradient(top, #117aa6 0%, #0a5e7f 100%);
    background: linear-gradient(to bottom, #117aa6 0%, #0a5e7f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1179A5', endColorstr='#0B6083', GradientType=0);
    box-shadow: 0px 0px 1px 1px #579DBB;
    margin: 1em auto;
    display: block;
}

.seo-page .line-7 div form button:active,
.seo-page .line-7 div form button:focus {
    box-shadow: 0px 0px 5px 2px #579DBB;
}

.seo-page .line-7 div form button:hover {
    text-decoration: underline;
}

.seo-page .line-7 div form .dire {
    text-align: center;
    margin-top: 1em;
}

.seo-page .line-7 div p label {
    font-weight: bold;
}

.seo-page .line-7 div p span {
    color: #6F7779;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-left: 169px;
    padding-right: 110px;
    font-size: 11px;
    margin-top: 5px;
}

.seo-page .line-7 div p input {
    padding: 9px;
    width: 265px;
    font: 12px Arial;
    border: 1px solid #c6d5dd;
    border-radius: 3px;
    outline: none;
    color: #555;
    background: #fff;
}

.seo-page .line-7 div p textarea {
    padding: 10px;
    max-width: 370px;
    min-width: 261px;
    min-height: 195px;
    font: 12px Arial;
    border: 1px solid #c6d5dd;
    border-radius: 3px;
    outline: none;
    color: #555;
    background: #fff;
}

.seo-page .line-7 div .left {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.seo-page .line-7 div .left label {
    width: 150px;
    text-align: right;
    display: inline-block;
    margin-right: 15px;
}

.seo-page .line-7 div .right {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.seo-page .line-7 div .right span {
    padding-left: 0;
    margin-bottom: 1em;
}

.seo-page .line-8 {
    text-align: center;
    font-weight: bold;
    display: block;
    margin-top: 4em;
}

.seo-page .line-8 label {
    font-size: 2em;
    display: block;
    margin-top: 10px;
}

/* Карусель */
.jcarousel {
    position: relative;
    overflow: hidden;
    margin: 0 100px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel-control-next,
.jcarousel-control-prev {
    background: url(/img/seo-icons.png);
    background-position: -37px -55px;
    width: 28px;
    height: 50px;
    display: block;
    position: absolute;
    left: 0;
    top: 80px;
    opacity: .6;
}

.jcarousel-control-next:hover,
.jcarousel-control-prev:hover {
    opacity: 1;
}

.jcarousel-control-next:active,
.jcarousel-control-prev:active,
.jcarousel-control-next:focus,
.jcarousel-control-prev:focus {
    box-shadow: 0px 0px 12px -1px #002cdb;
    border-top-left-radius: 38px;
    border-bottom-left-radius: 38px;
}

.jcarousel-control-next {
    background-position: -2px -55px;
    right: 0;
    left: auto;
}

.jcarousel-control-next:active,
.jcarousel-control-next:focus {
    box-shadow: 0px 0px 12px -1px #002cdb;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 38px;
    border-bottom-right-radius: 38px;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.pls-pls-pls:hover {
    text-decoration: none;
}

.pls-pls-pls {
    font-size: 14px !important;
    line-height: 1;
    margin: 0 auto;
    text-decoration: none !important;
    letter-spacing: 0px;
    display: block;
    width: 140px;
    margin-bottom: 20px;
}

.pic-pls {
    height: 135px !important;
}

/*SEO page styles end*/
.sa_form {
    margin-bottom: 68px;
}

/*=======================================================================*/
/* dev/portals new styles */
.portals:after {
    content: '';
    display: block;
    clear: both;
}

.portals .col-left {
    float: left;
    width: 540px;
}

.portals .col-left h3:first-child {
    margin-top: 0;
}

.portals .col-right {
    float: right;
    width: 490px;
}

.portal-item {
    margin-bottom: 40px;
    position: relative;
    height: 300px;
    width: 100%;
}

.portal-item:last-child {
    margin-bottom: 0;
}

.portal-item a {
    display: block;
}

.portal-item_screen {
    position: absolute;
    right: 10px;
    top: 0;
    width: 398px;
    height: 256px;
}

.portal-item_screen:before {
    background: url(/img/portals/shadow.png) 0 0 no-repeat;
    content: '';
    display: block;
    width: 70px;
    height: 35px;
    position: absolute;
    right: -69px;
    top: 221px;
}

.portal-item_screen img {
    width: 100%;
    height: 100%
}

.portal-item_logo {
    position: absolute;
    top: 230px;
    left: 70px;
    width: 75px;
    height: 75px;
}

.portal-item_logo img {
    width: 100%;
    height: auto;
}

.portal-item .portal-item_link {
    position: absolute;
    left: 157px;
    top: 263px;
    width: 320px;
}

.portal-item a .portal-item_link {
    text-decoration: underline;
}

.portal-item:hover .portal-item_link {
    text-decoration: none;
}

.portals-procedure {
    background: url(/img/portals/portals-procedure.png) 0 0 / 100% auto no-repeat;
    width: 100%;
    height: 550px;
    margin-top: 25px;
    position: relative;
}

.portals-procedure .num {
    color: #017cac;
    font-weight: bold;
}

.portals-procedure .bold {
    font-weight: bold;
}

.portals-procedure .proc {
    position: absolute;
    width: 480px;
}

.portals-procedure .proc-1 {
    top: 25px;
    left: 40px;
}

.portals-procedure .proc-2 {
    top: 25px;
    left: 542px;
}

.portals-procedure .proc-3 {
    top: 150px;
    left: 542px;
}

.portals-procedure .proc-4 {
    top: 150px;
    left: 40px;
}

.portals-procedure .proc-5 {
    top: 292px;
    left: 40px;
}

.portals-procedure .proc-6 {
    top: 292px;
    left: 542px;
}

.portals-procedure .proc-7 {
    top: 390px;
    left: 542px;
}

.portals-procedure .proc-8 {
    top: 390px;
    left: 40px;
}

.portals-procedure .proc-9 {
    top: 495px;
    left: 410px;
    color: #017cac;
    font-weight: bold;
    text-transform: uppercase;
}

/*=======================================================================*/
/* dev/shops new styles */
.shops {
    position: relative;
}

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

.shops .col-left {
    float: left;
    width: 800px;
}

.shops .col-right {
    padding-top: 30px;
    float: right;
    width: 239px;
}

.shops .top_bascket {
    background: url(/img/shops/basket.png) 0 0 no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 232px;
    height: 182px;
}

.priorites {
    background: url(/img/shops/shops-priorites.png) 0 0 no-repeat;
    height: 550px;
    width: 100%;
    margin-top: 40px;
    position: relative;
}

.dev-steps .title,
.priority-title {
    color: #3f4344;
    font-size: 18px;
    font-weight: bold;
}

.priority {
    position: absolute;
    left: 30px;
    width: 770px;
}

.priority-1 {
    top: 0;
}

.priority-2 {
    top: 85px;
}

.priority-3 {
    top: 170px;
}

.priority-4 {
    top: 255px;
}

.priority-5 {
    top: 340px;
}

.priority-6 {
    top: 458px;
}

.terms, .using-cms {
    background: url(/img/topMenuBorder.png) left bottom repeat-x;
    padding-bottom: 25px;
    width: 200px;
    float: right;
}

.terms {
    margin-top: 155px;
    margin-bottom: 55px;
    font-size: 13px;
}

.terms-icon, .using-cms-icon {
    background: url(/img/shops/icons-cms.png) 0 0 no-repeat;
    width: 47px;
    height: 47px;
}

.terms-icon {
    background-position: right top;
}

.terms-title, .using-cms-title {
    margin: 10px 0 15px;
    color: #017cac;
    font-size: 18px;
    font-weight: bold;
}

.using-cms-image {
    background: url(/img/shops/icons-cms.png) left bottom no-repeat;
    width: 120px;
    height: 120px;
}

.header-link {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    font-weight: normal;
}

/* site-cost */
.scprices {
}

.scprices .col5 {
    width: 20%;
    float: left;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    margin-bottom: 60px;
}

.scprices .col5 span.desc {
    display: block;
    font-size: 11px;
    line-height: 14px;
}

.scprices .col5 span.price {
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
}

.scprices .col5 h3 {
    color: #017cac;
}

.scprices .col5.scp1 h3:before, .scprices .col5.scp2 h3:before, .scprices .col5.scp3 h3:before, .scprices .col5.scp4 h3:before, .scprices .col5.scp5 h3:before {
    display: block;
    width: 105px;
    height: 105px;
    content: '';
    margin: 0 auto 10px auto;
}

.scprices .col5.scp1 h3:before {
    background: url(/img/site-cost/scost.png) left center no-repeat;
}

.scprices .col5.scp2 h3:before {
    background: url(/img/site-cost/scost.png) -105px center no-repeat;
}

.scprices .col5.scp3 h3:before {
    background: url(/img/site-cost/scost.png) -210px center no-repeat;
}

.scprices .col5.scp4 h3:before {
    background: url(/img/site-cost/scost.png) -315px center no-repeat;
}

.scprices .col5.scp5 h3:before {
    background: url(/img/site-cost/scost.png) -420px center no-repeat;
}

.dev-steps {
    margin-bottom: 60px;
}

.dev-steps .steps {
    padding-left: 30px;
    position: relative;
}

.dev-steps .steps:after {
    width: 2px;
    height: 100%;
    content: '';
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 21px;
    background: url(/img/site-cost/dash.svg) center center repeat-y;
}

.dev-steps .title {
    margin-top: 25px;
    position: relative;
}

.dev-steps .title:before {
    width: 13px;
    height: 13px;
    content: '';
    display: inline-block;
    border-radius: 50%;
    background: rgba(1, 124, 172, 1);
    -webkit-box-shadow: 0px 0px 0px 4px rgba(1, 124, 172, 0.3);
    -moz-box-shadow: 0px 0px 0px 4px rgba(1, 124, 172, 0.3);
    box-shadow: 0px 0px 0px 4px rgba(1, 124, 172, 0.3);
    position: absolute;
    left: -26px;
    top: 5px;
}

.dev-steps .step10 .title:before {
    opacity: 1;
}

.dev-steps .step9 .title:before {
    opacity: .8;
}

.dev-steps .step8 .title:before {
    opacity: .7;
}

.dev-steps .step7 .title:before {
    opacity: .6;
}

.dev-steps .step6 .title:before {
    opacity: .55;
}

.dev-steps .step5 .title:before {
    opacity: .5;
}

.dev-steps .step4 .title:before {
    opacity: .45;
}

.dev-steps .step3 .title:before {
    opacity: .4;
}

.dev-steps .step2 .title:before {
    opacity: .35;
}

.dev-steps .step1 .title:before {
    opacity: .2;
}

.dev-steps .steps.step10:after {
    display: none;
}

.dev-steps p {
    margin-bottom: 5px;
}

.dev-steps p.end {
    margin: 30px 0px 20px 30px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
}

.dev-steps p.end:before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 35px;
    position: absolute;
    left: -35px;
    top: -10px;
    background: url(/img/rocket-start.png) center center no-repeat;
    -moz-transform: rotate(25deg); /* Для Firefox */
    -ms-transform: rotate(25deg); /* Для IE */
    -webkit-transform: rotate(25deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(25deg); /* Для Opera */
    transform: rotate(25deg);
    background-size: cover;
}

.sc-love.one-half, .sc-hate.one-half {
    width: 48%;
    float: left;
    padding: 20px;
    border: 1px dashed #ccc;
    min-height: 240px;
    margin-bottom: 60px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
}

.sc-love.one-half ul,
.sc-hate.one-half ul {
    list-style: none;
    padding-left: 0;
}

.sc-love.one-half h1, .sc-hate.one-half h1 {
    font-size: 24px;
}

.sc-love h1:before {
    display: inline-block;
    content: '';
    width: 26px;
    height: 25px;
    background: url(/img/site-cost/love.svg) center center no-repeat;
}

.sc-hate h1:before {
    display: inline-block;
    content: '';
    width: 25px;
    height: 25px;
    background: url(/img/site-cost/hate.svg) center center no-repeat;
}

.sc-love h1:before, .sc-hate h1:before {
    position: relative;
    top: 5px;
    margin-right: 15px;
}

.sc-love.one-half {
    margin-right: 1%;
}

.sc-hate.one-half {
    margin-left: 1%;
}

.sc-love ul li, .sc-hate ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    margin-left: 40px;
}

.sc-love ul li:before, .sc-hate ul li:before {
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    background: #017cac;
    position: absolute;
    left: 0;
    top: 5px;
}

.clear {
    clear: both;
}

/* site-cost */

/*=========================================================*/
.read-feedback {
    margin-bottom: 80px;
    margin-top: 50px;
}

#feedback-slider {
    position: relative;
    /*overflow: hidden;*/
    margin-top: 25px;
    margin-bottom: 50px;
    width: 1040px;
    height: 290px;
}

#feedback-slider .borders:before, #feedback-slider .borders:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    width: 800px;
    height: 1px;
    background: url(/img/slider-borderGrad.png) no-repeat;
}

#feedback-slider .borders:before {
    top: 0;
    margin-top: -1px;
}

#feedback-slider .borders:after {
    bottom: 0;
    margin-bottom: -1px;
}

#feedback-slider .prev, #feedback-slider .next {
    position: absolute;
    top: 50%;
    margin-top: -23px;
    padding: 10px;
    width: 35px;
    height: 51px;
    outline: none;
    background: url(/img/Module_Slider/slider-prevNext-sprite.png) 10px 11px no-repeat;
    z-index: 3;
}

#feedback-slider .prev:focus, #feedback-slider .next:focus {
    box-shadow: none;
}

#feedback-slider .prev {
    left: 0;
    margin-left: -26px !important;
}

#feedback-slider .next {
    right: 0;
    margin-right: -26px !important;
    background: url(/img/Module_Slider/slider-prevNext-sprite.png) -55px 11px no-repeat;
}

#feedback-slider .prev.active, #feedback-slider .next.active {
    margin-top: -24px;
    height: 51px;
}

#feedback-slider .prev.active {
    margin-left: -45px;
    background-position: 10px -59px;
}

#feedback-slider .next.active {
    margin-right: -45px;
    background-position: -55px -59px;
}

#feedback-slider .slide-overlay {
    overflow: hidden;
    width: 1040px;
    height: 290px;
}

#feedback-slider .slide-overlay .slides {
    height: 270px;
}

.feedback_wrap {
    position: relative;
    padding-top: 50px;
}

.feedback_paper {
    background: #fff;
    width: 1000px;
    margin: 0 20px;
    height: 200px;
    border: 1px solid #dedede;
}

.feedback_paper:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    margin-bottom: -38px;
    width: 987px;
    height: 38px;
    background: url(/img/slider-bottomShadow.png) no-repeat;
}

.feedback_screen {
    position: absolute;
    top: 0;
    left: 20px;
    width: 400px;
    height: 252px;
    z-index: 1;
    overflow: hidden;
}

/*.feedback_screen img {
	width: 100%;
	height: 100%;
}*/
.feedback_screen img {
    max-width: 100%;
    max-height: 100%;
    /* 	height: 100%; */
}

.feedback_logo {
    position: absolute;
    bottom: -40px;
    /* 	left: -20px; */
    width: 180px;
    height: 100px;
    z-index: 2;
}

.feedback_logo img {
    max-width: 100%;
    max-height: 100%;
}

.feedback_text {
    position: absolute;
    left: 440px;
    top: 90px;
    width: 550px;
    max-height: 97px;
    overflow: hidden;
}

.feedback_link {
    position: absolute;
    left: 440px;
    top: 205px;
}

.feedback_name {
    position: absolute;
    right: 50px;
    top: 205px;
    font-style: italic;
}

.seo-tematics-link {
    margin-top: 20px;
    display: inline-block;
    float: left;
    clear: left;
    font-size: 13px;
}

/*=======================================================================*/
/* footer new styles */
#footer {
    color: #555555;
}

.li_link {
    display: none;
}

#footer .copy .logo {
    margin-bottom: 6px;
    width: 136px;
    height: 40px;
    text-indent: -9999px;
    background: url(/img/logo.png) no-repeat;
}

.footer-social {
    width: 269px;
    margin: 0 auto;
}

.social_links .s-link {
    background: url(/img/footer-sprite.png) 0 0 no-repeat;
    display: inline-block;
    width: 46px;
    height: 46px;
    margin: 0 2px;
}

.s-link:hover {
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}

.s-link:focus {
    box-shadow: none;
}

.s-link.tw {
    background-position: 0 -49px;
}

.s-link.vk {
    background-position: -54px -49px;
}

.s-link.fb {
    background-position: -109px -49px;
}

.s-link.gp {
    background-position: -164px -49px;
}

.s-link.tw:hover {
    background-position: 0 0px;
}

.s-link.vk:hover {
    background-position: -54px 0px;
}

.s-link.fb:hover {
    background-position: -109px 0px;
}

.s-link.gp:hover {
    background-position: -164px 0px;
}

.footer-social .vacancy,
.footer-social .about {
    position: relative;
    padding-left: 63px;
    margin-top: 14px;
    text-align: left;
}

.social .about {
    margin-top: 18px;
}

.vacancy-title,
.about-title {
    font-size: 14px;
    font-weight: bold;
}

.footer-social .vacancy:before,
.footer-social .about:before {
    background: url(/img/footer-sprite.png) 0 -124px no-repeat;
    display: block;
    content: '';
    width: 36px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 21px;
}

.footer-social .about:before {
    background-position: -6px -124px;
}

.footer-social .vacancy:before {
    background-position: -8px -170px;
}

#footer .contacts {
    float: right;
    text-align: left;
    width: 303px;
}

#footer .contacts .phone {
    font-size: 24px;
}

#footer .numbers {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 20px;
}

#footer .numbers strong {
    font-weight: bold;
}

#footer .phones {
    margin-top: 6px;
    margin-left: 5px;
    margin-bottom: 28px;
}

#footer .phones .order-call-footer {
    border-bottom: 1px dotted #005779;
}

#footer .phones .order-call-footer:hover {
    border-bottom: none;
}

.modal-window-footer {
    display: none;
    opacity: 0;
    top: 0;
    right: 0;
    width: 240px;
    position: absolute;
    padding: 15px 18px;
    text-align: left;
    color: #555;
    border-radius: 2px;
    box-shadow: #aeaeae 0 0 15px;
    background: #fff;
    z-index: 10;
}

.contacts .address,
.contacts .email {
    padding-left: 20px;
    position: relative;
}

.contacts .address {
    margin-bottom: 27px;
    font-size: 13px;
}

.contacts .address a,
.contacts .email a {
    text-decoration: underline;
    font-size: 14px;
}

.contacts .address:before,
.contacts .email:before {
    background: url(/img/footer-sprite.png) 0 -124px no-repeat;
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.contacts .address:before {
    background-position: -189px -159px;
    left: 2px;
}

.contacts .email:before {
    background-position: -147px -161px;
    top: 4px;
}

.modal-window-footer {
    display: none;
    opacity: 0;
    position: absolute;
    width: 240px;
    top: -200px;
    right: 40px;
    padding: 15px 18px;
    text-align: left;
    color: #555555;
    border-radius: 2px;
    box-shadow: #aeaeae 0 0 15px;
    background: #fff;
    z-index: 10;
}

.modal-window-footer .closer {
    background: url(/img/modal-closer.png) center center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    margin: 9px 8px;
    padding: 3px;
    width: 13px;
    height: 13px;
}

.modal-window-footer span {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #005b7f;
}

.modal-window-footer a {
    color: #00577a !important;
}

.modal-window-footer label {
    display: block;
    margin-bottom: 10px;
}

.modal-window-footer .remember {
    font: 12px Arial;
}

.modal-window-footer input[type=text] {
    padding: 3px;
    width: 135px;
    font: 12px Arial;
    border: 1px solid #c6d5dd;
    border-radius: 3px;
    outline: none;
    color: #555555;
    background: #fff url(/img/input-auth-bg.png) repeat-x;
}

.modal-window-footer input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.modal-window-footer input[type=submit], .button-grey {
    position: relative;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: bold;
    color: #3f4344 !important;
    cursor: pointer;
    border: 1px solid #c6d5dd !important;
    border-radius: 3px !important;
    background: #fff url(/img/modal-submitBg.png) left bottom repeat-x !important;
}

.modal-window-footer .bottom-panel {
    margin-top: 25px;
}

.modal-window-footer input[type=submit]:hover, .button-grey:hover {
    box-shadow: #eaeaea 0 0 7px;
}

.modal-window-footer .note {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    width: 130px;
    font-size: 11px;
}

.modal-window-footer.call input[type=text] {
    width: 166px;
}

.modal-window-footer textarea {
    padding: 3px;
    max-width: 221px;
    min-width: 221px;
    min-height: 56px;
    font: 12px Arial;
    border: 1px solid #c6d5dd;
    border-radius: 3px;
    outline: none;
    color: #555555;
    background: #fff url(/img/modal-textareaBg.png) repeat-x;
}

.modal-window-footer.call .error {
    border: 1px solid #b71717;
}

.ScrollTop {
    background: url(/img/rocket-start.png) 0 0 no-repeat;
    width: 38px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    -webkit-transition: height 0.7s;
    -moz-transition: height 0.7s;
    -ms-transition: height 0.7s;
    -o-transition: height 0.7s;
    transition: height 0.7s;
    z-index: 100;
}

.ScrollTop:hover {
    height: 62px;
}

.ScrollTop:before {
    background: url(/img/rocket-tip.png) 0 0 no-repeat;
    display: block;
    position: absolute;
    width: 72px;
    height: 34px;
    right: 19px;
    bottom: 44px;
    content: "НАВЕРХ";
    color: #005b7f;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 29px;
    opacity: 1;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.ScrollTop:hover:before {
    bottom: 62px;
}

.ScrollTop.fly {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 100px;
}

.ScrollTop .rocket-fly {
    background: url(/img/rocket-fly.png) 0 0 no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 01.2s;
    -moz-transition: opacity 01.2s;
    -ms-transition: opacity 01.2s;
    -o-transition: opacity 01.2s;
    transition: opacity 1.2s;
}

.ScrollTop.fly:before {
    opacity: 0;
}

.ScrollTop.fly .rocket-fly {
    opacity: 1;
}

/*-----------------------------------------------------------*/
/* kinosam portfolio*/
.portfolio-top:after, .kinosam_main:after {
    content: '';
    display: block;
    clear: both;
}

.kinosam_main .parallax-window {
    min-height: 275px;
    background: transparent;
}

.kinosam_main {
    position: relative;
    height: 1040px;
}

.kinosam_main .main-img {
    position: absolute;
    top: 35px;
    left: 30px;
}

.kinosam_main .logo {
    position: absolute;
    top: 40px;
    width: 240px;
    right: 100px;
    text-align: center;
}

.kinosam_main .logo img {
    display: inline-block;
}

.kinosam_main .logo .logo-text {
    color: #cdcdcd;
    font-size: 15px;
}

.kinosam_main .right-1,
.kinosam_main .right-2 {
    position: absolute;
    width: 320px;
    top: 345px;
    right: 50px;
    text-align: center;
}

.kinosam_main .right-2 {
    top: 670px;
}

.kinosam_main .right-1 p,
.kinosam_main .right-2 p {
    margin-top: 15px;
    color: #595959;
    font-size: 14px;
    font-style: italic;
}

.kimosam_icon {
    background: #fff;
    margin-top: 50px;
    padding: 40px 15px 40px 20px;
}

.kimosam_icon .title {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    line-height: 50px;
    vertical-align: top;
}

.kimosam_icon img {
    display: inline-block;
    height: 50px;
    margin-left: 50px;
}

.kinosam_basic {
    margin-top: 55px;
    text-align: center;
}

.kinosam_basic .basic-pages {
    margin-top: 30px;
    width: 100%;
    display: block;
}

.kinosam_basic .forms {
    margin-top: 115px;
    margin-bottom: 60px;
    position: relative;
}

.kinosam_basic .forms .forms-pic {
    position: absolute;
    right: 4px;
    bottom: 0;
}

.kinosam_basic .forms .parallax-window {
    min-height: 275px;
    background: transparent;
}

.kinosam_basic .forms .title {
    position: absolute;
    top: 95px;
    left: 100px;
    width: 240px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.kinosam_basic .forms p {
    position: absolute;
    top: 140px;
    left: 100px;
    width: 240px;
    color: #cdcdcd;
    font-size: 15px;
}

.kinosam_basic .format-pic {
    width: 100%;
    display: block;
    margin-top: 30px;
    margin-bottom: 70px;
}

.kinosam_slider {
    background: url(/img/portfolio/kinosam-slider-bg.jpg) 0 0 no-repeat;
    width: 100%;
    height: 496px;
    margin-bottom: 70px;
}

.kinosam_slider_top {
    margin-bottom: 20px;
    color: #fff;
}

.kinosam_slider_top .title {
    padding: 30px 0 25px;
    font-size: 24px;
    font-weight: bold;
}

#kinosam-slider {
    position: relative;
    width: 1047px;
    height: 350px;
}

#kinosam-slider .borders:before, #kinosam-slider .borders:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    width: 1040px;
    height: 1px;
    background: url(/img/slider-borderGrad.png) no-repeat;
}

#kinosam-slider .borders:before {
    top: 0;
    margin-top: -1px;
}

#kinosam-slider .borders:after {
    bottom: 0;
    margin-bottom: -1px;
}

#kinosam-slider .prev, #kinosam-slider .next {
    position: absolute;
    display: block;
    top: 40%;
    margin-top: -23px;
    padding: 10px;
    width: 35px;
    height: 51px;
    outline: none;
    background: url(/img/Module_Slider/slider-prevNext-sprite.png) 10px 11px no-repeat;
    z-index: 3;
}

#kinosam-slider .prev:focus, #kinosam-slider .next:focus {
    box-shadow: none;
}

#kinosam-slider .prev {
    left: 0;
    margin-left: -45px !important;
}

#kinosam-slider .next {
    right: 0;
    margin-right: -45px !important;
    background: url(/img/Module_Slider/slider-prevNext-sprite.png) -55px 11px no-repeat;
}

#kinosam-slider .prev.active, #kinosam-slider .next.active {
    margin-top: -24px;
    height: 51px;
}

#kinosam-slider .prev.active {
    margin-left: -45px;
    background-position: 10px -59px;
}

#kinosam-slider .next.active {
    margin-right: -45px;
    background-position: -55px -59px;
}

#kinosam-slider .slide-overlay {
    overflow: hidden;
    width: 1047px;
    height: 350px;
}

#kinosam-slider .slide-overlay .slides {
    height: 350px;
    width: 1040px;
}

#kinosam-slider .slide {
    padding: 0 10px;
}

/*-----------------------------------------------------------*/
/* #97248 6.11.2015 by N.lubov */
.required {
    color: #ed1c24;
    font-size: 16px;
    font-weight: bold;
}

.submit-loading {
    display: none;
    height: 50px;
    width: 350px;
    right: -10px;
    top: 19px;
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    line-height: 50px;
    text-align: left;
}

.submit-loading img {
    display: inline-block;
    float: left;
    width: 50px;
    height: 50px;
}

.submit-loading span {
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
}

.submit-errors {
    display: none;
    padding: 10px;
    width: 130px;
    right: -190px;
    top: -25px;
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    text-align: left;
}

.submit-errors img {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-bottom: 5px;
}

.submit-errors span {
    color: #ed1c24;
    margin-bottom: 5px;
    display: inline-block;
    margin-left: 10px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
}

.submit-invisible-btn {
    display: none;
    width: 140px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 30px;
    cursor: pointer;
}

#campaign input[type="submit"]:disabled + .submit-invisible-btn {
    display: block;
}

#campaign input[type="submit"]:enabled + .submit-invisible-btn + .submit-errors {
    display: none !important;
}

/*-----------------------------------------------------------*/
/* #97739 30.11.2015 by N.lubov */
/* polyairpack portfolio*/

.polyairpack_main {
    position: relative;
    height: 970px;
    width: 1077px;
}

.polyairpack_main .parallax-window {
    width: 1077px;
    min-height: 275px;
    background: transparent;
}

.polyairpack_main .main-img {
    position: absolute;
    top: 30px;
    left: 30px;
}

.polyairpack_main .logo {
    position: absolute;
    top: 98px;
    width: 253px;
    right: 159px;
    text-align: center;
}

.polyairpack_right {
    position: absolute;
    right: 0;
    width: 556px;
    top: 304px;
    text-align: center;
}

.polyairpack_basic {
    width: 1077px;
    margin-top: 95px;
}

.polyairpack_right .prototypes {
    display: block;
    margin-top: 33px;
}

.polyairpack_adaptive {
    position: relative;
    padding-top: 34px;
    margin-bottom: 96px;
}

.polyairpack_adaptive img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 36px;
}

.polyairpack_adaptive .parallax-window {
    height: 230px;
}

.polyairpack_adaptive .adaptive-text {
    position: absolute;
    top: 101px;
    left: 91px;
    width: 230px;
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.polyairpack_adaptive .adaptive-text .big {
    margin-bottom: 15px;
    display: block;
    font-size: 24px;
    font-weight: bold;
}

.polyairpack_shop {
    background: url(../img/portfolio/polyairpack-shop.png) 18px 0 no-repeat;
    height: 638px;
    margin-bottom: 100px;
    position: relative;
}

.polyairpack_shop .shop-right {
    width: 508px;
    float: right;
    margin-top: 20px;
}

.polyairpack_shop .parallax-window {
    height: 570px;
    width: 507px;
}

.polyairpack_shop .parallax_wrap {
    position: absolute;
    top: 130px;
    right: 70px;
}

.polyairpack_slider {
    background: url(/img/portfolio/polyairpack-bg-slider.jpg) 0 0 no-repeat;
    width: 100%;
    height: 500px;
    margin-bottom: 70px;
    text-align: center;
}

.polyairpack_slider_top {
    margin-bottom: 33px;
    color: #fff;
    text-align: center;
}

.polyairpack_slider_top .title {
    padding: 16px 0 16px;
    font-size: 24px;
    font-weight: bold;
}

.portfolio-slider {
    position: relative;
    width: 1077px;
    height: 350px;
}

.portfolio-slider .borders:before, .portfolio-slider .borders:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    width: 1070px;
    height: 1px;
    background: url(/img/slider-borderGrad.png) no-repeat;
}

.portfolio-slider .borders:before {
    top: 0;
    margin-top: -1px;
}

.portfolio-slider .borders:after {
    bottom: 0;
    margin-bottom: -1px;
}

.portfolio-slider .prev, .portfolio-slider .next {
    position: absolute;
    display: block;
    top: 40%;
    margin-top: -23px;
    padding: 10px;
    width: 35px;
    height: 51px;
    outline: none;
    background: url(/img/Module_Slider/slider-prevNext-sprite.png) 10px 11px no-repeat;
    z-index: 3;
}

.portfolio-slider .prev:focus, .portfolio-slider .next:focus {
    box-shadow: none;
}

.portfolio-slider .prev {
    left: 0;
    margin-left: -45px !important;
}

.portfolio-slider .next {
    right: 0;
    margin-right: -45px !important;
    background: url(/img/Module_Slider/slider-prevNext-sprite.png) -55px 11px no-repeat;
}

.portfolio-slider .prev.active, .portfolio-slider .next.active {
    margin-top: -24px;
    height: 51px;
}

.portfolio-slider .prev.active {
    margin-left: -45px;
    background-position: 10px -59px;
}

.portfolio-slider .next.active {
    margin-right: -45px;
    background-position: -55px -59px;
}

.portfolio-slider .slide-overlay {
    overflow: hidden;
    width: 1077px;
    height: 350px;
}

.portfolio-slider .slide-overlay .slides {
    height: 350px;
    width: 1070px;
}

.portfolio-slider .slide {
    padding: 0 10px;
}

/*---*/
#p-slider {
    position: relative;
    width: 555px;
    height: 330px;
    margin-top: 29px;
}

#p-slider .borders:before, #p-slider .borders:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    width: 555px;
    height: 1px;
    background: url(/img/slider-borderGrad.png) no-repeat;
}

#p-slider .borders:before {
    top: 0;
    margin-top: -1px;
}

#p-slider .borders:after {
    bottom: 0;
    margin-bottom: -1px;
}

#p-slider .prev, #p-slider .next {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -17px;
    width: 46px;
    height: 25px;
    outline: none;
    background: url(/img/portfolio/p-slider-arrows.png) 0px 0px no-repeat;
    z-index: 3;
}

#p-slider .prev:focus, #p-slider .next:focus {
    box-shadow: none;
}

#p-slider .prev {
    left: 0;
    margin-left: 114px !important;
}

#p-slider .next {
    right: 0;
    margin-right: 111px !important;
    background: url(/img/portfolio/p-slider-arrows.png) -74px 0px no-repeat;
}

#p-slider .prev.active, #p-slider .next.active {
    margin-top: -24px;
    height: 51px;
}

#p-slider .prev.active {
    margin-left: -45px;
    background-position: 10px -59px;
}

#p-slider .next.active {
    margin-right: -45px;
    background-position: -55px -59px;
}

#p-slider .slide-overlay {
    overflow: hidden;
    width: 555px;
    height: 330px;
}

#p-slider .slide-overlay .slides {
    height: 330px;
    width: 555px;
}

#p-slider .slide .second {
    display: none;
    margin-top: 23px;
}

.p-under {
    margin-top: 14px;
    color: #595959;
    font-size: 14px;
    font-style: italic;
}

.soldol-intro {
    position: relative;
    height: 570px;
    margin-top: 10px;
}

.soldol-intro .parallax-window {
    width: 100%;
    height: 530px;
}

.soldol-intro img {
    position: absolute;
    top: 24px;
    left: 205px;
}

.soldol-adv {
    background: url(../img/portfolio/soldol-adv.png) 30px 0 no-repeat;
    height: 300px;
    position: relative;
    margin-top: 55px;
}

.soldol-adv .text {
    position: absolute;
    top: 37px;
    right: 0;
    width: 450px;
}

.soldol-shape {
    background: url(../img/portfolio/soldol-shape.png) 0 0 no-repeat;
    position: fixed;
    right: 0px;
    bottom: 40px;
    width: 200px;
    height: 309px;
    animation: shapeAnim linear 8s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: shapeAnim linear 8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: shapeAnim linear 8s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: shapeAnim linear 8s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: shapeAnim linear 8s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

@keyframes shapeAnim {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes shapeAnim {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes shapeAnim {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes shapeAnim {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes shapeAnim {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.soldol-place {
    background: url(../img/portfolio/soldol-place.png) 50px 99px no-repeat;
    margin-top: 100px;
    text-align: center;
    height: 440px;
    position: relative;
}

.soldol-reserv {
    background: url(../img/portfolio/soldol-reserv.png) 169px 110px no-repeat;
    margin-top: 87px;
    text-align: center;
    height: 530px;
}

.soldol-call {
    background: url(../img/portfolio/soldol-call.png) 147px 95px no-repeat;
    margin-top: 100px;
    margin-bottom: 80px;
    text-align: center;
    height: 470px;
}

.km-wrap {
    margin-right: -30px;
}

.km-intro {
    position: relative;
    height: 440px;
    margin-top: 30px;
}

.km-intro .parallax-window {
    width: 100%;
    height: 415px;
}

.km-intro img {
    position: absolute;
    top: 40px;
    left: 205px;
}

.km-adv {
    margin-top: 50px;
    background: url(../img/portfolio/50km-adv.png) -108px 119px no-repeat;
    height: 460px;
}

.km-adv .text {
    margin: 0 170px;
    text-align: center;
    font-size: 16px;
}

.km-forms {
    margin-top: 50px;
    background: url(../img/portfolio/50km-forms.png) 0 0 no-repeat;
    height: 430px;
    position: relative;
}

.km-forms .text {
    position: absolute;
    top: 100px;
    right: 80px;
    width: 360px;
}

.km-example {
    background: url(../img/portfolio/50km-example.jpg) 0 0 no-repeat;
    height: 310px;
    position: relative;
    color: #fff;
}

.km-example h2 {
    color: #fff;
}

.km-example .text {
    width: 370px;
    position: absolute;
    top: 60px;
    left: 30px;
}

.km-call {
    background: url(../img/portfolio/50km-call.png) 105px 100px no-repeat;
    height: 500px;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 110px;
}

.km-example .sliderphoto {
    position: absolute;
    width: 610px;
    padding: 10px;
    height: 240px;
    background: #fff;
    top: 22px;
    right: 20px;
}

.km-example .twentytwenty-container {
    width: 610px;
    height: 230px;
}

.km-example .twentytwenty-container img {
    width: 100%;
}

.twentytwenty-overlay {
    display: none;
}

.sliderphoto .before-label {
    border-radius: 3px;
    background: #fc9613;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 20;
    position: absolute;
    bottom: 8px;
    left: 10px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
}

.sliderphoto .after-label {
    border-radius: 3px;
    background: #fc9613;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 20;
    position: absolute;
    bottom: 8px;
    right: 10px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
}

.sliderphoto .twentytwenty-handle {
    background: url("../img/portfolio/50km-slider.svg") 0 0 no-repeat;
    border: none;
    border-radius: 0;
    height: 49px;
    width: 42px;
    box-shadow: none;
}

.sliderphoto .twentytwenty-left-arrow, .twentytwenty-right-arrow {
    display: none;
}

.sliderphoto .twentytwenty-horizontal .twentytwenty-handle:before {
    margin-bottom: 27px;
}

.sliderphoto .twentytwenty-horizontal .twentytwenty-handle:after {
    margin-top: 24px;
}

.sliderphoto .twentytwenty-horizontal .twentytwenty-handle:before, .sliderphoto .twentytwenty-horizontal .twentytwenty-handle:after {
    width: 2px;
    margin-left: -1px;
}

/*Portfolio Navigation*/
.projects-nav li:before {
    display: none !important;
}

.projects-nav p {
    display: inline-block;
    margin-right: 5px;
    float: left;
    padding: 0 12px;
    line-height: 25px;
    border-radius: 2px;
}

.projects-nav > p.selected {
    background: #005b7f;
}

.projects-nav > p.selected > span {
    display: inline-block;
    color: #fff;
    border-bottom: none;
    position: relative;
}

.projects-nav > p.dropdown.selected > span:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 25px;
    background: url(img/navarrow.png) center center no-repeat;
    position: absolute;
    right: -25px;
}

.projects-nav p span {
    text-decoration: none !important;
    border-bottom: 1px dashed;
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

.projects-nav .inner.opened {
    margin-left: 10px;
    display: inline-block;
    float: left;
}

.projects-nav .inner span {
    text-transform: none;
    font-weight: normal;
    color: #333;
}

.projects-nav .inner span:hover {
    color: #005b7f;
}

.inner p.active span {
    background: none;
    color: #005b7f;
    border-bottom: none;
}

/* 5-11 tactical page */
.a-hover-underline:hover {
    text-decoration: underline !important;
}

.t-title {
    margin: 30px 0;
    text-align: center;
}

.t-title a {
    margin: 3px 0 0 10px;
    display: inline-block;
    vertical-align: top;
}

.wide-black {
    /* 	background: #000; */
}

.tactical-top {
    position: relative;
    height: 420px;
    margin-bottom: 100px;
}

.tactical-top img {
    position: absolute;
    left: 50%;
    margin-left: -335px;
    bottom: -15px;
}

.tactical-top .parallax-window {
    background: transparent;
    min-height: 420px;
}

.wide-catalog {
    background: url(../img/portfolio/tactical-catalog.png) 50% 60px no-repeat;
    height: 800px;
    margin-bottom: 50px;
}

.wide-catalog p {
    max-width: 410px;
}

.tactical-carousel-wrap {
    background: url(../img/portfolio/tactical-car.jpg) 50% 0 no-repeat;
    height: 500px;
    overflow: hidden;
    margin-bottom: 100px;
}

.tactical-carousel-wrap .title {
    padding: 30px 0 40px;
}

.tactical-carousel-wrap .title, .tactical-carousel-wrap .title h2 {
    text-align: center;
    color: #fff;
}

.tactical-carousel-wrap .title p {
    max-width: 800px;
    margin: 0 auto;
}

#tactical-slider .slide {
    padding: 0;
}

.tactical-card {
    background: url(../img/portfolio/tactical-card.png) 50% 0 no-repeat;
    height: 938px;
    margin-bottom: 100px;
}

.tactical-card-inner {
    position: relative;
    height: 938px;
}

.tactical-card-inner .card-top {
    float: right;
    max-width: 388px;
}

.tactical-card-inner .card-text-1 {
    position: absolute;
    top: 390px;
    right: 60px;
    width: 190px;
    font-style: italic;
}

.tactical-card-inner .card-text-2 {
    position: absolute;
    top: 812px;
    right: 47px;
    width: 330px;
    text-align: center;
    font-style: italic;
}

.tactical-basket {
    background: url(../img/portfolio/tactical-basket.png) 50% 0 no-repeat;
    height: 982px;
    margin-bottom: 40px;
}

.tactical-basket .top {
    padding-top: 20px;
    text-align: center;
    color: #fff;
}

.tactical-basket .top h2 {
    color: #fff;
}

.tactical-bitrix {
    margin-bottom: 40px;
}

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

.tactical-bitrix img {
    float: right;
    margin-top: -48px;
}

.tactical-bitrix ul {
    max-width: 410px;
    float: left;
    list-style-type: none;
}

.tactical-bitrix ul li {
    margin-bottom: 10px;
}

.tactical-bitrix ul li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #127da9;
    margin-right: 8px;
    vertical-align: middle;
}

.tactical-seo {
    text-align: center;
    margin-bottom: 50px;
}

.tactical-seo h2 {
    margin-bottom: 3px;
}

.tactical-seo img {
    margin-top: -70px;
}

.portfolio-bottom {
    text-align: center;
    margin-bottom: 50px;
}

.portfolio-bottom ul li {
    display: inline-block;
    margin-right: 10px;
}

.portfolio-bottom ul li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #127da9;
    margin-right: 12px;
    vertical-align: middle;
}

.tactical-form {
    margin: 70px 0 50px;
}

.tactical-form-btn {
    padding: 10px 10px;
    font-size: 14px;
    color: #fff;
    display: block;
    width: 120px;
    margin: 70px auto 100px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    background: #017cac;
    background: -moz-linear-gradient(top, #017cac 0%, #005b7f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #017cac), color-stop(100%, #005b7f));
    background: -webkit-linear-gradient(top, #017cac 0%, #005b7f 100%);
    background: -o-linear-gradient(top, #017cac 0%, #005b7f 100%);
    background: -ms-linear-gradient(top, #017cac 0%, #005b7f 100%);
    background: linear-gradient(to bottom, #017cac 0%, #005b7f 100%);
    text-transform: uppercase;
    text-align: center;
}

.tactical-form-btn:hover {
    -webkit-box-shadow: 0 0 10px #adadad;
    -moz-box-shadow: 0 0 10px #adadad;
    box-shadow: 0 0 10px #adadad;
}

.fangarden-top {
    position: relative;
    height: 420px;
    margin-bottom: 100px;
}

.fangarden-top .parallax-window {
    background: transparent;
    min-height: 420px;
}

.fangarden-top img {
    position: absolute;
    left: 50%;
    margin-left: -391px;
    top: -30px;
}

.fangarden-wide-catalog {
    background: url(/img/portfolio/fangarden-catalog.png) 50% 70px no-repeat;
    height: 770px;
    margin-bottom: 50px;
}

.fangarden-wide-catalog p {
    max-width: 410px;
}

.fangarden-carousel-wrap {
    background: url(/img/portfolio/fangarden-bg.jpg) 50% 0 no-repeat;
    background-size: cover;
    height: 500px;
    overflow: hidden;
    margin-bottom: 100px;
}

.fangarden-carousel-wrap .title {
    padding: 30px 0 40px;
}

.fangarden-carousel-wrap .title, .fangarden-carousel-wrap .title h2 {
    text-align: center;
    color: #fff;
}

.fangarden-carousel-wrap .title p {
    max-width: 800px;
    margin: 0 auto;
}

#fangarden-slider .slide {
    padding: 0;
}

.fangarden-portfolio {
    background: url(/img/portfolio/fangarden-portfolio.png) 50% 0 no-repeat;
    height: 1250px;
    margin-bottom: 100px;
}

.fangarden-portfolio-inner .portfolio-top {
    float: right;
    max-width: 358px;
}

.fangarden-portfolio-inner {
    position: relative;
    height: 1250px;
}

.fangarden-portfolio-inner .portfolio-text-1 {
    position: absolute;
    top: 420px;
    right: 60px;
    width: 230px;
    font-style: italic;
}

.fangarden-portfolio-inner .portfolio-text-2 {
    position: absolute;
    top: 820px;
    right: 50px;
    width: 180px;
    font-style: italic;
}

.fangarden-portfolio-inner .portfolio-text-3 {
    position: absolute;
    top: 1210px;
    right: 18px;
    width: 320px;
    text-align: center;
    font-style: italic;
}

.fangarden-adaptive {
    background: url(/img/portfolio/fangarden-bg-adaptive.jpg) 50% 0 no-repeat;
    background-size: cover;
    height: 250px;
    margin-bottom: 80px;
}

.fangarden-adaptive .text {
    display: inline-block;
    color: #fff;
    padding-top: 70px;
    margin-left: 100px;
    text-align: center;
}

.fangarden-adaptive h2 {
    color: #fff;
}

.fangarden-adaptive img {
    position: absolute;
    right: 25px;
    top: -52px;
}

.fangarden-seo {
    text-align: center;
    margin-bottom: 50px;
}

.fangarden-seo img {
    margin-top: -100px;
}

.infographics-item {
    display: table-cell;
    width: 20%;
    padding: 10px;
    position: relative;
    vertical-align: middle;
}

.infographics-item p {
    visibility: hidden;
    display: block;
    margin: 0;
    font-size: 14px;
    text-align: center;
}

.infographics-item:hover p {
    visibility: visible;
}

.infographics-ads::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 65px;
    width: 100px;
    height: 100px;
    background-image: url("../img/ads.png");
    background-repeat: no-repeat;
}

.infographics-parcing::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 65px;
    width: 100px;
    height: 100px;
    background-image: url("../img/parcing.png");
    background-repeat: no-repeat;
}

.infographics-world::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 65px;
    width: 100px;
    height: 100px;
    background-image: url("../img/world.png");
    background-repeat: no-repeat;
}

.infographics-check::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 65px;
    width: 100px;
    height: 100px;
    background-image: url("../img/check.png");
    background-repeat: no-repeat;
}

.infographics-other::before {
    content: "";
    position: absolute;
    top: 0;
    left: 55px;
    width: 100px;
    height: 100px;
    background-image: url("../img/other.png");
    background-repeat: no-repeat;
}

.infographics-item:hover:before {
    opacity: 0.1;
}

.active, a.active {
    color: #005b7f
}

.hamburger {
    width: 25px;
    height: 20px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    border: 2px solid #005b7f;
    border-radius: 4px;
    padding: 5px;
    box-sizing: content-box;
    float: right;
    cursor: pointer;
    position: fixed;
    top: 95px;
    right: 15px;
    z-index: 102;
    background: #fff;
}

.hamburger span {
    display: inline-block;
    border: 1px solid #005b7f;
    border-radius: 1px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.oridis-location.mobile {
    display: none;
}

#header_email{
    display: none;
}

#header-form-messages{
    margin: 5px 0;
    padding: 5px;
}

/* seo_portfolio fix 02.09.19 */

#theme-request.new{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	height: unset;
}

#theme-request .salon-krasoty{
	background: url(/img/salon/makijaz.jpg) no-repeat;
	background-size: cover;
}

.seo-portfolio.new{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	margin: 50px 0;
}

.seo-portfolio.new h2{
	width: 100%;
}

.seo-portfolio.new .algn_c{
	width: 100%;
}

.landing-construction-firm .line-5 .write-request .arrow-form{
	width: 650px;
}

.hidden{
	display: none;
}

/* /seo_portfolio fix 02.09.19 */

/* landing construction 23.10.19 */

.landing-construction-firm.new .line-1 div {
    width: 24%;
}

/* /landing construction 23.10.19 */
/* Oridis: honeypot-ловушки форм скрыты всегда (даже если label принудительно display:block) */
.site-form__trap{display:none!important}
/* Oridis: подсказка «телефон ИЛИ e-mail» в форме обратного звонка */
.site-form__note{font-size:12px;line-height:1.3;color:#767676;margin:0 0 8px}

/* Oridis: текст ошибки рядом с полем (AjaxForm .error_<key>) */
.modal-window.call span.error,
.site-form span.error {
    border: none !important;
    display: block;
    font-size: 12px;
    line-height: 1.3;
    color: #b71717;
    margin: 2px 0 0;
}

/* Oridis: единый вид форм — обязательные поля, политика */
.site-form__req{color:#b71717;font-weight:bold}
.site-form__legend{margin:0 0 10px;font-size:12px;line-height:1.3;color:#767676}
.site-form__consent a{color:#00577a;text-decoration:underline}
.site-form__consent a:hover{text-decoration:none}
/* внутри модалки .modal-window span даёт 18px bold — гасим для служебных спанов */
.modal-window.call .site-form__req{color:#b71717;font-weight:bold;font-size:inherit;margin:0}
.modal-window.call .site-form__optional{color:#767676;font-weight:normal;font-size:inherit;margin:0}
/* tel/email в старых .arrow-form (раньше были type=text со шириинами) */
.arrow-form input[type=tel],.arrow-form input[type=email]{width:194px}
.arrow-form input[type=tel].name{margin-right:0;width:154px}
.arrow-form.short input[type=tel],.arrow-form.short input[type=email]{margin-bottom:0;padding:2px 5px;font-size:12px}

/* Oridis: форма обратного звонка в модалке (шапка) */
.modal-window.call{width:300px;padding:18px 20px 20px}
.modal-window.call .site-form__title{display:block;margin:0 0 12px;font:bold 18px "PT Sans",sans-serif;color:#005b7f}
.modal-window.call .site-form__field{margin-bottom:10px}
.modal-window.call .site-form__label{display:block;margin-bottom:3px;font-size:12px;color:#555}
.modal-window.call .site-form__optional{color:#767676;font-weight:normal}
.modal-window.call input.site-form__input,.modal-window.call .site-form__input{box-sizing:border-box;display:block;width:100%!important;height:34px;padding:5px 8px;font:14px Arial,sans-serif;border:1px solid #c6d5dd;border-radius:3px;outline:none;color:#555;background:#fff}
.modal-window.call .site-form__input:focus{border-color:#007aaa}
.modal-window.call .site-form__note{margin:2px 0 10px;font-size:12px;line-height:1.3;color:#767676}
.modal-window.call .site-form__consent{display:block;margin:0 0 14px;font-size:12px;line-height:1.4;color:#555}
.modal-window.call .site-form__submit{display:block;width:100%;padding:9px 16px;font-size:14px;font-weight:bold;color:#fff!important;cursor:pointer;border:1px solid #c6d5dd!important;border-radius:3px!important;background:#007aaa!important;background:-webkit-gradient(linear,0 0,0 bottom,from(#007aaa),to(#005b7f))!important;background:linear-gradient(#007aaa,#005b7f)!important}
.modal-window.call .site-form__submit:hover{box-shadow:#bfbfbf 0 0 10px}
.modal-window.auth input[type=password]{padding:3px;width:135px;font:12px Arial;border:1px solid #c6d5dd;border-radius:3px;outline:none;color:#555;background:#fff url(/img/input-auth-bg.png) repeat-x}
@media screen and (max-width:767px){
.modal-window.call{width:240px}
.modal-window.call input.site-form__input,.modal-window.call .site-form__input{font-size:16px;height:38px}
}