*{
    font-family: 'Averta', sans-serif;
    font-weight: normal;
}
ul{padding-left:0;}
li{list-style-type:none;}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
}
button:focus{
    outline:none;
    box-shadow: none;
    border:none
}
section {
    overflow-x: hidden;
}
a{color:inherit}
.full-none-img img{display:none;}
a:hover {
    color: #35b98d;
    text-decoration: none;
}
.warranty img{width:100% !important;}
.warranty li{
    list-style-type:unset;
}
.faq .quote {
    border-radius: 12px;
    margin: 0 0 8px 0;
    overflow: hidden;
    background: #f5f5f5;
    width: 70%;
    margin: 0 auto 8px auto;
}
.faq b {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #313131;
    position: relative;
    cursor: pointer;
    margin-bottom: 0px;
    padding: 36px 115px 36px 56px;
}
.faq b:after {
    content: '';
    display: block;
    background: #ffffff;
    border: 1px solid #D3D3D3;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    right: 23px;
    background-image: url(../img/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 500ms all ease;
}
.faq .quote .quote {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #909090;
    overflow: hidden;
    display: none;
    padding: 0px 56px 10px;
}
.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img{
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    object-fit: cover;
}
.fotorama{margin-bottom: 20px;}
/*WP*/
.fixed-nums {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    left: auto;
    right: 50px;
    width: auto;
    bottom: 20px;
    animation: MoveUpDown 2s linear infinite;
}
@keyframes MoveUpDown{
    0%, 100% {
        bottom: 20px;
    }
    50% {
        bottom: 50px;
    }
}
.fixed-nums .wp {
    height: 60px;
    width: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background-color: #64b261;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}
.fixed-nums .wp a {
    color: #fff;
    padding: 18px 5px;
    display: block;
    height: 100%;
}
.fixed-nums .wp a i {
    margin-right: 0;
    font-size: 25px;
    line-height: 26px;
}
/*end*/
/* Modal */
.modal-content {
    border-radius: 10px;
    padding-top: 40px;
    position: relative;
}
.modal-header {
    padding: 0 60px 20px 60px;
    border: none;
}
.modal-content .close {
    display: block;
    height: 20px;
    opacity: .5;
    position: absolute;
    right: 40px;
    top: 38px;
    width: 20px;
    z-index: 100;
    padding: 0;
    outline: transparent;
}
.modal-content .close::before, .modal-content .close::after {
    background: #282828;
    border-radius: 2px;
    content: '';
    display: block;
    position: absolute;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modal-content .close::before {
    left: 0;
    height: 2px;
    margin-top: -1px;
    top: 50%;
    width: 100%;
}
.modal-content .close::after {
    left: 50%;
    height: 100%;
    margin-left: -1px;
    top: 0;
    width: 2px;
}
.modal-body {
    padding: 0 60px 60px;
}
/* end */
/* Header&Slider */
nav{
    padding: 23px !important;
}
.header-navbar {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: white;
}
.more {
    letter-spacing: 0.1px;
    transition:500ms all ease
}
.more:hover{
    color:#d8d8d8;
}
#slider {height:600px;}
#slider .carousel-item img{
    height:100%;
    object-fit: cover;
}
.navbar-expand-lg .navbar-nav .nav-link{
    color: #333;
    padding: 0 17px;
    transition:500ms all ease;
    letter-spacing: 0.2px;
    font-size: 15px;
}
.carousel {
    z-index: 0;
}
.carousel-inner,.carousel,.carousel-item{height: 100%;}
.carousel:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    z-index: 1;
}
.nav-items {
    width: 100%;
}
.lang {
    position: relative;
}
.lang a {
    color: #3b3b3b;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
}
.lang ul a:hover{
    color:#191919
}
.lang .active-link{color:#333}
.lang a.active {
    opacity: .8;
}
.lang ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    width: auto;
    margin-top: 17px;
    padding: 18px 24px;
    background: #fff;
    border: 1px solid #d6e0ee;
    border-radius: 3px;
    -webkit-box-shadow: 0px 10px 20px -5px rgb(36 36 59 / 15%);
    box-shadow: 0px 10px 20px -5px rgb(36 36 59 / 15%);
    left: -72px;
    z-index: 5;
}
.link-phone {
    color: #535f69;
    font-weight: 600;
    letter-spacing: 0.1px;
    transition: all .5s linear;
}
.price-offer a {
    border: none;
    box-shadow: none;
    font-size: 15px;
    padding: 13px 40px;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    /*background: #87c540;*/
    background-color:#35b98d;
}
#slider svg,.navbar svg {
    width: 10px;
    height: 7px;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-left: 4px;
}
#slider .more img{margin-right:10px}
.navbar-expand-lg .navbar-collapse{
    flex-grow: 0;
}
.dropdown-icon {
    fill: none;
    stroke: #333;
    stroke-width: 1.5px;
    fill-rule: evenodd;
}
.lang ul:before,.lang ul:after {
    left: auto;
    right: 16px;
    content: "";
    position: absolute;
    top: -20px;
    border: 9px solid transparent;
    border-bottom: 10px solid #d6e0ee;
}
.lang ul:after {
    border-bottom-color: #fff;
    top: -18px;
}
.header-navbar.fixed{
    position: fixed;
    background: white;
    z-index:999
}
.fixed .navbar-expand-lg .navbar-nav .nav-link,.fixed .lang a{color:#3b3b3b}
.fixed .dropdown-icon{stroke:#3b3b3b}
.subed-li {
    position: relative;
}
.submenu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 5;
    list-style-type: none;
    padding-left: 0px;
    width: 190px;
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: rgb(0 0 0 / 16%) 0px 28px 52px 0px;
    box-shadow: rgb(0 0 0 / 16%) 0px 28px 52px 0px;
    overflow: hidden;
    top: 55px;
    left: -35px;
}
.nav-item {
    padding: 20px 0;
}
.submenu li {
    line-height: 50px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 0;
    padding-left: 20px;
}
.submenu li a {
    color: #454749;
    font-size: 15px;
    width: 100%;
    line-height: 50px;
    display: block;
    font-weight: 400;
}
.carousel-caption {
    text-align: left;
    bottom: 100px;
    left: 0;
    width: 100%;
    right: 0;
    padding: 0 15px;
}
.carousel-caption2{
    position: absolute;
    text-align: right;
    top: 100px;
    left: 0;
    width: 100%;
    right: 0;
    padding: 0 15px;
    z-index:1
}

#slider .carousel-caption p{
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 900;
    margin-top: 50px;
    text-transform: uppercase;
    max-width: 600px;
}
#slider .carousel-caption2 h2{
    margin-bottom:0;
    font-size: 36px;
    font-weight: 700;
    color:white;
}
.slider-arrow{
    position: absolute;
    width:100%;
    right:0;
    left:0;
    bottom: 100px;
    z-index: 1;
    text-align:right;
    z-index: 15;
}
.slider-arrow a{display: inline-block;}
.slider-arrow .carousel-control-prev-icon{
    background-image: url(../img/left.png);
    display: inline-block;
    width: 37px;
    height: 17px;
    margin-right:17px
}
.slider-arrow .carousel-control-next-icon{
    background-image: url(../img/right.png);
    display: inline-block;
    width: 37px;
    height: 17px;
}
/* end */
/* Woks */
#works{
    padding:50px 0 65px;
    background: #22253b;
}
#works .owl-carousel .owl-item img{
    height:600px;
    margin:0;
    object-fit:cover
}
#works h3,#services h2{
    color: white;
    font-size: 30px;
    margin: 0;
    text-transform: uppercase;
    font-weight:600
}
#works p,#services .serv-title{
    margin-top:20px;
    color: white;
    margin-bottom: 0;
    font-size: 14px;
}
#works .see-all{
    color: #c0c1c4;
    border-bottom: 1px solid #777982;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 12px;
}
#works .see-all:hover {
    text-decoration: none;
    border-color: transparent;
    color: white;
}
.heading-row {
    text-align: center;
    margin-bottom: 40px;
    color: #777982;
}
#works .owl-carousel .owl-item:after {
    content:"";
    height: 110px;
    position: absolute;
    bottom: 0;
    padding: 20px 5px;
    text-align: center;
    width: 100%;
    background: linear-gradient(360deg, black, transparent);
    color: white;
}
#works .img-fluid{
    object-fit: cover;
    height: 600px;
}
.short-text {
    position: absolute;
    margin: 0;
    width: 100%;
    text-align: center;
    bottom: 40px;
    color: white !important;
    font-size: 1rem !important;
}
#works .owl-nav button:first-child {
    left: 0;
}
#works .owl-nav button:last-child{right: 0;}
#projects .owl-nav button {
    width: 12%;
}
#works .owl-nav button{
    width: 12%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: white;
    font-size: 70px;
    z-index: 1;
    height: 100%;
}
#works .owl-nav button:hover::before{
    opacity: 1;
}
#works .owl-nav button span{
    padding: 0 20px;
    transition: all .2s ease;
    opacity: 0.4;
    font-size: 50px;
}
#works .owl-nav button:first-child::before{
    background-image: linear-gradient(to right, #00000067, transparent);
}
#works .owl-nav button:last-child::before{
    background-image: linear-gradient(to left, #00000067, transparent);
}
#works .owl-nav button::before{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: opacity .1s linear;
    opacity: 0;
}
/*Fotrama*/
.fotorama__arr:before{
    position: absolute;
    content: "";
    right: -2px;
    top:16px;
    bottom:-16px;
    left: -2px;
    z-index: -1;
    transition: opacity .1s linear;
    opacity: 0;
}
.fotorama__arr--prev:before{
    background-image: linear-gradient(to right, #00000067, transparent);
}
.fotorama__arr--next:before{
    background-image: linear-gradient(to left, #00000067, transparent);
}
.fotorama:hover .fotorama__arr:before{
    opacity: 1;
}
.fotorama__arr:after{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .1s linear;
    background-size: 40px !important;
    background-position: 50% !important;
}
.fotorama__arr--prev:after{
    background: url(/img/prev.png) no-repeat;
}
.fotorama__arr--next:after{
    background: url(/img/next.png) no-repeat;
}
.fotorama__arr{
    background:none !important;
    height: 100%;
    width: 7%;
    top: 0;
}
/*end*/
#works .owl-nav button i{
    font-size: 30px;
    padding: 0 20px;
    transition: all .2s ease;
    opacity: 0.4;
}
#works .owl-nav button:hover i{
    opacity: 1;
}
#works .owl-dots {
    position: absolute;
    width: 100%;
    padding-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#works .owl-dots button {
    margin: 7px !important;
}
#works .owl-dots button.active span {
    background-color: #35b98d;
}
#works .owl-dots button span {
    width: 10px;
    height: 10px;
    background-color: #ededed;
    display: inline-block;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
