@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

@font-face {
    font-family:'Gilroy-Bold'; 
    src: url("../fonts/Gilroy-Bold.woff"); 
    font-display: fallback;
}

:root {
	--cian-color: #EEF2FB;
	--blue-color: #0C1735;
	--white-color: #ffffff;
	--light-color: #F8FAFF;
	--button-color: #FF9900;

	--heading-color: #14244F;
	--text-color: #344267;
    --lighttext-color: #B3BDD6;
	
	--font-regular: 'Open Sans';

	--font-heading: 'Gilroy-Bold';
}


ul {
	list-style: none;
    padding: 0;
    margin: 0;
}
body {
	font-family: var(--font-regular); 
	background: var(--white-color);
	margin: 0;
	padding: 0;
	overflow-x: hidden;
    color:var(--text-color);
}


* {
    /*-webkit-appearance: none;*/
    outline: none !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-weight: normal;
    line-height: 1.4;
}


.flexbox {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.moduletable h3 {
	font-family:'Montserrat-Bold';
	text-transform: uppercase;
}
.container {
	max-width: 1280px;
	margin: 0 auto;
	min-width: 300px;
   
}
.flexbox {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
 /*   justify-content: space-between;
    -webkit-justify-content: space-between;*/
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.works-value ul li {
    position: relative;
    padding: 4px 0px 4px 25px;
}
.works-value ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    background: var(--button-color);
    top: 50%;
    margin-top: -4px;
}
.triggers-main {
    margin-bottom: 50px;
}
.trigger-block {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.trigger-details {
    width: 150px;
    margin-right: 40px;
    padding-left: 40px;
    position: relative;
}
.trigger-details:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    border: 8px solid var(--button-color);
}
.main-offer-form {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%;
    align-items: center;
        background: #FFFFFF;
    box-shadow: 0px 30px 60px rgba(52, 66, 103, 0.04);
    padding: 30px;
    margin: 0 0 40px;
}
.text-offer-block {
    font-size: 20px;
    width: 58%;
    box-sizing: border-box;
}
.text-offer-block span {
    color: var(--button-color);
        font-weight: 600;
}
.button-offer-block a.button {

    animation: pulse 2s infinite;
}
a.button {
    background: var(--button-color);
    color: #fff;
    border: none;
    font-family: var(--font-regular);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 25px;
    display: inline-block;
    font-weight: 700;
    vertical-align: middle;
    border-radius: 5px;
    cursor: pointer;
    -webkit-appearance: none !important;

}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(255 153 0 / 60%);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgb(255 153 0 / 0%);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgb(255 153 0 / 0%);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(255 153 0 / 60%);
    box-shadow: 0 0 0 0 rgb(255 153 0 / 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 15px rgb(255 153 0 / 0%);
      box-shadow: 0 0 0 15px rgb(255 153 0 / 0%);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgb(255 153 0 / 0%);
      box-shadow: 0 0 0 0 rgb(255 153 0 / 0%);
  }
}
header {
	background: var(--white-color);
	padding: 12px 0; 
    border-bottom: 1px solid var(--cian-color);
}
header .logo {
	width: 25%;
	box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
header .main-menu {
	width: 55%;
	box-sizing: border-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
header .top-phone {
	width: 20%;
	box-sizing: border-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


/***********МЕНЮ*************/
.main-menu {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.gorizontal-menu>li {
	position: relative;
	box-sizing: border-box;
}
.gorizontal-menu>li>a {
	padding: 0 10px;
    font-family: var(--font-regular);
    font-size: 16px;
    display: block;
    color: var(--text-color);
    position: relative;
    line-height: 58px;
}

/*.gorizontal-menu>li:hover>a,
.gorizontal-menu>li.active>a {
    background: #feefea;
    color: #fc3b04;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9)
}
.gorizontal-menu>li:hover>a:before,
.gorizontal-menu>li.active>a:before {
	content: '';
	height: 3px;
	transition: height 0.1s cubic-bezier(0.2, 0.3, 0.25, 0.9)
}

.gorizontal-menu>li>a:before {
	content: '';
    width: 100%;
    position: absolute;
    left: 0;
    height: 0;
    bottom: 0;
    background: #fc3b04;
    transition: height 0.1s cubic-bezier(0.2, 0.3, 0.25, 0.9)
}
*/
.gorizontal-menu>li.parent>a {
	padding:0 20px 0 10px;
}
.gorizontal-menu>li.parent>a:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    background: url(../images/down.svg);
    background-size: contain;
    right: 5px;
    top: 50%;
    margin-top: -4px;
}




.gorizontal-menu li .nav-child li a {
	/*text-transform: uppercase;*/
	padding: 5px 15px;
	background: #fff;
    font-size: 14px;
	color: #373737;
	border-bottom: 1px solid #f1f1f1;
	transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9);
    line-height: 1.3;
    height: 50px;
    align-items: center
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.gorizontal-menu li .nav-child li a:hover,
.gorizontal-menu li .nav-child li.active a {
	color: var(--button-color);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9)
}
.gorizontal-menu li .nav-child li:last-child a {
	border-bottom: none;
}

.gorizontal-menu li .nav-child {
	display: none;
    position: absolute;
    top: 70px;
    width: 320px;
    padding: 0px 0;
    background: #ffffff;
    left: 0;
    z-index: 10;
    box-shadow: 0px 10px 25px rgb(5 16 25 / 5%);
}

.gorizontal-menu li:hover .nav-child {
	display: block;

	-webkit-animation-name: fadeInUp;
	 animation-name: fadeInUp;
	 -webkit-animation-duration: 0.3s;
	 animation-duration: 0.3s;
	 -webkit-animation-fill-mode: both;
	 animation-fill-mode: both;
	-webkit-animation-timing-function:cubic-bezier(0.2, 0.3, 0.25, 0.9);
	-o-animation-timing-function:cubic-bezier(0.2, 0.3, 0.25, 0.9);
	-moz-animation-timing-function:cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

@-webkit-keyframes fadeInUp {
  0% {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 10%, 0);
	  transform: translate3d(0, 10%, 0);
  }
  100% {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
  }
  }
  @keyframes fadeInUp {
  0% {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 10%, 0);
	  transform: translate3d(0, 10%, 0);
  }
  100% {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
  }
 } 


.gorizontal-menu .nav-child:before {
	content: '';
	width: 100%;
    height: 12px;
    top: -12px;
    position: absolute;
    left: 0;
}

.gorizontal-menu li .nav-child li a img {
    width: 30px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    opacity: 0.4;
}

.gorizontal-menu {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.gorizontal-menu.nav>li>.nav-child>li>.nav-child,
.gorizontal-menu.nav>li>.nav-child>li>.nav-child>li>.nav-child {
	display: none;
	position: absolute;
    z-index: 1;
    width: 275px;
    background: #fff;
    left: 100%;
    top:0;
    /*top: -1px;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;*/

}

.gorizontal-menu.nav>li>.nav-child>li {
        position: relative;
}
.gorizontal-menu.nav>li>.nav-child>li:hover>a,
.gorizontal-menu.nav>li>.nav-child>li>.nav-child>li:hover>a,
.gorizontal-menu.nav>li>.nav-child>li>.nav-child>li>.nav-child>li:hover>a {
	background: var(--light-color);
}

.gorizontal-menu.nav>li:hover>.nav-child,
.gorizontal-menu.nav>li>.nav-child>li:hover>.nav-child,
.gorizontal-menu.nav>li>.nav-child>li>.nav-child>li:hover>.nav-child {
	display: block;
	min-height: auto;
}

.vertical-menu a {
    font-size: 14px;
    padding:12px 0;
    display: inline-block;
    color: var(--lighttext-color);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9)
}
.vertical-menu a:hover {
    color: var(--white-color)
}
.moduletable_menu div,
.footer-item .contact-block div.cont-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px;
}
.vertical-menu li.current a {
    color: var(--button-color);
}
.vertical-menu {
    padding-right: 30px;
}

