body {
    padding: 0;
    background: #fff;
    margin-left: -15px;
    margin-right: 0;
    overflow-x: hidden;
    width: 103%
}

@media all and (max-width:480px) {
    body {
        width: 95%;
        margin-left: 0
    }

    .container_mainmenu {
        display: none
    }
}

.clr {
    clear: both
}

p {
    margin: 0 0 15px
}

h1 {
    padding: 0 0 30px 0;
    margin: 0;
    line-height: normal
}

h2,
h2 a {
    padding: 0 0 15px 0;
    margin: 0;
    line-height: normal
}

h3 {
    text-align: center;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    height: 40px;
    padding-top: 15px;
    margin-right: 0;
    margin-left: 0
}

@media all and (max-width:479px) {
    h3 {
        margin-right: 17px;
        margin-left: 15px
    }
}

h4 {
    margin: 0 0 15px 0;
    padding: 0
}

p.readmore a {
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background-color: #4e6577;
    border: 0
}

p.readmore a:focus,
p.readmore a:hover {
    text-decoration: none;
    background: #2fadd6
}

.category th {
    height: 30px;
    background: #eee
}

.category .item-num {
    width: 9%;
    padding: 1%
}

.category .item-title {
    width: 17%;
    padding: 1%
}

.category td.item-title a:hover,
.category td.item-title a:link,
.category td.item-title a:visited {
    text-decoration: underline
}

.category .item-position {
    width: 17%;
    padding: 1%
}

.category .item-phone {
    width: 17%;
    padding: 1%
}

.category .item-suburb {
    width: 17%;
    padding: 1%
}

.category .item-state {
    width: 17%;
    padding: 1%
}

.input {
    margin: 0;
    padding: 0
}

.inputbox,
input.required,
textarea.required {
    display: inline-block;
    vertical-align: middle;
    padding: 8px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    font-family: 'Open Sans', sans-serif;
    width: 184px
}

.btn,
.button {
    display: inline-block;
    background: 0 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 6px 15px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid #f1804e;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    text-transform: uppercase
}

.punkt:hover {
    color: #ff0
}

.btn:hover,
.button:hover {
    text-decoration: none;
    background: #f1804e;
    color: #fff
}

#login-form input {
    padding: 4px
}

div.item-page ol li,
div.item-page ul li {
    margin: 0 0 10px 0;
    padding: 0
}

.item-page {
    margin-top: -180px
}

div.icons ul.dropdown-menu li {
    margin: 0
}

ul.arrow,
ul.arrowleft,
ul.calendar,
ul.checklist,
ul.clock,
ul.delete,
ul.email,
ul.file,
ul.folder,
ul.heart,
ul.information,
ul.lock,
ul.pencil,
ul.person,
ul.play,
ul.rss,
ul.shop,
ul.song,
ul.star,
ul.star2,
ul.trash,
ul.tweak,
ul.unlock,
ul.warn {
    margin: 15px 45px;
    padding: 0
}

ul.arrow li,
ul.arrowleft li,
ul.calendar li,
ul.checklist li,
ul.clock li,
ul.delete li,
ul.email li,
ul.file li,
ul.folder li,
ul.heart li,
ul.information li,
ul.lock li,
ul.pencil li,
ul.person li,
ul.play li,
ul.rss li,
ul.shop li,
ul.song li,
ul.star li,
ul.star2 li,
ul.trash li,
ul.tweak li,
ul.unlock li,
ul.warn li {
    list-style: none;
    padding: 0 15px
}

ul.arrow li:before,
ul.arrowleft li:before,
ul.calendar li:before,
ul.checklist li:before,
ul.clock li:before,
ul.delete li:before,
ul.email li:before,
ul.file li:before,
ul.folder li:before,
ul.heart li:before,
ul.information li:before,
ul.lock li:before,
ul.pencil li:before,
ul.person li:before,
ul.play li:before,
ul.rss li:before,
ul.shop li:before,
ul.song li:before,
ul.star li:before,
ul.star2 li:before,
ul.trash li:before,
ul.tweak li:before,
ul.unlock li:before,
ul.warn li:before {
    font-family: FontAwesome;
    padding: 0;
    margin: 0 -20px;
    position: absolute
}

ul.arrow li:before {
    content: "\f061"
}

ul.arrowleft li:before {
    content: "\f060"
}

ul.calendar li:before {
    content: "\f073"
}

ul.checklist li:before {
    content: "\f00c"
}

ul.clock li:before {
    content: "\f017"
}

ul.delete li:before {
    content: "\f00d"
}

ul.email li:before {
    content: "\f0e0"
}

ul.file li:before {
    content: "\f15b"
}

ul.folder li:before {
    content: "\f07b"
}

ul.heart li:before {
    content: "\f004"
}

ul.information li:before {
    content: "\f05a"
}

ul.lock li:before {
    content: "\f023"
}

ul.pencil li:before {
    content: "\f040"
}

ul.person li:before {
    content: "\f007"
}

ul.play li:before {
    content: "\f04b"
}

ul.rss li:before {
    content: "\f09e"
}

ul.shop li:before {
    content: "\f07a"
}

ul.song li:before {
    content: "\f001"
}

ul.star li:before {
    content: "\f005"
}

ul.star2 li:before {
    content: "\f006"
}

ul.trash li:before {
    content: "\f014"
}

ul.tweak li:before {
    content: "\f0ad"
}

ul.unlock li:before {
    content: "\f09c"
}

ul.warn li:before {
    content: "\f071"
}

.fa-1 {
    font-size: 1em
}

.fa-2 {
    font-size: 2em
}

.fa-3 {
    font-size: 4em
}

.fa-4 {
    font-size: 7em
}

.fa-5 {
    font-size: 12em
}

.fa-6 {
    font-size: 16em
}

.error,
.info,
.warning {
    padding: 15px 30px;
    min-height: 50px
}

.error:before,
.info:before,
.warning:before {
    font-family: FontAwesome;
    font-size: 32px;
    margin: 0 30px 0 0;
    float: left
}

.warning {
    color: #000;
    border: 1px solid #fc0;
    background: #ff6
}

.warning:before {
    content: "\f071";
    color: #fc0
}

.info {
    color: #069;
    border: 1px solid #069;
    background: #bde1ff
}

.info:before {
    content: "\f05a"
}

.error {
    color: #ecb320;
    text-align: center;
    font-size: 26px
}

.outline {
    background: 0 0
}

.warning.outline {
    color: #d5aa00
}

.typewriter {
    background: url(../images/typewriter_bg.png);
    padding: 20px 15px 20px 30px;
    color: #000;
    font-family: "Courier New", Courier, monospace;
    line-height: 20px;
    text-align: left
}

.quote {
    margin: 0;
    padding: 15px 15px 15px 15px;
    font-size: 150%;
    font-style: italic;
    line-height: normal
}

.quote:before {
    font-family: FontAwesome;
    content: "\f10d";
    font-size: 4em;
    font-style: normal;
    color: #ddd;
    float: left;
    margin-right: 30px
}

.dropcap:first-letter {
    font-size: 300%;
    font-weight: 700;
    float: left;
    margin: 0 10px 5px 0;
    line-height: 1
}

span.p_number {
    font-size: 400%;
    font-weight: 700;
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
    line-height: 40px
}

.inset_left {
    display: block;
    float: left;
    width: 150px;
    font-style: italic;
    margin: 15px 15px 15px 0
}

.inset_right {
    display: block;
    float: right;
    width: 150px;
    font-style: italic;
    margin: 15px 0 15px 15px
}

.inset_title {
    font-weight: 700;
    display: block
}

img.img_left {
    float: left;
    margin: 0 15px 15px 0
}

img.img_right {
    float: right;
    margin: 0 0 15px 15px
}

.fontawesome-icon-list div {
    width: 25%;
    float: left;
    padding: 5px 0
}

.fontawesome-icon-list i {
    width: 30px;
    color: #333
}

.sparky_full {
    background: #06060e
}

.container {
    margin: 0 0 0 15px;
    padding: 0;
    width: 97%
}

div.abovecontent {
    padding: 0 0 30px 0
}

div.belowcontent {
    padding: 30px 0 0 0
}

p.copyright {
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    color: #fff;
    margin: 0
}

p.copyright a {
    color: #fff
}

.toprow {
    background: linear-gradient(#9a5044, #e8d9a9) fixed;
    color: #4d6577;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 0;
    position: relative;
    z-index: 2
}

.toprow .mp_top2 {
    text-align: center
}

.toprow .mp_top3 {
    text-align: right
}

.toprow .mp_top3 a {
    margin-left: 15px
}

.toprow img {
    padding-right: 10px
}

.toprow .mp_top1,
.toprow .mp_top2 {
    line-height: 18px
}

.toprow .mp_top1 i,
.toprow .mp_top2 i {
    color: #2fadd6;
    font-size: 18px;
    margin-right: 10px;
    line-height: 18px;
    vertical-align: top
}

.toprow .mp_top3 i {
    color: #4d6577;
    background: #d6d6d6;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center
}

.toprow .mp_top3 i:hover {
    background: #2fadd6;
    color: #fff
}

.logorow {
    background: #4e6577;
    padding: 25px 0 35px
}

.logorow:after,
.logorow:before {
    position: absolute;
    z-index: 1;
    top: 31px;
    width: 50.1%;
    content: "";
    height: 80px;
    background: #4e6577
}

.logorow:before {
    right: 0;
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg)
}

.logorow:after {
    left: 0;
    transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg)
}

.sparky_logo,
.sparky_slogan {
    line-height: 1;
    padding: 0 0 0 60px;
    position: relative;
    z-index: 2
}

.sparky_logo a:hover {
    color: #fff
}

div.sparky_logo a:before {
    content: "";
    position: absolute;
    background: #2faed7 url(../images/logo.png) no-repeat -15px 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 0 0 -60px
}

.logorow .mp_top4 {
    text-align: right;
    color: #d6d6d6;
    padding-top: 12px;
    position: relative;
    z-index: 2
}

.mp_topmenu {
    padding-top: 10px
}

.mnu_topmenu>li {
    margin: 0 3px
}

.mnu_topmenu li:hover,
.mnu_topmenu>li.active {
    border-radius: 15px
}

.mnu_topmenu ul {
    border-radius: 0 0 15px 15px;
    border-top: 15px solid #4e6577;
    opacity: .9
}

.closed .mnu_topmenu li ul li:hover {
    padding: 0 30px;
    background: url(../images/custom/submenu_hover.png) no-repeat 10px 5px
}

#search_enable {
    cursor: pointer
}

#close_search:hover,
#search_enable:hover {
    color: #f17f4e
}

.searchrow {
    display: none;
    background: #4e6577;
    position: absolute;
    width: 100%;
    z-index: 101;
    padding: 10px 0
}

.searchrow div.search input.inputbox {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d6d6d6;
    font-size: 18px;
    color: #d6d6d6;
    width: 90%
}

.searchrow .button {
    border: 0
}

.searchrow .button:hover {
    background: 0 0
}

#close_search {
    color: #d6d6d6;
    text-align: right;
    cursor: pointer
}

.carouselrow {
    position: relative;
    top: -30px;
    overflow: hidden
}

.carouselrow:after {
    position: relative;
    display: block;
    width: 120%;
    content: "";
    height: 80px;
    top: -80px;
    background: #fff;
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg)
}

.hot_swipe_carousel_slides .contents {
    top: 33%
}

.hot_swipe_carousel_slides .contents h2 {
    color: #fff;
    padding: 30px 0 5px 0;
    position: relative;
    z-index: 1;
    margin-left: 45px
}

.hot_swipe_carousel_slides .contents a.btn {
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 1
}

.hot_swipe_carousel_slides .contents p {
    position: relative;
    z-index: 1;
    margin-left: 45px
}

.flickity-prev-next-button,
.flickity-prev-next-button:hover {
    background: #4682b4
}

.svg-container {
    position: absolute
}

.hot_swipe_carousel_slides .gallery-cell.is-selected img {
    -webkit-animation-name: growslowly;
    -moz-animation-name: growslowly;
    -o-animation-name: growslowly;
    animation-name: growslowly;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    -ms-animation-duration: 10s;
    -o-animation-duration: 10s;
    animation-duration: 10s
}

.hot_swipe_carousel_slides .gallery-cell.is-selected .contents {
    opacity: 0;
    -webkit-animation-name: contentshow;
    -moz-animation-name: contentshow;
    -o-animation-name: contentshow;
    animation-name: contentshow;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.hot_swipe_carousel_slides .gallery-cell.is-selected .contents h2 {
    opacity: 0;
    position: relative;
    left: -20px;
    -webkit-animation-name: fromleft;
    -moz-animation-name: fromleft;
    -o-animation-name: fromleft;
    animation-name: fromleft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

.hot_swipe_carousel_slides .gallery-cell.is-selected .contents p.animright {
    opacity: 0;
    position: relative;
    right: 20px;
    -webkit-animation-name: fromright;
    -moz-animation-name: fromright;
    -o-animation-name: fromright;
    animation-name: fromright;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s
}

.hot_swipe_carousel_slides .gallery-cell.is-selected .contents p.animbottom {
    opacity: 0;
    position: relative;
    bottom: 20px;
    -webkit-animation-name: frombottom;
    -moz-animation-name: frombottom;
    -o-animation-name: frombottom;
    animation-name: frombottom;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -ms-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s
}

@-webkit-keyframes growslowly {
    0% {
        -webkit-transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1)
    }
}

@-moz-keyframes growslowly {
    0% {
        -moz-transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.1)
    }
}

@-o-keyframes growslowly {
    0% {
        -o-transform: scale(1)
    }

    100% {
        -o-transform: scale(1.1)
    }
}

@keyframes growslowly {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }
}

