@font-face {
    font-family: 'antipastoregular';
    src: url('fonts/antipasto-webfont.eot');
    src: url('fonts/antipasto-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/antipasto-webfont.woff2') format('woff2'),
        url('fonts/antipasto-webfont.woff') format('woff'),
        url('fonts/antipasto-webfont.ttf') format('truetype'),
        url('fonts/antipasto-webfont.svg#antipastoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* font variables */
// @primary-font   : 'Dosis';
@primary-font : 'Montserrat', sans-serif;
@secondary-font :@primary-font;

/* color variables */
@primary-color           : #244b24;
@primary-color-rgba      : rgba(36, 75, 36, 0.95);
@secondary-color         : #a0cd26;
@secondary-color-rgba    : rgba(160, 205, 38, 0.7);
@body-background-color   : #FFFFFF;
@primary-text-color      : #1e1e1e;
@secondary-border-color  : #666666;
@white                   : #FFFFFF;
@slogan-background-color : #303030;
@primary-border-color    : #c8c8c8;
@phone-callback-color    : #8acf1e;
@references-color        : #466344;
@references-active-color : #365631;

/* functions */
.radius(@radius: 3px){-webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius;}
.transition(@type, @time){transition-property: @type; transition-duration:@time;}
.rotate(@degree){-ms-transform: rotate(@degree); -webkit-transform: rotate(@degree); transform: rotate(@degree);}

/* general definitions */
body{font-family: @primary-font; background-color: @body-background-color; color: @primary-text-color;}
a{text-decoration: none !important; color: @primary-color; &:hover{ color: @primary-color; }}
textarea{resize: none;}
img:active, img:focus{outline: none; -moz-outline-style: none; outline: 0 !important;}
h1, h2, h3, h4, h5, h6{margin: 0px; padding: 0px;}
[role=button]{cursor:pointer;}
#scrollTop{position: fixed; bottom: 0px; right: 0px; background-color: @references-active-color; color: #FFF; padding: 0px 15px 5px 15px; font-size: 30px; font-weight: 700; cursor: pointer; z-index: 6; display: none;}
#tooltip{text-align: center;color: #fff; margin-top: -4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.4); background: @primary-color; position: absolute;z-index: 100;padding: 10px; font-size: 14px; line-height: 15px;}#tooltip:after /* triangle decoration */{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid @primary-color; content: '';position: absolute;left: 50%;bottom: -10px;margin-left: -10px;}#tooltip.top:after{border-top-color: transparent;border-bottom: 10px solid #111;top: -20px;bottom: auto;}#tooltip.left:after{left: 10px;margin: 0;}#tooltip.right:after{right: 10px;left: auto;margin: 0;}
.no-padding2{padding: 0;}
.no-padding{padding: 0px; margin: 0px;}
.no-margin{margin: 0 !important;}
.marginB0{margin-bottom: 0 !important;}
.marginb10{margin-bottom: 10px;}
.margin6{margin-bottom: 6px;}
.margint10{margin-top: 10px;}
.padding15{padding: 15px;}
.paddingT10{padding-top: 10px;}
.paddingT15{padding-top: 15px;}
.paddingT20{padding-top: 20px;}
.paddingT25{padding-top: 25px;}
.paddingT30{padding-top: 30px;}
.paddingT35{padding-top: 35px;}
.paddingT40{padding-top: 40px !important;}
.paddingT45{padding-top: 45px;}
.paddingT50{padding-top: 50px;}

.paddingB25{padding-bottom: 25px;}
.paddingB30{padding-bottom: 30px;}

.paddingR10{padding-right: 10px;}
.paddingR15{padding-right: 15px;}

.paddingL25{padding-left: 25px;}

.marginT20{margin-top: 20px;}
.w-max100{max-width: 100%;}
.width30px{width: 30px;}
.width28px{width: 28px;}
.margint25{margin-top: 25px;}
.no-border{border: none !important;}
.trans-all{transition: all .2s ease-in-out;}
.display-none{display: none;}
.outline-none{outline: none;}
.text-red{color: #F00;}
.text-italic{font-style: italic;}
.monochrome{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.form-control, .btn{height: 44px;}
.mail-link{color: @primary-color; &:hover{color: @primary-text-color;}}
.form-control:focus{border-color: @secondary-color-rgba; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @secondary-color-rgba; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @secondary-color-rgba;}

/* effects */
.effects a{position: relative; display: inline-block; outline: none; color: #FFF; text-decoration: none; letter-spacing: 1px;}
.slide-up a{overflow: hidden; padding: 0 4px;}
.slide-up a span{position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}
.slide-up a span::before{position: absolute; color: @primary-color; top: 100%; content: attr(data-hover); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.slide-up a:hover span, .slide-up a:focus span{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);}

/* table cell */
.display-table{display: table;}
.display-table-cell{display: table-cell; vertical-align: middle; float: none;}

.desktopShow{
    display: block;
}
.mobileShow{
    display: none;
}
.desktopShowContents{
    display: contents;
}
.desktopW20{
    width: 19.3%;
    
}
.padding0{
    padding: 0 !important;
}
.see_referancesContainer{
    padding-left: 20px;
    padding-right: 20px;
    .see_referances{
        background: #8dbb0f;
        padding: 7px 10px;
        border-radius: 4px;
        color: aliceblue;
        margin-right: 3%;
        font-size: 13px;
    }
}

@-webkit-keyframes shake{0%{top: 0px;} 50%{top: 5px;} 75%{top: 0px} 100%{top: 0px;}}
@keyframes shake{0%{top: 0px;} 50%{top: 5px;} 75%{top: 0px} 100% {top: 0px;}}

.swal-button{
    background-color: #466344;
    border: 1px solid #8acf1e;
}
.swal-button:focus{
    box-shadow: none;
}

/*languages container*/
.languagesContainer{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    .languagesBar{
            margin: 0;
            display: flex;
            li{
                padding-left: 10px;
                a{
                    border: 1px solid #538119;
                   
                    background-color: #538119;
                }
            }
        
    }
    li.languages{
        list-style: none;
    }
    .languages {
        a.dropdown-item {
            padding: 0px 5px !important;
            &:focus,
            &:active,
            &:hover {
                background-color: transparent;
                box-shadow: none;
                outline: none;
            }
            img {
                width: 30px;
                border-radius: 5px;
            }
            span {
                font-size: 13px;
                top: 2px;
                left: 5px;
            }
        }
        .dropdown-menu.customDropDown{
            a.dropdown-item span{
                color: #000;
                padding-left: 10px;
                font-weight: 600;
            }
            a.dropdown-item:hover{
                span{
                    color: #294c25;
                }
               
              
            }
        }
        .dropdown-menu {
            left: auto;
            right: 0px;
            top: 100%;
            li {
                a.dropdown-item {
                    &:hover {
                        background-color: #f7f8fa;
                        span {
                            color: #5d78ff;
                        }
                    }
                }
            }
        }
    }
    li.languages:hover{
        .dropdown-menu.customDropDown{
            display: block;
        }
    }
}
.zoomImage {
    overflow: hidden;
    margin: 0 auto;
}

.zoomImage img {
    transition: 0.6s all ease-in-out;
}

.zoomImage:hover img {
    transform: scale(1.1);
}
/*languages container*/
/*home meet*/
.sloganContent{
    height: 140px;
    margin: 10px 0;
    vertical-align: middle;
    display: flex;
    align-items: center;
    h1{
        font-weight: 500 !important;
    }
}
.homeContactMeet__referancesDetail{
    cursor: pointer;
    .homeContactMeet_container{
        background: #9cc31b;
        padding: 15px;
        font-size: 18px;
        margin: 10px 0;
        img{
            width: 40px;
        }
        .contactTitle{
            color: #fff;
            font-size: 18px;
        }
        .contactHere{
            color: #355631;
            font-weight: 600;
            font-size: 14px;
            word-wrap: break-word;
            height: 30px;
        }
    }
}
.homeContactMeetPlace:hover{
   
    .homeContactMeet_container{
        background: #a0cd25;
       
        .contactTitle{
            color: #fff;
        }
    }
}

.homeContactMeet{
    .homeContactMeetPlace{
        cursor: pointer;
        .homeContactMeet_container{
            background: white;
            padding: 15px;
            font-size: 20px;
            margin: 10px 0;
            img{
                width: 50px;
            }
            .contactTitle{
                color: #9cc31b;
                font-size: 18px;
                font-weight: 500;
            }
            .contactHere{
                color: #355631;
                font-weight: 600;
                font-size: 14px;
                word-wrap: break-word;
                height: 30px;
            }
        }
    }
    .homeContactMeetPlace:hover{
       
        .homeContactMeet_container{
            background: #9cc31b;
           
            .contactTitle{
                color: #fff;
            }
        }
    }
  
}
/*home referances*/
.homeReferancesM{
    margin-bottom: 40px;
    .boxes{
        .infos-title{
            .title{
                font-weight: 700;
                font-size: 28px;
                margin: 20px 0 0px 0;
                color: #96c31b;
            }
            .borderDvi{
                border-bottom: 3px solid #a0cd25;
                width: 30%;
                margin-bottom: 40px;
            }
        }
    }
    .homeReferances{
        
       
        padding: 10px 10px 10px 10px;
        .homeReferances_container{
            transition: .2s ease-in-out;
            -moz-transition: .2s ease-in-out;
            -o-transition: .2s ease-in-out;
            -webkit-transition: .2s ease-in-out;
            
            border: 1px solid #ddd;
            padding: 10px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .homeReferances_img{
            max-width: 100%;
            // filter: brightness(.1);
        }
        // .homeReferances_img:hover{
         
        //     filter: none;
        // }
       
        .homeReferances_hoverImg{
            display: none;
        }
        .homeReferances_img1{
            display: block;
        }
        
    }
    
    .homeReferances:hover{
        .homeReferances_hoverImg{
            display: block;
        }
        .homeReferances_img1{
            display: none;
        }
        .homeReferances_container{
            
            border: 1px solid #96c31b;
        }
    }
}
.openWpContainer{
    position: fixed;
    bottom: 120px;
    right: 15px;
    background-color: #fff;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.4);
    width: 250px;
    height: 250px;
    border-radius: 4px;
    z-index: 99999;
    text-align: center;
    
    .openWpContainer_top{
        padding: 10px;
        background: #03a84e;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        color: white;
        font-size: 16px;
        font-weight: 600;
        .logo_tree{
            img{
                width: 35px;
                border: 1px solid;
                border-radius: 50%;
                padding: 3px;
                background: white;
            }
        }
    }
    
    .customer_select{
        margin: 20px 10px;
        .form-control{
            font-size: 12px;
            height: 25px !important;
            float: left;
            width: 75%;
            padding: 3px;
            margin-right: 10px;
           
            color: #4a4a4ae0;
            font-weight: 500;
            background-color: #fff;
            border: 1px solid #ddd;
        }
        .form-control:focus {
            box-shadow: none;
            border:none;
        }
    }
    .another_ansverContainer{
        margin: 20px 10px 0;
        float: left;
        display: none;
        input{
            background: white;
            border-radius: 4px;
            padding: 5px;
            font-size: 12px;
            color: #555;
           
            font-weight: 400;
            border: 1px solid #ddd;
        }
    }
    .sendContainer{
        margin: 25px 10px 5px 10px;
        float: right;
        cursor: pointer;
        a{
            background: #26a84e;
            color: white;
            padding: 10px;
            font-size: 14px;
            border-radius: 5px;
            font-weight: 500;
            pointer-events: none;
        }
    }
}
/* styles */
.fixedWhatsapp {
    position: fixed;
    bottom: 60px;
    right: 15px;
    background-color: #03a84e;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.4);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    z-index: 99999;
    text-align: center;
    cursor: pointer;
    svg,span {
        position: relative;
        text-align: center;
        color: @white;
        font-size: 35px;
        margin: 10px;
    }
}
header.sticky .sticky-logo{left: 20px !important;}
header{
    .sticky-logo{position: fixed; top: 11px; left: -150px; z-index: 10; .transition(all, 0.3s); opacity: 0;}
    .sticky-phone{position: fixed; top: 9px; right: -180px; z-index: 10; .transition(all, 0.3s); opacity: 0;
                  i{float: left; color: @white; font-size: 26px; margin: 7px 5px 0px 0px;}
                  span{color: @white; font-size: 18px; margin: 5px 6px 0px 0px; float: left;}
    }
    #main-slider{
        .parallax-head{height: 400px;
                       .display-table{height: 650px;}
                       .slider-down-page{float: left; width: 100%; margin-top: -80px;
                                         i{position: relative; width: 45px; height: 45px; background-color: rgba(255, 255, 255, 0.8); padding: 10px; color: @primary-text-color; border-radius: 50%; font-size: 25px; font-weight: bold; cursor: pointer; -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);
                                           -webkit-animation: shake 1s infinite; 
                                           animation: shake 1s infinite;
                                         }
                       }
        }
    }
    #menus{position: absolute; z-index: 7;
           .secondary-menu{background-color: @secondary-color-rgba; font-size: 18px; padding: 7px;
                           a{color: @white; padding-left: 50px; font-size: 15px; font-weight: 500;}
                           .call {background-color: rgba(36, 75, 36, 0.95);font-size:14px;padding:3px 15px;
                            &:hover {
                                background-color:#567600;
                            }
                        }
           }
           .primary-menu{background-color: @primary-color-rgba; padding: 14px;
            .logo{
                height: 50px;
                display: flex;
                align-items: center;
            }
                         .menus{ //margin-top: 23px; padding-left: 40px;
                            height: 50px;
                            display: flex;
                            align-items: center;
                            justify-content: flex-end;
                            padding: 0;
                                nav{
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    border: none; background: none; height: auto; min-height: auto; box-shadow: none; -webkit-box-shadow: none; margin: 0 0 0 0 !important;
                                    .navbar-nav > .open > a{background: none; box-shadow: none;}
                                    .navbar-nav{
                                        li{float: left; text-align: center; padding-left: 53px;
                                           a{padding: 0px 0px 0px 0px !important; float: left;}
                                           .caret{float: none; color: @white; margin: -3px 0px 0px 4px;}
                                        }
                                    }
                                    .collapse{height: auto;
                                              .nav{text-align: center; margin:auto; float: none;						
                                                   .dropdown-menu{
                                                       padding-top: 25px;
                                                    background-color: #244b27 !important;
                                                    border: 1px solid #244b27 !important;   
                                                    width: 300px; border-radius: 3px;
                                                                  li{padding: 0px; text-align: left;
                                                                     a{color: @primary-text-color; padding: 5px 10px 5px 10px !important; width: 100%;}
                                                                  }
                                                   }
                                              }
                                    }
                                    a{color: @white; text-shadow: none; font-size: 13px; font-weight: 600;}
                                }
                         }
                         .menusSticky{
                            justify-content: start;
                            ul.nav{
                                margin-top: 6px !important;
                            }
                            
                         }
                         .logo{
                             img{max-width: 100%;}
                         }
           }
    }
    // call form
    .call-form{position:fixed; top: 50px; z-index:999; left:100%; width:400px; background-color:#FFF; border-radius:7px; padding:0 0 10px 0; transition:left, right 0.35s; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2);
        box-shadow: 0 0 8px rgba(0, 0, 0, .2);}
    .call-form .call-form-close{position:absolute; top:0; right:0; background: @secondary-color; padding:12px 10px; line-height:0; color:#FFF; cursor:pointer; transition:background-color 0.25s; border-top-right-radius:7px; border-bottom-left-radius:7px;}
    .call-form .call-form-close:hover{background-color:#343434;}
    .call-form .call-form-title{float:left; width:100%; font-size:22px; color: @secondary-color; text-align:center; margin:25px 0 10px 0;}
    .call-form .input{float:left; width:100%; position:relative;padding: 5px 5%;}
    .call-form .input .text{float:left; width:100%; margin:0; padding:0 5%; height:37px; box-sizing:border-box; position:relative; border:1px solid #bbb; border-radius:7px; background:none;}
    .call-form .input i{position:absolute; top:6px; right:10px; z-index:-1; font-size:24px;}
    .call-form .input i.fa-clock-o{font-size:26px;}
    .call-form .input .submit{float:left; width:100px; height:37px; border:none; outline: none; background: @secondary-color; transition:background-color 0.25s; font-size:14px; color:#FFF; border-radius:7px;}
    .call-form .input .submit:hover{background:#a4d02e; cursor:pointer;}
    .call-form .input textarea{height: 40px !important; padding-top: 10px !important;}
    .call-form .input select{border:1px solid #bbb; border-radius:7px; height: 40px;}
    .call-form .iti {width:100%;}
    .call-form .iti__flag-container {height:37px;}
    .call-form .g-recaptchaContainer{
        float: left;
        width: 90%;
        margin: 10px 5% 40px 5%;
        position: relative;
        height: 37px;
    }
}
.contact.g-recaptchaContainer{margin: 0 15px;}
header.sticky{
    .sticky-logo{left: 105px; opacity: 1;}
    .sticky-phone{right: 11px; opacity: 1;} 
    #menus{
        .secondary-menu{display: none;}
        .primary-menu{
            
          padding: 0;
            position: fixed;
            width: 100%; 
            margin-top: 0px; padding-bottom: 10px; 
            -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
             -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); 
             box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
                     
                      .logo{
                          img{display: none;}
                      }
            .menus{
                nav{
                    .navbar-nav{
                        li{float: left; text-align: center; padding-left:30px;
                          
                        }
                    }
                }
            }
        }
    }
}
main{
    .customFormInput{
        padding: 10px 20px;
        height: 53px;
    }
    .customFormName{
        color: white;
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .home-content{
        margin-top: 30px; margin-bottom: 20px;
        .title{font-weight: 700; font-size: 28px;}
        .sub-title{font-weight: 600; font-size: 17px; margin-top: 20px;height: 25px;}
        .desc{font-size: 15px; line-height: 25px; margin-top: 10px;}
    }
    .home-carousel{position: relative; margin-top: 45px; margin-bottom: 20px; padding-top: 15px; border-top: 3px solid @secondary-color;
                   .carousel-title{position: absolute; top: -23px; right: 0; color: @secondary-color; font-size: 26px; font-weight: 700; padding: 0px 15px 0px 15px; background-color: @white;}
                   .carousel-controls{position: absolute; top: -19px; left: -5px;}
                   .carousel-item{margin-top: 21px;
                                  .image{height: 110px;
                                         img{max-width: 100%;}
                                  }
                                  .title{font-weight: 700; font-size: 17px;}
                                  .desc{font-size: 15px; line-height: 25px; margin-top: 10px;}
                   }
    }
    .slogan{font-family: @secondary-font; letter-spacing: 1px; background-color: @slogan-background-color; color: @white; padding: 30px 20px 30px 20px;
            h1{font-size: 25px; font-weight: bold;}
    }
    .content-slogan{margin-bottom: 45px; font-family: @primary-font;
                    h1{font-size: 20px; font-weight: 400;
                       strong{font-size: 25px; font-weight: 700;}
                    }
    }

    .boxes{margin-bottom: 40px;
           .boxes-title{font-size: 30px; font-weight: bold;}
           .box{margin-bottom: 5px; padding: 10px; 
                .box-inner{position: relative; height: 490px;
                           .title{font-size: 15px; font-weight: 600;}
                           .sub-title{font-size: 15px; font-weight: 400; padding: 0px 10px;}
                           .image{margin-top: 10px;
                                  img{.transition(all, 1.6s);}
                           }
                           .image-scale{width: 260px; height: 182px; overflow: hidden;}
                           .desc{width: 90%; margin-left: 5%; font-size: 13px; height: 140px; 
                                 .click-to-info{display:inline-block; width:90px; color: #fff; background: @primary-color; text-align:center; padding:8px 0; border-radius:7px;
                                                .right-caret{border-left:5px solid @secondary-color; border-top:5px solid transparent; border-bottom:5px solid transparent; display:inline-block;}
                                                &:hover > .right-caret{}
                                 }
                           }
                           .infos{border-right: 1px solid @primary-border-color; .transition(all, 1s);
                                  a{color: @primary-text-color;}
                           }
                           .link{
                               a{color: @primary-text-color; font-size: 15px; font-weight: 600;}
                           }

                }
                &:hover, &:nth-child(3n+3){
                    .infos{border-color: transparent;}
                }
                &:hover{
                    .image img{transform: scale(1.1);}
                }
           }
    }

    .category-boxes{
        .box{
            .box-inner{height: auto;
                       .desc{height: auto;}
            }
        }
    }

    .blogs{
        .blogs-title{font-size: 23px;}
        .blog{margin-top: 10px; border-bottom: 1px solid @primary-border-color; padding: 6px 0px 5px 0px;
              .blog-title{font-size: 18px;}
              .blog-text{font-size: 17px; margin: 5px 0px 5px 0px;}
              a{color: @primary-text-color; font-size: 17px;
                &:hover{text-decoration: underline;}
              }
        }
        .blog-image{margin-top: 20px; min-height: 210px;
                    img{max-width: 100%; border-radius: 5px;}
                    a{color: @primary-text-color; font-size: 12px; font-weight: bold;}
                    .blog-desc{padding: 14px 3px 7px 3px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #f5f5f5; border-top: 0px; .transition(display, 2s); 
                               .service{font-size: 14px;}
                               .sector{font-size: 16px;}
                    }
                    &:hover{
                        .blog-desc{display: inline;}
                    }
        }
    }
    .parallax-header{background: url("images/parallax_header.jpg") top center; height: 7px; margin-bottom: 5px;}
    .parallax{font-family: @secondary-font; color: @white; min-height: 350px; font-size: 30px; font-weight: bold; letter-spacing: 1px; 
              .display-table{height: 350px;}
    }
    .parallax-footer{background: url("images/parallax_footer.jpg") top center; height: 7px;}
    .content-page{position: relative; z-index: 5; padding: 30px 25px 25px 25px; background-color: rgba(255, 255, 255, .85); margin-top: 20px;margin-bottom: 40px; min-height: 200px;
                  .title{font-weight: 700; font-size: 21px;
                         a{color: @primary-text-color;
                           &:hover{color: @primary-color;}
                         }
                  }
                  .formBottomContainerMain{
                    
                    padding: 15px;
                      
                      .formBottomContainer{
                          padding: 20px;
                          -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.2);
                    -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.2);
                    box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.2);
                      }
                  }
                  .contactCustomForm{
                         padding: 40px 30px;
                        a{
                            background: #2d512b;
                            padding: 10px 15px;
                            color: white;
                            border-radius: 4px;
                        }
                  }
                  .formLeftContainerMain{
                    padding: 5px 15px 15px 15px;
                    .formLeftContainerTop{
                        height: 248px;
                    }
                    .formLeftContainer{
                       
                       
                        padding: 15px;
                        border-radius: 4px;
                        -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.2);
                    -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.2);
                    box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.2);
                        .title{
                          
                           
                            h3{
                                font-weight: 600;
                                color: #1e1e1e;
                            }
                        }
                         i{
                            color: #86bc0f;
                            font-size: 20px;
                            margin-right: 10px; 
                        }
                        .child_title{
                            color: white;
                            padding: 15px 0 10px 0;
                        }
                      }
                  }
                 
                  .customMap{
                    iframe{height: 217px; max-width: 100%;}
                  }
                  .sub-title{font-weight: 600; font-size: 16px; padding-top: 10px;}
                  .sub-title-sm{font-weight: 600; font-size: 17px; padding-top: 10px;}
                  .desc{font-size: 13px; line-height: 25px; padding-top: 10px; padding-right: 15px;
                        img.showcase-img{margin: 7px;}
                        .form{
                             
                              input[type=text], textarea{background-color: transparent; color: @primary-text-color;margin-bottom: 5px; border: 1px solid @secondary-border-color; .radius(5px); padding: 20px; font-size: 16px; resize: none;}
                              input[type=submit], input[type=button]{background-color: @primary-color; color: @secondary-color; font-size: 16px; font-weight: 600; margin-top: -78px; margin-right: 15px;}
                              .form-input{margin-bottom: 15px;}
                              .warning{position: absolute; font-size: 14px; font-weight: 600; margin-top: -8px;}
                        }
                        .map{border: 1px solid @secondary-border-color;border-radius:5px;padding:1px;
                            //  iframe{height: 200px;}
                        }
                        &.ref-desc{min-height:145px;}
                  }
                  .boxes{margin-bottom: 10px;
                         .box{
                             .box-inner{height: auto;
                                        .infos{border-color: transparent;}
                             }
                         }
                  }
                  .references{margin-top: 15px;
                              .categories{background-color: @slogan-background-color; margin-bottom: 10px;
                                          a{background-color: @slogan-background-color; color: @white; font-size: 14px; padding: 15px 30px 15px 30px; display: inline-block; font-weight: 600; .transition(all, 0.8s);
                                            &:hover, &.active{background-color: @secondary-color;}
                                          }
                              }
                              .list{margin-bottom: 30px;
                                    .item{border-bottom: 1px dashed @secondary-color; padding-bottom: 15px; padding-top: 15px;
                                          .image{
                                              .detail-hover{position: absolute; width: 330px; height: 225px; text-align: center; background-color: rgba(0,0,0, 0.80); z-index: 1; display: none;
                                                            img{margin-top: 22px;}
                                              }
                                              .owl-controls .owl-page span{background-color: @secondary-color;}
                                              .project{font-size: 14px;
                                                       a{color: @primary-color; .transition(all, 0.8s); border-bottom: 2px solid transparent; padding-bottom: 4px;
                                                         &:hover{border-color: @secondary-color;}
                                                       }
                                              }
                                          }
                                          .title{font-size: 14px;}
                                          .infos{padding-left: 5px;}
                                          .tags{margin-top: 7px; padding-right: 24px;
                                                .tag{background-color: #254c25; padding: 5px 0px 5px 0px; .transition(all, 0.60s); border-right: 5px solid @white; border-bottom: 5px solid @white;
                                                     .icon{text-align: center; padding-top: 3px;}
                                                     .text{text-align: center; color: @white; font-size: 10px; margin-top: 5px;
                                                        height: 30px;
                                                        display: flex;
                                                        align-items: center;
                                                        justify-content: center;}
                                                     &:hover{background-color: @secondary-color;}
                                                }
                                          }
                                    }
                              }
                  }
    }
    .phone-callback{background-color: @phone-callback-color; padding: 30px 0px 25px 0px; margin-bottom: 55px; min-height: 170px;
                    .title{font-weight: 700; font-size: 25px; color: @white;
                           span{font-weight: 400; font-size: 16px;}
                    }
                    .form{padding-top: 8px;
                          input[type=text], select{border: 1px solid #ffffff6b; border-radius: 0px; background-color: #ffffff6b; color: @primary-color; font-weight: 600; border-radius: 5px;font-size: 12px;}
                          input[type=text]::-webkit-input-placeholder {color: @primary-color;}
                          input[type=text]::-moz-placeholder {color: @primary-color;}
                          input[type=text]:-ms-input-placeholder {color: @primary-color;}
                          input[type=text]:-moz-placeholder {color: @primary-color;}
                          input[type=button], input[type=submit]{outline: none; font-weight: bold; background-color: @primary-color !important; color: @white;}
                    }
                    .iti {width:100%;
                        .iti__flag-container {
                            height:44px;
                        }
                    }
                    input {background-color:rgba(255, 255, 255, .42);color: @primary-color;font-weight:600;}
                    input::placeholder {color: @primary-color;font-size:12px;font-weight:600;}
    }
        .formCutomTextArea{
            border: 1px solid #ffffff6b; border-radius: 0px; background-color: #ffffff6b; color: @primary-color; font-weight: 600; border-radius: 5px;
        }
        textarea.formCutomTextArea::-webkit-input-placeholder {
            color: @primary-color;
            font-size:12px;
        }
        
        textarea.formCutomTextArea:-moz-placeholder { /* Firefox 18- */
            color: @primary-color;
            font-size:12px;
        }
        
        textarea.formCutomTextArea::-moz-placeholder {  /* Firefox 19+ */
            color: @primary-color;
            font-size:12px;
        }
        
        textarea.formCutomTextArea:-ms-input-placeholder {
            color: @primary-color;
            font-size:12px;
        }
        
        textarea.formCutomTextArea::placeholder {
            color: @primary-color;
            font-size:12px;
        }
}
footer{margin-top: 50px;
       .header{background-color: @secondary-color; padding: 10px 0px 5px 0px;
               .tooltip-inner{font-family: @primary-font; font-size: 14px;}
               .facebook{color: @primary-color; .transition(all, 0.2s);
                         &:hover{color: #3a589b;}
               }
               .twitter{color: @primary-color; .transition(all, 0.2s);
                        &:hover{color: #598dca;}
               }
               .linkedin{color: @primary-color; .transition(all, 0.2s);
                &:hover{color: #21567E;}
                }
                .instagram{color: @primary-color; .transition(all, 0.2s);
                &:hover{color: #4069C8;}
                }
               .treegrup_tree{position: absolute; margin-top: -53px;}
       }
       .footer_adressTitle{
        p{
            font-size: 13px; color: @white; .transition(all, 0.2s);
            &:hover{padding-left: 10px;}
        }
       }
      
       .footer{background-color: @primary-color; padding: 40px 0px 28px 0px;
        .footerAltTitle{
            font-weight: 600;
            
                margin: 0 0 3px !important;
            
        }
               .footerSubTitle{ line-height: 18px;}
               .links a{font-size: 13px; color: @white; .transition(all, 0.2s);
                        &:hover{padding-left: 10px;}
               }
               .infos{
                   .phoneContainer{
                    height: 90px;
                    .phone__title{
                        font-size: 13px;
                        color: @white;
                        transition-property: all;
                        transition-duration: 0.2s;
                    }
                    .phone{    
                        color: @white;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        font-size: 24px;
                        font-weight: 600;
                        }
                   }
                  
                   .mail, 
                   .address{
                    font-size: 13px;
                    color: @white;
                    transition-property: all;
                    transition-duration: 0.2s;
                    line-height: 18px;
                   
                }
               }
       }
} 
.referancesImages{
    display:flex; align-items:center;justify-content:center;height:210px;
}
.referancesProjectContainer{
    margin-top:2%;
}
.customNavBar{
    background: transparent;
    border: none;
    font-size: 30px;
    color: white;
    height: 50px;

}
// .cusTomcollapse{
//     .card-body li:first-child{
//       padding-top: 10px;
//   } 
// }
.margin0{
    margin: 0;
}
.customFooterTitle{
  height: 20px;
  
  a{
    background: transparent;
    box-shadow: none;
    border: none;
    text-align: left;
    padding: 0;
    height: 7px;
  }
  a:hover{
      background-color: transparent;
  }
  .arrowIcon{
    display: none;
    font-size: 20px;
    margin-left: 10px;
    font-weight: 700;
  }
}

/* responsive */
@media (max-width: 1024px){
    .desktopShow{
        display: none !important;
    }
    .mobileShow{
        display: block !important;
    }
    .desktopShowContents{
        display: none !important;
    }
    .cutomMobileContainer{

        display: flex;
        align-items: center;
    }
    // .homeReferances_img{
    //     filter: none !important;
    // }
    .primarySticky{
        position: fixed !important;
        padding: 0 15px !important;
        .logo{
            img{
                display: flex !important;
            }
        }
    }
    .homeReferancesM{
        .boxes{
            .infos-title{
                .title{
                    font-weight: 700;
                    font-size: 24px;
                    margin: 20px 0 0px 0;
                    color: #96c31b;
                }
                .borderDvi{
                    border-bottom: 3px solid #a0cd25;
                    width: 30%;
                    margin-bottom: 40px;
                }
            }
        }
        .homeReferances{
            
            .homeReferances_hoverImg{
                display: block;
            }
            .homeReferances_img1{
                display: none;
            }
            
        }
        
        .homeReferances:hover{
            .homeReferances_hoverImg{
                display: none;
            }
            .homeReferances_img1{
                display: block;
            }
           
        }
    }
//   header #menus .primary-menu{padding: 10px 14px 10px 14px !important;}
    .call-form{width: 100% !important;}
    // border effect disable
    .border-continuous div{background-color: transparent !important;}
    header.sticky{
        #menus .primary-menu{min-height: 50px;position:relative;}
        .sticky-menuBg{background-color: @primary-color;position: fixed;height: 55px;width:100%;z-index:999;}
    }
    header{
        .logo{text-align: center; justify-content: start;}
        #main-slider{float: left; margin-top: 157px;
                     .parallax-head{
                                    .display-table{height: 600px;}
                     }
        }
        #menus .primary-menu .menus{margin-top: 0px; padding-left: 0px; padding-right: 0px;
                                    nav .navbar-nav li .caret{float: right; margin-top: 6px; border-top: 12px dashed; border-right: 12px solid transparent; border-left: 12px solid transparent;}
                                    .navbar{height: auto;}
                                    .navbar-default{
                                        .navbar-toggle{border: 0px; background-color: @secondary-color;}
                                        .navbar-form{border-color: @secondary-color;}
                                        .navbar-collapse{text-align: center; border-color: @secondary-color; overflow: hidden !important;}
                                        ul li{width: 100%; height: auto; border-bottom: 1px solid @secondary-color; padding: 13px !important; text-align: center !important;
                                              a{padding-top: 0px; font-weight: 700;}
                                        }	
                                        ul li.dropdown{
                                            .dropdown-menu{width: auto;
                                                           li{border-bottom: 1px dashed @secondary-color;
                                                              a{color: @white !important;}
                                                              &:nth-last-child(1){border: 0px;}
                                                           }
                                            }
                                        }
                                    }
        }	
        .infos{text-align: center;}
        .links{text-align: center;
               a{padding: 15px !important;}
        }
    }
    main{
        .home-content-outer{padding: 0px 15px 0px 15px;
                            .home-carousel{
                                .carousel-controls{left: -5px;}
                                .carousel-item{text-align: center;}
                            }
        }
        .boxes{
            .box{
                .box-inner{
                    .infos{border: 0px;}
                }
            }
        }
        .blogs{
            .blog-image{text-align: center; min-height: unset;
                        .blog-desc{display: none !important;}
            }
        }
        .content-page{margin-top: 0px !important; z-index: unset;
                      .references{
                          .list{
                              .item{text-align: center;
                                    .title{margin-top: 10px;}
                                    .tags{padding-right: 0px;}
                                    .image{
                                        .detail-hover{display: none !important;}
                                    }
                              }
                          }
                          .categories{
                              a{float: left; width: 100%;}
                          }
                      }
                      .desc{
                          .form{padding: 0px;}
                          .map{
                              iframe{width: 100%;}
                          }
                          &.ref-desc{min-height:auto;}
                      }
        }

    }
    footer{
        .header{text-align: center;}
        .footerNavContainer{
            min-height: 150px;
        }
        .footerNavContainerAddress{
            min-height: 140px;
        }
       
    }
}
@media(max-width: 1200px){
    header #menus .primary-menu .menus nav .navbar-nav li{
        padding-left: 25px;
    }
}
@media(max-width: 1024px){
   
    header #menus .primary-menu .menus{
       height: auto;
    }
}
@media(max-width: 1024px){
    .navbar-collapse.collapse{
        display: auto !important;
    }
   
}
@media(max-width:991px){
    header .sticky-phone span{
        font-size: 14px !important;
        margin: 10px 6px 0px 0px !important;
    }
    main .boxes .box .box-inner {
        min-height: 350px;
        height: 350px;
        .desc{
        height: auto;
        margin-top: 20px;
       }
    }
}
@media(min-width: 768px){
    .container{
       max-width: 1170px !important;
       width: 100% !important;
    }
   
   
}
@media(max-width:768px){
    main .home-carousel .carousel-item .title{
        height: 160px;
    }
    .fixedWhatsapp {
        bottom:120px;
    }
    header .call-form .g-recaptchaContainer {
        height:auto;
    }
}
@media (min-width: 480px) and (max-width: 1024px){
    header .call-form .g-recaptchaContainer {
        height:auto;
    }
}


@media(max-width:576px){
   
    .customFormInput{
        margin-top: 0 !important;
        float: left !important;
        margin-left: 15px !important;
        width: 90%;
    }
    header #menus .secondary-menu a{
        padding: 5px !important;
    }
    main .boxes .box .box-inner {
        min-height: 420px;
        height: 420px;
       
    }
    main .home-carousel .carousel-title{
        font-size: 23px;
    }
    .sloganContent{
        height: auto;
        h1{
            text-align: center;
            font-size: 20px !important;
        }
    }
    .homeContactMeet .homeContactMeetPlace .homeContactMeet_container{
        padding: 10px 0;
        img{
            width: 30px;
        }
        .contactTitle{
            font-size: 15px;
           height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .contactHere{
            font-size: 13px;
            
        }
    }
    .mobile__bottomcontainer{
        font-size: 20px;
    }
    footer{
        .footerNavContainerAddress{
            min-height: 90px;
        }
        .footerNavContainer{
            min-height: auto;
        }
        .customFooterTitle{
            .arrowIcon{
                display: inline;
            }
        }
    }
}
/* responsive menu */
.c-hamburger{display:block;position:relative;overflow:hidden;margin:0;padding:0;width:50px;height:52px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background 0.3s;transition:background 0.3s}.c-hamburger:focus{outline:none}.c-hamburger span{display:block;position:absolute;top:22px;left:10px;right:10px;height:8px;background:white}.c-hamburger span::before,.c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:8px;background-color:#fff;content:""}.c-hamburger span::before{top:-11px}.c-hamburger span::after{bottom:-11px}.c-hamburger--htx{background-color:transparent;}.c-hamburger--htx span{-webkit-transition:background 0s 0.3s;transition:background 0s 0.3s}.c-hamburger--htx span::before,.c-hamburger--htx span::after{-webkit-transition-duration:0.3s,0.3s;transition-duration:0.3s,0.3s;-webkit-transition-delay:0.3s,0s;transition-delay:0.3s,0s}.c-hamburger--htx span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}.c-hamburger--htx span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}.c-hamburger--htx.is-active{background-color:#00551d}.c-hamburger--htx.is-active span{background:none}.c-hamburger--htx.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.c-hamburger--htx.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after{-webkit-transition-delay:0s,0.3s;transition-delay:0s,0.3s}