/***************мобильное меню***************/
.mobile-menu-block-open {
    position: fixed;
    width: 100%;
}
.mobile-menu-block-open .mobmenucover {
    opacity: 0.75;
    visibility: visible;
    transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s
}
.mobmenucover {
    position: absolute;
    background: var(--blue-color);
    height: 100%;
    width: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s
}
.mobile-menu-block {
	position: fixed;
  	top: 0;
  	/*touch-action: none;*/
  	left: 0;
  	height: 100%;
  	overflow-y: auto;
  	bottom: 0;
  	width: 300px;
  	background: #fff;
  	-webkit-transform: translate3d(-300px, 0, 0);
  	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.mobile-menu-block-open .mobile-menu-block  {
	-webkit-transform: translate3d(0px, 0, 0);
  	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.mobile-menu-block-open .full-content {
  -webkit-transform: translate3d(300px, 0, 0);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.full-content{
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

.mobile-menu .mob-nav-child a img {
	display: inline-block;
    vertical-align: middle;
    width: 30px;
    opacity: 0.5;
    margin: 0 10px;
}


.mobilenav>.mobile-menu>li>a {
	border-bottom: 1px solid #f1f1f1;
    display: block;
    padding: 10px;
    color: inherit;
}
.mobilenav>.mobile-menu .current.active>a {
	color: var(--button-color);
    font-family: var(--font-bold);
}
.mobilenav .mobile-menu li {
	position: relative;
}
.mobilenav .mobile-menu li .mob-toggle-right,
.mobilenav>.mobile-menu>li.current.mob-parent.active .mob-toggle-right,
.mobilenav .mobile-menu li.active.mob-parent .mob-toggle-right.menu-minus.menu-plus {
    position: absolute;
    width: 45px;
    height: 42px;
    display: block;
    right: 0;
    top: 0;
    background: #f2f4f7 url(../images/menu-plus.svg) center no-repeat;
    background-size: 8px;
}
.mobilenav>.mobile-menu>li.mob-parent.active .mob-toggle-right,
.mobilenav>.mobile-menu>li.current.mob-parent.active .mob-toggle-right.menu-minus,
.mobilenav .mobile-menu li .mob-toggle-right.menu-minus {
	background: #f2f4f7 url(../images/menu-minus.svg) center no-repeat;
	background-size: 8px;
}


.mobilenav>.mobile-menu>li .mob-nav-child,
.mobilenav>.mobile-menu>li.current.mob-parent.active .mob-nav-child {
	border-bottom: 1px solid #f1f1f1;
	display: none;
	padding: 0 0 0 15px;
}
.mobilenav>.mobile-menu>li.mob-parent.active .mob-nav-child {
	display: block;
}
.mobilenav>.mobile-menu>li .mob-nav-child li a {
	display: block;
    padding: 10px;
    border-bottom: 1px solid #f1f1f1;
    color: inherit;
    font-size: 14px;
}
.mobilenav>.mobile-menu>li .mob-nav-child li:last-child a {
	border: none;
}



.adress {
	color: #fff;
    position: relative;
    padding: 0 0 0 30px;
    font-size: 14px;
}
.adress:before {
	content: '';
    width: 20px;
    background: url(../images/maps-and-flags.svg);
    position: absolute;
    height: 20px;
    left: 0;
    background-size: contain;
    top: 50%;
    margin: -10px 0 0;
}

.hidden {
	display: none !important;
}
.hidden-large {
	display: none
}

.logo img {
    display: inline-block;
    vertical-align: middle;
}
.logo-img span {
display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
    font-size: 12px;
}
.logo-img span span {
display: block;
    line-height: 1;
}
.logo-img span span span {
    display: inline-block;
    vertical-align: initial;
    font-weight: 700;
    text-transform: lowercase;
    margin: 0;
}
.logo a {
    color: inherit;
}

.top-phone {
	color: #fff;
}
.top-phone a {
	color: var(--text-color);
	display: inline-block;
    vertical-align: middle;
}
.top-phone a.tel {
    font-family: var(--font-regular);
    font-size: 22px;
    font-weight: 600;
}
.top-phone .timework {
    display: block;
    font-size: 12px;
    color: #A9A9A9;
}
.top-phone .whatsap-icon {
	width: 26px;
	height: 26px;
	background: url(../images/whatsapp.svg);
}
.top-phone .block-phones {
    display: inline-block;
    vertical-align: middle;
}
.top-phone button.mob-menu-toggle {
    vertical-align: middle;
    height: 40px;
    width: 40px;
    background: #ffffff url(../images/menu.svg) center no-repeat;
    background-size: 20px;
    border: none;
    margin: 0 0px 0 20px;
    cursor: pointer;
    border-radius: 3px;
}
.mobile-contacts {
    display: block;
    background: var(--cian-color);
    position: fixed;
    z-index: 10 /*border-bottom: 1px solid rgb(255 255 255 / 0.15);*/;
    display: block;
    bottom: 10px;
    right: 10px;
    border-radius: 5px;
    overflow: hidden;
    top: inherit;
}
.mobile-contacts>div {
    width: auto;
    box-sizing: border-box;
    text-align: center;
        border-bottom: 1px solid rgb(255 255 255 / 0.15);
}
.mobile-contacts>div a {
    display: block;
    color: #fff;
    padding: 20px 20px 20px 20px;
    position: relative;
    font-size: 0;
}
.mobile-contacts>div.mobile-call a {
    background: url(../images/mcall.svg) 10px 10px no-repeat;
    background-size: 18px;
}
.mobile-contacts>div.mobile-whatsap a {
    background: #4CAF50 url(../images/mwhatsap.svg) 10px 10px no-repeat;
    background-size: 18px;
}
.mobile-contacts>div.mobile-adress a {
    background: #FFC107 url(../images/mmap.svg) 10px 10px no-repeat;
    background-size: 18px;
}

.description-item p {
    text-align: justify;
    text-indent: 15px;
}
.description-item p:first-child {
    margin: 0 0 15px;
}
.more-description {
    padding:100px 0 0;
}
.more-decription-block {
    padding:30px 15px 30px 30px;
    background: var(--cian-color);
    border-left: 5px solid var(--button-color)
}
.description-item ul li {
    position: relative;
    padding-left: 15px;
}
.description-item ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    background: var(--cian-color);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2.5px;

}
.margin-bottom {
    margin-bottom: 100px; 
}
.description-item img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
strong  {
    font-family: var(--font-bold);
}
a.stock-button {
    background: var(--cian-color);
    color: #fff;
    border: none;
    font-family: var(--font-heading);
    font-size: 24px;
    margin: 25px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 80px;
    line-height: 80px;
    padding: 0 25px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
    cursor: pointer;
}
.simple-link {
    color: var(--cian-color);
    font-family: var(--font-bold);
    position: relative;
}
.simple-link:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    background: url(../images/down-arrow.svg);
    background-size: contain;
    right: -14px;
    top: 50%;
    margin-top: -4px;
    transition: all 0.3s ease
}
.spoiler-wrap.active .simple-link:before {
    transform: rotate(180deg);

}
.full-text h2 {
    margin: 0 0 65px;
}
.full-text {
    background: var(--white-color);
    padding: 70px 0; 
}
.full-text .description-item {
    width: 50%;
    box-sizing: border-box;
    padding-left: 30px;
}
.fulltext-content {
    margin: 0px 0 0 -30px;
    -webkit-justify-content: unset;
}
.contacts {
	padding: 70px 0;
	/*background: var(--light-color)*/
}

.left-cont-block,
.right-cont-block {
	width: 50%;
	min-height: 400px;
}
.map {
	height: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.contact-block {
	padding: 0 60px 0 0;
    box-sizing: border-box;
}
.contact-item {
	padding: 0 0 0 50px;
    margin: 0 0 25px;
}
.contact-item span {
    display: block;
    color: var(--lighttext-color);
    margin: 0 0 5px;
        font-family: var(--font-bold);
}
.contact-item a {
    color: var(--heading-color);
    font-size: 24px;
    font-family: var(--font-regular);
}
.contact-phone-icon {
    background: url(../images/phone-icon.svg) left center no-repeat;
    background-size: 30px;
}
.contact-map-icon {
	background: url(../images/map-icon.svg) left center no-repeat;
    background-size: 26px;
}
.contact-mail-icon {
	background: url(../images/mail-icon.svg) left center no-repeat;
    background-size: 30px;
}
.white-panel {
box-shadow: 0px 0px 70px rgba(28, 54, 73, 0.06);
    display: block;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}
.white-panel a {
	display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin: 0 0px 0 15px;
    background-size: contain !important;
}
.white-panel .contacts-whatsap-icon {
	background: url(../images/whatsapp.svg) center no-repeat;
}
.white-panel .contacts-telegram-icon {
	background: url(../images/telegram.svg) center no-repeat;
}
.more-desctop {
    transform: rotate(-90deg);
    display: inline-block;
    position: absolute;
    top: 40%;
    left: -30px;
    font-size: 14px;
    font-family: var(--font-regular);
    color: var(--text-color);
}
.more-desctop:before {
    content: '';
    width: 40px;
    height: 40px;
    background: var(--white-color) url(../images/arrow-down.svg) center no-repeat;
    border-radius: 50%;
    position: absolute;
    left: -60px;
    top: -10px;
    box-shadow: 0px 10px 20px rgba(52, 66, 103, 0.04);
    transform: rotate(90deg);
}

.fulltitle {
    width: auto;
    margin: 30px 0 0;
}

.price-table .price-row {
    background: var(--light-color);
    border-bottom: 1px solid #dee6ec;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.price-table .price-row:last-child {
    border-bottom: none;
}
.price-table .price-coll {
    padding: 15px;
    box-sizing: border-box;
}
.price-table .price-left-coll {
    width: 80%;
    border-right: 1px solid #dee6ec;
}
.price-table .price-right-coll{
    width: 20%;
    font-family: var(--font-bold);
}
.price-table {
    margin: 0px 0 60px;
}



.block-advantages {
   background: var(--cian-color);
    padding:70px 0;
    color: var(--white-color);
}
.adv-item {
    width: 33.3%;
    box-sizing: border-box;
    margin: 0 0 30px;
}
.adv-item .adv-item-content {
    
}
.adv-item .adv-number {
    color: #4fa5ea;
    display: block;
    font-family: 'Lato-Black';
    font-size: 40px;
}
.adv-item .adv-descript {
    font-size: 20px;
    display: block;
}
.bold {
    font-family: 'Lato-Bold';
}
.block-howwework {
    background: var(--blue-color) url(../images/hww-light.svg) top center no-repeat;
    padding: 140px 0;
}
.invert-title .title-page span {
    color: var(--white-color);
}
.invert-title {
    color: var(--white-color);
}
.hww-item {
    margin: 20px 0;
    width: 25%;
    box-sizing: border-box;
    position: relative;
}
.hww-item:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cian-color);
    position: absolute;
    right: 50px;
    top: 50%;
}
.hww-item:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cian-color);
    position: absolute;
    right: 70px;
    top: 50%;
}

