/* плавное изменение прозрачности placeholder-а при фокусе */
input[type="text"]::-webkit-input-placeholder {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="text"]::-moz-placeholder {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="text"]:-moz-placeholder {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="text"]:-ms-input-placeholder {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="text"]:focus::-webkit-input-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="text"]:focus::-moz-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="text"]:focus:-moz-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="text"]:focus:-ms-input-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="tel"]::-webkit-input-placeholder {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="tel"]::-moz-placeholder {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="tel"]:-moz-placeholder {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="tel"]:-ms-input-placeholder {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="tel"]:focus::-webkit-input-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="tel"]:focus::-moz-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="tel"]:focus:-moz-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
input[type="tel"]:focus:-ms-input-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
body{font-family: "GothamProRegular", "Helvetica Neue",Helvetica,Arial,sans-serif;}
.fa{
    font-family: "FontAwesome";
    font-weight: normal!important;
}
button:hover{
	cursor: pointer;
}
div[id^="containerRecaptcha_"] {
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
}
/* PRELOADER */
.loader-container {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  background-color: #fff;
  background-image: url(../img/preloader/background.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 2.04vw "GothamProRegular";
}
.hamburger-btn{
	margin-top: 0.5vw;
}
.loader-container .logo{
    background-image: url(../img/preloader/logo.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 30rem;
    height: 7rem;
    margin-top: -7rem;
    margin-bottom: 4rem;
}
.loader{
  margin: 0 auto;
  width: 20rem;
  height: 0.5rem;
  border-radius: 1rem;
  border: none;
  overflow: hidden;
  position: relative;
  background-color: rgba(255, 255, 255, 0.4)
}
.progress-bar{
  height: inherit;
  width: 0%;
  border-radius: inherit;
  position: relative;
  overflow: hidden;
  background-image: none!important;
  background-color: #DA2F3E;
}
.progress-stripes{
  width: inherit;
  height: inherit;
  font-size: 18rem;
  font-weight: bold;
  margin-top: -5rem;
  letter-spacing: -1.4rem;
}
.loader-container span{
    font-size: 2rem;
    color: #fff;
    margin-top: 3rem;
}
.header-cart-link:hover+.header-basket path{
	fill:#2B77FB;
}
@media(min-width: 768px){
    .loader-container .logo{
       width: 29.375vw;
       height: 8.8vw;
       margin-top: -7.2vw;
       margin-bottom: 4.73vw;
   }
   .loader{
        width: 18.28vw;
        height: 0.26vw;
        border-radius: 2vw;
    }
    .loader-container span{
        font-size: 1.14vw;
        margin-top: 1.5625vw;
    }
}
.percentage{
    position: absolute;
    right: 2.08vw;
    font-size: 16.77vw;
    bottom: 2vh;
    color: rgba(255, 255, 255, 0.1);
    font-family: "GothamProBold";
    margin-top: 1.5625vw;
}
/* PRELOADER END*/
.slide h1,
.slide h2{
    font-size: 2.6rem;
    font-family: 'GothamProBold';
}
body.loading{
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}
body {margin: 0; overflow-x: clip;}
@media(min-width: 768px){
    .slide h1,
    .slide h2{font-size: 2.7vw;}
    body{
        font-size: 0.72vw;
        line-height: 1.04vw;
    }
    body.menu-open{overflow: hidden;}
    .slide-container{
        margin-top: 4.5vw;
        margin-left: 6.72vw;
        margin-right: 1.04vw;
        margin-right: 0;
    }
}
:focus {outline: none}
.nopadding {padding: 0 !important}
.nomargin {margin: 0 !important}
.text-white {color: #fff}
.display-flex {
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 15px 0;
}
.navbar-fixed-bottom, .navbar-fixed-top {z-index: 990;}
.header-menu-container .text_right{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.text_right {text-align: right;}
.heading_cnt{
    margin-top: 8vw;
    margin-left: 7.1vw;
    width: 45%;
    margin-top: 4.5vw;
    margin-left: 6.72vw;
}
/* МОДАЛЬНОЕ ОКНО */
.modal-body input,
.modal-body textarea {
	width: 100%;
	margin-bottom: 20px;
}
.modal-footer input {width: 100%;}
/* END МОДАЛЬНОЕ ОКНО */
.red-button,
.red-button:focus,
a.red-button,
a.red-button:focus{
    background-color: #da2f3e;
    color: #fff;
    font-size: 1.6rem;
    outline: none;
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    margin-bottom: 1rem;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border: none;
    text-decoration: none;
}
.red-button:hover {background-color: #a2222d; color: #fff}
@media(min-width: 768px){
    .red-button,
    .red-button:focus,
    a.red-button,
    a.red-button:focus{
        font-size: 0.93vw;
        padding: 1.14vw 2.6vw;
        border-radius: 2vw;
        margin-bottom: 0;
    }
}
/* HEADER */
.header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.navbar-fixed-top {
    background-color: #fff;
    padding: 0 15px;
}
@media(min-width: 560px){
    .navbar-fixed-top{
        padding: 15px;
        -webkit-transition: padding 0.2s linear;
        -o-transition: padding 0.2s linear;
        transition: padding 0.2s linear;
    }
    .header-scrolling{
        padding: 0 15px;
    }
}
@media(min-width: 768px){
    html:not(.main-page) .navbar-fixed-top {

        padding-left: 2.1vw;
        padding-right: 2.1vw;

    }
    html.main-page .navbar-fixed-top {
        background-color: transparent;
        top: 1.4vw;
        left: 2.1vw;
        right: 2.1vw;
        padding: 0px;
    }
    .navbar-fixed-top {
        background-color: transparent;
    }
    .navbar-fixed-top.header-scrolling,
    .portfloio-page .navbar-fixed-top {
        background-color: #fff;
    }
}
@media(max-width: 767px){
    .header{
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        z-index: 991;
        width: 100%;
        height: 70px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 15px;
        background-color: #fff;
        border-bottom: 1px solid #e6e6e6;
		}
		.hamburger-btn svg{
			width: 3rem !important;
		}
		.toggle-menu-close svg{
			width: 1.4rem;
		}
		.toggle-menu-close:hover{
			opacity: .5;
		}
		.header-cart-btn,
		.header-phone-personal{
			display: none !important;
		}
		.header-cart-btn-inner{
			width: auto !important;
		}

    .header-menu-container{margin-top:13px}
    .header-logo-container{
			width: 100%;
        max-height: 70%;
        height: 55px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
								align-items: center;
				justify-content: space-between;
        max-width: auto;
    }
    .header-logo-container img{
        height: auto;
        max-height: 55px;
    }
    .logo_cnt{
        width: auto;
        max-width: auto;
    }
}
html:not(.main-page) .header-menu-container .text_right{line-height: 0;}
.header-mobile-menu {
    padding-top: 0px;
    padding: 0 1.5rem ;
    position: fixed;
    z-index: 990;
    top: 55px;
    overflow: hidden;
    height: 100vh;
    max-height: calc(100vh - 55px);
    background-color: #fff;
    -webkit-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
        transform: translateY(-100vh);
    will-change: transform;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    width: 100%;
}
.menu-open .header-mobile-menu{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
    overflow-y: auto;
}
.header-mobile-menu-list {
    max-height: calc(100% - 100px);
    width: 100%;
    border-bottom: 2px solid rgba(224, 225, 225, 0.45);
    padding-left: 0;
}
.header-mobile-menu-item {
    color: #000;
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    margin-bottom: 2.5rem;
    text-align: right;
    position: relative;
}
.header-mobile-menu-link:before{
    content: '';
    position: absolute;
    right: 1rem;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 0.2rem;
    width: 0;
    background-color: #D83142;
    -webkit-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    transition: width 0.3s linear;
}
.header-mobile-menu-item.selected .header-mobile-menu-link:before,
.header-mobile-menu-link:hover:before{
    width: 100%;
}
.header-mobile-menu-link > span{
    background-color: #fff;
    position: relative;
    padding-left: 1.3rem;
}
.header-mobile-menu-link {
    color: inherit;
    text-decoration: none;
    font-size: 2rem;
    line-height: 1.3rem;
    padding: .5rem 0;
    position: relative;
    display: block;
}
.header-mobile-menu-link,
.header-mobile-menu-link:focus{
    color: #000;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    text-decoration: none;
}
.header-mobile-menu-link:hover,
.header-mobile-menu-link:active,
.header-mobile-menu-link:active:focus,
.header-mobile-menu-link:active:hover,
.header-mobile-menu-item.selected .header-mobile-menu-link{
    text-decoration: none;
    color: #da2f3e;
    font-family: "GothamProBold";
}
.humburger-menu-button{

}
.header-cart-btn{
	margin: 0 1.6vw 0 5.26vw;
}
.toggle-menu-cart-block .header-cart-btn{
	margin: 0;
}
.header-cart-btn-inner{
    margin: 0 auto;
    position: relative;
    width: 1.7vw;
}
.header-cart-btn-inner-toggle{
	margin-left: auto;
	position: relative;
    width: 1.7vw;
}
.cart-count{
    background-color: #da2f3e;
    color: #fff;
    font-family: "GothamProBold";
    font-size: 0.6777vw;
    width: 1.09vw;
    height: 1.09vw;
    position: absolute;
    bottom: -0.15vw;
    right: -0.45vw;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.header-phone-personal{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
    position: relative;
}
.header-personal,
.header-personal:focus{
    display: block;
		margin-top: 0.3125vw;
		color: #474747;
		text-decoration: underline;
}
.header-personal > .fa{
    color: #D83142;
    padding-right: 0.41vw;
    font-size: 1.2vw;
}
.white-title-gradient-background-page .header-personal > .fa{
    color: #D83142;
}
.header-personal:hover,
.header-personal:active,
.header-personal:active:hover,
.header-personal:active:focus{
    color: #D83142;
}
.header-cart-link{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
	bottom: 0;
	z-index: 999999999999;
}
.header-mobile-menu-bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.header-mobile-menu-bottom-email,
.header-mobile-menu-bottom-email:focus{
    color: #A6A6A6;
    display: block;
    font-size: 1.6rem;
    margin-top: 0.5rem;
}
.header-mobile-menu-bottom-email:hover,
.header-mobile-menu-bottom-email:active:hover,
.header-mobile-menu-bottom-email:active:focus,
.header-mobile-menu-bottom-email:active{
    color: #717070;
}
@media(min-width: 768px){
    .header-mobile-menu-item {
        margin-bottom: 3.18vw;
    }
    .header-mobile-menu-bottom{
        padding-right: 4.11vw;
    }
    .header-mobile-menu-link {
        font-size: 1.14vw;
        line-height: 0.7vh;
        padding: 0.26vw 0;
    }
    .header-mobile-menu-link > span{
        padding-left: 0.677vw;
    }
    .personal-page .header-logo-container:after{
        width: 50vw;
        left: 25vw;
    }
    html:not(.main-page) .header-logo-container:after{
        top: 2.4vw;
        -webkit-transition: top 0.3s linear;
        -o-transition: top 0.3s linear;
        transition: top 0.3s linear;
        left: 23vw;
    }
    html:not(.main-page) .header-scrolling .header-logo-container:after{
        top: 2.1vw;
    }
    .header-mobile-menu {
        top: 0px;
        -webkit-transform: translateX(26.09vw);
        -ms-transform: translateX(26.09vw);
            transform: translateX(26.09vw);
        width: 26.09vw;
        padding: 3.17vw 0 0;
        right: 0px;
        border-left: 1px solid #dee1e0;
        max-height: 100vh;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .header-mobile-menu .navbar-toggle{
        margin: 0px;
    }
    .menu-open .header-mobile-menu{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
        right: 0;
        border-left-width: 0.05vw;
        -webkit-box-shadow: 0 0 26px rgba(0, 0, 0, 0.5);
                box-shadow: 0 0 26px rgba(0, 0, 0, 0.5);
    }
    .header-mobile-menu-list {
        padding: 3.77vw 4.11vw 1vw 0;
        max-height: calc(100% - 5.2vw);
        overflow-x: auto;
        width: 100%;
        margin: 0;
    }
    html:not(.main-page) .header-scrolling{
        padding: 1.1vw 2.1vw;
        border-bottom: 0.05vw solid #dee1e0;
        -webkit-transition: padding 0.3s linear;
        -o-transition: padding 0.3s linear;
        transition: padding 0.3s linear;
    }
    .header-phone-personal{
        margin-top: -0.1vw;
    }
    .header-mobile-menu-bottom{
        padding-top: 2vw;
    }
    .header-mobile-menu-bottom-email{
        font-size: 1.04vw;
        margin-top: 0.26vw;
    }
    .header-mobile-menu-item .header-mobile-menu-link:before{
        height: 2px;
    }
}
/*Common styles*/
.common_cnt{
    background-color: #fff;
    height: 100vh;
    width: 100%;
    position: relative;
    font: 14px 'GothamProRegular';
    color: #212121;
}
.bg_chart {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background-image: url(../img/chart.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
}
.phonenum,
.phonenum:focus {
    font: 1.8vw 'GothamProBold';
    color: #18181a;
    display: block;
    padding-left: 2.1vw;
    background-color: #D83142;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    position: relative;
    padding: 0.57vw 1vw 0.57vw 3.68vw;
}
.red {color: #da2f3e;}
.phonenum:hover{
    text-decoration: none;
    color: #fff;
    background-color: #a2222d;
}
.phonenum:before{
    content: '\f095';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    -webkit-transform: scale(-1, 1) translateY(-50%);
    -ms-transform: scale(-1, 1) translateY(-50%);
        transform: scale(-1, 1) translateY(-50%);
    left: 1vw;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 1.6vw;
}
a {color: #2a73a2;}
.heading_cnt h1, .experts-container h2 {
    font: 2.7vw 'GothamProBold';
    margin: 0 0 2.6vw;
}
.note{
    line-height: 1.875vw;
    font-size: 1.05vw;
    color: #616161;
    margin-bottom: 1.875vw;
}
.heading_cnt {position: absolute;}
.slide {
    position: relative;
    width: 100%;
}
@media(min-width: 768px){
    .common_cnt{font: 0.73vw 'GothamProRegular';}
    .cnt_bordered {
        height: 100%;
        width: 102%;
        overflow: auto;
    }
    .phonenum,
    .phonenum:focus{
        font-size: 0.8vw;
        padding: 0.5729vw 0.9895vw 0.5729vw 2.6562vw;
    }
    .phonenum:before{
        left: 0.9895vw;
        font-size: 1.04vw;
    }
    .slide {height: 100%;}
    html:not(.main-page) .slide{/*height: 49.375vw;*/ height: 100vh;}
}
/* hamburger btn */
button.navbar-toggle {
    border: none;
    margin: 0;
    display: block;
    border-radius: 0;
    padding: 0;
    margin-left: 1.25vw;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
    width: 30px;
    height: 30px;;
    position: relative;
}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
.navbar-toggle .icon-bar{-webkit-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;}
.navbar-toggle .icon-bar:before{
    content: '';
    width: 24px;
    height: 2px;
    background-color: #da2f3e;
    display: block;
    position: absolute;
    transition: transform 350ms,top 500ms 350ms,bottom 500ms 350ms,-webkit-transform 350ms;
}
.navbar-toggle .icon-bar:after{
    content: '';
    width: 24px;
    height: 2px;
    background-color: #da2f3e;
    display: block;
    position: absolute;
    transition: transform 350ms,top 500ms 350ms,bottom 500ms 350ms,-webkit-transform 350ms;
}
.navbar-toggle .icon-bar:before{top: -6px;}
.navbar-toggle .icon-bar:after{bottom: -6px;}
button.navbar-toggle .icon-bar {
    background-color: #da2f3e;
    display: block;
    height: 2px;
    width: 24px;
    position: relative;
}
.header-mobile-menu .navbar-toggle .icon-bar,
.menu-open .navbar-toggle .icon-bar{background-color: transparent;}
.header-mobile-menu .navbar-toggle .icon-bar:before,
.header-mobile-menu .navbar-toggle .icon-bar:after,
.menu-open .navbar-toggle .icon-bar:before,
.menu-open .navbar-toggle .icon-bar:after{
    transition: transform 350ms 500ms,top 500ms,bottom 500ms,-webkit-transform 350ms 500ms;
    top: 0;
    bottom: 0;
    width: 24px;

}
.header-mobile-menu .navbar-toggle .icon-bar:before,
.header-mobile-menu .navbar-toggle .icon-bar:after{
    background-color: #212121;
}
.menu-open .navbar-toggle .icon-bar:before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.menu-open .navbar-toggle .icon-bar:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
@media(max-width: 767px){
    button.navbar-toggle{margin-top: -11px;}
}
@media(min-width: 768px){
    button.navbar-toggle {
        -webkit-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
                transform: scaleX(-1);
        width:  1.67vw;
        height:  1.67vw;
        /*padding: 1.2vh 1.04vw 1.04vw 0;*/
        padding: 0vw 1.04vw 0vw 0;
        margin-top: -0.2vw;
    }
    .navbar-toggle .icon-bar:before{top: -0.41vw;}
    .navbar-toggle .icon-bar:after{bottom:  -0.41vw;}
    button.navbar-toggle .icon-bar,
    .navbar-toggle .icon-bar:after,
    .navbar-toggle .icon-bar:before{
        height:  0.1vw;
        width:  1.25vw;
    }
    .header-mobile-menu .navbar-toggle .icon-bar:after,
    .header-mobile-menu .navbar-toggle .icon-bar:before{
        height:  0.2vw;
        width:  1.97vw;
        border-radius: 30px;
    }
    .header-mobile-menu .navbar-toggle{
        margin-left: 3.38vw;
    }
}
@media(min-width: 768px) and (max-width: 991px) and (min-height:1000px){
    .navbar-toggle .icon-bar:before,
    .navbar-toggle .icon-bar:after{
        height: 0.29vh;
         width: 1.75vw;
    }
    .navbar-toggle .icon-bar:before{top:  -0.8vh;}
    .navbar-toggle .icon-bar:after{bottom:  -0.8vh;}
    button.navbar-toggle .icon-bar {
	height:  0.3vh;
	width:  2.25vw;
    }
 }
/*navigation*/
.navigation {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 1.55vw;
    z-index: 9;
}
.navigation ul {
    list-style: none;
    padding-left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.navigation ul:before{
    content: '';
    height: 100%;
    width: 0.053vw;
    min-width: 1px;
    background-color: #dee1e0;
    position: absolute;
    left: 0.63vw;
    z-index: -1;
}
.navigation ul li{
    font: 0.85vw 'GothamProBold';
    cursor: pointer;
    height: 1.2vw;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}
.navigation ul li.active,
.navigation ul li:hover {
    padding-left: 3.5vw;
    position: relative;
    color: #da2f3e;
    font-size: 1.05vw;
}
.navigation ul li.active:before,
.navigation ul li:hover:before{
    content: '';
    display: block;
    width: 1.09vw;
    height: 1.09vw;
    background-image: url(../img/plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0.1vw;
    top: 0.1vw;
    bottom: 0;
    margin: auto;
    z-index: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.navigation ul li.active:after,
.navigation ul li:hover:after{
    content: '';
    display: block;
    width: 4.2vw;
    height: 0.05vw;
    background-color: #d3d4d4;
    position: absolute;
    left: -1.5vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    min-height: 1px;
}
.navigation ul li + li{margin-top: 4.2vh;}
.navigation-empty-block-top{height: 7.4vw;}
.navigation-block-middle{
    height: calc(100% - 38vh);
    position: relative;
    padding-top:  3.65vw;
    padding-bottom: 0.94vw;
    margin-top: 14.97vh;
}
.header-logo-container img:before{
    content:'';
    background-color: #d3d4d4;
    height: 1px;
    width: 20px;
    position: absolute;
}
@media(min-width: 768px){
    .header-logo-container img{
        max-width: 7.4vw;
        width: 7.4vw;
    }
}
/* toBottom button */
.tobottom {
    position: fixed;
    bottom:  2.1vw;
    left: 1.55vw;
    z-index: 2;
    cursor: pointer;
}
.tobottom span {
    font-family: 'GothamProMedium';
    display: block;
    -webkit-transform-origin: 3.05vw -2vw;
        -ms-transform-origin: 3.05vw -2vw;
            transform-origin: 3.05vw -2vw; /* Safari */
    -webkit-transform: rotate(90deg); /* Firefox */
    -moz-transform: rotate(90deg); /* IE */
    -ms-transform: rotate(90deg); /* Opera */
    -o-transform: rotate(90deg); /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    color: #da2f3e;
}
.tobottom:hover {
    animation: tobottom .5s forwards ease-in-out;
    -webkit-animation: tobottom .5s forwards ease-in-out;
    -moz-animation: tobottom .5s forwards ease-in-out;
    -o-animation: tobottom .5s forwards ease-in-out;
}
.tobottom img{
    max-height: 1.8vw;
    height: 1.8vw;
    width: 1.15vw;
    max-width: 1.15vw;
}
/* Social networks container */
.social_networks {
    position: fixed;
    top: 0;
    bottom: 0;
    right:  1.55vw;
    z-index: 9;
}
.social-networks-top-block{
    height: 27.5vh;
    width:  0.05vw;
    background-color: #dee1e0;
    margin: 0 auto;
    min-width: 1px;
}
.social-networks-bottom-block{
    height: 27.5vh;
    width:  0.05vw;
    background-color: #dee1e0;
    margin: 0 auto;
    min-width: 1px;
}
.social-networks-fix-empty-block{height: 14.25vh;}
.sn_cnt{
    position: relative;
    padding: 1.05vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.sn_cnt a {
    color: #18181a;
    font-size: 1.15vw;
    display: block;
}
.sn_cnt a + a {margin-top: 1.5vw;}
.sn_cnt a:hover {color: #da2f3e;}
.social_networks a:before,
.social_networks a:after{
    content: '';
    display: block;
    height:  0.53vw;
    width:  0.053vw;
    background-color: #da2f3e;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.social_networks a:before{top:0;}
.social_networks a:after{bottom: 0;}
.social_networks  .fa,
footer .fa{font-size: 1.15vw;}
/* Footer */
.footer {
    position: relative;
    margin-bottom: 0;
    top: -2.35vw;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
    line-height: 0;
}
.main-page .footer{
    position: fixed;
    top: auto;
    bottom:  1.5vw;
    margin-bottom: 0;
}
.footer .fa {color: #da2f3e;}
.footer span:nth-child(2) {
    position: relative;
    padding: 0 1.05vw;
    font: 0.72vw 'GothamProMedium';
}
.footer span:nth-child(2):before,
.footer span:nth-child(2):after{
    content: '';
    display: block;
    height: 0.053vw;
    width:  0.53vw;
    background-color: #da2f3e;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}
.footer span:nth-child(2):before{left:0;}
.footer span:nth-child(2):after{right: 0;}
.footer-line{
    width: 39.1vw;
    height: 0.053vw;
    background-color: #dee1e0;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    min-height: 1px;
}
.footer-line.footer-line-left{
    left: 0px;
    margin-left: 3.65vw;
}
.footer-line.footer-line-right{
    right: 0px;
    margin-right:  3.65vw;
}

.footer a{letter-spacing: 0.05vw;}
/* Slide 1 */
.slide{
    position: relative;
    padding: 2.09vw;
}
.img_cnt {
    position: relative;
    padding: 4% 9% 10%;
}
.devices_img {
    position: relative;
    width: 55%;
    float: right;
    margin-right: 105px;
    top: 5px;
}
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
}
html.white-title-gradient-background-page,
.white-title-gradient-background-page body{
    min-height: 100%;
    height: unset;
}
.devices-img-canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
    @media(max-width: 991px){
        .devices-img-canvas{
            max-height: 620px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
        }
    }
.devices_img>img {
    max-height: 633px;
    height: auto;
}
.lines_cnt .line_cnt:nth-child(1)>.line,
.lines_cnt .line_cnt:nth-child(1){max-width: 678px;}
.line_cnt {
    position: relative;
    display: block;
}
.line {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.line_cnt>.line>img {
    animation: impulse 10s infinite;
    -webkit-animation: impulse 10s infinite;
    -moz-animation: impulse 10s infinite;
    -o-animation: impulse 10s infinite;
    position: relative;
}
.line_cnt:nth-child(1)>.line>img{-webkit-animation-duration: 20s;animation-duration: 20s;}
.line_cnt:nth-child(2)>.line>img{-webkit-animation-duration: 13s;animation-duration: 13s;}
.line_cnt:nth-child(3)>.line>img{-webkit-animation-duration: 23s;animation-duration: 23s;}
.man {position: absolute;}
.man_pink {
    bottom: 15px;
    left: -30px;
    animation: man_pink 40s infinite;
    -webkit-animation: man_pink 40s infinite;
    -moz-animation: man_pink 40s infinite;
    -o-animation: man_pink 40s infinite;
}
.man_light_blue {
    bottom: 10px;
    left: -30px;
    animation: man_light_blue 25s infinite;
    -webkit-animation: man_light_blue 25s infinite;
    -moz-animation: man_light_blue 25s infinite;
    -o-animation: man_light_blue 25s infinite;
}
.man_red {
    bottom: 10px;
    left: -30px;
    animation: man_red 20s infinite;
    -webkit-animation: man_red 20s infinite;
    -moz-animation: man_red 20s infinite;
    -o-animation: man_red 20s infinite;
}
/* advantage icons */
.advantage {
    color: #131313;
    font: 18rem 'GothamProBold';
    position: absolute;
}
.advantage_icon {
    float: left;
    margin-right: 10px;
    background-size: 1.8rem 1.8rem;
    background-repeat: no-repeat;
    background-position: center;
    height: 3.2rem;
    width: 1.8rem;
}
.advantage-development{background-image: url('../img/section_icons/development.png');}
.advantage-web{background-image: url('../img/section_icons/web.png');}
.advantage-context{background-image: url('../img/section_icons/context.png');}
.advantage-media{background-image: url('../img/section_icons/media.png');}
.advantage-seo{background-image: url('../img/section_icons/seo.png');}
.advantage .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 46px;
    white-space: nowrap;
}
.advantage.text_left .advantage_icon {
    margin-right: 0;
    margin-left: 10px;
}
.advantage.text_left .text {float: left;}
.line_cnt .advantage {
    bottom: -50px;
    left: -30px;
}
.advantage.text_left {left: -220px;}
.advantages .advantage:nth-child(1) {
    bottom: 0;
    right: 27%;
}
.advantages .advantage:nth-child(2) {
    top: 6%;
    right: 25%;
}
.sm_object {display: none;}

@media (min-width: 1920px) {
    .md_object {display: none;}
}
@media (max-width: 1919px) {
    .img_cnt {padding-right: 0;}
    .devices_img {
        margin-left: 50%;
        width: 50%;
    }
    .advantage.text_left{
        bottom: -50px;
        left: -135px;
    }
    .advantage.text_left .text{
        max-width: 100px;
        text-align: right;
    }
}

@media (max-width: 1599px) {
    .sm_object {display: block;}
    .line_cnt .advantage {
        bottom: -10px;
        left: -15px;
    }
    .advantage.text_left{
        left: -110px;
        bottom: -10px;
    }
    .advantage .advantage_icon {margin-right: 10px;}
    .advantage.text_left .advantage_icon {
        margin-right: 0;
        margin-left: 5px;
    }
    .advantage.text_left{left: -120px;}
}
@media (max-width: 991px) {
    .heading_cnt {position: static;}
    .devices_img{
        margin-left: 30%;
        width: 70%;
    }
    .heading_cnt h1, .experts-container h2{text-align: left;}
    .note{text-align: left;}
}
@media (max-width: 991px) and (min-height: 1000px){
    .note{
        line-height: 1.8vh;
        font-size: 1.7vw;
    }
}
@media (max-width: 767px) {
    .navigation,
    .tobottom,
    .social_networks,
    .footer{display: none;}
    .slide{padding: 20px 20px 40px;}
    .preview{padding: 20px 0 0 0;}
    .heading_cnt{
        margin: 110px 0px 0px;
        width: 100%;
    }
    .heading_cnt h1, .experts-container h2{
        font-size: 2.4rem;
        text-align: center;
        margin-bottom: 25px;
    }
    .note {
        font-size: 1.2rem;
        line-height: 1.6rem;
        text-align: center;
    }
    .advantages_xs .advantage {
        position: static;
        display: inline-block;
        padding: 12px 0;
        width: 100%;
        border-bottom: 1px solid #d1d1d1;
    }
    .advantages_xs .advantage:first-child{border-top: 1px solid #d1d1d1;}
    .advantages_xs .advantage .text{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 1.4rem;
        height: 3.2rem;
    }
    .phonenum {margin-top: 0.42px;}
}
@media(max-width: 560px){
    .heading_cnt h1, .experts-container h2{
        text-align: center;
        margin-bottom: 20px;
    }
    .heading_cnt{margin: 85px 0px 30px;}
}
.experts-container{
    width: unset;
    margin-right: 165px;
    height: 100%;
}
@media(min-width: 768px){
        .experts-container{
            margin-top:  4.5vw;
            margin-left:  6.72vw;
            margin-right:  8.15vw;
        }
        .experts-container>.row{
            margin-left: 0;
            margin-right: 0;
        }
        .experts-container .row>div:not[.experts-container-preview]{
            padding-left: 0.8vw;
            padding-right: 0.8vw;
        }
        .experts-container .col-sm-7{
            width: 47.21vw;
            margin-left: 6.7vw;
        }
        .experts-container>.row>.col-sm-4{
                width: 26.98vw;
                padding-left: 0;
                padding-right: 0.78vw;
        }
        .experts-partner-img-block{
            width: 16.03vw;
            height: 6.75vw;
            padding-left: 0.78vw;
            padding-right: 0.78vw;
        }
        .experts-partner-text-block{
            width: 32.5vw;
            padding-left: 0.78vw;
            padding-right: 0.78vw;
        }
        .experts-partner.row{
            margin: 0;
        }
        .experts-container-preview{
            padding-left: 0px;
            padding-right: 1.6vw;
        }
}
.experts-container-partners{
    padding-left: 0.78vw;
    padding-right: 0.78vw;
}
/*   EXPERTS   */
.experts h2{
    font-family: 'GothamProBold';
}
.experts-subtitle{
	font: 1.25vw 'GothamProBold';
        margin: 0 0 0.59vw;
}
.experts-note{
	font: 1.05vw 'GothamProRegular';
        line-height: 1.875vw;
}
.experts-partner-title{
        font: 1.5rem 'GothamProBold';
        margin: 0px
}
.experts-partner-description{
	color: #767676;
	font: 0.8vw 'GothamProRegular';
	line-height: 20px;
}
.experts-partner-img{
	margin: 0 auto;
}
.experts-partner{
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
    .experts-partner:first-child{
        padding-top: 0px;
    }
    .experts-partner:nth-child(2){
        border-top: 2px solid #f0f0f0;
        border-bottom: 2px solid #f0f0f0;
    }
.experts-place{
    position: relative;
}
.experts-place > a{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.experts-place-text{
    margin-top: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
}
.experts-place-title{
        font: 2.4rem 'GothamProBold';
        text-transform: uppercase;
}

.context-page-expert-place-block .experts-place .experts-place-img.hover{
    display: none;
}
.experts-place-description{
    font: 14px 'GothamProRegular';
    font: 1.4rem 'GothamProRegular';
    line-height: 26px;
    color: #767676;
    text-transform: uppercase;
}
.experts-place-block{
    margin-top: 3.05vw;
}
.owl-experts .owl-item{
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.owl-experts .item{
    width: 100%
}
.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot:focus span{
    background-color: #da2f3f;
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.owl-theme .owl-dots .owl-dot.active span{
    border: 3px solid #da2f3f;
    background-color: #fff;
}
@media(max-width: 767px){
    .slide.experts{
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .experts h2{margin-bottom: 50px;margin-top: 60px;}
    .experts-partner-img{
        max-height: 7.5rem;
        width: auto!important;
        max-width: auto;
    }
    .experts-place-text{
        width: 80%;
        margin: 55px auto 0;
    }
    .experts-place-img{
        margin: 0 auto;
        width: 20rem!important;
    }
}
@media(min-width: 768px){
    .experts-partner-title{
        font-size: 1.04vw;
        margin: 0 0 0.5vw;
    }
    .experts-partner-description{
         line-height: 1.25vw;
         margin: 0 0 0.59vw;
    }
    .experts-partner-img{
        max-height: 6.8vw;
        max-width: 12.4vw;
        min-width: 6.3vw;
    }
    .experts-partner:nth-child(2){
        border: none;
    }
    .experts-place{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
            align-content: center;
        /*justify-content: center;*/
    }
    .experts-place-img{
        float: left;
        /*width: 8vw!important;
        min-width: 8vw;*/
        width: auto!important;
        height: 4.95vw;
    }
    .experts-place-text{
        margin-top: 0px;
        text-align: left;
        margin-left: 2.3vw;
        padding-right: 2.3vw;
    }
    .experts-place-title{
        font-size: 1.05vw;
        text-transform: unset;
        margin: 0 0 0.5vw;
    }
    .experts-place-description{
        text-transform: unset;
        font: 0.75vw 'GothamProRegular';
        line-height: 1.25vw;
    }
    .experts-partner{
        padding:  1.24vw 0;
    }
    .experts-partner.row:nth-child(2) img{
        min-width: 12.34vw;
    }
    .owl-theme .owl-dots .owl-dot.active span{
        border: 0.15vw solid #da2f3f;
    }
    .owl-theme .owl-dots .owl-dot span,
    .owl-theme .owl-dots .owl-dot:hover span,
    .owl-theme .owl-dots .owl-dot:focus span{
        width: 0.78vw;
        height: 0.78vw;
        border: 0.15vw solid #fff;
    }
}
@media(min-width: 768px) and (orientation: portrait){
    .experts-container-partners{
        width: 100%!important;
        margin: 7vh 0 0!important;
    }
    .experts-container-preview{width: 34vw!important;}
    .experts-subtitle{
       font-size: 2.25vw;
   }
   .experts-note{
       font-size: 1.55vw;
       line-height: 2.7vw;
   }
   .experts-partner-title{
       font-size: 1.55vw;
   }
    .experts-partner-description{
        font-size: 1.4vw;
        line-height: 2vw;
   }
   .experts-partner-img{
       max-height: 8.8vw;
       max-width: 14.4vw;
   }
   .experts-place-title{
       font-size: 1.55vw;
   }
   .experts-place-description{
       text-transform: unset;
       font: 1.1vw 'GothamProRegular';
       line-height: 1.75vw;
   }
   .experts-place-block{
       margin-top: 7vh;
   }
}
/* END EXPERTS */
/* WORKS */
.works-container{
    margin-top: 4.5vw;
}
.works h2{
    margin-bottom: 55px;
}
.works-carousel-nav{
    list-style: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0.3vw;
    padding: 0;
}
.works-carousel-nav-block{
    margin-bottom: 20px;
}
.works-carousel-nav li{
    padding: 1.2rem;
    border: 0.2rem solid transparent;
    cursor: pointer;
    font: 1.4rem 'GothamProBold';
    text-transform: uppercase;
    -webkit-transition: border 0.2s linear;
    -o-transition: border 0.2s linear;
    transition: border 0.2s linear;
    width: 26.9rem;
}
    .works-carousel-nav li.active{
        border: 0.2rem solid #ff0000;
    }
.owl-works{
    clear: both;
}
.works-elem-title{
    font: 2.0rem 'GothamProBold';
    margin: 10px 0;
    max-width: 80vw;
}
.works-elem-subtitle{
    font-size: 1.4rem;
    color: #767676;
    margin-bottom: 0;
}
.works-elem-img-block{
    width: 80vw;
    height: 42vh;
    margin: 0 auto;
}
.works-elem-img-block-inner{
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /*-webkit-clip-path: polygon(20% 0,100% 0%,80% 100%,0% 100%);
    clip-path: polygon(20% 0,100% 0%,80% 100%,0% 100%);*/
}
.works-elem a{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9;
}
.works-white-block{
    height: 185px;
    height: 10.5vw;
    width: 54px;
    width: 2.82vw;
    border-radius: 0.55vw;
    background-color: #fff;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    z-index: 9;
    margin-right: 0.53vw;
    margin-top: 0.15vw;
}
.works-drop-menu-btn{
    outline: none;
    background-color: transparent;
    border: none;
    color: #000;
    font: 1.6rem 'GothamProBold';
    margin-bottom: 4rem;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: -moz-fit-content;
}
.works-drop-menu-btn:after{
    content: '\f106';
    font-family: 'FontAwesome';
    font-size: 1.6rem;
    font-weight: bold;
    position: absolute;
    right: -1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #da2f3e;
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.works-drop-menu-btn.collapsed:after{
    right: -1.5rem;
    top: 50%;
    -webkit-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
}
.works-elem-text-block{
    max-width: 25rem;
}
.works-elem-tag{
    position: absolute;
    top: 1.5rem;
    left: 3.7rem;
    -webkit-clip-path: polygon(6% 0,92% 0%,86% 100%,0% 100%);
    clip-path: polygon(6% 0,92% 0%,86% 100%,0% 100%);
    background-color: #d73142;
    color: #fff;
    text-transform: uppercase;
    font-family: "GothamProBold";
    font-size: 1rem;
    line-height: 1rem;
    padding: 1rem 1.6rem 1rem 1rem;
}
@media(min-width: 768px){
    .works-container{
        margin-left: 3.23vw;
    }
    .works h2{
        margin-bottom: 1.05vw;
        margin-top: 1.05vw;
        margin-left: 4.2vw;
     }
    .works-carousel-nav-block{
        margin-bottom: 3.2vw;
        display: block!important;
        margin-left: 4.2vw;
    }
    .works-carousel-nav{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .works-carousel-nav li{
        padding: 0.37vw;
        margin-right: 1.73vw;
        border: 0.11vw solid transparent;
        font: 0.73vw 'GothamProBold';
        width: auto;
    }
    .works-carousel-nav li.active{
        border: 0.11vw solid #ff0000;
    }
    .works-elem-title{
        font: 0.83vw 'GothamProBold';
        margin: 1vw 0 0.8vw;
        max-width: 22.5vw;
    }
    .works-elem-subtitle{
        font-size: 0.83vw;
        margin-bottom: 0.5vw;
    }
    .works-elem-img-block{
        width: 22.5vw;
        height: 24vw;
        margin: 0;
    }
    .works-elem-text-block{
        max-width: 22.5vw;
    }
    .works-elem-tag{
        top: 0.98vw;
        font-size: 0.625vw;
        line-height: 0.625vw;
        padding: 0.6vw 1.2vw 0.6vw 0.8vw;
        left: 3.25vw;
    }
    .owl-works.not-sub-sections{
        margin-top: 3.5vw;
    }
}
@media(min-width: 768px) and (orientation: portrait){
    .works h2{
        margin-bottom: 3vh;
     }
     .works-carousel-nav li{
         padding: 0.5vw;
         font: 1.15vw 'GothamProBold';
         width: auto;
     }
    .owl-works{
        margin-top: 20vh;
    }
    .works-elem-title{
        font: 1.83vw 'GothamProBold';
    }
    .works-elem-subtitle{
        font-size: 1.65vw;
        margin-bottom: 0.5vw;
    }
    .works-elem-img-block{
        height: 40vh;
        width: 30.5vw;
    }
    .works-white-block{
        top: 45.3%;
        height: 9.5vw;
    }
    .works-elem-img-block-inner{
        background-size: contain;
    }
}
/* END WORKS*/
/* @media screen and (min-width: 320px) and (max-width: 767px){
    html {
        font-size: calc(10px + 8*(100vw - 320px)/447);
    }
} */
/* TRADE WAVE */
.trade-wave h2{
    margin-bottom: 55px;
}
.slide.trade-wave{
    padding-bottom: 0px;
}
.trade-wave-nav{
    list-style: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0.3vw;
    margin-bottom: 2rem;
}
.trade-wave-nav li{
    padding: 1.2rem;
    border: 0.2rem solid transparent;
    cursor: pointer;
    font: 1.4rem 'GothamProBold';
    text-transform: uppercase;
    -webkit-transition: border 0.2s linear;
    -o-transition: border 0.2s linear;
    transition: border 0.2s linear;
    width: 26.9rem;
    position: relative;
}
    .trade-wave-nav li.active{
        border: 0.2rem solid #ff0000;
    }
.trade-wave-nav a{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.trade-wave .tab-content>div{
    display: none;
}
.trade-wave .tab-content>div.active{
    display: block;
}
.trade-wave-elem-number{
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
}
.trade-wave-elem-number span{
    font: 2rem 'GothamProBold';
    color: #da2f3e;
}
.trade-wave-elem-title{
    font: 1.6rem 'GothamProBold';
    margin-bottom: 1.6rem;
}
.trade-wave-elem-desciption{
    font-size: 1.4rem;
    margin-bottom: 1.6rem;
}
.trade-wave-elem-text-block{
    width: 100%;
}
.trade-wave-elem-graph-block{
    position: relative;
    float: left;
    width: 100%;
    height: 15rem;
}
.trade-wave-elem-canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%!important;
    height: 100%!important;
}
@media(min-width: 768px){
    .trade-wave-elem-canvas{
        width: 52.96vw!important;
        height: 51.12vh!important;
    }
    .trade-wave-container{
        margin-top: 4.5vw;
        margin-left: 3.23vw;
     }
    .trade-wave h2{
       margin-bottom: 1.05vw;
       margin-top: 1.05vw;
       margin-left: 3.42vw;
    }
    .trade-wave-nav{
        margin-bottom: 0;
        margin-left: 3.42vw;
    }
    .trade-wave-nav li{
        float: left;
        padding: 0.5vw;
        margin-right: 2.7vw;
        border: 0.11vw solid transparent;
        font: 0.73vw 'GothamProBold';
        width: auto;
    }
    .trade-wave-nav li.active{
        border: 0.11vw solid #ff0000;
    }
    .trade-wave .tab-content{
        clear: both;
        margin: 5.8vw 13.26vw 0 4vw;
    }
    .trade-wave-elem-number{
        font-size: 1.3vw;
        margin-bottom: 1.3vw;
    }
        .trade-wave-elem-number span{
            font-size: 2.6vw;
        }
    .trade-wave-elem-title{
        font-size: 1.3vw;
        margin-bottom: 1.1vw;
    }
    .trade-wave-elem-desciption{
        font-size: 0.73vw;
        line-height: 1vw;
        margin-bottom: 0;
    }
    .trade-wave-elem-text-block{
        width: 16vw;
        float:left;
    }
    .trade-wave-elem-graph-block{
        width: 53vw;
        height: 26vw;
        margin-left: 4vw;
    }
}
@media(min-width: 768px) and (orientation: portrait){
    .trade-wave-elem-canvas{
        width: 100%!important;
        height: 100%!important;
    }
    .trade-wave h2{
        margin-bottom: 2vh;
     }
     .trade-wave-nav li{
         padding: 0.37vw;
         font: 1.2vw 'GothamProBold';
     }
    .trade-wave .tab-content{
        margin-top: 25.8vh;
   }
    .trade-wave-elem-desciption{
        font-size: 1.5vw;
        line-height: 1.5vh;
    }
    .trade-wave-elem-title{
        font-size: 1.7vw;
    }
}
/* END TRADE WAVE*/
/* WHO ARE BLOCK*/
.whoare{
    position: relative;
}
.whoare h2 {
    margin-bottom: 2rem;
    display: inline-block;
}
.whoare-main-block{
    margin-top: 2rem;
    position: relative;
}
.whoare-container>p{font: 1.4rem 'GothamProRegular';}
.owl-whoare-text-box{
    position: absolute;
    top: 15rem;
    width: 100%;
    padding: 0px 1.56vw 0.78vw;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.owl-whoare-text-box>h3{
    font: 1.6rem 'GothamProBold';
    text-transform: uppercase;
    color: #da2f3e;
}
.owl-whoare-text-subtitle{
    font: 1.4rem 'GothamProRegular';
    text-transform: uppercase;
}
.owl-whoare-text-describtion{
    font: 0 'GothamProRegular';
    -webkit-transition: font 50ms linear;
    -o-transition: font 50ms linear;
    transition: font 50ms linear;
}
.whoare-item:hover .owl-whoare-text-describtion{
    line-height: 2.1rem;
    font-size: 1.3rem;
}
.owl-whoare .owl-next,
.owl-whoare .owl-prev{
    background-color: transparent!important;
    color: transparent!important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0!important;
    padding: 0!important;
    font-size: 0!important;
    max-width: 30px;
}
.owl-whoare .owl-next{
    right: 0;
    -webkit-transition: right .3s ease;
    -o-transition: right .3s ease;
    transition: right .3s ease;
}
.owl-whoare .owl-next:hover{right: -0.26vw;}
.owl-whoare .owl-prev{
    left: 0;
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease;
}
.owl-whoare .owl-prev:hover{left: -0.26vw;}
.owl-whoare .owl-next:before,
.owl-whoare .owl-prev:before{
    content: "";
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    top: 0;
    opacity: 1;
}
.owl-whoare .owl-next:before{
    background-image: url('../img/right-arrow.png');
    right: 1vw;
    background-position-x: right;
}
.owl-whoare .owl-prev:before{
    background-image: url('../img/left-arrow.png');
    left: 1vw;
    background-position-x: left;
}
.whoare-item{
    padding: 0 1.04vw;
    height: 73vh;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}
.whoare-item:hover .owl-whoare-text-box{background-color: #da2f3e!important;}
.whoare-item:hover .owl-whoare-text-box>h3,
.whoare-item:hover .owl-whoare-text-box>p{color: #fff;}
.owl-whoare-border{position: relative;}
.owl-whoare-border:before{
    content: '';
    width: 0.06vw;
    min-width: 1px;
    height: 61.23vh;
    background-color: #d3d4d4;
    position: absolute;
    left: 0;
    top: 37.06vh;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.owl-whoare-border:after{
    content: '';
    width: 0.06vw;
    min-width: 1px;
    height: 61.23vh;
    background-color: #d3d4d4;
    position: absolute;
    right: 0;
    top: 37.06vh;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.whoare-video{
     position: absolute;
     margin-left: 0px;
     width: 89.32vw;
     left: 0px;
     top: 0px;
     display: none;
}
.whoare-video.video-active{display: block;}
@media(max-width: 767px){
    .whoare-video,
    .whoare-video.video-active{display: none;}
     .whoare-item{
         max-height: 693px;
     }
}
@media (min-width: 768px){
   .whoare h2 {
        margin-bottom: 1.45vw;
        margin-top: 0;
        margin-left: 3.49vw;
    }
    .whoare-container{
        height: calc(100% - 4.5vw);
        margin-top: 4.5vw;
        margin-left: 3.23vw;
        margin-right: 3.23vw;
    }
    .whoare-main-block{
        height: calc(100% - 45.8vh);
        margin-top: 0;
    }
    .owl-whoare{height: 100%;}
    .whoare-container>p{font-size: 0.85vw;}
    .owl-whoare-text-box{
        position: absolute;
        top: 44.4vh;
        padding: 0px 1.56vw 0.78vw;
        width: 27.12vw;
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .owl-whoare-text-box>h3{
        font-size: 1.05vw;
        text-transform: uppercase;
        color: #da2f3e;
    }
    .owl-whoare-text-subtitle{
        font-size: 0.73vw;
        text-transform: uppercase;
    }
    .owl-whoare-text-describtion{
        font-size: 0;
        -webkit-transition: font 50ms linear;
        -o-transition: font 50ms linear;
        transition: font 50ms linear;
    }
    .whoare-item:hover .owl-whoare-text-describtion{
        line-height: 1.25vw;
        font-size: 0.73vw;
    }
    .owl-whoare .owl-next,
    .owl-whoare .owl-prev{top: 31vh; height: 2vh;}
    .owl-whoare .owl-next:before,
    .owl-whoare .owl-prev:before{
        width: 1.72vw;
        height: 1.12vw;
    }
    .whoare-item{background-image: none!important;}
    .owl-whoare .owl-next:after,
    .owl-whoare .owl-prev:after{
        content: "";
        border-top: 0.16vw solid #da2f3e;
        width: 0;
        height: 0;
        font-size: 0;
        position: absolute;
        top: 1.01vh;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .owl-whoare .owl-next:after{right: 1.1vw;}
    .owl-whoare .owl-prev:after{left: 1.1vw;}
    .owl-whoare .owl-next:hover:after,
    .owl-whoare .owl-prev:hover:after {
        width: 1.45vw;
        max-width: 28px;
    }
}
@media(min-width: 768px) and (orientation: portrait){
    .whoare-container>p{font-size: 1.55vw;}.whoare-main-block{ margin-top: 17vh;}
    .owl-whoare-text-box>h3{font-size: 1.55vw;}
    .owl-whoare-text-subtitle{
        font-size: 1.33vw;
        text-transform: uppercase;
    }
    .whoare-item{
        height: 52vh!important;
    }
    .whoare-item:hover .owl-whoare-text-describtion{
        line-height: 1.55vw;
        font-size: 1.33vw;
    }
    .owl-whoare-text-box{
        position: absolute;
        top: 21.4vh;
    }
    .owl-whoare .owl-next,
    .owl-whoare .owl-prev{top: 20vh;}

    .owl-whoare-border:before,
    .owl-whoare-border:after{
        height: 32.23vh;
        top: 20.06vh;
    }
    .whoare-video{top: 1vh;}
}
/* END WHO ARE BLOCK */
/* CONTACTS BLOCK*/
.contacts h2 {
		margin-bottom: 5rem;
		margin-top: 1rem;
}
.contacts-info-block,
.contacts-map-block{width: 100%;}
@media (max-width: 768px){
	.contacts-map-block img,
	.contacts-map-block-under img{
		max-width: 100%;
		height: auto;
		margin-top: auto;
	}
	.contacts-map-block-under{
		margin: 0 -20px;
	}
	.contacts-page,
	.contacts-page-container{
		height: 100%;
	}
	.contacts-page{
		padding-bottom: 0;
	}
	.contacts-page-container{
		display: flex;
		flex-direction: column;
	}
	.contacts-map-block,
	.contacts-map-block-under{
		margin-top: auto;
	}
}
.contacts-info-block-city{
    font: 1.6rem 'GothamProRegular';
    margin-bottom: 1.6rem;
}
.contacts-info-block-address{
    font: 1.6rem 'GothamProBold';
    line-height: 2.6rem;
    color: #2a73a2;
    margin-bottom: 1.6rem;
}
.contacts-info-block-phone{
     line-height: normal;
}
.contacts-info-block-phone a,
.contacts-info-block-phone a:focus,
.contacts-info-block-phone a:hover,
.contacts-info-block-phone a:active,
.contacts-info-block-phone a:focus{
    font: 1.6rem 'GothamProBold';
	color: #000;
	text-decoration: underline;
	text-decoration-color: #a2222d;
	transition: .3s;
}
.contacts-info-block-phone a:hover{
	opacity: 0.7;
	transition: .3s;
}
.contacts-info-block-1{
    padding-left: 8rem;
    position: relative;
    margin-top: 0px;
    margin-bottom: 2.5rem;
}
.contacts-info-block-1:after{
    content: '';
    background-image: url('../img/contacts/rodina-mat.png');
    background-repeat: no-repeat;
    background-size: auto;
    position: absolute;
    left: 1rem;
    top: 1rem;
    width: 5rem;
    height: 10rem;
}
.contacts-info-block-2{
    padding-left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.contacts-info-block-brif{
    background-color: #da2f3e;
    color: #fff;
    font: 1.6rem 'GothamProRegular';
    outline: none;
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    margin-bottom: 1rem;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border: none;
}
.contacts-info-block-brif:hover{background-color: #a2222d;}
.contacts-info-block-email{margin:0;}
.contacts-info-block-email a,
.contacts-info-block-email a:focus,
.contacts-info-block-email a:hover,
.contacts-info-block-email a:active,
.contacts-info-block-email a:active:focus,
.contacts-info-block-email a:active:hover{
    font: 1.6rem 'GothamProBold';
    color: #da2f3e;
}
.contacts-map-block{
	display: none;
}
.contacts-politics{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 1vw;
}
@media (min-width: 768px){
	.contacts-map-block-under{
		display: none;
	}
   .contacts h2 {
        margin-bottom: 1.05vw;
        margin-top: 1.05vw;
    }
    .contacts-info-block{
        width: 33vw;
        float: left;
        position: relative;
    }
    .contacts-map-block{
        width: 55vw;
        height: 25.52vw;
        float: left;
        position: relative;
        background-image: url('../img/contacts/map_vlg.png');
        background-repeat: no-repeat;
        background-size: 42.35vw 21.87vw;
        background-position: bottom right;
    }
    .slide.contacts{
        background-image: url('../img/contacts/contacts-bottom-background.jpg');
        background-repeat: no-repeat;
        background-position-y: bottom;
        background-position-x: center;
        background-size: 100% auto;
        position: relative;
        min-height: 100vh;
    }
    .contacts-white-block{
        background-color: #fff;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 13.5vw;
        height: 1.45vw;
        border-radius: 2vw;
        bottom: 1.23vw;
        z-index: 9;
    }
    .main-page .contacts-white-block{bottom: 1.23vw;}
    .contacts-info-block-city{
        font: 0.93vw 'GothamProRegular';
        margin-bottom: 1.4vw;
    }
    .contacts-info-block-address{
        font-size: 1.05vw;
        line-height: 1.4vw;
        color: #2a73a2;
        margin-bottom: 0.8vw;
    }
    .contacts-info-block-phone a,
    .contacts-info-block-phone a:focus,
    .contacts-info-block-phone a:hover,
    .contacts-info-block-phone a:active,
    .contacts-info-block-phone a:active:focus,
    .contacts-info-block-phone a:active:hover{
        font: 1.77vw 'GothamProBold';
        color: #000;
    }
    .contacts-info-block-1{
        padding-left: 4.77vw;
        position: relative;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }
    .contacts-info-block-1:after{
        content: '';
        background-image: url('../img/contacts/rodina-mat.png');
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        left: 0.5vw;
        top: 0.36vw;
        width: 2.7vw;
        height: 4.9vw;
    }
    .contacts-info-block-2{
        padding-left: 2.7vw;
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .contacts-info-block-brif{
        font-size: 0.93vw;
        outline: none;
        border: none;
        padding: 1.14vw 2.6vw;
        border-radius: 2vw;
        margin-bottom: 0;
    }
    .contacts-info-block-email{margin:0;}
    .contacts-info-block-email a,
    .contacts-info-block-email a:focus,
    .contacts-info-block-email a:hover,
    .contacts-info-block-email a:active,
    .contacts-info-block-email a:active:focus,
    .contacts-info-block-email a:active:hover{font-size: 0.93vw;}
    .contacts-container{
        margin-top: 3.5vw;
        margin-left: 6.72vw;
        margin-right: 3.23vw;
    }
}
@media(min-width: 768px) and (orientation: portrait){
    .contacts-map-block{
        width: 100%;
        height: 56.52vw;
        float: left;
        position: relative;
        background-image: url('../img/contacts/map_vlg.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .contacts-info-block-city{
        font: 1.93vw 'GothamProRegular';
        margin-bottom: 1.4vw;
    }
    .contacts-info-block-address{
        font-size: 2.05vw;
        line-height: 2.4vw;
        color: #2a73a2;
        margin-bottom: 0.8vw;
    }
    .contacts-info-block-phone a,
    .contacts-info-block-phone a:focus,
    .contacts-info-block-phone a:hover,
    .contacts-info-block-phone a:active,
    .contacts-info-block-phone a:active:focus,
    .contacts-info-block-phone a:active:hover{
        font: 2.2vw 'GothamProBold';
        color: #000;
    }
    .contacts-info-block-brif{
        font-size: 1.5vw;
        outline: none;
        padding: 1.14vw 2.6vw;
        border-radius: 2vw;
        margin-bottom: 0;
        border: none;
    }
    .contacts-info-block{
        width: 36vw;
        float: left;
        position: relative;
    }
    .contacts-info-block-email a,
    .contacts-info-block-email a:focus,
    .contacts-info-block-email a:hover,
    .contacts-info-block-email a:active,
    .contacts-info-block-email a:active:focus,
    .contacts-info-block-email a:active:hover{font-size: 1.5vw;}
}
/* END CONTACTS BLOCK */
/* PAGE BLOG */
.blog{
    overflow: hidden;
}
.blog-container{padding: 90px 20px 46px;}
@media(min-width: 768px){
    .blog-container{
        margin: 6.56vw 8.81vw 0 8.81vw;
        padding: 0px;
    }
}
.blog-title,
#catalog h1,
#basket h1,
#personal h1{
    font: 2.6rem 'GothamProBold';
    margin-bottom: 5rem;
    line-height: 2.8rem;
    margin-left: 0px;
    color: black;
}
.blog-subtitle{
    font: 1.4rem 'GothamProRegular';
    color: #757575;
}
.blog-filter{
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}
.blog-filter-btn-block{
    position: relative;
}
.blog-filter-btn{
   width: 100%;
   background-color: #eceff1;
   color: #898989;
   font: 1.2rem 'GothamProRegular';
   line-height: 4rem;
   border-radius: 30px;
   padding-left: 2rem;
   cursor: pointer;
   position: relative;
   z-index: 2;
   opacity: 1;
   -webkit-transition: color 0.3s linear;
   -o-transition: color 0.3s linear;
   transition: color 0.3s linear;
}
.blog-filter-btn.open{color: transparent;}
.blog-filter-btn:after{
    content: '\f0dd';
    font: 1.6rem "FontAwesome";
    position: absolute;
    right: 2rem;
    top: 50%;
    -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
            transform: translateY(-60%);
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    color: #da2f3e;
}
.blog-filter-btn.open:after{
    top: 45%;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.blog-filter-btn:not(.open) + .blog-filter-elem{
    height: 0px;
    padding-top: 0;
}
.blog-filter-btn.open +.blog-filter-elem{
    height: 190px;
    max-height: 190px;
}
.blog-list-elem{
    width: 100%;
    padding: 0px;
    margin-bottom: 4rem
}
.blog-list-elem-img{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 10rem;
    width: 100%;
}
.blog-list-elem-img>a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.blog-elem-info{position: relative;}
.blog-elem-author-img{
    height: 4rem;
    width: 4rem;
    position: absolute;
    top: -1.5rem;
    left: 1.5rem;
    border-radius: 2.2rem;
}
.blog-elem-info-text{
    margin-left: 7rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.blog-row-list{
    margin-right: -0.78vw;
    margin-left: -0.78vw;
    -webkit-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}
.blog-elem-no-find{display: block; margin-bottom: 10rem; font: 1.6rem "GothamProRegular";}
.blog-post-user,
.blog-post-date{
    font: 0.9rem "GothamProRegular";
    color: #757575;
}
.blog-post-title{
    font-size: 1.8rem;
    font-family: "GothamProRegular";
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.blog-post-title>a,
.blog-post-title>a:hover,
.blog-post-title>a:focus,
.blog-post-title>a:active,
.blog-post-title>a:active:focus,
.blog-post-title>a:active:hover{color: #000;}
.blog-post-tags a,
.blog-post-tags a:focus{
    font: 1rem "GothamProRegular";
    color: #da2f3e;
    padding-right: 1rem;
    padding-left: 1rem;
}
.blog-post-tags a:hover,
.blog-post-tags a:active,
.blog-post-tags a:active:focus,
.blog-post-tags a:active:hover{color: #a2222d;}
.blog-post-tags a:first-child,
.blog-post-tags a:first-child:focus{
    border-left: none;
    padding-left: 0;
}
.blog-post-tags a:last-child{border-right: none;}
.separator{
    width: 1px;
    font-size: 1rem;
    border-right: 1px solid #a3a3a3;
    border-left: 1px solid #b8b8b8;
}
.blog-post-preview-text{
    font: 1.4rem "GothamProRegular";
    color: #757575;
    line-height: 2rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
.blog-post-read-more,
.blog-post-read-more:focus,
.blog-show-more-comments,
.blog-show-more-comments:focus{
    color: #fff;
    font: 1.2rem "GothamProRegular";
    background-color: #da2f3e;
    padding: 1rem 1rem;
    border-radius: 3rem;
    text-decoration: none;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: -webkit-fit-content;
    width: fit-content;
    width: -moz-fit-content;
}
.blog-post-read-block{width: 60%;}
.blog-post-read-more:hover,
.blog-post-read-more:active,
.blog-post-read-more:active:hover,
.blog-post-read-more:active:focus,
.blog-show-more-comments:hover,
.blog-show-more-comments:active,
.blog-show-more-comments:active:hover,
.blog-show-more-comments:active:focus{
    background-color: #a2222d;
    color: #fff;
    text-decoration: none;
}
.blog-post-btn-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.blog-post-btn-block-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.blog-post-comments{margin-right: 2rem;}
.blog-post-comments a,
.blog-post-comments a:focus,
.blog-post-vote button,
.blog-post-vote button:focus{
    font: 1.6rem "GothamProRegular";
    color: #b0bec5;
    text-decoration: none;
    -webkit-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
    background: none;
    outline: none;
    border: none;
}
.blog-post-comments a:hover,
.blog-post-comments a:active,
.blog-post-comments a:active:focus,
.blog-post-comments a:active:hover,
.blog-post-vote button:hover,
.blog-post-vote button:active,
.blog-post-vote button:active:focus,
.blog-post-vote button:active:hover{
    color: #8d9aa1;
    text-decoration: none;
}
.blog-post-comments .fa,
.blog-post-vote .fa{margin-right: 0.3vw;}
.blog-filter-list{
    list-style: none;
    height: 25rem;
    max-height: 22.5rem;
    overflow: auto;
    position: relative;
    margin-left: 20px;
    padding-left: 0px;
    -webkit-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
    display: inline-table;
}
.blog-filter-btn:not(.open) + .blog-filter-elem .blog-filter-list{
    height: 0px;
    -webkit-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
}
.blog-filter-list li{
    /*font: 1.2rem "GothamProRegular";*/
    display: block;
    /*padding-left: 20px;*/
    position: relative;
    cursor: pointer;
    /*line-height: 2.4rem;*/
}
.blog-filter-list li:hover{color: #da3442;}
/*.blog-filter-list li:before{
    content: '';
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #000;
    border-radius: 3px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}*/
.blog-filter-list li:hover:before{
    border-color: #da3442;
    background-image: url(../img/check.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.7rem 0.5rem;
}
.portfolio.blog-filter-search{
    position: absolute;
    left: 2.2rem;
    bottom: 0;
}
@media(min-width: 768px){
    .blog-title,
    #catalog h1,
    #basket h1,
    #personal h1{
        font-size: 2.7vw;
        line-height: 3.22vw;
        margin-bottom: 1.3vw;
    }
    .blog-subtitle{
        font-size: 0.93vw;
        margin-bottom: 2.23vw;
        line-height: 1.35vw;
    }
    .blog-filter{
        margin-top: 0;
        margin-bottom: 2.18vw;
    }
    .blog-filter-elem{
        width: 100%;
        top: 1.5vw;
        border-radius: 0 0 1.56vw 1.56vw;
        padding-top: 3vw;
    }
    .blog-filter-btn{
        font: 0.83vw 'GothamProRegular';
        line-height: 3.01vw;
        border-radius: 1.56vw;
        padding-left: 1.71vw;
     }
     .blog-filter-btn:after{
         font: 1.37vw "FontAwesome";
         right: 1.4vw;
     }
    .blog-filter-btn.open +.blog-filter-elem{
        height: 11.21vw;
        max-height: 11.21vw;
    }
    .blog-list-elem{
        width: 38.1vw;
        padding-left: 0.78vw;
        padding-right: 0;
        margin-bottom: 4.16vw;
    }

    .blog-filter-list li{
        /*font: 0.83vw "GothamProRegular";
        line-height: 6.54vh;*/
        /*width: 18.22vw;*/
        max-width: 18.22vw;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        /*padding-left: 2.39vw;*/
        position: relative;
        cursor: pointer;
    }
    /*.blog-filter-list li:before{
        width: 1.3vw;
        height: 1.3vw;
        border: 0.05vw solid #000;
        border-radius: 0.2vw;
    }*/
        .blog-filter-list li:hover:before{background-size: 0.78vw 0.57vw;}
    .blog-list-elem{min-height: 0.05vw;}
    .clearfix + .blog-list-elem + .blog-list-elem{margin-left: 5.1vw;}
    .blog-list-elem-img{
        height: 13.38vw;
        width: 38.1vw;
    }
   .blog-elem-author-img{
        height: 5.1vw;
        width: 5.1vw;
        position: absolute;
        top: -1.92vw;
        left: 1.61vw;
        border-radius: 2.7vw;
    }
    .blog-elem-info-text{
        margin-left: 7.91vw;
        height: 3.125vw;
    }
    .blog-post-user,
    .blog-post-date{font-size: 0.83vw;}
    .blog-post-tags a,
    .blog-post-tags a:focus{
        font-size: 0.83vw;
        padding-right: 1.09vw;
        padding-left: 1.09vw;
    }
    .separator{
        width: 0.1vw;
        font-size: 0.83vw;
        border-right: 0.05vw solid #a3a3a3;
        border-left: 0.05vw solid #b8b8b8;
    }
    .blog-post-title{
        font-size: 1.45vw;
        margin-top: 1.77vw;
        margin-bottom: 2.08vw;
    }
    .blog-post-preview-text{
        font-size: 0.93vw;
        line-height: 3.49vh;;
        margin-top: 1.04vw;
        margin-bottom: 1.82vw;
    }
    .blog-post-read-more,
    .blog-post-read-more:focus,
    .blog-show-more-comments,
    .blog-show-more-comments:focus{
        font-size: 0.93vw;
        padding: 1.14vw 1.97vw;
        border-radius: 2.7vw;
    }
    .blog-post-read-block{width: 15.625vw;}
    .blog-post-comments{margin-right: 1.56vw;}
    .blog-post-comments a,
    .blog-post-comments a:focus,
    .blog-post-vote button,
    .blog-post-vote button:focus{font-size: 0.93vw;}
    .blog-post-tags.blog-one-post-tags{line-height: 1.04vw;}
    .bx-rating-yes-text {padding: 0.05vw 0.3vw}
    .blog-elem-no-find{margin-bottom: 7.5vw; font-size: 1.04vw;}
    .portfolio.blog-filter-search{left: 3.22vw; padding: 0.8vw 1.4vw;}
}
/* END PAGE BLOCK */
/* 404 ERRR */
.page404{
    text-align: center;
    height: 100%;
    width: 100%;
    padding: 10rem 20px 20px;
}
.page404 .image{
    margin-bottom: 4rem;
}
.page404 .image img{
    max-width: 100%;
}
.page404 .not_found{
     margin: 0 0 2.4rem;
    font-size: 2em;
    line-height: 1.2em;
    color: #333;
    line-height: normal;
}
.page404 .notefy{
    margin: 0 0 3rem;
}
@media(min-width: 768px){
    .page404{
        padding: 14vw 2.09vw 2.09vw;
    }
    .page404 .image{
        margin-bottom: 3.33vw;
    }
    .page404 .not_found{
        margin: 0 0 1.25vw;
        font-size: 1.87vw;
        line-height: 1vw;
    }
    .page404 .notefy{
        margin: 0 0 1.66vw;
        font-size: 0.78vw;
    }
}
/* END 404 ERRR */
/* PRICE BLOCK */
.cost-container h2 {
    margin: 0 0 5rem;
}
.cost-item{
    width: 28rem;
    background: #d4d4d4;
    padding: 0 1rem 1rem;
    border-radius: 0.5rem;
    margin-right: 1rem;
		position: relative;
		transition: 0.5s;
}
@media(min-width: 768px){
	.cost-item:hover {
		box-shadow: 0 0 36px rgba(117,117,117,0.7);
	}
}
.cost-item h3{
    text-align: center;
    margin: 0;
    font: 2rem "GothamProBold";
    color: #fff;
    height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.cost-item-inner{
    background-color: #fff;
    padding: 6rem 1rem 0;
    height: 36rem;
    position: relative;
    border-radius: 0.5rem;
}
.big-item .cost-item-inner{
    padding: 2rem 1rem 0;
}
.cost-item-text{
    text-align: center;
    font: 1.2rem "GothamProRegular";
    line-height: 1.8rem;
    color: #767676;
    max-height: 18rem;
    overflow: hidden;
}
.cost-item-price{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 5rem;
    font: 1.63vw "GothamProBold";
}
.cost-item-price-old{
	bottom: 4.2vw;
	text-decoration: line-through;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	font: 1vw "GothamPro";
	text-transform: uppercase;
	color: #767676;
}
.cost-item-time{
    font-family: "GothamProBold";
    font-size: 1.4rem;
    position: absolute;
    bottom: 11rem;
    left: 0;
    right: 0;
    text-align: center;
    color: #757575;
}
.cost-item-img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: auto;
    height: 6rem;
}
.big-item .cost-item-img{
}
.tabs-nav-1{
    list-style: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0.3vw;
    padding: 0;
}
.tabs-nav-1 li{
    border: 0.2rem solid transparent;
    cursor: pointer;
    font: 1.4rem 'GothamProBold';
    text-transform: uppercase;
    -webkit-transition: border 0.2s linear;
    -o-transition: border 0.2s linear;
    transition: border 0.2s linear;
    width: 26.9rem;
}
    .tabs-nav-1 li.active{
        border: 0.2rem solid #ff0000;
    }
.tabs-nav-1 li a{
    padding: 1.2rem;
    display: block;
}
.tabs-nav-1 a,
.tabs-nav-1 a:hover,
.tabs-nav-1 a:focus,
.tabs-nav-1 a:active,
.tabs-nav-1 a:active:focus,
.tabs-nav-1 a:active:hover{
    color: #000;
    text-decoration: none;
    border: none;
    margin: 0;
    line-height: inherit;
}
@media(min-width: 768px){
    .cost-container h2 {
        margin: 0 0 1.04vw 2vw;
        text-align: left;
    }
    .cost-container{
        margin-top: 4.5vw;
        margin-left: 4.72vw;
				margin-right: 0;
		}
		.cost-item-wrap{
			padding: 3.5vw 0 3vw 2vw;
		}
    .cost-item{
        width: 17.91vw;
        padding: 0 0.52vw 0.52vw;
        border-radius: 0.25vw;
        margin-right: 2.08vw;
    }
    .cost-item.big-item{
        width: 25.5vw;
    }
    .cost-item h3{
        margin: 0;
        font-size: 1.14vw;
        height: 4.16vw;
    }
    .cost-item-inner{
        padding: 1.79vw 0.5vw 0;
        height: 23vw;
        max-height: 59.4vh;
        border-radius: 0.25vw;
    }
    .big-item .cost-item-inner{
        padding: 1.25vw 0.5vw 0;
    }
    .cost-item-text{
        font-size: 0.72vw;
        line-height: 1.04vw;
        max-height: 8.85vw;
				max-height: 26vh;
				margin-top: 3vw;
    }
    .cost-item-price{
        bottom: 2.6vw;
        font-size: 1.66vw;
    }
    .cost-item-time{
        font-size: 0.83vw;
        bottom: 8vw;
    }
    .big-item .cost-item-time{
        bottom: 8.4vw;
    }
    .cost-item-img{
        width: auto;
        height: 3.45vw;
    }
    .big-item .cost-item-img{
    }
    .tabs-nav-1{
				margin-left: 2vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .tabs-nav-1 li{
        margin-right: 1.73vw;
        border: 0.11vw solid transparent;
        font: 0.73vw 'GothamProBold';
        width: auto;
    }
    .tabs-nav-1 li.active{
        border: 0.11vw solid #ff0000;
    }
    .tabs-nav-1 li a{
        padding: 0.37vw;
    }
}
@media (max-width: 991px) and (min-height: 1000px) and (min-width: 768px){
    .tabs-nav-1{

    }
    .cost-container h2{
        margin-bottom: 3vh;
    }
    .cost-container.context-page h2{
        margin-bottom: 10vh!important;
    }
    .cost-item-inner{
        height: 26vh;
    }
    .cost-item{
        width: 22vw;
    }
    .cost-item-text{
        font-size: 1.45vw;
        line-height: 1.45vw;
    }
    .cost-item h3{
        font-size: 1.45vw;
        height: 5.16vw;
    }
    .tabs-nav-1 li{
        padding: 0.5vw;
        font: 1.15vw 'GothamProBold';
        width: auto;
    }
}
/* END PRICE BLOCK */
/* PROF APPROACH BLOCK */
.prof-approach-container h2{
    margin: 2rem 0 5rem;
}
.prof-approach-mobile{
    position: relative;
    height: 100%;
}
.prof-approach-mobile>.elem{
    margin-bottom: 2rem;
}
.prof-approach-mobile>.elem>.elem-img{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 8rem;
    display: inline-block;
}
.prof-approach-mobile>.elem>.elem-text-block{
    display: inline-block;
    margin-left: 2rem;
    max-width: 15rem;
}
.prof-approach-mobile>.elem h3{
    font: 1.6rem "GothamProBold";
    margin: 0 0 1.5rem;
}
.prof-approach-mobile>.elem ul{
    list-style: none;
    padding: 0;
}
.prof-approach-mobile>.elem li{
    font: 1.2rem "GothamProRegular";
    padding-left: 1rem;
    display: block;
    position: relative;
    color: #616161;
    margin-bottom: 0.5rem;
    line-height: 1.4rem;
}
.prof-approach-mobile>.elem li:before{
    content: "\f111";
    font-family: "FontAwesome";
    font-size: 0.5rem;
    color: #da2f3e;
    position: absolute;
    top: 10%;
    bottom: 0;
    left: 0;
}
.progress-bar-grey,
.progress-bar-red{
    height: 71.2rem;
    width: 0.2rem;
    position: relative;
    margin: 0 auto;
}
.seo .progress-bar-grey,
.seo .progress-bar-red{
    height: 47.2rem;
}
.smm-prof-approach .progress-bar-grey,
.smm-prof-approach .progress-bar-red{
    height: 57rem;
}
.progress-bar-grey-container,
.progress-bar-red-container{
    position: absolute;
    height: 100%;
    width: 4rem;
    top: 0;
    right: 0;
}
.progress-bar-red-container{
    height: 0px;
    overflow: hidden;
    -webkit-transition: height 0.1s linear;
    -o-transition: height 0.1s linear;
    transition: height 0.1s linear;
}
.progress-bar-grey{
    background-color: #ededed;
}
.progress-bar-red{
    background-color: #da2f3e;
}
.progress-bar-grey:before,
.progress-bar-grey:after,
.progress-bar-red:before,
.progress-bar-red:after{
    content: "";
    width: 2rem;
    height: 2rem;
    border-radius: 3rem;
    display: block;
    position: absolute;
    left: -0.9rem;
}
.progress-bar-grey:before,
.progress-bar-grey:after{
    background-color: #ededed;
}
.progress-bar-red:before,
.progress-bar-red:after{
    background-color: #da2f3e;
}
.progress-bar-grey:before,
.progress-bar-red:before{
    top: 0;
}
.progress-bar-grey:after,
.progress-bar-red:after{
    bottom: 0;
}
.progress-bar-grey-elem,
.progress-bar-red-elem{
    width: 2rem;
    height: 2rem;
    border-radius: 3rem;
    display: block;
    position: absolute;
    left: -0.9rem;
}
.progress-bar-grey-elem{
    background-color: #ededed;
}
.progress-bar-red-elem{
    background-color: #da2f3e;
}
.progress-bar-grey-elem:nth-child(1),
.progress-bar-red-elem:nth-child(1){
    top: 0;
}
.progress-bar-grey-elem:nth-child(2),
.progress-bar-red-elem:nth-child(2){
    top: 20%;
}
.progress-bar-grey-elem:nth-child(3),
.progress-bar-red-elem:nth-child(3){
    top: 37%;
}
.progress-bar-grey-elem:nth-child(4),
.progress-bar-red-elem:nth-child(4){
    top: 57%;
}
.progress-bar-grey-elem:nth-child(5),
.progress-bar-red-elem:nth-child(5){
    top: 77%;
}
.progress-bar-grey-elem:nth-child(6),
.progress-bar-red-elem:nth-child(6){
    bottom: 0;
}

.seo .progress-bar-grey-elem:nth-child(2),
.seo .progress-bar-red-elem:nth-child(2){
    top: 26%;
}
.seo .progress-bar-grey-elem:nth-child(3),
.seo .progress-bar-red-elem:nth-child(3){
    top: 47%;
}
.seo .progress-bar-grey-elem:nth-child(4),
.seo .progress-bar-red-elem:nth-child(4){
    top: 69%;
}
.seo .prof-approach-mobile>.elem{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.smm-prof-approach .progress-bar-grey-elem:nth-child(1),
.smm-prof-approach .progress-bar-red-elem:nth-child(1){
    top: 0;
}
.smm-prof-approach .progress-bar-grey-elem:nth-child(2),
.smm-prof-approach .progress-bar-red-elem:nth-child(2){
    top: 21%;
}
.smm-prof-approach .progress-bar-grey-elem:nth-child(3),
.smm-prof-approach .progress-bar-red-elem:nth-child(3){
    top: 39%;
}
.smm-prof-approach .progress-bar-grey-elem:nth-child(4),
.smm-prof-approach .progress-bar-red-elem:nth-child(4){
    top: 57%;
}
.smm-prof-approach .progress-bar-grey-elem:nth-child(5),
.smm-prof-approach .progress-bar-red-elem:nth-child(5){
    top: 74%;
}
.smm-prof-approach .progress-bar-grey-elem:nth-child(6),
.smm-prof-approach .progress-bar-red-elem:nth-child(6){
    bottom: 0;
}

/* END PROF APPROACH BLOCK */
@media (min-width: 768px){
    .cost-container.context-page h2 {margin: 0 0 0 2vw;}
    .works-carousel-nav2.tabs-nav-1{margin-left: 4.2vw;}
}
.works-carousel-nav2{
	margin-bottom: 2vw;
}
/* SEO SUCCESS */
.clients-success-elem-graph-block{
    position: relative;
    float: left;
    width: 100%;
    height: 15rem;
    margin-bottom: 2rem;
}
.clients-success .item{
    margin-top: 0!important;
    padding: 0;
}
.clients-success .item > .title{
    font-family: "GothamProBold";
    font-size: 1.6rem;
    margin-bottom: 2rem;
}
.clients-success-elem-info{
    padding-bottom: 2rem;
}
.clients-success-elem-info .title{
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 2rem;
}
.clients-success-elem-info .info > p{
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
}
.clients-success-elem-info .results > div {
    width: 20rem;
    background-color: #f3f3f3;
    text-align: center;
    padding: 2.5rem 0 2.5rem;
    margin: 0 auto 2rem;
}
.clients-success-elem-info .results > div > p:first-child{
    font-size: 1.4rem;
    margin-bottom: 0.52vw;
}
.clients-success-elem-info .results > div > p:last-child{
    font-size: 1.2rem;
    margin-bottom: 0;
}
.clients-success-elem-info .red-button{
    display: block;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
}
@media(max-width: 767px){
    .clients-success-elem-graph-block img{
        max-height: 15rem;
        width: auto!important;
        margin: 0 auto;
		}
		.cost-item-price{
			font: 2.8rem "GothamProBold";
		}

		.price-description-line__left{
			font: 1.2rem "GothamProRegular";
		}

		.cost-item-text{
			margin-top: 1rem;
		}
		.price-description-text {
			margin-top: 4rem;
		}
}
@media(min-width: 768px){
    .clients-success-container h2{
        margin: 0 0 0.3vw;
    }
    .clients-success-elem-graph-block{
        width: 50vw;
        height: 25vw;
        margin-left: 0;
        margin-bottom: 0;
    }
    .clients-success-elem-graph-block.inner-img{
        width: 45vw;
    }
    .clients-success-elem-graph-block img{
        max-width: 32.7vw;
        margin: 1.84vh auto 0;
        display: block;
    }
    .seo-results-line {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%!important;
        height: 100%!important;
    }
    .clients-success .item > .title{
        font-size: 1.45vw;
        line-height: 3.22vw;
        margin-bottom: 3vh;
    }
    .owl-clients-success canvas{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%!important;
        height: 100%!important;
    }
    .clients-success-elem-info{
        float:left;
        position: relative;
        width: 36vw;
        padding-left: 2.3vw;
        padding-bottom: 0;
    }
    .clients-success-elem-info .title{
        font-size: 1.25vw;
        line-height: 1.5625vw;
        margin-bottom: 1.04vw;
        text-align: left;
    }
    .clients-success-elem-info .info > p{
        font-size: 0.83vw;
        margin-bottom: 0.78vw;
        text-align: left;
    }
    .clients-success-elem-info .info span{
        color: #757575;
    }
    .clients-success-elem-info .results{
        margin: 1.35vw 0 2.08vw;
    }
    .clients-success-elem-info .results > div{
        width: 10.5vw;
        display: inline-block;
        background-color: #f3f3f3;
        text-align: center;
        padding: 1.04vw 0 1.4vw;
        margin-bottom: 0;
    }
    .clients-success-elem-info .results > div:nth-child(2){
        margin: 0 0.35vw;
    }
    .clients-success-elem-info .results > div > p:first-child{
        font-size: 1.25vw;
        margin-bottom: 0.52vw;
    }
    .clients-success-elem-info .results > div > p:last-child{
        font-size: 0.73vw;
        margin-bottom: 0;
    }

    .clients-success-elem-info .red-button,
    .clients-success-elem-info .red-button:focus{
        margin: 0;
        padding: 1.04vw 1.5vw;
    }
    .clients-success-elem-info .red-button:hover,
    .clients-success-elem-info .red-button:active:focus,
    .clients-success-elem-info .red-button:active:hover,
    .clients-success-elem-info .red-button:active,
    .clients-success-elem-info .red-button:focus{
        text-decoration: none;
        color: #fff;
    }
    .owl-clients-success .owl-nav{
        position: relative;
        right: 3.125vw;
        margin-top: 1.16vh;
    }
    .owl-clients-success .owl-nav .owl-next .custom-nav-right,
    .owl-clients-success .owl-nav .owl-prev .custom-nav-left{
        background-image: url(../img/seo/success/arrow.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 3.38vw;
        height: 3.38vw;
    }
    .owl-clients-success .owl-nav .owl-next .custom-nav-right{
        -webkit-transform: scale(-1, 1);
            -ms-transform: scale(-1, 1);
                transform: scale(-1, 1);
    }
    .owl-clients-success .owl-nav .owl-prev:hover .custom-nav-left,
    .owl-clients-success .owl-nav .owl-next:hover .custom-nav-right{
        background-image: url(../img/seo/success/arrow-active.png);
    }
    .owl-clients-success .owl-nav .owl-next:hover .custom-nav-right{
        -webkit-transform: scale(1, -1);
            -ms-transform: scale(1, -1);
                transform: scale(1, -1);
    }
    .owl-clients-success .owl-nav .owl-prev:hover .custom-nav-left{
        -webkit-transform: scale(-1, 1);
            -ms-transform: scale(-1, 1);
                transform: scale(-1, 1);
    }
    .owl-clients-success .owl-nav > div{
        background-color: transparent!important;
    }
    .owl-clients-success .owl-nav .owl-next:after,
    .owl-clients-success .owl-nav .owl-prev:before{
        content:'';
        display: block;
        position: absolute;
        height: 0.1vw;
        width: 38.63vw;
        background-color: #da2f3e;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        cursor: default;
    }
    .owl-clients-success .owl-nav .owl-next:after{right: 0.8vw;}
    .owl-clients-success .owl-nav .owl-prev:before{left: 0.8vw;}
    .owl-clients-success.owl-theme .owl-nav .disabled{opacity: 2;}
    .owl-clients-success.owl-theme .owl-nav .disabled > div{opacity: 0.5;}
    .owl-clients-success.owl-theme .owl-nav [class*=owl-]{
        margin: 0;
        padding: 0.2vw 0.5vw;
    }
}
/* END SEO SUCCESS */
/* SEO COST */
.costWithBtn .red-button,
.costWithBtn .red-button:focus{
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
}
.costWithBtn .cost-item-price{bottom: 7rem;}
.costWithBtn .red-button,
.costWithBtn .red-button:focus{
    bottom: 2rem;
    padding: 1rem 1.5rem;
}
@media(min-width: 768px){
    .costWithBtn .cost-item-price{
        bottom: 5.5vw;
    }
    .costWithBtn .red-button,
    .costWithBtn .red-button:focus{
        bottom: 1.5vw;
        padding: 0.73vw 1.26vw;
    }
}
/* END SEO COST */
/* FINANCE GARANTY */
.finance-garanty{
    background-image: url(../img/seo/finance_garanty/background.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.finance-garanty-container .content{margin-top: 3rem;}
.finance-garanty-container .elem{
    background-color: #fff;
    -webkit-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.8rem;
    padding: 3rem;
    margin-bottom: 3rem;
}
.finance-garanty-container .elem .title{
    text-transform: uppercase;
    color: #da2f3e;
    text-align: center;
    line-height: 2rem;
    font-family: "GothamProBold";
    font-size: 1.6rem;
}
.finance-garanty-container .elem .subtitle{
    font-family: "GothamProBold";
    font-size: 1.2rem;
    line-height: 1.8rem;
    text-transform: uppercase;
    text-align: center;
    margin: 1rem 0;
}
.finance-garanty-container .elem .text{
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.8rem;
}
@media(min-width: 768px){
    .finance-garanty-container h2{margin: 0 0 10.97vh;}
    .finance-garanty-container .content{margin-top: 0;}
    .finance-garanty-container .elem{
        width: 22.96vw;
        height: 25.1vw;
        -webkit-box-shadow: 0 0 5.04vw rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 5.04vw rgba(0, 0, 0, 0.2);
        border-radius: 0.46vw;
        padding: 3.22vw 1vw 0;
    }
    .finance-garanty-container .elem{
        position: absolute;
        top: 31.32vh;
        left: 46.66vw;
        margin-bottom: 0;
    }
    .finance-garanty-container .elem + .elem{left: 71.77vw;}
    .finance-garanty-container .elem .title{
        line-height: 1.77vw;
        font-size: 1.25vw;
        margin-bottom: 0.5vw;
    }
    .finance-garanty-container .elem .subtitle{
        font-size: 0.72vw;
        line-height: 1.35vw;
        margin: 0 0 0.8vw;
    }
    .finance-garanty-container .elem .text{
        text-align: center;
        font-size: 0.83vw;
        line-height: 1.35vw;
    }
    .finance-garanty-container .elem .img{
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 5.22vw;
        margin-bottom: 1.45vw;
    }
}
/* END FINANCE GARANTY */
/* WHY SMM */
.why-smm .note{text-align: left;}
.why-smm .reasons{
    position: relative;
    margin: 0 auto;
}
.why-smm .reason{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 2rem;
}
.why-smm .reason .image{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 8rem;
}
.why-smm .reason .description{
    font-family: "GothamProBold";
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
}
@media(min-width: 768px){
    .why-smm{
        background-image: url(../img/smm/why-smm/www.png);
        background-size: 48.4375vw 35.2vw;
        background-position: 49.5vw bottom;
        background-repeat: no-repeat;
    }
    .why-smm h2{margin-bottom: 3.08vh;}
    .why-smm .reasons{
        max-width: 60%;
        margin: 10.67vh 0 0;
    }
    .why-smm .reason{
        width: 13.54vw;
        height: 9.89vw;
        margin-right: 1.3vw;
        margin-top: 0;
    }
    .why-smm .reason .image{height: 4.375vw;}
    .why-smm .reason .description{
        font-size: 0.83vw;
        margin-top: 1.5625vw;
    }
}
/* END WHY SMM */
/* SMM STRUCTURE */
.smm-structure h2{margin-bottom: 5.5rem;}
.smm-structure-item-title{
    font: 1.6rem 'GothamProBold';
    margin-bottom: 22px;
    margin-bottom: 2.2rem;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.smm-structure-item-text{
    font: 1.4rem 'GothamProRegular';
    line-height: 2.2rem;
    color: #767676;
   /* height: 9rem;*/
    overflow: hidden;
}
.smm-structure-dynamic-block{height: 100%;}
.smm-structure-dynamic-img{
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}
.owl-smm-structure img{width: auto!important;}
@media(max-width: 767px){
    .smm-structure-item-textbox{
        width: 100%;
        float: right;
    }
    .smm-structure-item-imagebox{
        width: 100%;
        float: left;
        position: relative;
        height: 51.1vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: 20vw;
    }
    .smm-structure-item-imagebox>img{
        height: 12rem;
        margin: 3rem auto;
    }
    .smm-structure-item-imagebox>p{
        text-align: center;
        margin-top: 10px;
        text-transform: uppercase;
    }
}
@media(min-width: 768px){
    .smm-structure h2{margin: 0 0 3.38vw;}
    .smm-structure-item{
        width: 20vw;
        float: left;
        margin-bottom: 1.05vw;
        padding-left: 2.1vw;
        height: auto;
        cursor: pointer;
    }
    .smm-structure-item:nth-child(even){margin-left: 2.86vw;}
    .smm-structure-item-title{
        font-size: 0.93vw;
        margin-bottom: 1.04vw;
        position: relative;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .smm-structure-item-title:before{
        content: '';
        width: 0.75vw;
        height: 0.75vw;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        position: absolute;
        left: -1.8vw;
        border-radius: 2vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .smm-structure-item.hover .smm-structure-item-title:before,
    .smm-structure-item.active .smm-structure-item-title:before{
        width: 1.3vw;
        height: 1.3vw;
    }
    .smm-structure-item-text{
        font-size: 0.83vw;
        line-height: 1.2vw;
        height: auto;
        overflow: none;
    }
    .smm-structure-dynamic-block{height: calc(100vh - 6.5vw);}
    .smm-structure-dynamic-img{
        width: 46.5vw;
        height: 42.2vw;
        position: absolute;
        padding: 0;
        bottom: 0;
        right: -2.2vw;
    }
    .smm-structure .info-block,
    .smm-structure-dynamic-block{
        width: 44.5vw;
        position: relative;
        float: left;
    }
    .smm-structure-item.hover .smm-structure-item-title1,
    .smm-structure-item.active .smm-structure-item-title1{color: #b71d1d;}
    .smm-structure-item-title1:before{background-color: #b71d1d;}
    .smm-structure-item.hover .smm-structure-item-title2,
    .smm-structure-item.active .smm-structure-item-title2{color: #4fc5f7;}
    .smm-structure-item-title2:before{background-color: #4fc5f7;}
    .smm-structure-item.hover .smm-structure-item-title3,
    .smm-structure-item.active .smm-structure-item-title3{color: #1667c3;}
    .smm-structure-item-title3:before{background-color: #1667c3;}
    .smm-structure-item.hover .smm-structure-item-title4,
    .smm-structure-item.active .smm-structure-item-title4{color: #f87f16;}
    .smm-structure-item-title4:before{background-color: #f87f16;}
    .smm-structure-item.hover .smm-structure-item-title5,
    .smm-structure-item.active .smm-structure-item-title5{color: #24a69a;}
    .smm-structure-item-title5:before{background-color: #24a69a;}
    .smm-structure-item.hover .smm-structure-item-title6,
    .smm-structure-item.active .smm-structure-item-title6{color: #ffee58;}
    .smm-structure-item-title6:before{background-color: #ffee58;}
}
@media(min-width: 768px) and (max-width: 991px) and (min-height:1000px){
    .smm-structure-item{
        width: 35vw;
        float: left;
        margin-bottom: 2.05vw;
        padding-left: 3.1vw;
        height: auto;
    }
    .smm-structure-item:nth-child(even){margin-left: 0;}
    .smm-structure-item-textbox p{margin: 0 0 1vw;}
    .smm-structure-item-text{
        font-size: 1.3vw;
        line-height: 2vw;
        height: auto;
        overflow: none;
    }
    .smm-structure-item-dynamic-img{padding-left: 8.4vw;}
    .smm-structure-item-dynamic-img-inner{max-height: 70.5vh;}
    .smm-structure-item-dynamic-text{top: 8vw;}
    .smm-structure-item-dynamic-title{
        font-size: 1.55vw;
        line-height: 2.15vw;
    }
    .smm-structure-item-dynamic-subtitle{
        font-size: 1.44vw;
        line-height: 2.15vw;
    }
    .smm-structure-item-title{
        font-size: 1.5vw;
        margin-bottom: 22px;
        margin-bottom: 2.1vw;
        position: relative;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .smm-structure-item-title:before{
        content: '';
        width: 1.3vw;
        height: 1.3vw;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        position: absolute;
        left: -2.8vw;
        border-radius: 2vw;
        bottom: -1px;
    }
    .smm-structure-item.hover .smm-structure-item-title:before,
    .smm-structure-item.active .smm-structure-item-title:before{
        width: 1.8vw;
        height: 1.8vw;
        bottom: -3px;
    }
}
/* END SMM STRUCTURE */
/* SEO PROF-APPROACH */
.smm-prof-approach .prof-approach-mobile>.elem{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
/* END SEO PROF APPROACH */
/* ADDITIONAL SERVICES */
.additional-services .info-block .inner{
    border: 0.2rem solid #E4E4E4;
    height: 100%;
    padding: 2rem 1.5rem;
}
.additional-services .info-block p{
    margin: 0;
}
.additional-services .info-block .elem{
    position: relative;
    height: 36rem;
}
.additional-services .info-block .image{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 6rem;
}
.additional-services .info-block .title{
    font-family: "GothamProBold";
    text-align: center;
    margin: 2rem 0;
    font-size: 1.8rem;
}
.additional-services .info-block .description{
    text-align: center;
    color: #757575;
    font-size: 1.4rem;
    line-height: 2rem;
}
.additional-services .info-block .price{
    font-family: "GothamProBold";
    font-size: 1.6rem;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9rem;
}
.additional-services .info-block .red-button{
    position: absolute;
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    color: #fff!important;
    text-decoration: none;
}
.additional-services{
	padding: 0;
}
@media(min-width: 768px){
    .additional-services .info-block{
        position: relative;
        margin-top: 4.6vw;
        margin-top: 9.1vh;
    }
    .additional-services .info-block .inner{
        border: 0.1vw solid #E4E4E4;
        padding: 2.86vw 1.08vw 3.64vw;
    }
    .additional-services .info-block .image{
        height: 2.6vw;
    }
    .additional-services .info-block .title{
        font-size: 0.93vw;
        margin: 0.78vw 0 2.08vw;
    }
    .additional-services .info-block .description{
        font-size: 0.8vw;
        line-height: 1.14vw;
    }
    .additional-services .info-block .price{
        font-size: 1.14vw;
        bottom: 8.07vw;
    }
    .additional-services .info-block .elem{
        margin: 0 0 0 2.5vw;
        float: left;
        width: 17.7vw;
        height: 24.94vw;
    }
    .additional-services .info-block .red-button{
        bottom: 2.86vw;
    }
}
/* END ADDITIONAL SERVICES */
/* COMMENTS */
.comment-block{
    margin-top: 2rem;
}
.comment-block-title{
    font-family: "GothamProBold";
    font-size: 1.6rem;
}
.above-comment-input{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2rem;
}
.above-comment-input .fa{
    color: #657ba7;
}
.above-comment-input .comments-user-name{
    font-family: "GothamProBold";
    display: block;
    margin: 0;
    color: #657ba7;
    font-size: 1.2rem;
    margin-right: 0.5rem;
}
.above-comment-input .comments-count{
    font-size: 1.4rem;
}
.above-comment-input .reviews_user_menu_group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
}
.above-comment-input a.dropdown-item{
    font-size: 1rem;
}
.blog-one-post-container{
    position: relative;
}
.blog-one-post-container .fog{
    background-color: transparent;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
.blog-one-post-container .fog.active{
    position: absolute;
    z-index: 999999999999999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.6);
}
@media(min-width: 768px){
    .above-comment-input{
        margin-bottom: 1.5625vw;
    }
    .comment-block-title{
        font-size: 1.45vw;
        margin-bottom: 2.08vw;
    }
    .comment-block{
        margin-top: 2.34vw;
    }
    .above-comment-input .comments-user-name{
        font-size: 0.72vw;
        margin-right: 0.41vw;
    }
    .above-comment-input .comments-count{
        font-size: 0.93vw;
    }
    .above-comment-input .fa,
    button.reviews_user_menu{
        font-size: 0.72vw;
        line-height: 0.72vw;
    }
    .above-comment-input a.dropdown-item{
        font-size: 0.73vw;
    }
    .above-comment-input .dropdown-menu{
        min-width: 8.33vw;
        padding: 0.25vw 0;
        margin: 0.1vwpx 0 0;
        font-size: 0.73vw;
        border-radius: 0.2vw;
    }

}
/* COMMENT MODAL */
#authModalLabel{
    font-size: 2rem;
    font-family: "GothamProBold";
}
#authModal .modal-header{
    border-bottom:none;
    padding-bottom: 0px;
}
#authModal .modal-body{
    text-align:center;
}
#authModal .modal-footer{
    padding: 1.5rem 2.5rem;
}
#authModal li::before {
    content:none;
}
#authModal .bx-authform-social ul {
    margin:0px;
    padding:0px;
    text-align: center;
}
#authModal.modal.show .modal-dialog {
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
    top: 50%;
}
#authModal .close {
    font-size: 3.4rem;
    cursor:pointer;
}
#authModal .modal-title {
    font-family: 'Circe-Bold', Arial, sans-serif;
    font-weight: bold;
}
#authModal .footer_text {
    font-size: 1.2rem;
}
#authModal .footer_icon {
    color: #616161;
    width: 5rem;
    text-align: center;
}
#authModal .footer_text a{
    text-decoration:underline;
    color: #616161;
}
#authModal .footer_text a:hover{
    text-decoration:none;
    color: #616161;
}
#authModal .modal-footer{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    padding: 1.5rem;
    border-top: 0.1rem solid #e9ecef;
}
#authModal .modal-header{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-pack: end;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 1.5rem;
    border-top: 0.1rem solid #e9ecef;
}
#authModal .modal-content{
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}
@media(min-width: 768px){
    #authModalLabel{
        font-size: 1.04vw;
    }
    #authModal .modal-footer{
        padding: 0.78vw 1.3vw;
    }
    #authModal .close {
        font-size: 1.77vw;
    }
    #authModal .footer_text {
        font-size: 0.625vw;
    }
    #authModal .footer_icon {
        width: 2.6vw
    }
    #authModal .modal-footer,
    #authModal .modal-header{
        padding: 0.78vw;
        border-top: 1px solid #e9ecef;
    }
}
/* END COMMENTS */
/* MODAL */
.main-modal p{
    margin: 0;
}
.main-modal .modal-header{
    border: none;
}
.main-modal .modal-content{
    padding: 1.5rem;
    border-radius: 1.5rem;
}
.main-modal .modal-header,
.main-modal .modal-body{
    padding: 0vw;
}
.main-modal .modal-title{
    font-family: "GothamProBold";
    font-size: 2rem;
    text-align: center;
    margin-bottom: 2rem;
}
.brif-grid{
    text-align: center;
}
.brif-grid .brif-elem{
    background-color: #F2F2F2;
    border-radius: 1rem;
    display: inline-block;
    width: 12rem;
    height: 12rem;
    padding-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
    cursor: pointer;
}
.brif-grid .brif-elem:hover,
.brif-grid .brif-elem.active{
    background-color: #DA2F3E;
}
.brif-grid .brif-elem:nth-child(1),
.brif-grid .brif-elem:nth-child(3){
    margin-right: 2rem;
}
.brif-grid .brif-elem:hover .brif-elem-img,
.brif-grid .brif-elem.active .brif-elem-img{
    -webkit-filter: invert(1);
            filter: invert(1);
}
.brif-grid .brif-elem:hover .brif-elem-title,
.brif-grid .brif-elem.active .brif-elem-title{
    color: #fff;
}
.brif-grid .brif-elem > a{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
}
.brif-elem-img{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 4rem;
}
.brif-elem-title{
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: 1.5rem;
    height: 4.2rem;
    position: relative;
}
.brif-elem-title > div{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    right: 0;
}
.main-modal .close{
    opacity: 0.8;
    top: -0.5vw;
    right: -1.2vw;
    position: relative;
    font-size: 3rem;
    font-weight: 100;
    z-index: 999;
}
.brif-button-block{
    text-align: center;
    margin: 2rem 0 2rem;
    position: relative;
}
.brif-button-block .red-button,
.brif-button-block .red-button:focus{
    font-size: 1.4rem;
    padding: 1.8rem 3rem;
}
.brif-validation{
    color: red;
    font-size: 1.2rem;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: -3.5rem;
}
.main-modal .modal-dialog{
    top: 50%;
    -webkit-transform: translateY(-50%)!important;
        -ms-transform: translateY(-50%)!important;
            transform: translateY(-50%)!important;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.modal.fade .modal-dialog {

    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.thanks-modal-title{
    font-family: "GothamProBold";
    font-size: 3rem;
    text-align: center;
    line-height: 3rem;
}
@media (min-width: 768px){
    .main-modal .modal-dialog {
        width: 24.21vw;
        margin: 1.5625vw auto;
		}
		.main-modal .modal-brif{
			width: 36.31vw;
		}
    .main-modal .modal-content{
        padding: 1.8vw 2.86vw;
        border-radius: 0.8vw;
    }
    .main-modal .modal-title{
        font-size: 1.04vw;
        margin-bottom: 1.88vw;
    }
    .brif-grid .brif-elem{
        width: 12.75vw;
        height: 12.75vw;
        border-radius: 0.52vw;
        margin-bottom: 1.04vw;
        padding-top: 3.2vw;
    }
    .brif-elem-title{
        font-size: 0.8vw;
        line-height: 1.04vw;
        margin-top: 1.5vw;
        height: 2.2vw;
    }
    .brif-elem-img{
        height: 3.34vw;
    }
    .brif-grid .brif-elem:nth-child(1),
    .brif-grid .brif-elem:nth-child(3){
        margin-right: 1.04vw;
    }
    .brif-button-block{
        margin: 2.08vw 0 1.14vw;
    }
    .brif-button-block .red-button,
    .brif-button-block .red-button:focus{
        font-size: 0.83vw;
        padding: 0.93vw 1.875vw;
    }
    .brif-validation{
        font-size: 0.83vw;
        top: -2.5vw;
    }
    .main-modal .close{
        top: -0.8vw;
        right: -1vw;
        font-size: 2vw;
    }
    .thanks-modal-title{
        font-size: 1.875vw;
        line-height: 2vw;
    }
    .main-modal.order.thanks .modal-content{
        padding: 2.75vw 1.75vw;
    }
}
/* END MODAL */
/* FORMS */
.main-forms-input{
    padding: 1.6rem;
    font-size: 1.4rem;
    line-height: 2rem;
    border-radius: 1rem;
    background-color: #F2F2F2;
    color: #C2C2C2;
    border: 0.2rem solid #F2F2F2;
    opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
    margin-bottom: 2rem;
}
.main-forms-input:focus{
    background-color: #fff;
    color: #000;
    border: 0.2rem solid #DA2F3E;
}
.main-forms-label{
    margin-bottom: 1rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-family: "GothamProLight";
}
.red-button.short{
    width: auto;
    display: block;
    margin: 0 auto;
    font-size: 1.4rem;
    padding: 1.8rem 3rem;
}
.PRVUniversalFeedback p{
    position: relative;
}
.PRVUniversalFeedback .error.help-block{
    position: absolute;
    color: red;
    font-size: 1.2rem;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -2rem;
    margin: 0;
}
.inp_checkbox{
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 0;
}
.inp_checkbox + div:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f0c8";
    font-size: 16px;
    color: #DA2F3E;
    position: absolute;
    top: 0;
    left: -2.5rem;
    background: transparent;
}
.inp_checkbox:checked + div:before {
    content: "\f14a";
    font-size: 16px;
    background: transparent;
}
.PRVUniversalFeedback .agreement-label{
    position: relative;
    font-size: 1.2rem;
    margin: 0;
    font-family: "GothamProLight";
    margin-left: 3rem;
}
.PRVUniversalFeedback .agreement-label a,
.PRVUniversalFeedback .agreement-label a:focus{
    color: #000;
}
.PRVUniversalFeedback .agreement-label a:hover,
.PRVUniversalFeedback .agreement-label a:active,
.PRVUniversalFeedback .agreement-label a:active:hover,
.PRVUniversalFeedback .agreement-label a:active:focus{
    color: #DA2F3E;
}
.PRVUniversalFeedback input[type="submit"]{
    margin-top: 2.5rem;
}
.agreement-block{
    position: relative;
}
.PRVUniversalFeedback .error.help-block{
    position: absolute;
    color: red;
    font-size: 1.2rem;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0vw;
}
.PRVUniversalFeedback .agreement-block .error.help-block{
    bottom: -1.5rem;
}
@media(min-width: 768px){
    .main-modal.order .modal-content{
        padding: 1.75vw 2.23vw 1.8vw;
    }
    .main-forms-input{
        font-size: 0.73vw;
        line-height: 1.04vw;
        border-radius: 0.52vw;
        padding: 0.83vw;
        margin-bottom: 1.04vw!important;
        max-height: 2.9vw;
    }
    .main-forms-label{
        margin-bottom: 0.52vw;
        font-size: 0.73vw;
        line-height: 1.04vw;
    }
    .red-button.short{
        font-size: 0.83vw;
        padding: 0.93vw 1.6vw;
    }
    .PRVUniversalFeedback .error.help-block{
        font-size: 0.73vw;
        bottom: -0.2vw;
    }
    .PRVUniversalFeedback .agreement-block .error.help-block{
        bottom: -0.9vw;
    }
    .PRVUniversalFeedback .agreement-label{
        position: relative;
        font-size: 0.65vw;
        margin-left: 1.66vw;
    }
    .PRVUniversalFeedback input[type="submit"]{
        margin-top: 1.3vw;
    }
    .inp_checkbox + div:before {
        font-size: 0.73vw;
        position: absolute;
        left: -1vw;
    }
    .inp_checkbox:checked + div:before {
        content: "\f14a";
        font-size: 0.73vw;
        background: transparent;
    }
}
/* END FORMS */
/* cd-images */
.cd-image-container{
    position: relative;
    width: 100%;
    margin: 3rem 0;
}
.cd-image-container > img{
    width: 100%;
}
.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
          animation: cd-bounce-in 0.7s;
  border-right: 3px solid #da2f3e;
}
.cd-resize-img > img{
    height: 100%;
    max-width: unset;
}
.cd-handle {
    position: absolute;
    height: 44px;
    width: 44px;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border-radius: 50%;
    background: #da2f3e url(../img/befaft.svg) no-repeat center center;
    cursor: move;
    -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
            box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    -ms-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
}
.is-visible .cd-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
    -webkit-transition: opacity 0s 0.7s, -webkit-transform 0.3s 0.7s;
    transition: opacity 0s 0.7s, -webkit-transform 0.3s 0.7s;
    -o-transition: transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s, -webkit-transform 0.3s 0.7s;
}
@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@media(max-height: 767px){
    .cd-image-container > img{
        min-height: 11rem;
    }
}
@media(min-width: 768px) and (orientation: portrait){
    .cd-handle {
        height: 34px;
        width: 34px;
        margin-left: -22px;
        margin-top: -22px;
        -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
                box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    }
}
@media(min-width: 768px){
    .cd-image-container{
        margin: 3vw 0;
    }
    .cd-handle {
        height: 2.29vw;
        width: 2.29vw;
        margin-left: -1.14vw;
        margin-top: -1.14vw;
        -webkit-box-shadow: 0 0 0 0.31vw rgba(0, 0, 0, 0.2), 0 0 0.52vw rgba(0, 0, 0, 0.6), inset 0 0.05vw 0 rgba(255, 255, 255, 0.3);
                box-shadow: 0 0 0 0.31vw rgba(0, 0, 0, 0.2), 0 0 0.52vw rgba(0, 0, 0, 0.6), inset 0 0.05vw 0 rgba(255, 255, 255, 0.3);
    }
    .is-visible .cd-resize-img {
        border-right: 0.15vw solid #da2f3e;
    }
}
/* end cd-images */
/* case owl */
.owl-case-adaptive{
    position: relative;
    margin: 5rem 0;
}
.owl-case-adaptive:before{
    content: '';
    display: block;
    width: 23rem;
    height: 44.5rem;
    background-image: url(../img/iphoneX.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 999;
    left: 50%;
    top: -3.4rem;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.owl-case-adaptive .image{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20rem;
    height: 39rem;
    margin: 0 auto;
}
.owl-case-adaptive .owl-nav .owl-next .custom-nav-right,
.owl-case-adaptive .owl-nav .owl-prev .custom-nav-left{
    background-image: url(../img/seo/success/arrow-active.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 999;
}
.owl-case-adaptive .owl-nav .owl-next .custom-nav-right{
    right: -1.6rem;
}
.owl-case-adaptive .owl-nav .owl-prev .custom-nav-left{
    left: -1.6rem;
    -webkit-transform: scale(-1, 1) translateY(-50%);
        -ms-transform: scale(-1, 1) translateY(-50%);
            transform: scale(-1, 1) translateY(-50%);
}
.owl-case-adaptive .owl-nav > div{
    background-color: transparent!important;
}
@media(min-width: 768px){
    .owl-case-adaptive{
        margin: 6vw 0 4vw;
    }
    .owl-case-adaptive:before{
        width: 12.5vw;
        height: 25.65vw;
        left: 50%;
        top: -2.2vw;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .owl-case-adaptive.load:before{
        left: 51%;
    }
    .owl-case-adaptive .image{
        width: 10.94vw;
        height: 22.03vw;
        margin: 0 auto;
    }
    .owl-case-adaptive .owl-nav .owl-next .custom-nav-right,
    .owl-case-adaptive .owl-nav .owl-prev .custom-nav-left{
        background-image: url(../img/seo/success/arrow.png);
        width: 3.38vw;
        height: 3.38vw;
        top: 40%;
    }
    .owl-case-adaptive .owl-nav .owl-next .custom-nav-right{
        right: -3vw;
        -webkit-transform: scale(-1, 1) translateY(0%);
            -ms-transform: scale(-1, 1) translateY(0%);
                transform: scale(-1, 1) translateY(0%);
    }
    .owl-case-adaptive .owl-nav .owl-prev .custom-nav-left{
        left: -2vw;
        -webkit-transform: scale(1, -1);
            -ms-transform: scale(1, -1);
                transform: scale(1, -1);
    }
    .owl-case-adaptive .owl-nav .owl-prev:hover .custom-nav-left{
        -webkit-transform: scale(-1, 1);
            -ms-transform: scale(-1, 1);
                transform: scale(-1, 1);
    }
    .owl-case-adaptive .owl-nav .owl-prev:hover .custom-nav-left,
    .owl-case-adaptive .owl-nav .owl-next:hover .custom-nav-right{
        background-image: url(../img/seo/success/arrow-active.png);
    }
    .owl-case-adaptive .owl-nav .owl-next:hover .custom-nav-right{
        -webkit-transform: scale(1, -1) translateY(0%);
            -ms-transform: scale(1, -1) translateY(0%);
                transform: scale(1, -1) translateY(0%);
    }
}
/* end case owl */
.case-desktop-image-grid{
    width: 96rem;
    -webkit-transform: translateX(-31%);
        -ms-transform: translateX(-31%);
            transform: translateX(-31%);
}
.case-desktop-image-grid img{
    width: 100%;
}
.case-desktop-image{
    float: left;
    width: 30rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    height: auto;
    display: block;
}
.case-desktop-image-inner{
    height: inherit;
    width: 100%;
    position: relative;
}
@media(min-width: 768px){
    .case-desktop-image{
        width: 480px;
        padding-right: 40px;
        padding-bottom: 40px;
    }
    .case-desktop-image-grid{
        width: 1520px;
        left: 50%;
        -webkit-transform: translateX(-46%);
            -ms-transform: translateX(-46%);
                transform: translateX(-46%);
    }
}
/* contacts page */
@media(max-width: 767px){
    .contacts-page{
        padding-top: 85px;
    }
}

.blog-search-page{
    display: none;
}
/* agreenent page */
.agreement-container{padding: 90px 20px 20px;}
.agreement-container h1{
    font: 2.6rem 'GothamProBold';
    margin-bottom: 2.5rem;
    line-height: 2.8rem;
    margin-left: 0px;
    color: black;
}
.agreement-container p{
    font: 1.4rem 'GothamProRegular';
    color: #757575;
    line-height: 1.8rem;
}
@media(min-width: 768px){
    .agreement-container{
        margin: 6.56vw 8.81vw 0 8.81vw;
        padding: 0 0 2vw;
    }
    .agreement-container h1{
        font-size: 2.7vw;
        line-height: 3.22vw;
        margin-bottom: 1.3vw;
    }
    .agreement-container p{
        font-size: 0.93vw;
        margin-bottom: 2.23vw;
        line-height: 1.35vw;
    }
}
/* end agreenent page */

@media(max-width: 767px){
    .slide.trade-wave + .contacts{
        margin-top: 20rem;
    }
}

.blog__post-text h4{
    font-size: 0.9375vw;
}

.blog__post-text  ol {
    font-family: "GothamProBold";
    color: #000;
}
.blog__post-text  ol li > *:not(h4){
    color: #757575;
    font-family: "GothamProRegular";
}

/* catalog page main */
.catalog-container,
.basket-container,
.personal-container{
    padding: 90px 20px 46px;
    margin: 0;
}
@media(min-width: 768px){
    .catalog-container,
    .basket-container,
.personal-container{
        margin: 6.56vw 8.81vw 0 8.81vw;
        padding: 0px;
    }
    .catalog-container h1{
        margin-top: 0;
    }
    .basket-container h1,
    .personal-container h1{
        margin-top: 0;
        margin-bottom: 2rem;
    }
}
.dropdown-cart::before{
	content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    top: -50px;
}

/* dropdown cart */
@media(min-width: 768px){
	.dropdown-cart #basket-root, .dropdown-cart .dropdown-empty-cart-body{
        background-color: #fff;
        -webkit-box-shadow: 0 0 1.04vw 0 rgba(0,0,0,.1);
                box-shadow: 0 0 1.04vw 0 rgba(0,0,0,.1);
        border-radius: 0.26vw;
        text-align: left;
        max-height: 85vh;
        overflow: auto;
	}
	
    .dropdown-cart{
        position: absolute;
        right: -1.04vw;
        top: 3vw;
        width: 29.42vw;
		opacity: 0;
		visibility: hidden;
        transition: all .1s ease;
        -webkit-transition: all .1s ease;
        -moz-transition: all .1s ease;
        -ms-transition: all .1s ease;
		-o-transition: all .1s ease;
        max-height: 85vh;
    }
    .header-cart-btn-inner:hover .dropdown-cart,
    .dropdown-cart.dropdown-cart-opened{
		opacity: 1;
		visibility: visible;
    }
    .dropdown-empty-cart-body{
        padding: 2.08vw 1.5625vw 0;
    }
    .dropdown-empty-cart-body-content{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .dropdown-empty-cart-body hr{
        margin-bottom: 0;
        margin-top: 1.145vw;
    }
    .dropdown-empty-cart-footer a,
    .dropdown-empty-cart-footer a:focus{
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 0.57vw;
        line-height: 0.625vw;
        padding: 1.4vw 0;
        text-transform: uppercase;
        color: #fff;
        background-color: #2B7DE0;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        text-decoration: none;
        overflow: hidden;
        border-bottom-left-radius: 0.26vw;
        border-bottom-right-radius: 0.26vw;
        opacity: 1;
    }

    .dropdown-empty-cart-footer a:hover,
    .dropdown-empty-cart-footer a:active,
    .dropdown-empty-cart-footer a:active:focus,
    .dropdown-empty-cart-footer a:active:hover{
        text-decoration: none;
        color: #fff;
        background-color: #468de4;
        border-color: #468de4;
    }
    .dropdown-empty-cart-img{
        width: 7.135vw;
        padding-left: 0.52vw;
    }
    .dropdown-empty-cart-img > img{
        display: block;
        max-width: 4.73vw;
    }
    .dropdown-empty-cart-title{
        font-family: "GothamProBold";
        font-size: 0.9895vw;
        margin-bottom: 0.78vw;
        line-height: normal;
    }
    .dropdown-empty-cart-subtitle{
        font-family: "GothamProLight";
        font-size: 0.677vw;
        line-height: 1.197vw;
    }
}
.white-title-gradient-background-page h1{
    color: #fff!important;
}
.white-title-gradient-background-page body{
    background-image: url(../img/preloader/background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* personal page */
.personal-page,
.personal-page .personal,
.personal-page body{
    background-color: #ECECEC;
}
.personal-page .slide.contacts{
    background-color: #fff;
}
.personal-sidebar-logo{
    display: none;
}
.personal-sidebar__user{
    padding: 1.5rem;
    background-color: #38386E;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 2rem;
}
.personal-sidebar__user-name{
    color: #9B9BE7;
    font-size: 1.6rem;
    font-family: "GothamProBold";
    margin-right: 1rem;
}
.personal-sidebar__logout > a,
.personal-sidebar__logout > a:focus{
    background-color: #24244E;
    border-radius: 100%;
    color: #9B9BE7;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    display: block;
    text-align: center;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
.personal-sidebar__logout > a:hover{
    opacity: 0.7;
}
@media(max-width: 767px){
	.header-logo-container {
		width: 100%;
	}
    .personal-sidebar{
        position: fixed;
        left: 0;
        right: 0;
        top: 55px;
        min-height: 512px;
        height: calc(100vh - 55px);
        overflow: auto;
        background-color: #24244E;
        width: 100%;
        padding: 2rem 0 0;
        z-index: 990;
        -webkit-transform: translateY(-100vh);
            -ms-transform: translateY(-100vh);
                transform: translateY(-100vh);
        -webkit-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        transition: all 500ms linear;
    }
    .personal-menu-open .personal-sidebar{
        -webkit-transform: translateY(0vh);
            -ms-transform: translateY(0vh);
                transform: translateY(0vh);
    }
}
@media(min-width: 768px){
    .personal-page body{
        padding-left: 9.26vw;
    }
    .personal-page .contacts-map-block{
        width: 44vw;
    }
    .personal-sidebar{
        position: fixed;
        left: 0;
        top: 0;
        right: auto;
        min-height: 15.625vw;
        height: 100vh;
        overflow: auto;
        background-color: #24244E;
        width: 15.625vw;
        padding: 1.822vw 0 0;
        z-index: 999;
    }
    .personal-sidebar-logo{
        display: block;
        margin-bottom: 1.51vw;
        height: 2.44vw;
        position: relative;
    }
    .personal-sidebar-logo img{
        margin: 0 auto;
        height: 100%;
    }
    .personal-sidebar__user{
        padding: 1.14vw;
        margin-bottom: 1.97vw;
    }
    .personal-sidebar__user-name{
        font-size: 0.93333vw;
        margin-right: 0.41vw;
    }
    .personal-sidebar__logout > a,
    .personal-sidebar__logout > a:focus{
        width: 1.875vw;
        height: 1.875vw;
        line-height: 1.875vw;
        text-align: center;
    }
    .personal-page .basket-container{
        margin-bottom: 90px;
    }
}
.personal-menu-button{
    display: none;
}
@media(max-width: 767px){
    .personal-menu-button{
        display: block;
        width: 6rem;
        padding-left: 1rem;
    }
    .personal-menu-button .fas{
        color: #da2f3e;
        font-size: 1.6rem;
		}
		.header-logo-container__inner-modal-cities-btn span, .header-logo-container__inner-modal-cities-btn i{
			font-size: 1.4rem !important;
		}
}
@media(min-width: 768px){
    .some-class {
        display: block!important;
    }
}
/* city choosen */
.header-logo-container__inner{
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header-logo-container__inner-modal-cities-btn{
    font-size: 1.4vw;
    text-align: center;
		padding-left: 2vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.header-logo-container__inner-modal-cities-btn,
.header-logo-container__inner-modal-cities-btn:hover,
.header-logo-container__inner-modal-cities-btn:focus{
    text-decoration: none;
}
.header-logo-container__inner-modal-cities-btn > .fas,
.header-logo-container__inner-modal-cities-btn:hover > .fas,
.header-logo-container__inner-modal-cities-btn:focus > .fas,
.header-logo-container__inner-modal-cities-btn > .fas{
    color: #D83142;
}
.header-logo-container__inner-modal-cities-btn > span,
.header-logo-container__inner-modal-cities-btn:hover > span,
.header-logo-container__inner-modal-cities-btn:focus > span,
.header-logo-container__inner-modal-cities-btn > span{
    color: #212121;
    border-bottom: 2px dotted #D83142;
    font-family: "GothamProBold";
}
.modal-cities > .modal-dialog{
    margin: 0 auto;
    height: 100%;
}
.modal-cities .modal-content{
    border-radius: 0px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    height: inherit;
    overflow: auto;
}
.modal-cities .modal-body{
    padding: 5rem 2rem 4rem;
}
@media(min-width: 768px){

    .header-logo-container__inner-modal-cities-btn{
        font-size: 0.9375vw;
        padding: 0;
    }
    .personal-page .header-logo-container__inner-modal-cities-btn{
        width: 20.16vw;
    }
    .modal-cities .modal-body{
        padding: 3.95vw 1.97vw 0.52vw;
    }
    .modal-cities > .modal-dialog{
        width: 38.27vw;
    }
}
@media (max-width:768px){
	.cart-count{
		font-size: 1.4rem;
		width: 2rem;
		height: 2rem;
		position: absolute;
		bottom: -0.15vw;
		right: -0.45vw;
	}
}
.supporting-services{
	padding: 2vw 2vw 0vw 2vw;
	background-image: url(../../components/bitrix/main.include/supporting-main-page/img/necessity-bg.png);
	background-size: auto 100%;
	background-position-x: right;
	background-position-y: bottom;
	background-repeat: no-repeat;
}
@media (max-width:768px){
	.supporting-services{
		background: none;
		margin-bottom: 20px;
		padding: 20px;
	}
	.supporting-main-mobile-man{
		margin: 0 -20px -20px 0;
	}

}
.speed-main-slide{
	background-image: url(../../components/bitrix/main.include/speed-main-page/img/speed-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.speed-advantages-block{
	margin-top: 3.15vw;
}
.speed-advantages-wrap{
	display: flex;
	margin-bottom: 1.57vw;
}
.speed-advantages-wrap:last-child{
	margin-bottom: 0;
}
.speed-advantages{
	display: flex;
	align-items: center;
	font-size: 1.05vw;
	color: #fff;
	margin-left: 0.57vw;
}
.speed-advantages-decor{
	width: 2.68vw;
	height: 2.68vw;
	left: -3.25vw;
	border:0.95vw solid #fff;
	border-radius: 500vw;
}
.speed-reasones{
	padding: 7vw 2vw 0vw 8vw;
	background-image: url(../../components/bitrix/main.include/speed-main-page/img/speed-and-ball.png);
	background-size: 37vw auto;
	background-position-x: right;
	background-position-y: bottom;
	background-repeat: no-repeat;
}
.speed-will-get{
	padding: 7vw 8vw 0vw 8vw;
	display: flex;
	flex-direction: column;
}
.cost-item-inner-speed{
	padding: 3.79vw 0.5vw 0;
	height: 24vw;
}
.cost-item-inner-supporting{
	height: 27.5vw;
}
@media (max-width:768px){
	.cost-item-inner-supporting {
    height: 46rem;
	}
	.cost-item-inner-supporting .cost-item-text{
		margin-top: 5rem;
	}
	.speed-reasones{
		padding: 20px 20px 0px;
		background-image: none;
	}
	.speed-will-get{
		padding: 20px;
	}
	.speed-will-get__section-title{
		margin-bottom: 2rem;
	}
	.speed-advantages{
		display: flex;
		align-items: center;
		font-size: 1.4rem;
		color: #fff;
		margin-left: 1rem;
	}
	.speed-advantages-decor{
		width: 3rem;
		height: 3rem;
		border:1.2rem solid #fff;
		border-radius: 500rem;
	}
	.speed-advantages-block{
		margin-top: 4rem;
	}
	.speed-will-get__section-title{
		font-size: 1.6rem;
	}
	.speed-will-get__section{
		margin-top: 0;
	}
	.works-list__item-title{
		font-size: 1.6rem;
	}
	.works-list__item-desc{
		margin-top: 1rem;
		font-size: 1.4rem;
	}
	.works-list__item{
		width: 100%;
		margin-bottom: 3rem;
	}
	.works-list__item:first-child, .works-list__item:nth-child(2){
		margin-bottom: 3rem;
	}
	.works-list__item-icon-wrap{
		margin: 0 4.6rem 0 0;
	}
	.total-list{
		flex-wrap: wrap;
	}
	.total-list__item{
		width: 50%;
		margin-bottom: 3rem;
	}
	.total-list__item-icon {
    width: auto;
    height: 5rem;
	}
	.total-list__item-desc{
		margin-top: 2rem;
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
	.cost-item-inner-speed{
    height: 39rem;
		padding: 4rem 1rem 1rem 1rem;
	}
	.cost-item-text {
    margin-top: 2rem;
	}
	.speed-advantages-wrap{
		margin-bottom: 2rem;
	}
	.client-tasks{
		padding-bottom: 70px;
	}
	.contacts{
		padding-top: 1rem;
	}
	.prof-approach{
		padding-top: 0;
	}
	.integration-opportunities{
		padding-bottom: 0;
		padding-top: 0;
	}
	.works-container{
		margin-top: 4rem;
	}
	.seo-results-container h2{
		margin-top: 0;
		margin-bottom: 50px;
	}
	.clients-success-container h2{
		margin-top: 0;
		margin-bottom: 50px;
	}
	.finance-garanty-container h2{
		margin-top: 0;
		margin-bottom: 50px;
	}
	.why-smm .slide-container h2{
		margin-bottom: 50px;
	}
	.catalog-container h1{
		margin-bottom: 50px;
	}
	.prof-approach.seo{
		margin-top: 6rem;
	}
	.service{
		padding-bottom: 0;
	}
	.works{
		padding-top: 10px;
	}
	.clients{
		padding-top: 0;
		padding-bottom: 20px;
	}
}
.header-logo-container__inner{
margin-left:-5px;
}
.personal-page .header-logo-container__inner-modal-cities-btn{
	width: inherit;
}

/* DNL WORK */
.services__container{
    width: 60%;
}
.services__paragraph{
    font-size: 1vw;
    margin-top: 20px;
    line-height: 1.26vw;
}
.services__list{
    color: red;
    padding-left: 20px;
}
.services__list-item span{
    color:#000;
    line-height: 1.26vw;
}
.services__list-title {
    /* margin-top: 3.6vw; */
    margin-bottom: 0.89vw;
    font-size: 1.21vw!important;
    font-weight: bold!important;
    font-family: GothamProBold;
}
.services__list{
    font-size: 1vw;
}
.services__first-block {
    width: 50%;
    margin-right: 45px;
}
.services__second-block{
    width: 50%;
}
.services__list-block{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}



@media (max-width: 767px){
    .services__container{
        width: 100%;
    }
    .services__container .services__title{
        font-size: 3.6rem;
        margin-bottom: 5rem;
    }
    .services__paragraph {
        font-size: 1.8rem;
        margin-top: 2rem;
        line-height: 2.4rem;
    }
    .services__list-title {
        font-size: 2.3rem;
        margin-bottom: 3rem;
        margin-top: 3rem;
    }
    .services__list{
        font-size: 1.8rem;
    }
    .services__list-block{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .services__first-block {
        width: 100%;
        margin-right: 0px;
    }
    .services__second-block{
        width: 100%;
    }
}


#personal h1.profile-title {
    font-size: 2rem;
    line-height: 4rem;
    color: #414141;
    font-family: "GothamProRegular";
    margin: 0;
}
@media (min-width: 768px){
	#personal h1.profile-title {
		font-size: 1.875vw;
		line-height: 3.5vw;
	}
}

/* Страница партнёра */
.partners-page{
	margin-left: 30px;
}

.partners-page-wrapper{
	margin-top: 30px;
}
.partners-page .progress{
	position: relative;
	overflow: visible;
	z-index: 2;
	margin-top: 151px;
	height: 7px;
	background-color: #fff;
	background-image: none;
	margin-bottom: 20px;
	overflow: hidden;
	max-width: 900px;
}
.partners-page .progress-bar{
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.partners-page .progressbar_labels{
	position: relative;
    display: flex;
	width: 100%;
	left: 0;
	top: 0;
	margin-bottom: 170px;
	max-width: 900px;
}
.progressbar_labels .junior{
	position: absolute;
	left: 0px;
}
.progressbar_labels .middle{
	position: absolute;
	left: calc(100% / 6);
	top: -135px;
}
.progressbar_labels .senior{
	position: absolute;
	left: calc(50%);
}
.progressbar_labels .theking{
	position: absolute;
	left: 99%;
	min-width: 110px;
	top: -135px;
}


.personal-sidebar .personal-sidebar__user{
	justify-content: space-between;
}
.personal-sidebar__user-name .name{
	color: #C3C3F3;
    font-family: GothamProBold;
}
.personal-sidebar__user-name .status{
    font-family: GothamProBold;
}
.personal-sidebar__user-name .discount{
    font-family: GothamProRegular;
}
.personal-sidebar__user-name .name{
	margin-bottom: 10px;
}
.personal-sidebar__user-name .status a{
	color: inherit;
}
.partners-page-wrapper .status{
	display: flex;
	max-width: 600px;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}
.partners-page-wrapper .status > div{
	padding: 17px;
	border-radius: 10px;
	background-color: #fff;
	min-width: 185px;
	text-align: center;
}
.partners-page-wrapper .status .value{
	font-size: 20px;
    font-family: GothamProBold;
	margin-bottom: 5px;
	line-height: normal;
}
.partners-page-wrapper .status .text{
	font-size: 14px;
	line-height: normal;
}

@media(max-width: 620px){
	.partners-page-wrapper .status{
		max-width: 100%;
	}
	.partners-page-wrapper .status > div{
		min-width: unset;
		margin-left: 15px;
		width: 32%;
	}
	.partners-page-wrapper .status > div:first-of-type{
		margin-left: 0;
	}
	.partners-page-wrapper .status .value{
		font-size: 3vw;
	}
	.partners-page-wrapper .status .text{
		font-size: 13px;
	}
}
@media(max-width: 440px){
  .partners-page-wrapper .status .value{
		font-size: 20px;
	}
	.partners-page-wrapper .status .text{
		font-size: 14px;
	}
	.partners-page-wrapper .status > div {
		margin-left: 5px;
	}
  .partners-page-wrapper .status{
    flex-direction: column;
  }
  .partners-page-wrapper .status > div {
    width: 100%;
    margin: 5px 0;
  }

}

.partners-page-wrapper .text .bold{
	font-family: GothamProBold;
	font-size: 20px;
	margin-bottom: 10px;
    display: flex;
}
.partners-page .text span:not(.bold){
	font-size: 14px;
	line-height: normal;
}

.text-under-title{
	font-size: 1.5rem;
	line-height: normal;
	margin-top: 20px;
	display: block;
}

@media(min-width: 768px){
	.text-under-title{
		font-size: 1vw;
		line-height: normal;
		margin-top: 20px;
		display: block;
	}
}

.label-wrapper{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 130px;
  padding: 15px;
  background-color: #fff;
  border-radius: 15px;
  position: relative;
  left: calc(0% - 44px);
  transition: .3s;
}
.label-wrapper .level{
	font-family: GothamProBold;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 5px;
	color: #DA2F3E;
}
.label-wrapper .sum{
	font-size: 12px;
	color: rgba(0,0,0,0.5);
	line-height: normal;
}
.label-wrapper .discount{
	color: #000;
	font-size: 13px;
	line-height: normal;
	margin-bottom: 5px;
}
.label-wrapper.inactive{
	color: rgba(0,0,0,0.5);
}
.label-wrapper.inactive .discount{
	color: rgba(0,0,0,0.5);
}
.label-wrapper.inactive .level{
	color: rgba(0,0,0,0.5);
}
.inactive ~ .point, .inactive ~ .point-reversal{
	background: #fff;
}
.label-wrapper::before{
	content: "";
  width: 15px;
  height: 15px;
  background: #fff;
  transform: rotate(45deg) translate(-100%, 4px);
  position: absolute;
  left: calc(50% + 4px);
  top: 0;
}
.label-wrapper.reversal::before{
    top: calc(100%);
}
.point:hover, .point-reversal:hover{
	color: #38386E;
	transition: .2s;
  transform:scale(1.2);
}
.point:hover ~ .label-wrapper, .point-reversal:hover ~ .label-wrapper{
    transition: .3s;
    opacity: 1;
}
.point, .point-reversal{
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	background: #24244E;
	border-radius: 50%;
	top: -31px;
	left: 0;
	z-index: 5;
	box-shadow: 0px 0px 4px -1px #000;
	transition: .2s;
}
.point-reversal{
	top: 104px;
}

.progressbar_labels .current .label-wrapper{
  background: #468de4;
}
.progressbar_labels .current .label-wrapper::before{
  background: #468de4;
}
.progressbar_labels .current .label-wrapper .level, .progressbar_labels .current .label-wrapper .discount, .progressbar_labels .current .label-wrapper .sum{
  color: #fff;
}

@media(max-width: 1200px){
	.partners-page{
		margin: 0 40px;
	}
}
@media(max-width: 991px){
	.partners-page-wrapper .status > div{
		min-width: unset;
		margin-right: 10px;
	}
}
@media(max-width: 767px){
	.partners-page{
		margin-left: 50px;
		margin-right: 90px;
	}
	.progressbar_labels .theking {
		min-width: 110px;
		top: -135px;
	}
  .partners-page .progressbar_labels {
    margin-bottom: 70px;
  }
}
@media(max-width: 575px){
	.progressbar_labels .label-wrapper{
    opacity: 0;
  }
  .progressbar_labels .current .label-wrapper{
    opacity: 1;
  }
  .progressbar_labels .theking {
    right: 0;
    left: unset;
  }
  .progressbar_labels .theking .point-reversal {
    right: 0;
    left: unset;
  }
  .partners-page {
    margin-left: 0px;
    margin-right: 0px;
  }
  .junior .label-wrapper{
    left: 7px;
  }
  .junior .label-wrapper::before{
    width: 20px;
    transform: rotate(45deg) translate(-100%, 4px) matrix(1, 1, -1, 0, 0, 0);
    left: calc(0% + 12px);
    top: 13px;
  }
  .progressbar_labels .theking .label-wrapper {
    right: 7px;
    left: unset;
  }
  .progressbar_labels .theking .label-wrapper::before {
    transform: rotate(45deg) translate(-100%, 4px) matrix(1, 1, 1, 0, 0, 0);
    left: calc(100% + 2px);
    width: 20px;
  }
  .label-wrapper.reversal::before{
	  top: 100%;
  }
  .junior .label-wrapper.reversal:first-of-type::before, .theking .label-wrapper.reversal:last-of-type::before{
      top: calc(100% - 5px);
  }

}

a.solutions-link {
    color: #f00;
    text-decoration: underline;
    text-decoration-color: #000;
    font-weight: bold;
	transition: .3s;
}
a.solutions-link:hover{
	color: #a2222d;
	transition: .3s;
}

a.discount-more {
    color: #fff;
    font-size: 1.2rem;
    margin-left: 2rem;
    cursor: pointer;
    display: flex;
	align-items: center;
	transition: .3s;
}
a.discount-more:hover{
	color: #a2222d;
	transition: .3s;
}
@media(min-width: 768px){
	a.discount-more {
		font-size: 0.63333vw;
		margin-left: 1vw;
		cursor: pointer;
		display: flex;
		align-items: center;
	}
}
.discount{
	display: flex;
	justify-content:space-between;
}

.partners-main-slide{
	background-image: url('../../components/bitrix/main.include/partners-main-page/img/slider-background.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.agreement{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}
@media(max-width: 768px){
	.agreement{
		margin-top: 0px;
		margin-bottom: 15px;
	}
}

.is-blicked {
	overflow-x: hidden;
	position: relative;
}
.is-blicked:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, 0.1)), color-stop(20%, hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.6)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0.1) 10%, hsla(0, 0%, 100%, 0.2) 20%, hsla(0, 0%, 100%, 0.6));
    width: 20px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    left: -20%;
    -webkit-transition: all 1s ease;
    transition: all 3s ease;
    -webkit-animation-name: blick;
    animation-name: blick;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes blick {
    50%,
    to {
        left: 110%;
    }
}
@keyframes blick {
    50%,
    to {
        left: 110%;
    }
}

.header-personal i{
	margin-left: 0.3vw;
}
@media(max-width: 767px){
	.header-personal i{
		margin-left: 0.5rem;
	}
}

/* куки баннер */
.cookieBanner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    color: black;
    padding: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.cookieBanner__message {
    font-size: 12px;
    line-height: 1.4;
    margin-right: 15px;
    flex: 1;
    min-width: 200px;
}

.cookieBanner__more {
    text-decoration: underline;
    color: black;
    cursor: pointer;
    transition: opacity 0.2s;
}

.cookieBanner__more:hover {
    opacity: 0.8;
}

.cookieBanner__button {
    background: #D83142;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    transition: background 0.2s;
    white-space: nowrap;
}

.cookieBanner__button:hover {
    background: #b82937;
    color: white;
}

@media (max-width: 576px) {
    .cookieBanner {
        flex-direction: column;
        text-align: center;
    }

    .cookieBanner__message {
        margin-right: 0;
        margin-bottom: 10px;
    }
}