/*reset_css*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-size:100%}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,td img{vertical-align:top}
input,select,button,textarea{margin:0;font-size:100%;outline:none}
input[type="text"],input[type="password"],textarea{padding:0}
input[type="checkbox"]{vertical-align:bottom}
input[type="radio"]{vertical-align:text-bottom}
sub{vertical-align:sub;font-size:smaller}
sup{vertical-align:super;font-size:smaller}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
html{scroll-behavior:smooth}
body{text-align:left;font-size:1.2em;font-family:'Montserrat',sans-serif;color:#333}
a,a:visited{color:#fff;text-decoration:none}
a:hover{color:#fff;text-decoration:none}
a:focus,a:active{color:#fff;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;line-height:1}
img{border:none;max-width:100%}
.clr{clear:both}
.clearfix:after{clear:both;content:"";display:table}
.cntr{max-width:1300px;margin:0 auto;padding:0 20px;position:relative;box-sizing:border-box;display:flex;flex-direction:row;justify-content: space-between;}
li{list-style:none;display:flex}
/*Фоновые картинки и градиенты блоков*/
.blue-bg{background:linear-gradient(270deg, #0000ff,#00b8ff)}
.blue{background:url("../images/ltc_bg.svg")top left no-repeat,url("../images/rbc_bg.svg")bottom right no-repeat,url("../images/valve_.svg")bottom left no-repeat;color:#fff}
.blue-trust{ 
  background:url("../images/valve_.svg")bottom left no-repeat;color:#fff}
.white-bg{background:radial-gradient(circle at top left,#ffe7f3,#E5F4FF,#CAE8FC,#68B2F2)}
.white,.white-primer{background:url('../images/rba_bg.svg')bottom right no-repeat,url("../images/chat.svg") bottom left no-repeat,url("../images/lta_bg.svg")top left no-repeat;
}
/*Верхний блок*/
.header{display:flex;flex-grow:1;justify-content:space-between;flex-wrap:nowrap;}
.header .logo{max-width:577px;max-height:85px;margin:50px 0 0}
.header .nav-contacts{text-align:right}
.nav-contacts .ancor{margin: 25px 0 10px;display: flex;flex-wrap:nowrap;}
.nav-contacts .ancor a{margin:0 0 0 20px;display:block;width:66px;height:66px}
.ancor a.tg-a{background:url("../images/tg_.svg")}
.ancor a.vk-a{background:url("../images/vk_.svg")}
.ancor a.vb-a{background:url("../images/vb_.svg")}
.ancor a.fbmg-a{background:url("../images/fbmg_.svg")}
.ancor a.bot-a{background:url("../images/bot_.svg")}
.ancor a.tg-a:hover{background:url("../images/tg.svg")}
.ancor a.vk-a:hover{background:url("../images/vk.svg")}
.ancor a.vb-a:hover{background:url("../images/vb.svg")}
.ancor a.fbmg-a:hover{background:url("../images/fbmg.svg")}
.ancor a.bot-a:hover{background:url("../images/bot.svg")}
.contacts .tel{font:bold 1.5em 'Montserrat';display:flex;justify-content:flex-end;}
.contacts .tel a{display:inline-block;padding:5px 16px;border:2px solid #bbd2ff;color: white; border-radius: 25px; margin: 10px 0 0}
.contacts .tel a:hover{opacity:0.85;}
.contacts .tel .vb-tel{width:37px;height:37px;background-image:url("../images/vb_tel.svg");margin: 14px 10px 0 0;}
.contacts .tel .wa-tel{width:37px;height:37px;background-image:url("../images/wa_tel.svg");margin: 14px 10px 0 0}
.blue-textblock, .white-textblock{display:flex; justify-content:space-between;flex-direction:column;max-width:700px}
.blue-textblock .blue-text, .white-textblock .white-text{ line-height:1.8em}
h1.kreate{font:800 2.5em 'Montserrat';text-shadow:2px 2px 5px rgba(51, 51, 51, 0.5);margin-bottom:1.5em}
h2.socium{font:bold 1.5em 'Montserrat';margin-bottom:1em}
/*Текстовые блоки*/
.blue-textblock h1, .white-textblock h1,.white-primer h1{font-size:2.5em; line-height:1.2em;margin-top: 1.5em;text-shadow:2px 2px 5px rgba(51, 51, 51, 0.5)}
.white-textblock h1 span{color:#00b8ff}
.blue-textblock .blue-text p, .white-textblock .white-text p{margin:2em 0}
.white-textblock .white-text p a{color:#00b8ff}
.white-textblock .white-text p a:hover{text-decoration:underline}
.blue-textblock .blue-text li, .white-textblock .white-text li{margin:1em 0 1em 1.5em;position:relative}
.white-textblock .white-text li:before,.blue-textblock .blue-text li:before{content:'';display:block;width:6px;height:6px;border-radius:6px;position:absolute;top:14px;left:-22px}
.white-textblock .white-text li:before{border:2px solid #00b8ff}
.blue-textblock .blue-text li:before{border:2px solid #fff}
#tg,#vk,#vb,#fbmg,#bot{position:relative;padding-left:90px;}
#tg:before,#vk:before,#vb:before,#fbmg:before,#bot:before{content:'';width:66px;height:66px;position:absolute;top:-5px;left:0px;}
#tg:before{background:url("../images/tg.svg")}
#vk:before{background:url("../images/vki.svg")}
#vb:before{background:url("../images/vb.svg")}
#fbmg:before{background:url("../images/fbmgi.svg")}
#bot:before{background:url("../images/bot.svg")}
/*Кнопка*/
.button{
  margin:20px 0 80px;display:inline-block;padding:5px 30px;text-transform:uppercase;font-weight:bold;font-size:1.7em; text-decoration:none; border-radius:25px; border:2px solid #fff}
.button:hover{text-decoration:none;background-color:#000eff}
/*блок с роботом*/
.white-image, .blue-image{display:flex;align-items:center;padding:3em 1em;}
.white-image img, .blue-image img{min-width:300px;}
/*Блок со слайдером*/
.white-primer{flex-direction:column}
.white-primer h1{margin:1.5em auto 3em}
.white-primer .cntr{flex-direction:column;background:url("../images/iphone_b.png") center bottom no-repeat}
.slick-slider{position:relative;margin-bottom:80px;height:350px}
.slide-bot{text-align: center;padding:0 4em;}
.slide-bot img{margin: 0 auto}
.slide-bot h3{font-size: 0.8em;margin:20px auto 10px}
.slide-bot p{font-size: 0.65em;margin-bottom:15px;padding: 0 20px;opacity:0;}
.slide-bot a{font-size: 0.8em;color:#00b8ff;display:inline-block;padding:7px 20px;border:1px solid #00b8ff;border-radius:20px;opacity:0}
.slide-bot.slick-center a, .slide-bot.slick-center p{opacity:1;}
.slide-bot a:hover{color:#fff;background-color:#00b8ff}
.slick-prev,.slick-next{width:30px;height:56px;background:transparent;border:none;padding:0;cursor:pointer}
.slick-prev img, .slick-next img{opacity:0.5}
.slick-prev:hover img, .slick-next:hover img{opacity:1}
.slick-prev{position: absolute;top:calc(50% - 50px);left:80px;z-index:10;}
.slick-next{position: absolute;top:calc(50% - 50px);right:80px;z-index:10;}
/*Блок нам доверяют*/
.blue-trust .cntr{flex-direction:column}
.nam-cntr {text-align:center}
.blue-clients{display:flex;flex-wrap: wrap;justify-content:space-between;flex-grow: 1;margin:0 auto 4em}
.blue-clients div{width:25%;display: flex;padding: 10px 0;align-items: center;justify-content:center}
.blue-clients div img{max-width:50%;opacity:0.5}
.blue-clients div img:hover{opacity:1}
.nam-cntr{font-size:2.5em; line-height:1.2em;margin: 1.5em auto 1em;text-shadow:2px 2px 5px rgba(51, 51, 51, 0.5)}
/*Блок с формой*/
form{display:flex;flex-direction:column}
form input[type="text"],form input[type="tel"],textarea{
  border:2px solid #00b8ff; border-radius:5px;padding:10px 20px;margin:0 0 15px;max-width:500px;background-color:rgba(255, 255, 255, 0.5);color:#00b8ff; font-style: italic;font-size:0.9em}
  textarea{height:10em;font-size:1.1em}
.files{font-size:1.15em;position: relative;margin-left: 60px;}
.files:before{content:'';display:block;width:50px;height:50px;background-image:url("../images/dl.svg");position:absolute;top:-5px;left:-60px}
.submit{font-size:0.85em;margin:1em 0 3em !important;}
form input[type="submit"]{color:#fff;margin:20px 0 80px;display:inline-block;padding:5px 30px;text-transform:uppercase;font-weight:bold;font-size:1.7em;border-radius:25px; border:2px solid #fff;background-color:rgba(255, 255,255,0);max-width:270px}
form input[type="submit"]:hover{background-color:#f60}
/*Медиазапросы*/
@media screen and (max-width:1085px){
  .header{display:flex;flex-direction: column; flex-grow:1;justify-content:space-between;flex-wrap:nowrap}
  .header .logo{margin:50px auto 0}
  .header .nav-contacts{margin:0 auto}
}
@media screen and (max-width:1039px){
  .slick-slider{max-width:600px;margin:0 auto 80px;}
  .botinfo{max-width:204px;margin:0 auto}
  .slide-bot p{opacity:1}
  .slide-bot a{opacity:1}
}
@media screen and (max-width:1010px){
  h1.kreate{font:800 2em 'Montserrat';margin-bottom:1em;text-align:center;}
  h2.socium{font:bold 1.2em 'Montserrat';margin-bottom:0.5em}
  h1{font-size:1.5em; line-height:1.2em;margin-top: 1.5em;text-shadow:2px 2px 5px rgba(51, 51, 51, 0.5)}
}
@media screen and (max-width:800px){
  .cntr{flex-direction:column}
  h1.kreate{margin:2em auto 1em !important}
  h2.socium{margin:0 auto 0.5em;text-align:center}
  h1{margin:1.5em auto 0 !important}
  .are-used h1{text-align:center;}
  .white-primer h1{margin-bottom: 3em !important;text-align:center;}
  .blue-textblock, .white-textblock{max-width:800px}
  .blue-textblock .blue-text, .white-textblock .white-text{ line-height:1.8em}
  .white-image, .blue-image{margin:0 auto;padding:0 auto}
  .white .cntr{flex-direction:column-reverse}
  .white-text a.button, .blue-text a.button{margin:20px auto 40px;font-size:1.2em;display:block;max-width:200px}
  .nam-cntr {text-align:center;margin-bottom:1em !important;}
  a.button.used{margin-top:2.5em;}
  form input[type='submit']{margin:0 auto 40px;font-size:1.2em}
}
@media screen and (max-width:640px){
  .slick-slider{max-width:100%}
  .white-primer h1{margin-bottom:4em !important;}
  h1.kreate{font-size:1.7em!important}
  h2.socium{font-size:1.0em!important}
  h1{font-size:1.7em!important}
  .slick-prev{left:50px}
  .slick-next{right:50px}
}
@media screen and (max-width:510px){
.nav-contacts .ancor{display:flex;justify-content:space-between;}
.nav-contacts .ancor a{margin:0;}
.ancor a{margin:0}
.slick-prev{left:20px}
.slick-next{right:20px}
}
@media screen and (max-width:440px){
.nav-contacts .ancor a{width:50px;height:50px;}
.contacts .tel{font-size:1.1em;}
.botinfo{max-width:200px;}
.slick-prev{left:10px}
.slick-next{right:10px}
}
@media screen and (max-width:360px){
.contacts .tel{font-size:0.9em;}
.contacts .tel a{height:20px}
.botinfo{max-width:200px;}
.slick-prev{left:0}
.slick-next{right:0}
.white-image, .blue-image{display:flex;align-items:center;padding:0}
.white-image img, .blue-image img{min-width:260px;}
}
@media screen and (max-width:330px){
.cntr{padding:10px;}
.contacts .tel{font-size:0.8em;}
.slick-prev{left:-10px}
.slick-next{right:-10px}
}