/*FONTS*/
/*@font-face {
    font-family: 'Conv_Gotham-Book';
    src: url(fonts/Gotham-Book.eot);
    src: url(fonts/Gotham-Book.woff) format("woff"),url(fonts/Gotham-Book.ttf) format("truetype"),url(fonts/Gotham-Book.svg) format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'gilroy-bold';
    src: url('fonts/Gilroy-Bold.eot');
    src: url('fonts/Gilroy-Bold.woff') format('woff'), url('fonts/Gilroy-Bold.ttf') format('truetype'), url('fonts/Gilroy-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-light';
    src: url('fonts/Gilroy-Light.eot');
    src: url('fonts/Gilroy-Light.woff') format('woff'), url('fonts/Gilroy-Light.ttf') format('truetype'), url('fonts/Gilroy-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-medium';
    src: url('fonts/Gilroy-Medium.eot');
    src: url('fonts/Gilroy-Medium.woff') format('woff'), url('fonts/Gilroy-Medium.ttf') format('truetype'), url('fonts/Gilroy-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-regular';
    src: url('fonts/Gilroy-Regular.eot');
    src: url('fonts/Gilroy-Regular.woff') format('woff'), url('fonts/Gilroy-Regular.ttf') format('truetype'), url('fonts/Gilroy-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-black';
    src: url('fonts/Gilroy-Black.eot');
    src: url('fonts/Gilroy-Black.woff') format('woff'), url('fonts/Gilroy-Black.ttf') format('truetype'), url('fonts/Gilroy-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-thin';
    src: url('fonts/Gilroy-Thin.eot');
    src: url('fonts/Gilroy-Thin.woff') format('woff'), url('fonts/Gilroy-Thin.ttf') format('truetype'), url('fonts/Gilroy-Thin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@import url('https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Sanskrit&family=Ubuntu&display=swap');
/*FONTS*/
/*Reset*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, select, button table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
div#text-7-trabica {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
img#trabica-img {
    margin-right: 33px;
}

.trabica-widget-container {
    font-family: 'Ubuntu', sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 25px;
}
.trabica-row {
    margin: 45px 0px 45px 0px;
    width: 100%;

}
.trabica-container {
    padding-right: 90px;
    padding-left: 90px;
    margin-right: auto;
    margin-left: auto;
}
.trabica-img-area img {
    max-width: 100%;
    height: auto;
}
p.trabica-p {
    background-color: #f7f7f7;
    padding: 45px;
    font-size: 17px;
    line-height: 1.7;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}
@media (min-width: 1200px){
.col-lg-4 {
    width: 25%;
}
}
/*Static*/
.noSelectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none
}

.width240px {
    width: 240px
}

.width300px {
    width: 300px !important
}

.alignCenter {
    text-align: center
}

.alignLeft {
    text-align: left;
    text-align: right
}

.block {
    display: inline-block
}

.dBlock {
    display: block
}

.fLeft {
    float: left
}

.fRight {
    float: right
}

.last {
    margin-right: 0 !important
}

.mTop1 {
    margin-top: 1px !important
}

.mBottom1 {
    margin-bottom: 1px !important
}

.mBottom70 {
    margin-bottom: 70px !important
}

.mTop3 {
    margin-top: 3px !important
}

.mTop5 {
    margin-top: 5px !important
}

.mTop7 {
    margin-top: 7px !important
}

.mLeft5 {
    margin-left: 5px !important
}

.mTop10 {
    margin-top: 10px !important
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mTop20 {
    margin-top: 20px !important
}

.mTop40 {
    margin-top: 40px !important
}

.mTop30 {
    margin-top: 30px !important
}

.mTop45 {
    margin-top: 45px !important
}

.mTop40 {
    margin-top: 40px !important
}

.mTop50 {
    margin-top: 50px !important
}

.mTop55 {
    margin-top: 55px !important
}

.mTop60 {
    margin-top: 60px !important
}

.mLeft10 {
    margin-left: 10px !important
}

.mLeft15 {
    margin-left: 15px !important
}

.mLeft20 {
    margin-left: 20px !important
}

.mRight5 {
    margin-right: 5px !important
}

.mRight0 {
    margin-right: 0 !important
}

.mRight10 {
    margin-right: 10px !important
}

.mRight20 {
    margin-right: 20px !important
}

.mRight30 {
    margin-right: 30px !important
}

.mRight40 {
    margin-right: 40px !important
}

.mTopn20 {
    margin-top: -20px
}

.mTopn30 {
    margin-top: -30px
}

.p15 {
    padding: 15px !important
}

.mTop15 {
    margin-top: 15px !important
}

.pRight0 {
    padding-right: 0 !important
}

.pRight10 {
    padding-right: 10px !important
}

.pRight15 {
    padding-right: 15px !important
}

.relative {
    position: relative
}

.mBottom0 {
    margin-bottom: 0 !important
}

.mBottom10 {
    margin-bottom: 10px
}

.mBottom20 {
    margin-bottom: 20px
}

.p20 {
    padding: 20px !important
}

.p15 {
    padding: 15px !important
}

.p10 {
    padding: 10px !important
}

.p5 {
    padding: 5px !important
}

.p0 {
    padding: 0 !important
}

.fullHeight {
    height: 100% !important
}

.fullWidth {
    width: 100% !important
}

.bgWhite {
    background-color: #fff
}

.pLeft20 {
    padding-left: 20px !important
}

.dNone {
    display: none
}

.fNone {
    float: none
}

.divCenter {
    margin: 15px auto !important
}

.relative {
    position: relative
}

.noPointer {
    cursor: default !important
}

.nopadding {
    padding: 0
}

.noBorder {
    border: none !important
}

.clearLeft {
    clear: left
}

.mTop20 {
    margin-top: 20px !important
}

.mTop25 {
    margin-top: 25px !important
}

.mTop40 {
    margin-top: 40px !important
}

.mTop70 {
    margin-top: 70px !important
}

.mTop15 {
    margin-top: 15px !important
}

.mC {
    margin: 0 auto !important
}

.m6 {
    margin-right: 6% !important
}

.mTop0 {
    margin-top: 0 !important
}

.mTopn45 {
    margin-top: -45px !important
}

.m0 {
    margin: 0 !important
}

.p0 {
    padding: 0 !important
}

.p10 {
    padding: 10px !important
}

.mBottom0 {
    margin-bottom: 0 !important
}

.mBottom10 {
    margin-bottom: 10px !important
}

.mBottom30 {
    margin-bottom: 30px !important
}

.mBottom20 {
    margin-bottom: 20px !important
}

.mBottom25 {
    margin-bottom: 25px !important
}

.mBottom65 {
    margin-bottom: 65px !important
}

.mBottom40 {
    margin-bottom: 40px !important
}

.mBottom50 {
    margin-bottom: 50px !important
}

.mBottom80 {
    margin-bottom: 80px !important
}

.mBottom100 {
    margin-bottom: 100px !important
}

.mLeft0 {
    margin-left: 0 !important
}

.pLeft10 {
    padding-left: 10px
}

.pLeft0 {
    padding-left: 0
}

.pLeft20 {
    padding-left: 20px
}

.pLeft30 {
    padding-left: 30px
}

.pRight0 {
    padding-right: 0 !important
}

.pRight5 {
    padding-right: 5px !important
}

.pLeft5 {
    padding-left: 5px !important
}

.pRight10 {
    padding-right: 10px !important
}

.pRight20 {
    padding-right: 20px !important
}

.noBg {
    background-image: none !important
}

.noBgSecond {
    background-image: none !important
}

.relative {
    position: relative !important
}

.noBorder {
    border: none
}

.dblock {
    display: block !important
}

.pNone {
    padding: 0 !important
}

.noleftpadding {
    padding-left: 0
}

.norightpadding {
    padding-right: 0
}

.mTop70 {
    margin-top: 70px
}

.txtCenter {
    text-align: center
}

.mBottom60 {
    margin-bottom: 60px !important
}

.mTop90 {
    margin-top: 90px !important
}

.white {
    color: #fff !important
}

.black {
    color: #000 !important
}

.zneg1 {
    z-index: -1
}

.w100 {
    width: 100%
}

div.selector {
    border-bottom: 1px solid #c6c6c6;
    position: relative
}

    div.selector span {
        font-family: 'Ubuntu', sans-serif;
        padding: 11px 15px;
        font-size: 14px;
        color: #000;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        width: 100%;
        display: block
    }

    div.selector select {
        opacity: 0;
        color: #555;
        border: medium none;
        background: transparent none repeat scroll 0 0;
        position: absolute;
        height: 35px;
        top: -1px;
        left: 0;
        width: 100%
    }

    div.selector, div.selector span {
        color: #555;
        font-family: 'Ubuntu', sans-serif;
        background: url(../images/arrow.png) no-repeat #fff 96% center
    }

        div.selector.error, div.selector.error span {
            background-color: #ffeff5 !important;
            border-color: #dde4e8 !important
        }

.checker, .checker span, .checker input {
    width: 18px;
    height: 18px
}

.form-group .checker {
    margin-top: 7px
}

.checker {
    position: relative;
    margin-right: 6px;
    margin-top: -3px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

.well .checker {
    margin-top: -3px !important
}

.checker span {
    border: 1px solid #c5c5c5;
    background-color: #fff;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    position: relative
}

    .checker span:after {
        content: "";
        background: url(../images/forms/check.png) no-repeat 50%;
        opacity: 0;
        filter: alpha(Opacity=0);
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .checker span.checked:after {
        content: "";
        opacity: 1;
        filter: alpha(Opacity=100)
    }

.checker.focus span.checked:after {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.checker input[type=checkbox] {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2
}

.checker:active span, .checker.active span {
    background-color: #f8f8f8;
    border-color: #d5d5d5
}

.checker.focus:active span.checked:after, .checker:hover:active span.checked:after, .checker.active:hover span.checked:after, .checker.active.focus span.checked:after {
    opacity: .8;
    filter: alpha(opacity=80)
}

.checker.disabled span, .checker.disabled:active span, .checker.disabled.active span {
    opacity: .6;
    filter: alpha(opacity=60)
}

    .checker.disabled span.checked, .checker.disabled:active span.checked, .checker.disabled.active span.checked {
        opacity: .6;
        filter: alpha(opacity=60)
    }

        .checker.disabled span.checked:after, .checker.disabled:active span.checked:after, .checker.disabled.active span.checked:after {
            opacity: 1;
            filter: alpha(opacity=100)
        }
/*GENEL*/
#gallery li span {
    min-height: 287px;
    width: 100%;
    background-size: cover !important;
    float: left;
    background-position: top !important;
    margin: 15px 0
}

body {
    width: 100%;
    line-height: 100%;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Ubuntu', sans-serif;;
    font-size: 12px;
}

* {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0
}

.clearfix {
    clear: both
}

#main {
    width: 100%;
    position: relative;
    left: 0;
    z-index: 99999
}

img {
    border: 0;
    display: block
}

input[type="text"], input[type="password"], textarea, select, a, canvas, button {
    outline: none
}

textarea {
    resize: none
}

a {
    text-decoration: none !important;
    transition: 300ms
}

.iconpack {
    background: url(../img/iconpack.png) no-repeat
}

.iconpdf {
    background-position: -193px -308px;
    display: inline-block;
    width: 35px;
    height: 35px;
    background-size: 350px;
}

.container {
    margin: auto;
    position: relative
}

.tCenter {
    text-align: center
}

.sizeimg, .sizeimg img {
    width: 100%;
    height: auto
}

.inline {
    display: inline-block !important
}

.dinline {
    display: inline-block !important;
    vertical-align: middle
}

.gtitle {
    font-size: 36px;
    color: #000;
    font-family: 'Ubuntu', sans-serif;
    line-height: 1
}

.gtitlefrontline:after {
    display: inline-block;
    content: ' ';
    width: 85px;
    height: 2px;
    background-color: #4e4e4e;
    margin-left: 30px;
    vertical-align: middle
}

.gbutton {
    display: inline-block;
    background-color: #e65900;
    color: #fff;
    padding: 12px 20px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px;
    transition: 300ms
}

    .gbutton:after {
        display: inline-block;
        content: ' ';
        width: 6px;
        height: 10px;
        background: url(../img/iconpack.png) no-repeat;
        background-position: -18px -170px;
        margin-left: 10px
    }

    .gbutton:hover {
        color: #fff;
        opacity: .8
    }

.gbutton2 {
    display: inline-block;
    margin-top: 35px;
    font-family: 'Ubuntu', sans-serif;
    color: #fff;
    font-size: 16px;
    padding: 10px 12px;
    background-color: #e65900;
    cursor: pointer;
    border-radius: 3px;
    transition: 300ms
}

    .gbutton2:hover {
        opacity: .8;
        color: #fff
    }

.style1 {
    font-size: 12px;
    padding: 12px 18px
}

.dinline {
    display: inline-block;
    vertical-align: middle
}

.jinline {
    display: inline-block
}

.lang-nav {
    float: right;
    display: inline-block;
    margin-left: 25px;
    margin-top: -25px
}

    .lang-nav li {
        float: left;
        padding: 25px 10px 5px;
        list-style: none
    }

        .lang-nav li.active {
            background: #e76513
        }

            .lang-nav li.active a {
                color: #fff
            }

        .lang-nav li a {
            color: #000;
            font-size: 10px;
            font-family: 'Ubuntu', sans-serif;
            font-size: 11px
        }
/*MEGASUBMENU*/
.megasubmenu {
    float: left;
    width: 100%
}

    .megasubmenu .container {
        display: none;
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        z-index: 999999;
        padding: 30px;
        background-color: #fff;
        border-top: 3px solid #ed7533;
        -webkit-box-shadow: -1px 40px 70px -11px rgba(0,0,0,0.75);
        -moz-box-shadow: -1px 40px 70px -11px rgba(0,0,0,0.75);
        box-shadow: -1px 40px 70px -11px rgba(0,0,0,0.75)
    }

        .megasubmenu .container.active {
            display: block
        }

.submenuitem {
    padding: 10px
}

.submenuwrapper {
    width: 20%;
    float: left;
    position: relative
}

    .submenuwrapper .description {
        width: 100%
    }

        .submenuwrapper .description .titlewrapper .title {
            font-family: 'Ubuntu', sans-serif;
            font-size: 14px;
            color: #262626;
            line-height: 125%
        }

        .submenuwrapper .description .titlewrapper span {
            display: block;
            width: 25px;
            height: 2px;
            background-color: #fff;
            margin-top: 8px
        }

.megasubmenu .subMenuArea {
    margin-bottom: 15px
}

    .megasubmenu .subMenuArea a {
        color: #000;
        font-size: 12px;
        font-family: 'Ubuntu', sans-serif;
    }

        .megasubmenu .subMenuArea a:hover {
            color: #e76513
        }

.submenuwrapper .description {
    padding-top: 25px;
    padding-left: 5%;
    padding-bottom: 25px
}

.fdiv .col-md-8 .col-md-12 {
    padding-left: 0;
    padding-right: 0
}

    .fdiv .col-md-8 .col-md-12 a {
        width: 100%;
        border-bottom: 1px solid #f5f5f5
    }

        .fdiv .col-md-8 .col-md-12 a:hover {
            background: #f5f5f5
        }

.test {
    color: #000 !important
}

.fdiv .col-md-4 .col-md-12:first-child {
    display: block
}

.fdiv .col-md-8 .col-md-12 a:hover .description .titlewrapper .title {
    color: #e76513
}

.fdiv .col-md-4 .col-md-12 {
    display: none
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Ubuntu', sans-serif;
    color: #000;
    line-height: 1;
    margin-bottom: 15px
}

h1 {
    font-size: 40px
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 30px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

b, strong {
    font-family: 'Ubuntu', sans-serif;
}

.orange {
    color: #ea7425 !important
}

.orange-bg {
    background: #ea7425
}

/*---MOBILE MENU---*/
#mobile-menu {
    margin: 10px 30px 0 0;
    transition: 250ms;
    float: left;
    text-decoration: none
}

    #mobile-menu .bar-wrap {
        padding: 10px 10px 10px 0;
        width: 40px;
        display: inline-block;
        height: 30px
    }

    #mobile-menu .menu-title {
        display: inline-block;
        vertical-align: top;
        color: #231f20;
        margin-top: 13px;
        font-family: 'Ubuntu', sans-serif;
    }

    #mobile-menu .bar {
        display: block;
        margin-bottom: 3px;
        background: #231f20;
        height: 5px;
        border-radius: 10px
    }

#mobile-menu {
    margin: 40px 0 0;
    float: left;
    text-decoration: none;
    display: none;
    position: relative;
    z-index: 99
}

    #mobile-menu .bar-wrap {
        padding: 10px 10px 10px 0;
        width: 40px;
        display: inline-block;
        height: 30px
    }

    #mobile-menu .menu-title {
        display: inline-block;
        vertical-align: top;
        color: #231f20;
        margin-top: 13px
    }

    #mobile-menu .bar {
        display: block;
        margin-bottom: 3px;
        background: #231f20;
        height: 5px;
        border-radius: 10px
    }

#mobile-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden
}

    #mobile-container .mobile-menu-bg {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 222222222222;
        background: #000;
        display: none;
        width: 100%;
        height: 100%
    }

nav#mobile {
    overflow: hidden;
    display: block;
    width: 270px;
    background: #000;
    min-width: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 99999999999;
    left: -270px
}

.m-conten {
    position: relative;
    width: 100%;
    height: 100%
}

#mobilemenu {
    width: 100%;
    position: relative;
    padding: 0;
    top: 45px;
    z-index: 1;
    overflow: hidden;
    overflow-y: scroll
}

    #mobilemenu ul {
        padding: 0
    }

    #mobilemenu li.account {
        border-bottom: 0
    }

    #mobilemenu li {
        list-style-type: none;
        border-bottom: 1px solid #171616;
        font-size: 13px;
        float: none;
        margin: 0
    }

        #mobilemenu li ul li {
            border-bottom: 1px solid #c5b7b7
        }

        #mobilemenu li.active a {
            color: #fff
        }

        #mobilemenu li a {
            line-height: 1.5;
            display: block;
            color: #fff;
            text-decoration: none !important;
            position: relative;
            padding: 15px 49px 13px 15px;
            font-family: 'Ubuntu', sans-serif;
        }

            #mobilemenu li a:hover {
                background: #e76513;
                color: #fff !important
            }

            #mobilemenu li a span.plus, #mobilemenu li a span.minus {
                font-size: 22px;
                display: block;
                text-align: center;
                position: absolute;
                right: 0;
                z-index: 9999;
                top: 0;
                width: 50px;
                height: 100%;
                border-left: 1px solid #171616;
                padding-top: 8px
            }

    #mobilemenu .sub_menu .sub_menu_plus, #mobilemenu .sub_menu .sub_menu_minus {
        font-size: 22px;
        display: block;
        text-align: center;
        position: absolute;
        right: 0;
        z-index: 9999;
        top: 0;
        width: 50px;
        height: 100%;
        border-left: 1px solid #171616;
        padding-top: 8px
    }

    #mobilemenu li a span.minus, #mobilemenu li.active a span.plus {
        display: none
    }

    #mobilemenu .sub_menu .sub_menu_minus, #mobilemenu .sub_menu li.active a span.sub_menu_plus {
        display: none
    }

    #mobilemenu li.active a span.minus {
        display: block
    }

    #mobilemenu .sub_menu li.active a span.sub_menu_minus {
        display: block
    }

    #mobilemenu .navigation_dropdown {
        position: relative;
        border-top: 1px solid #171616;
        display: none;
        width: 100%
    }

    #mobilemenu li .navigation_dropdown li {
        background: #efefef !important
    }

    #mobilemenu .navigation_dropdown li a {
        color: #000000 !important;
        padding: 15px 10px 13px 45px
    }

    #mobilemenu .navigation_dropdown.sub_menu li a {
        line-height: 1.5;
        display: block;
        color: #fff;
        text-decoration: none !important;
        position: relative;
        padding: 15px 49px 13px 30px;
        font-family: 'Ubuntu', sans-serif;
    }

    #mobilemenu .navigation_dropdown li a:hover {
        text-decoration: underline !important
    }

    #mobilemenu .navigation_dropdown li:last-child {
        border: 0
    }

    #mobilemenu .navigation_dropdown .navigation_dropdown_sub {
        position: relative;
        border-top: 1px solid #171616;
        display: none;
        width: 100%
    }

    #mobilemenu li .navigation_dropdown .navigation_dropdown_sub li {
        background: #efefef !important
    }

    #mobilemenu .navigation_dropdown .navigation_dropdown_sub li a {
        color: #000000 !important;
        padding: 15px 10px 13px 45px
    }

        #mobilemenu .navigation_dropdown .navigation_dropdown_sub li a:hover {
            text-decoration: underline !important
        }

    #mobilemenu .navigation_dropdown .navigation_dropdown_sub li:last-child {
        border: 0
    }

body.slide-active {
    overflow: hidden
}

#navbar-height-col {
    position: fixed;
    top: 0;
    height: 100%;
    bottom: 0;
    width: 270px;
    left: -270px;
    z-index: -1
}

    #navbar-height-col.inverse {
        background: none;
        z-index: -1;
        border: 0
    }

.disabled {
    display: none
}

.wow {
    visibility: hidden
}

#mclose {
    padding: 10px 15px;
    color: #fff;
    background: #000
}

    #mclose span {
        display: inline-block;
        margin-right: 10px
    }

#mobile .head {
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0;
    width: 100%;
    height: 48px;
    border-bottom: 5px solid #171616
}

#mobile .return a {
    font-weight: bold;
    font-size: 13px;
    display: block;
    background: url(/Content/Theme/Default/images/mobile/left-arrow.png) no-repeat 10px center #e65900 !important;
    padding: 15px 10px 13px 15px;
    color: #fff !important
}

/*/HEADER*/
iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left
}

#mobile-menu {
    display: none;
    background: url(../img/menu-icon.png) no-repeat;
    width: 14px;
    height: 10px;
    float: left;
    margin-top: 12px
}

header {
    float: left;
    width: 100%;
    padding-top: 25px
}

    header .container {
        position: relative;
        z-index: 9
    }

.fix {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    background-color: #fff;
    -webkit-box-shadow: -1px 7px 28px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 7px 28px -7px rgba(0,0,0,0.75);
    box-shadow: -1px 7px 28px -7px rgba(0,0,0,0.75);
    padding-top: 15px
}

#logo, .popup-logo {
    float: left;
    width: 233px;
    height: 49px;
    background: url(../img/logo.png) no-repeat;
    background-size: contain;
    text-indent: -9999px;
    margin-top: -15px
}



header.fix .megamenu .dropdown.megamenu-fw .dropdown-menu {
    top: 100%
}



.popup-logo {
    width: 150px;
    height: 30px;
    background-size: 140px;
    float: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px
}

header nav {
    float: left;
    width: 100%
}

#menu {
    float: right;
    display: inline-block;
    position: relative;
}

    #menu > li {
        float: left;
        margin: 5px 15px 35px;
    }

        #menu > li:first-child {
            margin-left: 0
        }

        #menu > li:last-child {
            margin-right: 0
        }

        #menu > li a {
            font-family: 'Ubuntu', sans-serif;
            color: #000000;
            font-size: 14px;
            letter-spacing: 1.08px;
			padding-bottom:35px;
        }
		#menu > li a.submenuwrapper{padding-bottom:0 !important}

            #menu > li a.active, #menu li a:hover {
                color: #e76513
            }

.headerbar {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 35px
}

header.fix headerbar {
    margin-bottom: 25px
}

.headerbar a {
    font-size: 10px;
    float: right;
    color: #ea7425;
    font-family: 'Ubuntu', sans-serif;
    margin-left: 30px;
    position: relative;
    line-height: 30px
}

    .headerbar a img {
        float: left;
        margin-right: 5px
    }

    .headerbar a span {
        float: left
    }

.mobileapp {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    color: #e76513;
    padding-bottom: 3px;
    border-bottom: 2px solid #fff;
    margin-right: 20px
}

    .mobileapp:before {
        display: inline-block;
        background: url(../img/iconpack.png) no-repeat;
        width: 16px;
        height: 15px;
        background-position: -13px -14px;
        content: ' ';
        margin-right: 6px
    }

    .mobileapp:hover {
        border-color: #e76513;
        color: #e76513
    }

.headersocials a {
    margin-left: 17px
}

    .headersocials a:first-child {
        margin-left: 0
    }

    .headersocials a.facebook {
        width: 7px;
        height: 14px;
        background-position: -422px -8px
    }

    .headersocials a.twitter {
        width: 13px;
        height: 11px;
        background-position: -447px -9px
    }

    .headersocials a.instagram {
        width: 13px;
        height: 12px;
        background-position: -477px -9px
    }

    .headersocials a.youtube {
        width: 14px;
        height: 15px;
        background-position: -355px -7px
    }

    .headersocials a.gplus {
        width: 17px;
        height: 13px;
        background-position: -387px -8px
    }

    .headersocials a.linkedin {
        width: 15px;
        height: 13px;
        background-position: -322px -8px
    }

.topofnav {
    float: left;
    margin: 1px 15px 0 0
}

    .topofnav ul li a {
        font-family: 'Ubuntu', sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-size: 12px;
        color: #262626;
        line-height: 1
    }

    .topofnav ul li {
        display: inline-block;
        margin: 0 5px;
        font-size: 9px
    }

    .topofnav ul {
        display: inline-block;
        margin-left: 10px
    }

        .topofnav ul li.line {
            font-size: 13px
        }

        .topofnav ul li a:hover {
            color: #e76513
        }

