blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h3,h4,h5,h6,input,li,p,pre,td,textarea,th,ul{margin:0;padding:0}h2{padding:0}table{border-collapse:collapse;border-spacing:0}abbr,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ul li{list-style:none}caption,th{ftext-align:left}h1,h3,h6{font-size:100%}h1,h2,h3,h5,h6{font-weight:400}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}img{max-width:100%}a,a:active,a:hover,a:link{text-decoration:none}a,h1,h2,h3,h4,h5,h6,p{font-family:"Exo",sans-serif}.mid{max-width:1170px;padding-left:30px;padding-right:30px;margin:0 auto}*{-webkit-box-sizing:border-box;box-sizing:border-box}h4,p{font-size:16px}h2,h4{line-height:50px}h4{color:#e7989d;text-transform:uppercase;font-weight:500;letter-spacing:.2em}h2,h5,p{color:#282828}h2{margin:0 0 50px;font-size:40px}h5,p{font-size:14px}p{line-height:26px}.try,header .play i{-webkit-transition:all .5s;transition:all .5s}.try,h5,header h1{line-height:75px}.try{text-align:center;background:#ff6d6d;border:1px solid #ff6d6d;-webkit-border-radius:5px;border-radius:5px;padding:20px 35px;font-size:16px;margin-bottom:15px;color:#fff}.try:hover{background:0 0;color:#ff6d6d}header{background:url(../img/headerBG.png) no-repeat;background-size:cover}header .mid{padding:220px 195px;text-align:center}header h1{color:#282828;font-size:60px;font-weight:100;margin-bottom:60px}header .play{display:block;margin-bottom:40px;cursor:default}header .play i{background-color:#7f84a1;-webkit-border-radius:50%;border-radius:50%;padding:17px 20px;color:#f5f6f8;cursor:pointer}header .play i:hover{background-color:transparent;color:#7f84a1}.design .mid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;max-width:1170px;padding-left:30px;padding-right:30px;margin:0 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.design .info{width:-webkit-calc(50% - 30px);width:calc(50% - 30px);padding-bottom:170px;padding-top:170px}.design p:nth-of-type(1){margin-bottom:20px}.design .photo{width:-webkit-calc(50% - 30px);width:calc(50% - 30px);height:auto;background-color:#ececec}.features{overflow:hidden;background:#f6f5f3}.features .mid{padding-top:180px;padding-bottom:190px;text-align:center;position:relative}.features .coffee,.features .earphones,.features .penholder{position:absolute}.features .coffee{opacity:.2;right:-30px;bottom:-140px}.features .penholder{left:-50px;top:-20px}.features .earphones{opacity:.6;right:-50px;top:-30px}.design_laptop .mid,.features .featureGroup{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word}.features .featureGroup{margin-left:15px;margin-right:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.features .featureGroup .feature{padding-left:5px;padding-right:5px;margin-bottom:20px}.features .featureGroup .feature h3{color:#282828;font-size:22px;line-height:50px;letter-spacing:.04em;font-weight:500}.clients,.design_laptop{padding-top:100px;padding-bottom:100px}.design_laptop{background:url(../img/purplebg.png);background-position:-670px -200px;background-repeat:no-repeat}.design_laptop .mid{max-width:1170px;padding-left:30px;padding-right:30px;margin:0 auto;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.design_laptop .info,.design_laptop .laptop{width:-webkit-calc(50% - 30px);width:calc(50% - 30px)}.clients{background:url(../img/blackbg.png);background-size:cover}.clients h3{color:#fff;font-weight:500;font-size:22px;line-height:50px}.clients h4{text-transform:none;letter-spacing:0}.clients .clientsnumber{margin-bottom:100px}.clients .clientsnumber .client,.features .featureGroup .feature{width:-webkit-calc(33.333333333333336% - 30px);width:calc(33.333333333333336% - 30px)}.clients .clientsnumber .client img{-webkit-transition:all .5s;transition:all .5s}.clients .clientsnumber .client img:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.clients .clientsnumber,.clients .logos{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.clients .logos div{width:-webkit-calc(16.666666666666668% - 30px);width:calc(16.666666666666668% - 30px)}.clients .logos div:nth-of-type(1),.clients .logos div:nth-of-type(5){width:-webkit-calc(25% - 30px);width:calc(25% - 30px)}.clients .logos div img{-webkit-transition:all .3s;transition:all .3s}.clients .logos div img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.browser{overflow:hidden}.browser .mid{padding:100px 190px 450px;text-align:center;position:relative}.browser .mid .laptop{position:absolute;left:40%;margin-left:-300px;bottom:-10px}.features_form{background-color:#323969}.features_form .mid{text-align:center;padding-top:100px;padding-bottom:100px}.features_form .inputs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.features_form .inputs a,.features_form .inputs input{width:-webkit-calc(25% - 30px);width:calc(25% - 30px);height:50px;margin-bottom:30px}.features_form .inputs input{outline:0;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.2);padding:17px;color:#282828;font-size:18px}.features_form .inputs input::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.features_form .inputs input::-moz-placeholder{color:rgba(255,255,255,.8)}.features_form .inputs input:-ms-input-placeholder{color:rgba(255,255,255,.8)}.features_form .inputs input::placeholder{color:rgba(255,255,255,.8)}.features_form .inputs a{text-transform:uppercase;line-height:10px}footer .mid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;max-width:1170px;padding:85px 30px;margin:0 auto}footer ul{width:-webkit-calc(16.666666666666668% - 30px);width:calc(16.666666666666668% - 30px);margin-bottom:20px}footer ul:nth-of-type(1),footer ul:nth-of-type(4){width:-webkit-calc(33.333333333333336% - 30px);width:calc(33.333333333333336% - 30px)}footer ul:nth-of-type(4) li:nth-of-type(3){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;padding-left:80px;padding-right:80px;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}footer ul:nth-of-type(4) li:nth-of-type(3) i{color:#282828;font-size:18px;line-height:30px;-webkit-transition:all .3s;transition:all .3s}footer ul:nth-of-type(4) li:nth-of-type(3) i:hover{color:#dddde4}footer ul:nth-of-type(4) .inputGroup{margin-bottom:13px;position:relative}footer ul:nth-of-type(4) .inputGroup a{position:absolute;display:inline-block;height:50px;background:#e7989d;width:50px;line-height:53px;text-align:center;-webkit-transition:all .2s;transition:all .2s}footer ul:nth-of-type(4) .inputGroup a i{color:#fff}footer ul:nth-of-type(4) .inputGroup a:hover{background:rgba(40,40,40,.05);border:1px solid #e7989d}footer ul:nth-of-type(4) .inputGroup a:hover i{color:#e7989d}footer ul:nth-of-type(4) .inputGroup input{outline:0;border:1px solid rgba(40,40,40,.2);background:rgba(40,40,40,.05);padding:13px;color:#282828;font-size:16px;height:50px}footer ul:nth-of-type(4) .inputGroup input::-webkit-input-placeholder{color:rgba(40,40,40,.4)}footer ul:nth-of-type(4) .inputGroup input::-moz-placeholder{color:rgba(40,40,40,.4)}footer ul:nth-of-type(4) .inputGroup input:-ms-input-placeholder{color:rgba(40,40,40,.4)}footer ul:nth-of-type(4) .inputGroup input::placeholder{color:rgba(40,40,40,.4)}footer ul li{font-size:14px;line-height:30px;letter-spacing:.04em;color:#282828}footer ul li:nth-of-type(1){font-size:22px;line-height:50px;font-weight:500}footer ul .about,footer ul .news,footer ul .sup{padding-bottom:16px}@media screen and (max-width:1100px){.design .mid,.design_laptop .mid,.mid,footer .mid{padding-left:30px;padding-right:30px}}@media screen and (max-width:960px){.design .mid,.mid,footer .mid{padding-left:15px;padding-right:15px}.design .info,.design .photo{width:-webkit-calc(100% - 30px);width:calc(100% - 30px)}.clients .clientsnumber .client,.features .featureGroup .feature,.features_form .inputs a,.features_form .inputs input,footer ul{width:-webkit-calc(50% - 30px);width:calc(50% - 30px)}.design_laptop .mid{padding-left:15px;padding-right:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.design_laptop .info,.design_laptop .laptop{width:-webkit-calc(100% - 30px);width:calc(100% - 30px)}.clients .logos div{width:-webkit-calc(33.333333333333336% - 30px);width:calc(33.333333333333336% - 30px)}.clients .logos div:nth-of-type(1),.clients .logos div:nth-of-type(5){width:-webkit-calc(33.333333333333336% - 30px);width:calc(33.333333333333336% - 30px)}footer ul{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}footer ul:nth-of-type(1),footer ul:nth-of-type(4){width:-webkit-calc(50% - 30px);width:calc(50% - 30px)}header .mid{padding:100px 80px}header h1{font-size:48px}.browser .mid{padding:70px 90px 0}.browser .mid .laptop{margin-left:0;position:relative;left:0;width:100%}}@media screen and (max-width:780px){.design .mid,.design_laptop .mid,.mid,footer .mid{padding-left:15px;padding-right:15px}}@media screen and (max-width:560px){.design .mid,.design_laptop .mid,.mid,footer .mid{padding-left:15px;padding-right:15px}.clients .clientsnumber .client,.features .featureGroup .feature,.features_form .inputs a,.features_form .inputs input,footer ul{width:-webkit-calc(100% - 30px);width:calc(100% - 30px)}footer ul:nth-of-type(1),footer ul:nth-of-type(4){width:-webkit-calc(100% - 30px);width:calc(100% - 30px)}.browser .mid{padding-left:40px;padding-right:40px}}@media screen and (max-width:960px) and (min-width:560px){.design_laptop{background:#fff}}
