.technical_resources_section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative;
    background-image: url('../../images/pages/user/technical-resources.jpg');
    background-position: center right -300px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px 50px 0px;
    margin-top: -75px;
    height:100vh;
}

    .technical_resources_section:before {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        /*background-color: var(--ma-tag-black);*/
        background-color: transparent;
        background-image: -webkit-linear-gradient(to right, #000, #000, transparent);
        background-image: -moz-linear-gradient(to right, #000, #000, transparent);
        background-image: -ms-linear-gradient(to right, #000, #000, transparent);
        background-image: -o-linear-gradient(to right, #000, #000, transparent);
        background-image: linear-gradient(to right, #000, #000, transparent);
        opacity: 1;
        z-index: 1;
    }

    .technical_resources_section > .container {
        position: relative;
        z-index: 10;
    }

    .technical_resources_section:after {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: var(--ma-tag-black);
        opacity: 0.5;
        z-index: 1;
    }
/*----------------------------------------------------------------------------------*/
/*---------------------------------icon_product_menu--------------------------------*/

.page_title_section {
    color: var(--ma-white);
}

    .page_title_section > h1 {
        font-size: var(--ma-page-title);
        font-weight: bold;
        line-height: 25px;
        margin-bottom: 20px;
    }

.breadcrumb {
    font-size: var(--ma-body-text);
    color: var(--ma-white);
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .breadcrumb > li {
        padding: 0px 5px;
    }

        .breadcrumb > li > a {
            color: var(--ma-white);
        }

            .breadcrumb > li > a:hover,
            .breadcrumb > li > a:focus,
            .breadcrumb > li > a:active {
                color: var(--ma-white);
            }

        .breadcrumb > li > span {
            color: var(--ma-white);
        }

        .breadcrumb > li > strong {
            color: var(--ma-white);
        }

.page_title_section > p {
    font-size: var(--ma-body-text);
    margin-bottom: 20px;
}

.get_in_touch {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid var(--ma-white);
    font-size: var(--ma-body-text);
    border-radius: 5px;
    background-color: var(--ma-white);
    color: var(--ma-type-primary);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .get_in_touch:hover,
    .get_in_touch:focus,
    .get_in_touch:active {
        background-color: transparent;
        color: var(--ma-white);
    }


/*-----------------------------------------------*/


p.list {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px !important;
}

    p.list > i {
        position: absolute;
        left: 0px;
        height: 12px;
        width: 12px;
        top: 3px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }




/*---------------------------------section_title------------------------------------*/




.section_title {
    margin: 0px 0px 20px 0px;
    display: block;
}

    .section_title > h2 {
        color: var(--ma-tag-black);
        font-size: var(--ma-page-title);
    }

    .section_title > p {
        color: var(--ma-tag-black);
        font-size: var(--ma-body-text);
    }


ul {
    margin:0px;
    padding:0px;
}
ul li{
    list-style:none;
}



    /*---------------------------------------------------------------------------------------------------------------------*/


/* technicial_resources start */

.technicial_resources {
    background-image: url('../../images/pages/user/four.png');
    background-repeat:no-repeat;
    background-size:cover;
    position: relative;
    background-size: cover;
    padding: 50px 0;
}

    .technicial_resources:before {
        content: "";
        background-color: #3379b0;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        opacity: 0.7;
    }

    .technicial_resources h1 {
        font-size: 25px;
        text-transform: unset;
        color: white;
    }

    .technicial_resources p {
        color: white;
        font-size: 15px;
        margin-bottom: 20px;
        line-height: 20px;
    }

.btn_general_inquiry {
    background: transparent;
    border: 1px solid white;
    color: white;
    font-size: 14px;
    padding: 10px 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .btn_general_inquiry:hover,
    .btn_general_inquiry:focus,
    .btn_general_inquiry:active,
    .btn_general_inquiry:active:focus,
    .btn_general_inquiry:active:hover {
        color: #fff;
        background-color: #29618c;
        border-color: #29618c;
        outline: none;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }



.user_name {
    color: #5a5a5a;
    font-size: 14px;
    margin: 0;
}

.right_login a {
    border: 1px solid;
    margin-left: 15px;
}

.right_login {
    display: flex;
    justify-content: center;
    align-items: center;
}

.technicial_resources_product .tab {
    border-right: 1px solid #ccc;
    padding: 25px;
    height: auto;
}

.technicial_resources_product .tabcontent {
    padding: 16px 0;
    height: auto;
}
/* Style the buttons inside the tab */
.technicial_resources_product .tab button {
    display: block;
    background-color: inherit;
    color: #a2a1a1;
    padding: 10px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 15px;
    position: relative;
}

    /* Create an active/current "tab button" class */
    .technicial_resources_product .tab button.active {
        background: #e1ebf3;
        border-radius: 50px;
        color: #3379b0;
    }

        .technicial_resources_product .tab button.active i {
            display: block;
        }

.tab_product_details {
    -webkit-box-shadow: 0px 0px 17px 6px rgba(224,224,224,1);
    -moz-box-shadow: 0px 0px 17px 6px rgba(224,224,224,1);
    box-shadow: 0px 0px 17px 6px rgba(224,224,224,1);
    background: #fff;
}

.btn-primary:active:focus, .btn-primary:active:hover {
    outline: none !important;
    border-color: transparent;
}

.technicial_resources_product .tab button i {
    position: absolute;
    right: 0;
    right: 16px;
    top: 13px;
    display: none;
}

.tabcontent h3 {
    color: #5a5a5a !important;
    font-weight: 300;
    font-size: 19px;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 11px;
}

.technicial_resources_product .tab h4 {
    color: #5a5a5a;
    font-weight: 300;
    font-size: 19px;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 11px;
}



.technicial_resources_product {
    background-image: url('../../images/pages/user/four.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-size: cover;
    padding: 50px 0;
}

.product_desc li {
    text-align: center;
    height: 130px;
    width: 125px;
}

.technicial_resources_product h3 {
    color: #3379b0;
    font-weight: 400;
    margin-bottom: 20px;
}

.product_desc ul {
    display: flex;
    flex-wrap: wrap;
}

.product_desc li a img {
    height: 80px;
    width: auto;
}

.product_desc li a p {
    position: relative;
    color: #5a5a5a;
    font-size: 14px;
    padding-top: 6px;
}

    .product_desc li a p:before {
        content: '';
        position: absolute;
        display: block;
        background: rgb(231, 231, 231);
        left: 17px;
        top: 6px;
        height: 2px;
        width: 90px;
    }

.product_download {
    padding: 50px 0px;
}
/*.tab-content a{
  color: #5a5a5a !important;
  font-size: 15px;
}*/
#myClassicTabContentOrange button {
    background: #3379b0;
    font-size: 15px;
    border-radius: 50px;
    padding: 10px 27px;
}

#myClassicTabContentOrange p {
    color: #5a5a5a !important;
}

#myClassicTabContentOrange nav {
    border-bottom: 1px solid #d8d8d8;
}

.icon-down-arrow {
    color: #5a5a5a;
    font-weight: 600;
    margin-left: 14px;
}



div#myClassicTabContentOrange {
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.classic-tabs .card {
    border-top: 1px solid rgba(0,0,0,.125);
    border-bottom: transparent;
}

.talk_mantra {
    padding: 50px 0;
    background: #f9f9f9;
}

    .talk_mantra h3 {
        color: #3379b0;
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 400;
    }

        .talk_mantra h3 span {
            color: #ff6d00;
        }

    .talk_mantra button {
        border-radius: 0;
        background: #ff6d00;
        border: none;
        font-size: 15px;
        padding: 15px 25px;
    }

div#follow-classic-orange {
    padding: 20px 0;
}

.sdk_desc h3 {
    color: #000000;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-size: 18px;
}

.border_top {
    border-top: 1px solid #d8d8d8;
}






button.btn.btn-success.download {
    padding: 10px 60px !important;
}

.product_desc a {
    cursor: pointer;
    display: block;
    border-radius: 5px;
}


    .product_desc a:hover,
    .product_desc a:focus,
    .product_desc a:active {
        cursor: pointer;
        background-color: #EEEEEE;
    }

        .product_desc a:hover p,
        .product_desc a:focus p,
        .product_desc a:active p {
            cursor: pointer;
            color: black;
        }

    .product_desc a.active:hover,
    .product_desc a.active:focus,
    .product_desc a.active:active {
        cursor: pointer;
        background-color: #EEEEEE;
    }

        .product_desc a.active:hover p,
        .product_desc a.active:focus p,
        .product_desc a.active:active p {
            cursor: pointer;
            color: black;
        }


.exampleModalthree {
    max-width: 600px;
}

    .exampleModalthree .modal-footer {
        justify-content: center;
    }

        .exampleModalthree .modal-footer p {
            max-width: 290px;
            text-align: center;
            margin: 0 auto;
        }

/*.modal-header h5 {
    color: #5a5a5a;
    font-weight: 100;
    font-size: 22px;
}*/

.fade {
    opacity: 1;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

/*.modal-body .form-control {
    border-radius: 0;
    font-size: 13px;
}*/
/*
.modal-content {
    border-radius: 0;
    padding: 15px;
}

.modal-body {
    padding: 7px;
}

.modal-header {
    padding: 0 0 7px 0;
}
*/
#g-recaptcha1 {
    margin-left: 10px;
}

.modal-footer {
    text-align: center;
}

/*.modal-footer .download {
        background: #3379b0;
        border-radius: 50px;
        border-color: #3379b0;
    }*/

/*.modal-body label {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}*/

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(208 229 245);
    outline: none;
    border-color: transparent;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    background: #3379b0;
    border-color: #3379b0;
}

.modal-footer p {
    font-size: 15px;
    line-height: 23px;
}

    .modal-footer p a {
        color: #3379b0;
    }

.sdk_desc .form-group label {
    font-weight: 500;
}


.table tr {
    display: inline-block;
    /* width: 23%; */
    margin: 20px 20px 20px 0;
    text-align: center;
    background-color: #EEEEEE;
    padding: 10px;
    border-radius: 5px;
}

.table tbody {
    display: block;
    /* margin-left: 26%; */
    width: 100%;
}

.table > tbody > tr > td {
    padding: 0px;
    display: flex;
    text-align: center;
    width: 100%;
    border: none;
}

    .table > tbody > tr > td > img, .table > tbody > tr > td > a, .table > tbody > tr > td > p, .table > tbody > tr > td > button {
        margin: 0 auto;
        height: 80px;
        width: auto;
    }

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

/* technicial_resources end */



.profile {
    position: absolute;
    display: block;
    right: 15px;
    top: 42px;
}

    .profile .form-control {
        border: none;
        box-shadow: none;
        border-bottom: 3px solid #3379b0;
        border-radius: 0;
        padding: 0;
        color: #3379b0;
    }

.center {
    position: absolute;
    top: -24px;
    right: 0px;
    z-index: 1;
}
/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
}

    .custom-select-wrapper select {
        display: none !important;
    }

.custom-select {
    position: relative;
    display: inline-block;
    display: none;
}

.custom-select-trigger {
    position: relative;
    display: block;
    width: 155px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    font-weight: 300;
    color: #3379b0;
    line-height: 42px;
    background: #ffffff;
    border-radius: 4px;
    cursor: pointer;
    border-bottom: 3px solid #3379b0;
    border-radius: 0;
}

    .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 8px;
        margin-top: -3px;
        border-bottom: 1px solid #3379b0;
        border-right: 1px solid #3379b0;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 6px;
    border-bottom: 1px solid #b5b5b5;
    font-size: 13px;
    font-weight: 600;
    color: #b5b5b5;
    line-height: 35px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

    .custom-option:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

    .custom-option:hover,
    .custom-option.selection {
        background: #f9f9f9;
    }

.modal.fade.in {
    height: 100vh;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.modal.in .modal-dialog {
    height: auto;
    display: -ms-flexbox;
    /* display: flex; */
}

    .modal.in .modal-dialog .modal-content {
        margin: auto;
    }


#nodata {
    padding: 50px 0;
    color: #3379b0;
}

#product_details {
    display: none;
}

#sdk_table {
    display: none;
}

button.btn.btn-primary.login {
    margin: -12px 0;
    display: block;
}

.profile_data {
    background: #EEEEEE;
}

    .profile_data h3 {
        margin-bottom: 25px;
        color: #3379b0;
        border-bottom: 1px solid #3379b0;
        display: inline-block;
    }

.profile_data_sub {
    padding: 20px 20px 15px 20px;
    display: inline-block;
    width: 100%;
}

button.btn.btn-primary.save {
    padding: 5px 15px;
}

.profile_data_sub .form-control {
    border-radius: 0;
}

.profile_data_sub label {
    font-weight: 500;
}

.profile_data {
    display: none;
}

.change_pass {
    background: #EEEEEE;
}

.profile_data_sub h3 {
    margin-bottom: 25px;
    color: #3379b0;
    border-bottom: 1px solid #3379b0;
    display: inline-block;
}

.change_pass {
    display: none;
}

.save {
    padding: 6px 12px;
    border-radius: 4px;
}



/* Respnsive css end */


.file_tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .file_tabs > li > a {
        color: black;
        padding: 10px 20px !important;
    }

    .file_tabs > li.active > a {
        background-color: rgba(0,0,0,.125);
    }

/*.tab-content > .active {
    padding: 10px 0px 0px 0px;
}*/

.tab-content .table {
    margin-bottom: 0px;
}


#device_brochure {
    background-color: white;
    padding: 15px 15px 0px 15px;
}

