@font-face {
    font-family: 'RFDewi-Regular';
    src: url('../fonts/RFDewi-Regular.eot');
    src: url('../fonts/RFDewi-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RFDewi-Regular.woff2') format('woff2'),
        url('../fonts/RFDewi-Regular.woff') format('woff'),
        url('../fonts/RFDewi-Regular.ttf') format('truetype'),
        url('../fonts/RFDewi-Regular.svg#RFDewi-Regular') format('svg');
font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'RFDewi-Semibold';
    src: url('../fonts/RFDewi-Semibold.eot');
    src: url('../fonts/RFDewi-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RFDewi-Semibold.woff2') format('woff2'),
        url('../fonts/RFDewi-Semibold.woff') format('woff'),
        url('../fonts/RFDewi-Semibold.ttf') format('truetype'),
        url('../fonts/RFDewi-Semibold.svg#RFDewi-Semibold') format('svg');

    font-style: normal;
}

@font-face {
    font-family: 'RFDewi-Light';
    src: url('../fonts/RFDewi-Light.eot');
    src: url('../fonts/RFDewi-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RFDewi-Light.woff2') format('woff2'),
        url('../fonts/RFDewi-Light.woff') format('woff'),
        url('../fonts/RFDewi-Light.ttf') format('truetype'),
        url('../fonts/RFDewi-Light.svg#RFDewi-Light') format('svg');
font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'RFDewi-Bold';
    src: url('../fonts/RFDewi-Bold.eot');
    src: url('../fonts/RFDewi-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RFDewi-Bold.woff2') format('woff2'),
        url('../fonts/RFDewi-Bold.woff') format('woff'),
        url('../fonts/RFDewi-Bold.ttf') format('truetype'),
        url('../fonts/RFDewi-Bold.svg#RFDewi-Bold') format('svg');
font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'RFDewi-Black';
    src: url('../fonts/RFDewi-Black.eot');
    src: url('../fonts/RFDewi-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RFDewi-Black.woff2') format('woff2'),
        url('../fonts/RFDewi-Black.woff') format('woff'),
        url('../fonts/RFDewi-Black.ttf') format('truetype'),
        url('../fonts/RFDewi-Black.svg#RFDewi-Black') format('svg');
font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'RFDewi-Ultrabold';
    src: url('../fonts/RFDewi-Ultrabold.eot');
    src: url('../fonts/RFDewi-Ultrabold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/RFDewi-Ultrabold.woff2') format('woff2'),
    url('../fonts/RFDewi-Ultrabold.woff') format('woff'),
    url('../fonts/RFDewi-Ultrabold.ttf') format('truetype'),
    url('../fonts/RFDewi-Ultrabold.svg#RFDewi-Ultrabold') format('svg');
font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'RFDewiExpanded-Regular';
    src: url('../fonts/RFDewiExpanded-Regular.eot');
    src: url('../fonts/RFDewiExpanded-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/RFDewiExpanded-Regular.woff2') format('woff2'),
    url('../fonts/RFDewiExpanded-Regular.woff') format('woff'),
    url('../fonts/RFDewiExpanded-Regular.ttf') format('truetype'),
    url('../fonts/RFDewiExpanded-Regular.svg#RFDewiExpanded-Regular') format('svg');
    font-style: normal;
    font-display: swap;
}


/*------------------------------------------------------------------------------------------*/
/*  ICONS */
/*------------------------------------------------------------------------------------------*/

.icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

/*------------------------------------------------------------------------------------------*/
/*  DEFAULTS & RESET */
/*------------------------------------------------------------------------------------------*/


::-moz-selection {
    background: #000;
    color: #fff;
}

button,
button:focus,
a:active,
a:hover,
a:focus {
  outline: 0;
}


a[href*="mailto:"],
a[href*="tel:"] {
    white-space: nowrap;
}

a {
    color: #2F75EC;
}

a:hover {
    color: #007bff;
}

strong {
    font-weight: 700;
}

input,
button {
    outline: none;
}
.cat-link{
    cursor: pointer;
}
.cat-link:hover{
    text-decoration: underline!important;
}

::-webkit-input-placeholder {
   color: #7c7c7c;
}
:-moz-placeholder {
   color: #7c7c7c;
}
::-moz-placeholder {
   color: #7c7c7c;
}
:-ms-input-placeholder {
   color: #7c7c7c;
}

/*------------------------------------------------------------------------------------------*/
/*  BASE STYLE */
/*------------------------------------------------------------------------------------------*/

body {
    font-size: 16px;

    font-family: 'RFDewi-Regular', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #000;
    background: #fff;
}


.btn:hover,
.btn:focus,
.btn:active,
.form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.form-group {
    position: relative;
}

label.error {
    font-size: 12px;
    line-height: 1;
    color: red;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 6px;
}

.form-group { margin-bottom: 1.15rem}
.done_li { line-height:2.4rem}

.form-control {

    border: none;
    border-radius: 0px;
    font-size: 1.05rem;
    line-height: 1.5rem;

    height: 4.1rem;
    padding: 1.4375rem 1.25rem;

    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}

.btn {
    font-size: 14px;
    line-height: 1.2rem;
    border-radius: 0;
    border:0;
    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    padding:1.1rem 3rem;

}

.btn-large {padding: 1.7rem 4.5rem;}

.btn-primary {background: rgb(105,135,199);
    background: linear-gradient(180deg, rgba(105,135,199,1) 0%, rgba(77,113,188,1) 100%);}