.footer-menu a {
    padding: 10px 0;
    display: inline-block;
}

.uslugi-module {
    padding: 100px 0;
    background: var(--light-color)
}

.uslugi-module-content {
    margin: 60px 0 0 -30px;
    -webkit-justify-content: unset;
}
.uslugi-grid-panel {
        box-shadow: 0px 0px 70px rgba(28, 54, 73, 0.06);
        background: #fff;
        padding: 60px 30px;
        border-radius: 10px;
        position: relative;
        height: 100%;
        box-sizing: border-box;
        transition: all 0.3s ease
}
.uslugi-grid-panel:hover {
    background: var(--cian-color);
}
.uslugi-grid-panel:hover .uslugi-grid-item-title,
.uslugi-grid-panel:hover .uslugi-grid-item-description{
    color: var(--white-color);
}
.uslugi-grid-panel:hover .uslugi-grid-item-link-arrow {
    background: url(../images/white-arrow.svg) center no-repeat;
    transition: all 0.3s ease;
    background-size: contain;
}
.uslugi-grid-item {
    width: 25%;
    padding-left: 30px;
    box-sizing: border-box;
    margin: 30px 0;
}
.uslugi-grid-panel:hover .uslugi-grid-item-number {
    background: var(--cian-color);
    color: #fff;
}
.uslugi-grid-item-number {
position: absolute;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    top: -35px;
    border: 5px solid var(--light-color);
    text-align: center;
    line-height: 60px;
    color: var(--cian-color);
    font-size: 24px;
    font-family: var(--font-bold);
    left: 60px;
    margin-left: -35px;
    transition: all 0.3s;
}
.uslugi-grid-item-title {
    display: block;
    margin: 0 0 15px;
    color: var(--blue-color);
    font-family: var(--font-bold);
    font-size: 24px;
    line-height: 1.2;
    min-height: 50px;
    transition: all 0.3s ease
}
.uslugi-grid-item-description {
    font-size: 14px;
    line-height: 1.4;
    display: block;
    color: var(--text-color);
    transition: all 0.3s ease
}
.uslugi-grid-item-link {

}
.uslugi-grid-item-link-arrow {
        display: block;
    background: url(../images/cian-arrow.svg) center no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.item-vnutr .uslugi-grid-item-title {
display: block;
    margin: 0 0 0px;
    color: var(--blue-color);
    font-family: var(--font-bold);
    font-size: 16px;
    line-height: unset;
    min-height: auto;
    transition: all 0.3s ease;
}
.item-vnutr .uslugi-grid-panel {
    padding: 20px;
}
.item-vnutr .uslugi-grid-item-link-arrow {
    width: 20px;
    height: 20px;
    right: 20px;
    bottom: 20px;
}
.item-vnutr.uslugi-grid-item {
    margin: 15px 0 0;
}
.item-vnutr {
    
}

.block-howwework .hww-item:last-child:before,
.block-howwework .hww-item:last-child:after {
    display: none;
}
.hww-number {
    font-family: 'DINPro-CondensedLight';
    font-size: 140px;
    color: var(--cian-color);
    display: block;
    line-height: 1;
}
.hww-title {
    font-size: 20px;
    display: block;
    width: 170px;
    margin: 0 0 15px;
}
.hww-title span {
    color: var(--cian-color);
}
.hww-descript {
    padding: 0 70px 0 0;
    display: block;
}

.cta-form {
    background: var(--cian-color);
    padding: 90px 70px;
    border-radius: 10px;
    margin: 140px 0;
    position: relative;
}
.cta-form .title-page:before {
    display: none
}
.cta-form .title-page{
    margin: 0;
    padding: 0;
}

.cta-form form.form-cta input[type="submit"] {
    background: var(--white-color);
    color: var(--cian-color);
        box-shadow: 0px 25px 50px #2E82C7;
}
.cta-form .slogan {
    font-size: 20px;
    margin: 30px 0 0;
    display: block;
}
.cta-form form.form-cta {
    margin: 20px 0 0;
}
.cta-form .cta-avdocate {
    position: absolute;
    bottom: 0;
    right: 30px;
}
.cta-form .cta-avdocate img {
    display: block;
        max-width: 100%;
}
.cta-form .label-advocate .adv-name {
    background: none;
    padding: 0 0 0 0px;
    z-index: 1;
}
.cta-form .label-advocate {
    color: var(--white-color);
        right: 10%;
}

.cta-form .label-advocate:before {
    width: 280px;
    height: 70px;
    background: var(--blue-color);
    border: 1px solid #4c4c4c;
    z-index: 1;
}
.cta-form .label-advocate:after {
    width: 300px;
    height: 90px;
    background: var(--blue-color);
    border: 1px solid #0c0c0c;
    z-index: 0;
}

.portfolio {
    background: var(--light-color);
    padding: 100px 0;
}
.portfolio {

}
.portfolio .portfolio-slider {
    margin: 50px -25px;
}
.recomendation .recomendation-slider {
    margin: 50px -10px;
}
.portfolio .slide-content {
    background: #fff;
    position: relative;
    padding: 50px;
    border-radius: 3px;
}
.recomendation .slide-content {
    background: #fff;
    position: relative;
    padding: 0;
    border-radius: 3px;
    box-shadow: 0px 10px 10px rgba(28, 54, 73, 0.06);
}
.portfolio .slick-slide {
    padding: 50px 25px;
}

.portfolio .portfolio-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.portfolio .portfolio-left-side {
    width: 30%;
}
.portfolio .portfolio-left-side img {
    display: block;
}
.portfolio .portfolio-right-side {
width: 70%;
    padding: 0 0 0 50px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}
.portfolio .portfolio-title {
    line-height: 1.2;
    margin: 10px 0 25px;
    display: block;
    font-family: var(--font-heading);
    font-size: 24px;
}
.portfolio .works {
border-top: 2px solid var(--cian-color);
    border-bottom: 2px solid var(--cian-color);
    padding: 20px 0 10px;
    margin: 0 0 30px;
}
}
.portfolio .works-title {
    font-weight: 600;
}

