diff options
Diffstat (limited to 'corp/rih/frontend/index.css')
| -rw-r--r-- | corp/rih/frontend/index.css | 248 |
1 files changed, 248 insertions, 0 deletions
diff --git a/corp/rih/frontend/index.css b/corp/rih/frontend/index.css new file mode 100644 index 0000000000..dc067e00e8 --- /dev/null +++ b/corp/rih/frontend/index.css @@ -0,0 +1,248 @@ +@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; + } +} |