@charset 'UTF-8';
.call-order
{
    font-family: 'Philosopher', sans-serif;
    font-size: 20px;
    line-height: 38px;

    position: fixed;
    z-index: 10;
    top: 50%;
    right: -58px;

    display: none;

    width: 158px;

    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: center;

    color: #fff;
    border: 2px solid #b03f2f;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    background: #b03f2f;
}

.call-order:hover,
.call-order:focus
{
    text-decoration: none;

    color: #b03f2f;
    outline: none;
    background: #fff;
}

h4
{
    font-family: 'Bebas Neue Bold', sans-serif;
    font-size: 36px;
    line-height: 38px;

    margin: 0;

    text-transform: uppercase;

    color: inherit;
}

h1,
h5,
h2
{
    font-family: 'Philosopher', arial;
    font-size: 36px;
    line-height: 38px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 30px 0;

    color: #333;
}

h1 strong,
h5 strong,
h2 strong
{
    color: #b03f2f;
}

h1 span,
h5 span,
h2 span
{
    text-transform: lowercase;
}


body
{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    position: relative;
    background: #fdfdfc;
    -webkit-font-smoothing: antialiased;
}

.container
{
    width: 100%;
    max-width: 1170px;
    margin: auto;
}

.hidden
{
    display: none;
}

header
{
    position: relative;

    display: block;
}

.header-top
{
    position: relative;

    display: block;

    width: 100%;
    height: auto;
    padding: 10px 0;

    transition: .3s;

    background: #545453;
    background: linear-gradient(to bottom, #545453 0%, #515151 100%);
    box-shadow: 0 2px 1.96px .04px rgba(0, 0, 0, .24);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545453', endColorstr='#515151',GradientType=0 );
}

.h-place,
.h-mail
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;

    color: #fff;
}

.h-mail:hover
{
    opacity: .8;
    color: #fff;
}

.h-place-wrap.col-sm-1
{
    display: none;
}

.h-mail-wrap.col-xs-4
{
    display: none;
}

.h-place i
{
    margin-right: 10px;
}

.h-social
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
}

.h-social-wrap.col-xs-2
{
    display: none;
}

.h-social a
{
    margin: 0 5px;

    color: #fff;
}

.fa-vk:hover
{
    color: #4f77a2;
}

.fa-facebook:hover
{
    color: #3b5998;
}

.fa-instagram:hover
{
    color: #d12e90;
}

.fa-twitter:hover
{
    color: #4ab3f4;
}

.menu-top
{
    position: relative;

    display: block;
    float: right;

    text-align: center;
}

.menu-top-wrap
{
    width: 100%;
    padding: 0 7px;
}

.menu-top ul
{
    margin: 0;
    padding: 0;
}

.menu-top li
{
    display: inline-block;

    margin: 0;
    padding: 0 5px;

    list-style-type: none;
}

.menu-top a
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;

    display: block;

    cursor: pointer;
    transition: .3s;

    color: #fff;
}

.menu-top a:hover,
.menu-top a:focus
{
    text-decoration: underline;

    opacity: .8;
}

.header-menu
{
    position: relative;

    display: block;

    width: 100%;
    padding: 3px 0;

    transition: .3s;

    background: #f1efe9;
    background: linear-gradient(to bottom, #f1efe9 0%, #f2f1eb 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1efe9', endColorstr='#f2f1eb',GradientType=0 );
}

.sticky
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 73px;
    padding: 0 0 10px 0;

    background: #f1efe9;
    box-shadow: 0 1px 12px 0 rgba(50, 50, 50, .3);
}

.sticky .logo
{
    padding-top: 3px;
}

.sticky .logo img
{
    width: auto;
    height: 65px;
}

.sticky .img-grayscale
{
    position: absolute;
    top: 0;
    left: -10px;

    width: 40px;
    height: auto;
}

.sticky .menu
{
    padding-top: 10px;
}

.sticky .menu a
{
    position: relative;

    padding: 0 40px;
}

.sticky .menu li:first-child a
{
    margin-top: 10px;
    padding-left: 45px;
}

.sticky .menu li:first-child a .img-grayscale
{
    top: -10px;
}

.sticky .telephone-group
{
    margin-top: 10px;
}

.sticky .telephone
{
    font-size: 16px;
}

.logo
{
    position: relative;

    display: block;

    width: 100%;
    height: auto;

    text-align: left;
}

.logo img
{
    display: block;

    width: 100px;
    height: auto;
}

.toggle
{
    display: block;

    margin-top: 20px;

    text-align: right;
}

.toggle i
{
    font-size: 25px;
}

.menu
{
    position: relative;
}

.menu-wrap.col-sm-1
{
    display: none;

    padding: 0;
}

.menu ul
{
    margin: 0;
    padding: 0;
}

.menu li
{
    position: relative;

    display: inline-block;

    margin: 0;
    padding: 0;

    list-style-type: none;

    vertical-align: text-top;
}

.img-grayscale
{
    display: block;

    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.menu a
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 14px;

    display: inline-block;

    max-width: 130px;
    padding: 0 18px;

    cursor: pointer;
    transition: .3s;
    text-decoration: none;

    color: #1c1e24;
}

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

.menu li:first-child a
{
    padding-left: 0;
}

.menu a:hover
{
    text-decoration: underline;

    color: #b03f2f;
}

.menu a:hover .img-grayscale
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.menu-portfolio
{
    font-family: 'Open Sans Semibold', sans-serif !important;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    padding-top: -30px;
}

.telephone-group
{
    position: relative;

    display: none;

    width: 100%;
    height: auto;
    margin-left: 30px;

    text-align: center;
}

.telephone
{
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 16px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 0;

    color: #333;
}

.telephone span
{
    font-size: 15px;

    color: #b03f2f;
}

.telephone:hover,
.telephone:focus
{
    text-decoration: none;

    color: #b03f2f;
}

.sidenav
{
    color: #333;
    background: #f1efe9;
}

.sidenav-overlay
{
    background: rgba(0, 0, 0, .4);
}

.sidenav-brand
{
    padding: 20px 0;

    border-bottom: 1px solid #b7b6b1;
    background: #f1efe9;
}

.sidenav-brand .logo
{
    text-align: center;
}

.sidenav-brand .logo img
{
    margin: auto;
}

.sidenav-header
{
    padding: 20px 0;

    text-align: center;

    border-bottom: 1px solid #b7b6b1;
    background: #f1efe9;
}

.sidenav-header .h-social a
{
    color: #333;
}

.sidenav-header .telephone-group
{
    display: block !important;

    margin: 0;
}

.sidenav-header .h-mail
{
    color: #333;
}

.sidenav-menu a
{
    padding: 10px 15px;

    color: #333;
}

.sidenav-menu a span
{
    padding: 0;
}

.sidenav-menu a.active
{
    color: #333;
}

.sidenav-dropdown-icon
{
    top: 9px;
}

.sidenav-menu a:hover
{
    color: #b03f2f;
    background: #f2f1eb;
}

.sidenav-menu
{
    padding: 0;
    padding-top: 20px;

    text-align: center;

    background: #f1efe9;
}

.sidenav .icon-position .sidenav-dropdown-icon
{
    top: 35px;
}

.header-center
{
    position: relative;

    display: none;

    width: 100%;
    padding: 30px 0 15px;

    background: #f4f3f1;
    background: linear-gradient(to bottom, #f4f3f1 0%, #fdfdfd 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f1', endColorstr='#fdfdfd',GradientType=0 );
}

.header-center--bg
{
    background: url(../img/47.png) no-repeat;
    background-position: top right;
}

.h-h1
{
    font-family: 'Philosopher', sans-serif;
    font-size: 54px;
    line-height: 56px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin-top: 100px;

    color: #333;
}

.h-h1-wrap
{
    margin-bottom: 125px;
}

.h-h1 strong
{
    font-size: 58px;

    color: #b03f2f;
}

.header-center img
{
    position: relative;

    display: inline-block;
    float: right;
}

.showreel
{
    font-family: 'Open Sans Semibold', arial;
    font-size: 18px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 20px 0 0 0;

    color: #333;
}

.showreel img
{
    float: left;

    margin-right: 10px;
}

.showreel:hover
{
    text-decoration: none;

    color: #b03f2f;
}

.showreel:hover .img-grayscale
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.header-down
{
    position: relative;

    display: block;

    width: 100%;
    height: 300px;
    margin-top: 70px;
}

.header-rabota
{
    position: relative;

    display: block;
    float: left;

    width: 100%;
    height: 50px;
}

.header-rabota:hover .hr
{
    -webkit-animation: move .35s ease-in-out;
    animation: move .35s ease-in-out;

    transfor-origin: bottom;
}

@-webkit-keyframes move
{
    0%
    {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    100%
    {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes move
{
    0%
    {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    100%
    {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.header-rabota:hover .header-rabota-right-h
{
    color: #b03f2f;
}

.hr
{
    border-right-width: 2px;
    border-right-style: solid;
}

.hr1
{
    border-right-color: #ed6969;
}

.hr2
{
    border-right-color: #f5c151;
}

.hr3
{
    border-right-color: #45d306;
}

.header-rabota-left
{
    position: relative;

    display: block;
    float: left;

    width: 50px;
    height: 100%;
}

.header-rabota-left p
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 50px;

    position: relative;

    display: inline-block;

    margin: 0;

    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-decoration: none;

    color: #333;
    color: #333;
}

.header-rabota-left
{
    position: relative;

    display: inline-block;
    float: left;
}

.header-rabota-right
{
    position: relative;

    display: inline-block;
    float: left;

    padding: 0 0 0 10px;
}

.header-rabota-right-d
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;

    position: relative;

    display: block;

    color: #a29f9f;
}

.header-rabota-right-h
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 18px;

    position: relative;

    display: block;

    color: #333;
}

.glavnaya-raboty
{
    position: relative;
    padding: 0px 0 0;
    background: #fdfdfc;
}

.glavnaya-raboty-container
{
    position: relative;

    display: block;

    width: 100%;
    height: auto;
}

.glavnaya-raboty-container .col-md-6:nth-child(4)
{
    clear: both;
}

.glavnaya-rabota
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;

    transition: .35s;
}

.glavnaya-rabota
{
    position: relative;

    display: block;

    width: auto;
    height: 242px;
    margin: auto;

    transition: .35s;

    opacity: .8;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}

.glavnaya-rabota h6
{
    font-family: 'Open Sans Extrabold', sans-serif;
    font-size: 18px;
    line-height: 30px;

    position: absolute;
    z-index: 2;
    bottom: 53px;
    left: 42px;

    display: block;

    margin-bottom: 0;

    text-transform: uppercase;

    color: #fff;
}

.glavnaya-rabota span
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: initial;

    display: block;

    text-transform: initial;
}

.glavnaya-rabota--1
{
    max-width: 330px;
    height: 500px;

    background-image: url(../img/rabota-bg1.png);
}

.glavnaya-rabota--1 h6
{
    position: static;

    padding: 335px 0 0 40px;
}

.glavnaya-rabota--2
{
    max-width: 270px;

    background-image: url(../img/rabota-bg2.png);
}

.glavnaya-rabota--2 h6
{
    color: #333;
}

.glavnaya-rabota--3
{
    max-width: 570px;

    background-image: url(../img/rabota-bg3.png);
}

.glavnaya-rabota--3 h6
{
    top: -35px;
    bottom: auto;
    left: 80px;

    color: #333;
}

.glavnaya-rabota--4
{
    max-width: 480px;

    background-image: url(../img/rabota-bg4.png);
}

.glavnaya-rabota--4 h6
{
    bottom: 105px;
}

.glavnaya-rabota--5
{
    max-width: 400px;

    background-image: url(../img/rabota-bg5.png);
}

.glavnaya-rabota--5 .glavnaya-rabota--5--title
{
    font-family: 'Philosopher', sans-serif;
    font-size: 42px;
    line-height: 34px;

    bottom: 130px;
    left: 80px;

    text-transform: inherit;
}

.glavnaya-rabota--5 .glavnaya-rabota--5--title::after
{
    position: absolute;
    right: -52px;
    bottom: 0;

    width: 32px;
    height: 32px;

    content: '';

    background: url(../img/icons/right-arrow.png) no-repeat;
}

.glavnaya-rabota--5:hover .glavnaya-rabota--5--title::after
{
    transition: all .35s;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.glavnaya-rabota:hover,
.glavnaya-rabota:focus
{
    transition: all .35s;
    text-decoration: none;

    opacity: 1;
}

.glavnaya-uslugi
{
    padding: 2px 0 25px;

    background: #fdfdfc;
}

.glavnaya-uslugi-container
{
    position: relative;

    display: block;

    width: 100%;
}

.udlugi-a
{
    position: relative;

    display: inline-block;

    height: auto;

    background-image: url(../img/uslugi-bg1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.udlugi-a li
{
    display: inline-block;

    width: 48%;
}

.udlugi-a a
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;

    position: relative;

    display: inline-block;

    height: auto;
    margin: 0 0 20px 0;
    padding: 10px 20px;

    transition: .3s;

    color: #333;
}

.udlugi-a a:hover,
.udlugi-a .ui-tabs-active a
{
    text-decoration: none;

    color: #b03f2f;
}

.udlugi-a a:hover .img-grayscale
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.udlugi-a a img
{
    margin-right: 20px;

    vertical-align: middle;
}

.glavnaya-uslugi-content
{
    position: relative;

    display: inline-block;

    height: auto;
    padding-left: 20px;
}

.usluga-a1-content
{
    position: relative;

    display: block;

    width: 100%;
    height: auto;
}

.usluga-a1-content-top
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
}

.usluga-a1-content-img
{
    position: relative;

    display: inline-block;
    display: none;
    float: left;

    width: 40%;
    height: auto;
    margin-top: 30px;
}

.usluga-a1-content-h
{
    font-family: 'Open Sans Extrabold', sans-serif;
    font-size: 18px;

    position: relative;

    display: inline-block;
    float: left;

    width: 100%;
    height: auto;
    padding: 30px 0 10px 20px;

    color: #333;
}

.usluga-a1-content-h-d
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 12px;

    position: relative;

    display: inline-block;
    float: left;

    width: 100%;
    height: auto;
    padding: 10px 20px 0 20px;

    color: #333;
}

.usluga-a1-content-down
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
}

.usluga-a1-content-down-p
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 12px;
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    color: #333;
}

