body {
    line-height: 1.5;
    font-size: 87.5%;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

a:link,
a:visited {
    text-decoration: none
}

a:active,
a:focus,
a:hover {
    text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 .5em;
    font-weight: inherit
}

p {
    margin: 0 0 1.2em
}

del {
    text-decoration: line-through
}

tr.odd {
    background-color: #ddd
}

img {
    outline: 0
}

code,
kbd,
pre,
samp,
var {
    padding: 0 .4em;
    font-size: .857em;
    font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "Nimbus Mono L", "DejaVu Sans Mono", monospace, "Courier New"
}

code {
    background-color: #f2f2f2;
    background-color: rgba(40, 40, 0, .06)
}

code var,
kbd kbd,
kbd samp,
pre code,
pre kbd,
pre samp,
pre var {
    font-size: 100%;
    background-color: transparent
}

pre code,
pre samp,
pre var {
    padding: 0
}

.description code {
    font-size: 1em
}

kbd {
    background-color: #f2f2f2;
    border: 1px outset #575757;
    margin: 0 3px;
    color: #666;
    display: inline-block;
    padding: 0 6px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

pre {
    background-color: #f2f2f2;
    background-color: rgba(40, 40, 0, .06);
    margin: 10px 0;
    overflow: hidden;
    padding: 15px;
    white-space: pre-wrap
}

.block-title {
    margin-bottom: 0;
    padding-bottom: 3px;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px
}

.view-article-for-article,
.view-id-article {
    max-width: 1000px;
    margin: auto;
    text-align: justify
}

.view-id-article table tr {
    max-width: 800px;
    border: 1px solid #cdcdcd;
    display: block;
    margin: 0 auto 50px
}

.view-article-for-article table tr td,
.view-id-article table tr td {
    padding: 0
}

.views-field-field-image {
    float: left;
    width: 45%
}

.view-id-article h4 {
    font-size: 20px;
    line-height: 30px;
    color: #3c8192
}

.view-id-article .views-field-body,
.view-id-article .views-field-view-node {
    float: right;
    text-align: justify
}

.view-id-article .views-field-body {
    width: 49%;
    margin-left: 0;
    margin-right: 0
}

.view-id-article .views-field-view-node {
    width: 100%;
    margin: 0;
    text-align: right
}

.view-article-for-article .views-field-body,
.view-id-article .views-field-body {
    margin: 10px 3% 0
}

.view-article-for-article .views-field-view-node,
.view-id-article .views-field-view-node {
    margin: 0 15px
}

.view-article-for-article img,
.view-id-article img {
    display: block;
    width: 100%;
    height: auto
}

.field-name-field-image {
    margin: auto;
    max-width: 800px
}

.view-article-for-article table tr {
    width: 460px;
    border: 1px solid #cdcdcd;
    display: block;
    margin-bottom: 50px;
    background: #fff;
    float: left
}

.view-article-for-article table tr.row-1 {
    margin-right: 30px;
    margin-left: 10px
}

.node-article .field-type-viewreference .field-label {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    padding: 100px 0 40px;
    width: 250px;
    margin: 60px auto 0;
    border-top: 1px solid #cdcdcd
}

.node-article .field-type-viewreference {
    width: 100%;
    background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat -362px -3059px
}

.view-article-for-article .views-field-field-image {
    margin-right: 20px
}

.view-article-for-article h4 {
    font-size: 15px;
    line-height: 16px;
    color: #3c8192;
    font-weight: 700
}

.view-article-for-article p {
    line-height: 18px
}

#site-slogan,
.comment-form label,
.ui-widget,
body {
    font-family: Arial, Helvetica, sans-serif
}

#footer-wrapper,
#header,
#skip-link,
.breadcrumb,
.item-list .pager,
div.field-type-taxonomy-term-reference,
div.messages,
div.meta,
p.comment-time,
table,
ul.contextual-links,
ul.links,
ul.primary {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

a.button,
input,
select,
textarea {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif
}

caption {
    text-align: left;
    font-weight: 400
}

blockquote {
    background: #f7f7f7;
    border-left: 1px solid #bbb;
    font-style: italic;
    margin: 1.5em 10px;
    padding: .5em 10px
}

blockquote:before {
    color: #bbb;
    content: "\201C";
    font-size: 3em;
    line-height: .1em;
    margin-right: .2em;
    vertical-align: -.4em
}

blockquote:after {
    color: #bbb;
    content: "\201D";
    font-size: 3em;
    line-height: .1em;
    vertical-align: -.45em
}

blockquote>p:first-child {
    display: inline
}

a.feed-icon {
    display: inline-block;
    padding: 15px 0 0
}

table {
    border: 0;
    border-spacing: 0;
    font-size: .857em;
    margin: 10px 0;
    width: 100%
}

table table {
    font-size: 1em
}

#footer-wrapper table {
    font-size: 1em
}

table tr th {
    background: #757575;
    background: rgba(0, 0, 0, .51);
    border-bottom-style: none
}

table tr th,
table tr th a,
table tr th a:hover {
    color: #fff;
    font-weight: 700
}

table tbody tr th {
    vertical-align: top
}

tr td,
tr th {
    padding: 0 5px;
    text-align: left
}

#footer-wrapper tr td,
#footer-wrapper tr th {
    border-color: #555;
    border-color: rgba(255, 255, 255, .18)
}

tr.odd {
    background: #e4e4e4;
    background: rgba(0, 0, 0, .105)
}

table ul.links {
    margin: 0;
    padding: 0;
    font-size: 1em
}

table ul.links li {
    padding: 0 1em 0 0
}

.block ol,
.block ul {
    margin: 0;
    padding: 0 0 .25em 1em
}

.contextual-links-wrapper {
    font-size: small !important
}

ul.contextual-links {
    font-size: .923em
}

.contextual-links-wrapper a {
    text-shadow: 0 0 0 !important
}

.item-list .pager {
    font-size: .929em
}

ul.menu li {
    margin: 0
}

.region-content ol,
.region-content ul {
    margin: 1em 0;
    padding: 0 0 .25em 2.5em
}

.item-list ul li {
    margin: 0;
    padding: .2em .5em 0 0
}

ul.tips {
    padding: 0 0 0 1.25em
}

#skip-link {
    left: 50%;
    margin-left: -5.25em;
    margin-top: 0;
    position: absolute;
    width: auto;
    z-index: 50
}

#skip-link a,
#skip-link a:link,
#skip-link a:visited {
    background: #444;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    display: block;
    font-size: .94em;
    line-height: 1.7;
    padding: 1px 10px 2px;
    text-decoration: none;
    -khtml-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-radius: 0 0 10px 10px
}

#skip-link a:active,
#skip-link a:focus,
#skip-link a:hover {
    outline: 0
}

#logo {
    float: left;
    padding: 30px 15px 2px 0;
    max-width: 210px;
    width: 41%
}

#logo img {
    width: 100%
}

#name-and-slogan {
    float: left;
    padding-top: 34px;
    margin: 0 0 10px 15px
}

#site-name {
    font-size: 2.741em;
    line-height: 1
}

h1#site-name {
    margin: 0
}

#site-name a {
    font-weight: 400
}

#site-slogan {
    font-size: .929em;
    margin-top: 7px;
    word-spacing: .1em;
    font-style: italic
}

.region-header {
    height: 100px
}

.region-header .block {
    font-size: .857em;
    float: left;
    margin: 10px;
    padding: 0
}

.region-header .block .content {
    margin: 0;
    padding: 0
}

.region-header .block ul {
    margin: 0;
    padding: 0
}

.region-header .block li {
    list-style: none;
    list-style-image: none;
    padding: 0
}

.region-header .form-text {
    background: #fefefe;
    background: rgba(255, 255, 255, .7);
    border-color: #ccc;
    border-color: rgba(255, 255, 255, .3);
    margin-right: 2px;
    width: 120px
}

.region-header .form-text:active,
.region-header .form-text:focus,
.region-header .form-text:hover {
    background: #fff;
    background: rgba(255, 255, 255, .8)
}

.region-header .form-required {
    color: #eee;
    color: rgba(255, 255, 255, .7)
}

#block-block-12,
#block-block-7 {
    float: right;
    color: #cfcfcf !important;
    font-size: 14px;
    line-height: 22px;
    padding-left: 45px;
    background: url(/sites/all/themes/seomid/images/fone.png) no-repeat 2px 22px;
    margin-right: 21px
}

#contact {
    color: #fff;
    line-height: 32px;
    font-size: 25px;
    max-width: 815px;
    margin: auto
}

#contact p {
    padding-top: 20px
}

.location.vcard {
    margin-top: 4px !important
}

#contact-phone {
    background: url(/sites/all/themes/seomid/images/call-back-sprite.png) no-repeat 0 52px;
    float: left;
    width: 410px;
    margin-top: 50px
}

#contact-call {
    background: url(/sites/all/themes/seomid/images/call-back-sprite.png) no-repeat 0 -307px;
    width: 400px;
    float: left
}

.contact-call {
    font-size: 24px;
    color: #fff;
    width: 290px;
    text-align: justify;
    margin: auto;
    line-height: 29px;
    text-transform: uppercase;
    padding-left: 31px
}

#node-76 {
    background-color: transparent
}

#contact-call .field-items {
    max-width: 400px;
    margin: auto
}

#node-76 input#edit-submitted-imya--2 {
    font-size: 28px;
    width: 250px;
    float: left
}

.cc-small {
    color: #8cd;
    font-size: 13px;
    line-height: 13px;
    padding-top: 0 !important;
    padding-right: 60px
}

input#edit-webform-ajax-submit-76 {
    background: #000;
    margin-left: 0;
    height: 53px;
    top: -8px;
    position: relative
}

input#edit-webform-ajax-submit-76:hover {
    background: #fff !important;
    color: #000
}

#webform-ajax-wrapper-76 {
    padding-left: 72px
}

#node-76 .webform-confirmation {
    text-align: left;
    color: #fff;
    font-size: 20px
}

#webform-ajax-wrapper-76 .links {
    display: none
}

#block-block-12 {
    float: none !important
}

#block-block-12 p,
#block-block-7 p {
    margin: 0;
    border-left: 2.5px solid #3c8192;
    padding-left: 10px
}

.kod {
    color: #3c8192
}

a.button1 {
    background: #e7e6e6;
    border: 1px solid #e4e4e4;
    border-bottom: 1px solid #b4b4b4;
    border-left-color: #d2d2d2;
    border-right-color: #d2d2d2;
    color: #3a3a3a;
    cursor: pointer;
    font-size: .929em;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1em;
    margin-right: .6em;
    padding: 4px 17px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

a.button1:hover {
    background: #f5f5f5;
    text-decoration: none
}

.region-header .block-menu {
    border: 1px solid;
    border-color: #eee;
    border-color: rgba(255, 255, 255, .2);
    padding: 0;
    width: 208px
}

.region-header .block-menu li a {
    display: block;
    border-bottom: 1px solid;
    border-bottom-color: #eee;
    border-bottom-color: rgba(255, 255, 255, .2);
    padding: 3px 7px
}

.region-header .block-menu li a:active,
.region-header .block-menu li a:focus,
.region-header .block-menu li a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, .15)
}

