body,html{
	margin:0px;
	padding:0px;
}
@font-face {
  font-family: "Mona Sans Expanded";
  font-weight: bold;
  font-display: swap;
  src: url('../fonts/mona-sans-expanded-bold.woff2') format('woff2'),
       url('../fonts/mona-sans-expanded-bold.ttf') format('truetype');
}
body *{
	box-sizing: border-box;
	font-family:"Mona Sans" ,sans-serif;
}
img{
	width:auto;
	height:auto;
}
.container{
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-right: 20px;
}
footer{
	padding-top: 80px;
	padding-bottom: 71px;
}
footer .outer__footer{
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
footer .outer__footer>.logo>a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: .3s ease all;
}
footer .outer__footer>.logo>a:hover{
	opacity:.7;
}
footer .outer__footer>ul li.spacer{
	margin:0px 5px;
	font-size: 18px;
	line-height: 26px;
	color:#18181E;
	font-weight: 500;
}
footer .outer__footer>p{
	margin-top: 0px;
	margin-bottom: 32px;
	font-size: 18px;
	line-height: 26px;
	color:#18181E;
	font-weight: 500;
}
footer .outer__footer>ul>li>a:hover{
	opacity:.7;
}
footer .outer__footer .socials>ul>li{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 34px;
}

footer .outer__footer .socials>ul>li>a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition:.3s ease all;
}
footer .outer__footer .socials>ul>li>a:hover{
	opacity:.7;
}
footer .outer__footer .socials>ul>li:last-child{
	margin-right: 0px;
}
footer .outer__footer .socials>ul{
	padding:0px;
	list-style-type: none;
	margin:0px;
	display: flex;
	align-items: center;
	justify-content: center;
}
footer .outer__footer>ul>li>a{
	text-decoration: none;
	font-size: 18px;
	line-height: 26px;
	transition:.3s ease all;
	color:#18181E;
	font-weight: 500;
}
footer .outer__footer>ul{
	display: flex;
	align-items: center;
	justify-content: center;
	list-style-type: none;
	margin:0px;
	padding:0px;
	margin-bottom: 24px;
}
footer .outer__footer>.logo{
	display: inline-flex;
	align-items: center;
	margin-bottom: 28px;
	justify-content: center;
}
.expect__wrapper .container{
	max-width: 1070px;
}
.btn__wrapper>a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 70px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #4A83CB;
	border-radius: 12px;
	text-decoration: none;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
	color:#fff;
	transition:.3s ease all;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.btn__wrapper>a:hover{
	opacity:.7;
}
.after__wrapper .avatars ul>li:last-child{
	margin-right: 0px;
}
.after__wrapper .avatars ul>li{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: -11px;
}
.after__wrapper .avatars ul>li img{
	min-width: 30px;
	max-width: 30px;
	min-height: 30px;
	max-height: 30px;
	border-radius: 250px;
	border:1px solid #18181E;
}
.after__wrapper>p img{
	min-width: 17px;
	max-width: 17px;
	margin:0px 7px;
}
.after__wrapper .stars>ul>li{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 2px;
}
.after__wrapper .stars>ul>li:last-child{
	margin-right: 0px;
}
.after__wrapper .stars>ul{
	padding:0px;
	list-style-type: none;
	margin:0px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.after__wrapper>p{
	display: flex;
	align-items: center;
	justify-content: center;
	margin:0px;
	font-size: 15px;
	line-height: 140%;
	color:#FFFFFF;
	font-weight: 400;
	margin-right: 9px;
}
.after__wrapper .avatars{
	margin-right: 10px;
}
.after__wrapper .avatars ul{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.after__wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
}
.expect__wrapper .outer__expect .btn{
	display: flex;
	margin-bottom: 20px;
	justify-content: center;
	align-items: center;
}
.expect__wrapper .outer__expect .grid>.elem>p{
	margin:0px;
	font-size: 24px;
	line-height: 115%;
	color:#18181E;
	font-weight: 600;
}
.expect__wrapper .outer__expect .grid>.elem>span{
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 40px;
}
.expect__wrapper .outer__expect .grid>.elem{
	padding:30px 27px;
	border-radius: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color:#FFFFFF;
}
.expect__wrapper .outer__expect .grid{
	display: grid;
	grid-template-columns: repeat(3 ,1fr);
	grid-column-gap: 15px;
	margin-bottom: 55px;
}
.expect__wrapper .outer__expect>h2{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 55px;
	font-size: 42px;
	line-height: 115%;
	font-weight: bold;
	color:#FFFFFF;
}
.expect__wrapper{
	padding-top: 100px;
	padding-bottom: 64px;
	background-color: #18181E;
}
.cta__wrapper{
	padding-top: 130px;
	padding-bottom: 92px;
}
.cta__wrapper .outer__cta>h2 .substract-long:before{
	content:"";
	position: absolute;
	left:0px;
	pointer-events: none;
	bottom:-5px;
	width: 100%;
	height: 14px;
	background:url('../img/substract-long.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.cta__wrapper .outer__cta>h2 .substract-short:before{
	content:"";
	position: absolute;
	left:0px;
	pointer-events: none;
	bottom:-5px;
	width: 100%;
	height: 14px;
	background:url('../img/substract-short.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.cta__wrapper .outer__cta>h2 .substract-long , .cta__wrapper .outer__cta>h2 .substract-short{
	white-space: nowrap;
	position: relative;
}
.cta__wrapper .outer__cta>.media>img{
	max-width: 980px;
	width: 100%;
}
.cta__wrapper .outer__cta>.media{
	display: flex;
	align-items: center;
	margin-bottom: 42px;
	justify-content: center;
}
.cta__wrapper .outer__cta .list>.elem .desc>p span{
	font-weight: bold;
}
.cta__wrapper .outer__cta .list>.elem {
	margin-bottom: 38px;
}
.cta__wrapper .after-desc>p{
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 150%;
	font-style: italic;
}
.cta__wrapper .after-desc>p:last-child{
	margin-bottom: 0px;
}
.cta__wrapper .after-desc{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	margin-top: 20px;
}
.cta__wrapper .btn__wrapper{
	display: flex;
	margin-top: -8px;
	margin-bottom: 20px;
	justify-content: center;
}
.after__wrapper.dark>p{
	color:#000000;
}
.cta__wrapper .outer__cta .list>.elem .desc>p{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 150%;
	color:#18181E;
}
.cta__wrapper .outer__cta .list>.elem>span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 13px;
	min-width: 35px;
	max-width: 35px;
}
.cta__wrapper .outer__cta .list>.elem{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.cta__wrapper .outer__cta .list{
	max-width: 490px;
	margin-left: auto;
	margin-right: auto;
}
.cta__wrapper .outer__cta>p>span{
	font-weight: bold;
}
.cta__wrapper .outer__cta>p{

	font-size: 18px;
	line-height: 150%;
	color:#18181E;
	text-align: center;
	max-width: 690px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.cta__wrapper .outer__cta>h2{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 40px;
	font-size: 42px;
	line-height: 115%;
	font-weight: bold;
	letter-spacing: -0.04em;
	color:#18181E;
}
.cta__wrapper .container{
	max-width: 1030px;
}
.expect__wrapper .btn__wrapper{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.feel__safe .container{
	max-width: 730px;
}
.feel__safe .btn__wrapper{
	margin-bottom: 20px;
}
.feel__safe{
	text-align: center;
	background-color: #F1F3F7;
}
.feel__safe .btn__wrapper{
	margin-top: 40px;
}
.feel__safe .outer__feel>p{
	margin-top: 0px;
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 150%;
	color:#18181E;
}
.feel__safe .outer__feel>.media{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 35px;
}
.feel__safe .outer__feel>h2 span{
	position: relative;
}
.feel__safe .outer__feel>h2 span:before{
	content:"";
	position: absolute;
	left:0px;
	width: 100%;
	height: 15px;
	bottom:-15px;
	background:url('../img/feel-substract.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.feel__safe .outer__feel>h2{
	margin-top: 0px;
	margin-bottom: 35px;
	font-size: 42px;
	line-height: 115%;
	font-weight: bold;
	color:#18181E;
}
.feel__safe{
	padding-top: 68px;
	padding-bottom: 95px;
}
.preview__wrapper{
	padding-top: 100px;
	padding-bottom: 80px;
}
.preview__wrapper .container{
	max-width: 1280px;
}
.preview__wrapper .outer__preview>h2 span{
	position: relative;
}
.preview__wrapper .outer__preview .grid>.elem .desc>span{
	font-size: 18px;
	line-height: 150%;
	color:#18181E;
	font-weight: 400;
}
.preview__wrapper .outer__preview .grid>.elem .desc>p{
	margin-top: 0px;
	margin-bottom: 14px;
	font-size: 26px;
	line-height: 115%;
	letter-spacing: -0.04em;
	color:#18181E;
	font-weight: 600;
}
.after__wrapper.dark .avatars>ul>li>img{
	border-color: #fff;
}
.preview__wrapper .outer__preview .btn__wrapper{
	display: flex;
	justify-content: center;
	margin-top: 55px;
	margin-bottom:20px;
}
.preview__wrapper .outer__preview .grid>.elem:nth-child(4), .preview__wrapper .outer__preview .grid>.elem:nth-child(5){
	position: relative;
	left: 50%;
}
.preview__wrapper .outer__preview .grid>.elem .desc{
	padding-top: 37px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 45px;
}
.preview__wrapper .outer__preview .grid>.elem .media>img{
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	object-fit: cover;
}
.preview__wrapper .outer__preview .grid>.elem .media{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 78.4%;
}
.preview__wrapper .outer__preview .grid>.elem{
	border-radius: 20px;
	overflow: hidden;
	border:1px solid rgba(24,24,30,.25);
}
.preview__wrapper .outer__preview .grid{
	display: grid;
	grid-template-columns: repeat(3 ,1fr);
	grid-column-gap: 25px;
	grid-row-gap: 23px;
}
.preview__wrapper .outer__preview>h2 span:before{
	content:"";
	position: absolute;
	left:0px;
	bottom:-12px;
	height: 15px;
	width: 100%;
	background:url('../img/free-substract.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.preview__wrapper .outer__preview>h2{
	margin-top: 0px;
	margin-bottom: 72px;
	font-size: 42px;
	line-height: 115%;
	font-weight: bold;
	color:#18181E;
	letter-spacing: -0.04em;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.desc__wrapper .container{
	max-width: 1280px;
}
.desc__wrapper .outer__desc .media:before{
	content:"";
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color: grey;
	filter:blur(35px);
}
.desc__wrapper .outer__desc .media{
	position: relative;
	max-width: 620px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.desc__wrapper .outer__desc .media>img{
	max-width: 100%;
	border:8px solid #fff;
	position: relative;
	z-index: 2;
}
.desc__wrapper .outer__desc .desc>p{
	margin-top: 0px;
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 150%;
	color:#fff;
	font-weight: 400;
	color:#FFFFFF;
}
.desc__wrapper .outer__desc .desc>p:last-child{
	margin-bottom: 0px;
}
.desc__wrapper .outer__desc .desc>h2 span{
	position: relative;
	white-space: nowrap;
}
.desc__wrapper .outer__desc .desc>h2 span:before{
	content:"";
	position: absolute;
	left:0px;
	width: 100%;
	height: 15px;
	bottom:-12px;
	background:url('../img/security-substract.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.desc__wrapper .outer__desc .desc>h2{
	margin-top: 0px;
	margin-bottom: 32px;
	font-size: 42px;
	line-height: 115%;
	letter-spacing: -0.04em;
	color:#FFFFFF;
	font-weight: bold;
}
.desc__wrapper .outer__desc .desc{
	max-width: 555px;
}
.desc__wrapper .outer__desc{
	align-items: center;
	display: flex;
	justify-content: space-between;
	gap:68px;
}
.desc__wrapper{
	padding:120px 0px;
	background-color: #18181E;
}
.grid__box .container{
	max-width: 880px;
}
.grid__box .btn__wrapper{
	margin-top: 60px;
	margin-bottom: 20px;
}
.grid__box .grid__small{
	display: grid;
	grid-template-columns: repeat(3 ,1fr);	
}
.grid__box .grid__small>.elem>p{
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 115%;
	letter-spacing: -0.04em;
	color:#18181E;
	font-weight: 600;
}
.grid__box .grid__small>.elem:nth-child(1) , .grid__box .grid__small>.elem:nth-child(2),.grid__box .grid__small>.elem:nth-child(3){
	border-bottom:1px solid rgba(24,24,30,.25);
}
.grid__box .grid__small>.elem:nth-child(1) , .grid__box .grid__small>.elem:nth-child(2), .grid__box .grid__small>.elem:nth-child(4) , .grid__box .grid__small>.elem:nth-child(5){
	border-right:1px solid rgba(24,24,30,.25);
}
.grid__box .grid__small>.elem{
	padding: 35px 20px;
}
.grid__box .grid__small{
	margin:49px auto;
	max-width: 720px;
}
.grid__box .outer__grid--box>p{
	margin-top: 0px;
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 150%;
	color:#18181E ;
}
.grid__box .outer__grid--box>h2{
	margin-top: 0px;
	margin-bottom: 24px;
	font-size: 42px;
	line-height: 115%;
	font-weight: bold;
	color:#18181E;
	letter-spacing: -0.04em;
}
.grid__box{
	text-align: center;
	padding-top: 130px;
	padding-bottom: 70px;
	background-color: #F1F3F7;
}
.hero__section .media>img{
	max-width: 100%;
}
.hero__section .container{
	max-width: 1120px;
}
.hero__section .outer__hero>span{
	display: block;
	text-align: center;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0.2em;
	color:#1E1818;
	text-transform: uppercase;
}
.hero__section .btn__wrapper{
	margin-top: 42px;
	margin-bottom: 17px;
}
.hero__section{
	padding-top: 170px;
	text-align: center;
	background-color: #F1F3F7;
}
.hero__section .media{
	display: flex;
	align-items: center;
	justify-content: center;
}
header .outer__header>.logo{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

header .outer__header .have__questions>.desc>a{
	font-family:"Mona Sans Expanded" ,sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
	color:#18181E;
}
header .outer__header .have__questions>.desc>p{
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 12px;
	line-height: 16px;
	color:#18181E;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0.12em;
}
header .outer__header .have__questions>.desc{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
header .outer__header .have__questions>span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	max-width: 48px;
	min-height: 48px;
	max-height: 48px;
	border-radius: 250px;
	background-color: #4A83CB;
	margin-right: 10px;
}
header .outer__header .have__questions{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
header .outer__header>.logo>a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition:.3s ease all;
}
header .outer__header>.logo>a:hover{
	opacity:.7;
}
.hero__section .outer__hero>p{
	margin:0px;
	font-size: 20px;
	line-height: 140%;
	color:#18181E;
}
.hero__section .outer__hero>h1{
	margin-top: 0px;
	margin-bottom: 20px;	
	font-size: 50px;
	line-height: 115%;
	color:#18181E;
	font-weight: bold;
	max-width: 1090px;
	margin-left: auto;
	position: relative;
	margin-right: auto;
	letter-spacing: -0.04em;
}
.hero__section .outer__hero>h1 span{
	position: relative;
}
.hero__section .outer__hero>h1 span:before{
	content:"";
	position: absolute;
	left:0px;
	bottom:-2px;
	width: 100%;
	height: 11px;
	background:url('../img/substract-hero.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
header .outer__header{
	display: flex;
	align-items: center;
	padding-top: 32px;
	justify-content: space-between;
}
header .container{
	max-width: 1280px;
}
header{
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;

}
.article__list>.container{
	max-width: 1362px;
}
.article__list .top__boxes .spacer{
	min-height: 50px;
	min-width: 1px;
	margin:0px 25px;
	background-color:rgba(24,24,30,.25);
}
.article__list .top__boxes>.el>p{
	margin:0px;
	font-size: 18px;
	line-height: 140%;
	font-weight: 400;
	color:#18181E;
	min-width: 125px;
}
.article__list .outer__article--list>.elem:last-child{
	margin-bottom: 0px;
}
.article__list .outer__article--list>.elem>.desc{
	max-width: 555px;
}
.article__list .outer__article--list>.elem>.desc>p{
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 150%;
	color:#18181E;
}
.article__list .outer__article--list>.elem>.desc>h2{
	margin-top: 0px;
	margin-bottom: 35px;
	font-size: 42px;
	line-height: 115%;
	font-weight: bold;
	color:#18181E;
	letter-spacing: -0.04em;
}
.article__list .outer__article--list>.elem>.media:before{
	content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    filter: blur(35px);
}
.article__list .outer__article--list>.elem>.media{
	display: inline-flex;
	position: relative;
	align-items: center;
	justify-content: center;
	max-width: 620px;
}
.article__list .outer__article--list>.elem>.media>img{
	max-width: 100%;
	height:100%;
	object-fit: cover;
	position: relative;
	z-index: 2;
}
.article__list .outer__article--list>.elem{
	display: flex;
	gap:68px;
	justify-content: space-between;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.article__list .top__boxes>.el>span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 50px;
	max-width: 50px;
	margin-right: 14px;
}
.article__list .top__boxes>.el>span>img{
	min-width: 50px;
	max-width: 50px;
}
.article__list .top__boxes>.el{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.article__list .top__boxes{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 128px;
}
.article__list{
	padding-top: 60px;
	padding-bottom: 155px;
}
.brief__wrapper{
	padding-top: 36px;
}
.brief__wrapper .brief__gallery .elem>img{
	max-width: 100%;
}
.brief__wrapper .brief__gallery .slick-slide {
      margin: 0 13px;
  }
.brief__wrapper .brief__gallery .slick-list {
  margin: 0 -13px;
}
.brief__wrapper .container{
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
}
.brief__inner .outer__brief>h2 span{
	position: relative;
	white-space: nowrap;
}
.brief__inner .outer__brief .grid>.elem>span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.brief__inner .after__wrapper{
	padding-bottom: 94px;
}
.brief__wrapper{
	background:url('../img/cameras.webp');
	background-repeat: no-repeat;
	background-size: 400px;
	background-position: bottom left;

}
.brief__inner .btn__wrapper{
	display: flex;
	justify-content: center;
	margin-top:56px;
	margin-bottom: 20px;
}
.brief__inner .outer__brief .grid>.elem .desc>span{
	display: block;
	font-size: 18px;
	line-height: 150%;
	color:#18181E;
}
.brief__inner .outer__brief .grid>.elem .desc>p{
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 26px;
	line-height: 115%;
	font-weight: 600;
	letter-spacing: -0.04em;
	color:#18181E;
}
.brief__inner .outer__brief .grid>.elem{
	gap:24px;
	margin-bottom: 18px;
	padding:38px 32px;
	border-radius: 15px;
	background-color: #F1F3F7;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.brief__inner .outer__brief .grid>.elem:last-child{
	margin-bottom: 0px;
}
.brief__inner .outer__brief .grid{
	max-width: 765px;
	margin-left: auto;
	margin-right: auto;
}
.brief__inner .outer__brief>h2 span:before{
	content: "";
	position: absolute;
	left:0px;
	width: 100%;
	height:15px;
	bottom:-11px;
	background:url('../img/substract-brief.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.brief__inner .outer__brief>h2{
	margin-top: 0px;
	margin-bottom: 42px;
	text-align: center;
	font-size: 42px;
	letter-spacing: -0.04em;
	line-height: 115%;
	color:#18181E;
	font-weight: bold;
}
.brief__wrapper .brief__inner{
	margin-top: 125px;
}
.article__list .outer__article--list>.elem>.desc>h2 span{
	position: relative;
	white-space: nowrap;
}
.article__list .outer__article--list>.elem>.desc>h2 span:before{
	content: "";
  position: absolute;
  left: 0px;
  bottom: -2px;
  width: 100%;
  height: 11px;
  background: url(../img/substract-hero.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 1200px){
	.brief__wrapper .brief__inner{
		margin-top: 55px;
	}
	.brief__inner .btn__wrapper{
		margin-top: 30px;
	}
	.brief__inner .after__wrapper{
		padding-bottom: 45px;
	}
	.brief__inner .outer__brief .grid>.elem .desc>p{
		font-size: 22px;
		margin-bottom: 12px;
	}
	.brief__inner .outer__brief .grid>.elem .desc>span{
		font-size: 16px;
	}
	.brief__inner .outer__brief .grid>.elem{
		padding:24px 20px;
		gap:12px;
	}
	.brief__inner .outer__brief .grid>.elem .media img{
		min-width: 45px;
		max-width: 45px;
	}
	.brief__inner .outer__brief>h2{
		font-size: 36px;
	}
	.article__list .outer__article--list>.elem>.media{
		min-width: 500px;
	}
	.article__list .outer__article--list>.elem{
		gap:35px;
	}
	.article__list .outer__article--list>.elem{
		margin-bottom: 60px;
	}
	.article__list .outer__article--list>.elem>.desc>h2{
		font-size: 36px;
		margin-bottom: 25px;
	}
	.article__list .outer__article--list>.elem>.desc>p{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.article__list .top__boxes{
		margin-bottom: 60px;
		display: grid;
		grid-template-columns: repeat(2 ,1fr);
		grid-row-gap:25px;
		grid-column-gap: 30px;
	}
	.article__list .top__boxes>.el:nth-child(1) , .article__list .top__boxes>.el:nth-child(5){
		position: relative;
	}
	.article__list .top__boxes>.el:nth-child(1):before , .article__list .top__boxes>.el:nth-child(5):before{
		content:"";
		position: absolute;
		right:-15px;
		top:0px;
		min-width: 1px;
		max-width: 1px;
		min-height: 100%;
		background-color: rgba(24,24,30,.25);
	}
	.article__list .top__boxes>.spacer{
		display: none;
	}
	.article__list{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.hero__section .outer__hero>h1{
		font-size: 40px;
		max-width: 940px;
	}
	.hero__section .outer__hero>p{
		font-size: 18px;
	}
	.hero__section .outer__hero>span{
		font-size: 12px;
	}
	.desc__wrapper .outer__desc{
		flex-direction: column-reverse;
		gap:0px;
	}
	.desc__wrapper .outer__desc .media{
		max-width: 100%;
		margin-bottom: 40px;
	}
	.desc__wrapper .outer__desc .media>img{
		width: 100%;
	}
	.desc__wrapper .outer__desc .desc{
		max-width: 100%;
	}
	.preview__wrapper .outer__preview .grid{
		grid-template-columns: repeat(2 ,1fr);
	}
	.preview__wrapper .outer__preview .grid>.elem:nth-child(4){
		left: 0px;
	}
}
.hero__section .outer__hero>h1 span{
	white-space: nowrap;
}
.article__list .outer__article--list>.elem>.desc>p:last-child{
	margin-bottom: 0px;
}
body,html{
	overflow-x:hidden;
}
@media (max-width: 991px){
	.brief__inner .outer__brief>h2{
		font-size: 30px;
	}
	.brief__wrapper{
		padding-top: 20px;
	}
	.brief__wrapper .brief__gallery .slick-slide{
		margin:0px 6px;
	}
	.article__list .top__boxes>.el>p{
		font-size: 14px;
	}
	.article__list .top__boxes{
		grid-row-gap:15px;
	}
	.article__list .top__boxes>.el>span{
		min-width: 35px;
		max-width: 35px;
		margin-right: 9px;
	}
	.article__list .top__boxes>.el>span>img{
		min-width: 35px;
		max-width: 35px;
	}
	.article__list .outer__article--list>.elem{
		flex-direction: column;
	}
	.article__list .outer__article--list>.elem>.media{
		order:1;
	}
	.article__list .outer__article--list>.elem>.media{
		min-width: 0px;
		max-width: 100%;
		width: 100%;
	}
	.article__list .outer__article--list>.elem>.desc{
		max-width: 100%;
	}
	.article__list .outer__article--list>.elem{
		gap:25px;
	}
	.article__list .outer__article--list>.elem{
		margin-bottom: 35px;
	}
	.article__list .top__boxes{
		margin-bottom: 35px;
	}
	.article__list .outer__article--list>.elem>.desc{
		order:2;
	}
	.article__list .outer__article--list>.elem>.desc>h2{
		font-size: 30px;
		margin-bottom: 15px;
	}
	.article__list .outer__article--list>.elem>.desc>p{
		font-size: 14px;
	}
	header .outer__header{
		padding-top: 15px;
	}
	.hero__section .outer__hero>h1{
		font-size: 36px;
	}
	.hero__section .outer__hero>h1 br{
		display: none;
	}
	.hero__section .outer__hero>p{
		font-size: 16px;
	}
	header .outer__header>.logo>a>img{
		max-width: 240px;
	}
	header .outer__header .have__questions>span{
		min-width: 40px;
		max-width: 40px;
		min-height: 40px;
	}
	.grid__box .grid__small>.elem>p{
		font-size: 16px;
	}
	.grid__box .outer__grid--box>h2{
		font-size: 36px;
	}
	.grid__box .outer__grid--box>p{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.grid__box .btn__wrapper{
		margin-top: 35px;
	}
	.grid__box .grid__small{
		margin:30px auto;
	}
	.grid__box{
		padding:45px 0px;
	}
	.desc__wrapper{
		padding:45px 0px;
	}
	.desc__wrapper .outer__desc .desc>h2{
		font-size: 36px;
	}
	.desc__wrapper .outer__desc .desc>p{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.preview__wrapper .outer__preview>h2{
		font-size: 36px;
	}
	.preview__wrapper .outer__preview>h2{
		margin-bottom: 40px;
	}
	.preview__wrapper{
		padding:40px 0px;
	}
	.preview__wrapper .outer__preview .grid>.elem .desc{
		padding-top: 20px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 30px;
	}
	.preview__wrapper .outer__preview .grid>.elem .desc>p{
		font-size: 22px;
		margin-bottom: 8px;
	}
	.preview__wrapper .outer__preview .grid>.elem .desc>span{
		font-size: 16px;
	}
	.preview__wrapper .outer__preview .btn__wrapper{
		margin-top: 35px;
	}
	.feel__safe .outer__feel>.media{
		margin-bottom: 20px;
	}
	.feel__safe{
		padding:40px 0px;
	}
	.feel__safe .outer__feel>h2{
		font-size: 36px;
	}
	.feel__safe .outer__feel>p{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.feel__safe .btn__wrapper{
		margin-top: 25px;
	}
	.cta__wrapper{
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.cta__wrapper .outer__cta>h2{
		font-size: 36px;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.cta__wrapper .outer__cta>h2 br{
		display: none;
	}
	.expect__wrapper .outer__expect .grid>.elem>p{
		font-size: 20px;
	}
	.expect__wrapper .outer__expect>h2{
		margin-bottom: 35px;
		font-size: 36px;
	}
	.expect__wrapper{
		padding:60px 0px;
	}
	.expect__wrapper .outer__expect .grid{
		margin-bottom: 30px;
	}
	.btn__wrapper>a{
		min-height: 60px;
		padding-left: 24px;
		padding-right: 24px;
		font-size: 14px;
	}
	footer .outer__footer>.logo>a>img{
		max-width: 240px;
	}
	footer .outer__footer>.logo{
		margin-bottom: 20px;
	}
	footer .outer__footer>ul{
		margin-bottom: 10px;
	}
	footer .outer__footer>ul>li , footer .outer__footer>ul>li>a{
		font-size: 16px;
	}
	footer .outer__footer>p{
		margin-bottom: 24px;
		font-size: 16px;
	}
	footer .outer__footer .socials>ul>li{
		margin-right: 20px;
	}
	footer{
		padding:40px 0px;
	}
	.cta__wrapper .outer__cta .list>.elem .desc>p{
		font-size: 16px;
	}
	.cta__wrapper .outer__cta>p{
		font-size: 16px;
	}
	.cta__wrapper .outer__cta>.media{
		margin-bottom: 25px;
	}
	.hero__section .btn__wrapper{
		margin-top: 25px;
		margin-bottom: 10px;
	}
	.brief__inner .outer__brief>h2{
		margin-bottom: 25px;
	}
	.brief__wrapper{
		background:none;
	}
}
.preview__wrapper .outer__preview>h2 span{
	white-space: nowrap;
}
@media (max-width: 767px){
	.brief__wrapper .brief__inner{
		margin-top: 40px;
	}
	.brief__inner .outer__brief>h2{
		font-size: 25px;
	}
	.brief__inner .outer__brief .grid>.elem .desc>p{
		font-size: 18px;
		margin-bottom: 7px;
	}
	.brief__inner .outer__brief .grid>.elem .desc>span{
		font-size: 14px;
	}
	.brief__inner .outer__brief .grid>.elem{
		margin-bottom: 10px;
	}
	.brief__inner .outer__brief>h2 span{
		white-space: initial;
	}
	.brief__inner .outer__brief>h2 span:before{
		content:none;
	}
	.brief__wrapper .brief__gallery .slick-list{
		padding:0px 12%!important;
	}
	.article__list{
		padding:40px 0px;
	}
	.article__list .outer__article--list>.elem>.desc>p{
		margin-bottom: 15px;
	}
	.article__list .outer__article--list>.elem>.desc>h2{
		font-size: 24px;
	}
	.hero__section .outer__hero>h1{
		font-size: 30px;
		margin-bottom: 12px;
	}
	.hero__section{
		padding-top: 135px;	
	}
	.hero__section .outer__hero>span{
		font-size: 10px;
		margin-bottom: 12px;
	}
	.hero__section .outer__hero>p{
		font-size: 14px;
	}

	header .outer__header>.logo>a>img{
		max-width: 160px;
	}
	header .outer__header .have__questions>.desc>p{
		font-size: 10px;
		line-height: 14px;
	}
	header .outer__header .have__questions>.desc>a{
		font-size: 18px;
	}
	.grid__box .outer__grid--box>h2{
		font-size: 30px;
		margin-bottom: 15px;
	}
	.grid__box .outer__grid--box>p{
		margin-bottom: 15px;
	}
	.desc__wrapper .outer__desc .desc>h2{
		font-size: 30px;
	}
	.preview__wrapper .outer__preview .grid{
		grid-template-columns: 1fr;
	}
	.preview__wrapper .outer__preview .grid>.elem:nth-child(5){
		left: 0px;
	}
	.preview__wrapper .outer__preview>h2{
		font-size: 30px;
	}
	.feel__safe .outer__feel>h2{
		font-size: 30px;
	}
	.cta__wrapper .outer__cta>p{
		font-size: 14px;
		margin-bottom: 15px;
	}
	.cta__wrapper .outer__cta .list>.elem .desc>p{
		font-size: 14px;
	}
	.cta__wrapper .outer__cta .list>.elem{
		margin-bottom: 20px;
	}
	.cta__wrapper .outer__cta .list>.elem>span img{
		min-width: 28px;
		max-width: 28px;
	}
	.cta__wrapper .outer__cta .list>.elem>span{
		min-width: 28px;
		max-width: 28px;
		margin-right: 7px;
	}
	.cta__wrapper .outer__cta>h2{
		font-size: 30px;
	}
	.cta__wrapper .after-desc>p{
		font-size: 12px;
	}
	.cta__wrapper .after-desc>p{
		margin-bottom: 12px;
	}
	.expect__wrapper .outer__expect>h2{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.btn__wrapper>a{
		text-align: center;
	}
	.after__wrapper>p{
		font-size: 12px;
	}
	.after__wrapper>p img{
		min-width: 14px;
		max-width: 14px;
		margin:0px 4px;
	}
	.after__wrapper .stars>ul>li img{
		min-width: 16px;
		max-width: 16px;
	}
	.after__wrapper .avatars ul>li img{
		min-width: 24px;
		max-width: 24px;
		min-height: 24px;
		max-height: 24px;
	}
	.after__wrapper .avatars ul>li{
		margin-right: -8px;
	}
	.expect__wrapper .outer__expect .grid>.elem>span img{
		min-width: 28px;
		max-width: 28px;
	}
	.expect__wrapper .outer__expect .grid>.elem{
		border-radius: 15px;
	}
	.expect__wrapper{
		padding:40px 0px;
	}
	.expect__wrapper .outer__expect .grid>.elem{
		padding:20px 15px;
	}
	.expect__wrapper .outer__expect .grid>.elem>span{
		margin-bottom: 20px;
	}
	.expect__wrapper .outer__expect .grid>.elem>p{
		font-size: 18px;
	}
	.expect__wrapper .outer__expect .grid{
		grid-template-columns: 1fr;
		grid-row-gap:15px;
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 480px){
	.brief__wrapper .brief__gallery .slick-list{
		padding:0px 12%!important;
	}
	.article__list .top__boxes>.el>p{
		font-size: 12px;
	}
	.article__list .top__boxes{
		margin-bottom: 20px;
	}
	.article__list .top__boxes>.el>p{
		min-width: 0px;
		font-size: 10px;
	}
	.article__list .top__boxes>.el>span{
		min-width: 30px;
		max-width: 30px;
	}
	.article__list .top__boxes>.el>span>img{
		min-width: 30px;
		max-width: 30px;
	}
	.article__list .outer__article--list>.elem>.desc>h2{
		font-size: 22px;
	}
	header .outer__header>.logo>a>img{
		max-width: 134px;
	}
	header .outer__header .have__questions>span img{
		max-width: 12px;
	}
	header .outer__header .have__questions>.desc>a{
		font-size: 14px;
	}
	.hero__section{
		padding-top: 90px;
	}
	header .outer__header .have__questions>span{
		min-width: 34px;
		margin-right: 5px;
		max-width: 34px;
		min-height: 34px;
		max-height: 34px;
	}
	.hero__section .outer__hero>h1{
		font-size: 23px;
	}
	.grid__box .grid__small{
		grid-template-columns: repeat(2 ,1fr);
	}
	.grid__box .grid__small>.elem:nth-child(2), .grid__box .grid__small>.elem:nth-child(4){
		border-right: 0px;
	}
	.grid__box .grid__small>.elem:nth-child(3){
		border-right:1px solid rgba(24,24,30,.25);
	}
	.grid__box .grid__small>.elem:nth-child(4){
		border-bottom:1px solid rgba(24,24,30,.25);
	}
	.grid__box .outer__grid--box>h2{
		font-size: 25px;
	}
	.desc__wrapper .outer__desc .desc>h2{
		font-size: 25px;
	}
	.preview__wrapper .outer__preview>h2{
		font-size: 25px;
	}
	.preview__wrapper .outer__preview .grid>.elem .desc>p{
		font-size: 20px;
	}
	.feel__safe .outer__feel>h2{
		font-size: 25px;
	}
	.feel__safe .outer__feel>.media img{
		max-width: 245px;
	}
	.cta__wrapper .outer__cta>h2{
		font-size: 20px;
	}
	.container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.after__wrapper{
		flex-wrap: wrap;
	}
	.after__wrapper .stars{
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 4px;
	}
	.after__wrapper>p{
		margin-right: 0px;
	}
	.expect__wrapper .outer__expect>h2{
		font-size: 25px;
	}
	.btn__wrapper>a{
		font-size: 12px;
	}
	.btn__wrapper>a{
		padding-left: 15px;
		padding-right: 15px;
		min-height: 55px;
	}
}
@media (max-width: 360px){
	header .outer__header>.logo>a>img{
		max-width: 120px;
	}
}