.usluga-a1-content-down-p img
{
    margin-right: 15px;
}

.usluga-a1-content-down-p-a
{
    font-family: 'Open Sans Bold', sans-serif !important;

    display: inline-block;

    max-width: 190px;
    margin-top: 20px;

    cursor: pointer;
    transition: .35s;
}

.usluga-a1-content-down-p-a::after
{
    position: absolute;
    top: -6px;
    right: 0;

    width: 32px;
    height: 32px;

    content: '';
    transition: all .35s;

    background: url(../img/icons/right-arrow-b.png);
}

.usluga-a1-content-down-p-a:hover
{
    color: #b03f2f;
}

.usluga-a1-content-down-p-a:hover::after
{
    -webkit-transform: translateX(25px);
    transform: translateX(25px);

    background: url(../img/icons/right-arrow-r.png);
}

.usluga-a1-content-down-p-a img
{
    margin-left: 10px;
}

.usluga-a2-content,
.usluga-a3-content,
.usluga-a4-content
{
    display: none;
}

.glavnaya-onas
{
    position: relative;

    display: block;

    width: 100%;

    background: #f8f8f6;
}

.onas-left
{
    position: relative;

    display: block;

    width: 100%;
    height: auto;
    padding-bottom: 30px;

    background: #f8f8f6;
}

.onas-left .onas-right-a
{
    display: inline-block;

    margin-top: 15px;
}

.onas-left .onas-right-a-wrap
{
    display: block;

    margin-top: 20px;
}

.onas-left-top
{
    font-family: 'Open Sans Italic', sans-serif;
    font-size: 14px;
    line-height: 26px;

    position: relative;

    display: block;

    width: 100%;
    height: auto;

    color: #333;
}

.onas-line
{
    position: relative;

    display: none;

    width: 100px;
    height: 2px;
    margin: 0 10px 4px 0;

    background-color: #333;
}

.onas-left-center
{
    position: relative;

    display: block;

    width: 100%;
    height: auto;
}

.onas-left-a,
.onas-center-a
{
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 12px;

    position: relative;

    display: inline-block;

    width: auto;
    height: auto;

    cursor: pointer;
    transition: .3s;

    color: #333;
}

.onas-left-a::after,
.onas-center-a::after
{
    position: absolute;
    top: -5px;
    right: -45px;

    width: 32px;
    height: 32px;

    content: '';
    transition: all .35s;

    background: url(../img/icons/right-arrow-b.png);
}

.onas-left-a:hover,
.onas-center-a:hover
{
    color: #b03f2f;
}

.onas-left-a:hover::after,
.onas-center-a:hover::after
{
    -webkit-transform: translateX(25px);
    transform: translateX(25px);

    background: url(../img/icons/right-arrow-r.png);
}

.onas-center-a::after
{
    top: 13px;
}

.onas-left-a img,
.onas-center-a img
{
    margin-left: 10px;
}

.h-onas-left-h
{
    font-family: 'Philosopher', sans-serif;
    font-size: 28px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 10px 0;

    color: #333;
}

.h-onas-left-h strong
{
    color: #b03f2f;
}

.onas-left-center p
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    position: relative;

    display: block;

    width: 80%;
    height: auto;

    color: #333;
}

.onas-center
{
    position: relative;

    display: inline-block;

    padding: 20px 0 30px 35px;

    background: #fff;
}

.onas-center-wrap
{
    display: none;

    background: #fff;
}

.onas-center-h
{
    font-family: 'Open Sans Extrabold', sans-serif;
    font-size: 54px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 10px 0;

    color: #333;
}

.onas-center p
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 16px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;

    text-transform: uppercase;

    color: #333;
}

.onas-right
{
    position: relative;

    display: inline-block;

    width: 100%;
    padding: 20px 0 20px 25px;

    text-align: center;
}

.onas-right-wrap
{
    display: none;

    background: #f8f8f6;
}

.onas-right-a
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 14px;
    line-height: 36px;

    position: relative;

    display: inline-block;

    width: 200px;
    height: 40px;

    transition: .3s;
    text-align: center;
    text-transform: uppercase;

    color: #333;
    border: 2px solid #333;
}

.onas-right-a:hover
{
    text-decoration: none;

    color: #fff;
    background-color: #333;
}

.project
{
    padding: 20px 0;
}

.project-slider
{
    margin-top: 20px;
    padding-bottom: 35px;
}

.project-slider .slick-dots li,
.project-slider .slick-dots li button
{
    width: 40px;
    height: 25px;
}

.project-slider .slick-dots li button:before
{
    width: 40px;

    content: '';

    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #333;
}

.project-slider .slick-dots li.slick-active button:before,
.project-slider .slick-dots li button:hover:before,
.project-slider .slick-dots li button:focus:before
{
    border-bottom-color: #b03f2f;
}

.project-slider .slick-dots li.slick-active button:before
{
    cursor: default;

    opacity: 1;
}

.project-slider--item
{
    outline: none;
}

.project-slider--item:hover .more-link
{
    transition: all .25s;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    text-decoration: none;

    color: #b03f2f;
}

.project-slider--item:hover .more-link::after
{
    display: block;

    transition: all .25s;
}

.project-slider--item:hover .project-slider--title
{
    transition: all .25s;

    color: #b03f2f;
}

.project-slider--image img
{
    margin: auto;
}

.project-slider--title
{
    font-family: 'Bebas Neue Bold', sans-serif;
    font-size: 24px;
    line-height: 38px;

    margin: 0;

    text-transform: uppercase;
}

.project-slider--linkPage
{
    font-family: 'Open Sans Italic', sans-serif;
    font-size: 14px;
    line-height: 38px;
}

.project-slider--linkPage:hover,
.project-slider--linkPage:focus
{
    color: #b03f2f;
}

.project-slider p
{
    font-size: 12px;
    line-height: 14px;
}

.more-link
{
    font-family: 'Open Sans Semibold', sans-serif;

    position: relative;

    display: inline-block;
}

.more-link span
{
    color: #b03f2f;
}

.more-link::after
{
    position: absolute;
    top: -3px;
    right: -50px;

    display: none;

    width: 32px;
    height: 32px;

    content: '';

    background: url(../img/icons/right-arrow-r.png) no-repeat;
}

.promoteTop
{
    display: none;
}

.promoteTop-slider
{
    padding: 0 15px;

    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.promoteTop-slider .slick-dots li,
.promoteTop-slider .slick-dots li button
{
    width: 40px;
    height: 25px;
}

.promoteTop-slider .slick-dots li button:before
{
    width: 40px;

    content: '';

    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #333;
}

.promoteTop-slider .slick-dots li.slick-active button:before,
.promoteTop-slider .slick-dots li button:hover:before,
.promoteTop-slider .slick-dots li button:focus:before
{
    border-bottom-color: #b03f2f;
}

.promoteTop-slider .slick-dots li.slick-active button:before
{
    cursor: default;

    opacity: 1;
}

.promoteTop-slider .slick-prev,
.promoteTop-slider .slick-next
{
    z-index: 200;
    top: 56%;

    width: 65px;
    height: 129px;

    background-color: #f8f8f6;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
}

.promoteTop-slider .slick-prev
{
    left: 95px;

    border-radius: 0 65px 65px 0;
}

.promoteTop-slider .slick-next
{
    right: 95px;

    border-radius: 65px 0 0 65px;
}

.promoteTop-slider .slick-prev:before,
.promoteTop-slider .slick-next:before
{
    position: absolute;
    top: 33px;

    width: 60px;
    height: 60px;

    content: '';

    border-radius: 50%;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center center;
}

.promoteTop-slider .slick-prev:before
{
    left: -30px;

    background-image: url(../img/icons/promotetop-arrowincircle-left.png);
}

.promoteTop-slider .slick-next:before
{
    background-image: url(../img/icons/promotetop-arrowincircle-right.png);
}

.promoteTop-item
{
    position: relative;

    max-width: 948px;
    margin: auto;
    padding: 95px 98px 88px;

    border-radius: 50px;
    outline: none;
    background-color: #f8f8f6;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
}

.promoteTop-item .row
{
    margin-top: 100px;
}

.promoteTop-item--wrap
{
    position: relative;

    margin-top: 100px;

    outline: none;
}

.promoteTop-item--wrap--counterForward
{
    font-family: 'Philosopher', sans-serif;
    font-size: 48px;
    line-height: 87px;

    position: absolute;
    z-index: 100;
    top: 42%;
    right: 0;

    display: none;

    width: 50px;
    height: 90px;

    text-align: center;

    color: #b03f2f;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fdfdfc;
}

.promoteTop-item--wrap--counterBack
{
    font-family: 'Philosopher', sans-serif;
    font-size: 48px;
    line-height: 87px;

    position: absolute;
    z-index: 100;
    top: 42%;
    left: 0;

    display: none;

    width: 50px;
    height: 90px;

    text-align: center;

    color: #b03f2f;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fdfdfc;
}

.promoteTop-item--wrap:last-child .promoteTop-item::after
{
    content: '01';
}

.promoteTop-menu
{
    font-size: 16px;
    line-height: 35px;

    margin-top: 20px;
}

.promoteTop-menu tr td:last-child
{
    padding-left: 40px;
}

.promoteTop-ellipseBlock
{
    position: absolute;
    z-index: 10;
    top: -75px;
    left: 50%;

    width: 264px;
    height: 264px;

    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    text-align: center;

    border-radius: 50%;
    background-color: #f8f8f6;
}

.promoteTop-ellipseBlock span
{
    font-family: 'Philosopher', sans-serif;
    font-size: 36px;
    line-height: 90px;

    position: absolute;
    bottom: 30px;
    left: -23px;

    display: block;

    width: 95px;
    height: 95px;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background: #dc5340;
}

.promoteTop-ellipseBlock img
{
    display: inline-block;

    margin-top: 43px;

    vertical-align: middle;

    border-radius: 50%;
}

.glavnaya-komanda
{
    position: relative;

    display: block;

    width: 100%;
    padding: 20px 0 50px;
}

.glavnaya-komanda-slider .slick-dots li,
.glavnaya-komanda-slider .slick-dots li button
{
    width: 40px;
    height: 25px;
}

.glavnaya-komanda-slider .slick-dots li button:before
{
    width: 40px;

    content: '';

    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #333;
}

.glavnaya-komanda-slider .slick-dots li.slick-active button:before,
.glavnaya-komanda-slider .slick-dots li button:hover:before,
.glavnaya-komanda-slider .slick-dots li button:focus:before
{
    border-bottom-color: #b03f2f;
}

.glavnaya-komanda-slider .slick-dots li.slick-active button:before
{
    cursor: default;

    opacity: 1;
}

.glavnaya-komanda-container
{
    position: relative;

    display: block;

    width: 100%;
    height: auto;
    padding-top: 20px;
}

.glavnaya-komanda-content
{
    position: relative;

    margin: auto;
    margin-bottom: 30px;

    transition: .3s;

    outline: none;
}

.glavnaya-komanda-content .experience
{
    font-size: 10px;
    line-height: 36px;

    position: absolute;
    z-index: 2;
    top: 13px;
    left: -16px;

    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.glavnaya-komanda-content:hover .komanda-h
{
    color: #b03f2f;
}

.glavnaya-komanda-content:hover .komanda-d
{
    color: #b03f2f;
}

.glavnaya-komanda-content-top
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: 160px;
}

.glavnaya-komanda-content-top strong
{
    position: absolute;
    z-index: 2;
    bottom: 11px;
    left: 0;

    width: 32px;
    height: 32px;
    padding: 6px 0 0 12px;

    color: #fff;
    background: url(../img/icons/star.png) no-repeat;
}

.glavnaya-komanda-content-top::after
{
    position: absolute;
    bottom: 50px;
    left: 15px;

    width: 2px;
    height: 40px;

    content: '';

    background: #b03f2f;
}

.komanda-img
{
    width: 70%;
    height: 150px;
    margin: auto;
}

.komanda-img img
{
    display: block;

    width: 145px;
    height: auto;
    margin: auto;
}

.komanda-stazh p
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 10px;

    position: absolute;
    top: 20px;
    left: -20px;

    display: inline-block;

    width: 80px;

    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: left;

    color: #333;
}