.region-header .block-menu li.last a {
    border-bottom: 0
}

.region-header #block-user-login {
    width: auto
}

.region-header #block-user-login .content {
    margin-top: 2px
}

.region-header #block-user-login .form-item {
    float: left;
    margin: 0;
    padding: 0
}

.region-header #block-user-login div.description,
.region-header #block-user-login div.item-list {
    font-size: .916em;
    margin: 0
}

.region-header #block-user-login div.item-list {
    clear: both
}

.region-header #block-user-login div.description {
    display: inline
}

.region-header #block-user-login .item-list ul {
    padding: 0;
    line-height: 1
}

.region-header #block-user-login .item-list li {
    list-style: none;
    float: left;
    padding: 3px 0 1px
}

.region-header #block-user-login .item-list li.last {
    padding-left: .5em
}

.region-header #block-user-login ul.openid-links li.last {
    padding-left: 0
}

.region-header #user-login li.openid-link a,
.region-header #user-login-form li.openid-link a {
    padding-left: 20px
}

.region-header #block-user-login .form-actions {
    margin: 4px 0 0;
    padding: 0;
    clear: both
}

.region-header #block-user-login input.form-submit {
    border: 1px solid;
    border-color: #ccc;
    border-color: rgba(255, 255, 255, .5);
    background: #eee;
    background: rgba(255, 255, 255, .7);
    margin: 4px 0;
    padding: 3px 8px
}

.region-header #block-user-login input.form-submit:focus,
.region-header #block-user-login input.form-submit:hover {
    background: #fff;
    background: rgba(255, 255, 255, .9)
}

.region-header #block-search-form {
    width: 208px
}

.region-header #block-search-form .form-text {
    width: 154px
}

.region-header .block-locale ul li {
    display: inline;
    padding: 0 .5em
}

#main-menu {
    clear: both;
    background-color: #393939
}

#main-menu-links {
    font-size: 15px;
    margin: auto;
    padding: 0;
    max-width: 1000px
}

#main-menu-links li {
    float: left;
    list-style: none;
    border-left: 2px solid #282827
}

#menuToggleBtn {
    display: none
}

#menuToggleBtn a:hover {
    cursor: pointer
}

#menuToggleBtn a::after {
    position: relative;
    left: 7px;
    top: 5px;
    display: inline-block;
    width: 20px;
    content: url(https://seomid.com.ua/sites/default/files/images/menu.svg)
}

#main-menu-links li.last {
    border-right: 1px solid #282827
}

#main-menu-links a {
    color: #fff;
    background: #ccc;
    background: #393939;
    float: left;
    line-height: 2.5em;
    padding: 0 13px;
    text-decoration: none;
    height: 40px;
    box-shadow: -1px 0 0 #4f4f4f
}

#main-menu-links li a.active {
    color: #3c8192
}

ul.menu li {
    list-style: none
}

ul.menu a {
    color: #cfcfcf !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px !important
}

ul.menu li a.active {
    color: #3c8192 !important
}

#secondary-menu-links {
    float: right;
    font-size: .929em;
    margin: 10px 10px 0
}

#secondary-menu-links a:focus,
#secondary-menu-links a:hover {
    text-decoration: underline
}

#main {
    margin-top: 20px;
    width: 100%
}

#featured {
    text-align: center;
    font-size: 1.643em;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    text-shadow: 1px 1px #fff
}

#featured h2 {
    font-size: 1.174em;
    line-height: 1
}

#featured p {
    margin: 0;
    padding: 0
}

#highlighted {
    border-bottom: 1px solid #d3d7d9;
    font-size: 120%
}

.region-help {
    border: 1px solid #d3d7d9;
    padding: 0 1.5em;
    margin-bottom: 30px
}

.content {
    margin-top: 10px
}

h1 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    margin-top: 30px;
    color: #3c8192
}

h2 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #3c8192
}

h3 {
    font-size: 16px
}

.node .content {
    font-size: 14px;
    line-height: 20px;
    color: #777
}

.node-teaser .content {
    font-size: 1em
}

.node-teaser h2 {
    margin-top: 0;
    padding-top: .5em
}

.node-teaser h2 a {
    color: #181818
}

.node-teaser {
    border-bottom: 1px solid #d3d7d9;
    margin: 0 auto 9px;
    padding-bottom: 7px;
    min-height: 588px;
    width: 295px
}

.node-sticky {
    background: #f9f9f9;
    background: rgba(0, 0, 0, .024);
    border: 1px solid #d3d7d9;
    padding: 0 15px 15px
}

.node-full {
    background: 0 0;
    border: none;
    padding: 0
}

.node-teaser .content {
    clear: none;
    line-height: 1.6
}

.meta {
    font-size: .857em;
    color: #68696b;
    margin-bottom: -5px
}

.submitted .user-picture img {
    float: left;
    height: 20px;
    margin: 1px 5px 0 0
}

.field-type-taxonomy-term-reference {
    margin: 0 0 1.2em
}

.field-type-taxonomy-term-reference .field-label {
    font-weight: 400;
    margin: 0;
    padding-right: 5px
}

.field-type-taxonomy-term-reference .field-label,
.field-type-taxonomy-term-reference ul.links {
    font-size: .8em
}

.node-teaser .field-type-taxonomy-term-reference .field-label,
.node-teaser .field-type-taxonomy-term-reference ul.links {
    font-size: .821em
}

.field-type-taxonomy-term-reference ul.links {
    padding: 0;
    margin: 0;
    list-style: none
}

.field-type-taxonomy-term-reference ul.links li {
    float: left;
    padding: 0 1em 0 0;
    white-space: nowrap
}

.link-wrapper {
    text-align: right
}

.field-type-image img,
.user-picture img {
    margin: 0 0 1em;
    width: 100%;
    height: auto
}

ul.links {
    color: #68696b;
    font-size: .821em
}

.node-unpublished {
    margin: -20px -15px 0;
    padding: 20px 15px 0
}

.node-unpublished .comment-text .comment-arrow {
    border-left: 1px solid #fff4f4;
    border-right: 1px solid #fff4f4
}

#block-block-22,
#block-block-23,
.field-name-field-service-selection {
    max-width: 1000px;
    margin: auto
}

.field-name-field-service-selection h1 {
    width: 100%
}

.express-h {
    font-size: 20px;
    text-transform: uppercase
}

.chief,
.expert,
.express,
.professional {
    width: 206px;
    display: inline-block;
    margin-bottom: 40px;
    border: 1px solid #cdcdcd;
    padding: 260px 16px 0 17px;
    font-size: 13px;
    color: #777
}

.express {
    background: url(/sites/all/themes/seomid/images/kurs-sprite.jpg) no-repeat 0 0
}

.professional {
    background: url(/sites/all/themes/seomid/images/kurs-sprite.jpg) no-repeat -675px 0
}

.expert {
    background: url(/sites/all/themes/seomid/images/kurs-sprite.jpg) no-repeat -340px 0
}

.chief {
    margin-right: 0;
    background: url(/sites/all/themes/seomid/images/kurs-sprite.jpg) no-repeat -1014px 0
}

a.click {
    color: #777;
    text-decoration: none;
    line-height: 10px;
    padding: 18px 0 10px;
    display: block;
    background: url(/sites/all/themes/seomid/images/kurs-pic.png) no-repeat 0 48px
}

a.click:hover {
    color: #3c8192;
    background: url(/sites/all/themes/seomid/images/kurs-pic.png) no-repeat 0 -112px
}

.cost,
.duration,
.individual {
    padding-left: 20px
}

.h {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px
}

.hh {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 40px;
    padding-top: 30px;
    text-align: center;
    width: 100%
}

.hhgrey {
    font-size: 16px;
    color: #777
}

a#top {
    color: #777;
    font-size: 20px;
    border: 3px solid #777;
    margin: auto;
    padding: 5px 25px;
    width: 67px;
    text-transform: uppercase;
    display: block;
    text-decoration: none
}

a#top:hover {
    color: #fff;
    background: #777
}

a.more {
    display: block;
    width: 90px;
    margin: auto;
    padding: 0 5px;
    color: #626262;
    font-size: 13px;
    background: #cfcfcf;
    text-decoration: none;
    text-align: center;
    margin-bottom: 15px
}

a.more:hover {
    background: #bdbcbc;
    color: #626262
}

.field-name-field-why-do-we {
    width: 100%;
    color: #fff;
    background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat -389px 0;
    text-align: center
}

.field-name-field-why-do-we .field-items {
    max-width: 1000px;
    margin: auto
}

#pp-free,
#pp-individual,
#pp-practik,
#pp-profi {
    width: 206px;
    height: 170px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 44px;
    padding: 135px 20px 0 12px;
    font-size: 14px;
    vertical-align: top;
    line-height: 18px;
    border-right: 1px solid #3c8192
}

#pp-individual {
    background: url(/sites/all/themes/seomid/images/pp-sprite.webp) no-repeat 69px 0
}

#pp-practik {
    background: url(/sites/all/themes/seomid/images/pp-sprite.webp) no-repeat -385px 0
}

#pp-free {
    background: url(/sites/all/themes/seomid/images/pp-sprite.webp) no-repeat -825px 0
}

#pp-profi {
    margin-right: 0;
    background: url(/sites/all/themes/seomid/images/pp-sprite.webp) no-repeat -1259px 0;
    border-right: none
}

.pm-h,
.prh {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
    color: #3c8192
}

.prhh {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 40px;
    padding-top: 30px;
    text-align: center;
    color: #3c8192;
    padding-bottom: 22px;
    width: 100%
}

.field-name-field-advantages {
    width: 100%;
    color: #777;
    background: url(/sites/default/files/bg1.webp) no-repeat, #f1f1f1;
    text-align: center
}

.field-name-field-advantages .field-items {
    max-width: 1000px;
    margin: auto
}

.field-name-field-advantages p {
    margin-bottom: 0;
    width: 100%
}

#pr15,
#pr200,
#pr250,
#pr300,
#pr8 {
    width: 190px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 25px;
    padding: 182px 0 0;
    font-size: 14px;
    vertical-align: top;
    line-height: 18px
}

#pr8 {
    background: url(/sites/all/themes/seomid/images/pp-sprite.webp) no-repeat 3px -585px
}

#pr15 {
    background: url(/sites/all/themes/seomid/images/pp-sprite.webp) no-repeat -325px -585px
}

#pr200 {
    background: url(/sites/all/themes/seomid/images/pp-sprite.webp) no-repeat -718px -585px
}

#pr250 {
    background: url(/sites/all/themes/seomid/images/pp-sprite.webp) no-repeat -1112px -585px
}

#pr300 {
    margin-right: 0;
    background: url(/sites/all/themes/seomid/images/pp-sprite.webp) no-repeat -1508px -585px;
    border-right: none
}

.field-name-field-about-us a.colorbox-inline,
.field-name-field-advantages a.colorbox-inline {
    background: #f47070;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    text-align: center;
    padding: 10px 26px !important;
    text-shadow: 0 1px 0 #9d9b9b;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 26px
}