.btn-warning {
    border-color: #ff9c00;
    background-color: #ff9c00;
    color: #fff;
}

.form-info {
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 300;
    text-align: right;
    margin-top: .5rem;
}

.form-info a {
    color: inherit;
    text-decoration: underline;
}

.form-info a:hover {
    text-decoration: none;
}

/*------------------------------------------------------------------------------------------*/
/* PAGE HEADER */
/*------------------------------------------------------------------------------------------*/
.navbar {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    display: block;

    height: 3.75rem;

    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}


.page {
    padding-top: 7.75rem;
}

.sticky {
    background: #616c79;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.bg-dark {
    background: #616c79 !important;
}

.navbar-brand {
    padding: 0;
    margin: 0;

    width: 20.625rem;
}

.navbar-brand img {
    max-width: 100%;
    height: auto;
}

.header-desc {color:#fff; margin-top:50px; }
.header-desc h4 {font-weight:bold; margin-bottom:15px;}

.navbar-nav .nav-link {
    font-size: 1rem;
    line-height: 1.5rem;

    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0.5rem 0;

}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}


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

.contact {
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 500;
}

.phone {
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.cb {
    position: relative;
    padding-left: 1rem;
    white-space: nowrap;
}

.cb:before {
    content: '';
    position: absolute;
    left: 0;
    width: .75rem;
    height: .5rem;

    top: .5rem !important;
}

.top-phone { font-weight: bold; font-size: 1.2rem}


.cb-link {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #83a3e4 !important;
    display: inline-block;
    position: relative; margin-left: 12px;
}

.cb-link:hover {
    color: #fff;
    text-decoration: underline;
}

.page-header-def { background:#29292e}

.page-header-def .contact,
.page-header-def a {
    color: #fff;
    text-decoration: none;
}


.page-header .contact,
.page-header a {
    color: #fff;
    text-decoration: none;
}

.years { font-family: "RFDewi-Light", arial; font-size:1.2rem;}
.years-start, .years-line, .years-end { display: inline-block}
.years-line { width:213px; padding: 0 14px; }
.years-line hr { border-color: #909092 !important;margin: -6px 0 0 0 !important;}


.sidebar-toggle {
    width: 6.25rem;
    background: #f7f8f8;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1070;
    color: #000;
    text-decoration: none;
}

.sidebar-toggle:hover {
    color: #000;
    text-decoration: none;
}

.sidebar-toggle .icon {
    width: 3.75rem;
    height: 1.25rem;
    margin-bottom: .25rem;
    color: #ff9c00;
}

.sidebar-toggle-label{
    font-size: .8125rem;
    line-height: 1.4375rem;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    letter-spacing: 0px;

}

.sidebar-toggle-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.car-bg { background:#e2e5e7 url(../images/car-bg.jpg) no-repeat center left; background-size:cover; padding:4rem 0 15rem}
.trot-bg { background:#e2e5e7 url(../images/trot.jpg) no-repeat center left; background-size:cover; padding:4rem 0 6rem}
.build-bg { background:#e2e5e7 url(../images/build-bg.jpg) no-repeat center left; background-size:cover; padding:4rem 0 10rem}
.site-dev-bg { background:#e2e5e7 url(../images/site-dev-bg.jpg) no-repeat center left; background-size:cover; padding:4rem 0 15rem}
.site-adv-bg { background:#e2e5e7 url(../images/adv_db_center.jpg) no-repeat center left; background-size:cover; padding:4rem 0 10rem}

.offer-text{
    line-height: 1.8em;
}
.offer-text-adv { line-height: 2rem}
.offer-title { font-family:'RFDewi-Ultrabold', arial; font-size: 2.6rem;

    color: #000;
    margin: 0 0 2.5rem 0}


.page-collapse {
    top: 0px;

    position: fixed;
    z-index: 9989;
    display: block !important;
    height: 100% !important;
    max-width: 20rem;
    width: 100%;
    /*background: #616c79;*/
    background: #4a5159;

    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}


.page-collapse-inner {
    padding: 4rem 15px;
    position: relative;
    z-index: 5;
    overflow-y: auto;
}


.page-collapse-left {
    right: auto;
    left: 0;

    -webkit-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
         -o-transform: translateX(-110%);
            transform: translateX(-110%);
}


.page-collapse.show {
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);

    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;

}

.navbar-toggler {
    border-radius: 0px;
    padding: 0;
    border:none;
    color: #ffffff;
    width: 3.25rem;
    height: 3.25rem;
}


.navbar-toggler .icon {
    width: 100%;
    height: 40px;
	margin-top: -10px;
    margin-right: -15px;
}

.navbar-dark .navbar-toggler {
    color: #ffffff;
}

.menu-list {
    list-style-type: none;
    padding: 0;
    margin: 0 0 2rem;
}


.menu {
    padding-left: 2rem;
}


.page-collapse .navbar-nav .nav-link,
.menu-link {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    text-decoration: none;
    display: block;
    position: relative;
}


.page-collapse .navbar-nav .nav-link {
    font-weight: 500;
}

.page-collapse .navbar-nav .nav-link:hover {
    text-decoration: underline;
}

.menu-link:before {
    content: '';
    position: absolute;
    height: 3px;
    background: #ff9c00;
    max-width: 2rem;
    width: 100%;
    left: -2.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%) scaleX(0);
    -ms-transform: translateY(-50%) scaleX(0);
    -o-transform: translateY(-50%) scaleX(0);
    transform: translateY(-50%) scaleX(0);
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}


.menu-link:hover:before {
    -webkit-transform: translateY(-50%) scaleX(1);
        -ms-transform: translateY(-50%) scaleX(1);
         -o-transform: translateY(-50%) scaleX(1);
            transform: translateY(-50%) scaleX(1);
}


.menu-link:hover{
    color: #fff;
    text-decoration: none;
}

.menu-item {
    margin-bottom: .75rem;
}


.page-collapse .navbar-nav {
    border-top: 2px solid #eeefef;
    border-bottom: 2px solid #eeefef;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    margin-bottom: 2rem;
}

.close-btn,
.navbar-collapse .navbar-toggler {
    border:none;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 10.293L21.293 0L22 0.707L11.707 11L22 21.293L21.293 22L11 11.707L0.707 22L0 21.293L10.293 11L0 0.707L0.707 0L11 10.293Z' fill='white'/%3E%3C/svg%3E%0A");
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 2.25rem;
    height: 2.25rem;
}

.navbar-collapse .navbar-toggler .navbar-toggler-icon {
    display: none;
}


.page-collapse .phone {
    font-size: 1.5rem;
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
}

.page-collapse .cb {
    margin-bottom: 1.5rem;
}

.catalog-list h2 { margin: 30px 0;}

/*------------------------------------------------------------------------------------------*/
/* PAGE FOOTER */
/*------------------------------------------------------------------------------------------*/



.navbar-brand-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 1.625rem;
}

.navbar-brand-wrap .navbar-brand {
    width: 2.6875rem;
    height: 2rem;
    margin-right: 1.25rem;
}

.navbar-brand-meta {
    font-family: 'Futura PT Book', sans-serif;
    font-weight: normal;
    font-size: .875rem;
    line-height: 1.3125rem;
}




/*------------------------------------------------------------------------------------------*/
/* MAIN CONTENT */
/*------------------------------------------------------------------------------------------*/


.section {
    position: relative;
    /*padding-top: 12.875rem;*/
}

.section-head {
    overflow: hidden;
  /*  height: 11.875rem;*/
}

.breadcrumb { background:none; font-size:14px;}

.section-head-inner { margin-top:5rem}
.section-content { margin-bottom:5rem}

.section-content img {max-width:100%;}

.section-title {
    font-size: 2.6rem;
    line-height: 4rem;
    color: #000;
    margin: 5.5rem 0 7rem;
    text-align: center;
    font-family: "RFDewi-Ultrabold", arial;

}

.section-title-seo {
	 font-size: 3.2rem;
    line-height: 4rem;
    color: #000;
    margin: 5.5rem 0 7rem;
    text-align: center;
    font-family: "RFDewi-Ultrabold", arial;
}

.section-title-seo-pro { margin:5.5rem 0 4rem !important}
.section-title-seo-var { margin:3rem 0 4rem !important}

.left_ar_seo_pro {top:54% !important}
.right_num_seo_pro {top:53% !important}

.advantages_pro { padding-bottom: 5rem !important;}

h3.section-title, h3.section-title-seo {
    font-size: 2.125rem;
    line-height: 1.2;
    font-weight: 900;
}


.footer-title {
    font-size: 3.9rem;
    line-height: 4rem;
    color: #fff;
    margin: 4.5rem 0 3rem;
    font-family: "RFDewi-Ultrabold", arial;

}

.footer-title-seo {
        font-size: 2.5rem;
        line-height: 1.2; color: #fff;
		 margin: 2.5rem 0 1rem;  font-family: "RFDewi-Ultrabold", arial;
    }

.footer-sub-title {font-size: 1.7rem; line-height: 2rem; margin: 0rem 0 3.5rem 0;
    font-family: "RFDewi-Bold", arial;  color: #fff;}

.seo-footer-text {color: #d0d0d7; margin: 0rem 0 1.5rem 0;}
.seo-footer-text span {display: inline-block; background: #fff; color: #000; font-weight: bold; padding: 0 8px; margin-left: 5px;}

h3.footer-title {
    font-size: 2.125rem;
    line-height: 1.2;
    font-weight: 900;
}

.left_ar { width: 20px; height: 10px; position: absolute; top:43%; left:15%; background: url(../images/left_ar.png) no-repeat; z-index: 2 }
.right_num {width: 40px; text-align: center; height: 10px; position: absolute; top:43%; right:15%; z-index: 2; background: #fff; font-family: "RFDewiExpanded-Regular"; font-size: 0.9rem; color: #25252a; line-height: 0.9rem}

.section-title span, .section-title-seo span {
    display: inline-block;
    position: relative;
    padding: 0 5rem;
}

.btn-wrap .btn {
    position: relative;
}

.btn-wrap .btn:after,
.section-title span:after, .section-title-seo span:after {
    content: '';
    position: absolute;
    left: 100%;
    height: 1px;
    background: #eeefef;
    right: -8888px;
    top: 50%;
}

.section-title span:before, .section-title-seo span:before {
    content: '';
    position: absolute;
    right: 100%;
    height: 1px;
    background: #eeefef ;
    left: -8888px;
    top: 50%;
}

.btn-wrap .btn:after {
    left: calc(100% + 3.75rem);
}

.btn-wrap {
    overflow: hidden;
}


.w-20 {
    width: 20%;
}

.agree {color:#a6a6a8; font-size: 0.9rem; font-family: "RFDewi-Light", Arial; margin-top: 20px!important; }
.custom-checkbox {position: absolute;
    z-index: -1;
    opacity: 0;}

.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}
.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #a6a6a8;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox:checked+label::before {
    border-color: #a6a6a8;
    background-color: #212126;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #ffffff;
}
/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
    background-color: #212126;
    border-color: #ffffff;
}
/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {

}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
    border-color: #a6a6a8;
}
/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
    background-color: #212126;
}


.more {
    font-family: 'Futura PT Book', sans-serif;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 3rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #5a5d61;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;

    margin-top: 1rem;

    float: right;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.more:hover {
    text-decoration: none;
    color: #000;
}

.more-label {
    display: inline-block;
    margin-right: 1rem;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}



.more-btn {
    width: 3.6875rem;
    height: 2.75rem;
    background-image: url("data:image/svg+xml,%3Csvg width='59' height='44' viewBox='0 0 59 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.226 0H47.774L59 22.004L47.774 44H11.226L0 22.004L11.226 0Z' fill='%23FF9C00'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;

    color: #fff;
    text-align: left;
    display: block;
    position: relative;
    margin-left: 2.875rem;
}

.more-btn:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 100%;
    width: 2.875rem;
    height: .125rem;
    background: #5a5d61;

    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.more-btn .icon {
    width: 2.6875rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}


.more:hover .more-btn:before,
.more:hover .more-btn .icon {
    -webkit-transform: translateX(.75rem) translateY(-50%);
    -ms-transform: translateX(.75rem) translateY(-50%);
    -o-transform: translateX(.75rem) translateY(-50%);
    transform: translateX(.75rem) translateY(-50%);
}

.show {
    /* margin-top: 10rem; */
    /* display: inline-block; */
    /* color: #fff; */
    /* text-decoration: none; */
    /* padding-left: 20px; */
}

.showed{
    margin-top: 10rem;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding-left: 20px;
}

.top-dropdown{
    background-color: #424246;
    margin-top: 7px;
    margin-left: -50%;
    border-radius: 15px;
}

.top-dropdown a{
    color: #fff;
    padding: 14px 30px;
    font-size: 15px;
}

.dropdown-toggle{
    color: #fff!important;
}

.top-dropdown a:hover{
    color: #ababab;
    background-color: transparent!important;
}

.show-link {
    color: inherit;
    text-decoration: none;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    -ms-align-items: center;
    align-items: center;
}

.show-link:hover {
    text-decoration: none;
    color: #fff;
}

.show-label {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    margin-right: 1.5rem;
    font-size: 1.3rem;
	line-height: 1.3em;
}

.show-label-seo {
     display: inline-block;
     font-weight: bold;
     color: #fff;
     margin-top:2.5rem;
     font-size: 1.8rem;
     line-height:2rem;
 }

.show-label-complex {
    display: inline-block;
font-family: 'RFDewi-Light', arial;
    color: #fff;
    margin-top:2.5rem;
    font-size: 1.2rem;
    line-height:1.6rem;
}

.wantmore {
    font-size: 1.3rem;
    line-height:1.8rem;
    margin:1rem 0; color: #fff;
}

.bc {margin: 2rem 0}
.breadcrumb {padding:0}

.results { font-size:1.3rem; line-height: 1.3em;}
.results img { margin-right:15px;}

.uds { font-size:1.3rem; line-height: 1.3em; margin-bottom:20px;}
.uds img { margin-right:15px;}

.show:hover .show-label {
    border-color: transparent;
}

.formText {font-size: 1rem; margin:7rem 0 1rem; color:#d0d0d7}


.show-btn {

    display: inline-block;

}

.show-btn .btn { }

.show:hover .show-btn {

}

.show-btn:after {

}

.res_title { font-size:20px;}
.num { font-size:38px; color:#476cba}

.intro {
    height: 44rem;

    /*height: 936px;*/
    position: relative;
    background: #2c2c32 url(../images/header-bg.jpg) center bottom no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

@supports(background:url('../images/header-bg.webp')) {
  .intro {
    background: #2c2c32 url(../images/header-bg.jpg) center bottom contain no-repeat;
  }
}

.intro-seo-ics {
    height: 51rem;

    /*height: 936px;*/
    position: relative;
    background: #2c2c32 url(../images/seo_ics.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.intro-article {
    height: 17rem;
    position: relative;
    background: #2c2c32;
}

@supports(background:url('../images/seo_ics.webp')) {
  .intro-seo-ics {
    background: #2c2c32 url(../images/seo_ics.webp) center no-repeat;
  }
}

.intro-seo-auto {
    height: 51rem;
    position: relative;
    background: #2c2c32 url(../images/seo-bg.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@supports(background:url('../images/seo-bg.webp')) {
  .intro-seo-auto {
    background: #2c2c32 url(../images/seo-bg.webp) center no-repeat;
  }
}

.intro-seo-plitka {
    height: 51rem;
    position: relative;
    background: #2c2c32 url(../images/adv-plitka-bg.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@supports(background:url('../images/adv-plitka-bg.webp')) {
  .intro-seo-plitka {
    background: #2c2c32 url(../images/adv-plitka-bg.webp) center no-repeat;
  }
}

.intro-seo-building {
    height: 51rem;
    position: relative;
    background: #2c2c32 url(../images/adv-build.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@supports(background:url('../images/adv-build.webp')) {
  .intro-seo-building {
    background: #2c2c32 url(../images/adv-build.webp) center no-repeat;
  }
}

.intro-seo {
    height: 51rem;
    position: relative;
    background: #2c2c32 url(../images/seo_bgx2.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@supports(background:url('../images/seo_bgx2.webp')) {
  .intro-seo {
    background: #2c2c32 url(../images/seo_bgx2.webp) center no-repeat;
  }
}


.intro-dev {
    height: 51rem;
    position: relative;
    background: #2c2c32 url(../images/dev_bg.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@supports(background:url('../images/dev_bg.webp')) {
  .intro-dev {
    background: #2c2c32 url(../images/dev_bg.webp) center no-repeat;
  }
}

.intro-shop {
    height: 51rem;

    /*height: 936px;*/
    position: relative;
    background: #2c2c32 url(../images/shop-bg.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@supports(background:url('../images/shop-bg.webp')) {
  .intro-shop  {
    background: #2c2c32 url(../images/shop-bg.webp) center no-repeat;
  }
}

.intro-landing {
    height: 51rem;

    /*height: 936px;*/
    position: relative;
    background: #2c2c32 url(../images/landing-bg.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

/*@supports(background:url('../images/landing-bg.webp')) {
  .intro-landing  {
    background: #2c2c32 url(../images/landing-bg.webp) center no-repeat;
  }
}*/

.intro-adv {
    height: 51rem;

    /*height: 936px;*/
    position: relative;
    background: #2c2c32 url(../images/adv-bg.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@supports(background:url('../images/adv-bg.webp')) {
  .intro-adv  {
    background: #2c2c32 url(../images/adv-bg.webp) center no-repeat;
  }
}


.intro-complex {
    height: 51rem;

    /*height: 936px;*/
    position: relative;
    background: #2c2c32 url(../images/feedback-bg.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@supports(background:url('../images/feedback-bg.webp')) {
  .intro-complex  {
    background: #2c2c32 url(../images/feedback-bg.webp) center no-repeat;
  }
}

.intro-b2b {
    height: 51rem;

    /*height: 936px;*/
    position: relative;
    background: #2c2c32 url(../images/b2b_bg.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@supports(background:url('../images/b2b_bg.webp')) {
  .intro-b2b  {
    background: #2c2c32 url(../images/b2b_bg.webp) center no-repeat;
  }
}

.intro-inner {
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    right: 0;
    padding: 7.5rem 15px;
    z-index: 10;
}

.intro .container, .intro-inner .container {
    position: relative;
}

.intro-title {
    font-size: 3.875rem;
    line-height: 4rem;
    color: #fff; margin-top: 3.2rem;
    font-family: "RFDewi-Ultrabold";
}

.intro-title h1 {font-size: 3.875rem;
    line-height: 4rem;}

.intro-title-seo {font-size: 3.875rem;
    line-height: 4rem;
    color: #fff; margin-top: 12rem;
    font-family: "RFDewi-Ultrabold";}

	.intro-title-article {font-size: 3.875rem;
    line-height: 4rem;
    color: #fff; margin-top: 6rem; margin-bottom: 1rem;
    font-family: "RFDewi-Ultrabold";}

.intro-take { margin-top: 4rem;}
.article-breadcrumbs { color:#fff;}
.article-breadcrumbs a {color:#fff; text-decoration:underline;}

.advantages {
    /*height: 12rem;*/
   /* background: url(../images/advantages.png);*/
    color: #000;
    position: relative;
    overflow: hidden;
    /*padding-top: 2.5rem;*/
    padding-bottom: 3rem;
}

@supports(background:url('../images/advantages.webp')) {
  .advantages  {
   /* background: url(../images/advantages.webp);*/
  }
}

.seo-services {
    /*height: 12rem;*/
    /*background: url(../images/advantages.png);*/
	background:#f9f9f9;
    color: #000;
    position: relative;
    overflow: hidden;
    padding-top: 2.5rem;
    padding-bottom: 3rem;
}

.seo-services .right_num { background:#f9f9f9}
.services-seo-block {background:#f9f9f9}
.vid-services .right_num { background:#f9f9f9}

.vid-services .block-after {top:200px !important; padding-right: 40px}

.services { background: #f9f9f9;
    color: #000;
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 3rem;}

.reviews { margin-bottom: 8rem}

.portfolio, .reviews { background: #ffffff;
    color: #000;
    position: relative;
    padding-top: 2.5rem;
    }

	.reviews_slide {padding:20px 30px; background:#f2f3f4}
	.review_name { font-size:1.3rem; font-family:'RFDewi-Semibold', arial; color:#25252a; margin-bottom:5px;}
	.review_work {color:#476cba; font-size:1.1rem; font-family: 'RFDewi-Bold', arial;}
	.review_text {line-height: 1.4em;  color:#48484f; font-size:1.1rem; overflow: auto; height:150px; -webkit-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;}
	.review_date {color:#acadae; }
	.review_more a {color:#acadae; -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;}
	.review_more a span {border-bottom:1px dotted #acadae}
	.review_more a:hover {text-decoration:none; color:#000}
	.reviews_slider .slick-arrow, .command-slide .slick-arrow  { position:absolute; width:16px; height:26px; border:0; content:""; font-size:0}
	.reviews_slider .slick-prev, .command-slide .slick-prev {top:50%; left:-30px; /*background:url(../images/prev.png) no-repeat*/}
	@supports(background:url('../images/prev.webp')) {
  .reviews_slider .slick-prev, .command-slide .slick-prev  {
    /*background: url(../images/prev.webp) no-repeat;*/
  }
}
	.reviews_slider .slick-next, .command-slide .slick-next {top:50%; right:-30px; /*background:url(../images/next.png) no-repeat*/}
	@supports(background:url('../images/prev.webp')) {
  .reviews_slider .slick-next, .command-slide .slick-next  {
    /*background: url(../images/next.webp) no-repeat;*/
  }
}

	.slick-prev:before, .slick-next:before {content:""}
	.slick-dots { bottom:-35px;}
	.slick-dots li button:before { font-size:7px; border:4px solid #fff; border-radius:10px; line-height:8px; width:14px; height:14px;}
	.slick-dots li.slick-active button:before {border:4px solid #ced9e8; color:#476cba}

.dovkomf {background: #ffffff url(../images/arrows_bg.jpg) no-repeat top center; background-size: cover;  position: relative; }
	@supports(background:url('../images/arrows_bg.webp')) {
  .dovkomf  {
    background: #ffffff url(../images/arrows_bg.webp) no-repeat top center;
  }
}

.comfort {background: #f9f9f9 url(../images/comfort.jpg) no-repeat top center; background-size: cover;  position: relative; padding-bottom: 5rem}
@supports(background:url('../images/comfort.webp')) {
  .comfort  {
    background: #f9f9f9 url(../images/comfort.webp) no-repeat top center;
  }
}
.comf_img { margin: 3rem 0 2rem}
.comf_title { font-family: 'RFDewi-Bold', arial; font-size: 1.4rem }
.comf_title:after {
        content: "";
         display: block;
           width: 52px;
          height: 4px;
           background-color: #476cba;
         margin-top: 17px;
         margin-bottom: 30px;}
.comf_text { font-size: 1.05rem}
.dolj { color:#999;}

.block-after {  position: absolute; display: block; top:50%; font-family: 'RFDewiExpanded-Regular', Arial; text-transform: uppercase; color: #25252a;
 -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); white-space: nowrap; border-bottom: 1px solid #e9e9e9; padding-right: 65px;
}

.advantages-title { font-size: 1.5rem; font-family: 'RFDewi-Bold', arial; position: relative; }
.advantages-title:after {content: ""; display: block; width: 52px; height: 4px; background-color:#476cba; margin-top: 17px; margin-bottom: 20px;  }
.advantages-text {color:#48484f; line-height: 1.5rem; margin-bottom: 2.2rem}

.section-title-services {margin: 3.5rem 0 4.5rem; }
.section-title-inner {margin: 0rem 0 4.5rem; }
.services .block-after {z-index:4; top:25px;}
.form-title {margin: 1rem 0 1rem; font-size:2.1rem; font-family: 'RFDewi-Black', arial;}

.fancybox-content .form-control { border:1px solid #ccc; height:auto !important; padding:1rem 1.5rem}

.service1 { background: #40404a url(../images/web.jpg) no-repeat right; background-size: cover; color: #fff;}
.service2 { background: #e3e6e8 url(../images/seo.jpg) no-repeat right; background-size: cover; color:#25252a}
.service3 { background: #d3d7da url(../images/smm.jpg) no-repeat right; background-size: cover; color:#25252a;}
.service4 { background: #e3e6e8 url(../images/crm.jpg) no-repeat right; background-size: cover; color:#fff;}
.service_in { padding: 40px; }
.service_title { font-size: 2rem; font-family: 'RFDewi-Bold', arial; position: relative; line-height: 2rem   }
.service_title h3 {font-size: 2rem; line-height: 2rem}
.service_title:after {content: ""; display: block; width: 52px; height: 4px; background-color:#476cba; margin-top: 17px; margin-bottom: 30px;}

.service_seo_title { font-size: 1.7rem; font-family: 'RFDewi-Bold', arial; position: relative; line-height: 1.7rem   }
.service_seo_title:after {content: ""; display: block; width: 52px; height: 4px; background-color:#476cba; margin-top: 17px; margin-bottom: 15px;}

.service_seo_subtitle { font-size: 1.4rem; font-family: 'RFDewi-Bold', arial; line-height: 1.5rem; color:#476cba;   }
.service_seo_result {font-size: 1.7rem; font-family: 'RFDewi-Bold', arial; line-height: 1.7rem; margin:30px 0 10px 0}

.service_seo_ul { padding-left:18px; margin-bottom:30px;}
.service_seo_ul li { list-style-image: url(../images/res_galka.png); line-height: 1.5em; margin-bottom: 7px;}

.service_text {line-height: 1.5rem; margin-bottom: 5rem}
.service_but { display: inline-block; border: 2px solid #6080c3; color: #476cba; font-family: 'RFDewi-Bold', arial; padding: 1rem 2.5rem; -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease; }

.service_but:hover {background: rgb(105,135,199);
    background: linear-gradient(180deg, rgba(105,135,199,1) 0%, rgba(77,113,188,1) 100%); color: #fff; text-decoration: none;}

.izchego_item{ padding-left:35px; position:relative;}
.izchego_item_before { position:absolute;top:25px; left:-15px; color:#dcddde;font-family: 'RFDewi-Bold', arial; font-size: 2.1rem;}
.izchego_item_price {color:#dcddde;font-family: 'RFDewi-Bold', arial; font-size: 2.1rem; margin-top: 20px;}
.izchego_title { font-family: 'RFDewi-Bold', arial; font-size: 1.4rem;}
.izchego_title:after {content: ""; display: block; width: 52px; height: 4px; background-color:#476cba; margin-top: 17px; margin-bottom: 25px;}
.izchego_text {color:#48484f; font-size: 1.1rem; line-height:1.5rem}
.izchego_text_dev {color:#48484f; font-size: 1.2rem; line-height:1.5rem; margin-bottom: 1rem}

.workContainer {overflow: hidden;}
.work-categories { text-align: center; margin-bottom: 45px; font-family: 'RFDewi-Bold', arial; }
.work-categories a {display: inline-block; margin: 0 23px; color:#48484f}
.work-categories a.active, .work-categories a:hover {color: #476cba; text-decoration: underline}

.work { background-size: cover; padding: 19.8rem 4rem 3rem 8rem;   -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease; display: block; height:436px; }

.workseo { background-size: cover; padding: 11.4rem 19rem 11.4rem 3rem;   -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease; display: block; min-height:550px;}

.article { background-size: cover; padding: 12.8rem 4rem 3rem 4rem;   -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease; display: block; max-height:300px;}

.text-white {color:#fff;}
.text-white a {color:#fff;}
.text-black {color: #25252a;}
.text-black a {color:#000;}

.text-white a, .text-black a {text-decoration: none;}

.work-title {font-family: 'RFDewi-Black', arial; font-size: 22px; line-height:28px; margin-bottom: 8px}
.work-subtitle {font-size: 17px;}
.work:hover, .workseo:hover { -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); text-decoration: none;
}

.article:hover { -ms-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02); text-decoration: none;
}


@media (max-width: 575.98px) {

	.intro {background-size:cover;}

.work { background-size:100% contain !important; padding:5rem 3rem !important; height:auto; }
.cat-link { width:100%; display:block; padding:5px}

.workseo { padding: 2rem 5rem 5rem 3rem;   -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease; display: block; margin-bottom:4rem; min-height:auto;}

.work-title {font-family: 'RFDewi-Black', arial; font-size: 22px; line-height:28px; margin-bottom: 4rem; }
.work-subtitle { margin-right: 12rem;}
}

.seotext { font-size:16px; line-height:24px;}

.client {background: rgba(73,77,92,0.05); height: 166px; width: 100%; border-bottom: 6px solid #476cba; -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease; }
.client:hover {background: rgba(73,77,92,0.1);}


.footer-feedback {background: #29292e url(../images/feedback-bg.jpg) no-repeat top center; background-size: cover;  position: relative; padding: 0 0 5rem 0}
@supports(background:url('../images/feedback-bg.webp')) {
  .footer-feedback  {
    background: #29292e url(../images/feedback-bg.webp) no-repeat top center;
  }
}
.footer-feedback .form-group {border-bottom: 2px solid #476cba}
.footer-feedback .form-group input, .footer-feedback .form-group textarea { background:#323239; color:#fff; }
.footer-feedback .form-group input::placeholder, .footer-feedback .form-group textarea::placeholder {color: #fff}

.seo-footer-feedback {background: #29292e url(../images/seo_footer.jpg) no-repeat top center; background-size: cover;  position: relative; padding: 0 0 5rem 0}
@supports(background:url('../images/seo_footer.webp')) {
  .seo-footer-feedback  {
    background: #29292e url(../images/seo_footer.webp) no-repeat top center;
  }
}
.seo-footer-feedback .form-group {border-bottom: 2px solid #476cba; margin-right: 30px!important;}
.seo-footer-feedback .form-group input[type=text], .seo-footer-feedback .form-group input[type=tel] { background:#bebec2; color:#25252a; }
.seo-footer-feedback .form-group input::placeholder {color: #25252a}
.seo-footer-feedback .form-control {height:auto; padding: 1.55rem 3rem;}

.header-form .form-group {border-bottom: 2px solid #476cba; margin-right:30px;}
.header-form .form-control { height:auto !important; padding: 0.9rem 2rem;}
.header-form .form-group input { background:#bebec2; color:#25252a;}
.footer-feedback .form-group textarea {}
.header-form .form-group input::placeholder {color:#25252a;}

.page-footer-top { background: #ccd1d4 url(../images/footer.jpg) no-repeat center center; padding: 5rem 0 2.5rem}
@supports(background:url('../images/footer.webp')) {
  .page-footer-top  {
    background: #ccd1d4 url(../images/footer.webp) no-repeat center center;
  }
}
.copy { color: #74747c; font-size:0.9rem; font-family: "RFDewi-Light", Arial; }
.footer-logo { margin: 3rem 0 1.5rem}
.adritem { margin-bottom: 0.3rem}
.footer-copy {color:#74747c; font-size: 0.9rem}

.fancy-modal { display: none}
.section-title-about-us { margin: 0 !important;}

.table {
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #d2d2d2;
    background: #fff;
}


.table thead th {
    border-top: none;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}

.table th {
    font-size: 1.375rem;
    line-height: 3.9625rem;
    font-weight: 500;
    padding: 0px 1.5rem;

    white-space: nowrap;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #f7f8f8;
}


.table td {
    font-size: 1.125rem;
    color: #5a5d61;
    font-weight: 600;
    line-height: 3.9625rem;
    padding: 0 1.5rem;
    text-align: center;
    border-color: #d2d2d2;
    border-left: 1px solid #d2d2d2;
}



.btn-up {
    display: block;
    width: 2.625rem;
    height: 2.625rem;
    background: #4a5159;
    color: #888;
    position: relative;
    margin-top: 2.625rem;
}

.btn-up:hover {
    color: #fff;
}


.address { font-size:1.1rem; color:#25252a; font-family: 'RFDewi-Bold', arial;}
.address a {color:#25252a}

.phones {color:#25252a; font-size:1.4rem; font-family: 'RFDewi-Black', arial;}
.phones a {color:#25252a; display: inline-block; margin-right: 24px;}

.soc {display: inline-block; width: 50px; height: 50px; background: #fff; text-align:center; border-radius: 25px; margin: 0 10px}

/*------------------------------------------------------------------------------------------*/
/*  MEDIA QUERIES */
/*------------------------------------------------------------------------------------------*/


@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
    }

}


@media (min-width: 1600px) {

    .navbar-collapse {
        margin-left: -1.25rem;

        padding-top: 5px;
    }

    .top-contacts { padding-top: 5px;}

    .cb {
        margin-left: 3rem;
    }

    .page-header .contact {
        margin-left: 4.25rem;
    }
}


@media (max-width: 1600px) {
    html {
        font-size: 14px;
    }

    .container {
        padding: 0 2rem;
    }

 .block-after {display: none;}

}


@media (max-width: 1366px) {
    html {
        font-size: 12px;
    }

    .container {
        max-width: 100%;
    }
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

    .navbar-brand {
        max-width: 100%;
        width: 100%;
    }
     .block-after {display: none;}


}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

 .block-after {display: none;}
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .container {
       /* padding-left: 7rem;
        padding-right: 15px;*/
    }


    .intro-title {
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .show {

        line-height: 1.5rem;
    }

    .intro, .intro-seo, .intro, .intro-seo-auto  {
        height: 40rem;
    }

	.intro-article { height:20rem}


    .section-title, .section-title-seo {
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .footer-title {
        font-size: 2.5rem;
        line-height: 1.2;
    }


    .navbar-collapse-wrap {
        position: absolute;
    }


    .navbar-collapse {
        top: 0;
        left: auto;
        right: 0;
        position: fixed;
        z-index: 9989;
        display: block !important;
        height: 100% !important;
        width: 80%;
        background: #616c79;
        padding: 2.5rem 15px;
        -webkit-transition: all .4s ease-in-out;
             -o-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;

        -webkit-transform: translateX(110%);
            -ms-transform: translateX(110%);
             -o-transform: translateX(110%);
                transform: translateX(110%);

    }
    .navbar-collapse.show {
        -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
             -o-transform: translateX(0%);
                transform: translateX(0%);

        -webkit-transition: all .4s ease-in-out;
             -o-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
    }


}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

    .navbar {
        height: 70px;
    }

    .section-head-inner { margin-top:7rem}
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

.show-label {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    margin-right: 1.5rem;
    font-size: 1rem;
    line-height: 1.3em;
    margin-top: -35px;
}

.intro-title {
    font-size: 2.5rem;
    line-height: 3rem;
}

.intro-title h1 {
    font-size: 2.5rem;
    line-height: 3rem;
}

    .section-title, .section-title-seo {
        font-size: 2.0rem;
        line-height: 1.2;
    }


    .intro-title-seo {margin-top: 7rem; font-size: 2.5rem; line-height: 2.5rem; }
	 .intro-title-seo h1 {font-size: 2.5rem; line-height: 2.5rem;}
    .intro-seo-inner { background: rgba(0,0,0,0.4);  padding-bottom: 4.6rem;}
    .show-label-seo {font-size: 1.3rem;  line-height: 1.8rem;}
    .formText {margin: 2rem 0 1rem;}
    .btn { padding: 1.1rem 2.65rem;}
    .offer-title {font-size: 2.0rem;}
    .izchego_item { margin-bottom: 20px;}
    .section-title-seo-pro {margin: 2rem 0 2rem !important}

    .results { font-size: 1.7rem; line-height: 2rem; margin-bottom: 20px;}
    .section-title-seo {margin: 2.5rem 0 3.5rem;}
    .years-line { width:170px; padding: 0 14px; }
    .show { padding-left: 0 !important; }
    .intro, .intro-seo, .intro-seo-auto { background-position: center right}
    .left_ar { left:5%; top:41%;}
    .right_num { right:5px; top:42%;}
    .section-title span, .section-title-seo span { padding:0 3rem}
    .block-after {display: none;}
    .service_but { background: rgba(44,44,51,0.6); color: #fff}
    .portfolio { padding-top: 0}
    .client {margin-bottom: 25px;}
    .navbar {padding: 0 15px}
.services-seo-block { padding-bottom: 2rem}
    .btn-large {
        padding: 1.7rem 3.65rem;}
}


@media (max-width: 330px) {
.show-label-seo {font-size: 1rem;  line-height: 1.8rem; margin-top:1.5rem}
.formText { margin: 1rem 0 1rem}
}

.social-link {
	transition: 0.2s;
}
.social-link:hover {
	opacity:0.5;
}


.izchego_text_sub{
    line-height: 1.5em;
}

.izchego_text{
    line-height: 1.7em;
}

.izchego_text_dev{
    line-height: 1.4em;
}

.izchego_title{
    line-height: 1.3em;
}

/* .seo-text{
    line-height: 1.3em;
} */
.seo-text p{
    line-height: 1.2em;
}