/* end */

/*Static page*/
.static-title {
    color: #000;
    font-weight: 600;
    line-height: 1.5;
    font-size: 30px;
    margin-bottom: 0;
}
.static-head {
    padding: 32px 0 65px 0;
}
.bg-gray{
    background-color: #f6f6f6;
}
.bread-item {
    padding: 25px;
    background: #22253b;
}
.bread-item a{
    color:#35b98d;
}
.static-content,.cat-content,.full-page .full-content{
    padding: 80px 0;
    background: #22253b;
    color: white;
}
.cat-content .serv-box{
    margin-bottom:30px;
}
.static-content img,.full-content img{
    width: 50%;
    height: 428px;
    object-fit: cover;
    margin: 0 0 10px 10px;
    float:right;
    border-radius:4px;
}
.cert-page {
    margin: 0 -10px;
}
.cert-page img{
    display:inline-block;
    padding:10px;
    margin:0;
    width: 33.333333%;
    float:none;
    height:auto;
}
.static-text img{display:none;}
.fotorama-serv img{display:initial;}
.loc {
    cursor: pointer;
    transition: background .1s linear;
    background-color:#22253b;
    color: white;
}
.contact-content {
    color: white;
    background: #22253b;
}
.loc:hover {
    border-bottom: 1px solid #35b98d;
}
.loc .loc-content {
    padding: 25px 15px;
    border-bottom: 1px solid #d6d9db;
}
.loc:hover .loc-content {
    border-bottom: none;
}
.loc h2 {
    font-weight: bold;
}
.loc .loc-content p {
    margin-bottom: 0;
}
.loc .loc-content img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
#map {
    height: 400px;
}
/*end*/
/*Category*/
.cat-page .product-item{
    padding: 0 4px;
    margin-bottom: 8px;
}
.cat-page #dle-content{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-left: -4px;
}
.cat-page .img-wrap{position:relative;}
.img-wrap {
    overflow: hidden;
}
.img-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(-26%,#000),color-stop(73%,hsla(0,0%,100%,0)));
    background-image: -o-linear-gradient(top,#000 -26%,hsla(0,0%,100%,0) 73%);
    background-image: linear-gradient(180deg,#000 -26%,hsla(0,0%,100%,0) 73%);
    opacity: .6;
    z-index: 1;
}
.product-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: 500ms all ease;
}
.product-info {
    padding: 22px 30px 22px;
    background-color: white;
    color: #3b3b3b;
}
.product-info h3 {
    min-height: 1.5rem;
    display: block;
    display: -webkit-box;
    font-size: 1rem;
    max-height: 4.5rem;
    line-height: 1.5rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.date {
    font-size: 1rem;
    opacity: .3;
}
.img-wrap:hover img {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
}
.cat-page .product-info{
    /*background-color: #f6f6f691;*/
}
/*end*/
/*Static*/
.serv-static li,.full-content li {
    margin-bottom: 10px;
    list-style-type:none;
    padding-left: 20px;
    position: relative;
}
.gorulen-isler ul{
    column-count: 3;
    padding-left:0;
}
.serv-static li:before,.full-content li:before {
    content:"";
    display:inline-block;
    width:13px;
    height:13px;
    border: 3px solid #87c540;
    border-radius:50%;
    position: absolute;
    left: 0;
    top: 6px;
}
.serv-static ul{
    padding-left:0;
}
/*end*/
#navbarNav.active{
    visibility:visible;
    opacity:1;
    right:-15px;
    
}
.navbar-toggler-menu{display:none;}
/*advantages*/
#advantages {
    padding: 30px 0 60px;
    background: #22253b;
}
.nav-pills .nav-link{
    border-bottom:4px solid #f5f5f5;
    border-radius: 0;
    color:white;
    transition:.5s all ease;
    
}
.nav-pills .nav-link:hover{
    color:#35b98d;
    border-bottom: 4px solid #35b98d;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color:transparent;
    border-bottom:4px solid #35b98d;
    color: #35b98d;
}
.nav-pills .nav-item{padding:0 12px;    width: 20%;
    text-align: center;}