.field-name-field-link-to-review {
    height: 435px;
    width: 100%;
    font-size: 12px;
    line-height: 15px;
    color: #777;
    background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat -275px -717px;
    padding-top: 20px
}

.field-name-field-link-to-review p {
    text-align: justify
}

.student-name {
    font-size: 15px;
    line-height: 10px;
    color: #3c8192;
    margin-bottom: 4px
}

.city-name {
    line-height: 10px;
    margin-bottom: 0
}

.field-name-field-link-to-review .views-field-field-name {
    border-left: 2px solid #3c8192;
    padding-left: 10px;
    float: left
}

.field-name-field-link-to-review .field-items {
    max-width: 1000px;
    margin: auto
}

.field-name-field-link-to-review .jcarousel-item-horizontal {
    height: auto;
    display: block;
    width: 394px !important;
    padding: 30px !important;
    margin: 0 22px !important
}

.field-name-field-link-to-review .jcarousel-container-horizontal {
    width: auto !important;
    padding: 25px 0 !important
}

.field-name-field-link-to-review .jcarousel-clip-horizontal {
    width: 100% !important;
    height: 290px
}

.field-name-field-link-to-review .views-field-field-image {
    height: 200px;
    margin-right: 20px
}

.field-name-field-link-to-review .jcarousel-next,
.field-name-field-link-to-review .jcarousel-prev {
    z-index: -9
}

.field-name-field-link-to-review .jcarousel-navigation li {
    font-size: 1px;
    color: #424141;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 4px
}

.field-name-field-link-to-review .jcarousel-navigation a {
    width: 8px;
    height: 8px;
    display: block;
    background-color: #424141;
    margin: 2px;
    color: #424141
}

.field-name-field-link-to-review .jcarousel-navigation .active,
.field-name-field-link-to-review .jcarousel-navigation .active a:hover {
    color: #3c8192
}

.field-name-field-link-to-review .jcarousel-navigation .active a {
    background-color: #3c8192
}

.field-name-field-link-to-review .jcarousel-navigation a:hover {
    color: #424141
}

.field-name-field-link-to-review .view-content {
    height: 361px
}

#reviews-request a {
    color: #fff;
    text-transform: uppercase;
    width: 220px;
    text-align: center;
    font-size: 18px;
    border: 3px solid #fff;
    padding: 10px;
    margin: auto;
    display: block
}

#reviews-request a:hover {
    color: #282828;
    text-decoration: none;
    background: #fff
}

.field-name-field-link-to-our-customers .field-item {
    display: block !important
}

.field-name-field-link-to-our-customers {
    width: 100%;
    margin: auto;
    color: #fff;
    background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat 0 -2344px;
    height: 247px
}

.field-name-field-link-to-our-customers .view-content {
    position: relative;
    top: -15px
}

.view-id-clients_carousel {
    max-width: 1000px;
    margin: auto
}

.view-id-clients_carousel .jcarousel-container-horizontal {
    width: 100%;
    height: 150px !important;
    padding: 0 !important;
    max-width: 950px
}

.view-id-clients_carousel .jcarousel-clip-horizontal,
.view-id-clients_carousel .jcarousel-list-horizontal {
    height: 146px;
    padding: 0 !important;
    background: #fff;
    margin: auto
}

.view-id-clients_carousel .jcarousel-item-horizontal {
    width: 218px !important;
    height: 146px;
    margin: auto;
    background: #fff;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.view-id-clients_carousel .jcarousel-next {
    width: 75px;
    height: 146px;
    top: 0 !important;
    right: 0 !important;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background: url(/sites/all/themes/seomid/images/clients-sprite.png) no-repeat 1px -1472px !important
}

.view-id-clients_carousel .jcarousel-prev {
    background: url(/sites/all/themes/seomid/images/clients-sprite.png) no-repeat 1px -1472px !important;
    top: 0 !important;
    width: 75px;
    height: 146px;
    left: 0 !important
}

.view-id-clients_carousel .jcarousel-next:hover {
    background: url(/sites/all/themes/seomid/images/clients-sprite.png) no-repeat 4px -875px !important
}

.view-id-clients_carousel .jcarousel-prev:hover {
    background: url(/sites/all/themes/seomid/images/clients-sprite.png) no-repeat 4px -875px !important
}

.field-name-field-about-us {
    width: 100%;
    color: #777;
    background: url(/sites/default/files/images/bg12.webp) no-repeat, #f1f1f1
}

.field-name-field-about-us .field-items {
    max-width: 1000px;
    margin: auto;
    padding: 0 70px;
    line-height: 20px
}

.front .field-name-field-about-us .field-item {
    display: block !important
}

.otnash {
    text-align: center;
    font-size: 30px;
    line-height: 25px;
    padding: 25px 0;
    margin: 0;
    width: 100%
}

#otnas {
    padding: 0 10%;
    border-bottom: 1px solid #d4d4d4;
    box-shadow: 0 1px 0 #fff;
    font-size: 14px;
    clear: both;
    background-color: #f1f0f0;
    padding-bottom: 15px;
    margin: 0 auto 40px
}

#otdireca {
    background-color: #e2e0e0;
    border: 1px solid #d7d8d9;
    font-size: 14px;
    float: left;
    width: 570px;
    padding: 34px;
    margin-left: 100px
}

#face {
    margin-top: 100px;
    right: 2px;
    position: relative
}

.hface {
    font-size: 18px;
    line-height: 18px;
    color: #3c8192;
    border-left: 2px solid #3c8192;
    float: left;
    margin: 25px 0 0 47px;
    padding-left: 10px
}

.dface {
    font-size: 14px;
    line-height: 11px;
    color: #777;
    margin-top: 20px;
    display: block
}

#onas-call {
    display: flex;
    justify-content: center;
    margin: auto;
    clear: both;
    width: 100%;
    padding: 40px 0 12px
}

.field-name-body {
    max-width: 1000px;
    margin: auto;
    padding: 0 4%
}

.comment h2.title {
    margin-bottom: 1em
}

.comment div.user-picture img {
    margin-left: 0
}

.comment {
    margin-bottom: 20px;
    display: table;
    vertical-align: top
}

.comment .attribution {
    display: table-cell;
    padding: 0 30px 0 0;
    vertical-align: top;
    overflow: hidden
}

.comment .attribution img {
    margin: 0;
    border: 1px solid #d3d7d9
}

.comment .attribution .username {
    white-space: nowrap
}

.comment .submitted p {
    margin: 4px 0;
    font-size: 1.071em;
    line-height: 1.2
}

.comment .submitted .comment-time {
    font-size: .786em;
    color: #68696b
}

.comment .submitted .comment-permalink {
    font-size: .786em;
    text-transform: lowercase
}

.comment .content {
    font-size: .929em;
    line-height: 1.6
}

.comment .comment-arrow {
    background: url(/sites/all/themes/seomid/images/comment-arrow.gif) no-repeat 0 center transparent;
    border-left: 1px solid;
    border-right: 1px solid;
    height: 40px;
    margin-left: -47px;
    margin-top: 10px;
    position: absolute;
    width: 20px
}

.comment .comment-text {
    padding: 10px 25px;
    border: 1px solid #d3d7d9;
    display: table-cell;
    vertical-align: top;
    position: relative;
    width: 100%
}

.comment .indented {
    margin-left: 40px
}

.comment ul.links {
    padding: 0 0 .25em
}

.comment ul.links li {
    padding: 0 .5em 0 0
}

.comment-unpublished {
    margin-right: 5px;
    padding: 5px 2px 5px 5px
}

.comment-unpublished .comment-text .comment-arrow {
    border-left: 1px solid #fff4f4;
    border-right: 1px solid #fff4f4
}

.sidebar .section {
    padding-top: 10px
}

.sidebar .block {
    border: 1px solid;
    padding: 15px 20px;
    margin: 0 0 20px
}

.sidebar h2 {
    margin: 0 0 .5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2
}

.sidebar .block .content {
    font-size: .914em;
    line-height: 1.4
}

.sidebar tbody {
    border: none
}

.sidebar tr.even,
.sidebar tr.odd {
    background: 0 0;
    border-bottom: 1px solid #d6d6d6
}

#triptych-wrapper {
    background-color: #f0f0f0;
    background: rgba(30, 50, 10, .08);
    border-top: 1px solid #e7e7e7
}

#triptych h2 {
    color: #5e857a;
    font-size: 1.714em;
    margin-bottom: .8em;
    text-align: center;
    line-height: 1
}

#triptych .block {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #dfdfdf;
    line-height: 1.3
}

#triptych .block.last {
    border-bottom: none
}

#triptych .block ol li,
#triptych .block ul li {
    list-style: none
}

#triptych .block ol,
#triptych .block ul {
    padding-left: 0
}

#triptych #block-user-login .form-text {
    width: 185px
}

#triptych #block-user-online p {
    margin-bottom: 0
}

#triptych #block-node-syndicate h2 {
    overflow: hidden;
    width: 0;
    height: 0
}

#triptych-last #block-node-syndicate {
    text-align: right
}

#triptych #block-search-form .form-type-textfield input {
    width: 185px
}

#triptych-middle #block-system-powered-by {
    text-align: center
}

#triptych-last #block-system-powered-by {
    text-align: right
}

.view-id-article_for_glavnaya h4 {
    font-size: 14px;
    line-height: 20px;
    color: #3c8192
}

.view-id-article_for_glavnaya p {
    font-size: 13px;
    line-height: 17px;
    color: #9f9f9f;
    margin-bottom: 0
}

.view-id-article_for_glavnaya li a {
    padding: 0;
    margin: 7px 0 23px
}

#call,
#call-footer {
    color: #3c8192 !important;
    border: 1px solid #3c8192;
    padding: 3px 7px 3px 28px;
    font-size: 9.5px;
    background: url(/sites/all/themes/seomid/images/call.png) no-repeat !important;
    text-decoration: none !important;
    text-transform: uppercase;
    width: 160px;
    display: block
}

#block-block-8 {
    margin: 0;
    clear: right;
    right: 17px;
    float: right;
    position: relative
}

#block-block-11 {
    margin: 10px 0 0 25px;
    right: 20px;
    position: relative
}

#block-block-11 a:hover,
#block-block-8 a:hover {
    background: #3c8192 !important;
    color: #282827 !important
}

#webform-client-form-5 .imya,
#webform-client-form-5 .telefon,
#webform-client-form-7 .email,
#webform-client-form-7 .imya,
#webform-client-form-7 .telefon,
.email,
.imya,
.kurs,
.sayt,
.telefon {
    width: 300px;
    margin: auto;
    display: block;
    text-transform: uppercase;
    background-position-x: right !important
}

#webform-client-form-7 .komentariy,
#webform-client-form-7 .vybor,
#webform-client-form-7 .webform-component-textarea .grippie,
.komentariy,
.vybor,
.webform-component-textarea .grippie {
    width: 310px !important;
    margin: auto !important;
    display: block !important
}

#webform-client-form-5 .imya,
#webform-client-form-7 .imya,
.imya {
    background: url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 264px 7px
}