.portfolio .slick-slide {
    opacity: 0.5;
    transition: all 0.3s ease
}
.portfolio .slick-active {
    opacity: 1;
    transition: all 0.3s ease
}
.expert-slider .slick-slide {
    opacity: 0.5;
    transition: all 0.3s ease
}
.expert-slider .slick-active {
    opacity: 1;
    transition: all 0.3s ease
}
.expert-slider {
    margin: 50px -25px;
}
.expert-slider .slick-slide {
    padding: 50px 25px;
}
.expert-item {

}
.expert-photo {

}
.expert-photo img {
    
}
.expert-title {
    font-weight: 600;
    font-size: 20px;
    margin: 15px 0 5px;
    display: block;}
.expert-information {

}
.expert-staff {
    font-size: 14px;
    color: var(--lighttext-color);
    display: block;
    margin: 0 0 5px;
}
.expert-time {
font-size: 14px;
    display: block;
    margin: 0 0 20px;
}
.expert-time span {
    font-weight: 600;
}

.simple-button {
    display: table;
    border: 1px solid var(--text-color);
    color: var(--text-color);
    padding: 15px 45px 15px 20px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    background: url(../images/arrow-button.svg) no-repeat;
    background-position: 135px center;
}
.portfolio .works-value p {

}
.portfolio .unicue-title {

}
.portfolio .title-min {

}
.portfolio .title-page {
    position: relative;
}




