.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} @media print{a[href]:after{content: initial;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #243742; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #243742;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /website_form/static/src/scss/website_form.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991.98px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767.98px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .col-form-label:after, .o_website_form_required_custom .col-form-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /website_blog/static/src/scss/website_blog.scss defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .o_has_error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto !important; height: 250px !important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767.98px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} .website_blog .blog_post_year_collapse{cursor: pointer;} .website_blog .blog_post_year_collapse > i{color: #00A09D;} .website_blog section.blog_tags ul.nav-pills li a{padding: 2px 15px;} .s_latest_posts .media > a{width: 100%; height: 200px;} @media (min-width: 768px){.s_latest_posts .media > a{width: 100px; height: 100px;}} .s_latest_posts .media > a > .o_blog_cover_container{position: relative; width: 100%; height: 100%; padding: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post{position: relative; height: 250px; text-align: center; cursor: pointer; transition: all 300ms;} .s_latest_posts_big_picture .s_latest_posts_post.js-loading{background: #e9ecef !important;} .s_latest_posts_big_picture .s_latest_posts_post .thumb{position: relative; display: block; width: 100%; max-width: 100% !important; height: 100%; padding: 0; opacity: 0.8; overflow: hidden;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading), .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{position: absolute; top: 0; left: 15px; bottom: 0; right: 15px; padding: 2em; color: #FFFFFF; text-transform: uppercase; font-size: 1.25em; backface-visibility: hidden;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::before, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::before{pointer-events: none;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2{margin: 0; font-size: 1.5em; font-weight: 300;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2 span{font-weight: 800;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) p{margin: 1em 0 0; letter-spacing: 1px; font-size: 68.5%;} .s_latest_posts .js_get_posts, .s_latest_posts_big_picture .js_get_posts{position: relative; min-height: 100px;} .s_latest_posts .progress.js-loading, .s_latest_posts_big_picture .progress.js-loading{position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0;} .s_latest_posts .progress.js-loading .progress-bar, .s_latest_posts_big_picture .progress.js-loading .progress-bar{position: absolute; top: 45%; left: 10%; bottom: auto; right: 10%; height: 10px; margin: 0; background: #6c757d; box-shadow: none;} 

/* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */
 input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .card-body:first-child{border-top: 0px;} .o_payment_form .card{border-radius: 10px;} .o_payment_form .card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px;} 

/* /altaf_website/static/src/scss/style.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: Cairo; src: url("/altaf_website/static/src/fonts/Cairo-Regular.ttf");} *{box-sizing: border-box; font-weight: normal;} body{font-family: 'Cairo','Roboto Mono';} h1{font-size: 2.2em;} .flip{position: relative;} .flip > .front, .flip > .back{display: block; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-duration: .5s; transition-property: transform, opacity;} .flip > .front{transform: rotateY(0deg);} .flip > .back{position: absolute; opacity: 0; top: 0px; left: 0px; width: 100%; height: 100%; transform: rotateY(-180deg);} .flip:hover > .front{transform: rotateY(180deg);} .flip:hover > .back{opacity: 1; transform: rotateY(0deg);} .flip.flip-vertical > .back{transform: rotateX(-180deg);} .flip.flip-vertical:hover > .front{transform: rotateX(180deg);} .flip.flip-vertical:hover > .back{transform: rotateX(0deg);} .flip{position: relative; display: inline-block; margin-right: 2px; margin-bottom: 1em; width: 350px;} .flip > .front, .flip > .back{display: block; color: white; width: inherit; background-size: cover !important; background-position: center !important; height: 220px; padding: 1em 2em; background: #216860; border-radius: 10px;} .flip > .front p, .flip > .back p{font-size: 0.9125rem; line-height: 160%; color: #999;} .text-shadow{text-shadow: 4px 4px 10px #000000;} .project_details_header{min-height: 55vh; width: 100%; background-size: cover !important; background-position: center !important; color: white; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;} .project_details_header h1{font-size: xxx-large; font-family: 'Cairo','Roboto Mono';} .project_details_header p{font-size: 1rem; line-height: 150%; color: #ffffff; background-color: rgba(0, 0, 0, 0.294); border-radius: 10px; padding: 10px;} header .navbar-brand.logo img{width: auto; height: 4.3125rem; max-width: none;} light .navbar-nav .nav-link.active{color: #a7915f;} .navbar-light .navbar-nav .nav-link{color: #fffefe;} 

/* /altaf_website/static/src/css/css.css defined in bundle 'web.assets_frontend' */
.backg{background-color: aliceblue;} .color{color: rgb(255, 255, 255); font-size: 34px; padding-right: 142px;} .padd{padding-left: 350px;} .mt-15{margin-top: 15px!important;} .pull-right{float: right!important;} .btn-green.btn-theme-colored{color: #fff; background-color: rgb(32, 106, 96); border-color: rgb(32, 106, 96);} .btn-salmon.btn-theme-colored{color: #fff; background-color: rgb(167, 145, 95); border-color: rgb(167, 145, 95);} .btn-sm{font-size: 12px; padding: 5px 17px;} .btn{font-size: 13px; padding: 8px 22px;} .btn-flat{border-radius: 0;} .btn-dark{color: #fff; background-color: #216860; border-color: #216860;} .pull-left{float: left;} .btn-theme-colored{color: #fff; background-color: rgb(32, 106, 96); border-color: rgb(32, 106, 96);} .progress-bar{background-color: rgb(32, 106, 96); float: left;} .col-md-6{width: 50%;} .font-weight-300{font-weight: 300 !important;} .m-0{margin: 0!important;} .mt-0{margin-top: 0!important;} .text-uppercase{text-transform: uppercase;} .font-weight-400{font-weight: 400 !important;} .font-30{font-size: 2.14285714rem !important;} .fa{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .text-theme-colored-secondary{color: rgb(32, 106, 96)!important;} .h1, .h2, .h3, h1, h2, h3{margin-bottom: 10px; margin-top: 15px;} .post{border: 1px solid rgb(32, 106, 96);} .mb-30{margin-bottom: 30px!important;} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block;} .post .entry-header{position: relative; overflow: hidden;} post .entry-content{padding: 15px;} .pr-10{padding-right: 10px!important;} .p-20{padding: 20px!important;} .media:first-child{margin-top: 0;} .no-bg{background: none !important;} .no-border{border: none !important;} .mt-0{margin-top: 0!important;} .media{margin-top: 15px;} .bx-wrapper{margin: 0 auto 7px; padding: 0; position: relative;} .bx-wrapper .bx-viewport{background: inherit; border: 0 solid #fff; box-shadow: 0 0 0 #ccc; left: 0; transform: translateZ(0px);} .bx-wrapper .bx-viewport{right: 0;} .bx-wrapper .bx-viewport{-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);} .media:first-child{margin-top: 0;} .event{background: #f6f6f6; border: 1px solid transparent; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} .no-bg{background: none !important;} .no-border{border: none !important;} .event{border-bottom-color: rgb(32, 106, 96);} .mb-10{margin-bottom: 10px!important;} .media{margin-top: 15px;} .bg-lighter{background-color: #f7f7f7 !important;} .media-left, .media>.pull-left{padding-left: 10px; padding-right: initial;} .p-20{padding: 20px!important;} .event .event-date ul li:first-child{margin-bottom: 10px;} .event .event-date ul li{line-height: 1;} .font-30{font-size: 2.14285714rem !important;} .font-weight-600{font-weight: 600 !important;} .post .entry-date{font-size: 13px;} .pt-5{padding-top: 5px !important;} .pb-5{padding-bottom: 5px !important;} .media-left, .media>.pull-left{padding-left: 10px; padding-right: initial;} .pl-15{padding-left: 15px!important;} .pb-5{padding-bottom: 5px!important;} .pr-15{padding-right: 15px!important;} .pt-5{padding-top: 5px!important;} .media-body, .media-left, .media-right{display: table-cell; vertical-align: top;} .media-left, .media>.pull-left{padding-right: 10px;} .text-center{text-align: center;} .font-13{font-size: 13px !important;} .text-gray-darkgray{color: #a9a9a9 !important;} .mr-10{margin-right: 10px!important;} .media-body, .media-left, .media-right{display: table-cell; vertical-align: top;} .media-left, .media>.pull-left{padding-right: 10px;} .text-center{text-align: center;} .event .event-date ul li:first-child{margin-bottom: 10px;} .event .event-date ul li{line-height: 1;} .font-30{font-size: 2.14285714rem !important;} .font-weight-600{font-weight: 600 !important;} .text-theme-colored{color: #a27b08!important;} .pl-15{padding-left: 15px!important;} .media-body, .media-left, .media-right{display: table-cell; vertical-align: top;} .media-body{width: 10000px;} .media, .media-body{overflow: hidden; zoom: 1;} .font-13{font-size: 13px !important;} .col-md-3{width: 25%;} .font-48{font-size: 3.42857143rem !important;} .mt-0{margin-top: 0!important;} .h1, .h2, .h3, h1, h2, h3{margin-bottom: 10px; margin-top: 15px;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: "Noto Sans Kufi Arabic", sans-serif; font-weight: 500; line-height: 1.42857143; color: #333333;} h2, .h2{font-size: 24px;} .h2, h2{font-size: 30px;} .h1, .h2, .h3, h1, h2, h3{margin-top: 20px; margin-bottom: 10px;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;} *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} h2{display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px;} .pb-0{padding-bottom: 0!important;} .pt-30{padding-top: 30px!important;} .line-bottom{border-bottom: 1px dotted #d3d3d3; position: relative; margin-bottom: 15px; padding-bottom: 10px;} .line-bottom:after{bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; width: 50px;} .line-bottom:after{right: 0;} .after, :before{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .cent{text-align: center;} .mt-20{margin-top: 20px!important;} .pull-left{float: left!important;} .icon-theme-colored{color: #e6e6e6!important;} .bg-theme-colored{background-color: rgb(32, 106, 96)61!important;} .section-title .sub-title{margin: 0; position: relative; display: inline-block;} .col-md-offset-3{margin-right: 25%; margin-left: 0;} .section-title .both-side-line::before{content: ""; height: 2px; position: absolute; left: -40px; top: 10px; width: 30px;} .section-title .both-side-line::after{content: ""; height: 2px; position: absolute; right: -40px; top: 10px; width: 30px;} .section-title .both-side-line::after{left: -40px;} .what-color{color: rgb(247, 248, 248);} .item .card-img-top{width: 100%; height: 200px; background-size: cover; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px);} .item{margin: 10px;} .item .js_get_projects{padding-top: 50px;} .flex-space-between{display: flex; justify-content: space-between;} .bg-alpha{background-color: rgb(32, 106, 96) !important; color: #FFFFFF;} .btn-alpha{color: #FFFFFF; background-color: rgb(32, 106, 96); border-color: rgb(32, 106, 96);} .text-alpha{color: rgb(32, 106, 96) !important;} .btn-secondary{color: #FFFFFF; background-color: rgb(167, 145, 95); border-color: rgb(167, 145, 95);} .desktop{display: block !important;} .mobile{display: none !important;} @media only screen and (max-width: 600px){.desktop{display: none !important;}.mobile{display: block !important;}} 

/* /altaf_website/static/src/css/mk_charts.css defined in bundle 'web.assets_frontend' */
 .container .box{width: 100%;} .container .box h2{display: block; text-align: center; color: #fff;} .container .box .chart{position: relative; height: 100%; text-align: center; font-size: 40px; line-height: 160px; height: 160px; color: #216860;} .container .box canvas{position: absolute; top: 0; left: 0; width: 100%; width: 100%;} .causes{border: 3px solid #4d8e86;} 

/* /altaf_website/static/src/css/style.css defined in bundle 'web.assets_frontend' */
 :root{--grey: #f1f1f1; --white: #fff; --yellow: #ffb636; --dark: #232323; --light_dark:#555; --magenta:#7f4399; --dark_magenta:#d883fd; --light_orange:rgb(32, 106, 96);} .icons_cont{text-align: center;} .round_icon_img{border-radius:50%; box-shadow: 0 0 6px rgba(0,0,0,.25); background: #fff; width:100px !important; height: 100px; padding: 16px; margin: 15px auto !important;} .round_icon_img i{font-size: 70px; color: rgb(32, 106, 96);} .hover15{position: relative; width: 100%; height: auto; padding: 0px !important; overflow: hidden;} .hover15::before{position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(244,229,172,.4); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;} .hover15:hover::before{-webkit-animation: circle .75s; animation: circle .75s;} .hover15 img{transition: all .3s;} .hover15:hover img{transform: scale(1.2);} @-webkit-keyframes circle{0%{opacity: 1;}40%{opacity: 1;}100%{width: 200%; height: 200%; opacity: 0;}} @keyframes circle{0%{opacity: 1;}40%{opacity: 1;}100%{width: 200%; height: 200%; opacity: 0;}} .owl-carousel .owl-nav .owl-prev:focus, .owl-carousel .owl-nav .owl-next:focus{outline:none;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{outline: none;} .carousel_se_01 .owl-theme .owl-dots{text-align: center; margin-top: 18px;} .carousel_se_01 .owl-theme .owl-dots .owl-dot{display: inline-block;} .carousel_se_01 .owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px; margin: 5px 5px; background: rgb(32, 106, 96); border: 0px solid rgb(32, 106, 96); display: block; transition: all 0.6s ease-in-out; cursor: pointer; border-radius: 50%;} .carousel_se_01 .owl-theme .owl-dots .owl-dot:hover span{color: #fff; background: rgb(32, 106, 96); padding:5px; border-radius: 50%;} .carousel_se_01 .owl-theme .owl-dots .owl-dot.active span{color: #fff; background: var(--light_orange); opacity:0.8; padding:5px; border-radius: 50%; background:var(--light_orange);} a{text-decoration: none; color: var(--dark);} a:hover{text-decoration: none; color: var(--dark);} .carousel_se_01 .owl-carousel .owl-nav button.owl-next{position: absolute; top: 42%; right: -40px; padding: 0px 15px 6px 15px !important; background: rgb(255, 255, 255); display: inline-block; transform: translateY(-50%); border-radius: 50%; font-size: 35px; line-height: 35px; color: rgb(32, 106, 96); box-shadow: 0 0 8px rgba(0,0,0,.25);} .carousel_se_01 .owl-carousel .owl-nav button.owl-next:hover{background:rgb(32, 106, 96); color: #fff;} .carousel_se_01 .owl-carousel .owl-nav button.owl-prev{position: absolute; top: 42%; left: -40px; padding: 0px 15px 6px 15px !important; background: rgb(255, 255, 255); display: inline-block; transform: translateY(-50%); border-radius: 50%; font-size: 35px; line-height: 35px; color: rgb(32, 106, 96); box-shadow: 0 0 8px rgba(0,0,0,.25);} .carousel_se_01 .owl-carousel .owl-nav button.owl-prev:hover{background:rgb(32, 106, 96); color: #fff;} .carousel_se_01 .owl-arrow .owl-nav{position: absolute; top: 0; right: 0; font-size: 1.8rem;} .carousel_se_01 .owl-arrow .owl-nav .owl-prev, .carousel_se_01 .owl-arrow .owl-nav .owl-next{display: inline-block; transition: all 0.6s ease-in-out; color: #000000;} .carousel_se_01 .main_services{position: relative; margin: 30px 0px 40px 0px; padding: 40px 15px 32px 15px; overflow: hidden; text-align: center; border: 1px solid transparent; border-radius: 8px 8px; box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1); min-height: 348px;} .carousel_se_01 .main_services:hover{border: 1px solid #ededed ; box-shadow:none;} .navbar-light{background-color: rgb(32, 106, 96)!important;} .s_carousel .carousel-control-prev-icon, .s_carousel .carousel-control-next-icon, .s_quotes_carousel .carousel-control-prev-icon, .s_quotes_carousel .carousel-control-next-icon{width: auto; height: auto; background-image: none; color: #212529; background-color: rgb(32, 106, 96);} .desktop{display: block !important;} .mobile{display: none !important;} @media only screen and (max-width: 600px){.desktop{display: none !important;}.mobile{display: block !important;}} 

/* /altaf_website/static/src/owl.carousel/assets/owl.carousel.min.css defined in bundle 'web.assets_frontend' */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item images{display:block;width:100%} .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0} .owl-carousel .owl-item images.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/altaf_website/static/src/owl.carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}