#webform-client-form-5 .telefon,
#webform-client-form-7 .telefon,
.telefon {
    background: url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 264px -29px
}

#webform-client-form-7 .email,
.email {
    background: url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 264px -67px
}

#webform-client-form-7 .vybor,
.vybor {
    background: url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 263px -110px;
    -webkit-appearance: listbox
}

#webform-client-form-7 .komentariy,
.komentariy {
    background: url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 264px -164px
}

.sayt {
    background: url(/sites/all/themes/seomid/images/web-site.png) no-repeat 277px 4px
}

#webform-client-form-5 .imya:focus,
#webform-client-form-7 .imya:focus,
.imya:focus {
    background: url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 480px 7px
}

#webform-client-form-12 .telefon:focus,
#webform-client-form-5 .telefon:focus,
#webform-client-form-7 .telefon:focus,
.telefon:focus {
    background: #fff url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 480px -26px
}

#webform-client-form-7 .email:focus,
.email:focus {
    background: #fff url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 480px -26px
}

#webform-client-form-7 .vybor:focus,
.vybor:focus {
    background: url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 480px -26px
}

#webform-client-form-7 .komentariy:focus,
.komentariy:focus {
    background: url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 480px -26px
}

.sayt:focus {
    background: url(/sites/all/themes/seomid/images/web-site.png) no-repeat 480px 0
}

#webform-client-form-10 .webform-submit,
#webform-client-form-11 .webform-submit,
#webform-client-form-5 .webform-submit,
#webform-client-form-7 .webform-submit,
#webform-client-form-8 .webform-submit,
#webform-client-form-9 .webform-submit,
.webform-submit,
a.button {
    background: #f47070;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    text-align: center;
    padding: 4px 17px;
    margin: auto;
    display: block;
    border: none;
    border-bottom: none;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-shadow: 0 1px 0 #9d9b9b
}

#block-block-17 a.colorbox-inline:hover,
#block-block-18 a.colorbox-inline:hover,
#block-block-22 a.colorbox-inline:hover,
#block-block-23 a.colorbox-inline:hover,
#block-block-9 a.colorbox-inline:hover,
#webform-client-form-10 input.form-submit:hover,
#webform-client-form-11 input.form-submit:hover,
#webform-client-form-5 input.form-submit:hover,
#webform-client-form-7 input.form-submit:hover,
#webform-client-form-8 input.form-submit:hover,
#webform-client-form-9 input.form-submit:hover,
.field-name-field-about-us a.colorbox-inline:hover,
.field-name-field-advantages a.colorbox-inline:hover,
.field-name-field-service-selection a.colorbox-inline:hover,
input.form-submit:focus,
input.form-submit:hover {
    background: #ec3838 !important
}

#block-block-17 a.colorbox-inline:active,
#block-block-18 a.colorbox-inline:active,
#block-block-22 a.colorbox-inline:active,
#block-block-23 a.colorbox-inline:active,
#block-block-9 a.colorbox-inline:active,
#webform-client-form-10 input.form-submit:active,
#webform-client-form-11 input.form-submit:active,
#webform-client-form-5 input.form-submit:active,
#webform-client-form-7 input.form-submit:active,
#webform-client-form-8 input.form-submit:active,
#webform-client-form-9 input.form-submit:active,
.field-name-field-about-us a.colorbox-inline:active,
.field-name-field-advantages a.colorbox-inline:active,
.field-name-field-service-selection a.colorbox-inline:active,
input.form-submit:active {
    background: #ec3838;
    box-shadow: inset 0 0 15px #9d9b9b
}

#myid .node-webform,
#myid7 .node-webform {
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important
}

#myid h4,
#myid12 h4,
#myid13 h4,
#myid14 h4,
#myid15 h4,
#myid2 h4,
#myid3 h4,
#myid4 h4,
#myid5 h4,
#myid6 h4,
#myid7 h4,
#myid8 h4 {
    top: -100px;
    left: -4100px;
    position: absolute
}

#myid6 {
    padding-bottom: 20px
}

#node-74 h5,
#node-75 h5 {
    margin: 0 auto 10px;
    background: url(/sites/all/themes/seomid/images/call-back.png) no-repeat 111px 15px;
    padding-top: 30px;
    width: 250px
}

#node-10 h5,
#node-11 h5,
#node-53 h5,
#node-54 h5,
#node-55 h5,
#node-56 h5,
#node-57 h5,
#node-6 h5,
#node-63 h5,
#node-64 h5,
#node-65 h5,
#node-66 h5,
#node-67 h5,
#node-68 h5,
#node-7 h5,
#node-74 h5,
#node-75 h5,
#node-78 h5,
#node-8 h5,
#node-9 h5,
#node-97 h5,
#node-98 h5,
#node-148 h5 {
    color: #2589a1;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 10px;
    background: url(/sites/all/themes/seomid/images/zakaz.png) no-repeat 107px 18px;
    padding-top: 70px;
    width: 250px;
    text-align: center
}

.webform-confirmation {
    text-align: center
}

#myid .links,
#myid1 .links,
#myid12 .links,
#myid13 .links,
#myid14 .links,
#myid15 .links,
#myid2 .links,
#myid3 .links,
#myid4 .links,
#myid5 .links,
#myid6 .links,
#myid7 .links {
    position: absolute;
    top: -200px
}

#node-12 {
    padding-top: 0;
    margin: -20px 0 0;
    background-color: transparent
}

#webform-client-form-12 {
    width: 650px;
    margin: auto
}

#node-12 .imya {
    float: left;
    margin-left: 10px;
    background-color: #fff
}

#node-12 .telefon {
    margin-right: 10px;
    background-color: #fff
}

#node-12 .email {
    width: 622px !important;
    background: #fff url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 586px -67px
}

#node-12 .komentariy {
    width: 631px !important;
    background: #fff url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 588px -164px
}

#node-12 .grippie {
    width: 631px !important
}

#node-12 .email:focus {
    background: #fff url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 700px -67px
}

#node-12 .komentariy:focus {
    background: #fff url(/sites/all/themes/seomid/images/call-sprite.png) no-repeat 700px -164px
}

#webform-client-form-12 .webform-submit {
    background: #fff;
    color: #3c8192;
    border: 2px solid #3c8192;
    text-shadow: 0 1px 0 #9d9b9b
}

#webform-client-form-12 .webform-submit:hover {
    background: #3c8192;
    color: #fff;
    border: 2px solid #3c8192;
    text-shadow: 0 1px 0 #9d9b9b
}

#webform-client-form-12 .webform-submit:active {
    background: #3c8192;
    color: #fff;
    border: 2px solid #3c8192;
    box-shadow: inset 0 0 15px #9d9b9b
}

#cboxContent,
#colorbox {
    position: fixed !important;
    top: 20px !important
}

#cboxWrapper {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.block-webform .block-title {
    font-size: 20px;
    line-height: 22px;
    color: #3c8192;
    text-align: center
}

.zakaz-coast {
    margin: 0 82px 40px !important
}

.captcha {
    margin-left: calc(50% - 152px);
    display: block
}

#cboxWrapper {
    padding: 0 15px
}

#block-block-17,
#block-block-18,
#block-block-24,
#block-block-9 {
    border: 11px solid #3c8192;
    background-color: #fff;
    width: calc(100% - 500px);
    margin-top: 17px;
    height: 90px;
    margin-right: 0
}

#block-block-21 {
    background-color: #282827;
    margin-top: 11px;
    height: 116px
}

#block-block-9 p {
    font-size: 13.5px;
    color: #f47070;
    line-height: 18px;
    padding: 12px 10px;
    text-transform: uppercase;
    text-align: center;
    width: 245px;
    font-weight: 700
}

#block-block-17 p,
#block-block-18 p {
    font-size: 35px;
    color: #f47070;
    line-height: 35px;
    padding: 8px 30px;
    text-transform: uppercase;
    text-align: center;
    width: 245px
}

#block-block-18 p {
    font-size: 30px;
    padding: 8px 5px;
    width: 310px;
    font-weight: 700
}

#block-block-17 a.colorbox-inline,
#block-block-18 a.colorbox-inline,
#block-block-24 a.colorbox-inline,
#block-block-9 a.colorbox-inline {
    float: right
}

#block-block-17 a.colorbox-inline,
#block-block-18 a.colorbox-inline,
#block-block-22 a.colorbox-inline,
#block-block-23 a.colorbox-inline,
#block-block-24 a.colorbox-inline,
#block-block-9 a.colorbox-inline,
.field-name-field-service-selection a.colorbox-inline {
    background: #f47070;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    text-align: center;
    padding: 10px 20px !important;
    text-shadow: 0 1px 0 #9d9b9b;
    text-decoration: none;
    top: 17px;
    right: 13px;
    position: relative;
    margin-bottom: 15px;
    display: block
}

#block-block-22 a.colorbox-inline,
#block-block-23 a.colorbox-inline,
.field-name-field-service-selection a.colorbox-inline {
    position: inherit !important
}

#block-block-22,
#block-block-23 {
    line-height: 20px
}

#block-block-23 #center {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

#node-10,
#node-11,
#node-53,
#node-54,
#node-55,
#node-56,
#node-57,
#node-63,
#node-64,
#node-65,
#node-66,
#node-67,
#node-68,
#node-7,
#node-78,
#node-8,
#node-9 {
    margin: 0;
    padding: 0
}

.node-webform {
    background: #fff
}

#myid1 h4 {
    position: relative;
    top: -100px
}

.services,
.services-center {
    max-width: 1000px;
    margin: 35px auto;
    text-align: center
}

.services-center {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 20px auto;
    padding: 20px 0
}

.services-h {
    margin: 50px 0 17px;
    display: inline-block
}

#srv-audit,
#srv-contextual,
#srv-copywriting,
#srv-marketing,
#srv-promotion,
#srv-promotion-store,
#srv-search-personnel,
#srv-seo-kurs,
#srv-seo-support,
#srv-smm,
#srv-support,
#srv-yadir {
    display: inline-block;
    width: 170px;
    margin: 0 3px;
    vertical-align: top
}

#srv-audit a,
#srv-contextual a,
#srv-copywriting a,
#srv-marketing a,
#srv-promotion a,
#srv-promotion-store a,
#srv-search-personnel a,
#srv-seo-kurs a,
#srv-seo-support a,
#srv-smm a,
#srv-support a,
#srv-yadir a {
    padding-top: 100px;
    text-decoration: none;
    color: #3c8192;
    text-transform: uppercase;
    display: block
}

#srv-seo-kurs a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat 27px 0
}

#srv-promotion a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -225px 0
}

#srv-promotion-store a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -458px 0
}

#srv-marketing a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -721px 0
}

#srv-search-personnel a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat 37px -558px
}

#srv-smm a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -234px -558px
}

#srv-contextual a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -471px -558px
}

#srv-audit a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -721px -558px
}

#srv-yadir a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat 37px -1127px
}

#srv-seo-support a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -236px -1120px
}

#srv-support a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -447px -1115px
}

#srv-copywriting a {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -730px -1118px
}