.recomendation .slick-slide {
    padding: 0 10px 70px;
}
.slide-content img {
    max-width: 100%;
}
.portfolio .portfolio-img {
    text-align: right;
    margin: 15px 0 0;
}
.portfolio .portfolio-img img {
    width: 50px;
    display: inline-block;
}
.portfolio {
    
}
.portfolio {
    
}

.recomendation {
    padding: 100px 0;
    background: var(--light-color);
}


.cta-form .form-politics {
    color: var(--white-color);
}


.cta-form-dop {
    padding: 50px;
    background: var(--cian-color);
    border-radius: 5px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cta-form-text {
    width: 70%;
    padding: 15px 50px 15px 180px;
    box-sizing: border-box;
    min-height: 150px;
}
.cta-form-icon-1 {
    background: url(../images/icon-1.svg) left center no-repeat;
}
.cta-form-icon-2 {
    background: url(../images/icon-2.svg) left center no-repeat;
}
.cta-form-tetx-title {
    font-family: var(--font-heading);
    font-size: 30px;
    color: var(--heading-color);
    line-height: 1.2;
    position: relative;
    padding: 0 0 15px;
    display: block;
}
.cta-form-text-description {

}
.cta-form-form {
    width: 30%;
}
.soglasie-form {
    font-size: 14px;
    display: block;
    margin: 15px 0 0;
}
.soglasie-form span {
    position: relative;
    padding: 0 0 0 25px;
}
.soglasie-form span:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #fff url(../images/check.svg) center no-repeat;
    position: absolute;
    border-radius: 3px;
    left: 0;
}
.title-min {

}
span.title-page:before {
    content: '';
    width: 40px;
    height: 4px;
    position: absolute;
    background: var(--button-color);
    top: 0;
}
span.title-page {
    font-family: var(--font-heading);
    font-size: 45px;
    color: var(--heading-color);
    line-height: 1.2;
    position: relative;
    padding: 15px 0 15px;
    display: block;
    margin: 0 0 20px;
}
.bg-img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -357px 0 0;
    width: 800px;
}
.bg-img img {
    width: 100%;
}

.ont-mod-block {
    margin: 60px 0;
}
.ont-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -35px;
}
.ont-item {
width: 33.3%;
    box-sizing: border-box;
    padding-left: 35px;
}
.cta-form-form .answer-form {
    text-align: center;
}
.ont-block-recomendation .ont-item-content {
    background: var(--white-color);
    padding: 40px;
    margin: 0 0 35px;
    border-radius: 5px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
}
.ont-block-recomendation .ont-mod-number {
    font-size: 50px;
    display: block;
    font-weight: 100;
    color: var(--lighttext-color);
}
.ont-block-recomendation .ont-mod-leftdesc {
    width: 50%;
}
.ont-block-recomendation .ont-mod-title {
    font-weight: 600;
    font-size: 20px;
}
.ont-block-recomendation .ont-mod-img {
    display:block
}

.ont-block-why-we .ont-item-content {
    padding: 50px;
    border: 2px solid var(--cian-color);
    border-radius: 5px;
    margin: 0 0 35px;
}
.ont-block-why-we .ont-mod-title {
    font-weight: 600;
    display: block;
    margin: 0 0 15px;
    font-size: 20px;
}
.ont-block-why-we .ont-mod-descr {
}
.ont-block-why-we .ont-mod-footer {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    margin: 50px 0 0;
}
.ont-block-why-we .ont-mod-number {
    font-size: 50px;
    display: block;
    font-weight: 100;
    color: var(--lighttext-color);
}
.ont-block-why-we img {
    display: block;
}
.ont-mod-block.ont-block-why-we {
    margin-bottom: 0; 
}

.link {
    color: inherit;
    border-bottom: 1px solid;
}
.link-download {
    position: relative;
    margin-left: 40px;
}
.main-offer-content .link {
    display: table;
    margin-top: 20px;
}
.link-download:before {
    content: '';
    background: url(../images/download.svg) left center no-repeat;
    position: absolute;
    width: 30px;
    height: 30px;
    left: -40px;
    top: 50%;
    margin-top: -15px;
}


footer {
    background: var(--blue-color);
    padding: 70px 0;
}
footer,
footer a {
	color: #fff;
}
.footer-item {
    width: 25%;
    box-sizing: border-box;
}
.footer-item .contact-block {
    padding: 0;
}
.footer-item .contact-item {
    padding: 0 0 0 25px;
    margin: 0 0 20px;
}
.footer-item .contact-phone-icon {
    background: none;
    padding-left: 0
}
.footer-item .contact-mail-icon {
    background: none;
    padding-left: 0;
}
.footer-item .contact-map-icon {
    background-size: 12px;
}
.footer-item .contact-item a {
    color: var(--white-color);
    font-size: 14px;
}
.footer-item .link {
    color: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    display: table;
    margin: 15px 0;
    padding: 5px 0;
}
.copy {
    opacity: 0.2;
    font-size: 14px;
}
.footer-item .contact-block .timework {
        margin: 0 0 20px;
    display: block;
    color: var(--white-color);
    font-size: 14px;
}