.stazh-star
{
    position: absolute;
    bottom: 10px;
    left: 5px;

    display: block;
}

.stazh-star span
{
    font-family: 'Open Sans Extrabold', sans-serif;
    font-size: 14px;

    position: absolute;
    bottom: 10px;
    left: 12px;

    display: inline-block;

    text-align: center;

    color: #fff;
}

.komanda-h
{
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 16px;

    position: relative;

    display: inline-block;

    width: 100%;
    margin: 0;

    text-align: center;
}

.komanda-d
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 0;

    text-align: center;
}

.zayavka
{
    position: relative;

    display: block;

    width: 100%;
}

.zayavka-h
{
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 14px;
    line-height: 18px;

    position: relative;

    display: block;

    width: 100%;
    height: auto;
    margin-bottom: 25px;

    text-transform: uppercase;
}

.zayavka-container
{
    position: relative;

    display: block;

    width: 100%;
    height: 200px;
}

.zayavka-content,
.zc-content
{
    position: relative;

    display: block;

    width: 100%;
    margin-bottom: 10px;
    padding-top: 1px;

    text-align: center;

    background: #ededeb;
}

.zayavka-content--icon
{
    color: #333;
}

.zayavka-content--icon p
{
    font-size: 16px;
    line-height: 24px;

    position: relative;

    display: block;

    text-align: center;
}

.zayavka-content--icon p::before
{
    position: absolute;
    left: -109px;

    display: none;

    height: 90px;

    content: '';
}

.zayavka-content--icon-mail-p::before
{
    top: -32px;

    width: 82px;

    background: url(../img/icons/mailbox-sprite.png) no-repeat;
    background-position-x: 0;
}

.zayavka-content--icon-phone-p::before
{
    top: -15px;

    width: 93px;

    background: url(../img/icons/telephone-sprite.png) no-repeat;
    background-position-x: 0;
}

.zayavka-content--icon span
{
    font-family: 'Open Sans Bold Italic', sans-serif;
}

.zayavka-content--icon:hover,
.zayavka-content--icon:focus
{
    transition: all .2s;
    text-decoration: none;

    color: #b03f2f;
}

.zayavka-content--icon:hover span,
.zayavka-content--icon:focus span
{
    transition: all .2s;
    text-decoration: underline;
}

.zayavka-content--icon:hover .zayavka-content--icon-mail-p::before
{
    background-position-x: -82px;
}

.zayavka-content--icon:hover .zayavka-content--icon-phone-p::before
{
    background-position-x: -93px;
}

.zc-a
{
    padding: 25px 0 1px;

    text-align: center;
}

.zc-a p
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    position: relative;

    display: block;

    width: 100%;
    height: auto;

    text-align: center;

    color: #333;
}

.zayavka-a
{
    font-family: 'Philosopher', sans-serif;
    font-size: 14px;
    line-height: 40px;

    position: relative;

    display: inline-block;

    width: 190px;
    height: 40px;

    transition: .3s;
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border-radius: 20px;
    background: #b03f2f;

    border: 1px;
    border-style: solid;
    border-color: #b03f2f;
}

.zayavka-a:hover
{
    text-decoration: none;

    opacity: .8;
    color: #b03f2f;

    background: #fff;
}

.zc-content img
{
    float: left;

    margin-right: 20px;
}

.zc-content p
{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;

    position: relative;

    display: inline-block;

    height: auto;

    color: #333;
}

.zc-content p a
{
    font-family: 'Open Sans Bold Italic', sans-serif;
}

.zc-content p a:hover
{
    text-decoration: underline;

    color: #b03f2f;
}

footer
{
    position: relative;

    display: block;

    width: 100%;
    padding: 5px 0;

    background: #464343;
}

.footer-logo-wrap
{
    display: none;
}

.footer-contacts-content
{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    font-stretch: wider;

    position: relative;

    display: block;

    width: 100%;
    height: auto;
    padding: 5px 0;

    text-align: center;

    color: #fff;
}

.footer-contacts-content--address
{
    width: 100%;
}

.footer-email:hover,
.footer-email:focus
{
    text-decoration: underline;

    color: #fff;
}

.footer-contacts-content img
{
    display: none;
    float: left;

    height: 100%;
    margin-right: 10px;

    vertical-align: bottom;
}

.footer-contacts-content span
{
    float: left;
}

.fcc-s
{
    text-align: center;
}

.fcc-s a
{
    display: block;
}

.fcc-s a:hover,
.fcc-s a:focus
{
    text-decoration: underline;

    color: #fff;
}

.footer-menu
{
    position: relative;

    display: block;

    width: 100%;
    height: auto;
    margin: 30px 0 0 0;
}

.footer-menu-mobile
{
    text-align: center;
}

.footer-menu-mobile--title
{
    display: inline-block;

    margin-bottom: 10px;
}

.footer-menu-mobile--title:not(:last-child)
{
    margin-right: 10px;
}

.footer-menu-column,
.footer-social-column
{
    position: relative;

    display: inline-block;
    float: left;

    height: auto;
}

.footer-menu-column
{
    display: none;

    margin-bottom: 10px;
}

.footer-menu-column--title
{
    font-family: 'Bebas Neue', arial;
    font-size: 18px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 0;

    color: #fff;
}

.footer-menu-column--title:hover,
.footer-menu-column--title:focus
{
    text-decoration: underline;

    opacity: .7;
    color: #fff;
}

.column-a
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    padding: 0 0 0 10px;

    border-left: 1px solid #c1c1c1;
}

.column-a a
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;

    transition: .3s;

    color: #c1c1c1;
}

.column-a a:hover
{
    text-decoration: underline;

    color: #fff;
}

.footer-social-column
{
    margin-top: 20px;

    text-align: center;
}

.footer-social-column a
{
    position: relative;

    display: inline-block;

    padding: 5px 0;

    color: #fff;
}

.footer-social-column a:not(:last-child)
{
    margin-right: 10px;
}

.footer-social-column a i
{
    width: 20px;

    text-align: center;
}

.footer-social-column a:hover
{
    text-decoration: none;

    opacity: .8;
}

.footer-social-column a:hover .fa-vk
{
    color: #4f77a2;
}

.footer-social-column a:hover .fa-facebook
{
    color: #3b5998;
}

.footer-social-column a:hover .fa-instagram
{
    color: #d12e90;
}

.footer-social-column a:hover .fa-youtube
{
    color: #b00;
}

.footer-social-column a:hover .fa-behance
{
    color: #00a8ff;
}

.footer-bottom
{
    position: relative;

    display: block;

    width: 100%;
    padding: 5px 0;

    background: #333;
}

.footer-bottom p,
.footer-bottom a
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 0;

    color: #858282;
}

.footer-bottom a
{
    padding-top: 10px;

    text-align: right;
}

.footer-bottom a:hover
{
    color: #cfcfcf;
}

.zvonok-fixed
{
    font-family: 'Philosopher', sans-serif;
    font-size: 12px;

    position: fixed;
    top: 50%;
    right: 0;

    display: none;

    width: 150px;
    height: 40px;

    color: #fff;
    background: #b03f2f;
}
 
.header-page-logo
{
    height: 600px !important;

    background: none;
}

.header-page-left
{
    position: relative;

    display: block;

    height: auto;
}

.header-page-left-wrap
{
    margin-top: 30px;
    margin-bottom: 30px;
}

.kroshki
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 12px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;

    text-transform: uppercase;

    color: #b03f2f;
}

.kroshki--text
{
    color: #b03f2f !important;
}

.kroshki span
{
    color: #333;
}

.kroshki a
{
    color: #333;
}

.header-page-left-a
{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 19px;
    line-height: 16px;
    padding: 10px 0;

    position: relative;

    display: inline-block;

    width: 100%;
    max-width: 380px;
    height: auto;
    margin: 0 0 10px 0;
    margin: auto;

    color: #333;
}

.header-page-left-a::after
{
    position: absolute;
    top: 50%;
    right: 82px;

    display: none;

    width: calc(100% - 90%);
    height: 1px;

    content: '';

    background: #333;
}

.header-page-left-a:hover::after
{
    background: #b03f2f;
}

.header-page-left-a:first-of-type
{
    margin-top: 10px;
}

.header-page-left-a:hover
{
    text-decoration: none;

    color: #b03f2f;
}

.header-page-left-a:hover .page-a-center
{
    background: #b03f2f;
}

.page-a-left,
.page-a-center,
.page-a-right
{
    position: relative;

    display: inline-block;
}

.page-a-left
{
    width: auto;

    border-bottom: 2px solid;
}

.page-a-center
{
    position: relative;

    display: inline-block;

    width: auto;
    height: 2px;
    margin: 0 10px 6px 10px;

    text-align: center;

    background: #333;
}

.page-a-right
{
    float: right;

    width: auto;
}

.page-a-right strong
{
    font-size: 14px;
}

.header-page-right
{
    position: relative;

    display: block;

    width: 100%;
    padding: 20px 30px;

    background: #f4ebdf;
}

.h-page-right
{
    font-family: 'Philosopher', sans-serif;
    font-size: 42px;
    line-height: 38px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 20px 0;

    color: #333;
}

.h-page-right strong
{
    color: #b03f2f;
}

.page-right-center
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
}

.page-right-center-d
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    position: relative;

    display: inline-block;
    float: left;

    width: 100%;
    height: auto;

    color: #333;
}

.page-right-center-img
{
    position: relative;

    display: inline-block;
    display: none;
    float: left;

    width: 25%;
    height: auto;
}

.page-page-bottom
{
    position: relative;

    display: block;

    width: 100%;
    height: auto;
    margin-top: 30px;
}

 
.form-action
{
    position: relative;

    display: block;

    width: 100%;

    opacity: .9;
}

.form-group-section
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;

    text-align: center;
}

.form-control
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    position: relative;

    display: inline-block;

    width: 200px;
    height: 40px;
    margin: 0 5px;
    margin-bottom: 30px;

    transition: .3s;
    text-indent: 12px;

    color: #333;
    border: 2px solid #333;
    border-radius: 15px;
    outline: none;
    background-color: transparent;
}

.form-control::-webkit-input-placeholder
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    color: #333;
}

.form-control:-moz-placeholder
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    color: #333;
}

.form-control::-moz-placeholder
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    color: #333;
}

.form-control:-ms-input-placeholder
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    color: #333;
}

.form-control:hover,
.form-control:focus,
.form-control-section:hover,
.form-control-section:focus
{
    border: 2px solid #b03f2f;
}

.personal
{
    margin: -20px 0 30px 0;
}

.action-btn
{
    font-family: 'Philosopher', arial, sans-serif;
    font-size: 18px;
    line-height: 16px;

    position: relative;

    display: inline-block;

    width: 200px;
    height: 39px;
    margin: 0 5px;

    transition: all .3s;

    color: #fff;
    border: 1px;
    border-style: solid;
    border-color: #b03f2f;
    border-radius: 20px;
    outline: none;
    background-color: #b03f2f;
}

.action-btn--default
{
    line-height: 38px;

    width: auto;
    padding: 0 35px;

    text-align: center;

    color: #b03f2f;
    background: #fff;
}

.action-btn:hover,
.action-btn:focus
{
    text-decoration: none;

    color: #b03f2f;
    background: #fff;
}