#srv-seo-kurs a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat 33px -256px
}

#srv-promotion a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -225px -259px
}

#srv-promotion-store a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -456px -257px
}

#srv-marketing a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -721px -253px
}

#srv-search-personnel a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat 37px -830px
}

#srv-smm a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -243px -833px
}

#srv-contextual a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -470px -834px
}

#srv-audit a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -723px -831px
}

#srv-yadir a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat 37px -1375px
}

#srv-seo-support a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -236px -1370px
}

#srv-support a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -447px -1363px
}

#srv-copywriting a:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite.png) no-repeat -730px -1358px
}

.services-top {
    margin: 2px 0 0;
    text-align: center
}

.services-bottom {
    padding: 3px 0;
    text-align: center
}

.services-bottom a,
.services-top a {
    display: inline-block;
    text-decoration: none
}

.services-top a {
    border-bottom: 1px solid #3c8192;
    padding-bottom: 4px;
    width: 88px;
    margin: 0 9px 0 3px
}

#srv-audit-header,
#srv-contextual-header,
#srv-copywriting-header,
#srv-marketing-header,
#srv-promotion-store-header,
#srv-search-personnel-header,
#srv-seo-support-header,
#srv-smm-header,
#srv-support-header,
#srv-yadir-header {
    display: table-cell;
    width: 98px;
    padding: 0 1px 0 0;
    vertical-align: middle;
    font-size: 8px;
    border-right: 1px solid #3c8192;
    height: 51px
}

#srv-contextual-header,
#srv-copywriting-header {
    border-right: none
}

#srv-audit-header p,
#srv-contextual-header p,
#srv-copywriting-header p,
#srv-marketing-header p,
#srv-promotion-store-header p,
#srv-search-personnel-header p,
#srv-seo-support-header p,
#srv-smm-header p,
#srv-support-header p,
#srv-yadir-header p {
    padding-left: 35px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 60px;
    margin-bottom: 0
}

#srv-promotion-store-header {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -288px 11px
}

#srv-marketing-header {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -415px 9px
}

#srv-search-personnel-header {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat 2px -176px
}

#srv-smm-header {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -132px -177px
}

#srv-contextual-header {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -287px -175px
}

#srv-audit-header {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -413px -173px
}

#srv-yadir-header {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat 2px -367px
}

#srv-seo-support-header {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -134px -361px
}

#srv-support-header {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -280px -362px
}

#srv-copywriting-header {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -420px -364px
}

#srv-promotion-store-header:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -287px -75px
}

#srv-marketing-header:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -415px -75px
}

#srv-search-personnel-header:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat 2px -267px
}

#srv-smm-header:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -135px -269px
}

#srv-contextual-header:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -286px -267px
}

#srv-audit-header:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -414px -264px
}

#srv-yadir-header:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat 2px -450px
}

#srv-seo-support-header:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -134px -445px
}

#srv-support-header:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -280px -445px
}

#srv-copywriting-header:hover {
    background: url(/sites/all/themes/seomid/images/services-sprite-header.png) no-repeat -420px -444px
}

.page-node-3 .content {
    margin-top: -10px
}

#center {
    margin: auto;
    display: table
}

#node-3 .field-name-field-advantages {
    background: 0 0
}

.promotion-block {
    width: 190px;
    display: inline-block;
    margin: 0 10px;
    margin-bottom: 40px;
    border: 1px solid #cdcdcd;
    padding: 0 10px;
    font-size: 13px;
    color: #777;
    text-align: center;
    vertical-align: text-top
}

#online-store,
#open-budget,
#position,
#traffic {
    position: relative;
    top: -20px;
    width: 192px;
    height: 150px
}

#position {
    background: url(/sites/all/themes/seomid/images/promotion-sprite.png) no-repeat 24px 0
}

#traffic {
    background: url(/sites/all/themes/seomid/images/promotion-sprite.png) no-repeat -234px 0
}

#open-budget {
    background: url(/sites/all/themes/seomid/images/promotion-sprite.png) no-repeat -485px 0
}

#online-store {
    background: url(/sites/all/themes/seomid/images/promotion-sprite.png) no-repeat -743px 0
}

.promotion-h {
    color: #3c8192;
    font-size: 20px;
    text-transform: uppercase;
    height: 60px
}

.promotion-txt {
    height: 120px
}

.promotion-txt-h {
    color: #3c8192;
    font-size: 16px;
    height: 25px
}

.pp-h {
    font-size: 40px;
    line-height: 0
}

#pp-experience,
#pp-result,
#pp-safeguards,
#pp-service {
    width: 206px;
    height: 265px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 17px;
    padding: 67px 20px 0 12px;
    font-size: 12px;
    vertical-align: top;
    line-height: 18px;
    border-right: 1px solid #3c8192
}

#pp-experience {
    background: url(/sites/all/themes/seomid/images/promotion-sprite.png) no-repeat 36px -632px
}

#pp-service {
    background: url(/sites/all/themes/seomid/images/promotion-sprite.png) no-repeat -217px -632px
}

#pp-safeguards {
    background: url(/sites/all/themes/seomid/images/promotion-sprite.png) no-repeat -464px -632px
}

#pp-result {
    margin-right: 0;
    background: url(/sites/all/themes/seomid/images/promotion-sprite.png) no-repeat -721px -632px;
    border-right: none
}

.pm-h {
    font-size: 20px !important;
    margin-bottom: 10px
}

#pm-goals,
#pm-increase,
#pm-qualification,
#pm-transparency {
    width: 400px;
    display: inline-block;
    margin-right: 35px;
    margin-bottom: 17px;
    padding: 25px 20px 0 42px;
    line-height: 18px;
    background: url(/sites/all/themes/seomid/images/promotion-sprite.png) no-repeat -491px -1040px
}

#img-promotion {
    margin: auto;
    display: block;
    margin-top: 25px;
    padding-bottom: 20px;
    width: 100%
}

.creation-block {
    width: 160px;
    display: inline-block;
    margin: 0 7px 40px;
    border: 1px solid #cdcdcd;
    padding: 0 10px;
    font-size: 13px;
    color: #777;
    text-align: center;
    vertical-align: text-top
}

.creation-block .promotion-h {
    color: #3c8192;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    height: 35px
}

.creation-block .promotion-txt {
    height: 210px
}

.creation-block a.colorbox-inline {
    font-size: 21px
}

#business,
#corporate,
#creation-online-store,
#cutaway,
#landing {
    position: relative;
    top: -20px;
    width: 100%;
    height: 115px
}

#cutaway {
    background: url(/sites/all/themes/seomid/images/development-sprite.png) no-repeat 24px 0
}

#landing {
    background: url(/sites/all/themes/seomid/images/development-sprite.png) no-repeat -240px 0
}

#business {
    background: url(/sites/all/themes/seomid/images/development-sprite.png) no-repeat -505px 0
}

#corporate {
    background: url(/sites/all/themes/seomid/images/development-sprite.png) no-repeat -770px 0
}

#creation-online-store {
    background: url(/sites/all/themes/seomid/images/development-sprite.png) no-repeat -1036px 0
}

.ps-creation {
    width: 400px;
    display: inline-block;
    margin-right: 35px;
    padding: 25px 20px 0 42px;
    line-height: 18px;
    background: url(/sites/all/themes/seomid/images/promotion-sprite.png) no-repeat -491px -1040px;
    vertical-align: text-top
}

#node-4 .prhh {
    margin-bottom: 0;
    padding-bottom: 15px
}

#ccicommers {
    background: url(/sites/all/themes/seomid/images/kurs-devel-sprite.png) no-repeat 0 0
}

#ccistore {
    background: url(/sites/all/themes/seomid/images/kurs-devel-sprite.png) no-repeat -551px -1px
}

#ccicommers,
#ccistore {
    position: relative;
    height: 280px;
    background-size: 297%
}

.creation-course-block {
    width: 280px;
    display: inline-block;
    margin: 0 51px 40px;
    border: 1px solid #cdcdcd;
    font-size: 13px;
    color: #777;
    vertical-align: text-top
}

.cec-h {
    color: #3c8192;
    font-size: 20px;
    text-transform: uppercase;
    margin: 15px 0;
    text-align: center
}

a.click1 {
    color: #777;
    text-decoration: none;
    line-height: 10px;
    padding: 18px 43px 10px;
    display: block;
    background: url(/sites/all/themes/seomid/images/kurs-pic.png) no-repeat 41px 14px
}

a.click1:hover {
    color: #3c8192;
    background: url(/sites/all/themes/seomid/images/kurs-pic.png) no-repeat 41px -146px
}

.box-for-colorbox {
    width: 210px;
    margin: auto
}

.cec-kod {
    color: #3c8192;
    font-size: 21px;
    text-align: center;
	padding: 12px 0px;
}

#footer-wrapper {
    color: silver;
    margin: auto;
    min-height: 345px;
    padding: 35px 0 30px
}

#footer-wrapper a {
    color: #fcfcfc;
    color: rgba(255, 255, 255, .8)
}

#footer-wrapper a:focus,
#footer-wrapper a:hover {
    color: #fefefe;
    color: rgba(255, 255, 255, .95);
    text-decoration: underline
}

#footer-wrapper #block-block-10 {
    font-size: 10px;
    margin-top: 90px
}

#logo_footer {
    background: url(/sites/all/themes/seomid/images/logo.png) no-repeat -2px 0;
    width: 100%;
    height: 85px;
    opacity: .5;
    background-size: 100%
}

#footer .block,
#footer-columns .block-menu {
    margin: 0;
    padding: 0;
    border: none
}

#footer .block {
    margin: .5em 0
}

#footer .block .content {
    padding: .5em 0;
    margin-top: 0
}

#footer-columns .content {
    margin-top: 0
}

#footer-columns {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-around;
    max-width: 1000px
}

.region-footer-fourthcolumn {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

.region-footer-fourthcolumn .block-title,
.region-footer-secondcolumn .block-title,
.region-footer-thirdcolumn .block-title {
    text-align: center
}

.region-footer-fourthcolumn #block-block-13 .content p {
    display: flex;
    justify-content: space-around
}

.field-name-field-address .field-item {
    display: block;
    max-width: 1000px;
    margin: 0 auto
}

.field-name-field-other-questions .field-items {
    max-width: 1000px;
    margin: 0 auto
}

.facebook-group,
.google-group,
.linkedin-group,
.twitter-group,
.vk-group {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    margin-top: 22px;
    display: inline-block
}

.google-group {
    background: url(/sites/all/themes/seomid/images/s-group-sprite.png) no-repeat 0 0
}

.facebook-group {
    background: url(/sites/all/themes/seomid/images/s-group-sprite.png) no-repeat -39px 0
}

.twitter-group {
    background: url(/sites/all/themes/seomid/images/s-group-sprite.png) no-repeat -77px 0
}

.linkedin-group {
    background: url(/sites/all/themes/seomid/images/s-group-sprite.png) no-repeat -117px 0
}

.vk-group {
    background: url(/sites/all/themes/seomid/images/s-group-sprite.png) no-repeat -155px 0
}

