/*** Starting Global ***/
@import url(bahij.css);
@import url(../fonts/flaticon.css);

body {font-family: 'Bahij';background: #fff;}

body.active:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    z-index: 99;
}

#site-nav .language-chooser{
    left:130px;
}
:focus {
    outline: 0!important
}

.pr-0 { padding-right: 0 }

.pl-0 { padding-left: 0 }

.p-0 { padding: 0 }

a,
i:before,
img,
:after {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a:hover {
    text-decoration: none
}

.form-control {
    border-radius: 0
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #89C53F
}

.owl-carousel { direction: ltr }

.content-area {
    padding: 65px 0
}

.modal-header {
    border: 0
}

.modal-header .close {
    position: absolute;
    top: 15px;
    left: 15px;
}

.modal-content  {
    border: 0;
    border-radius: 0
}

#masthead {
background: #fff
}

header .logo
{
	text-align: center;
	background: url(../images/logoback.png) top no-repeat;
	padding: 50px;
	-webkit-background-size: cover;
	background-size: cover;
}
/*frame work */

.more {
    display: block;
    /* float: left; */
    padding: 24px 61px;
    border-radius: 34px!important;
    background: #fff;
    font-size: 19px;
    color: #8ac640;
    -webkit-box-shadow: 0px 7px 20px 4px #00000012!important;
    box-shadow: 0px 7px 20px 4px #00000012!important;
    margin: 40px auto;
    text-align:  center;
    width: 26%;
}

.more:hover {
    background:#8ac640;
    color: #fff;
    -webkit-box-shadow: 0px 7px 20px 4px #8ac64042;
    box-shadow: 0px 7px 20px 4px #8ac64042
}

.head {
    padding: 130px 0;
    /* background: url(../images/bg1.jpeg) no-repeat center center; */
    background-size: 100%;
    color: #fff;
    position: relative;
    margin-top: -190px;
    z-index: 2;
    -webkit-background-size: cover;
    background-size: cover;
    /* display:none; */
}

.head .breadcrumb {
    background: transparent
}

.head .breadcrumb a {
    color: #fff
}

.head .breadcrumb>.active {
    color: #89c53f
}

.head .breadcrumb>li+li:before {
    content: "\\"
}

.head .over {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    padding-top: 85px;
}

@media (min-width:992px) and (max-width:1199px) {
    
    .head {
        margin-top: -190px;
    }
}


@media (min-width:767px) and (max-width:991px) {
    
    .head {
        margin-top: -72px;
    }
}

@media (max-width:767px) {
    .head {
        margin-top: 55px;
    }
}

#layerslider_5
{
	border-bottom: 34px solid rgb(137,197,63);
}
/* Bootstrap Reset */
.btn,
button{
    /* -webkit-box-shadow: none!important; */
    /* box-shadow: none!important; */
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #8ac640;
    border-color: transparent;
    box-shadow: none;
    outline: 0;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #8ac640;
    border-color: #8ac640;
}

.page-title {
    border-bottom: 0
}

.page-title:before {
    display: none
}



/* Starting Header */

body.home #header-holder {
       position: absolute 
}
#header-holder {
    height: auto!important;
    width: 100%;
    z-index: 99;
    padding-bottom: 0;
    position: relative;
    background-size: 100%;
}
header .navbar-default {
    background: transparent;
    position: relative;
z-index: 99;
    margin-top: 0;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


header .navbar-right:last-child {
    width: 100%;
    margin-top: 0;
    padding: 0;
}

.social-links {
    width: 100%;
    text-align: left;
    margin-bottom: 35px;
    margin-top: 15px;
}

.social-links li {
    display: inline-block
}

.social-links .search i {
    font-size: 26px;
    color: #89C540;
    position: relative;
    top: -6px;
    cursor: pointer
}

.social-links li a { color: #fff }

.social-links li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #808285;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    color: #fff;
    line-height: 30px;
}

.social-links li:not(:last-of-type) {
    margin-left: 6px
}

.social-links li a i:before {line-height: 30px;font-size: 18px;}

.social-links .flaticon-tool:before {
    font-size: 26px;
    font-weight: bold;
}

.social-links li:nth-of-type(2):hover a {
    background: #89C540;
}

.social-links li:nth-of-type(3):hover a {
    background: #dd4b39;
}

.social-links li:nth-of-type(4):hover a {
    background: #ffdc80;
}

.social-links li:nth-of-type(5):hover a {
    background: #1cb7eb;
}

.social-links li:last-of-type:hover a {
    background: #4e71a8;
}

header .navbar-nav {
    position: relative;
    padding: 16px 110px;
}

header .col-sm-12
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}


header .navbar-default .navbar-nav>li>a {
    font-size: 18px;
    padding: 10px 0;
    color: #ffffff;
    font-weight: 300;
    padding-left: 35px;
}

header .navbar-default .navbar-nav>li>a:hover {
    color: #89c540;
}

header nav
{
	background-color:#686868;
	margin-top: 35px;
}

header .navbar-default .navbar-nav>.active>a,
header .navbar-default .navbar-nav>.active>a:focus,
header .navbar-default .navbar-nav>.active>a:hover {
    color: #89c540;
    background-color: #ffffff00;
    font-weight: 500;
}

header .navbar-default .navbar-nav>.active>a:after,
header .navbar-default .navbar-nav>.active>a:focus:after,
header .navbar-default .navbar-nav>.active>a:hover:after {
    color: #89c540;
    font-weight: 300;
}

nav .container-fluid {
    width: 100%;
    max-width: 100%
}


@media (min-width:992px) and (max-width:1199px){
    #header-holder {
        background-position: -148px 0;
        background-size: 133%;
    }
    
    #header-holder .navbar-brand {
        margin-top: 70px;
    }
    
    #header-holder .navbar-brand>img {
        width: 90%
    }
    
    header .navbar-default .navbar-nav>li>a {
        font-size: 16px
    }
}

@media (min-width:768px) and (max-width:991px){
    #header-holder {
        background-position: -170px 0;
        background-size: 151%;
        padding-bottom: 90px;
    }
    
    #header-holder .navbar-brand {
        margin-top: 50px;
    }
    
    #header-holder .navbar-brand>img {
        width: 85%;
    }
    
    header .social-links {
        margin-top: 0
    }
    
    header .navbar-default .navbar-nav>li>a {
        font-size: 14px;
    }
    
    header .navbar-default .navbar-nav>li:not(:last-of-type)>a:after {
        padding: 0 5px;
    }
}

@media (max-width:767px) {
    #header-holder {
        background: none;
        padding: 0;
    }
    
    header .navbar-nav:before {
        display: none
    }
}

/*Ending Heaeder*/

/* Starting Main Slider */
.mainslider {
    padding-top: 0;
    overflow: hidden;
    position: relative;
    z-index: 9;
    margin-top: -20px;
}

.mainslider .ls-layers {
    left: -12px;
}

.mainslider .ls-wrapper.ls-in-out {
    z-index: 999
}


