style(corp/rih): integrate initial new frontend styles r/6386

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

1 files changed, 248 insertions, 62 deletions

diff --git a/corp/rih/frontend/index.css b/corp/rih/frontend/index.css
index e71a9c8b0c03..dc067e00e8e1 100644
--- a/corp/rih/frontend/index.css
+++ b/corp/rih/frontend/index.css
@@ -1,62 +1,248 @@
-.b-section-divider {
-    width: 100%;
-    height: 3rem;
-    background-color: rgba(0, 0, 0, .1);
-    border: solid rgba(0, 0, 0, .15);
-    border-width: 1px 0;
-    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
-}
-
-
-/* .btn-light, */
-/* .btn-light:hover, */
-/* .btn-light:focus { */
-/*   color: #333; */
-/*   text-shadow: none; /\* Prevent inheritance from `body` *\/ */
-/* } */
-
-/* body { */
-/*   text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); */
-/*   box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); */
-/* } */
-
-/* .cover-container { */
-/*   max-width: 42em; */
-/* } */
-
-/* .nav-masthead .nav-link { */
-/*   color: rgba(255, 255, 255, .5); */
-/*   border-bottom: .25rem solid transparent; */
-/* } */
-
-/* .nav-masthead .nav-link:hover, */
-/* .nav-masthead .nav-link:focus { */
-/*   border-bottom-color: rgba(255, 255, 255, .25); */
-/* } */
-
-/* .nav-masthead .nav-link + .nav-link { */
-/*   margin-left: 1rem; */
-/* } */
-
-/* .nav-masthead .active { */
-/*   color: #fff; */
-/*   border-bottom-color: #fff; */
-/* } */
-
-/* body { */
-/*   font-family: Arial, sans-serif; */
-/*   line-height: 1.6; */
-/*   margin: 20px; */
-/*   color: #333; */
-/* } */
-
-/* header { */
-/*   text-align: center; */
-/*   margin-bottom: 30px; */
-/* } */
-
-/* h1 { */
-/*   color: #0039a6; */
-/* } */
-
-/* .intro */
+@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;
+	}
+}