.google-group:hover {
    background: url(/sites/all/themes/seomid/images/s-group-sprite-hover.png) no-repeat 0 0
}

.facebook-group:hover {
    background: url(/sites/all/themes/seomid/images/s-group-sprite-hover.png) no-repeat -39px 0
}

.twitter-group:hover {
    background: url(/sites/all/themes/seomid/images/s-group-sprite-hover.png) no-repeat -77px 0
}

.linkedin-group:hover {
    background: url(/sites/all/themes/seomid/images/s-group-sprite-hover.png) no-repeat -117px 0
}

.vk-group:hover {
    background: url(/sites/all/themes/seomid/images/s-group-sprite-hover.png) no-repeat -155px 0
}

#footer-columns .content ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0
}

#footer-columns .content li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

#footer-columns .content li a {
    display: block;
    line-height: 14px;
    padding: .8em 2px .8em 0
}

#footer-columns .content li a:focus,
#footer-columns .content li a:hover {
    text-decoration: none
}

#footer {
    letter-spacing: .2px;
    margin-top: 30px;
    border-top: 1px solid #555;
    border-color: rgba(255, 255, 255, .15)
}

#footer .region {
    margin-top: 20px
}

#footer .block {
    clear: both
}

#footer li,
#footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#footer li a {
    float: left;
    padding: 0 12px;
    display: block;
    border-right: 1px solid #555;
    border-color: rgba(255, 255, 255, .15)
}

#footer li.first a {
    padding-left: 0
}

#footer li.last a {
    padding-right: 0;
    border-right: none
}

#footer-wrapper tr.odd {
    background-color: transparent
}

#footer-wrapper tr.even {
    background-color: #2c2c2c;
    background-color: rgba(0, 0, 0, .15)
}

#block-block-6 {
    float: left
}

#footer table {
    border-collapse: inherit !important
}

#___plusone_0 {
    width: 80px !important
}

#footer tr td {
    padding: 0
}

.tabs {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 20px
}

.tabs ul.primary {
    padding: 0 3px;
    margin: 0;
    overflow: hidden;
    border: none;
    background: transparent url(/sites/all/themes/seomid/images/tabs-border.png) repeat-x left bottom
}

.tabs ul.primary li {
    display: block;
    float: left;
    vertical-align: bottom;
    margin: 0 5px 0 0
}

.tabs ul.primary li.active a {
    border-bottom: 1px solid #fff
}

.tabs ul.primary li a {
    color: #000;
    background-color: #ededed;
    height: 1.8em;
    line-height: 1.9;
    display: block;
    font-size: .929em;
    float: left;
    padding: 0 10px 3px;
    margin: 0;
    text-shadow: 0 1px 0 #fff;
    -khtml-border-radius-topleft: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -khtml-border-radius-topright: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px
}

.tabs ul.primary li.active a {
    background-color: #fff
}

.tabs ul.secondary {
    border-bottom: none;
    padding: .5em 0
}

.tabs ul.secondary li {
    display: block;
    float: left
}

.tabs ul.secondary li:last-child {
    border-right: none
}

.tabs ul.secondary li:first-child {
    padding-left: 0
}

.tabs ul.secondary li a {
    padding: .25em .5em
}

.tabs ul.secondary li a.active {
    background: #f2f2f2;
    border-bottom: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px
}

ul.action-links {
    list-style: none;
    margin: 5px;
    padding: .5em 1em
}

ul.action-links li {
    display: inline-block;
    margin-left: 10px
}

ul.action-links li a {
    padding-left: 15px;
    background: url(/sites/all/themes/seomid/images/add.png) no-repeat left center;
    margin: 0 10px 0 0
}

#messages {
    padding: 20px 0 5px;
    margin: 0 auto;
    background-color: #fff9ff
}

.featured #messages {
    background: #f0f0f0;
    background: rgba(30, 50, 10, .08)
}

div.messages {
    margin: 8px 15px
}

.view-id-adress .view-header {
    position: absolute;
    z-index: 9;
    right: 160px;
    float: right;
    background-color: #3c8192;
    color: #fff;
    padding: 20px 50px;
    opacity: .7;
    margin-top: 95px
}

.breadcrumb {
    font-size: .929em;
    max-width: 1000px;
    margin: auto
}

.profile .user-picture {
    float: none
}

.confirm-parent,
.password-parent {
    width: 34em
}

.password-parent,
div.form-item div.password-suggestions {
    position: relative
}

.password-strength-text,
.password-strength-title,
div.password-confirm {
    font-size: .82em
}

.password-strength-text {
    margin-top: .2em
}

div.password-confirm {
    margin-top: 2.2em;
    width: 20.73em
}

.fieldset {
    background: #fff;
    border: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 32px;
    padding: 0 0 10px;
    position: relative;
    top: 12px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.fieldset-wrapper {
    margin-top: 25px
}

.node-form .vertical-tabs .fieldset-wrapper {
    margin-top: 0
}

.filter-wrapper {
    top: 0;
    padding: 1em 0 .2em;
    -khtml-border-radius-topright: 0;
    -khtml-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.filter-help a {
    font-size: .857em;
    padding: 2px 20px 0
}

.filter-wrapper .form-item label {
    margin-right: 10px
}

.filter-wrapper .form-item {
    padding: 0 0 .5em .5em
}

.filter-guidelines {
    padding: 0 1.5em 0 .5em
}

fieldset.collapsed {
    background: 0 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

fieldset legend {
    background: #dbdbdb;
    border: 1px solid #ccc;
    border-bottom: none;
    color: #3b3b3b;
    display: block;
    height: 2em;
    left: -1px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    line-height: 2;
    padding: 0;
    position: absolute;
    text-indent: 10px;
    text-shadow: 0 1px 0 #fff;
    top: -12px;
    width: 100%;
    -khtml-border-radius-topleft: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -khtml-border-radius-topright: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

fieldset.collapsed legend {
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

fieldset legend a {
    color: #3b3b3b
}

fieldset legend a:active,
fieldset legend a:focus,
fieldset legend a:hover {
    color: #000
}

fieldset .fieldset-wrapper {
    padding: 0 10px
}

fieldset .fieldset-description {
    margin-top: 5px;
    margin-bottom: 1em;
    line-height: 1.4;
    color: #3c3c3c;
    font-style: italic
}

input {
    margin: 2px 0;
    padding: 4px
}

input,
textarea {
    font-size: .929em
}

textarea {
    line-height: 1.5
}

select.form-select,
textarea.form-textarea {
    padding: 4px
}

input.form-text,
select.form-select,
textarea.form-textarea {
    border: 1px solid #ccc
}

input.form-submit:focus,
input.form-submit:hover {
    background: #dedede
}

.password-suggestions ul li {
    margin-left: 1.2em
}

.form-item {
    margin-bottom: 1em;
    margin-top: 2px
}

.form-item label {
    font-size: .929em
}

.form-type-checkbox label,
.form-type-radio label {
    margin-left: 4px
}

.form-type-checkbox .description,
.form-type-radio .description {
    margin-left: 2px
}

.form-actions {
    padding-top: 10px;
    width: 340px;
    margin: auto
}

.contact-form #edit-name {
    width: 75%;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.contact-form #edit-mail {
    width: 75%;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.contact-form #edit-subject {
    width: 75%;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.contact-form #edit-message {
    width: 76.3%;
    -khtml-border-top-left-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.contact-form .resizable-textarea .grippie {
    width: 76%;
    -khtml-border-bottom-left-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.form-disabled input,
.form-disabled select,
.form-disabled textarea,
input.form-button-disabled,
input.form-button-disabled:active,
input.form-button-disabled:focus,
input.form-button-disabled:hover {
    background: #ededed;
    border-color: #bbb;
    color: #717171
}

.form-disabled .grippie {
    background-color: #ededed;
    border-color: #bbb
}

.form-disabled label {
    color: #717171
}

html.js input.form-autocomplete {
    background-position: 100% 4px
}

html.js input.throbbing {
    background-position: 100% -16px
}

.comment-form label {
    float: left;
    font-size: .929em;
    width: 120px
}

.comment-form .form-select,
.comment-form input {
    margin: 0;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.comment-form .form-type-textarea label {
    float: none
}

.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-select,
.comment-form .form-type-checkbox {
    margin-bottom: 10px;
    overflow: hidden
}

.comment-form .form-radios,
.comment-form .form-type-checkbox {
    margin-left: 120px
}

.comment-form .form-radios label,
.comment-form .form-type-checkbox label {
    float: none;
    margin-top: 0
}

.comment-form input.form-file {
    width: auto
}

.no-sidebars .comment-form .form-text {
    width: 800px
}

.one-sidebar .comment-form .form-text {
    width: 500px
}

.two-sidebars .comment-form .form-text {
    width: 320px
}

.comment-form .form-item .description {
    font-size: .786em;
    line-height: 1.2;
    margin-left: 120px
}

#content h2.comment-form {
    margin-bottom: .5em
}

.comment-form .form-textarea {
    -khtml-border-radius-topleft: 4px;
    -khtml-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.comment-form .text-format-wrapper .form-item,
.comment-form fieldset.filter-wrapper .fieldset-wrapper {
    margin-top: 0;
    margin-bottom: 0
}

.filter-wrapper label {
    width: auto;
    float: none
}

.filter-wrapper .form-select {
    min-width: 120px
}

.comment-form fieldset.filter-wrapper .tips {
    font-size: .786em
}

#comment-body-add-more-wrapper .form-type-textarea label {
    margin-bottom: .4em
}

#edit-actions input {
    margin-right: .6em
}

div.password-suggestions {
    border: 0
}

.ui-widget-overlay {
    background: #222;
    opacity: .7
}

div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
    padding: 1em
}

#forum .name {
    font-size: 1.083em
}

#forum .description {
    font-size: 1em
}

#block-search-form {
    padding-bottom: 7px
}

#block-search-form .content {
    margin-top: 0
}

#block-search-form .form-item-search-block-form input,
#search-form input#edit-keys {
    float: left;
    font-size: 1em;
    height: 1.143em;
    margin-right: 5px;
    width: 9em
}

#search-block-form input.form-submit,
#search-form input.form-submit {
    margin-left: 0;
    margin-right: 0;
    height: 25px;
    width: 34px;
    padding: 0;
    cursor: pointer;
    text-indent: -9999px;
    border-color: #e4e4e4 #d2d2d2 #b4b4b4;
    background: url(/sites/all/themes/seomid/images/search-button.png) no-repeat center top;
    overflow: hidden
}

#search-block-form input.form-submit:focus,
#search-block-form input.form-submit:hover,
#search-form input.form-submit:focus,
#search-form input.form-submit:hover {
    background-position: center bottom
}

#search-form .form-item-keys label {
    display: block
}

ol.search-results {
    padding-left: 0
}

.search-results li {
    border-bottom: 1px solid #d3d7d9;
    padding-bottom: .4285em;
    margin-bottom: .5em
}

.search-results li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 1em
}

.search-results .search-snippet-info {
    padding-left: 0
}

.shortcut-wrapper {
    margin: 2.2em 0 1.1em
}

.shortcut-wrapper h1#page-title {
    float: left;
    margin: 0
}