/**/
.page-container
{
    position: relative;

    display: block;

    width: 100%;

    heiht: auto;
}

.page-content
{
    position: relative;

    display: inline-block;

    width: 100%;

    heiht: auto;
}

.page-container h1
{
    margin-bottom: 30px !important;
}

.logo-rabotaem-content
{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;

    color: #333;
}

.logo-rabotaem-content span
{
    position: relative;

    display: block;

    max-width: 280px;
    margin-bottom: 40px;
}

.logo-rabotaem-content span::after
{
    position: absolute;
    top: 28px;
    right: 200px;

    width: 32px;
    height: 32px;

    content: '';
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);

    background: url(../img/icons/right-arrow-r.png) no-repeat;
}

.logo-rabotaem-content span:last-child::after
{
    display: none;
}

.logo-rabota-content
{
    position: relative;

    display: block;

    width: 100%;
    height: auto;
    margin-bottom: 30px;

    text-align: center;
}

.logo-rabota-img
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin-bottom: 10px;

    text-align: center;
}

.logo-rabota-content-d
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    padding: 0 5px;
}

.logo-rabota-h
{
    font-family: 'Open Sans Extrabold', sans-serif;
    font-size: 18px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;

    color: #333;
}

.logo-rabota-d
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: 60px;

    color: #333;
}

.logo-rabota-bottom
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin-top: 10px;
}

.logo-rabota-bottom-one,
.logo-rabota-bottom-two
{
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 12px;
    line-height: 38px;

    position: relative;

    display: inline-block;

    width: 45%;
    height: 40px;
    padding: 0 7px;

    color: #333;
    border: 1px dashed #b03f2f;
    border-radius: 20px;
}

.logo-rabota-bottom-one img,
.logo-rabota-bottom-two img
{
    position: relative;

    display: inline-block;

    width: 25px;
    height: 25px;
    margin-bottom: 3px;
}

.glavnaya-komanda-content-two
{
    position: relative;

    display: inline-block;

    width: 500px;
    height: auto;
}

.glavnaya-komanda-content-two-left
{
    position: relative;

    display: inline-block;

    width: 300px;
    height: auto;
}

.komanda-stazh-two
{
    position: relative;

    display: inline-block;
    float: left;

    width: 20%;
    height: 200px;
    padding: 0 5px;

    text-align: center;
}

.komanda-stazh-two p
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 10px;

    position: absolute;
    top: 20px;
    left: -20px;

    display: inline-block;

    width: 80px;

    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: left;

    color: #333;
}

.glavnaya-komanda-content-two-right
{
    position: relative;

    display: inline-block;
    float: left;

    width: 200px;
    height: auto;
}

.komanda-h-two
{
    font-family: 'Bebas Neue Bold', sans-serif;
    font-size: 18px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
}

.komanda-d-two
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 0;
}

.komanda-d-two strong
{
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 12px;

    color: #b03f2f;
}
 
h3
{
    font-family: 'Philosopher', sans-serif;
    font-size: 28px;
    line-height: 32px;

    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin-bottom: 20px;

    color: #333;
}

h3 strong
{
    color: #b03f2f;
}

.page-content ul
{
    margin: 0 0 10px 0;
}

/**/
.vacancies
{
    margin-bottom: 60px;
}

.vacancies-item
{
    display: block;

    margin-bottom: 40px;

    text-decoration: none;

    color: inherit;
    outline: none;
}

.vacancies-item:hover .vacancies-image
{
    box-shadow: 0 0 10px 0 rgba(176, 63, 47, .3);
}

.vacancies-item:hover .vacancies-image--default
{
    display: none;
}

.vacancies-item:hover .vacancies-image--hover
{
    display: inline-block;
}

.vacancies-item:hover h4
{
    text-decoration: underline;

    color: #b03f2f;
}

.vacancies-item h4
{
    margin-top: 15px;
}

.vacancies-image
{
    padding: 30px;

    text-align: center;

    border-radius: 10px;
    background-color: #f8f8f6;
}

.vacancies-image--default
{
    display: inline-block;
}

.vacancies-image--hover
{
    display: none;
}

.vacancies-content span
{
    font-size: 12px;

    color: #656565;
}

.vacancies-content p
{
    font-size: 12px;
    line-height: 16px;
}

.vacancies-email
{
    margin-bottom: 40px;
    text-align: center;
}

.vacancies-email--text
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 18px;
    line-height: 38px;

    margin-top: 10px;
}

.vacancies-email--text a
{
    color: #b03f2f;
}

.blog
{
    padding-bottom: 50px;
}

.blog-menu
{
    margin-bottom: 35px;
}

.blog-menu li
{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    line-height: 36px;

    display: inline-block;

    margin-right: 10px;

    text-transform: uppercase;

    color: #000;
}

.blog-menu li:hover
{
    text-decoration: none;
    color: #000;
    outline: none;
    background: #f5eae7;
}
.blog-menu li.active
{
    text-decoration: none;
    color: #000;
	opacity:0.8;
    outline: none;
    background: #f5eae7;
}
.blog-menu li
{
    padding: 5px 10px;
    transition: all .3s;
    color: black;
    line-height: 1;
    cursor: pointer;
    border-radius: 5px;
}

.blog-gridItem
{
    display: block;

    max-width: 300px;
    margin: auto;
    padding-bottom: 30px;
}

.blog-gridItem--image
{
    position: relative;

    width: 100%;
}

.blog-gridItem--image::before
{
    position: absolute;

    width: 100%;
    height: 100%;

    content: '';
    transition: all .3s;
    -webkit-transform: scale(.3);
    transform: scale(.3);

    opacity: 0;
    background: rgba(0, 0, 0, .4);
}

.blog-gridItem:hover .blog-gridItem--image:before
{
    z-index: 10;

    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
}

.blog-gridItem span
{
    font-family: 'Bebas Neue Bold', sans-serif;
    font-size: 24px;
    line-height: 26px;

    position: relative;

    text-transform: uppercase;
}

.blog-gridItem span::after
{
    position: absolute;
    top: 23px;
    right: -45px;

    width: 32px;
    height: 32px;

    content: '';
    transition: all .35s;

    background: url(../img/icons/right-arrow-b.png);
}

.blog-gridItem img
{
    display: block;

    width: 100%;
    margin-bottom: 20px;
}

.blog-gridItem-wrap:not(:last-child)
{
    padding-right: 15px;
}

.blog-gridItem:hover
{
    text-decoration: none;

    color: #333;
}

.blog-gridItem:hover span
{
    text-decoration: underline;

    color: #b03f2f;
}

.blog-gridItem:hover span::after
{
    -webkit-transform: translateX(25px);
    transform: translateX(25px);

    background: url(../img/icons/right-arrow-r.png);
}

.company-about
{
    margin-bottom: 40px;
}

.company-about--title
{
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 18px;
    line-height: 28px;

    color: #000;
}

.company-about--static
{
    margin-top: 30px;
}

.company-about--static-number
{
    font-family: 'Bebas Neue Bold', sans-serif;
    font-size: 90px;
    line-height: 60px;

    display: block;
}

.company-about--static-text
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 16px;

    display: block;
}

.company-about--static:not(:first-child) .company-about--static-text
{
    padding-left: 15px;
}

.company-presentation
{
    margin-bottom: 30px;

    text-align: center;
}

.company-presentation--imageBlack
{
    display: inline-block;
}

.company-presentation--imageRed
{
    display: none;
}

.company-presentation--link
{
    position: relative;
    display: block;
    margin-top: -45px;
}

.company-presentation--link:hover .company-presentation--imageBlack
{
    display: none;
}

.company-presentation--link:hover .company-presentation--imageRed
{
    display: inline-block;
}

.company-presentation--link:hover .company-presentation--text
{
    color: #b03f2f;
}

.company-presentation--link:hover,
.company-presentation--link:focus
{
    text-decoration: none;

    color: #333;
}

.company-presentation--text
{
    font-family: 'Bebas Neue Bold', sans-serif;
    font-size: 24px;
    line-height: 16px;

    display: block;

    padding: 10px;

    transition: all .25s;
}

.company-presentation--text::after
{
    position: absolute;
    top: -40px;
    right: -73px;

    display: none;

    width: 64px;
    height: 63px;

    content: '';

    background: url(../img/icons/company-arrow-up.png) no-repeat;
}

.company-presentation--text:hover
{
    text-decoration: none;

    color: #b03f2f;
}

.company-command p
{
    display: block;

    text-align: center;

    color: #000;
}

.company-command img
{
    display: block;

    width: 100%;
    height: auto;
}

.company-services
{
    padding-bottom: 30px;
}

.company-services p
{
    display: block;

    max-width: 600px;
}

.company-services--menu
{
    padding: 40px 0;
}

.company-services--menu li
{
    display: block;

    margin-bottom: 15px;
}

.company-services--menu li:not(:last-child)
{
    padding-right: 60px;
}

.company-services--menu a
{
    display: -moz-inline-flex;
    display:  -ms-inline-flex;
    display:   -o-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:      inline-flex;

    padding-left: 15px;
}

.company-services--menu a:hover
{
    text-decoration: underline;

    color: #b03f2f;
}

.company-services--menu a:hover .img-grayscale
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.company-services--menu .img-grayscale
{
    position: relative;
    top: -10px;
    left: -20px;
}

.contacts
{
}

.contacts-communication
{
    font-family: 'Bebas Neue Bold', sans-serif;
    font-size: 36px;
    line-height: 40px;

    text-align: center;

    color: #000;
    border-bottom: 2px solid #b03f2f;
}

.contacts-communication span
{
    display: block;
}

.contacts-social
{
    padding: 40px 0;

    text-align: center;
}

.contacts-social a:not(:last-child)
{
    margin-right: 35px;
}

.contacts-social i
{
    font-size: 22px;
}

.contacts-requisites
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 18px;
    line-height: 28px;

    padding-bottom: 20px;

    color: #000;
}

.contacts-requisites span
{
    display: block;
}

.contacts-address
{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 16px;
    line-height: 18px;

    position: absolute;
    z-index: 10;
    top: 15px;
    right: 47px;

    display: none;

    box-sizing: content-box;
    max-width: 415px;
    padding: 15px;

    letter-spacing: 1px;
    word-spacing: 3px;
    text-transform: uppercase;

    color: #fff;
    background-color: rgba(51, 51, 51, .8);
}

.contacts-address--wrap
{
    position: relative;
}

.contacts-address--text
{
    display: block;

    margin-top: 40px;
}

.contacts-address--text--wrap
{
    padding: 0;
}

.contacts-map
{
    height: 528px;
}

.logo_dev .glavnaya-komanda-content
{
    margin-bottom: 40px;
    padding: 0 16%;
}

.glavnaya-komanda-content:hover .glavnaya-komanda-content-right {
    color: #b03f2f;
}

.logo_dev .glavnaya-komanda-content:first-child .glavnaya-komanda-content-top::after
{
    display: block;
}

.logo_dev .glavnaya-komanda-content-right
{
    float: left;
}

.logo_dev .glavnaya-komanda-content-right span
{
    display: block;
}

.logo_dev .glavnaya-komanda-content-right .danger-text
{
    font-family: 'Open Sans Bold', sans-serif;

    display: inline;
}

.logo_dev .glavnaya-komanda-content-top
{
    float: left;

    max-width: 245px;
    height: auto;
}

.logo_dev .glavnaya-komanda-content-top::after
{
    left: -15px;

    display: none;
}

.logo_dev .glavnaya-komanda-content-top strong
{
    left: -30px;
}

.logo_dev .glavnaya-komanda-content-top .experience
{
    left: -47px;
}

.logo_dev .komanda-img
{
    height: auto;
}

.logo_dev .komanda-img img
{
    width: 200px;
}

.logo_dev .komanda-name
{
    font-family: 'Bebas Neue Bold', sans-serif;
    font-size: 24px;
    line-height: 36px;

    text-transform: uppercase;
}

.portfolio-block
{
    padding: 50px 0;
}

.portfolio-menu
{
    display: block;
}

.portfolio-menu li
{
    display: inline-block;
    padding: 0 7px;
    margin-right: 0!important;
}

.portfolio-menu li
{
    font-size: 12px;
    line-height: 38px;
    text-decoration: underline;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
}

.portfolio-menu li:hover,
.portfolio-menu li:focus,
.portfolio-menu li.active
{
    text-decoration: underline;
    color: #b03f2f;
    opacity: 1;
}

.portfolio-menu .ui-state-active
{
    text-decoration: underline;

    color: #b03f2f;
}

.portfolio-list
{
    display: none;

    text-align: right;
}

.portfolio-list span
{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    line-height: 36px;

    text-transform: uppercase;

    color: #000;
}

