::selection {
    background-color: rgba(79, 208, 224, 0.7);
    color: #4d5563;
}

.bg-white-gradient {
    width: 100%;
    position: absolute;
    height: 300px;
    background: #fff;
    background: -moz-linear-gradient(top, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,1) 10%, hsla(0,0%,100%,0.8) 30%, hsla(0,0%,100%,0) 80%, hsla(0,0%,100%,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,1) 10%,hsla(0,0%,100%,0.8) 30%,hsla(0,0%,100%,0) 80%,hsla(0,0%,100%,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,1) 10%,hsla(0,0%,100%,0.8) 30%,hsla(0,0%,100%,0) 80%,hsla(0,0%,100%,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.BG-brand-color {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: #00699d; /* Old browsers */
    background: -moz-linear-gradient(45deg, #00699d 0%, #00b2bb 50%, #bccf00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #00699d 0%,#00b2bb 50%,#bccf00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #00699d 0%,#00b2bb 50%,#bccf00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00699d', endColorstr='#bccf00',GradientType=1 ); /* IE6-9 */
}


.BG-brand-color2 {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: #e93e8a;
    background: -moz-linear-gradient(45deg, #e93e8a 0%, #564092 50%, #35bbd7 100%);
    background: -webkit-linear-gradient(45deg, #e93e8a 0%,#564092 50%,#35bbd7 100%);
    background: linear-gradient(45deg, #e93e8a 0%,#564092 50%,#35bbd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e93e8a', endColorstr='#564092',GradientType=1 );
}

.line-3-100, .line-3-70 {
    background: #00699d; /* Old browsers */
    background: -moz-linear-gradient(left, #00699d 0%, #00b2bb 54%, #bccf00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00699d 0%,#00b2bb 54%,#bccf00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00699d 0%,#00b2bb 54%,#bccf00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00699d', endColorstr='#bccf00',GradientType=1 ); /* IE6-9 */
}
.brand-color-2.line-3-100,
.brand-color-2.line-3-70 {
    background: #00699d; /* Old browsers */
    background: -moz-linear-gradient(left, #00699d 0%, #00b2bb 54%, #bccf00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00699d 0%,#00b2bb 54%,#bccf00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00699d 0%,#00b2bb 54%,#bccf00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00699d', endColorstr='#bccf00',GradientType=1 ); /* IE6-9 */
}
.btn-bg-color-arad, .btn-bg-color-arad-2 {
    background: -moz-linear-gradient(45deg, rgba(0,105,157,0.7) 0%, rgba(0,105,157,0.7) 8%, rgba(0,178,187,0.7) 49%, rgba(4,179,183,0.7) 50%, rgba(188,207,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(0,105,157,0.7) 0%,rgba(0,105,157,0.7) 8%,rgba(0,178,187,0.7) 49%,rgba(4,179,183,0.7) 50%,rgba(188,207,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(0,105,157,0.7) 0%,rgba(0,105,157,0.7) 8%,rgba(0,178,187,0.7) 49%,rgba(4,179,183,0.7) 50%,rgba(188,207,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf00699d', endColorstr='#bfbccf00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    transition: all .3s ease 0;
}

    .btn-bg-color-arad:hover {
        background: -moz-linear-gradient(45deg, rgba(0,105,157,0.9) 0%, rgba(0,105,157,0.9) 8%, rgba(0,178,187,0.9) 49%, rgba(4,179,183,0.9) 50%, rgba(188,207,0,0.9) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, rgba(0,105,157,0.9) 0%,rgba(0,105,157,0.9) 8%,rgba(0,178,187,0.9) 49%,rgba(4,179,183,0.9) 50%,rgba(188,207,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, rgba(0,105,157,0.9) 0%,rgba(0,105,157,0.9) 8%,rgba(0,178,187,0.9) 49%,rgba(4,179,183,0.9) 50%,rgba(188,207,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf00699d', endColorstr='#bfbccf00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        color: #fff;
        transition: all 0.5s;
    }
.btn-bg-color-arad-2 {
    padding: 18px 64px !important;
    border: 2px solid rgba(255,255,255, 0.6);
    font-size: 17px;
    background: transparent;
    transition: all .3s ease 0s
}

.line-3-100, .line-3-70 {
    height: 2px;
    width: 150px;
}

.text-color-p {
    text-transform: uppercase;
    background: linear-gradient(to right, #00699d 0%, #30CFD0 50%, #bccf00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.brand-color-2 .text-color-p {
    text-transform: uppercase;
    background: linear-gradient(to right, #00699d 0%, #30CFD0 50%, #bccf00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-wihte {
    color: #f1f1f1;
}
.mt-0 {
    margin-top: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.pt-0 {
    padding-top: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pr-10 {
    padding-right: 10%;
}

.pr-15 {
    padding-right: 15px;
}

.pl-10 {
    padding-left: 10%;
}

.pl-15 {
    padding-left: 15px;
}

.text-justify {
    text-align: justify;
}

.hover-color-p:hover {
    background-color: #1dacb9 !important;
    border: 2px solid #1dacb9 !important;
    color: #fff !important;
}
.logo-contact-menu {
    
}
    .logo-contact-menu img {
        display: block;
        width: 85px;
        height: auto;
        margin: auto;
        margin-top: 20px;
    }
.languageBox {
    display: block;
    /* border-bottom: 1px solid #f5f5f5; */
    text-align: right;
    margin-right: 70px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

    .languageBox .Language {
        display: inline-block;
    }

        .languageBox .Language a {
            display: block;
            font-size: 12px;
            padding: 0 10px;
            color: #666;
            padding-top: 10px;
        }

    .languageBox .selected,
    .language-dropdown .dropdown-menu li.selected {
        /*font-weight: bold;*/
        background: rgba(0, 0, 0, 0.1);
    }

    .languageBox .Language:hover {
        /*font-weight: bold;*/
        background: rgba(0, 0, 0, 0.05);
    }

.language-dropdown {
    display: none;
}




.header-1 #main-menu .navbar .nav > li.current > a, #main-menu .navbar .nav > li > a {
    margin-bottom: 0;
}

.menu-contact-info {
    position: relative;
    background-color: transparent;
}

    .menu-contact-info .title {
    }

.main-menu-contact-icon {
    font-size: 28px;
    height: 42px;
    width: 42px;
    border: 0px;
}

.loc-icon-container .icon_phone {
    font-size: 26px;
}

.menu-contact-text-container .a-mail {
    letter-spacing: 1px;
    font-size: 12px;
}

#main-menu .sub a .icon {
    float: left;
    display: inline-block;
    margin-right: 14px;
    margin-left: 0;
    margin-top: 3px;
    font-size: 18px;
    line-height: 16px;
}

.work-proc-1-bg p {
    letter-spacing: 1px;
}

.login-main-cont {
    padding-top: 80px;
    padding-bottom: 70px;
    background: #eee;
}

.login-main {
}

    .login-main form .row {
        display: flex;
    }

    .login-main .input-name,
    .login-main .input-pass {
        margin-left: 70px;
    }

    .login-main .input-name {
    }

    .login-main .input-pass {
    }

    .login-main .button {
        margin-top: 25px;
        padding: 10px 60px
    }

    .login-main .form-reset {
        display: flex;
        flex-direction: column;
        align-self: flex-end;
    }

        .login-main .form-reset a {
            line-height: 32px;
        }

.lable-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-top: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
    color: #4b4e53;
}

    /* Hide the browser's default checkbox */
    .lable-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border: 1px solid #a6a7a9;
}

/* On mouse-over, add a grey background color */
.lable-checkbox:hover input ~ .checkmark {
    border: 1px solid #2ddeb5;
}

/* When the checkbox is checked, add a blue background */
.lable-checkbox input:checked ~ .checkmark {
    background-color: #2ddeb5;
    border: 1px solid #2ddeb5;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.lable-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.lable-checkbox .checkmark:after {
    left: 8px;
    top: 1px;
    width: 6px;
    height: 14px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.count-title {
    font-size: 15px;
}

.blockquote-reverse p {
    font-size: 17px;
}

.work-proc-1-bg .count-number,
.work-proc-3-bg .count-number {
    color: #fff;
}

.work-proc-2-bg {
    will-change: background-position;
    margin: 0;
    padding: 0;
    background: url(../images/work-proc-bg.jpg) fixed #2c2c2c;
    color: #f1f1f1;
}

.work-proc-3-bg {
    will-change: background-position;
    margin: 0;
    padding: 0;
    background: url(../images/work-proc-bg3.jpg) fixed #2c2c2c;
    color: #f1f1f1
}


.work-proc-4-bg {
    will-change: background-position;
    margin: 0;
    padding: 0;
    background: url(../images/work-proc-bg2.jpg) fixed #2c2c2c;
    color: #f1f1f1;
    background-size: 100%;
}

.bg-fixed-img-01 {
    will-change: background-position;
    margin: 0;
    padding: 0;
    background: url(../images/bg-fixed-img-01.png) no-repeat fixed #fff;
    background-position: 20% 100%;
    position: relative;
    z-index: -999;
    background-size: 95%;
}

.bg-fixed-img-02 {
    will-change: background-position;
    margin: 0;
    padding: 0;
    background: url(../images/bg-fixed-img-02.jpg) no-repeat fixed #fff;
    background-position: 0% 30%;
    position: relative;
    z-index: -999;
    background-size: 95%;
}

.bg-fixed-img-03 {
    will-change: background-position;
    margin: 0;
    padding: 0;
    background: url(../images/bg-fixed-img-03.jpg) no-repeat fixed #fff;
    background-position: 100% 30%;
    position: relative;
    z-index: -999;
    background-size: 95%;
}


@media(max-width: 1024px) {
    .logo-2 {
        text-align: left;
        padding-left: 70px;
    }
    /*****language*/
    .languageBox {
        display: none;
    }

    .language-dropdown {
        display: block;
        position: absolute;
        text-align: center;
        top: 32px;
        right: 55px;
        margin: 0;
        padding: 0;
        z-index: 28
    }

        .language-dropdown a.dropdown-toggle {
            display: block;
            width: 44px;
            height: 44px;
        }

            .language-dropdown a.dropdown-toggle:hover,
            .language-dropdown a.dropdown-toggle:focus {
                color: #4b4e53;
            }

        .language-dropdown a .fa-globe {
            font-size: 19px;
            line-height: 37px;
        }

        .language-dropdown.open a.dropdown-toggle {
            background: rgba(0, 0, 0, 0.1);
        }

        .language-dropdown .dropdown-header {
            padding: 5px 15px 10px;
            font-size: 12px;
            color: #999;
        }

        .language-dropdown .dropdown-menu {
            top: 90%;
            padding: 5px;
            border-radius: 2px;
            background-color: #fff;
            border: 1px solid #e2e2e2;
            -webkit-box-shadow: -28px 25px 3px rgba(0,0,0,.2);
            -moz-box-shadow: -28px 25px 3px rgba(0,0,0,.2);
            box-shadow: -28px 25px 3px rgba(0,0,0,.2);
        }

            .language-dropdown .dropdown-menu li.text-lan {
                display: block;
                width: 50%;
                margin: auto;
                margin: 0;
                padding: 0;
                float: left;
                text-align: center;
            }

                .language-dropdown .dropdown-menu li.text-lan a {
                    line-height: 40px;
                }
    /*****END language*/
    .pt-250 {
        padding-top: 80px;
    }
}


@media (max-width:479px) {
    .logo-2 {
        text-align: left;
    }
    .pt-250 {
        padding-top: 10px;
    }
}

@media (max-width:768px) {

    .login-main form .row {
        display: block;
    }

    .logo-2 {
        text-align: left;
        padding-left: 30px;
    }

    .bg-fixed-img-01,
    .bg-fixed-img-02 {
        background-image: none;
        z-index: 0;
        background-color: transparent;
    }
    .pt-250 {
        padding-top: 80px;
    }
    .pt-0 {
        padding-top: 0px;
    }

    .page-title-cont.page-title-large {
        padding-top: 0;
    }
    
}




.logo-footer {
    height: 100%;
}

.logo-footer-cont a {
    display: block;
}

.footer-2-text-cont {
    font-size: 13px;
}



.footer-namad {
    padding: 5px;
    width: 100px;
    height: 125px;
    border: 1px solid #eee;
    border-radius: 2px;
    float: left;
    margin-right: 10px;
}

    .footer-namad a {
        display: block;
        background: #fff;
        width: 100%;
        height: 100%;
    }

        .footer-namad a img {
            padding-top: 8px;
        }

.navbar-toggle {
    float: right
}



.section-muted-title {
    position: absolute;
    top: 9rem;
}

.muted-title-right {
    left: auto;
    right: 4rem;
}

.muted-title-left {
    left: 4rem;
    right: auto;
}

.section-muted-title span {
    color: #f5f5f5;
    font-family: arial !important;
    font-size: 100px;
    font-weight: bold;
    position: relative;
    display: block;
    line-height: 1;
    z-index: 0;
}

.muted-title-right span {
    -ms-transform: translateY(-100%) rotate(-90deg);
    -webkit-transform: translateY(-100%) rotate(-90deg);
    transform: translateY(-100%) rotate(-90deg);
    transform-origin: bottom right;
    right: 3%;
}

.muted-title-left span {
    -ms-transform: translateY(-100%) rotate(90deg);
    -webkit-transform: translateY(-100%) rotate(90deg);
    transform: translateY(-100%) rotate(90deg);
    transform-origin: bottom left;
    left: 3%;
}

.box-subtitle .arad-sub {
    font-size: 42px;
    line-height: 50px;
}

.page-section .img-col {
    margin-top: 10%;
}

.contentpane-home1 {
    position: relative;
}
.contentpane-home1 .contentpane-logo {
    position: absolute;
    bottom: 40px;
    right: 1%;
    width: 165px;
    height: auto;
}
    .contentpane-home1 .title-fs-45 .subtitle-2 {
        font-size: 23px;
        line-height: 19px !important;
    }

.client-row .client-name * {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    line-height: 16px;
    color: #7e8082;
}

.client-row .client-name h3 {
    font-size: 13px;
    font-weight: bold;
    color: #595b5d;
    line-height: 20px;
    padding-bottom: 7px;
}
.line-center-100 {
    margin: auto;
    margin-top: 30px;
}
.img-intro {
    margin:20px auto;
}
.img-1 {
    width:50%;
}
.img-2 {
    width: 55%;
}
.brand-contact-sfpi {
    display: flex;
    clear: both;
}
    .brand-contact-sfpi img {
        align-items: center;
        width: 90px;
        height: auto;
/*        opacity: 0.7;*/
    }
    .brand-contact-sfpi div {
        padding:13px 0 0 25px;
    }
    .brand-contact-sfpi h2,
    .brand-contact-sfpi h5 {
        display:block;
        margin: 0;
        padding: 0;
    }
    .brand-contact-sfpi h2 {
        line-height: 40px;
    }
    .brand-contact-sfpi h5 {
    }