.topbar {
    text-align: right;
}

.right-bar {
    display: inline-block;
    position: absolute;
    left: 0;
    height: 50.5px;
    z-index: 3333;
    top: -13px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

    .right-bar::after {
        content: '';
        position: absolute;
        top: 0;
        right: -21px;
        width: 118px;
        height: 101%;
        transform: skew(26deg);
        background: #f3a712;
        z-index: -1;
    }

    .right-bar .right-nav {
        z-index: 333;
        position: relative;
        line-height: initial;
        padding-top: 10px;
    }

    .right-bar ul li {
        display: inline-block;
        margin-left: 5px;
    }

    .right-bar .right-nav li a {
        color: #fff;
        text-align: center;
        display: block;
        cursor: pointer;
        border: 1px solid #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        border-radius: 100%;
    }

.topbar .social-icons {
    float: left;
    margin-left: 115px;
    padding-top: 0;
}

.right-nav {
    float: left;
}

.sidebar-popup.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
    left: 0;
}

.sidebar-popup {
    position: fixed;
    width: 350px;
    height: 100%;
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    overflow: auto;
    transform: translateX(-100%);
    top: 0;
    border-right: 3px solid #f3a712;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-shadow: 0 0 25px rgba(0,0,0,.2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease 0s;
    z-index: 999999;
    -moz-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    padding: 50px 30px;
}

.topbar-right {
    float: left;
    position: relative;
    user-select: none;
}

.search-top {
    position: absolute;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    top: 51px;
    width: 350px;
    left: 0;
    line-height: initial;
}

.hero-slider .hero-text h1 {
    line-height: 47px;
    font-size: 30px;
}

.single-feature p {
    min-height: 96.6px;
}

.single-feature.active .icon-head i::after, .single-feature:hover .icon-head i::after {
    background: #fff;
}

.bizwheel-btn:hover, .bizwheel-btn.theme-2:hover {
    background: #10316b;
}

.bizwheel-btn {
    background: #00adef;
}

#scrollUp i:hover {
    background: #00adef;
}

#scrollUp i {
    color: #00adef;
}

.posts_nav a {
    color: #00ADEF;
}

.blog-comments-form .form .bizwheel-btn {
    background: #00ADEF;
}

.blog-sidebar .blog_search button {
    color: #00ADEF;
}

.single-news .news-head img {
    height: 200px;
}

.contact-form-area.faq-form .form-group.button {
    text-align: left;
}



.shakebutt:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.headlogo {
    max-width: 55%;
    text-align: center;
}

.single-portfolio .portfolio-content {
    opacity: 0.9;
}

.features-main .single-list-feature h4 {
    font-size: 16px;
}

.num:hover {
    color: #00ADEF !important;
}

.footernum:hover {
    color: #f7c532 !important;
}

.breadcrumbs h1 {
    color: #fff;
    text-transform: capitalize;
    font-size: 40px;
    margin: 0;
    padding: 0;
    padding-top: 0px;
    line-height: 45px;
    z-index: 333;
    position: relative;
    font-weight: 700;
    padding-top: 10px;
}

.features-main .feature-btn {
    margin-top: 60px;
}



.searchrow a:nth-child(odd) .comment-row {
    background: rgba(16, 171, 206, 0.17);
    cursor: pointer;
}

    .searchrow a:nth-child(odd) .comment-row:hover {
        background: #f7c53236;
        cursor: pointer;
    }

.comment-widgets .comment-row:hover {
    background: #f7c53236;
    cursor: pointer;
}

.card-body-search {
    background-color: #0f306a;
}

.card-title-search {
    color: white;
}

.mobile-search {
    width: 87%;
}

@media only screen and (max-width: 767px) {
    .mobile-search-button {
        width: 10%;
        height: 32px;
        background-color: orange;
        border-radius: 5px;
    }

    .searchform {
        display: block;
    }
}

@media only screen and (min-width: 768px) {

    .searchform {
        display: none !important;
    }
}

.spec-title .producticon {
    width: 75px;
    line-height: 55px;
    font-size: 28px;
    text-align: center;
    color: #00ADEF;
    position: absolute;
    display: inline-block !important;
    right: 0;
    top: 0;
    height: 100%;
    color: white;
}

