/*-------- animated css ------*/
@import url('../vendor/WOW-master/css/libs/animate.css');
/*--------- flat-icon ---------*/
@import url('../fonts/icon/font/flaticon.css');
.justify-right{
direction:rtl; text-align:justify;
}
.centro{
direction:rtl; text-align:center;
}
.video-container {
height: 500px;
width: 100%;
position: relative;
}
.video-container video {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
z-index: 0;
}
.video-container-m {
height: 450px;
width: 100%;
position: relative;
}
.video-container-m video {
height: 100%;
width:100%;
position: absolute;
object-fit: cover;
z-index: 0;
}
/*----------------- CallOut Banner --------------*/
.callout-banner {
background-color: rgba(117, 166, 49, 1);
background-image: url(../images/home/pattern2.png);
padding: 40px 20%;
margin-top:-20px;
}
.callout-banner .title {
float: right;
line-height: 40px;
color: #fff;
text-align: right;
margin-top:20px;
}
.callout-banner p {
float: left;
color: #a9b3c8;
padding-left: 70px;
width: 55%;
position: relative;
}
.callout-banner p:before {
content: '';
width: 4px;
height: 93%;
background:#9ca6bc;
border-radius: 5px;
position: absolute;
left:25px;
top:3px;
}
.callout-banner .theme-button-one {background: #fff; margin-top: 15px; font-size: 14pt;float: left;}
.callout-banner .theme-button-one:hover {color: #fff;background: #7EA245;}
.callout-banner.no-bg {background: none;padding: 0;margin-bottom: 70px;}
.callout-banner.no-bg .title {
color: #232323;
text-align: right;
}
.callout-banner.no-bg p {color: #555555;}
.callout-banner.no-bg p:before {background: #c3c3c3;}
.callout-banner.no-bg .theme-button-one {color: #fff;}
/*----------------- Theme button ------------------*/
.theme-button-one {
line-height: 50px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #455A22;
border-radius: 5px;
padding: 0 35px;
}
.theme-button-one:hover {background:#7EA245; }
/*------------------- Theme Title ------------------*/
/*----------------------- Our Case --------------------*/
.our-case .row {margin: 0 -22px;}
.our-case .row [class="col-"] {padding: 0 22px;}
.our-case .wrapper {margin-top: 10px;}
.our-case .single-case-block {
position: relative;
border-radius: 5px;
overflow: hidden;
margin-top: 40px;
}
.our-case .single-case-block img {width: 100%;border-radius: 5px;}
.our-case .single-case-block .hover-content {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background: rgba(0,26,87,0.6);
border-radius: 5px;
-webkit-transform:scale(1,0);
transform:scale(1,0);
}
.our-case .single-case-block:hover .hover-content {
-webkit-transform:scale(1);
transform:scale(1);
}
.our-case .single-case-block .hover-content .text {
position: absolute;
width: 100%;
left:0;
bottom: 20px;
padding: 0 28px;
opacity: 0;
transition-delay:0.2s;
-webkit-transform:translateY(100px);
transform:translateY(100px);
}
.our-case .single-case-block:hover .hover-content .text {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity: 1;
}
.our-case .single-case-block .hover-content .text h5 a {color: #fff;}
.our-case .single-case-block .hover-content .text p {font-size: 17px;color: #fff;}
.our-case .single-case-block .hover-content .text .details {
width: 40px;
height: 40px;
line-height: 43px;
text-align: center;
background: #fff;
border-radius: 50%;
color: #979797;
font-size: 20px;
margin-top: 7px;
}
.our-case .single-case-block .hover-content .text .details:hover {color: #fff;}
.our-case .view-all {text-align: center;margin-top: 60px;}
.our-case.our-project .wrapper,.our-case.our-project .single-case-block {margin-top: 0;}
.our-case.our-project .single-case-block {margin-bottom: 40px;}
/*------------------------- Our Solution -------------------*/
.our-solution .single-solution-block {margin-top: 55px;text-align: center;background: #fff;}
.our-solution .single-solution-block .icon { width:20%;margin: 0 auto;}
.our-solution .single-solution-block h5 {margin: 26px 0 10px 0;}
.our-solution .single-solution-block p {padding: 0 22px;}
.our-solution .single-solution-block:hover .icon {
-webkit-transform:scale(1.1);
transform:scale(1.1);
filter: brightness(1.75);
}
/*------------------- Faq Section -------------------*/
.faq-section {
background: url(../images/home/team.jpg) no-repeat center center;
background-size: cover;
background-attachment: fixed;
background-color: #707d9e;
}
.faq-section .overlay {
background: rgba(117, 166, 49, 0.97);
padding: 95px 0 0 0;
}
.faq-section .theme-title-one h2 {color: #fff;}
.faq-section .theme-title-one h2:before {background: #ced7ec;}
.faq-section .theme-title-one p {color: #fff;}
.faq-section .wrapper {
box-shadow: 0px 0px 20px 0px rgba(117, 166, 49, 0.9);
margin: 55px 0 0 0;
}
.faq-section .wrapper .img-box {
background: url(../images/home/graduation.jpg) no-repeat center center;
background-size: cover;
border-radius: 5px 0 0 5px;
position: relative;
height: 500px;
}
.faq-section .wrapper .img-box .play {
width: 72px;
height: 72px;
border-radius: 50%;
background: #fff;
position: absolute;
top:50%;
left:50%;
margin: -36px 0 0 -36px;
text-align: center;
line-height: 72px;
}
.faq-section .wrapper .faq-content {
background: #fff;
border-radius: 0 5px 5px 0;
padding: 43px 50px 60px 50px;
}
.accordion-one .panel-heading {
padding: 0;
border-radius: 0;
border:none;
border-bottom: 1px solid #e6e6e6;
}
.accordion-one .panel-heading h6 a {
color:#232323;
padding: 15px 25px 15px 0;
display: block;
position: relative;
}
.accordion-one .panel-group .panel {
margin: 0;
box-shadow: none;
border-radius: 0;
border:none;
}
.accordion-one .panel-group .panel-body {border:none;padding: 20px 0;border-bottom: 1px solid #e6e6e6;}
.accordion-one .panel-group .panel-heading a:before {
content: "\f10a";
font-family: Flaticon;
font-size: 20px;
color: #c7c7c7;
position: absolute;
right:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
font-weight: normal;
}
.accordion-one .panel-group .panel-heading.active-panel a:before {content: "\f109";}
/*------------------ Why Choose us -----------------*/
.why-choose-us .single-block {
position: relative;
margin-top: 45px;
padding: 0 0 0 90px;
}
.why-choose-us .wrapper {margin-top: 10px;}
.why-choose-us .single-block h5 {margin-bottom: 10px;text-align: right;}
.why-choose-us .single-block p {text-align: right; right:0;}
.why-choose-us .single-block .icon {
position: absolute;
top:-10px;
left:0;
font-size: 60px;
}
/*------------------ Short Banner ------------------*/
.short-banner {
background: url(../images/home/graduation.jpg) no-repeat center center;
background-size: cover;
background-color: #707d9e;
}
.short-banner .overlay {
background: rgba(0,0,0,0.9);
padding: 52px 0;
text-align: center;
}
.short-banner .overlay h2 {
font-size: 32px;
line-height: 56px;
width: 65%;
margin: 0 auto;
color:#fff;
}
/*----------------- Latest News ------------------- */
.our-blog .single-blog .image-box {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.our-blog .single-blog .image-box img {width: 100%;}
.our-blog .single-blog:hover .image-box img {
-webkit-transform:scale3D(1.1,1.1,1);
transform:scale3D(1.1,1.1,1)
}
.our-blog .single-blog .image-box .overlay {
position: absolute;
width: 100%;
height: 100%;
top:0;
left:0;
border-radius: 5px;
background: rgba(0,0,0,0.05);
}
.our-blog .single-blog .image-box .overlay .date {
line-height: 25px;
border-radius: 5px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
color: #fff;
padding: 0 18px;
position: absolute;
left:20px;
bottom: 20px;
background-color: rgba(117, 166, 49, 1);
}
.our-blog .single-blog .post-meta .title {
line-height: 28px;
margin: 20px 0 10px 0;
font-family: 'Noto Kufi Arabic', sans-serif;
font-weight: 800;
text-align: center;
color: rgba(117, 166, 49, 1);
}
.our-blog .single-blog .post-meta .title a{
font-family: 'Noto Kufi Arabic', sans-serif;
font-weight: 800;
text-align: center;
color: rgba(117, 166, 49, 1);
}
.our-blog .single-blog .post-meta .read-more {font-size: 14px;text-transform: uppercase; font-weight: 700; align-items: center; text-align: center;}
.our-blog .single-blog .post-meta .read-more:hover {text-decoration: underline;}
.latest-news .single-blog {margin-top: 35px;}
.latest-news .wrapper {margin-top: 20px;}
.blog-inner-page .our-blog .single-blog .post-meta .title {font-size: 26px;margin-top: 25px;}
.our-blog .single-blog .post-meta p {margin-bottom: 12px;}
.blog-inner-page .our-blog .single-blog {margin-bottom: 40px;}
.blog-inner-page .our-blog .single-blog:last-child {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 55px;
}
.blog-grid .single-blog {margin-bottom: 40px;}
/*------------------- About Company Stye Two -------------------*/
.about-compnay-two {
background: url(../images/home/network.jpg) no-repeat center center;
background-size: cover;
background-attachment: fixed;
background-color: #3D501E;
}
.about-compnay-two .overlay {background: rgba(63,91,23,0.95);padding: 100px 0;}
.about-compnay-two .theme-title-one {text-align: right;margin-bottom: 30px;}
.about-compnay-two .theme-title-one h2 {color: #fff;}
.about-compnay-two .theme-title-one h2:before {right:0;margin: 0;color: #919fbf;}
.about-compnay-two .text p {
color: #cad2e5;
padding: 0 50px 15px 0;
text-align: right;
}
.about-compnay-two .text .sign {margin-top: 50px; width:100%}
.about-compnay-two .text .sign:hover {filter: brightness(1.4);}
.about-compnay-two .quote-form {
background: #fff;
border-radius: 5px;
padding: 25px 25px 80px 40px;
}
.about-compnay-two .theme-form-one textarea {
height: 80px;
max-height: 80px;
margin-bottom: 22px;
border:none;
border-bottom:1px solid grey;
}
.about-compnay-two .theme-form-one .theme-button-one{
float:left;
}
.about-compnay-two .left-img {border-radius: 5px;}
.about-compnay-two.no-bg {background: none;}
.about-compnay-two.no-bg .overlay {background: #fff;padding: 0;}
.about-compnay-two.no-bg .theme-title-one h2 {color: #232323;}
.about-compnay-two.no-bg .theme-title-one h2:before {background: #c3c3c3;}
.about-compnay-two.no-bg .text p {color: #555555;padding-right: 0;}
.section-spacing {margin-bottom: 100px; margin-top:80px}
.titlebigg{
align-items:center;
text-align:center;
margin-bottom:30px;
}
.centertext{
text-align:center;
}
.mobilethermbtn{
background-color:#fff; padding:10px 30px; border-radius:5px; margin-top:20px;
}
.mobilethermbtn:hover{
background-color:#7EA245;
color:#fff;
border:1px solid #fff;
}