div.add-or-remove-shortcuts {
    padding-top: .9em
}

.overlay div.add-or-remove-shortcuts {
    padding-top: .8em
}

.page-admin #content img {
    margin-right: 15px
}

.page-admin #content .simpletest-image img {
    margin: 0
}

.page-admin-structure-block-demo .block-region {
    background: #ff6;
    border: 1px dotted #9f9e00;
    color: #000;
    font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    margin: 5px;
    padding: 5px;
    text-align: center;
    text-shadow: none
}

.page-admin-structure-block-demo #featured .block-region {
    font-size: .55em
}

.page-admin-structure-block-demo #header .block-region {
    width: 500px
}

.page-admin #admin-dblog img {
    margin: 0 5px
}

#system-theme-settings fieldset {
    padding: 0
}

#system-theme-settings fieldset .fieldset-legend {
    margin-top: 0
}

div.admin .left,
div.admin .right {
    width: 49%;
    margin: 0
}

div.admin-panel {
    background: #fbfbfb;
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 0 5px 5px
}

div.admin-panel h3 {
    margin: 16px 7px
}

div.admin-panel dt {
    border-top: 1px solid #ccc;
    padding: 7px 0 0
}

div.admin-panel dd {
    margin: 0 0 10px
}

div.admin-panel .description {
    margin: 0 0 14px 7px
}

.overlay #content,
.overlay #main {
    width: auto;
    float: none
}

.overlay #page {
    padding: 0 2em
}

.overlay,
.overlay #featured,
.overlay #footer-wrapper,
.overlay #page-title,
.overlay #sidebar-first,
.overlay #triptych-wrapper,
.overlay .region-page-top {
    display: none
}

.overlay-processed .field-type-image {
    display: block;
    float: none
}

.overlay #messages {
    width: auto
}

.node .poll {
    margin: 2em 0
}

.node .poll #edit-choice {
    margin: 0 0 1.5em
}

.poll .vote-form {
    text-align: left
}

.poll .vote-form .choices {
    margin: 0
}

.poll .percent {
    font-size: .857em;
    font-style: italic;
    margin-bottom: 3em;
    margin-top: -3.2em;
    float: right;
    text-align: right
}

.poll .text {
    clear: right;
    margin-right: 2.25em
}

.poll .total {
    font-size: .929em;
    font-style: italic;
    text-align: right;
    clear: both
}

.node .poll {
    margin: 1.8em 0 0
}

.node .poll .text {
    margin-right: 6.75em
}

.node .poll #edit-choice {
    margin: 0 0 1.2em
}

.poll .bar .foreground {
    background-color: #666
}

#footer-wrapper .poll .bar {
    background-color: #666
}

#footer-wrapper .poll .bar .foreground {
    background-color: #ddd
}

#page,
body,
html {
    height: 100%
}

#page-wrapper {
    min-height: 100%;
    background-color: #fff9ff
}

#featured div.section,
#footer,
#footer-columns,
#header div.section,
#messages div.section,
#triptych {
    margin-left: auto;
    margin-right: auto
}

#header div.section {
    position: relative;
    max-width: 1000px;
    background-color: #282827
}

.region-header {
    margin: 0 5px
}

.with-secondary-menu .region-header {
    margin-top: 1.3em
}

#secondary-menu {
    position: absolute;
    right: 0;
    top: 0;
    width: 480px
}

#content,
#sidebar-first,
#sidebar-second,
.region-footer-firstcolumn,
.region-footer-fourthcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-triptych-first,
.region-triptych-last,
.region-triptych-middle {
    display: inline;
    float: left;
    position: relative
}

.region-footer-fourthcolumn {
    float: right
}

.one-sidebar #content {
    width: 710px;
    background: #fff;
    text-align: center
}

.two-sidebars #content {
    width: 480px
}

.no-sidebars #content {
    background: #fff;
    width: 100%
}

#sidebar-first,
#sidebar-second {
    width: 240px
}

#sidebar-first .section {
    padding: 0 15px 0 0
}

#main-wrapper {
    min-height: 300px;
    top: -15px;
    position: relative;
    text-align: justify
}

#breadcrumb {
    margin: 0 15px
}

.region-triptych-last,
.region-triptych-middle {
    margin: 20px 20px 30px;
    width: 280px
}

.region-footer-firstcolumn,
.region-footer-fourthcolumn {
    padding: 0 10px;
    width: 220px
}

.region-footer-secondcolumn {
    width: 190px
}

.region-footer-thirdcolumn {
    width: 300px
}

#footer {
    width: 940px;
    min-width: 920px
}

body,
body.overlay {
    color: #3b3b3b
}

.field-item,
 {
  
    
}

.field-name-field-service-selection .field-item #center,
.field-name-field-why-do-we .field-item #contact,
.field-name-field-advantages .field-item,
.field-name-field-about-us .field-item,
.field-name-field-why-do-we .field-item,
.field-name-field-service-selection .field-item{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-around
}
.comment .comment-arrow {
    border-color: #fff
}

.field-name-field-link-to-review .field-item {
    display: block
}

#main-wrapper,
#page {
    background: #fff
}

.tabs ul.primary li a.active {
    background-color: #fff
}

.tabs ul.primary li.active a {
    background-color: #fff;
    border-bottom: 1px solid #fff
}

#header {
    background-color: #282827;
    width: 100%;
    margin: auto;
    height: 140px
}

a {
    color: #0071b3
}

a:focus,
a:hover {
    color: #018fe2
}

a:active {
    color: #23aeff
}

.sidebar .block {
    background-color: #f6f6f2;
    border-color: #f9f9f9
}

#footer-wrapper {
    background: #282827
}

#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a,
.region-header,
.region-header a,
.region-header li a.active {
    color: #8c6a56
}

#main-menu-links a:hover {
    color: #3c8192
}

@media only screen and (min-width:600px) {
    .view-id-clients_carousel .jcarousel-clip-horizontal {
        width: 436px !important
    }
}

@media only screen and (max-width:600px) {
    .view-id-clients_carousel .jcarousel-clip-horizontal {
        width: 218px !important
    }

    .ps-creation {
        font-size: 9px;
        line-height: 12px;
        margin-right: 0;
        padding: 25px 5px 0 36px
    }

    #contact-phone {
        font-size: 18px;
        line-height: 25px;
        background-position: 51px 44px
    }

    .contact-call {
        font-size: 20px
    }

    #node-76 input#edit-submitted-imya--2 {
        font-size: 20px;
        width: 175px
    }

    input#edit-webform-ajax-submit-76 {
        height: 40px;
        padding: 2px 5px
    }

    #contact-call {
        background: 0 0
    }

    #block-block-23 a.colorbox-inline {
        font-size: 12px
    }
}

@media only screen and (max-width:490px) {

    .chief,
    .expert,
    .express,
    .professional {
        padding: 157px 0 0;
        margin-bottom: 28px;
        font-size: 9px;
        width: 150px
    }

    .express {
        background: url(/sites/all/themes/seomid/images/imgonline-com-ua-Resize-OvjaNgBJfO.jpg) no-repeat
    }

    .professional {
        background: url(/sites/all/themes/seomid/images/imgonline-com-ua-Resize-oDnYCviIo4v.jpg) no-repeat
    }

    .expert {
        background: url(/sites/all/themes/seomid/images/imgonline-com-ua-Resize-OD9KoatCzOL.jpg) no-repeat
    }

    .chief {
        background: url(/sites/all/themes/seomid/images/imgonline-com-ua-Resize-XWqC4ICSBj.jpg) no-repeat
    }

    a.click {
        line-height: 16px;
        padding: 13px 0 7px;
        background-position-x: 3px
    }

    a.click:hover {
        background-position-x: 3px
    }

    .express-h {
        font-size: 14px;
        text-align: center
    }

    #block-block-22 a.colorbox-inline,
    .field-name-field-service-selection a.colorbox-inline {
        font-size: 17px;
        padding: 7px 14px !important;
        margin: 0 10px 10px
    }

    #pp-free,
    #pp-individual,
    #pp-practik,
    #pp-profi {
        width: 145px;
        height: 180px;
        display: inline-block;
        margin-bottom: 30px;
        padding: 100px 10px 0;
        font-size: 11px;
        line-height: 18px;
        margin-right: 0
    }

    .h {
        font-size: 14px
    }

    #pp-individual {
        background-position-x: 35px
    }

    #pp-practik {
        background-position-x: -418px
    }

    #pp-free {
        background-position-x: -862px;
        background-position-y: 5px;
        margin-bottom: 67px
    }

    #pp-profi {
        background-position-x: -1290px
    }

    #pr15,
    #pr200,
    #pr250,
    #pr300,
    #pr8 {
        margin-right: 0
    }

    .creation-block {
        width: 140px;
        font-size: 10px;
        line-height: 15px
    }

    .creation-block .promotion-h {
        font-size: 15px
    }

    .creation-block .promotion-txt {
        height: 150px
    }

    #cutaway {
        background-position-x: 13px
    }

    #landing {
        background-position-x: -251px
    }

    #business {
        background-position-x: -516px
    }

    #corporate {
        background-position-x: -781px
    }

    #creation-online-store {
        background-position-x: -1047px
    }

    .pm-h {
        font-size: 10px !important;
        line-height: 12px;
        text-align: left
    }

    #contact-call,
    #contact-phone {
        width: 100%
    }

    .node-unpublished {
        margin: 0
    }

    .field-name-field-link-to-review .jcarousel-item-horizontal {
        transform: scale(.8)
    }
}

@media only screen and (min-width:830px) {
    .view-id-clients_carousel .jcarousel-clip-horizontal {
        width: 654px !important
    }
}