@-webkit-keyframes contentshow {
    25% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes contentshow {
    25% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes contentshow {
    25% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes contentshow {
    25% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fromleft {
    50% {
        opacity: 0;
        left: -20px
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@-moz-keyframes fromleft {
    50% {
        opacity: 0;
        left: -20px
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@-o-keyframes fromleft {
    50% {
        opacity: 0;
        left: -20px
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@keyframes fromleft {
    50% {
        opacity: 0;
        left: -20px
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@-webkit-keyframes fromright {
    66% {
        opacity: 0;
        right: -20px
    }

    100% {
        opacity: 1;
        right: 0
    }
}

@-moz-keyframes fromright {
    66% {
        opacity: 0;
        right: -20px
    }

    100% {
        opacity: 1;
        right: 0
    }
}

@-o-keyframes fromright {
    66% {
        opacity: 0;
        right: -20px
    }

    100% {
        opacity: 1;
        right: 0
    }
}

@keyframes fromright {
    66% {
        opacity: 0;
        right: -20px
    }

    100% {
        opacity: 1;
        right: 0
    }
}

@-webkit-keyframes frombottom {
    75% {
        opacity: 0;
        bottom: -20px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-moz-keyframes frombottom {
    75% {
        opacity: 0;
        bottom: -20px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-o-keyframes frombottom {
    75% {
        opacity: 0;
        bottom: -20px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@keyframes frombottom {
    75% {
        opacity: 0;
        bottom: -20px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

.contactrow {
    position: relative
}

.contactrow .cell,
.contactrow .container,
.contactrow .row {
    width: 1020px
}

.contactrow .cell_pad {
    margin: 0
}

.cell_pad {
    width: 100%;
    margin-left: 0
}

@media all and (max-width:480px) {
    .cell_pad_mob {
        margin-top: -50px
    }
}

.contactrow h3 {
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 35px 10px 65px;
    margin: 0;
    border-radius: 17px 17px 0 0;
    background: #f5f5f5 url(../images/custom/appointment_icon.png) no-repeat 30px 6px
}

div.hot_appointment {
    background: #2fadd6;
    padding: 20px 15px
}

.hot_appointment input.inputbox,
.rapid_contact input.inputbox,
.rapid_contact textarea {
    border: 0;
    background: rgba(255, 255, 255, .6);
    color: #fff;
    margin: 9px 0;
    padding: 8px 20px;
    width: 300px;
    height: 35px;
    box-sizing: border-box
}

.hot_appointment input.inputbox:focus,
.rapid_contact input.inputbox:focus,
.rapid_contact textarea:focus {
    outline: 0;
    background: 0 0;
    border: 2px solid #fff
}

.hot_appointment input.inputbox::-webkit-input-placeholder,
.rapid_contact input.inputbox::-webkit-input-placeholder,
.rapid_contact textarea::-webkit-input-placeholder {
    color: #fff
}

.hot_appointment input.inputbox:-moz-placeholder,
.rapid_contact input.inputbox:-moz-placeholder,
.rapid_contact textarea:-moz-placeholder {
    color: #fff
}

.hot_appointment input.inputbox::-moz-placeholder,
.rapid_contact input.inputbox::-moz-placeholder,
.rapid_contact textarea::-moz-placeholder {
    color: #fff
}

.hot_appointment input.inputbox:-ms-input-placeholder,
.rapid_contact input.inputbox:-ms-input-placeholder,
.rapid_contact textarea:-ms-input-placeholder {
    color: #fff
}

.hot_appointment input.button {
    border: 2px solid #fff;
    color: #fff;
    width: 288px;
    margin-top: 9px
}

.hot_appointment input.button:hover {
    background: #f1804e;
    border: 2px solid #f1804e
}

.hot_appointment .span4 {
    float: left;
    text-align: center
}

.Zebra_DatePicker *,
.Zebra_DatePicker :after,
.Zebra_DatePicker :before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.Zebra_DatePicker {
    position: absolute;
    background: #2fadd6;
    border: 3px solid #fff;
    display: none;
    z-index: 100;
    font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: 13px
}

.Zebra_DatePicker * {
    margin: 0;
    padding: 0;
    color: #666;
    background: 0 0;
    border: none
}

.Zebra_DatePicker table {
    border-collapse: collapse;
    border-spacing: 0
}

.Zebra_DatePicker td,
.Zebra_DatePicker th {
    text-align: center;
    padding: 5px 0
}

.Zebra_DatePicker td {
    cursor: pointer
}

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
    margin-top: 3px
}

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
    width: 30px;
    border: 1px solid #e6e6e6;
    background: #fff;
    color: #666
}

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_header td {
    color: #e0e0e0
}

.Zebra_DatePicker .dp_header .dp_next,
.Zebra_DatePicker .dp_header .dp_previous {
    width: 30px
}

.Zebra_DatePicker .dp_header .dp_caption {
    color: #fff;
    text-transform: uppercase
}

.Zebra_DatePicker .dp_header .dp_hover {
    background: #67aabb;
    color: #fff
}

.Zebra_DatePicker .dp_header .dp_blocked {
    color: #888;
    cursor: default
}

.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker td.dp_week_number {
    background: #f1f1f1;
    font-size: 9px;
    padding-top: 7px
}

.Zebra_DatePicker td.dp_not_in_month,
.Zebra_DatePicker td.dp_not_in_month_selectable,
.Zebra_DatePicker td.dp_weekend_disabled {
    background: #f5f5f5;
    color: #ccc;
    cursor: default
}

.Zebra_DatePicker td.dp_not_in_month_selectable {
    cursor: pointer
}

.Zebra_DatePicker td.dp_weekend {
    background: #fff;
    color: #666
}

.Zebra_DatePicker td.dp_selected {
    background: #f1804e;
    color: #fff !important
}

.Zebra_DatePicker .dp_monthpicker td {
    width: 33%
}

.Zebra_DatePicker .dp_yearpicker td {
    width: 33%
}

.Zebra_DatePicker .dp_footer {
    margin-top: 3px
}

.Zebra_DatePicker .dp_footer .dp_hover {
    background: #67aabb;
    color: #fff
}

.Zebra_DatePicker .dp_today {
    color: #fff;
    padding: 5px;
    text-transform: uppercase
}

.Zebra_DatePicker .dp_clear {
    color: #e0e0e0;
    padding: 3px
}

.Zebra_DatePicker td.dp_current {
    background: #ededed
}

.Zebra_DatePicker td.dp_disabled_current {
    color: #e38585
}

.Zebra_DatePicker td.dp_hover {
    background: #f1804e;
    color: #fff
}

.Zebra_DatePicker td.dp_disabled {
    background: #f5f5f5;
    color: #ddd;
    cursor: default
}

button.Zebra_DatePicker_Icon {
    display: block;
    position: absolute;
    width: 60px;
    height: 16px;
    background: url('../images/custom/calendar.png') no-repeat left top;
    text-indent: -9000px;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    vertical-align: top;
    outline: 0
}

button.Zebra_DatePicker_Icon_Disabled {
    background: #f5f5f5
}

button.Zebra_DatePicker_Icon {
    margin: 0 0 0 3px
}

button.Zebra_DatePicker_Icon_Inside {
    margin: 0 3px 0 0
}

.Zebra_DatePicker {
    width: 294px;
    left: auto !important;
    top: auto !important;
    margin-top: -10px;
    font-size: 12px
}

.dp_daypicker,
.dp_header {
    width: 100% !important
}

.doctorsrow {
    position: relative
}

.doctorsrow h3,
.galleryrow h3,
.maprow h3,
.page-header h2,
.servicesrow h3,
.sparky_home .contentrow h1 {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    color: #4c4c4c;
    border-bottom: 1px solid #ebebeb;
    background: url(../images/custom/title_bg.png) no-repeat right;
    margin-bottom: 30px
}

.doctors_gradient {
    background: url(../images/custom/gradient_blue.png) repeat-x;
    width: 300px;
    height: 200px;
    position: absolute;
    margin-top: -23px;
    margin-left: -23px;
    z-index: 1;
    border-radius: 15px;
    opacity: 0;
    transition: opacity .5s
}

.doctors_share {
    position: absolute;
    z-index: 2;
    width: 254px;
    text-align: center;
    margin-top: 162px
}

.doctors_share_open {
    position: absolute;
    z-index: 2;
    width: 254px;
    height: 30px;
    line-height: 30px;
    background: #2fadd6 url(../images/custom/social_bg.png) no-repeat right;
    border-radius: 15px;
    margin-top: -30px;
    opacity: 0;
    color: #fff;
    text-align: left;
    padding: 0 14px;
    box-sizing: border-box;
    font-size: 14px
}

.doctors_share_open a i {
    color: #d6d6d6;
    font-size: 14px;
    width: auto;
    float: right;
    padding: 0 7px;
    background: 0 0
}

.doctors_share_open a:hover i {
    color: #fff
}

.doctors_share i {
    background: #2fadd6;
    color: #fff;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    cursor: pointer
}

.doctorsrow .moduletable .span4 {
    float: left;
    margin-right: 3%;
    width: 31.3333%;
    padding: 23px;
    box-sizing: border-box;
    background: #f5f5f5;
    border-radius: 15px
}

.doctorsrow .moduletable .span4 p {
    margin: 0;
    opacity: 0;
    display: none;
    position: relative;
    z-index: 2;
    color: #fff
}

.doctorsrow .moduletable .span4 p.readmore a {
    display: inline-block;
    background: url(../images/custom/plus.png) no-repeat left;
    line-height: 20px;
    margin-top: 10px;
    padding: 0 0 0 26px;
    color: #fff;
    text-align: inherit;
    background-color: transparent;
    border: 0;
    text-transform: uppercase
}

.doctorsrow .moduletable .span4 p.readmore a:hover {
    color: #000;
    background: url(../images/custom/plus2.png) no-repeat left;
    transition: all .3s
}

.doctorsrow .moduletable .span4:last-child {
    margin-right: 0
}

.doctorsrow .moduletable .span4.box1 {
    background: #f5f5f5;
    font-size: 16px;
    height: 200px
}

.doctorsrow h4 {
    color: #f1804e;
    font-weight: 700;
    position: relative;
    z-index: 2;
    margin: 0
}

.doctorsrow .moduletable .span4.box1 h4 {
    margin-bottom: 45px
}

.doctorsrow .moduletable .span4.box2 img,
.doctorsrow .moduletable .span4.box3 img {
    position: absolute;
    margin-top: -23px;
    margin-left: -23px;
    border-radius: 15px
}

.doctorsrow .moduletable .span4.box2 h4,
.doctorsrow .moduletable .span4.box3 h4 {
    color: #4e6577;
    padding-top: 90px
}

.doctorsrow .moduletable .span4.box2:hover .doctors_share_open,
.doctorsrow .moduletable .span4.box3:hover .doctors_share_open {
    opacity: 1;
    transition: opacity .5s
}

.doctorsrow .moduletable .span4.box2:hover h4,
.doctorsrow .moduletable .span4.box3:hover h4 {
    padding-top: 0;
    padding-bottom: 15px;
    color: #fff
}

.doctorsrow .moduletable .span4.box2:hover .doctors_gradient,
.doctorsrow .moduletable .span4.box2:hover p,
.doctorsrow .moduletable .span4.box3:hover .doctors_gradient,
.doctorsrow .moduletable .span4.box3:hover p {
    opacity: 1;
    display: block;
    transition: opacity .5s
}

.aboutrow {
    background: #f5f5f5;
    position: relative;
    overflow: hidden
}

.aboutrow:before {
    position: relative;
    display: block;
    width: 110%;
    content: "";
    height: 80px;
    left: -10px;
    background: #fff;
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg)
}

.mp_advert1 h3 {
    color: #4c4c4c;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase
}

.mp_advert2 h3 {
    padding-top: 58px
}

.aboutrow #responsivelightboxcertificate li {
    -webkit-box-shadow: 0 0 5px #c6c6c6;
    -moz-box-shadow: 0 0 5px #c6c6c6;
    box-shadow: 0 0 5px #c6c6c6;
    border-radius: 15px
}

.aboutrow #responsivelightboxcertificate li img {
    border-radius: 15px;
    background: #fff
}

.testimonialsrow {
    background: #f5f5f5;
    position: relative;
    font-style: italic;
    padding-top: 20px;
    overflow: hidden
}

.testimonialsrow .span4 {
    float: left;
    margin-right: 3%;
    width: 31.3333%;
    padding: 0 0 0 65px;
    box-sizing: border-box;
    background: url(../images/custom/testimonial_bg1.png) no-repeat
}

.testimonialsrow .span4:last-child {
    margin-right: 0
}

.testimonialsrow strong {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #4e6577
}

.testimonialsrow:after {
    position: relative;
    display: block;
    width: 110%;
    content: "";
    left: -10px;
    height: 80px;
    background: #fff;
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg)
}

.servicesrow {
    text-align: center;
    position: relative
}

.page-header h2,
.servicesrow h3 {
    background: url(../images/custom/title_bg2.png) no-repeat right
}

.servicesrow h4 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    margin: 20px 0 8px
}

.servicesrow .moduletable .span4 {
    float: left;
    margin: 0 3% 45px 0;
    width: 31.3333%;
    padding: 23px 23px 0 23px;
    box-sizing: border-box;
    background: #f5f5f5;
    border-radius: 15px
}

.servicesrow .moduletable .span4:hover {
    background: #16d3d1;
    background: -moz-linear-gradient(top, #16d3d1 0, #0f88a4 100%);
    background: -webkit-linear-gradient(top, #16d3d1 0, #0f88a4 100%);
    background: linear-gradient(to bottom, #16d3d1 0, #0f88a4 100%)
}

.servicesrow .moduletable .span4:hover h4,
.servicesrow .moduletable .span4:hover p {
    color: #fff
}

.servicesrow .moduletable .span4:nth-child(3),
.servicesrow .moduletable .span4:nth-child(7) {
    margin-right: 0
}

.servicesrow .service_icon {
    width: 140px;
    height: 130px;
    margin: 0 auto
}

.service_plus {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: #4e6577;
    color: #fff;
    line-height: 28px;
    border-radius: 15px;
    font-size: 28px;
    position: relative;
    top: 15px
}

.service_plus span {
    display: block;
    position: absolute;
    width: 30px
}

.service_plus_open,
.servicesrow .moduletable .span4:hover .service_plus span {
    opacity: 0
}

.service_plus_open {
    height: 30px;
    display: block;
    white-space: nowrap
}

.servicesrow .moduletable .span4:hover .service_plus .service_plus_open {
    opacity: 1;
    color: #fff;
    transition: opacity .5s;
    width: auto
}

.servicesrow .moduletable .span4:hover .service_plus {
    width: 120px;
    font-size: 14px;
    text-transform: uppercase;
    background: #2fadd6;
    line-height: 30px;
    transition: background 1s
}

.servicesrow .moduletable .span4:hover .service_plus:hover {
    background: #f17f4e;
    transition: background .5s
}

.servicesrow .moduletable .span4:first-child .service_icon {
    background: url(../images/custom/service1.png) no-repeat
}

.servicesrow .moduletable .span4:nth-child(2) .service_icon {
    background: url(../images/custom/service2.png) no-repeat
}

.servicesrow .moduletable .span4:nth-child(3) .service_icon {
    background: url(../images/custom/service3.png) no-repeat
}

.servicesrow .moduletable .span4:nth-child(5) .service_icon {
    background: url(../images/custom/service4.png) no-repeat
}

.servicesrow .moduletable .span4:nth-child(6) .service_icon {
    background: url(../images/custom/service5.png) no-repeat
}

.servicesrow .moduletable .span4:nth-child(7) .service_icon {
    background: url(../images/custom/service6.png) no-repeat
}

.servicesrow .moduletable .span4:first-child:hover .service_icon {
    background: url(../images/custom/service1_hover.png) no-repeat
}

.servicesrow .moduletable .span4:nth-child(2):hover .service_icon {
    background: url(../images/custom/service2_hover.png) no-repeat
}

.servicesrow .moduletable .span4:nth-child(3):hover .service_icon {
    background: url(../images/custom/service3_hover.png) no-repeat
}

.servicesrow .moduletable .span4:nth-child(5):hover .service_icon {
    background: url(../images/custom/service4_hover.png) no-repeat
}

.servicesrow .moduletable .span4:nth-child(6):hover .service_icon {
    background: url(../images/custom/service5_hover.png) no-repeat
}

.servicesrow .moduletable .span4:nth-child(7):hover .service_icon {
    background: url(../images/custom/service6_hover.png) no-repeat
}

.galleryrow h3 {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/custom/title_bg3.png) no-repeat right
}

.galleryrow #responsivelightboxgallery li {
    width: 16.55%;
    text-align: left
}

.galleryrow #responsivelightboxgallery li a {
    display: block
}

.galleryrow #responsivelightboxgallery img {
    width: 100%;
    height: auto
}

.galleryrow #responsivelightboxgallery img.gallery_hover_plus {
    width: auto;
    height: auto;
    position: absolute;
    z-index: 2;
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.galleryrow #responsivelightboxgallery li img.gallery_hover_bg {
    position: absolute;
    width: 16.55%;
    height: auto;
    opacity: 0
}

.galleryrow #responsivelightboxgallery li img.gallery_hover_plus {
    opacity: 0
}

.galleryrow #responsivelightboxgallery li:hover img.gallery_hover_bg {
    opacity: .6;
    transition: opacity .3s
}

.galleryrow #responsivelightboxgallery li:hover img.gallery_hover_plus {
    opacity: 1;
    transition: opacity 1s
}

.contentrow {
    padding: 70px 0
}

.sparky_inner .contentrow {
    padding: 30px 0
}

.sparky_home .contentrow h1 {
    background: url(../images/custom/title_bg4.png) no-repeat right;
    padding: 0
}

.teeth_blog_item_container {
    padding-top: 10px
}

.contentrow h2 a {
    font-size: 20px;
    color: #4d6476;
    text-transform: uppercase
}

.contentrow h2 a:hover {
    color: #2faed8
}

.cols-3 div.item {
    margin: 0 3% 0 0;
    width: 31.3333%
}

.sparky_inner .items-row .item-image img {
    border-radius: 20px;
    padding: 10px;
    width: 100%
}

.items-row .item .article-info {
    padding: 0;
    margin: 0
}

.items-row .item p {
    text-align: center
}

.sparky_home .items-row .item time {
    float: left;
    background: #f5f5f5;
    color: #2faed7;
    width: 58px;
    margin-right: 15px;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    border-radius: 0 0 0 10px
}

.sparky_home .items-row .item time span {
    display: block
}

.sparky_home .items-row .item time .teeth_day {
    font-size: 24px;
    font-weight: 700;
    padding-top: 20px
}

.sparky_inner .items-row .item {
    border: 2px solid #ecb320;
    width: 22.7%;
    border-radius: 10px;
    padding-bottom: 0;
    margin-bottom: 20px
}

.sparky_inner time div {
    display: inline
}

.item-page .article-info dd:nth-child(2),
.items-row .article-info dd:nth-child(2) {
    padding-left: 0
}

.item-page .page-header {
    margin: 0;
    padding: 0
}

.page-header h2 {
    padding: 0;
    margin-bottom: 10px
}

.item-page dl.article-info {
    margin: 0;
    padding: 0 0 20px
}

.item-page .item-image img {
    margin-left: 40px;
    margin-top: 40px;
    border: 2px solid #ecb320;
    padding: 3px;
    float: left;
	border-radius: 10px;
    width: 50%
}

@media all and (max-width:480px) {
    .item-page .item-image img {
        margin-top: -70px;
        border: 2px solid #ecb320;
        padding: 3px;
        width: 83%;
		border-radius: 10px;
    }
}

ul.tags a.label {
    border: 2px solid #2fadd6;
    background: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    color: #2fadd6 !important;
    padding: 6px 15px;
    border-radius: 15px
}

ul.tags a.label:hover {
    background: #f1804e;
    border: 2px solid #f1804e;
    color: #fff !important
}

.mp_right .cell_pad {
    padding-top: 55px
}

.mp_right .moduletable,
.mp_right .moduletable_featured {
    margin-bottom: 65px;
    padding-bottom: 15px;
    background: #f5f5f5 url(../images/custom/right_module_bg.png) bottom left no-repeat
}

.mp_right .moduletable_featured {
    color: #fff;
    background: #2fadd6 url(../images/custom/right_module_bg2.png) bottom right no-repeat
}

.mp_right h3 {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    background: #000;
    padding: 10px 35px 10px 65px;
    margin: 0;
    border-radius: 17px 17px 0 0;
    background: #f0f0f0 url(../images/custom/appointment_icon.png) no-repeat 30px 6px;
    position: relative;
    top: -35px
}

.mp_right .moduletable div,
.mp_right .moduletable nav,
.mp_right .moduletable_featured div,
.mp_right .moduletable_featured nav {
    padding: 0 30px 15px 30px
}

.mnu_sidemenu2>li.current>a,
.mnu_sidemenu>li.current>a {
    color: #333
}

.contact-form .controls input {
    max-width: 218px
}

.contact-form .controls textarea {
    max-width: 300px
}

#searchForm #search-searchword {
    width: 250px
}

#searchForm button {
    border-radius: 17px;
    padding: 7px 15px
}

.maprow {
    background: #f5f5f5;
    padding-top: 50px;
    overflow: hidden
}

.maprow:before {
    position: relative;
    display: block;
    width: 110%;
    content: "";
    top: -130px;
    left: -10px;
    height: 80px;
    background: #fff;
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg)
}

.maprow .container {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.maprow .mp_user3 {
    background: #2faed8
}

.maprow .mp_user3 .moduletable {
    width: 480px;
    float: right;
    min-height: 490px
}

.maprow h3 {
    background: 0 0;
    border-bottom: 0;
    position: relative;
    top: -70px
}

.rapid_contact input.inputbox {
    width: 220px
}

.rapid_contact form div .inputbox:nth-child(2) {
    margin-left: 30px
}

.rapid_contact textarea {
    font-family: 'Open Sans', sans-serif;
    width: 470px;
    height: 155px
}

.rapid_contact input.button {
    border: 2px solid #fff;
    color: #fff;
    width: 220px;
    margin-top: 9px
}

.rapid_contact input.button:hover {
    background: #f1804e;
    border: 2px solid #f1804e
}

.bottomrow {
    background: #4e6577;
    color: #fff;
    padding: 45px 0;
    line-height: 1.5
}

.bottomrow h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background: url(../images/custom/bottom_heading_bg.png) no-repeat bottom left;
    padding-bottom: 5px
}

.bottomrow a {
    transition: all .3s
}

.copyrightrow {
    background: #3e505e;
    color: #fff;
    padding: 20px 0
}

.copyrightrow ul.mnu_footermenu {
    line-height: 1
}

.copyrightrow ul.mnu_footermenu li {
    background: url(../images/custom/footermenu_bg.png) left no-repeat
}

.copyrightrow ul.mnu_footermenu li:hover {
    background: url(../images/custom/footermenu_bg_orange.png) left no-repeat;
    transition: all .3s
}

.copyrightrow ul.mnu_footermenu li a {
    transition: all .3s
}

.copyrightrow ul.mnu_footermenu li:last-child {
    padding-right: 0
}

.nav-toggle {
    z-index: 4;
    position: relative;
    background: url(../images/tinynav.png);
    margin-top: 18px;
    margin-right: 27px
}

@media all and (max-width:480px) {
    .fon-kak-skachat_mob {
        margin-bottom: 20px;
        padding-top: 30px
    }

}

@media (max-width:1368px) {
    .hot_swipe_carousel_slides .gallery-cell.is-selected .contents h2 {
        font-size: 34px
    }

    .hot_swipe_carousel_slides .contents {
        font-size: 14px
    }

    .searchrow div.search input.inputbox {
        width: 80%
    }
}

@media (max-width:1040px) {
    .contactrow .container {
        width: 96%
    }

    .contactrow .cell,
    .contactrow .row {
        width: 100%
    }

    .contactrow {
        top: -190px !important
    }

    .hot_appointment input.inputbox,
    span.Zebra_DatePicker_Icon_Wrapper {
        width: 96%
    }

    .Zebra_DatePicker {
        width: 200px;
        margin-left: 10px
    }

    .hot_appointment input.button {
        width: 92%
    }

    .rapid_contact input.inputbox {
        width: 150px
    }

    .rapid_contact textarea {
        width: 330px
    }
}

@media (max-width:1020px) {
    .hot_swipe_carousel_slides .contents {
        width: 50%;
        top: 20%
    }

    .mp_logo {
        width: 80%
    }

    .mp_top4,
    .mp_topmenu {
        width: 25%
    }

    .mnu_topmenu>li,
    ul.mnu_topmenu {
        text-align: inherit
    }

    .mnu_topmenu li:hover,
    .mnu_topmenu>li.active {
        border-radius: 0
    }

    .mnu_topmenu>li {
        margin: 0
    }

    .nav-collapse.opened li li a {
        padding-left: 30px;
        padding-right: 30px
    }

    .doctorsrow .moduletable .span4 {
        padding: 0
    }

    .doctorsrow .moduletable .span4.box1 {
        height: auto;
        padding: 15px
    }

    .doctorsrow .moduletable .span4.box2 img,
    .doctorsrow .moduletable .span4.box3 img {
        position: relative;
        margin-top: 0;
        margin-left: 0
    }

    .doctors_gradient {
        display: none
    }

    .doctors_share {
        position: relative;
        width: auto;
        margin-top: 0
    }

    .doctors_share>i {
        display: none
    }

    .doctors_share_open {
        position: relative;
        width: auto;
        opacity: 1;
        background-image: none;
        border-radius: 0 0 15px 15px
    }

    .doctorsrow .moduletable .span4.box2 h4,
    .doctorsrow .moduletable .span4.box3 h4 {
        padding: 10px 15px 0
    }

    .doctorsrow .moduletable .span4 p {
        display: block;
        opacity: 1;
        padding: 5px 15px;
        color: #4c4c4c
    }

    .doctorsrow .moduletable .span4 p.readmore {
        padding-bottom: 15px
    }

    .doctorsrow .moduletable .span4 p.readmore a {
        color: #4c4c4c;
        background: url(../images/custom/plus2.png) no-repeat left
    }

    .doctorsrow .moduletable .span4.box2:hover .doctors_gradient,
    .doctorsrow .moduletable .span4.box3:hover .doctors_gradient {
        display: none
    }

    .doctorsrow .moduletable .span4.box2:hover h4,
    .doctorsrow .moduletable .span4.box3:hover h4 {
        padding-bottom: 0;
        padding-top: 10px;
        color: inherit
    }

    .galleryrow h3 {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%
    }

    .galleryrow #responsivelightboxgallery li,
    .galleryrow #responsivelightboxgallery li img.gallery_hover_bg {
        width: 24.8%
    }

    .sparky_home h2.item-title {
        line-height: 20px
    }

    .sparky_home .items-row .item time {
        height: 90px !important;
        border-radius: 0
    }

    .teeth_blog_item_container {
        padding: 7%
    }

    .sparky_inner .items-row .item-image img {
        width: 93%;
        margin-top: 0px
    }

    .contact-form .controls textarea {
        max-width: 218px
    }

    .maprow .mp_user3 .moduletable {
        float: none;
        margin: 0 15px
    }
}

@media (max-width:840px) {
    .hot_swipe_carousel_slides .contents {
        width: 60%;
        top: 10%;
        left: 5%
    }

    .hot_swipe_carousel_slides .gallery-cell.is-selected .contents h2 {
        font-size: 24px
    }
}

@media (max-width:767px) {

    .toprow .mp_top2,
    .toprow .mp_top3 {
        text-align: left
    }

    .sparky_inner .logorow {
        padding-bottom: 20px !important;
        margin-bottom: 0 !important
    }

    .carouselrow {
        top: 0
    }

    .carouselrow:after {
        display: none
    }

    .aboutrow,
    .contactrow,
    .doctorsrow,
    .servicesrow,
    .testimonialsrow {
        top: 30px !important
    }

    .contactrow {
        margin-bottom: 30px
    }

    .cols-3 div.item,
    .doctorsrow .moduletable .span4,
    .servicesrow .moduletable .span4 {
        margin-bottom: 30px
    }

    .doctorsrow .moduletable .span4.box2 img,
    .doctorsrow .moduletable .span4.box3 img,
    .hot_appointment input.inputbox,
    .rapid_contact textarea,
    .sparky_home .items-row .item-image img,
    span.Zebra_DatePicker_Icon_Wrapper {
        width: 100%
    }

    .testimonialsrow .span4 {
        width: 100%;
        margin-right: 0
    }

    .galleryrow #responsivelightboxgallery li,
    .galleryrow #responsivelightboxgallery li img.gallery_hover_bg {
        width: 32%
    }

    .maprow .mp_user3 .moduletable {
        width: auto
    }

    .rapid_contact input.inputbox {
        width: 45%
    }

    .copyrightrow,
    ul.mnu_footermenu {
        text-align: center
    }

    .mp_copyright {
        padding-bottom: 15px
    }
}

@media (max-width:485px) {
    .hot_swipe_carousel_slides .contents {
        width: 80%;
        top: 5%;
        left: 1%
    }

    .hot_swipe_carousel_slides .gallery-cell.is-selected .contents h2 {
        font-size: 18px
    }

    .flickity-prev-next-button {
        display: none
    }

    .hot_swipe_carousel_slides .contents {
        width: 85%;
        top: 1%;
        left: 1%;
        font-size: 13px;
        line-height: 13px
    }

    .rapid_contact input.inputbox {
        width: 140px
    }

    .rapid_contact form div .inputbox:nth-child(2) {
        margin-left: 10px
    }
}

.focus img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    border: 4px solid #4682b4;
    padding: 3px
}

.focus img:hover {
    border: 4px solid #4682b4;
    border-radius: 50%;
    padding: 3px
}

.cenakrz {
    color: #fff
}

.cenakrz:hover {
    color: #000
}

.morph img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.morph img:hover {
    border-radius: 50%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.invert img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
}

.invert img:hover {
    -webkit-filter: invert(100%)
}

@media all and (max-width:479px) {
    .row>* {
        float: left;
        width: 100%;
        margin-top: 50px
    }
}

@media all and (min-width:480px) {
    .row>* {
        float: left;
        margin-top: 50px
    }
}

.marquee {
    width: 100%
}

@media all and (max-width:479px) {
    .moba_tef {
        float: left;
        padding-right: 20px;
        display: block;
        width: 28px;
        height: 28px;
        margin-left: -47px
    }
}

@media all and (min-width:480px) {
    .moba_tef {
        display: none
    }
}

.otstup {
    margin-left: 0
}

img.animate:hover {
    opacity: .7
}

header {
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 999
}

header a {
    display: block;
    text-decoration: none;
    outline: 0;
    transition: .3s ease-in-out
}

nav {
    display: table;
    margin: 0 auto
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.topmenu:after {
    content: "";
    display: table;
    clear: both;
    width: 290px
}

.topmenu>li {
    width: 140px;
    float: left;
    position: relative;
    font-family: 'Open Sans', sans-serif
}

.topmenu>li>a {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    padding: 15px 30px
}

.topmenu li a:hover {
    color: #d5b45b
}

.submenu-link:after {
    content: url(/images/marker-menu.png);
    font-family: FontAwesome;
    color: inherit;
    margin-left: 10px
}

.submenu {
    background: #273037;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 5;
    width: 180px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: .5s ease-in-out
}

.submenu a {
    color: #fff;
    text-align: left;
    padding: 12px 15px;
    font-size: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.submenu li:last-child a {
    border-bottom: none
}

.topmenu>li:hover .submenu {
    opacity: 1;
    transform: scaleY(0)
}

.animate8 {
    float: left;
    position: relative;
    margin: 0 auto;
    padding-top: 10px;
    width: 280px;
    height: 365px
}

.animate8 img {
    border: 4px solid green;
    padding: 4px;
    position: absolute;
    left: 0;
    top: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.animate8 img.first {
    opacity: 0
}

.animate8:hover img.first {
    opacity: 1
}

.animate8 img.second:hover,
.animate8:hover img.second {
    opacity: 0;
    -moz-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1)
}

.animate8 img.second:hover {
    opacity: 0;
    -moz-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1)
}

.modaltelegram {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 10000;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
    opacity: 0
}

.modaltelegram:target {
    opacity: 1
}

.modaltelegram>div {
    width: 200px;
    background: #fff;
    position: relative;
    margin: 10% auto;
    border: 4px solid green;
    -webkit-animation: minimise .5s linear;
    padding: 30px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .9);
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .9);
    box-shadow: 0 3px 20px rgba(0, 0, 0, .9);
    text-shadow: 0 1px 0 #fff
}

.modaltelegram:target>div {
    -webkit-animation-name: bounce
}

.modaltelegram h2 {
    font-size: 36px;
    padding: 0 0 20px
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: scale3d(.1, .1, 1);
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .9)
    }

    55% {
        -webkit-transform: scale3d(1.08, 1.08, 1);
        -webkit-box-shadow: 0 10px 20px transparent
    }

    75% {
        -webkit-transform: scale3d(.95, .95, 1);
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .9)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .9)
    }
}

