body { font-family: "QuranBein", cursive !important; background-color: #f1f1f0 !important; } .quran_text { font-family: "QuranBein", cursive !important; font-size: 20px !important; } .rounded-border { border-radius: 25px !important; } .text-left { text-align: left !important; } .arabic_normal_text { font-family: "QuranBein", cursive !important; font-size: 26px !important; } .content { min-height: 700px; } .quran_menu_title { font-family: "QuranBein", cursive !important; font-size: 50px !important; } .quran-menu-item { border: 1px solid #000; padding: 5px; margin: 5px; } .quran-menu-title { font-family: "QuranBein", cursive !important; font-size: 50px !important; } a:hover { text-decoration: none; } .global-header-icon { height: 65px; } .header-icon-link:hover { padding: 0px !important; margin: 0px !important; } .default_menu { background-color: transparent; color: #fff; padding: 0px 10px 0px 10px; } .page-content { font-family: "QuranBein", sans-serif !important; font-size: 20px; letter-spacing: normal; margin-bottom: 100px; } .page-content h1 { color: #ba5f18; font-weight: bold; font-size: 40px; margin: 30px 0px 30px 0px; } .page-content h2 { color: #ba5f18; font-size: 36px; margin: 20px 0px 20px 0px; } .page-content h3 { color: #ba5f18; font-size: 32px; margin: 20px 0px 20px 0px; } .page-content h4 { color: #ba5f18; font-size: 28px; margin: 20px 0px 20px 0px; } .page-content p { color: #4b4b4d; font-size: 1.125rem; font-weight: 400; margin-top: 2rem; } nav { background-color: #4c40b0 !important; line-height: 1; } nav a { color: #ffffff !important; font-size: 17px; font-weight: bold; font-family: "QuranBein", sans-serif; margin: 10px 1px 10px 1px; } nav a:hover { color: #4c40b0 !important; background-color: #fff !important; } nav .active { text-transform: uppercase; font-size: 17px; font-family: "QuranBein", sans-serif; } nav .navbar-brand { padding: 10px 10px 10px 10px; } .dropdown-menu li { width: 100%; } .dropdown-menu a { width: 100%; color: #000000 !important; font-size: 17px; font-family: "QuranBein", sans-serif; margin: 10px 5px 10px 5px; padding: 10px 5px 10px 5px; } .dropdown-menu a:hover { color: #fff !important; background-color: #1b5797 !important; text-decoration: none; } .a-fade { transition: 0.4s; opacity: 1; } html.is-animating .a-fade { opacity: 0; } .featured-post { padding: 10px; margin: 1px; background-color: #f7f7f7; max-height: 410px !important; min-height: 410px !important; height: 410px !important; text-align: center; } .feature-post-image-header { max-height: 300px !important; min-height: 300px !important; height: 300px !important; } a.feature-post-link { color: #000; font-size: 25px; text-decoration: none; text-align: center; min-height: 50px; } a.feature-post-link :hover { color: #1b5797; text-decoration: none; } .featured-post-text { font-family: "QuranBein", sans-serif; margin-top: 20px; margin-bottom: 20px; font-size: 16px; color: rgba(102, 102, 102, 1); line-height: 35px; } #websitetitlecollapsed { display: none; } #websitetitledisplayed { font-size: 40px; color: rgb(255, 255, 255); font-family: "QuranBein"; } #ourqualities h3 { color: #ffffff; text-align: center; line-height: 40px; font-weight: bold; } #ourqualities p { color: #ffffff; line-height: 25px; } .center-text-all { line-height: 150px; } .off-link-a { color: #ccc !important; font-weight: bold; font-size: 20px; } .logo-name { font-family: "QuranBein", sans-serif; font-size: 65px; margin-top: 60px; margin-bottom: 30px; color: #ffffff; } .header-top-h { color: #ffffff; font-size: 60px; font-family: "QuranBein", sans-serif; font-weight: bold; padding: 0 0 10px 0; } .header-h { color: #000000; font-size: 40px; font-family: "QuranBein", sans-serif; font-weight: bold; padding: 0 0 10px 0; } .section-header { color: #000; font-size: 40px; font-family: "QuranBein", sans-serif; font-weight: bold; padding: 20px 0 5px 0; text-transform: uppercase; } .header-p { color: #ffffff; font-size: 30px; padding: 5px 0 5px 0; } .about-info, .mr-15 { margin-bottom: 15px; } .gallery-template { background-color: #1b5797 !important; } .gallery-template h1 { color: #ffffff !important; } #about img { border: 5px solid rgb(255, 176, 59); border-radius: 2px; } .section-padding { padding: 60px 0px; } .heading { font-family: "QuranBein", sans-serif; color: #ffffff; font-size: 24px; } .details-list { margin-top: 20px; } .details-list ul li i { margin-right: 10px; color: #ffffff; } .text-center { text-align: center; width: 100%; } .border-bottom { border-bottom: 0px solid #dee2e6 !important; } .image-food-home { margin: 5px; cursor: pointer; width: 150px; } .img-thumbnail-lang { padding: 0.25rem; border-radius: 0.25rem; max-width: 100%; height: auto; } .img-thumbnail-reviews { margin: 5px; cursor: pointer; width: 70px; } .section-bg { background: #fff !important; } #footer { font-family: "QuranBein", cursive !important; padding: 10px 40px 0 40px; font-size: 14px; background: #4c40b0 !important; color: #fff !important; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999; border-top: 1px solid #ffffff; } #footer .footer-top { padding: 10px 0 10px 0; } #footer .footer-top h4 { font-family: "QuranBein", sans-serif; font-size: 16px; font-weight: bolder; color: #ffffff; text-transform: uppercase; position: relative; padding-bottom: 10px; } #footer .footer-bottom { padding: 10px 0 30px 0; } #testimonials { padding: 30px 0; } #testimonials .section-header { margin: 30px; } .section-header h3 { font-size: 30px; color: #cfc28c; text-align: center; font-weight: 700; position: relative; font-family: "QuranBein", sans-serif; } .section-header p { text-align: center; margin: auto; font-size: 15px; padding-bottom: 60px; color: #535074; width: 50%; } .header-title-white { color: #ffffff; text-transform: uppercase; font-size: 40px; font-family: "QuranBein", sans-serif; font-weight: bold; padding: 30px 0 30px 0; text-shadow: 1px 0px 15px #050f0d; } .transition-fade { transition: 0.4s; opacity: 1; } html.is-animating .transition-fade { opacity: 0; } .google-maps-iframe { width: 100%; height: 300px; } .form-control { display: block; width: 100%; height: calc(2.25rem + 20px); padding: 0.38rem 0.8rem; font-size: 1.3rem; line-height: 2; color: #515961; background-color: #fff; background-clip: padding-box; border: 1px solid #dce3e9; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } h1, h2, h3, h4 { font-weight: normal; font-family: "QuranBein"; line-height: 1em; color: #3e3e3e; letter-spacing: normal; } h1 { font-size: 42px; } h2 { font-size: 38px; } .contact-form-message { margin: 0px 0px 30px 0px; } .contact-para { font-family: "QuranBein", sans-serif; font-size: 22px; } #footer a { color: #fff; } .review-feature-block-title { font-family: "QuranBein", sans-serif; font-size: 30px; margin-top: 20px; margin-bottom: 20px; color: #000000; } .review-feature-block-description { font-family: "QuranBein", sans-serif; margin-top: 20px; margin-bottom: 20px; font-size: 25px; color: rgba(102, 102, 102, 1); } .link-view-more-reviews { font-size: 16px; background-color: transparent; padding: 22px 44px; margin: 20px 0 0 0; width: auto; border: 1px solid; border-radius: 60px !important; border-color: #cfc28c; text-align: center; color: rgba(102, 102, 102, 1); } .link-get-validite-header { font-size: 20px; color: #fff !important; background-color: #1b5797; padding: 22px 44px; margin: 20px 0 0 0; width: auto; border: 1px solid; border-radius: 60px !important; border-color: #fff; text-align: center; text-shadow: 0px 0px 0px #050f0d; } .btn-send-contact-message { font-size: 25px; color: #fff !important; background-color: #4c40b0; padding: 10px 55px; margin: 20px 0 0 0; width: auto; border: 1px solid; border-radius: 10px !important; border-color: #fff; text-align: center; } .btn-newsletter-footer { font-size: 16px; color: #fff !important; background-color: #1b5797; padding: 10px 14px; margin: 10px 0 0 0; width: 100%; border: 1px solid; border-radius: 30px !important; border-color: #fff; } .btn-get-quote { font-size: 16px; background-color: #fff; padding: 22px 44px; margin: 20px 0 0 0; width: auto; border: 1px solid; border-radius: 60px !important; border-color: #cfc28c; text-align: center; color: rgba(102, 102, 102, 1); cursor: pointer; } .review-carousel { min-height: 310px; height: 310px; padding: 0 30px 0 30px; } .review-feature-block-client { font-family: "QuranBein", sans-serif; margin-top: 20px; margin-bottom: 20px; font-size: 20px; font-style: italic; color: rgba(102, 102, 102, 1); } .review-block-title { font-family: "QuranBein", sans-serif; font-size: 30px; margin-top: 20px; margin-bottom: 20px; } .review-block-description { font-family: "QuranBein", sans-serif; margin-top: 20px; margin-bottom: 20px; font-size: 25px; color: #666666; } .review-block-name { font-size: 20px; margin: 0 0 10px 0; } .review-block-title a, .review-block-name a, .review-block-read-more a, .review-detail-name a { color: #282828; } .review-block-title a:hover, .review-block-name a:hover, .review-block-read-more a:hover, .review-detail-name a:hover { color: #515151; } #footer a:hover { color: #ccc; } .divider { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; height: 1px; margin-top: 44px; margin-right: auto; margin-bottom: 44px; margin-left: auto; background-image: linear-gradient(to right, transparent, rgb(221, 221, 221), transparent); text-align: center; position: relative; clear: both; } .carousel-indicators { padding: 10px 0 10px 0; } .global-header { width: 100%; min-height: 700px; padding-bottom: 0%; padding-top: 3%; padding-left: 0; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; } .ibc-header-title { font-family: "QuranBein", sans-serif !important; } .ibc-header-message { padding-top: 1%; text-shadow: 1px 0px 15px #050f0d; z-index: 1; } .ibc-header-sparator { height: 100px; } .global-header-links { color: #1b5797; } .blog-image-header { max-height: 500px !important; min-height: 500px !important; height: 500px !important; } .candidature-zone label { font-family: "QuranBein", sans-serif !important; color: #fff; background-color: #000; font-weight: bold; font-size: 20px; padding: 10px; width: 100%; text-align: left; } .candidature-zone input { font-family: "QuranBein", sans-serif !important; color: #1b5797; font-weight: bold; } @media only screen and (max-width: 600px) { .modal.custommodal .modal-dialog-custom { width: 70%; } } .make-it-to-left-ibws { left: -115; } .make-it-to-left-icon { left: -68; top: 0 !important; } .display-on-mobile { display: none !important; } .display-on-large { display: inline-block !important; } @media only screen and (max-width: 320px) { .quran_text { font-size: 16px !important; } .container { padding: 0px; margin: 0px; } .content { padding: 0px; margin: 0px; } .hexround { font-size: 15px !important; } } @media (max-width: 574px) { .menu-restaurant { width: 100%; } .center-text-all { line-height: 50px; padding: 20px 0 20px 0; } #websitetitlecollapsed { display: block; padding: 0px; } #websitetitledisplayed, #addressheaderid { display: none; } .navbar-collapsed-on { background-color: #fff; color: #000; } .global-header { max-height: 500px; min-height: 500px; } .ibc-header-message { padding-top: 1%; } .ibc-header-sparator { height: 10px; } .text-left { text-align: center !important; } .review-carousel { min-height: 450px; height: 450px; padding: 0 30px 0 30px; } .review-carousel { min-height: 350px; height: 350px; } .make-it-to-left-ibws { left: -0; } .make-it-to-left-icon { left: 0; top: 59px !important; } .margin-for-ibws { margin-top: 50px !important; } .display-on-mobile { display: inline-block !important; } .display-on-large { display: none !important; } } .header-aya-1 { font-size: 18px; margin: 1px; padding: 1px; } .header-aya { font-size: 18px; margin: 1px; padding: 1px; color: #ffffff; border: 1px solid #000000; background-color: #000000; } .header-author { font-size: 18px; margin: 1px; padding: 1px; border: 2px solid #4c40b0; border-radius: 25px !important; } .author-name { font-size: 30px; padding: 2px; border-bottom: 1px solid #4c40b0; } .author-name a { color: #4c40b0; } .author-image { border: 2px solid #4c40b0; } .global-crumbs { background-color: transparent !important; } .global-crumbs nav { background-color: transparent !important; color: #4c40b0 !important; } .global-crumbs nav a { color: #4c40b0 !important; } .breadcrumb { background-color: transparent; margin: 10px 0px 10px 0px; font-size: 20px; } .breadcrumb-separator { background-color: transparent; margin: 10px 0px 10px 0px; font-size: 20px; } .back-class-img { background: url(https://nauthemes.com/html/jamia/assets/images/pattern-bg.jpg); background-repeat: repeat-x; min-height: 150px; text-align: center; width: 100%; padding-bottom: 0%; padding-left: 0; background-color: #ffffff; } .header-zone { background-color: #ffffff; opacity: 0.9; min-height: 150px; padding-top: 5px; } .back-class-img-other { min-height: 50px; text-align: center; width: 100%; padding-bottom: 0%; padding-left: 0; background-color: #000000; } .header-zone-other { color: #ffffff; opacity: 0.9; min-height: 50px; padding-top: 5px; } .adress-header { color: #000; font-size: 18px; } .header-address { font-family: "QuranBein", sans-serif !important; font-size: 18px !important; margin-top: 1px; font-weight: bold; } .header-address-line { border-top: 1px solid #ccc; height: 2px; } [data-content] { font-size: 18px; position: relative; cursor: help; } [data-content]:hover::before { content: attr(data-title); position: absolute; bottom: -46px; padding: 10px; background: #000; color: #fff; font-size: 14px; white-space: nowrap; } [data-content]:hover::after { content: ""; position: absolute; bottom: -12px; left: 8px; border: 8px solid transparent; border-bottom: 8px solid #000; } /* scroll text */ .scroll-right { height: 40px; overflow: hidden; position: relative; } .scroll-right p { position: absolute; width: 100%; height: 100%; margin: 0; line-height: 40px; text-align: center; /* Starting position */ -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); /* Apply animation to this element */ -moz-animation: scroll-right 55s linear infinite; -webkit-animation: scroll-right 55s linear infinite; animation: scroll-right 55s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes scroll-right { 0% { -moz-transform: translateX(-100%); } 100% { -moz-transform: translateX(100%); } } @-webkit-keyframes scroll-right { 0% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); } } @keyframes scroll-right { 0% { -moz-transform: translateX(-100%); /* Browser bug fix */ -webkit-transform: translateX(-100%); /* Browser bug fix */ transform: translateX(-100%); } 100% { -moz-transform: translateX(100%); /* Browser bug fix */ -webkit-transform: translateX(100%); /* Browser bug fix */ transform: translateX(100%); } } /* end scroll text */ .social-link { padding-left: 10px; padding-right: 10px; } .modal.custommodal .modal-dialog-custom { width: 20%; position: fixed; bottom: 0; right: 0; margin: 0 0px 70px 0; } .home-page-ayat { max-height: 100px; min-height: 100px; margin-bottom: 5px; margin-top: 5px; padding: 15px; } .nopnom { padding: 0 !important; margin: 0; text-align: center; } .hex { font-family: "QuranBein", cursive !important; position: relative; float: left; height: 70px; min-width: 100px; padding: 12px; margin: 4px; color: white; font-weight: bold; text-align: center; background: #4c40b0; -webkit-clip-path: polygon(25px 0px, calc(100% - 25px) 0px, 100% 50%, calc(100% - 25px) 100%, 25px 100%, 0px 50%); } .hex.gradient-bg:hover { color: #4c40b0; background-color: hsla(60, 75%, 75%, 1); cursor: pointer; z-index: 105; } .hexround { font-family: "QuranBein", cursive !important; position: relative; float: left; min-width: 100px; padding: 12px; margin: 4px; color: white; font-weight: bold; text-align: center; background: #4c40b0; } .hexround.gradient-bg:hover { color: #4c40b0; background-color: hsla(60, 75%, 75%, 1); cursor: pointer; z-index: 105; } .hexagon { position: relative; display: inline-block; /* left/right margin approx. 25% of .hexagon width + spacing */ margin: 1px 18px; background-color: #4c40b0; text-align: center; color: #ffffff; } .heximportant { background-color: #000; } .heximportant:hover { background-color: hsla(60, 75%, 75%, 1); } .hexagon, .hexagon::before, .hexagon::after { /* easy way: height is width * 1.732 actual formula is 2*(width/(2*Math.tan(Math.PI/6))) remove border-radius for sharp corners on hexagons */ width: 67px; height: 116px; /* border-radius: 20%/5%; */ } .hexagon::before { background-color: inherit; content: ""; position: absolute; left: 0; transform: rotate(-60deg); } .hexagon::after { background-color: inherit; content: ""; position: absolute; left: 0; transform: rotate(60deg); } .hexagon:nth-child(even) { /* top approx. 50% of .hexagon height + spacing */ top: 59px; } .hexagon:hover { background-color: hsla(60, 75%, 75%, 1); cursor: pointer; z-index: 105; } .hexagon:active { background-color: hsla(60, 75%, 50%, 1); z-index: 110; } .hexagonpost:hover { background-color: #ff9c38; cursor: pointer; z-index: 105; color: white; } .hexagonpost:active { background-color: #ff9c38; z-index: 110; color: white; } .hexanone { position: relative; display: inline-block; width: 67px; height: 116px; margin: 1px 18px; } .hexanone:nth-child(even) { top: 59px; } .hexagontent { font-family: "QuranBein", cursive !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 140%; font-size: 20px; line-height: 1.2; z-index: 100; } .ibws-fix { /* inline-block whitespace fix */ font-size: 0; } .honeycomb { margin: 0 auto; text-align: center; } .hexagon-one { position: relative; width: 250px; height: 144.34px; background-color: #4c40b0; margin: 72.17px 0; } .hexagon-one:before, .hexagon-one:after { content: ""; position: absolute; width: 0; border-left: 125px solid transparent; border-right: 125px solid transparent; } .hexagon-one:before { bottom: 100%; border-bottom: 72.17px solid #4c40b0; } .hexagon-one:after { top: 100%; width: 0; border-top: 72.17px solid #4c40b0; } .bottomhelp { font-family: "QuranBein", cursive !important; cursor: pointer; background-color: transparent; color: #4c40b0; padding: 5px 15px; border-radius: 4px !important; border-color: #4c40b0; z-index: 1; } #bttomhelpid { position: fixed; bottom: 72px; right: 0px; } .hexagoncolor645>div { font-size: 15px !important; } .hexagoncolor53>div { font-size: 15px !important; } .hexagoncolor64>div { font-size: 15px !important; } .hexagoncolor634>div { font-size: 15px !important; } .hexagoncolor865>div { font-size: 15px !important; } .hexagoncolor961>div { font-size: 15px !important; } .only-desktop { display: none; } @media (min-width: 1024px) { .only-desktop { display: block; } }