html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    background-color: #f6fafd;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

@font-face {
			font-family: "ClearSansRegular";
			src: url("../fonts/ClearSansRegular/ClearSansRegular.64af025052ab.eot");
			src: url("../fonts/ClearSansRegular/ClearSansRegular.64af025052ab.eot?#iefix")format("embedded-opentype"),
			url("../fonts/ClearSansRegular/ClearSansRegular.4842982bfb65.woff") format("woff"),
			url("../fonts/ClearSansRegular/ClearSansRegular.0efbf8ec7a22.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

@font-face {
			font-family: "ClearSansBold";
			src: url("../fonts/ClearSansBold/ClearSansBold.a88c8a5f940b.eot");
			src: url("../fonts/ClearSansBold/ClearSansBold.a88c8a5f940b.eot?#iefix")format("embedded-opentype"),
			url("../fonts/ClearSansBold/ClearSansBold.c0d75b4b213d.woff") format("woff"),
			url("../fonts/ClearSansBold/ClearSansBold.e749e9a34bf9.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

header{
    background-image: url("../img/landing/backgr3.709044aab911.png");
    background-size: 120% 835px;
    height: 835px;

}
header>div{
    margin: 0 auto;
    width: 1264px;

}
.logo{
    margin-top: 76px;
}
.head{
    display: flex;
}
.tagline{
        width: 50%;
}
h1{
    font-family: ClearSansBold;
    font-size: 80px;
}
h2{
    font-family: ClearSansBold;
    font-size: 48px;
}
h3{
    font-family: ClearSansBold;
    font-size: 24px;
}

p,button,a,input,li,submit{
    font-family: ClearSansRegular;
    font-size: 16px;
}
.tagline>h1{
    color: #ffffff;
    margin-top: 120px;
}
.laptop{
    padding-left: 42px;
}
.ButtonHead{
    width: 325px;
    display: flex;
}
.Demo {
    width: 100%;
    text-align: center;
    border-radius: 5px;
    padding: 19px 48px;
    cursor: pointer;
    margin-left: 30px;
    margin-top: 45px;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    color: white;
    text-decoration: none;
}

.reportLink {
    font-family: ClearSansBold;
}

.headBut{
    width: 100%;
    text-align: center;
    padding: 13px 48px;
    background-color: white;
    cursor: pointer;
    margin-top: 45px;
    border-radius: 5px;
    color: #29292a;
    box-shadow: 7.492px 18.544px 38px 0px rgba(55, 56, 114, 0.38);
    text-decoration:none;
}
.messageBut{
    width: 100%;
    text-align: center;
    padding: 21px 48px 15px 48px;
    background-color: #40c240;
    cursor: pointer;
    margin-top: 45px;
    border-radius: 5px;
    color: #29292a;
    box-shadow: 7.492px 18.544px 38px 0px rgba(55, 56, 114, 0.38);
    text-decoration:none;
}
input{
    outline:none;
    border-width:0;
}
.character{
    margin: 0 auto;
    width: 1264px;
    color: #29292a;
}
.charHead{
    margin-top: 85px;

}

.charHead>h2, .charHead>p     {
    text-align: center;
}
.charHead>p{
    margin-top: 18px;
}
.charEnum{
    display: flex;
    margin-top: 55px;
}
.charEnum h3{
    margin-top: 25px;
}
.charEnum>div{
    width: 33.3%;
    text-align: center;
}
.charEnum>div>p{
    line-height: 20px;
    width: 325px;
    margin: 25px auto 0px auto;
}
.line{
    margin: 100px auto 0 auto;
    width: 1264px;
    text-align: center;
}
.AboutServise{
    margin: 0 auto;
    width: 1264px;
    display: flex;
}
.AboutServise>div{
    width: 50%;
}
.AboutServiseText>h2{
    margin-top: 140px;
    color: #29292a;
}
.AboutServiseText>p{
    margin-top: 25px;
    width: 540px;
    line-height: 20px;
    color: #29292a;
}
.AboutServiseImg{
    margin-top: 96px;
    text-align: center;
}
.AboutServiseImg>p>a{
    color: #125baa;
    text-decoration:none;
}
.AboutServiseImg>p{
    margin-top: -23px;
    margin-left: 25px;
}
.advantage{
    width: 100%;
    background-color: #125baa;
    color:#f6fafd;
    margin-top: 90px;
}
.advantage>div{
    margin: 0 auto;
    width: 1264px;
}
.advantage h2{
    padding-top: 120px;
}
.advantageEnum{
    margin-top: 45px;
    display: grid;
    grid-template-columns: 484px 420px 363px;
    grid-template-rows: 105px 105px 105px;
    padding-bottom: 50px;
}
.advantageEnum>div{
    display: flex;
    margin-bottom: 60px;
}
.advantageEnum p{
    padding-right: 80px;
    padding-left: 20px;
    height: 45px;
    vertical-align: middle;
    display: table-cell;
    width: 240px;
}
.advantageImg{
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.advantageImg>img{
    vertical-align: middle;
}
.price{
    margin: 100px auto 0 auto;
    width: 1264px;

}
.price>h2{
    text-align: center;
}
.price h2,.price h3, .price p{
    color: #29292a;
}
.price>div{
    display: flex;
    width: 891px;
    margin: 50px auto 0 auto;
}

.price>div>div{
    width: 297px;
    height: 250px;
    background-color: white;
    margin: 0px 12px;
    border-radius: 5px;
    box-shadow: 7.492px 18.544px 38px 0px rgba(83, 99, 131, 0.15);
}
.priceBlock1>h3,.priceBlock2>h3,.priceBlock3>h3{
    margin-top: 30px;
    margin-left: 30px;
}
.priceBlock1>h2,.priceBlock2>h2,.priceBlock3>h2{
    margin-top: 5px;
    margin-left: 20px;
}
.priceBlock1>h2{
    color:#125baa;
}
.priceBlock2>h2{
    color:#fd994a;
}
.priceBlock3>h2{
    color:#da627d;
}
.priceBlock1 li,.priceBlock2 li,.priceBlock3 li{
    margin-top: 20px;
    margin-left: 30px;
}
.priceBlock1>ul>li:before {
    background-image: url("../img/landing/v1.ec4dac460081.png");
    content: "";
    background-size: contain;
    width: 13px;
    height: 9px;
    margin-right: 10px;
    display: inline-block;
}
.priceBlock2>ul>li:before {
    background-image: url("../img/landing/v2.f5d38b6190e5.png");
    content: "";
    background-size: contain;
    width: 13px;
    height: 9px;
    margin-right: 10px;
    display: inline-block;   
}
.priceBlock3>ul>li:before {
    background-image: url("../img/landing/v3.8cccbb555d7f.png");
    content: "";
    background-size: contain;
    width: 13px;
    height: 9px;
    margin-right: 10px;
    display: inline-block;   
}
.priceA{
    margin-top: 50px;
}
.priceBut{
    white-space: nowrap;
}
.price a{
    
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 24px 134px 24px 35px;
    color: #ffffff;
    text-decoration:none;
}
.priceBlock1 a{
    background-color: #125baa;
}
.priceBlock2 a{
    background-color: #fd994a;
}
.priceBlock3 a{
    background-color: #da627d;
}
footer{
    margin-top: 120px;
    background-color: #e8ebee;
    height: 170px;
}
footer>div{
    margin: 0 auto;
    width: 1100px;
    display: flex;
    padding-top: 45px;
}
.logofoot{
    margin-right: 60px;
}
.contact{
    width: 630px;
}
.make{
    margin-top: 40px;
}
.contact .emp{
    font-family: ClearSansBold;
    margin-bottom: 15px;
}
.contact a{
    text-decoration: none;
    color: black;
}
.contact p{
    margin-bottom: 10px;
}
.web a{
        margin-right: 5px;
}
.hidden{
    display: none;
}
form{
    background-color: white;
    padding: 16px;
    max-width: 305px;
    margin: auto;
    position: relative;
    border-radius: 5px;
}
form>h2{
    margin-top: 16px;
    margin-left: 16px;
    color: #2d2d2f;
    font-size: 26.64px;
}
form>input{
    margin-left: 16px;
    margin-top: 24px; 
    border-radius: 5px;
    height: 49px;
}
form>input[type="text"]{
    background-color: #eef2f7;
    color:#2d2d2f;
    width: 82%;
    padding-left: 24px;
}
form>input[type="email"]{
    background-color: #eef2f7;
    color:#2d2d2f;
    width: 82%;
    padding-left: 24px;
}

form > input[type='tel'] {
    background-color: #eef2f7;
    color: #2d2d2f;
    width: 82%;
    padding-left: 24px;
}

::-webkit-input-placeholder {color:#9098a2; font-size: 18px;}
::-moz-placeholder          {color:#9098a2;font-size: 18px;}/* Firefox 19+ */
:-moz-placeholder           {color:#9098a2;font-size: 18px;}/* Firefox 18- */
:-ms-input-placeholder      {color:#9098a2;font-size: 18px;}


form>input[type="submit"]{
    margin-bottom: 16px;
    background-color: #125baa;
    color: white;
    width: 90%;
    cursor: pointer;
}

:focus::-webkit-input-placeholder {
  color: transparent
}
 
:focus::-moz-placeholder {
  color: transparent
}
 
:focus:-moz-placeholder {
  color: transparent
}
 
:focus:-ms-input-placeholder {
  color: transparent
}