.portfolio-list li:not(:last-child)
{
    margin-right: 15px;
}

.portfolio .blog-menu
{
    margin-bottom: 0;
}

.portfolio-item
{
    display: block;

    max-width: 450px;
    margin: auto;
    margin-bottom: 35px;

    text-align: center;
    text-decoration: none;

    color: #333;
}

.portfolio-item:hover
{
    text-decoration: none;

    color: #333;
}

.portfolio-item:hover .portfolio-item--title
{
    transition: all .25s;

    color: #b03f2f;
}

.portfolio-item:hover .more-link
{
    transition: all .25s;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    text-decoration: none;

    color: #b03f2f;
}

.portfolio-item:hover .more-link::after
{
    display: block;

    transition: all .25s;
}

.portfolio-item--title
{
    font-family: 'Bebas Neue Bold', sans-serif;
    font-size: 24px;
    line-height: 38px;

    margin: 0;

    text-transform: uppercase;
}

.portfolio-item--content
{
    padding: 0 20px;
}

.portfolio-item--content p
{
    margin-top: 0;
}

.portfolio-item-p2
{
    max-width: 550px;
    margin-right: 30px;
}

.portfolio-item--image-p2
{
    margin-right: 30px;
}

.portfolio-item--content-p2
{
    padding: 0;
}

.portfolio-active-page
{
    text-decoration: none;
    opacity: .8;
    color: #000!important;
    outline: none;
    background: #f5eae7;
}

.web-creation
{
    margin-bottom: 30px;
}

.web-creation-offers
{
    padding-top: 35px;
}

.web-creation-offers--title
{
    margin: 10px 0 5px;
}

.web-creation-offers--item
{
    height: auto;
    margin-bottom: 25px;
    padding: 0 15px;
}

.web-creation-offers--item:hover .web-creation-offers--price,
.web-creation-offers--item:hover .web-creation-offers--content
{
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
}

.web-creation-offers--item:hover .action-btn--default
{
    color: #fff;
    background: #b03f2f;
}

.web-creation-offers--item:hover .web-creation-offers--title
{
    text-decoration: underline;

    color: #b03f2f;
}

.web-creation-offers--item:hover .img-grayscale
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.web-creation-offers--content
{
    height: inherit;
    padding: 30px 30px 10px 30px;

    background: #edeaea;
}

.includeInPrice
{
    font-family: 'Open Sans Semibold', sans-serif;
    line-height: 36px;
}

.web-creation-offers--content-top
{
    margin-bottom: 15px;
}

.web-creation-offers--content-top p
{
    margin: 0;
}

.web-creation-offers--content .usluga-a1-content-down-p
{
    margin: 0;
}

.web-creation-offers--price
{
    font-family: 'Philosopher', sans-serif;

    position: relative;

    height: inherit;
    padding: 10px 10px 20px;

    text-align: center;

    color: #b03f2f;
    background: #edeaea;
}

.web-creation-offers--price::before
{
    position: absolute;
    top: -6px;
    left: 20px;

    width: calc(100% - 60px);
    height: 2px;

    content: '';

    border-top: 2px dashed #b03f2f;
}

.web-creation-offers--price-wrap
{
    height: inherit;
    padding: 10px 0 0 0;
}

.price-danger
{
    font-size: 24px;
    line-height: 36px;
    color: #b03f2f;
    font-family: 'Philosopher', sans-serif;
}

.price-danger span
{
    font-size: 36px;
}

.web-creation-offers--price .action-btn--default
{
    margin-left: 15px;
}

.web-creation .h-page-right
{
    margin-bottom: 0;
}

.web-creation .header-page-right
{
    padding-bottom: 35px;
    overflow: hidden;
}

.web-creation .header-page-right i
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    margin-bottom: 20px;
}

.web-creation .page-right-center
{
    margin: 30px 0 20px;
}

.web-creation .page-right-center p
{
    font-size: 14px;
    line-height: 16px;
    float: left;
    text-align: center;
}

.web-creation .page-right-center--image {
    float: left;
    text-align: center;
}

.web-creation .komanda-img img
{
    width: 160px;
}

.amount
{
    margin-left: 105px;
}

.amount-slider
{
    border: none;
}

.amount-slider img
{
    display: block;

    width: 100%;
}

.amount-slider-wrap
{
    margin-bottom: 20px;
    position: relative;
    padding-top: 30px;
}

.page-right-bottom--title
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
}

.page-right-bottom--left
{
    float: left;
}

.page-right-bottom--right
{
    display: inline-block;
    float: left;

    margin-left: 15px;
    padding: 15px 10px 15px 15px;

    border: 2px dashed #b03f2f;
}

.page-right-bottom .show-offers
{
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    display: inline-block;
    padding: 10px 15px 10px 30px;
    color: #b03f2f;
    border-width: 1px;
    border-style: solid;
    border-color: #b03f2f;
    border-radius: 20px;
}

.page-right-bottom .show-offers::before
{
    position: absolute;
    top: 11px;
    left: 11px;

    width: 10px;
    height: 16px;

    content: '';

    background: url(../img/icons/web-creat-arrow-down.png) no-repeat;
}

.page-right-bottom .show-offers:hover
{
    text-decoration: none;
    color: #fff;
    background: #b03f2f;
    transition: all .25s;

}

.page-right-bottom .show-offers:hover::before {
    -ms-background-position-x: -13px;
    background-position-x: -13px;
    transition: all .25s;
}

.sites-menu li
{
    font-family: 'Philosopher', sans-serif;
    font-size: 16px;
    line-height: 20px;

    position: relative;

    display: block;

    padding-left: 20px;
}

.sites-menu li::before
{
    position: absolute;
    top: 7px;
    left: 0;

    width: 7px;
    height: 7px;

    content: '';

    border-radius: 50%;
    background: #333;
}

.sites-menu li:hover a
{
    text-decoration: none;

    color: #b03f2f;
}

.sites-menu li:hover::before
{
    background: #b03f2f;
}

.our-pride-wrap
{
    margin: 20px 0;
    padding: 10px 0 20px;

    background: #edeade;
}

.our-pride--item
{
    display: block;

    max-width: 320px;
    margin: auto;

    text-align: center;
    text-decoration: none;

    color: #333;
}

.our-pride--item-image
{
    display: block;

    margin: auto;
}

.our-pride--item img {
    width: 100%;
    height: auto;
}

.our-pride--item h5
{
    font-family: 'Bebas Neue Bold', sans-serif;
    font-size: 20px;

    margin: 10px 0 0 0;

    text-transform: uppercase;
}

.our-pride--item p
{
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 10px;

    margin: 0;
}

.our-pride--item-hoverImg {
    display: none;
}

.our-pride--item:hover,
.our-pride--item:focus
{
    text-decoration: none;

    color: #b03f2f;
}


.our-pride--item:hover h5,
.our-pride--item:focus h5 {
    color: #b03f2f;
}

.our-pride--item:hover .our-pride--item-image,
.our-pride--item:focus .our-pride--item-image {
    display: none;
}

.our-pride--item:hover .our-pride--item-hoverImg,
.our-pride--item:focus .our-pride--item-hoverImg {
    display: block;
    margin: auto;
    transition: all .15s
}

.our-pride--item-wrap
{
    margin: 30px 0;
}

.btn-all
{
    font-family: 'Philosopher', sans-serif;
    font-size: 18px;
    line-height: 36px;

    position: relative;

    float: right;

    margin-right: 100px;

    text-transform: uppercase;

    color: #b03f2f;
}

.btn-all::after
{
    position: absolute;
    top: 0;
    right: -50px;

    width: 32px;
    height: 32px;

    content: '';

    background: url(../img/icons/right-arrow-r.png) no-repeat;
}

.btn-all:hover,
.btn-all:focus
{
    transition: all .25s;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    text-decoration: none;

    color: #b03f2f;
}

.page-right-center-landing-page .page-right-center--image {
    margin: 15px 0 25px;
    padding: 0;
}

.page-right-center-landing-page .page-right-center--image:nth-child(7n+7) {
    clear: both;
}

.checkbox-label,
.checkbox-label * {
    cursor: pointer;
}

.checkbox {
    display: none;
}

.page-right-center--image img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.page-right-center--text {
    display: block;
    position: relative;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin: 12px 0;
    margin-bottom: 5px;
}

.page-right-center--text::before {
    content: "";
    position: absolute;
    top: -95px;
    left: 44%;
    width: 16px;
    height: 15px;
    background: url(../img/icons/check.png) no-repeat;
    opacity: 0;
}

.page-right-center--price {
    color: #000;
    position: relative;
    font-family: 'Philosopher', sans-serif;
    opacity: 0;
    display: block;
    width: 120px;
    height: 39px;
    margin: auto;
    padding-top: 5px;
    text-align: center;
}

.checkbox:checked ~ .page-right-center--text {
    color: #b03f2f;
    transition: all .15s
}

.checkbox:checked ~ .page-right-center--price {
    opacity: 1;
    transition: all .25s
}

.checkbox:checked ~ .img-grayscale {
    filter: grayscale(0%);
}

.checkbox:checked ~ .page-right-center--text::before {
    opacity: 1;
}

.landing-textarea-moreFunc-block {
    text-align: center;
}

.landing-label-moreFunc {
    font-size: 12px;
    font-family: "Open Sans Semibold", sans-serif;
    line-height: 16px;
    text-transform: uppercase;
    display: block;
    padding-left: 10px;
    margin-bottom: 10px;
}

.landing-textarea-moreFunc {
  border-width: 1px;
  border-color: rgb( 176, 63, 47 );
  border-style: solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  max-width: 315px;
  height: 42px;
  z-index: 230;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 10px;
  margin: 10px auto;
  display: block;
}

.landing-textarea-moreFunc::-webkit-input-placeholder {
    color:#333;
    font-size: 12px;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 16px;
}
.landing-textarea-moreFunc::-moz-placeholder          {
    color:#333;
    font-size: 12px;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 16px;
}
.landing-textarea-moreFunc:-moz-placeholder           {
    color:#333;
    font-size: 12px;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 16px;
}
.landing-textarea-moreFunc:-ms-input-placeholder      {
    color:#333;
    font-size: 12px;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 16px;
}

.landing-textarea-moreFunc::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
.landing-textarea-moreFunc::-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
.landing-textarea-moreFunc:-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
.landing-textarea-moreFunc:-ms-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
.landing-textarea-moreFunc:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.landing-textarea-moreFunc:focus::-moz-placeholder          {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.landing-textarea-moreFunc:focus:-moz-placeholder           {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.landing-textarea-moreFunc:focus:-ms-input-placeholder      {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.landing-textarea-output-wrap {
    margin-top: -30px;
}

.landing-output-wrap {
    margin: 20px 0;
}

.landing-output {
    width: 250px;
    height: 125px;
    border-radius: 20px;
    border: 2px solid #5d403f;
    background: #fff;
    padding: 6px 0 0 7px;
    margin: auto;
}

.landing-output p {
    width: 230px;
    height: 110px;
    display: block;
    border-radius: 15px;
    border: 2px dashed #5d403f;
    margin: 0;
}

.landing-item--menu
{
    padding-left: 20px;
}

.landing-item--menu li
{
    list-style-type: disc;
}

.landing-item--list
{
    padding-left: 10px;

    counter-reset: list;
}

.landing-item--list li
{
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 16px;
    line-height: 16px;

    position: relative;

    padding-left: 15px;

    text-transform: uppercase;
    margin-bottom: 45px;
}

.landing-item--list li:last-child {
    margin-bottom: 0;
}

.landing-item--list li::before
{
    font-family: 'Philosopher', sans-serif;
    font-size: 16px;

    position: absolute;
    top: 0;
    left: 0;

    content: counter(list) '.';
    counter-increment: list;

    color: #b03f2f;
}

.landing-item--list li:not(:last-child)::after
{
    position: absolute;
    bottom: -35px;
    left: 110px;

    width: 10px;
    height: 32px;

    content: '';

    background: url(../img/icons/landing-list-arrow-down.png) no-repeat;
}

.landing-item--list li:nth-child(2)::after {
}

.landing-item--list li:nth-child(3)::after {
}

.landing-item--list li:nth-child(4)::after {background-color: white;}

.landing-tab-item-wrap {
    padding: 0;
    margin-top: 15px;
}

.landing-tab-item {
    padding: 15px 0 0 50px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.24);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.24);
}


.landing-tab-item--text {
    display: block;
    font-family: "Open Sans Semibold", sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.landing-tab-item--number {
    font-size: 18px;
    font-family: 'Philosopher', sans-serif;
    color: #b03f2f;
}

.landing-tab-item--number span {
    font-size: 36px;
    margin-bottom: 30px;
    display: inline-block;
}

.landing-tab--menu {
    padding: 0;
}

.landing-tab--menu li {
    display: block;
    padding: 10px 50px 10px 20px;
    position: relative;
    outline: none;
}

.landing-tab--menu .ui-tabs-active {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.24);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.24);
}

