d6de113778
Change-Id: Ie36fb58efab9a1c2d563dc3d891301b152de1c52 Reviewed-on: https://cl.tvl.fyi/c/depot/+/8918 Reviewed-by: tazjin <tazjin@tvl.su> Autosubmit: tazjin <tazjin@tvl.su> Tested-by: BuildkiteCI
248 lines
4.2 KiB
CSS
248 lines
4.2 KiB
CSS
@font-face {
|
|
font-family: 'IdealistSans';
|
|
src: url('fonts/IdealistSans.eot');
|
|
src: url('fonts/IdealistSans.eot') format('embedded-opentype'),
|
|
url('fonts/IdealistSans.woff2') format('woff2'),
|
|
url('fonts/IdealistSans.woff') format('woff'),
|
|
url('fonts/IdealistSans.ttf') format('truetype'),
|
|
url('fonts/IdealistSans.svg') format('svg');
|
|
}
|
|
@font-face {
|
|
font-family: 'futurabookc';
|
|
src: url('fonts/futurabookc.eot');
|
|
src: url('fonts/futurabookc.eot') format('embedded-opentype'),
|
|
url('fonts/futurabookc.woff2') format('woff2'),
|
|
url('fonts/futurabookc.woff') format('woff'),
|
|
url('fonts/futurabookc.ttf') format('truetype'),
|
|
url('fonts/futurabookc.svg') format('svg');
|
|
}
|
|
body{
|
|
font-size: 16px;
|
|
color: #000000;
|
|
font-family: futurabookc;
|
|
}
|
|
|
|
|
|
.font-india{
|
|
font-family: IdealistSans !important;
|
|
}
|
|
|
|
.font-size-075{
|
|
font-size: 0.75rem!important;
|
|
}
|
|
.font-size-100{
|
|
font-size: 1rem!important;
|
|
}
|
|
.font-size-125{
|
|
font-size: 1.25rem!important;
|
|
}
|
|
.font-size-150{
|
|
font-size: 1.5rem!important;
|
|
}
|
|
.font-size-200{
|
|
font-size: 2rem!important;
|
|
}
|
|
.font-size-250{
|
|
font-size: 2.5rem!important;
|
|
}
|
|
.font-size-300{
|
|
font-size: 3rem!important;
|
|
}
|
|
.font-weight-bold{
|
|
font-weight: bold!important;
|
|
}
|
|
.font-weight-500{
|
|
font-weight: 500!important;
|
|
}
|
|
.font-weight-600{
|
|
font-weight: 600!important;
|
|
}
|
|
.font-weight-normal{
|
|
font-weight: normal!important;
|
|
}
|
|
|
|
@media (min-width:576px){
|
|
.font-size-sm-075{
|
|
font-size: 0.75rem!important;
|
|
}
|
|
.font-size-sm-100{
|
|
font-size: 1rem!important;
|
|
}
|
|
.font-size-sm-125{
|
|
font-size: 1.25rem!important;
|
|
}
|
|
.font-size-sm-150{
|
|
font-size: 1.5rem!important;
|
|
}
|
|
.font-size-sm-200{
|
|
font-size: 2rem!important;
|
|
}
|
|
.font-size-sm-250{
|
|
font-size: 2.5rem!important;
|
|
}
|
|
.font-size-sm-300{
|
|
font-size: 3rem!important;
|
|
}
|
|
|
|
}
|
|
@media (min-width:768px){
|
|
.font-size-md-100{
|
|
font-size: 1rem!important;
|
|
}
|
|
.font-size-md-125{
|
|
font-size: 1.25rem!important
|
|
}
|
|
.font-size-md-150{
|
|
font-size: 1.5rem!important;
|
|
}
|
|
.font-size-md-200{
|
|
font-size: 2rem!important;
|
|
}
|
|
.font-size-md-250{
|
|
font-size: 2.5rem!important;
|
|
}
|
|
.font-size-md-300{
|
|
font-size: 3rem!important;
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width:992px){
|
|
.font-size-lg-100{
|
|
font-size: 1rem!important;
|
|
}
|
|
.font-size-lg-125{
|
|
font-size: 1.25rem!important
|
|
}
|
|
.font-size-lg-150{
|
|
font-size: 1.5rem!important;
|
|
}
|
|
.font-size-lg-200{
|
|
font-size: 2rem!important;
|
|
}
|
|
.font-size-lg-250{
|
|
font-size: 2.5rem!important;
|
|
}
|
|
.font-size-lg-300{
|
|
font-size: 3rem!important;
|
|
}
|
|
|
|
}
|
|
|
|
img{
|
|
width:auto;
|
|
height: auto;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.text-white {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.text-red{
|
|
color:#E32D26 !important;
|
|
}
|
|
.text-grey1{
|
|
color:#81878d !important;
|
|
}
|
|
.text-grey2{
|
|
color:rgba(88, 85, 85, 0.63) !important;
|
|
}
|
|
.first_block{
|
|
background: #141F29 url(img/fon.png) left top no-repeat;
|
|
background-size: auto 100% ;
|
|
color:#ffffff;
|
|
padding-bottom: 200px;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
|
|
.second_block{
|
|
margin-top:-150px;
|
|
z-index: 10;
|
|
position: relative;
|
|
}
|
|
.second_block .container > div{
|
|
background: #ffffff;
|
|
border:10px solid #141F29;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.footer{
|
|
background: #141F29;
|
|
color:#ffffff;
|
|
}
|
|
.footer a{
|
|
color:#ffffff;
|
|
}
|
|
|
|
@media (max-width: 575.98px){
|
|
.hidden-xs{
|
|
display:none!important
|
|
}
|
|
|
|
}
|
|
@media (min-width:576px) and (max-width:767.98px){
|
|
.hidden-sm{
|
|
display:none!important
|
|
}
|
|
}
|
|
@media (min-width:768px) and (max-width:991.98px){
|
|
.hidden-md{
|
|
display:none!important
|
|
}
|
|
}
|
|
@media (min-width:992px) and (max-width:1199.98px){
|
|
.hidden-lg{
|
|
display:none!important
|
|
}
|
|
}
|
|
@media (min-width:1200px) and (max-width:1399.98px){
|
|
.hidden-xl{
|
|
display:none!important
|
|
}
|
|
}
|
|
@media (min-width:1400px){
|
|
.hidden-xxl{
|
|
display:none!important
|
|
}
|
|
}
|
|
|
|
|
|
@media (min-width:768px){
|
|
.first_block > div{
|
|
background: url(img/mat2.png) right top no-repeat;
|
|
margin-bottom: -200px;
|
|
padding-bottom: 40px;
|
|
}
|
|
.first_block .text-block{
|
|
height: 1100px;
|
|
}
|
|
}
|
|
@media (min-width:992px){
|
|
.first_block > div {
|
|
min-height: 820px;
|
|
}
|
|
.first_block .text-block{
|
|
height: 820px;
|
|
}
|
|
}
|
|
@media (min-width:1200px){
|
|
.first_block > div{
|
|
min-height: 950px;
|
|
}
|
|
.first_block .text-block{
|
|
height: 950px;
|
|
}
|
|
}
|
|
|
|
@media (min-width:1400px){
|
|
.first_block > div{
|
|
min-height: 1100px;
|
|
}
|
|
.first_block .text-block{
|
|
height: 1100px;
|
|
}
|
|
}
|