@charset "utf-8"; /* CSS Document*/ /**/ @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Arima:wght@400;500;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap'); * {margin:0;padding:0;-webkit-font-smoothing:antialiased;line-height:normal;} body {margin:0 auto;font-size:17px;color:#000;font-family:'Roboto';} html { } a:active, a:focus,input:focus, textarea:focus,select button{outline:0} a:active, a:focus {outline:expression(hideFocus='true')} ::-moz-focus-inner {border:1px solid transparent!important} :link,:visited {text-decoration:none} ul,ol,li,pre, form,blockquote, fieldset,input,p,select,label,button,textarea,section,a{margin:0px;list-style:none;padding:0;vertical-align:top;border-radius:0;font-family:'Roboto';} a img {border:none;} h1,h2,h3,h4,h5,h6 {margin:0px;padding:10px 0px;color:#404041;font-family: 'Arima', cursive;font-weight:normal;text-transform:uppercase} .button,.daeratoshabab,.daeratoshabab img,.wsmenu-list > li a,.copyrights p a,.social-media li a,.wsmenu-list > li,.wsmenu-list > li a span,.search-input .form-control,.search-sub button img,.daeratoshabab,.search-div,.navigation,.social-media li a,.foot-links li a,.search-link,.logos-ul li a,.partners-th,.award-th,.award-th img,.product-thumb h4,.view-div a,.news-rm a {transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s} header{padding:15px 0 30px 0;position:fixed;z-index:999;top:0px;width:100%;left:0px;right:0px;text-align:center;background:rgba(255,255,255,1);box-shadow:0 1px 5px rgba(0,0,0,0.1);} .wsmenu-list > li > a{text-transform:uppercase;} .wsmenu-list li:last-child{padding-right:0px} .wsmenu-list li:last-child a{padding-right:0px} /*.wsmenu-list > li a.lettering span{float:left} .wsmenu-list > li a.lettering span.spacing{width:5px;height:15px} .wsmenu-list > li a.lettering:hover span:nth-child(odd){transform:translateY(-3px);color:#fff} .wsmenu-list > li a.lettering:hover span:nth-child(even){transform:translateY(3px);color:#fff}*/ @media screen and (min-width:780px){ header.small-header{padding:5px 0 50px 0;} header.small-header .search-div{padding:2px} header.small-header .wsmenu-list > li > a{padding:0px 9px 0px 9px;} header.small-header .search-input .form-control{padding: .1rem .75rem;} header.small-header .search-sub button img{width:40%} header.small-header .daeratoshabab{width:30%;margin-top:0rem;} header.small-header .navigation{margin-top:7px;} header.small-header .wsmenu-list li:last-child{padding-right:0px} header.small-header .wsmenu-list li:last-child a{padding-right:0px} header.small-header .wsmenu-list > li.almas-logo .dummy-sprt,header.small-header .wsmenu-list > li.almas-logo a.almas{width:140px;} header.small-header .search-link{height:31px;padding:7px;} /*header.small-header .wsmenu-list > li > a{padding:17px 20px 17px 20px;}*/ } .daeratoshabab {float: left;width:35%;position: absolute;display: block;margin-top: 0rem;} .daeratoshabab img{width:100%} .right-header{float:right;text-align:right;margin:20px 0 0 0;} .search-main{display:inline-block;width:40px;position:relative;z-index:1} .hotline{display:inline-block;color:#c9a865;font-size:17px;margin:10px 20px 0 0;float:left} .hotline:hover{color:#fff;} .hotline,.search-main{vertical-align: middle} .search-link{display:block;/*background:#1c2d56;*/float:right;width:40px;height:40px;padding:10px;text-align:center} .search-link:hover{/*background:#c9a865*/ opacity:0.6 } .search-link .icon-close{display:none} .search-link .icon-search{display:block} .search-link.active{/*background:#c9a865 url("../images/icon-close.png") center center no-repeat*/;/*background-size:auto 50% ;*/} .search-link.active .icon-close{display:block} .search-link.active .icon-search{display:none} .search-link img{height:100%;display:block;vertical-align:top;margin:0 auto} .search-sub{float:right;display:none;position:absolute;top:100%;right:0px;z-index:9} .search-sub::after{content:"";position:absolute;right:15px;top:-5px;transform:rotate(135deg);border:5px solid transparent;border-bottom:5px solid #142448;border-left:5px solid #142448} .search-div{position:relative;z-index:1;width:250px;} .search-sub select.form-control{width:150px;float:left;border-radius:0px;position:relative;background:#c1c1c1 url("../images/down-arrow-white.png") right center no-repeat} /*.search-sub select.form-control::after{position:absolute;top:50%;right:10px;content:"";border-bottom:2px solid #000;border-right:2px solid #000;transform:rotate(45deg);width:15px;height:15px;z-index:9}*/ .search-div{background:#142448;padding:5px} .search-input{padding:0 40px 0 0;position:relative;z-index:1} .search-input .form-control{border-radius:0px;border:0px solid #404041;background:none;color:#fff;padding:.2rem .5rem;} .search-sub button{background:#3d66b8;padding:0px 0 0 0;border-radius:0px;position:absolute;top:0px;right:0px;z-index:9;width:40px;bottom:0;line-height:normal;display:inline-block;text-align:center;border:1px solid #3d66b8;color:#fff;cursor:pointer} .search-sub button img{vertical-align:top;height:70%} select.form-control:not([size]):not([multiple]){height:auto;border:0px solid #334f8f} .search-sub button:hover{background:#c9a865;border:1px solid #c9a865} .navigation{margin-top:5px;display:inline-block;} .navigation,.search-main{vertical-align:middle} .search-main{margin-left:10px} .slideshow-img img{width:100%;min-height:100%} .banner-main .slideshow-button-next{right:15px;} .banner-main .slideshow-button-prev{left:15px;} .slideshow-contents{width:330px;padding:35px 0;position:absolute;top:50%;transform:translateY(-25%);right:10%;z-index:9;background: #0f1c3a url(../images/gold-bg.jpg) left top no-repeat; background-size: 100% 100%;} .slideshow-contents div{color:#fff;text-align:center;text-transform:uppercase} .slideshow-contents .and-sign{background:url("../images/and-sign.png") center center no-repeat;} .slideshow-contents .and-sign img{opacity:0} .capable{font-size:30px;line-height:25px} .making{font-size:45px;line-height:40px;} .healthy{font-size:58px;line-height:46px;} .positive{font-size:57px;line-height:50px;} .decisions{font-size:29px;line-height:22px;} .vision-mission{background:url("../images/bg.jpg") center top no-repeat;background-size:cover;padding:50px 0} .vision img{width:100%;} .vision-mission .col-lg-6{/*padding:0px;*/} .vision-mission-text{} .vision-mission-sub{background:#0f1c3a/* url("../images/gold-bg.jpg") left top no-repeat;background-size:100% 100%*/;width:100%;height:100%;align-items:center;align-content:center;display:flex} .vision-mission-sub h2{color:#c9a865;} .vision-mission-sub p{color:#fff;} .vm-cont{width:100%} .vision-mission-text .vision-mission-sub{padding:15px 75px } .read-more{text-align:right;padding-top:7px} .vision-mission-text div p{color:#fff;text-align:justify} .read-more a{color:#fff} .read-more a:hover{color:#000} p{padding:7px 0px;line-height: 30px;} .product-img img{transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s} .product-thumb{background:#fff;padding:0px;border-radius:15px;cursor:pointer} .product-img{margin:0 auto;overflow:hidden;border-radius:15px} .product-img img{width:100%;min-height:100%} .product-thumb h4{text-align:center;font-weight:normal;font-size:18px;padding:15px 10px} .product-thumb:hover .product-img img{transform:scale(1.1)} .product-thumb:hover h4{color:#c9a865} /*.product-thumb p{color:#404041;text-align:justify;font-size:17px} .product-container .swiper-slide{} .blue-clr{background:#4366b0} .torques-clr{background:#66c9d0} .purple-clr{background:#6c479c} .product-dtl{padding:15px 25px} .product-rm{text-align:center;padding-top:10px} .product-rm a{color:#c9a865 }*/ .swiper-button-next,.swiper-button-prev{background:none;transform:rotate(45deg);width:30px;height:30px} .swiper-button-next{border-top:2px solid #000;border-right:2px solid #000;right:-20px;} .swiper-button-prev{border-bottom:2px solid #000;border-left:2px solid #000;left:-20px;} .vision-mission-div .col-lg-6:nth-child(even){padding-left:0px;} .vision-mission-div .col-lg-6:nth-child(odd){padding-right:0px;} .product-main h2{text-align:center;color:#fff;padding-top:0px;padding-bottom:25px} .product-pagination{text-align:center;width:100%;padding:25px 0 0 0;position:static;margin-bottom:0px} .product-pagination .swiper-pagination-bullet{width:20px;height:20px;padding:10px 0 0 0;font-size:20px;background:#0f1c3a;color:#4366b0;opacity:1;margin:0 5px;background:#0f1c3a url("../images/gold-bg.jpg") left top no-repeat;background-size:cover;color:#000} .product-pagination .swiper-pagination-bullet-active{background:#4366b0;color:#fff;background:#0f1c3a url("../images/gold-bg.jpg") left top no-repeat;background-size:cover;opacity:0.3} .partner-main{padding:50px 0} .partner-main h2{text-align:center;color:#1e2e56;padding-bottom:20px} .partner-tabs{text-align:center} .partner-tabs li,.partner-tabs li a,.logos-ul li{display:inline-block;} .partner-tabs li a{background:#e4e4e4;color:#9a9a9a;padding:15px 0px;text-transform:uppercase;font-size:20px;width:325px} .partner-tabs li a.active{background:#4366b0;color:#fff;} .logos-ul{text-align:center;margin:0 auto;width:640px;} .logos-ul li{margin:10px} .logos-ul li a{display:block} .logos-ul li a:hover{opacity:0.6} .logos-ul li img{max-width:100%;height:100px} .partner-logos{display:none} .partner-logos-main{margin-top:25px} .partner-logos-main .partner-logos:first-child{display:block} .news-main{background:#f0f1f0;padding:50px 0} .news-main h2{text-align:center;color:#1e2e56;padding-bottom:20px;} .view-div{text-align:center} .view-div a{border-radius:3px;font-size:13px;display:inline-block;text-align:center;background:#fff;padding:10px 25px;text-transform:uppercase;letter-spacing:2px} .view-div a:hover,.news-rm a:hover{background:#ff6262;color:#fff; } /*.news-img{float:left;width:350px;}*/ .news-img img{width:100%;min-height:100%} /*.news-dtl{margin-left:400px}*/ .news-thumb{background:#fff;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);overflow:hidden;padding:10px;margin:10px} .news-dtl{padding:15px 0px 20px 0px} .news-dtl h3{color:#1e2e56;font-size:18px;height:40px;line-height:19px;padding:0px;margin-bottom:10px;width:100%;display:flex;align-items: center } .news-dtl p{font-size:15px;text-align:justify;line-height:22px;color:#404041} .news-rm{margin-top:10px} .news-rm a{border-radius:3px;background:#404041;display:inline-block;padding:5px 10px;color:#fff;font-size:12px;} .carousel-main{position:relative;z-index:1} footer{background-image:url("../images/footer-background.jpg");background-repeat: no-repeat;background-position: top center; background-size: cover; padding:30px 0} .foot-right{float:right;width:50%} .foot-right h4{padding-top:0px;color:#fff} .foot-left{float:left;width:50%} .foot-links li a{color:#fff;font-size:16px;display:block;padding:5px 0;line-height: 45px;} .foot-links li a:hover{color:#fff;padding-left:15px} .foot-links li a.active{color:#fff;} .copyrights{color:#0d6ab4;font-size:16px;padding-top:25px} .social-media{/*text-align:right;*/margin-top:10px;/*float:right*/} .social-media li{display:inline-block;margin-left:10px} .social-media li a{display:block;width:30px;} .social-media li a:hover{opacity:0.7} .social-media li a img{width:100%;} .turquoise-clr{color:#009ba3} .orange-clr{color:#eb6603} .navyblue-clr{color:#014b86} .leafgreen-clr{color:#8cc751} .skyblue-clr{color:#2dc4ef} .pink-clr{color:#ec4691} .olive-clr{color:#619080} .inner-banner{position:relative;z-index:9} .innerpages{background:#fffbfb;padding:50px 0px;position:relative;z-index:1} .page-banner,.inner-img img{width:100%} .inner-img{box-shadow:0 0 10px rgba(0,0,0,0.1)} .inner-img-profile{box-shadow:none;margin-top: 0rem;} .company-profile{background:#fff;padding:30px;margin:-150px 0 0 -150px;position:relative;z-index:1;box-shadow:0 0 10px rgba(0,0,0,0.1)} .company-profile::after{content:"";position:absolute;left:-15px;top:-15px;right:-15px;bottom:-15px;border:8px solid rgba(0,0,0,0.2);z-index:-1} .company-profile-title{padding-top:90px} h1{font-weight:bold;padding-top:0px;padding-bottom:20px;text-align:center;color:#404041;} .parallaxcont{width:100%;background-attachment:fixed!important;background-size:cover;background-repeat:repeat-y;background-position:top center;position:relative;} /*.company-profile-main{background-image:url("../images/company-profile-bg.jpg")!important}*/ .mv-page{background-image:url("../images/mv-bg.jpg")!important} .ms-banner{width:18.75%;/*height:80%;*/position:absolute;right:10%;top:36%;z-index:9;} .ms-banner img{min-width:100%;width:100%;height:100%} .ms-banner::after,.ms-banner::before{content:"";position:absolute;z-index:-1;width:100px;height:100px;} .ms-banner::after{border-left:2px solid #c9a865;border-top:2px solid #c9a865;left:-6px;top:-6px;} .ms-banner::before{right:-6px;bottom:-6px;border-bottom:2px solid #c9a865;border-right:2px solid #c9a865;} .mission-vision-row{margin:0} .mission-vision-row .col-lg-6{padding:0px;} .mission-vision{height:100%;width:100%;display:flex;align-content:center;align-items:center;background:#fff;padding:30px 35px;text-align:center} .mission-vision-sub{width:100%} .mission-vision-row .mission-vision{position:relative;z-index:1} .mission-vision-row .col-lg-6:first-child .mission-vision::after,.mission-vision-row .col-lg-6:last-child .mission-vision::after{content:"";position:absolute;z-index:8;width:0px;height:0px;border:20px solid transparent;border-bottom:20px solid #fff;border-right:20px solid #fff;top:50%;box-shadow:5px 5px 5px rgba(0,0,0,.2);margin-top:-20px} .mission-vision-row .col-lg-6:first-child .mission-vision::after{right:-20px;transform:rotate(-45deg);} .mission-vision-row .col-lg-6:last-child .mission-vision::after{left:-20px;transform:rotate(135deg);} .mission-vision-sub p{font-size:18px;} .mv-page h1{color:#c9a865} .page-img{width:500px;float:right;margin:10px 0px 10px 35px} .product-services-main .col-lg-4{padding:15px} .product-services-main .product-thumb h4{font-size:20px } .partners-main .col-md-6{padding:15px} .partners-main .partners-th{background:#fff;padding:40px 0px;cursor:pointer;text-align:center} .partners-main .partners-th img{max-width:100%; } .partners-main .partners-th:hover{opacity:0.7} .partners-page{background-image:url("../images/bg19.jpg")!important} /*.award-main .col-lg-3{padding:15px 0px} .award-main .col-lg-3:nth-child(even){padding-top:50px} .award-th{cursor:pointer} .award-th img{width:120%;} .award-th:hover img{transform:scale(1.05)}*/ .award-thumb{background:#fff;padding:15px;height:100%} .award-thumb-img{margin:0 auto;width:110px;height:110px;border-radius:50%;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.2); } .award-thumb-img img{width:100%;} .award-thumb p{text-align:center;font-size:18px;margin-top:10px} .award-main .col-lg-4{padding:15px} .product-holder-img,.project-detail-left{float:left;width:480px;margin:10px;box-shadow:0 0 5px rgba(0,0,0,0.1);position:relative;z-index:1;padding:10px} .product-holder-img img{width:100%;} .product-holder-img::after,.product-holder-img::before,.project-detail-left .project-holder::after,.project-detail-left .project-holder::before{position:absolute;z-index:1;width:100px;height:100px;content:"";display:block} .product-holder-img::before,.project-detail-left .project-holder::before{left:0px;top:0px;border-top:1px solid #c9a865;border-left:1px solid #c9a865;} .product-holder-img::after,.project-detail-left .project-holder::after{right:0px;bottom:0px;border-right:1px solid #c9a865;border-bottom:1px solid #c9a865;} .project-detail-left{padding:0px} .project-holder{padding:10px;} .project-holder{position:relative;z-index:1} .product-detail{margin:0 0 0 500px;padding:0 0 0 25px} .phase-right img{width:100%} .phase-div{background:#fff;padding:15px} .phase-div .col-lg-6{display:flex;align-items:center} .phase-left{width:100%;padding:25px} .product-phase{border-top:1px solid #ccc;margin-top:25px;padding-top:15px} .phase-right{width:100%} .product-phase .col-12{padding-bottom:25px;} .product-phase h2{text-align:center} .product-phase h3{} .breadcrumb-div{text-align:center;display:block;} .breadcrumb{display:inline-block;border-radius:5px} .breadcrumb-item{display:inline-block;} .breadcrumb a:hover{color:#c9a865} .contact-card{background:#fff;padding:35px;height:100%;} .icon-contact img{width:100%} .footer-box h3{padding-top:0px} .contact-dtl h4{color:#404041;font-size:20px;text-transform:none;padding-top:0px} .contact-dtl p{color:#000;font-size:15px;padding:0px;line-height:30px;} .contact-info li{padding:19px 0 20px 0;border-bottom:1px solid rgba(255,255,255,0.1)} .contact-info li .icon-contact{float:left;width:40px;height:40px;border:1px solid #308121;border-radius:3px;padding:3px;} .contact-info li .contact-dtl{margin-left:50px;} .contact-link{cursor:pointer} .contact-info li:last-child {border-bottom:0px solid rgba(255,255,255,0.1)} .contact-info li{overflow:hidden} .contact-main{overflow:hidden} .location-box{padding-top:0px} .location-map iframe{width:100%;height:450px} .footer-box textarea{height:100px;} .job-main{background:#0000007a;padding:25px 15px 15px 15px;border-radius:3px;width:575px;margin:0 auto} .career-form .form-group{} .career-form .form-group select.form-control:not([size]):not([multiple]){} .career-form .form-group .form-control,.career-form .form-group select.form-control:not([size]):not([multiple]){border:1px solid #ccc;border-radius:3px;font-size:15px;color:#000} .career-form .form-group .form-control:hover,.career-form .form-group select.form-control:not([size]):not([multiple]):hover{border:1px solid #c9a865;border-radius:3px;font-size:15px;color:#000} .career-form .form-lbl{float:left;width:200px;text-align:right;padding-right:5px;position:relative;z-index:1;font-size:15px;padding-top:9px;color:#ccc;} .career-form .form-lbl::after{content:":";margin-left:10px; } .career-form .career-btn .form-lbl::after{display:none} .career-form .form-input{margin-left:200px} .career-form textarea{height:100px} .full-width{width:100%} .company-holder{overflow:hidden;margin-top:25px} .company-holder .company-img{width:49%;float:left} .company-holder .company-img img{width:100%;} .company-holder .company-img:first-child{width:51%;padding-right:2%} .company-holder .company-img{} .company-text p{font-size:18px;padding:15px 0;line-height:30px} .company-text p::first-letter{font-size:25px;color:#c9a865;} .listing li{font-size:16px;padding:7px 0 7px 17px;position:relative;z-index:1} .listing li::before{position:absolute;left:0px;top:14px;border-top:2px solid #c9a865;border-right:2px solid #c9a865;width:8px;height:8px;transform:rotate(45deg);content:"";display:block;} .career-main{background-image:url("../images/career-background.jpg")!important} .career-main::after{position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:-1;opacity:1;content:""; background:rgba(204,204,204,0.8);/* url(../images/pattern.png) left top repeat*/} .company-profile-main::after{position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:-1;opacity:1;content:""; background:rgba(255,255,255,0.8);} .news-popup h3{font-size:19px;margin-bottom:15px;padding-top:0px} .news-popup .date{margin-bottom:10px;margin-top:10px;color:#666;} .news-popup p{color:#000;} .news-popup .news-dtl{padding-bottom:0px} .technical-support{padding-top:25px;text-align:center} .working{padding-top:25px} .unstyled{text-align:left;} .unstyled li{display:inline-block;margin-right:25px} .unstyled li:last-child{margin-right:0px} .styled-checkbox { position: absolute; opacity: 0; } .styled-checkbox + label { position:relative; cursor:pointer; padding:0;font-size:16px;line-height: 1.5; } .styled-checkbox + label:before { content: '';border-radius: 50%; margin-right:10px;margin-left:1px; display: inline-block; vertical-align:bottom; width: 28px; height: 28px; background: #fff;box-shadow: 0 0 0 1px #999; } .styled-checkbox:hover + label:before { background:#eddcc6;box-shadow: 0 0 0 1px #c9a865; } .styled-checkbox:focus + label:before { box-shadow: 0 0 0 1px #c9a865; } .styled-checkbox:checked + label:before { background:#c9a865;box-shadow: 0 0 0 1px #c9a865; } .styled-checkbox:disabled + label { color: #b8b8b8; cursor: auto; } .styled-checkbox:disabled + label:before { box-shadow: none; background: #ddd; } .styled-checkbox:checked + label:after { content: '✓'; position: absolute; left: 8px; top: 0px; background: none; width: 2px; height: 2px; color: #000; font-size: 18px;font-weight: bold; } /*.checkbox .styled-checkbox:checked + label:after {content:"";width:23px;height:23px;left:3px;top:3px;bottom:3px;right:3px;background:#c9b87a}*/ .checkbox .styled-checkbox + label:before {border-radius:0%;} .contact-box ul.unstyled li{white-space:nowrap} .pricekd{font-size:17px;padding-top:5px} .ui-datepicker th{padding:5px 0} .ui-widget-content {border: 1px solid #000;background:#fff;color: #000;} .ui-state-default, .ui-widget-content .ui-state-default{background:#f1f1f1;} .ui-widget-header {background: none;color: #000;}.ui-datepicker table{font-size: 14px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-radius:0px;border:0px solid red } .ui-widget.ui-widget-content{z-index:99999!important} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{border:0px solid red;} .ui-datepicker-prev {background:#405890 url(../images/arrow-left.png) center center no-repeat;cursor:pointer} .ui-datepicker-prev:hover{background:#405890 url(../images/arrow-left.png) center center no-repeat; } .ui-datepicker .ui-datepicker-prev{left:5px!important;top:5px!important} .ui-datepicker-next {background:#c9b49b url(../images/arrow-right.png) center center no-repeat;;cursor:pointer } .ui-datepicker-next:hover{background:#405890 url(../images/arrow-right.png) center center no-repeat; } .ui-datepicker-prev.ui-state-disabled{background:#c9b49b url(../images/arrow-left.png) center center no-repeat;} .ui-datepicker-next.ui-state-disabled{background:#c9b49b url(../images/arrow-right.png) center center no-repeat;} .ui-datepicker .ui-datepicker-next{right:5px!important;top:5px!important} .ui-datepicker-header .ui-icon{display: none!important} .ui-datepicker-title select{color:#000 } .ui-datepicker .ui-datepicker-header{padding:0px; } .ui-datepicker .ui-datepicker-title select{padding:6px 5px;font-size:15px;margin:5px 0;border:1px solid #d9d9d9} .ui-datepicker .ui-datepicker-title select option{padding:2px 5px } .ui-datepicker td span, .ui-datepicker td a{padding:5px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:1px solid #ccc;text-align:center;color:#000} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#fff;color:#000;border:1px solid #fff} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:#dfd2af!important;color:#000;border:1px solid #dfd2af} .ui-datepicker .ui-datepicker-title {margin:0 2em;padding-top: 6px;} .ui-datepicker .ui-datepicker-title select{background: #fff!important} html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background:#c5c5c5} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border:1px solid #c9a865; background:#c9a865; font-weight:normal; color:#000000; } .ui-state-hover.ui-datepicker-prev:hover{background:#c9a865 url(../images/arrow-left.png) center center no-repeat!important;border: 1px solid #c9a865!important} .ui-state-hover.ui-datepicker-next:hover{background:#c9a865 url(../images/arrow-right.png) center center no-repeat!important;border: 1px solid #c9a865!important;} .ui-state-default.ui-state-active{background:#1c2d56!important;color:#fff!important;border: 1px solid #1c2d56!important;} .product-carousel{padding-top:25px;} .product-carousel h2{text-align:center} .project-holder img{width:100%} .project-button-prev{left:10px;} .project-button-next{right:10px;} .popup-hidden{width:575px;display:none;padding:35px} .popup-hidden h2{padding-top:0px;font-size: 25px;} .popup-hidden p{font-size:16px;line-height:20px} .popup-hidden .listing li::before{top:12px;} /* Start state */ .animated-modal {border-radius:4px;overflow:hidden;transform: translateY(-50px);transition:all .7s;} #signupModal{width:575px} .animated-modal .anim1,.animated-modal .anim2,.animated-modal .anim3,.animated-modal .anim4,.animated-modal .anim5,.animated-modal .anim6,.animated-modal .anim7,.animated-modal .anim7,.animated-modal .anim8,.animated-modal .anim9,.animated-modal .anim10,.animated-modal .anim11,.animated-modal .anim12,.animated-modal .anim13,.animated-modal .anim14,.animated-modal .anim15,.animated-modal .anim16,.animated-modal .anim17,.animated-modal .anim18,.animated-modal .anim19,.animated-modal .anim20,.animated-modal .anim21,.animated-modal .anim22,.animated-modal .anim23,.animated-modal .anim24,.animated-modal .anim25 {transform: translateY(-50px);opacity:0;transition-property:transform, opacity;transition-duration:.4s;} /* Final state */ .fancybox-slide--current .animated-modal, .fancybox-slide--current .animated-modal .anim1, .fancybox-slide--current .animated-modal .anim2, .fancybox-slide--current .animated-modal .anim3, .fancybox-slide--current .animated-modal .anim4, .fancybox-slide--current .animated-modal .anim5, .fancybox-slide--current .animated-modal .anim6, .fancybox-slide--current .animated-modal .anim7, .fancybox-slide--current .animated-modal .anim8, .fancybox-slide--current .animated-modal .anim9, .fancybox-slide--current .animated-modal .anim10, .fancybox-slide--current .animated-modal .anim11, .fancybox-slide--current .animated-modal .anim12, .fancybox-slide--current .animated-modal .anim13, .fancybox-slide--current .animated-modal .anim14, .fancybox-slide--current .animated-modal .anim15, .fancybox-slide--current .animated-modal .anim16, .fancybox-slide--current .animated-modal .anim17, .fancybox-slide--current .animated-modal .anim18, .fancybox-slide--current .animated-modal .anim19, .fancybox-slide--current .animated-modal .anim20, .fancybox-slide--current .animated-modal .anim21, .fancybox-slide--current .animated-modal .anim22, .fancybox-slide--current .animated-modal .anim23, .fancybox-slide--current .animated-modal .anim24, .fancybox-slide--current .animated-modal .anim25 { transform: translateY(0); opacity: 1; } /* Reveal content with different delays */ .fancybox-slide--current .animated-modal .anim1 { transition-delay: .1s; } .fancybox-slide--current .animated-modal .anim2 { transition-delay: .2s; } .fancybox-slide--current .animated-modal .anim3 { transition-delay: .3s; } .fancybox-slide--current .animated-modal .anim4 { transition-delay: .4s; } .fancybox-slide--current .animated-modal .anim5 { transition-delay: .5s; } .fancybox-slide--current .animated-modal .anim6 { transition-delay: .6s; } .fancybox-slide--current .animated-modal .anim7 { transition-delay: .7s; } .fancybox-slide--current .animated-modal .anim8 { transition-delay: .8s; } .fancybox-slide--current .animated-modal .anim9 { transition-delay: .9s; } .fancybox-slide--current .animated-modal .anim10 { transition-delay: 1s; } .fancybox-slide--current .animated-modal .anim11 { transition-delay: 1.1s; } .fancybox-slide--current .animated-modal .anim12 { transition-delay: 1.2s; } .fancybox-slide--current .animated-modal .anim13 { transition-delay: 1.3s; } .fancybox-slide--current .animated-modal .anim14 { transition-delay: 1.4s; } .fancybox-slide--current .animated-modal .anim15 { transition-delay: 1.5s; } .fancybox-slide--current .animated-modal .anim16 { transition-delay: 1.6s; } .fancybox-slide--current .animated-modal .anim17 { transition-delay: 1.7s; } .fancybox-slide--current .animated-modal .anim18 { transition-delay: 1.8s; } .fancybox-slide--current .animated-modal .anim19 { transition-delay: 1.9s; } .fancybox-slide--current .animated-modal .anim20 { transition-delay: 2s; } .fancybox-slide--current .animated-modal .anim21 { transition-delay: 2.1s; } .fancybox-slide--current .animated-modal .anim22 { transition-delay: 2.2s; } .fancybox-slide--current .animated-modal .anim23 { transition-delay: 2.3s; } .fancybox-slide--current .animated-modal .anim24 { transition-delay: 2.4s; } .fancybox-slide--current .animated-modal .anim25 { transition-delay: 2.5s; } button,.form-control, textarea:hover, .form-control:hover, textarea:active, .form-control:active, textarea:focus, .form-control:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active,.swiper-button-next, .swiper-button-prev { outline:0px !important; -webkit-appearance:none;box-shadow:none!important } .input::-webkit-input-placeholder,.form-control::-webkit-input-placeholder{ /* Chrome/Opera/Safari */ color:#9d9d9d; font-style: italic } .input::-moz-placeholder,.form-control::-moz-placeholder { /* Firefox 19+ */ color:#9d9d9d; font-style: italic } .input:-ms-input-placeholder,.form-control:-ms-input-placeholder { /* IE 10+ */ color:#9d9d9d; font-style: italic } .input:-moz-placeholder,.form-control:-moz-placeholder { /* Firefox 18- */ color:#9d9d9d; font-style: italic } ::selection {color:#fff;background:#404041} ::-moz-selection {color:#fff;background:#404041} .none {display:none !important} .fancybox-close-small,.fancybox-close-small:after,.swiper-pagination-bullet{outline: none !important; box-shadow: none;} a {color:#1c2d56;text-decoration:none} a:hover {color:#000000;text-decoration:none} a:focus {color:#000000;text-decoration:none} .button{font:400 16px/25px 'Roboto', sans-serif;color:#fff;background:#404041;padding:8px 25px 8px 25px;display:inline-block;border-radius:3px;cursor:pointer;text-align:center;border:2px solid transparent;text-decoration:none;text-transform:uppercase;vertical-align:middle;letter-spacing:1px} .button:hover,.button:focus{background:#c9a865;color:#000;border:2px solid transparent;} header .button:hover,header .button:focus{background:#c9a865;color:#000;border:2px solid transparent;} .top-area-a {margin-bottom: 1rem; text-align: right;} .top-area-a .list-inline-item a {font-size: 1.0rem;} .top-area-a .list-inline-item:not(:last-child) {margin-right: 1rem;} .three-blocks-area {} .three-blocks-area .blocks-inside {padding: 2.5rem; min-height: 400px;height: 525px;} .three-blocks-area .blocks-inside h2 {margin-bottom: 1.5rem;font-family: 'Lato', sans-serif; font-weight:500;font-size:23px;color: #333;} .three-blocks-area .blocks-inside p {margin-bottom: 1rem;} .three-blocks-area .blocks-inside .btn {padding: 0.15rem 1rem;} .three-blocks-area .block-odd {background-color: #f2f2f2;} .three-blocks-area .block-even {background-color: #e5e5e5;} .about-us-section {padding-top:3rem;padding-bottom:3rem;} .about-us-section h2{color:#308121;font-size:50px;text-align: center;} .about-us-section p{color: #000;line-height: 30px;font-size:19px;margin-top:1rem;text-align:justify;} .about-logo-img{width:70%;margin-top:-8rem;} .about-us-section a{background-color:#308121; color:#fff;padding:8px;text-align:center;margin-top:1rem;} footer h4{color:#404041;} .col-address img{width:6%;margin-right:6px;margin-top:-10px;} footer p{color:#404041;line-height: 30px;} footer p span{padding-left:2.5rem;} footer a{color:#404041;} p.copyright {text-align: center;margin-top:0rem;color: #fff;} p.copyright a{color:#404041;display:contents;} .top-area-a img{width:7%;margin-top:-5px;margin-right:5px;} .inner-banner{padding-top:5rem;} .company-profile-main p{line-height:30px;text-align: justify;} .col-careers h6 {font-weight: 500;text-transform: none;font-size: 18px;padding-bottom: 5px;} .col-careers p {font-style: italic;} .limestone-row {background-color: #f1f1f1;padding-top:30px;padding-bottom:30px;} .cement-row {margin-top:2rem;background-color:#f1f1f1;padding-top:30px;padding-bottom:30px;} .rebar-row {margin-top:2rem;background-color:#f1f1f1;padding-top:30px;padding-bottom:30px;} p.warm-regards {font-size:20px;} a.arabic-link{font-family: 'Cairo', sans-serif;margin-top:-5px;display:block;color:#c9a865;} a.mobile-link{display:none;} @media (min-width: 2000px){ .banner-holder img {width: 100%;}} .banner-main{margin-top:6rem;} .padding-left-right{padding-left:3%;padding-right:3%;} .news-supre-area {} .news-supre-area h1 {margin-top: 0; border-bottom: 1px solid; padding-bottom: 10px; margin-bottom: 40px; color: #308121; font-size: 30px;} .news-supre-area .home-news {list-style: none; padding: 0; margin: 0; height: auto !important;} .news-supre-area .home-news li {padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dashed #ccc;} .news-supre-area .home-news li:first-child {padding-top: 0px;} .home-news li .media-body span {background: #f4e1d2; margin-bottom: 5px; padding:5px 10px; line-height: normal; display: inline-block; color: #308121; font-size: 12px;} .readmore a {position:relative;} .readmore a:after {content:''; position:absolute; bottom:0; left:0; width:0%; border-bottom:1px solid #bc5a45; transition:0.4s;} .readmore a:hover:after {width:100%;} .media-body{padding-left:15px;} .media-left img{width:275px;} .media-body h4{text-transform:none;font-size:18px;} /*********************** Demo - 9 *******************/ .box9{background:#000;text-align:center;position:relative} .box9 img{width:100%;height:auto} .box9:hover img{opacity:.5} .box9 .box-content{padding:30px 10px 30px 0;background:rgba(0,0,0,.65);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0} .box9:hover .box-content{top:10px;left:10px;bottom:10px;right:10px;opacity:1} .box9 .title{font-weight:700;color:#fff;line-height:17px;margin:5px 0;position:absolute;bottom:55%} .box10 .icon li a,.box9 .icon li a{line-height:35px;border-radius:50%} .box9 .icon{list-style:none;padding:0;margin:0;position:absolute;top:50%} .box9 .icon li{display:inline-block;opacity:0;transform:translateY(40px)} .box9:hover .icon li{opacity:1;transform:translateY(0)} .box9:hover .icon li:first-child{transition-delay:.1s} .box9:hover .icon li:nth-child(2){transition-delay:.2s} .box9 .icon li a{display:block;width:35px;height:35px;background:#f39c12;font-size:20px;color:#000;margin-right:5px;transition:all .35s ease 0s} .box9 .icon a:hover{background:#fff} @media only screen and (max-width:990px){.box9{margin-bottom:20px} } .box8 .icon li a, .box9 .box-content, .box9 .icon li, .box9 img {transition: all .35s ease 0s;} .box-content-staying a {font-size: 30px;color: #fff;font-weight: 500;margin-top: 2rem;display: block;} h4.gallery-head{font-size:16px;text-transform: none;} .gallery-span span{background: #f4e1d2; margin-bottom: 5px; padding:5px 10px; line-height: normal; display: inline-block!important; color: #308121; font-size: 12px;} .box9-border img{height:280px;} .instagram-main {overflow: hidden;} .instagram-main .insta-thumb {float: left;width: 25%;padding: 5px;} .gallery-section{padding-top: 2rem;padding-bottom: 3rem;background-color: #f3f3f3;} .footer-section{padding-top:3rem;padding-bottom: 3rem;background-color: #308121;background-image: url(../images/shabab-footer-back.png);background-position:center; background-repeat: no-repeat;background-size: cover;} .instagram-main .insta-thumb img, .shop-img img {width: 100%;} .instagram-feed img {-webkit-transition: all 0.6s ease-out 0s;cursor: pointer;} .instagram-feed img:hover {transform: scale(1.1);} .footer-copyright{background-color: #444;} .footer-section h4{color:#fff;} .footer-section p{color: #fff;} .footer-section a{color:#fff;} .announcement-section{background-color: #ddd8d8;padding-top: 2rem;padding-bottom: 2rem;} .announcement-section h2{color: #308121;font-size: 50px;text-align: center;padding-bottom: 2rem;} .form-panel img{background-color: #fff;padding: 10px;border-radius: 20px;margin-bottom: 1rem;width: 15%;border: 1px solid;} .form-panel a{background-color: transparent;display: inline-block;color:#000;} .download-row{background-color: #f5f5f5;padding-top: 15px;padding-bottom: 15px;} .download-row p{font-size: 17px;} ul.square li{list-style: square;} ul.square{padding-left: 2rem;} .form-panel span{color:red;} .innerpages h1{color:#308121;} .innerpages span{text-align: center;display: block;margin-top: 1rem;} h4.gallery-head-inner{text-align: center;text-transform: none;} span.inner-gallery{margin-top:0rem;} .col-gallery{margin-bottom:1rem;} .col-gallery p{font-size:14px;} .col-gallery h4{font-size:18px;font-weight:600;} /* border-pagination */ .b-pagination-outer {width: 100%;margin: 0 auto;text-align: center;overflow: hidden;display: flex} #border-pagination {margin: 0 auto;padding: 0;text-align: center} #border-pagination li {display: inline;} #border-pagination li a {display: block;text-decoration: none;color: #000;padding: 5px 10px;border: 1px solid #ddd;float: left;} #border-pagination li a {-webkit-transition: background-color 0.4s;transition: background-color 0.4s} #border-pagination li a.active {background-color: #4caf50;color: #fff;} #border-pagination li a:hover:not(.active) {background: #ddd;} .history-view a{color: #fff;background: #0009;padding: 10px 25px;font-size:18px;} .history-view{margin-bottom:1rem;} .daerat-text p{font-family: 'Amiri', serif;font-size:22px;line-height: 30px;} .daerat-text h4{font-family: 'Amiri', serif;font-size:28px;font-weight: 600;} .daerat-text{text-align: right;} .col-history{border:1px solid #000;margin:3px} ul.listings-daerat{padding-right:2rem;text-align: right;} ul.listings-daerat li{list-style:arabic-indic;font-family: 'Amiri', serif;direction: rtl;font-size:20px;} .gallery-section .box9 { height: 250px; /* Or whatever fixed height you want */ overflow: hidden; position: relative; } .gallery-section .box9 img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; }