/*
 * This CSS file is for customization purpose only
*/ 

#logo a.logo-icon {
    display: block;
    width: 300px;
    height: 55px;
    background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
}



/*--- mod-languages ---*/

div.mod-languages div.pretext p {margin: 0px 5px 0px 0px !important; line-height: 100%;}
div.mod-languages ul.lang-inline {font-weight: normal; list-style: none; margin-top: -7px; padding: 0px;}
div.mod-languages ul.lang-inline li {background-image: none; border-right: 1px solid #666; float: left; font-size: 11px; margin: 0px; padding-left: 0px; padding-right: 0px; white-space: nowrap; line-height: 100%;}
div.mod-languages ul.lang-inline li:last-child {border: none;}
div.mod-languages ul.lang-inline li a {color: #666; padding-left: 6px; padding-right: 5px; }
div.mod-languages ul.lang-inline li.lang-active {font-weight: bold;}

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

/*--- page title ---*/

div#pageTitle h1 {color: #04457F; font-size: 32px; font-weight: bold; line-height: 100%;letter-spacing: 0px; margin: 0px; padding: 0px; }

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

/*--- menu ---*/

div#header div#menu { }
div#header div#menu li { float: left; padding: 0px 17px;}
div#header div#menu li:first-child {padding-left: 0px}
div#header div#menu li a { color: #04457f; font-size: 15px; font-weight: bold; padding-top: 5px;}
div#header div#menu li a:hover {color: #417cab;}
div#header div#menu li.current a,div#header div#menu li.active a  { color: #417cab; }

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

/*--- top ---*/

div.topbox.menu {position: relative; margin: 0px; padding: 0px 0px 0px 1px;}
div.topbox.menu li {display: inline; list-style: none; padding: 0px 17px;}
div.topbox.menu li:first-child {padding: 0px 17px 0px 0px;}
div.topbox.menu li a {color:#B6B6B6; height: 20px; line-height: 20px; text-indent: 10px;}
div.topbox.menu li a:hover {color: #707173; text-decoration: none;}
div.topbox.menu li.active a {color: #707173; text-decoration: none;}
div.topbox.menu li.current a {font-weight: bold;}
div.topbox.menu ul{
    margin: 0;
    padding: 0;
}
/*-----------*/

/*--- middle ---*/

div#middle div.item-page {position: relative; margin-top: 23px;}
div#middle div.item-page h3 {color: #616264; font-size: 16px; font-weight: bold; margin: 0px 0px 8px;}
div#middle div.item-page ul {margin: 10px 0px 0px 12px; padding: 0px}
div#middle div.item-page li {margin: 0px; padding: 0px;}
div#middle div.item-page table {padding-bottom: 30px;}
div#middle div.item-page table td {padding: 0px 11px 0px 0px; width: 231px;}
div#middle div.item-page table td.td25 {width: 231px;}
div#middle div.item-page table td.td50 {width: 473px;}

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

/*--- contact ---*/

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    float: left;
}

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

/*--- mood ---*/

div.wk-slideshow { cursor: pointer;}
div#contenttop {border-bottom: 1px solid #C1C1C1; }

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

/*--- bottombox ---*/

div#contentbottom_start div.contentbottombox {padding: 40px 0px;}
div#contentbottom_start div.contentbottombox h3 {font-size: 17px; font-weight: bold; margin-top: 0px; padding: 0px 25px 0px 0px;}
div#contentbottom_start .width25 {width: 236px;}
div#contentbottom_start div.separator {margin-right: 9px;}

div#contentbottom {border-top: 1px solid #C1C1C1;}

div#contentbottom div.contentbottombox {/*padding: 40px 0px;*/}
div#contentbottom div.contentbottombox h3 {font-size: 17px; font-weight: bold; margin-top: 0px; padding: 0px 25px 0px 0px;}
div#contentbottom .width25 {width: 236px;}
div#contentbottom div.separator {margin-right: 9px;}
div#contentbottom {padding: 40px 0px 25px;}



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

/*--- footer ---*/

#footer ul.menu li:last-child a {padding-right: 0px; }
#footer ul.menu li.active {}

/*--------------*/
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton{float:none !important;clear:both;display:block;}
.bfFormDiv{height:auto !important;}
.bfFormDiv .bfQuickMode .bfPageIntro{float: left;width: 25%;padding-right: 25%;min-height: 520px;padding-left: 0;}
.bfFormDiv .bfQuickMode .bfNextButton,
.bfFormDiv .bfQuickMode .bfSubmitButton,
.bfFormDiv .bfQuickMode .bfCancelButton{
    clear: none;
    margin-bottom: 40px;
}
body{
    font-size: 13px;
}
.uk-scope .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
    stroke: rgb(0, 0, 0) !important;
}
.offcanvas{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 20px;
    z-index: 9999;
    box-sizing: border-box;
    padding-top: 20px;
}
.wf-zoom-image{
    line-height: 140%;
    font-size: inherit;
}
.offcanvas.open{
    display: block;
}
.wf-mediabox-overlay{
    background-color: transparent !important;
}
.offcanvas .advancedSelect{
    margin-top: 10px;
    width: 100%;
    height: 40px;
    border: 1px solid #04457F;
    line-height: 40px;
}
.offcanvas ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.offcanvas .menu li{
    margin-bottom: 10px;
    max-width: 90%;
}
.offcanvas .menu li a{
    font-size: 24px;
    padding: 8px 0 16px;
    display: block;
    font-weight: bold;
}
.offcanvas-close{
    float: right;
    color: #04457F;
    font-size: 32px;
    cursor: pointer;
    margin: 8px 6px 0 0px;
}
.mobilemenu-tabber{
    float: right;
    margin: 30px 0 0 0;
    display: none;
    z-index: 999999;
    position: relative;
}
.mobilemenu-tabber .icon-bar {
    display: block;
    width: 32px;
    height: 3px;
    background-color: #04457F;
    line-height: 14px;
    transition: all 300ms ease-in-out;
}
.mobilemenu-tabber .icon-bar + .icon-bar {
    margin-top: 4px;
}
.mobilemenu-tabber.active span{
    display: none;
}
.mobilemenu-tabber.active .icon-bar + .icon-bar{
    margin: 0;
}
.mobilemenu-tabber.active span:first-child {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: block;
    margin: 0 0 -3px 0;
}
.mobilemenu-tabber.active span:last-child {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    display: block;
}
.offcanvas .menu .footeroffcanvas li{
    display: none;
    max-width: 100%;
}
.offcanvas .menu .footeroffcanvas li:nth-child(2){
    display: block;
    border-top: 1px solid #04457F;
    padding-top: 25px;
    margin-top: 20px;
}
.offcanvas h3{
    display: none;
}
.offcanvas .chzn-container-single .chzn-single{
    height: 40px;
    background: 0 none;
    border-radius: 0;
    margin-top: -10px;
    line-height: 40px;
    font-size: 18px;
    color: #04457F;
}
.offcanvas .chzn-container .chzn-drop{
    font-size: 16px;
    color: #04457F;
}
.offcanvas .chzn-container .chzn-results li.active-result{
    margin-left: -20px;
}
.offcanvas .chzn-container .chzn-results li.highlighted{
    background: #04457F;
}
.offcanvas .chzn-container-single .chzn-single div b{
    background-position: 0px 0px;
}
#footer .nav li:nth-child(1)
{
    display: none;
}
#footer .nav li:nth-child(2) a
{
    background: 0 none;
}
@media (min-width: 980px){
    .uk-slideshow-items{
        min-height: 400px !important;
    }
    .contentbottom .contentbottombox{
        margin-right: 9px;
    }
}

.visually-hidden{
    display: none;
}
#footer .menu{
    margin-top: -12px;
    float: right;
}
.mod-languages{
    margin-top: 10px;
}

.contentbottom:nth-child(4) .contentbottombox{
    margin-right: 0px;
}
#footer .menu li:last-child a {
    padding-right: 0px;
}
div.mod-languages ul li.lang-active{
    background-color: transparent !important;
}


@media (max-width: 972px){
    img{
        max-width: 100%;
        display: block;
    }
    div#header div#menu li {
        padding: 0px 8px;
    }
    .wrapper{
        max-width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    #contentbottom_start,
    #footer{
        max-width: 100%;
        box-sizing: border-box;
    }
    #absolute{
        padding-left: 20px;
        box-sizing: border-box;
        max-width: 95%;
    }
    div#contentbottom_start .width25{
        width: 25%;
        box-sizing: border-box;
        min-height: 140px;
    }
    div#contentbottom .width25 {
        width: 25%;
        box-sizing: border-box;
    }
    div#contentbottom div.separator{
        padding: 0px 9px 0 0;
        margin-right: 0;
    }
    div#contentbottom_start div.separator{
        padding: 40px 9px 0 0;
        margin-right: 0;
    }
    #logo{
        right: 20px;
    }
    #pageTitle{
        left: 20px;
    }
    div#middle div.item-page .tdprodpics li{
        height: auto;
        margin-bottom: 20px;
    }
    .jce_icon{
        display: inline-block;
    }
    .tdproddesc{
        padding-right: 20px !important;
    }
    div#middle div.item-page table td{
        width: 47%;
        display: block;
        float: left;
    }
    div#middle div.item-page table td.td25{
        width: 47%;
        display: block;
        float: left;
    }
    #productpic{
        display: none !important;
    }
    div#middle div.item-page table td.td50{
        width: 47%;
    }
}
@media (max-width: 767px){
    #footer .mod-menu.mod-list.nav{
        padding: 0;
    }
    div#contentbottom_start .width25{
        min-height: 0px;
    }
    p{
        margin-top: 0;
    }
    body{
        font-size: 15px;
    }
    div#contentbottom_start div.contentbottombox h3{
        font-size: 18px;
    }
    .mobilemenu-tabber{
        display: block;
        cursor:pointer;
    }
    #absolute{
        display: none;
        top: 15px;
    }
    #header{
        display: none;
    }
    #logo{
        position: static;
        float: left;
        margin-bottom: 30px;
        margin-top: 10px;
    }
    #logo img{
        max-width: 50px;
    }
    #pageTitle{
        clear: both;
        position: static;
        margin: 40px 0 -40px 0;
    }
    div.mod-languages{
        text-align: center;
    }
    div.mod-languages ul.lang-inline li{
        float: none;
        display: inline-block;
    }
    div.mod-languages .pretext{
        display: none;
    }
    .tdprodpics{
        width: 47% !important;
    }
    #pageTitle{
        top: 115px;
    }
    div#contentbottom .width25 {
        width: 47%;
        box-sizing: border-box;
        margin-right: 2%;
        padding: 20px 0px 0 0;
        min-height: 250px;
    }
    div#contentbottom_start .width25{
        width: 47%;
        box-sizing: border-box;
        margin-right: 2%;
        padding: 20px 0px 0 0;
    }
    div#contentbottom_start div.contentbottombox{
        padding: 20px 0px 0 0;
    }
    div#contentbottom div.contentbottombox{
        padding: 20px 0px 0 0;
        margin-right: 2%;
    }
    div#contentbottom_start div.separator{
        padding: 20px 0px 0 0;
        margin-right: 2%;
    }

    div#header div#menu li {
        padding: 0px 5px;
    }
    #top{
        margin-top: 50px;
    }
    div#middle div.item-page table td,
    div#middle div.item-page table td.td25{
        display: block;
        width: 47%;
        float: left;
        box-sizing: border-box;
    }
    #footer{
        text-align: center;
    }
    #footer p,
    #footer .menu{
        float: none;
    }
    #footer p{
        margin-bottom: 10px;
    }
    #footer .menu li{
        float: none;
        display: inline-block;
    }
    div#middle div.item-page table td.td50{
        width: 47%;
    }
}
@media (max-width: 450px){
    div#pageTitle h1{
        font-size: 24px;
    }
    .tdprodpics{
        width: 100% !important;
    }
    div#middle div.item-page table td,
    div#middle div.item-page table td.td25{
        display: block;
        width: 100%;
        float: left;
        box-sizing: border-box;
        padding: 10px 0px 0px 0px;
    }
    #footer{
        text-align: center;
    }
    div#contentbottom_start .width25{
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        padding: 20px 0px 0 0;
    }
    div#contentbottom .width25 {
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        padding: 0px 0px 0 0;
        min-height: 0px;
    }
    #logo img{
        margin: 0 auto;
    }
    #absolute{
        position: static;
        padding-left: 0;
        width: 100%;
    }
    #pageTitle{
        margin-top: 30px;
        position: static;
    }
    div.mod-languages ul.lang-inline{
        margin-top: 0;
    }
    div#contentbottom_start div.separator{
        min-height: 10px;
    }
    #footer .menu li a{
        background: 0 none;
        padding: 0px 5px;
    }
    div#middle div.item-page {
        margin-top: 0px;
    }
    div#contentbottom div.contentbottombox{
        padding: 10px 0 0 0;
    }
    div#contentbottom div.contentbottombox img{
        width: 100%;
        height: auto;
    }
    .tdprodpics ol{
        margin: 0;
    }
    div#contentbottom {
        padding: 20px 0px 20px;
    }
    div#middle div.item-page table td.td50{
        width: 100%;
    }
    div#middle div.item-page table td .prodover{
        display: block;
    }
    div#middle div.item-page table td .prodover img{
        width: auto;
        float: none;
    }
    div#middle div.item-page table td img.jce_icon{
        width: auto;
    }
    div#middle div.item-page table {
        padding-bottom: 20px;
    }
    div#middle div.item-page table td img{
        width: 100%;
        height: auto;
    }
    .itemid132 div#middle div.item-page table td img,
    .itemid183 div#middle div.item-page table td img,
    .itemid257 div#middle div.item-page table td img,
    .itemid374 div#middle div.item-page table td img,
    .itemid448 div#middle div.item-page table td img,
    .itemid331 div#middle div.item-page table td img,
    .itemid130 div#middle div.item-page table td img,
    .itemid545 div#middle div.item-page table td img,
    .itemid548 div#middle div.item-page table td img,
    .itemid557 div#middle div.item-page table td img,
    .itemid551 div#middle div.item-page table td img,
    .itemid554 div#middle div.item-page table td img
    {
        width: auto;
        height: auto;
    }
    div#middle div.item-page ul{
        margin-bottom: 20px;
    }
    div#contentbottom{
        padding-top: 60px;
        margin-top: 40px;
    }
    #pageTitle h1{
        word-wrap: break-word;
    }
    #footer .nav li:nth-child(1),
    #footer .nav li:nth-child(2)
    {
        display: none;
    }
}
.result__item+.result__item{
    border-top: 1px solid #C1C1C1;
}
@media (min-width: 900px){
    .result__description{
        max-width: 60%;
    }
    .result__item+.result__item{
        border-top: 0 none;
    }
}
.sppb-btn-custom,
.sppb-btn-primary{
    background: #04457F !important;
    border-color: #04457F;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
}