/*.nav-pills .nav-link:hover{color:initial;}*/
.nav-pills .nav-link.active:hover{
    color:#35b98d;
}
.nav-pills .nav-link{padding: 24px 20px;}

.tab-content{
    margin-top:50px;
}
.tab-content .tab-pane {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.33;
    text-align: center;
    max-width: 60%;
    margin: 0 auto;
    color:white;
}
/*end*/
/*services*/
#services{
    padding: 70px 0;
    background: #eae9e9;
}
#services .title {
    font-size: 40px;
    letter-spacing: -1.8px;
    margin: 0px;
    color: #332b2b;
    margin-right: 0;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 48px;
}
.serv-box {
    border-radius: 50%;
    width: 250px;
    height: 250px;
    overflow: hidden;
    position: relative;
    display: block;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.serv-box > span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-shadow: 1px 1px #000;
    width: 85%;
    text-align: center;
}
.serv-icon {
    background: url(../img/arrow.png) no-repeat;
    display: block;
    width: 27px;
    height: 15px;
    margin: 5px 0 0 auto;
    filter: invert(1);
}
.serv-box::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #35b98d54;
}
.serv-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    filter: grayscale(0.7);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-filter: grayscale(0.7);
}
.all-serv{
    display: flex;
    align-items: center;
    justify-content: center;
}
.all-serv::before {
    background: rgb(58, 52, 52);
}
.all-serv a {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.serv-box:hover {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
}
.serv-box:hover img {
    filter: none;
    -webkit-filter: none;
}
.serv-box:hover .serv-icon {
    -webkit-animation: arrowhower 800ms linear infinite;
    animation: arrowhower 800ms linear infinite;
}
@keyframes arrowhower{
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
/*end*/
/*about*/
#about {
    padding: 50px 0;
    position: relative;
}
.about-background{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    background-image: url(/img/map-img.png);
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    width: 100%;
}
.about-content {
    text-align: center;
    margin: 0 auto;
    max-width: 74%;
}
.about-title{
    color: #000000;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 300;
    max-width: 70%;
    margin: 0 auto 30px;
}
.about-content p{
    color: #494b4d;
    line-height: 1.4;
    font-weight: 300;
    font-size: 19px;
    margin-bottom: 45px;
}
.about-advantages p:before{
    content:"";
    width:10px;
    height:10px;
    border-radius: 3000px;
    background-color: #ee3d48;
    display: block;
    margin: 0 auto 25px;
}
.about-advantages p{
    color: #000000;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;
    max-width: 80%;
    margin: 0 auto;
}
.about-advantages a{
    color: rgb(238, 61, 72);
    border-bottom: 1px solid rgb(238, 61, 72);
    box-shadow: none;
    text-decoration: none;
    display:inline-block;
    margin: 15px auto 0;
    font-size:15px;
}
.about-advantages {
    text-align: center;
}
/*end*/
/*references*/
#partners {
    padding: 90px 0 75px;
    position: relative;
    background: #22253b;
}
#partners h6 {
    font-weight: bold;
    font-size: 26px;
    line-height: 1;
    letter-spacing: .02em;
    -webkit-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%);
    -webkit-transform-origin: left;
    transform-origin: left;
    position: absolute;
    top: 50%;
    left: 3.5%;
}
#partners .partners-wrapper img,.ref-page img {
    padding: 40px;
    margin: 15px !important;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    height: 150px !important;
    border-radius: 4px;
    object-fit: contain;
    filter: grayscale(100%);
    /*opacity: 0.3;*/
    transition: 300ms all ease;
    cursor: pointer;
    flex: 0 0 16.666667%;
    max-width: calc(16.666667% - 30px);
}
.ref-page img {
    float: none;
    display: inline-block;
}
#partners .partners-wrapper img:hover,.ref-page img:hover {
    filter: none;
    /*opacity: 1;*/
}
/*end*/
/*calltoaction*/
#calltoaction{
    /*background: linear-gradient(to bottom right, #ffb71b 0, #ffdb8e 47%);*/
    color: white;
    padding-top: 5.5rem;
    padding-bottom: 6.6875rem;
    background-color:#666fb0;
}
.calltoaction-left>span{
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    opacity: .4;
    margin-bottom: 0.5rem;
}
.calltoaction-left p{margin-bottom: 1.5rem;}
.calltoaction-left p a {
    padding-bottom: 7px;
    color: white;
    font-size: 2.5rem;
    line-height: 1.34;
    font-weight: 500;
    background-size: 0 1px;
    background-position: 100% 100%;
    background-image: -webkit-gradient(hsl(0deg 0% 100% / 40%), hsl(0deg 0% 100% / 40%));
    background-image: -o-linear-gradient(hsl(0deg 0% 100% / 40%), hsl(0deg 0% 100% / 40%));
    background-image: linear-gradient(hsl(0deg 0% 100% / 40%), hsl(0deg 0% 100% / 40%));
    background-repeat: no-repeat;
    text-decoration: none !important;
    -webkit-transition-property: background-size, color;
    -o-transition-property: background-size, color;
    transition-property: background-size, color;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    will-change: background-size;
}
.calltoaction-left p a:hover {
    background-position: 0 100%;
    background-size: 100% 1px;
}
.caltoaction-button{
    color: white;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid hsl(0deg 0% 100% / 40%);
    padding: 13px 54px;
    font-size: .875rem;
    line-height: 1.3125rem;
    position: relative;
}
.caltoaction-button span{
    position: relative;
    z-index: 1;
}
.caltoaction-button:after {
    position: absolute;
    content: "";
    display: block;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    background-color: #000;
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.caltoaction-button:hover{
    border-color: #000;
    color:white;
}
.caltoaction-button:hover:after {
    width: 100%;
}
.calltoaction-social li{
    list-style-type:none;
    margin-bottom: 1.5rem;
}
.calltoaction-social li a i{
    margin-right: 2rem;
    width: 20px;
    width: 24px;
    font-size: 24px;
}
.calltoaction-social li a span{
    display: inline-block;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    margin-left: 1.5rem;
    line-height: 1.5rem;
    pointer-events: none;
    background-size: 0 1px;
    background-position: 100% 100%;
    background-image: -webkit-gradient(hsl(152deg 41% 54% / 40%), hsl(152deg 41% 54% / 40%));
    background-image: -o-linear-gradient(hsl(152deg 41% 54% / 40%), hsl(152deg 41% 54% / 40%));
    background-image: linear-gradient(hsl(152deg 41% 54% / 40%), hsl(152deg 41% 54% / 40%));
    background-repeat: no-repeat;
    text-decoration: none !important;
    -webkit-transition-property: background-size, color;
    -o-transition-property: background-size, color;
    transition-property: background-size, color;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    will-change: background-size;
}
.calltoaction-social li a:hover{color:#5bba8d;}
.calltoaction-social li a:hover span {
    background-position: 0 100%;
    background-size: 100% 1px;
}
/*end*/
/*footer*/
footer{
    background-color: #101010;
    color: #fff;
    padding: 64px 0;
}
.footer-logo {
    margin-bottom: 5.5rem;
}
.footer-left{padding-left:0;}
.footer-left li{
    list-style-type:none;
    margin-bottom: 0.5rem;
}
footer ul li a,.footer-contact p a,.footer-copy{
    color: #fff;
    background-size: 0 1px;
    background-position: 100% 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .4)), to(hsla(0, 0%, 100%, .4)));
    background-image: -o-linear-gradient(hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4));
    background-image: linear-gradient(hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4));
    background-repeat: no-repeat;
    text-decoration: none !important;
    -webkit-transition-property: background-size, color;
    -o-transition-property: background-size, color;
    transition-property: background-size, color;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    will-change: background-size;
}
footer ul li a:hover,.footer-contact p a:hover,.footer-copy:hover {
    background-position: 0 100%;
    background-size: 100% 1px;
    color:white;
}
.footer-link{
    color: #fff;
    background-color: #35b98d;
    padding: 0.8125rem 1.5rem;
    margin-top: 1.5rem;
    display:inline-block;
    position:relative;
}
.footer-link span{
    position: relative;
    display: inline-block;
    z-index: 1;
    pointer-events: none;
    font-size: .875rem;
    line-height: 1.3125rem;
}
.footer-link:after {
    position: absolute;
    content: "";
    display: block;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    background-color: #efefef;
}
.footer-link:hover{color:black;}
.footer-link:hover:after {
    width: 100%;
}
.footer-right li{
    list-style-type:none;
    margin-bottom: 1.5rem;
    padding-right: 3rem;
}
.footer-right li a{
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 500;
}
.footer-right{
    margin-bottom:0;
    display:inline-block;
    margin-bottom: 4rem;
}
.footer-descr{
    font-size: .625rem;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: .4;
    margin-bottom: 0.75rem;
    display:inline-block;
}
.footer-contact p a,.footer-contact .address{
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
}
.footer-contact>p{
    margin-bottom: 0.5rem;
}
.footer-bottom li{
    margin-bottom: 0.5rem;
}
.footer-bottom{
    margin-bottom: 4rem;
}
.footer-copy,.copy{
    font-size: .75rem;
    line-height: 1.3;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .5);
}
p.copy{
    margin-bottom:0;
}
/*end*/









