a,div,span,p{
    font-family: 'IRSans_Regular';
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 400;
    line-height: 1.2;
    color: #d9d9d9;
}
h1, .h1, .h1, h2, .h2, .h2, h3, .h3, .h3{
    font-weight: 600;
    font-family: "IRSans_Regular";
}
.kform-group {
    display: flex;
}

@media (max-width: 1024px) {
    .kform-group {
        display: unset;
    }
}

ul.icons-list {
    text-decoration: none;
    list-style: none;
    display: flex;
    justify-content: start;
}

ul.icons-list li {
    margin: 0 5px;
}

ul.icons-list li a {
    text-decoration: none;
}

ul.icons-list i {
    vertical-align: -webkit-baseline-middle;
    font-size: large;
}

.Atext-left {
    text-align: left;
}

.Atext-right {
    text-align: right;
}

.validation-error-label,
.validation-valid-label {
    margin-top: 7px;
    margin-bottom: 7px;
    display: block;
    color: #f44336;
    position: relative;
    padding-right: 20px;
    width: auto;
    font-size: 14px;
}

.validation-valid-label {
    color: #4caf50
}

.validation-error-label:before,
.validation-valid-label:before {
    font-family: icomoon;
    position: absolute;
    top: 4px;
    right: 0;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px
}

.validation-error-label:empty,
.validation-valid-label:empty {
    display: none
}

.validation-error-label:before {
    content: '\ed63'
}

.validation-valid-label:before {
    content: '\ee73'
}

.KF_required {
    color: red;
}

.datepicker-container {
    direction: ltr !important;
}