.nopadding {
    padding: 0 !important;
    margin: 0 !important
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

/* MEGAMENU STYLE
-------------------------------------------------- */


.megamenu .nav, .megamenu .collapse, .megamenu .dropup, .megamenu .dropdown {
    position: static
}

.megamenu .container {
    position: relative
}

.megamenu .dropdown-menu {
    left: auto
}

.megamenu .megamenu-content {
    padding: 30px 15px
}
.megamenu .megamenu-content .header-image a {width:100%}
    .megamenu .megamenu-content h3 {
        margin-top: 0;
        color: #428bca;
        font-size: 18px
    }

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.dropdown-menu {
    border-radius: 0;
    border: none;
    border-top: 3px solid #e76513;
    margin: 0
}

    .dropdown-menu a {
        color: #000
    }

    .dropdown-menu > li > a {
        padding: 15px;
        border-bottom: 1px solid #eee;
        font-size: 16px !important;
        padding-bottom: 18px !important;
    }

    .dropdown-menu > li:last-child > a {
        border: none
    }
/*SLIDER*/
.sliderwrapper {
    height: 100%;
    position: relative
}

#homepicslider {
    width: 100%;
}

    #homepicslider .item img {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 105px;
    }

    #homepicslider .item .detail {
        display: inline-flex;
        align-items: center;
        position: absolute;
        width: 700px;
        background: #8e909080;
        padding: 30px 45px;
        top: 30%;
        right: 0;
        transform: translate(0, -30%);
    }

        #homepicslider .item .detail:before {
            content: '';
            width: 1px;
            height: 50%;
            position: absolute;
            left: 20px;
            border: 1px dashed #fff;
            top: 15%;
        }

        #homepicslider .item .detail .title {
            display: inline-block;
            color: #ffffff;
            font-family: 'Ubuntu', sans-serif;
            font-size: 35px;
            font-weight: 500;
            letter-spacing: 0px;
            line-height: 125%;
            margin-bottom: 10px;
            position: relative;
            z-index: 2;
			width:100%;
        }

            /* #homepicslider .item .detail .title:before {
                position: absolute;
                left: 3px;
                bottom: .7rem;
                content: ' ';
                background: #fff;
                height: .7rem;
                width: 96%;
                z-index: -1;
            }*/

            #homepicslider .item .detail .title span {
                font-family: 'Ubuntu', sans-serif;
                display: block;
                margin-top: 5px
            }

        #homepicslider .item .detail .desc {
            color: #ffffff;
            font-family: 'Ubuntu', sans-serif;
            font-size: 20px;
            font-weight: 500;
            letter-spacing: 0;
            margin-bottom: 15px;
            line-height: 1.5;
            margin-top: 5px;
        }

        /* #homepicslider .item .detail .desc p {
                color: #575858;
                margin-top: 25px;
                font-size: 24px;
                font-weight: 500;
                letter-spacing: -.96px;
                line-height: 1.5
            }*/

        #homepicslider .item .detail .btn {
            display: inline-flex;
            align-items: center;
            padding: 5px 20px;
            font-size: 14px;
            border-radius: 5px;
            background-color: #ffffff;
            color: #000000;
            font-family: 'Ubuntu', sans-serif;;
            font-weight: 700;
            letter-spacing: .48px;
            text-transform: uppercase;
            height: 55px;
        }

            #homepicslider .item .detail .btn:after {
                display: inline-block;
                content: ' ';
                background: url(../img/iconpack.png) no-repeat;
                background-position: -388px -679px;
                display: inline-block;
                width: 33px;
                height: 17px;
                margin-left: 15px;
                vertical-align: text-bottom
            }

            #homepicslider .item .detail .btn:hover {
                opacity: .8
            }

.home-slider-area {
    position: relative;
    margin-bottom: 120px
}

.homeslidercursors, .productDetailsCursor {
    position: absolute;
    left: 0;
    bottom: 0px;
    display: inline-flex;
    align-items: flex-end;
    z-index: 999;
}

    .homeslidercursors > div, .blogslidercursors > div, .productDetailsCursor > div {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        display: none;
    }

    .homeslidercursors .cursorleft, .blogslidercursors .cursorleft, .productDetailsCursor .cursorleft {
        width: 105px;
        height: 135px;
        background-color: #ea7200;
    }

    .homeslidercursors .cursorright, .blogslidercursors .cursorright, .productDetailsCursor .cursorright {
        width: 105px;
        height: 105px;
        background-color: #e2e2e2;
        margin-left: 2px;
    }

    .homeslidercursors .cursorright {
        background-color: #000;
    }

.blogslidercursors .cursorright {
    width: 90px;
    height: 80px;
    background-color: #e2e2e2;
    margin-left: 2px;
}

.blogslidercursors .cursorleft {
    width: 90px;
    height: 80px;
    background-color: #ea7200;
}
/*HOME*/
.homeproductsliderwrapper .content {
    position: absolute;
    top: 25%;
    left: 10%
}

    .homeproductsliderwrapper .content .line {
        width: 70px;
        height: 1px;
        background-color: #fff;
        margin: 30px 0
    }

    .homeproductsliderwrapper .content .desc {
        font-family: 'Ubuntu', sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        line-height: 150%
    }

.homeproductslidertitles .thetitle {
    display: block;
    height: 70px;
    background-color: #ff7e2d;
    cursor: pointer
}

    .homeproductslidertitles .thetitle > span, .homeproductslidertitles .thetitle > div {
        padding-top: 28px
    }

    .homeproductslidertitles .thetitle span {
        font-family: 'Ubuntu', sans-serif;
        font-weight: normal;
        font-size: 14px;
        color: #fff;
        display: inline-block;
        border-right: 1px solid #db5603;
        height: 70px;
        width: 100px;
        text-align: center
    }

    .homeproductslidertitles .thetitle .title {
        font-family: 'Ubuntu', sans-serif;
        font-size: 14px;
        color: #fff;
        display: inline-block
    }

.fullline {
    width: 100%;
    height: 2px;
    background-color: #efefef;
    margin-top: 100px;
    margin-bottom: 65px
}

.homefeatures .title {
    display: block;
    color: #000;
    font-size: 12px;
    font-family: 'Ubuntu', sans-serif;
    margin-top: 30px
}

.homefeatures .line {
    width: 26px;
    height: 1px;
    margin: 20px 0;
    background-color: #000
}

.homefeatures .desc {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #000;
    line-height: 150%
}





.homebanner {
    position: relative;
    display: block
}

    .homebanner .bg, .calcbox .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #000;
        opacity: .3;
        z-index: 8
    }

    .homebanner .icon {
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 9
    }

    .homebanner .desc {
        font-family: 'Ubuntu', sans-serif;
        font-size: 14px;
        color: #fff;
        text-align: center;
        z-index: 9;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 15px 0
    }

    .homebanner .bge56ab8 {
        background-color: #e56ab8
    }

    .homebanner .bgfd4c61 {
        background-color: #fd4c61
    }

.homebannerhck {
    position: absolute;
    height: 100%;
    background-color: #fff;
    top: 0;
    right: 0
}
.hometruestory .img-area {
    display: inline-block;
    position: relative;
    min-height: 167px;
    margin-bottom: 25px;
}
.hometruestory .icon {
  
    width: 100%;
}

.hometruestory .title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 30px;
    line-height: 100%;
    color: #ea7200;
    z-index: 9;
    width: 100%;
    margin-bottom: 20px;
}

.hometruestory .desc {
    font-family: 'Ubuntu', sans-serif;
    font-size: 22px;
    line-height: 125%;
    opacity: 0.5;
    color: #000;
    z-index: 9;
    width: 100%;
    margin-bottom: 20px;
}
.hometruestory a {
    background: #ea7200;
    color: #fff;
    padding: 20px 30px;
    border-radius: 7px;
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
}
.hometruestory .item {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 60px 150px 60px 100px;
    background-image: linear-gradient(146deg,rgba(234, 114, 0, 20%) 0%,rgba(255, 194, 136, 43%) 5%);
}

.hometruestory {
    margin-top: 40px;
    position: relative
}
.homecalc {
    display: none
}

    .homecalc .title {
        font-family: 'Ubuntu', sans-serif;
        font-size: 36px;
        color: #000;
        line-height: 1
    }

        .homecalc .title span {
            color: #e65900;
            font-weight: normal
        }

.homecalc {
    text-align: center
}

    .homecalc .line {
        height: 1px;
        width: 26px;
        background-color: #000;
        margin: 24px auto 32px
    }

    .homecalc .desc {
        font-family: 'Ubuntu', sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: #5b5b5b;
        line-height: 150%
    }

.calcbox {
    position: relative
}

    .calcbox .desc .gtitle {
        color: #fff
    }

    .calcbox .desc {
        position: absolute;
        top: 45px;
        left: 50px;
        z-index: 9
    }

        .calcbox .desc .text {
            font-family: 'Ubuntu', sans-serif;
            font-size: 18px;
            color: #fff;
            line-height: 1;
            margin-top: 5px;
            padding-left: 46px
        }

    .calcbox .gbutton2 {
        position: absolute;
        left: 96px;
        bottom: 40px;
        z-index: 9
    }

    .calcbox .gtitle:before {
        display: inline-block;
        content: ' ';
        width: 36px;
        height: 2px;
        background-color: #fff;
        margin-right: 10px;
        vertical-align: middle
    }
/*BANNER*/
.bannerwrapper {
    width: 100%;
    position: relative;
    display: inline-block
}

    .bannerwrapper .container {
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        margin: auto
    }

    .bannerwrapper .container-banner {
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        margin: auto;
    }

#banner {
    position: relative;
    height: 260px;
    float: right;
    width: 90%
}

    #banner .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #303030;
        opacity: .5
    }

.container-area #banner {
    width: 100%
}

.bannerwrapper .container-area #banner .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(234,116,37,1) 0%, rgba(234,116,37,1) 35%, rgba(234,116,37,0.3981967787114846) 100%);
    opacity: 1;
}

.bannerwrapper .container .title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 48px;
    font-weight: normal;
    color: #fff;
    line-height: 1;
    padding-left: 21px;
    border-left: 14px solid #ea7425;
    float: left;
    margin-bottom: 0
}

.bannerwrapper .container-area {
    width: 100%;
    float: right;
    position: relative;
    display: inline-block;
    padding-left: 10%;
    padding-right: 10%;
}

.bannerwrapper .container-fluid .title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 48px;
    font-weight: normal;
    color: #fff;
    line-height: 1;
    padding-left: 10%;
    float: left;
    margin-bottom: 0;
}

.bannerwrapper .container .breadcrumb {
    float: right;
    margin-top: 5px
}

.breadcrumb {
    padding: 8px 15px 8px 14px;
    background-color: #ea7425;
    display: inline-block;
    border-radius: 0 !important
}

    .breadcrumb b {
        width: 4px;
        height: 6px;
        background: url(../images/breadcrumbicon.png) no-repeat;
        display: inline-block;
        padding-bottom: 7px
    }

    .breadcrumb a, .breadcrumb span, .breadcrumb li a {
        color: #fff;
        font-family: 'Ubuntu', sans-serif;
        font-size: 12px
    }

        .breadcrumb a:hover {
            opacity: .8
        }

    .breadcrumb b {
        margin: 0 6px
    }
/*CONTENT*/
#reklam5logo {
    position: absolute;
    right: 2px;
    bottom: 50px;
    background: url(../images/reklam5.png) no-repeat;
    width: 11px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    background-size: cover;
    background-position: 0 10px
}

.copy {
    position: relative;
    width: 100%;
    bottom: 0;
    clear: both;
    right: 0
}

.gimg img {
    width: 100%
}

.frontline:after {
    display: inline-block;
    content: ' ';
    width: 45px;
    height: 2px;
    background-color: #4e4e4e;
    margin-left: 20px;
    vertical-align: middle
}

.f34 {
    font-size: 34px
}

.titleborder {
    width: 100%;
    height: 1px;
    background-color: #ececec;
    position: relative;
    margin-top: 28px
}

    .titleborder span {
        width: 100%;
        height: 5px;
        position: absolute;
        top: -3px;
        height: 6px;
        width: 100px;
        background-color: #ea7425;
        border-radius: 3px
    }

.pagemenu {
    margin-top: 20px
}

    .pagemenu .box {
        padding: 20px 0;
        border-bottom: 1px solid #ececec
    }

        .pagemenu .box:last-child {
            border-color: #fff
        }

#accordion-menu.pro-cat .title {
    display: block;
    font-family: 'Ubuntu', sans-serif;
    color: #000;
    font-size: 16px
}

#accordion-menu.pro-cat ul {
    margin-top: 20px
}

    #accordion-menu.pro-cat ul li > ul {
        margin-top: 0
    }

    #accordion-menu.pro-cat ul li {
        margin-top: 15px
    }

footer .box ul li:first-child {
    margin-top: 0
}

#accordion-menu.pro-cat ul li a {
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    color: #5b5b5b;
    font-size: 13px;
    position: relative;
    padding-left: 15px
}
#accordion-menu.pro-cat ul li ul li a {
font-size:12px;
}
    #accordion-menu.pro-cat ul li a:before {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        content: ' ';
        width: 4px;
        height: 1px;
        background: #5b5b5b
    }

#accordion-menu.pro-cat ul li ul li a:before {
    width: 6px;
    height: 6px;
    background: #5b5b5b;
    border-radius: 100%
}

#accordion-menu.pro-cat ul li.active > a:before {
    background: #e76513
}

#accordion-menu.pro-cat ul li ul {
    padding-left: 15px
}

#accordion-menu.pro-cat ul li a:hover, .pagemenu .box .title.active, .pagemenu .box .title:hover {
    color: #e76513
}

#accordion-menu.pro-cat .title.active:after {
    display: inline-block;
    background: url(../img/iconpack.png) no-repeat;
    width: 16px;
    height: 15px;
    background-position: -13px -14px;
    content: ' ';
    margin-left: 6px
}

#accordion-menu.pro-cat li.active > a {
    color: #e76513 !important
}

.catalogbanner {
    position: relative
}

    .catalogbanner .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #000;
        opacity: .3;
        z-index: 8
    }

    .catalogbanner .desc {
        position: absolute;
        z-index: 9;
        bottom: 30px;
        left: 30px
    }

        .catalogbanner .desc .title {
            font-family: 'Ubuntu', sans-serif;
            font-weight: normal;
            font-size: 30px;
            color: #fff;
            line-height: 125%
        }

            .catalogbanner .desc .title span {
                font-family: 'Ubuntu', sans-serif;
                display: block
            }

.downicon:after {
    display: inline-block;
    background: url(../img/iconpack.png) no-repeat;
    width: 10px;
    height: 12px;
    background-position: -490px -179px;
    content: ' ';
    margin-left: 8px
}

.catalogbanner .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9
}

.catalogbanner .gbutton2 {
    margin-top: 15px;
    margin-bottom: 70px
}

.catalogbanner {
    margin-top: 35px
}

.pfullcontentbanner {
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    display: block
}

    .pfullcontentbanner .titlewrapper {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }

    .pfullcontentbanner .desc {
        text-align: left;
        left: 0;
        position: absolute;
        bottom: 0;
        font-size: 14px;
        color: #fff;
        width: 100%
    }

        .pfullcontentbanner .desc .body {
            position: relative;
            z-index: 3;
            padding: 10px 0 10px 30px
        }

            .pfullcontentbanner .desc .body::before {
                content: ' ';
                position: absolute;
                left: 0;
                height: 100%;
                width: 10px;
                background: #e76513;
                top: 0
            }

        .pfullcontentbanner .desc::after {
            z-index: 2;
            content: ' ';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.88) 100%);
            background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%);
            -webkit-transition: all .3s ease-in;
            transition: all .3s ease-in;
            will-change: opacity
        }

        .pfullcontentbanner .desc h4 {
            line-height: 1;
            margin-bottom: 0;
            color: #fff;
            font-size: 25px
        }

        .pfullcontentbanner .desc p {
            line-height: 1.5
        }

    .pfullcontentbanner .titlewrapper .title, .pfullcontentbanner .titlewrapper2 .title {
        display: inline-block;
        font-family: 'Ubuntu', sans-serif;
        font-size: 36px;
        color: #fff;
        padding: 10px 20px;
        background-color: #ea7425;
        opacity: .9;
        line-height: 1
    }

    .pfullcontentbanner .titlewrapper2 {
        position: absolute;
        bottom: 0;
        left: 15px;
        max-width: 290px;
        text-align: left
    }

        .pfullcontentbanner .titlewrapper2 .title {
            font-size: 24px
        }

.pagemenu.business {
    margin-top: 0
}

.business .box .title.active:after {
    background: inherit
}

.businesscontent h2 {
    display: block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: normal;
    color: #000;
    line-height: 1
}

.businesscontent .text {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    size: 14px;
    color: #5b5b5b
}

    .businesscontent .text p {
        display: block;
        margin: 0 0 20px;
        line-height: 150%
    }

        .businesscontent .text p:last-child {
            margin-bottom: 0
        }

.sssaccordion {
    margin-top: 35px
}

.accordionitem .title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #5b5b5b;
    width: 100%;
    position: relative;
    height: 68px;
    border: 2px solid #f3f3f3;
    padding: 24px 15px 0 95px
}

    .accordionitem .title .accordionicon {
        height: 68px;
        width: 70px;
        transition: 300ms;
        position: absolute;
        z-index: 9;
        background-position: -248px -172px;
        top: -2px;
        left: -2px
    }

    .accordionitem .title.active .accordionicon {
        background-position: -248px -289px
    }

.accordionitem {
    margin-bottom: 20px
}

    .accordionitem:last-child {
        margin-bottom: 0
    }

    .accordionitem .title:hover {
        border-color: #c6c6c6;
        cursor: pointer
    }

.ssscontenttext {
    display: block;
    line-height: 150%;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0 15px 0 95px
}

.ssscontenthck {
    display: inline-block;
    width: 70px
}

.microtext {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #5b5b5b
}

.pricelistmicrotext {
    margin-top: 45px;
    margin-bottom: 25px
}

.leftselect .selector span {
    text-align: left
}

.leftselect .selector {
    margin: 0
}

.pricelists, .cataloglists, .campaignlist {
    margin-top: 40px
}

.priceitem {
    height: 105px;
    /*   border: 1px solid #e5e5e5;
    border-radius: 3px;*/
    display: block;
    margin-bottom: 30px
}

    .priceitem .icon {
        background: url(../images/pdficon.png) no-repeat;
        width: 60px;
        height: 67px
    }

        .priceitem .icon.use_guide {
            background: url(../images/kullanimmontajkilavuz_icon.png) no-repeat
        }

        .priceitem .icon.product_catalog {
            background: url(../images/urunkatalogu_icon.png) no-repeat
        }

        .priceitem .icon.price_list_icon {
            background: url(../images/price_list_icon.png) no-repeat
        }

        .priceitem .icon.technical_catalog_icon {
            background: url(../images/technical_catalog_icon.png) no-repeat
        }

        .priceitem .icon.brosur_icon {
            background: url(../images/brosur_icon.png) no-repeat
        }

        .priceitem .icon.ce_document {
            background: url(../images/brosurCE_icon.png) no-repeat
        }

        .priceitem .icon.energy_label {
            background: url(../images/enerjietiketi_icon.png) no-repeat
        }

        .priceitem .icon.schema {
            background: url(../images/kurulumsemasi_icon.png) no-repeat
        }

        .priceitem .icon.products_form {
            background: url(../images/urunbilgiformu_icon.png) no-repeat
        }

    .priceitem .text {
        font-family: 'Ubuntu', sans-serif;
        font-weight: normal;
        font-size: 14px;
        color: #565656;
        width: 73% !important;
        line-height: 1.5
    }

    .priceitem .dlthepdf {
       font-family: 'Ubuntu', sans-serif;
        font-weight: normal;
        font-size: 14px;
        color: #e2574c;
        background-position: -239px -435px;
        height: 52px;
        margin-top: 15px;
        width: 130px;
    }

.priceitemtextwrapper {
    padding: 19px;
    border-right: 1px solid #e5e5e5
}

.pricelists .priceitem .dlthepdf span {
    text-align: center;
    padding-top: 33px;
    display: block
}

.cataloglists .catalogitem {
    text-align: center;
    padding: 20px;
    background-color: #fffaf7;
    display: block
}

    .cataloglists .catalogitem .bigpdficon {
        background: url(../images/bigpdficon.png) no-repeat;
        width: 104px;
        height: 118px;
        margin: 10px auto 20px
    }

    .cataloglists .catalogitem .text {
        font-family: 'Ubuntu', sans-serif;
        font-weight: normal;
        font-size: 18px;
        display: block;
        color: #565656
    }

    .cataloglists .catalogitem .downicon {
        font-family: 'Ubuntu', sans-serif;
        font-weight: normal;
        font-size: 14px;
        color: #e2574c;
        display: block;
        margin-top: 20px;
        background-position: -133px -474px;
        padding-top: 35px
    }

.cataloglists .catalogitem {
    margin-bottom: 30px
}

.campaignitem {
    background-color: #f7f7f7;
    margin-bottom: 20px
}

    .campaignitem.type1 .content {
        padding: 23px 10px 10px
    }

    .campaignitem.type2 .content {
        padding: 25px 10px 10px 40px
    }

    .campaignitem .content .title {
        font-family: 'Ubuntu', sans-serif;
        font-size: 12px;
        color: #000
    }

    .campaignitem .content .text {
        font-family: 'Ubuntu', sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #5b5b5b;
        line-height: 150%;
        margin-top: 10px
    }

    .campaignitem .content a {
        display: block;
        font-family: 'Ubuntu', sans-serif;
        font-size: 12px;
        color: #4e4c4c;
        margin-top: 20px
    }

        .campaignitem .content a:hover {
            color: #e76513
        }

.campaigncontent > .title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    color: #000;
    margin: 30px 0 25px;
    line-height: 1
}

.campaigncontent .text {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #5b5b5b;
    line-height: 150%
}

    .campaigncontent .text p {
        margin-bottom: 25px
    }

        .campaigncontent .text p:last-child {
            margin-bottom: 0
        }

        .campaigncontent .text p:first-child {
            margin-top: 0
        }

.campaigntimeinfo {
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    color: #000;
    line-height: 1;
    margin-top: 50px
}

    .campaigntimeinfo span {
        font-family: 'Ubuntu', sans-serif;
    }

.viewcombies {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    color: #ea7425;
    line-height: 1;
    margin-top: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #fff
}

    .viewcombies:hover {
        border-color: #ea7425;
        color: #ea7425
    }

    .viewcombies:after {
        display: inline-block;
        vertical-align: middle;
        content: ' ';
        width: 26px;
        height: 30px;
        background: url(../img/iconpack.png) no-repeat;
        background-position: -205px 0;
        margin-left: 10px
    }

.campaigncontent .line {
    width: 100%;
    height: 1px;
    margin-top: 60px;
    margin-bottom: 40px;
    background-color: #ececec
}

.campaignslidercursor {
    float: right
}

    .campaignslidercursor > div {
        width: 42px;
        height: 42px;
        display: inline-block;
        cursor: pointer
    }

    .campaignslidercursor .prev {
        background-position: -282px -758px
    }

    .campaignslidercursor .next {
        background-position: -458px -758px
    }

.othercampaigns > .title {
    margin-bottom: 30px
}

    .othercampaigns > .title span {
        padding-top: 8px;
        display: inline-block;
        font-family: 'Ubuntu', sans-serif;
        font-weight: normal;
        font-size: 36px;
        color: #000
    }

.pdswrapper {
    padding-top: 70px;
    border-top: 1px solid #e3e3e3
}

    .pdswrapper .gtitle span {
        font-family: 'Ubuntu', sans-serif;
    }

.productdetail {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #5b5b5b
}

    .productdetail .fullline {
        width: 100%;
        height: 1px;
        background-color: #e3e3e3;
        margin: 60px 0
    }

    .productdetail span.bg {
        background: #e76513;
        padding: 5px;
        color: #fff;
        display: inline-block
    }

    .productdetail span.border-left {
        padding: 5px 0 0 10px;
        border-left: 3px solid #e76513
    }

    .productdetail ul.line {
        list-style: none;
        padding: 0
    }

        .productdetail ul.line li {
            padding-left: 20px;
            position: relative;
            list-style: none;
            background: none
        }

            .productdetail ul.line li::after {
                content: ' ';
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                height: 1px;
                width: 10px;
                background: #000
            }

    .productdetail .line-orange {
        padding-left: 80px;
        position: relative;
        color: #e76513;
        margin-bottom: 15px
    }

        .productdetail .line-orange:before {
            content: ' ';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 4px;
            width: 50px;
            background: #e76513
        }

.same-product {
    margin-bottom: 60px;
    margin-top: 50px;
    float: left;
    width: 100%
}

    .same-product .line-orange {
        margin-bottom: 60px
    }

    .same-product .same-item {
        padding: 10px 0;
        position: relative;
        width: 100%
    }

        .same-product .same-item a:hover {
            color: #e76513
        }

        .same-product .same-item::after {
            content: ' ';
            height: 100%;
            width: 1px;
            background: #cdcdcd;
            right: 0;
            top: 0;
            position: absolute
        }

    .same-product .row .col-xs-12:nth-child(3n) .same-item::after {
        display: none
    }

    .same-product a {
        padding-left: 20px;
        position: relative;
        font-size: 16px;
        color: #0f0f0f;
        line-height: 1.5
    }

        .same-product a::after {
            content: ' ';
            position: absolute;
            left: 0;
            top: 10px;
            height: 1px;
            width: 10px;
            background: #0f0f0f
        }

.businesscontent .text .strong {
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    color: #000;
    margin-top: 40px;
    display: block
}