.landing-tab--menu a {
    display: block;
}

.landing-tab-footer {
    background: #b03f2f;
    color: #fff;
    font-family: "Open Sans Semibold", sans-serif;
    padding: 10px 0;
}

.landing-tab-footer--procent {
    display: inline-block;
    float: left;
    font-size: 36px;
    padding: 0 15px;
}

.landing-tab-footer--text {
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 14px;
    padding: 15px 10px;
}

.landing-tech-logo-section {
    display: none;
}

.landing-tech-logo--item {
    float: left;
    width: 20%;
    margin-bottom: 60px;
}

.landing-tech-logo--item img {
    display: block;
    margin: auto;
}

.web-prom-calc-list--title {
    font-family: "Bebas Neue", sans-serif;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
}

.web-prom-calc-list--title span {
    color: #b03f2f;
}

.web-prom-radio-wrap {
    float: left;
    padding: 10px 15px;
    cursor: pointer;
    background: transparent;
    min-width: 185px;
}

.web-prom-radio-wrap div {
    cursor: pointer;
}

.web-prom-radio-wrap:hover,
.web-prom-radio-wrap:focus {
    background: #f4ece2;
    box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0, 0.35 );
    -webkit-box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0, 0.35 );
    -moz-box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0, 0.35 );
}

.web-prom-radio-wrap:not(:last-child) {
    margin-right: 10px;
}

.radio-wrap-wprom {
    float: left;
    cursor: pointer;
}

.radio-wprom {
    display: none;
}

.radio-custom-wprom {
    display: inline-block;
    font-size: 16px;
    font-family: "Open Sans Semibold", sans-serif;
    float: left;
    cursor: pointer;
    padding-top: 10px;
}

.web-prom-radio-wrap img {
    float: left;
    padding-right: 15px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    display: none;
}

#web-creation-radio1:checked ~ #web-creation-tab1,
#web-creation-radio2:checked ~ #web-creation-tab2,
#adver-radio1:checked ~ #adver-tab1,
#adver-radio2:checked ~ #adver-tab2,
#adver-radio3:checked ~ #adver-tab3 {
    background: #f4ece2;
    box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0, 0.35 );
    -webkit-box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0, 0.35 );
    -moz-box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0, 0.35 );
}

#web-creation-radio1:checked ~ #web-creation-tab1 .img-grayscale,
#web-creation-radio2:checked ~ #web-creation-tab2 .img-grayscale,
#adver-radio1:checked ~ #adver-tab1 .img-grayscale,
#adver-radio2:checked ~ #adver-tab2 .img-grayscale,
#adver-radio3:checked ~ #adver-tab3 .img-grayscale {
    filter: grayscale(0%);
}

#web-creation-radio1:checked ~ #web-creation-tab1 .radio-custom-wprom,
#web-creation-radio2:checked ~ #web-creation-tab2 .radio-custom-wprom,
#adver-radio1:checked ~ #adver-tab1 .radio-custom-wprom,
#adver-radio2:checked ~ #adver-tab2 .radio-custom-wprom,
#adver-radio3:checked ~ #adver-tab3 .radio-custom-wprom {
    color: #b03f2f;
}

.web-prom-radio-wrap:hover .radio-custom-wprom,
.web-prom-radio-wrap:focus .radio-custom-wprom {
    color: #b03f2f;
}

.web-prom-radio-wrap:hover .img-grayscale,
.web-prom-radio-wrap:focus .img-grayscale {
    filter: grayscale(0%);
}

.web-prom-button-wrap {
    float: right;
    padding: 10px 5px;
    background: #f4ebde;
    margin-bottom: -57px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.web-prom--title {
    font-family: "Bebas Neue Bold", sans-serif;
    font-size: 32px;
    line-height: 38px;
    text-transform: uppercase;
    text-align: center;
    margin: 40px 0;
}

.web-prom-col {
    max-width: 600px;
    margin: auto;
    float: none;
}

.web-prom-col--title {
    font-size: 36px;
    line-height: 38px;
    display: block;
    width: 218px;
    margin: 20px auto 80px;
    position: relative;
}

.web-prom-col--title2 {
    width: 379px;
    margin-top: 40px;
}

.web-prom-col--title::before,
.web-prom-col--title::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #9f9f9f;
}

.web-prom-col--title::before {
    bottom: 37px;
}

.web-prom-col--title::after {
    bottom: 0;
    width: 207px;
}

.web-prom-col--title2::before {
    width: 220px;
}

.web-prom-col--title2::after {
    width: 368px;
}

.web-prom-col--title-sm {
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.web-prom-col--priceTime {
    font-family: "Bebas Neue", sans-serif;
    margin-bottom: 20px;
}

.web-prom-col--price {
    float: left;
    padding-right: 30px;
    border-right: 1px solid rgba( 51, 51, 51, 0.2 );
}

.web-prom-col--time {
    float: left;
    padding-left: 30px;
}

.web-prom-col--priceTime-text {
    font-size: 16px;
    line-height: 24px;
    display: block;
}

.web-prom-col--price--di {
    border-right: none;
}

.web-prom-col--priceTime-text--di {
    display: inline;
    padding-right: 10px;
}

.web-prom-col--priceTime-number {
    font-size: 14px;
    line-height: 24px;
}

.web-prom-col--priceTime-number span {
    font-size: 24px;
}

.web-prom-col--menu-text {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    float: left;
    width: 55%;
}

.web-prom-col--menu .page-right-center--price {
    float: right;
    opacity: 1;
    font-size: 18px;
}

.web-prom-col--menu li {
    position: relative;
    padding: 20px 0 30px;
}

.web-prom-question--wrap {
    padding-bottom: 50px;
}

.web-prom-question {
    margin-top: 20px;   
}

.web-prom-question p{
    margin-top: 0;
    line-height: 18px;
}

.web-prom-question--title {
    font-size: 36px;
    line-height: 38px;
}

.web-prom-question-col1 {
    width: 100%;
    text-align: center;
}

.web-prom-question-col2 {
    width: 100%;
    text-align: center;
}

.web-prom-link {
    width: auto;
    padding: 10px 25px;
    line-height: 22px;
}

.web-prom-work--wrap {
    background: #edeade;
    padding: 20px 0 35px;
}

.web-prom-work-col {
    width: 100%;
    max-width: 400px;
    background: #edeade;
    padding: 10px 35px 25px 30px;
    margin-top: 30px;
    margin: 30px auto auto;
}

.web-prom-work-col--image {
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 158px;
    height: 158px;
}

.web-prom-work-col--imgWrap {
    position: relative;
    padding: 0;
    width: 100%;
}

.logo-wrap-circle {
    position: absolute;
    bottom: -6px;
    left: -19px;
    border-radius: 50%;
    background-color: rgb( 253, 253, 253 );
    width: 101px;
    height: 101px;
    text-align: center;
    line-height: 125px;
}

.web-prom-work-col--text .web-prom--title {
    margin: 0;
    font-size: 22px;
}

.web-prom-work-col--text {
    padding-top: 20px;
    width: 100%;
}

.web-prom-work-col--text p {
    font-size: 12px;
    line-height: 14px;
}

.web-prom-work-col--menu {
    padding: 10px 0;
}

.web-prom-work-col--menu li {
    position: relative;
    padding-left: 20px;
    font-size: 12px;
    line-height: 36px;
}

.web-prom-work-col--menu li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 14px;
    background: url(../img/icons/web-prom-yandex-icon.png) no-repeat;
}

.web-prom-work-col .more-link {
    float: right;
    margin-right: 70px;
}

.web-prom-work-col:hover {
    box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0, 0.24);
    -webkit-box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0, 0.24);
    -moz-box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0, 0.24);
    position: relative;
    z-index: 2;
}

.web-prom-work-col:hover .more-link {
    transition: all .25s;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    text-decoration: none;
    color: #b03f2f;
}

.web-prom-work-col:hover .more-link::after {
    display: block;
    transition: all .25s;
}

.web-prom-work-col--text a:hover,
.web-prom-work-col--text a:focus {
    color: #b03f2f;
    text-decoration: underline;
}

.web-prom-work-col:hover .web-prom-question--title {
    color: #b03f2f;
}

.list-section-wrap {
    padding-bottom: 30px;
}

.list-section-col--title {
    font-family: "Bebas Neue Bold", sans-serif;
    font-size: 24px;
    line-height: 38px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 20px;
}

.list-section-col p {
    line-height: 18px;
}

.promotion-socialSites-col--wrap {
    margin-bottom: 40px;
}

.promotion-socialSites-col {
  background-color: rgba( 237, 234, 222, 0.85 );
  max-width: 435px;
  width: 100%;
  text-align: center;
  padding: 25px 35px 35px;
  margin: auto;
  /*height: 560px;*/
}

.promotion-socialSites-col--text {
    text-align: left;
}

.header-page-right--text {
    display: block;
    margin-bottom: 40px;
}

.promotion-socialSites-col--title {
    font-family: 'Bebas Neue Bold', sans-serif;
    font-size: 20px;
    margin: 10px 0 0 0;
    text-transform: uppercase;
    display: block;
    width: 100%;
    max-width: 235px;
    margin: 25px auto 20px;
    line-height: 24px;
}

.stages-work-wrap {
    padding: 20px 0 50px;
}

.stages-work-col-wrap {
    padding: 0 5px;
    margin: 20px 0 30px;
}

.stages-work-col {
    width: 100%;
    max-width: 290px;
    position: relative;
    margin: auto;
}

.stages-work-col::before {
    content: url(../img/web-prom-circle-list-icon.png);
    position: absolute;
}

.stages-work-col::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 28px;
    height: 2px;
    width: 165px;
    background: url(../img/icons/border-dashed-icon.png) repeat-x;
}

.stages-work-col2::after {
    left: 30px;
    width: 80px;
}

.stages-work-col3::after {
    left: 30px;
    width: 118px;
}

.stages-work-col4::after {
    left: 30px;
    width: 30px;
}

.stages-work-col-time {
    float: right;
    border-left: 1px solid #d5d5d5;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    padding-left: 5px;
}

.stages-work-col-time--text {
    display: block;
    color: #5c5c5c;
}

.stages-work-col-time--day {
    display: block;
}

.promotion-socialSites-col--title {
    float: left;
    display: block;
    clear: both;
}

.stages-work-col--number {
    float: left;
    display: block;
    font-family: "Bebas Neue Bold", sans-serif;
    font-size: 48px;
    line-height: 24px;
    clear: both;
    color: #999999;
}

.web-audit {
    counter-reset: title-list;
}

.web-audit .web-prom--title {
    text-align: left;
}

.web-audit-row {
    margin-bottom: 25px;
}

.web-audit-item--title {
    font-family: "Bebas Neue Bold", sans-serif;
    font-size: 18px;
    line-height: 20px;
    position: relative;
}

.web-audit-item--title::before {
    counter-increment: title-list;
    content: "0" counter(title-list);
    padding-right: 5px;
    border-right: 1px solid #b03f2f;
    margin-right: 10px;
}

.market-res-menu {
    margin: 20px 0;
    padding-left: 40px;
}

.market-res-menu li {
    list-style-type: disc;
}

.acc-web .web-prom-col--title::before {
    width: 94%;
}

.acc-web .web-prom-col--title::after {
    width: 237px;
}

.acc-web .web-prom-col--title2::before {
    width: 276px;
}

.acc-web .web-prom-col--title2::after {
    width: 237px;
}

.yandex-adver-wrap {
    padding: 10px 0 30px;   
}

.yandex-adver {
    padding: 10px 0;
}

.yandex-adver--text {
    font-size: 20px;
    line-height: 26px;
    font-family: "Open Sans Semibold", sans-serif;  
}

.yandex-adver-menu li {
    position: relative;
    line-height: 26px;
    padding: 5px 0 5px 40px;
}

.yandex-adver-menu li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 25px;
    height: 24px;
    background: url(../img/web-prom-circle-list-icon.png) no-repeat;
}

.work-steps {
    counter-reset: step;
}

.work-steps-item {
    padding: 10px 0 10px;
    margin: auto;
    max-width: 400px;
}

.work-steps-item--title {
    position: relative;
    display: block;
    padding-left: 62px;
}

