/*------------- Color Variable --------------*/ @import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:200,300,400,500,600,700,800|Barlow:300,400,500,600,700&display=swap"); /* line 34, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .white-bg { background: #ffffff; } /* line 37, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .gray-bg { background: #f5f5f5; } /*-------------Color include--------------*/ /*-- Background color---*/ /* line 74, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .section-bg1 { background: #13151b; } /* line 78, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .gray-bg { background: #f7f7fd; } /* line 81, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .white-bg { background: #ffffff; } /* line 84, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .black-bg { background: #16161a; } /* line 87, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .theme-bg { background: #ff1313; } /* line 90, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .brand-bg { background: #f1f4fa; } /* line 93, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .testimonial-bg { background: #f9fafc; } /*--- color------*/ /* line 99, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .white-color { color: #ffffff; } /* line 102, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .black-color { color: #16161a; } /* line 105, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .theme-color { color: #ff1313; } /*------------------- Responsive --------------------------*/ /* @include transition(.4s); color:$theme-color; */ /* line 57, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_variables.scss */ .boxed-btn { background: #fff; color: #ff1313 !important; display: inline-block; padding: 18px 44px; font-family: "Barlow Condensed", sans-serif; font-size: 14px; font-weight: 400; border: 0; border: 1px solid #ff1313; letter-spacing: 3px; text-align: center; color: #ff1313; text-transform: uppercase; cursor: pointer; } /* line 74, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_variables.scss */ .boxed-btn:hover { background: #ff1313; color: #fff !important; border: 1px solid #ff1313; } /* line 79, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_variables.scss */ .boxed-btn:focus { outline: none; } /* line 82, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_variables.scss */ .boxed-btn.large-width { width: 220px; } /*-- - Overlay ------------------------------------------*/ /* line 4, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_overlay.scss */ [data-overlay] { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } /* line 9, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_overlay.scss */ [data-overlay]::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; } /*-- Overlay Opacity --*/ /* line 22, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_overlay.scss */ [data-opacity="1"]::before { opacity: 0.1; } /* line 27, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_overlay.scss */ [data-opacity="2"]::before { opacity: 0.2; } /* line 32, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_overlay.scss */ [data-opacity="3"]::before { opacity: 0.3; } /* line 37, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_overlay.scss */ [data-opacity="4"]::before { opacity: 0.4; } /* line 42, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_overlay.scss */ [data-opacity="5"]::before { opacity: 0.5; } /* line 47, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_overlay.scss */ [data-opacity="6"]::before { opacity: 0.6; } /* line 52, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_overlay.scss */ [data-opacity="7"]::before { opacity: 0.7; } /* line 57, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_overlay.scss */ [data-opacity="8"]::before { opacity: 0.8; } /* line 62, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_overlay.scss */ [data-opacity="9"]::before { opacity: 0.9; } /* 1. Theme default css */ /* line 4, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ body { font-family: "Barlow", sans-serif; font-weight: normal; font-style: normal; } /* line 9, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ h1, h2, h3, h4, h5, h6 { font-family: "Barlow Condensed", sans-serif; color: #fff; margin-top: 0px; font-style: normal; font-weight: 500; text-transform: normal; } /* line 23, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ p { font-family: "Barlow", sans-serif; color: #10285d; font-size: 16px; line-height: 30px; margin-bottom: 15px; font-weight: normal; } /* line 34, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .bg-img-1 { background-image: url(../img/slider/slider-img-1.jpg); } /* line 37, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .bg-img-2 { background-image: url(../img/background-img/bg-img-2.jpg); } /* line 40, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .cta-bg-1 { background-image: url(../img/background-img/bg-img-3.jpg); } /* line 45, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .img { max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } /* line 49, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .f-left { float: left; } /* line 52, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .f-right { float: right; } /* line 55, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .fix { overflow: hidden; } /* line 58, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .clear { clear: both; } /* line 62, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ a, .button { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } /* line 66, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ a:focus, .button:focus { text-decoration: none; outline: none; } /* line 71, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ a { color: #635c5c; } /* line 74, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ a:hover { color: #fff; } /* line 77, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ a:focus, a:hover, .portfolio-cat a:hover, .footer -menu li a:hover { text-decoration: none; } /* line 83, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ a, button { color: #fff; outline: medium none; } /* line 88, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0; } /* line 89, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .uppercase { text-transform: uppercase; } /* line 93, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ input:focus::-moz-placeholder { opacity: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } /* line 100, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .capitalize { text-transform: capitalize; } /* line 104, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } /* line 113, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ ul { margin: 0px; padding: 0px; } /* line 117, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ li { list-style: none; } /* line 121, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ hr { border-bottom: 1px solid #eceff8; border-top: 0 none; margin: 30px 0; padding: 0; } /* Theme-overlay */ /* line 129, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .theme-overlay { position: relative; } /* line 132, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .theme-overlay::before { background: #1696e7 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; } /* line 142, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .overlay { position: relative; z-index: 0; } /* line 146, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .overlay::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } /* line 156, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .overlay2 { position: relative; z-index: 0; } /* line 160, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .overlay2::before { position: absolute; content: ""; background-color: #2E2200; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.5; } /* line 173, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding { padding-top: 120px; padding-bottom: 120px; } /* line 177, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .separator { border-top: 1px solid #f2f2f2; } /* line 181, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .mb-90 { margin-bottom: 90px; } @media (max-width: 767px) { /* line 181, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .mb-90 { margin-bottom: 30px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 181, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .mb-90 { margin-bottom: 45px; } } /* owl-carousel button style */ /* line 193, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .owl-carousel .owl-nav div { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; height: 40px; left: 20px; line-height: 40px; font-size: 22px; color: #646464; opacity: 1; visibility: visible; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; width: 40px; } /* line 212, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .owl-carousel .owl-nav div.owl-next { left: auto; right: -30px; } /* line 215, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .owl-carousel .owl-nav div.owl-next i { position: relative; right: 0; top: 1px; } /* line 222, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .owl-carousel .owl-nav div.owl-prev i { position: relative; right: 1px; top: 0px; } /* line 232, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .owl-carousel:hover .owl-nav div { opacity: 1; visibility: visible; } /* line 235, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .owl-carousel:hover .owl-nav div:hover { color: #fff; background: #ff3500; } /*цвет */ .btn { background: #ff1313; padding: 27px 44px; text-transform: uppercase; font-family: "Barlow Condensed", sans-serif; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; border-radius: 0px; font-weight: 400; letter-spacing: 1px; line-height: 0; margin-bottom: 0; margin: 10px; cursor: pointer; transition: color 0.4s linear; position: relative; z-index: 1; border: 0; overflow: hidden; margin: 0; } /*меню плавоющие*/ .sticky-bar { left: 0; margin: auto; position: fixed; top: 0; width: 100%; -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); z-index: 9999; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); background: #fff; } /*главное окно с инфой */ .pt-80 { padding-top: 80px; } /*услуги окно с инфой*/ .pt-170 { padding-top: 170px; } @keyframes rotateme { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } /* 20. preloader */ /* line 599, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .preloader { background-color: #f7f7f7; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; margin: 0 auto; } /* line 615, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .preloader .preloader-circle { width: 100px; height: 100px; position: relative; border-style: solid; border-width: 1px; border-top-color: #ff1313; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; z-index: 10; border-radius: 50%; -webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15); box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15); background-color: #fff; -webkit-animation: zoom 2000ms infinite ease; animation: zoom 2000ms infinite ease; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; } /* line 637, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .preloader .preloader-circle2 { border-top-color: #0078ff; } /* line 640, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .preloader .preloader-img { position: absolute; top: 50%; z-index: 200; left: 0; right: 0; margin: 0 auto; text-align: center; display: inline-block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-top: 6px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; } /* line 658, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .preloader .preloader-img img { max-width: 55px; } /* line 661, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .preloader .pere-text strong { font-weight: 800; color: #dca73a; text-transform: uppercase; } @-webkit-keyframes zoom { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s; } } @keyframes zoom { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s; } } /*-- Section Padding -- */ /* line 705, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding2 { padding-top: 200px; padding-bottom: 200px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { /* line 705, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding2 { padding-top: 200px; padding-bottom: 200px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 705, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding2 { padding-top: 200px; padding-bottom: 200px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 705, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding2 { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 705, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding2 { padding-top: 70px; padding-bottom: 70px; } } @media (max-width: 575px) { /* line 705, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding2 { padding-top: 70px; padding-bottom: 70px; } } /* line 730, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .pb-bottom { padding-bottom: 200px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 730, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .pb-bottom { padding-bottom: 200px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 730, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .pb-bottom { padding-bottom: 50px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 730, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .pb-bottom { padding-bottom: 10px; } } @media (max-width: 575px) { /* line 730, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .pb-bottom { padding-bottom: 10px; } } /* line 745, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .pb-top { padding-top: 200px; } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 745, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .pb-top { padding-top: 70px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 745, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .pb-top { padding-top: 70px; } } @media (max-width: 575px) { /* line 745, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .pb-top { padding-top: 70px; } } /* line 757, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .testimonial-padding { padding-top: 130px; padding-bottom: 140px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 757, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .testimonial-padding { padding-top: 130px; padding-bottom: 140px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 757, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .testimonial-padding { padding-top: 70px; padding-bottom: 70px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 757, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .testimonial-padding { padding-top: 60px; padding-bottom: 70px; } } @media (max-width: 575px) { /* line 757, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .testimonial-padding { padding-top: 60px; padding-bottom: 70px; } } /* line 777, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .w-padding2 { padding-top: 70px; padding-bottom: 70px; } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 777, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .w-padding2 { padding-top: 70px; padding-bottom: 70px; } } @media (max-width: 575px) { /* line 777, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .w-padding2 { padding-top: 70px; padding-bottom: 70px; } } /* line 789, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding30 { padding-top: 195px; padding-bottom: 170px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { /* line 789, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding30 { padding-top: 195px; padding-bottom: 170px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 789, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding30 { padding-top: 150px; padding-bottom: 110px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 789, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding30 { padding-top: 100px; padding-bottom: 70px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 789, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding30 { padding-top: 65px; padding-bottom: 30px; } } @media (max-width: 575px) { /* line 789, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding30 { padding-top: 65px; padding-bottom: 30px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 814, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .brand-area { padding-top: 70px; padding-bottom: 70px; } } @media (max-width: 575px) { /* line 814, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .brand-area { padding-top: 50px; padding-bottom: 50px; } } /* line 824, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .padding-bottom { padding-bottom: 190px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 824, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .padding-bottom { padding-bottom: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 824, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .padding-bottom { padding-bottom: 70px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 824, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .padding-bottom { padding-bottom: 70px; } } @media (max-width: 575px) { /* line 824, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .padding-bottom { padding-bottom: 70px; } } /* line 839, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .services-padding { padding-top: 145px; padding-bottom: 170px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 839, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .services-padding { padding-top: 145px; padding-bottom: 170px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 839, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .services-padding { padding-top: 100px; padding-bottom: 70px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 839, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .services-padding { padding-top: 65px; padding-bottom: 70px; } } @media (max-width: 575px) { /* line 839, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .services-padding { padding-top: 65px; padding-bottom: 70px; } } /* line 859, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-paddingt30 { padding-top: 195px; padding-bottom: 90px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 859, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-paddingt30 { padding-top: 150px; padding-bottom: 90px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 859, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-paddingt30 { padding-top: 100px; padding-bottom: 40px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 859, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-paddingt30 { padding-top: 65px; padding-bottom: 10px; } } @media (max-width: 575px) { /* line 859, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-paddingt30 { padding-top: 65px; padding-bottom: 10px; } } /* line 881, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding3 { padding-top: 195px; padding-bottom: 100px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 881, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding3 { padding-top: 195px; padding-bottom: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 881, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding3 { padding-top: 95px; padding-bottom: 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 881, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding3 { padding-top: 60px; padding-bottom: 0; } } @media (max-width: 575px) { /* line 881, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-padding3 { padding-top: 60px; padding-bottom: 0; } } /* line 902, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .footer-padding { padding-top: 105px; padding-bottom: 50px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 902, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .footer-padding { padding-top: 105px; padding-bottom: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 902, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .footer-padding { padding-top: 100px; padding-bottom: 50px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 902, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .footer-padding { padding-top: 80px; padding-bottom: 0px; } } @media (max-width: 575px) { /* line 902, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .footer-padding { padding-top: 80px; padding-bottom: 0px; } } @media (max-width: 575px) { /* line 925, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle { margin-bottom: 50px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 925, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle { margin-bottom: 50px; } } /* line 933, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle span { font-size: 16px; display: block; color: #7e7e7e; font-weight: 400; text-transform: uppercase; margin-bottom: 17px; } /* line 941, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle h2 { font-size: 50px; display: block; font-weight: 600; line-height: 1.3; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 941, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle h2 { font-size: 42px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 941, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle h2 { font-size: 31px; } } @media (max-width: 575px) { /* line 941, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle h2 { font-size: 30px; line-height: 1.6; } } /* line 958, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle p { color: #717b9b; } /* line 963, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle.profession-details span { color: #383838; font-size: 16px; font-weight: 300; } /* line 969, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle.profession-details h2 { color: #000000; margin-bottom: 25px; } /* line 973, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle.profession-details p { color: #383838; margin-bottom: 21px; font-size: 20px; } /* line 981, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle2 h2 { color: #fff; } /* line 984, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-tittle2 p { color: #fff; } /* line 989, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_common.scss */ .section-bg { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } /*------------- Color Variable --------------*/ /* line 34, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .white-bg { background: #ffffff; } /* line 37, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .gray-bg { background: #f5f5f5; } /*-------------Color include--------------*/ /*-- Background color---*/ /* line 74, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .section-bg1 { background: #13151b; } /* line 78, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .gray-bg { background: #f7f7fd; } /* line 81, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .white-bg { background: #ffffff; } /* line 84, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .black-bg { background: #16161a; } /* line 87, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .theme-bg { background: #ff1313; } /* line 90, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .brand-bg { background: #f1f4fa; } /* line 93, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .testimonial-bg { background: #f9fafc; } /*--- color------*/ /* line 99, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .white-color { color: #ffffff; } /* line 102, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .black-color { color: #16161a; } /* line 105, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_color.scss */ .theme-color { color: #ff1313; } /* line 6, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .main-header { padding: 0 150px; background-color: rgba(5, 6, 23, 0.302); } @media only screen and (min-width: 1200px) and (max-width: 1600px) { /* line 6, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .main-header { padding: 0 60px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 6, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .main-header { padding: 0 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 6, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .main-header { padding: 0 70px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 6, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .main-header { padding: 0 70px; } } @media (max-width: 575px) { /* line 6, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .main-header { padding: 0 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 6, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .main-header { padding-top: 16px; padding-bottom: 21px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 6, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .main-header { padding-top: 16px; padding-bottom: 21px; } } @media (max-width: 575px) { /* line 6, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .main-header { padding-top: 16px; padding-bottom: 21px; } } /* line 39, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .menu-wrapper { display: flex; align-content: center; justify-content: space-between; flex-wrap: wrap; align-items: center; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { /* line 47, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .menu-wrapper .main-menu { margin-right: 30px; } } /* line 52, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .menu-wrapper .main-menu ul li { display: inline-block; position: relative; z-index: 1; } /* line 56, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .menu-wrapper .main-menu ul li a { color: #fff; font-weight: 400; padding: 39px 19px; display: block; font-size: 16px; font-family: "Barlow Condensed", sans-serif; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-transform: uppercase; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 56, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .menu-wrapper .main-menu ul li a { padding: 39px 14px; } } /* line 71, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .menu-wrapper .main-menu ul li:hover > a { color: #ff1313; } /* line 75, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .menu-wrapper .main-menu ul li:hover > ul.submenu { visibility: visible; opacity: 1; top: 100%; } /* line 81, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .menu-wrapper .main-menu ul ul.submenu { position: absolute; width: 170px; background: rgba(0, 12, 32, 0.8); left: 0; top: 90%; visibility: hidden; opacity: 0; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); padding: 17px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } /* line 93, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .menu-wrapper .main-menu ul ul.submenu > li { margin-left: 7px; display: block; } /* line 96, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .menu-wrapper .main-menu ul ul.submenu > li > a { padding: 6px 10px !important; font-size: 16px; color: #fdfdfd; } /* line 100, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-area .menu-wrapper .main-menu ul ul.submenu > li > a:hover { color: #ff1313; background: none; padding-left: 13px !important; } /* line 125, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-sticky.sticky-bar { background: black; } /* line 131, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-sticky.sticky-bar.sticky .main-menu ul li a { padding: 20px 20px !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 127, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-sticky.sticky-bar.sticky { padding: 15px 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 127, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-sticky.sticky-bar.sticky { padding: 15px 0px; } } @media (max-width: 575px) { /* line 127, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .header-sticky.sticky-bar.sticky { padding: 15px 0px; } } /* line 152, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .mobile_menu { position: absolute; right: 0px; width: 100%; z-index: 99; } /* line 157, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .mobile_menu .slicknav_menu { background: transparent; margin-top: 0px !important; } /* line 160, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .mobile_menu .slicknav_menu .slicknav_btn { top: -23px; } /* line 163, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .mobile_menu .slicknav_menu .slicknav_btn .slicknav_icon-bar { background-color: #ff1313 !important; } /* line 167, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .mobile_menu .slicknav_menu .slicknav_nav { margin-top: 15px !important; box-shadow: 0 0 10px 3px rgba(141, 140, 140, 0.5); } /* line 170, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .mobile_menu .slicknav_menu .slicknav_nav a:hover { background: transparent; color: #ff1313; } /* line 174, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .mobile_menu .slicknav_menu .slicknav_nav a { font-size: 15px; padding: 7px 10px; } /* line 179, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_headerMenu.scss */ .mobile_menu .slicknav_menu .slicknav_nav .slicknav_item a { padding: 0 !important; } /* line 1, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-height { height: 1050px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 1, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-height { height: 700px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 1, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-height { height: 500px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 1, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-height { height: 500px; } } @media (max-width: 575px) { /* line 1, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-height { height: 500px; } } /* line 17, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-height2 { height: 500px; background-size: cover; } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 17, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-height2 { height: 350px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 17, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-height2 { height: 260px; } } @media (max-width: 575px) { /* line 17, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-height2 { height: 260px; } } /* line 30, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .header-transparent { position: absolute; top: 0; right: 0; left: 0; z-index: 9; } /* line 37, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area2 { background-image: url(../img/hero/hero2.jpg); background-repeat: no-repeat; background-size: cover; } /* line 43, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area { position: relative; background-image: url(../img/000.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } /* line 50, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area .hero__caption { overflow: hidden; } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 50, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area .hero__caption { padding-top: 50px; } } @media (max-width: 575px) { /* line 50, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area .hero__caption { padding-top: 50px; } } /* line 58, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area .hero__caption span { color: #fff; font-size: 25px; line-height: 1.2; font-weight: 300; margin-bottom: 30px; position: relative; display: inline-block; font-style: italic; text-transform: uppercase; } /* line 68, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area .hero__caption span::before { position: absolute; content: ""; background-image: url(../img/hero/hero_line.png); background-repeat: no-repeat; height: 35%; z-index: -1; bottom: -20px; left: 0; background-size: 75%; right: 0; } /* line 81, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area .hero__caption h1 { font-size: 95px; font-weight: 600; margin-bottom: 14px; color: #fff; line-height: 95px; text-transform: capitalize; margin-bottom: 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 81, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area .hero__caption h1 { font-size: 60px; line-height: 1.2; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 81, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area .hero__caption h1 { font-size: 50px; line-height: 1.2; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 81, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area .hero__caption h1 { font-size: 35px; line-height: 1.2; } } @media (max-width: 575px) { /* line 81, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area .hero__caption h1 { font-size: 32px; line-height: 1.2; } } /* line 105, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area .hero__caption h1 span { color: #ff1313; } /* line 113, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .dot-style .slick-dots { bottom: 81px; left: 19%; position: absolute; } /* line 118, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .dot-style .slick-dots li { display: inline-block; } /* line 121, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .dot-style .slick-dots button { margin-right: 10px; cursor: pointer; background: none; color: #fff; border: 0; font-size: 16px; } /* line 131, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .dot-style .slick-active button { position: relative; text-decoration: underline; text-decoration-style: solid; padding-bottom: 5px; } /* line 140, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .hero-overly { position: relative; z-index: 1; } /* line 143, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .hero-overly::before { position: absolute; content: ""; background-color: rgba(1, 10, 28, 0.6); width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; background-repeat: no-repeat; } /* line 161, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area2 .hero-cap h2 { color: #fff; font-size: 70px; font-weight: 700; text-transform: capitalize; line-height: 1; } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 161, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area2 .hero-cap h2 { font-size: 50px; } } @media (max-width: 575px) { /* line 161, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area2 .hero-cap h2 { font-size: 35px; } } /* line 174, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area2 .hero-cap .breadcrumb { background: none; padding: 0; margin: 0; } /* line 179, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area2 .hero-cap .breadcrumb a { color: #dcdcdc; font-size: 18px; text-transform: capitalize; } /* line 185, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .slider-area2 .hero-cap .breadcrumb-item + .breadcrumb-item::before { color: #dcdcdc; } /* line 193, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .video-icon { position: absolute; right: 160px; bottom: 60px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 193, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .video-icon { right: 48px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 193, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .video-icon { right: 63px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 193, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .video-icon { right: 82px; bottom: 61px; } } @media (max-width: 575px) { /* line 193, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .video-icon { right: 27px; bottom: 27px; } } /* line 211, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .video-icon a { background: #ff1313; color: #fff; width: 80px; height: 80px; display: inline-block; text-align: center; line-height: 80px; border-radius: 50%; } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 211, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .video-icon a { width: 60px; height: 60px; line-height: 60px; } } @media (max-width: 575px) { /* line 211, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .video-icon a { width: 60px; height: 60px; line-height: 60px; } } /* line 232, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .video-icon a.btn-icon { position: relative; /* Animations */ /* End Animated */ } /* line 234, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .video-icon a.btn-icon::before { content: ''; display: inline-block; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border-radius: inherit; border: 1px solid #ff1313; -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; } /* line 266, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_h1-hero.scss */ .video-icon a.btn-icon:hover { background: #fff; color: #ff1313; } /* line 1, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_our-info.scss */ .our-info-area { background: #f9f9f9; } /* line 4, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_our-info.scss */ .our-info-area .single-info .info-caption { position: relative; } /* line 7, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_our-info.scss */ .our-info-area .single-info .info-caption::before { position: absolute; content: ""; width: 70px; height: 100px; border: 2px solid #292c32; left: 0; z-index: 0; top: -24px; } /* line 18, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_our-info.scss */ .our-info-area .single-info .info-caption h4 { color: #ffffff; font-size: 18px; font-weight: 700; margin-bottom: 0; padding-left: 20px; position: relative; z-index: 2; margin-bottom: 15px; font-family: "Barlow", sans-serif; } /* line 29, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_our-info.scss */ .our-info-area .single-info .info-caption p { color: #a1a1a1; font-size: 14px; margin-bottom: 0px; display: block; font-weight: 300; font-style: italic; padding-left: 93px; line-height: 1.4; } /* line 1, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .professional-services { height: 800px; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 1, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .professional-services { height: 654px; } } /* line 8, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .profession-caption { margin-top: -418px; } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 8, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .profession-caption { margin-top: -500px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 8, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .profession-caption { margin-top: 0px; } } @media (max-width: 575px) { /* line 8, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .profession-caption { margin-top: 0px; } } /* line 19, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .profession-caption .profession-details { background: #fff; padding: 90px; } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 19, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .profession-caption .profession-details { padding: 30px; } } @media (max-width: 575px) { /* line 19, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .profession-caption .profession-details { padding: 30px; } } @media (max-width: 575px) { /* line 28, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .profession-caption .profession-details h2 { font-size: 23px; } } @media (max-width: 575px) { /* line 33, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .profession-caption .profession-details p { font-size: 17px; } } /* line 40, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_professional-service.scss */ .body-bg { background: #12151a; } /* line 1, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area { background: #13151b; } /* line 3, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services { position: relative; } /* line 6, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services .services-img img { width: 100%; } /* line 10, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services .services-caption { background: #fff; width: 100%; padding: 33px 20px 30px 72px; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; transform: translateY(0px); position: absolute; } /* line 17, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services .services-caption h3 { margin-bottom: 15px; line-height: 13px; font-family: "Barlow", sans-serif; position: relative; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } /* line 23, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services .services-caption h3 a { color: #222222; font-weight: 700; font-size: 24px; display: block; } /* line 28, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services .services-caption h3 a:hover { color: #ff1313; } /* line 32, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services .services-caption h3::before { position: absolute; content: ""; width: 35px; height: 2px; top: 0; left: -46px; top: 50%; transform: translateY(-50%); background: #ff1313; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } /* line 45, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services .services-caption p { color: #2c234d; font-size: 16px; margin: 0; padding: 0; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; line-height: 1.5; } /* line 53, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services .services-caption .pera1 { display: block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; line-height: 1.5; } /* line 59, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services .services-caption .pera2 { display: none; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; line-height: 1.5; } /* line 68, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services:hover .services-caption { background: #ff1313; transform: translateY(-40px); -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } /* line 72, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services:hover .services-caption h3 { color: #FFF; } /* line 74, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services:hover .services-caption h3 a { color: #fff; } /* line 77, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services:hover .services-caption h3::before { background: #ffffff; } /* line 81, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services:hover .services-caption p { color: #fff; } /* line 84, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services:hover .services-caption .pera1 { display: none; } /* line 87, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_services_section.scss */ .services-area .single-services:hover .services-caption .pera2 { display: block; } /* line 1, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_wantTowork.scss */ .wantToWork-area { background: #ff0000; } /* line 4, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_wantTowork.scss */ .wantToWork-area .wantToWork-caption h2 { color: #fff; font-size: 60px; font-weight: 700; line-height: 1.5; margin: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 4, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_wantTowork.scss */ .wantToWork-area .wantToWork-caption h2 { font-size: 30px; } } @media (max-width: 575px) { /* line 4, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_wantTowork.scss */ .wantToWork-area .wantToWork-caption h2 { font-size: 25px; margin-bottom: 20px; } } /* line 19, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_wantTowork.scss */ .wantToWork-area .wantToWork-caption p { font-size: 18px; } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 23, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_wantTowork.scss */ .wantToWork-area .wantToWork-btn { float: left; margin-top: 30px; } } @media (max-width: 575px) { /* line 23, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_wantTowork.scss */ .wantToWork-area .wantToWork-btn { float: left; margin-top: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 23, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_wantTowork.scss */ .wantToWork-area .wantToWork-btn { float: left; margin-top: 30px; } } /* teammembers */ /* line 3, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area { background: #0c0f16; } /* line 5, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery { position: relative; } /* line 7, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery::before { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; content: ""; background-color: rgba(1, 10, 28, 0.6); opacity: 0; z-index: 1; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } /* line 21, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery:hover::before { opacity: 1; visibility: visible; } /* line 27, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .gallery-img { position: relative; height: 565px; background-size: cover; background-repeat: no-repeat; } /* line 34, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); height: 100%; width: 100%; opacity: 0; visibility: hidden; transition: .4s; z-index: 2; } /* line 47, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box .thumb-content { position: absolute; padding-left: 40px; bottom: 42px; display: flex; align-items: end; } /* line 53, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box .thumb-content h3 { color: #ffffff; font-weight: 600; font-size: 48px; margin: 0; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { /* line 53, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box .thumb-content h3 { font-size: 32px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 53, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box .thumb-content h3 { font-size: 32px; } } @media (max-width: 575px) { /* line 53, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box .thumb-content h3 { font-size: 32px; } } /* line 67, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box .thumb-content h3 span { font-size: 39px; display: block; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { /* line 67, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box .thumb-content h3 span { font-size: 29px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 67, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box .thumb-content h3 span { font-size: 29px; } } @media (max-width: 575px) { /* line 67, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box .thumb-content h3 span { font-size: 29px; } } /* line 81, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box .thumb-content a { color: #fff; background: #ff0000; width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; border-radius: 50%; margin-left: 75px; } /* line 91, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .gallery-area .single-gallery .thumb-content-box .thumb-content a:hover { background: #fff; color: #ff0000; } /* line 101, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_gallery.scss */ .single-gallery:hover .gallery-img-thumb, .single-gallery:hover .thumb-content-box { opacity: 1; visibility: visible; } /* line 2, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_team.scss */ .single-team .team-img { overflow: hidden; margin-bottom: 19px; } /* line 5, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_team.scss */ .single-team .team-img img { width: 100%; transform: scale(1); transition: all 0.6s ease-out 0s; } /* line 12, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_team.scss */ .single-team .team-caption span { color: #959595; font-size: 16px; font-weight: 300; font-family: "Barlow Condensed", sans-serif; display: block; position: relative; margin-left: 50px; margin-bottom: 10px; } /* line 21, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_team.scss */ .single-team .team-caption span::before { position: absolute; content: ""; width: 35px; height: 2px; left: -47px; top: 50%; transform: translateY(-50%); background: #ff1313; } /* line 33, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_team.scss */ .single-team .team-caption h3 a { color: #fff; font-weight: 600; font-size: 48px; } /* line 42, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_team.scss */ .single-team:hover .team-img img { transform: scale(1.1); } /* line 1, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_testimonial.scss */ .testimonial-area { background: #11141b; /* slick-dots button*/ /* End slick-dots button*/ } /* line 5, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_testimonial.scss */ .testimonial-area .testimonial-caption .testimonial-top-cap img { margin-bottom: 50px; width: auto; display: inline-block; } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 5, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_testimonial.scss */ .testimonial-area .testimonial-caption .testimonial-top-cap img { margin-bottom: 30px; } } @media (max-width: 575px) { /* line 5, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_testimonial.scss */ .testimonial-area .testimonial-caption .testimonial-top-cap img { margin-bottom: 30px; } } /* line 54, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_testimonial.scss */ .testimonial-area .testimonial-caption .testimonial-founder .founder-img span { color: #ff0000; font-size: 18px; line-height: 1; display: block; font-family: "Barlow Condensed", sans-serif; } /* line 60, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_testimonial.scss */ .testimonial-area .testimonial-caption .testimonial-founder .founder-img span strong { font-weight: 300; color: #ffff; } /* line 70, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_testimonial.scss */ .testimonial-area .dot-style .slick-dots { text-align: center; bottom: -58px; left: 0; right: 0; position: absolute; } /* line 77, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_testimonial.scss */ .testimonial-area .dot-style .slick-dots li { display: inline-block; } /* line 80, ../../../sponDon TI/Running Project/263.InteriorDesign_HTML/HTML/assets/scss/_testimonial.scss */ .testimonial-area .dot-style .slick-dots button { text-indent: -100000px; height: 9px; width: 9px; border: 0; padding: 0; margin: 0 4px; cursor: pointer; border-radius: 50%; background: #414349; } /*# sourceMappingURL=style.css.map */ /* === Общие текстовые цвета === */ body, h5, p, .service-title, .contact-subtitle, .contact-info a, .footer-tittle h4, .footer-number h4, .footer-number p, .footer-cap span, .footer-cap p, .footer-pera p, .footer-copy-right p, .footer-social span, .footer-social a { color: #ffffff !important; } /* === Футер === */ .footer-top { padding-top: 20px !important; padding-bottom: 15px !important; } .single-footer-caption { margin-bottom: 15px !important; } .footer-bottom { padding-top: 10px !important; padding-bottom: 10px !important; } .footer-pera p, .footer-number, .footer-cap { margin-bottom: 0 !important; line-height: 1.4 !important; } .footer-tittle h4 { margin-bottom: 6px !important; } /* === Акцентная полоса === */ .content-divider-accent { height: 4px; background: linear-gradient(to right, transparent, #ff1313, transparent); margin: 50px auto 30px auto; max-width: 300px; border-radius: 2px; } /* === Заголовки h4 — рыжие === */ h4 { color: #ff1313 !important; } /* === Блок "Полный инженерный цикл" === */ .profession-caption .profession-details { background: rgba(30, 34, 45, 0.85); backdrop-filter: blur(4px); padding: 40px; border-radius: 12px; color: #ffffff !important; } @media (max-width: 768px) { .profession-caption .profession-details { padding: 25px 20px; } } .profession-caption .profession-details span { color: #ff1313; font-weight: 600; display: block; margin-bottom: 16px; } .profession-caption .profession-details p { color: #e0e0e0; margin-bottom: 12px; } /* === Красный акцент в футере === */ .footer-pera .highlight-red, .footer-number .highlight-red, .footer-cap .highlight-red { color: #ff1313 !important; } /* === Блок "Наши преимущества" === */ .our-info-area .info-caption h4 { font-size: 1.6rem !important; font-weight: 600 !important; margin-bottom: 14px !important; } .our-info-area .info-caption p { font-size: 1.2rem !important; line-height: 1.6 !important; color: #f0f0f0 !important; } /* === Карточки "Наши направления" === */ .services-img { height: 420px; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #1a1d23; border-radius: 8px 8px 0 0; } .services-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; /* центрируем по умолчанию */ transform: scale(0.95); /* ← лёгкое отдаление */ transition: transform 0.4s ease; } .single-services { background: rgba(30, 34, 45, 0.6); border-radius: 8px; overflow: hidden; transition: box-shadow 0.3s ease; } .single-services:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); } .services-caption { padding: 24px 20px !important; text-align: center !important; min-height: 160px !important; display: block !important; position: relative !important; z-index: 2 !important; color: #ffffff !important; background: rgba(30, 34, 45, 0.85) !important; border-radius: 0 0 12px 12px; } .services-caption h3, .services-caption h3 a { color: #ffffff !important; font-size: 1.5rem !important; font-weight: 700 !important; text-decoration: none !important; display: block !important; margin: 0 0 12px !important; line-height: 1.3 !important; } .services-caption .pera1, .services-caption .pera2 { color: #e0e0e0 !important; font-size: 1.1rem !important; line-height: 1.6 !important; margin: 8px 0 !important; display: block !important; } /* Эффект при наведении */ .single-services:hover .services-caption h3 a, .single-services:hover .services-caption .pera1, .single-services:hover .services-caption .pera2 { color: #ff1313 !important; } /* Отступы секции */ .section-padding3 { padding-top: 50px !important; padding-bottom: 50px !important; } /* Тёмный фон мобильного меню */ .mobile_menu .slicknav_menu { background: #1a1d23 !important; /* тёмный фон */ border-radius: 0 !important; } /* Стиль пунктов меню */ .mobile_menu .slicknav_nav { background: #1a1d23 !important; padding: 15px 0 !important; } .mobile_menu .slicknav_nav a { color: #ffffff !important; font-size: 16px; padding: 12px 20px !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; } .mobile_menu .slicknav_nav a:hover { background: rgba(255, 19, 19, 0.15) !important; /* рыжеватый оттенок при наведении */ color: #ff1313 !important; } /* === Кнопка "Наверх" === */ #back-top { position: fixed; bottom: 30px; right: 30px; z-index: 999; opacity: 0; visibility: hidden; transition: all 0.4s ease; } #back-top a { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #ff1313; color: white; border-radius: 50%; box-shadow: 0 4px 12px rgba(255, 19, 19, 0.4); font-size: 18px; text-decoration: none; transition: all 0.3s ease; } #back-top a:hover { background: #ff3333; transform: translateY(-3px); box-shadow: 0 6px 16px rgba(255, 19, 19, 0.6); } /* Показываем кнопку при прокрутке */ #back-top.show { opacity: 1; visibility: visible; } /* Фиксированная высота для всех изображений услуг */ .services-area .single-services .services-img { height: 450px; /* ← задаём фиксированную высоту */ width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #1a1d23; /* фон на случай, если изображение не загрузится */ } /* Изображение внутри — растягивается с сохранением пропорций */ .services-area .single-services .services-img img { width: 100%; height: 100%; object-fit: cover; /* ← КЛЮЧЕВОЙ ПАРАМЕТР */ transition: transform 0.3s ease; } .services-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; /* Полностью отключаем любые трансформации */ transform: none !important; transition: none !important; } /* Запрещаем hover-эффекты на карточке и изображении */ .single-services:hover .services-img img, .services-img img:hover { transform: none !important; scale: none !important; } /* === Текст под фото === */ .services-caption { padding: 24px 20px; text-align: center; min-height: 160px; background: rgba(30, 34, 45, 0.85); color: #ffffff; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; border-radius: 0 0 8px 8px; } /* === Заголовок — рыжий всегда === */ .services-caption h3 a { color: #ff1313 !important; font-size: 1.5rem; font-weight: 700; text-decoration: none; line-height: 1.3; transition: none !important; } /* === Подзаголовки === */ .services-caption .pera1, .services-caption .pera2 { color: #e0e0e0; font-size: 1.1rem; line-height: 1.6; margin: 8px 0; } /* Убираем тень при наведении (если не нужна) */ .single-services:hover { box-shadow: none !important; } .services-area .section-tittle h2 { color: #ff1313 !important; } /* Стиль миниатюр */ .thumb-gallery { display: flex; justify-content: center; gap: 12px; margin-top: 16px; } .thumb-img { width: 80px; height: 60px; object-fit: cover; border-radius: 6px; cursor: pointer; border: 2px solid transparent; transition: all 0.25s ease; } .thumb-item.active .thumb-img, .thumb-item:hover .thumb-img { border-color: #ff1313; transform: scale(1.05); } .preloader { background: #12151a !important; } .preloader-inner { background: #12151a !important; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* === Hero-секция — адаптивный стиль === */ .hero-overly { min-height: 55vh; display: flex; align-items: flex-end; padding-bottom: 100px; } /* === Адаптивность на планшетах и мобильных === */ @media (max-width: 768px) { .hero-overly { min-height: 40vh !important; padding-bottom: 60px !important; } } @media (max-width: 576px) { .hero-overly { min-height: 35vh !important; padding-bottom: 40px !important; } } /* === Текст внутри героя — крупнее и читаемее === */ .hero__caption span { font-size: 1.8rem; color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* лёгкая тень для читаемости */ } @media (max-width: 768px) { .hero__caption span { font-size: 1.5rem !important; } } @media (max-width: 576px) { .hero__caption span { font-size: 1.3rem !important; } } /* === Контейнер для текста — не прилипает к краям === */ .hero__caption { padding: 0 15px; /* отступы по бокам */ } @media (max-width: 768px) { .profession-section { padding: 40px 0; } .profession-details { padding: 20px; } .profession-details h4 { font-size: 1.5rem; } .profession-details p { font-size: 1rem; line-height: 1.5; } }