ul.contentullist {
    margin-top: 25px
}

    ul.contentullist li {
        font-family: 'Ubuntu', sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: #5b5b5b;
        margin-top: 15px
    }

        ul.contentullist li:first-child {
            margin-top: 0
        }

        ul.contentullist li:before {
            display: inline-block;
            background: url(../img/iconpack.png) no-repeat;
            width: 3px;
            height: 6px;
            background-position: -140px -797px;
            content: ' ';
            margin-right: 10px
        }

.applinks > a {
    display: inline-block;
    margin-right: 10px;
    margin-top: 25px
}

.applinks a.theapplelink {
    background: url(../images/appleicon.png) no-repeat;
    width: 138px;
    height: 47px
}

.applinks a.theandroidlink {
    background: url(../images/androidlink.png) no-repeat;
    width: 151px;
    height: 45px
}

.yellowrapper {
    background-color: #fff2ea;
    padding: 30px 35px;
    margin-top: 40px
}

    .yellowrapper p, .yellowrapper span {
        font-size: 12px
    }

    .yellowrapper .alarm {
        background: url(../images/uyari.png) no-repeat;
        width: 33px;
        height: 31px;
        margin: 0 0 20px 40px
    }

    .yellowrapper .title {
        font-family: 'Ubuntu', sans-serif;
        font-size: 12px;
        color: #000
    }

.forgetrequest li {
    font-size: 12px !important
}

.getrequestpage .bigtitle {
    font-family: 'Ubuntu', sans-serif;
    font-size: 36px;
    color: #000;
    line-height: 125%;
    margin-top: 45px
}

.requestpagebox {
    padding: 40px 50px 40px 90px;
    border: 1px solid #eeeeee;
    position: relative
}

    .requestpagebox .title {
        font-family: 'Ubuntu', sans-serif;
        font-size: 20px;
        color: #676767;
        line-height: 125%
    }

        .requestpagebox .title a {
            color: #676767
        }

.requestpagebox {
    margin-top: 15px
}

.getrequestpage .subbigtitle {
    margin-bottom: 60px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    color: #000;
    margin-top: 20px;
    line-height: 125%
}

    .getrequestpage .subbigtitle span {
        color: #ea7425
    }

.requestpagebox .boxnumber {
    width: 50px;
    height: 50px;
    background-color: #ea7425;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 16px
}

.requestbottomtext h3 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    color: #000;
    margin-top: 70px;
    line-height: 125%
}

.requestbottomtext span {
    margin-top: 10px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #5b5b5b;
    line-height: 125%;
    display: block
}

.requestbottomtext h4 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    color: #ea7425;
    display: block
}

.requestbottomtext ul.contentullist li {
    font-size: 14px !important
}

.contentullist ul li a {
    color: #ea7425
}

.businesscontent ul {
    margin-top: 25px
}

    .businesscontent ul li {
        font-family: 'Ubuntu', sans-serif;
        font-weight: bold;
        size: 14px;
        color: #5b5b5b;
        margin-top: 15px;
        line-height: 150%;
        padding-left: 25px;
        display: inline-block;
        position: relative
    }

        .businesscontent ul li::before {
            content: "\2022";
            color: #ea7425;
            font-weight: bold;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
            position: absolute;
            top: 0
        }

        .businesscontent ul li strong {
            width: 100%;
            display: inline-block;
            padding-bottom: 10px
        }

        .businesscontent ul li:first-child {
            margin-top: 0
        }

.businesscontent #gallery ul li:first-child {
    margin-top: 15px
}

.businesscontent #gallery ul li:before {
    display: inline-block;
    background: none;
    width: 3px;
    height: 6px;
    content: ' ';
    margin-right: 10px
}
/*News*/
.newlist {
    margin-top: 30px
}

    .newlist .item {
        border-bottom: 2px solid #ebebeb;
        font-family: 'Ubuntu', sans-serif;
        margin-top: 15px;
        margin-bottom: 15px;
        float: left;
        width: 100%
    }

        .newlist .item .title {
            color: #000;
            font-size: 18px;
            line-height: 1.5;
            margin-bottom: 15px;
            display: inline-block
        }

            .newlist .item .title:hover {
                color: #e76513
            }

        .newlist .item .go {
            text-align: right;
            margin-bottom: 10px
        }

            .newlist .item .go img {
                display: inline-block;
                margin-bottom: 5px
            }

            .newlist .item .go a {
                color: #e76513;
                font-size: 10px;
                font-family: 'Ubuntu', sans-serif;
            }

        .newlist .item .author, .news-info .author {
            font-size: 14px;
            color: #e76513;
            margin-bottom: 20px
        }

            .newlist .item .author span, .news-info .author span {
                margin-right: 10px
            }

                .newlist .item .author span.date, .news-info .author span.date {
                    background: #e76513;
                    padding: 3px 7px;
                    color: #fff;
                    font-size: 10px
                }

.news-info {
    width: 100%;
    float: left;
    margin: 10px auto
}
/*PRODUCTDETAIL*/
.productdetail .titlewrapper .title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 36px;
    color: #000;
    line-height: 1;
    float: left
}

    .productdetail .titlewrapper .title .titleattr {
        font-family: 'Ubuntu', sans-serif;
        font-size: 24px;
        margin-top: 10px;
        color: #979797
    }

    .productdetail .titlewrapper .title span {
        font-family: 'Ubuntu', sans-serif;
    }

.productdetail .titlewrapper .otherproductlink {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #000;
    float: right;
    margin-top: 11px;
    padding-bottom: 7px;
    border-bottom: 1px solid #d9d9d9
}

    .productdetail .titlewrapper .otherproductlink:before {
        display: inline-block;
        background: url(../img/iconpack.png) no-repeat;
        width: 18px;
        height: 12px;
        background-position: 0 -788px;
        content: ' ';
        margin-right: 10px
    }

.pdfctext .title {
    font-family: 'Ubuntu', sans-serif;
    font-weight: normal;
    font-size: 30px;
    color: #ea7425;
    margin-top: 20px;
    display: block;
    float: none
}

    .pdfctext .title span {
        color: #000
    }

.pdfctext ul {
    margin-top: 25px
}

    .pdfctext ul li {
        line-height: 20px;
        /*background: url(../images/ol.png) no-repeat left 11px;*/
        background-size: 7px;
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-family: 'Ubuntu', sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: #000;
        display: block;
        margin-bottom: 5px
    }
.pdfctext ul li::before {
  content: "\2022";
  color: black;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
        .pdfctext ul li ul li {
            background: url(../images/ul.png) no-repeat left 11px;
            background-size: 7px;
            margin-bottom: 5px
        }

        .pdfctext ul li ul {
            margin-top: 10px;
            padding-left: 5px
        }

        .pdfctext ul li:last-child {
            margin-bottom: 0
        }

.pdfcimg {
    position: relative;
    float: left;
    width: 100%
}

.standar-img {
    width: 100%;
    display: block
}

.zoom-area {
    display: none;
    position: absolute;
    top: 0
}

    .zoom-area img {
        width: 100%
    }

.btnzoomOut, .btnzoomIn {
    flaot: right;
    background: #e76513;
    color: #fff;
    font-size: 12px;
    font-family: 'Ubuntu', sans-serif;
    padding: 5px 10px;
    display: inline-block;
    cursor: pointer;
    margin-top: 20px
}

.pdfctext {
    padding-bottom: 60px;
    line-height: 1.5
}

#pdslider {
    margin-top: 60px
}

    #pdslider .homefeatures {
        padding-right: 25px
    }

.pdslidercursor {
    margin-top: 30px
}

    .pdslidercursor > div {
        width: 42px;
        height: 42px;
        display: inline-block;
        cursor: pointer
    }

    .pdslidercursor .cursorleft {
        background-position: -282px -758px
    }

    .pdslidercursor .cursorright {
        background-position: -458px -758px
    }

.pdtwrapper img {
    max-width: 100%;
    display: block
}

.pdtwrapper .leftcolumn .title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 36px;
    color: #000;
    line-height: 125%;
    float: left
}

    .pdtwrapper .leftcolumn .title span {
        font-family: 'Ubuntu', sans-serif;
    }

.pdtwrapper .leftcolumn img {
    padding-top: 50px
}

.pdtwrapper .leftcolumn .txtwrapper .title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 30px;
    margin-top: 50px;
    line-height: 125%;
    color: #a7a7a7
}

    .pdtwrapper .leftcolumn .txtwrapper .title span {
        font-family: 'Ubuntu', sans-serif;
        color: #e65900
    }

.pdtwrapper .leftcolumn .txtwrapper .subtitle {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    color: #696969;
    margin-top: 20px
}

.pdtwrapper .leftcolumn .txtwrapper .line {
    margin-top: 30px;
    height: 1px;
    background-color: #c0c0c0;
    width: 60px
}

.pdtwrapper .leftcolumn .txtwrapper .text {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #5b5b5b;
    margin-top: 20px;
    line-height: 125%
}

.ullists {
    padding-left: 60px
}

    .ullists .line {
        width: 100%;
        height: 1px;
        background-color: #e3e3e3;
        margin: 60px 0;
        width: 200px
    }

    .ullists ul li {
        font-family: 'Ubuntu', sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #5b5b5b;
        display: block;
        margin-bottom: 40px
    }

        .ullists ul li:last-child {
            margin-bottom: 0
        }

        .ullists ul li strong {
            font-family: 'Ubuntu', sans-serif;
        }

        .ullists ul li div:before {
            display: inline-block;
            background: url(../img/iconpack.png) no-repeat;
            width: 11px;
            height: 11px;
            background-position: -489px -622px;
            content: ' '
        }

        .ullists ul li div, .ullists ul li span {
            display: inline-block;
            vertical-align: top
        }

        .ullists ul li div {
            width: 11px;
            padding-top: 2px
        }

        .ullists ul li span {
            width: 90%;
            margin-left: 10px
        }

.pdfwrapper {
    margin-top: 10px
}

    .pdfwrapper .title {
        font-family: 'Ubuntu', sans-serif;
        font-size: 36px;
        color: #000;
        line-height: 1
    }

        .pdfwrapper .title span {
            color: #e65900
        }

    .pdfwrapper .line {
        width: 25px;
        height: 1px;
        background-color: #000;
        margin: 30px auto 0
    }

.pdfitems {
    width: 70%;
    margin: auto;
    margin-top: 60px
}

.pdfitemone {
    text-align: center
}

    .pdfitemone .img img {
        margin: auto
    }

    .pdfitemone .title {
        display: block;
        color: #000;
        font-size: 12px;
        font-family: 'Ubuntu', sans-serif;
        margin-top: 30px
    }

    .pdfitemone .line {
        width: 26px;
        height: 1px;
        margin: 20px 0;
        background-color: #000
    }

    .pdfitemone .desc {
        font-family: 'Ubuntu', sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #5b5b5b;
        line-height: 150%;
        margin-top: 20px
    }

.pddownload {
    padding: 15px 0;
    /* text-align: center*/
}

    .pddownload .priceitem {
        margin-right: 15px;
        min-width: 340px;
        width: auto;
        display: inline-block;
        position: relative;
        background: #efefef;
    }

        .pddownload .priceitem .priceitemtextwrapper .text {
            font-size: 16px;
            font-weight: normal;
            float: left
        }

        .pddownload .priceitem .dlthepdf {
            border: none;
            background-position: -245px -435px
        }

        .pddownload .priceitem .text {
            width: auto !important;
            transform: translateY(-50%);
            top: 50%;
            position: absolute;
            left: 90px
        }

        .pddownload .priceitem .icon.dinline {
            float: left
        }

        .pddownload .priceitem .icon-area {
            position: relative;
            height: 100%;
            background: #d3d3d3;
        }

        .pddownload .priceitem .iconpdf {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

    .pddownload nav {
        background: #efefef;
        margin-bottom: 15px;
    }

.nav .nav-item.priceitem {
    margin: auto;
    min-width: auto;
    width: auto;
    height: auto;
    border: none;
    color: #000;
    font-size: 12px;
    font-family: 'Ubuntu', sans-serif;
    line-height: 32px;
    padding: 15px 50px 15px 30px;
    border-radius: 0;
}

    .nav .nav-item.priceitem:first-child {
        padding: 15px 50px 15px 15px;
    }

    .nav .nav-item.priceitem:hover, .nav .nav-item.priceitem.active {
        color: #fff;
        background: #e65900;
    }

    .nav .nav-item.priceitem:after {
        content: '';
        position: absolute;
        right: 0;
        top: 30%;
        width: 1px;
        height: 25px;
        background: #000;
    }

    .nav .nav-item.priceitem.hiddenAfter:after {
        display: none;
    }

    .nav .nav-item.priceitem.active::after, .nav .nav-item.priceitem:hover::after, .nav .nav-item.priceitem.active::after {
        background: #e65900;
    }

    .nav .nav-item.priceitem:last-child::after {
        display: none;
    }

    .nav .nav-item.priceitem .icon {
        background: url(../images/icon.png) no-repeat
    }

    .nav .nav-item.priceitem.active .icon, .nav .nav-item.priceitem:hover .icon {
        background: url(../images/icon-hover.png) no-repeat
    }

    .nav .nav-item.priceitem .icon {
        background-size: 23px !important;
        width: 23px;
        height: 32px;
        margin-right: 12px;
        transition: 250ms
    }

        .nav .nav-item.priceitem .icon
        .nav-tabs {
            border: none
        }

.gridProduct .title-content .default_title span {
    color: #e76513
}

.gridProduct {
    line-height: 1.5
}

    .gridProduct .title-content .default_title {
        font-family: 'Ubuntu', sans-serif;
        font-size: 36px;
        color: #000;
        line-height: 1;
        display: inline-block
    }

    .gridProduct .title-content .line {
        width: 26px;
        height: 1px;
        margin: 20px 0;
        background-color: #000;
        display: inline-block
    }

    .gridProduct .mB10 {
        margin-bottom: 10px
    }

    .gridProduct .mB20 {
        margin-bottom: 20px
    }

    .gridProduct .mB30 {
        margin-bottom: 30px
    }

    .gridProduct .shortline {
        height: 1px;
        background-color: #e3e3e3;
        margin: 60px 0;
        width: 200px
    }

    .gridProduct img {
        display: inline-block
    }

    .gridProduct .ulstyle ul li {
        background: url(../images/ul.png) no-repeat left 2px;
        padding-left: 30px;
        margin: 25px 0
    }

.mobilProduct {
    line-height: 18px
}

.contactpage {
    width: 100%;
    position: relative
}

#map {
    height: 500px;
    width: 90%;
    float: right
}

.mapwrapper {
    height: 500px;
    position: relative
}
/*CONTACT*/
.contactform .title, .contactform .dot {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    color: #000
}

.contactform .value {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #5b5b5b
}

.contactform textarea {
    height: 65px
}

.selectortwo div.selector {
    width: 100% !important
}

.contactform div.selector {
    margin: 0 !important;
    width: 100% !important
}

    .contactform div.selector span {
        padding: 6px 15px 8px !important;
        background-size: 26px 24px
    }

    .contactform div.selector select {
        height: 30px !important
    }

/*PLACES*/
.placelist {
    margin-top: 45px;
    display: none
}

    .placelist .placeitem > .row {
        margin-bottom: 10px
    }

        .placelist .placeitem > .row.last-child {
            margin-bottom: 0
        }

    .placelist .placeitem .title {
        font-family: 'Ubuntu', sans-serif;
        font-weight: normal;
        font-size: 18px;
        color: #000;
        line-height: 125%
    }

    .placelist .placeitem .line {
        width: 25px;
        height: 1px;
        background-color: #000;
        margin: 20px 0
    }

    .placelist .placeitem .ptitle, .placelist .placeitem .dot {
        font-family: 'Ubuntu', sans-serif;
        font-size: 12px;
        color: #000
    }

    .placelist .placeitem .ptitle {
        width: 10%
    }

    .placelist .placeitem .sub.ptitle {
        width: 30%
    }

    .placelist .placeitem .dot {
        width: 3%
    }

    .placelist .placeitem .sub.dot {
        width: 9%
    }

    .placelist .placeitem .value {
        font-family: 'Ubuntu', sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #5b5b5b
    }

.placeitemrow {
    margin-top: 10px
}

.placeitem {
    padding: 30px 0;
    border-bottom: 1px solid #e6e6e6
}

    .placeitem:last-child {
        border-color: #fff
    }

.tags {
    background: #e76513;
    color: #fff;
    font-size: 11px;
    padding: 3px 5px;
    display: inline-block;
    margin-right: 5px
}

.applink {
    color: #e76513
}
/*SELECTORS*/
.tabmenu {
    position: relative
}

    .tabmenu .line {
        position: absolute;
        bottom: 2px;
        width: 60%;
        height: 1px;
        margin: auto;
        left: 0;
        right: 0;
        background-color: #ececec;
        z-index: -1
    }

    .tabmenu ul {
        text-align: center;
        margin-bottom: 50px
    }

        .tabmenu ul li {
            display: inline-block;
            margin: 0 25px
        }

            .tabmenu ul li span {
                width: 100%;
                height: 5px;
                background-color: #ea7425;
                border-radius: 3px;
                display: block;
                margin-top: 15px;
                opacity: 0;
                transition: 300ms
            }

            .tabmenu ul li:hover span, .tabmenu ul li.active span {
                opacity: 1
            }

            .tabmenu ul li:hover a, .tabmenu ul li.active a {
                color: #ea7425
            }

            .tabmenu ul li a {
                font-family: 'Ubuntu', sans-serif;
                font-size: 14px;
                color: #000;
                display: block
            }

.calculatorwrapper .title {
    font-family: 'Ubuntu', sans-serif;
    font-size: normal;
    font-size: 36px;
    color: #000
}

.calculatorwrapper {
    margin-top: 55px;
    width: 80%;
    margin-right: auto;
    margin-left: auto
}

    .calculatorwrapper .desc {
        font-family: 'Ubuntu', sans-serif;
        margin-top: 40px;
        line-height: 150%;
        font-weight: bold;
        font-size: 14px;
        color: #5b5b5b
    }

    .calculatorwrapper .calcit {
        margin-top: 60px
    }

.calcform {
    padding-right: 60px
}

    .calcform > div, .calcform > input[type='text'] {
        margin-bottom: 30px
    }

        .calcform > div.last-child, .calcform > input[type='text']:last-child {
            margin-bottom: 0
        }

    .calcform .leftselect div.selector span {
        color: #575757;
        padding: 15px 15px 10px 0
    }

    .calcform .leftselect div.selector {
        width: 100% !important
    }

    .calcform input[type='text'] {
        width: 100%;
        padding: 0 10px 10px 0 !important;
        color: #575757
    }

        .calcform input[type='text']::-webkit-input-placeholder {
            color: #575757
        }

        .calcform input[type='text']:-moz-placeholder {
            color: #575757
        }

        .calcform input[type='text']::-moz-placeholder {
            color: #575757
        }

        .calcform input[type='text']:-ms-input-placeholder {
            color: #575757
        }

    .calcform button {
        margin-top: 10px
    }

.calcitcontent > span {
    line-height: 1
}

.calcitcontent .uptext {
    font-family: 'Ubuntu', sans-serif;
    font-weight: normal;
    font-size: 24px;
    color: #000
}

.calcitcontent .bottomtext {
    font-family: 'Ubuntu', sans-serif;
    font-weight: normal;
    font-size: 30px;
    color: #000
}

    .calcitcontent .bottomtext span {
        color: #ea7425
    }

.calcitcontent a {
    margin-left: 25px
}
/*FOOTER*/
.newsletter .title, .socialwrapper .title {
    font-family: 'Ubuntu', sans-serif;
	font-weight:bold;
    font-size: 16px;
    color: #5b5b5b;
    margin-top: 12px
}

.newletterform input[type='text'] {
    background: #f7f7f7;
    border: 0;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    box-shadow: none;
    max-width: 90%;
    border-bottom: 1px solid #c6c6c6;
    color: #b2b2b2;
    text-align: left;
    border-radius: 0;
    width: 260px;
    float: left
}

.newletterform button {
    display: inline-block;
    margin-top: -2px;
    float: left
}

.newsletter, .socialwrapper {
    background-color: #f7f7f7;
    border-top: 2px solid #ebebeb;
    padding: 30px 40px;
    min-height: 130px
}

.checksystem {
    color: #939393;
    margin-top: 10px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 10px;
    line-height: 14px
}

    .checksystem .checkit {
        background: url(../images/warm_check.png) no-repeat;
        background-position: 0 -32px;
        width: 18px;
        height: 18px;
        margin-right: 10px
    }

    .checksystem .checkittext {
        width: 100%;
        font-family: 'Ubuntu', sans-serif;
        font-size: 12px;
        color: #5b5b5b;
        font-weight: bold;
        margin-top: 2px
    }

        .checksystem .checkittext a {
            color: #e65900
        }

    .checksystem > span {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        text-align: left
    }

    .checksystem .checkit.active {
        background-position: 0 0
    }

.sociallinks {
    margin-top: 18px;
    position: relative;
    z-index: 2
}

    .sociallinks a {
        display: inline-block;
        width: 34px;
        height: 34px
    }

        .sociallinks a:hover {
            opacity: .8
        }

        .sociallinks a.sociallinkfacebook {
            background-position: -466px -412px
        }

        .sociallinks a.sociallinktwitter {
            background-position: -466px -466px
        }

        .sociallinks a.sociallinkinstagram {
            background-position: -466px -356px
        }

        .sociallinks a.sociallinkgplus {
            background-position: -466px -520px
        }

        .sociallinks a.sociallinkyoutube {
            background-position: -466px -574px
        }

        .sociallinks a.sociallinkylinkedin {
            background-position: -466px -300px
        }

.socialwrapper span {
    display: block;
    margin-top: 10px;
    color: #5b5b5b;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: bold
}

.socialiconic {
    background: url(../images/socialiconic.png) no-repeat;
    width: 96px;
    height: 78px;
    position: absolute;
    right: 15px;
    bottom: 0
}

.foundseller .title {
    font-family: 'Ubuntu', sans-serif;
    color: #000;
    font-size: 36px;
    line-height: 125%
}

    .foundseller .title span {
        font-family: 'Ubuntu', sans-serif;
    }

footer {
    background-color: #efefef;
    padding-top: 8px;
    padding-bottom: 80px;
    position: relative;
    border-top: 10px solid #eaeaea;
    border-left: 10px solid #e6640c;
    border-bottom: 10px solid #e6640c;
    float: left;
    width: 100%;
    margin-top: 50px
}

    /*footer .footerlogo {
        width: 100%px;
        height: 57px;
		margin-top:45px;
    }
    */
footer .footerlogo {
    width: 100%;
    height: 59px;
    margin-top: 115px;
}

    /*footer .socials {
        display: inline-block;
        position: relative;
        width: 100%;
    }*/

    footer .social-area {
        display: inline-block;
        position: relative;
        width: max-content;
        margin-top: 0px;
    }

        footer .social-area .title {
            display: inline-block;
            position: relative;
            width: 100%;
            color: #000000;
            font-family: 'Ubuntu', sans-serif;
            font-size: 19px;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 20px
        }

        footer .social-area .description {
            display: inline-block;
            position: relative;
            width: 100%;
            opacity: .4;
            color: #000000;
            font-family: 'Ubuntu', sans-serif;
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 35px
        }

        footer .social-area .social {
            display: inline-block;
            position: relative;
            width: 100%
        }

            footer .social-area .social a {
                display: inline-block;
                width: 62px;
                height: 62px;
                margin-right: 18px
            }

.iconpack.footer-fb {
    background-position: -372px -186px
}

.iconpack.footer-tw {
    background-position: -372px -259px
}

.iconpack.footer-ytb {
    background-position: -371px -339px
}

.iconpack.footer-ins {
    background-position: -370px -412px
}

.iconpack.footer-lnk {
    background-position: -372px -483px
}

footer .box {
    margin-bottom: 20px
}

    footer .box .title {
        color: #000000;
        font-size: 19px;
        font-weight: 700;
        letter-spacing: 1.14px;
        text-transform: uppercase;
        text-transform: uppercase;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 25px;
        padding-top: 45px
    }

    footer .box ul {
        margin-top: 10px
    }

        footer .box ul li {
            margin-top: 10px
        }

            footer .box ul li:first-child {
                margin-top: 0
            }

            footer .box ul li a {
                color: #000000;
                font-size: 17px;
                font-weight: 300;
                line-height: 25px;
                font-family: font-family: 'Ubuntu', sans-serif;         
                }

            }

.footerinfo {
    position: absolute;
    bottom: 20px;
    left: 15px
}

    .footerinfo .step1 {
        font-family: 'Ubuntu', sans-serif;
        font-weight: normal;
        font-size: 8px;
        color: #262626;
        line-height: 125%
    }

    .footerinfo .step2 {
        font-family: 'Ubuntu', sans-serif;
        font-weight: normal;
        font-size: 8px;
        color: #adadad;
        line-height: 150%
    }

    .footerinfo .step3 img {
        margin-top: 5px
    }

.footerhck {
    position: absolute;
    left: 0;
    top: -10px;
    height: 100%;
    background-color: #fff
}

.footerblank {
    width: 100%;
    height: 10px;
    background-color: #fff
}

footer .box .title a {
    font-family: 'Ubuntu', sans-serif;
    color: #262626;
    font-size: 12px
}

.img-footer {
    float: left;
    padding-top: 15px
}
/*INPUT*/
input[type='text'], input[type='number'], textarea {
    border: 0;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    box-shadow: none;
    border-bottom: 1px solid #c6c6c6;
    color: #b2b2b2;
    text-align: left;
    border-radius: 0;
    width: 100%;
    padding: 0 10px 10px
}

.inputwrapper textarea {
    height: 260px
}