.sppb-section h1{
    color: #04457F;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 44px;
    line-height: 110%;
}
.sppb-section h2{
	color: #04457F;
    font-size: 36px;
    font-weight: bold;
    font-family: 'Arial';
    line-height: 110%;
}
.sppb-section h3{
    font-weight: bold;
    font-size: 22px !important;
    font-family: 'Arial';
    /*color: #01070D;*/
    line-height: 110%;
    margin-top: 40px;
    margin-bottom: 8px;
}
.sppb-section h4{
    font-weight: bold;
    color: #04457F !important;
    font-size: 18px !important;
    line-height: 110%;
}
.sppb-section h5{
    font-weight: bold;
    /*color: #01070D;*/
    font-size: 16px;
    line-height: 110%;
}
.sppb-section{
    font-size: 14px;
    font-family: 'Arial';
    line-height: 20px;
    padding-top: 75px;
    padding-bottom: 75px;
}
.sppb-row-container {
    max-width: 960px !important;
}
@media (max-width: 990px){
    .sppb-section{
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    section#features, section.bottom-p-0 {
        padding-bottom: 10px !important;
    }
    section.top-p-0 {
        padding-top: 0px !important;
    }
    .sppb-addon-title {
        display: flex;
        align-items: flex-start;
    }
    .sppb-addon-title-icon {
        margin-right: 8px;
    }
    .sppb-addon-title-text {
        display: inline-block;
    }
    .white-h4 h4.sppb-addon-title {
        line-height: 1.3em;
        margin-bottom: 5px !important;
    }
    .company-details {
        margin-bottom: 15px;
    }
}
div.sppb-addon-title{
    color: #04457F;
    font-weight: bold;
    line-height: 110%;
    /*font-size: 20px;*/
}
.sppb-addon-content strong{
    /*color: #04457F;*/
}
div.sppb-addon-title:has(span.far){
    padding-left: 25px !important;
}
div.sppb-addon-title span.far{
    margin-left: -25px;
}

.sppb-icon-inner i {
    font-size: 14px !important;
    margin-top: 2px;
}

.white-h4 h4.sppb-addon-title {
    color: white !important;
}

.company-title {
    color:#04457F;
    font-weight: bold;
}