.spec-title a {
    padding: 16px 0;
    padding-right: 0px;
    font-size: 18px;
    padding-right: 0;
    padding-right: 55px !important;
    border: 1px solid #ebebeb;
    margin-bottom: 1px;
    display: block;
    color: white;
}

.side.overlay::before {
    background: #f8f9fa;
}

.features-main h2 {
    font-size: 33px;
}

.video-feature {
    padding: 25px 0 29px 0;
}


.rotate {
    transition: transform .5s;
}

    .rotate.active {
        transform: rotateZ(180deg);
    }

.specrow {
    padding: 5px 0 5px 0;
}

.specrow-title {
    padding: 10px 15px 10px 0;
    background-color: #00adef38;
    margin-left: 20px;
    border-radius: 5px;
}

.specrow-desc {
    padding: 10px 15px 10px 0;
    background-color: #ffd86561;
    border-radius: 5px;
}

.spec-p {
    color: black !important;
}

.single-f-news:last-child {
    margin-top: 20px;
}


.login-btn {
    background: #00adef;
    color: white;
    cursor: pointer;
    font-size: 19px;
    padding: 1.5rem;
    border: 0;
    transition: all 0.5s;
    border-radius: 10px;
    width: auto;
    position: relative;
    min-width: 250px;
    width: 100%;
    margin: 20px 0;
}

    .login-btn::after {
        content: "\f847";
        font-family: "fontawesome";
        font-weight: 400;
        position: absolute;
        left: 80%;
        top: 54%;
        right: 0;
        bottom: 0;
        opacity: 0;
        transform: translate(-50%, -50%);
    }

    .login-btn:hover {
        background: #f7c532;
        transition: all 0.5s;
        border-radius: 10px;
        box-shadow: 0px 6px 15px #0000ff61;
        padding: 1.5rem 3rem 1.5rem 1.5rem;
        color: #ffffff;
    }

        .login-btn:hover::after {
            opacity: 1;
            transition: all 0.5s;
            color: #ffffff;
        }

.Comp-Button {
    background: #00adef;
    color: white;
    cursor: pointer;
    font-size: 19px;
    padding: 1.5rem;
    border: 0;
    transition: all 0.5s;
    border-radius: 10px;
    width: auto;
    position: relative;
    min-width: 250px;
    width: 100%;
    margin: 20px 0;
}

    .Comp-Button::after {
        content: "\f074";
        font-family: "fontawesome";
        font-weight: 400;
        position: absolute;
        left: 80%;
        top: 54%;
        right: 0;
        bottom: 0;
        opacity: 0;
        transform: translate(-50%, -50%);
    }

    .Comp-Button:hover {
        background: #f7c532;
        transition: all 0.5s;
        border-radius: 10px;
        box-shadow: 0px 6px 15px #0000ff61;
        padding: 1.5rem 3rem 1.5rem 1.5rem;
        color: #ffffff;
    }

        .Comp-Button:hover::after {
            opacity: 1;
            transition: all 0.5s;
            color: #ffffff;
        }

.direction-button {
    background: #f7c532;
}

    .direction-button:hover {
        background: #00adef;
    }

.aparat-left {
    filter: grayscale(1);
}

aparat-left:hover {
    filter: none;
}