@media only screen and (max-width:990px) {

    #block-block-24 a.colorbox-inline,
    #block-block-9 a.colorbox-inline {
        padding: 10px 5px !important;
        font-size: 14px;
        top: 24px
    }

    #block-block-9 p {
        font-size: 9.5px;
        width: calc(100% - 127px)
    }

    #block-block-24 p {
        width: calc(100% - 127px)
    }

    #main-menu-links a {
        padding: 0 11px;
        text-align: center;
        width: 100%;
        padding: 0;
        box-shadow: none
    }

    #main-menu-links a:hover {
        color: #3c8192
    }

    #menuToggleBtn {
        display: list-item;
        border-right: 1px solid #fff
    }

    #main-menu-links {
        margin-top: 0;
        margin-left: 0;
        width: 200px;
        font-size: 14px;
        position: relative
    }

    #main-menu-links li {
        display: block;
        width: 100%
    }

    #main-menu-links li+li {
        display: none;
        left: -200px;
        position: absolute;
        z-index: 1;
        border: none
    }

    #pp-free,
    #pp-individual,
    #pp-practik,
    #pp-profi {
        border-right: none
    }

    .show {
        display: block !important;
        left: 0 !important
    }

    #otdireca {
        width: 58%;
        margin-left: 6%;
        padding: 3%
    }

    #face img {
        width: 23%
    }

    .hface {
        margin-left: 2%
    }

    #pr15,
    #pr200,
    #pr250,
    #pr300,
    #pr8 {
        width: 180px
    }

    .field-name-field-why-do-we {
        max-width: 1000px;
        background: url("/sites/default/files/Group-1-min.webp")
    }

    .field-name-field-link-to-review {
        max-width: 1000px
    }

    .field-name-field-advantages {
        max-width: 1000px
    }

    .field-name-field-link-to-our-customers {
        max-width: 1000px
    }

    .field-name-field-about-us {
        max-width: 1000px
    }

    .field-name-field-address {
        max-width: 1000px
    }

    #footer-wrapper {
        max-width: 1000px
    }

    #block-block-17 p,
    #block-block-18 p {
        font-size: 20px;
        line-height: 25px;
        padding: 19px;
        width: 125px
    }

    #block-block-18 p {
        width: 206px;
        padding: 19px 3px
    }

    #block-block-17 a.colorbox-inline,
    #block-block-18 a.colorbox-inline {
        font-size: 18px;
        padding: 10px !important
    }

    #pp-experience,
    #pp-result,
    #pp-safeguards,
    #pp-service {
        border-right: none;
        font-size: 10px;
        line-height: 13px
    }

    #pm-goals,
    #pm-increase,
    #pm-qualification,
    #pm-transparency {
        width: 50%;
        box-sizing: border-box;
        margin-right: 0
    }

    .ps-creation {
        width: 40%;
        box-sizing: border-box
    }

    .view-article-for-article table tr {
        margin-left: calc(50% - 230px) !important
    }

    #block-block-21 {
        margin-top: 25px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        height: auto
    }

    .field-name-field-link-to-review .jcarousel-item-horizontal {
        margin: 0 calc(50vw - 228px) !important
    }
}

@media only screen and (max-width:850px) {
    #block-block-17 p {
        font-size: 20px;
        line-height: 25px;
        padding: 19px;
        width: 125px
    }

    #block-block-17 a.colorbox-inline {
        font-size: 20px;
        padding: 10px !important
    }

    #block-block-18 {
        display: none
    }

    .cec-kod {
        font-size: 20px
    }
}

@media only screen and (max-width:800px) {
    #block-block-17 {
        display: none
    }

    #block-block-24,
    #block-block-9 {
        border-width: 4px;
        width: calc(100% - 475px)
    }

    #block-block-9 p {
        font-size: 8.5px;
        line-height: 15px;
        width: calc(100% - 108px)
    }

    #block-block-24 p {
        font-size: 16px;
        line-height: 20px;
        width: calc(100% - 108px);
        padding: 5px
    }

    #block-block-24 a.colorbox-inline,
    #block-block-9 a.colorbox-inline {
        font-size: 11px
    }
}

@media only screen and (max-width:770px) {
    .creation-course-block {
        margin: 0 0 40px
    }
}

.telefon-menu {
    display: none
}

@media only screen and (max-width:700px) {
    #header {
        height: 120px
    }

    #block-block-8 {
        display: none
    }

    #block-block-7 {
        position: fixed !important;
        right: -175px;
        bottom: 15px;
        z-index: 9;
        padding-left: 0;
        background: 0 0
    }

    #block-block-7 .content {
        background-color: #282827;
        padding-right: 10px
    }

    #block-block-24,
    #block-block-9 {
        margin-left: auto;
        float: right;
        margin-top: 20px;
        margin-right: 10px;
        width: calc(100% - 245px)
    }

    #block-block-24 .content,
    #block-block-9 .content {
        display: flex;
        flex-wrap: wrap-reverse
    }

    #block-block-24 p,
    #block-block-9 p {
        width: 100%;
        padding: 3px;
        margin-bottom: 5px
    }

    #block-block-24 a.colorbox-inline,
    #block-block-9 a.colorbox-inline {
        padding: 7px !important;
        margin: 0 auto;
        position: static
    }

    .hface {
        font-size: 2.8vw
    }

    .dface {
        font-size: 1.9vw;
        margin-top: 10px
    }

    #main-menu {
        display: flex;
        flex-wrap: nowrap
    }

    .telefon-menu {
        display: flex;
        align-items: center;
        margin-right: 5%
    }

    #webform-client-form-12 {
        width: auto
    }

    #node-12 .imya {
        float: none
    }

    #webform-client-form-5 .imya,
    #webform-client-form-5 .telefon,
    #webform-client-form-7 .email,
    #webform-client-form-7 .imya,
    #webform-client-form-7 .telefon,
    .email,
    .imya,
    .kurs,
    .sayt,
    .telefon {
        width: 90%;
        margin: auto !important
    }

    #node-12 .email {
        width: 90% !important
    }

    #node-12 .komentariy {
        box-sizing: content-box;
        width: 90% !important
    }

    #node-12 .grippie {
        width: 90% !important
    }

    .form-actions {
        width: auto
    }

    #call-btn {
        display: flex !important
    }

    #block-block-17,
    #block-block-18 {
        display: block;
        width: calc(100% - 255px);
        height: 70px;
        border-width: 4px
    }

    #block-block-17 p,
    #block-block-18 p {
        padding: 10px 19px
    }

    #block-block-17 a.colorbox-inline,
    #block-block-18 a.colorbox-inline {
        padding: 2px 10px !important
    }

    #block-block-18 {
        display: block
    }
}

@media only screen and (max-width:520px) {
    #block-block-24 {
        width: 50%;
        border-width: 5px;
        margin-left: 0
    }

    #block-block-24 .cec-kod {
        font-size: 14px;
        line-height: 15px
    }

    #pp-experience,
    #pp-result,
    #pp-safeguards,
    #pp-service {
        width: 162px;
        height: auto;
        padding-right: 5px;
        padding-left: 5px
    }

    .pp-h {
        font-size: 25px
    }

    #pp-experience {
        background-position-x: 6px
    }

    #pp-service {
        background-position-x: -247px
    }

    #pp-safeguards {
        background-position-x: -494px
    }

    #pp-result {
        background-position-x: -751px
    }
}

@media only screen and (max-width:1050px) {
    .field-name-field-about-us .field-items {
        padding: 0
    }
}

@media only screen and (max-width:1140px) {
    .field-name-field-about-us .field-items {
        padding: 0
    }
}

@media only screen and (min-width:1370px) {
    .field-name-field-why-do-we {
        background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat -242px 0
    }

    .field-name-field-about-us {
        background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat -273px -3148px
    }

    .field-name-field-link-to-review {
        background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat -197px -717px
    }

    .node-article .field-type-viewreference {
        background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat -260px -3059px
    }
}

@media only screen and (min-width:1610px) {
    .field-name-field-why-do-we {
        background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat 0 0
    }

    .field-name-field-about-us {
        background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat 0 -3148px
    }

    .field-name-field-link-to-review {
        background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat 0 -717px
    }

    .field-name-field-advantages {
        background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat 0 -1601px
    }

    .node-article .field-type-viewreference {
        background: url(/sites/all/themes/seomid/images/body.jpg) no-repeat 0 -3059px
    }
}

@media only screen and (min-width:1920px) {
    .field-name-field-why-do-we {
        margin: auto;
        width: 1920px
    }

    .field-name-field-about-us {
        margin: auto;
        width: 1920px
    }

    .field-name-field-link-to-review {
        margin: auto;
        width: 1920px
    }

    .field-name-field-advantages {
        margin: auto;
        width: 1920px
    }

    .node-article .field-type-viewreference {
        margin: auto;
        width: 1920px
    }

    .field-name-field-link-to-our-customers {
        margin: auto;
        width: 1920px
    }
}

p.individual {
    color: #d64f4f
}

#call-btn {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 40px;
    justify-content: center;
    align-items: center;
    z-index: 99;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #282827;
    border: 2px solid #008294
}

#call-btn svg {
    width: 60%;
    fill: #008294
}

@media only screen and (max-width:600px) {

    #block-block-17 p,
    #block-block-18 p {
        padding: 18px 0;
        font-size: 12px;
        line-height: 17px
    }

    #block-block-18 p {
        width: 130px
    }

    #block-block-17 a.colorbox-inline,
    #block-block-18 a.colorbox-inline {
        padding: 7px 10px !important;
        font-size: 13px
    }

    .pm-h {
        font-size: 13px
    }

    #pm-goals,
    #pm-increase,
    #pm-qualification,
    #pm-transparency {
        font-size: 9px;
        line-height: 12px
    }
}

@media only screen and (max-width:490px) {

    #block-block-17,
    #block-block-18 {
        width: calc(59% - 33px) !important
    }

    #block-block-17 p {
        width: 90px
    }

    #block-block-17 a.colorbox-inline,
    #block-block-18 a.colorbox-inline {
        padding: 7px 4px !important
    }

    #block-block-18 p {
        width: 105px;
        font-size: 10px;
        padding-top: 7px;
        padding-left: 5px
    }

    #block-block-18 a.colorbox-inline {
        right: 3px
    }

    .promotion-h {
        font-size: 16px
    }

    .promotion-block {
        font-size: 10px
    }

    .promotion-txt {
        height: 115px
    }

    .view-article-for-article img {
        width: 100%;
        height: auto
    }

    .view-article-for-article table tr {
        width: auto;
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    #block-block-24,
    #block-block-9 {
        width: calc(100% - 230px);
        min-width: 155px
    }

    #block-block-24 p,
    #block-block-9 p {
        padding: 3px 5px;
        line-height: 12px
    }
}

#block-block-22 .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

@media (min-width:700px) and (max-width:990px) {
    #block-block-21~#block-block-7 {
        position: absolute;
        right: 5px
    }

    #block-block-21~#block-block-8 {
        position: absolute;
        top: 105px
    }
}

.field-name-field-link-to-our-customers .views-field-field-image {
    width: auto
}

.portfolio {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 40px
}

.portfolio h2 {
    width: 100%
}

.portfolio-item {
    width: 32%;
    height: 300px;
    margin-bottom: 30px;
    overflow: hidden
}

.portfolio-item:hover {
    cursor: pointer
}

@media only screen and (min-width:1000px) {
    .portfolio-item:hover:nth-child(2) img {
        transform: translateY(-968px)
    }

    .portfolio-item:hover:nth-child(3) img {
        transform: translateY(-1269px)
    }

    .portfolio-item:hover:nth-child(4) img {
        transform: translateY(-1482px)
    }

    .portfolio-item:hover:nth-child(5) img {
        transform: translateY(-897px)
    }

    .portfolio-item:hover:nth-child(6) img {
        transform: translateY(-475px)
    }

    .portfolio-item:hover:nth-child(7) img {
        transform: translateY(-403px)
    }
}

@media only screen and (max-width:800px) {
    .portfolio-item {
        width: 48%
    }
}

@media only screen and (max-width:500px) {
    .portfolio-item {
        height: 200px
    }
}

.portfolio-item img {
    width: 100%;
    transition: transform 10s linear
}

#site-1 img,
#site-2 img,
#site-3 img,
#site-4 img,
#site-5 img,
#site-6 img {
    width: 100%
}

.portfolio-item a {
    background: inherit !important
}

.portfolio-item a:hover {
    background: inherit !important
}