slider 1

Eugeny Galkovskiy
1 parent d003f421
Showing 1 changed file with 35 additions and 0 deletions Show diff stats
frontend/web/css/main.css
@@ -356,6 +356,29 @@ footer .social-logos a:hover {
     background-color: #d6b500;
     color: #0a2d42;
 }
+.main-slider{
+    height: 90vh;
+    background-color: #cecece;
+    width: 100%;
+    position: relative;
+    min-height:350px;
+    max-height:854px;
+}
+.main-slider .carousel {
+    position: relative;
+    height: 100%;
+}
+.main-slider .carousel-control{
+    font-size: 140px;
+    line-height: 80vh;
+}
+.main-slider .carousel-inner, .main-slider .carousel-inner > .item {height:100%;width:100%;position:relative;}
+.main-slider .img-responsive, .thumbnail > img, .main-slider .thumbnail a > img, .carousel-inner > .item > img, .main-slider .carousel-inner > .item > a > img {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    object-fit:cover;
+}
  
 @media(min-width:992px) and (max-width:1199px){
     .pr_cover {
@@ -418,11 +441,23 @@ footer .social-logos a:hover {
         top: 0;
         left: 0;
     }
+    .main-slider {
+        height:0%;
+        min-height:0%;
+        padding-top: 75%;
+    }
+    .main-slider .carousel {
+        height: 100%;width: 100%;
+        position: absolute;
+        top: 0;
+    }
 }
 @media(max-width:768px){
     .main_video_fb{
         padding-top: 56.1%;
     }
+    .main-slider{max-height:550px;}
+    .main-slider .carousel-control {line-height: 370%;}
 }
 @media(min-width:768px){
     .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{