/*Media queries*/
@media (min-width: 991.98px) and (max-width: 1199.98px) {
    #partners .partners-wrapper img, .ref-page img{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: calc(25% - 30px);
    }
    .navbar-expand-lg .navbar-nav .nav-link,.lang .active-link{font-size:13px;}
    .link-phone{display:none;}
    .price-offer a{padding:15px;}
}
@media (min-width: 1400px){
    .small-container {
        max-width: 1130px;
    }
}
@media (min-width: 992px){
    .price-offer a:hover {
    background: #30af84;
    }
    .submenu li:hover{
        background-color:#f1f1f1
    }
    .subed-li:hover .submenu {
        opacity: 1;
        visibility: visible;
    }
    .navbar-expand-lg .navbar-nav .nav-link:hover,.fixed .navbar-expand-lg .navbar-nav .nav-link:hover{color:#35b98d}
}
@media (max-width: 767.98px) and (min-width: 575.98px) {
    .fotorama__stage{height:450px !important;}
    .gorulen-isler ul {
    column-count: 2;
    }
}
@media (max-width: 1199.98px) {
    .about-background {
        background-position: center !important;
        background-size: cover;
    }
    .about-advantages p{
        max-width: 100%;
    }
    .about-advantages {
        margin-bottom: 30px;
    }
    .serv-box{margin:20px auto 0;width: 230px;
    height: 230px;}
    .header-navbar .navbar-brand img {
    height: auto;
    }
}
@media (max-width: 991.98px) {
    .header-navbar{z-index:2;}
    .footer-logo {
        margin-bottom: 3rem;
    }
    .footer-left {
        margin-bottom: 50px;
    }
    #partners h6{
        position:static;
        transform:none;
    }
    .copy{margin-top: 0.5rem;}
    footer {
        padding: 50px 0 90px;
    }
    .calltoaction-left {
        margin-bottom: 30px;
    }
    #services,#calltoaction{
        padding: 50px 0;
    }
    #partners{
        padding:0 0 50px;
    }
    #services .title {
        font-size: 30px;
        margin-bottom: 20px;
    }
    #partners .partners-wrapper img, .ref-page img{
        padding:10px;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: calc(33.333333% - 30px);
    }
    .about-content{max-width:100%;}
    .about-title {
        font-size: 20px;
        max-width: 100%;
    }
    .about-content p{font-size:16px;}
    .tab-content .tab-pane{max-width: 100%;    font-size: 28px;
    line-height: 35px;}
    .nav-pills .nav-link {
        padding: 20px 10px;
        font-size: 13px;
    }
    nav {
        padding: 15px !important;
    }
    .navbar{z-index:9999;}
    h1{font-size: 25px;}
    .loc .loc-content img {
        margin-top: 20px;
    }
    .modal{z-index:9999;}
    .static-content img,.full-content img{
        margin:0;
        margin-bottom:20px;
        width:100%;
        float:none;
        height:300px
    }
    .cert-page img{
        height:auto;
    }
    .static-head {
    padding: 32px 0;
    }
    .static-content, .cat-content, .full-page .full-content{padding: 0 0 50px;}
    #works .owl-nav button{
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -ms-flexbox !important;
    display: flex !important;
    }
    #works .img-fluid{height:300px;}
    .serv-full-img{height:300px;}
    .pad-ser{padding-top:50px;padding-bottom:50px;}
    #slider .carousel-caption p{font-size:18px;}
    .nav-item {
    padding: 15px 0;
    border-bottom: 2px solid #112c37;
    }
    .nav-pills .nav-item{
        border-bottom:none;
        width: 50%;
    }
    .navbar-nav .nav-item:last-of-type{margin-bottom:30px;}
    #slider {
        height: 400px;
    }
    #slider .carousel-caption2 h2{font-size:30px;}
    .price-offer{padding:0 17px;}
    .lang ul{
        left: 50%;
        transform: translateX(-50%);
    }
    .price-offer a{background-color:white;width:100%;color:#333;display: block;}
    .submenu{
        display:none;
        opacity: 1;
        visibility: visible;
        position: static;
        width: 100%;
        background: transparent;
        box-shadow: none;
        padding-left: 20px;
    }
    .navbar-expand-lg .navbar-nav .nav-link,.fixed .navbar-expand-lg .navbar-nav .nav-link, .lang a,.submenu li a{
        color:white !important;
    }
    .lang li a{
        color:#3b3b3b !important;
    }
    .dropdown-icon,.fixed .dropdown-icon{stroke:white}
    .menu-overlay.active {
    visibility: visible;
    opacity: 1;
    z-index: 111;
    }
    .menu-overlay {
        display: block;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,.8);
        -webkit-transition: opacity .3s,visibility .3s;
        transition: opacity .3s,visibility .3s;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
    }
    .header-container{max-width:100%;overflow: visible;}
    .overflow-menu-hidden{overflow:hidden}
    .nav-items{width:auto;right: 50px;
    position: absolute;}
    .navbar-brand{margin-right:0;}