#device_manual {
    background-color: white;
    padding: 15px 0px 0px 0px;
}

#device_driver {
    background-color: white;
    padding: 15px 0px 0px 0px;
}

#device_rd_service {
    background-color: white;
    padding: 15px 0px 0px 0px;
}

.device_sdk_list {
    background-color: white;
    padding: 15px 0px 0px 0px;
}

#device_web_demo {
    background-color: white;
    padding: 15px 0px 0px 0px;
}

.tab-content > .active.in {
    opacity: 1;
}
.file_tabs > li > a:hover,
.file_tabs > li > a:focus,
.file_tabs > li > a:active{
    color:black;
}
.file_tabs > li > a.active {
    background-color: rgba(0, 0, 0, .125);
    color: black;
}

.box_download {
    background-color: white;
    padding: 20px;
    text-align: left;
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    box-shadow: 2px 3px 5px 0px #e0e0e0;
}

.maicon_pdf {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="rgb(32, 116, 174)" xmlns="http://www.w3.org/2000/svg"><g><path d="M55.2,13.2c0-1-0.3-1.8-1-2.5c-2.4-2.3-4.7-4.7-7.1-7c-0.5-0.5-1.1-1-1.8-1.2c-11.3,0-22.5,0-33.8,0C9.9,3,9.4,4.1,9.4,5.7c0,7.8,0,15.6,0,23.3c0,0.5,0.2,1.3-0.1,1.6c-0.3,0.3-1,0.1-1.5,0.1c-2.2,0-3.6,1.5-3.6,3.7c0,5.2,0,10.3,0,15.5c0,2.2,1.5,3.7,3.6,3.7c9,0,18,0,27,0c1.7,0,2.8-1.1,2.8-2.8c0-4,0-8,0-12.1c0-0.8-0.3-1.5-0.9-2.1c-0.6-0.5-1.3-0.7-2.1-0.7c-8.8,0-17.7,0-26.5,0c-0.3,0-0.6,0-0.8-0.1c-0.9-0.2-1.5-1-1.5-1.9c0-0.9,0.7-1.6,1.6-1.7c0.3,0,0.6,0,0.9,0c0.4,0,0.8-0.1,1.1,0.1c0.2,0.2,0,0.6,0.1,0.9c0.1,0.5,0.4,0.8,0.8,0.8c0.4,0,0.8-0.3,0.8-0.8c0-0.2,0-0.4,0-0.6c0-9.1,0-18.3,0-27.4c0-0.9,0.3-1.2,1.2-1.2c10.4,0,20.8,0,31.2,0c0.4,0,0.5,0.1,0.5,0.5c0,2.4,0,4.8,0,7.3c0,1.3,0.6,2,2,2c2.4,0,4.7,0,7.1,0c0.5,0,0.7,0.1,0.7,0.6c0,13.8,0,27.6,0,41.4c0,1.1-0.3,1.4-1.4,1.4c-13.2,0-26.5,0-39.7,0c-0.1,0-0.3,0-0.4,0c-0.6,0-0.9-0.3-1-0.9c-0.1-0.7-0.5-1-1-0.9c-0.5,0.1-0.8,0.6-0.7,1.2c0.2,1.4,1.3,2.2,2.8,2.2c13.3,0,26.7,0,40,0c2,0,3-1,3-3C55.2,41.6,55.2,27.4,55.2,13.2z M46,12.1c-0.3,0-0.5,0-0.5-0.4c0-2.4,0-4.7,0-7.1c0-0.1,0-0.1,0-0.1c2.5,2.5,5,5,7.6,7.6c-0.5,0-1,0-1.6,0C49.7,12.1,47.8,12.1,46,12.1z M34.5,37.6c1.1,0,1.4,0.3,1.4,1.4c0,3.8,0,7.7,0,11.5c0,1.1-0.3,1.4-1.3,1.4c-8.9,0-17.8,0-26.6,0c-1.5,0-2.2-0.7-2.2-2.1c0-4,0-8,0-12.1c0-0.2,0-0.3,0-0.6c0.9,0.6,1.9,0.5,2.9,0.5C17.3,37.6,25.9,37.6,34.5,37.6z"/><path d="M43.3,27.3c0.3-1.1-0.3-2-1.7-2.4c0,0-0.1,0-0.1,0c-1-0.3-2-0.3-3.1-0.3c-0.3,0-0.6,0-0.9,0c-0.5,0.1-0.8-0.1-1.1-0.5c-1.2-1.3-2.2-2.8-3.3-4.2c-0.6-0.8-0.9-1.6-0.4-2.6c0.1-0.1,0.1-0.2,0.1-0.4c0.3-1.3,0.6-2.6,0.3-4c-0.2-1.1-1-1.6-2.2-1.5c-1.4,0.2-2.2,1.3-2,2.9c0.2,1.4,0.8,2.7,1.4,4c0.2,0.3,0.2,0.6,0.1,0.9c-0.8,2.3-1.7,4.4-2.7,6.6c-0.2,0.4-0.4,0.6-0.8,0.7c-1.3,0.4-2.5,0.9-3.6,1.6c-0.7,0.4-1.3,0.9-1.7,1.6c-0.5,0.9-0.3,1.9,0.4,2.7c0.7,0.7,1.5,0.8,2.5,0.3c0.5-0.3,0.9-0.6,1.3-1.1c1-1.1,1.7-2.3,2.4-3.5c0.2-0.3,0.4-0.4,0.7-0.5c2.1-0.6,4.3-1,6.5-1.2c0.5-0.1,0.8,0,1.2,0.4c1.1,1,2.2,1.9,3.6,2.3C41.8,29.4,43,28.7,43.3,27.3z M24,31.1c-0.2,0.2-0.5,0.4-0.8,0.1c-0.3-0.3-0.2-0.6,0-0.9c0.7-0.8,1.7-1.3,2.7-1.6C25.4,29.7,24.9,30.5,24,31.1z M30.6,13.6c0.1-0.3,0.3-0.4,0.6-0.4c0.3,0,0.3,0.3,0.3,0.5c0.1,0.9-0.1,1.8-0.3,2.7c-0.4-0.8-0.7-1.6-0.7-2.4C30.6,13.8,30.6,13.7,30.6,13.6z M29.6,25.8c0.8-1.7,1.5-3.3,2.1-5.1c1,1.5,2,2.8,3.1,4.1C33.1,25,31.4,25.3,29.6,25.8z M38.7,26.2c1,0,1.8,0.1,2.6,0.3c0.2,0.1,0.5,0.1,0.4,0.4c-0.1,0.3-0.2,0.5-0.6,0.5c-0.3,0-0.5-0.1-0.8-0.2C39.8,27,39.3,26.7,38.7,26.2z"/><path d="M18.6,48c0,0.8,0.3,1,1.1,1c0.5,0,1.1,0,1.6,0c1.4,0,2.4-0.7,3.1-1.9c0.7-1.3,0.7-2.6,0.3-4c-0.5-1.6-1.7-2.5-3.4-2.5c-0.5,0-1.1,0-1.6,0c-0.8,0-1,0.3-1,1c0,1,0,2.1,0,3.1C18.6,45.8,18.6,46.9,18.6,48z M20.6,42.2c0.2,0,0.5,0,0.7,0c0.9,0,1.4,0.4,1.7,1.2c0.3,0.7,0.3,1.5,0.1,2.3c-0.3,1.3-1.4,2-2.7,1.7c-0.3-0.1-0.2-0.2-0.2-0.4c0-0.8,0-1.5,0-2.3c0,0,0,0,0,0c0-0.7,0-1.5,0-2.2C20.2,42.2,20.3,42.1,20.6,42.2z"/><path d="M11.2,48.2c0,0.5,0.4,0.9,0.8,0.9c0.4,0,0.8-0.3,0.8-0.8c0-0.3,0-0.6,0-0.9c0-0.4-0.2-1,0.1-1.2c0.2-0.2,0.8-0.1,1.2-0.1c0,0,0,0,0.1,0c1.5-0.1,2.7-1.3,2.7-2.9c0-1.5-1.2-2.7-2.7-2.8c-0.6,0-1.3,0-1.9,0c-0.7,0-1,0.3-1,1c0,1.1,0,2.2,0,3.4C11.2,45.9,11.2,47.1,11.2,48.2z M14,42.1c0.6,0.1,1,0.5,1.1,1c0,0.6-0.3,1.1-0.9,1.2c-0.1,0-0.1,0-0.2,0c-1.2,0.2-1.3,0.1-1.3-1.2C12.8,41.9,12.8,41.9,14,42.1z"/><path d="M27.5,49.1c0.5,0,0.8-0.4,0.8-1c0-0.7,0-1.5,0-2.2c0-0.4,0.1-0.4,0.4-0.4c0.5,0,0.9,0,1.4,0c0.5,0,0.8-0.4,0.8-0.8c0-0.5-0.3-0.7-0.7-0.8c-0.2,0-0.4,0-0.5,0c-1.4,0-1.4,0-1.3-1.4c0,0,0-0.1,0-0.1c0-0.2,0.1-0.3,0.3-0.3c0.6,0,1.1,0,1.7,0c0.5,0,0.9-0.4,0.9-0.8c0-0.5-0.4-0.8-0.9-0.8c-0.4,0-0.9,0-1.3,0c-0.4,0-0.9,0-1.3,0c-0.7,0-1,0.3-1,1c0,2.2,0,4.5,0,6.7C26.7,48.7,27,49.1,27.5,49.1z"/></g></svg>');
}