.work-steps-item--title::before {
    position: absolute;
    counter-increment: step;
    content: counter(step);
    font-size: 24px;
    line-height: 43px;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    background: #b03f2f;
    color: #fff;
    text-align: center;
    top: -3px;
    left: 0;
}

.work-steps-item--wrap:last-child .work-steps-item--title::after {
    display: none;
} 

.yandex-service-menu li {
    display: inline-block;
}

.yandex-service-menu li a {
    font-family: "Bebas Neue", sans-serif;
    font-size: 24px;
    line-height: 38px;
    text-transform: uppercase;
    color: #6d6d6d;
    text-decoration: underline;
    padding: 2px 20px;
    border-width: 2px;
    border-color: transparent;
    border-style: dashed;
    transition: all .25s;
}

.yandex-service-menu li:hover a,
.yandex-service-menu li:focus a,
.yandex-service-menu li.ui-tabs-active a {
    text-decoration: none;
    color: #b03f2f;
}

.yandex-service-tabs {
    margin-top: 20px;
}

.yandex-service-tab--menu {
    padding-left: 20px;
    margin: 20px 0;
}

.yandex-service-tab--menu li {
    position: relative;
    padding: 5px 0 5px 25px;
}

.yandex-service-tab--menu li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    border-radius: 50%;
    background-color: rgb( 176, 63, 47 );
    width: 10px;
    height: 10px;
}

.danger-text
{
    color: #b03f2f;
}

.active-page
{
    text-decoration: underline !important;

    color: #b03f2f !important;
}

.active-page .img-grayscale
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.active-page--menu
{
    color: #b03f2f;
}

.active-page--menu::after
{
    background: #b03f2f;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #b03f30;
  opacity: 1;
}

.close:focus, .close:hover {
  color: #333;
  text-decoration: none;
  opacity: 1;
}

button.close {
  padding: 0;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  pointer-events: none;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #e9ecef00;
  border-top-left-radius: 0.3rem;
  padding-bottom: 0px;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {position: absolute;right: 10px;font-size: 50px;font-weight: 100;top: -9px;font-weight: 100;width: 45px;height: 93px;text-shadow: none;}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px 50px;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 450px;
    margin: 30px auto;
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
.modal-header h5{
	font-family: 'Philosopher', sans-serif;
	font-size: 54px;
	line-height: 56px;
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 0px;
	color: #333;
}
.modal-header h5 strong{
	font-size: 58px;
    color: #b03f2f;
}
.modal fieldset{
	border:none;
}
.modal label{
	font-size: 12px;
}
.modal input[type='text'],.modal input[type='tel']{
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #b03f2f;
	margin: auto;
	display: block;
	margin-bottom: 15px;
	color: #333333;
	font-size: 12px;
	width: 100%;
	height: 30px;
}
.modal button.submit{
	font-family: 'Philosopher', sans-serif;
	font-size: 14px;
	line-height: 40px;
	position: relative;
	display: block;
	width: 55%;
	border: none;
	height: 40px;
	transition: .3s;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	border-radius: 20px;
	background: #b03f2f;
	margin: auto;
	margin-top: 10px;
}
#jform_message-lbl{
	margin-bottom: 15px;
	display: block;
}
.modal textarea{
	height: 70px;
	border-color: #b03f30;
	font-size: 12px;
	padding-top: 20px;
	width: 100%;
	margin-bottom:15px;
	border: 0px;
	border-bottom: 1px solid #b03f30;
}
.modal button.submit:hover{
	text-decoration: none;
    opacity: .8;
    color: #fff;
}
.jform_confpol.control-group label,.jform_confpol_alt.control-group label,.jform_confpolkon.control-group label,.jform_confpol_al.control-group label{display: inline-block;vertical-align: text-bottom;margin-left: 10px;}
.jform_confpol.control-group label .star,.jform_confpol_alt.control-group label .star,.jform_confpolkon.control-group label .star,.jform_confpol_al.control-group label .star{display:none;}
.jform_confpol.control-group .controls.jform_confpol,.jform_confpol_alt.control-group .controls.jform_confpol_alt,.jform_confpolkon.control-group .controls.jform_confpolkon,.jform_confpol_al.control-group .controls.jform_confpol_al{display: inline-block;float: left;vertical-align: middle;}


.menu-top li.active a{
    text-decoration: underline;
    opacity: 0.8;
}
.breadcrumb{
	font-family: 'Open Sans Semibold', sans-serif;
	font-size: 12px;
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	text-transform: uppercase;
	color: #b03f2f;
	margin-top: 10px;
	margin-bottom: 10px;
}
.breadcrumb li a,.breadcrumb .divider{
	    color: #333;
}
.breadcrumb li{
	display:inline-block;
}
div[itemprop="articleBody"]{
	margin-bottom: 40px;
}
.blog-menu .badge{
	font-size: 11px;
	background-color: #b03f2f;
	display: inline-block;
	width: 16px;
	vertical-align: middle;
	color: white;
	padding: 3px 0;
	border-radius: 100%;
	height: 17px;
	text-align: center;
}
.itemid-103 .pagination{
	padding-top: 50px;
	padding-bottom: 50px;
}
.pagination .counter{
	display:none;
}


 
     .blog-menu-portfolio {
	list-style:none;
     }
 
     .blog-menu-portfolio li a {
 	float:left;
 	display:block;
 	text-align:center;
 	text-transform:uppercase;
 	text-decoration: none;
 	color: black;
 	}
 

     .blog-menu-portfolio li:hover ul {
	display:block;
	opacity: unset;
	}
 
     .blog-menu-portfolio ul {
	display:none;
	list-style:none;
	position:absolute;
	background-color: white;
	left: 15px;
	top: 28px;
	width: 100%;
	}
 
     .blog-menu-portfolio ul li a {
	float:none;
	display: inline-block;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	text-transform: none;
	}
 
     .blog-menu-portfolio ul li a:hover {
	}
.portfolio-list a:hover{
	color:black;
}

.blog-menu li:hover .portfolio-menu li, .blog-menu li.active .portfolio-menu li{
	opacity: unset;
	background: none;
}
.blog-menu.portfolio-list span{
	line-height: 1;
}
    

.landing > div,.vizitka > div,.korporativniy > div,.magazin > div,.biznes > div,.sitePr > div,.logoDev > div,.sitetoTop > div,.siteDev > div {display:none}
.landing .landing,.vizitka .vizitka,.korporativniy .korporativniy,.magazin .magazin,.biznes .biznes,.sitePr .sitePr,.logoDev .logoDev,.sitetoTop .sitetoTop,.siteDev .siteDev {display:block}
.menu li.active a{
text-decoration: underline !important;
    color: #b03f2f !important;
}
.menu li.active img{
webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.web-creation .header-page-right i{
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    margin-bottom: 20px;
    font-style: normal;
    padding-top: 10px;
}
#mod_qlform_102 fieldset{
	border:none;
	margin:0;
	padding:0;
}
#mod_qlform_102 .jform_name label,#mod_qlform_102 .jform_phone label,#mod_qlform_102 .jform_phone label,#mod_qlform_102 .jform_email label {
	display:none;
}
#mod_qlform_102 .control-group{
	display:inline-block;
}
#mod_qlform_102 .control-group input[type=text],#mod_qlform_102 .control-group input[type=tel],#mod_qlform_102 .control-group input[type=email]{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	position: relative;
	display: inline-block;
	width: 200px;
	height: 40px;
	margin: 0 5px;
	margin-bottom: 15px;
	transition: .3s;
	text-indent: 12px;
	color: #333;
	border: 2px solid #333;
	border-radius: 15px;
	outline: none;
	background-color: transparent;
}
#mod_qlform_102 .control-group input:hover, #mod_qlform_102 .control-group input:focus, .form-control-section:hover, .form-control-section:focus {
    border: 2px solid #b03f2f;
}
#mod_qlform_102 .control-group.jform_confpol{
	margin-bottom:15px;
}
#mod_qlform_102 .submit.control-group{
	float: right;
    padding: 10px 5px;
    background: #f4ebde;
    margin-bottom: -57px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
#mod_qlform_102 .submit.control-group button{
	    font-family: 'Philosopher', arial, sans-serif;
    font-size: 18px;
    line-height: 16px;
    position: relative;
    display: inline-block;
    width: 200px;
    height: 39px;
    margin: 0 5px;
    transition: all .3s;
    color: #fff;
    border: 1px;
    border-style: solid;
    border-color: #b03f2f;
    border-radius: 20px;
    outline: none;
    background-color: #b03f2f;
}
#mod_qlform_102 .submit.control-group button:hover, #mod_qlform_102 .submit.control-group button:focus {
    text-decoration: none;
    color: #b03f2f;
    background: #fff;
}
.itemid-110 .jform_email,.itemid-111 .jform_email,.itemid-112 .jform_email,.itemid-113 .jform_email,.itemid-114 .jform_email,.itemid-115 .jform_email {
	display:none;
}
.itemid-110 #mod_qlform_102 .submit.control-group,.itemid-111 #mod_qlform_102 .submit.control-group,.itemid-112 #mod_qlform_102 .submit.control-group,.itemid-113 #mod_qlform_102 .submit.control-group,.itemid-114 #mod_qlform_102 .submit.control-group,.itemid-115 #mod_qlform_102 .submit.control-group{margin: 0;position: absolute;top: -9px;right: 0;}
.itemid-110 .header-page-right,.itemid-111 .header-page-right,.itemid-112 .header-page-right,.itemid-113 .header-page-right,.itemid-114 .header-page-right,.itemid-115 .header-page-right{
	padding-bottom: 15px;
}

#slider-range-max2 {
    cursor: pointer;
}
#slider-range-max {
    width: 100%;
    position: relative;
    height: 40px;
}

 #slider-range-max {
    background: #b75141!important;
    height: 2px!important;
}

#slider-range-max>div {
    height: 2px!important;
    overflow: visible!important;
}
#slider-range-max2 .ui-widget-header {
    border: 1px solid #ddd;
    background: #dedede;
    color: #333;
    font-weight: bold;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider .ui-slider-range {
    position: absolute;
    background: #dabe99;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    right: 0px;
    background-position: 0 0;
}
#slider-range-max .ui-slider-horizontal .ui-slider-handle {
    background: #ddd;
}

 
.ui-slider-horizontal .ui-slider-handle {
    top: -1.3em;
    margin-left: -.6em;
    outline: none;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 16px;
    height: 16px;
    top: -8px;
    background: #b75141;
    cursor: default;
    border-radius: 50%;
    -ms-touch-action: none;
    touch-action: none;
}
.dcv65 {background:#fff;width:70px;display:block;position:absolute;box-shadow: 0px 2px 4px #00000040;text-align:center;top:25px;left:-25px;border-radius:5px;font-size: 13px;height: 25px;line-height: 25px;}
.dcv65:after { }

 
.dcv65:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ffffff;
	border-width: 6px;
	margin-left: -6px;
}
.start_prica {
    width: 100px;
    position: absolute;
    font-family: 'Philosopher', sans-serif;
    top: 0px;
}
.max_prica {
    width: 100px;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: right;
    font-family: 'Philosopher', sans-serif;
}
.fh {padding-top:20px;padding-bottom:20px;font-family: 'Philosopher', sans-serif;font-size: 16px;}
.ghh .clearfixs {
    width: 60%;
    float: left;
}
.ghh .clearuik {
    float: right;
    width: 40%;
}
.ghh {position:relative;}
.ghh .clearuik>div {display:block;float:none;width: auto;}
.ghh .clearuik>div p{float:none!important;font-family: 'Philosopher', sans-serif;}
.ghh .clearuik>div.col-sm-2 {width:33%;float:left;font-family: 'Philosopher', sans-serif;line-height: 15px;padding: 0px;}
.fh .hk{background:#fff;color: #b75141;width:25px;height:25px;font-weight: bold;display:inline-block;text-align:center;border-radius:50px;}
.page-right-bottom .show-offers {padding-left:19px}
.icons {display:none;}
.web-creation-offers--item {display:none;}
.web-creation-offers--item.showm {display:block;}
#mod_itf_form {
    margin-top: 20px;
    position: relative;
}
.submit-contacts-form-item .cgy {}
.submit-contacts-form-item {display:inline-block;position:relative;width: 33%;}
.cgy {}
.submit-contacts-form-item label {cursor:pointer;transition:0.2s all;position:absolute;top:0px;width:100%;text-indent:20px;height: 45px;left: 0px;line-height: 45px;}
.submit-contacts-form-item input {height: 45px;border-radius:5px;border:0px;padding-left:20px;width: 95%;border-radius: 30px;}
.submit-contacts-form-item label.activ {top: -35px;font-size:11px;transition:0.2s all;cursor:pointer;font-weight: 400;color: #000000;}
.header-page-right {}


.send-check input:checked + label svg {
    display: block;
}

.send-check label svg {
    position: absolute;
    top: -1px;
    left: 7px;
    display: none;
    width: 17px;
    fill: #cb3d2a;
}

.send-check label::before {
    position: absolute;
    top: 3px;
    left: 5px;
    width: 15px;
    height: 15px;
    content: '';
    border-width: 1px;
    border-style: solid;
    border-color: #cb3d2a;
    border-radius: 2px;
}

.send-check {
    position: relative;
}
.send-check input {display:none;}
 .send-check label {padding-left:30px;font-size: 13px;}
.btn-wrap input {position:absolute;top:0px;left: 67%;width: 23%;color: #fff;height: 45px;border-radius: 50px;background: #b03f2f;border: 0px;}
.landing-output {line-height:100px;font-size:30px;text-align:center}
.landing-output p {font-size:15px;}
.fullprice {font-size: 33px;}
.action-btn {line-height:37px;text-align:center;}
#zakaz {}
#mod_itf_form3 {}

#mod_itf_form3 .submit-contacts-form-item {width:100%;}

#mod_itf_form3 .btn-wrap input{position:relative;width: 50%;left: auto;margin: 0px auto;font-size: 16px;float: none;display: block;}
#mod_itf_form3 .send-item {position:relative; }
#mod_itf_form3 .send-item input[type='text']{border:0px;width: 100%;margin: 0px;height: 50px;line-height: 60px;border-bottom: 1px solid #cb3d2a;margin-bottom: 10px;border-radius: 0px;padding-left: 0px;font-size: 17px;}

#zakaz .modal-content #mod_itf_form3 {padding-bottom:20px}
#zakaz .modal-title {text-align:center;width: 100%;}

#mod_itf_form3 label {text-indent:0px;font-size: 17px;}

#mod_itf_form3 .send-check label {text-indent:0px;font-size: 12px;}
#mod_itf_form3 label.activ {
    font-size: 12px;
    top: -20px;
    color: #cb3d2a;
}


#mod_itf_form4 {
    margin-bottom: 20px;
}

