styles

Eugeny Galkovskiy
1 parent 3c07f3cd
Showing 1 changed file with 39 additions and 114 deletions Show diff stats
frontend/web/css/main.css
@@ -91,10 +91,7 @@ body{position:relative;}
     vertical-align: bottom;
 }
-.blue-fon, .background-kben{
-    background-image:url('/img/slide_two_fon.png');
-    color:#fff;
-}
+.blue-fon, .background-kben{background-image:url('/img/slide_two_fon.png');color:#fff;}
 .blue-fon .icon, .background-kben .icon{
     position: relative;
     width:120px;
@@ -106,10 +103,7 @@ body{position:relative;}
     margin: 0;
     padding: 0;
 }
-.blue-fon .box-simple h3, .background-kben .box-simple h3 {
-    color: #ffd800;
-    margin-bottom: 5px;
-}
+.blue-fon .box-simple h3, .background-kben .box-simple h3 {color: #ffd800;margin-bottom: 5px;}
 .blue-fon .box-simple p, .background-kben .box-simple p {color: #fff;}
 .why-us .line_why {
     position: absolute;
@@ -118,10 +112,7 @@ body{position:relative;}
     opacity: 0.3;
 }
 .blue-fon .heading h1, .blue-fon .heading h2, .blue-fon .heading h3, .blue-fon .heading h4, .blue-fon .heading h5,
-.background-kben .heading h1, .background-kben .heading h2, .background-kben .heading h3, .background-kben .heading h4, .background-kben .heading h5{
-    color:#fff;border-color: #ffd800!important;
-}
-
+.background-kben .heading h1, .background-kben .heading h2, .background-kben .heading h3, .background-kben .heading h4, .background-kben .heading h5{color:#fff;border-color: #ffd800!important;}
 a.sqre_btn {
     padding: 0;
     margin: 0;
@@ -161,9 +152,7 @@ section.blue-fon {padding-top: 25px;}
     width: 100%;
     height: 100%;
 }
-.objects-main-wr .image_link:hover{
-    background-size: 105% 105%;
-}
+.objects-main-wr .image_link:hover{background-size: 105% 105%;}
 .objects-main-wr .img-title table td.buts {
     width: 95px;
     max-width: 100%;
@@ -267,12 +256,7 @@ section.blue-fon {padding-top: 25px;}
 .icon_en#icon10 {background-image: url(../img/icons/icon10.png);}
 .btn.icon_stat {background-image: url(../img/icon_stat.png);}
 .bt-shadow{box-shadow: inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);}
-
-#footer {
-    background: #0080ca;
-    padding: 15px 0;
-    color: #ffffff;
-}
+#footer {background: #0080ca;padding: 15px 0;color: #ffffff;}
 .why-us{max-width: 100%;}
 .home_mob_link{
     max-width: 100px;
@@ -300,13 +284,8 @@ section.blue-fon {padding-top: 25px;}
     align-items: center;
     justify-content: center;
 }
-.small-logo-center{
-    margin: 10px 0 -10px;
-}
-.showcase .item h4 {
-    color: #ffffff;
-}
-
+.small-logo-center{margin: 10px 0 -10px;}
+.showcase .item h4 {color: #ffffff;}
 #video-bg{
     position: relative;
     top: 0;
@@ -335,14 +314,9 @@ section.blue-fon {padding-top: 25px;}
 .share_social.vk{background-position:0px 0px;}
 .share_social.fb{background-position:-56px 0px;}
 .share_social.gpl{background-position:48px 0px;}
-footer a{
-    color: #fff;
-    font-weight: 500;
-}
+footer a{color: #fff;font-weight: 500;}
 footer a:hover{color:#fff;}
-footer .social-logos a i.fa, button i.fa {
-    margin:0;
-}
+footer .social-logos a i.fa, button i.fa {margin:0;}
 footer .social-logos a{
     display: inline-block;
     text-align: center;
@@ -358,10 +332,7 @@ footer .social-logos a{
     margin-top: 5px;
     margin-bottom: 5px;
 }
-footer .social-logos a:hover {
-    background-color: #d6b500;
-    color: #0a2d42;
-}
+footer .social-logos a:hover {background-color: #d6b500;color: #0a2d42;}
 .main-slider{
     height: 90vh;
     background-color: #cecece;
@@ -370,10 +341,7 @@ footer .social-logos a:hover {
     min-height:350px;
     max-height:854px;
 }
-.main-slider .carousel {
-    position: relative;
-    height: 100%;
-}
+.main-slider .carousel {position: relative;height: 100%;}
 .main-slider .carousel-control {
     display: flex;
     align-items: center;
@@ -381,9 +349,7 @@ footer .social-logos a:hover {
     width: 23%;
     justify-content: flex-end;
 }
-.main-slider .carousel-control.right {
-    justify-content: flex-start;
-}
+.main-slider .carousel-control.right {justify-content: flex-start;}
 .steps-pre{
     margin:0;
     text-transform: uppercase;
@@ -404,10 +370,7 @@ section.bar.background-gray.steps-pre:before {
     background: #eeeeee;
     z-index: 1;
 }
-.steps-pre h2{
-    margin: 4px 0;
-    font-size: 42px;
-}
+.steps-pre h2{margin: 4px 0;font-size: 42px;}
 #get-it {padding: 30px 0 10px;}
 #main-page .blue-fon .heading h2{border:none;}
 .main-slider .carousel-inner, .main-slider .carousel-inner > .item {height:100%;width:100%;position:relative;}
@@ -452,7 +415,7 @@ section.bar.background-gray.steps-pre:before {
     text-align: center;
     margin: 15px 0;
 }
-.portfolio .box-image .image {
+#objects-wr .portfolio .box-image .image {
     top: 0;
     width: 100%;
     height: 0;
@@ -466,8 +429,7 @@ section.bar.background-gray.steps-pre:before {
     top: 0;
     left: 0;
 }
-#objects-wr .bar.background-gray{
-    padding: 20px 0;}
+#objects-wr .bar.background-gray{padding: 20px 0;}
 #blog-listing-big .post .image, #blog-homepage .post .image{
     max-height: 350px;
     display: flex;
@@ -560,6 +522,9 @@ section.bar.background-gray.steps-pre:before {
 .object-view .portfolio > div:nth-child(1n+6) {
     display: none;
 }
+.object-view .portfolio .image{
+    padding-top:75%;
+}
 .modal-body > form > .row > .col-md-12 {
     padding: 0px 30px;
 }
@@ -576,15 +541,13 @@ section.bar.background-gray.steps-pre:before {
     display: flex;
     align-items: center;
 }
+.box-image .name, .box-image .text{opacity:0;}
+.box-image:hover .name, .box-image:hover .text{opacity:1;}
 @media(min-width:1200px){
-    .main-slider {
-        min-height: 620px;
-    }
+    .main-slider {min-height: 620px;}
 }
 @media(min-width:992px){
-    p.coord1{
-        margin-top:-30px;
-    }
+    p.coord1{margin-top:-30px;}
 }
 @media(min-width:992px) and (max-width:1199px){
     .pr_cover {
@@ -611,15 +574,11 @@ section.bar.background-gray.steps-pre:before {
         line-height: 16px;
     }
     .object-slider .carousel{height:500px;}
-    .main-slider {
-        min-height: 400px;
-    }
+    .main-slider {min-height: 400px;}
     .main-slider .carousel-control{width:15%;}
 }
 @media(max-width:991px){
-    #footer .container > div {
-        margin-bottom: 20px;
-    }
+    #footer .container > div {margin-bottom: 20px;}
     .background-kben.block-why, .head_video_buttons{margin-top: 30px;}
     .pr_cover {
         max-width: 320px;
@@ -628,20 +587,10 @@ section.bar.background-gray.steps-pre:before {
         height: 19vh;
         position: relative;
     }
-    .project-right .open_gal img {
-        position: absolute;
-        width:100%;height:100%;
-    }
+    .project-right .open_gal img {position: absolute;width:100%;height:100%;}
     #section2{padding: 0!important;}
-    .main_video_fb{
-        padding-top: 404px;
-    }
-    .card1 p.lead {
-        /*margin-top: 20px;*/
-        /*margin-bottom: 0px;*/
-        margin-top: -25px;
-        margin-bottom: 40px;
-    }
+    .main_video_fb{padding-top: 404px;}
+    .card1 p.lead {margin-top: -25px;margin-bottom: 40px;}
     .main_video_yt{
         width: 100%;
         height: 0;
@@ -669,19 +618,13 @@ section.bar.background-gray.steps-pre:before {
     .main-slider .carousel-control{font-size:10vw;width:10%;}
 }
 @media(min-width:870px){
-    #calculate-modal .modal-dialog {
-        width: 830px;
-    }
+    #calculate-modal .modal-dialog {width: 830px;}
 }
 @media screen and (min-width: 768px){
-    .carousel-indicators {
-        bottom: -40px;
-    }
+    .carousel-indicators {bottom: -40px;}
 }
 @media(max-width:768px){
-    .main_video_fb{
-        padding-top: 56.1%;
-    }
+    .main_video_fb{padding-top: 56.1%;}
     .object-slider{
         margin-left: -15px;
         margin-right: -15px;
@@ -694,12 +637,8 @@ section.bar.background-gray.steps-pre:before {
         padding-top: 60%;
         height:0;
     }
-    .object-slider .carousel-inner {
-        border-radius: 0px;
-    }
-    .object-slider .carousel .carousel-inner{
-        position:absolute;top:0;left:0;
-    }
+    .object-slider .carousel-inner {border-radius: 0px;}
+    .object-slider .carousel .carousel-inner{position:absolute;top:0;left:0;}
 }
 @media(min-width:768px){
     .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
@@ -731,12 +670,8 @@ section.bar.background-gray.steps-pre:before {
         left: 12px;
         transition:0.1s;
     }
-    .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{
-        bottom: 18px;
-    }
-    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
-        background: initial;
-    }
+    .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{bottom: 18px;}
+    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: initial;}
     .navbar ul.nav > li > a:hover {
         border-color:#fff;
         background:initial;
@@ -770,14 +705,10 @@ section.bar.background-gray.steps-pre:before {
     }
 }
 @media(max-width:520px){
-    #heading-breadcrumbs h1 {
-        font-size: 5.78vw;
-    }
+    #heading-breadcrumbs h1 {font-size: 5.78vw;}
 }
 @media(min-width:501px){
-    .bigtext#header3 h2{
-        width: 161%;
-    }
+    .bigtext#header3 h2{width: 161%;}
 }
 @media(max-width:500px){
     .head_video_buttons .button1{margin-bottom: 7px;}
@@ -797,9 +728,7 @@ section.bar.background-gray.steps-pre:before {
         height: 30px;
         background-size: 45%;
     }
-    p.lead {
-        margin-bottom: 25px;
-    }
+    p.lead {margin-bottom: 25px;}
     .main-slider .carousel-control{font-size:15vw;}
 }
 @media(max-width:380px){
@@ -826,12 +755,8 @@ section.bar.background-gray.steps-pre:before {
     }
 }
 @media(max-width:280px) {
-    .pr_cover {
-        width:109%;
-    }
+    .pr_cover {width:109%;}
 }
 @media(max-width:275px){
-    .head_video_buttons .button1, .head_video_buttons .button2{
-        width: 100%!important;
-    }
+    .head_video_buttons .button1, .head_video_buttons .button2{width: 100%!important;}
 }
 \ No newline at end of file