@-webkit-keyframes minimise {
    0% {
        -webkit-transform: scale3d(1, 1, 1)
    }

    100% {
        -webkit-transform: scale3d(.1, .1, 1)
    }
}

.nazvanie {
    text-align: center;
    margin-top: 35px
}

.h3_nazvanie_mat {
    text-align: center;
    padding-bottom: 16px;
    width: 288px;
    margin-left: 45px;
    padding-top: 0;
    border: 2px solid #00a8e1;
    margin-bottom: 4px
}

.modaltelegram a[href="#close"] {
    position: absolute;
    right: 0;
    top: 0;
    color: transparent
}

.modaltelegram a[href="#close"]:focus {
    outline: 0
}

.modaltelegram a[href="#close"]:after {
    content: 'X';
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    padding: 1px 1px 1px 2px;
    text-decoration: none;
    text-shadow: none;
    text-align: center;
    font-weight: 700;
    background: #000;
    color: #fff;
    border: 3px solid #fff;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

.modaltelegram a[href="#close"]:focus:after,
.modaltelegram a[href="#close"]:hover:after {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1)
}

.modaltelegram a[href="#close"]:focus:after {
    outline: 0 solid #000
}

.modaltelegram .modaltelegram_title {
    display: block;
    text-align: center;
    font-size: 22pt
}

@media all and (max-width:479px) {
    .mobile_desk {
        margin-bottom: -70px;
        margin-left: -32px
    }
}

@media all and (min-width:480px) {
    .mobile_desk {
        margin-bottom: 0;
        margin-left: 0
    }
}

.verh_menu {
    background-color: #06060e;
    position: fixed;
    width: 102%;
    z-index: 9999;
    padding-bottom: 10px
}

@media all and (max-width:479px) {
    .verh_menu {
        margin-top: -16px;
        border-bottom: 4px double #fff;
        width: 98%;
        height: 46px
    }

    .logo_mob {
        display: none
    }
}

@media all and (min-width:480px) {
    .verh_menu {
        margin-top: -46px;
        border-bottom: 4px double #fff
    }

    .logo_mob {
        display: block
    }
}

.logo_slide {
    padding-top: 160px;
    width: 104%;
    margin-left: -15px
}

.fon-h1 {
    background: url("/images/fon-h2.png");
    border-top: 4px double #fff;
    border-bottom: 4px double #fff
}

.fon-footer {
    background: url("/images/fon-footer.webp");
    border-top: 4px double #fff;
    margin-bottom: -10px;
    margin-right: 0
}

.opis_slayder {
    color: #000;
    font-size: 30px;
    font-weight: 900
}

@media all and (max-width:479px) {
    .opis_slayder {
        font-size: 18px
    }
}

.nishi {
    background: url("/images/fon-nishi.png")
}

.nishi1 {
    background: url("/images/fon-nishi.png")
}

.fon-kak-skachat {
    margin-top: 0;
    background-color: #06060e
}

.fon-kak-skachat1 {
    margin-top: 0;
    background-color: #06060e
}

.gl_podrobnee {
    text-align: left;
    margin-left: 45px
}

.gl_dostup {
    text-align: right;
    margin-right: 45px
}

.gl_dostup_futer {
    text-align: center
}

.gl_dostup1 {
    text-align: center;
    margin-top: 60px;
    margin-bottom: -15px
}

.peren_dostup {
    text-align: center;
    margin-top: 60px;
    margin-bottom: -15px;
    cursor: pointer
}

.zakaz_dostup1 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px
}

.blok_strnom {
    text-align: center;
    margin-left: 0;
    padding-bottom: 40px
}

@media all and (max-width:480px) {
    .gl_podrobnee {
        text-align: center;
        margin-left: 0
    }

    .gl_dostup {
        text-align: center;
        margin-right: 0
    }

    .blok_strnom {
        text-align: center;
        margin-left: 30px;
        margin-left: 0
    }
}

.fon-kostruktor {
    background: url("/images/fon-kostruktor.jpg")
}

.nishi2 {
    background: url("/images/fon-kontent.jpg")
}

.no-margin-bottom {
    color: silver;
    padding-left: 35px;
    text-align: center;
    padding-right: 35px;
    line-height: 15px;
    font-size: 17px
}

.no-margin-bottomdoo {
    color: silver;
    padding-left: 35px;
    text-align: justify;
    padding-right: 35px
}

.no-margin-bottomdfooter {
    color: silver;
    padding-left: 35px;
    text-align: center;
    padding-right: 35px;
    font-size: 16px
}

.no-margin-bottomdo {
    color: silver;
    padding-left: 35px;
    text-align: justify;
    padding-right: 35px;
    border-bottom: 2px solid #fff;
    padding-bottom: 110px
}

html {
    background-color: #06060e
}

.no-margin-bottom-a {
    color: #fff
}

.no-margin-bottom-a:hover {
    color: #fff
}

.no-margin-bottom-aaa {
    color: #fff
}

.no-margin-bottom-aaa:hover {
    color: #ecb320
}

.no-margin-bottom-aa {
    color: gold;
    font-size: 30px
}

.no-margin-bottom-aa:hover {
    color: #87cefa
}

.konakty {
    color: #000;
    font-weight: 700
}

.konakty_verh {
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.konakty_verh:hover {
    color: #ecb320;
    font-weight: 700
}

.opl {
    color: #fff;
    font-weight: 900;
    font-size: 20px;
    font-style: italic
}

.hr-line {
    border: none;
    color: #fff;
    background-color: #ecb320;
    height: 3px;
    width: 60%;
    margin-bottom: 10px
}

.spinner {
    margin: 0 auto;
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.spinner:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(-360deg)
    }
}

@keyframes spinner {
    from {
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg)
    }
}

#spinner4 {
    margin: 0 auto;
    -webkit-animation-name: spinner4;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    animation-name: spinner4;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#spinner4:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes spinner4 {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(-360deg)
    }
}

@keyframes spinner4 {
    from {
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg)
    }
}

.spinner2 {
    margin: 0 auto;
    -webkit-animation-name: spinner2;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    animation-name: spinner2;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.spinner2:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes spinner2 {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(-360deg)
    }
}

@keyframes spinner2 {
    from {
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg)
    }
}

@media all and (max-width:479px) {
    .viber_mob {
        display: block;
        cursor: pointer
    }

    .viber_desk {
        display: none
    }
}

@media all and (min-width:480px) {
    .viber_mob {
        display: none
    }

    .viber_desk {
        display: block;
        cursor: pointer
    }
}

.telegram {
    cursor: pointer
}

.watsap {
    cursor: pointer
}

.glav_h1 {
    text-align: center;
    color: #fff;
    font: 900 30px HelveticaNeueCyr-Medium;
    margin-top: -30px
}

.glav_h2 {
    text-align: center;
    color: #fff;
    font: 900 30px HelveticaNeueCyr-Medium
}

.glav_h3 {
    text-align: center;
    color: #fff;
    font: 900 30px HelveticaNeueCyr-Medium
}

.glav_1_abzac1 {
    text-align: center;
    font-size: 15pt;
    margin-top: 0;
    color: #fff;
    padding-top: 9px
}

@media all and (max-width:480px) {
    .glav_1_abzac1 {
        text-align: left;
        font-size: 15pt;
        margin-top: -88px;
        color: #fff;
        padding-left: 65px;
        line-height: 20px;
        padding-top: 10px
    }
}

.glav_1_abzac2 {
    text-align: center;
    font-size: 30pt;
    color: #fff;
    margin-bottom: 80px
}

@media all and (max-width:480px) {
    .glav_1_abzac2 {
        text-align: center;
        font-size: 30pt;
        color: #fff;
        margin-bottom: 160px
    }
}

.glav_1_abzac {
    text-align: center;
    font-size: 15pt;
    margin-top: 0;
    color: #fff
}

.glav_nige_abzaci {
    text-align: center;
    font-size: 22pt;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-left: 0
}

.glav_zaglav {
    text-align: center;
    font-size: 26pt;
    color: #fff
}

.headl {
    margin-top: 75px;
}

@media all and (max-width:640px) {
.headl {
    margin-top: 130px;
}
    .glav_zaglav {
        text-align: center;
        font-size: 30pt;
        color: #fff;
        margin-top: 40px
    }
}

.glav_zaglav1 {
    text-align: center;
    font-size: 30pt;
    color: silver
}

.glav_zaglav2 {
    text-align: center;
    font-size: 30pt;
    color: #fff;
    font-weight: lighter;
    line-height: 0
}

.glav_zaglav3 {
    text-align: right;
    margin-right: 100px;
    margin-top: 50px;
    margin-bottom: -60px
}

.peren_zaglav3 {
    text-align: right;
    margin-right: 100px;
    margin-top: 50px;
    margin-bottom: -20px
}

.glav_zaglav4 {
    text-align: left;
    margin-top: 20px;
    margin-left: 35px
}

.glav_zaglav5 {
    text-align: center;
    font-size: 30pt;
    color: #ff0;
    width: 33%;
    border: 1px solid #ecb320
}

.glav_zaglav6 {
    text-align: center;
    font-size: 30pt;
    color: #fff;
    border: 1px solid #ecb320
}

.glav_zaglav7 {
    text-align: center;
    width: 98%;
    margin-left: 1%;
    border: 4px solid #ecb320
}

.glav_zaglav8 {
    text-align: center;
    font-size: 30pt;
    color: #fff;
    margin-top: -25px
}

.glav_zaglav9 {
    color: #fff
}

.glav_zaglav10 {
    text-align: right;
    margin-right: 100px;
    margin-top: -20px;
    margin-bottom: -15px
}

.glav_zaglav111 {
    text-align: right;
    margin-right: 100px;
    margin-top: -205px;
    margin-bottom: -15px
}

.glav_zaglav11 {
    text-align: left;
    margin-left: 100px;
    margin-top: -95px
}

.glav_blok_abzaci {
    text-align: justify;
    font-size: 19pt;
    color: silver;
    font-weight: 800;
    margin-left: 6%;
    width: 87%
}

.glav_blok_abzaci_li {
    text-align: left;
    font-size: 19pt;
    color: #ecb320;
    font-weight: 800;
    margin-left: 15px;
    margin-right: 15px
}

.vsenomera_blok_abzaci {
    text-align: center;
    font-size: 16pt;
    color: silver;
    font-weight: 800;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 60px;
    margin-bottom: -50px
}

.glav_blok_abzaci2 {
    text-align: center;
    font-size: 22pt;
    color: silver;
    font-weight: 800;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 30px
}

.glav_blok_abzaci3 {
    text-align: left
}

.glav_blok_abzaci4 {
    text-align: left;
    padding-top: 40px
}

.blok_glav {
    text-align: center;
    margin-top: 30px
}

.blok_glav_slider {
    margin-top: 80px;
    margin-left: auto
}

.blok_ban {
    text-align: center;
    margin-top: 0
}

.blok_glav1 {
    text-align: center;
    margin-top: 30px
}

.blok_lend1 {
    text-align: center;
    margin-top: 10px
}

.blok_glav2 {
    text-align: center;
    margin-top: 60px
}

.blok_glav3 {
    text-align: center;
    margin-top: 0
}

.blok_glav4 {
    color: #fff;
    font-size: 20px;
    margin-left: 35px;
    margin-bottom: 40px
}

.blok_glav5 {
    margin-top: 0;
    text-align: right
}

.h3_tehpodbox1 {
    margin-top: 0;
    margin-bottom: 50px
}

.blok_glav6 {
    text-align: center;
    margin-top: 0
}

.blok_glav7 {
    text-align: center;
    height: 300px;
    width: 650px;
    margin-top: 30px;
    margin-left: 50px;
    background: url(/images/1-glavnay/9-glavnay-vizitka-1.webp);
    border: 3px solid #ecb320;
    width: 89%
}

.blok_glav8 {
    text-align: center;
    height: 300px;
    width: 650px;
    margin-top: 30px;
    margin-left: 50px;
    background: url(/images/1-glavnay/9-glavnay-korporotivniy-2.webp);
    border: 3px solid #ecb320;
    width: 89%
}

.blok_glav9 {
    text-align: center;
    height: 300px;
    width: 650px;
    margin-top: 30px;
    margin-left: 50px;
    background: url(/images/1-glavnay/9-glavnay-landing-page-4.webp);
    border: 3px solid #ecb320;
    width: 89%
}

.blok_glav10 {
    text-align: center;
    height: 300px;
    width: 650px;
    margin-top: 30px;
    margin-left: 50px;
    background: url(/images/1-glavnay/9-glavnay-magazin-3.webp);
    border: 3px solid #ecb320;
    width: 89%
}

.kat_abzaci {
    text-align: left;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 18pt
}

.mat_besplatno {
    text-align: justify;
    padding-right: 0;
    padding-left: 20px;
    font-size: 14pt;
    margin-right: 20px
}

.stranica_opisanie {
    text-align: justify;
    padding-right: 30px;
    padding-left: 15px;
    font-size: 16pt
}

.stranica_h2 {
    text-align: left;
    padding-right: 10px;
    padding-left: 20px;
    font-size: 18pt
}

.artikul {
    text-align: center;
    font-size: 18pt;
    font-weight: 700;
    padding-top: 16px;
    margin-bottom: -10px;
    color: #ecb320;
}

.cena_len {
    text-align: left;
    padding-right: 30px;
    padding-left: 20px;
    font-size: 17pt;
    font-weight: 700
}

.cena_len1 {
    text-align: left;
    padding-right: 30px;
    padding-left: 20px;
    font-size: 17pt;
    font-weight: 700;
    color: #b22222
}

.verstka {
    text-align: left;
    padding-right: 30px;
    padding-left: 20px;
    font-size: 18pt
}