.footer-item .contact-item.contact-phone-icon a,
.footer-item .contact-item.contact-mail-icon a {
    color: var(--white-color);
    font-size: 22px;
    display: table;
    margin: 0 0 5px;
}

.why-we {
    padding: 100px 0; 
}
.title-page {
    font-family: var(--font-heading);
    font-size: 45px;
    color: var(--heading-color);
    line-height: 1.2;
    position: relative;
    padding: 0 0 15px;
    display: block;
    margin: 0 0 35px;
}
.title-page:before {
content: '';
    width: 50px;
    height: 3px;
    position: absolute;
    background: var(--button-color);
    bottom: 0;
}
.title-page span {
	color: var(--blue-color)
}
.white-panel .simple-text {
	font-family: var(--font-black);
}



.mobile-menu-contacts {
	padding: 15px;
    background: var(--light-color);
}
.mobile-menu-contacts .contact-block {
	padding: 0;
    margin: 0 0 0px;
}
.mobile-menu-contacts .contact-item {
	padding: 0 0 0 32px;
    margin: 0 0 20px;
}
.mobile-menu-contacts .contact-phone-icon {
	    background-size: 20px;
}
.mobile-menu-contacts .contact-mail-icon {
	    background-size: 20px;
}
.mobile-menu-contacts .contact-map-icon {
	    background-size: 18px;
}
.mobile-menu-contacts .white-panel {
	    padding: 0;
    background: no-repeat;
    box-shadow: none;
    margin: 30px 0 20px;
}
.mobile-menu-contacts  .white-panel .simple-text {
	display: none
}
.mobile-menu-contacts .white-panel a {
	margin: 0px 10px 0 0;
}
.mobile-menu-contacts .contact-item span {
	display: none
}
.mobile-menu-contacts .contact-item a {
	font-size: 16px;
}

/*********************/
.main-offer {
	background: var(--light-color);
	
	padding: 100px 0;
	position: relative;
	min-height: 560px;
	overflow: hidden;
}
.main-offer-content {
	position: relative;
	z-index: 1
}
.slogan {
	font-size: 20px;
	
	margin: 60px 0 0;
    display: block;
}
.main-offer-content .slogan p {
	margin: 0
}
h1	{
    font-family: var(--font-heading);
    font-size: 50px;
    width: 60%;
    line-height: 1.2;
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 30px;
    color: var(--heading-color);
}



form.form-cta {

}
form.form-cta input[type="tel"],
form.form-cta input[type="text"],
form.form-cta input[type="email"] {
    padding: 20px 15px 20px 50px;
    border-radius: 6px;
    font-size: 16px;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #e6ecfc;
    
    background-size: 18px;
}

form.form-cta input[type="tel"] {
    background: #ffffff url(../images/phone-icon.svg) 20px center no-repeat;
    background-size: 20px;
}
form.form-cta input[type="text"] {
    background: #ffffff url(../images/man-user.svg) 20px center no-repeat;
    background-size: 20px;
}
form.form-cta input[type="email"] {
    background: #ffffff url(../images/mail-icon.svg) 20px center no-repeat;
    background-size: 20px;
}


form.form-cta input[type="submit"]  {
background: var(--button-color);
    color: #fff;
    border: none;
    font-family: var(--font-regular);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    padding: 25px;
    display: inline-block;
    font-weight: 700;
    vertical-align: middle;
    border-radius: 5px;
    cursor: pointer;
    -webkit-appearance: none !important;
}

.modal-title {
    display: block;
    
    font-family: var(--font-heading);
    font-size: 24px;
    margin: 0 0 15px;
}
.modal-descript {
        font-size: 14px;
    
    display: block;
    margin: 0 0 15px;
    color: var(--text-color);
}

.form-politics {
	color: #7c8184;
    font-size: 14px;
    line-height: 1.2;
    display: block;
    margin: 15px 0 0;
    padding: 0 0 0 30px;
    background: url(../images/lock.svg) left center no-repeat;
}
.answer-form {
    background: #fff url(../images/sent-mail.svg) no-repeat;
    border-radius: 10px;
    background-position-x: center;
    background-position-y: 20px;
    color: var(--text-color);
    padding: 80px 20px 15px 20px;
    background-size: 30px;
    font-size: 14px;
}

.advocate {
    position: absolute;
    right: 50%;
    bottom: 0;
    z-index: 0;
    margin: 0 -960px 0 0;
}
.advocate img {
    max-width: 100%;
    display: block;
}
.label-advocate {
	position: absolute;
    bottom: 80px;
    right: 24%;
    color: var(--blue-color)
}
.label-advocate:before {
    content: '';
    width: 270px;
    height: 100px;
    background: #fff;
    position: absolute;
    left: -16px;
    top: -10px;
    transform: skewX(-10deg);
    border-radius: 3px;
    border: 1px solid #ddd;
    z-index: 1;
}
.label-advocate:after {
    content: '';
    width: 290px;
    height: 120px;
    background: #fff;
    position: absolute;
    left: -26px;
    top: -20px;
    transform: skewX(-10deg);
    border-radius: 3px;
    border: 1px solid #ddd;
    z-index: 0;
}

.label-advocate .adv-name {
	display: inline-block;
    vertical-align: middle;
    position: relative;
    background: url(../images/gos.jpg) left center no-repeat;
    background-size: 45px;
    padding: 0 0 0 60px;
    z-index: 1;
}
.label-advocate .adv-title {
    display: block;
    font-family: var(--font-heading);
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
    width: 170px;
}
.label-advocate .reestr {
	display: block;
    font-size: 18px;
}

