@charset "utf-8";
body,html {
    padding: 0;
    margin: 0;

}

input[type="button"], input[type="submit"],button {
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.element_baner {
    position: relative;
    overflow: hidden;
    height: 448px;
    background: #000;
}
.element_baner .card_sale {
    width: 290px;
    text-align: center;
    position: absolute;
    left: 45px;
    color: #fff;
    bottom: 26px;
}
.element_baner .card_sale span {font:900 17px/16px 'LatoWeb';}
.element_baner .card_sale p {
    margin: 4px 0;
    font: 16px/16px 'LatoWeb';
}
.element_baner .card_sale b {
    text-transform: uppercase;
    font: 47px/47px 'LatoWeb';
}
.element_baner .form {
	width: 230px;
    right: 97px;
    position: absolute;
    padding: 0px 0 25px;
    box-sizing: border-box;
    bottom: 46px;
    border-radius: 10px;
    border: #fff 3px solid;
    background: rgba(246,248,251, 0);
}
.element_baner .form form {
    padding: 0;
    width:220px;
    margin: 12px auto 0;
}
.element_baner .form form input[type="text"] {
	width: 166px;
    padding: 0 19px 0;
    margin: 0 auto 10px;
    height: 28px;
    display: block;
    border: none;
    border: 1px solid #919191;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
}

.element_baner .form form .submbottom {
    width: 166px;
    padding: 0;
    height: 37px;
    margin: 0 auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    /* border-bottom: 3px solid #036ca7; */
    border-radius: 10px;
    box-shadow: 0 0 0;
    /* background: #007cb4; */
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #03658a;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…B5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%,color-stop(0, rgb(0, 52, 101)),color-stop(1, rgb(6, 150, 175)));
    background-image: -webkit-repeating-linear-gradient(left,rgb(0, 52, 101) 0%,rgb(6, 150, 175) 100%);
    background-image: repeating-linear-gradient(to right,rgb(0, 52, 101) 0%,rgb(6, 150, 175) 100%);
    background-image: -ms-repeating-linear-gradient(left,rgb(0, 52, 101) 0%,rgb(6, 150, 175) 100%);
}
.element_baner .form p {
    text-align: center;
    margin: 0 auto;
    font-family: 'Conv_Lato-Bold';
    font-weight:normal;
    font-size:14px;
    text-transform:uppercase;
    color: #34495e;
    width:90%;
    padding:10px 0 5px;
}
.element_baner .form span {
    text-align: center;
    font-family:'Conv_Lato-Bold';
    font-weight:normal;
    font-size:18px;
    text-transform:uppercase;
    display: block;
    color: #007dc4;
}
.element_baner .form p span {font-size: 18px;font-family: 'Conv_Lato-Bold';color:#34495e;}
.element_baner > b {    font-size: 19px }
.element_baner > b,
.element_baner > span {
    margin-top: 5px;
    display: block;
    color: #dbdbdb;
}
.element_baner > b {
	font-family:'Conv_Lato-Medium';
	font-weight:normal;
	font-size: 24px;
	line-height: 33px;
	text-align: center;
}
.element_baner h1 {
    width: 100%;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: 27px;
    color: #fff;
    margin: 58px auto 0;
    text-transform: uppercase;
}
.element_baner h2 {
    width: 90%;
	font-family: "Roboto",sans-serif;	
	font-weight: 700;
    font-size: 30px;
    color:#fff;
    letter-spacing: 2px;
    margin: 32px auto 0;
	text-align: center;
	text-transform: uppercase;
}
.element_baner h1,
.element_baner span {    text-align: center }

.element_form {
    padding: 20px 0;
    margin: 15px auto;
    border-top: 2px solid #d5dde1;
    background: #f4f9fd;
}
button{display:block;margin:auto;}
/* .element_form input[type="submit"],button {
    padding: 7px 28px 9px 28px;
    font: bold 16px/16px 'Conv_Lato-Semibold';
} */
.element_form input[type="text"] {
    width: 240px;
    padding: 7px;
    box-sizing: border-box;
    box-shadow: none;
    border-bottom: 2px solid #d9d9d9;
    border: 0;
}
.element_form .h-form-befor-footer > div {
    padding: 20px;
    display: table;
    border: 1px dashed #ccc;
}
.element_form > div {
    padding: 20px;
    margin: 0 auto;
    display: table;
    border: 1px dashed #ccc;
}
.element_form > b {
    font-weight: bold;
    font-size: 33px;
}
.element_form > b {
    text-align: center;
    margin: 7px auto 16px;
    font: 30px/0px 'Conv_Lato-Black';
    /* font-weight: 600 !important; */
    display: block;
    color: #007dc4;
}
.element_otzv {    padding: 15px 0 }
.element_otzv > div {
    word-spacing: 32px;
    padding:  0;
    text-align: center;
    margin: 20px 0 0;
}
.element_otzv #slide-tnk {
	height:386px;
}
.element_otzv > div a {
	display:block;
}
.element_recom {    padding: 5px 0 }
.element_recom ul {
    padding-left: 30px;
    margin: 0 0 40px 0;
    font: 400 16px/20px 'LatoWeb';
    color: #077fc5;
}
.element_recom ul li {    margin-bottom: 8px }
.element_recom ul li a {
    text-decoration: none;
    color: #077fc5;
}
.element_recom p {
    font: 900 23px/23px 'LatoWeb';
    color: #34495e;
}

#automatization_store {
    width: 750px;
    margin: 0 auto;
}
#befor-footer{
	width: 100%;
    position: absolute;
    left: 0;
}
#overflow_div4 {
    background: #e4ebef;
	margin-bottom: 0px;
    font-size: 14px;
    color: #5a5a5a;
}
#overflow_div4 .content {
    position: relative;
    margin: 0 auto;
    width: 1140px;
}
#overflow_div4 p {
    text-align: center;
    padding: 13px;
    font-size: 18px;
}
.h-form-befor-footer{
	margin: 0 auto;
}
#befor-footer .element_h2{
	display: block;
    float: left;
    font-size: 34px;
    color: #007dc4;
    padding: 20px;
}
#befor-footer .element_form > div {
	border: none;
}
.h-befor-footer{
	height: 250px;
}