.inputwrapper {
    margin-bottom: 20px
}

    .inputwrapper > span {
        display: block;
        font-family: 'Ubuntu', sans-serif;
        font-size: 20px;
        color: #231f20;
        text-align: left;
        margin-bottom: 7px
    }

.leftselect .SumoSelect {
    margin: 30px 0 0;
    width: 100%
}

.SumoSelect {
    margin: 15px 0;
    width: 100%
}

    .SumoSelect ul li::before {
        display: initial;
        background: inherit;
        width: auto;
        height: auto;
        margin: auto
    }

    .SumoSelect p {
        margin: 0
    }

.SelectBox {
    padding: 5px 8px;
    font-family: 'Ubuntu', sans-serif;
}

.sumoStopScroll {
    overflow: hidden
}

.SumoSelect .hidden {
    display: none
}

.SumoSelect .search-txt {
    display: none;
    outline: none
}

.SumoSelect .no-match {
    display: none;
    padding: 6px
}

.SumoSelect.open .search-txt {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 5px 8px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px
}

.SumoSelect.open > .search > span, .SumoSelect.open > .search > label {
    visibility: hidden
}

.SelectClass, .SumoUnder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.SelectClass {
    z-index: 1
}

.SumoSelect > .optWrapper > .options li.opt label, .SumoSelect > .CaptionCont, .SumoSelect .select-all > label {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.SumoSelect {
    display: inline-block;
    position: relative;
    outline: none
}

    .SumoSelect > .CaptionCont {
        position: relative;
        border-bottom: 1px solid #c6c6c6;
        min-height: 14px;
        background-color: #fff;
        margin: 0;
        padding: 15px 15px 10px
    }

        .SumoSelect > .CaptionCont > span {
            display: block;
            padding-right: 30px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            cursor: default
        }

            .SumoSelect > .CaptionCont > span.placeholder {
                color: #575757
            }

        .SumoSelect > .CaptionCont > label {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 30px
        }

            .SumoSelect > .CaptionCont > label > i {
                background: url(../images/arrowcombobox.png) no-repeat 100% 0;
                width: 29px;
                height: 100%;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto
            }

    .SumoSelect > .optWrapper {
        display: none;
        z-index: 1000;
        top: 38px;
        width: 100%;
        position: absolute;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #ddd;
        border-top: 0;
        overflow: hidden
    }

    .SumoSelect.open > .optWrapper {
        top: 38px;
        display: block
    }

        .SumoSelect.open > .optWrapper.up {
            top: auto;
            bottom: 100%;
            margin-bottom: 5px
        }

    .SumoSelect > .optWrapper ul {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
        overflow: auto
    }

    .SumoSelect > .optWrapper > .options {
        border-radius: 2px;
        position: relative;
        max-height: 250px
    }

        .SumoSelect > .optWrapper > .options li.group.disabled > label {
            opacity: .5
        }

        .SumoSelect > .optWrapper > .options li ul li.opt {
            padding-left: 22px
        }

    .SumoSelect > .optWrapper.multiple > .options li ul li.opt {
        padding-left: 50px
    }

    .SumoSelect > .optWrapper.isFloating > .options {
        max-height: 100%;
        box-shadow: 0 0 100px #595959
    }

    .SumoSelect > .optWrapper > .options li.opt {
        padding: 6px;
        position: relative;
        font-size: 12px;
        margin: 0;
        color: #575757;
        font-family: 'Ubuntu', sans-serif;
    }

    .SumoSelect > .optWrapper > .options > li.opt:first-child {
        border-radius: 2px 2px 0 0
    }

    .SumoSelect > .optWrapper > .options > li.opt:last-child {
        border-radius: 0 0 2px 2px;
        border-bottom: none
    }

    .SumoSelect > .optWrapper > .options li.opt:hover {
        background-color: #E4E4E4
    }

    .SumoSelect > .optWrapper > .options li.opt.sel {
        background-color: #a1c0e4;
        border-bottom: 1px solid #a1c0e4
    }

    .SumoSelect > .optWrapper > .options li label {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        cursor: pointer;
        margin-left: 10px
    }

    .SumoSelect > .optWrapper > .options li span {
        display: none
    }

    .SumoSelect > .optWrapper > .options li.group > label {
        cursor: default;
        padding: 8px 6px;
        font-weight: bold
    }

    .SumoSelect > .optWrapper.isFloating {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 90%;
        bottom: 0;
        margin: auto;
        max-height: 90%
    }

    .SumoSelect > .optWrapper > .options li.opt.disabled {
        background-color: inherit;
        pointer-events: none
    }

        .SumoSelect > .optWrapper > .options li.opt.disabled * {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            filter: alpha(opacity=50);
            -moz-opacity: .5;
            -khtml-opacity: .5;
            opacity: .5
        }

    .SumoSelect > .optWrapper.multiple > .options li.opt {
        padding-left: 35px;
        cursor: pointer
    }

        .SumoSelect > .optWrapper.multiple > .options li.opt span, .SumoSelect .select-all > span {
            position: absolute;
            display: block;
            width: 30px;
            top: 0;
            bottom: 0;
            margin-left: -35px
        }

            .SumoSelect > .optWrapper.multiple > .options li.opt span i, .SumoSelect .select-all > span i {
                position: absolute;
                margin: auto;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                width: 14px;
                height: 14px;
                border: 1px solid #AEAEAE;
                border-radius: 2px;
                box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
                background-color: #fff
            }

    .SumoSelect > .optWrapper > .MultiControls {
        display: none;
        border-top: 1px solid #ddd;
        background-color: #fff;
        box-shadow: 0 0 2px rgba(0,0,0,0.13);
        border-radius: 0 0 3px 3px
    }

    .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
        display: block;
        margin-top: 5px;
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
        display: block
    }

        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
            padding: 6px
        }

    .SumoSelect > .optWrapper.multiple > .MultiControls > p {
        display: inline-block;
        cursor: pointer;
        padding: 12px;
        width: 50%;
        box-sizing: border-box;
        text-align: center
    }

        .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
            background-color: #f1f1f1
        }

        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
            border-right: 1px solid #DBDBDB;
            border-radius: 0 0 0 3px
        }

        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
            border-radius: 0 0 3px 0
        }

    .SumoSelect > .optWrapper.isFloating > .options li.opt {
        padding: 12px 6px
    }

    .SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
        padding-left: 35px
    }

    .SumoSelect > .optWrapper.multiple.isFloating {
        padding-bottom: 43px
    }

    .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i {
        background-color: rgb(17,169,17);
        box-shadow: none;
        border-color: transparent;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-position: center center
    }

    .SumoSelect.disabled {
        opacity: .7;
        cursor: not-allowed
    }

        .SumoSelect.disabled > .CaptionCont {
            border-color: #ccc;
            box-shadow: none
        }

    .SumoSelect .select-all {
        border-radius: 3px 3px 0 0;
        position: relative;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
        padding: 8px 0 3px 35px;
        height: 20px;
        cursor: pointer
    }

        .SumoSelect .select-all > label, .SumoSelect .select-all > span i {
            cursor: pointer
        }

        .SumoSelect .select-all.partial > span i {
            background-color: #ccc
        }

    .SumoSelect > .optWrapper > .options li.optGroup {
        padding-left: 5px;
        text-decoration: underline
    }
/*/CUSTOM COMBOBOX*/
div.selector span {
    background: url(../images/arrowcombobox.png) no-repeat 100% 0;
    color: #757575;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px
}

div.selector select {
    opacity: 0;
    border: medium none;
    background: transparent none repeat scroll 0 0;
    position: absolute;
    height: 45px;
    top: -1px;
    left: 0;
    width: 100%
}

    div.selector select option {
        padding: 15px 15px 0;
        text-overflow: ellipsis;
        display: block;
        width: inherit !important;
        color: #000;
        font-family: 'Ubuntu', sans-serif;
        font-size: 14px
    }

div.selector span {
    padding: 15px 15px 10px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
    display: block;
    width: inherit !important;
    text-align: left
}

div.selector {
    margin: 50px auto 0;
    border-color: #c6c6c6;
    width: 100% !important;
    position: relative;
    text-align: center
}
/*STICK*/
.stickone {
    display: block;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #3b3b3b;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    position: absolute;
    top: 300px;
    left: -30px;
    z-index: 9999
}

    .stickone span {
        color: #e6650d
    }

.sticktwo {
    width: 150px;
    height: 2px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    background-color: #e2e2e2;
    position: absolute;
    top: 530px;
    left: 12px;
    z-index: 9999
}

.stickthree {
    width: 44px;
    text-align: center;
    position: absolute;
    top: 200px;
    left: 3%;
    z-index: 9999
}

    .stickthree > a {
        display: inline-block;
        margin: 3px 5px;
        font-family: 'Ubuntu', sans-serif;
        font-weight: normal;
        font-size: 14px;
        color: #262626
    }

    .stickthree .line {
        height: 150px;
        width: 2px;
        background: #ddd;
        display: inline-block;
        margin-top: 15px
    }

.stickfour {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    position: absolute;
    top: 1000px;
    right: 30px;
    z-index: 9998
}

    .stickfour a {
        display: inline-block;
        padding: 11px 15px;
        background-color: #e65900;
        color: #fff;
        font-size: 14px;
        font-family: 'Ubuntu', sans-serif;
        margin-top: 15px
    }

        .stickfour a:after {
            display: inline-block;
            content: ' ';
            width: 22px;
            height: 16px;
            background: url(../img/iconpack.png) no-repeat;
            background-position: -139px -673px;
            margin-left: 13px
        }

    .stickfour span {
        font-family: 'Ubuntu', sans-serif;
        font-size: 14px;
        color: #6d6d6d;
        display: block
    }

.stickone.en, .stickone.en-gb {
    top: 320px;
    left: -140px;
    display: none
}

.sticktwo.en, .stickone.en-gb {
    top: 670px;
    left: 12px;
    display: none
}
/*SERVICEFORM*/
.authorizedserviceform input, .authorizedserviceform .leftselect .selector {
    width: 100% !important;
    margin-top: 30px
}

.authorizedserviceform .title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    color: #575757;
    margin: 45px 0 25px
}

.formchecksystem {
    color: #939393;
    margin-top: 10px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 10px;
    line-height: 14px
}

    .formchecksystem .formcheckit {
        background: url(../images/formcheckbox.png) no-repeat;
        background-position: 0 0;
        width: 18px;
        height: 18px;
        margin-left: 10px
    }

    .formchecksystem .formcheckittext {
        font-family: 'Ubuntu', sans-serif;
        font-size: 12px;
        color: #575757;
        margin-top: 2px
    }

    .formchecksystem > span {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        text-align: left
    }

    .formchecksystem .formcheckit.active {
        background-position: 0 -22px
    }

.authorizedserviceformcheckboxwrapper {
    width: 80%
}

.subauthorizedserviceform {
    margin-top: 80px
}

    .subauthorizedserviceform .title {
        font-family: 'Ubuntu', sans-serif;
        font-size: 18px;
        color: #575757;
        margin-bottom: 15px;
        line-height: 1.5
    }

        .subauthorizedserviceform .title:before {
            display: inline-block;
            content: ' ';
            width: 50px;
            height: 1px;
            background-color: #ea7425;
            margin-right: 10px;
            vertical-align: middle
        }

.authorizedserviceformbox {
    padding: 40px 20px;
    background-color: #fafafa;
    position: relative;
    margin-top: 30px
}

    .authorizedserviceformbox input {
        background-color: #fafafa
    }

.serviceform input {
    padding-left: 0
}

.authorizedserviceformbox span {
    width: 40px;
    height: 40px;
    padding-top: 12px;
    text-align: center;
    display: block;
    top: 0;
    left: 0;
    background-color: #c5c5c5;
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    color: #fff;
    position: absolute
}

.authorizedserviceformbox.add {
    margin-top: 30px;
    cursor: pointer;
    transition: 250ms
}

    .authorizedserviceformbox.add:hover {
        background: #e96d1e
    }

        .authorizedserviceformbox.add:hover .addtext {
            color: #fff !important
        }

    .authorizedserviceformbox.add span {
        background-color: #e96d1e
    }

.authorizedserviceformbox .addtext {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    color: #575757;
    padding-left: 80px
}

.serviceform h2 {
    margin-top: 50px;
    margin-bottom: 20px
}

.serviceform .input_title {
    color: #575757;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    opacity: .9;
    margin-bottom: 5px
}
/*index popup*/
#popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999;
    display: none
}

    #popup .popup-back {
        background: #fe9f00;
        opacity: .7;
        position: absolute;
        width: 100%;
        height: 100%
    }

    #popup .popup-front {
        float: none;
        box-shadow: #d98d10 0 0 30px;
        margin: -100px auto auto;
        top: 250px;
        left: 0;
        right: 0;
        z-index: 2222;
        background: #fff;
        padding: 30px
    }

    #popup .close-popup {
        position: absolute;
        right: 0;
        top: -23px;
        text-decoration: none !important;
        display: block;
        color: #fff;
        font-size: 18px;
        font-family: 'Ubuntu', sans-serif;
    }

    #popup .popup-front img, #popup .popup-front iframe {
        width: 100%
    }

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 88888888
}

    .overlay:target {
        visibility: visible;
        opacity: 1
    }

.popup {
    margin: 160px auto 70px;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 55%;
    position: relative;
    transition: all 5s ease-in-out;
    text-align: center
}

    .popup .close {
        position: absolute;
        top: 30px;
        right: 35px;
        transition: all 200ms;
        font-family: 'Ubuntu', sans-serif;
        font-size: 30px;
        text-decoration: none;
        color: #333
    }

        .popup .close:hover {
            color: #06D85F
        }

    .popup .content {
        max-height: 30%;
        overflow: auto;
        text-align: left
    }

        .popup .content button {
            margin-left: 15px
        }

        .popup .content input[type='text'] {
            font-size: 14px;
            padding: 14px 10px 15px
        }

        .popup .content textarea {
            font-size: 14px;
            height: 100px
        }

        .popup .content .button {
            background-color: #a2ce63;
            border-color: #a2ce63
        }

            .popup .content .button:hover {
                border-color: #a2ce63;
                color: #a2ce63;
                background-color: #fff
            }

    .popup .callicon {
        display: block;
        width: 82px;
        height: 82px;
        background: url(../images/callicon.png) no-repeat;
        margin: auto
    }

    .popup h2 {
        font-family: 'Ubuntu', sans-serif;
        display: block;
        font-size: 36px;
        color: #000;
        line-height: 1;
        margin: 15px 0 20px 15px;
        text-align: left
    }

        .popup h2 span {
            font-family: 'Ubuntu', sans-serif;
        }

.forborder {
    padding: 15px;
    border: 1px solid #eae9e9
}

.callformlefticon {
    width: 120px;
    height: 123px;
    background: url(../images/callformlefticon.png) no-repeat;
    position: absolute;
    top: 20px;
    left: 20px
}
/*---ALERT POPUP---*/
#alertscreen, #screenBack {
    display: none;
    background: #000;
    position: fixed !important;
    top: 0;
    left: 0 !important;
    width: 100%;
    height: 100% !important;
    z-index: 99999999 !important
}

#alert {
    position: fixed;
    top: 50%;
    margin: -100px auto auto;
    left: 0;
    right: 0;
    z-index: 9999999999;
    background: #fff;
    width: 350px
}

    #alert .alert-close {
        position: absolute;
        top: 15px;
        right: 10px;
        background: url(../images/close-alert.png) no-repeat;
        width: 13px;
        height: 13px;
        display: block
    }

    #alert .alert-title {
        padding: 15px;
        color: #fff;
        font-family: 'Ubuntu', sans-serif;
        font-size: 14px
    }

    #alert.Success .alert-title {
        background: #e76513
    }

    #alert.Error .alert-title, #alert.Warning .alert-title {
        background: #e65900
    }

    #alert.Success .alert-close {
        background-position: 0 0
    }

    #alert #alert-content {
        text-align: center;
        padding: 25px 20px;
        color: #000;
        line-height: 21px;
        font-size: 16px;
        color: #000;
        font-family: 'Ubuntu', sans-serif;
        font-size: 14px
    }

    #alert.Success #alert-content {
        border: 1px solid #e76513
    }

    #alert.Error #alert-content, #alert.Warning #alert-content {
        border: 1px solid #e76513
    }

#alert-content a {
    color: #000;
    text-decoration: underline
}
/*STATICCONTENT*/
.bayigeneralcall {
    background: url(../images/general_phone_png.png) no-repeat 0 0;
    width: 202px;
    height: 36px;
    display: inline-block;
    margin-top: 25px
}

.bayigeneralmail {
    background: url(../images/general_email_png.png) no-repeat 0 0;
    width: 297px;
    height: 36px;
    display: inline-block;
    margin-left: 40px;
    margin-top: 25px
}

input[type=checkbox]:not(old), input[type=radio]:not(old) {
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    width: 18px !important;
    float: left
}

    input[type=checkbox]:not(old) + label {
        font-size: 12px;
        font-family: 'Ubuntu', sans-serif;
        line-height: 1.5;
        background: url(../images/chkboxbtn.png) no-repeat;
        display: inline-block;
        margin: 0 0 0 -18px;
        padding-left: 25px;
        cursor: pointer;
        background-position: -1px -22px;
        transition: 250ms;
        height: 18px
    }

    input[type=checkbox]:not(old):checked + label {
        background-position: -1px 0
    }

    input[type=checkbox]:not(old) + label:hover, input[type=radio]:not(old) + label:hover {
        color: #e6650d
    }

    input[type=radio]:not(old) + label {
        font-size: 12px;
        font-family: 'Ubuntu', sans-serif;
        line-height: 1.5;
        background: url(../images/rdboxbtn.png) no-repeat;
        display: inline-block;
        margin: 0 0 0 -18px;
        padding-left: 25px;
        cursor: pointer;
        background-position: -1px -22px;
        transition: 250ms;
        height: 18px
    }

    input[type=radio]:not(old):checked + label {
        background-position: -1px 0
    }

#loading {
    display: none;
    position: fixed;
    width: 46px;
    height: 46px;
    bottom: 50px;
    right: 50px;
    z-index: 999999999999;
    background: url(../../Shared/Images/Loaders/loading33.gif) no-repeat
}
/*---HISTORY---*/
.bootstrap-timeline {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px
}

.line-timeline {
    position: absolute;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background: #d4dbe3
}

.timeline-main {
    margin: -2px 27px 0;
    padding-bottom: 30px;
    padding-top: 30px;
    font-family: 'Ubuntu', sans-serif;
}

.lefttimeline {
    text-align: right;
    padding: 0
}

.righttimeline {
    text-align: left;
    padding: 0
}

.dot-timeline {
    width: 10px;
    height: 10px;
    border: 2px solid #d4dbe3;
    border-radius: 100px 100px 100px 100px;
    background: #fff;
    margin: -32px -20px 0;
    float: right
}

.timeline-main img {
    width: 100%
}

.awards {
    /* background: #ea7425 !important */
}

    .awards h4 {
        color: #ea7425 !important
    }

.history-image {
    float: left;
    padding: 20px;
    display: inline-block
}

.text-back {
    padding: 20px;
    background: #f6f6f6;
    text-align: left;
    font-size: 12px;
    line-height: 1.5
}

    .text-back h4 {
        font-size: 16px;
        margin: 0;
        padding-bottom: 15px;
        color: #142233;
        font-family: 'Ubuntu', sans-serif;
    }

.timeline-main .date {
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    float: right;
    margin-bottom: 15px;
    margin-top: 15px
}

.timeline-main:first-child > .date {
    margin-top: 0
}

.righttimeline .date {
    float: left
}

.righttimeline .dot-timeline {
    float: left
}

.nf-dealer {
    margin-top: 20px
}
/*Accordion Left Menu*/
#accordion-menu {
    visibility: hidden;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    margin-top: 15px
}

    #accordion-menu ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

        #accordion-menu ul ul {
            padding: 0
        }

    #accordion-menu .top > a, #accordion-menu .top > div {
        padding-top: 12px;
        padding-bottom: 12px
    }

    #accordion-menu .top > a {
        padding-left: 20px;
        font-family: 'Ubuntu', sans-serif;
    }

    #accordion-menu ul li.active a {
        color: #e76513
    }

    #accordion-menu ul li ul {
        margin-left: 15px
    }

        #accordion-menu ul li ul li.active a {
            color: #e76513
        }

    #accordion-menu li li > a, #accordion-menu li li > div {
        padding-left: 20px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    #accordion-menu li li li > a, #accordion-menu li li li > div {
        padding-left: 50px
    }

    #accordion-menu li > div {
        font-family: 'Ubuntu', sans-serif;
        color: #000
    }

    #accordion-menu .active > div {
        color: #000
    }

    #accordion-menu li {
        font-size: 13px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        cursor: pointer
    }

        #accordion-menu li.top + li.top {
            border-top: 0
        }

    #accordion-menu a {
        color: #000;
        font-weight: normal;
        font-size: 14px;
        text-decoration: none;
        display: block;
        line-height: 1;
        transition: all .3s
    }

        #accordion-menu div:hover, #accordion-menu a:hover, #accordion-menu a.active {
            color: #e76513
        }

    #accordion-menu div.caret {
        color: inherit;
        display: inline-block;
        margin-bottom: 0;
        margin-right: 12px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-style: solid;
        border-width: 6px;
        position: relative;
        border-bottom: 6px solid transparent;
        border-right: none;
        border-left-color: initial;
        border-top-color: transparent;
        display: none
    }

        #accordion-menu div.caret.active {
            margin-bottom: 3px;
            margin-right: 6px;
            border-bottom: none;
            border-right: 6px solid transparent;
            border-left-color: transparent;
            border-top-color: initial
        }

    #accordion-menu li {
        -ms-user-select: none;
        -mos-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none
    }

.call h3 {
    font-size: 24px;
    margin: 20px 0;
    font-family: 'Ubuntu', sans-serif;
    line-height: normal
}

    .call h3 strong {
        font-size: 24px;
        font-family: 'Ubuntu', sans-serif;
    }

.call div.selector, .call input {
    margin: 15px 0;
    text-align: left
}

    .call div.selector select, .call div.selector select option, .call div.selector, .call div.selector span {
        color: #575757
    }

.call .spot {
    margin: 15px 0 35px
}

.call button {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px
}

.product_page_url {
    float: left;
    margin: 20px 0 30px;
    width: 100%;
    position: relative
}

.not_data {
    margin-top: 20px;
    float: left;
    width: 100%
}

.product_page_url a {
    float: left
}

.product_page_url img {
    width: 100%
}

.product_page_url span {
    position: absolute;
    left: 0;
    top: 40%;
    width: 155px;
    background: #e76513;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    padding: 15px 10px;
    font-size: 14px
}

.result {
    margin-top: 50px
}

    .result h3 {
        font-size: 24px;
        color: #000;
        font-family: 'Ubuntu', sans-serif;
    }

    .result .message {
        background: #f8f8f8;
        float: left;
        margin-bottom: 10px
    }

        .result .message .one, .result .message .two {
            padding: 0
        }

        .result .message .one {
            background: #e65900;
            color: #fff;
            text-align: center;
            padding: 80px 0;
            font-family: 'Ubuntu', sans-serif;
            font-size: 30px
        }

        .result .message .two .spot {
            padding: 25px 30px;
            font-size: 12px;
            color: #5b5b5b;
			font-weight:bold;
            line-height: 24px;
            margin: 0
        }

.result-product a {
    background: #e65900;
    font-size: 12px;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    padding: 30px 15px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 30px
}

.result table {
    width: 100%;
    font-size: 12px;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 20px
}

.result th {
    padding: 15px 5px;
    text-align: center;
    border: 1px solid #e1e1e1
}

.result td {
    padding: 15px 5px;
    text-align: center;
    border: 1px solid #e1e1e1
}

.cal-form {
    display: none
}

.formError {
    z-index: 990
}

    .formError .formErrorContent {
        z-index: 991
    }

    .formError .formErrorArrow {
        z-index: 996
    }

.ui-dialog .formError {
    z-index: 5000
}

    .ui-dialog .formError .formErrorContent {
        z-index: 5001
    }

    .ui-dialog .formError .formErrorArrow {
        z-index: 5006
    }

.inputContainer {
    position: relative;
    float: left
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left
}

    .formError.inline {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block
    }

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0
}

.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative
}

body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0 0 0 12px;
    top: 2px
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none
}

.greenPopup .formErrorArrow div {
    background: #33be40
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF
}

.formError .formErrorArrow .line10 {
    width: 13px;
    border: none
}

.formError .formErrorArrow .line9 {
    width: 11px;
    border: none
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd
}

.inputbox-success {
    border-color: #f0f0f0
}

.inputbox-error {
    border-color: #e4322b !important
}

#WarrantyRegistrationForm .formError {
    display: none !important
}

.kurallar {
    line-height: 1.5;
    border: 4px solid #ea7425;
    padding: 15px;
    margin-top: 20px
}

    .kurallar .item {
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
        padding-top: 15px
    }

        .kurallar .item:last-child {
            border-bottom: 0
        }

.kurallar_area {
    border: 2px solid #ea7425;
    padding: 15px
}

/*---404---*/
#pagenotfound {
    background: #fff;
    margin: 0;
    color: #e76513;
    width: 100%;
    position: absolute;
    height: 100%;
    text-align: center;
    line-height: initial
}

    #pagenotfound .logo {
        margin-top: 40px;
        text-align: center;
        display: inline-block
    }

    #pagenotfound a {
        color: #e76513;
        font-weight: bold
    }

    #pagenotfound .notfoundpage-line {
        width: 2px;
        height: 160px;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    #pagenotfound .number {
        font-size: 300px;
        margin: 50px 0 20px;
        font-weight: bold
    }

    #pagenotfound .text {
        font-size: 36px
    }

    #pagenotfound i {
        font-size: 36px
    }

    #pagenotfound .backtohome-icon {
        margin-top: 25px;
        display: block
    }