.glav_text_h3 {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 18pt;
    margin-top: -30px;
    text-align: center;
    color: #000;
    font-weight: 900
}

.demo_knopka {
    text-align: center;
    margin-bottom: 15px
}

.skachat_knopka {
    text-align: center;
    margin-bottom: 15px
}

.h1_glavnay {
    text-align: center;
    font-size: 30pt;
    margin-top: 50px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.gl_zagolovok {
    text-align: center;
    font-size: 30pt;
    margin-top: -25px;
    margin-left: 0;
	margin-bottom: 100px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    text-transform: uppercase
}

.mag_verh_abzac {
    text-transform: uppercase
}

.mag_verh_bukv {
    text-transform: capitalize
}

.gl_zagolovok11 {
    text-align: center;
    font-size: 30pt;
    margin-top: -25px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.gl_zagolovok12 {
    text-align: center;
    font-size: 30pt;
    margin-top: -25px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.katflog_landing {
    text-align: center;
    font-size: 20pt;
    margin-top: 10px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    padding-top: 0;
}

.h3_shablon {
    text-align: center;
    font-size: 26pt;
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: 600;
    color: #fff
}

.h3_shablon3 {
    text-align: center;
    font-size: 26pt;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase
}

.h3_shablon2 {
    text-align: center;
    font-size: 26pt;
    margin-top: -30px;
    margin-bottom: 30px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase
}

.h1_voronka {
    text-align: center;
    font-size: 30pt;
    margin-top: 50px;
    margin-left: -50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_glavnay {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_glavnay_kach {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
}

.h3_za_osob {
    text-align: center;
    font-size: 30pt;
    margin-top: 0px;
    margin-bottom: -10px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
}

.tipy_saytov {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_kaches {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_kaches_gll {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_teh_pod {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: -50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_linux {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: -50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_admin_st {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: -50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_perenos {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: -50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_zakaz_sat {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 0
}

.h3_zakaz_satbox1 {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 0
}

.h3_kaches2 {
    text-align: center;
    font-size: 30pt;
    margin-top: 40px;
    font-weight: 600;
    color: #fff;
    position: relative;
    margin-bottom: 85px
}

.h3_kaches3 {
    text-align: center;
    font-size: 30pt;
    margin-top: -50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    margin-bottom: 180px
}

.h3_kaches4 {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    margin-bottom: 200px;
    padding-bottom: 40px
}

.glavnay_1 {
    text-align: center;
    font-size: 24pt;
    margin-top: 0;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    background-color: #000
}

.glav_box1 {
    text-align: center;
    font-size: 20pt;
    color: #fff;
    position: relative;
    margin-left: 0;
    background-color: #000
}

.h_vse_nomera {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    font-weight: 600;
    color: #fff;
    margin-bottom: -80px
}

.h1_glavnay_br {
    color: #ecb320
}

.h1_linux_br {
    color: #ff0
}

.str_podpiski {
    color: khaki
}

.h3_glavnay_br {
    color: #ecb320
}

.h2_kategoriy {
    text-align: left;
    padding-right: 20px;
    font-size: 20pt;
    margin-top: -20px;
    margin-left: 20px;
    font-weight: 100;
    margin-bottom: 0
}

.h2_besplatno {
    text-align: center;
    padding-right: 20px;
    font-size: 18pt;
    margin-top: 10px;
    margin-left: 20px;
    font-weight: 100;
    margin-bottom: 3px;
    color: #000
}

.h2_kak_skachat {
    text-align: center;
    padding-right: 20px;
    font-size: 18pt;
    margin-top: 10px;
    margin-left: 20px;
    font-weight: 600;
    margin-bottom: 3px;
    color: #000
}

.h1_uslugi {
    text-align: center;
    padding-right: 20px;
    font-size: 18pt;
    margin-top: -10px;
    margin-left: 20px;
    font-weight: 600;
    margin-bottom: -20px
}

.h1_stranica {
    text-align: center;
    padding-right: 20px;
    font-size: 18pt;
    margin-top: -15px;
    margin-left: 20px;
    font-weight: 600;
    margin-bottom: -30px;
    color: #000
}

.h1_politika {
    text-align: left;
    padding-right: 20px;
    font-size: 20pt;
    margin-top: 20px;
    margin-left: 20px;
    font-weight: 600;
    margin-bottom: -20px
}

.div_politika {
    text-align: left;
    padding-right: 20px;
    font-size: 20pt;
    margin-top: 20px;
    margin-left: 20px;
    font-weight: 600;
    margin-bottom: 20px
}

.div_dostavka {
    text-align: left;
    padding-right: 20px;
    font-size: 14pt;
    margin-top: 45px;
    margin-left: 20px;
    font-weight: 600;
    margin-bottom: 20px
}

.politika_abzaci {
    text-align: left;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14pt;
    line-height: 1.5
}

#toTop {
    position: fixed;
    bottom: 20px;
    right: 2px;
    background: 0 0;
    cursor: pointer
}

button {
    font-size: 1.4em;
    background: #06060e;
    color: #ecb320;
    border: .15rem solid #ecb320;
    padding: .8em .8em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 7px
}

button:hover {
    color: #000
}

button::after {
    content: "";
    background: #ecb220;
    position: absolute;
    z-index: -1;
    display: block
}

button[class^=slide]::after {
    transition: all .35s
}

button[class^=slide]:hover::after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all .35s
}

button.slide_from_left::after {
    top: 0;
    bottom: 0;
    left: -100%;
    right: 100%
}

button.slide_from_right::after {
    top: 0;
    bottom: 0;
    left: 100%;
    right: -100%
}

button.slide_from_top::after {
    left: 0;
    right: 0;
    top: -100%;
    bottom: 100%
}

button.slide_from_bottom::after {
    left: 0;
    right: 0;
    top: 100%;
    bottom: -100%
}

button[class^=grow]::after {
    transition: all .3s ease
}

button[class^=grow]:hover::after {
    transition: all .3s ease-out
}

button.grow_box::after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(0, 0)
}

button.grow_box:hover::after {
    transform: scale(1, 1)
}

button.grow_ellipse::after {
    border-radius: 50%;
    left: -50%;
    right: -50%;
    top: -150%;
    bottom: -150%;
    line-height: 8.34em;
    transform: scale(0, 0)
}

button.grow_ellipse:hover::after {
    transform: scale(1, 1)
}

button.grow_skew_forward::after {
    left: -25%;
    right: -25%;
    top: -25%;
    bottom: -25%;
    transform: skewX(-45deg) scale(0, 1)
}

button.grow_skew_forward:hover::after {
    transform: skewX(-45deg) scale(1, 1)
}

button.grow_skew_backward::after {
    left: -20%;
    right: -20%;
    top: 0;
    bottom: 0;
    transform: skewX(45deg) scale(0, 1)
}

button.grow_skew_backward:hover::after {
    transform: skewX(45deg) scale(1, 1)
}

button.grow_spin::after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(0, 0) rotate(-180deg)
}

button.grow_spin:hover::after {
    transform: scale(1, 1) rotate(0)
}

.shetchik {
    margin: 0;
    padding: 0;
    display: inline;
    height: 0;
    left: -1000px;
    position: absolute;
    top: -1000px;
    visibility: hidden;
    width: 0
}

.con_tent {
    padding-top: 50px
}

.bok_menu {
    border-bottom: 1px solid #fff;
    height: 30px;
    padding-left: 10px;
    background: #4682b4;
    color: #000;
    padding-bottom: 5px;
    font-family: Roboto;
    font-weight: 700;
    font-size: 18px;
    transition: all .3s ease
}

@media all and (max-width:479px) {
    .bok_menu {
        margin-left: 15px;
        width: 89%
    }

    button {
        font-size: 1.4em;
        background: #06060e;
        color: #ecb320;
        border: .15rem solid #ecb320;
        padding: .8em .8em;
        position: relative;
        z-index: 0;
        overflow: hidden;
        width: 90%;
        border-radius: 7px
    }
}

@media all and (min-width:480px) {
    .bok_menu {
        margin-left: 25px;
        width: 91%
    }
}

.color:hover {
    background: #87ceeb
}

.bok_menu a:hover {
    color: #000
}

.bok_menu a {
    color: #fff
}

.pred_opisanie_stranica {
    margin-left: 45px;
    margin-top: 0;
    border: 3px solid #00a8e1;
    padding: 3px;
    width: 280px;
    height: 370px
}

.pred_opisanie_podrobnee {
    margin-left: 45px;
    margin-top: 15px
}

.h1_kategoriy {
    text-align: left;
    padding-right: 0;
    font-size: 24pt;
    margin-top: 0PX;
    font-weight: 100;
    margin-bottom: -15px;
    color: #000;
    margin-left: 20px
}

.h1_kategoriy_izb {
    text-align: left;
    padding-right: 0;
    font-size: 24pt;
    margin-top: 0PX;
    font-weight: 100;
    margin-bottom: -24px;
    color: #000;
    margin-left: 20px
}

.no_articles {
    margin-left: 20px
}

.hleb_krosh {
    margin-top: -30px
}

.mod_bespl_skachat {
    margin-top: 30px
}

.pod_str {
    margin-top: 3px
}

@media all and (max-width:479px) {
    .item-148 {
        top: 0
    }

    .item-148 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-148 {
        text-align: center;
        white-space: pre-line
    }

    .item-148 a {
        text-align: center
    }
}

@media all and (max-width:479px) {
    .item-194 {
        top: 0
    }

    .item-194 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-194 {
        text-align: center;
        white-space: pre-line
    }

    .item-194 a {
        text-align: center
    }
}

@media all and (max-width:479px) {
    .item-195 {
        top: 0
    }

    .item-195 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-195 {
        text-align: center;
        white-space: pre-line
    }

    .item-195 a {
        text-align: center
    }
}

@media all and (max-width:479px) {
    .item-193 {
        top: 0
    }

    .item-193 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-193 {
        text-align: center;
        white-space: pre-line
    }

    .item-193 a {
        text-align: center
    }
}

@media all and (max-width:479px) {
    .item-162 {
        top: 0
    }

    .item-162 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-162 {
        text-align: center;
        white-space: pre-line
    }

    .item-162 a {
        text-align: center
    }
}

@media all and (max-width:479px) {
    .item-140 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-140 a {
        text-align: center;
        white-space: pre-line
    }
}

@media all and (max-width:479px) {
    .item-252 a {
        text-align: left
    }
}

@media all and (max-width:479px) {
    li .item-252 {
        border-top: 2px solid #fff
    }

    li .item-261 {
        border-top: 2px solid #fff
    }
}

@media all and (min-width:480px) {
    .item-252 a {
        text-align: center;
        white-space: pre-line
    }
}

@media all and (max-width:479px) {
    .item-1347 a {
        text-align: left;
        background: url(/images/flagi/ua.png) no-repeat;
        position: relative;
        background-position: 135px 8px
    }
}

@media all and (min-width:480px) {
    .item-1347 a {
        text-align: left;
        white-space: pre-line;
        width: 167px;
        background: url(/images/flagi/ua.png) no-repeat;
        position: relative;
        background-position: 125px 9px
    }

    .item-1347 a:hover {
        background: url(/images/flagi/ua.png) no-repeat;
        position: relative;
        background-position: 125px 9px;
        opacity: .8
    }
}

@media all and (max-width:479px) {
    .item-1353 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1353 a {
        text-align: left;
        white-space: pre-line;
        width: 108px
    }
}

@media all and (max-width:479px) {
    .item-1354 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1354 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1354 a {
    padding-left: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1376 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1376 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1376 a {
    padding-left: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -1px
}

@media all and (max-width:479px) {
    .item-1373 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1373 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1373 a {
    padding-left: 10px;
    padding-right: 18px;
    padding-bottom: 10px;
    padding-top: 10px
}

.item-1374 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-1374 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1374 a {
    padding-left: 10px;
    padding-right: 6px;
    padding-bottom: 10px;
    padding-top: 10px
}

.item-1386 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-1386 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1386 a {
    padding-left: 10px;
    padding-right: 2px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -1.4px
}

.item-1389 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-1389 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1389 a {
    padding-left: 10px;
    padding-right: 9px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -.7px
}

.item-1742 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-1742 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1742 a {
    padding-left: 10px;
    padding-right: 3px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -1.4px
}

.item-1391 a {
    text-align: left
}

.item-1391 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-1391 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1391 a {
    padding-left: 10px;
    padding-right: 6px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -1.1px
}

.item-1392 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-1392 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1392 a {
    padding-left: 10px;
    padding-right: 17px;
    padding-bottom: 10px;
    padding-top: 10px
}

.item-1393 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-1393 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1393 a {
    padding-left: 10px;
    padding-right: 21px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1355 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1355 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1355 a {
    padding: 10px
}

@media all and (max-width:479px) {
    .item-1356 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1356 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1356 a {
    padding-left: 10px;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1357 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1357 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1357 a {
    padding-left: 10px;
    padding-right: 26px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1358 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1358 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1358 a {
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -.6px
}

@media all and (max-width:479px) {
    .item-1385 a {
        text-align: left;
		background: url(/images/skidka/skidka-50.png) no-repeat;
        position: relative;
        background-position: 150px 8px;
    }
}

@media all and (min-width:480px) {
    .item-1385 a {
        text-align: left;
        white-space: pre-line;
        width: 200px;
		background: url(/images/skidka/skidka-50.png) no-repeat;
        position: relative;
        background-position: 130px 9px
    }
	.item-1385 a:hover {
        background: url(/images/skidka/skidka-50.png) no-repeat;
        position: relative;
        background-position: 130px 9px;
        opacity: .8
    }
}

@media all and (max-width:479px) {
    .item-1462 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1462 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1462 a {
    padding-left: 10px;
    padding-right: 21px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1463 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1463 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1463 a {
    padding-left: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -.5px
}

@media all and (max-width:479px) {
    .item-1464 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1464 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1464 a {
    padding-left: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -.5px
}

@media all and (max-width:479px) {
    .item-1465 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1465 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1465 a {
    padding-left: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -.5px
}

@media all and (max-width:479px) {
    .item-1466 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1466 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1466 a {
    padding-left: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -.5px
}

@media all and (max-width:479px) {
    .item-1359 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1359 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1359 a {
    padding-left: 10px;
    padding-right: 26px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1360 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1360 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1360 a {
    padding-left: 10px;
    padding-right: 35px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1361 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1361 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1361 a {
    padding-left: 10px;
    padding-right: 47px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1362 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1362 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1362 a {
    padding-left: 10px;
    padding-right: 56px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1363 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1363 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1363 a {
    padding-left: 10px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1364 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1364 a {
        text-align: left;
        white-space: pre-line;
        width: 145px
    }
}

@media all and (max-width:479px) {
    .item-1380 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1380 a {
        text-align: left;
        white-space: pre-line;
        width: 137px
    }
}

@media all and (max-width:479px) {
    .item-1372 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1372 a {
        text-align: left;
        white-space: pre-line;
        width: 110px
    }
}

@media all and (max-width:479px) {
    .item-1375 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1375 a {
        text-align: left;
        white-space: pre-line;
        width: 94px
    }
}

@media all and (max-width:479px) {
    .item-2210 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-2210 a {
        text-align: left;
        white-space: pre-line;
        width: 84px
    }
}

.item-2055 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-2055 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-2055 a {
    padding-left: 10px;
    padding-right: 3px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -.2px
}

@media all and (max-width:479px) {
    .item-2256 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-2256 a {
        text-align: left;
        white-space: pre-line;
        width: 70px
    }
}

@media all and (max-width:479px) {
    .item-2244 a {
        text-align: left;
        background: url(/images/flagi/ua.png) no-repeat;
        position: relative;
        background-position: 46px 8px
    }
}

@media all and (min-width:480px) {
    .item-2244 a {
        text-align: left;
        white-space: pre-line;
        width: 70px;
        background: url(/images/flagi/ua.png) no-repeat;
        position: relative;
        background-position: 26px 9px
    }

    .item-2244 a:hover {
        background: url(/images/flagi/ua.png) no-repeat;
        position: relative;
        background-position: 26px 9px;
        opacity: .8
    }
}

@media all and (max-width:479px) {
    .item-1367 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1367 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1367 a {
    padding-left: 10px;
    padding-right: 48px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1368 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1368 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

@media all and (max-width:479px) {
    .item-1371 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1371 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1371 a {
    padding-left: 10px;
    padding-right: 9px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -.5px
}

ul li .item-1368 a {
    padding-left: 10px;
    padding-right: 3px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1365 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1365 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1365 a {
    padding-left: 10px;
    padding-right: 18px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1366 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1366 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320;
        letter-spacing: 0
    }
}

ul li .item-1366 a {
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -1px
}

@media all and (max-width:479px) {
    .item-1382 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1382 a {
        text-align: left;
        white-space: pre-line;
        width: 75px
    }
}

@media all and (max-width:479px) {
    .item-1383 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1383 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320;
        letter-spacing: 0
    }
}

ul li .item-1383 a {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media all and (max-width:479px) {
    .item-1377 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1377 a {
        text-align: left;
        white-space: pre-line;
        width: 98px
    }
}

.item-1378 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-1378 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320;
        letter-spacing: 0
    }
}

ul li .item-1378 a {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px
}

.item-1379 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-1379 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320;
        letter-spacing: 0
    }
}

ul li .item-1379 a {
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -1.2px
}

.item-1721 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-1721 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320;
        letter-spacing: 0
    }
}

ul li .item-1721 a {
    padding-left: 10px;
    padding-right: 4px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -.2px
}

.item-1727 a {
    text-align: left
}

@media all and (min-width:480px) {
    .item-1727 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320;
        letter-spacing: 0
    }
}

ul li .item-1727 a {
    padding-left: 10px;
    padding-right: 6px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -.7px
}

@media all and (max-width:479px) {
    .item-1369 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1369 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1369 a {
    padding-left: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -1px
}

@media all and (max-width:479px) {
    .item-1370 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1370 a {
        text-align: left;
        white-space: pre-line;
        width: 78px
    }
}

@media all and (max-width:479px) {
    .item-1568 a {
        text-align: left
    }
}

@media all and (min-width:480px) {
    .item-1568 a {
        text-align: center;
        white-space: pre-line;
        border: 2px solid #ecb320
    }
}

ul li .item-1568 a {
    padding-left: 10px;
    padding-right: 3px;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: -.6px
}

.vnim {
    color: red
}

.marque {
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 25px
}

.marque span {
    font-weight: 600;
    color: #8b0000;
    font-size: 25px;
    display: inline-block;
    padding-left: 100%;
    -webkit-animation: scroll 25s infinite linear;
    animation: scroll 25s infinite linear
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(-100%, 0)
    }
}

@keyframes scroll {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(-100%, 0)
    }
}

@media all and (max-width:479px) {
    .marque {
        margin-top: 0;
        width: 86%
    }

    .h1_kategoriy_izb {
        margin-top: -40PX
    }

    .h1_kategoriy {
        margin-top: -40PX
    }
}

.opis_slayder {
    color: #fff;
    position: relative;
    z-index: 10
}

.slid {
    margin-bottom: -55px
}

.flickity-viewport {
    background-color: #fff
}

.pull-right {
    color: #fff;
    margin-top: 40px
}

#back-top {
    right: 35px;
    z-index: 3
}

.pagination {
    text-align: center
}

.mat_besplatno_obv {
    border: 1px solid;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #deb887;
    border-radius: 10px;
    margin-top: -15px
}

.sparky_logo_image {
    margin-left: 30px
}

.coll-1-tovar {
    width: 40%;
    float: left;
    margin-left: 20px;
    margin-top: 74px
}

.coll-2-tovar {
    width: 50%;
    float: left;
    padding-left: 40px
}

@media all and (max-width:480px) {
    .coll-1-tovar {
        width: 90%;
        margin-top: -5px
    }
}

@media all and (max-width:480px) {
    .coll-2-tovar {
        width: 90%
    }
}

@media all and (max-width:480px) {
    .nazvanie {
        margin-top: -40px
    }
}

@media all and (max-width:480px) {
    .breadcru {
        margin-top: -35px
    }
}

@media all and (max-width:640px) {
    .glav_1_abzac {
        text-align: left;
        font-size: 15pt;
        margin-top: -88px;
        color: #fff;
        padding-left: 30px;
        line-height: 20px
    }

    .h3_glavnay_kach {
    text-align: center;
    font-size: 24pt;
    margin-top: -60px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -20px;
    }
	.h3_za_osob {
    text-align: center;
    font-size: 24pt;
    margin-top: -50px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -20px;
    }

    .tipy_saytov {
        text-align: center;
        font-size: 30pt;
        margin-top: -40px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 0
    }

    .h3_glavnay {
        text-align: center;
        font-size: 30pt;
        margin-top: -90px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: -60px
    }

    .h3_kaches {
        text-align: center;
        font-size: 30pt;
        margin-top: 0;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 240px
    }

    .h3_kaches_gll {
        text-align: center;
        font-size: 30pt;
        margin-top: 0;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 0
    }

    .h3_teh_pod {
        text-align: center;
        font-size: 30pt;
        margin-top: -75px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 250px
    }

    .h3_linux {
        text-align: center;
        font-size: 20pt;
        margin-top: -120px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 200px
    }

    .h3_admin_st {
        text-align: center;
        font-size: 20pt;
        margin-top: -80px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 200px
    }

    .h3_perenos {
        text-align: center;
        font-size: 20pt;
        margin-top: -100px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 80px
    }

    .h3_zakaz_satbox1 {
        text-align: center;
        font-size: 20pt;
        margin-top: -80px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 0
    }

    .h3_zakaz_sat {
        text-align: center;
        font-size: 20pt;
        margin-top: -120px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 0
    }

    .h3_kaches2 {
        text-align: center;
        font-size: 30pt;
        margin-top: 15px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        margin-bottom: 130px
    }

    .h3_kaches3 {
        text-align: center;
        font-size: 30pt;
        margin-top: -70px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        margin-bottom: 625px
    }

    .h3_kaches4 {
        text-align: center;
        font-size: 26pt;
        margin-top: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        margin-bottom: 820px;
        padding-bottom: 0
    }
}

#block2 {
    height: 0
}

.breadcruglav {
    margin-top: -70px;
    margin-bottom: 25px;
    margin-left: 6px;
    color: silver
}

.breadcrunabor {
    margin-top: -70px;
    margin-bottom: 25px;
    margin-left: 6px;
    color: silver
}

.novosty {
    text-align: center;
    margin-top: 30px;
    margin-left: 0
}

.novosty2 {
    text-align: center;
    padding-top: 30px
}

.wrapper_nov {
    display: inline-block;
    width: 280px;
    height: 100px;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    font-family: Tahoma, Arial;
    -webkit-perspective: 4000px;
    -moz-perspective: 4000px;
    -ms-perspective: 4000px;
    -o-perspective: 4000px;
    perspective: 4000px
}

.item_nov {
    height: 100px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .6s;
    -moz-transition: -moz-transform .6s;
    -ms-transition: -ms-transform .6s;
    -o-transition: -o-transform .6s;
    transition: transform .6s
}

.item_nov:hover {
    -webkit-transform: translateZ(-50px) rotateX(95deg);
    -moz-transform: translateZ(-50px) rotateX(95deg);
    -ms-transform: translateZ(-50px) rotateX(95deg);
    -o-transform: translateZ(-50px) rotateX(95deg);
    transform: translateZ(-50px) rotateX(95deg)
}

.item_nov:hover img {
    box-shadow: none;
    border-radius: 0
}

.item_nov:hover .information_nov {
    border-radius: 0
}

.item_nov img {
    display: block;
    position: absolute;
    border-radius: 0;
    margin-top: 0;
    -webkit-transform: translateZ(50px);
    -moz-transform: translateZ(50px);
    -ms-transform: translateZ(50px);
    -o-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.item_nov .information_nov {
    display: block;
    position: absolute;
    height: 96px;
    width: 280px;
    text-align: left;
    border-radius: 0;
    margin-top: 0;
    box-shadow: none;
    -webkit-transform: rotateX(-90deg) translateZ(50px);
    -moz-transform: rotateX(-90deg) translateZ(50px);
    -ms-transform: rotateX(-90deg) translateZ(50px);
    -o-transform: rotateX(-90deg) translateZ(50px);
    transform: rotateX(-90deg) translateZ(50px);
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

@media all and (max-width:480px) {
    .h1_politika {
        margin-top: -35px
    }

    .mnu_verh {
        display: none
    }

    .h_vse_nomera {
        font-size: 26pt
    }
}

@media all and (max-width:480px) {
    .contents {
        display: none
    }
}

.verhtf {
    float: left;
    margin-right: -15px;
    margin-top: 0
}

.futer_vac_vay {
    width: 60%;
    margin: 0 auto;
    margin-top: -14px
}

.seo_abzaci2 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
    margin-top: 15px
}

.seo_abzaci3 {
    margin-left: 3%;
    margin-top: 6%;
    margin-right: 2%;
    margin-bottom: 1%;
    float: left
}

.seo_abzaci4 {
    text-align: center;
    color: #fff;
    margin-top: 2%
}

.seo_abz_zak {
    text-align: center;
    font-size: 26pt;
    color: #ff0;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
    margin-top: 15px;
    font-weight: 600
}

.seo_abz_zak_kn {
    text-align: center;
    margin-top: 55px;
    margin-bottom: 30px
}

.krz_abzaci2 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
    margin-top: 5%
}

.krz_abzaci4 {
    text-align: center;
    color: #fff;
    margin-bottom: -70px;
    margin-top: -40px
}

.krz_abzaci5 {
    text-align: center;
    color: #fff;
    margin-top: 50px;
    margin-bottom: -50px
}

.krz_abzaci22 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
    margin-top: 2%
}

@media all and (max-width:480px) {
    .krz_abzaci22 {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-top: 60px
    }

    .krz_abzaci5 {
        text-align: center;
        color: #fff;
        margin-top: 50px;
        margin-bottom: 0
    }

    .krz_abzaci4 {
        text-align: center;
        color: #fff;
        margin-bottom: 0;
        margin-top: -150px
    }

    .krz_abzaci2 {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-top: 60px
    }

    .seo_abz_zak {
        text-align: center;
        font-size: 24pt;
        color: #ff0;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-top: 60px;
        font-weight: 600
    }

    .seo_abzaci3 {
        width: 93%;
        text-align: center;
        margin-bottom: 50px
    }

    .seo_abzaci2 {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-top: 60px
    }

    .verhtf {
        margin-top: -2px;
        margin-left: -5px;
        width: 40px;
        height: 40px
    }
}

.pull-left.item-image {
	margin: 0;
    text-align: center
}



.fon_gl_str_kategor:before {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    content: url('/images/fon-gl-str.webp');
    opacity: .17;
    display: block
}

.fon_gl_str_kategor img {
    opacity: .3
}

.fon_gl_str {
    width: 45%;
    float: left
}

.fon_gl_str_part {
    width: 100%;
    float: left
}
.fon_gl_str_kategor {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: -40px;
}

@media all and (max-width:480px) {
.fon_gl_str_kategor {
    width: 100%;
    position: relative;
    z-index: 1;
	margin-top: -90px;
}
    .gl_zagolovok11 {
        font-weight: 900;
        margin-top: -60px;
        margin-left: 0;
        font-size: 24pt
    }

    .gl_zagolovok12 {
        font-weight: 900;
        margin-top: -15px;
        margin-left: 0;
        font-size: 24pt
    }

    .fon_gl_str_part {
        width: 100%;
        float: left
    }

    .fon_gl_str_kategor:before {
        z-index: -1;
        position: absolute;
        left: 0;
        top: 0;
        content: url('/images/fon-gl-str.webp');
        opacity: .17;
        display: none
    }

    .fon_gl_str {
        width: 100%;
        float: left
    }

.katflog_landing {
    text-align: center;
    padding-top: 0;
    color: #fff;
	margin-bottom: -20px;
}

    .h1_glavnay {
        font-weight: 900;
        margin-top: 25px;
        margin-left: 0;
        font-size: 20pt;
        text-transform: uppercase
    }

    .gl_zagolovok {
        font-weight: 900;
        margin-top: -80px;
        margin-bottom: -100px;
        margin-left: 0;
        font-size: 24pt
    }

    .h3_shablon {
        font-weight: 900;
        margin-top: 0;
        margin-bottom: 290px;
        font-size: 20pt
    }

    .h3_shablon3 {
        font-weight: 900;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 20pt;
        text-transform: uppercase
    }

    .h3_shablon2 {
        font-weight: 900;
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 20pt
    }

    .h1_voronka {
        font-weight: 900;
        margin-top: -25px;
        margin-left: 0;
        font-size: 30px
    }

    .h_vse_nomera {
        font-weight: 900;
        margin-top: 0
    }

    .box_nomer {
        font-weight: 900;
        margin-top: -25px
    }

    .box_nomer1 {
        font-weight: 900;
        margin-top: -25px
    }

    .sparky_wrapper {
        background-color: #06060e
    }

    .blok_glav1 {
        margin-top: 20px
    }

    .blok_lend1 {
        margin-top: 20px
    }

    .blok_glav {
        margin-top: 20px;
        margin-bottom: 0;
        margin-right: 0;
    }

    .blok_glav_slider {
        margin-top: 20px;
        margin-bottom: 0;
        margin-right: 0
    }

    .blok_ban {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .blok_glav2 {
        margin-top: -170px
    }

    .blok_glav4 {
        margin-left: 0;
        text-align: center
    }

    .nomer_tf {
        display: none
    }

    .konakty_verh {
        margin-left: 0
    }

    .futer_vac_vay {
        margin-left: 150px
    }

    .novos {
        text-align: center;
        margin-bottom: -50px
    }

    .polit {
        text-align: center;
        margin-top: -60px
    }

    .pull-left.item-image {
        margin: 0;
        width: 100%
    }

    .sparky_inner .items-row .item {
        margin-bottom: -20px;
        border: 2px solid #ecb320;
        margin-top: 35px;
        margin-left: 10px;
        width: 92%;
        border-radius: 10px;
        padding-bottom: 0
    }

    button {
        position: relative;
        z-index: 0;
        margin-bottom: 35px;
        margin-top: 20px
    }

    .items-row .item p {
        text-align: center;
        margin-bottom: 20px
    }

    .vsenomera_blok_abzaci {
        margin-bottom: -80px
    }

    .vse_nomera_nomer {
        font-size: 36pt;
        color: #fff;
        text-align: center;
        margin-right: 0;
        margin-left: 4%
    }

    .vse_nomera_cena {
        font-size: 36pt;
        color: #fff;
        text-align: center;
        margin-right: 0;
        margin-left: 20%;
        margin-bottom: 20px
    }

    .vse_nomera_img {
        float: left;
        margin-top: -15px;
        margin-left: 45px;
        margin-right: 30px;
        border: 2px solid #ecb320;
        padding: 2px
    }
}

.verh_tf {
    color: #fff;
    font-weight: 600
}

.slider_staly {
    z-index: 1;
    position: relative;
    background: #fff;
    height: 21px
}

.slider_staly_2 {
    z-index: 2;
    position: relative;
    background: #4682b4;
    height: 4px
}

.slider_staly_1 {
    border: 4px solid #4682b4
}

.prokrutka {
    height: 361px;
    width: 100%;
    background: #fff;
    overflow-y: scroll;
    padding-left: 0;
    margin-left: 0;
    overflow-x: hidden;
    border-right: 1px solid silver;
    margin-top: 0
}

@media all and (max-width:480px) {
    .prokrutka {
        height: 361px;
        background: #fff;
        overflow-y: scroll;
        padding-left: 0;
        border-right: 0px;
        width: 384px
    }

    .blok_glav7 {
        text-align: center;
        width: 95%;
        background: url(/images/1-glavnay/9-glavnay-vizitka-1.webp);
        border: 3px solid #ecb320;
        margin-left: 0
    }

    .blok_glav8 {
        text-align: center;
        width: 95%;
        background: url(/images/1-glavnay/9-glavnay-korporotivniy-2.webp);
        border: 3px solid #ecb320;
        margin-left: 0
    }

    .blok_glav9 {
        text-align: center;
        width: 95%;
        background: url(/images/1-glavnay/9-glavnay-landing-page-4.webp);
        border: 3px solid #ecb320;
        margin-left: 0
    }

    .blok_glav10 {
        text-align: center;
        width: 95%;
        background: url(/images/1-glavnay/9-glavnay-magazin-3.webp);
        border: 3px solid #ecb320;
        margin-left: 0
    }

    .glav_box1 {
        width: 100%;
        margin-bottom: -20px;
        font-size: 14pt
    }

    .glavnay_1 {
        width: 100%;
        font-size: 16pt
    }
}

.vremy_raboty {
    margin-left: 25px;
    border: 2px solid #000;
    width: 92%;
    margin-bottom: 5px
}

@media all and (max-width:480px) {
    .vremy_raboty {
        margin-left: 15px;
        border: 2px solid #000;
        width: 90%
    }

    .blok_glav6 {
        text-align: center;
        margin-top: -200px
    }
}

.tab_nav {
    width: 20%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: -35px
}

@media all and (max-width:480px) {
    .tab_nav {
        width: 70%;
        margin-bottom: 0
    }
}

.tab_col {
    text-align: center;
    width: 50%
}

.prev_col {
    color: #ff0;
    font-weight: 900
}

.prev_col:hover {
    color: #ecb320;
    font-weight: 900
}

.video_h2 {
    text-align: center;
    padding-right: 10px;
    padding-left: 20px;
    font-size: 22pt;
    color: teal
}

.home_video {
    width: 60%;
    margin: 0 auto;
    border: 5px solid #ecb320;
    background-color: #000;
    border-radius: 10px;
    margin-bottom: 50px
}

.home_video_seo {
    width: 60%;
    margin: 0 auto;
    border: 5px solid #789;
    background-color: #000;
    border-radius: 10px;
    margin-bottom: 50px
}

.home_video1 {
    width: 80%;
    margin: 0 auto;
    border: 5px solid #ecb320;
    background-color: #000;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-top: 40px
}

.home_video2 {
    width: 80%;
    margin: 0 auto;
    border: 5px solid #ecb320;
    background-color: #000;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-top: 40px
}

@media all and (max-width:480px) {
    .home_video {
        width: 93%;
        margin-left: 2%;
        margin-right: 2%;
        border: 5px solid #ecb320;
        background-color: #000;
        border-radius: 10px;
        margin-bottom: 140px
    }

    .home_video_seo {
        width: 93%;
        margin-left: 2%;
        margin-right: 2%;
        border: 5px solid #789;
        background-color: #000;
        border-radius: 10px;
        margin-bottom: 140px
    }

    .home_video1 {
        width: 90%;
        margin-left: 2%;
        margin-right: 2%;
        border: 5px solid #ecb320;
        background-color: #000;
        border-radius: 10px;
        margin-bottom: 140px
    }

    .home_video2 {
        width: 88%;
        margin-left: 5%;
        margin-right: 5%;
        border: 5px solid #ecb320;
        background-color: #000;
        border-radius: 10px;
        margin-bottom: -80px
    }

    .nav-collapse.opened li {
        border: 1px solid #fff
    }

    .novosty {
        margin-top: 30px;
        margin-left: 15px
    }

    .glav_zaglav5 {
        font-size: 14pt
    }

    .glav_zaglav6 {
        font-size: 14pt
    }
}

.modul_skidka {
    margin-top: -40px;
    margin-bottom: -30px
}

.modul_skidka_opisanie {
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 22pt;
    color: #fff
}

.modul_skidka_opisanie_yelow {
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 22pt;
    color: #ff0;
    font-weight: 600
}

.timer {
    margin-bottom: 20px
}

.lazy {
    text-align: center;
    padding-bottom: 20px
}

.lazynabor {
    text-align: center;
    margin-top: 50px
}

.video_detkol {
    text-align: center;
    font-size: 24pt;
    font-weight: 600
}

li.active .mnu_verh {
    font-size: 30px;
    margin-top: 6px;
    color: #ecb320
}

li .mnu_verh {
    font-size: 30px;
    margin-top: 6px;
    color: #06060e
}

.perezvon {
    font-weight: 900;
    color: #000
}

.perezvon2 {
    color: #000
}

.polit {
    color: #fff;
    font-size: 22px;
    padding-top: 190px;
    margin-left: 40px;
    margin-right: 40px
}

.box_nomer {
    color: #ecb320;
    text-align: center;
    font-size: 30pt;
    margin-top: -15px;
    font-weight: 600
}

.box_nomer1 {
    color: #ecb320;
    text-align: center;
    font-size: 30pt;
    font-weight: 600;
    margin-top: -15px
}

.novos {
    color: #fff;
    font-size: 28px;
    padding-top: 60px;
    margin-left: 30px;
    margin-right: 30px
}

.s1 {
    color: #fff;
    font-size: 18px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left
}

.s12 {
    color: #fff;
    font-size: 22px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left
}

.s122 {
    margin-top: 20px
}





.blog-kategoriy {
    margin-top: -3px;
    margin-left: -30px;
    margin-right: 25px
}



input {
    font-size: 1.7em;
    background: #06060e;
    color: #000;
    border: .15rem solid #ecb320;
    padding: .8em .8em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 290px;
    border-radius: 7px
}

input:hover {
    color: #000
}

input:focus {
    color: red
}

input:active {
    color: #00f
}

.os_zagolovok_3:active {
    color: #00f
}

.izb_kat {
    margin-top: -40px
}

.izo_ok {
    border: 2px solid #ecb320;
    padding: 5px
}

.gl_dostup_viz {
    text-align: center;
    margin-top: 40px
}

.vizitka {
    text-align: center;
    font-size: 26pt;
    margin-top: -30px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 30px
}

.korporativnij {
    text-align: center;
    font-size: 26pt;
    margin-top: -30px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 70px
}

.voronka {
    text-align: center;
    font-size: 26pt;
    margin-top: -30px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 80px
}

.vizitka2 {
    text-align: center;
    font-size: 26pt;
    margin-top: 0;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 30px
}

.viz_blok_abzaci {
    text-align: left;
    font-size: 20pt;
    color: #ecb320;
    font-weight: 800;
    margin-right: 35px;
    margin-left: 35px
}

.viz_blok2_abzaci {
    text-align: left;
    font-size: 19pt;
    color: #fff;
    font-weight: 800;
    margin-right: 15px;
    margin-left: 35px
}

.vizitka_blok1 {
    text-align: center;
    font-size: 22pt;
    color: #fff;
    border: 1px solid #ecb320
}

.vizit_zaglav {
    text-align: center;
    font-size: 30pt;
    color: #fff
}

@media all and (max-width:480px) {
    .vizitka {
        text-align: center;
        font-size: 26pt;
        margin-top: 0;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 130px
    }

    .korporativnij {
        text-align: center;
        font-size: 26pt;
        margin-top: 0;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 180px
    }

    .voronka {
        text-align: center;
        font-size: 24pt;
        margin-top: 0;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 170px
    }

    .vizitka2 {
        text-align: center;
        font-size: 26pt;
        margin-top: 0;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 100px
    }

    .vizit_zaglav {
        text-align: center;
        font-size: 30pt;
        color: #fff;
        margin-top: -100px
    }

    .vizitka_blok1 {
        font-size: 14pt
    }
}

.kachestvo_abzaci {
    text-align: center;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%
}

.seo_abzaci {
    text-align: center;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
    margin-top: 7%
}

.kachestvo_abzaci2 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
    margin-top: 80px
}

.kachestvo_abzaci3 {
    color: #ecb320
}

.kachestvo_abzaci4 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 90%;
    margin-left: 0;
    margin-top: 25px
}

.inst_blok2 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 85%;
    margin-left: 3%;
    margin-top: 25px
}

.inst_blok3 {
    text-align: justify;
    font-size: 20pt;
    position: relative;
    z-index: 1;
    width: 85%;
    margin-left: 7%;
    margin-top: -10px;
    margin-bottom: -20px
}

.tester {
    color: #ff0;
    cursor: pointer
}

.tester:hover {
    color: #ecb320;
    cursor: pointer
}

.kachestvo_abzaci5 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
    margin-top: 25px
}

.teh_pod {
    text-align: center;
    font-size: 28pt;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
    margin-top: 25px;
    font-weight: 700
}

.grow_skew_forward1 {
    font-size: 1.6em;
    background: #06060e;
    color: #ecb320;
    border: .15rem solid #ecb320;
    padding: .8em .4em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 320px;
    border-radius: 7px
}

.grow_skew_forward1:hover {
    color: #fff
}

.kategoriy_forward {
    background: #06060e;
    color: #ecb320;
    border: .15rem solid #ecb320;
    padding: .8em .4em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 7px;
    font-size: 22px
}

.kategoriy_forward:hover {
    color: #000;
    background: #ecb320
}

.kupit_forward_blok1 {
    font-size: 1.6em;
    background: #06060e;
    color: #ff0;
    border: .25rem solid #ff0;
    padding: .8em .4em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 290px;
    border-radius: 7px;
    font-weight: 600;
    margin: 0 auto;
    cursor: pointer
}

.kupit_forward_blok1:hover {
    color: #fff;
    background: teal
}

.gl_podrobnee2 {
    text-align: left;
    margin-left: 45px;
    margin-top: 20px
}

.kachestvo_admin5 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 95%;
    margin-top: 40px;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 65px
}

@media all and (max-width:480px) {
    .gl_podrobnee2 {
        text-align: center;
        margin-left: 0;
        margin-bottom: 80px
    }

    .kachestvo_admin5 {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 94%;
        margin-top: -40px;
        margin-bottom: 140px
    }
}

.gl_podrobnee23 {
    text-align: right;
    margin-left: 45px;
    margin-top: 20px;
    letter-spacing: -1px
}

@media all and (max-width:480px) {
    .gl_podrobnee23 {
        text-align: center;
        margin-left: 0;
        margin-bottom: 80px;
        letter-spacing: -1px
    }
}

.gl_podrobnee3 {
    text-align: center;
    margin-bottom: 60px;
    margin-top: -30px
}

.host_abzaci {
    text-align: center;
    font-size: 24pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 99%
}

.host1_abzaci {
    text-align: center;
    font-size: 30pt;
    font-weight: 600;
    position: relative;
    z-index: 1;
    margin-bottom: 25px
}

@media all and (max-width:480px) {
    .gl_podrobnee3 {
        margin-top: -100px;
        padding-bottom: 120px;
        text-align: center
    }

    .host_abzaci {
        text-align: center;
        font-size: 20pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 96%;
        margin-top: -110px;
        margin-bottom: 135px
    }

    .host1_abzaci {
        text-align: center;
        font-size: 25pt;
        margin-top: -120px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 120px
    }
}

.prise {
    text-align: center;
    width: 90%;
    border: 2px solid #ecb320;
    border-radius: 10px;
    margin-left: 25px
}

.prise1 {
    text-align: center;
    color: #fff;
    width: 84%;
    border: 2px solid #ecb320;
    border-radius: 10px;
    margin-left: 25px;
    margin-top: 30px;
    margin-bottom: -60px;
    position: relative;
    z-index: 1
}

.prise2 {
    font-size: 19px;
    padding: 10px
}

.prise3 {
    color: #000;
    background: #ecb320;
    padding: 2px 6px;
    border-radius: 100%;
    float: left;
    font-size: 15px;
    margin-top: 2px;
    margin-right: 2px
}

.prise4 {
    color: #000;
    background: #ecb320;
    padding: 2px 10px;
    border-radius: 100%;
    font-size: 26px;
    margin-top: 2px;
    margin-right: 2px
}

.pricing-box2 {
    font-size: 30px
}

.plat-lenpr {
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-top: 20px
}

.pricing-box3 {
    font-size: 60px;
    color: #ecb320;
    font-weight: 900
}

.pricing-box7 {
    color: #fff;
    font-size: 24px;
    margin-top: -15px;
    border-bottom: 1px solid #ecb320;
    padding-bottom: 20px
}

.plat-lending {
    color: #fff;
    font-size: 24px;
    margin-top: 40px;
    border-bottom: 1px solid #ecb320;
    padding-bottom: 60px
}

.pricing-box6 {
    font-size: 24px;
    color: #fff;
    border-bottom: 1px solid #ecb320;
    padding-bottom: 20px;
    list-style-type: none;
    padding-top: 20px;
    margin-left: -40px
}

.pricing-box-1 {
    font-size: 40px;
    color: #fff;
    border-bottom: 1px solid #ecb320;
    padding-bottom: 20px;
    list-style-type: none;
    padding-top: 20px;
    margin-left: -40px
}

.pricing-box4 {
    font-weight: 700;
    color: #ecb320;
    font-size: 26px
}

.pricing-box-2 {
    font-weight: 700;
    color: #ecb320;
    font-size: 26px
}

.pricing-box5 {
    font-size: 24px;
    color: #fff;
    border-bottom: 1px solid #ecb320;
    padding-bottom: 10px;
    list-style-type: none;
    padding-top: 20px
}

.pricing-box55 {
    font-size: 24px;
    color: #fff;
    border-bottom: 1px solid #ecb320;
    padding-bottom: 16px;
    list-style-type: none;
    padding-top: 20px;
    margin-left: -40px
}

.pricing-box8 {
    font-size: 24px;
    color: #fff;
    padding-bottom: 20px;
    list-style-type: none;
    padding-top: 20px;
    margin-left: -40px
}

.pricing-box88 {
    font-size: 24px;
    color: #fff;
    padding-bottom: 16px;
    list-style-type: none;
    padding-top: 20px;
    margin-left: -40px
}

.pricing-box9 {
    margin-bottom: 40px
}

.os_paket {
    font-size: 30px;
    font-weight: 600;
    color: #ecb320
}

.os_paket_admin {
    font-size: 26px;
    font-weight: 600;
    color: #ecb320
}

.seo_2 {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 40px
}

@media all and (max-width:480px) {
    .seo_2 {
        text-align: center;
        font-size: 30pt;
        margin-top: -175px;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1
    }

    .prise {
        margin-left: 12px;
        margin-bottom: 20px
    }

    .prise1 {
        margin-left: auto;
        margin-bottom: 0;
        margin-right: auto
    }

    .pricing-box9 {
        margin-bottom: 0
    }
}

.h1_glavnay_linux {
    text-align: center;
    font-size: 30pt;
    margin-top: 50px;
    margin-left: -50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_linux1 {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 80px
}

.dorabot_2 {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -40px
}

.h3_amin1 {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 80px
}

.h3_skachat {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 80px
}

.h3_linux2 {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    margin-bottom: 50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.gladvblok1 {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_amin2 {
    text-align: center;
    font-size: 30pt;
    margin-top: 100px;
    margin-bottom: 50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.h3_vib_serv {
    text-align: center;
    font-size: 30pt;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.glav_zaglav_linux {
    text-align: center;
    font-size: 30pt;
    color: #fff
}

.gladvblok2 {
    text-align: center;
    font-size: 24pt;
    color: #fff;
    margin-top: 70px;
    margin-bottom: -15px
}

.blok_ban2 {
    text-align: center;
    font-size: 24pt;
    color: #fff;
    margin-top: -60px
}

.blok_gldudjet {
    text-align: center;
    font-size: 24pt;
    color: #fff;
    margin-top: 80px
}

.inst_blok1 {
    text-align: left;
    font-size: 24pt;
    color: #fff;
    margin-top: 0;
    margin-bottom: -30px;
    margin-left: 7%
}

.katflog_landing2 {
    text-align: center;
    font-size: 24pt;
    color: #fff;
    margin-top: 0;
    margin-bottom: -30px
}

.inst_predvideo {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.str_kachestvo {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 80px
}

.str_vizitka {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -20px
}

.h3_korporativ {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    margin-bottom: 50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.str_zalit {
    text-align: center;
    font-size: 30pt;
    margin-top: 30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -20px
}

.video_krz {
    margin-bottom: -80px
}

.nazv_lend {
    text-align: center;
    font-size: 26pt;
    font-weight: 600;
    color: #ecb320;
    position: relative;
    z-index: 1;
    margin-top: -26px;
    margin-bottom: 26px
}

.blok_glav_page_dorabotka {
    text-align: center;
    margin-top: 130px
}

@media all and (max-width:480px) {
    .blok_glav_page_dorabotka {
        text-align: center;
        margin-top: -160px
    }

    .nazv_lend {
        text-align: center;
        font-size: 20pt;
        font-weight: 600;
        color: #ecb320;
        position: relative;
        z-index: 1;
        margin-top: -26px;
        margin-bottom: 26px
    }

    .video_krz {
        margin-bottom: -160px
    }

    .str_zalit {
        text-align: center;
        font-size: 25pt;
        margin-top: -60px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 45px
    }

    .h3_korporativ {
        text-align: center;
        font-size: 26pt;
        margin-top: -120px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 200px
    }

    .str_vizitka {
        text-align: center;
        font-size: 25pt;
        margin-top: -60px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 0
    }

    .h1_glavnay_linux {
        font-weight: 900;
        margin-top: -25px;
        margin-left: 0;
        font-size: 26px
    }

    .str_kachestvo {
        text-align: center;
        font-size: 25pt;
        margin-top: -120px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 45px
    }

    .h3_linux1 {
        text-align: center;
        font-size: 25pt;
        margin-top: -120px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 210px
    }

    .dorabot_2 {
        text-align: center;
        font-size: 25pt;
        margin-top: -120px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 20px
    }

    .h3_amin1 {
        text-align: center;
        font-size: 25pt;
        margin-top: -120px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 120px
    }

    .h3_skachat {
        text-align: center;
        font-size: 20pt;
        margin-top: -120px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 90px
    }

    .h3_linux2 {
        text-align: center;
        font-size: 26pt;
        margin-top: -120px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 140px
    }

    .gladvblok1 {
        text-align: center;
        font-size: 26pt;
        margin-top: -90px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 150px
    }

    .h3_amin2 {
        text-align: center;
        font-size: 26pt;
        margin-top: 80px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 90px
    }

    .h3_vib_serv {
        text-align: center;
        font-size: 28pt;
        margin-top: -75px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 250px
    }

    .glav_zaglav_linux {
        text-align: center;
        font-size: 26pt;
        color: #fff
    }

    .gladvblok2 {
        text-align: center;
        font-size: 26pt;
        color: #fff;
        margin-top: -20px
    }

    .blok_ban2 {
        text-align: center;
        font-size: 26pt;
        color: #fff;
        margin-top: 30px
    }

    .blok_gldudjet {
        text-align: center;
        font-size: 26pt;
        color: #fff;
        margin-top: 30px
    }

    .inst_blok1 {
        text-align: center;
        font-size: 26pt;
        color: #fff;
        margin-top: -220px;
        margin-bottom: 10px;
        width: 92%
    }

    .katflog_landing2 {
        text-align: center;
        font-size: 26pt;
        color: #fff;
        margin-top: -50px;
        margin-bottom: 10px;
        width: 92%
    }

    .inst_predvideo {
        text-align: center;
        font-size: 26pt;
        margin-top: 0;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 130px
    }
}

.dorabotka_blok4 {
    margin-bottom: 15px;
    text-align: center
}

.dorabotka_blok3 {
    margin-bottom: 70px;
    text-align: center
}

.skadmin {
    margin-bottom: 0;
    text-align: center
}

.got_sait_blok3 {
    margin-bottom: -70px;
    text-align: center
}

.got_sait_blok4 {
    margin-bottom: -70px;
    text-align: center
}

.got_sait_blok5 {
    margin-bottom: -70px;
    text-align: center
}

.got_sait_blok6 {
    text-align: center;
    font-size: 30pt;
    margin-top: 60px;
    margin-bottom: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.got_sait_blok55 {
    text-align: center;
    font-size: 30pt;
    margin-top: -20px;
    margin-bottom: -70px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.got_sait_blok57 {
    text-align: center;
    font-size: 30pt;
    margin-top: 60px;
    margin-bottom: -60px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.got_sait_blok7 {
    margin-bottom: 0;
    text-align: center
}

.got_sait_blok8 {
    text-align: justify;
    font-size: 24pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 97%;
    margin-left: 15px;
    margin-top: 40px
}

.got_sait_blok9 {
    text-align: center;
    font-size: 28pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px
}

.kupit_blok1 {
    margin-bottom: -70px;
    text-align: center;
    border-radius: 10px
}

.dorabotka_blok2 {
    text-align: center;
    font-size: 30pt;
    color: #fff
}

.dorabotka_blok1 {
    margin-bottom: 15px;
    text-align: center
}

.pricing-box-vizitka {
    margin-bottom: 70px;
    text-align: center
}

.pricing-box-landing {
    margin-bottom: 0;
    text-align: center
}

.pricing-box-katalog {
    margin-bottom: 70px;
    text-align: center
}

.katalogbox1 {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: -50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.inst_kaches {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: -50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.katalogbox2 {
    margin-bottom: 0;
    text-align: center
}

.got_sait_blok10 {
    margin-bottom: 0;
    text-align: center
}

.kartochka_opisanie {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -60px;
    margin-top: 30px
}

.kartochka_podr {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 60px
}

.kartochka_podr_2 {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 60px
}

.korzina_zakaz {
    text-align: center;
    font-size: 30pt;
    margin-top: 50px;
    margin-left: 0;
    margin-bottom: 40px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.krzina_2 {
    text-align: center;
    font-size: 30pt;
    margin-top: 40px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 40px
}

.mag_sayt {
    text-align: justify;
    font-size: 16pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%
}

.mag_sayt2 {
    text-align: justify;
    font-size: 16pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
    margin-bottom: -5%
}

.dor_sayt {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: -50px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -50px
}

@media all and (max-width:480px) {
    .dor_sayt {
        text-align: center;
        font-size: 26pt;
        margin-top: -90px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: -50px
    }

    .mag_sayt2 {
        text-align: justify;
        font-size: 16pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-bottom: 0
    }

    .mag_sayt {
        text-align: justify;
        font-size: 16pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-bottom: 0
    }

    .krzina_2 {
        text-align: center;
        font-size: 30pt;
        margin-top: 30px;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1
    }

    .korzina_zakaz {
        font-weight: 900;
        margin-top: 20px;
        margin-bottom: 30px;
        margin-left: 0;
        font-size: 24pt
    }

    .kartochka_podr_2 {
        text-align: center;
        font-size: 30pt;
        margin-top: 0;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 180px
    }

    .kartochka_podr {
        text-align: center;
        font-size: 30pt;
        margin-top: 0;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 35px
    }

    .kartochka_opisanie {
        text-align: center;
        font-size: 26pt;
        margin-top: 30px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: -60px
    }

    .dorabotka_blok4 {
        margin-bottom: 0;
        text-align: center;
        margin-top: -90px
    }

    .got_sait_blok10 {
        margin-bottom: 0;
        text-align: center;
        margin-top: -90px
    }

    .dorabotka_blok3 {
        margin-bottom: 140px;
        text-align: center;
        margin-top: 0
    }

    .skadmin {
        margin-bottom: 0;
        text-align: center;
        margin-top: -170px
    }

    .got_sait_blok3 {
        margin-bottom: -45px;
        text-align: center;
        margin-top: 0
    }

    .got_sait_blok4 {
        margin-bottom: -45px;
        text-align: center;
        margin-top: -90px
    }

    .got_sait_blok5 {
        margin-bottom: -45px;
        text-align: center;
        margin-top: 0
    }

    .got_sait_blok6 {
        text-align: center;
        font-size: 26pt;
        margin-top: 0;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 180px
    }

    .got_sait_blok55 {
        text-align: center;
        font-size: 26pt;
        margin-top: -70px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 0;
        width: 99%
    }

    .got_sait_blok57 {
        text-align: center;
        font-size: 26pt;
        margin-top: 40px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 0
    }

    .got_sait_blok7 {
        margin-bottom: 0;
        text-align: center;
        margin-top: -50px
    }

    .got_sait_blok8 {
        margin-left: 2%
    }

    .got_sait_blok9 {
        text-align: center;
        font-size: 28pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 120px
    }

    .kupit_blok1 {
        margin-bottom: -45px;
        text-align: center;
        margin-top: 0;
        border-radius: 10px
    }

    .dorabotka_blok2 {
        text-align: center;
        font-size: 30pt;
        color: #fff;
        margin-top: -120px
    }

    .dorabotka_blok1 {
        margin-bottom: 110px;
        text-align: center;
        margin-top: -90px
    }

    .pricing-box-vizitka {
        margin-bottom: 0;
        text-align: center;
        margin-top: 0
    }

    .pricing-box-landing {
        margin-bottom: -40px;
        text-align: center;
        margin-top: 40px
    }

    .pricing-box-katalog {
        text-align: center;
        margin-top: 0;
        margin-bottom: 150px
    }

    .katalogbox1 {
        text-align: center;
        font-size: 30pt;
        margin-top: -140px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 130px
    }

    .inst_kaches {
        text-align: center;
        font-size: 26pt;
        margin-top: -200px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 220px
    }

    .katalogbox2 {
        margin-bottom: -40px;
        text-align: center;
        margin-top: 0
    }

    .glav_blok_abzaci3 {
        text-align: left;
        padding-top: 0
    }

    .teh_pod {
        text-align: center;
        font-size: 28pt;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-top: 25px;
        font-weight: 700;
        font-size: 26pt
    }

    .pricing-box2 {
        font-size: 26px
    }

    .plat-lenpr {
        font-size: 26px
    }
}

.effects {
    position: relative;
    display: inline-block;
    box-shadow: 1px 3px 1px 0 rgba(0, 0, 0, .08);
    border: 1px solid #cfcfcf;
    background-color: #fff;
    font: normal 14px sans-serif;
    margin: 20px;
    border: 5px solid #fff;
    overflow: hidden;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    max-height: 200px;
    border-radius: 10px
}

.effects img {
    display: block;
    position: relative;
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.effects div {
    width: calc(100% - 20px);
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 10px;
    text-align: center
}

.effects div {
    opacity: 0;
    background-color: rgba(0, 0, 0, .5);
    transition: all .4s ease-in-out;
    color: #fff;
    transform: translate(0, -90px) rotate(0)
}

.effects:hover div {
    opacity: 1;
    transform: translate(0, 0) rotate(0)
}

.effects1 {
    color: gold;
    text-align: center;
    margin-top: 0;
    font-size: 24px
}

.effects2 {
    text-align: center;
    color: #ff0;
    font-size: 24px;
    margin-top: -15px;
    margin-bottom: 20px;
    font-weight: 700
}

.button_box1 {
    display: inline-block !important;
    text-decoration: none !important;
    background-color: #000 !important;
    color: #fff !important;
    border: 3px solid #ecb320 !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    padding: 15px 10px !important;
    transition: all 1s ease !important
}

.button_box1:hover {
    text-decoration: none !important;
    background-color: #2f4f4f !important;
    color: #ff0 !important;
    border-color: #ecb320 !important
}

.button_box2 {
    display: inline-block !important;
    text-decoration: none !important;
    background-color: #000 !important;
    color: #fff !important;
    border: 3px solid #ecb320 !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    padding: 15px 10px !important;
    transition: all 1s ease !important;
    cursor: pointer;
    width: 280px;
    text-align: center
}

.button_box2:hover {
    text-decoration: none !important;
    background-color: #2f4f4f !important;
    color: #ff0 !important;
    border-color: #ecb320 !important
}

.skidka-25 {
    display: inline-block !important;
    text-decoration: none !important;
    background-color: #000 !important;
    color: #fff !important;
    border: 3px solid #ecb320 !important;
    border-radius: 10px !important;
    font-size: 24px !important;
    padding: 15px 10px !important;
    transition: all 1s ease !important;
    cursor: pointer;
    width: 200px;
    text-align: center;
    margin-right: 1%
}

.skidka-25:hover {
    text-decoration: none !important;
    background-color: #ff0 !important;
    color: #000 !important;
    border-color: #ecb320 !important
}

.skidka-26 {
    display: inline-block !important;
    text-decoration: none !important;
    background-color: #000 !important;
    color: #fff !important;
    border: 3px solid #ecb320 !important;
    border-radius: 10px !important;
    font-size: 24px !important;
    padding: 15px 10px !important;
    transition: all 1s ease !important;
    cursor: pointer;
    width: 200px;
    text-align: center;
    margin-left: 1%
}

.skidka-26:hover {
    text-decoration: none !important;
    background-color: #ff0 !important;
    color: #000 !important;
    border-color: #ecb320 !important
}

.skidka-24 {
    text-align: center
}

.button_box3 {
    width: 310px;
    margin: 0 auto
}

.cena {
    color: #ff0;
    font-size: 28px;
    font-weight: 600;
    margin-top: 30px;
    width: 100%;
    float: left
}

.versiy {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-top: 10px
}

.versiy2 {
    color: #fff;
    font-size: 26px;
    font-weight: 600
}

.kategor_cena {
    color: #ff0;
    font-size: 28px;
    font-weight: 600
}

.result-category {
    width: 70%;
    margin: 0 auto;
    padding: 10px
}

.result-2blok {
    border: 2px solid #ecb320;
    border-radius: 10px;
    padding: 10px;
    width: 20%;
    margin-left: 2.6%;
	margin-top: 2%;
	text-align: center;
	float: left;
}

.res-img2 {
    border-radius: 10px
}

.search-results {
    width: 100%
}

.but_we {
    width: 100%
}

.kartochka_tovara {
    text-align: center;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 8%;
    margin-bottom: -3%
}

@media all and (max-width:480px) {
    .kartochka_tovara {
        text-align: center;
        font-size: 20pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-bottom: 0
    }

    .result-2blok {
        border: 2px solid #ecb320;
        border-radius: 10px;
        padding: 10px;
        width: 89%;
        margin-bottom: 20px
    }

    .searchintro {
        text-align: center;
        margin-top: -80px;
        font-size: 30px;
        color: #ecb320;
        margin-bottom: 40px
    }
}

.poisk-1 {
    font-size: 14px;
    margin-left: 30px;
    margin-top: 23px;
    margin-bottom: -55px;
    color: #fff;
    text-align: justify
}

.kategoriy_abzaci {
    text-align: center;
    font-size: 18pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
	margin-bottom: 25px;
}

.h_1kartochka {
    text-align: center;
    font-size: 22pt;
    margin-top: -30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -30px;
}



.h_1kartochka_niz {
    text-align: center;
    font-size: 22pt;
    margin-top: -30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
}


.h_1kartochka2 {
    text-align: center;
    font-size: 26pt;
    margin-top: 55px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.fulskrin {
    margin-left: -15px;
    margin-top: 50px
}
.kartochka_abzaci {
    text-align: center;
    font-size: 18pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
	margin-bottom: 110px;
}
@media all and (max-width:640px) {
.kartochka_abzaci {
    text-align: center;
    font-size: 18pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%;
    margin-bottom: 110px;
}
    .h_1kartochka {
        font-weight: 900;
        margin-top: 30px;
        margin-left: 0;
        font-size: 24pt;
        line-height: 40px;
    }

    .h_1kartochka_niz {
        font-weight: 900;
        margin-top: 30px;
        margin-left: 0;
        font-size: 24pt;
        line-height: 40px;
    }

    .h_1kartochka2 {
        font-weight: 900;
        margin-top: 10px;
        margin-left: 0;
        font-size: 20pt
    }

    .poisk-1 {
        font-size: 18px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 23px;
        margin-bottom: -30px;
        color: #fff;
        text-align: justify;
        width: 96%
    }

    .kategoriy_abzaci {
        text-align: center;
        font-size: 18pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-bottom: -70px;
    }

    .glav_zaglav7 {
        text-align: center;
        border: 4px solid #ecb320
    }
}

.posle_pagination {
    border-bottom: 2px solid #fff;
    padding-bottom: 30px;
    margin-bottom: -20px;
    width: 103%
}

.posle_pagina {
    padding-left: 52px;
    margin-top: 550px
}

.cena_kartochka {
    color: #ff0;
    font-size: 36px;
    font-weight: 600;
    margin-top: -20px;
    text-align: center
}

.skidka-20 {
    text-align: center
}

.skidka-21 {
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 600
}

.skidka-22 {
    color: #ff0
}

@media all and (max-width:480px) {
    .skidka-25 {
        display: inline-block !important;
        text-decoration: none !important;
        background-color: #000 !important;
        color: #fff !important;
        border: 3px solid #ecb320 !important;
        border-radius: 10px !important;
        font-size: 30px !important;
        padding: 15px 10px !important;
        transition: all 1s ease !important;
        cursor: pointer;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
        margin-left: 2%
    }

    .skidka-26 {
        display: inline-block !important;
        text-decoration: none !important;
        background-color: #000 !important;
        color: #fff !important;
        border: 3px solid #ecb320 !important;
        border-radius: 10px !important;
        font-size: 30px !important;
        padding: 15px 10px !important;
        transition: all 1s ease !important;
        cursor: pointer;
        width: 100%;
        text-align: center;
        margin-left: 2%
    }

    .skidka-24 {
        width: 92%
    }
}

.oooy {
    width: 80%;
    border: .15rem solid #ecb320;
    padding: 5px;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 50px
}

.dorabotka_blok_lending {
    margin-bottom: 25px;
    text-align: center
}

.vnimanie {
    text-align: justify;
    font-size: 20pt;
    color: #fff
}

.vnimanie1 {
    border: 2px solid #ff0;
    padding: 1%;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    width: 90.6%;
    margin-left: 3%;
    margin-top: 25px
}

.ceny_zag3 {
    text-align: center;
    font-size: 26pt;
    color: #ff0;
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 30px
}

.ceny_box1 {
    width: 100%;
    padding-top: 30px;
    padding-left: 2%;
    z-index: 2;
    position: relative
}

.ceny_box2 {
    float: left;
    width: 20%;
    font-size: 21px;
    color: #fff;
    text-align: center;
    border: 2px solid #ecb320;
    padding: 10px 20px 10px 10px;
    margin: 0.83%;
    border-radius: 5px
}

.ceny_box5 {
    margin-top: 40px;
    margin-bottom: 30px
}

.ceny_box6 {
    border-radius: 50%
}

.kateg_typy_sayta {
    text-align: center;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 93%;
    margin-left: 3%
}

.typy_len3 {
    text-align: center;
    font-size: 26pt;
    color: #ff0;
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 80px;
    font-weight: 600
}

.typy_len {
    text-align: center;
    font-size: 30pt;
    margin-top: 50px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.ceny_zag_viz {
    text-align: center;
    font-size: 26pt;
    color: #ff0;
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 30px
}

.part1 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    margin: 0 20px 0 20px;
    padding-bottom: 15px
}

.part2 {
    text-align: center;
    font-size: 26pt;
    margin-top: 15px;
    font-weight: 600;
    color: #fff
}

.part3 {
    text-align: center;
    font-size: 26pt;
    margin-top: 55px;
    font-weight: 600;
    color: #fff;
    margin-bottom: -55px
}

.part4 {
    text-align: center;
    font-size: 30pt;
    margin-top: -30px;
    margin-left: 0;
    font-weight: 600;
    color: #fff
}

.zakaz1 {
    text-align: center;
    font-size: 26pt;
    margin-top: 90px;
    margin-bottom: 60px;
    font-weight: 600;
    color: #fff
}

.zakaz2 {
    text-align: center;
    font-size: 26pt;
    margin-top: 50px;
    font-weight: 600;
    color: #fff
}

.zakaz3 {
    text-align: center;
    font-size: 26pt;
    margin-top: 460px;
    font-weight: 600;
    color: #fff
}

.zakaz5 {
    text-align: center;
    font-size: 26pt;
    margin-top: 60px;
    margin-bottom: -40px;
    font-weight: 600;
    color: #fff
}

.zakaz6 {
    text-align: center;
    font-size: 26pt;
    margin-top: 50px;
    margin-bottom: -50px;
    font-weight: 600;
    color: #fff
}

.zakaz7 {
    text-align: center;
    font-size: 26pt;
    margin-top: -15px;
    margin-bottom: 50px;
    font-weight: 600;
    color: #fff
}

.zakaz8 {
    text-align: center;
    font-size: 26pt;
    margin-top: -15px;
    margin-bottom: 50px;
    font-weight: 600;
    color: #fff
}

.zakaz9 {
    font-size: 50px;
    color: #ff0;
    margin-bottom: -45px
}

.zakaz10 {
    color: gold;
    margin-bottom: -40px;
    font-weight: 900
}

.zakaz11 {
    color: #ff0
}

.zakaz13 {
    margin-bottom: -40px
}

.zakaz14 {
    font-size: 50px;
    font-weight: 900;
    color: #ff0
}

.ceny_box111 {
    width: 100%;
    padding-top: 30px;
    padding-left: 2%;
    z-index: 2;
    position: relative;
    height: 550px
}

.zakaz17 {
    margin-bottom: -28px
}

.zakaz18 {
    margin-bottom: -48px
}

.zakaz19 {
    height: 530px
}

@media all and (max-width:480px) {
    .zakaz19 {
        height: 900px
    }

    .ceny_box111 {
        width: 90%
    }

    .zakaz8 {
        text-align: center;
        font-size: 20pt;
        margin-top: -145px;
        margin-bottom: 30px;
        font-weight: 600;
        color: #fff
    }

    .zakaz7 {
        text-align: center;
        font-size: 20pt;
        margin-top: -145px;
        margin-bottom: 190px;
        font-weight: 600;
        color: #fff
    }

    .zakaz6 {
        text-align: center;
        font-size: 20pt;
        margin-top: 40px;
        margin-bottom: 130px;
        font-weight: 600;
        color: #fff
    }

    .zakaz5 {
        text-align: center;
        font-size: 20pt;
        margin-top: 80px;
        margin-bottom: -60px;
        font-weight: 600;
        color: #fff
    }

    .zakaz3 {
        text-align: center;
        font-size: 20pt;
        margin-top: 0;
        margin-bottom: 40px;
        font-weight: 600;
        color: #fff
    }

    .zakaz2 {
        text-align: center;
        font-size: 20pt;
        margin-top: 25px;
        margin-bottom: 0;
        font-weight: 600;
        color: #fff
    }

    .zakaz1 {
        text-align: center;
        font-size: 20pt;
        margin-top: -90px;
        margin-bottom: 40px;
        font-weight: 600;
        color: #fff
    }

    .part4 {
        text-align: center;
        font-size: 26pt;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        margin-bottom: 315px
    }

    .part3 {
        text-align: center;
        font-size: 30pt;
        margin-top: 55px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 0
    }

    .part2 {
        text-align: center;
        font-size: 20pt;
        margin-top: 10px;
        font-weight: 600;
        color: #fff
    }

    .part1 {
        text-align: justify;
        font-size: 17pt;
        color: #fff;
        margin-top: 10px
    }

    .ceny_zag_viz {
        text-align: center;
        font-size: 26pt;
        color: #ff0;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-top: -30px;
        margin-bottom: -115px
    }

    .typy_len3 {
        text-align: center;
        font-size: 26pt;
        color: #ff0;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-top: 140px;
        margin-bottom: 40px
    }

    .typy_len {
        font-weight: 900;
        margin-top: 50px;
        margin-left: 0;
        font-size: 24pt
    }

    .kateg_typy_sayta {
        text-align: center;
        font-size: 20pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-bottom: -90px;
        margin-top: 140px
    }

    .ceny_box1 {
        width: 90%
    }

    .ceny_box2 {
        float: left;
        width: 93%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        margin: 1.5%;
    }

    .ceny_zag3 {
        text-align: center;
        font-size: 22pt;
        color: #ff0;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-top: -30px;
        margin-bottom: 30px
    }

    .vnimanie {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-top: 25px
    }

    .dorabotka_blok_lending {
        margin-bottom: 25px;
        text-align: center;
        margin-top: 60px
    }

    .oooy {
        width: 90%;
        border: .15rem solid #ecb320;
        padding: 5px;
        margin-left: 3%;
        margin-right: 3%;
        margin-top: -50px
    }

    .kachestvo_abzaci5 {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        position: relative;
        z-index: 1;
        width: 93%;
        margin-left: 3%;
        margin-top: 25px
    }

    .fulskrin {
        margin-left: -15px;
        margin-top: 100px
    }
}

.po_cenam {
    text-align: center;
    margin: 55px 0 -55px 0
}

.blink {
    -webkit-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite
}

@-webkit-keyframes blink {
    50% {
        color: gold
    }

    51% {
        color: rgba(255, 215, 0, 0)
    }

    100% {
        color: rgba(244, 164, 96, 0)
    }
}

@keyframes blink {
    50% {
        color: gold
    }

    51% {
        color: rgba(255, 215, 0, 0)
    }

    100% {
        color: rgba(255, 215, 0, 0)
    }
}

.ceny_box555 {
    margin-top: 45px;
    margin-bottom: -30px;
    width: 92%;
    margin-left: 4%;
    margin-right: 4%
}

.kategoriy_forward22 {
    background: #06060e;
    color: #ecb320;
    border: .15rem solid #ecb320;
    padding: .5em .4em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 7px;
    font-size: 20px;
    text-align: center;
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.kategoriy_forward22:hover {
    background: #ecb320;
    color: #000;
    border: .15rem solid #ecb320;
    padding: .5em .4em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 7px;
    font-size: 20px;
    text-align: center;
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.mp_poisk2 {
    z-index: 2;
    position: relative
}

.mesendger5 {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
    color: #ff0
}

.mesendger3 {
    width: 33.333%;
    float: left;
    text-align: center;
    cursor: pointer
}

.mesendger1 {
    height: 120px
}

.blok_ban3 {
    font-size: 36px;
    margin-bottom: -50px
}

.blok_ban4 {
    font-size: 36px;
    margin-bottom: -50px
}

.seo_proverka {
    text-align: center;
    font-size: 30pt;
    margin-top: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    margin-bottom: 140px
}

@media all and (max-width:480px) {
    .ceny_box555 {
        margin-top: 45px;
        margin-bottom: -65px;
        width: 92%;
        margin-left: 4%;
        margin-right: 4%
    }

    .seo_proverka {
        text-align: center;
        font-size: 26pt;
        margin-top: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        margin-bottom: 540px
    }

    .blok_ban4 {
        font-size: 30px;
        margin-bottom: 0
    }

    .blok_ban3 {
        font-size: 30px;
        margin-bottom: 0;
        margin-top: -110px
    }

    .mesendger3 {
        width: 100%;
        float: left;
        cursor: pointer;
        text-align: center
    }

    .mesendger1 {
        height: 360px
    }
}

.foot4 {
    font-size: 20px;
    list-style-type: none
}

.foot5 {
    color: #fff
}

.foot5:hover {
    color: #ecb320
}

.deshevo_blok1 {
    text-align: justify;
    font-size: 24pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 97%;
    margin-left: 15px;
    margin-top: 90px
}

.deshevo_blok5 {
    margin-bottom: 15px
}

.deshevo_blok2 {
    text-align: center;
    font-size: 24pt;
    color: #fff;
    margin-top: -20px;
    margin-bottom: 30px
}

.deshevo_blok3 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 90%;
    margin-left: 0;
    margin-top: 95px;
    list-style-type: decimal
}

.deshevo_blok4 {
    text-align: center;
    font-size: 24pt;
    color: #fff;
    margin-top: -60px
}

.deshevo_blok6 {
    text-align: center;
    margin-top: 40px
}

.deshevo_blok7 {
    text-align: center;
    margin-top: 54px
}

.h3_seo2 {
    text-align: center;
    font-size: 26pt;
    margin-top: 40px;
    margin-left: 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -80px
}

@media all and (max-width:480px) {
    .h3_seo2 {
        text-align: center;
        font-size: 26pt;
        margin-top: 40px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 40px
    }

    .deshevo_blok1 {
        margin-left: 2%;
        margin-top: 50%;
        margin-bottom: -5%
    }

    .deshevo_blok2 .gladvblok2 {
        text-align: center;
        font-size: 26pt;
        color: #fff
    }

    .deshevo_blok4 {
        text-align: center;
        font-size: 26pt;
        color: #fff;
        margin-top: -80px
    }

    .deshevo_blok6 {
        text-align: center;
        margin-left: 0
    }

    .deshevo_blok7 {
        text-align: center;
        margin-left: 0
    }
}

.prise_primergl {
    margin-top: 50px
}

.blok_glav_page {
    text-align: center;
    margin-top: 45px
}

.got_sait_page {
    margin-bottom: 40px;
    text-align: center;
    margin-top: 30px
}

.callback-bt {
    background: #38a3fd;
    border-radius: 50%;
    box-shadow: 0 8px 10px rgba(56, 163, 253, .3);
    cursor: pointer;
    border: 2px solid transparent;
    display: block;
    height: 75px;
    width: 75px;
    text-align: center;
    position: fixed;
    right: 1px;
    bottom: 20%;
    z-index: 999;
    transition: .3s ease-in-out;
    -webkit-animation: hoverWave linear 1s infinite;
    animation: hoverWave linear 1s infinite
}

.callback-bt:hover {
    background: #fff;
    border: 2px solid #38a3fd
}

.callback-bt .text-call {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    position: relative
}

.callback-bt .text-call:after {
    content: url("/images/coll-back.png");
    display: block;
    font-family: fontawesome;
    color: #fff;
    font-size: 38px;
    line-height: 75px;
    height: 75px;
    width: 75px;
    opacity: 1;
    transition: .3s ease-in-out;
    animation: 1.2s ease 0s normal none 1 running shake;
    animation-iteration-count: infinite
}

.callback-bt .text-call:hover:after {
    opacity: 0
}

.callback-bt .text-call span {
    color: #38a3fd;
    display: block;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    opacity: 0;
    font-size: 11px;
    line-height: 12px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s ease-in-out;
    font-family: montserrat, Arial, Helvetica, sans-serif
}

.callback-bt .text-call:hover span {
    opacity: 1
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 0 rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2)
    }

    40% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 15px rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2)
    }

    80% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, .067)
    }

    100% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0)
    }
}

@keyframes shake {
    0% {
        transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        -webkit-transform: rotateZ(0)
    }

    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg)
    }

    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg)
    }

    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg)
    }

    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg)
    }

    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg)
    }

    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg)
    }

    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg)
    }

    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg)
    }

    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg)
    }

    100% {
        transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        -webkit-transform: rotateZ(0)
    }
}

.author_blog {
    display: inline;
    height: 0;
    left: -1000px;
    position: absolute;
    top: -1000px;
    visibility: hidden
}

.hover-image-scale {
    display: inline-block;
    overflow: hidden
}

.hover-image-scale img {
    transition: 1s;
    display: block;
    margin: 20px 0 15px 20px
}

.hover-image-scale img:hover {
    transform: scale(1.4);
	opacity: 1;
}

.container_slider_css {
    width: 90%;
    height: 380px;
    position: relative;
    margin: 6% 10% 15% 10%;
}

.photo_slider_css {
    position: absolute;
    animation: round 16s infinite;
    opacity: 0;
    width: 90%;
	border: 2px solid #ecb320;
    padding: 3px
}

@keyframes round {
    25% {
        opacity: 1
    }

    40% {
        opacity: 0
    }
}

img:first-child {
    animation-delay: 12s;

}

img:nth-child(2) {
    animation-delay: 8s
}

img:nth-child(3) {
    animation-delay: 4s
}

img:nth-child(4) {
    animation-delay: 0s
}

@media all and (max-width:480px) {
    .container_slider_css {
        width: 100%;
        height: 380px;
        position: relative;
        margin-top: 50px;
        margin-left: 3%;
        margin-bottom: -50px;
    }
}

.block_services a:after,
.block_services a:before,
.block_services a:hover span {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.block_services {
    text-align: center
}

.block_services a {
    position: relative;
    overflow: hidden;
    padding: 15px;
    display: inline-block;
    color: #ecb320;
    text-decoration: none;
    background: #06060e;
    font-size: 1.5em;
    border: .2rem solid #ecb320;
    border-radius: 10px;
    margin-bottom: 15px
}

.block_services a:hover span {
    position: relative;
    z-index: 1
}

.block_services a:hover span {
    color: #000
}

.block_services a:after,
.block_services a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-transform: skew(-30deg, 0deg);
    -o-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    -ms-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    z-index: 0
}

.block_services a:before {
    top: 0;
    left: 200%;
    background: #ecb320
}

.block_services a:after {
    top: 0;
    right: 200%;
    background: #ecb320
}

.block_services a:hover:after {
    right: 49%
}

.block_services a:hover:before {
    left: 50%
}

.block_services1 a:after,
.block_services1 a:before,
.block_services1 a:hover span {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.block_services1 {
    text-align: center
}

.block_services1 a {
    position: relative;
    overflow: hidden;
    padding: 15px;
    display: inline-block;
    color: #ecb320;
    text-decoration: none;
    background: #000;
    font-size: 1.6em;
    border: .2rem solid #ecb320;
    border-radius: 10px;
    margin-bottom: 15px
}

.block_services1 a:hover span {
    position: relative;
    z-index: 1;
    color: #000
}

.block_services1 a:after,
.block_services1 a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-transform: skew(-30deg, 0deg);
    -o-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    -ms-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    z-index: 0
}

.block_services1 a:before {
    top: 0;
    left: 200%;
    background: #ecb320
}

.block_services1 a:after {
    top: 0;
    right: 200%;
    background: #ecb320
}

.block_services1 a:hover:after {
    right: 49%
}

.block_services1 a:hover:before {
    left: 50%
}

.block_services2 a:after,
.block_services2 a:before,
.block_services2 a:hover span {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.block_services2 {
    text-align: center;
    width: 104%
}

.block_services2 a {
    position: relative;
    overflow: hidden;
    padding: 15px;
    display: inline-block;
    color: #ecb320;
    text-decoration: none;
    font-size: 1em;
    border: .2rem solid #ecb320;
    border-radius: 10px;
    margin-bottom: 15px
}

@media all and (max-width:480px) {
    .block_services2 a {
        font-size: 1.4rem
    }
}

.block_services2 a:hover span {
    position: relative;
    z-index: 1;
    color: #000
}

.block_services2 a:after,
.block_services2 a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-transform: skew(-30deg, 0deg);
    -o-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    -ms-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    z-index: 0
}

.block_services2 a:before {
    top: 0;
    left: 200%;
    background: #ecb320
}

.block_services2 a:after {
    top: 0;
    right: 200%;
    background: #ecb320
}

.block_services2 a:hover:after {
    right: 49%
}

.block_services2 a:hover:before {
    left: 50%
}

.sign {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin-bottom: -70px;
    margin-top: 13px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-size: 23px;
    color: #fff
}

@media all and (max-width:480px) {
    .sign {
        font-size: 20px;
        margin-bottom: -50px;
        margin-top: 40px
    }
}

@keyframes blink {

    0%,
    22%,
    36%,
    75% {
        color: #ff0
    }

    28%,
    33% {
        color: #ff0;
        text-shadow: none
    }

    82%,
    97% {
        color: #00bfff;
        text-shadow: none
    }
}

.flicker {
    animation: shine 1s forwards, blink 3s 2s infinite
}

.fast-flicker {
    animation: shine 1s forwards, blink 2s 1s infinite
}

@keyframes shine {
    0% {
        color: #fff;
        text-shadow: none
    }

    100% {
        color: #fff
    }
}

@keyframes flicker {
    from {
        opacity: 1
    }

    4% {
        opacity: .9
    }

    6% {
        opacity: .85
    }

    8% {
        opacity: .95
    }

    10% {
        opacity: .9
    }

    11% {
        opacity: .922
    }

    12% {
        opacity: .9
    }

    14% {
        opacity: .95
    }

    16% {
        opacity: .98
    }

    17% {
        opacity: .9
    }

    19% {
        opacity: .93
    }

    20% {
        opacity: .99
    }

    24% {
        opacity: 1
    }

    26% {
        opacity: .94
    }

    28% {
        opacity: .98
    }

    37% {
        opacity: .93
    }

    38% {
        opacity: .5
    }

    39% {
        opacity: .96
    }

    42% {
        opacity: 1
    }

    44% {
        opacity: .97
    }

    46% {
        opacity: .94
    }

    56% {
        opacity: .9
    }

    58% {
        opacity: .9
    }

    60% {
        opacity: .99
    }

    68% {
        opacity: 1
    }

    70% {
        opacity: .9
    }

    72% {
        opacity: .95
    }

    93% {
        opacity: .93
    }

    95% {
        opacity: .95
    }

    97% {
        opacity: .93
    }

    to {
        opacity: 1
    }
}

.nopodcher {
    text-decoration: none
}

@-webkit-keyframes marquee {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@keyframes marquee {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

.b-marquee-line__flow {
    background: #06060e;
    font-size: 0;
    line-height: 0;
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.b-marquee-line__flow-in {
    display: block;
    height: 400px
}

.cssanimations .b-marquee-line__flow-in {
    width: 200%;
    position: absolute;
    overflow: hidden;
    -webkit-animation: marquee 40s linear infinite;
    animation: marquee 40s linear infinite
}

.b-marquee-line__flow-block {
    white-space: nowrap
}

.no-cssanimations .b-marquee-line__flow-block:last-child {
    display: none
}

.cssanimations .b-marquee-line__flow-block {
    white-space: nowrap;
    float: left;
    width: 51%
}

.b-marquee-line__flow-item {
    height: 400px
}

@media all and (max-width:480px) {
    .cssanimations .b-marquee-line__flow-block {
        white-space: nowrap;
        float: left;
        width: 100%
    }

    .b-marquee-line__flow {
        background: #06060e;
        font-size: 0;
        line-height: 0;
        height: 400px;
        overflow: hidden;
        position: relative;
        width: 107%
    }
}

.zvonok {
    font-size: 18px;
    color: #fff;
    margin: 20px;
    text-align: center
}

.marquee22 {
    font-family: SEGOE PRINT;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 20px
}

.marquee22 span {
    color: yellow;
    font-size: 26px;
    display: inline-block;
    padding-left: 100%;
    -webkit-animation: marquee22 20s infinite linear;
    animation: marquee22 20s infinite linear
}

@-webkit-keyframes marquee22 {
    0% {
        -webkit-transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(-100%, 0)
    }
}

@keyframes marquee22 {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(-100%, 0)
    }
}

.marquee222 {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-bottom: 20px
}

.marquee222 span {
    color: #fff;
    font-size: 26px;
    display: inline-block;
    padding-left: 100%;
    -webkit-animation: marquee22 20s infinite linear;
    animation: marquee22 20s infinite linear
}

@-webkit-keyframes marquee222 {
    0% {
        -webkit-transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(-100%, 0)
    }
}

@keyframes marquee222 {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(-100%, 0)
    }
}

.kategoriy_glknopky {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.vibrat_host {
    color: #ff0;
    cursor: pointer
}

.vibrat_host:hover {
    color: #ecb320;
    cursor: pointer
}

.slides_container {
    margin-top: 30px
}

.usl_partn1 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    width: 97%;
    margin: 25px 0 -80px 15px
}

.usl_partn2 {
    text-align: center;
    font-size: 26pt;
    color: #ff0;
    margin-top: 0
}

.usl_partn3 {
    text-align: center;
    font-size: 26pt;
    color: #ff0;
    margin-top: 65px;
    margin-bottom: -30px
}

.usl_partn4 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    width: 97%;
    margin: 100px 0 0 15px
}

.usl_partn5 {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
    color: #ff0
}

.usl_partn6 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
    color: #fff;
    margin-top: 60px
}

.usl_partn7 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    width: 97%;
    margin: 30px 0 0 15px
}

.usl_partn8 {
    text-align: left;
    margin-top: 20px
}

.usl_partn9 {
    color: silver;
    padding-left: 35px;
    text-align: justify;
    padding-right: 35px;
    border-bottom: 2px solid #fff;
    padding-bottom: 30px
}

.usl_partn10 {
    text-align: justify;
    font-size: 23pt;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-left: 15px;
    margin-right: 15px
}

.usl_partn11 {
    text-align: center;
    margin-top: 30px;
    font-size: 24px;
    color: #fff
}

.usl_partn12 {
    text-align: center;
    font-size: 20pt;
    color: #ff0;
    margin-top: 0;
    font-weight: 700;
    margin-bottom: -50px
}

.usl_partn13 {
    border: 2px solid #ecb320;
    padding: 10px 0 50px 0;
    border-radius: 10px;
    margin: 3%
}

.usl_partn14 {
    text-align: center;
    margin-top: 65px
}

.usl_partn15 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    margin-left: 15px;
    width: 100%
}