.mainslider .ls-nav-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mainslider .ls-nav-prev,
.mainslider .ls-nav-next{
    text-align: center;
    display: block!important;
    padding: 10px 36px!important;
    background: #fff;
    border-radius: 34px 0 0 34px!important;
    top: 50%!important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.mainslider .ls-nav-prev:hover,
.mainslider .ls-nav-next:hover {
    background: #8AC640
}



.mainslider .ls-v6 .ls-nav-prev {
    left: 0
}

.mainslider .ls-v6 .ls-nav-prev:after {
    content: "\f106";
    position: absolute;
    font-family: Flaticon;
    border: 0!important;
    font-size: 48px;
    color: #8AC640;
    -webkit-transform: rotate(0);
    transform: rotate(0deg);
    left: 0!important;
    right: 0;
    top: auto;
    width: auto;
    height: auto;
    margin: 0;
}


.ls-v6 .ls-nav-prev:after, .ls-v6 .ls-nav-next:after {
    border: 0!important;
}

.mainslider .ls-v6 .ls-nav-next:after {
    content: "\f106";
    position: absolute;
    font-family: Flaticon;
    border: 0!important;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    color: #8AC640;
    font-size: 48px;
    left: 0;
    right: 0;
    top: auto;
    width: auto;
    height: auto;
    margin: 0;
}

.mainslider .ls-v6 .ls-nav-prev:hover:after,
.mainslider .ls-v6 .ls-nav-next:hover:after  {
    color: #fff
}


.ls-v6 .ls-nav-prev:hover {
    -webkit-transform: rotate(180deg) scale(1)!important;
    transform: rotate(180deg) scale(1)!important
}

.ls-v6 .ls-nav-next:hover {
    -webkit-transform: rotate(0) scale(1)!important;
    transform: rotate(0) scale(1)!important
}


.ls-v6 .ls-bottom-nav-wrapper {
    top: -90px!important
}

.ls-v6 .ls-bottom-slidebuttons a, .ls-v6 .ls-nav-sides {
    background: #fff;
    border: 0!important
}
.mainslider .item .info {
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 64%;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 99
}

.mainslider .item .info h1,
.mainslider .item .info .h1 {
    font-size: 36px
}

.mainslider .item .info p {
    font-size: 28.5px
}

.mainslider .owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mainslider .owl-theme .owl-nav [class*='owl-'] {
    color: #8ac640
}

.mainslider .owl-theme .owl-nav [class*='owl-']:hover {
    background: #8ac640;
    color: #fff
}


.mainslider .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 0
}
.mainslider .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}


.mainslider .owl-theme .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 50px
}

.mainslider .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background: #fff;
    margin: 5px;
}

.mainslider .owl-theme .owl-dots .owl-dot.active span {
    background: #8ac640;
}

@media (min-width:992px) and (max-width:1199px){
    .mainslider .item .info p {
        font-size: 21.5px;
    }
}

@media (min-width:768px) and (max-width:991px){
    .mainslider .item .info {
        width: 80%
    }
    .mainslider .item .info p {
        font-size: 20px
    }
    
   .mainslider .ls-nav-prev,
    .mainslider .ls-nav-next {
        padding: 10px 14px!important
    }
    
    .mainslider .ls-nav-prev:after,
    .mainslider .ls-nav-next:after {
        font-size: 40px;
    }
    
    .mainslider .ls-layers {
        top: -50px
    }
}

@media (max-width:767px) {
    .mainslider {
        padding-top: 75px;
    }
    .mainslider .item .info {
        width: 80%
    }
    .mainslider .item .info p {
        font-size: 12px
    }
    
    .mainslider .ls-nav-prev,
    .mainslider .ls-nav-next{
        padding: 0 7px!important;
    }
    
   .mainslider .ls-v6 .ls-nav-prev:after,
    .mainslider .ls-v6 .ls-nav-next:after{
        font-size: 26px;
        position: relative;
        top: 10px;
    }
    
    .mainslider .item .info h1, .mainslider .item .info .h1 {
        font-size: 25px;
        text-align: center;
    }
    
    .mainslider .owl-theme .owl-nav {
        top: 37%;
    }
    
    .mainslider .owl-theme .owl-dots {
        bottom: 0
    }
    
    .mainslider .owl-theme .owl-dots .owl-dot span {
        margin: 2px
    }
}

@media (max-width:375px) {

    .mainslider .item .info h1, .mainslider .item .info .h1 {
        font-size: 16px;
    }
    
    .mainslider .owl-theme .owl-nav {
        top: 28%
    }
    .mainslider .ls-v6 .ls-nav-prev,
    .mainslider .ls-v6 .ls-nav-next {
        width: auto;
        height: auto
    }
    .mainslider .ls-v6 .ls-nav-prev:after,
    .mainslider .ls-v6 .ls-nav-next:after{
        font-size: 26px;
        position: relative;
        top: 3px;
    }
   
}
/* Ending Main Slider */


/* Starting Intro */
.intro {
    padding: 110px 0 80px;
    background: #f5f5f5;
    -webkit-clip-path: polygon(49% 4%, 100% 1%, 100% 90%, 71% 95%, 0 99%, 0 1%);
    clip-path: polygon(49% 4%, 100% 1%, 100% 90%, 71% 95%, 0 99%, 0 1%);
}

.intro h2 {
    font-size: 49px;
    color: #919191;
    margin: 0 0 35px  0;
}

.intro p {
    font-size: 25px;
    color: #919191;
    line-height: 1.6;
    margin-bottom: 0;
    width: 99%;
}