/*------landing page-------*/
.lP{background: url(../images/lp/bg.jpg) no-repeat #0e1c2c;padding-top:50px;}
.lP .container{width:100% !important;}
.lP .area{margin-top:50px;}
.lP h1{font-family: 'Ubuntu', sans-serif;color:#fff;font-size:36px;position: relative;display: inline-block;padding-bottom:10px;line-height:1;}
.lP h1:after{ position: absolute;height:5px;width:24px;background: #e76513;content:' ';bottom:-20px;left:50%;right:0; transform: translateX(-50%);}
.lP .list{margin-top:65px;margin-bottom:65px;}
.lP .item{max-width:400px;display: inline-block;text-align: center;margin-top:15px;margin-bottom:15px;width: 100%; height: 100%;  position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.lP .item img{width:100%;position: relative;z-index:1;}
.lP .item .text{ position: absolute;z-index:9;color:#fff;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);top:50%;left:50%;width:100%;padding:15px;}
.lP .item h3{font-family: 'Ubuntu', sans-serif;font-size:30px;line-height:1.5}
.lP .item span{font-family: 'Ubuntu', sans-serif;font-size:14px;}
.lP .item .text.sc h3 { float: left;width:100%;text-align: left; }
.lP .item img.star{ position:absolute;left:0;bottom:0;z-index:1;width:35px;height:35px;}
.lP .sc-item {margin-top:10px; display:block;float:left;  color:#000; position:relative;background: #fff;height:32px;font-size:12px;font-family: 'gilroy-bold';}
.lP .sc-item span.sec { text-decoration:none;padding:10px 40px 10px 20px; position:relative;float: left;}
.lP .sc-item span.sec i{background: url(../images/lp/arrow.png) no-repeat;float: right;width:30px;height:32px;position: absolute;top:0;right:0;}
.lP .sc-item ul {position:absolute; top:32px; left:0px; display:none; text-align:left; width:100%;background: #fff;z-index:9;overflow-y: scroll;max-height: 180px;}
.lP .sc-item ul li { text-align:left; display:block; padding-bottom:6px;color:#000;padding:5px 20px; }
.lP .sc-item ul li:nth-child(2n) { background: #efefef;}
.lP .sc-item ul li:hover { color:#fff;background: #e76513}
.lP .copy-right{ color: #fff;font-family: 'Ubuntu', sans-serif;font-size:16px;}
.lP .sociallinks{margin-bottom:25px;}
.lP .body { /*top: 0px; left: 0px;position: absolute;z-index:3;*/ }
.lP .item > div { display: block; /*position: absolute;*/ width: 100%; height: 100%;background-position: center center; -webkit-backface-visibility: hidden; }
.lP .item .front {position: absolute;left:0;top:0; z-index:1; height:100%;width:100%; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.lP .item .back {position: absolute;z-index:2;width:100%;height:80%; left:0; top:0; opacity: 0; background: #223e87; pointer-events: none; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; }
.lP .item:hover .front { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }
.lP .item:hover .back { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; }
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #686868;border-radius: 3px;}

.technical-area {
    border-left: 25px solid #e65900;
    border-top: none;
    padding: 21.5px 15px
}

    .technical-area .title {
        line-height: 25px
    }

    .technical-area div.selector {
        margin: 30px auto 0;
        background: url(../images/arrow.png) no-repeat #f7f7f7 96% center
    }

    .technical-area .gbutton2 {
        width: 100%;
        z-index: 99;
        padding: 12px
    }

.references-item-area {
    position: relative;
    display: inline-block;
    width: 100%
}

    .references-item-area .item:first-child {
        margin-top: 30px
    }

    .references-item-area .item {
        width: 100%;
        position: relative;
        display: inline-block;
        margin-top: 10px
    }

        .references-item-area .item .full-width {
            width: 100%
        }

        .references-item-area .item .padding0 {
            padding: 0
        }

        .references-item-area .item .col-md-4 {
            width: 36%
        }

        .references-item-area .item .col-md-8 {
            width: 64%
        }

        .references-item-area .item .text-area {
            background: #efefef;
            height: 185px;
            padding: 50px 10px 47px 33px
        }

            .references-item-area .item .text-area .cols {
                margin-bottom: 10px
            }

            .references-item-area .item .text-area .title {
                font-family: 'Ubuntu', sans-serif;
                font-size: 12px;
                color: #000
            }

                .references-item-area .item .text-area .title span {
                    float: right
                }

            .references-item-area .item .text-area .description {
                font-family: 'Ubuntu', sans-serif;
                font-size: 12px;
                color: #000
            }

                .references-item-area .item .text-area .description a {
                    color: #f97700;
                    text-decoration: underline !important
                }

            .references-item-area .item .text-area:before {
                content: '';
                left: 0;
                width: 10px;
                height: 120px;
                top: 30px;
                position: absolute;
                color: #f97700;
                background: #f97700
            }

.referencecontent .pagination-container {
    text-align: center
}

    .referencecontent .pagination-container ul li:before {
        display: none
    }

    .referencecontent .pagination-container ul li.active a {
        background: #fff;
        border: 1px solid #f97700;
        color: #f97700
    }

    .referencecontent .pagination-container ul li a, .referencecontent .pagination-container ul li a:hover {
        background: #f97700;
        border: #f97700;
        margin-right: 10px;
        color: white
    }

.product-category-list {
    float: right
}

    .product-category-list .productlist {
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 10px
    }

        .product-category-list .productlist .text-area {
            display: inline-block;
            position: relative;
            width: 100%;
            margin-top: 34%
        }

            .product-category-list .productlist .text-area .titlewrapper2 .title {
                font-family: 'Ubuntu', sans-serif;
                font-size: 25px;
                color: #e65900;
                margin-bottom: 20px
            }

            .product-category-list .productlist .text-area .description {
                display: inline-block;
                position: relative;
                margin-bottom: 20px;
                width: 100%
            }

                .product-category-list .productlist .text-area .description p {
                    font-family: 'Ubuntu', sans-serif;
                    font-size: 14px;
                    color: #000
                }

            .product-category-list .productlist .text-area a {
                background: #e65900;
                padding: 10px 30px;
                color: #fff;
                display: inline-block;
                position: relative
            }
/*Blog Css*/
.blog-container {
    position: relative;
    width: 100%;
    display: inline-block;
}

    .blog-container .container-area {
        width: 100%;
        float: right;
        position: relative;
        display: inline-block;
        padding-left: 10%;
        padding-right: 18%;
    }

        .blog-container .container-area nav .nav a {
            font-family: 'Ubuntu', sans-serif;
            font-size: 21px;
            color: #000;
            font-weight: 400;
            letter-spacing: -1.05px;
            line-height: 40px;
            padding-right: 6%;
            display: inline-block;
            position: relative
        }

            .blog-container .container-area nav .nav a:last-child {
                padding-right: 0
            }

            .blog-container .container-area nav .nav a.active span {
                display: inline-block;
                position: relative;
                width: 100%;
            }

                .blog-container .container-area nav .nav a.active span:before {
                    content: '';
                    position: absolute;
                    bottom: -5px;
                    left: 15%;
                    background: #ef803a;
                    width: 85%;
                    height: 3px;
                }

            .blog-container .container-area nav .nav a.active, .blog-container .container-area nav .nav a:hover {
                color: #ee7c35;
            }

        .blog-container .container-area nav .nav-tabs {
            border: none;
            margin-bottom: 70px;
        }

.banner-blog {
    display: inline-block;
    margin-bottom: 45px
}

    .banner-blog #banner {
        width: 100%;
        float: right;
        position: relative;
        display: inline-block;
        padding-left: 10%;
        padding-right: 18%;
    }

.blog-list .item span {
    width: 100%;
    display: inline-block;
    position: relative;
}

    .blog-list .item span.title {
        color: #f97700;
        font-size: 20px;
        font-family: 'Ubuntu', sans-serif;
        margin: 15px 0;
    }

.blog-list .item {
    margin-bottom: 50px;
}

    .blog-list .item span.title a, .blog-list .item span.title a:hover {
        color: #f97700;
    }

.blog-container .container-area .tab-content .first-blog {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

    .blog-container .container-area .tab-content .first-blog .box {
        display: inline-block;
        position: relative;
        width: 100%;
        border: 1px solid #ef7e38;
        padding-bottom: 125px;
    }

        .blog-container .container-area .tab-content .first-blog .box span, .blog-container .container-area .tab-content .first-blog .box .tag {
            display: inline-block;
            position: relative;
            width: 100%;
            padding: 0 35px;
        }


            .blog-container .container-area .tab-content .first-blog .box span.category-title {
                color: #ee7c35;
                font-family: 'Ubuntu', sans-serif;
                font-size: 71px;
                margin-top: -13px;
                margin-bottom: 95px;
                padding: 0;
            }

            .blog-container .container-area .tab-content .first-blog .box span.date {
                color: #ee7e37;
                font-family: 'Ubuntu', sans-serif;
                font-size: 20px;
                font-weight: 400;
                letter-spacing: -1.05px;
                line-height: 48px;
                margin-bottom: 20px
            }

                .blog-container .container-area .tab-content .first-blog .box span.date span.day {
                    font-family: 'Ubuntu', sans-serif;
                    display: inline;
                    width: auto;
                    padding: 0;
                    position: relative;
                }

            .blog-container .container-area .tab-content .first-blog .box span.text {
                color: #000000;
                font-family: 'Ubuntu', sans-serif;
                font-size: 34px;
                font-weight: 400;
                letter-spacing: -1.7px;
                line-height: 44px;
                min-height: 133px;
                margin-bottom: 15px;
            }

.blog-container .container-area .tab-content .blog-list-top-3 .tag, .homeblog .text-area .tag {
    display: inline-block;
    position: relative;
    margin: 10px 0
}

.homeblog .item {
    margin-bottom: 50px
}

.homeblog {
    display: inline-block;
    position: relative;
    width: 100%;
}

    .homeblog .blogslidercursors {
        position: absolute;
        top: -110px;
        right: 15px
    }

    .homeblog .title {
        font-size: 50px;
        font-family: 'Ubuntu', sans-serif;
        line-height: 28px;
        margin-bottom: 48px;
        color: #ed8726;
        display: inline-block;
        position: relative;
        width: 100%
    }

        .homeblog .title span {
            display: inline-block;
            position: relative;
            padding-bottom: 15px;
        }

    .homeblog .text-area .title {
        margin-bottom: 15px
    }

    .homeblog .title span:after {
        content: '';
        width: 50%;
        height: 3px;
        background: #ed8726;
        position: absolute;
        bottom: 0;
        left: 5px;
    }

    .blog-container .container-area .tab-content .first-blog .box .tag span, .blog-container .container-area .tab-content .blog-list-top-3 .tag, .homeblog .text-area .tag {
        /* width: auto;
    padding: 5px 10px;
    background: #ee7c35;
    color: #ffffff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 10px;*/
        display: inline-block;
        position: relative;
        width: 100%;
        padding: 5px 15px 5px 2px;
        font-family: 'Ubuntu', sans-serif;
        font-size: 10px;
    }

        .blog-container .container-area .tab-content .first-blog .box .tag span, .blog-container .container-area .tab-content .blog-list-top-3 .tag span, .homeblog .text-area .tag span {
            width: auto;
            padding: 5px 10px;
            background: #ee7c35;
            color: #ffffff;
            font-family: 'Ubuntu', sans-serif;
            font-size: 10px;
        }

            .blog-container .container-area .tab-content .first-blog .box .tag span a, .blog-container .container-area .tab-content .blog-list-top-3 .tag a, .homeblog .text-area .tag a {
                color: #fff;
                float: right;
            }

.blog-container .container-area .tab-content .first-blog .box .tag a {
    float: right;
    margin-top: 8px;
}

.blog-container .container-area .tab-content .first-blog .box span .category-tag, .blog-container .container-area .tab-content .first-blog .box .tag .category-tag, .blog-container .container-area .tab-content .first-blog .box .tag .category-tag, .blog-container .container-area .tab-content .blog-list-top-3 .tag .category-tag, .homeblog .text-area .tag .category-tag {
    float: left;
    margin: 0
}

.blog-container .container-area .tab-content .blog-list-top-3 {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 35px
}

    .blog-container .container-area .tab-content .blog-list-top-3 .text-area, .homeblog .item .text-area {
        border: 1px solid #ee7c35;
        border-top: none;
        padding: 15px 25px 25px 15px;
    }

.homeblog .owl-item .item {
    margin: 0px 15px;
}

    .homeblog .owl-item .item:nth-child(3) {
        margin-right: 0
    }

.homeblog .item .text-area {
    border-top: 1px solid #ee7c35
}

.homeblog .description {
    color: #6d6359;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-container .container-area .tab-content .blog-list-top-3 .date, .blog-container .container-area .tab-content .randomArea .text-area .date, .homeblog .item .text-area .date {
    color: #ee7e37;
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -1.05px;
    line-height: 48px;
    margin-bottom: 10px
}

    .blog-container .container-area .tab-content .blog-list-top-3 .date span.day, .blog-container .container-area .tab-content .randomArea .text-area .date span.day, .homeblog .item .text-area .date span.day {
        font-family: 'Ubuntu', sans-serif;
        display: inline;
        width: auto;
        padding: 0;
        position: relative;
    }

.blog-container .container-area .tab-content .randomArea .text-area .date {
    color: #fff;
    display: inline-block;
    position: relative;
}

.blog-container .container-area .tab-content .blog-list-top-3 .title a, .homeblog .item .text-area .title a {
    /* Style for "Böylece ko" */
    color: #000000;
    font-family: 'Ubuntu', sans-serif;
    font-size: 26px;
    letter-spacing: -1.45px;
    line-height: 34px;
}

.blog-container .container-area .tab-content .randomArea {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

    .blog-container .container-area .tab-content .randomArea .text-area {
        padding: 65px 75px 50px 50px;
        color: #fff;
    }

        .blog-container .container-area .tab-content .randomArea .text-area .description {
            color: #ffffff;
            font-family: 'Ubuntu', sans-serif;
            font-size: 25px;
            font-weight: 400;
            letter-spacing: -1.25px;
            line-height: 37px;
            margin-bottom: 10px
        }

    .blog-container .container-area .tab-content .randomArea .item:first-child .text-area {
        background: #ee7c35
    }

    .blog-container .container-area .tab-content .randomArea .item:last-child .text-area {
        background: #000;
    }

        .blog-container .container-area .tab-content .randomArea .item:first-child .text-area .tag, .blog-container .container-area .tab-content .randomArea .item:last-child .text-area .tag {
            display: inline-block;
            position: relative;
            margin: 10px 0;
            width: 100%;
        }

            .blog-container .container-area .tab-content .randomArea .item:first-child .text-area .tag span, .blog-container .container-area .tab-content .randomArea .item:last-child .text-area .tag span {
                width: auto;
                padding: 10px;
                background: #000;
                color: #ffffff;
                font-family: 'Ubuntu', sans-serif;
                font-size: 12px;
            }

            .blog-container .container-area .tab-content .randomArea .item:last-child .text-area .tag span {
                background: #ee7c35
            }

    .blog-container .container-area .tab-content .randomArea .item .text-area .tag a {
        float: right;
    }

.blog-container .container-area .tab-content .blog-list-bottom .text-area {
    border: none;
    padding: 0
}

#blog-slider .text-area {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 530px;
    width: 100%;
}

#blog-slider.blog-detail-banner .text-area {
    top: 53%;
    left: 46%;
}

    #blog-slider.blog-detail-banner .text-area .detailTitle {
        font-size: 46px;
        line-height: 46px;
        display: inline-block;
        position: relative;
        margin-bottom: 20px;
        color: #fff;
        font-family: 'Ubuntu', sans-serif;
        letter-spacing: -1.88px;
    }

    #blog-slider.blog-detail-banner .text-area .tag {
        font-family: 'Ubuntu', sans-serif;
        display: inline-block;
        position: relative;
        width: 100%;
        margin-bottom: 30px
    }

        #blog-slider.blog-detail-banner .text-area .tag span {
            background: #000;
            padding: 7px 15px;
            color: #fff;
            display: inline-block;
            position: relative;
        }

    #blog-slider.blog-detail-banner .text-area .social-area {
        font-family: 'Ubuntu', sans-serif;
        display: inline-block;
        position: relative;
        width: 100%;
    }

        #blog-slider.blog-detail-banner .text-area .social-area .text {
            color: #fff;
            font-size: 25px;
            font-family: 'Ubuntu', sans-serif;
        }

        #blog-slider.blog-detail-banner .text-area .social-area div:first-child {
            vertical-align: super;
            margin-right: 10px;
        }

        #blog-slider.blog-detail-banner .text-area .social-area div {
            display: inline-block;
            position: relative
        }


#blog-slider .text-area a {
    color: #ffffff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 45px;
    letter-spacing: -1.88px;
    line-height: 50px;
}

#blog-slider.blog-detail-banner .text-area .tag .detailtag {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-family: 'Ubuntu', sans-serif;
}

.blog-container .blog-detail {
    font-family: 'Ubuntu', sans-serif;
    color: #000000;
    font-size: 21px;
    letter-spacing: -1.05px;
    line-height: 44px;
}

.similar-write {
    display: inline-block;
    position: relative;
    width: 100%
}

    .similar-write .title {
        font-family: 'Ubuntu', sans-serif;
        color: #ee7e37;
        font-size: 30px;
        letter-spacing: -1.5px;
        line-height: 48px;
        margin-bottom: 35px
    }

.blogList {
    display: inline-block;
    position: relative;
    margin-top: 35px;
}

    .blogList .item {
        display: inline-block;
        position: relative;
        margin-bottom: 40px;
    }

    .blogList .text-area {
        display: inline-block;
        position: relative;
        width: 100%;
        padding: 20px;
    }

        .blogList .text-area .date {
            color: #ee7e37;
            font-family: 'Ubuntu', sans-serif;
            font-size: 18px;
            font-weight: 400;
            letter-spacing: -1.05px;
            line-height: 30px;
            margin-bottom: 10px;
        }

            .blogList .text-area .date .day {
                font-family: 'Ubuntu', sans-serif;
                display: inline;
                width: auto;
                padding: 0;
                position: relative;
            }

        .blogList .text-area .title {
            display: inline-block;
            position: relative;
            width: 100%;
            min-height: 70px;
            margin-bottom: 20px;
        }

            .blogList .text-area .title a {
                color: #000000;
                font-family: 'Ubuntu', sans-serif;
                font-size: 26px;
                letter-spacing: -1.45px;
                line-height: 34px;
            }

        .blogList .text-area .tag {
            display: inline-block;
            position: relative;
            width: 100%;
        }

            .blogList .text-area .tag span {
                width: auto;
                padding: 8px 15px;
                background: #ee7c35;
                color: #ffffff;
                font-family: 'Ubuntu', sans-serif;
                font-size: 14px;
            }

    .blogList .container-area {
        padding-right: 10%;
    }
/*Blog End*/
/*iconpack Css*/
.iconpack.icon-right-black {
    display: inline-block;
    width: 70px;
    height: 13px;
    background-position: -60px -16px
}

.iconpack.bgfb {
    display: inline-block;
    width: 20px;
    height: 25px;
    background-position: -263px -42px
}

.iconpack.bgtw {
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -226px -79px
}

.iconpack.icon-right-white {
    display: inline-block;
    width: 70px;
    height: 15px;
    background-position: -128px -42px
}

.full-width {
    width: 100%;
    position: relative
}

.form-fixed {
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    width: 90%;
    display: none;
    right: 0
}

    .form-fixed .text a {
        display: inline-block;
        position: relative;
        float: right;
        background: #000;
        color: #fff;
        max-width: 360px;
        width: 100%;
        padding: 24px;
        text-align: center;
        font-size: 14px;
        font-family: 'Ubuntu', sans-serif;
        background-image: url(/content/theme/images/form_icon.png);
        background-repeat: no-repeat;
        background-position: 40px;
        right: 15px
    }

.banner-combi-consultant {
    height: 330px !important
}

    .banner-combi-consultant .bg {
        background: transparent !important
    }

.bannerwrapper .banner-combi-consultant-container .title {
    margin-top: 11% !important;
    border: none !important;
    float: none !important;
    text-align: center !important;
    padding-left: auto !important;
    font-size: 36px !important;
    line-height: 48px !important;
    min-height: 337px
}

.combi-consultant-text .description {
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -1.08px;
    margin-bottom: 40px
}

.combi-consultant-text div.selector span {
    padding-left: 10px
}

.combi-consultant-text div.selector {
    margin: 0
}

.thank-you-text .description {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 30px
}

/*Cookie */
.cookie-text-list {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.oturum-cerezleri tr, .oturum-cerezleri tr td {
    border: 1px solid;
    padding: 15px;
    line-height: 16px
}

table.cookie-list tr, table.cookie-list tr td, table.cookie-list tr th {
    border: 1px solid;
    padding: 15px;
    line-height: 16px
}

.cookie-description {
    max-width: 100%;
    width: 850px;
    font-size: 12px;
    line-height: 1.5;
    background: #7f7f7f;
    padding: 20px 30px 15px 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999999;
    text-align: left;
    transition: 250ms
}

    .cookie-description .text-area {
        font-family: 'Ubuntu', sans-serif;
        color: #fff;
        text-decoration: none;
        font-size: 12px
    }

        .cookie-description .text-area .button-area {
            display: inline-block;
            position: relative;
            width: 100%
        }

        .cookie-description .text-area .btn-all, .cookie-description .text-area .show-modal {
            background: #e65900;
            color: #fff;
            margin-top: 15px;
            border-radius: 0;
            margin-right: 15px;
            padding: 10px 20px;
            font-family: 'Ubuntu', sans-serif;
            font-size: 12px
        }

        .cookie-description .text-area .show-modal {
            background: #000
        }

        .cookie-description .text-area a {
            color: #f97700;
            font-family: 'Ubuntu', sans-serif;
        }

    .cookie-description .close-icon {
        display: block;
        opacity: 1 !important;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px
    }

        .cookie-description .close-icon:after, .cookie-description .close-icon:before {
            background-color: #fff;
            content: '';
            position: absolute;
            left: 14px;
            height: 14px;
            top: 8px;
            width: 3px
        }

        .cookie-description .close-icon:before {
            transform: rotate(45deg)
        }

        .cookie-description .close-icon:after {
            transform: rotate(-45deg)
        }

.hidden-cookie {
    left: -1500px;
    transition: 250ms
}

.homepagebutton {
    color: #e65900 !important;
    font-weight: bold !important;
    border-bottom: 1px solid #fff !important;
    font-size: 14px !important
}

.lng-style {
    background: #0000008c !important;
    padding: 2px 5px !important;
    margin-left: 10px
}

.modal {
    z-index: 9999999999999
}

.modal-backdrop {
    z-index: 999999999
}

#cookieModal .modal-dialog {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webki-transform: translate(-50%,-50%)
}

#cookieModal .modal-content {
    max-height: 750px;
    min-height: 750px;
    overflow-x: auto;
    border-radius: 0
}

#cookieModal .modal-body {
    padding: 15px 25px 15px 20px
}

    #cookieModal .modal-body .title {
        font-family: 'Ubuntu', sans-serif;
        font-size: 24px;
        margin-bottom: 25px
    }

    #cookieModal .modal-body .description, #cookieModal .modal-body .option-area .item .description_text {
        font-family: 'Ubuntu', sans-serif;
        width: 100%;
        font-size: 12px;
        line-height: 1.7;
        margin-bottom: 20px
    }

        #cookieModal .modal-body .description a {
            font-family: 'Ubuntu', sans-serif;
            color: #e76615;
            cursor: pointer
        }

    #cookieModal .modal-body .option-area .item .cookie-details {
        display: inline-block;
        position: relative;
        width: 100%;
        margin-bottom: 25px;
        font-size: 12px;
        font-family: 'Ubuntu', sans-serif;
        color: #e76615;
        cursor: pointer
    }

    #cookieModal .modal-body .option-area .item {
        display: inline-block;
        position: relative;
        width: 100%
    }

        #cookieModal .modal-body .option-area .item .sub_title {
            font-family: 'Ubuntu', sans-serif;
            font-size: 16px;
            margin-bottom: 15px
        }

        #cookieModal .modal-body .option-area .item .always_active {
            position: absolute;
            top: -4px;
            right: 0;
            font-size: 12px;
            font-family: 'Ubuntu', sans-serif;
            color: #e76513
        }

.switch {
    position: absolute;
    display: inline-block;
    width: 45px;
    height: 25px;
    right: 0;
    top: -10px
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

    .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s
    }

        .switch .slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s
        }

    .switch input:checked + .slider {
        background-color: #e76513
    }

    .switch input:focus + .slider {
        box-shadow: 0 0 1px #e76513
    }

    .switch input:checked + .slider:before {
        -webkit-transform: translateX(18px);
        -ms-transform: translateX(18px);
        transform: translateX(18px)
    }

.slider.round {
    border-radius: 34px
}

    .slider.round:before {
        border-radius: 50%
    }

.btn-cookie-send, .btn-cookie-send:hover, .btn-cookie-send:active {
    background: #e76513;
    color: #fff;
    border-radius: 0;
    padding: 10px 15px;
    font-family: 'Ubuntu', sans-serif;
}

#cookieModal .btn-all {
    background: #e76615;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    position: relative;
    margin-bottom: 27px;
    padding: 10px 20px;
    font-family: 'Ubuntu', sans-serif;
}

.active-details {
    display: block !important
}