#navbarNav{
    position: fixed;
    height: 100vh;
    width: 80%;
    background: linear-gradient(119deg, #469482, rgb(32 84 105), rgb(32 84 105));
    bottom: 0;
    top: 0;
    display:block;
    right: -100%;
    z-index: 9999;
    padding-left: 20px;
    -webkit-transition: all .5s ease;
    transition: all .3s ease;
    padding: 35px;
    padding-top: 90px;
    visibility:hidden;
    opacity:0;
    }
    .navbar-toggler-menu {
    position: absolute;
    right: 0;
    z-index: 9999;
    display:block;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    font-size: 1.25rem;
    }
}
@media (max-width: 767.98px) {
    #partners .partners-wrapper img, .ref-page img{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: calc(50% - 30px);
    }
}
@media (max-width: 575.98px) {
    .faq .quote {
    width: 100%;
    }
    .faq b {
    font-size: 16px;
    padding: 25px 85px 25px 25px;
    }
    #navbarNav{
        padding: 20px;
        width: 95%;
        padding-top: 90px;
    }
    .gorulen-isler ul {
    column-count: 1;
    }
    #works .owl-carousel .owl-item img{
        height:350px;
    }
    .fotorama__arr{transform: translate3d(0,0,0) !important;opacity: 1 !important;}
    .fotorama__arr:before{opacity:1 !important;}
    .fotorama__arr:after {
    background-size: 20px !important;
    }
    .fotorama__arr{width:15%;}
    .product-info h3{min-height:auto;}
    .cat-page .product-item{margin-bottom:30px;}
    .cat-page .product-item:last-of-type{margin-bottom:0;}
    .fotorama__stage{height: 300px !important;}
    }
@media (max-width: 400px) {
    .header-navbar .navbar-brand img {
        height: 30px !important;
    }
    .nav-items {
    right: 12% !important;
    font-size: 13px;
    }
}