.usl_partn16 {
    text-align: center;
    font-size: 26pt;
    color: #ff0
}

.usl_partn17 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    width: 97%;
    margin: 0 0 0 15px
}

.usl_partn18 {
    margin-bottom: -20px
}

.usl_partn19 {
    text-align: center;
    font-size: 30pt;
    margin-top: 49px;
    font-weight: 600
}

.oplkk {
    width: 30%
}

.zakaz4 {
    text-align: justify;
    font-size: 20pt;
    color: #fff;
    width: 97%;
    margin: 25px 0 -30px 15px
}

@media all and (max-width:480px) {
    .zakaz4 {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        width: 95%;
        margin: 25px 0 -40px 10px
    }

    .usl_partn1 {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        width: 95%;
        margin: 25px 0 -160px 10px
    }

    .usl_partn2 {
        text-align: center;
        font-size: 20pt;
        color: #ff0;
        margin-top: 80px
    }

    .usl_partn3 {
        text-align: center;
        font-size: 18pt;
        color: #ff0;
        margin-top: 125px;
        margin-bottom: 30px
    }

    .usl_partn4 {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        width: 95%;
        margin: 180px 0 0 10px
    }

    .usl_partn6 {
        text-align: center;
        font-size: 20pt;
        margin-top: 40px;
        font-weight: 600;
        color: #fff
    }

    .usl_partn7 {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        width: 95%;
        margin: 30px 0 0 10px
    }

    .usl_partn12 {
        text-align: center;
        font-size: 20pt;
        color: #ff0;
        margin-top: 0
    }

    .usl_partn15 {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        margin-left: 4%;
        width: 93%
    }

    .usl_partn16 {
        text-align: center;
        font-size: 30pt;
        color: #ff0;
        margin-top: 140px
    }

    .usl_partn17 {
        text-align: justify;
        font-size: 20pt;
        color: #fff;
        width: 95%;
        margin: 0 0 0 10px
    }

    .usl_partn18 {
        margin-bottom: -30px
    }

    .usl_partn19 {
        font-weight: 900;
        margin-top: 40px;
        font-size: 24pt
    }

    .oplkk {
        width: 80%
    }
}
.tef_naved:hover {color: #ecb320}


.kart_mob_nachalo {margin-top: 0px; margin-bottom: 0px; display: none;}
@media all and (max-width:640px) {
.kart_mob_nachalo {text-align: center; margin-top: -80px; margin-bottom: 100px; display: block;}
}


.timer{
	text-align: center;
	padding: 20px 0;
	margin-bottom: -15px;
}
.timer>p{
	font-weight: 700;
	color: #fff;
	font-size: 19px;
	line-height: 1.5em;
	margin-bottom: 12px;
}
.timer .timer_container{
	font-size: 0;
	text-align: center;
	padding-bottom: 15px;
}
.timer_container .timer_block{
	width: 70px;
	display: inline-block;
	vertical-align: top;
	margin: 0 12px;
	position: relative;
}
.timer_container .timer_block:first-child {
	margin-left: 0;
}
.timer_container .timer_block:last-child {
	margin-right: 0;
}
.timer_block:not(:last-child):after{
	content: ':';
	font-weight: 700;
	font-size: 46px;
	line-height: 46px;
	color: #ffc224;
	position: absolute;
	top: 10px;
	right: -18px;
	text-shadow: 0 2px 0 #d3972b;
}
.timer_block .count{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #ecb320;
	line-height: 70px;
	text-align: center;
	font-size: 32px;
	color: #000;
    font-weight: 900;
	}
.timer_block .text{
	text-align: center;
	color: #fff;
	font-size: 15px;
}

@media (max-width: 640px) {
	.timer_container .timer_block {
		width: 60px;
	}
	.timer_block .count {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
}

.price{
    display: flex;
    width: 93%;
    font-size: 0;
    text-align: center;
    font-family: 'Akrobat', Arial, Helvetica, sans-serif;
    background: #ffc025;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    margin: 0 5% 4px 5%;
	height: 50px;
	transform: skewX(-15deg);
	border: 2px solid #fff;
    border-radius: 10px;
}
.price>div{
	display: inline-block;
	line-height: 63px;
	height: 63px;
	vertical-align: top;
	color: white;
}
.price .old{
    line-height: 44px;
    height: 44px;
    width: 40%;
    color: black;
	font-weight: 700;
    font-size: xxx-large;
}
@media (max-width: 640px) {
.price .old {
    line-height: 44px;
    height: 44px;
    width: 40%;
    color: black;
	font-weight: 700;
    font-size: 40px;
}
}
.price .old>span{
	text-decoration: line-through;
}
.price>div>small{
	font-size: 0.8em;
}
.price .new{
	border: .4rem solid #ffc025;
	font-size: 45px;
	margin-left: 12px;
	font-weight: 900;
	background: #0f283d;
	width: 60%;
	border-radius: 45px 0 0 45px;
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	height: 50px;
	padding: 0 0 9px 0;
}






.price2{
    display: flex;
    width: 83%;
    font-size: 0;
    text-align: center;
    font-family: 'Akrobat', Arial, Helvetica, sans-serif;
    background: #ffc025;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    margin: auto;
    height: 50px;
	transform: skewX(-15deg);
	border: 2px solid #fff;
    border-radius: 10px;
}
.price2>div{
	display: inline-block;
	line-height: 63px;
	height: 63px;
	vertical-align: top;
	color: white;
}
.price2 .old2{
    line-height: 44px;
    height: 44px;
    width: 40%;
    color: black;
	font-weight: 700;
    font-size: xxx-large;
}
.price2 .old2>span{
	text-decoration: line-through;
}
.price2>div>small2{
	font-size: 0.8em;
}
.price2 .new2{
	border: .4rem solid #ffc025;
	font-size: 45px;
	margin-left: 12px;
	font-weight: 900;
	background: #0f283d;
	width: 60%;
	border-radius: 45px 0 0 45px;
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	height: 50px;
	padding: 0 0 9px 0;
}
.kart_mob>button{
    font-size: 2.4em;
    background: none;
    color: #ecb320;
    border: .15rem solid #ecb320;
    padding: 0.5em .5em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 7px;
    font-weight: 700;
	margin-bottom: 15px;
    margin-top: 15px;
}
.kart_mob>button:hover{
    color: #000;
}
.sale {
    margin-bottom: -94px;
    bottom: 0px;
    right: 10%;
    font-size: 21px;
    line-height: 14px;
    background: red;
    color: #fff;
    position: relative;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 1;
	transform: rotate(42deg);
	border: 6px solid #ecb320;
}
.sale1 {margin-top:20px;font-weight:900;font-size: 23px;}
.sale2 {font-weight:900;font-size: 30px;}
.video_kartochka {
    margin-top: 15%;
    width: 200%;
    margin-left: -107%;
}
.str_zalit {
    text-align: center;
    font-size: 28pt;
    margin-top: 30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}
.dizayn {
    margin-bottom: -112px;
    bottom: 105px;
    right: -67%;
    font-size: 21px;
    line-height: 10px;
    background: red;
    color: #fff;
    position: relative;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: rotate(42deg);
    border: 3px solid #fff;
}
.dizayn1 {margin-top:20px;font-size: 20px;font-weight:900;}
.dizayn2 {font-weight:900;}
@media (max-width: 640px) {
.dizayn {
        margin-bottom: -130px;
        bottom: 103px;
        right: -67%;
        font-size: 23px;
        line-height: 4px;
        background: red;
        color: #fff;
        position: relative;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        z-index: 1;
		transform: rotate(42deg);
		border: 3px solid #fff;
}
.video_kartochka {
    margin-top: 15%;
    width: 100%;
    margin-left: 0%;
}
.str_zalit {
        text-align: center;
        font-size: 24pt;
        margin-top: -20px;
        margin-left: 0;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 45px;
    }
.sale {
        margin-bottom: -94px;
        bottom: 198px;
        right: -230px;
        font-size: 23px;
        line-height: 6px;
        background: red;
        color: #fff;
        position: relative;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        z-index: 1;
		transform: rotate(42deg);
		border: 3px solid #ecb320;
}
.sale1 {margin-top:20px;font-size: 20px;}
.sale2 {font-weight:900;font-size: 22px;}
.price2{
    width: 93%;
    margin: 0px 5% 30px 4%;
}
}
.akc_podov {
    text-align: center;
    margin-top: 20px;
    font-size: 24px;
	color: #fff;
    font-weight: 800;
	margin-bottom: -10px;
}
.zamovlenny0 {
width: 100%;
text-align: center;
}
.zamovlenny2 {
border: 2px solid #ecb320;
padding: 3px;
}
.zamovlenny1 {
    text-align: center;
    font-size: 22pt;
    margin-top: -29px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 80px;
}
.prosmotr {
    width: 100%;
	height: 400px;
	cursor: pointer;
}
@media (max-width: 640px) {
.prosmotr {
    width: 100%;
    height: 260px;
}
.zamovlenny1 {
    font-weight: 900;
    margin-top: 30px;
    margin-left: 0;
    font-size: 20pt;
	margin-bottom: 140px;
    }
.akc_podov {
    text-align: center;
    margin-top: 40%;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
}
}
.fon_nazvanie {
    background-color: #ecb320;
    transform: skewX(-15deg);
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
	margin-top: 20px;
	border: 3px solid #fff;
	border-radius: 10px;
}
.h1_black {
color: #000;
}

.text {
font-size: 24pt;
text-shadow: 2px 2px 5px #800000;
color: yellow;
}

.blink1 {
    -webkit-animation: blink1 1s linear infinite;
    animation: blink1 1s linear infinite
}

@-webkit-keyframes blink1 {
    50% {
        color: #fff
    }

    51% {
        color: #000
    }

    100% {
        color: #000
    }
}

@keyframes blink1 {
    50% {
        color: #fff
    }

    51% {
        color: #000
    }

    100% {
        color: #000
    }
}
.flicker {
    animation: shine 1s forwards, blink1 3s 2s infinite
}

.fast-flicker {
    animation: shine 1s forwards, blink1 2s 1s infinite
}
.opisanye {
margin-left: -100%;
margin-right: 0;
margin-top: 80px;
width: 180%;
}
.opisanye1
{
    width: 80%;
    color: #fff;
    font-size: 40px;
    padding: 10px 10px 20px 0;
    border-radius: 10px;
    text-align: center;
    border: .4rem solid #ecb320;
    transform: skewX(-15deg);
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.opisanye2
{
    color: #fff;
    text-align: center;
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
	margin-right: 0;
}
.opisanye3
{
color: #ff0;
}
.blok_kartochka
{
width: 100%;
text-align: center;
margin-top: -70px;
}
.blok_image3
{
width: 33%;
text-align: center;
float: left;
}
@media (max-width: 640px) {
.blok_image3
{
width: 100%;
text-align: center;
}
.blok_kartochka
{
width: 97%;
text-align: center;
margin-top: -115px;
}
.opisanye2
{
    color: #fff;
    text-align: center;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 30px;
}
.opisanye1
{
    width: 87%;
    color: #fff;
    font-size: 32px;
    padding: 10px 10px 20px 10px;
    border-radius: 10px;
    text-align: center;
    border: .4rem solid #ecb320;
    transform: skewX(0deg);
    margin-top: 50px;
    margin-left: -3px;
    margin-right: 0;
    margin-bottom: 40px;
}
.opisanye {
margin-left: 15px;
margin-right: 15px;
margin-top: 0px;
width: 100%;
}
.fon_nazvanie {
        background-color: #ecb320;
        transform: skewX(0deg);
        width: 90%;
        margin-right: auto;
		margin-left: auto;
        padding: 1.1%;
		margin-top: 30px;
        margin-bottom: 60px;
		border: 3px solid #fff;
}

.text {
    font-size: 24pt;
    text-shadow: 2px 2px 5px #800000;
	color: yellow;
}
.h1_black {
    color: #000;
    font-size: 26px;
}

}