/************************MEDIA****************************/
@media (max-width: 1920px) {

}
@media (max-width: 1680px) {
	
}
@media (max-width: 1600px) {
	
}
@media (max-width: 1440px) {
	.label-advocate {
	    right: 30%;
	}
	.advocate {
	    margin: 0 -930px 0 0;
	}
}
@media (max-width: 1367px) {
	.container {
	    max-width: 1080px;
	    margin: 0 auto;
	    min-width: 300px;
	}
	header .main-menu {
	    width: 55%;
	}

	.advocate {
	    margin: 0 -900px 0 0;
	}
	h1 {
	    font-size: 45px;
	}
    .cta-form {
        padding: 55px 50px;
    }
    .cta-form .cta-avdocate {
        width: 430px;
    }
    .gorizontal-menu>li>a {
        font-size: 14px;
    }
    .main-offer-form {
        width: 60%;
    }
    .bg-img {
        position: absolute;
        left: 58%;
        top: 50%;
        margin: -320px 0 0;
        width: 700px;
    }
}
@media (max-width: 1280px) {
	.container {
		max-width: 100%;
		padding: 0 15px;
	}
    .more-desctop {
        display: none;
    }
    .why-we, .main-offer {
        padding: 70px 0;
        min-height: auto;
    }
    h1 {
        font-size: 40px;
    }
    .text-offer-block {
        font-size: 18px;
        width: 50%;
        box-sizing: border-box;
    }
    .button-offer-block {
        width: 50%;
        text-align: center;
    }
    .bg-img {
        right: 0;
        left: inherit;
        width: 300px;
        top: 40px;
        margin: 0;
    }

}
@media (max-width:1200px) {
	.hidden-small {
		display: none !important;
	}
	.hidden-large {
		display: block !important;
	}
	header .top-phone {
	    width: 50%;
	}
	header .top-adres,
	header .logo {
	    width: 50%;
	}
	header {
	    padding: 15px 0;
	}
	.contacts {
	    padding: 50px 0;
	}
.trigger-details:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 4px;
    border: 5px solid var(--button-color);
}
.trigger-details {
    width: 150px;
    margin-right: 20px;
    padding-left: 20px;
    position: relative;
}
span.title-page {
    font-family: var(--font-heading);
    font-size: 32px;
}

    .trigger-details {
        width: 150px;
        margin-right: 20px;
        padding-left: 30px;
        position: relative;
    }
	
}
@media(max-width: 1180px) {
    .cta-form {
        padding: 40px 50px;
    }
    .cta-form .cta-avdocate {
        width: 390px;
    }
}
@media (max-width:1080px) {
	
	.label-advocate {
	    right: 40%;
	}
    .cta-form .cta-avdocate {
        width: 330px;
    }
    .cta-form {
    padding: 40px 30px;
    }
    .footer-item {
        width: 50%;
        box-sizing: border-box;
        margin: 0 0 30px;
    }
    .uslugi-grid-item {
        width: 33.3%;
    }

    .ont-item {
        width: 50%;
        box-sizing: border-box;
        padding-left: 35px;
    }
    footer .footer-item:nth-child(1) {
        width: 100%;

    }
    

}
@media (max-width:980px) {
	.cta-form {
        padding: 40px 30px 0px;
    }
    .cta-form .cta-avdocate {
            position: relative;
        width: auto;
        right: unset;
        display: table;
        margin: 0 auto;
    }
    .cta-form .label-advocate {
        color: var(--white-color);
        right: 40%;
        margin: 0;
    }
    .full-text .description-item {
        width: 100%;
    }
    .cta-form-form {
        width: 100%;
    }
    .cta-form-form form {
        width: 320px;
        margin: 0 auto;
    }
    .cta-form-icon-1 {
        background: url(../images/icon-1.svg) top center no-repeat;    background-size: 80px;
    }
    .cta-form-icon-2 {
        background: url(../images/icon-2.svg) top center no-repeat;    background-size: 80px;
    }
    .cta-form-text {
        width: 100%;
        padding: 100px 15px 15px 15px;
        box-sizing: border-box;
        min-height: 150px;
        text-align: center;
    }
    
    .main-offer-form {
        width: auto;

    }

}

@media (max-width:960px) {
	.left-cont-block, 
	.right-cont-block {
	    width: 100%;
	    min-height: 400px;
	}
	.contact-block {
	    padding: 0 ;
	    margin: 0 0 30px;
	}


	.price-table .price-left-coll {
        width: 60%;
        border-right: 1px solid #dee6ec;
    }
    .price-table .price-right-coll{
        width: 40%;
    }

	.answer-form {
	    height: auto;
	}
	.label-advocate {
	    right: 48%;
	    bottom: 50px;
	}
	.label-advocate:before {
	    content: '';
	    width: 210px;
	    height: 80px;
	}
    .label-advocate:after {
        content: '';
        width: 230px;
        height: 100px;
    }
	.label-advocate .adv-name {
	    background-size: 30px;
	    padding: 0 0 0 45px;
	}
	.label-advocate .adv-title {
	    font-size: 18px;
	    width: 150px;
	}
	.label-advocate .reestr {
	    font-size: 14px;
	}
    a.stock-button {
        height: 60px;
        line-height: 60px;
    }
    h1 {
        width: 70%;
        margin: 0;
    }
    .trigger-details {
        width: 100%;
        margin-right: 0;
        padding: 5px 0 5px 30px;
        position: relative;
        display: block;
    }
    .trigger-details:before {
    top: 8px;
}
    .triggers-main {
    margin-bottom: 30px;
}

}
@media (max-width:800px) {
	.trigger-item {
	    width: 33.3%;
	    font-size: 14px;
	}
    .trigger-content {
        padding: 0 0 0 45px;
    }
    .trigger-2 {
        background-size: 30px;
    }
    .trigger-3 {
        background-size: 34px;
    }
    .trigger-1 {
        background-size: 40px;
    }
    .uslugi-grid-item {
        width: 50%;
    }
    h1 {
        font-size: 36px;
    }
}
@media (max-width:767px) {
	header .top-adres {
	    display: none;
	}
	header .logo {
	    width: 50%;
	}

	.title-page {
	    font-size: 40px;
	}
	.contact-item a {
	    font-size: 20px;
	}
	.white-panel .simple-text {
		display: block;
	}
	.white-panel a {
	    margin: 10px 15px 0 0;
	}
	.adv-item {
        width: 50%;
    }
    .block-howwework {
        padding: 70px 0;
    }
    .hww-item {
        margin: 20px 0;
        width: 50%;
    }
    .hww-number {
        font-size: 70px;
    }
    .portfolio {
        padding: 70px 0;
    }
    .recomendation {
        padding: 70px 0;
    }
    .portfolio .portfolio-slider {
        margin: 0px -25px;
    }

    .uslugi-module {
        padding: 70px 0 50px;
        background: var(--light-color);
    }
span.title-page {
    font-size: 30px;
}
h1 {
  
    margin: 0;
}
}