.aparat {
    filter: brightness(10) opacity(0.9);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

    .aparat img {
        width: 15px !important;
        height: 15px !important;
    }

    .aparat:hover {
        /*-webkit-filter: hue-rotate(180deg);
        filter: hue-rotate(180deg);*/
        /*filter: opacity(0.5) drop-shadow(0 0 0 yellow);*/
        filter: none;
        /**/
    }

.grey {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.split {
    letter-spacing: 1px;
}

.justify {
    text-align: justify;
}

@media only screen and (max-width: 767px) {
    .slicknav_nav li a:hover {
        color: #00adef;
    }
}

@media only screen and (max-width: 767px) {

    .cd-tab-filter {
        visibility: hidden;
    }
}

.section-space-short {
    padding: 35px 0;
}

.partner-slider {
    display: flex !important;
    justify-content: center;
}

.footer .social li a:hover {
    color: #f7c532;
}

.news-title {
    min-height: 60.7px;
}

.news-text {
    min-height: 72px;
}

.footer-news .single-f-news .content .title {
    min-height: 48px;
}


.aparat-footer {
    filter: brightness(10);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

.footer .social li a:hover {
    filter: none !important;
}

.single-news .news-meta li i {
    margin: 0 5px;
}

.blog-latest .single-news .news-meta li {
    direction: ltr;
}

.single-news .news-meta li {
    margin-left: 3px;
    padding-left: 3px;
}

.sidebar-popup .social li a:hover, .sidebar-popup .social li.active a {
    filter: none;
}

.compare-mobile-div {
    display: none;
}

.compare {
    z-index: 5001;
}

.compare-span {
    position: absolute;
    border: 0 solid #fff;
    height: 18px;
    width: 18px;
    color: #fff;
    line-height: 18px;
    width: 18px;
    font-size: .916em;
    text-align: center;
    border-radius: 100px;
    position: absolute;
    right: 0;
    top: 2px;
    border: 0 solid #fff;
    height: 18px;
    width: 18px;
    box-shadow: 0 0 10.12px .88px rgba(0, 0, 0, 0.42);
    background-image: -webkit-linear-gradient(0deg,#10316b 1%,#066cac 100%);
    color: #fff;
    line-height: 14px;
    width: 18px;
    font-size: .916em;
    text-align: center;
    border-radius: 100px;
}

@media only screen and (max-width: 991px) {

    .compare-mobile-div {
        display: block;
        z-index: 5001;
    }

    .compare-span {
        right: -10px;
        top: -6px;
        line-height: 18px;
    }

    .header .right-button {
        position: absolute;
        left: 103px;
        top: 3px;
    }

    .compare-mobile {
        border: 2px solid #999;
        border-radius: 3px;
        z-index: 5001;
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {

    .header .logo {
        text-align: left;
        width: 20%;
    }


    .headlogo {
        max-width: 100%;
    }

    .header .right-button .bizwheel-btn {
        padding: 3px 3px;
    }
}

@media only screen and (min-width: 455px) and (max-width: 767px) {
    .header .right-button {
        left: 170px;
    }
}

@media only screen and (max-width: 454px) {
    .header .right-button {
        left: 103px;
    }
}
.compare-btn {
    background: #179e66;
}
    .compare-btn:hover {
        background: #f7c532;
    }

.compare-span{
    line-height:18px;
}

.radiobutt {
    margin-bottom: 20px;
    margin-left: 80px;
    width: 17px;
}

button:disabled,
button[disabled] {
    border: 1px solid #999999!important;
    background-color: #cccccc!important;
    color: #666666!important;
}


    button:disabled,
    button[disabled]:hover {
        border: 1px solid #999999!important;
        background-color: #cccccc!important;
        color: #666666!important;
    }
.best-content {
    margin-top: 55px;
}

@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

figure.snip1113 {
    font-family: 'Raleway', Arial, sans-serif;
    position: relative;
    overflow: hidden;
    margin: 10px;
    min-width: 100px;
    max-width: 200px;
    width: 100%;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

    figure.snip1113 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    figure.snip1113 img {
        max-width: 65%;
        margin: 40px auto;
        display: block;
        position: relative;
        border: 3px solid #666666;
        padding: 15px 15px 85px 15px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    figure.snip1113 figcaption {
        position: absolute;
        height: 120px;
        bottom: 0px;
        left: 0;
        right: 0;
        display: block;
    }

    figure.snip1113 h3 {
        background-color: #ffffff;
        color: #000000;
        font-size: 1.7em;
        width: 100%;
        padding: 5px 12px;
        margin: 0;
        text-transform: uppercase;
        font-weight: 400;
    }

        figure.snip1113 h3 span {
            font-weight: 800;
        }

    figure.snip1113 h4 {
        margin: 0;
        text-transform: uppercase;
        letter-spacing: -1px;
        opacity: 0.6;
        font-size: 1.1em;
    }

    figure.snip1113.blue img {
        border-color: #2472a4;
    }

    figure.snip1113.blue h3,
    figure.snip1113.blue h4 {
        color: #2472a4;
    }

    figure.snip1113.red img {
        border-color: #ab3326;
    }

    figure.snip1113.red h3,
    figure.snip1113.red h4 {
        color: #ab3326;
    }

    figure.snip1113.yellow img {
        border-color: #e08e0b;
    }

    figure.snip1113.yellow h3,
    figure.snip1113.yellow h4 {
        color: #e08e0b;
    }

    figure.snip1113.green img {
        border-color: #229955;
    }

    figure.snip1113.green h3,
    figure.snip1113.green h4 {
        color: #229955;
    }

    figure.snip1113.orange img {
        border-color: #d67118;
    }

    figure.snip1113.orange h3,
    figure.snip1113.orange h4 {
        color: #d67118;
    }

    figure.snip1113.navy img {
        border-color: #2b3c4e;
    }

    figure.snip1113.navy h3,
    figure.snip1113.navy h4 {
        color: #2b3c4e;
    }



.client1-titles {
    direction: rtl;
    margin-top: 20px;
    padding: 5px;
}
.clients-titles {
    direction: rtl;
    padding: 5px;
}
.client1-titles {
    font-size: 12px;
}
.clients-titles {
    font-size: 12px;
}


.blog-latest .single-news{
    direction:rtl;
}
.blog-latest-slider{
    direction:ltr;
}

.hero-slider .owl-item.active .button {
    animation: fadeInUp 1.4s both 1.6s
}
.hero-slider.owl-item img {
    position: absolute;
    display: flex;
}
.hero-slider .owl-item.active .single-slider .img1 {
    animation: fadeInUp 1.2s both .1s;
}
.hero-slider .owl-item.active .single-slider .img2 {
    animation: fadeInRight 1.2s both .1s;
}
.hero-slider .owl-item.active .single-slider .img3 {
    animation: fadeInLeft 1.2s both .1s;
}
.hero-slider .owl-item.active .single-slider .img4 {
    animation: fadeInRight 1.2s both .1s;
}
.img-banner {
    position: absolute;
    width: 100%;
}

.span-tooltip {
    background: black;
    color: white;
    padding: 3px 11px;
    border-radius: 3px;
    font-size: 13px;
    display: flex;
    position: absolute;
    top: 141px;
    right: 9px;
    display: none;
    transition: all 2s ease-in;
    animation: ease 4s;
}


/*CustomerPage*/
#Background path {
    fill: #232425;
}

#states a path {
    fill: #f7f7f7;
    stroke: #232425;
    /*        stroke-width: 0.4;
*/ stroke-miterlimit: 4;
}

g[id*="-name"] {
    fill: #232425;
    stroke: none;
}

#States a path {
    fill: #e4ff98;
    stroke: black;
}

#States a:hover path {
    fill: #ecb4b4;
    stroke: #970606;
    transition: fill 0.3s;
}

#States a:hover g[id*="-name"] path {
    fill: #fff;
}

.label {
    color: #232425;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.active path {
    fill: #ffb5f7 !important;
    stroke: #090404 !important;
    transition: fill 0.3s !important;
}

.cd-tab-filter {
    background: #10316B;
}
.cd-filter-trigger{
    color:white;
}
.prod-title-section
{
    width:40%;
}
.prod-desc-section {
    width: 60%;
}

.doc-img {
    width: 125px!important;
}
.doc-text {
    justify-content: center!important;
    min-height: 34px!important;
}

.document-slider {
    justify-content: center;
    text-align: center;
    display: flex;
}
.single-company{
    margin-bottom:11px;
}
@media only screen and (max-width: 767px){
    .hero-slider .welcome-text {
        margin: 196px 0 0;
    }
    .client-sec {
        margin-bottom: 30px;
    }
    .single-company {
        margin-bottom: 40px;
    }
    .services-list-img {
        width: 100%;
    }
    }
.clients {
    padding: 30px 0 6px 0;
}