@media (min-width:992px) and (max-width:1199px) {
    .intro {
        padding: 60px 0;
    }

    .intro h2 {
        font-size: 49px;
        color: #919191;
        margin: 0 0 35px  0;
    }

    .intro p {
        font-size: 22px;
        width: 100%;
    }

    .more {
        padding: 20px 36px;
        margin-top: 20px;
		width: 42%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .intro {
        padding: 70px 0;
        -webkit-clip-path: polygon(100% 88%, 57% 94%, 0 98%, 0 1%, 48% 3%, 100% 0);
        clip-path: polygon(100% 88%, 57% 94%, 0 98%, 0 1%, 48% 3%, 100% 0);
    }

    .intro h2 {
        font-size: 49px;
        color: #919191;
        margin: 0 0 35px  0;
    }

    .intro p {
        font-size: 22px;
        width: 100%;
    }

    .more {
        padding: 20px 36px;
        margin-top: 15px;
    }
}

@media (max-width:767px) {
    .intro {
        padding: 40px 0;
    }

    .intro h2 {
        margin: 0 0 20px  0;
        font-size: 28px;
    }

    .intro p {
        font-size: 14px;
        line-height: 1.8;
        width: 100%;
    }

    .more {
        padding: 15px 20px;
        font-size: 14px;
        margin-top: 32px;
        width: 50%;
    }
}

/* Ending Intro */

/* Starting products & services */

.pro-ser {
    padding: 110px 0;
    text-align: center;
}

.pro-ser h2 {
    margin: 0 0 20px 0;
    font-size: 49px;
    text-align: center;
}

.pro-ser h2 span {
    display: inline-block;
    background: rgb(137,197,63); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(137,197,63,1) 40%, rgba(125,183,55,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(137,197,63,1) 40%,rgba(125,183,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(137,197,63,1) 40%,rgba(125,183,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c53f', endColorstr='#7db737',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pro-ser .col-sm-6 {
    border-bottom: 1px solid #89c540;
}



.pro-ser .item {
    padding: 60px 0;
    text-align: right;
}

.pro-ser .item h3 {
    font-size: 31px;
    margin: 0 0 20px 0;
}

.pro-ser .item h3 a {
    color:#000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.pro-ser .item h3 a:hover {
    color:#89c53f
}
.pro-ser .item p {
    font-size: 24px;
    color: #919191;
    width: 98%;
}

.pro-ser hr {
    margin: 0;
    width: 100%;
    border-color: #000
}

.pro-ser .more {
    float: none;
}

@media (min-width:767px)  {
    .pro-ser .col-sm-6:nth-of-type(odd) .item:after{
        content: "";
        position: absolute;
        width: 1px;
        height: 50%;
        top: 50%;
        left: 21px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #89c540;
    }
}

@media (min-width:992px) and (max-width:1199px){
    .pro-ser {
        padding: 60px 0;
    }
    
    .pro-ser h2 {
        font-size: 44px
    }
    
    .pro-ser .item {
        padding: 40px 0
    }
    
    .pro-ser .item h3 {
        font-size: 28px
    }
    
    .pro-ser .item p {
        font-size: 18px
    }
}

@media (min-width:768px) and (max-width:991px){
    .pro-ser {
        padding: 70px 0
    }
    
    .pro-ser h2 {
        font-size: 44px
    }
    
    .pro-ser .item {
        padding: 40px 0
    }
    
    .pro-ser .item h3 {
        font-size: 28px
    }
    
    .pro-ser .item p {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .pro-ser {
        padding: 40px 0;
    }
    
    .pro-ser h2 {
        font-size: 32px;
    }
    
    .pro-ser .item {
        padding: 20px 0;
        height: auto!important;
    }
    
    .pro-ser .item h3 {
        font-size: 22px;
        margin-bottom: 9px;
    }
    
    .pro-ser .item p {
        font-size: 16px;
    }
    
    
    .pro-ser .col-sm-6 .item {
        border-bottom: 1px solid #89c540
    }
    
    .pro-ser .col-sm-6 .item {
        border-bottom: 0
    }


}
/* Ending products & services */

/* Starting Projects */

.projects {
   padding: 70px 0 155px;
   /* -webkit-clip-path: polygon(52% 2%, 100% 5%, 100% 100%, 48% 97%, 0 100%, 0 4%); */
   /* clip-path: polygon(52% 2%, 100% 5%, 100% 100%, 48% 97%, 0 100%, 0 4%); */
   background: #dadada;
}

.projects h2 {
    font-size: 49px;
    color: #919191;
    margin: 0 0 65px  0;
    text-align: center;
}

.projects .item {
    position: relative
}
.projects .image {
    overflow: hidden
}

.projects .item:s img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.projects .item:hover img {
    transform: scale(1.1)
}

.projects .item .over {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #94d74299;
    color: #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    
}

.projects .item:hover .over {
    opacity: 1
}

.projects .item .over .info {
    position: absolute;
    width: 100%;
    padding: 22px;
    bottom: 0
}

.projects .item .over h3 {
    font-size: 31.5px;
    margin: 0 0 10px;
    position: relative;
    top: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.projects .item:hover .over h3 {
    top: 0
}

.projects .item .over p {
    font-size: 18px;
    margin: 0;
    font-weight: 300;
    position: relative;
    right: -100%;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;

}

.projects .item:hover .over p {
    right: 0
}


@media (min-width:992px) and (max-width:1199px) {
    .projects {
        padding: 120px 0 180px;
        -webkit-clip-path: polygon(52% 3%, 100% 7%, 100% 100%, 48% 97%, 0 100%, 0 4%);
        clip-path: polygon(52% 3%, 100% 7%, 100% 100%, 48% 97%, 0 100%, 0 4%);
    }
    
    .projects .item .over .info {
        padding: 10px
    }
    
    .projects .item .over h3 {
        font-size: 26px;
    }

    .projects .item .over p {
        font-size: 15px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .projects {
        padding: 100px 0 180px;
        -webkit-clip-path: polygon(52% 3%, 100% 7%, 100% 100%, 48% 97%, 0 100%, 0 4%);
        clip-path: polygon(52% 3%, 100% 7%, 100% 100%, 48% 97%, 0 100%, 0 4%);
    }
    
    .projects .item .over .info {
        padding: 10px
    }
    
    .projects .item .over h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .projects .item .over p {
        font-size: 12px;
    }
}
@media (max-width:767px) {
    .projects {
        padding: 70px 0 150px;
        -webkit-clip-path: polygon(52% 3%, 100% 5%, 100% 100%, 48% 97%, 0 100%, 0 4%);
        clip-path: polygon(52% 3%, 100% 5%, 100% 100%, 48% 97%, 0 100%, 0 4%);
    }

    .projects h2 {
        font-size: 35px;
        margin-bottom: 40px;
        margin-top: 40px;
    }
    
    .projects .item .over .info {
        padding: 5px;
    }
    
    .projects .item .over h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .projects .item .over p {
        font-size: 10px;
    }
    
}

@media (max-width:375px) {
    .projects {
        padding: 40px 0 115px;
    }
    
    .projects .item .over .info {
        padding: 5px;
    }
    
    .projects .item .over h3 {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .projects .item .over p {
        font-size: 10px;
        line-height: 1.2;
    }
    
}



/* Ending Projects */

/* Starting Common Carousel */

.commoncarousel .owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.commoncarousel .owl-item {
    padding: 15px 0
}

.commoncarousel .owl-theme .owl-dots {
    position: absolute;
    width: 72px;
    height: 28px;
    line-height: 28px;
    margin: auto;
    bottom: -72px;
    left: 0;
    right: 0;
    background: #B6D490;
    border-radius: 14px;
}

.commoncarousel .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background: #fff;
    margin: 0 5px;
}

.commoncarousel .owl-theme .owl-dots .owl-dot.active span {
    background: #8ac640;
}

.commoncarousel .owl-theme .owl-nav [class*='owl-'] {
    color: #ffffff;
    margin: 0;
    background: #97979a;
    padding: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.commoncarousel .owl-theme .owl-nav [class*='owl-']:hover {
    background: #8ac640;
    color: #fff
}

.commoncarousel .owl-theme .owl-nav [class*='owl-'] i {
    font-size: 44px;
}

.commoncarousel .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: -83px;
}
.commoncarousel .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: -83px;
}
@media (min-width:992px) and (max-width:1199px){
    .commoncarousel .owl-theme .owl-nav .owl-next {
        right: -22px;
    }
    .commoncarousel .owl-theme .owl-nav .owl-prev {
        left: -22px;
    }
}

@media (min-width:768px) and (max-width:991px){
    .commoncarousel .owl-theme .owl-nav .owl-next {
        right: 0
    }
    
    .commoncarousel .owl-theme .owl-nav .owl-prev {
        left: 0
    }
    
    .commoncarousel .owl-theme .owl-nav [class*='owl-'] {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    
    .commoncarousel .owl-theme .owl-nav [class*='owl-'] i {
        font-size: 25px;
        line-height: 30px;
    }
}

@media (max-width:767px) {
    .commoncarousel .owl-theme .owl-dots {
        bottom: -50px;
    }
    
    .commoncarousel .owl-theme .owl-nav [class*='owl-'] {
        display: none
    }
}


/* Ending Common carousel */


/* Starting Quality */

.quality {
    padding: 110px 0 110px 0;
    text-align: center;
    position: relative;
}

.quality:before {
    content: "\f104";
    position: absolute;
    font-family: Flaticon;
    color: #808282;
    font-size: 208px;
    left: 50%;
    margin-top: -213px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.quality:hover:before{
    color: #bad995;
}

.quality h2 {
    font-size: 49px;
    color: #808282;
    font-weight: 900;
    margin: 65px 0 35px  0;
}

.quality p {
    font-size: 25px;
    color: #919191;
    line-height: 1.6;
    margin-bottom: 0;
    width: 95%;
    margin: auto
}

@media (min-width:992px) and (max-width:1199px) {
    .quality {
        padding: 70px 0
    }
    .quality p {
        font-size: 22px
    } 
    
    .quality:before {
        font-size: 190px;
        margin-top: -160px;
    }
    
    .quality h2 {
        margin: 85px 0 20px 0;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .quality {
        padding: 70px 0
    }
    .quality p {
        font-size: 22px
    } 
    
    .quality:before {
        font-size: 170px;
        margin-top: -150px;
    }
    
    .quality h2 {
        margin: 75px 0 20px 0;
    }
}

@media (max-width:767px) {
    .quality {
        padding: 40px 0
    }
    .quality p {
        font-size: 14px;
        width: 100%
    } 
    
    .quality:before {
        font-size: 110px;
        margin-top: -90px;
    }
    
    .quality h2 {
        margin: 55px 0 20px 0;
        font-size: 36px;
    }
}

/* Ending Quality */

/* Starting Footer */

footer .footerlinks {
    padding: 73px 0 80px;
    background: #545457;
    background-size: cover;
    position: relative;
    border-top: 25px solid #84ba08;
}

footer .footerlinks ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.footer-widgets {
    margin: 0!important;
    direction: ltr;
    text-align: right;
}

footer .footerlinks  .container {
    width: 63%;
    margin: auto
}

footer h2 {
    font-size: 39px;
    color: #fff;
    margin-bottom: 25px;
    margin-top: 0;
}

footer .footerlinks li a {
    color: #fff;
    font-size: 17px;
    padding: 3px 0;
    display: inline-block;
    position: relative;
}

footer .footerlinks li a:before
{
    content: "<";
    position: absolute;
    top: 100%;
    right: -19px;
    top: 0px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 23px;
    color: #84ba08;
}

footer .footerlinks li a:hover{
    color:#84ba08;
     
}

footer .mob-logo {text-align:  center;margin: 50px 0;}

@media (min-width:992px) and (max-width:1199px){
    footer .footerlinks {
        padding: 80px 0 130px;
    }
    footer .footerlinks .container {
        width: 80%
    }
    
    footer .footerlinks li a {
        font-size: 15px
    }
}

@media (min-width:768px) and (max-width:991px){
    
    
    footer .footerlinks {
        padding: 70px 0 140px;
    }
    
    footer .footerlinks .container {
        width: 80%
    }
    
    footer h2  {
        font-size: 32px
    }
    
    footer .footerlinks li a {
        font-size: 11px;
    }
    

    footer .mob-logo {
        margin-top: -10px;
        width: 160px;
    }
}

@media (max-width:767px) {

    footer .footerlinks {
        padding: 70px 0 60px;
    }
    
    footer .footerlinks .container {
        width: 100%
    }
    footer h2  {
        font-size: 32px
    }
    
    footer .col-xs-3 {
        padding-right: 15px;
        padding-left: 0;
    }
    
     footer .col-xs-5 {
        padding-left: 15px;
    }
    footer .col-xs-4 {
        padding: 0
    }
    
    footer .footerlinks li a {
        font-size: 14px
    }
    
    footer .mob-logo {
        width: 110px;
        float: left;
        position:  relative;
        top: 22px;
}
    
    
}

@media (max-width:450px) {
    footer h2  {
        font-size: 32px;
    }
    
    footer .footerlinks li a {
        font-size: 9px;
    }
    
}

/* Starting Copy Right */

.copyright {
    padding-bottom: 25px;
    position: relative;
    background: #333334;
    padding-top: 25px;
    border-top: 2px solid #fff;
}

/*
.copyright:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/shape1.png) no-repeat right top;
    top: -46px;
}
*/

.copyright .top-shadow {
    position: relative;
    top: -40px;
}

.copyright .right p {
    margin-top: -5px
}

.copyright .right p {font-size: 15px;font-weight: 400;color: #fff;margin-bottom: 7px;}

.copyright .right p span {font-weight: 500;}

.copyright .right p:last-of-type {
    margin-bottom: 0
}

.copyright .left p {margin-top: 10px;text-align: left;margin: 0;color:  #fff;}

.copyright .left a {
    display: inline-block;
}

.copyright .left span {
    display: block;
}
@media (max-width: 767px) {
	footer .footerlinks li a:before
{
    right: -10px;
    font-size: 17px;
}
	
	footer .mob-logo {
        width: 110px;
        top: 20px;
        margin: 0 auto;
        position: relative;
        float:  none;
    }
	
	footer .footerlinks li a {
        font-size: 14px;
        padding: 4px 2px;
    }
    
    .copyright {text-align: center;margin-bottom: -25px;}
    
    .copyright .right p, .copyright li a{ font-size: 12px}
    
    .copyright .left p { text-align: center }
    
    .copyright .right p:last-of-type {
        margin-bottom: 10px
    }
        
}

/* Ending Copy Right */

/* Ending Footer */

/* Starting Mobile Menu */

.sidenav {
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -100%;
    background: #fff url(../image/mainbg.png) no-repeat right top;
    background-size: 330px;
    background-attachment: fixed;
    overflow-x: hidden;
    padding-top: 0;
    transition: 0.5s;
    z-index: 99999;
}

.top { padding-top: 15px; overflow: hidden }

.top .flaticon-menu{
    position: absolute;
    padding: 15px;
    left: 0;
}

.top .flaticon-menu:before {
    font-size: 28px;
    color: #808285;
}

.mobile-menu .mob-logo {
    background: url(../images/02.jpg) no-repeat center center;
    height: 200px;
    padding: 0!important;
    margin-bottom: 0;
    position: relative;
}

.mobile-menu .mob-logo .navbar-brand {
    padding: 0;
    display: block;
    width: 100%;
    position: relative;
    padding-top: 45px;
    margin: 0;
}

.mobile-menu .mob-logo:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.78);
}

.mobile-menu .sidenav .menu-item a,
.mobile-menu .sidenav .lang-ar a,
.mobile-menu .sidenav .lang-en a{
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    text-align: right;
    font-size: 16px;
    color: #808285;
    display: block;
    transition: 0.3s;
    position: relative;
}


.mobile-menu .sidenav .dropdown-inner a {
    font-size: 14px;
    padding-right: 20px;
    color: #89b8a6
}
.mobile-menu .sidenav .dropdown-menu a,
.mobile-menu .sidenav .dropdown-menu .btn {
    padding: 5px 15px 5px 25px;
    font-size: 14px!important
}

.mobile-menu .sidenav .nav .open > a,
.mobile-menu .sidenav .nav .open > a:hover,
.mobile-menu .sidenav .nav .open > a:focus {
    background-color: #fff;
    border-color: #ffffff;
    color: #56475E
}

.mobile-menu .sidenav .nav .open > a i { color: #56475E }

/* When you mouse over the navigation links, change their color */
.mobile-menu .sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.mobile-menu .sidenav .closebtn {
    position: absolute;
    top: -8px;
    left: 6px;
    text-align: center;
    font-size: 36px;
    color: #808285;
    z-index: 9;
    cursor: pointer;
    padding: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.mobile-menu .sidenav .closebtn:hover {
    color: #89c540
}

.mobile-menu .sidenav  > ul {width: 95%;margin: auto;float: none;text-align: center;padding-top: 15px;padding-right: 0;}

.mobile-menu .sidenav .logo { width: 80%; margin: auto; margin-top: -50px }

.mobile-menu .sidenav .logo a { padding: 10px }

.mobile-menu .sidenav .nav > li > a:hover,
.mobile-menu .sidenav .nav > li > a:focus,
.mobile-menu .sidenav .nav > li > a:hover i,
.mobile-menu .sidenav .nav > li > a:focus i{
    background: transparent;
    color: #89c540;
}

.mobile-menu .caret {
    float: left;
    margin-top: 10px;
    margin-left: -25px;
    color: #89c540;
}

.mobile-menu .navbar-nav .open .dropdown-menu {
    padding: 0
}

.mobile-menu .navbar-nav .open .dropdown-menu a {
    padding-right: 20px
}

.mobile-menu hr {
    border-color: #89c540;
    width: 80%;
    margin: 20px auto;
}

/* Ending Mobile Menu */

/* Starting Contact Us Page */

.contactus {
    padding-bottom: 100px
}
.contactus .contactform .form {
    padding: 40px;
    background: #fff;
    -webkit-box-shadow: -3px 2px 20px 1px #00000036;
    box-shadow: -3px 2px 20px 1px #00000036;
    margin-top: -60px;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.contactus .contactform .form.activ {
    -webkit-box-shadow: -3px 2px 20px 1px #89c53f6b;
    box-shadow: -3px 2px 20px 1px #89c53f6b;

}

.contactus .contactform input[type=submit] {
    width: 50%;
    margin: auto;
    display: block;
    padding: 16px;
    background: transparent;
    border: 0;
    color: #8ac640;
    font-size: 16px;
    border-radius: 34px;
    text-align: center;
    float: none;
     -webkit-box-shadow: 0px 7px 20px 4px #00000012!important;
    box-shadow: 0px 7px 20px 4px #00000012!important;
    margin-top: 40px;
}

.contactus .contactform input[type=submit]:hover {
    background:#8ac640;
    color: #fff;
    -webkit-box-shadow: 0px 7px 20px 4px #8ac64042;
    box-shadow: 0px 7px 20px 4px #8ac64042
}
.contactus .contactform .form h2 {
    color: #89c53f;
    margin-top: 0;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    font-size: 40px;
}

.contactus .contactform .form h2:after {
    content: "";
    position: absolute;
    top: 100%;
    background: #ddd;
    height: 1px;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
}

.contactus .contactform .form h2:before {
    content: "";
    position: absolute;
    bottom: -2.5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 46%;
    height: 5px;
    background: #89c53f;
    background-size: contain;
    z-index: 2;
}


.contactus .contactform .form-group {
    width: 100%
}

.contactus .contactform .form-group input,
.contactus .contactform .form-group textarea{
    width: 100%;
    padding: 10px;
    border: 1px solid #eee;
}

.contactus .contactform input:focus,
.contactus .contactform textarea:focus {
    border-color: #89C53F;
    outline: 0
}

.contactus .contactform .form-group textarea {
    height: 200px
}

.contactus .contactform .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ddd;
}
.contactus .contactform .form-group input::-moz-placeholder { /* Firefox 19+ */
  color: #ddd;
}
.contactus .contactform .form-group input:-ms-input-placeholder { /* IE 10+ */
  color: #ddd;
}
.contactus .contactform .form-group input:-moz-placeholder { /* Firefox 18- */
  color: #ddd;
}
.contactus .contactform .form-group textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ddd;
}
.contactus .contactform .form-group textarea::-moz-placeholder { /* Firefox 19+ */
  color: #ddd;
}
.contactus .contactform .form-group textarea:-ms-input-placeholder { /* IE 10+ */
  color: #ddd;
}
.contactus .contactform .form-group textarea:-moz-placeholder { /* Firefox 18- */
  color: #ddd;
}

.contactus .details {
    padding: 40px
}

.contactus .details h2 {
    color: #808285;
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 40px;
}

.contactus .details li {
    margin-bottom: 10px;
    color: #808285
}

.contactus .details i {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    position: relative;
    background: #fff;
    color: #ddd;
    border: 1px solid #ddd;
    margin-left: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.contactus .details li:hover i {
    color: #89C53F;
    border-color: #89C53F
}

.contactus .details span {
    font-size: 16px;
    position: relative;
    top: -1px;
}

@media (max-width:767px) {
    .contactus h2 {
        font-size: 32px!important;
    }
    
    .contactus .contactform input[type=submit] {
        padding: 15px 20px;
        font-size: 14px;
        margin-top: 20px;
    }
}

@media (max-width:375px) {
    .contactus h2 {
        text-align: center
    }
    .contactus .details h2 {
        margin-bottom: 20px
    }
}
/* Ending Contact Us Page */

/* Starting about us Page */
.aboutus {position: relative;z-index: 5;}

.aboutus .about {
    -webkit-clip-path: polygon(100% 88%, 65% 94%, 0 98%, 0 1%, 48% 5%, 100% 0);
    clip-path: polygon(100% 88%, 65% 94%, 0 98%, 0 1%, 48% 5%, 100% 0);
    background: #F6F5F5
}

.aboutus .about h2 {
    color: #89C53F;
    font-size: 40px
}

.aboutus .about p {
    font-size: 25px;
    color: #919191;
    line-height: 1.6;
    margin-bottom: 0
}
/* Ending about us Page */


/* Hover Collection */

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
    z-index: 9999
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}

/* End Hover Collection */

/* Starting Contact Us */
.contactus .head {
    padding: 130px 0;
    /* background: url(../images/bg1.jpeg) no-repeat center center; */
    background-size: 100%;
    color: #fff;
    position: relative;
    margin-bottom: 0;
    -webkit-background-size: cover;
    background-size: cover;
    display:  none;
}

.contactus .head .breadcrumb {
    background: transparent
}

.contactus .head .breadcrumb a {
    color: #fff
}

.contactus .breadcrumb>.active {
    color: #89c53f
}

.contactus .breadcrumb>li+li:before {
    content: "\\"
}

.contactus .head .over {
    position: absolute;
    top: 74px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
}

.contactus .contactform .form {
    padding: 40px;
    background: #fff;
    box-shadow: -3px 2px 20px 1px #00000036;
    margin-top: -140px;
    text-align: right;
}

.contactus .contactform button {
    width: 50%;
    margin: auto;
    padding: 16px;
    background: transparent;
    border: 0;
    background: #89c53f;
    color: #fff;
    font-size: 16px;
    border-radius: 0;
    display: block;
}

.contactus .contactform .form h2 {
    color: #89c53f;
    margin-top: 0;
    margin-bottom: 40px;
    position: relative;
    display: block;
    padding-bottom: 15px;
    font-size: 40px;
    text-align: center;
}

.contactus .contactform .form h2:after {
    content: "";
    position: absolute;
    top: 100%;
    background: #ddd;
    height: 1px;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
}

.contactus .contactform .form h2:before {
    content: "";
    position: absolute;
    bottom: -2.5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 46%;
    height: 5px;
    background: #89c53f;
    background-size: contain;
    z-index: 2;
}


.contactus .contactform .form-group {
    width: 100%
}

.contactus .contactform p {
    color: #808285;
}

.contactus .contactform input,
.contactus .contactform  textarea{
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    text-align: right;
    margin: 10px 0 15px;
}

.contactus .contactform .form-group input:focus,
.contactus .contactform .form-group textarea:focus {
    border-color: #89C53F;
    outline: 0
}

.contactus .contactform .form-group textarea {
    height: 200px
}

.contactus .contactform .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ddd;
}
.contactus .contactform .form-group input::-moz-placeholder { /* Firefox 19+ */
  color: #ddd;
}
.contactus .contactform .form-group input:-ms-input-placeholder { /* IE 10+ */
  color: #ddd;
}
.contactus .contactform .form-group input:-moz-placeholder { /* Firefox 18- */
  color: #ddd;
}
.contactus .contactform .form-group textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ddd;
}
.contactus .contactform .form-group textarea::-moz-placeholder { /* Firefox 19+ */
  color: #ddd;
}
.contactus .contactform .form-group textarea:-ms-input-placeholder { /* IE 10+ */
  color: #ddd;
}
.contactus .contactform .form-group textarea:-moz-placeholder { /* Firefox 18- */
  color: #ddd;
}

div.wpcf7-validation-errors {
    border: 2px solid #ddd;
    padding: 10px;
    color: #ddd;
}

.contactus .details {
    padding: 40px
}

.contactus .details h2 {
    color: #808285;
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 40px;
}

.contactus .details li {
    margin-bottom: 10px;
    color: #808285
}

.contactus .details i {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    position: relative;
    background: #fff;
    color: #ddd;
    border: 1px solid #ddd;
    margin-left: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.contactus .details li:hover i {
    color: #89C53F;
    border-color: #89C53F
}

.contactus .details span {
    font-size: 13px;
    position: relative;
    top: -3px;
}

@media (max-width:767px) {
    .contactus h2 {
        font-size: 32px!important;
    }
    .contactus .details span {
        font-size: 13px;
        top: -3px;
    }
}

@media (max-width:375px) {
    .contactus h2 {
        text-align: center
    }
    .contactus .details h2 {
        margin-bottom: 20px
    }
}


/* Ending Contact Us */

/* Starting Post Page */
.post-page {
}

.post-content {
    padding: 65px 0;
}

.post-content .image.main {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.post-content .image.main:before, .post-content .image.main:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
    z-index: 9999
}
.post-content .image.main:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.post-content .image.main:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}


.sidebar h3 {
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    display: block;
    padding-bottom: 10px;
    font-size: 32px;
    text-align: right;
    color: #000;
}

.sidebar h3:after {
    content: "";
    position: absolute;
    top: 100%;
    background: #ddd;
    height: 1px;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
}

.sidebar h3:before {
    content: "";
    position: absolute;
    bottom: -2.5px;
    right: 0;
    margin: auto;
    width: 46%;
    height: 5px;
    background: #89c53f;
    background-size: contain;
    z-index: 2;
}

.sidebar .sample {
    overflow: hidden;
    margin-bottom: 20px;
}

.sidebar .sample .image {
    float: right;
    margin-left: 10px
}

.sidebar .sample .info {
    float: right;
    width: calc(100% - 60px);
}

.sidebar .sample .info h4 {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 14px;
}

.sidebar .sample .info h4 a{
    color: #000
}

.sidebar .sample .info h4 a:hover {
    color: #8AC640
}

.sidebar .sample .info p {
    font-size: 12px;
    margin-bottom: 0
}

/* Ending Post Page */

/* Starting Services Page */
.services {
    padding-bottom: 65px;
}

.services h2 {
    margin: 65px 0 20px 0;
    font-size: 49px;
    background: rgb(137,197,63); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(137,197,63,1) 40%, rgba(125,183,55,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(137,197,63,1) 40%,rgba(125,183,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(137,197,63,1) 40%,rgba(125,183,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c53f', endColorstr='#7db737',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.commonItem2 {
    direction: rtl;
    margin-bottom: 30px;
}

.commonItem2 .image {
    overflow: hidden
}
.commonItem2 img { 
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.commonItem2:hover img {
    transform: scale(1.1)
}

.commonItem2 .info {
    background: #ffffff;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.commonItem2 .info h3 {
    margin-top: 0;
    color:#8ac640;
     -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.commonItem2 .info p {
    color: #555;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 0;
}
.commonItem2:hover .info {
    background: #8ac640;
    border-color: #8ac640;
}

.commonItem2:hover .info h3,
.commonItem2:hover .info p{
    color: #fff
}




@media (max-width:425px) {
    .commonItem2 .info h3 {
        font-size: 15px;
        margin-bottom: 3px;
    }
    .commonItem2 .info p {
        font-size: 8px;
    }
}
/* Ending Services Page */

/* Starting Quality Page */
.quality.page {
    padding-top: 0
}
.quality.page:before {
    display: none
}
/* Ending Quality Page */


/* Starting Projects Page */
.projects.page {
    padding-bottom: 134px;
    padding-top: 65px;
}
/* Ending Projects Page */


/* Starting certificate Page */
.certificate.page {
    padding-bottom: 134px;
}

.certificate.page h2 {
    margin: 60px 0 20px 0;
    font-size: 49px;
    background: rgb(137,197,63); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(137,197,63,1) 40%, rgba(125,183,55,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(137,197,63,1) 40%,rgba(125,183,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(137,197,63,1) 40%,rgba(125,183,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c53f', endColorstr='#7db737',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width:767px) {
    .certificate.page {
        padding-bottom: 90px
    }
}
/* Ending certificate Page */


/* grouping */

@media (max-width:767px) {
    .services h2,
    .certificate.page h2{
        font-size: 32px;
        margin-top: 40px;
    }
}


/* Starting Products Page */

.productspage {
    padding-bottom: 65px
}

.productspage .products {
    padding-top: 65px;
    padding-bottom: 65px;
    overflow: hidden;
}
.productspage .item {
    margin-bottom: 30px
}
/* Ending Products Page */

/* Starting Testimonials */
.testimonials {
    padding-top: 65px;
    padding-bottom: 65px
}

.testimonials .item {
    direction: rtl;
    width: 50%;
    margin: auto;
    position: relative;
    margin-top: 50px;
    margin-bottom: 10px;
}

.testimonials .item .image {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    top: -40px;
    right: -40px;
    -webkit-box-shadow: 0 0 12px 1px #0000005e;
    box-shadow: 0 0 12px 1px #0000005e;
    background: #fff;
}

.testimonials .item .image img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.testimonials .item .say {
    -webkit-box-shadow: -5px 3px 9px 1px #0000002e;
    box-shadow: -5px 3px 9px 1px #0000002e;
    border-top: 7px solid #8ac640;
}

.testimonials .item span {
    padding: 10px 40px;
    font-size: 18px;
    margin: 0;
    color: #888;
}


.testimonials .item span {
    display: block;
    background: #eee;
    color: #818181;
}

.testimonials .item .content {
     line-height: 1.8;
     padding: 50px 40px;
     font-size: 18px;
     position: relative;
     color: #818181;
}

.testimonials .item .content p {
    margin: 0
}

.testimonials .item .content:before {
    content: "\f10e";
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    font-family: FontAwesome;
    color: #888;
}

.testimonials .item .content:after {
    content: "\f10d";
    position: absolute;
    bottom: 0;
    padding: 10px 15px;
    font-family: FontAwesome;
    color: #888;
    left: 0;
}

.testimonials .owl-theme .owl-dots {
    position: absolute;
    width: 72px;
    height: 28px;
    line-height: 28px;
    margin: auto;
    bottom: -72px;
    left: 0;
    right: 0;
    background: #B6D490;
    border-radius: 14px;
}

.testimonials .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background: #fff;
    margin: 0 5px;
}

.testimonials .owl-theme .owl-dots .owl-dot.active span {
    background: #8ac640;
}

.testimonials .modal-content{
    border-radius: 0;
    padding: 40px
    
}

.testimonials .modal-header {
    border-bottom: 0;
    padding: 0;
}

.testimonials .modal-header h2 {
    color: #89c53f;
    margin-top: 0;
    margin-bottom: 40px;
    position: relative;
    display: block;
    padding-bottom: 15px;
    font-size: 40px;
    text-align: center;
}

.testimonials .modal-header h2:after {
    content: "";
    position: absolute;
    top: 100%;
    background: #ddd;
    height: 1px;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
}

.testimonials .modal-header h2:before {
    content: "";
    position: absolute;
    bottom: -2.5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 46%;
    height: 5px;
    background: #89c53f;
    background-size: contain;
    z-index: 2;
}


.testimonials .modal-content .form-group {
    width: 100%
}

.testimonials .modal-content input,
.testimonials .modal-content  textarea{
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    text-align: right;
    margin: 10px 0 15px;
    height: auto;
}

.testimonials .modal-content .form-group input:focus,
.testimonials .modal-content .form-group textarea:focus {
    border-color: #89C53F;
    outline: 0
}

.testimonials .modal-content .form-group textarea {
    height: 200px
}

.testimonials .modal-content .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ddd;
}
.testimonials .modal-content .form-group input::-moz-placeholder { /* Firefox 19+ */
  color: #ddd;
}
.testimonials .modal-content .form-group input:-ms-input-placeholder { /* IE 10+ */
  color: #ddd;
}
.testimonials .modal-content .form-group input:-moz-placeholder { /* Firefox 18- */
  color: #ddd;
}
.testimonials .modal-content .form-group textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ddd;
}
.testimonials .modal-content .form-group textarea::-moz-placeholder { /* Firefox 19+ */
  color: #ddd;
}
.testimonials .modal-content .form-group textarea:-ms-input-placeholder { /* IE 10+ */
  color: #ddd;
}
.testimonials .modal-content .form-group textarea:-moz-placeholder { /* Firefox 18- */
  color: #ddd;
}

.testimonials .modal-content input[type=submit] {
    width: 50%;
    margin: auto;
    display: block;
    padding: 16px;
    border: 0;
    border-radius: 0;
    text-align: center;
    float: none;
    border-radius: 34px!important;
    background: #fff;
    font-size: 19px;
    color: #8ac640;
    -webkit-box-shadow: 0px 7px 20px 4px #00000012!important;
    box-shadow: 0px 7px 20px 4px #00000012!important;
    margin-top: 40px;
}

.testimonials .modal-content input[type=submit]:hover {
    background:#8ac640;
    color: #fff;
    -webkit-box-shadow: 0px 7px 20px 4px #8ac64042;
    box-shadow: 0px 7px 20px 4px #8ac64042
}

.testimonials .close {
    margin-top: -2px;
    top: 15px;
    left: 15px;
    position: absolute;
}

.testimonials .more {
    margin-top: 100px;
    float: none;
    display: block;
    margin: 100px auto 0;
}


@media (min-width:992px) and (max-width:1199px) {
    
    .testimonials .item {
        width: 65%
    }
    
}

@media (min-width:768px) and (max-width:991px) {
    
    .testimonials .item {
        width: 80%
    }
    
}

@media (max-width:767px) {
    .testimonials .item {
        width: 90%;
        margin-top: 80px;
    }
    
    .testimonials .item .image {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        right: auto;
        width: 100px;
        height: 100px;
        top: -74px;
    }
    
    .testimonials .item .image img {
       
        width: 100px;
        height: 100px;
    }
    .testimonials .item .content {
        padding: 50px 30px;
    }
    .testimonials .item span {
        padding-top: 20px
    }
    .testimonials .item span,
    .testimonials .item p  {
        text-align: center;
        font-size: 14px;
    }
}

/* Ending Testimonials */

.modal.in .modal-dialog {
    margin-top: 100px
}

.modal-search h2 {
    color: #89c53f;
    margin-top: 0;
    position: relative;
    display: block;
    padding-bottom: 15px;
    font-size: 40px;
    text-align: center;
}

.modal-search h2:after {
    content: "";
    position: absolute;
    top: 100%;
    background: #ddd;
    height: 1px;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
}

.modal-search h2:before {
    content: "";
    position: absolute;
    bottom: -2.5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 46%;
    height: 5px;
    background: #89c53f;
    background-size: contain;
    z-index: 2;
}

.modal-search .form-group {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.modal-search .form-control {
    border-radius: 4px;
    height: 41px
}

.modal-search .btn {
    position: absolute!important;
    top: 0;
    bottom: 0;
    left: 0;
    background: #8ac640;
    box-shadow: none;
    border-radius: 0;
    color: #fff;
}

/* language-chooser */
.language-chooser {
    list-style: none;
   
}



@media (min-width:768px) {
.language-chooser {
    display: inline-block;
    position: absolute;
    margin-top: 22px;
    padding: 0;
}
.language-chooser li {
    display: inline-block
}

.language-chooser li:first-of-type {
    margin-left: 10px
}
.language-chooser li a {
    color: #808285;
    font-weight:  bold;
}
    
    .language-chooser li a {
    background: #ffffff;
    padding: 4px 8px;
    border-radius: 8px;
}

.language-chooser li a:hover {
    background: #89c540;
    color: #ffffff;
}
}

@media (min-width:992px) and (max-width:1199px) {
    .language-chooser {
    }
}

@media (min-width:768px) and (max-width:991px) {
    .language-chooser {
        margin-top: 6px;
    }
    
    
}
@media (max-width:767px) {
    
    .language-chooser {
        padding: 0;
        padding-top: 0!important
    }
    .language-chooser li a {
        color: #000
    }

}

/* Starting Loading Screen */
.screen-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;

}

.screen-loading .wrapper {
  margin: 0 auto;
  position: relative;
  top: 50%;
 -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.spinner {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #7DB737;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/* Ending Loading Screen */

/* Starting Common Page */

.commonpage .content {
    text-align: center
}
.commonpage .content p {
    font-size: 25px;
    color: #919191;
    line-height: 1.6
}

.commonpage.basics .content {
    text-align: right
}

/* Ending Common Page */

.ls-v6 .ls-nav-next {
    right: 0!important
}

/* Starting Dropdown Men */

header .navbar-default .navbar-nav>.open>a, 
header .navbar-default .navbar-nav>.open>a:focus,
header .navbar-default .navbar-nav>.open>a:hover {
    background: transparent;
    color: #89c540;
}

header .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
    min-width: 200px;
    border: 0;
    border-radius: 0;
}

header .navbar-right .dropdown-menu a {
    font-size: 16px;
    color:#808285;
    padding: 10px;
 white-space: pre-wrap
}

header .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #89c540!important;
    text-decoration: none;
    background-color: transparent;
}
header .dropdown-menu>.active>a,
header .dropdown-menu>.active>a:focus,
header .dropdown-menu>.active>a:hover {
    background-color: transparent;
    outline: 0;
    color: #89c540!important;
}

@media (min-width:768px) {
    header span.caret {
        display: none
    } 
}

/* Ending Dropdown Men */


/* job-page */

.job-page
{
    padding-top: 40px;
    position:relative;
    background-color: #f1f1f1;
    margin-bottom:-80px;
}

.job-page .item
{
    margin-bottom:40px
}

.job-page .item .caption:after
{
    position:absolute;
    bottom: -24px;
    content:"";
    width: 100%;
    left: 13%;
    height:2px;
    background-color:#2a3e39;
}

.job-page .item:last-of-type .caption:after
{
    display:none;
}

.job-page .caption
{
    font-size:17px;
    color: #2a3e39;
}

.job-page .caption h4
{
    font-size:38px;
    color: #89c540;
    font-weight:bold;
}

.job-page .caption  a
{
    color: #686868;
    background-color:#ffffff;
    font-size:20px;
    padding:5px 20px;
    float: left;
    font-weight:bold;
    border: 2px solid #686868;
    cursor:  pointer;
    z-index: 999;
    position:relative;
    overflow:hidden;
}


.job-page .caption a:after
{
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #686868;
    -webkit-transition: height .3s ease;
    -moz-transition: height .3s ease;
    transition: height .3s ease;
    z-index:-1;
}

.job-page .caption a:hover
{
    color:#fff;
}

.job-page .caption a:hover:after
{
    height:100%;
}

.job-page .caption a span:after, .job-page .caption a span:before
{
    position: absolute;
    display: block;
    content: "\00b7";
    top: 50%;
    line-height: 3px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#fff;
    opacity:0;
         
}
.job-page .caption a:hover span:before
{
     opacity: 1;
     -webkit-transform: translateY(-50%) translateX(0);
     -moz-transform: translateY(-50%) translateX(0);
     transform: translateY(-50%) translateX(0);
     -webkit-transition: -webkit-transform .3s ease .1s,opacity .5s ease;
     -moz-transition: -moz-transform .3s ease .1s,opacity .5s ease;
     transition: transform .3s ease .1s,opacity .5s ease;
     backface-visibility: hidden;
}

.job-page .caption a:hover span:after
{
    opacity: 1;
        -webkit-transform: translateY(-50%) translateX(0);
    -moz-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    -webkit-transition: -webkit-transform .3s ease .1s,opacity .5s ease;
    -moz-transition: -moz-transform .3s ease .1s,opacity .5s ease;
    transition: transform .3s ease .1s,opacity .5s ease;
    backface-visibility: hidden;
    
}

.job-page .caption a span:after
{
    right: 11%;
    -webkit-transform: translateY(-50%) translateX(70px);
    -moz-transform: translateY(-50%) translateX(70px);
    transform: translateY(-50%) translateX(70px);
}
.job-page .caption a span:before
{
   left: 11%;
   -webkit-transform: translateY(-50%) translateX(-70px);
   -moz-transform: translateY(-50%) translateX(-70px);
   transform: translateY(-50%) translateX(-70px);
}


.modal-header
{
    color:#fff;
    background-color:#686868;
    text-align:center;
    border:none;
}

.modal-header h4
{
    font-size:25px;
    font-weight:bold;
}

.modal-body
{
    /* background:url(http://appetito.mikado-themes.com/wp-content/uploads/2017/08/landing-background-img-1.png); */
}

.modal-body form input
{
    display:block;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-bottom: 30px;
    padding: 10px;
    outline:  none;
    background-color: transparent;
}

.modal-body form label
{
    color:#686868;
    font-weight:bold;
}

.modal-body form .btn
{
    background-color:#686868;
    color:#fff;
    border:3px solid #686868;
    box-shadow:none;
    transition:all 0.4s ease-in-out;
}

.modal-body form .btn:hover
{
    background-color:#ffffff;
    color:#2a3e39;
    transition:all 0.4s ease-in-out;
}

.modal-body form .wpcf7-radio input
{
    padding:0;
    margin-bottom: 0;
    display: inline-block;
}


.modal-body form textarea{
    width:100%
}

@media screen and (max-width: 767px)
{
    
    .ls-v6 .ls-bottom-nav-wrapper {
    top: -23px!important;
}
    .job-page .caption
    {
        font-size:12px
    }
    .job-page .caption h4
    {
        font-size:24px
    }
    .job-page .caption a
    {
        font-size:14px;
        padding:4px 10px
    }
    .job-page .image
    {
        text-align:center;
    }
    .job-page
    {
        padding-bottom:50px;
    }
}