|
|
@@ -0,0 +1,2081 @@
|
|
|
+body {
|
|
|
+ direction: rtl;
|
|
|
+ text-align: right;
|
|
|
+ font-size: 1rem;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+h1 {
|
|
|
+ font-size: 1.5em !important;
|
|
|
+}
|
|
|
+
|
|
|
+* {
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+img {
|
|
|
+ max-width: 100% !important;
|
|
|
+}
|
|
|
+
|
|
|
+.signin-registry-btns {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0px;
|
|
|
+ line-height: 4.5;
|
|
|
+ height: 100%;
|
|
|
+
|
|
|
+ @media screen and (min-width: 992px) and (max-width: 1024px){
|
|
|
+ line-height: 3.7;
|
|
|
+ }
|
|
|
+ a{
|
|
|
+ color: $white;
|
|
|
+ font-size: .9rem;
|
|
|
+ font-weight: normal;
|
|
|
+ transition: all 0.5s ease-in-out;
|
|
|
+ &:hover {
|
|
|
+ color: lighten($teal-blue, 20);
|
|
|
+ }
|
|
|
+ &:focus {
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.page-start {
|
|
|
+ background-image: url('../../../images/h7.jpg');
|
|
|
+}
|
|
|
+.header-container {
|
|
|
+ margin-top: -75px;
|
|
|
+ width: 100%;
|
|
|
+ height: 40rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ background-size: cover;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ z-index: 1;
|
|
|
+ padding: .5rem 0;
|
|
|
+}
|
|
|
+
|
|
|
+.header-container-right {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+#discount-part {
|
|
|
+ margin: auto;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.desktop-discount .discount-item {
|
|
|
+ background-color: #fff6;
|
|
|
+}
|
|
|
+
|
|
|
+.desktop-discount .discount-item span.headtext {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 1.1rem;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 2;
|
|
|
+}
|
|
|
+
|
|
|
+.desktop-discount .discount-item span.discount-amount {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 1.1rem;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 2;
|
|
|
+}
|
|
|
+
|
|
|
+.desktop-discount .discount-item span.discount-details {
|
|
|
+ display: block;
|
|
|
+ font-size: .85rem;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 1.5;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu-container {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.discounts-holder {
|
|
|
+ @media screen and (min-width: 1366px) {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+}
|
|
|
+.discounts {
|
|
|
+ margin-top: 7rem;
|
|
|
+ position: relative;
|
|
|
+ padding: 1.2rem 1rem;
|
|
|
+ width: fit-content;
|
|
|
+ line-height: 1;
|
|
|
+ border-radius: 7px;
|
|
|
+ box-shadow: 0px 0px 7px 0px #fffff1;
|
|
|
+ border: thin solid #f3f8bf;
|
|
|
+ background: $white url('../../../images/icons/summer.png');
|
|
|
+ background-size: cover;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: top left;
|
|
|
+ height: fit-content;
|
|
|
+}
|
|
|
+
|
|
|
+.discount-box {
|
|
|
+ text-align: justify;
|
|
|
+}
|
|
|
+
|
|
|
+.discount-box .discount-item {
|
|
|
+ margin: .5rem 0;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.discount-box .discount-item span.headtext {
|
|
|
+ display: block;
|
|
|
+ line-height: 2;
|
|
|
+}
|
|
|
+
|
|
|
+.discount-box .discount-item span.discount-amount {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: .85rem;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 1.5;
|
|
|
+}
|
|
|
+
|
|
|
+.discount-box .discount-item span.discount-details {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: .85rem;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 1.5;
|
|
|
+}
|
|
|
+
|
|
|
+.discount-box .text-purple {
|
|
|
+ color: #800954;
|
|
|
+}
|
|
|
+
|
|
|
+.discount-box .text-dark-blue {
|
|
|
+ color: $secondary;
|
|
|
+}
|
|
|
+
|
|
|
+.discount-box hr {
|
|
|
+ display: none;
|
|
|
+ margin-top: .5rem;
|
|
|
+ margin-bottom: .5rem;
|
|
|
+}
|
|
|
+
|
|
|
+.h {
|
|
|
+ height: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+.h300 {
|
|
|
+ height: 300px;
|
|
|
+}
|
|
|
+
|
|
|
+.search-bg {
|
|
|
+ height: 70vh;
|
|
|
+ width: 100vw;
|
|
|
+ display: table;
|
|
|
+}
|
|
|
+
|
|
|
+.search-container {
|
|
|
+ padding-top: 14%;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.searchbox {
|
|
|
+ text-align: center;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-around;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-top: 0;
|
|
|
+ margin-bottom: 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.searchbox-text {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ color: #800954;
|
|
|
+}
|
|
|
+
|
|
|
+.steps-container {
|
|
|
+ width: 100%;
|
|
|
+ height: max-content;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ /* justify-content: center; */
|
|
|
+ padding-top: 3.5rem;
|
|
|
+ padding-bottom: 4.3rem;
|
|
|
+}
|
|
|
+
|
|
|
+.steps-container h2 {
|
|
|
+ color: rgb(53, 66, 191);
|
|
|
+ font-weight: 900;
|
|
|
+}
|
|
|
+
|
|
|
+.steps {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ justify-content: space-evenly;
|
|
|
+}
|
|
|
+
|
|
|
+.step-1 div {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ border-radius: 50%;
|
|
|
+ padding: 1rem 1rem;
|
|
|
+ width: 15rem;
|
|
|
+ height: 15rem;
|
|
|
+ border: .5rem solid #FF5722;
|
|
|
+ font-size: 1rem;
|
|
|
+ font-weight: 900;
|
|
|
+ line-height: 2.5em;
|
|
|
+ transition: .5s ease-out;
|
|
|
+}
|
|
|
+
|
|
|
+.step-1 div:hover {
|
|
|
+ color: $white;
|
|
|
+ transform: scale(1.1);
|
|
|
+ transition: all .5s ease-in-out;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.step-1-holder {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.step-1-holder:nth-child(1) .step-1::before,
|
|
|
+.step-1-holder:nth-child(2) .step-1::before {
|
|
|
+ font-family: 'FontAwesome';
|
|
|
+ content: "\f061";
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
+ top: 35%;
|
|
|
+ right: -10rem;
|
|
|
+ color: rgb(53, 66, 191);
|
|
|
+ font-size: 3rem;
|
|
|
+ animation: goAndBack .8s infinite;
|
|
|
+}
|
|
|
+
|
|
|
+.step-1 div::before {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ content: attr(data-step);
|
|
|
+ position: absolute;
|
|
|
+ width: 2.7rem;
|
|
|
+ height: 2.7rem;
|
|
|
+ color: $white;
|
|
|
+ border-radius: .5rem;
|
|
|
+ top: 10px;
|
|
|
+ left: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.step-1 span {
|
|
|
+ font-size: 25px;
|
|
|
+ font-weight: 900;
|
|
|
+ line-height: 2.5em;
|
|
|
+}
|
|
|
+
|
|
|
+.analysis_devices_container {
|
|
|
+ height: max-content;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ padding: 3.5rem 0;
|
|
|
+}
|
|
|
+
|
|
|
+.analysis_devices_diagram {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.pic-of-device-holder img {
|
|
|
+ width: 9rem;
|
|
|
+}
|
|
|
+
|
|
|
+// styles for analysis devices in home page
|
|
|
+.analysis_device {
|
|
|
+ position: relative;
|
|
|
+ background-color: $primary;
|
|
|
+ height: 80px;
|
|
|
+ width: auto;
|
|
|
+ margin-left: 90px;
|
|
|
+ transform: translateX(0px);
|
|
|
+ transition: transform .5s ease-in-out;
|
|
|
+ padding-left: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.analysis_device:hover {
|
|
|
+ transform: translateX(6px);
|
|
|
+ background-color: #2196F3;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.analysis_device:hover div:before {
|
|
|
+ border-left-color: #2196F3;
|
|
|
+}
|
|
|
+
|
|
|
+.analysis_device:hover:after {
|
|
|
+ border-right-color: #2196F3;
|
|
|
+}
|
|
|
+
|
|
|
+.analysis_device:hover .inside-device:after {
|
|
|
+ border-right-color: #2196F3;
|
|
|
+}
|
|
|
+
|
|
|
+.analysis_device span {
|
|
|
+ font-size: 1rem;
|
|
|
+ font-weight: 800;
|
|
|
+ line-height: 4.5;
|
|
|
+ color: $white;
|
|
|
+}
|
|
|
+
|
|
|
+.analysis_device>div::before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: -80px;
|
|
|
+ border-top: 40px solid transparent;
|
|
|
+ border-left: 40px solid $primary;
|
|
|
+ border-right: 40px solid transparent;
|
|
|
+ transform: rotate(180deg);
|
|
|
+}
|
|
|
+
|
|
|
+.analysis_device::after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: -80px;
|
|
|
+ border-top: 40px solid transparent;
|
|
|
+ border-left: 40px solid transparent;
|
|
|
+ border-right: 40px solid $primary;
|
|
|
+}
|
|
|
+
|
|
|
+.inside-device::after {
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ margin: auto 0;
|
|
|
+ right: -40px;
|
|
|
+ border-top: 40px solid transparent;
|
|
|
+ border-bottom: 40px solid transparent;
|
|
|
+ border-right: 40px solid $primary;
|
|
|
+ transform: rotate(180deg);
|
|
|
+}
|
|
|
+
|
|
|
+.pics-of-devices-container {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.pic-of-device-holder {
|
|
|
+ display: flex;
|
|
|
+ margin-left: .5rem;
|
|
|
+ clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
|
|
|
+ padding: .1rem;
|
|
|
+ background-color: rgba(195, 55, 100, 0.46);
|
|
|
+ &:first-child {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.pic-of-device {
|
|
|
+ clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
|
|
|
+}
|
|
|
+
|
|
|
+.slider {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.slider img {
|
|
|
+ max-height: 100%;
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.text-gray {
|
|
|
+ color: $text-gray !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-pink {
|
|
|
+ color: $text-pink !important;
|
|
|
+}
|
|
|
+
|
|
|
+.owl-carousel {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.owl-dots {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 10px;
|
|
|
+ left: 25%;
|
|
|
+ right: 25%;
|
|
|
+ z-index: 5;
|
|
|
+
|
|
|
+ @media screen and (max-width: 425px){
|
|
|
+ bottom: -3px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.item img {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.item div {
|
|
|
+ position: absolute;
|
|
|
+ width: max-content;
|
|
|
+ height: max-content;
|
|
|
+ top: 0;
|
|
|
+ left: 1.5rem;
|
|
|
+ bottom: 0;
|
|
|
+ margin: auto auto;
|
|
|
+ padding: .5rem;
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+
|
|
|
+.center-align-slider-content {
|
|
|
+ position: absolute;
|
|
|
+ width: max-content;
|
|
|
+ height: max-content;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ margin: auto auto;
|
|
|
+ padding: .5rem;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+
|
|
|
+.center-align-slider-content h2,
|
|
|
+.center-align-slider-content p {
|
|
|
+ color: rgb(48, 7, 211) !important;
|
|
|
+}
|
|
|
+
|
|
|
+.item h2,
|
|
|
+.item p {
|
|
|
+ padding: .5rem;
|
|
|
+ color: $white;
|
|
|
+ background-color: #f7f7f7a8;
|
|
|
+}
|
|
|
+
|
|
|
+.ArticleCard {
|
|
|
+ height: 30vh;
|
|
|
+ margin: .2rem;
|
|
|
+}
|
|
|
+
|
|
|
+.services {
|
|
|
+ margin-top: -6rem;
|
|
|
+}
|
|
|
+
|
|
|
+.services-container {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.news {
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+ padding-right: 2.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+.newspic {
|
|
|
+ height: 30vh;
|
|
|
+ flex-basis: 40%;
|
|
|
+}
|
|
|
+
|
|
|
+.flex-box {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+}
|
|
|
+
|
|
|
+.logo {
|
|
|
+ width: 100px;
|
|
|
+ margin-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu {
|
|
|
+ position: relative;
|
|
|
+ // z-index: 9999;
|
|
|
+ z-index: 1035;
|
|
|
+ list-style: none;
|
|
|
+ display: flex;
|
|
|
+ margin: 0;
|
|
|
+ position: relative;
|
|
|
+ line-height: 3.5;
|
|
|
+ background: transparent;
|
|
|
+}
|
|
|
+
|
|
|
+.logo_container a {
|
|
|
+ position: relative;
|
|
|
+ background-color: $white;
|
|
|
+ z-index: 100;
|
|
|
+}
|
|
|
+
|
|
|
+.logo_container a:after {
|
|
|
+ content: '';
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ position: absolute;
|
|
|
+ bottom: -15px;
|
|
|
+ left: 0;
|
|
|
+ border-left: 60px solid transparent;
|
|
|
+ border-right: 60px solid transparent;
|
|
|
+ border-top: 15px solid $white;
|
|
|
+ z-index: 100;
|
|
|
+}
|
|
|
+
|
|
|
+.activeMainMenu {
|
|
|
+ background-color: $teal-blue !important;
|
|
|
+ transition: background-color .2s ease;
|
|
|
+}
|
|
|
+
|
|
|
+.activeMainMenu ul {
|
|
|
+ padding-right: 9.2rem;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu>li::first-line {
|
|
|
+ color: white;
|
|
|
+ font-weight: 600;
|
|
|
+ @media screen and (min-width: 1051px) and (max-width: 1250px){
|
|
|
+ font-size: 0.75rem;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+ul.header-main-menu {
|
|
|
+ padding-right: .4rem;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu>li {
|
|
|
+ margin: 0 7px;
|
|
|
+
|
|
|
+ @media screen and (min-width: 1200px) and (max-width: 1440px) {
|
|
|
+ margin: 0 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (min-width: 992px) and (max-width: 1200px) {
|
|
|
+ margin: 0px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu>li>a {
|
|
|
+ display: block;
|
|
|
+ padding: 10px;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu>li a {
|
|
|
+ display: block;
|
|
|
+ padding: 10px;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu li:hover .header-main-menu-1st-child {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu-1st-child li .ArticleCard {
|
|
|
+ color: #980052;
|
|
|
+}
|
|
|
+
|
|
|
+.mega-menu-first-step li a:hover {
|
|
|
+ color: #980052;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu-1st-child {
|
|
|
+ list-style: none;
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ top: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: fit-content;
|
|
|
+ line-height: 2;
|
|
|
+ left: 0;
|
|
|
+ background-color: $teal-blue;
|
|
|
+ font-size: 13px;
|
|
|
+ color: $white;
|
|
|
+ z-index: 99;
|
|
|
+ /*min-height: 120px;*/
|
|
|
+}
|
|
|
+
|
|
|
+.end-menu {
|
|
|
+ list-style: none;
|
|
|
+ margin: 0;
|
|
|
+ width: 100%;
|
|
|
+ line-height: 2;
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+ul.end-menu li a {
|
|
|
+ color: #000 !important;
|
|
|
+ font-size: 13px;
|
|
|
+}
|
|
|
+
|
|
|
+ul.end-menu li a:hover {
|
|
|
+ color: $primary !important;
|
|
|
+ transition: all 0s;
|
|
|
+}
|
|
|
+
|
|
|
+.mega-menu {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: fit-content;
|
|
|
+ background-color: $white;
|
|
|
+ border-top: 1px;
|
|
|
+ border-bottom: thin solid #00757F;
|
|
|
+ z-index: 99;
|
|
|
+ display: none;
|
|
|
+ background-color: #e0e5ed;
|
|
|
+ box-shadow: 0 2px 5px 0px #4b4a4a54;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu-1st-child li>a {
|
|
|
+ padding: .9rem 1.5rem;
|
|
|
+ transition: all 0.5s linear;
|
|
|
+ position: relative;
|
|
|
+ font-size: 13px;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu-1st-child>li>a::before {
|
|
|
+ transition: all 0.5s linear;
|
|
|
+ width: 10px;
|
|
|
+ height: 0;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ bottom: -11px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width:991px) and (max-width:1050px) {
|
|
|
+ .header-main-menu>li>a {
|
|
|
+ font-size: 11px !important;
|
|
|
+ }
|
|
|
+ .header-main-menu-1st-child li a {
|
|
|
+ font-size: 11px !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width:991px) {
|
|
|
+ .header-main-menu>li.side_menu .header-main-menu-1st-child {
|
|
|
+ flex-direction: column;
|
|
|
+ padding-inline-start: 0;
|
|
|
+ width: 280px;
|
|
|
+ right: 0;
|
|
|
+ height: 500px;
|
|
|
+ left: auto;
|
|
|
+ }
|
|
|
+ .header-main-menu>li.side_menu .header-main-menu-1st-child .mega-menu {
|
|
|
+ right: 280px;
|
|
|
+ width: calc(100vw - 280px);
|
|
|
+ height: 500px;
|
|
|
+ top: 0;
|
|
|
+ }
|
|
|
+ .header-main-menu>li.side_menu .header-main-menu-1st-child .mega-menu .end-menu {
|
|
|
+ padding: .5rem;
|
|
|
+ }
|
|
|
+ .header-main-menu>li.side_menu .header-main-menu-1st-child .mega-menu .end-menu li {
|
|
|
+ text-indent: 0px;
|
|
|
+ padding-right: 3px;
|
|
|
+ }
|
|
|
+ .header-main-menu>li.menu_dropdown {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .header-main-menu>li.menu_dropdown .header-main-menu-1st-child {
|
|
|
+ width: 280px;
|
|
|
+ right: 0;
|
|
|
+ flex-direction: column;
|
|
|
+ padding-inline-start: 0;
|
|
|
+ }
|
|
|
+ .header-main-menu>li.menu_dropdown .header-main-menu-1st-child>li {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .header-main-menu>li.menu_dropdown .header-main-menu-1st-child .mega-menu {
|
|
|
+ right: 100%;
|
|
|
+ top: 0;
|
|
|
+ width: 300px;
|
|
|
+ }
|
|
|
+ .header-main-menu>li.menu_dropdown .header-main-menu-1st-child .mega-menu .end-menu {
|
|
|
+ padding-inline-start: 0;
|
|
|
+ }
|
|
|
+ .header-main-menu>li.menu_dropdown .header-main-menu-1st-child .mega-menu .end-menu li {
|
|
|
+ text-indent: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.activeMenu {
|
|
|
+ background-color: $white;
|
|
|
+ color: $blue !important;
|
|
|
+}
|
|
|
+
|
|
|
+.activeMenu a {
|
|
|
+ color: $blue !important;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu-1st-child li a {
|
|
|
+ color: $white;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu-1st-child li.activeMenu {
|
|
|
+ border-bottom: .1rem solid $blue;
|
|
|
+ background-color: #e0e5ed;
|
|
|
+ color: $secondary !important;
|
|
|
+}
|
|
|
+
|
|
|
+.side_menu .header-main-menu-1st-child li:first-child .mega-menu {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.header-main-menu-1st-child li:hover .mega-menu {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.end-menu li h5 {
|
|
|
+ font-size: 13px;
|
|
|
+ padding-top: 13px;
|
|
|
+ padding-right: 10px;
|
|
|
+ padding-bottom: 0 !important;
|
|
|
+ color: $teal-blue;
|
|
|
+}
|
|
|
+
|
|
|
+.end-menu li a {
|
|
|
+ padding: 6px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.end-menu li {
|
|
|
+ text-indent: -45px;
|
|
|
+ padding-right: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.menu-secondary {
|
|
|
+ background-color: $secondary;
|
|
|
+}
|
|
|
+
|
|
|
+.menu-secondary div nav a,
|
|
|
+.menu-secondary div a {
|
|
|
+ font-size: .8rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mega-menu>div {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ padding-right: 0;
|
|
|
+ justify-content: flex-start;
|
|
|
+ padding: 1.2rem 0rem;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-green {
|
|
|
+ background-color: $primary;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-green:hover {
|
|
|
+ background-color: #980052;
|
|
|
+}
|
|
|
+
|
|
|
+.events {
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+ border-radius: 0;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 10%;
|
|
|
+ right: 0;
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 12;
|
|
|
+ writing-mode: vertical-lr;
|
|
|
+ padding: .5rem;
|
|
|
+ border-radius: .5rem 0 0 .5rem;
|
|
|
+ z-index: 1022;
|
|
|
+}
|
|
|
+
|
|
|
+.sidebar {
|
|
|
+ position: fixed !important;
|
|
|
+ bottom: 1px;
|
|
|
+ right: -33.33%;
|
|
|
+ z-index: 1021;
|
|
|
+ display: flex;
|
|
|
+ overflow: hidden;
|
|
|
+ background-color: $white;
|
|
|
+ box-shadow: 0px 1px 10px 3px #cccccc61;
|
|
|
+}
|
|
|
+
|
|
|
+.searchbar {
|
|
|
+ margin-bottom: auto;
|
|
|
+ margin-top: auto;
|
|
|
+ height: 60px;
|
|
|
+ background-color: $white;
|
|
|
+ border-radius: 30px;
|
|
|
+ padding: 12px 18px;
|
|
|
+ border: 1px solid #e0dee1;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ a {
|
|
|
+ position: absolute;
|
|
|
+ right: 20px;
|
|
|
+ top: 15px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.searchbar-icons {
|
|
|
+ margin-top: .9rem;
|
|
|
+ margin-bottom: 2rem;
|
|
|
+}
|
|
|
+
|
|
|
+.searchbar-icons a {
|
|
|
+ font-size: .9rem;
|
|
|
+ font-weight: 650;
|
|
|
+ text-decoration: none;
|
|
|
+ color: $white;
|
|
|
+ background-color: $primary;
|
|
|
+ margin: .5rem 0;
|
|
|
+ padding: .3rem .5rem;
|
|
|
+ border-radius: .25rem;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.searchbar-icons a:hover {
|
|
|
+ color: #980052;
|
|
|
+}
|
|
|
+
|
|
|
+.search_input {
|
|
|
+ color: #000;
|
|
|
+ border: 0;
|
|
|
+ outline: 0;
|
|
|
+ background: none;
|
|
|
+ width: 450px;
|
|
|
+ line-height: 34px;
|
|
|
+ padding-right: 33px;
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.searchbar:hover>.search_icon {
|
|
|
+ color: #980052;
|
|
|
+}
|
|
|
+
|
|
|
+.search_icon {
|
|
|
+ color: $primary;
|
|
|
+ font-size: 1.5rem;
|
|
|
+ margin-top: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.service {
|
|
|
+ /* background-color: $white; */
|
|
|
+ min-height: 320px;
|
|
|
+ color: $blue;
|
|
|
+ margin: 2px;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ padding: 1.2rem 1.2rem;
|
|
|
+ /* box-shadow: 0px 2px 8px 4px #77757561; */
|
|
|
+ border-bottom: 3px solid #980052;
|
|
|
+ background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
|
|
|
+}
|
|
|
+
|
|
|
+.service p {
|
|
|
+ line-height: 1.7;
|
|
|
+}
|
|
|
+
|
|
|
+.service:hover h5,
|
|
|
+.service:hover .fa {
|
|
|
+ color: #980052;
|
|
|
+}
|
|
|
+
|
|
|
+.card {
|
|
|
+ font-size: 1em;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 0;
|
|
|
+ border: none;
|
|
|
+ border-radius: .28571429rem;
|
|
|
+ box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
|
|
|
+}
|
|
|
+
|
|
|
+.card-body {
|
|
|
+ cursor: default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.card-block {
|
|
|
+ font-size: 1rem;
|
|
|
+ position: relative;
|
|
|
+ margin: 0;
|
|
|
+ padding: 1rem 1rem 0;
|
|
|
+ border: none;
|
|
|
+ border-top: 1px solid rgba(34, 36, 38, .1);
|
|
|
+ box-shadow: none;
|
|
|
+ a {
|
|
|
+ &:hover {
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.card-img-top {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.card-title {
|
|
|
+ font-size: 1em;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 2rem;
|
|
|
+ height: 2rem;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.card-title a {
|
|
|
+ color: #000;
|
|
|
+ font-size: 1em;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 2rem;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.card-title a:hover {
|
|
|
+ color: $primary;
|
|
|
+}
|
|
|
+
|
|
|
+// style for short text articles
|
|
|
+.card-text {
|
|
|
+ clear: both;
|
|
|
+ margin-top: .5em;
|
|
|
+ color: rgba(0, 0, 0, .68);
|
|
|
+ text-align: justify;
|
|
|
+ min-height: 70px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.card-text a {
|
|
|
+ color: rgba(0, 0, 0, .68);
|
|
|
+ text-align: justify;
|
|
|
+ text-decoration: none;
|
|
|
+ line-height: 2;
|
|
|
+}
|
|
|
+
|
|
|
+.card-text a:hover {
|
|
|
+ color: $primary;
|
|
|
+}
|
|
|
+
|
|
|
+.card-footer {
|
|
|
+ font-size: 1em;
|
|
|
+ position: static;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ max-width: 100%;
|
|
|
+ padding: .75em 1em;
|
|
|
+ color: rgba(0, 0, 0, .4);
|
|
|
+ border-top: 1px solid rgba(0, 0, 0, .05) !important;
|
|
|
+ background: $white !important;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.card-inverse .btn {
|
|
|
+ border: 1px solid rgba(0, 0, 0, .05);
|
|
|
+}
|
|
|
+
|
|
|
+.card-news-header small {
|
|
|
+ margin: auto 0;
|
|
|
+}
|
|
|
+
|
|
|
+.profile {
|
|
|
+ position: absolute;
|
|
|
+ top: -12px;
|
|
|
+ display: inline-block;
|
|
|
+ overflow: hidden;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ margin: 0;
|
|
|
+ border: 1px solid $white;
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-avatar {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-inline {
|
|
|
+ position: relative;
|
|
|
+ top: 0;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-inline~.card-title {
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 4px;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+.text-bold {
|
|
|
+ font-weight: 700;
|
|
|
+}
|
|
|
+
|
|
|
+.articles {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-around;
|
|
|
+ /* padding-left: 1.5rem;
|
|
|
+ padding-right: 1.5rem; */
|
|
|
+}
|
|
|
+
|
|
|
+.meta {
|
|
|
+ font-size: 1em;
|
|
|
+ color: rgba(0, 0, 0, .4);
|
|
|
+}
|
|
|
+
|
|
|
+.meta a {
|
|
|
+ text-decoration: none;
|
|
|
+ color: rgba(0, 0, 0, .4);
|
|
|
+}
|
|
|
+
|
|
|
+.meta a:hover {
|
|
|
+ color: rgba(0, 0, 0, .87);
|
|
|
+}
|
|
|
+
|
|
|
+.card-footer small {
|
|
|
+ margin: auto 0;
|
|
|
+}
|
|
|
+
|
|
|
+.card-head-text {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.card-news {
|
|
|
+ background-color: $white;
|
|
|
+ box-shadow: 0 4px 18px -12px rgba(0, 0, 0, .75);
|
|
|
+ border: 1px solid #f7f7f7;
|
|
|
+}
|
|
|
+
|
|
|
+.news-part {
|
|
|
+ box-shadow: 0px -2px 12px 0px #96919169;
|
|
|
+}
|
|
|
+
|
|
|
+.card-sample1 {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.img {
|
|
|
+ margin: auto 0;
|
|
|
+}
|
|
|
+
|
|
|
+.container-for-cards {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-around;
|
|
|
+}
|
|
|
+
|
|
|
+.modal-header .close {
|
|
|
+ padding: 1rem 1rem;
|
|
|
+ margin: auto -1rem -1rem -1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.discount-btn-sm {
|
|
|
+ position: fixed;
|
|
|
+ left: 15px;
|
|
|
+ bottom: 30px;
|
|
|
+ z-index: 9999;
|
|
|
+ /*padding: 1rem;*/
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.move-up-container {
|
|
|
+ /* margin-top: 90px; */
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 15px;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.move-up-line {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.up-btn {
|
|
|
+ position: absolute;
|
|
|
+ width: 62px;
|
|
|
+ height: 62px;
|
|
|
+ left: calc(50% - 31px);
|
|
|
+ top: calc(50% - 31px);
|
|
|
+ text-align: center;
|
|
|
+ color: $white;
|
|
|
+ font-size: 16px;
|
|
|
+ display: block;
|
|
|
+ padding-top: 16px;
|
|
|
+ border-radius: 50%;
|
|
|
+ border: 3px solid transparent;
|
|
|
+ background: #1f1f1f;
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/**********************Footer************************/
|
|
|
+
|
|
|
+.footer {
|
|
|
+ width: 100%;
|
|
|
+ background-color: #1f1f1f;
|
|
|
+ padding: 1rem 1.9rem;
|
|
|
+ color: $white;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ line-height: 2;
|
|
|
+ text-align: justify;
|
|
|
+ font-weight: 100;
|
|
|
+}
|
|
|
+
|
|
|
+.footer small {
|
|
|
+ font-size: .7rem;
|
|
|
+}
|
|
|
+
|
|
|
+.footer h5 {
|
|
|
+ font-weight: 300;
|
|
|
+}
|
|
|
+
|
|
|
+.footer hr {
|
|
|
+ border-top: 1px solid rgba(255, 255, 255, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.footer nav.menu-footer-menu-container {
|
|
|
+ background-color: transparent;
|
|
|
+ height: fit-content;
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/**************Footer menu************************/
|
|
|
+
|
|
|
+.footer nav ul.menu {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ list-style-type: none;
|
|
|
+ padding-inline-start: 0;
|
|
|
+ height: fit-content;
|
|
|
+ width: 100%;
|
|
|
+ line-height: 2;
|
|
|
+ background-color: transparent;
|
|
|
+ border-bottom: none;
|
|
|
+}
|
|
|
+
|
|
|
+.footer nav ul li a {
|
|
|
+ position: relative;
|
|
|
+ padding: 0 .8rem;
|
|
|
+ color: $white;
|
|
|
+}
|
|
|
+
|
|
|
+.menu-menu-footer-container ul li a::before {
|
|
|
+ font-family: 'fontawesome';
|
|
|
+ content: '\f104';
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: -3px;
|
|
|
+ margin-left: .5rem;
|
|
|
+}
|
|
|
+
|
|
|
+.footer p,
|
|
|
+a,
|
|
|
+span {
|
|
|
+ font-size: .85rem;
|
|
|
+
|
|
|
+ @media screen and (max-width: 375px){
|
|
|
+ font-size: 0.8rem;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.social {
|
|
|
+ text-align: right;
|
|
|
+ padding: .5rem 0;
|
|
|
+}
|
|
|
+
|
|
|
+.social span {
|
|
|
+ font-size: 1.2rem;
|
|
|
+ padding: .5rem;
|
|
|
+ background-color: #707070;
|
|
|
+ color: #bababa;
|
|
|
+ border-radius: .25rem;
|
|
|
+}
|
|
|
+
|
|
|
+.social span:hover {
|
|
|
+ color: $white;
|
|
|
+ border-radius: .25rem;
|
|
|
+ transition: .8s ease;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-footer {
|
|
|
+ height: 45px;
|
|
|
+ display: inline-block;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #212529;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ cursor: pointer;
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none;
|
|
|
+ border: 1px solid transparent;
|
|
|
+ padding: .375rem .75rem;
|
|
|
+ font-size: .9rem;
|
|
|
+ line-height: 1.4;
|
|
|
+ border-radius: .25rem 0 0 .25rem;
|
|
|
+ transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
|
|
|
+
|
|
|
+ @media screen and (min-width: 992px) and (max-width: 1159px){
|
|
|
+ font-size: 0.6rem !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.footer-form-control {
|
|
|
+ display: block;
|
|
|
+ width: auto !important;
|
|
|
+ height: 45px !important;
|
|
|
+ padding: .375rem .75rem;
|
|
|
+ font-size: .85rem;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 1.5;
|
|
|
+ color: #495057;
|
|
|
+ background-color: $white;
|
|
|
+ background-clip: padding-box;
|
|
|
+ border: 1px solid #ced4da;
|
|
|
+ border-radius: 0px .25rem .25rem 0px !important;
|
|
|
+ transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
|
|
|
+ @media screen and (min-width: 1160px) and (max-width: 1250px){
|
|
|
+ font-size: 0.75rem !important;
|
|
|
+ }
|
|
|
+ @media screen and (min-width: 992px) and (max-width: 1159px){
|
|
|
+ font-size: 0.65rem !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.footer div a {
|
|
|
+ text-decoration: none;
|
|
|
+ color: $white;
|
|
|
+}
|
|
|
+
|
|
|
+.footer div a:hover {
|
|
|
+ color: $primary;
|
|
|
+}
|
|
|
+
|
|
|
+.footer-company-name h4 {
|
|
|
+ background-color: #cccccc61;
|
|
|
+}
|
|
|
+
|
|
|
+.myPagination {
|
|
|
+ padding-right: 1.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+.page-item:first-child .page-link {
|
|
|
+ margin-left: 0;
|
|
|
+ border-top-left-radius: 0 !important;
|
|
|
+ border-bottom-left-radius: 0 !important;
|
|
|
+ border-top-right-radius: .25rem;
|
|
|
+ border-bottom-right-radius: .25rem;
|
|
|
+}
|
|
|
+
|
|
|
+.pagination-sm .page-item:last-child .page-link {
|
|
|
+ border-top-right-radius: 0;
|
|
|
+ border-bottom-right-radius: 0;
|
|
|
+ border-top-left-radius: .25rem !important;
|
|
|
+ border-bottom-left-radius: .25rem !important;
|
|
|
+}
|
|
|
+
|
|
|
+.news-shadow {
|
|
|
+ box-shadow: 1px -4px 8px 0 #77757561;
|
|
|
+}
|
|
|
+
|
|
|
+.responsive-menu-header {
|
|
|
+ padding: .5rem .5rem;
|
|
|
+ border-bottom: 1px solid gray;
|
|
|
+ background-color: $white;
|
|
|
+ color: $secondary;
|
|
|
+}
|
|
|
+
|
|
|
+.responsive-menu-container {
|
|
|
+ background-color: #530050;
|
|
|
+ position: fixed;
|
|
|
+ top: 4.5%;
|
|
|
+ right: 0;
|
|
|
+ display: none;
|
|
|
+ z-index: 9999;
|
|
|
+ width: 80%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.responsive-menu {
|
|
|
+ list-style: none;
|
|
|
+ padding: 1.5rem 2rem;
|
|
|
+}
|
|
|
+
|
|
|
+.responsive-menu li ul {
|
|
|
+ list-style: none;
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.second-menu-page ul {
|
|
|
+ list-style: none;
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.second-menu-page {
|
|
|
+ display: none;
|
|
|
+ width: 80%;
|
|
|
+ background-color: $secondary;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.discount-title {
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 20px;
|
|
|
+ /* color: $primary;*/
|
|
|
+ color: $secondary;
|
|
|
+}
|
|
|
+
|
|
|
+.discounts span {
|
|
|
+ position: relative;
|
|
|
+ display: block;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 1.05rem;
|
|
|
+ font-weight: 700;
|
|
|
+}
|
|
|
+
|
|
|
+.discounts small {
|
|
|
+ display: block;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.nav-tabs .nav-link {
|
|
|
+ border: none !important;
|
|
|
+ color: $blue;
|
|
|
+ /* text-shadow: 0 0 3px black; */
|
|
|
+}
|
|
|
+
|
|
|
+.nav-tabs {
|
|
|
+ border-bottom: 1px solid rgba(195, 55, 99, 0.163) !important;
|
|
|
+ padding-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.nav-tabs li .nav-item a {
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.nav-tabs a.nav-link.active::before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ width: 0;
|
|
|
+ height: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.nav-tabs .nav-link.active {
|
|
|
+ background-color: transparent !important;
|
|
|
+ color: $blue !important;
|
|
|
+ width: 100% !important;
|
|
|
+ border-bottom: 3px solid $blue !important;
|
|
|
+ transition: all .5 linear !important;
|
|
|
+}
|
|
|
+
|
|
|
+.nav-tabs .nav-link {
|
|
|
+ border-width: 0%;
|
|
|
+}
|
|
|
+
|
|
|
+.nav-tabs .nav-link {
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 1.1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.video-part-title {
|
|
|
+ width: 100%;
|
|
|
+ font-weight: 700;
|
|
|
+ padding: 0;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: $blue;
|
|
|
+}
|
|
|
+
|
|
|
+.video-part-title h5 {
|
|
|
+ font-size: 1.7rem;
|
|
|
+}
|
|
|
+
|
|
|
+.video-part-title-btn {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+
|
|
|
+.video-part-container {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ padding: 3rem 0;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.videos {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.videos .card {
|
|
|
+ box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+.player {
|
|
|
+ display: none;
|
|
|
+
|
|
|
+ video {
|
|
|
+ border-top-left-radius: 0.25rem;
|
|
|
+ border-top-right-radius: 0.25rem;
|
|
|
+ &:focus {
|
|
|
+ outline: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+// added border radius for image and video for single video page
|
|
|
+.show-video {
|
|
|
+ .player video{
|
|
|
+ border-radius: 0.25rem;
|
|
|
+ }
|
|
|
+ .videos .card .position-relative img{
|
|
|
+ border-radius: 0.25rem !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// play btn over image for video
|
|
|
+.play-btn {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ z-index: 999;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ margin: auto !important;
|
|
|
+ cursor: pointer;
|
|
|
+ background: url('../../../images/home/play-transparent.png') no-repeat;
|
|
|
+ background-position: calc(100% - 52%) calc(100% - 48%);
|
|
|
+}
|
|
|
+
|
|
|
+.play-btn:hover {
|
|
|
+ transform: scale(.9);
|
|
|
+ transition: all .5s ease;
|
|
|
+}
|
|
|
+
|
|
|
+.video-starter {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 285px;
|
|
|
+ background-position: center center;
|
|
|
+ background-size: cover;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.set_starter_height {
|
|
|
+ height: 360px;
|
|
|
+}
|
|
|
+
|
|
|
+.popular-card {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ margin: 5px 0;
|
|
|
+ background-color: rgba(192, 192, 192, 0.714);
|
|
|
+}
|
|
|
+
|
|
|
+.popular-card h3 {
|
|
|
+ margin: auto 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.popular-part-container {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ height: 200px;
|
|
|
+ padding: .5rem 1rem;
|
|
|
+ overflow-y: scroll;
|
|
|
+}
|
|
|
+
|
|
|
+.container-sample-2 {
|
|
|
+ padding: 4.5rem .5rem;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.container-sample-2-title {
|
|
|
+ font-weight: 700;
|
|
|
+ width: 100%;
|
|
|
+ height: max-content;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ color: $white;
|
|
|
+}
|
|
|
+
|
|
|
+.container-sample-2-title h3 span.title {
|
|
|
+ display: block;
|
|
|
+ font-size: 1.7rem;
|
|
|
+ font-weight: 800;
|
|
|
+ line-height: 1.2;
|
|
|
+ margin-bottom: .5rem;
|
|
|
+}
|
|
|
+
|
|
|
+.container-sample-2-title span.subtitle {
|
|
|
+ display: block;
|
|
|
+ font-size: 1.7rem;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 1.2;
|
|
|
+ margin-bottom: .5rem;
|
|
|
+}
|
|
|
+
|
|
|
+.container-sample-2-title a {
|
|
|
+ color: $white;
|
|
|
+}
|
|
|
+
|
|
|
+.card-text-sample2 {
|
|
|
+ clear: both;
|
|
|
+ margin-top: .5em;
|
|
|
+ color: rgba(0, 0, 0, .68);
|
|
|
+ text-align: justify;
|
|
|
+ z-index: 1020;
|
|
|
+}
|
|
|
+
|
|
|
+.card-text-sample2 a:hover {
|
|
|
+ color: $primary;
|
|
|
+}
|
|
|
+
|
|
|
+.card-text-sample2 h3,
|
|
|
+.card-text-sample2 h4 {
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 2;
|
|
|
+ font-size: 1rem;
|
|
|
+ font-weight: 700;
|
|
|
+ color: rgba(0, 0, 0, .68);
|
|
|
+}
|
|
|
+
|
|
|
+.card-text-sample2 h3 a {
|
|
|
+ color: rgba(0, 0, 0, .68);
|
|
|
+}
|
|
|
+
|
|
|
+.owl-popular,
|
|
|
+.owl-similar {
|
|
|
+ overflow: hidden;
|
|
|
+ height: 100%;
|
|
|
+ z-index: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.owl-stage-outer {
|
|
|
+ z-index: 5 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.vertical-margin-center {
|
|
|
+ margin: auto 0;
|
|
|
+}
|
|
|
+
|
|
|
+.owl-prev {
|
|
|
+ position: absolute;
|
|
|
+ top: calc( 50% - 50px);
|
|
|
+ background-color: transparent;
|
|
|
+ bottom: 0;
|
|
|
+ margin: 0;
|
|
|
+ right: 0;
|
|
|
+ color: $white !important;
|
|
|
+ font-size: 45px !important;
|
|
|
+ padding: 0;
|
|
|
+ z-index: 200;
|
|
|
+ width: fit-content;
|
|
|
+ height: fit-content;
|
|
|
+}
|
|
|
+
|
|
|
+.owl-prev span,
|
|
|
+.owl-next span {
|
|
|
+ font-size: 3rem;
|
|
|
+}
|
|
|
+
|
|
|
+.owl-next {
|
|
|
+ position: absolute;
|
|
|
+ top: calc( 50% - 50px);
|
|
|
+ background-color: transparent;
|
|
|
+ bottom: 0;
|
|
|
+ margin: 0;
|
|
|
+ left: 0;
|
|
|
+ color: $white !important;
|
|
|
+ height: fit-content;
|
|
|
+ width: fit-content;
|
|
|
+ font-size: 45px !important;
|
|
|
+ padding: 0;
|
|
|
+ z-index: 200;
|
|
|
+}
|
|
|
+
|
|
|
+.owl-prev span:hover,
|
|
|
+.owl-next span:hover {
|
|
|
+ color: $blue;
|
|
|
+}
|
|
|
+
|
|
|
+.owl-item.active .card {
|
|
|
+ box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
|
|
|
+ border: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.owl-theme .owl-nav [class*='owl-']:hover {
|
|
|
+ background: transparent;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-blue-light {
|
|
|
+ background-color: $my-bg-light !important;
|
|
|
+ box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-yellow {
|
|
|
+ background-color: $bg-red !important;
|
|
|
+ box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-red {
|
|
|
+ background: linear-gradient(to right, #e194b6, #e9a7c4, #f0b9d2, #f8cbdf, #ffdeed) !important;
|
|
|
+ box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-green {
|
|
|
+ background: linear-gradient(to left, #ffbc51, #fcc25c, #fac967, #f8ce72, #f6d47d) !important;
|
|
|
+ box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-pink-dark {
|
|
|
+ background-color: #f6d0d054 !important;
|
|
|
+ /* background-color: #b9f6ca !important; */
|
|
|
+}
|
|
|
+
|
|
|
+.bg-blue{
|
|
|
+ background-color: #2196f3ab !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-red {
|
|
|
+ background-color: $bg-red !important;
|
|
|
+ /* background-color: #b9f6ca !important; */
|
|
|
+}
|
|
|
+
|
|
|
+.btn-outline-success {
|
|
|
+ color: $primary;
|
|
|
+ border-color: $primary;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-outline-success:hover {
|
|
|
+ color: $white;
|
|
|
+ background: $primary;
|
|
|
+ border-color: $primary;
|
|
|
+}
|
|
|
+
|
|
|
+.register-request-inside {
|
|
|
+ position: relative;
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+ text-align: center;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.register-request-inside>div {
|
|
|
+ width: auto;
|
|
|
+ display: inline-block;
|
|
|
+ text-shadow: 0 0 5px #000;
|
|
|
+}
|
|
|
+
|
|
|
+.enamad-holder img {
|
|
|
+ filter: drop-shadow(0px 0px 0px $white);
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes goAndBack {
|
|
|
+ 30% {
|
|
|
+ transform: translateX(10px);
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ transform: translateX(0);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.step_1 div {
|
|
|
+ background: #18FFFF;
|
|
|
+ color: #006064;
|
|
|
+ border-color: #006064;
|
|
|
+}
|
|
|
+
|
|
|
+.step_1 div::before {
|
|
|
+ background-color: #006064;
|
|
|
+}
|
|
|
+
|
|
|
+.step_2 div {
|
|
|
+ background: #D500F9;
|
|
|
+ color: #4A148C;
|
|
|
+ border-color: #4A148C;
|
|
|
+}
|
|
|
+
|
|
|
+.step_2 div::before {
|
|
|
+ background-color: #4A148C;
|
|
|
+}
|
|
|
+
|
|
|
+.step_3 div {
|
|
|
+ background: #ff5252;
|
|
|
+ color: #b71c1c;
|
|
|
+ border-color: #b71c1c;
|
|
|
+}
|
|
|
+
|
|
|
+.step_3 div::before {
|
|
|
+ background-color: #b71c1c;
|
|
|
+}
|
|
|
+
|
|
|
+.shadow {
|
|
|
+ -webkit-box-shadow: 0 8px 6px -6px rgba(113, 109, 109, 0.707) !important;
|
|
|
+ -moz-box-shadow: 0 8px 6px -6px rgba(113, 109, 109, 0.707) !important;
|
|
|
+ box-shadow: 0 8px 6px -6px rgba(113, 109, 109, 0.707) !important;
|
|
|
+ z-index: 99;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/*pagination style*/
|
|
|
+
|
|
|
+.wp-pagenavi {
|
|
|
+ float: right;
|
|
|
+ //background-color: #f6d0d054;
|
|
|
+ border-radius: 1rem;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.wp-pagenavi span.pages {
|
|
|
+ color: $primary;
|
|
|
+}
|
|
|
+
|
|
|
+.wp-pagenavi a, .wp-pagenavi li a,
|
|
|
+.wp-pagenavi span {
|
|
|
+ text-decoration: none;
|
|
|
+ border: none;
|
|
|
+ padding: .5rem .7rem;
|
|
|
+ margin: 0;
|
|
|
+ float: right;
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+.page-link:focus {
|
|
|
+ box-shadow: none;
|
|
|
+}
|
|
|
+
|
|
|
+.wp-pagenavi a.first,
|
|
|
+.wp-pagenavi a.last,
|
|
|
+.wp-pagenavi .previouspostslink,
|
|
|
+.wp-pagenavi .nextpostslink {
|
|
|
+ position: relative;
|
|
|
+ color: transparent;
|
|
|
+}
|
|
|
+
|
|
|
+.wp-pagenavi a.first::after {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ font-family: 'fontawesome';
|
|
|
+ content: '\f101';
|
|
|
+ font-size: .8rem;
|
|
|
+ color: $primary;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 1.3rem;
|
|
|
+ font-weight: 100;
|
|
|
+}
|
|
|
+
|
|
|
+.wp-pagenavi a.last::after {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ font-family: 'fontawesome';
|
|
|
+ content: '\f100';
|
|
|
+ font-size: .8rem;
|
|
|
+ color: $primary;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 1.3rem;
|
|
|
+ font-weight: 100;
|
|
|
+}
|
|
|
+
|
|
|
+.wp-pagenavi .previouspostslink::after {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ font-family: 'fontawesome';
|
|
|
+ content: '\f105';
|
|
|
+ font-size: .8rem;
|
|
|
+ color: $primary;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 1.3rem;
|
|
|
+ font-weight: 100;
|
|
|
+}
|
|
|
+
|
|
|
+.wp-pagenavi .nextpostslink::after {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ font-family: 'fontawesome';
|
|
|
+ content: '\f104';
|
|
|
+ font-size: .8rem;
|
|
|
+ color: $primary;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 1.3rem;
|
|
|
+ font-weight: 100;
|
|
|
+}
|
|
|
+
|
|
|
+.wp-pagenavi .current {
|
|
|
+ border-color: #BFBFBF !important;
|
|
|
+ background-color: $primary;
|
|
|
+ color: $white;
|
|
|
+}
|
|
|
+
|
|
|
+.wp-pagenavi a.last {}
|
|
|
+
|
|
|
+.wp-pagenavi a:hover,
|
|
|
+.wp-pagenavi span:hover {
|
|
|
+ border-color: #bfbfbf !important;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/*******search input***********/
|
|
|
+
|
|
|
+.service_search_results {
|
|
|
+ padding-inline-start: 0;
|
|
|
+ box-shadow: inset 0px 1px 0px 0px #c6c1c126;
|
|
|
+ box-shadow: inset 0px 1px 0px 0px #bfbfbf;
|
|
|
+ box-shadow: 0px 2px 3px 0px #bebcbe6b;
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: fit-content;
|
|
|
+ display: none;
|
|
|
+ top: 100%;
|
|
|
+ right: 0;
|
|
|
+ background-color: $white;
|
|
|
+ list-style-type: none;
|
|
|
+ border: 1px solid $white;
|
|
|
+ border-radius: 0 0 30px 30px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.service_search_result_item a {
|
|
|
+ display: block;
|
|
|
+ position: initial;
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.service_search_result_item:hover {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ text-decoration: none;
|
|
|
+ background-color: $my-bg-light;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.service_search_result_item a:hover {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.service_search_result_item,
|
|
|
+.not_fount,
|
|
|
+.searching {
|
|
|
+ border-top: 1px solid #bfbfbf;
|
|
|
+ width: 100%;
|
|
|
+ padding: .5rem;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.service_search_result_item:first-child {
|
|
|
+ border-top: none;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/*****************Footer menu************************/
|
|
|
+
|
|
|
+//falahi
|
|
|
+//validation bootstrap style is ltr,this code change it to rtl
|
|
|
+.form-control{
|
|
|
+ &.is-invalid,&.is-valid{
|
|
|
+ background-position: left calc(0.4em + 0.1875rem) center;
|
|
|
+ padding-left: calc(1.6em + 0.75rem);
|
|
|
+ padding-right: 0.75rem;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+// under construction style
|
|
|
+.under-construction-holder {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ .under-construction-img {
|
|
|
+ img {
|
|
|
+ @media screen and (max-width: 991px){
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// fast welcome
|
|
|
+.fast_login_holder {
|
|
|
+ .fast_login_title {
|
|
|
+ @media screen and (min-width: 568px) and (max-width: 991px){
|
|
|
+ margin-top: 3rem;
|
|
|
+ font-size: 1.5rem;
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 567px){
|
|
|
+ margin: 3rem 0 1.5rem;
|
|
|
+ font-size: 1.2rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .fast_login_img {
|
|
|
+ @media screen and (max-width: 767px){
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// style for search box in home page
|
|
|
+.form-input-search {
|
|
|
+ position: relative;
|
|
|
+ width: 70%;
|
|
|
+ @media screen and (max-width: 767px){
|
|
|
+ width: 85%;
|
|
|
+ }
|
|
|
+ i {
|
|
|
+ position: absolute;
|
|
|
+ top: 19px;
|
|
|
+ left: auto;
|
|
|
+ right: 14px;
|
|
|
+ font-size: 23px;
|
|
|
+ color: $primary;
|
|
|
+ @media screen and (max-width: 767px){
|
|
|
+ top: 8.5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ input {
|
|
|
+ width: 100%;
|
|
|
+ border: 0;
|
|
|
+ height: 60px;
|
|
|
+ border-radius: 30px;
|
|
|
+ outline: none;
|
|
|
+ padding-left: 20px;
|
|
|
+ padding-right: 46px;
|
|
|
+ line-height: 61px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: $primary;
|
|
|
+ font-size: 1.5em;
|
|
|
+ @media screen and (max-width: 767px){
|
|
|
+ font-size: 1em;
|
|
|
+ line-height: 42px;
|
|
|
+ height: 42px;
|
|
|
+ padding-right: 40px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .result-search-holder {
|
|
|
+ position: relative;
|
|
|
+ .scroll-result-search {
|
|
|
+ overflow-y: scroll;
|
|
|
+ height: 35vh;
|
|
|
+ }
|
|
|
+ .result-search {
|
|
|
+ position: absolute;
|
|
|
+ top: 5px;
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 0.25rem;
|
|
|
+ padding-right: 0;
|
|
|
+ background-color: #eee;
|
|
|
+ /* width */
|
|
|
+ &::-webkit-scrollbar {
|
|
|
+ width: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* Handle */
|
|
|
+ &::-webkit-scrollbar-thumb {
|
|
|
+ background: #037496;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* Handle on hover */
|
|
|
+ &::-webkit-scrollbar-thumb:hover {
|
|
|
+ background: $primary;
|
|
|
+ }
|
|
|
+ .list-group-item-search {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 12px 0;
|
|
|
+ border-radius: 0;
|
|
|
+ border: none !important;
|
|
|
+ position: relative;
|
|
|
+ border-bottom: 1px dashed $gray !important;
|
|
|
+ margin: 0 10px 0 5px;
|
|
|
+ @media screen and (max-width: 767px){
|
|
|
+ justify-content: center;
|
|
|
+ padding: 5px 8px;
|
|
|
+ border-bottom: none !important
|
|
|
+ }
|
|
|
+ a {
|
|
|
+ display: block;
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+ span {
|
|
|
+ transition: all 0.3s ease-in-out;
|
|
|
+ font-weight: 500;
|
|
|
+ @media screen and (max-width: 767px){
|
|
|
+ text-align: center;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
+ &:first-child, &:nth-child(2) {
|
|
|
+ @media screen and (max-width: 425px){
|
|
|
+ font-size: 0.75rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
golestan