.element_h2{font-family: 'Conv_Lato-Light';text-align: center;margin-bottom: 31px;}

.element_txt1{font-family: 'Lato';}

.border h2 {
	margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.border p {
	font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.border ul li {
	font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.element_baner .form form input[type="text"]::-webkit-input-placeholder {color:#aab3be;font-size:12px;}
.element_baner .form form input[type="text"]:-webkit-input-placeholder {color:#aab3be;font-size:12px;}
.element_baner .form form input[type="text"]::-moz-input-placeholder {color:#aab3be;font-size:12px;}
.element_baner .form form input[type="text"]:-moz-input-placeholder {color:#aab3be;font-size:12px;}
.element_baner .form form input[type="text"]:-ms-input-placeholder {color:#aab3be;font-size:12px;}
.element_baner.footer .form form input[type="text"]::-webkit-input-placeholder {color:#696969;}
.element_baner.footer .form form input[type="text"]:-webkit-input-placeholder {color:#696969;}
.element_baner.footer .form form input[type="text"]::-moz-input-placeholder {color:#696969;}
.element_baner.footer .form form input[type="text"]:-moz-input-placeholder {color:#696969;}
.element_baner.footer .form form input[type="text"]:-ms-input-placeholder {color:#696969;}
.element_baner.footer .plastic-card {
    position: absolute;
    width: 238px;
    left: 69px;
    bottom: 40px;
}
.element_baner.footer .plastic-card .top-text {
    font-family: 'Conv_Lato-Light';
    font-size: 48px;
    text-transform: uppercase;
}
.element_baner.footer .plastic-card p {
    text-align: center;
}
.element_baner.footer .plastic-card > span {
    font-family: 'Conv_Lato-Semibold';
    font-size: 16px;
    display: block;
    margin: auto;
    text-transform: uppercase;
}
.element_baner.footer {
/*     background: url(images/bg-footer.jpg)center no-repeat;
    color: #fff; */
}
.element_baner.footer .plastic-card .bottom-text {
    font-family: 'Conv_Lato-Medium';
    font-size: 16px;
}