@font-face {
font-family: 'Montserrat';
src: url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Regular.eot);
src: local('Montserrat Regular'), local('Montserrat-Regular'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Regular.woff) format('woff'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Medium.eot);
src: local('Montserrat Medium'), local('Montserrat-Medium'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Medium.eot?#iefix) format('embedded-opentype'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Medium.woff) format('woff'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-SemiBold.eot);
src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-SemiBold.woff) format('woff'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Bold.eot);
src: local('Montserrat Bold'), local('Montserrat-Bold'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Bold.eot?#iefix) format('embedded-opentype'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Bold.woff) format('woff'),
url(//frolkov.pro/wp-content/themes/frolkovpro/fonts/Montserrat-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
html,
body {
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
body {
font-family: 'Montserrat';
font-weight: 500;
font-style: normal;
}
p {
margin: 0;
}
.clearfix::after {
content: ""; clear: both; display: block; }
.container {
width: 1275px;
max-width: 100%;
padding: 0 15px;
margin: 0 auto;
}
.header {
padding: 40px 0 20px 0;
}
.header .container {
display: flex;
align-items: center;
}
.header-left {
display: flex;
align-items: center;
}
.socials-list {
padding: 0;
margin: 0;
list-style: none;
margin-right: 10px;
}
ul.socials-list li {
float: left;
display: block;
height: auto;
margin-right: 8px;
}
.socials-list_text {
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
color: rgba(11, 13, 30, 0.74);
}
.contacts {
text-align: right;
margin-left: auto;
font-size: 18px;
line-height: 22px;
color: #2A2A2A;
}
.contacts .phone {
font-weight: bold;
margin-bottom: 10px;
}
.contacts .email {
font-weight: 500;
text-transform: lowercase;
}
.main-content {
display: flex;
padding-bottom: 15px;
}
.main-content>div {
width: 50%;
}
.main-content_left {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.main-content_right {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-height: calc(100vh - 115px);
}
.main-content_right img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.title {
font-size: 48px;
line-height: 1.33;
font-weight: bold;
color: #2B2B2B;
text-transform: uppercase;
}
.subtitle {
font-size: 18px;
line-height: 22px;
font-weight: 500;
color: rgba(11, 13, 30, 0.74);
margin-bottom: 40px;
}
.address {
font-size: 18px;
line-height: 1.2;
color: rgba(11, 13, 30, 0.74);
margin-top: 15px;
}
.btn {
margin-bottom: 130px;
display: inline-block;
text-decoration: none;
padding: 0;
border: 0;
border-radius: 1.25rem;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
background-color: #f9e044;
color: #0b0d1e;
text-align: center;
padding: 16px 5px;
font-weight: 600;
font-size: 14px;
line-height: 17px;
-webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
min-width: 211px;
}
.btn:hover {
outline: 0;
background-color: #f9ea8a;
}
.logo, .logo > img{
max-height:50px;
}
@media (max-height: 750px) {
.btn {
margin-bottom: 70px;
}
}
@media (min-height: 650px) and (min-width: 768px) {
.main-content {
height: calc(100vh - 115px);
}
}
@media (max-width: 1200px) {
.container {
padding: 0 35px;
}
.title {
font-size: 38px;
}
.subtitle {
font-size: 16px;
}
.address {
font-size: 16px;
}
.contacts {
font-size: 16px;
}
.contacts .phone {
margin-bottom: 5px;
}
}
@media (max-width: 991.98px) {
.title {
font-size: 30px;
}
.subtitle {
font-size: 14px;
}
.address {
font-size: 14px;
}
.btn {
margin-bottom: 70px;
}
.contacts {
font-size: 16px;
}
.contacts .phone {
margin-bottom: 5px;
}
}
@media (min-width: 992px) {
.mobile-show {
display: none !important;
}
}
@media (max-width: 991.98px) {
.mobile-hide {
display: none !important;
}
.logo {
max-width: 40vw;
}
.socials-list {
margin: 0;
margin-top: 20px;
display: inline-block;
}
.address {
margin-top: 50px;
}
}
@media (max-width: 650px) {
.contacts {
font-size: 12px;
}
.contacts .phone {
margin-bottom: 0;
}
.title {
font-size: 16px;
}
.subtitle {
margin-bottom: 20px;
}
.main-content_left {
align-items: center;
}
.container {
padding: 0 20px;
}
.main-content {
flex-direction: column-reverse;
align-items: center;
padding: 0 30px;
padding: 0px 40px;
padding-bottom: 20px;
text-align: center;
}
.main-content_right img {
max-width: 70%;
}
.main-content>div {
width: 100%;
}
.btn {
margin: 0 auto;
margin-bottom: 20px;
}
.logo {
max-width: 40vw;
height: 40px;
}
}
@media (min-width: 650px) and (max-height: 650px) {
.header {
padding: 15px 0;
}
.main-content_right {
max-height: calc(100vh - 95px);
}
.btn {
margin-bottom: 40px;
}
}
.salesdoc-thanks {
background-image: url(//frolkov.pro/wp-content/themes/frolkovpro/img/Group_40033.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.salesdoc-thanks .contacts .phone{
font-size: 16px;
font-weight: 700;
line-height: 7.2px;
text-align: right;
text-decoration-line: underline;
text-decoration-style: solid;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color:#000000!important;
margin-bottom:20px;
}
.salesdoc-thanks .contacts .email{
font-family: Montserrat;
font-size: 16px;
font-weight: 700;
line-height: 7.2px;
text-transform:uppercase;
color:#000000;
}
.salesdoc-thanks .title{
font-family: Montserrat;
font-size: 42px;
font-weight: 700;
line-height: 44.52px;
}
.salesdoc-thanks .subtitle{
font-family: Montserrat;
font-size: 21px;
font-weight: 400;
line-height: 27.12px;
color: #000000;
}
.salesdoc-thanks .btn{
background: linear-gradient(92.82deg, #69AFFF -21.02%, #000000 145.71%);
border: 3px solid #FFFFFF;
border-radius:10px;
box-shadow: 4px 7px 10.3px 0px #00000040;
box-shadow: 0px 4px 4px 0px #00000085;
box-shadow: -1px -1px 1px 0px #FFFFFFC2 inset;
font-family: Montserrat;
font-size: 14px;
font-weight: 700;
line-height: 23.25px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color:#fff;
padding:28px 42px;
}
.salesdoc-thanks .social-desc{
width: 100%;
display: flex;
align-items: center;
gap: 36px;
}
.salesdoc-thanks .socials-list {
display: flex;
gap: 36px;
align-items: center;
}
.salesdoc-thanks .socials-list_text {
font-family: Montserrat;
font-size: 18px;
font-weight: 500;
line-height: 22.6px;
color: #000000;
text-transform: none;
}
.salesdoc-thanks .logo img, .salesdoc-thanks .logo{
max-height:56px;
}
@media (max-width: 991.98px) {
.salesdoc-thanks  .socials-list{
margin: 0;
margin-top: 20px;
justify-content: center;
}
.salesdoc-thanks .title {
font-size: 30px;
}
.salesdoc-thanks .subtitle{
font-size: 14px;
}
.salesdoc-thanks .btn{
padding: 15px 20px;
}
}