/var/www/pm-investor.com/www/public/css
Edit: /var/www/pm-investor.com/www/public/css/dist.base-style.css (13533B)
/* Adding fonts
type fonts .eot, .woff, .ttf , .svg
variables:
$font-file - name files font
$font-name - default = $font-file
$font-style - style for fonts
$font-weight - font weight*/
@font-face {
font-family: "Montserrat";
src: url("../fonts/Montserrat-Regular.eot");
src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.svg") format("svg"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
text-rendering: optimizeLegibility; }
@font-face {
font-family: "Montserrat";
src: url("../fonts/MontserratMedium500.eot");
src: url("../fonts/MontserratMedium500.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratMedium500.svg") format("svg"), url("../fonts/MontserratMedium500.woff") format("woff"), url("../fonts/MontserratMedium500.ttf") format("truetype");
font-style: normal;
font-weight: 500;
text-rendering: optimizeLegibility; }
@font-face {
font-family: "Montserrat";
src: url("../fonts/MontserratSemiBold600.eot");
src: url("../fonts/MontserratSemiBold600.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratSemiBold600.svg") format("svg"), url("../fonts/MontserratSemiBold600.woff") format("woff"), url("../fonts/MontserratSemiBold600.ttf") format("truetype");
font-style: normal;
font-weight: 600;
text-rendering: optimizeLegibility; }
@font-face {
font-family: "History Pro";
src: url("../fonts/HistoryPro-Two.eot");
src: url("../fonts/HistoryPro-Two.eot?#iefix") format("embedded-opentype"), url("../fonts/HistoryPro-Two.svg") format("svg"), url("../fonts/HistoryPro-Two.woff") format("woff"), url("../fonts/HistoryPro-Two.ttf") format("truetype");
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility; }
/**
* Meyer reset
*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
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; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after {
content: '';
content: none; }
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
/* @import "audi_pack/audi_pack"; */
img {
display: block;
max-width: 100%; }
a {
color: inherit;
text-decoration: none;
outline: none;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
.clr:after {
content: '';
display: table;
clear: both; }
.__hidden {
display: none; }
.tel {
pointer-events: none;
cursor: default; }
.__disable {
pointer-events: none;
cursor: default;
opacity: .5; }
.center-ic {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto; }
.__pl {
padding-left: 12%; }
.__pt-0 {
padding-top: 0 !important; }
.p-r {
position: relative; }
.__transparent {
background: transparent !important; }
.txt-dark {
color: #1A2348 !important; }
.__visible_hidden {
visibility: hidden; }
/* INPUTS */
input, textarea {
display: block;
width: 100%;
border: 2px solid #fff;
color: #9CACC3;
padding: 50px 35px;
font-family: "Montserrat", Verdana, Geneva, sans-serif;
font-weight: 500;
font-size: 20px;
border-radius: 0;
outline: none;
/* Firefox 19+ */
/* Firefox 18- */ }
input:focus, textarea:focus {
outline: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
font-family: "Montserrat", Verdana, Geneva, sans-serif;
font-weight: 500;
font-size: 20px; }
input::-moz-placeholder, textarea::-moz-placeholder {
font-family: "Montserrat", Verdana, Geneva, sans-serif;
font-weight: 500;
font-size: 20px; }
input:-moz-placeholder, textarea:-moz-placeholder {
font-family: "Montserrat", Verdana, Geneva, sans-serif;
font-weight: 500;
font-size: 20px; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
font-family: "Montserrat", Verdana, Geneva, sans-serif;
font-weight: 500;
font-size: 20px; }
input {
height: 45px;
line-height: 45px; }
input[type='submit'],
button[type='submit'] {
outline: none;
cursor: pointer; }
textarea {
resize: vertical;
padding: 10px; }
.wrap-inp {
margin-bottom: 20px; }
#form-status {
margin-top: 20px; }
#form-status.with_error {
color: #ff0000; }
.error {
border: 2px solid #ff0000 !important; }
/* checkbox */
.checkbox {
display: none; }
.checkbox-lbl {
cursor: pointer;
display: block;
text-align: left;
padding-left: 16px;
position: relative; }
.checkbox-lbl:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 3px;
width: 6px;
height: 6px;
background: #d1d1d1;
-webkit-transition: background .2s;
-o-transition: background .2s;
-moz-transition: background .2s;
transition: background .2s; }
/* END INPUTS */
/* BUTTONS */
/* END BUTTONS */
/* TITLES */
.ttl {
font-family: "History Pro", Verdana, Geneva, sans-serif;
font-size: 62px;
line-height: 1.4;
text-transform: uppercase; }
.sub-ttl {
font-weight: 600;
font-size: 19px;
text-transform: uppercase;
color: #5885FF;
margin-bottom: 20px; }
.ttl-transform {
position: absolute;
top: 0;
left: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
margin-top: 62px;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
z-index: 1; }
.ttl-transform-nbr, .ttl-transform-ltr {
color: #446FE3; }
.ttl-transform-ltr {
padding-left: 15px;
letter-spacing: -4px; }
.ttl-transform-txt {
color: #fff; }
/* END TITLES */
@media screen and (max-width: 900px) {
.tel {
pointer-events: auto;
cursor: pointer; } }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html,
body {
height: 100%;
line-height: 1;
color: #fff;
font-size: 18px;
font-family: "Montserrat", Verdana, Geneva, sans-serif;
font-weight: 500; }
.container {
max-width: 1800px;
width: 100%;
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
/* align center, add default padding*/
padding-left: 40px;
padding-right: 40px; }
.col {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px; }
.section-wrap {
position: relative;
padding: 140px 0 75px; }
.section-wrap.__why {
background: #161D3C; }
.section-wrap.__why:after {
content: '';
display: block;
position: absolute;
right: 0;
bottom: -50px;
background: url("../img/object.png") no-repeat;
background-size: cover;
width: 650px;
height: 640px;
z-index: 1; }
.section-wrap.__advantage, .section-wrap.__projects, .section-wrap.__questions {
background: #161D3C; }
.section-wrap.__advantage {
padding-bottom: 0; }
.section-wrap.__questions {
padding-top: 90px;
padding-bottom: 140px; }
.section-wrap.__contacts {
background: url("../img/map.png") center center no-repeat;
background-size: cover; }
.section-wrap.__consultation {
position: relative;
background: url("../img/consultation.png") no-repeat;
background-size: cover;
padding-bottom: 170px; }
.section-wrap.__consultation:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../img/rectangle.png") no-repeat;
background-size: cover; }
.section-wrap.__footer {
padding-top: 100px;
padding-bottom: 45px; }
/* footer to bottom of page */
.wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%; }
.cnt-wrap {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.footer {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
/* end footer to bottom of page */
.header {
position: fixed;
top: 0;
right: 0;
left: 0;
border-bottom: 1px solid #63687C;
z-index: 999; }
.header.__fixed {
background: #161D3C; }
.header.__fixed .header-l {
width: 40px;
height: 40px; }
.header.__fixed .header-menu {
padding-left: 9.7%; }
.header.__fixed .header-menu-lnk {
padding: 30px 0;
font-size: 16px; }
.header.__fixed .header-phone {
font-size: 16px; }
.header.__fixed .header-btn {
font-size: 16px;
padding: 10px 15px; }
.header-cnt {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.header-l {
width: 66px;
height: 66px; }
.header-lnk {
display: block; }
.header-logo {
width: 100%; }
.header-menu {
padding-left: 8%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.header-menu-lst {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex; }
.header-menu-i {
padding: 0 30px; }
.header-menu-i:first-of-type {
padding-left: 0; }
.header-menu-i:last-of-type {
padding-right: 0; }
.header-menu-lnk {
position: relative;
display: block;
padding: 60px 0; }
.header-menu-lnk:after {
content: '';
position: absolute;
display: block;
right: 50%;
bottom: -1px;
left: 50%;
height: 2px;
width: 0;
background-color: #fff;
-webkit-transition: left .4s,right .4s;
-o-transition: left .4s,right .4s;
-moz-transition: left .4s,right .4s;
transition: left .4s,right .4s; }
.header-menu-lnk.__active:after {
width: 100%;
left: 0;
right: 0; }
.header-menu-lnk:hover:after {
width: auto;
left: 0;
right: 0; }
.header-r {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-moz-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.header-phone {
display: block;
margin-left: 40px; }
.header-btn {
display: block;
padding: 20px 40px;
margin-left: 50px;
font-weight: 500;
font-size: 18px;
line-height: 22px;
border-radius: 66px;
border: 1px solid #63687C;
background: -webkit-linear-gradient(297.03deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(297.03deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(297.03deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
-webkit-backdrop-filter: blur(42px);
backdrop-filter: blur(42px); }
.header-btn:hover {
border-color: #446FE3; }