.container-lp{
max-width: 930px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container-lp-fluid{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
a{
transition: .3s;
}
.overflow_hidden{
overflow: hidden;
}
.tech-header{
position: absolute;
top: 0;
left: 0;
padding-top: 40px;
width: 100%;
z-index: 5;
}
.header-logo{
}
.main-section{
position: relative;
padding-top: 140px;
padding-bottom: 132px;
background-image: url(//dev.pro/wp-content/themes/dev.pro-website/page-templates/assets/restaurant-tech/img/main_bg.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.main-title{
padding-top: 20px;
margin-bottom: 20px;
font-size: 42px;
line-height: 46px;
font-weight: 900;
color: #fff;
text-transform: uppercase;
}
.main-title span{
display: block;
font-size: 32px;
line-height: 46px;
font-weight: 500;
}
.main-subtitle{
margin-bottom: 50px;
font-size: 15px;
line-height: 22px;
color: #fff;
}
.site-btn{
display: block;
width: 313px;
height: 50px;
font-size: 15px;
line-height: 50px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
color: #fff;
background-color: #F58220;
user-select: none;
cursor: pointer;
}
.main-section .book{
position: absolute;
top: 0;
left: 0;
max-width: 100%;
}
.section-title{
font-size: 32px;
line-height: 46px;
font-weight: 900;
color: #000;
}
.short-description{
position: relative;
padding-top: 100px;
padding-bottom: 50px;
}
.short-description .tick_bg {
position: absolute;
bottom: 37px;
left: -37px;
width: 251px;
z-index: 1;
}
.short-description .section-title{
text-align: center;
margin-bottom: 50px;
}
.short-description .site-btn{
margin: 0 auto;
}
.d-box{
display: flex;
flex-wrap: wrap;
margin-bottom: 52px;
}
.d-box .icon{
padding-top: 5px;
width: 42px;
}
.d-box .text{
width: calc(100% - 62px);
padding-left: 20px;
}
.footer{
position: relative;
padding-top: 32px;
padding-bottom: 50px;
background-color: #F9F9F9;
overflow: hidden;
}
.footer-logo{
}
.footer-contacts ul li:not(.menu-item):before{
display: none;
}
.footer-contacts ul li {
margin-bottom: 12px;
font-size: 15px;
line-height: 1.5;
color: #000;
}
.footer-contacts ul li a{
color: #000;
}
.footer-contacts ul li a:hover{
color: #62bb46;
text-decoration: none;
}
.c-box{
display: flex;
flex-wrap: wrap;
}
.c-box .icon{
width: 20px;
}
.c-box .text{
width: calc(100% - 40px);
padding-left: 20px;
}
.footer-social{
margin-top: 10px;
margin-bottom: 30px;
}
.footer-social ul{
margin-left: 0;
list-style:none;
display:flex;
justify-content:center
}
.footer-social ul li{margin-left:40px}
.footer-social ul li:first-child{margin-left:0}
.footer-social ul li svg path{transition:.3s}
.footer-social ul li:hover svg path{fill:#62bb46}
.footer-social ul li:not(.menu-item):before{
display: none;
}
.footer-bg{
position: absolute;
right: -7px;
bottom: -25px;
width: 371px;
height: 110px;
background-image: url(//dev.pro/wp-content/themes/dev.pro-website/page-templates/assets/restaurant-tech/img/footer_bg.svg);
background-repeat: no-repeat;
background-size: cover;
}
.copyright{
margin-top: 20px;
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
}
.copyright a{
color: rgba(0, 0, 0, 0.5);
text-decoration: underline;
}
.copyright a:hover{
color: #62bb46;
}
.popup-overlay{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
z-index: 99;
}
.popup-window{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 880px;
background-color: #fff;
}
.white-paper-form-wrapper{
padding: 66px 33px;
}
.popup-window .popup-bg {
position: relative;
background-color: #1AA2DD;
right: -1px;
}
.popup-window .popup-bg img{
position: absolute;
top: 55%;
left: 45%;
transform: translate(-50%, -50%);
max-width: 80%;
}
.form-title{
margin-bottom: 30px;
font-size: 24px;
line-height: 32px;
font-weight: 900;
color: #000;
}
.white-paper-form-wrapper input{
width: 200px;
height: 44px;
border: 1px solid #DDDDDD;
}
.white-paper-form-wrapper .white-paper-form form{
width: 100%;
padding-right: 0;
margin-bottom: 0 !important;
}
.hs-consent_label {
width: 100% !important;
flex-basis: 100% !important;
}
.popup-window .white-paper-form-wrapper .white-paper-form .hs-submit,
.popup-window .white-paper-form-wrapper .white-paper-form .hs-button{
display: block;
width: 100%;
height: 50px;
padding: 0;
font-size: 15px;
line-height: 50px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
color: #fff;
background-color: #F58220;
user-select: none;
cursor: pointer;
}
.popup-window .close-btn{
position: absolute;
top: 10px;
right: 15px;
width: 10px;
height: 10px;
z-index: 5;
}
.popup-window .close-btn img{
width: 100%;
height: auto;
}
@media(max-width: 992px){
.container-lp{
max-width: 700px;
}
.popup-window{
width: 90%;
}
.main-title {
font-size: 38px;
line-height: 42px;
}
.main-title span {
font-size: 28px;
line-height: 42px;
}
.main-subtitle {
margin-bottom: 40px;
}
.main-subtitle br{
display: none;
}
.section-title {
font-size: 28px;
line-height: 42px;
}
}
@media(max-width: 767px){
.container-lp{
max-width: 400px;
}
.main-section .book{
position: relative;
left: -17px;
margin-top: 40px;
}
.main-section{
height: 700px;
}
.short-description{
padding-top: 380px;
}
.short-description .section-title br{
display: none;
}
.d-box{
margin-bottom: 30px;
}
.popup-window .popup-bg{
display: none;
}
.white-paper-form-wrapper {
padding: 37px 10px;
}
.form-title {
margin-bottom: 25px;
font-size: 20px;
line-height: 28px;
}
.footer-logo{
display: block;
width: 114px;
margin: 0 auto;
}
.copyright{
margin-top: 10px;
text-align: center;
}
.footer{
padding-bottom: 60px;
}
.footer-contacts ul{
margin-left: 0;
}
.footer-bg {
position: absolute;
right: 0;
bottom: -60px;
width: 100%;
height: 110px;
background-image: url(//dev.pro/wp-content/themes/dev.pro-website/page-templates/assets/restaurant-tech/img/footer_bg.svg);
background-repeat: no-repeat;
background-size: cover;
}
}
@media(max-width: 430px){
.container-lp{
max-width: 100%;
}
.main-section{
height: 640px;
padding-top: 102px;
}
.main-title {
font-size: 32px;
line-height: 40px;
}
.main-title span {
font-size: 24px;
line-height: 40px;
}
.main-title span br{
display: none;
}
.main-section .book{
max-width: 70%;
left: 45%;
transform: translate(-50%);
}
.short-description {
padding-top: 60%;
}
.short-description .tick_bg{
display: none;
}
.section-title {
font-size: 24px;
line-height: 36px;
}
.site-btn{
width: 100%;
}
.footer-bg {
bottom: -60px;
height: 94px;
}
}
@media(max-width: 322px){
.white-paper-form-wrapper {
padding: 32px 5px;
}
.white-paper-form-wrapper .hs-form-field {
margin-bottom: 15px;
}
.white-paper-form-wrapper input {
height: 40px;
}
.form-title {
margin-bottom: 20px;
font-size: 16px;
line-height: 22px;
}
}