@media (max-width:720px) {

	form.form-cta {
	    display: block;
	    position: relative;
	}
	.main-offer-form {
	    margin: 30px 0 0;
	    display: block;
	}
	.main-offer-content .slogan {
	    font-size: 20px;
	    margin: 30px 0 0;
	    display: block;
	}
	.advocate img {
	    max-width: 130%;
	    display: block;
	    margin: 0 0 0 -15%;
	}
    .trigger-block {
        width: auto;
    }
    .cta-form {
        margin: 70px 0;
    }
    .footer-item {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 30px;
    }
    .ont-item {
        width: 100%;
        box-sizing: border-box;
        padding-left: 35px;
    }
    .text-offer-block {
        font-size: 18px;
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 30px;
    }
    .button-offer-block {
        width: auto;
        text-align: unset;
    }
.bg-img {
    right: 0;
    left: inherit;
    width: 200px;
    top: 38%;
    margin: 0;
    z-index: 1;
}
    h1 {
    width: 100%;
    margin: 0;
}
.ont-block-why-we .ont-mod-number {
    font-size: 30px;
    display: block;
    font-weight: 100;
    color: var(--lighttext-color);
}
.ont-block-why-we img {
    display: block;
    width: 50px;
}
}

@media (max-width:600px) {
    .logo-img span {
        display: none;
    }
    header .logo {
        width: 20%;
    }
    header .top-phone {
        width: 80%;
    }
	.why-we, .main-offer {
        padding: 40px 0;
        min-height: auto;
    }
	.mobile-contacts {
		display: block;
        bottom: 10px;
        right: 10px;
        border-radius: 5px;
        overflow: hidden;
        top: inherit;
	}
	.main-offer-content .slogan {
	    font-size: 16px;
        margin: 15px 0 0;
	}
    .cta-form-text-description {
        font-size: 14px;
    }

	h1 {
        font-size: 32px;
    }
    h1:before {
        display: none;
    }
	.trigger-item {
	    width: 50%;
	    font-size: 16px;
	    margin: 10px 0 10px;
	}
    .main-offer {
        min-height: auto;
    }
	
    
    .form-politics {
        font-size: 12px;
        margin: 10px 0 0;
    }
    .cta-form .slogan {
        font-size: 16px;
        margin: 15px 0 0;
        display: block;
    }

    .uslugi-grid-item-title {
        font-size: 20px;
    }

    .price-table .price-left-coll {
        width: 100%;
        border-right: none;
        padding: 15px 15px 5px;
    }
    .price-table .price-right-coll{
        width: 100%;
        padding: 5px 15px 15px;
    }
    .uslugi-module-content {
        margin: 30px 0 0 -30px;
        -webkit-justify-content: unset;
    }
    a.stock-button {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }
    .portfolio .portfolio-right-side {
        width: 100%;
        padding: 30px 0 0 0px;
    }
    .portfolio .portfolio-left-side {
        width: 40%;
    }
    .portfolio .portfolio-title {
        font-size: 20px;
    }
    span.title-page {
        font-size: 26px;
    }
    .cta-form-tetx-title {
        font-size: 20px;
    }
    .ont-block-recomendation .ont-item-content {
        background: var(--white-color);
        padding: 20px;
        margin: 0 0 20px;
    }
    .ont-block-recomendation .ont-mod-title {
        font-weight: 600;
        font-size: 16px;
    }
    .why-we {
        padding: 70px 0;
    }
    .ont-block-why-we .ont-mod-footer {
        margin: 20px 0 0;
    }
    .ont-block-why-we .ont-item-content {
        padding: 20px;
        border: 2px solid var(--cian-color);
        border-radius: 5px;
        margin: 0 0 20px;
    }
    .ont-block-why-we .ont-mod-descr {
        font-size: 14px;
    }
    .ont-block-why-we .ont-mod-title {
        font-weight: 600;
        display: block;
        margin: 0 0 15px;
        font-size: 18px;
    }
    .ont-mod-block {
        margin: 40px 0;
    }
    .portfolio .slide-content {
        background: #fff;
        position: relative;
        padding: 20px;
        border-radius: 3px;
    }
    .portfolio .works-value p {
        font-size: 14px;
    }
    .cta-form-dop {
        padding: 20px;
    }
    .cta-form-form form {
        width: 100%;
        margin: 0 auto;
    }
    .bg-img {
    right: 0;
    left: inherit;
    width: 150px;
    top: 38%;
    margin: 0;
    z-index: 1;
}
}

@media (max-width:480px) {
	.title-page {
	    font-size: 30px;
	}
	.trigger-item {
	    width: 100%;
	}
	
    .uslugi-grid-item {
        width: 100%;
    }

    span.title-page {
        font-size: 22px;
    }
    .bg-img {
    right: 0;
    left: inherit;
    width: 100px;
    top: 44%;
    margin: 0;
    z-index: 1;
}

}
@media (max-width:414px) {
	
	h1 {
	    font-size: 28px;
	}
    .container {
        max-width: 100%;
        padding: 0 10px;
    }
.main-offer-form {
    margin: 30px 0 0;
    display: block;
    padding: 85px 20px 20px 20px;
}
.bg-img {
    right: 0;
    left: 30px;
    width: 100px;
    top: 44%;
    margin: 0;
    z-index: 1;
}
}

@media (max-width:380px) {
    
    h1 {
        font-size: 24px;
    }
    .trigger-details {
        width: 100%;
        margin-right: 0;
        padding: 3px 0 3px 30px;
        position: relative;
        display: block;
        font-size: 14px;
    }
    .bg-img {
        right: 0;
        left: 30px;
        width: 100px;
        top: 40%;
        margin: 0;
        z-index: 1;
    }
    .text-offer-block {
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 30px;
}
}



/************************************Обязательные стили********************************/

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    /*overflow: hidden;*/

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-disabled {
    opacity: 0.5
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    width: 60px;
    height: 60px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    bottom: -25px;
    background: #fff;
    border-radius: 3px;
    z-index: 1
}

.slick-prev
{
    left: 25px;
    background: #fff url(../images/left-arrow.svg);
        background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}
.slick-next
{
    left: 95px;
    background: #fff url(../images/right-arrow.svg);
        background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}
.recomendation-slider .slick-prev
{
    left: 15px;
    background: var(--light-color) url(../images/left-arrow.svg);
        background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}
.recomendation-slider .slick-next
{
    left: 85px;
    background: var(--light-color) url(../images/right-arrow.svg);
        background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

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

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}



body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}