#cookieModal .cookie-details-area, #cookieModal .cookie-details-area .item {
    display: none
}

.cookie-details-area .item {
    position: relative;
    width: 100%;
    margin-bottom: 30px
}

#cookieModal .cookie-details-area .item h2 {
    font-size: 18px;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 25px
}

#cookieModal .cookie-details-area .item .modal-accordion {
    background-color: transparent;
    color: #000;
    cursor: pointer;
    padding: 18px 18px 18px 10px;
    width: 100%;
    border: 1px solid;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: .4s;
    margin-bottom: 15px;
    font-family: 'Ubuntu', sans-serif;
}

    #cookieModal .cookie-details-area .item .active, #cookieModal .cookie-details-area .item .modal-accordion:hover {
        background-color: #ccc
    }

#cookieModal .cookie-details-area .item .panel {
    padding: 10px;
    display: none;
    background-color: transparent;
    overflow: hidden;
    transition: max-height .2s ease-out;
    box-shadow: none;
    border: none;
    color: #000;
    font-family: 'Ubuntu', sans-serif;
    line-height: 20px
}

    #cookieModal .cookie-details-area .item .panel .cookie-detail {
        display: inline-block;
        position: relative;
        width: 100%
    }

        #cookieModal .cookie-details-area .item .panel .cookie-detail span.title {
            font-family: 'Ubuntu', sans-serif;
            margin: 20px 0 10px;
            display: inline-block;
            position: relative;
            margin-right: 13px;
            width: 100%;
            font-size: 14px
        }

        #cookieModal .cookie-details-area .item .panel .cookie-detail span.text {
            font-family: 'Ubuntu', sans-serif;
            font-size: 12px;
            display: inline-block;
            position: relative;
            width: 100%
        }

#cookieModal .cookie-details-area .item button.modal-accordion:after {
    content: '\002B';
    color: #000;
    font-weight: bold;
    float: right;
    margin-left: 5px
}

#cookieModal .cookie-details-area .item button.modal-accordion.active:after {
    content: "\2212"
}

#cookieModal .cookie-details-area .back-button {
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    color: #767676;
    display: inline-block;
    position: relative;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 30px
}

.iconpack.back {
    width: 30px;
    height: 18px;
    display: inline-block;
    background-position: 0 -786px;
    vertical-align: text-top
}

.banner-blog #banner {
    height: auto
}

    .banner-blog #banner img {
        border-top: 1px solid #d3d3d3;
        padding-top: 30px
    }
/*Landing Page Css*/
.banner-landing-page {
    display: inline-block;
    position: relative;
    width: 100%
}

    .banner-landing-page #banner {
        height: auto
    }

        .banner-landing-page #banner img {
            width: 100%
        }

        .banner-landing-page #banner .container-caption {
            margin: auto;
            position: absolute;
            bottom: -60px;
            top: auto;
            right: 0
        }

        .banner-landing-page #banner .caption {
            max-width: 650px;
            width: 100%;
            display: inline-block;
            position: absolute;
            bottom: -30px;
            right: 0;
            font-size: 18px
        }

            .banner-landing-page #banner .caption .item-first {
                padding: 30px 35px;
                color: #000;
                font-family: 'Ubuntu', sans-serif;
                background: #fff
            }

            .banner-landing-page #banner .caption .item-two {
                font-family: 'Ubuntu', sans-serif;
                text-align: center;
                color: #fff;
                background: #e65901;
                padding: 0
            }

            .banner-landing-page #banner .caption .item-three {
                font-family: 'Ubuntu', sans-serif;
                text-align: center;
                background: #000;
                color: #fff;
                padding: 0
            }

                .banner-landing-page #banner .caption .item-two a, .banner-landing-page #banner .caption .item-three a {
                    color: #fff;
                    padding: 15px 50px 15px 10px;
                    display: inline-block;
                    position: relative;
                    width: 100%;
                    font-size: 20px;
                    line-height: 30px;
                    font-family: 'Ubuntu', sans-serif;
                    text-transform: uppercase;
                }

                    .banner-landing-page #banner .caption .item-three a .phone-icon {
                        width: 25px;
                        display: inline-block;
                        position: relative;
                        vertical-align: sub;
                        margin-right: 5px;
                    }

                    .banner-landing-page #banner .caption .item-two a .cursor img, .banner-landing-page #banner .caption .item-three a .cursor img {
                        transform: translate(0, -50%) rotate( 180deg );
                        width: 25px;
                        vertical-align: sub;
                        position: absolute;
                        right: 20px;
                        top: 50%;
                        transition: 500ms;
                    }

                    .banner-landing-page #banner .caption .item-two a:hover .cursor img, .banner-landing-page #banner .caption .item-three a:hover .cursor img {
                        right: 10px;
                    }

.landingpage .pdfwrapper {
    margin-bottom: 50px
}

.landingpage .steps {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 150px
}

    .landingpage .steps .item {
        padding-right: 70px
    }

        .landingpage .steps .item .icon {
            display: inline-block;
            position: relative;
            width: 100%;
            margin-bottom: 15px
        }

            .landingpage .steps .item .icon:after {
                content: '';
                background: #ea7200;
                width: 75px;
                height: 3px;
                position: absolute;
                bottom: 0;
                left: 0
            }

        .landingpage .steps .item .title {
            font-size: 20px;
            color: #ea7200;
            font-family: 'Ubuntu', sans-serif;
            line-height: 30px;
            min-height: 60px;
        }

        .landingpage .steps .item .description {
            font-size: 12px;
            color: #000;
            font-family: 'Ubuntu', sans-serif;
            line-height: 20px;
            margin-top: 20px
        }

.landingpage .product_details {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 90px
}



.landingpage .video-area {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 60px
}

.landingpage .product_details .img span {
    position: absolute;
    background: #ea7200ad;
    top: -40px;
    left: 0;
    z-index: 99;
    max-width: 135px;
    padding: 32px 17px;
    border-radius: 90px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
}

.landingpage .product_details .img .img-area {
    display: inline-block;
    position: relative;
}

.landingpage .video-area .title, .landingpage .product_details .title {
    text-align: center;
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 40px;
    color: #ea7200;
}

.landingpage .product_details .description {
    font-size: 15px;
    color: #000000;
    font-family: 'Ubuntu', sans-serif;
    line-height: 20px
}

    .landingpage .product_details .description .title {
        font-size: 60px;
        color: #e65900;
        display: inline-block;
        position: relative;
        margin-bottom: 70px
    }

    .landingpage .product_details .description ul li {
        padding-bottom: 20px
    }

        .landingpage .product_details .description ul li::before {
            content: "\2022";
            color: black;
            font-weight: bold;
            display: inline-block;
            width: 1em;
            font-size: 35px;
            vertical-align: text-bottom
        }

.landingpage .combi-consultant-text {
    display: inline-block;
    width: 100%;
    position: relative
}

    .landingpage .combi-consultant-text .title {
        text-align: center;
        font-size: 50px;
        line-height: 50px;
        color: #000;
        font-family: 'Ubuntu', sans-serif;
        display: inline-block;
        position: relative;
        width: 100%;
        margin-bottom: 40px
    }

    .landingpage .combi-consultant-text .description {
        text-align: center;
        font-family: 'Ubuntu', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 40px
    }

.landingpage .btn.btn-campaign {
    border: 1px solid #e65900;
    background: transparent;
    color: #e65900;
    padding: 15px 24px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    transition: 500ms;
    outline: none;
}

    .landingpage .btn.btn-campaign:hover {
        border-color: #000;
        color: #000;
        transition: 500ms;
    }

.landingpage #campaigndetails .modal-body {
    font-family: 'Ubuntu', sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    padding: 15px 25px 40px 25px;
}

    .landingpage #campaigndetails .modal-body .title {
        text-align: center;
        font-family: 'Ubuntu', sans-serif;
        font-size: 18px;
        margin-bottom: 20px;
        color: #e65900;
        letter-spacing: 1px;
    }

    .landingpage #campaigndetails .modal-body ul li::before {
        content: "\2022";
        color: #ea7200;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        font-size: 25px;
        vertical-align: bottom
    }

.landingpage .services {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 90px;
}

    .landingpage .services .title {
        text-align: center;
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 40px;
        font-family: 'Ubuntu', sans-serif;
    }

        .landingpage .services .title span {
            font-family: 'Ubuntu', sans-serif;
        }

    .landingpage .services div.selector {
        margin: 0;
        box-shadow: 0 7px 15px rgba(0,0,0,0.04);
        border-radius: 7px;
        border: 1px solid #e6ccb4;
        background-color: #ffffff;
        width: 100%;
        margin: 0;
        float: left;
    }

        .landingpage .services div.selector span {
            padding: 20px 20px;
            color: #000000;
            font-family: 'Ubuntu', sans-serif;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 1.04px;
            line-height: 14px;
            text-transform: uppercase;
            background: url(../images/arrow-form.png) no-repeat 95% 50%;
        }

    .landingpage .services .button {
        border-radius: 7px;
        background-color: #ea7200;
        text-align: center;
        cursor: pointer;
        padding: 10px 30px;
        max-width: 150px;
        display: inline-block;
        position: relative;
    }

.mTop160 {
    margin-top: 160px
}

.reading-time {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: right
}

.content-esimited-read {
    display: inline-block;
    vertical-align: top;
    background: #ed7b34;
    line-height: 100%;
    padding: 15px;
    font-size: 18px;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 35px
}

.iconpack.timer {
    display: inline-block;
    background-position: -219px -35px;
    width: 37px;
    height: 37px
}

.icon-area {
    display: inline-block;
    position: relative;
    padding: 5px 9px 1px 9px;
    background: #000
}

.blog-container .container-area .tab-content .first-blog .box span.text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blog-container .container-area .tab-content .blog-list-top-3 .title, .homeblog .text-area .title {
    display: inline-block;
    position: relative;
    width: 100%;
    min-height: 82px
}

    .blog-container .container-area .tab-content .blog-list-top-3 .title a p, .blog-container .container-area .tab-content .randomArea .text-area .description p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

#blog-slider.blog-detail-banner .text-area .social-area .area {
    background: #ffffff63;
    border-radius: 40px;
    padding: 9px 20px
}

    #blog-slider.blog-detail-banner .text-area .social-area .area a {
        margin-bottom: 0;
        line-height: 0
    }

        #blog-slider.blog-detail-banner .text-area .social-area .area a:first-child {
            margin-right: 10px
        }

#blog-slider .owl-controls .owl-pagination {
    position: absolute;
    top: 60%;
    left: 5.5%;
    transform: translate(0%,-60%)
}

#homepicslider .owl-controls .owl-pagination {
    bottom: 1%;
    position: absolute;
    right: 3%;
    transform: translate(0%,-60%);
}

#blog-slider .owl-controls .owl-pagination .owl-page {
    background: #ffffff94;
    width: 45px;
    height: 10px;
    margin-bottom: 10px;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    border-radius: 40px;
    transition: 250ms
}

#homepicslider .owl-controls .owl-pagination .owl-page {
    background: #000000;
    width: 17px;
    height: 17px;
    margin-bottom: 10px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    border-radius: 0;
    transition: 250ms;
}

#blog-slider .owl-controls .owl-pagination .owl-page.active {
    background: #fff;
    width: 75px;
    transition: 250ms
}

#homepicslider .owl-controls .owl-pagination .owl-page.active {
    background: #eb7505;
}

.blog-detail ul {
    list-style: none
}

    .blog-detail ul li::before {
        content: "\2022";
        color: #e65900;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em
    }

.container-fluid {
    padding-right: 90px;
    padding-left: 90px;
    margin-right: auto;
    margin-left: auto
}

.index-static {
    display: inline-block;
    position: relative;
    width: 100%
}

    .index-static .item {
        border: 2px solid rgba(234, 114, 0, 0.29);
        background-color: #ffffff;
        opacity: 1;
        padding: 75px 25px 55px 0;
        background: url(../images/kombi-icon.png) no-repeat;
        background-position: 5%;
        display: inline-block;
        position: relative;
        width: 100%;
        min-height: 400px;
        background-size: 36%;
        padding: 0;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: flex-end;
        margin-top: 30px;
    }

        .index-static .item.two {
            border: 2px solid #bebebe;
            background: url(../images/kazan-icon.png) no-repeat;
            background-position: 5%;
            background-size: 36%;
        }

        .index-static .item .text-area .title a {
            color: #ea7200;
            font-family: 'Ubuntu', sans-serif;
            font-size: 42px;
            font-weight: 500;
            letter-spacing: -1.68px;
            line-height: 1.2;
            margin-bottom: 15px;
            display: inline-block;
        }

    .index-static .head_title {
        color: #000000;
        font-family: 'Ubuntu', sans-serif;
        font-size: 19px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 5px
    }
    /*.index-static .item:hover .text-area .title a{ color: #000 }*/
    .index-static .item .text-area {
        max-width: 58%;
        float: right;
        padding-right: 10px;
    }

        .index-static .item .text-area .description {
            color: #6d6359;
            font-family: 'Ubuntu', sans-serif;
            font-size: 22px;
            font-weight: 400;
            letter-spacing: -.44px;
            line-height: 1.3;
            margin-bottom: 25px
        }

        .index-static .item .text-area .button {
            transition: 0ms;
            display: inline-block;
            position: relative;
            width: 100%
        }

            .index-static .item .text-area .button a {
                transition: 0ms;
                border: 1px solid #ea7200;
                background-color: rgba(255,255,255,0.1);
                color: #ea7200;
                font-family: 'Ubuntu', sans-serif;
                font-size: 13px;
                font-weight: 700;
                line-height: 25px;
                text-transform: uppercase;
                padding: 10px 20px
            }

                .index-static .item .text-area .button a:hover {
                    background: #bebebe;
                    transition: 0ms;
                    color: #fff;
                    border-color: #bebebe;
                }

                    .index-static .item .text-area .button a:hover .iconpack.arrow-right {
                        background-position: -390px -646px;
                    }

    .index-static .item.two .title a {
        color: #000
    }

.iconpack.arrow-right {
    background-position: -388px -563px;
    display: inline-block;
    width: 23px;
    height: 17px;
    margin-left: 15px;
    vertical-align: sub
}

.index-static .item .text-area .description p:first-child {
    margin-bottom: 40px
}
/*.index-static .item:hover {border:2px solid #bebebe;  }*/
.services-form-area, .dealer-form-area {
    display: inline-block;
    position: relative;
    width: 100%
}

    .dealer-form-area .container-area {
        display: inline-block;
        position: relative;
        width: 100%;
        background: url(../images/dealer_icon.png) no-repeat;
        padding: 5% 3%;
        background-size: cover;
    }

    .services-form-area .container-area {
        display: inline-block;
        position: relative;
        width: 100%;
        background: url(../images/services_icon.png) no-repeat;
        padding: 5% 3%;
        background-size: cover;
    }

        .services-form-area .container-area .text-area, .dealer-form-area .container-area .text-area {
            display: inline-block;
            position: relative;
            width: 100%;
            max-width: 585px
        }

            .services-form-area .container-area .text-area .title, .dealer-form-area .container-area .text-area .title {
                color: #ea7200;
                font-family: 'Ubuntu', sans-serif;
                font-size: 36px;
                font-weight: 700;
                letter-spacing: -.72px;
                margin-bottom: 25px
            }

            .services-form-area .container-area .text-area .description, .dealer-form-area .container-area .text-area .description {
                color: #b5a99c;
                font-family: 'Ubuntu', sans-serif;
                font-size: 25px;
                font-weight: 300;
                letter-spacing: -.5px;
                line-height: 30px
            }

        .services-form-area .container-area .form-area, .dealer-form-area .container-area .form-area {
            display: inline-block;
            position: relative;
            width: 100%;
            max-width: 720px;
            padding: 105px 0 35px 60px
        }

            .services-form-area .container-area .form-area div.selector, .dealer-form-area .container-area .form-area div.selector {
                box-shadow: 0 7px 15px rgba(0,0,0,0.04);
                border-radius: 7px;
                border: 1px solid #e6ccb4;
                background-color: #ffffff;
                max-width: 500px;
                margin: 0;
                float: left;
                margin-bottom: 20px
            }

                .services-form-area .container-area .form-area div.selector span, .dealer-form-area .container-area .form-area div.selector span {
                    padding: 22.5px 20px;
                    color: #000000;
                    font-family: 'Ubuntu', sans-serif;
                    font-size: 16px;
                    font-weight: 700;
                    letter-spacing: 1.04px;
                    line-height: 25px;
                    text-transform: uppercase;
                    background: url(../images/arrow-form.png) no-repeat 95% 50%
                }

                .services-form-area .container-area .form-area div.selector select, .dealer-form-area .container-area .form-area div.selector select {
                    top: 30px
                }

            .services-form-area .container-area .form-area .button, .dealer-form-area .container-area .form-area .button {
                float: right;
                border-radius: 7px;
                background-color: #ea7200;
                text-align: center;
                cursor: pointer;
                padding: 17px 55px
            }

.iconpack.search_icon {
    background-position: -387px -593px;
    display: inline-block;
    width: 33px;
    height: 34px
}

.iconpack.services-icon {
    display: inline-block;
    width: 107px;
    height: 107px;
    background-position: -247px -516px;
    margin-bottom: 35px
}

.iconpack.dealer-icon {
    display: inline-block;
    width: 107px;
    height: 107px;
    background-position: -133px -516px;
    margin-bottom: 35px
}

.homeProduct {
    display: inline-block;
    position: relative;
    width: 100%
}

    .homeProduct .item {
        padding: 30px 50px;
        padding-right: 0;
        padding-bottom: 70px
    }

    .homeProduct .item-area:nth-child(2) .item {
        background-image: linear-gradient(146deg,#ea7200 0%,#ffc288 100%)
    }

    .homeProduct .item-area:nth-child(3) .item {
        background-image: linear-gradient(146deg,#8e9090 0%,#474848 100%)
    }

    .homeProduct .item-area:nth-child(4) .item {
        background-image: linear-gradient(146deg,#86754d 0%,#e3d5b2 100%)
    }

    .homeProduct .item .background-text {
       position: absolute;
    bottom: 270px;
    opacity: .1;
    color: #ffffff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 74px;
    font-weight: 500;
    letter-spacing: -3.92px;
    line-height: 62px;
    }

    .homeProduct .item .img-area {
        display: inline-block;
        position: relative;
        width: 100%;
        margin-top: -90px
    }

        .homeProduct .item .img-area img {
            float: right
        }

    .homeProduct .item .text-area {
        display: inline-block;
        position: relative;
        width: 100%;
        margin-top: -10px;
        margin-left: 4px;
        max-width: 90%
    }

        .homeProduct .item .text-area .title {
            color: #ffffff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 100%;
    margin-bottom: 50px;
    min-height: 100px;
    margin-top: 20px;
    border-radius: 10px;
    padding: 15px;
    }
    .homeProduct .item-area:nth-child(2) .item .title {
        background-color: #ea7403;
    }
    .homeProduct .item-area:nth-child(3) .item .title {
    background-color: #858787;
        }
    .homeProduct .item-area:nth-child(4) .item .title {
    background-color: #897850;
        }

        .homeProduct .item .text-area .description {
            color: #ffffff;
            font-family: 'Ubuntu', sans-serif;
            font-size: 19px;
            font-weight: 500;
            letter-spacing: -.76px;
            line-height: 26px;
            margin-bottom: 35px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            min-height: 78px;
        }
        .homeProduct .item .text-area .description a,.homeProduct .item .text-area .description a:hover{
	 color: #ffffff;

}
    .homeProduct .item .button {
        display: inline-block;
        position: relative;
        width: 100%;
        width: 100%;
        margin-left: 4px;
    }

        .homeProduct .item .button a {
            border: 1px solid rgba(255,255,255,0.49);
            background-color: rgba(123,123,123,0.5);
            color: #ffffff;
            font-family: 'Ubuntu', sans-serif;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: .33px;
            line-height: 25px;
            /*text-transform: uppercase;*/
            padding: 20px;
            border-radius: 5px
        }

            .homeProduct .item .button a:hover {
                background: #0000008c;
            }

.iconpack.white-right-icon {
    background-position: -390px -644px;
    display: inline-block;
    width: 23px;
    height: 17px;
    margin-left: 15px;
    vertical-align: sub
}

.globalWeb {
    float: none !important;
    display: inline-block;
    position: absolute !important;
    right: 0;
    top: -20px;
    line-height: 1.5 !important;
    background: url(../images/white-arrow.png) no-repeat #ff9a5a;
    background-position: right 10px center;
    padding-right: 30px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

    .globalWeb span {
        color: #fff;
        background: #e65900;
        padding: 5px 10px;
        display: inline-block
    }

#mobile .globalWeb {
    position: inherit !important;
    top: auto;
    right: auto;
    margin-top: 15px
}

.top_service {
    display: inline-block;
    position: relative;
    width: 100%
}

    .top_service a {
        font-size: 12px;
        font-family: 'Ubuntu', sans-serif;
        display: inline-flex;
        align-items: center
    }

    .top_service svg {
        width: 35px;
        height: 35px;
        fill: #ff9a5a;
        float: left;
        margin-right: 10px;
        margin-top: 5px
    }

header .top_service a span {
    color: #ea7200;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

header .top_service a.globalweb span {
    padding-top: 0;
    border-bottom: 4px solid
}

.en #mobile .globalWeb {
    display: none
}

.error-input {
    border-bottom-color: #e65900 !important
}

.header-one {
    background-color: #1572b9
}

.header-1 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Ubuntu', sans-serif!important;
    line-height: 1
}

.line {
    text-align: center
}

    .line img {
        margin: 0 auto
    }

.header-img {
    padding: 0
}

.header-img-1 {
    width: 100%
}

.header-2 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.content-img img {
    margin: 0 auto
}

.header-two {
    background-color: #3692d8
}

.line-2 {
    text-align: center;
    background-color: #3692d8
}

.content {
    text-align: center;
    padding-top: 35px
}

.contenttext {
    font-size: 16px;
    color: #fff;
    padding-top: 35px;
    padding-bottom: 40px
}

.content-img {
    height: 135px
}

.header-three {
    background-color: #1572b9;
    height: 600px;
    background-image: url(../images/earn.png);
    background-repeat: no-repeat;
    background-position: 40% 50%
}

.three-item {
    position: absolute;
    bottom: 0;
    left: 0
}

.four-item {
    position: absolute;
    bottom: 0;
    right: 0
}

.earn-text::nth-child(3) {
    position: absolute;
    bottom: 0;
    left: 0
}

.earn {
    height: 450px
}

.pad-text .col-md-1 {
    padding: 0;
    padding-top: 10px
}

.pad-text .col-md-11 {
    padding: 0 0 0 10px
}

.number {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    float: left
}

.earn p {
    font-size: 16px;
    color: #fff
}

.pad-text {
    padding-bottom: 20px
}

.header-four {
    background-color: #3692d8;
    height: 350px
}

.two-item {
    float: right
}

ul {
    list-style-image: url(../images/ul.png);
    list-style-position: outside
}

.app-text {
    color: #fff;
    font-size: 16px
}

    .app-text ul li {
        padding-top: 20px
    }

.app-phone {
    margin-top: 30px
}

.phone img {
    float: right;
    padding-right: 15%
}

.header-five {
    background-color: #1572b9;
    height: 200px
}

.app-store img {
    float: right;
    margin-top: 100px
}

.play-store img {
    margin-top: 100px
}

.app-text ul li {
    margin: 0 !important;
    color: white
}

.product-description {
    background: #efefef;
    padding: 20px
}

/*Search*/
.search-title {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 30px;
    margin-top: 30px;
    line-height: 25px;
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 10px;
}

    .search-title:before {
        content: '';
        width: 10%;
        height: 2px;
        background: #1b1819;
        position: absolute;
        left: 5px;
        bottom: 0;
    }

    .search-title span {
        color: #ea7425
    }

.search-item {
    max-width: 250px;
    width: 100%;
}

.search-header {
    display: inline-block;
    position: relative;
    padding-top: 5px;
    width: 100%
}

    .search-header .search-input-container input {
        padding: 0;
        color: #ea7200;
        font-weight: 300;
        font-family: 'Ubuntu', sans-serif;
        font-size: 16px;
        border-color: #ea7200;
        padding-bottom: 4px;
    }

        .search-header .search-input-container input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #ea7200;
        }

        .search-header .search-input-container input::-moz-placeholder { /* Firefox 19+ */
            color: #ea7200;
        }

        .search-header .search-input-container input:-ms-input-placeholder { /* IE 10+ */
            color: #ea7200;
        }

        .search-header .search-input-container input:-moz-placeholder { /* Firefox 18- */
            color: #ea7200;
        }

    .search-header .search-input-container .search-button {
        background: none;
        border: 0;
        position: absolute;
        padding: 3px 0 0px 30px;
        right: 0;
    }

        .search-header .search-input-container .search-button .search-icon {
            background-position: -226px -322px;
            width: 32px;
            height: 32px;
            background-size: 420px;
        }

.search-result-container {
    padding: 0 10px;
    float: right;
    width: 100%;
    margin-top: 5px;
    background: #fff;
    position: relative;
    max-height: 375px;
    overflow-y: scroll !important;
    position: absolute;
    z-index: 99999;
}

#search-result #result-text {
    padding: 15px 5px;
}

#search-result #search-result-list li {
    padding: 0px 0px 10px 8px;
}

    #search-result #search-result-list li a {
        display: inline-block;
        position: relative;
        width: 100%;
        float: none;
        margin-left: 0;
        font-family: 'Ubuntu', sans-serif;
    }

        #search-result #search-result-list li a span {
            font-family: 'Ubuntu', sans-serif;
            float: none;
            font-size: 12px;
        }