.box_download_img {
    margin-bottom: 10px;
}

    .box_download_img > i {
        height: 80px;
        width: 80px;
        display: inline-block;
        background-position: center;
        background-repeat: no-repeat;
    }

.box_download_name {
    line-height: 20px;
    height: 40px;
    font-weight: bold;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.box_download_details {
    display: block;
    margin: 10px 0px;
    padding: 10px 0px;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

    .box_download_details p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

.btn_download {
    display: inline-block;
    background-color: transparent;
    color: #3379b0 !important;
    padding: 0px;
    font-size: 15px;
}

    .btn_download:hover,
    .btn_download:focus,
    .btn_download:active {
        background-color: transparent;
        color: #3379b0 !important;
        text-decoration: underline;
    }


.maicon_driver {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="rgb(32, 116, 174)" xmlns="http://www.w3.org/2000/svg"><g><path d="M55.1,38.5c-0.1,0-0.2-0.1-0.3-0.2c-0.2-0.6-0.5-1.2-0.7-1.8c1.3-1.5,1.3-2.5-0.1-4c-0.2-0.2-0.2-0.5-0.2-0.8c0-7.3,0-14.6,0-21.9c0-0.7,0-1.3-0.2-2c-0.5-2.5-2.6-4.3-4.9-4.3c-13.5,0-27,0-40.5,0C7,3.6,6.1,4,5.2,4.7C3.7,6,3.1,7.6,3.1,9.6c0,9.9,0,19.8,0,29.8c0,0.4,0,0.9,0.1,1.3C3.6,43,5.3,45,7.5,45.2c2.3,0.2,4.7,0.1,7.1,0.1c0.6,0,1-0.6,0.9-1.1c0-0.6-0.5-1-1.2-1c-2,0-4,0-6,0c-1.1,0-1.8-0.5-2.4-1.3c-0.5-0.8-0.7-1.7-0.7-2.6c0-6.2,0-12.4,0-18.7c0-0.2,0-0.4,0-0.6c15.5,0,30.9,0,46.3,0c0,3.6,0,7.2,0,10.7c-0.6,0.2-1.2,0.2-1.5,0.5c-0.7,0.7-1.3,0.5-1.9,0.1c-0.1,0-0.2-0.1-0.2-0.1c-0.5-0.1-0.6-0.3-0.6-0.8c-0.1-1.2-1-2.1-2.2-2.2c-0.8-0.1-1.6-0.1-2.4,0c-1,0.1-1.7,0.7-2,1.7c-0.1,0.3-0.1,0.7-0.2,1.1c-0.5,0.2-1,0.4-1.5,0.6c-0.3,0.2-0.5,0.1-0.8-0.1c-1-0.9-2.3-0.9-3.2,0c-0.6,0.5-1.1,1-1.6,1.6c-0.7,0.7-0.9,2-0.3,2.7c0.7,0.8,0.5,1.4,0.1,2.2c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.3,0.3-0.5,0.3c-1.6,0.1-2.5,1.1-2.5,2.7c0,0.6,0,1.3,0,1.9c-0.2,0-0.4,0-0.6,0c-1.8,0-3.7,0-5.5,0c-0.7,0-1.2,0.5-1.2,1.1c0,0.6,0.5,1,1.2,1c2.7,0,5.4,0,8.2,0c0.6,0,0.9,0.1,1,0.7c0.1,0.3,0.2,0.5,0.3,0.8c0.2,0.3,0.2,0.5-0.1,0.8c-0.9,0.9-0.9,2.3,0,3.2c0.5,0.6,1,1.1,1.6,1.6c0.7,0.7,1.9,0.9,2.7,0.3c0.8-0.7,1.5-0.5,2.2-0.1c0,0,0.1,0,0.1,0c0.4,0.1,0.5,0.3,0.5,0.7c0.1,1.4,1.1,2.3,2.5,2.3c0.6,0,1.1,0,1.7,0c1.6,0,2.5-0.9,2.6-2.5c0-0.1,0.1-0.3,0.2-0.4c0.6-0.3,1.2-0.5,1.8-0.7c1.2,1.1,2.5,1.3,3.5,0.4c0.6-0.5,1.1-1.1,1.6-1.6c0.7-0.8,0.9-2,0.2-2.8c-0.6-0.7-0.5-1.3-0.1-1.9c0.1-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.2-0.2,0.3-0.2c1.4,0,2.2-0.7,2.6-1.9c0-1,0-2,0-3C57.2,39.2,56.4,38.5,55.1,38.5z M5.2,17.8c0-0.2,0-0.3,0-0.5c0-2.6,0-5.2,0-7.7c0-1,0.2-1.9,0.9-2.7c0.6-0.8,1.4-1.1,2.4-1.1c11.5,0,22.9,0,34.4,0c1.7,0,3.5,0,5.2,0c2.1,0,3.4,1.3,3.5,3.4c0.1,2.4,0,4.9,0,7.3c0,0.4,0,0.9,0,1.4C36.1,17.8,20.7,17.8,5.2,17.8z M54.4,43.2c-1,0-1.2,0.2-1.5,1.2c-0.3,0.8-0.6,1.6-1,2.4c-0.3,0.7-0.3,1,0.2,1.6c0.9,0.9,0.9,0.9,0,1.9c-0.2,0.2-0.4,0.5-0.6,0.8c-0.3-0.2-0.4-0.3-0.5-0.4c-1.3-1.4-1.5-1.1-2.8-0.4c-0.6,0.3-1.3,0.5-2,0.8c-0.7,0.2-0.9,0.5-0.9,1.2c0,0,0,0.1,0,0.1c0,1.5,0.2,1.3-1.3,1.3c-1.3,0-1.1,0.1-1.1-1.1c0-1-0.2-1.2-1.1-1.5c-0.8-0.3-1.6-0.6-2.4-1c-0.7-0.3-1-0.3-1.6,0.2c-0.9,0.9-1,0.9-1.9,0c-0.9-0.9-0.9-0.7,0-1.6c0.7-0.7,0.7-1,0.3-1.9c-0.4-0.8-0.7-1.6-1-2.4c-0.3-0.8-0.5-1-1.4-1c-1.4,0-1.2,0.2-1.2-1.2c0-1.2,0-1.2,1.2-1.2c0.8,0,1.1-0.3,1.4-1c0.3-0.8,0.6-1.7,1-2.5c0.4-0.8,0.4-1.1-0.2-1.7c-0.9-0.9-0.9-0.9,0-1.8c0.9-0.9,0.7-0.9,1.6,0c0.7,0.7,1,0.7,1.8,0.2c0.8-0.4,1.6-0.7,2.4-1c0.8-0.3,1-0.5,1-1.3c0-1.3,0-1.3,1.3-1.3c1.2,0,1.2,0,1.2,1.2c0,0.8,0.3,1.1,1,1.4c0.9,0.3,1.7,0.7,2.5,1c0.7,0.3,1.1,0.3,1.7-0.2c0.9-0.9,0.9-0.9,1.8,0c0.8,0.8,0.8,0.8,0,1.7c-0.6,0.7-0.6,1-0.2,1.8c0.4,0.8,0.7,1.7,1,2.5c0.2,0.7,0.5,1,1.3,1c1.3,0,1.3,0,1.3,1.3C55.5,43.3,55.7,43.2,54.4,43.2z"/><path d="M24.6,36c0.5,0.4,1.1,0.4,1.6-0.2c0.9-1.1,1.9-2.1,2.8-3.2c0.6-0.7,0.6-1.4,0-2.2c-0.9-1.1-1.9-2.1-2.8-3.1c-0.5-0.6-1.1-0.7-1.6-0.2c-0.5,0.4-0.5,1.1,0,1.7c0.8,0.9,1.6,1.8,2.5,2.8c-0.9,1-1.7,1.9-2.5,2.8C24.1,34.9,24.1,35.6,24.6,36z"/><path d="M14.1,27.1c-0.4-0.4-1.1-0.4-1.5,0.1c-1,1.1-2,2.3-3,3.4c-0.4,0.5-0.5,1.2-0.1,1.7c1.1,1.2,2.1,2.5,3.3,3.7c0.4,0.4,1,0.3,1.4,0c0.4-0.3,0.5-0.9,0.2-1.4c-0.1-0.2-0.2-0.3-0.4-0.5c-0.8-0.9-1.5-1.7-2.3-2.6c0.9-1,1.8-1.9,2.6-2.9C14.5,28.2,14.5,27.5,14.1,27.1z"/><path d="M20.2,26c-0.5,0.1-0.8,0.5-0.9,1c-0.3,1.2-0.5,2.3-0.8,3.5c-0.4,1.7-0.8,3.5-1.2,5.2c-0.2,0.7,0.2,1.2,0.8,1.3c0.6,0.1,1.1-0.2,1.3-0.9c0-0.1,0-0.1,0.1-0.2c0.4-1.8,0.9-3.6,1.3-5.4c0.3-1.2,0.5-2.3,0.8-3.4C21.5,26.4,20.8,25.9,20.2,26z"/><path d="M19.2,43.2c-0.6,0-1.1,0.5-1.1,1.1c0,0.6,0.5,1,1.1,1.1c0.6,0,1.1-0.5,1.1-1.1C20.3,43.6,19.8,43.2,19.2,43.2z"/><path d="M44.5,8.2c-3.1,0-6.3,0-9.4,0c-0.9,0-1.7,0.3-2.4,0.9c-1.1,1-1.6,2.5-1.1,3.9c0.5,1.4,1.8,2.4,3.3,2.4c1.6,0,3.2,0,4.9,0c0,0,0,0,0,0c1.6,0,3.1,0,4.7,0c2.1,0,3.7-1.6,3.7-3.6C48.2,9.8,46.6,8.2,44.5,8.2z M45.9,12.4c-0.3,0.6-0.7,0.9-1.4,0.9c-3.2,0-6.3,0-9.5,0c-0.9,0-1.5-0.6-1.5-1.4c0-0.8,0.6-1.4,1.5-1.5c1.6,0,3.2,0,4.7,0c1.5,0,3.1,0,4.6,0C45.7,10.4,46.4,11.4,45.9,12.4z"/><path d="M22.4,8.2c-2,0-3.6,1.6-3.6,3.6c0,2,1.6,3.6,3.6,3.6c2,0,3.6-1.6,3.6-3.6C26,9.8,24.4,8.2,22.4,8.2z M22.4,13.3c-0.8,0-1.4-0.6-1.4-1.4c0-0.8,0.6-1.5,1.4-1.5c0.8,0,1.5,0.6,1.5,1.4C23.9,12.6,23.2,13.3,22.4,13.3z"/><path d="M13.1,8.2c-2,0-3.6,1.6-3.6,3.6c0,2,1.6,3.6,3.6,3.6c2,0,3.6-1.6,3.6-3.6C16.6,9.8,15.1,8.2,13.1,8.2z M13,13.3c-0.8,0-1.4-0.7-1.4-1.5c0-0.8,0.6-1.4,1.4-1.4c0.8,0,1.5,0.6,1.5,1.4C14.5,12.6,13.8,13.3,13,13.3z"/><path d="M44,35.4c-3.6,0-6.6,2.9-6.6,6.5c0,3.6,2.9,6.6,6.5,6.6c3.6,0,6.6-2.9,6.6-6.5C50.5,38.4,47.6,35.4,44,35.4z M43.9,46.3c-2.4,0-4.4-2-4.4-4.5c0-2.4,2-4.4,4.4-4.4c2.4,0,4.4,2,4.4,4.4C48.4,44.3,46.4,46.3,43.9,46.3z"/></g></svg>');
}

.windows_operating_systems {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="rgb(32, 116, 174)" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1 2)"><path d="M56.5,27.2H27.1V5.1l29.4-4.4V27.2z M29,25.4h25.7V2.9L29,6.7V25.4z"/><path d="M25.3,27.5h-23V8.7l23-3.4V27.5z M4.2,25.7h19.3V7.4L4.2,10.2V25.7z"/><path d="M56.5,55.2l-29.4-4.4V29.3h29.4V55.2z M29,49.3l25.7,3.9v-22H29V49.3z"/><path d="M25.3,50.6l-23-3.4V29.3h23V50.6z M4.2,45.7l19.3,2.8V31.2H4.2V45.7z"/></g></svg>');
}

.maicon_android_operating_system {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="rgb(32, 116, 174)" xmlns="http://www.w3.org/2000/svg"><g><path d="M36.7,7.6l2.4-4.1c0.3-0.5,0.1-1.1-0.3-1.3c-0.5-0.3-1.1-0.1-1.3,0.3l-2.6,4.3C33.4,6.3,31.7,6,30,6c-1.7,0-3.4,0.3-4.9,0.9l-2.6-4.3c-0.3-0.5-0.9-0.6-1.3-0.3c-0.5,0.3-0.6,0.9-0.3,1.3l2.5,4.1c-4.7,2.4-8,7.4-8,13.1c0,0.5,0.4,1,1,1h27.5c0.5,0,1-0.4,1-1C44.7,15,41.5,10.1,36.7,7.6L36.7,7.6z M17.3,19.7c0.5-6.6,6-11.8,12.7-11.8c6.7,0,12.2,5.2,12.7,11.8H17.3z M17.3,19.7"/><path d="M36.8,13.2h-1.3c-0.4,0-0.6,0.3-0.6,0.6v1.3c0,0.4,0.3,0.6,0.6,0.6h1.3c0.4,0,0.6-0.3,0.6-0.6v-1.3C37.5,13.5,37.2,13.2,36.8,13.2L36.8,13.2z M36.8,13.2"/><path d="M24.4,13.2h-1.3c-0.4,0-0.6,0.3-0.6,0.6v1.3c0,0.4,0.3,0.6,0.6,0.6h1.3c0.4,0,0.6-0.3,0.6-0.6v-1.3C25.1,13.5,24.8,13.2,24.4,13.2L24.4,13.2z M24.4,13.2"/><path d="M43.7,22.6H16.3c-0.5,0-1,0.4-1,1v19.8c0,2.6,2.1,4.7,4.7,4.7h1.1V54c0,2.2,1.8,3.9,3.9,3.9c2.2,0,3.9-1.8,3.9-3.9v-5.9h2V54c0,2.2,1.8,3.9,3.9,3.9c2.2,0,3.9-1.8,3.9-3.9v-5.9H40c2.6,0,4.7-2.1,4.7-4.7V23.6C44.7,23.1,44.3,22.6,43.7,22.6L43.7,22.6z M42.8,43.4c0,1.5-1.3,2.8-2.8,2.8h-2.1c-0.5,0-1,0.4-1,1V54c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2v-6.9c0-0.5-0.4-1-1-1H28c-0.5,0-1,0.4-1,1V54c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2v-6.9c0-0.5-0.4-1-1-1H20c-1.5,0-2.8-1.2-2.8-2.8V24.6h25.5V43.4z M42.8,43.4"/><path d="M49.1,22.6c-1.9,0-3.4,1.5-3.4,3.4v13.7c0,1.9,1.5,3.4,3.4,3.4c1.9,0,3.4-1.5,3.4-3.4V26.1C52.6,24.2,51,22.6,49.1,22.6L49.1,22.6z M50.6,39.8c0,0.8-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5V26.1c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5V39.8z M50.6,39.8"/><path d="M10.9,22.6c-1.9,0-3.4,1.5-3.4,3.4v13.7c0,1.9,1.5,3.4,3.4,3.4c1.9,0,3.4-1.5,3.4-3.4V26.1C14.3,24.2,12.8,22.6,10.9,22.6L10.9,22.6z M12.3,39.8c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5V26.1c0-0.8,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5V39.8z M12.3,39.8"/></g></svg>');
}

.maicon_ubuntu_operating_system {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="rgb(32, 116, 174)" xmlns="http://www.w3.org/2000/svg"><g><path d="M47.5,57.4c2.6-0.7,4.3-2.9,4.3-5.6c0-2.6-1.9-4.9-4.5-5.4c-3.2-0.7-6.7,1.7-6.8,5.4c-0.1,2.7,1.6,4.8,4.1,5.6c0.2,0.1,0.5,0,0.6,0.3c0.6,0,1.2,0,1.7,0C47.1,57.4,47.3,57.4,47.5,57.4z M46.2,55.4c-1.9,0-3.5-1.6-3.4-3.5c0-1.9,1.5-3.4,3.5-3.4c1.9,0,3.4,1.5,3.4,3.4C49.7,53.8,48.1,55.4,46.2,55.4z"/><path d="M48.7,2.9c-0.5-0.3-1.1-0.4-1.7-0.6c-0.3,0-0.6,0-0.9,0c-0.2,0-0.4,0-0.6,0c-0.1,0-0.1,0-0.2,0c-0.1,0.1-0.2,0.1-0.3,0.1c-2.8,0.7-4.8,3.3-4.6,6c0.3,3,2.5,5.2,5.5,5.4c2.7,0.2,5.2-1.7,5.9-4.3C52.5,6.9,51.2,4.1,48.7,2.9z M46.2,4.6c1.9,0,3.5,1.6,3.5,3.5c0,1.9-1.5,3.5-3.5,3.5c-1.9,0-3.4-1.5-3.4-3.5C42.8,6.2,44.3,4.7,46.2,4.6z"/><path d="M52.6,15.4c-0.8-1-1.2-1-2.2-0.4c-1.7,1-3.6,1.4-5.6,1c-3.8-0.8-6.4-3.8-6.6-7.7c0-0.8-0.4-1.2-1.1-1.2C33.5,6.7,30,7.2,26.6,8.5c-0.8,0.3-1,1-0.6,1.8c1.5,2.6,3,5.2,4.5,7.8c0.4,0.7,0.8,0.9,1.6,0.7c1.3-0.3,2.7-0.4,4.1-0.2c4.8,0.8,8,3.5,9.6,8.1c0.3,0.8,0.6,1.1,1.5,1.1c1.5,0,3,0,4.4,0c1.5,0,3.1,0,4.6,0c0.9,0,1.4-0.6,1.3-1.4C56.8,22.2,55.1,18.6,52.6,15.4z M54.4,25.4c-1,0-2.1,0-3.1,0c-1,0-2.1,0-3.1,0c-0.3,0-0.5-0.1-0.6-0.4c-2.2-5.6-7.5-9.1-13.6-8.8c-0.4,0-0.9,0.1-1.3,0.2c-0.3,0.1-0.5,0-0.6-0.3c-1-1.8-2.1-3.7-3.2-5.5c-0.2-0.4-0.1-0.5,0.2-0.6c2.1-0.6,4.3-0.8,6.5-0.8c0.3,0,0.4,0.1,0.5,0.5c1.1,6.8,8.4,10.7,14.6,7.8c0.4-0.2,0.6-0.1,0.8,0.2c1.6,2.2,2.7,4.6,3.4,7.2C54.9,25.3,54.9,25.4,54.4,25.4z"/><path d="M56,32.3c-2.8,0-5.7,0-8.5,0c-1.2,0-1.4,0.2-1.8,1.3c-1.6,4.9-6.4,8.2-11.5,7.9c-0.8-0.1-1.7-0.2-2.4-0.4c-0.5,0-0.9,0.2-1.1,0.6c-1.6,2.7-3.1,5.4-4.7,8.1c-0.4,0.7-0.1,1.4,0.6,1.7c3.4,1.3,7,1.8,10.6,1.4c0.6-0.1,1-0.5,1-1.1c0.1-0.8,0.1-1.5,0.4-2.3c1.6-5.1,7.4-7.2,12-4.4c0.8,0.5,1.3,0.4,1.9-0.3c2.6-3.2,4.3-6.8,5-10.8C57.6,32.8,57.2,32.3,56,32.3z M54.8,35.1c-0.7,2.7-1.9,5.1-3.5,7.4c-0.2,0.3-0.3,0.3-0.6,0.1c-6.4-2.9-13.6,0.9-14.7,7.8c-0.1,0.3-0.2,0.4-0.5,0.4c-2.2,0.1-4.3-0.2-6.5-0.8c-0.4-0.1-0.4-0.2-0.2-0.6c1.1-1.8,2.1-3.6,3.1-5.4c0.1-0.2,0.2-0.4,0.5-0.3c2.6,0.4,5.2,0.1,7.7-1c3.5-1.5,5.9-4.1,7.3-7.6c0.1-0.3,0.3-0.5,0.6-0.5c2.1,0,4.2,0,6.3,0C54.8,34.6,54.9,34.7,54.8,35.1z"/><path d="M26.3,37.8c-4.1-4.5-4.1-11.2,0-15.7c0.6-0.6,0.6-1,0.2-1.7c-1.5-2.6-3-5.2-4.5-7.7c-0.5-0.9-1.3-1-2.1-0.3c-3.2,2.7-5.5,6-6.9,9.9c-0.3,0.8-0.2,1.2,0.5,1.8c1.7,1.5,2.7,3.4,2.8,5.7c0.1,2.6-0.9,4.8-2.9,6.5c-0.3,0.3-0.5,0.6-0.5,1.1c0,0,0,0.1,0,0.2c0,0.2,0.1,0.3,0.1,0.5c1.4,3.9,3.7,7.2,6.9,9.9c0.9,0.7,1.6,0.6,2.1-0.4c1.5-2.6,3-5.1,4.4-7.7C27,38.9,26.9,38.5,26.3,37.8z M23.9,39.5c-1,1.7-2,3.4-3,5.1c-0.1,0.2-0.2,0.3-0.3,0.5c-1-1-1.9-2-2.8-3.1c-0.9-1.3-1.7-2.7-2.3-4.2c-0.1-0.3-0.1-0.5,0.1-0.7c3.9-4,3.9-10.2,0-14.2c-0.3-0.3-0.3-0.5-0.1-0.8c1.1-2.6,2.7-4.9,4.7-6.9c0.3-0.3,0.4-0.3,0.7,0.1c1,1.8,2,3.6,3.1,5.3c0.2,0.3,0.2,0.5-0.1,0.8c-2.1,2.6-3.1,5.6-3,8.9c0.1,3.1,1.1,5.9,3,8.3C24.1,38.9,24.1,39.1,23.9,39.5z"/><path d="M8.2,24.2c-3.2,0-5.8,2.6-5.8,5.8c0,3.2,2.6,5.8,5.8,5.7c3.2,0,5.8-2.6,5.8-5.8C14,26.8,11.4,24.3,8.2,24.2z M8.2,33.5c-1.9,0-3.5-1.5-3.5-3.4c0-1.9,1.5-3.5,3.4-3.5c1.9,0,3.5,1.6,3.5,3.5C11.7,31.9,10.1,33.4,8.2,33.5z"/></g></svg>');
}

.maicon_OpenSUSE_operating_system {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="rgb(32, 116, 174)" xmlns="http://www.w3.org/2000/svg"><g><path d="M11.3,41c0-0.6-0.4-1.1-1-1.2c-0.5-0.1-1,0-1.5,0.2c-0.2,0.1-0.4,0.2-0.5,0.2c-0.2,0.1-0.3,0-0.4-0.1c-0.1-0.2-0.3-0.3-0.5-0.3c-0.2,0.1-0.2,0.3-0.2,0.4c0,2.2,0,4.3,0,6.5c0,0.2,0.1,0.4,0.1,0.5c0.2,0,0.4,0,0.5,0C7.9,47.1,8,46.9,8,46.6c0-0.6,0-1.3,0-1.9c0-0.2,0.1-0.3,0.3-0.2c0.1,0,0.3,0.1,0.4,0.2C9.1,44.9,9.5,45,10,45c0.8,0,1.3-0.5,1.3-1.4C11.3,42.7,11.3,41.9,11.3,41z M10.5,43.5c0,0.4-0.3,0.7-0.7,0.7c-0.4,0-0.8,0-1.2,0c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0-0.7,0-1.1c0-0.2,0-0.4,0-0.6s0-0.4,0-0.6c0-0.4,0.2-0.7,0.6-0.7c0.4,0,0.8,0,1.2,0c0.4,0,0.6,0.3,0.6,0.7C10.5,42,10.5,42.7,10.5,43.5z"/><path d="M5.7,41c0-0.7-0.5-1.2-1.2-1.2c-0.6,0-1.2,0-1.8,0c-0.6,0-1.1,0.4-1.2,1c0,0.1,0,0.1-0.1,0.2c0,0.9,0,1.9,0,2.8c0,0.1,0.1,0.1,0.1,0.2c0.1,0.6,0.6,1,1.2,1c0.6,0,1.1,0,1.7,0c0.7,0,1.2-0.5,1.2-1.2C5.7,42.8,5.7,41.9,5.7,41z M4.3,44.2c-0.4,0-0.9,0-1.3,0c-0.4,0-0.6-0.2-0.6-0.6c0-0.8,0-1.6,0-2.4c0-0.4,0.2-0.6,0.7-0.6c0.4,0,0.8,0,1.2,0c0.4,0,0.7,0.2,0.7,0.7c0,0.4,0,0.7,0,1.1c0,0.4,0,0.8,0,1.2C4.9,43.9,4.7,44.1,4.3,44.2z"/><path d="M56.9,15.8c-0.4-0.8-1-1.4-1.8-1.7c-0.6-0.3-1.2-0.5-1.8-0.7c-2-0.7-4-1.2-6-1.6c-0.9-0.2-1.8-0.3-2.7-0.5c-0.2,0-0.3,0-0.3,0.2c0,0.2,0,0.5,0,0.7c0,0.3,0,0.6-0.1,0.9c-0.4-0.1-0.8-0.3-1.2-0.4c-2.3-0.7-4.6-1.2-7-1.6c-0.9-0.1-1.8-0.2-2.7-0.3c-0.8-0.1-1.6-0.1-2.4-0.1c-1.9,0-3.8-0.1-5.6,0.2c-1.4,0.2-2.8,0.4-4.2,0.8C16.9,13,13,15,9.5,18c-1.9,1.6-3.4,3.5-4.5,5.8c-1,2.1-1.4,4.2-1,6.5c0.3,1.9,1.2,3.6,2.6,4.9c2.4,2.3,5.2,3,8.5,2.4c3.5-0.7,5.6-4,5.1-7.1c-0.3-1.7-1.1-3.1-2.4-4.1c-1.7-1.2-3.6-1.6-5.6-0.8c-1.4,0.5-2.7,2-2.5,4c0.1,1.3,0.7,2.2,1.8,2.8c1.2,0.7,2.3,0.6,3.5,0.1c0.5-0.2,0.7-0.8,0.6-1.2c-0.1-0.6-0.5-0.9-1.1-0.9c-0.2,0-0.5,0.1-0.7,0.1c-0.5,0.2-1,0.1-1.4-0.4c-0.5-0.6-0.3-1.6,0.4-2c0.7-0.4,1.4-0.4,2.2-0.2c1.6,0.4,2.7,2,2.6,3.7c-0.1,1.4-1,2.8-2.7,3.1c-0.9,0.2-1.7,0.2-2.6,0c-3.2-0.6-5.1-3.6-4.7-6.5c0.2-2,1.4-3.5,3.1-4.4c1.1-0.6,2.3-0.8,3.6-0.8c1.3,0,2.6,0.3,3.7,0.9c2.9,1.6,5,3.9,5.8,7.2c0,0.2,0.1,0.3,0.3,0.4c1,0.5,2,1,3,1.4c0.1,0,0.1,0,0.2,0.1c0-0.1,0-0.1,0-0.2c-0.2-1.1-0.2-2.2,0-3.3c0.2-1.2,0.8-2.2,2-2.7c1.3-0.5,2.6-0.6,3.9-0.2c1.6,0.4,2.8,1.4,3.9,2.6c0.7,0.8,1.4,1.6,2.2,2.4c0.1,0.1,0.3,0.3,0.4,0.3c1.3,0.6,2.6,1.2,3.8,1.8c0.1,0,0.1,0,0.3,0.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.4-0.7-0.9-1.5-1.3-2.2c-0.5-1.1-0.9-2.3-0.7-3.6c0.1-1.1,0.8-1.8,1.8-1.9c0.9-0.1,1.8,0,2.6,0.1c0.8,0.1,1.7,0.2,2.5,0.2c1,0,2.1-0.1,3.1-0.2c1.9-0.2,3.6-0.7,5.3-1.5c0.9-0.4,1.4-1,1.6-2c0-0.1,0-0.2,0.1-0.4c-0.2,0.1-0.3,0.1-0.4,0.2c-0.5,0.2-1.1,0.5-1.6,0.7c-1.4,0.5-2.7,0.7-4.2,0.3c-1.9-0.5-3.7-1.3-5.4-2.2c-0.1,0-0.2-0.2-0.2-0.3c-0.3-0.6-0.5-1.2-0.7-1.8c0-0.1-0.1-0.1-0.1-0.2c0.1,0,0.1,0,0.1,0c0.3,0.2,0.6,0.4,1,0.6c1.6,1,3.3,1.9,5.1,2.4c1.1,0.3,2.3,0.5,3.5,0.2c1.2-0.3,2.2-0.9,3.1-1.6c0.1,0,0.1-0.2,0.1-0.3C58.1,18.7,57.6,17.2,56.9,15.8z M52.8,20.9c-1.8,0-3.3-1.5-3.3-3.3c0-1.8,1.4-3.2,3.2-3.2c1.9,0,3.4,1.6,3.3,3.3C56.2,19.4,54.6,20.9,52.8,20.9z"/><path d="M57.2,43.3c-1.4,0-2.9,0-4.3,0c-0.3,0-0.3,0-0.3-0.3c0-0.4,0-0.8,0-1.3c0-0.3,0-0.3,0.3-0.3c1,0,2.1,0,3.1,0c0.4,0,0.7-0.2,0.7-0.5c0.2-0.6-0.1-1.1-0.8-1.1c-1,0-2.1,0-3.1,0c-0.2,0-0.3-0.1-0.3-0.3c0-0.4,0-0.8,0-1.3c0-0.5-0.1-0.5,0.5-0.5c1.3,0,2.7,0,4,0c0.3,0,0.5-0.1,0.6-0.3c0.3-0.5,0-1.2-0.6-1.2c-1.8,0-3.6,0-5.5,0c-0.5,0-0.7,0.3-0.7,0.7c0,1.2,0,2.4,0,3.6c0,0,0,0,0,0c0,1.2,0,2.4,0,3.6c0,0.4,0.3,0.7,0.6,0.7c1.9,0,3.9,0,5.8,0c0.4,0,0.6-0.2,0.7-0.6C58.1,43.7,57.8,43.3,57.2,43.3z"/><path d="M49.3,41.6c0-1-0.7-1.7-1.7-1.7c-1,0-2,0-3.1,0c-0.6,0-0.9-0.3-0.9-0.9c0-0.9,0.2-1.1,1.1-1.1c1.1,0,2.1,0,3.2,0c0.5,0,0.8-0.3,0.8-0.7c0-0.5-0.2-0.8-0.8-0.8c-1.3,0-2.6,0-4,0c-1,0-1.8,0.7-2,1.7c-0.1,0.4,0,0.9,0,1.3c0,1.1,0.9,1.9,2,1.9c1,0,2.1,0,3.1,0c0.4,0,0.6,0.2,0.6,0.5c0,0.3,0,0.6,0,0.9c-0.1,0.4-0.2,0.5-0.6,0.5c-1.4,0-2.8,0-4.3,0c-0.5,0-0.8,0.3-0.8,0.8c0,0.5,0.3,0.7,0.8,0.7c0.8,0,1.6,0,2.4,0c0.7,0,1.5,0,2.2,0c0,0,0,0,0.1,0c1,0,1.8-0.6,1.9-1.6C49.3,42.7,49.3,42.2,49.3,41.6z"/><path d="M31.2,41.5c0-1-0.7-1.6-1.7-1.6c-1,0-1.9,0-2.9,0c-0.7,0-1.1-0.1-1.1-1.1c0-0.7,0.3-0.9,0.9-0.9c0.1,0,0.2,0,0.3,0c1,0,2.1,0,3.1,0c0.5,0,0.7-0.3,0.7-0.7c0-0.5-0.2-0.8-0.7-0.8c-1.3,0-2.7,0-4,0c-1,0-1.9,1-1.9,2c0,0.4,0,0.7,0,1.1c0,0.9,0.6,1.7,1.5,1.9c0.1,0,0.3,0,0.4,0c1.1,0,2.1,0,3.2,0c0.4,0,0.6,0.2,0.6,0.6c0,0.3,0,0.5,0,0.8c0,0.4-0.2,0.6-0.7,0.6c-1.4,0-2.8,0-4.2,0c-0.5,0-0.8,0.3-0.8,0.8c0,0.5,0.3,0.8,0.8,0.8c0.8,0,1.6,0,2.3,0c0.7,0,1.5,0,2.2,0c0,0,0,0,0.1,0c1,0,1.7-0.5,1.9-1.5C31.2,42.8,31.2,42.2,31.2,41.5z"/><path d="M40.3,37.2c0-0.8-0.7-1-1.3-0.8c-0.3,0.1-0.4,0.4-0.4,0.8c0,1.8,0,3.5,0,5.3c0,0.5-0.3,0.8-0.8,0.8c-0.8,0-1.7,0-2.5,0c-0.4,0-0.7-0.3-0.8-0.7c0-0.1,0-0.3,0-0.4c0-1.7,0-3.4,0-5.1c0-0.3-0.1-0.5-0.3-0.7c-0.3-0.2-0.7-0.2-1-0.1c-0.3,0.1-0.4,0.4-0.4,0.7c0,0.5,0,0.9,0,1.4c0,0.5,0,0.9,0,1.4c0,0.9,0,1.8,0,2.7c0,0,0,0,0,0c0,0.1,0,0.2,0,0.3c0.2,1.2,1.2,1.9,2.3,1.9c0.9,0,1.8,0,2.7,0c1.5,0,2.5-0.9,2.5-2.5c0-1.7,0-3.4,0-5.2C40.3,37.3,40.3,37.2,40.3,37.2z"/><path d="M15.7,39.8c-0.6,0-1.2,0-1.9,0c-0.5,0-1.1,0.4-1.1,1c-0.1,0.5,0,1.1,0,1.6c0,0,0,0,0,0c0,0.4,0,0.9,0,1.3c0,0.7,0.5,1.3,1.1,1.3c0.6,0,1.2,0,1.9,0c0.2,0,0.4-0.1,0.4-0.4c0-0.2-0.1-0.4-0.4-0.4c-0.1,0-0.2,0-0.4,0c-0.4,0-0.9,0-1.3,0c-0.3,0-0.4-0.2-0.5-0.5c0-0.2,0-0.4,0-0.6c0-0.4,0-0.4,0.4-0.4c0.8,0,1.6,0,2.4,0c0.4,0,0.6-0.2,0.6-0.6c0-0.4,0-0.8,0-1.2C16.9,40.3,16.4,39.8,15.7,39.8z M15.8,42C15.8,42,15.8,42,15.8,42c-0.4,0-0.7,0-1,0c-0.3,0-0.5,0-0.8,0c-0.1,0-0.2,0-0.3,0c-0.2,0-0.3-0.1-0.3-0.2c0-0.2,0-0.4,0-0.6c0-0.4,0.2-0.6,0.7-0.6c0.4,0,0.8,0,1.3,0c0.4,0,0.6,0.2,0.6,0.6c0,0.2,0,0.4,0,0.6C16.1,41.9,16,42,15.8,42z"/><path d="M22.3,41.1c0-0.8-0.5-1.3-1.4-1.4c-0.6,0-1.1,0.2-1.6,0.4c-0.3,0.1-0.4,0.1-0.5-0.2c-0.1-0.2-0.3-0.2-0.5-0.2c-0.2,0-0.2,0.2-0.2,0.4c0,0.7,0,1.4,0,2.1c0,0.7,0,1.5,0,2.2c0,0.3,0.1,0.4,0.4,0.4c0.3,0,0.4-0.1,0.4-0.4c0-1.1,0-2.1,0-3.2c0-0.4,0.2-0.7,0.7-0.7c0.4,0,0.8,0,1.2,0c0.4,0,0.7,0.3,0.7,0.7c0,0.1,0,0.1,0,0.2c0,1,0,2,0,3c0,0.2,0,0.4,0.3,0.4c0.4,0.1,0.6-0.1,0.6-0.4C22.3,43.3,22.2,42.2,22.3,41.1z"/><path d="M52.8,15.4c-1.2,0-2.2,1-2.2,2.2c0,1.2,1,2.3,2.2,2.3c1.2,0,2.2-0.9,2.2-2.2C55,16.3,53.9,15.4,52.8,15.4z M54.1,17.6c-0.2,0.2-0.5,0.3-0.7,0.3c-0.5,0-0.8-0.1-1-0.4c-0.2-0.2-0.2-0.5,0-0.7c0.4-0.4,1.4-0.5,1.8,0C54.4,17,54.4,17.4,54.1,17.6z"/></g></svg>');
}

.maicon_demo {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="rgb(32, 116, 174)" xmlns="http://www.w3.org/2000/svg"><g><path d="M53.7,5.9c-2.8,0.1-5.6,0-8.4,0c-0.2,0-0.4,0-0.6,0c0,0.6,0,1.1,0,1.6c0.2,0,0.4,0,0.6,0c2.1,0,4.2,0,6.3,0c0.9,0,1.9,0,2.8,0c0.9,0,1.5,0.6,1.6,1.4c0.1,0.6,0,1.2,0,1.8c-17.4,0-34.8,0-52.2,0c0-0.6,0-1.1,0-1.7c0-0.2,0.1-0.5,0.2-0.7c0.4-0.7,1-0.9,1.8-0.9c12.1,0,24.2,0,36.3,0c0.2,0,0.5,0,0.7,0c0-0.6,0-1.1,0-1.6c-0.2,0-0.4,0-0.6,0c-12.1,0-24.3,0-36.4,0c-2.3,0-3.6,1.3-3.6,3.6c0,6.4,0,12.9,0,19.3c0,0.2,0,0.4,0,0.6c0.6,0,1.1,0,1.6,0c0-5.7,0-11.3,0-17c17.4,0,34.8,0,52.1,0c0,7.6,0,15.2,0,22.7c-17.4,0-34.7,0-52.2,0c0-1.4,0-2.7,0-4.1c-0.6,0-1.1,0-1.6,0c0,0.1,0,0.1,0,0.2c0,3,0,5.9,0,8.9c0,0.8,0.3,1.4,0.8,2c0.7,0.8,1.7,1.1,2.8,1.1c6.7,0,13.4,0,20.1,0c0.2,0,0.5,0,0.7,0c0,1.7,0,3.2,0,4.9c-1.6,0-3.2,0-4.8,0c0,1.6,0,3.2,0,4.8c1.9,0,3.7,0,5.6,0c0-0.5,0-1,0-1.6c-1.4,0-2.7,0-4,0c0-0.6,0-1.1,0-1.6c4.3,0,8.6,0,12.9,0c0,0.5,0,1,0,1.6c-1.3,0-2.7,0-4,0c0,0.5,0,1,0,1.6c1.9,0,3.8,0,5.6,0c0-1.6,0-3.2,0-4.8c-1.6,0-3.2,0-4.8,0c0-1.6,0-3.2,0-4.9c0.3,0,0.5,0,0.7,0c6.6,0,13.2,0,19.9,0c0.3,0,0.5,0,0.8,0c1.4-0.1,2.3-0.9,2.8-2.2c0.1-0.2,0.1-0.4,0.2-0.6c0-10.6,0-21.2,0-31.8C57.2,6.7,55.8,5.8,53.7,5.9z M31.6,48.1c-1.1,0-2.1,0-3.2,0c0-1.6,0-3.2,0-4.8c1.1,0,2.1,0,3.2,0C31.6,44.9,31.6,46.5,31.6,48.1z M56.1,39.9c0,1-0.7,1.7-1.7,1.7c-0.1,0-0.3,0-0.4,0c-16,0-32,0-48,0c-0.2,0-0.4,0-0.6,0c-0.7-0.1-1.4-0.7-1.4-1.4c-0.1-1.1,0-2.2,0-3.4c17.4,0,34.7,0,52.1,0c0,0.1,0,0.2,0,0.3C56.1,38.1,56.1,39,56.1,39.9z"/><path d="M30.8,22.3c0,0,0.1,0,0.1-0.1c0.8,0.9,1.6,1.7,2.4,2.6c0.8-0.9,1.5-1.7,2.3-2.6c0,0,0.1,0,0.1,0.1c0,1.8,0,3.6,0,5.4c0.6,0,1.1,0,1.6,0c0-2.7,0-5.4,0-8.1c-0.3,0-0.5,0-0.7,0c-0.6-0.1-1,0.1-1.4,0.6c-0.6,0.7-1.2,1.4-1.9,2.1c-0.8-0.8-1.5-1.6-2.2-2.4c-0.1-0.1-0.2-0.3-0.4-0.3c-0.5,0-1,0-1.5,0c0,2.7,0,5.4,0,8.1c0.5,0,1,0,1.6,0C30.8,25.9,30.8,24.1,30.8,22.3z"/><path d="M17.1,27.8c2,0,3.7-1.5,3.9-3.5c0.2-2.2-1.1-4.2-3.1-4.5c-1.1-0.2-2.2,0-3.3,0c0,2.6,0,5.3,0,8C15.5,27.8,16.3,27.8,17.1,27.8z M16.2,21.4c1.2-0.1,2.2,0,2.8,1.1c0.5,0.9,0.5,1.8,0,2.7c-0.6,1.1-1.7,1.2-2.8,1.1C16.2,24.6,16.2,23,16.2,21.4z"/><path d="M41.8,27.8c1.6,0.2,3-0.8,3.4-2.4c0.1-0.5,0.1-1.1,0.2-1.7c0,0-0.1,0-0.1,0c0-0.4,0-0.8,0-1.1c-0.1-1.7-1.5-3-3.2-3c-1.7,0-3.1,1.3-3.2,2.9c-0.1,0.7-0.1,1.5,0,2.2C39.1,26.4,40.3,27.7,41.8,27.8z M40.6,22.7c0.1-0.8,0.8-1.4,1.6-1.4c0.8,0,1.5,0.6,1.6,1.4c0.1,0.7,0.1,1.4,0,2.2c-0.1,0.8-0.8,1.3-1.6,1.3c-0.8,0-1.5-0.6-1.6-1.3c-0.1-0.4,0-0.7-0.1-1.1c0,0,0,0,0,0C40.6,23.4,40.6,23.1,40.6,22.7z"/><path d="M27.5,26.2c-1.1,0-2.1,0-3.2,0c0-0.6,0-1.1,0-1.6c0.5,0,1,0,1.5,0c0-0.6,0-1.1,0-1.6c-0.5,0-1,0-1.5,0c0-0.6,0-1,0-1.6c1.1,0,2.1,0,3.2,0c0-0.6,0-1.1,0-1.6c-1.6,0-3.2,0-4.8,0c0,2.7,0,5.4,0,8.1c1.6,0,3.2,0,4.8,0C27.5,27.3,27.5,26.8,27.5,26.2z"/><path d="M7.2,14.1c-0.6,0-1.1,0-1.6,0c0,0.5,0,1,0,1.5c0.5,0,1,0,1.6,0C7.2,15.1,7.2,14.6,7.2,14.1z"/><path d="M29.2,53c0.5,0,1,0,1.5,0c0-0.5,0-1,0-1.6c-0.5,0-1,0-1.5,0C29.2,52,29.2,52.5,29.2,53z"/><path d="M10.5,14.1c-0.5,0-1.1,0-1.6,0c0,0.5,0,1,0,1.5c0.6,0,1.1,0,1.6,0C10.5,15.1,10.5,14.6,10.5,14.1z"/><path d="M26,40c0.5,0,1,0,1.5,0c0-0.5,0-1,0-1.6c-0.5,0-1,0-1.5,0C26,39,26,39.5,26,40z"/><path d="M29.2,40c0.5,0,1,0,1.5,0c0-0.5,0-1,0-1.6c-0.5,0-1,0-1.5,0C29.2,39,29.2,39.5,29.2,40z"/><path d="M32.5,40c0.5,0,1,0,1.5,0c0-0.6,0-1.1,0-1.6c-0.5,0-1,0-1.5,0C32.5,39,32.5,39.5,32.5,40z"/></g></svg>');
}









@keyframes barWidth {
    0% {
        width: 0%;
    }

    25% {
        width: 50%;
    }

    50% {
        width: 100%;
    }

    75% {
        width: 50%;
    }

    100% {
        width: 0%;
    }
}

@keyframes barWidth2 {
    0% {
        width: 0%;
    }

    50% {
        width: 50%;
    }

    100% {
        width: 100%;
    }
}

/*.horizontal-bar-wrap {
    height: 4px;
    width: 19.1%;
    margin-left: 41%;
    margin-right: 40%;
    margin-top: 10px;
}

    .horizontal-bar-wrap .bar {
        position: relative;
        width: 0%;
        height: 100%;
        margin: 0 auto;
        animation: barWidth;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

        .horizontal-bar-wrap .bar.bar1 {
            animation-delay: 0s;
            background: #337ab7;
            top: 0;
            z-index: 1;
        }*/




/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
body.fixed-layout {
    overflow: hidden;
}

.form-control {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.download_details_modal {
    z-index: 999999;
}


/*
.download_details_modal {
    z-index: 9999;
    background-color: #0000006e;
    overflow: auto;
}

.modal.fade.download_details_modal .modal-dialog {
    margin: auto;
    padding: 50px 0px;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    min-height: 100vh;
}

.download_details_modal .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.download_details_modal .modal-content {
    width: 100%;
}

.download_details_modal .modal-header:before {
    display: none;
}

.download_details_modal .modal-header:after {
    display: none;
}

*/


.form-group {
    margin-bottom: 10px;
}

    .form-group > label {
        margin-bottom: 0px;
        color: #424242;
        font-size: 14px;
        font-weight: 400;
    }

    .form-group .required {
        color: red;
    }


.loader_div_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding: 40px;
}

    .loader_div_box > img {
        height: 40px;
        width: 40px;
        margin-bottom: 10px;
    }

    .loader_div_box > p {
        width: 100%;
        text-align: center;
        font-size: 15px;
    }



.already_exist_link_btn {
    color: red;
    text-decoration: none;
    background: none;
}

    .already_exist_link_btn:hover,
    .already_exist_link_btn:focus,
    .already_exist_link_btn:active,
    .already_exist_link_btn:active:focus {
        background: none;
        outline: none;
        color: red;
        text-decoration: underline;
        box-shadow: none;
    }



.form-control.otpp {
    padding: 0px;
    text-align: center;
}

.form-control.selection {
    padding: 0px;
    text-align: center;
}

/*--------------------------------------------------------*/

.product_loader_section {
    background-color: white;
    padding: 20px 0px 50px 0px;
    text-align: center;
}

.product_loader_box {
    display: block;
    text-align: center;
}

    .product_loader_box img {
        width: 170px;
    }

    .product_loader_box p {
        font-size: 14px;
    }



/*--------------------------------------------------------*/

.PageLoader_box {
    text-align: center;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    background-color: #ffffffc2;
}

    .PageLoader_box > div {
        display: inline-block;
        background-color: white;
        padding: 20px;
        border-radius: 10px;
    }

    .PageLoader_box img {
        width: 170px;
    }

    .PageLoader_box p {
        font-size: 14px;
        width: 100%;
    }

/*--------------------------------------------------------*/



.captcha_failed_box {
    font-size: 14px;
    color: red;
    visibility: hidden
}

.zcwf_col_help {
    float: left;
    margin-left: 7px;
    font-size: 12px;
    max-width: 35%;
    word-break: break-word
}

.Captcha_box {
    display: block;
    margin-bottom: 10px;
}

    .Captcha_box img {
        border: 1px solid #E0E0E0;
        max-height: 70px;
        border-radius: 5px
    }

    .Captcha_box a {
        display: inline-block;
        background-color: #E0E0E0;
        padding: 10px 20px;
        color: black;
        border-radius: 5px
    }

.reset_btn,
.submit_btn {
    padding: 10px 20px;
    font-size: 15px;
    font-family: Raleway, sans-serif
}

.submit_btn {
    background-color: #29618c;
    border: 1px solid #29618c;
    color: #fff;
    border-radius: 5px;
    margin-right: 10px
}

    .submit_btn:active,
    .submit_btn:focus,
    .submit_btn:hover {
        background-color: #29618c;
        border: 1px solid #29618c;
        color: #fff;
        outline: 0
    }

.reset_btn {
    background-color: #fff;
    border: 1px solid #232323;
    color: #232323;
    border-radius: 5px
}

    .reset_btn:active,
    .reset_btn:focus,
    .reset_btn:hover {
        background-color: #fff;
        border: 1px solid #232323;
        color: #232323;
        outline: 0
    }



@media (min-width: 992px) {
    .modal_400 {
        max-width: 400px;
    }

    .modal_400 {
        max-width: 400px;
    }
}

@media only screen and (max-width: 600px) {
    .technicial_resources_product .tab {
        padding:20px;
    }
    .technicial_resources_product .tabcontent {
        padding: 20px;
    }
}




/*------------------------------------------------------------------------------------*/

.form-group {
    margin-bottom: 10px
}

    .form-group > label {
        color: #232323;
        font-size: 14px
    }

    .form-group > .form-control {
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        resize: auto;
        height: auto;
        border-radius: 5px;
        width: 100%;
        max-width: 100%;
        font-size: 13px;
    }

    .form-group > .form-select {
        background-color: #fff;
        border: 1px solid #ccc;
        resize: auto;
        height: auto;
        border-radius: 5px;
        width: 100%;
        max-width: 100%;
        font-size: 13px;
    }


.tab_btn_product {
    max-height: 300px;
    overflow: auto;
}


/*------------------------------success_modal-------------danger_modal-----------------------------------------*/


.maicon_success {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="rgb(15, 81, 50)" xmlns="http://www.w3.org/2000/svg"><path d="M57.9,14.3v1.1c-.2.9-.4,1.9-1,2.7-10.4,10.5-20.7,21.1-31.4,31.3-2.1,1.2-4.7,1.1-6.5-.5L2.8,32.8c-.7-.8-1-1.9-1.3-3,0-.4,0-.8,0-1.2.6-4.7,6.4-6.7,9.7-3.3l11.3,11.2,26-26c3.5-2.9,8.8-.8,9.3,3.7Z"/></svg>');
}
.success_modal {
    z-index: 99999;
}
.success_modal .modal-content {
    background-color: #d1e7dd;
    border-color: #badbcc;
    text-align:center;
}
    .success_modal .modal-content .modal-body {
        padding:40px;
    }

    .success_modal i {
        content: "";
        background-size: cover;
        height: 50px;
        width: 50px;
        background-position: center;
        display: inline-block;
        background-repeat: no-repeat;
    }
    .success_modal h3 {
        color: #0f5132;
        font-weight:bold;
        
    }
.success_modal p {
    color: var(--ma-tag-black);
    font-size: var(--ma-body-text);
    margin-bottom: 10px;
}

.success_modal .btn {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #0f5132;
    font-size: var(--ma-body-text);
    border-radius: 5px;
    background-color: #0f5132;
    color: var(--ma-white);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .success_modal .btn:hover, .success_modal .btn:focus, .success_modal .btn:active {
        background-color: transparent;
        color: #0f5132;
    }


.maicon_danger {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="rgb(132, 32, 41)" xmlns="http://www.w3.org/2000/svg"><path d="M7.9,1.9c2.5-.4,4.6.2,6.6,1.8l15.5,15.4,15.6-15.4c6.9-5.6,15.9,2.1,11.5,9.8l-16.1,16.4,15.4,15.6c6,7.5-3.3,16.7-10.8,10.8l-15.5-15.4-15.4,15.2c-7.5,6.4-17-3.1-10.9-10.6l15.4-15.5L3,13.5C.1,9.3,2.8,2.7,7.9,1.9Z"/></svg>');
}
.danger_modal {
    z-index: 99999;
}
    .danger_modal .modal-content {
        background-color: #f8d7da;
        border-color: #f5c2c7;
        text-align: center;
    }

        .danger_modal .modal-content .modal-body {
            padding: 40px;
        }

    .danger_modal i {
        content: "";
        background-size: cover;
        height: 50px;
        width: 50px;
        background-position: center;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .danger_modal h3 {
        color: #842029;
        font-weight: bold;
    }

    .danger_modal p {
        color: var(--ma-tag-black);
        font-size: var(--ma-body-text);
        margin-bottom: 10px;
    }


    .danger_modal .btn {
        display: inline-block;
        padding: 10px 20px;
        border: 1px solid #842029;
        font-size: var(--ma-body-text);
        border-radius: 5px;
        background-color: #842029;
        color: white;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .danger_modal .btn:hover, .danger_modal .btn:focus, .danger_modal .btn:active {
            background-color: transparent;
            color: #842029;
        }


.product_desc a.active {
    cursor: pointer;
    background-color: #EEEEEE;
}