.form-control {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

.heading-elements .btn-group-sm>.btn,
.heading-elements .btn-sm,
.heading-elements .input-group-sm,
.heading-elements .input-sm,
.heading-elements .pager-sm,
.heading-elements .pagination-sm,
.heading-elements .select-sm,
.heading-elements .selectbox-sm+.selectboxit-container,
.heading-elements .uploader-sm {
    margin-top: 1px
}

.heading-elements .btn-group-xs>.btn,
.heading-elements .btn-xs,
.heading-elements .input-group-xs,
.heading-elements .input-xs,
.heading-elements .pager-xs,
.heading-elements .pagination-xs,
.heading-elements .select-xs,
.heading-elements .selectbox-xs+.selectboxit-container,
.heading-elements .uploader-xs {
    margin-top: 2px
}
/* fancybox */
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background-color:#fff;color:#333;border-radius:3px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 1px 10px rgba(0,0,0,.2);box-shadow:0 1px 10px rgba(0,0,0,.2)}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading{position:fixed;top:50%;left:50%;cursor:pointer;z-index:8060;color:#fff;opacity:.8}#fancybox-loading div:after{content:'\eb55';font-family:icomoon;font-size:16px;margin-top:-8px;margin-left:-8px;display:block;line-height:1;width:16px;height:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-animation:rotation 1s ease infinite;-o-animation:rotation 1s ease infinite;animation:rotation 1s ease infinite}.fancybox-close{position:absolute;left:-32px;top:-32px;padding:8px;z-index:8061;cursor:pointer;line-height:1;color:#fff;border-radius:3px}.fancybox-close:focus,.fancybox-close:hover{background-color:rgba(0,0,0,.25);color:#fff}.fancybox-close:after{content:'\ed6a';font-family:icomoon;font-size:16px;display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fancybox-error{color:#f44336;font-weight:500;margin:0;padding:20px;white-space:nowrap}.fancybox-title{visibility:hidden;font-weight:500;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;left:50%;margin-bottom:-45px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-left:-100%;padding:7px 12px;background:rgba(0,0,0,.5);color:#fff;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background-color:transparent}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;background-color:transparent;-webkit-tap-highlight-color:transparent;z-index:8040}.fancybox-nav span{position:absolute;top:50%;width:32px;height:32px;margin-top:-16px;cursor:pointer;padding:8px;color:#fff;background-color:rgba(0,0,0,.5);display:block;text-align:center;z-index:8040;visibility:hidden;border-radius:3px;opacity:0}.fancybox-nav span:after{font-family:icomoon;display:inline-block;font-size:16px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fancybox-nav:hover span{visibility:visible;opacity:1}.fancybox-prev{left:0}.fancybox-prev span{left:10px}.fancybox-prev span:after{content:'\e9c8'}.fancybox-next{right:0}.fancybox-next span{right:10px}.fancybox-next span:after{content:'\e9cb'}.fancybox-lock{overflow:visible!important;width:auto}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background-color:rgba(0,0,0,.8)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}
@media (max-width: 320px) {
    .hasfile .filename{
        width: 160px;
    }
}
.KF-blackwhite{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.KF-bg-secondry{
    background-color: #353535;   
}
/* boxshadows */
.KF-boxshadow1{
    box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}
.KF-boxshadow2{
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
/* boxshadows */
.navbar-nav.KF-navbar .nav-link:not(.vijeh){
    color: #D9D9D9 !important;
}
.navbar-nav.KF-navbar .nav-link:not(.vijeh):hover{
    color: #fff !important;
}
.border-radius-3xl{
    border-radius: 3rem;
}
.KF-dropdown-menu{
    text-decoration: none;
    list-style: none;
    position: absolute;
    top: 68px;
    width: auto;
    background: #000;
    display: none;
}
.KF-dropdown-menu li:not(:first-child){
    border-top: #353535 solid 1px ;
}
.KF-dropdown-menu li:first-child{
    border-radius: 1rem 1rem 0 0;
}
.KF-dropdown-menu li:last-child{
    border-radius: 0 0 1rem 1rem;
}
.KF-dropdown-item{
    direction: rtl;
    color: #D9D9D9;
    font-size: 10pt;
    line-height: 3;
    display: block;
    width: 100%;
}
.KF-dropdown-menu li:hover{
    background-color: #232323;
}
.KF-dropdown-item:hover{
    color: #fff;
}
@media (max-width: 991px) {
    .KF-navbar{
        padding: 0;
    }
    .KF-dropdown-menu{
        position: relative;
        top: 0;
        display: block;
    }
    .KF-dropdown-item{
        font-size: 9pt;
    }
}
.KF-header-title,.KF-mainpage-title{
    font-weight: unset;
    margin-top: 2rem;
    font-size: 24pt;
}
.KF-header-subtitle{
    font-size: 22pt;
}
.KF-header-title a,.KF-header-subtitle a{
    color: #00b9ac;
    font-weight: bold;
}
.KF-header-title a:hover,.KF-header-subtitle a:hover{
    color: #00ccbe;
}
.KF-header-boldspan,.KF-mainpage-boldspan{
    color: #00b9ac;
    text-shadow: #00ccbe 1px 1px 2px;
}
.KF-header-img{
    width: 100%;
}
@media (max-width: 560px) {
    .KF-header-title{
        font-size: 20pt;
    }
    .KF-header-subtitle{
        font-size: 18pt;
    }
}
@media (max-width: 490px) {
    .KF-header-title{
        font-size: 17pt;
    }
    .KF-header-subtitle{
        font-size: 17pt;
    }
}
.KF-page-body{
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: 50%;
}
.KF-service-box-title{
    font-size: 16pt;
    color: #d9d9d9;
    font-weight: 700;
    margin: 0 0 0.2rem 0;
}
.KF-service-box-description{
    color: #d9d9d9;
    opacity: .8;
    font-size: small;
}
.KF-service-box{
    border-right: 0.5px #94949494 solid;
}
@media (max-width:990px){
    .KF-service-box{
        border-right: unset;
        padding: 0 !important;
    }
}
@media (max-width:560px){
    .KF-service-box-title{
        font-size: 14pt;
    }
}
.KF-footer ul{
    list-style: none;
    padding: 0;
}
.KF-footer .KF-service-box:first-child{
    border-right: unset;
}
.KF-footer-title{
    font-size: 12pt;
    color: #00b9ac;
    font-weight: 700;
    margin: 0 0 0.2rem 0;
}
.KF-footer-option,.KF-footer-option a{
    color: #d9d9d9;
    opacity: .8;
    font-size: small;
}
.KF-footer-option:hover,.KF-footer-option a:hover{
    color: #fff;
    opacity: 1;
}
.KF-socials a{
    color: #d9d9d9;
    opacity: .8;
    transition: all .3s;
}
.KF-socials a:hover{
    color: #fff;
    opacity: 1;
}
.KF-socials a i{
    font-size: 18pt;
}
/* custom scrollbar */
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background-color: #232323;
    transition: all .8s ease-in-out;
}

::-webkit-scrollbar-thumb {
    background-color: #00ccbe;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: all .8s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #009a90;
}
.ACK-seperator i{
    display: grid;
    color: #00ccbe;
    line-height: 20px;
    font-size: 48pt;
    transition: all .2s;
}
.KF-mainpage-subtitle{
    font-size: 14pt;
    color: #d9d9d9;
}
.KF-mainpage-img{
    max-width: 300px;
}
.KF-mainpage-img-container{
    text-align: left;
}
.mainpage-content,.mainpage-content p,.mainpage-content span,.mainpage-content a{
    font-size: 14pt;
    color: #d9d9d9;
}
.mainpage-content h1,.mainpage-content .h1,.mainpage-content h2,.mainpage-content .h2,.mainpage-content h3,.mainpage-content .h3,.mainpage-content h4,.mainpage-content .h4,.mainpage-content h5,.mainpage-content .h5,.mainpage-content h6,.mainpage-content .h6{
    color: #00ccbe;
    line-height: normal;
}
.mainpage-content img{
    width: 100%;
    height: auto;
    border-radius: 1rem;
}
@media (max-width:991px){
    .KF-mainpage-img{
        max-width: 100%;
    }
    .KF-mainpage-img-container{
        text-align: center;
    }
}
@media (max-width:560px){
    .mainpage-content,.mainpage-content p,.mainpage-content span,.mainpage-content a,.KF-mainpage-subtitle{
        font-size: 12pt;
    }
}
@media (max-width:306px){
    .mainpage-banner,.mainpage-content{
        padding: 0 !important;
    }
}
.mainpage-keywords,.mainpage-keywords span{
    font-size: 10pt !important;
}
@media (min-width:360px){
    .d-xxs-flex{
        display: flex !important;
    }
}
.worksamples-container .worksamples-servicegroup:first-of-type{
    border-radius: 0 1rem 1rem 0;
}
.worksamples-container .worksamples-servicegroup:last-of-type{
    border-radius: 1rem 0 0 1rem;
}
.worksamples-container .worksamples-servicegroup:only-child{
    border-radius: 1rem 1rem 0 0;
}
.worksamples-servicegroup{
    transition: all .3s;
}
.worksamples-servicegroup:hover{
    background-color: #2e2e2e !important;
}
.worksamples{
    background-color: #2e2e2e;
    padding: 2rem 1rem;
    border-radius: 1rem;
    transition: all .5s;
}
.worksamples img{
    object-fit: cover;
    object-position: top center;
    height:300px;
    transition: all .5s;
}
.worksamples img:hover{
    object-position: bottom center;
    transform: scale(1.03);
}
.cursor-unset{
    cursor: unset;
}
.fullmask{
    position: fixed;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 1;
    background-color: #323232;
    color: black;
}
.fullmask .masklogo{
    transition: all .8s;
    transition-timing-function: ease-in-out;
}
.fullmask img{
    width: 8.5rem;
}
.fullmask p.border-start{
    height: 8.5rem;
    width: 2rem;
    border-color: #D9D9D9 !important;
}
.fullmask div>p:first-child{
    font-size: 35pt;
    font-weight: bolder;
    color: #d9d9d9;
    line-height: 55px;
}
.fullmask div>p:last-child{
    font-size: 20pt;
    font-weight: bolder;
    color: #d9d9d9;
}
@media (max-width:991px){
    .fullmask img{
        width: 4.5rem;
    }
    .fullmask div>p:first-child{
        font-size: 20pt;
        line-height: 8px;
    }
    .fullmask div>p:last-child{
        font-size: 10pt;
    }
    .fullmask div.masktext{
        margin: 1rem;
    }
}