#search-result-list li .search-item-title {
    font-family: 'Ubuntu', sans-serif;
    padding-bottom: 10px;
    font-size: 18px;
    color: #000;
    line-height: 18px;
}

#search-result-list li a {
    color: #ea7425;
    font-family: 'Ubuntu', sans-serif;
}

#search-result-list li {
    padding: 10px 25px 15px 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ea7425;
}

.search-result-container .result-text {
    margin-top: 15px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    line-height: 20px;
}

    .search-result-container .result-text span {
        font-weight: bold;
    }

.search-result-container .search-result-list {
    padding: 0px;
    margin-top: 15px;
    max-height: 300px;
    overflow: hidden;
}

.search-result-container::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.search-result-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.search-result-container::-webkit-scrollbar-thumb {
    background: #ea7200;
}

    /* Handle on hover */
    .search-result-container::-webkit-scrollbar-thumb:hover {
        background: #ea7200;
    }
/*Search End*/

/*Stick Bar*/
.sticky-bar {
    display: none;
    position: fixed;
    width: 65px;
    background: #f7690f;
    top: 40%;
    left: 15px;
    z-index: 999999999999999999;
    border-radius: 81px;
    text-align: center;
    padding: 7px;
}

    .sticky-bar a {
        display: inline-block;
        position: relative;
        width: 100%;
        margin-bottom: 5px;
    }

        .sticky-bar a:last-child {
            margin-bottom: 0
        }

.iconpack.sss {
    background-position: -1px -226px;
    display: inline-block;
    width: 51px;
    height: 53px;
    background-size: 385px;
}

.iconpack.our-dealers {
    background-position: -1px -279px;
    display: inline-block;
    width: 51px;
    height: 53px;
    background-size: 385px;
}

.iconpack.b2b-portal {
    background-position: -1px -333px;
    display: inline-block;
    width: 51px;
    height: 53px;
    background-size: 385px;
}

.iconpack.our-services {
    background-position: -1px -387px;
    display: inline-block;
    width: 51px;
    height: 53px;
    background-size: 385px;
}
/*End Sticky Bar*/

ul li ul {
    margin-left: 20px
}

.form-loading {
    font-size: 0 !important;
    width: 30px !important;
    height: 30px !important;
    margin-top: 5px;
    border-radius: 15px !important;
    padding: 0 !important;
    border: 3px solid #e96d1e !important;
    border-bottom: 3px solid rgba(0,0,0,0) !important;
    border-left: 3px solid rgba(0,0,0,0) !important;
    background: transparent !important;
    animation-name: rotateAnimation;
    -webkit-animation-name: rotateAnimation;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes rotateAnimation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes wk-rotateAnimation {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}
.homeProduct .item-area.active .item .background-text{
	font-size: 64px !important;
	bottom: 217px !important;
	
}
.homeProduct .container-fluid .row .item-area:nth-child(3) .item .background-text {
    font-size: 55px;
    line-height: 50px;
bottom:220px;
	}

.video-area .item .text-area{
	font-size: 14px;
    text-align: center;
    margin-top: 10px;
    font-family: 'Ubuntu', sans-serif;
	margin-bottom:15px;
	
}	

.all-products{
display: inline-block;
    position: relative;
    width: 100%;
}
	.all-products .sizeimg img{
		min-height:251px;
	}
	.all_title{
		    display: inline-block;
    position: relative;
    width: 100%;
    color: #ea7425;
    font-size: 20px;
    font-family: 'Ubuntu', sans-serif;
    border-bottom: 2px solid;
    padding-bottom: 10px;
    margin-bottom: 15px;
	margin-top:50px;
	}
	.all-products:first-child .all_title{
		margin-top:0
	}
@media(max-width: 1800px) {
	
	#menu > li {
    margin: 5px 15px 35px;
}
	#menu > li a {
    font-size: 14px;
}
.megamenu .megamenu-content {
    padding: 25px 10px;
}
.submenuwrapper .description {
    padding-top: 20px;
    padding-left: 3%;
    padding-bottom: 20px;
}
.submenuwrapper .description .titlewrapper .title {
    font-size: 13px;
    color: #262626;
}
}
.video-area .item {
    cursor: pointer;
}
.video-area .text-area {
    text-align: center;
    margin: 10px 0;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    line-height: 125%;
}
.video-area .item .img-area .play-icon {
    display: none;
    position: absolute;
    top: 45%;
    left: 50%;
    background: url('/Content/Theme/images/play-icon.png');
    width: 60px;
    height: 60px;
    background-size: 100%;
    transform: translate(-50%,-55%);
}
.video-area .item:hover .img-area .play-icon {
    display: block;
}
.video-area .item:hover .img-area img {
    opacity: 0.6;
}
#videosModal .modal-dialog {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-55%);
    max-width: 750px;
    width: 100%;
}
#videosModal .modal-header {
    border: none;
    padding: 10px 19px 0;
}

.catalogItems .priceitem {display:inline-block;position:relative;height:auto}
.catalogItems .priceitem .imgArea 
	{
		    width: 100%;
    display: inline-block;
    position: relative;
	}
	

.catalogItems .priceitem .imgArea img {width:100%}
	.catalogItems .priceitem .imgArea .download-image{
		    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
		display:none;
	}
.catalogItems .priceitem .text{
	width: 100% !important;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
	    min-height: 45px;
}
.catalogItems .priceitem:hover .imgArea img{opacity:0.8}
.catalogItems .priceitem:hover .imgArea .download-image{display:block;opacity:1}

@media(max-width: 1680px) {
	footer .box .title{font-size:15px;}
footer .box ul li a {
    font-size: 13px;
    line-height: 125%;
}
	
    .banner-landing-page #banner .caption .item-three a .phone-icon {
        width: 20px;
    }

    .banner-landing-page #banner .caption {
        max-width: 440px
    }

        .banner-landing-page #banner .caption .item-two a, .banner-landing-page #banner .caption .item-three a {
            font-size: 16px
        }

    .top_service svg {
        width: 20px;
        height: 20px
    }

    header .top_service a span {
        font-size: 12px
    }

    #homepicslider .item .detail {
        padding: 30px 70px
    }

        #homepicslider .item .detail .desc {
            font-size: 16px;
            line-height: 1.2;
        }

    /* #homepicslider .item .detail .desc p {
                font-size: 16px
            }*/

    .homeProduct .item .text-area .title {
        font-size: 20px;
        line-height: 1.5;
		min-height:90px
    }

    .homeProduct .item .text-area .description {
        font-size: 13px;
        line-height: 1.7
    }

    .services-form-area .container-area .form-area .button, .dealer-form-area .container-area .form-area .button {
        float: left;
    }
}

@media (min-width: 992px) and (max-width: 1600px) {
      .lP .item h3{font-size:14px;}
     .lP .sc-item span.sec{font-size:10px;}
     .lP .sc-item ul li{ font-size: 10px;padding:5px 10px;}
    .lP .sc-item span.sec { padding-left: 10px;}
}

@media (max-width: 1600px) {
	.submenuwrapper .description .titlewrapper .title {
    font-size: 12px;
}
    .hometruestory .img-area{min-height: 125px}
    .hometruestory .icon{width: 75%}
    .hometruestory .item {
        padding: 40px 60px;
    }
    .hometruestory .desc {
      
        font-size: 20px;
        margin-bottom: 15px;
    }
    .hometruestory a {
        padding: 15px 25px;
        font-size: 14px;
    }
    .hometruestory .title {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .homeblog .text-area .title {
        margin-bottom: 15px;
        min-height: 82px !important;
        line-height: 15px;
    }

    .sticky-bar {
        left: 5px;
    }



    header.fix #logo {
        margin-top: -10px;
    }

    header {
        padding-top: 15px;
    }

    .headerbar {
        margin-bottom: 15px
    }

    .megamenu {
        margin-bottom: 25px;
    }

    .homeProduct .item .background-text {
        bottom: 240px;
        font-size: 52px;
        margin-left: 0px;
		
    }
.homeProduct .item-area.active .item .background-text {
    font-size: 46px !important;
    bottom: 202px !important;
    line-height: 1;
}
    .homeProduct .item .text-area .description {
        letter-spacing: 0.5px;
    }

    #menu > li {
        margin: 5px 10px 15px
    }

        #menu > li a {
            font-size: 12px;
			letter-spacing:0.4px;
        }

    .homeProduct .item {
        padding: 30px 0 50px 15px
    }

    .services-form-area .container-area .form-area, .dealer-form-area .container-area .form-area {
        padding: 25px 0 35px 25px
    }

        .services-form-area .container-area .form-area div.selector, .dealer-form-area .container-area .form-area div.selector {
            float: none
        }

        .services-form-area .container-area .form-area div.selector, .dealer-form-area .container-area .form-area div.selector {
            margin-bottom: 20px
        }

    #blog-slider.blog-detail-banner .text-area {
        top: 53%;
        left: 6%
    }

    .blog-container .blog-detail {
        padding-right: 5%
    }

    .blog-container .container-area, .banner-blog #banner {
        padding-right: 0
    }

    .blogList .container-area {
        padding-right: 10%;
    }

    .blog-container .container-area nav .nav a {
        padding-right: 6%;
        font-size: 20px
    }

    .blog-container .container-area .tab-content .randomArea .text-area .description {
        font-size: 20px
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    #blog-slider.blog-detail-banner .text-area {
        left: 45%;
    }
}

@media (max-width: 1480px) {
    #pagenotfound .number {
        font-size: 250px;
        margin: 30px 0 20px
    }

    #pagenotfound .text {
        font-size: 26px
    }

    #pagenotfound .notfoundpage-line {
        display: none
    }


   #homepicslider .item .detail .title {
        font-size: 26px;
        margin-bottom: 15px;
        line-height: 125%;
    }

    /* #homepicslider .item .detail .desc {
        font-size: 36px;
    }*/

    #homepicslider .item .detail .btn {
        font-size: 12px;
        height: 50px;
    }

    .home-slider-area {
        margin-bottom: 150px;
    }


    .services-form-area .container-area, .dealer-form-area .container-area {
        padding: 30px;
    }

        .services-form-area .container-area .text-area .description, .dealer-form-area .container-area .text-area .description {
            font-size: 18px;
            width: 70%
        }

        .services-form-area .container-area .text-area .title, .dealer-form-area .container-area .text-area .title {
            font-size: 24px;
            margin-bottom: 20px;
        }

    .index-static .item .text-area .title a {
        font-size: 30px;
    }

    .index-static .item .text-area .description {
        font-size: 18px;
    }

   .homeslidercursors .cursorleft {
        width: 70px;
        height: 100px;
        display: none;
    }

    .homeslidercursors .cursorright {
        width: 70px;
        height: 70px;
        display: none;
    }

    #homepicslider .item img {
        margin-bottom: 70px;
    }
}




@media (min-width: 100px) and (max-width: 1400px) {
	#menu > li {
    margin: 5px 5px 15px;
}
	.homeProduct .container-fluid .row .item-area:nth-child(3) .item .background-text {
    font-size: 39px;
    line-height: 50px;
    bottom: 185px;
}
    .bannerwrapper .container-area {
        padding: 0 5%;
    }

    .blogList .text-area {
        padding: 0;
        padding-left: 20px;
    }

        .blogList .text-area .title a {
            font-size: 22px;
            line-height: 26px;
        }

        .blogList .text-area .tag span {
            padding: 6px 10px;
            font-size: 12px;
        }

    .homeProduct .item .text-area {
        max-width: 80%;
    }

        .homeProduct .item .text-area .description {
            font-size: 15px;
            line-height: 1.6
        }

        .homeProduct .item .text-area .description {
            min-height: 66px
        }

    .index-static .item {
        min-height: 320px
    }

    .homeProduct .item .img-area img {
        height: 300px;
    }

    #homepicslider .item .detail {
        padding: 40px 60px 140px
    }

    .homeProduct .item .background-text {
        font-size: 50px;
		
    }

    .index-static .item {
        padding: 30px;
    }
    /*   .index-static .item.two { background-position: center }
    .index-static .item .text-area { width: 100%; float: none; margin: 0 auto }*/
    .container-fluid {
        padding-right: 60px;
        padding-left: 60px
    }

    footer .social-area .title {
        font-size: 17px
    }

    footer .social-area .description {
        font-size: 15px
    }

    footer .social-area .social a {
        margin-right: 5px;
        width: 50px;
        height: 50px;
        background-size: 400px
    }

    .iconpack.footer-fb {
        background-position: -297px -149px
    }

    .iconpack.footer-tw {
        background-position: -296px -209px
    }

    .iconpack.footer-ytb {
        background-position: -296px -272px
    }

    .iconpack.footer-ins {
        background-position: -296px -329px
    }

    .iconpack.footer-lnk {
        background-position: -297px -386px
    }

    footer .box .title {
        font-size: 14px;
        margin-bottom: 25px
    }

    footer .box ul li a {
        font-size: 14px
    }

    .content-esimited-read {
        padding: 20px 20px 20px 25px;
        font-size: 18px
    }

    .icon-area {
        padding: 9px 10px 7px
    }

    #blog-slider .text-area {
        top: 45%;
        left: 8%;
        transform: translate(0,-50%)
    }

    #blog-slider .owl-controls .owl-pagination {
        top: 65%;
        left: 3.5%;
        transform: translate(0%,-60%)
    }

    .blog-container .container-area .tab-content .first-blog .box span.category-title {
        font-size: 61px;
        margin-bottom: 60px
    }

    .blog-container .container-area, .banner-blog #banner {
        padding-left: 5%
    }

        .blog-container .container-area .tab-content .first-blog .box span.text {
            font-size: 30px
        }

        .blog-container .container-area .tab-content .first-blog .box {
            padding-bottom: 107px
        }

        .blog-container .container-area nav .nav a {
            padding-right: 4%
        }

    #banner, #map {
        width: 95%
    }

    .stickone {
        left: -85px
    }

    .sticktwo {
        left: -43px
    }

    .stickone.en, .stickone.en-gb {
        top: 335px;
        left: -194px
    }

    .sticktwo.en, .stickone.en-gb {
        top: 670px;
        left: -42px
    }

    .stickthree {
        left: -92px
    }

    .stickfour {
        right: -70px
    }

    .popup {
        margin: 60px auto 70px
    }
}



@media (min-width: 100px) and (max-width: 1300px) {
    #logo, .popup-logo {
        width: 190px
    }
}

@media (min-width: 100px) and (max-width: 1200px) {
	
	  #homepicslider .item .detail {
        max-width: 380px;
        padding: 15px 35px;
    }
    img#trabica-img {
    margin-right: 30px;
    width: 80%;
    }

        #homepicslider .item .detail .title {
            font-size: 18px;
            margin-bottom: 10px;
            line-height: 125%;
        }

        #homepicslider .item .detail .desc {
            font-size: 14px;
            line-height: 125%;
        }

        #homepicslider .item .detail .btn {
            font-size: 10px;
            height: 40px;
        }

            #homepicslider .item .detail .btn:after {
                background-position: -239px -429px;
                width: 29px;
                height: 16px;
                margin-left: 4px;
                background-size: 317px;
            }
			
    .blogList .text-area .title {
        min-height: 52px;
    }

    .index-static .item {
        min-height: 400px
    }

    .homeProduct .item .img-area img {
        height: auto;
    }

    header .top_service a span {
        font-size: 12px
    }

    #logo {
        margin-top: -5px
    }

    #menu > li {
       margin: 15px 5px 0px;
    }

        #menu > li a {
            font-size: 11px;
			letter-spacing:0;
        }

    .homeProduct .item .img-area img {
        float: none;
        margin: 0 auto;
        width: 100%
    }

    .homeProduct .item .background-text {
        font-size: 55px
    }

    .homeProduct .item .text-area {
        margin-top: 10px;
        margin-bottom: 40px
    }

        .homeProduct .item .text-area .description {
            float: none;
            margin: 0 auto
        }

    .services-form-area .container-area, .dealer-form-area .container-area {
        padding: 60px 30px 90px
    }

        .services-form-area .container-area .text-area .title, .dealer-form-area .container-area .text-area .title {
            font-size: 28px
        }

        .services-form-area .container-area .text-area .description, .dealer-form-area .container-area .text-area .description {
            font-size: 18px
        }

        .services-form-area .container-area .form-area, .dealer-form-area .container-area .form-area {
            padding: 10px 0 35px 15px
        }

    footer .footerlogo {
        width: 220px;
        height: 50px;
    }

        footer .footerlogo img {
            width: 220px;
            height: 50px
        }

    footer .social-area .description {
        line-height: 20px
    }

    footer .social-area .social a {
        margin-bottom: 10px
    }

    footer .box .title {
		line-height:150%;
        font-size: 14px;
        padding-top: 18px
    }

    footer .box ul li a {
        font-size: 12px
    }

    .img-footer {
        width: 100%
    }

    footer {
        padding-top: 30px;
        padding-bottom: 40px
    }

    #blog-slider .text-area {
        max-width: 375px
    }

        #blog-slider .text-area a {
            font-size: 36px;
            letter-spacing: -1.88px;
            line-height: 40px
        }

    #blog-slider.blog-detail-banner .text-area {
        left: 10%
    }

        #blog-slider.blog-detail-banner .text-area .detailTitle {
            font-size: 26px;
            max-width: 400px
        }

    .blog-container .container-area .tab-content .randomArea .text-area {
        padding: 50px 25px
    }

        .blog-container .container-area .tab-content .randomArea .text-area .description {
            font-size: 18px
        }

    .blog-container .container-area nav .nav a {
        font-size: 18px
    }

    .landingpage .steps .item {
        padding-right: 15px;
        margin-bottom: 40px
    }

    .banner-landing-page #banner .caption {
        max-width: 400px
    }

    .cookie-description {
        width: 600px
    }

    .stickone, .sticktwo, .stickthree, .stickfour {
        display: none
    }
}

@media (max-width: 1170px) {
    .blog-container .container-area nav .nav a {
        padding-right: 3%
    }

    .megamenu .dropdown.megamenu-fw .dropdown-menu {
        left: 5.5%
    }

    nav {
        top: auto;
        bottom: 2px
    }

    #menu li {
        margin-left: 15px
    }

    .pfullcontentbanner .desc {
        font-size: 12px
    }

        .pfullcontentbanner .desc h4 {
            font-size: 18px
        }
}

@media (min-width: 100px) and (max-width: 992px) {
	
	
    .hometruestory .img-area {
        min-height: 100px;
    }
    .hometruestory .icon {
        width: 60%;
    }
    .hometruestory .item {
        padding: 40px 25px;
    }
    .hometruestory .title {
        font-size: 24px;
    }
    .hometruestory .desc {
        font-size: 18px;
    }
    .landingpage .combi-consultant-text .description {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0px;
        letter-spacing: 1px;
        color: #000;
    }

    .landingpage .services .button {
        margin-top: 35px;
    }

    .bannerwrapper .container-area {
        padding: 0 30px;
    }


    header.fix #logo {
        margin-top: 0px;
    }

	#homepicslider .item .detail {
    padding: 15px 25px;
}
#homepicslider .item .detail:before{left:10px}

    #homepicslider .item .detail .title {
        font-size: 26px;
    }

    #homepicslider .item .detail .desc {
        font-size: 12px;
        letter-spacing: 1px;
        font-family: 'Ubuntu', sans-serif;
    }

    /* #homepicslider .item .detail .desc p {
            font-size: 12px;
            letter-spacing: 1px;
        }*/

    /* #homepicslider .item .detail .desc p {
            font-size: 12px;
            letter-spacing: 1px;
        }*/

    header {
        padding-top: 10px
    }

    .container-fluid {
        padding-right: 30px;
        padding-left: 30px
    }

    .homeProduct .item-area {
        display: inline-block;
        position: relative;
        margin-bottom: 100px
    }

    .index-static .item .text-area .title a {
        font-size: 26px
    }

    .index-static .item .text-area .description {
        font-size: 20px
    }

        .index-static .item .text-area .description p:first-child {
            margin-bottom: 25px
        }

    .index-static .item .text-area .button a {
        padding: 10px
    }

    footer .footerlogo, footer .footerlogo img {
        width: 160px;
        height: 35px
    }

    footer .social-area .description {
        margin-bottom: 20px
    }

    footer .social-area .title {
        margin-bottom: 15px
    }

    footer .box {
        margin-bottom: 20px
    }

        footer .box ul li {
            margin-top: 5px
        }

    .img-footer {
        width: 60%;
        margin: 0 auto;
        float: none;
        padding-top: 0
    }

    #blog-slider .text-area {
        max-width: 340px;
        left: 10%
    }

    .blog-container .blog-detail {
        padding-right: 5%;
        padding-left: 5%
    }

    .content-esimited-read {
        padding: 15px 15px 15px 20px
    }

    .icon-area {
        padding: 4px 10px 2px
    }

    #blog-slider.blog-detail-banner .text-area {
        top: 61%;
        left: 10%
    }

        #blog-slider.blog-detail-banner .text-area .detailTitle {
            font-size: 23px;
            line-height: 30px
        }

    #blog-slider .text-area a {
        font-size: 30px;
        line-height: 40px
    }

    .blog-container .container-area .tab-content .first-blog .box span.category-title {
        margin-bottom: 40px
    }

    .blog-container .container-area .tab-content .first-blog .box span.date {
        margin-bottom: 20px
    }

    .blog-container .container-area .tab-content .first-blog .box span.text {
        min-height: auto
    }

    .blog-container .container-area .tab-content .first-blog .box {
        padding-bottom: 50px
    }

    .blog-container .container-area .tab-content .first-blog .col-md-6:first-child {
        padding-left: 15px;
        margin-bottom: 15px
    }

    .blog-container .container-area .tab-content .first-blog .col-md-6:last-child {
        padding-right: 15px !important
    }

    .blog-container .container-area .tab-content .blog-list-top-3 .item {
        margin-bottom: 20px
    }

    .blog-container .container-area, .banner-blog #banner {
        width: 100%;
        padding: 0 30px
    }

        .blog-container .container-area .tab-content .blog-list-top-3 .title a {
            font-size: 22px;
            line-height: 30px
        }

        .blog-container .container-area nav .nav a {
            font-size: 16px
        }

    .landingpage .combi-consultant-text .title {
        font-size: 40px;
        margin-bottom: 35px
    }

    .landingpage .combi-consultant-text .description {
        font-size: 16px;
        margin-bottom: 30px;
        font-family: 'Ubuntu', sans-serif;
    }

    .landingpage .steps {
        margin-bottom: 30px
    }

    .landingpage .product_details .description .title {
        font-size: 50px;
        margin-bottom: 50px
    }

    .landingpage .product_details .description ul li {
        padding-bottom: 10px
    }

    .banner-landing-page #banner .container-caption {
        bottom: -50px
    }

    .banner-landing-page #banner .caption {
        max-width: 360px;
        font-size: 14px
    }

        .banner-landing-page #banner .caption .item-first {
            padding: 20px 25px
        }

        .banner-landing-page #banner .caption .item-two a, .banner-landing-page #banner .caption .item-three a {
            padding: 12px;
            font-size: 14px;
        }

            .banner-landing-page #banner .caption .item-two a .cursor svg, .banner-landing-page #banner .caption .item-three a .cursor svg {
                width: 18px;
                right: 10px;
                bottom: 15px;
            }

    .cookie-description {
        width: 450px
    }

    .references-item-area .item .col-md-4 {
        width: 100%
    }

    .references-item-area .item .col-md-8 {
        width: 100%
    }

    #logo {
        float: none;
        margin: 0 auto;
        display: block !important;
        background-size: 145px;
        height: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #homepicslider, #banner, #map {
        width: 100%
    }

    .footerhck {
        display: none
    }

    .pdfitems {
        width: 100%
    }

    .homeproductsliderwrapper {
        padding-right: 15px
    }

    .homeproductslidercursors {
        padding-left: 15px
    }

    .firsthomebanner {
        padding-right: 15px
    }

    .secondhomebanner {
        padding-left: 15px
    }

    #mobile-menu {
        display: block;
        width: 25px;
        height: 23px;
        float: left;
        margin-top: 12px;
        background-size: 25px
    }

    .megamenu, .headerbar {
        display: none
    }

    header {
        padding-bottom: 10px
    }

    .ac-menu {
        margin-bottom: 0
    }

        .ac-menu .gtitle {
            font-size: 20px;
            width: 100%;
            position: relative
        }

            .ac-menu .gtitle:hover {
                cursor: pointer
            }

            .ac-menu .gtitle:after {
                top: 3px;
                background: url(../img/menu-icon.png) no-repeat;
                width: 14px;
                height: 10px;
                right: 0;
                position: absolute;
                margin: 0
            }

    .ac-menu {
        padding: 10px 5px;
        border: 1px solid #e0ddda
    }

        .ac-menu .pagemenu, .ac-menu .titleborder {
            display: none
        }

        .ac-menu .pagemenu {
            margin: 0;
            padding: 0 15px
        }

    .same-product .same-item::after {
        display: none
    }

    .pdfctext {
        margin-top: 15px
    }

    .pddownload .priceitem {
        width: 100%;
        margin: 15px 0;
        min-width: inherit
    }

    .pricelists .priceitem .dlthepdf span {
        display: none
    }
}


@media (min-width: 769px) {
    .result thead tr:first-child th {
        border-top: none
    }

    .result thead tr th:last-child {
        border-right: none
    }

    .result thead tr th:nth-of-type(1) {
        border: none;
        color: #e65900
    }

    .result tbody tr td:nth-of-type(1) {
        border: none
    }

    .result tbody tr td:last-child {
        border-right: none
    }
}