#mod_itf_form4 .submit-contacts-form-item {width:100%;}

#mod_itf_form4 .btn-wrap input{position:relative;width: 50%;left: auto;margin: 0px auto;font-size: 16px;float: none;display: block;}
#mod_itf_form4 .send-item {position:relative; }
#mod_itf_form4 .send-item input[type='text']{border:0px;width: 100%;margin: 0px;height: 50px;line-height: 60px;border-bottom: 1px solid #cb3d2a;margin-bottom: 10px;border-radius: 0px;padding-left: 0px;font-size: 17px;}

#zakaz .modal-content #mod_itf_form3 {padding-bottom:20px}
 .modal-title {text-align:center;width: 100%;font-family: 'Philosopher', sans-serif;font-size: 32px;}

#mod_itf_form4 label {text-indent:0px;font-size: 17px;}

#mod_itf_form4 .send-check label {text-indent:0px;font-size: 12px;}
#mod_itf_form4 label.activ {
    font-size: 12px;
    top: -20px;
    color: #cb3d2a;
}


.project {
    clear: both;
}
.project_m1 {
    overflow: hidden;
}
.project_m2 {}
.proj_col1 {
    width: 33.3%;
    float: left;
}
.proj_col2 {
    width: 33.3%;
    float: left;
}
.proj_col3 {
    width: 33.3%;
    float: left;
}

.project .item {
    position: relative;
    height: 250px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.project .item a{
    display: block;
    width: 100%;
    height: 100%;
}
.header_title_i {
    position: absolute;
}
.header_title_i span{
    display: block;
    margin-bottom: -4px;
} 
.header_title_i b{
    display: block;
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
    font-family: 'Open Sans Semibold', sans-serif;
} 

.project .item1 {
    background: #e9eae9;
    height: 250px;
}
.project .item1 a{}
.project .item1 .header_title_i{
    top: 40px;
    left: 40px;
    z-index: 10;
}
.project .item1 img{
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.project .item2 {
    background: #ecf7f7;
}
.project .item2 a{}
.project .item2 .header_title_i{
    right: 40px;
    bottom: 40px;
}
.project .item2 img{bottom:0px;}
.project .item  img {position:absolute;}

.project .item3 {
    background: #faf6a7;
    height: 510px;
}
.project .item3 a{}
.project .item3 .header_title_i{
    bottom: 40px;
    left: 40px;
}
.project .item3 img{
    top: 20%;
    left: 10%;
}

.project .item4 {
    background: #e7e7ec;
    height: 290px;
}
.project .item4 a{}
.project .item4 .header_title_i{
    bottom: 40px;
    left: 40px;
}
.project .item4 img{
    right: 40px;
    top: 40px;
}

.project .item5 {
    background: #f2f2f2;
    height: 210px;
}
.project .item5 a{}
.project .item5 .header_title_i{
    top: 40px;
    left: 40px;
}
.project .item5 img{
    right: 20px;
    bottom: 10px;
}

.project .item6 {
    background: #efc0c3;
    height: 510px;
}
.project .item6 a{}
.project .item6 .header_title_i{
    top: 40px;
    left: 40px;
}
.project .item6 img{bottom: 40px;left: 50px;}

.project .item7 {
    background: #ceebe4;
}
.project .item7 a{}
.project .item7 .header_title_i{
    right: 40px;
    top: 40px;
}
.project .item7 img{
    top: 40px;
    left: 50px;
}

.project .item8 {
    background: #f2dfd6;
}
.project .item8 a{}
.project .item8 .header_title_i{
    top: 40%;
    left: 40px;
}
.project .item8 img{
    bottom: 30px;
    right: 20px;
}

.project .item9 {
    background: #b2e0f4;
    height: 510px;
}
.project .item9 a{}
.project .item9 .header_title_i{
    top: 40px;
    left: 40px;
}
.project .item9 img{
    bottom: 20px;
    right: 20px;
}
.fields-container {display:none;}


.icns {
    background-image: url(../img/sprited.png);
    background-repeat: no-repeat!important;
    display: inline-block;
    min-width: 30px;
    position: absolute;
    left: 0px;
    top: -5px;
}

.sprite-analiz_segmentrinka {
    width: 32px;
    height: 32px;
    background-position: -5px -5px;
}

.sprite-audit {
    width: 22px;
    height: 32px;
    background-position: -47px -5px;
}

.sprite-brend {
    width: 24px;
    height: 32px;
    background-position: -79px -5px;
}

.sprite-designsite {
    width: 32px;
    height: 32px;
    background-position: -113px -5px;
}

.sprite-klucheviki {
    width: 32px;
    height: 32px;
    background-position: -5px -47px;
}

.sprite-kpi {
    width: 32px;
    height: 32px;
    background-position: -47px -47px;
}

.sprite-logo {
    width: 28px;
    height: 32px;
    background-position: -89px -47px;
}

.sprite-monitoring {
    width: 40px;
    height: 33px;
    background-position: -5px -89px;
}

.sprite-neiming {
    width: 32px;
    height: 30px;
    background-position: -127px -47px;
}

.sprite-optimiz_reklami {
    width: 32px;
    height: 32px;
    background-position: -127px -87px;
}

.sprite-optimizavnutrennego {
    width: 32px;
    height: 32px;
    background-position: -55px -129px;
}

.sprite-reklama {
    width: 32px;
    height: 28px;
    background-position: -97px -129px;
}

.sprite-riteilbook {
    width: 32px;
    height: 32px;
    background-position: -155px -5px;
}

.sprite-seokopi {
    width: 23px;
    height: 23px;
    background-position: -169px -47px;
}

.sprite-sostavl_teksta {
    width: 32px;
    height: 22px;
    background-position: -169px -80px;
}

.sprite-usebiliti {
    width: 28px;
    height: 32px;
    background-position: -169px -112px;
}

.sprite-vneshneeseo {
    width: 24px;
    height: 23px;
    background-position: -5px -154px;
}

.sprite-vnutrenneeseo {
    width: 28px;
    height: 17px;
    background-position: -139px -154px;
}
#service-tab-2 p.usluga-a1-content-down-p {padding-left:50px;margin-bottom:30px}
#service-tab-3 p.usluga-a1-content-down-p {padding-left:50px;margin-bottom:30px}
#service-tab-4 p.usluga-a1-content-down-p {padding-left:50px;margin-bottom:30px}

.jks{
    font-family: 'Philosopher', arial;
    font-size: 25px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.ul {}
.ul li{
    padding-left: 20px;
    position: relative;
}
.ul li:before{content:'';width: 10px;height: 2px;position: absolute;background: #f23a0e;left: 0px;top: 10px;}

  .block_img img{box-shadow:0px 10px 30px #00000026}
  .jkdf{background:#d4c6a1}
  .jkdf {text-align:center;}
    .jkdf img {margin-top:50px;margin-bottom:50px}
    .jkdf a {background:#fff;padding:10px 30px;margin-bottom:120px; display:inline-block;border-radius:50px; font-size:26px;    font-family: 'Philosopher', sans-serif;}
    .pa-r1 .fa {font-size:14px}
    .web-prom-work-col--text a {font-size:12px;white-space: pre;}
    .our-pride-wrap {}

    .our-pride-wrap .project .item {
    position: relative;
    height: 250px;
    margin-right: 10px;
    margin-bottom: 10px;
}

 .our-pride-wrap .project .item3 img {
    left: auto;
    right: 0px;
    top: 10%;
}

 .our-pride-wrap  .project .item3 .header_title_i {top: 40px;
    left: 40px;}
    .our-pride-wrap .project .item2 .header_title_i{top: 40px;
    right: 40px;}

    .project .item:hover {}

    .project .item1:hover {
}
.project .item:before {
    height:4px;
    width:0px;
    content:'';
    display:block;
    background: #d1d1d1;
    z-index: 1;
    position: relative;
    -webkit-transition: all .55s;
    transition: all .55s;
}


.project .item:hover:before {
      width: 100%;
    -webkit-transition: all .55s;
    transition: all .55s;
}
 

                   .header_title_i b::before {
    position: absolute;
    bottom: 0;
    width: 0px;
    height: 1px;
    content: '';
    border-bottom: 1px solid #000;
    -webkit-transition: all .55s;
    transition: all .55s;
}

.project .item:hover .header_title_i b:before {
    width: 20px;
    -webkit-transition: all .55s;
    transition: all .55s;
}
.project .item:hover a {color:#000}
.project .item img {  -webkit-transition: all .55s;
    transition: all .55s;}
.project .item:hover img {opacity:0.5;    -webkit-transition: all .55s;
    transition: all .55s;}
.project .item:before { background:rgba(0, 0, 0, 0.11)}
.footer-bottom-content p span {background:#474444;padding:2px 5px;border-radius:5px;}
.jiolks {color:#000;}
.jiolks:hover {color:#000;text-decoration:none;}
.jiolks:after {color:#000; height:1px;
    width:0px;
    content:'';
    display:block;
    background: #000000;
    z-index: 1;
    position: relative;
    -webkit-transition: all .55s;
    transition: all .55s;margin:0px auto}
    .jiolks:hover:after { width:105px;color:#000;text-decoration:none;-webkit-transition: all .55s;
    transition: all .55s;}

    @media (max-width:1000px) {

        .project_m1 {}
        .project_m1 img{width:30%;display:none}
        .project_m2 img{width:30%;display:none}
        .project_m2 {}
    }

      @media (max-width:768px) {

        .project_m1 {}
        .project_m1 img{width:30%;display:none}
        .project_m2 img{width:30%;display:none}
        .project_m2 {}
        .project .item {width:auto!important;float:none!important;height: 150px!important;}
        .proj_col1 {width:auto!important;float:none!important;}
        .proj_col2 {width:auto!important;float:none!important;}
        .proj_col3 {width:auto!important;float:none!important;}
        .project .item .header_title_i {    top: 40px!important;
    left: 40px!important;
    z-index: 10!important;}
    }

    .header-menu .nav-child{display:none;}
     .header-menu ul li {position:relative; }
    .header-menu ul li:hover .nav-child{display:block;position:absolute;z-index: 10;background: #fff;width: 290px;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 10px 20px #00000026;}
    .header-menu ul li .nav-child li {max-width:300px;display: block;padding-top: 3px;padding-bottom: 3px;}
    .nav-child li a{max-width:300px;display: block;}
    .sticky .nav-child li:first-child a {
    margin-top: 0px;
    padding-left: 40px;
}

.item-page img {max-width:100%!important;}
.vacancies-image img{max-width:100%!important;}