@media (max-width: 769px) {
	#homepicslider .item .detail:before{display:none !important}
    .banner-landing-page #banner .caption .item-two a, .banner-landing-page #banner .caption .item-three a {
        font-size: 16px
    }
    img#trabica-img {
    margin-left: 40px!important;
    margin-right: 0px!important;
    width: 59%;
    }

        .banner-landing-page #banner .caption .item-two a .cursor svg {
            bottom: 22px
        }

    .banner-landing-page #banner .container-caption {
        position: relative;
        bottom: 0
    }

        .banner-landing-page #banner .container-caption .caption {
            position: relative;
            max-width: 100%
        }

    .banner-landing-page #banner .caption .item-first {
        background: #f3f3f3
    }

    .landingpage {
        margin-bottom: 50px
    }

        .landingpage .iframe {
            height: 210px !important
        }

    .home-slider-area {
        display: none
    }

   

    .index-static .item .text-area {
        max-width: 77%;
        float: none;
        padding-right: 10px;
        width: 100%;
        text-align: center;
        padding-top: 15px;
    }


 #homepicslider .item .detail .desc {
        margin-top: 15px;
        color: #575858;
    }
	 #homepicslider .item .detail .btn {
        background: #eb7505;
        color: #fff
    }

        #homepicslider .item .detail .btn:after {
            display: none
        }

     #homepicslider .item img {
        margin-bottom: 0;
    }

    #homepicslider .item .detail {
        height: initial !important;
        background: #fff;
        padding: 30px;
        width: 100%;
        display: block;
        box-shadow: 0 7px 36px rgba(0, 0, 0, 0.12);
    }

    .homeslidercursors {
        display: none;
    }
    .home-slider-area {
        margin-bottom: 30px;
    }

    .homeProduct .product_title {
        color: #000000;
        font-family: 'Ubuntu', sans-serif;
        font-size: 36px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 15px;
        line-height: 36px;
        display: none!important;
    }

    .index-static .head_title {
        font-size: 30px;
        margin-bottom: 0px;
        line-height: 30px;
    }

        .index-static .head_title span, .homeProduct .product_title span {
            display: inline-block;
            position: relative
        }

            .index-static .head_title span:before, .homeProduct .product_title span:before {
                position: absolute;
                left: 2px;
                bottom: .5rem;
                content: ' ';
                background: #ea720085;
                height: 0.3rem;
                width: 98%;
                z-index: -1;
            }

    .homeProduct .item-area {
        margin-bottom: 20px
    }

    .homeProduct .item .text-area .title {
        margin-bottom: 10px;
        font-size: 25px;
    }

    .homeProduct .item .text-area .description {
        font-size: 13px
    }

    .homeProduct .item .button a {
        border: none;
        background: #000;
        padding: 10px
    }

        .homeProduct .item .button a i {
            display: none
        }

    .homeProduct .item .background-text {
        display: none
    }

    .homeProduct .item .img-area {
        width: 49%;
        float: right;
        margin-top: 0
    }

    .homeProduct .item .button {
        width: 100%
    }

    .homeProduct .item .img-area img {
        max-width: 130px;
        width: 100%
    }

    .homeProduct .item .text-area {
        width: 49%;
        margin-bottom: 20px
    }

    .homeProduct .item {
        padding: 30px 15px
    }

    .index-static.mTop50 {
        margin-top: 20px !important
    }

    .services-form-area.mTop50 {
        margin-top: 20px !important
    }

    .services-form-area .container-area:after, .dealer-form-area .container-area:after {
        content: '';
        width: 10px;
        height: 129px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #ea7200
    }

    .services-form-area .container-area .form-area .button, .dealer-form-area .container-area .form-area .button {
        padding: 0 19px 5px
    }

    .services-form-area .container-area .form-area div.selector, .dealer-form-area .container-area .form-area div.selector {
        border: none;
        border-bottom: 1px solid;
        border-radius: 0;
        background: transparent;
        box-shadow: none
    }

        .services-form-area .container-area .form-area div.selector span, .dealer-form-area .container-area .form-area div.selector span {
            user-select: none;
            padding: 14px 0;
            font-size: 12px;
            background: url(../images/arrow-form.png) no-repeat 99% 45%
        }

    .services-form-area .container-area .form-area, .dealer-form-area .container-area .form-area {
        padding: 0
    }

    /*.services-form-area .container-area, .dealer-form-area .container-area {
        background: #f7f7f7;
        padding: 15px 30px
    }*/
    .dealer-form-area .container-area {
        padding: 15px 30px;
        background: url(../images/dealer_icon_mobile.png) no-repeat;
        background-color: #f7f7f7;
        background-position: 5% 94%;
        background-size: 50%;
    }

    .services-form-area .container-area {
        padding: 15px 30px;
        background: url(../images/services_icon_mobile.png) no-repeat;
        background-color: #f7f7f7;
        background-position: 5% 94%;
        background-size: 50%;
    }

        .services-form-area .container-area .form-area .form-title, .dealer-form-area .container-area .form-area .form-title {
            color: #000000;
            font-family: 'Ubuntu', sans-serif;
            font-size: 19px;
            font-weight: 500;
            margin-bottom: 20px
        }

        .services-form-area .container-area .form-area .sub_form-title, .dealer-form-area .container-area .form-area .sub_form-title {
            color: #000000;
            font-family: 'Ubuntu', sans-serif;
            font-size: 12px;
            font-weight: 300;
            letter-spacing: .5px;
            line-height: 16px;
            margin-bottom: 20px
        }

    .index-static .item .text-area .button a {
        font-size: 11px;
        padding: 5px 8px;
    }

    .iconpack.arrow-right {
        display: none
    }

    .index-static .item .text-area .description {
        font-size: 16px
    }

    .index-static .item .text-area .title a {
        font-size: 26px;
        float: none;
    }

    .index-static .item {
        padding: 30px 25px;
        background-image: url(../images/kombi-mobil-icon.png);
        background-position: 20px;
        max-width: initial;
        min-height: initial;
        background-size: initial;
        margin-top: 5px;
    }

        .index-static .item.two {
            background-image: url(../images/kazan-mobil-icon.png);
            background-repeat: no-repeat;
            background-position: 20px
        }

    footer {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }

    #blog-slider .text-area {
        max-width: 500px;
        left: 6%
    }

        #blog-slider .text-area a {
            font-size: 40px;
            line-height: 50px
        }

    #blog-slider .owl-controls .owl-pagination {
        top: 61%;
        left: 4.5%
    }

    #blog-slider.blog-detail-banner .text-area {
        top: 50%;
        left: 10%
    }

    .placelist .placeitem .sub.dot {
        width: 3%
    }

    .placelist .placeitem .sub.ptitle {
        width: 10%
    }

    #logo {
        width: 145px;
        height: 31px
    }

    .col-xs-12 {
        margin-top: 15px
    }

    .homeproductslidercursors {
        margin-top: 0 !important
    }

    .lang-nav li {
        padding: 10px;
        margin-top: 12px
    }


    .mobileapp {
        display: none
    }

    .containerforhomeslider {
        display: inline-block;
        position: relative;
        width: 100%;
        bottom: 40px
    }

    .calcbox .gtitle {
        font-size: 22px
    }

    .calcbox .desc .text {
        font-size: 14px
    }

    .calcbox .desc {
        top: 20px;
        left: 15px
    }

    .newsletter .row > div {
        width: 100%
    }

    .newletterform input {
        margin: 10px 0
    }

    .newsletter, .socialwrapper {
        padding: 10px 20px
    }

    div.selector {
        width: 100% !important
    }

    .footerinfo {
        position: relative;
        margin-top: 20px
    }

    .bannerwrapper .container .title {
        font-size: 28px;
        width: 100%
    }

    .bannerwrapper .container .breadcrumb {
        float: none;
        margin-top: 15px
    }

    .priceitemtextwrapper {
        padding: 20px 10px
    }

        .priceitemtextwrapper .text {
            margin-left: 0 !important;
            padding-left: 5px
        }

    .tabmenu ul li {
        margin-bottom: 20px
    }

    .calcitcontent {
        margin-top: 30px
    }

        .calcitcontent img {
            width: 100%;
            height: auto
        }

    .contactformtextc {
        margin-top: 50px
    }

    .homebannerhck {
        display: none
    }

    .contactformtextc .dot, .placelist .placeitem .dot {
        display: none
    }

    .contactformtextc .title, .placelist .placeitem .sub.ptitle, .placelist .placeitem .ptitle {
        width: 100%
    }

    .businesscontent .text img {
        width: 100%;
        height: auto
    }

    .productdetail .titlewrapper .otherproductlink {
        float: left;
        margin-top: 15px
    }

    .ullists {
        padding-left: 15px
    }

    .pfullcontentbanner .titlewrapper2 .title {
        font-size: 13px
    }

    .accordionitem .title {
        font-size: 12px;
        padding: 10px 15px 0 95px
    }

    .campaignitem.type1 .content, .campaignitem.type2 .content {
        padding: 20px
    }

    .othercampaigns > .title span {
        font-size: 20px
    }

    .contentbannerforproduct {
        margin-top: 20px
    }

        .contentbannerforproduct:first-child {
            margin-top: 20px
        }

        .contentbannerforproduct .titlewrapper .title {
            font-size: 18px
        }

    #logo {
        margin-left: 35px
    }

    .authorizedserviceformcheckboxwrapper {
        width: 100%
    }

    .topofnav {
        display: none
    }

    .popup {
        width: 98%;
        margin: 20px auto 70px
    }

        .popup .content .mTop45 {
            margin-top: 0 !important
        }

        .popup .content textarea.mTop45 {
            margin-top: 15px !important
        }

        .popup h2 {
            font-size: 25px
        }

        .popup .content textarea {
            height: 70px
        }

    .bayigeneralmail {
        margin-left: 0
    }

    .requestpagebox .title a {
        word-break: break-all
    }

    .mobilProduct {
        margin-top: 10px !important
    }

    .line-timeline {
        left: 15px
    }

    .lefttimeline .date {
        float: left
    }

    .lefttimeline .dot-timeline {
        float: left
    }

    .dot-timeline {
        margin: -48px -32px 0
    }

    .footerblank {
        display: none
    }

    .result thead {
        display: none
    }

    .result tr:nth-of-type(2n) {
        background-color: #eee
    }

    .result tbody td {
        display: block;
        text-align: left;
        border-bottom: none;
        position: relative;
        padding-left: 50%
    }

        .result tbody td:before {
            content: attr(data-th);
            display: block;
            text-align: left;
            display: inline-block;
            width: 50%;
            position: absolute;
            left: 10px
        }

        .result tbody td:first-child:before {
            padding: 0
        }

    #pagenotfound .number {
        font-size: 150px;
        margin: 30px 0 20px
    }

    #pagenotfound .text {
        font-size: 20px
    }

    .homeproductslidertitles .thetitle span {
        width: 35px
    }
    
}

@media screen and (max-width: 700px) {
    .popupwrapper .popup {
        width: 98%
    }
    .trabica-container {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}
}

@media (max-width: 648px) {
    #cookieModal .modal-body {
        padding: 30px 15px
    }

        #cookieModal .modal-body .option-area .item .sub_title {
            font-size: 14px
        }

        #cookieModal .modal-body .option-area .item .always_active {
            top: 0;
            font-size: 10px
        }

    .switch {
        top: -6px
    }

    .cookie-description {
        width: 100%;
        left: 0;
    }

        .cookie-description.hidden-cookie {
            left: -1500px !important
        }

    #cookieModal {
        padding-left: 0 !important
    }

        #cookieModal .modal-dialog {
            margin: 0
        }

            #cookieModal .modal-dialog .modal-content {
                max-height: fit-content
            }

    .references-item-area .item .text-area .title, .references-item-area .item .text-area .description {
        font-size: 9px
    }

    .pfullcontentbanner .desc p {
        display: none
    }

    .pfullcontentbanner .desc h4 {
        font-size: 12px
    }

    .pfullcontentbanner .desc .body {
        bottom: 0
    }
}

@media (max-width: 600px) {
	
	.priceitem .dlthepdf {
  
    background-position: -165px -277px;  
    width: 65px;
    background-size: 330px;
}
.priceitem .icon {
    width: 40px;
    height: 48px;
    background-size: 100%;
}
	.priceitem .text {
    font-size: 12px;
}
    #FreeCombiForm {
        display: inline-block;
        position: relative;
        width: 100%
    }

    .landingpage .services .button {
        margin-top: 15px;
        max-width: 100%;
        width: 100%;
    }

    .landingpage .services .title {
        margin-bottom: 20px
    }

    .landingpage .services .text-center {
        display: inline-block;
        position: relative;
        width: 100%
    }

    .landingpage .steps .item .icon:after {
        left: 39%
    }

    .landingpage .video-area .title, .landingpage .product_details .title {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .landingpage .steps {
        margin-bottom: 15px;
    }

        .landingpage .steps .item .description {
            margin-top: 10px;
            font-size: 14px;
        }

        .landingpage .steps .item .title {
            min-height: auto
        }

        .landingpage .steps .item .icon img {
            margin: 0px auto
        }

    .banner-landing-page #banner .caption .item-two a, .banner-landing-page #banner .caption .item-three a {
        font-size: 14px;
    }

        .banner-landing-page #banner .caption .item-two a .cursor svg {
            display: none
        }

    .banner-landing-page #banner .caption .item-two a, .banner-landing-page #banner .caption .item-three a {
        padding: 10px 8px;
    }

    .pddownload nav {
        text-align: center
    }

    .nav .nav-item.priceitem {
        width: 100%;
        padding: 15px;
    }

        .nav .nav-item.priceitem:first-child {
            padding: 15px
        }

    .iconpack.search_icon {
        background-position: -224px -336px;
        display: inline-block;
        width: 21px;
        height: 34px;
        background-size: 290px
    }

    .index-static .item .text-area .title a {
        font-size: 24px
    }

    #blog-slider .text-area {
        max-width: 315px;
        left: 6%;
        top: 45%
    }

        #blog-slider .text-area a {
            font-size: 30px;
            line-height: 35px
        }

    #blog-slider .owl-controls .owl-pagination {
        top: 70%;
        left: 3%
    }

    #blog-slider.blog-detail-banner .text-area {
        top: 50%;
        left: 10%
    }

    .blog-container .container-area .tab-content .first-blog .box span, .blog-container .container-area .tab-content .first-blog .box .tag {
        padding: 0 15px
    }

        .blog-container .container-area .tab-content .first-blog .box span.text {
            font-size: 24px
        }

    .blog-container .container-area .tab-content .first-blog .col-md-6:first-child {
        padding-left: 0;
        padding-right: 0
    }



    #homepicslider .item .detail {
        padding: 15px;
    }

        #homepicslider .item .detail .title {
            font-size: 24px;
        }

        #homepicslider .item .detail .desc {
            font-size: 16px;
        }

        #homepicslider .item .detail .btn {
            height: 40px;
            padding: 5px 15px;
        }
}

@media screen and (max-width:540px) {
    .header-three {
        height: 470px
    }
}

@media screen and (max-width:500px) {
	  #homepicslider .item .detail {
        transform: translate(0, 10%);
    }
    .index-static .item .text-area .title a {
        letter-spacing: 1px;
        font-size: 20px;
    }

    .earn {
        background: none
    }

    .header-1 {
        font-size: 25px
    }

    .phone {
        display: none
    }

    .header-four {
        height: 400px
    }
}

@media (max-width: 480px) {
    .index-static .item .text-area {
        max-width: 65%;
    }
}

@media (max-width: 400px) {
    .landingpage .steps .item .icon:after {
        left: 31%
    }

    .services-form-area .container-area, .dealer-form-area .container-area {
        background-size: 65%;
    }

    .index-static .item .text-area {
        max-width: 70%;
    }

    .services-form-area .container-area .form-area .button, .dealer-form-area .container-area .form-area .button {
        padding: 0 10px 5px
    }

    .homeProduct .item .text-area {
        margin-top: 0
    }

    .homeProduct .item .img-area {
        width: 30%
    }

    .homeProduct .item .text-area {
        width: 60%
    }

        .homeProduct .item .text-area .description {
            font-size: 10px;
            line-height: 14px;
            letter-spacing: 1px
        }

    .homeProduct .item-area {
        margin-bottom: 5px
    }

    .index-static .item .text-area .title a {
        font-size: 19px
    }

    .index-static .item .text-area {
        width: 250px;
        max-width: 60%;
    }

    #blog-slider.blog-detail-banner .text-area {
        top: 53%;
        left: 10%
    }

        #blog-slider.blog-detail-banner .text-area .detailTitle {
            font-size: 18px;
            line-height: 25px
        }

        #blog-slider.blog-detail-banner .text-area .social-area .text {
            font-size: 20px
        }

    .cookie-description .text-area .btn-all, .cookie-description .text-area .show-modal {
        padding: 10px 15px
    }

    .cookie-description {
        padding: 15px 25px
    }
}

@media (max-width: 340px) {
    .index-static .item {
        padding-right: 12px;
    }

    .form-fixed .text a {
        background-position: 20px
    }
}

.zoom img.bg-info {
    position: relative;
    z-index: 1
}

a.info-href {
    display: inline-block;
    position: absolute;
    z-index: 2
}

.overlay-info {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
    overflow-y: hidden;
    transition: .5s;
    color: #fff
}

.overlay-content {
    position: relative;
    top: 5%;
    width: 100%;
    text-align: center;
    margin-top: 30px
}

    .overlay-content img {
        display: inline-block
    }

.overlay-info .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    color: #ff6a00
}

.overlay-info .items div {
    border-bottom: 3px solid #ff6a00;
    margin: 5px;
    padding: 10px
}

.infoPager {
    display: inline-block;
    margin: 0 auto
}

    .infoPager div {
        float: left;
        background: #ff6a00;
        margin: 5px;
        padding: 10px;
        color: #fff
    }

        .infoPager div.disabled {
            opacity: .25
        }

    .infoPager .pageNumbers a {
        display: inline-block;
        padding: 0 10px;
        color: #fff
    }

        .infoPager .pageNumbers a.active {
            color: #000
        }

.infoPager {
    overflow: hidden
}

.paginate-no-scroll .items div {
    height: 250px
}
@media (min-width: 768px){
div#trabica-hide {
    width: 100%;
    display: none!important;
}
}
div#trabica-hide-copyright {
    width: 100%;
    display: none!important;
}


@media screen and (max-height: 450px) {
    .form-fixed .text {
        background-position: 25px
    }

    .overlay-info {
        overflow-y: auto
    }

        .overlay-info .closebtn {
            font-size: 40px;
            top: 15px;
            right: 35px
        }
}

@media only screen and (max-width:992px) and (min-width:769px) {
    .header-three {
        background-image: none
    }

    .three-item {
        position: inherit;
        bottom: inherit;
        left: inherit
    }

    .four-item {
        position: inherit;
        bottom: inherit;
        left: inherit
    }

    .number {
        font-size: 25px
    }

    .phone img {
        display: none
    }
}



@media screen and (max-width:768px) {
	  #homepicslider .owl-controls .owl-dots {
        display: block !important;
    }
	.hometruestory{margin-bottom:25px}
    .hometruestory .img-area {
        min-height: auto;
    }
    .banner-landing-page #banner .caption .item-two .cursor, .banner-landing-page #banner .caption .item-three .cursor {
        display: none;
        position: relative;
        width: 100%;
        text-align: center;
    }

    .landingpage .services {
        margin-bottom: 40px
    }

    .bannerwrapper .container-area {
        padding: 0 15px;
    }

    .blogList .text-area {
        padding: 0;
    }

    .blogList .item {
        margin-bottom: 10px;
    }

    .blogList .text-area .title {
        min-height: inherit;
        margin-bottom: 20px;
    }

    .sticky-bar {
        display: none
    }

    .index-static .item {
        cursor: pointer
    }

        .index-static .item .text-area .button {
            display: none
        }

    #homepicslider .item .detail .title {
        letter-spacing: inherit;
        color: #000000;
    }

    #homepicslider .item .detail {
        min-height: 195px;
        position: relative;
        max-width: 100%;
    }

    footer {
        margin-top: 0
    }

    .form-fixed {
        display: none !important
    }

    .freecombi {
        display: inline-block;
        position: relative;
        width: 100%
    }

        .freecombi .form-fixed {
            display: block !important;
            position: relative;
            width: 90%;
            margin: 0 auto;
            margin-top: 20px
        }

    .img-footer {
        width: 50%
    }

    footer .social-area .social a {
        width: 37px;
        height: 37px;
        background-size: 300px
    }

    .iconpack.footer-fb {
        background-position: -223px -111px
    }

    .iconpack.footer-tw {
        background-position: -223px -156px
    }

    .iconpack.footer-ytb {
        background-position: -222px -203px
    }

    .iconpack.footer-ins {
        background-position: -222px -247px
    }

    .iconpack.footer-lnk {
        background-position: -223px -290px
    }

    footer .social-area {
        margin-top: 25px
    }

        footer .social-area .title {
            font-size: 16px
        }

        footer .social-area .description {
            font-size: 14px
        }

    .footer-mobile-menu ul {
        display: block !important
    }

        .footer-mobile-menu ul li a {
            color: #000000;
            font-size: 15px;
            font-weight: 300;
            line-height: 35px;
            font-family: 'Ubuntu', sans-serif;
        }

    .panel-title {
        font-weight: 500;
        letter-spacing: .48px;
        font-family: 'Ubuntu', sans-serif;
        font-size: 15px
    }

    .panel-group .panel + .panel {
        margin-top: 20px
    }

    .panel-default > .panel-heading a:after {
        content: "";
        position: relative;
        top: -5px;
        display: inline-block;
        font-family: 'Ubuntu', sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right;
        transition: transform .25s linear;
        -webkit-transition: -webkit-transform .25s linear;
        font-size: 20px
    }

    .panel-default > .panel-heading a[aria-expanded="true"] {
        background-color: #eee
    }

        .panel-default > .panel-heading a[aria-expanded="true"]:after {
            content: "\2212";
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .panel-default > .panel-heading a[aria-expanded="false"]:after {
        content: "\002b";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .footer-mobile-menu {
        margin-top: 50px;
        position: relative;
        width: 100%
    }

        .footer-mobile-menu .accordion {
            background-color: #eee;
            color: #444;
            cursor: pointer;
            padding: 18px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 15px;
            transition: .4s
        }

            .footer-mobile-menu .active, .footer-mobile-menu .accordion:hover {
                background-color: #ccc
            }

    .panel-default > .panel-heading {
        background: no-repeat;
        padding: 15px 0
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            padding: 15px 0 25px
        }

    .footer-mobile-menu .panel {
        padding: 0;
        background-color: transparent;
        overflow: hidden;
        border: none
    }

    .footer-menu {
        display: none
    }

    footer .footerlogo {
		margin-top:0;
        width: 100%
    }

        footer .footerlogo img {
            margin: 0 auto
        }

    .blog-container .container-area, .banner-blog #banner {
        padding: 0 15px
    }

    #blog-slider .owl-controls .owl-pagination .owl-page {
        width: 30px;
        margin-right: 5px
    }

        #blog-slider .owl-controls .owl-pagination .owl-page.active {
            width: 50px
        }

    .blog-container .container-area .tab-content .blog-list-top-3 {
        margin-bottom: 0
    }

    .banner-blog {
        margin-bottom: 5px
    }

    .blog-container .container-area {
        padding: 0 15px
    }

    .landingpage .product_details {
        margin-bottom: 25px
    }

    .landingpage .combi-consultant-text .title {
        font-size: 30px;
        margin-bottom: 20px;
        line-height: 40px
    }

    .mTop160 {
        margin-top: 50px
    }

    .landingpage .product_details .img {
        margin-bottom: 30px
    }

    .landingpage .product_details .description {
        line-height: 22px;
        font-size: 14px
    }

        .landingpage .product_details .description .title {
            margin-bottom: 20px;
            font-size: 40px
        }

        .landingpage .product_details .description ul li {
            padding-bottom: 15px
        }

    #cookieModal .modal-dialog {
        position: absolute;
        top: auto;
        left: auto;
        transform: inherit;
        -webki-transform: inherit
    }

    .hidden-sm {
        display: none
    }

    #banner.banner-combi-consultant {
        background-position: 42% 0 !important
    }

    .bannerwrapper .banner-combi-consultant-container .title {
        font-size: 25px !important;
        margin-top: 33% !important;
        line-height: 35px !important
    }

    .form-fixed .text a {
        right: 0;
        max-width: 100%;
        background-image: none;
        padding: 10px
    }

        .form-fixed .text a img {
            display: inline-block !important;
            position: relative;
            vertical-align: top;
            right: 15px
        }

        .form-fixed .text a span {
            display: inline-block;
            position: relative;
            padding-top: 5px
        }

    .mobile-class {
        display: none
    }

    .product-category-list .productlist .text-area {
        margin-top: 0;
        margin-bottom: 30px
    }

    #mobile-menu {
        margin-top: 1px
    }

    #logo {
        background-size: 140px;
        margin-left: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    .line img {
        width: 50% !important;
        height: 5px !important;
        margin-bottom: 20px !important
    }

    .app-store a img {
        width: 40% !important
    }

    .play-store a img {
        width: 35% !important
    }

    .earn .pad-text::first-child {
        margin-top: 15px
    }

    .header-three {
        background-image: none
    }

    .content-img img {
        width: auto !important
    }

    .three-item {
        position: inherit;
        bottom: inherit;
        left: inherit
    }

    .four-item {
        position: inherit;
        bottom: inherit;
        left: inherit
    }

    .number {
        font-size: 25px
    }
}



@media screen and (min-width:500px ) and (max-width: 768px) {
    .earn {
        background: none
    }

    .header-1 {
        font-size: 25px
    }

    .header-three {
        height: 400px
    }

    .phone {
        display: none
    }
}