@charset "utf-8";

html
{
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div
{
    display: block;
    box-sizing: border-box;
}

section
{
    position: relative;
}

audio, canvas, progress, video
{
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls])
    {
        display: none;
        height: 0;
    }

[hidden], template
{
    display: none;
}

textarea, input[type="text"], input[type="button"], input[type="submit"]
{
    -webkit-appearance: none;
    border-radius: 0;
    box-sizing: border-box;
}

input[type="checkbox"], input[type="radio"]
{
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button
{
    height: auto;
}

input[type="search"]
{
    -webkit-appearance: textfield;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
    {
        -webkit-appearance: none;
    }

fieldset
{
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend
{
    border: 0;
    padding: 0;
}

img
{
    border: 0;
    max-width: 100%;
}

ol, ul
{
    list-style: none;
}

    ol li, ul li
    {
        box-sizing: border-box;
    }

blockquote, q
{
    quotes: none;
}

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

strong
{
    font-family: 'Akkurat-Bold';
    font-weight: normal;
}

body
{
    margin: 0;
    font-family: 'Akkurat';
    font-weight: normal;
    font-size: 16px;
    color: #646363;
    box-sizing: border-box;
}

.bodyhidden
{
    overflow: hidden;
}

a
{
    text-decoration: none;
    color: #333;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    box-sizing: border-box;
}

.checkbox input[type=checkbox]
{
    display: none;
}

    .checkbox input[type=checkbox] + label
    {
        display: inline-block;
        padding: 0 0 0 34px;
        position: relative;
    }

        .checkbox input[type=checkbox] + label:before
        {
            position: absolute;
            top: 0;
            left: 0;
            height: 20px;
            width: 20px;
            content: '';
            background: url(../images/sprite.png) no-repeat;
            background-position: -197px -14px;
        }

    .checkbox input[type=checkbox]:checked + label
    {
        color: #fff;
    }

        .checkbox input[type=checkbox]:checked + label:before
        {
            background-position: -237px -14px;
        }

.radio
{
    margin-bottom: 30px;
}

    .radio input[type=radio]
    {
        display: none;
    }

        .radio input[type=radio] + label
        {
            display: inline-block;
            padding: 0 0 0 34px;
            position: relative;
            color: #666;
        }

            .radio input[type=radio] + label:before
            {
                position: absolute;
                top: 0;
                left: 0;
                height: 20px;
                width: 20px;
                content: '';
                background: url(../images/radio.png) no-repeat;
                background-position: -39px 0;
            }

        .radio input[type=radio]:checked + label
        {
            color: #333;
        }

            .radio input[type=radio]:checked + label:before
            {
                background-position: -1px 0;
            }

.sec06 .radio input[type=radio] + label
{
    color: #a6cbec;
}

.sec06 .radio input[type=radio]:checked + label
{
    color: #fff;
}

.wrapper
{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.wrapper-lg
{
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}

    .wrapper:after, .wrapper:before, .row:after, .row:before, .wrapper-lg:after, .wrapper-lg:before
    {
        content: '';
        display: block;
        clear: both;
    }

.padd
{
    padding-top: 50px;
    padding-bottom: 50px;
}

.row
{
    margin-left: -15px;
    margin-right: -15px;
}

.row2:after, .row2:before
{
    content: '';
    display: block;
    clear: both;
}

.col
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.col-1
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 10%;
}

.col-2
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 20%;
}

.col-25
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
}

.col-3
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 30%;
}

.col-33
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.33%;
}

.col-4
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 40%;
}

.col-45
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 45%;
}

.col-5
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
}

.col-55
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 55%;
}

.col-6
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 60%;
}

.col-7
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 70%;
}

.col-75
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 75%;
}

.col-8
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 80%;
}

.col-9
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 90%;
}

.col-10
{
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.clr
{
    clear: both;
}

.fr
{
    float: right;
}

.fl
{
    float: left;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
    font-family: 'Akkurat-Bold';
    margin: 0 0 25px;
    padding: 0;
}

p
{
    margin: 0 0 15px;
    line-height: 24px;
}

ul.bullet
{
    margin: 0;
    padding: 0;
}

    ul.bullet li
    {
        margin: 0 0 8px;
        padding: 0 0 0 18px;
        position: relative;
    }

        ul.bullet li:after
        {
            content: '\f105';
            position: absolute;
            top: 2px;
            left: 0;
            font: normal normal normal 17px/1 FontAwesome;
        }

.center
{
    text-align: center;
}

.btn
{
    display: inline-block;
    min-width: 150px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #0e3570;
    border-radius: 50px;
    font-family: 'Akkurat-Bold';
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    border: 0;
    cursor: pointer;
}

    .btn.btn-lg
    {
        min-width: 200px;
    }

    .btn.btn-lg2
    {
        min-width: 250px;
    }

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

.heading
{
    margin-bottom: 35px;
}

    .heading p
    {
        text-align: center;
        margin-bottom: 0;
    }

    .heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .title
    {
        font-size: 36px;
        color: #333;
        font-family: 'Akkurat';
        font-weight: normal;
        margin-bottom: 4px;
        text-transform: uppercase;
        text-align: center;
    }

        .heading h1 span, .heading h2 span, .heading h3 span, .heading h4 span, .heading h5 span, .title span
        {
            font-family: 'Akkurat-Bold';
            font-weight: normal;
        }

.title2
{
    font-size: 30px;
    color: #333;
    font-family: 'Akkurat';
    font-weight: normal;
    margin-bottom: 15px;
    text-transform: uppercase;
}

    .title2 span
    {
        font-family: 'Akkurat-Bold';
        font-weight: normal;
    }

.slick-dots
{
    margin: 0;
    padding: 0;
}

    .slick-dots li
    {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
        overflow: hidden;
        box-sizing: border-box;
        text-indent: -999px;
        border-radius: 50%;
        width: 13px;
        height: 13px;
        border: 4px solid #d9d9d9;
        background: #d9d9d9;
        cursor: pointer;
        min-height: inherit!important;
    }

        .slick-dots li button
        {
            border: 0;
            outline: none;
        }

        .slick-dots li.slick-active
        {
            border: 4px solid #00a2e0;
            background: transparent;
        }

.breadcrumb
{
    position: absolute;
    right: 30px;
    top: 25px;
}

    .breadcrumb ul
    {
        margin: 0;
        padding: 0;
        float: right;
        border-bottom: 1px solid rgba(100,99,99,0.1);
    }

        .breadcrumb ul li
        {
            display: inline-block;
            color: #333;
            font-family: 'Akkurat';
            font-size: 13px;
            padding-bottom: 2px;
        }

            .breadcrumb ul li a
            {
                color: #666;
                font-family: 'Akkurat-Light';
                position: relative;
            }

                .breadcrumb ul li a:after
                {
                    content: '>';
                    font-family: 'Akkurat-Light';
                    font-size: 13px;
                    color: #666;
                    padding: 0 5px;
                }

.side-fixed
{
    position: fixed;
    top: 50%;
    margin-top: -110px;
    right: 0;
    width: 49px;
    border: 1px solid #2a80a4;
    border-right: 0;
    z-index: 150;
    -webkit-transition: width 1s;
    transition: width 1s;
}

    .side-fixed ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .side-fixed ul li
        {
            border-bottom: 1px solid #2a80a4;
            background-color: #056a94;
            line-height: normal;
            text-transform: uppercase;
            background-color: #056a94;
            -webkit-transition: background-color .4s;
            transition: background-color .4s;
            margin: 0!important;
        }

            .side-fixed ul li:last-child
            {
                border-bottom: 0;
            }

            .side-fixed ul li a
            {
                display: block;
                overflow: hidden;
                position: relative;
                height: 48px;
                line-height: 48px;
                color: #fff;
                padding-left: 15px;
                font-size: 12px;
                -webkit-transition: inherit;
                -moz-transition: inherit;
                -o-transition: inherit;
                transition: inherit;
            }

                .side-fixed ul li a span
                {
                    width: 49px;
                    height: 48px;
                    position: absolute;
                    top: 0;
                    right: 0;
                    border-left: 1px solid #2a80a4;
                    -webkit-transition: background-color .4s;
                    transition: background-color .4s;
                    background: #056a94 url(../images/spriteimg01.png) no-repeat -173px 15px;
                }

            .side-fixed ul li.find a span
            {
                background-position: -217px 14px;
            }

            .side-fixed ul li.brochure a span
            {
                background-position: -264px 11px;
            }

            .side-fixed ul li.quick a span
            {
                background-position: -313px 14px;
            }

            .side-fixed ul li.nwsltr a span
            {
                background-position: -361px 15px;
            }

            .side-fixed ul li.light a span
            {
                background-position: -217px 14px;
            }

            .side-fixed ul li.pay a span
            {
                background-position: -410px 13px;
            }

    .side-fixed:hover
    {
        width: 210px;
    }

.sidemenu-open .leftsideclose
{
    content: '';
    display: block;
    position: absolute;
    background: url(../images/cross03.png) no-repeat center center;
    height: 28px;
    width: 28px;
    left: -14px;
    top: -14px;
    cursor: pointer;
}

.sidemenu-open .side-fixed
{
    width: 210px;
}

.side-fixed li:hover, .side-fixed ul li:hover a span
{
    background-color: #085474!important;
}

.side-fixed:hover ul li a
{
    text-indent: inherit;
}

.side-fixed ul li a:hover
{
    color: #fff;
}

.header
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #19283b;
    z-index: 160;
    /*border-bottom: 1px solid #e2e2e2;*/
    padding: 10px 30px;
    text-align: center;
}

.logo
{
    float: left;
    width: 94px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .logo img
    {
        display: block;
        width: 100%;
    }

.nav
{
    display: inline-block;
    vertical-align: top;
    padding-top: 28px;
    -webkit-transition: padding .3s ease;
    -moz-transition: padding .3s ease;
    -o-transition: padding .3s ease;
    transition: padding .3s ease;
}

    .nav ul
    {
        margin: 0;
        padding: 0;
    }

    .nav > ul > li
    {
        float: left;
    }

        .nav > ul > li.active > a
        {
            color: #00a2e0;
        }

            .nav > ul > li.active > a:before
            {
                width: 50%;
            }

            .nav > ul > li.active > a:after
            {
                width: 50%;
            }

        .nav > ul > li > a
        {
            color: #333;
            padding: 0 12px 41px;
            font-size: 15px;
            position: relative;
        }

            .nav > ul > li > a:after
            {
                content: '';
                position: absolute;
                right: 50%;
                bottom: 0;
                background: #00a2e0;
                width: 0;
                height: 5px;
                -webkit-transition: width .3s ease;
                -moz-transition: width .3s ease;
                -o-transition: width .3s ease;
                transition: width .3s ease;
                z-index: 1;
            }

            .nav > ul > li > a:before
            {
                content: '';
                position: absolute;
                left: 50%;
                bottom: 0;
                background: #00a2e0;
                width: 0;
                height: 5px;
                -webkit-transition: width .3s ease;
                -moz-transition: width .3s ease;
                -o-transition: width .3s ease;
                transition: width .3s ease;
                z-index: 1;
            }

        .nav > ul > li > a
        {
            color: #fff;
        }

        .nav > ul > li:hover > a
        {
            color: #9fd1f6;
        }

        .nav > ul > li:hover a:before
        {
            width: 50%;
        }

        .nav > ul > li:hover a:after
        {
            width: 50%;
        }

.header.sticky .logo
{
    width: 60px;
}

.header.sticky
{
    padding: 10px 30px;
}

    .header.sticky .top-right
    {
        padding-top: 5px;
    }

    .header.sticky .nav
    {
        padding-top: 14px;
    }

        .header.sticky .nav > ul > li > a
        {
            padding: 0 10px 27px;
        }

.top-right
{
    float: right;
    padding-top: 18px;
    -webkit-transition: padding .3s ease;
    -moz-transition: padding .3s ease;
    -o-transition: padding .3s ease;
    transition: padding .3s ease;
}

.top-box
{
    float: left;
}

.tel-box
{
    float: left;
    color: #d3d5d7;
    font-size: 12px;
    padding-left: 10px;
    text-align: left;
    padding-top: 3px;
}

    .tel-box p
    {
        margin-bottom: 0;
        line-height: normal;
    }

    .tel-box span
    {
        display: block;
        padding-bottom: 2px;
    }

    .tel-box a
    {
        font-size: 18px;
        font-family: 'Akkurat-Bold';
        font-weight: normal;
        display: block;
        line-height: 20px;
        color: #fff;
    }

.top-icon
{
    width: 40px;
    height: 40px;
    margin: 0 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: -9px -4px;
    text-indent: -999px;
    overflow: hidden;
    background-color: #ddd;
    cursor: pointer;
    border-radius: 50%;
}

    .top-icon.search
    {
        background-color: #0e3570;
    }

    .top-icon.locate
    {
        background-color: #ef3341;
        background-position: -55px -6px;
    }

    .top-icon.newsletter
    {
        background-color: #6dc24b;
        background-position: -106px -5px;
    }

.menu-wrapper
{
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%,0);
    width: 1150px;
    background: #fff;
    text-align: left;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .5s;
    -moz-transition: max-height .5s;
    transition: max-height .5s;
}

.menu-main
{
    border: 1px solid #e2e2e2;
    border-bottom: 6px solid #e2e2e2;
    padding: 0 30px;
    display: table;
    width: 100%;
}

.nav > ul > li.submenu:hover .menu-wrapper
{
    max-height: 600px;
}

.menu-row
{
    margin: 0 -8px;
    position: relative;
    display: table-row;
}

    .menu-row:after
    {
        content: '';
        display: block;
        clear: both;
    }

.menu-col
{
    width: 33.33%;
    padding: 30px 20px;
    position: relative;
    display: table-cell;
    border-right: 1px solid #ecedef;
}

    .menu-col:last-child
    {
        border-right: 0;
        padding-right: 0;
    }

.menu-img img
{
    display: block;
}

.menu-img
{
    position: relative;
}

    .menu-img a
    {
        display: inline-block;
    }

.menu-col h5
{
    font-size: 22px;
    font-weight: normal;
    font-family: 'Akkurat';
    color: #333333;
    margin: 0;
    margin-top: 20px;
    text-transform: uppercase;
}

.menu-wrapper h5 a
{
    color: #333;
}

.menu-col ul
{
    margin: 25px 0 0;
}

    .menu-col ul li
    {
        margin-bottom: 15px;
        min-height: 27px;
    }

        .menu-col ul li:last-child
        {
            margin-bottom: 0;
        }

        .menu-col ul li a
        {
            font-size: 15px;
            display: inline-block;
            position: relative;
            padding-left: 42px;
            padding-right: 10px;
            padding-top: 4px;
            color: #8d8d8d;
        }

            .menu-col ul li a:before
            {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                width: 35px!important;
                height: 27px;
                background: url(../images/menu_icon.png) no-repeat;
                background-position: 7px 0;
            }

            .menu-col ul li a:after
            {
                content: "\f105";
                font: normal normal normal 16px/1 FontAwesome;
                position: absolute;
                left: 100%;
                top: 6px;
                visibility: hidden;
                opacity: 0;
            }

            .menu-col ul li a:hover:after
            {
                visibility: visible;
                opacity: 1;
            }

            .menu-col ul li a:hover
            {
                color: #00a2e0;
            }

.menu-extra-space
{
    margin-top: 60px;
}

.menu-col ul li a:hover:before
{
    background-position: 7px -43px;
}

.menu-col ul li a.lighting-c:before
{
    background-position: -36px 0;
}

.menu-col ul li a.led-ref:before
{
    background-position: -80px 0;
}

.menu-col ul li a.edu:before
{
    background-position: -124px 0;
}

.menu-col ul li a.factory:before
{
    background-position: -174px 0;
}

.menu-col ul li a.pharma:before
{
    background-position: -223px 0;
}

.menu-col ul li a.healthcare:before
{
    background-position: -273px 0;
}

.menu-col ul li a.retail:before
{
    background-position: -323px 0;
}

.menu-col ul li a.transport-m:before
{
    background-position: -383px 0;
}

.menu-col ul li a.road-m:before
{
    background-position: -445px 0;
}

.menu-col ul li a.area-m:before
{
    background-position: -501px 0;
}

.menu-col ul li a.landscape-m:before
{
    background-position: -562px 0;
}

.menu-col ul li a.recessed:before
{
    background-position: -663px 0;
}

.menu-col ul li a.pendant-c:before
{
    background-position: -724px 0;
}

.menu-col ul li a.surface-c:before
{
    background-position: -778px 0;
}

.menu-col ul li a.tasklight-c:before
{
    background-position: -833px 0;
}

.menu-col ul li a.downlights-c:before
{
    background-position: -894px 0;
}

.menu-col ul li a.high-c:before
{
    background-position: -953px 0;
}

.menu-col ul li a.cleanroom-c:before
{
    background-position: -1004px 0;
}

.menu-col ul li a.luminaires-c:before
{
    background-position: -1059px 0;
}

.menu-col ul li a.street-c:before
{
    background-position: -1108px 0;
}

.menu-col ul li a.flood-c:before
{
    background-position: -1159px 0;
}

.menu-col ul li a.landscape-c:before
{
    background-position: -1223px 0;
}

.menu-col ul li a.facadel-m:before
{
    background-position: -1392px 0;
}

.menu-col ul li a.poles-c:before
{
    background-position: -1284px 0;
}

.menu-col ul li a.high-mast:before
{
    background-position: -1334px 0;
}

.menu-col ul li a.lighting-c:hover:before
{
    background-position: -36px -43px;
}

.menu-col ul li a.led-ref:hover:before
{
    background-position: -80px -43px;
}

.menu-col ul li a.edu:hover:before
{
    background-position: -124px -43px;
}

.menu-col ul li a.factory:hover:before
{
    background-position: -174px -43px;
}

.menu-col ul li a.pharma:hover:before
{
    background-position: -223px -43px;
}

.menu-col ul li a.healthcare:hover:before
{
    background-position: -273px -43px;
}

.menu-col ul li a.retail:hover:before
{
    background-position: -323px -43px;
}

.menu-col ul li a.transport-m:hover:before
{
    background-position: -383px -43px;
}

.menu-col ul li a.road-m:hover:before
{
    background-position: -445px -43px;
}

.menu-col ul li a.area-m:hover:before
{
    background-position: -501px -43px;
}

.menu-col ul li a.landscape-m:hover:before
{
    background-position: -562px -43px;
}

.menu-col ul li a.facadel-m:hover:before
{
    background-position: -1392px -46px;
}

.menu-col ul li a.recessed:hover:before
{
    background-position: -663px -43px;
}

.menu-col ul li a.pendant-c:hover:before
{
    background-position: -724px -43px;
}

.menu-col ul li a.surface-c:hover:before
{
    background-position: -778px -43px;
}

.menu-col ul li a.tasklight-c:hover:before
{
    background-position: -833px -43px;
}

.menu-col ul li a.downlights-c:hover:before
{
    background-position: -894px -43px;
}

.menu-col ul li a.high-c:hover:before
{
    background-position: -953px -43px;
}

.menu-col ul li a.cleanroom-c:hover:before
{
    background-position: -1004px -43px;
}

.menu-col ul li a.luminaires-c:hover:before
{
    background-position: -1059px -43px;
}

.menu-col ul li a.street-c:hover:before
{
    background-position: -1108px -43px;
}

.menu-col ul li a.flood-c:hover:before
{
    background-position: -1159px -43px;
}

.menu-col ul li a.landscape-c:hover:before
{
    background-position: -1223px -43px;
}

.menu-col ul li a.poles-c:hover:before
{
    background-position: -1284px -43px;
}

.menu-col ul li a.high-mast:hover:before
{
    background-position: -1334px -43px;
}

.menu-col ul.hero-icon li a:before
{
    background: url(../images/menu_icon3.png) 0 0 no-repeat;
}

.menu-col ul.hero-icon li a.axeon-icon:before
{
    background-position: 0 0;
}

.menu-col ul.hero-icon li a.verge-icon:before
{
    background-position: -48px 0;
}

.menu-col ul.hero-icon li a.radial-icon:before
{
    background-position: -102px -2px;
}

.menu-col ul.hero-icon li a.whistling-icon:before
{
    background-position: -156px 0;
}

.menu-col ul.hero-icon li a.opus-icon:before
{
    background-position: -218px 3px;
}

.menu-col ul.hero-icon li a.axeon-icon:hover:before
{
    background-position: 0 -42px;
}

.menu-col ul.hero-icon li a.verge-icon:hover:before
{
    background-position: -48px -42px;
}

.menu-col ul.hero-icon li a.radial-icon:hover:before
{
    background-position: -102px -44px;
}

.menu-col ul.hero-icon li a.whistling-icon:hover:before
{
    background-position: -156px -42px;
}

.menu-col ul.hero-icon li a.opus-icon:hover:before
{
    background-position: -218px -39px;
}

.menu-col ul.hero-icon li a.immasfsm-icon:before
{
    background-position: -540px 6px;
}

.menu-col ul.hero-icon li a.immasfsm-icon:hover:before
{
    background-position: -540px -50px;
}

.menu-col ul.hero-icon li a.arcus-icon:before
{
    background-position: -326px 0;
}

.menu-col ul.hero-icon li a.arcus-icon:hover:before
{
    background-position: -326px -47px;
}

.menu-col ul.hero-icon li a.picrng-icon:before
{
    background-position: -777px -3px;
}

.menu-col ul.hero-icon li a.picrng-icon:hover:before
{
    background-position: -777px -43px;
}

.menu-col ul.hero-icon li a.inspr-icon:before
{
    background-position: -625px 6px;
}

.menu-col ul.hero-icon li a.inspr-icon:hover:before
{
    background-position: -625px -47px;
}

.menu-col ul.hero-icon li a.gltz-icon:before
{
    background-position: -468px 0;
}

.menu-col ul.hero-icon li a.gltz-icon:hover:before
{
    background-position: -468px -46px;
}

.menu-col ul.hero-icon li a.cmflpp-icon:before
{
    background-position: -403px 9px;
}

.menu-col ul.hero-icon li a.cmflpp-icon:hover:before
{
    background-position: -405px -51px;
}

.menu-col ul.hero-icon li a.irslne-icon:before
{
    background-position: -709px 6px;
}

.menu-col ul.hero-icon li a.irslne-icon:hover:before
{
    background-position: -709px -46px;
}

.menu-col ul.hero-icon li a.vertica-icon:before
{
    background-position: -1041px 1px;
}

.menu-col ul.hero-icon li a.vertica-icon:hover:before
{
    background-position: -1041px -46px;
}

.menu-col ul.hero-icon li a.informic-icon:before
{
    background-position: -1104px 1px;
}

.menu-col ul.hero-icon li a.informic-icon:hover:before
{
    background-position: -1104px -46px;
}

.menu-col ul.hero-icon li a.ulrycbx-icon:before
{
    background-position: -1172px 3px;
}

.menu-col ul.hero-icon li a.ulrycbx-icon:hover:before
{
    background-position: -1172px -47px;
}

.menu-col ul.hero-icon li a.onar-icon:before
{
    background-position: -1256px 2px;
}

.menu-col ul.hero-icon li a.onar-icon:hover:before
{
    background-position: -1256px -46px;
}

.menu-col ul.hero-icon li a.radlun-icon:before
{
    background: url(../images/uno_icon_menu.jpg) center -4px no-repeat;
    opacity: .7;
    background-size: 36px;
}

.menu-col ul.hero-icon li a.radlun-icon:hover:before
{
    background-image: url(../images/uno_icon_menu_hover.jpg);
}

.menu-col ul.hero-icon li a.styls-icon:before
{
    background: url(../images/stylus_icon_menu.jpg) center 2px no-repeat;
    opacity: .7;
    background-size: 27px;
}

.menu-col ul.hero-icon li a.styls-icon:hover:before
{
    background-image: url(../images/stylus_icon_menu_hover.jpg);
}

.menu-col ul li a.molss-icon:before
{
    background: url(../images/mollis_icon.png) center 3px no-repeat;
    background-size: 27px auto;
}

.menu-col ul.hero-icon li a.molss-icon:hover:before
{
    background: url(../images/mollis_icon_hover.png) center 3px no-repeat;
    background-size: 27px auto;
}

.menu-col ul.hero-icon li a.halo-plus-icon:before
{
    background-position: -903px 0;
}

.menu-col ul.hero-icon li a.halo-plus-icon:hover:before
{
    background-position: -903px -47px;
}

.menu-col ul.hero-icon li a.aslimline-x-icon:before
{
    background-position: -843px 0;
}

.menu-col ul.hero-icon li a.aslimline-x-icon:hover:before
{
    background-position: -843px -48px;
}

.menu-col ul.hero-icon li a.orbit-ring-icon:before
{
    background-position: -973px 1px;
}

.menu-col ul.hero-icon li a.orbit-ring-icon:hover:before
{
    background-position: -973px -48px;
}

.mobile-col
{
    display: none;
}

.button_container
{
    position: fixed;
    top: 39px;
    right: 15px;
    height: 20px;
    width: 25px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease;
    transition: top .25s ease;
}

.header.sticky .button_container
{
    top: 26px;
}

.button_container:before
{
    content: '';
    position: absolute;
    top: -11px;
    left: -7px;
    width: 40px;
    height: 40px;
    background: #f4f4f4;
    z-index: -1;
    border-radius: 100%;
}

.button_container:hover
{
    opacity: .8;
}

.button_container.search-mob-btn
{
    right: 70px;
}

    .button_container.search-mob-btn:before
    {
        background: url(../images/mob-search.png) no-repeat;
        z-index: 2;
    }

    .button_container.search-mob-btn.active:before
    {
        background: #fff;
        z-index: -1;
    }

.button_container.active:before
{
    background: #fff;
}

.hide_item
{
    display: none;
}

.button_container.active .top
{
    transform: translateY(8px) translateX(0) rotate(45deg);
    background: #333;
}

.button_container.active .middle
{
    opacity: 0;
    background: #333;
}

.button_container.active .bottom
{
    transform: translateY(-8px) translateX(0) rotate(-45deg);
    background: #333;
}

.button_container span
{
    background: #333;
    border: none;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
}

    .button_container span:nth-of-type(2)
    {
        top: 8px;
    }

    .button_container span:nth-of-type(3)
    {
        top: 16px;
    }

    .button_container span.middle:after
    {
        position: absolute;
        top: 0;
        left: 0;
        background: #f4f4f4;
        height: 2px;
        width: 8px;
        content: '';
        z-index: 1;
    }

.overlay-menu
{
    position: fixed;
    background: #f4f6ff;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s,visibility .35s,height .35s;
    overflow: hidden;
}

#menu_overlay
{
    overflow-y: auto;
    padding: 0 15px 30px;
}

.mb-menu
{
    display: none;
}

.overlay-menu.open
{
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.mob_menu_col:after, .mob_menu_col:before
{
    content: '';
    display: block;
    clear: both;
}

@keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        left: 20%;
    }

    100%
    {
        opacity: 1;
        left: 0;
    }
}

.search_mob_col
{
    margin-top: 150px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.search_mob_result
{
    position: relative;
    opacity: 0;
}

.open .search_mob_result
{
    animation: fadeInRight .5s ease forwards;
    animation-delay: .35s;
}

.search_mob_result:before
{
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    background: url(../images/search_input_icon.png) no-repeat;
    width: 18px;
    height: 18px;
}

.search_mob_result input[type="search"]
{
    width: 100%;
    height: 50px;
    border: 0;
    border-bottom: 2px solid #b2b2b2;
    outline: none;
    padding: 0 15px 0 35px;
    font-size: 18px;
    color: #333;
    background: transparent;
}

.download-mobile
{
    display: none;
}

.svg-animation svg
{
    display: block;
    width: 100%;
}

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

#car_copy_2
{
    position: relative;
    z-index: 9;
    animation: car_copy 5s linear infinite;
    -webkit-animation: car_copy 5s linear infinite;
}

@keyframes car_copy
{
    50%
    {
        -ms-transform: translate(-110px,70px);
        -webkit-transform: translate(-110px,70px);
        transform: translate(-80px,50px);
    }

    100%
    {
        -ms-transform: translate(-220px,130px);
        -webkit-transform: translate(-220px,130px);
        transform: translate(-140px,80px);
    }
}

#bus_copy
{
    position: relative;
    z-index: 9;
    animation: bus 6s linear infinite;
    -webkit-animation: bus 6s linear infinite;
}

@keyframes bus
{
    0%
    {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }

    50%
    {
        -ms-transform: translate(-200px,-130px);
        -webkit-transform: translate(-200px,-130px);
        transform: translate(-200px,-130px);
    }

    100%
    {
        -ms-transform: translate(-20px,-10px);
        -webkit-transform: translate(-20px,-10px);
        transform: translate(-20px,-10px);
    }
}

#bus_copy
{
    position: relative;
    z-index: 9;
    animation: bus 5s linear infinite;
    -webkit-animation: bus 5s linear infinite;
}

@keyframes bus
{
    0%
    {
        -ms-transform: translate(-20px,-10px);
        -webkit-transform: translate(-20px,-10px);
        transform: translate(-20px,-10px);
    }

    100%
    {
        -ms-transform: translate(-300px,-180px);
        -webkit-transform: translate(-300px,-180px);
        transform: translate(-300px,-180px);
    }
}

#car
{
    position: relative;
    z-index: 9;
    animation: car 5s linear infinite;
    -webkit-animation: car 5s linear infinite;
}

@keyframes car
{
    0%
    {
        -ms-transform: translate(0,15px);
        -webkit-transform: translate(0,15px);
        transform: translate(0,15px);
    }

    100%
    {
        -ms-transform: translate(200px,140px);
        -webkit-transform: translate(200px,140px);
        transform: translate(200px,140px);
    }
}

#street-light_copy_6
{
    opacity: .2;
    animation: streetn 5s linear infinite;
    -webkit-animation: streetn 5s linear infinite;
}

@keyframes streetn
{
    0%
    {
        opacity: 0;
    }

    50%
    {
        opacity: 1;
    }

    100%
    {
        opacity: .2;
    }
}

#street-light_copy_12
{
    opacity: .2;
    animation: streeta 5s linear infinite;
    -webkit-animation: streeta 5s linear infinite;
}

@keyframes streeta
{
    0%
    {
        opacity: 0;
    }

    40%
    {
        opacity: .2;
    }

    65%
    {
        opacity: .2;
    }

    70%
    {
        opacity: .2;
    }

    80%
    {
        opacity: .3;
    }

    90%
    {
        opacity: 1;
    }

    100%
    {
        opacity: .2;
    }
}

#street-light_copy_2
{
    opacity: .2;
    animation: streetb 5s linear infinite;
    -webkit-animation: streetb 5s linear infinite;
}

@keyframes streetb
{
    0%
    {
        opacity: 0;
    }

    50%
    {
        opacity: 1;
    }

    100%
    {
        opacity: .2;
    }
}

#street-light_copy
{
    opacity: .2;
    animation: streetc 5s linear infinite;
    -webkit-animation: streetc 5s linear infinite;
}

@keyframes streetc
{
    0%
    {
        opacity: 0;
    }

    50%
    {
        opacity: .2;
    }

    90%
    {
        opacity: 1;
    }

    100%
    {
        opacity: .2;
    }
}

.top-space
{
    margin-top: 94px;
}

.sec07
{
    background: #f7f7f7 url(../images/news-bg.png) repeat-x;
    background-position: center bottom;
    padding-bottom: 100px!important;
    overflow: hidden;
}

    .sec07 .title2
    {
        margin-bottom: 25px;
    }

.award-slide p
{
    font-size: 20px;
    color: #333;
    line-height: 25px;
}

.award-slide .slick-dots
{
    text-align: left;
    margin-top: 18px;
}

.news-slide .slick-dots
{
    text-align: left;
    position: absolute;
    left: 15px;
    top: 100%;
}

.news-list ul
{
    padding: 0;
    margin: 0;
}

    .news-list ul > li
    {
        margin-bottom: 40px;
    }

.news-date
{
    font-size: 11px;
    color: #989ba1;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.news-heading
{
    font-size: 20px;
    color: #333;
    margin-bottom: 18px;
}

.sec08
{
    overflow: hidden;
    background: #f7f7f7;
}

.social-landing
{
    position: relative;
    max-width: 100%;
    width: 100%;
}

.white-panel
{
    position: absolute;
    background: white;
    padding: 10px;
}

    .white-panel img
    {
        display: block;
    }

    .white-panel a
    {
        display: block;
        position: relative;
    }

        .white-panel a:after
        {
            font: normal normal normal 20px/1 FontAwesome;
            position: absolute;
            bottom: 10px;
            left: 20px;
            color: #fff;
        }

        .white-panel a.instagram:after
        {
            content: "\f16d";
        }

        .white-panel a.facebook:after
        {
            content: "\f082";
        }

        .white-panel a.twitter:after
        {
            content: "\f081";
        }

        .white-panel a:before
        {
            font: normal normal normal 20px/1 FontAwesome;
            position: absolute;
            top: 50%;
            left: 50%;
            color: #fff;
            border: 3px solid rgba(255,255,255,0.5);
            width: 60px;
            height: 60px;
            margin-top: -30px;
            margin-left: -30px;
            border-radius: 100%;
            text-align: center;
            line-height: 55px;
            box-sizing: border-box;
        }

        .white-panel a.video:before
        {
            content: "\f04b";
        }

.image-box
{
    display: inline-block;
    vertical-align: top;
    padding: 8px;
    position: relative;
}

.sec09
{
    padding: 150px 0;
    background-image: url(../images/buy-bg1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .sec09 .title
    {
        color: #fff;
    }

.locate-link
{
    display: inline-block;
    padding: 15px 50px;
    background: #00a2e0;
    font-family: 'Akkurat-Bold';
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    margin-top: 15px;
}

.footer-link
{
    background: #223650;
    padding: 60px 0;
}

.link-box
{
    padding-bottom: 35px;
}

.link-box:last-child
{
    padding-bottom: 0;
}

.footer-link h6
{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 13px;
    margin-bottom: 24px;
}

    .footer-link h6:after
    {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 23px;
        height: 3px;
        background: #00a2e0;
    }

.footer-link .reach-box h6:after
{
    background: #6dc24b;
}

.footer-link ul
{
    margin: 0;
    padding: 0;
}

    .footer-link ul li
    {
        margin-bottom: 15px;
        color: #999;
        font-size: 14px;
    }

        .footer-link ul li:last-child
        {
            margin-bottom: 0;
        }

        .footer-link ul li a
        {
            color: #a7cfed;
        }

            .footer-link ul li a:hover
            {
                color: #fff;
            }

.app-box
{
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.app-fl
{
    padding-right: 10px;
}

.app-fr
{
    padding-left: 10px;
}

.app-box img
{
    display: block;
}

.footer-link .reach-box ul li
{
    position: relative;
    padding-left: 33px;
}

    .footer-link .reach-box ul li:before
    {
        font: normal normal normal 20px/1 FontAwesome;
        color: #00a2e0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .footer-link .reach-box ul li.tel a
    {
        font-size: 24px;
        color: #fff;
        font-family: 'Akkurat-Bold';
        font-weight: normal;
    }

    .footer-link .reach-box ul li.emailid a
    {
        color: #00a2e0;
    }

    .footer-link .reach-box ul li.tel:before
    {
        content: "\f095";
        top: 6px;
    }

    .footer-link .reach-box ul li.emailid:before
    {
        content: "\f0e0";
        font-size: 18px;
    }

    .footer-link .reach-box ul li.address:before
    {
        content: "\f041";
    }

.socila-box
{
    /*padding-top: 35px;*/
}

    .socila-box:after, .socila-box:before
    {
        content: '';
        display: block;
        clear: both;
    }

    .socila-box span
    {
        float: left;
        width: 40px;
        height: 40px;
        background: #606060;
        margin: 0 5px;
        font-size: 18px;
        border-radius: 14px;
        padding-bottom: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        margin-bottom: 5px;
    }

        .socila-box span.facebook
        {
            background: #4b6ea8;
        }

        .socila-box span.twitter
        {
            background: #4acfef;
        }

        .socila-box span.youtube
        {
            background: #ff2b06;
        }

        .socila-box span.google-plus
        {
            background: #e9624a;
        }

        .socila-box span.insta
        {
            background: url(../images/insta_bg.jpg) no-repeat;
        }

        .socila-box span.linkedin
        {
            background: #067bb5;
        }

        .socila-box span a
        {
            display: block;
            text-align: center;
            padding-top: 10px;
            color: #fff;
        }

.footer-link .ext-link ul li
{
    text-decoration: underline;
}

.copyright
{
    background: #19283b;
    color: #666766;
    font-size: 13px;
    padding: 22px 0;
    position: relative;
}

.copy-box1
{
    float: left;
    color: #cecdcd;
}

.copy-box1 a
{
    color: #cecdcd;
}

.copy-box2
{
    color: #cecdcd;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

    .copy-box2 a
    {
        color: #cecdcd;
        text-decoration: underline;
    }

.copyright a:hover
{
    color: #fff;
}

.copy-box3
{
    float: right;
}

    .copy-box3 span
    {
        float: left;
        padding-right: 20px;
    }

        .copy-box3 span:last-child
        {
            padding-right: 0;
        }

    .copy-box3 a
    {
        color: #cecdcd;
    }

.sec02
{
    position: relative;
    overflow: hidden;
}

.box-left
{
    float: left;
    width: 47%;
}

.box-right
{
    float: right;
    width: 47%;
}

.bg-text
{
    position: absolute;
    left: -70px;
    top: 215px;
    z-index: 0;
    font-size: 180px;
    text-transform: uppercase;
    font-family: 'Akkurat-Bold';
    font-weight: normal;
    line-height: 180px;
    color: rgba(51,51,51,0.06);
}

.text-box
{
    background: #f4fafa;
    padding: 28px 15px 28px 60px;
    width: 325px;
    font-size: 18px;
    font-family: 'Akkurat-Bold';
    font-weight: normal;
    color: #231f20;
    text-transform: uppercase;
    margin: -60px 0 24px 60px;
    position: relative;
}

.page_51 .text-box
{
    text-transform: none;
}

.text-box:before
{
    content: '';
    position: absolute;
    bottom: -24px;
    left: -24px;
    width: 100%;
    height: 100%;
    background: url(../images/pattern.png) no-repeat;
    z-index: -1;
}

.text-box span
{
    font-size: 14px;
    font-family: 'Akkurat';
    color: #646363;
    display: block;
    margin-bottom: 3px;
    position: relative;
}

    .text-box span:after
    {
        content: '';
        position: absolute;
        top: 50%;
        left: -38px;
        width: 27px;
        height: 1px;
        background: #cccccb;
    }

.prd-box
{
    position: relative;
}

.prd-box-img
{
    position: relative;
    overflow: hidden;
}

    .prd-box-img img
    {
        display: block;
    }

.plus-link
{
    position: absolute;
    right: -30px;
    bottom: -40px;
    background: red;
    width: 90px;
    height: 90px;
    background: #00a2e0;
    border-radius: 50%;
    padding-left: 27px;
    padding-top: 16px;
}

    .plus-link a
    {
        display: inline-block;
    }

.tcon-menu__lines
{
    height: 2px;
    width: 20px;
    background: #fff;
    position: relative;
    display: inline-block;
}

    .tcon-menu__lines::before
    {
        display: inline-block;
        height: 2px;
        width: 20px;
        background: #fff;
        content: '';
        position: absolute;
        left: 0;
        transform: rotate(-90deg);
    }

.innovation-slide .slick-dots
{
    position: absolute;
    bottom: 15px;
    right: 0;
    width: 100%;
    z-index: 1;
    text-align: right;
}

.innovation-slide
{
    margin-bottom: 0;
}

.visual-head
{
    font-size: 200px;
    font-family: 'Akkurat-Light';
    font-weight: normal;
    line-height: 178px;
    color: rgba(51,51,51,0.06);
    position: relative;
}

    .visual-head span
    {
        background: #f7f8f8;
        font-size: 40px;
        font-family: 'Akkurat-Light';
        position: absolute;
        display: inline-block;
        left: 60px;
        top: 50%;
        margin-top: -13px;
        line-height: 40px;
        color: #0e3570;
    }

.visual-box p
{
    font-size: 18px;
    line-height: 30px;
    font-family: 'Akkurat-Light';
    font-weight: normal;
    color: #646363;
}

.visual-head2
{
    font-size: 45px;
    color: #0e3570;
    font-family: 'Akkurat-Light';
    font-weight: normal;
    margin-bottom: 60px;
}

.skew
{
    -ms-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
}

.skew-anti
{
    -ms-transform: skew(10deg,0deg);
    -webkit-transform: skew(10deg,0deg);
    transform: skew(10deg,0deg);
}

.sec03
{
    position: relative;
    overflow: hidden;
}

.bg-left
{
    background: #00a2e0;
    position: absolute;
    left: 0;
    top: 0;
    width: 45%;
    height: 100%;
    border-right: 20px solid #295a8d;
}

    .bg-left:before
    {
        content: '';
        background: rgba(52,112,174,.9);
        position: absolute;
        top: 0;
        left: 100%;
        width: 40px;
        height: 100%;
        margin-left: 20px;
    }

    .bg-left:after
    {
        content: '';
        background: rgba(0,162,224,.9);
        position: absolute;
        top: 0;
        left: 100%;
        width: 90px;
        height: 100%;
        margin-left: 59px;
    }

.bg-right
{
    background: #00a2e0;
    position: absolute;
    right: 0;
    top: 0;
    width: 10%;
    height: 100%;
    border-left: 10px solid #295a8d;
}

    .bg-right.skew
    {
        transform-origin: 0 110%;
        -webkit-transform-origin: 0 110%;
        -ms-transform-origin: 0 110%;
    }

    .bg-right:before
    {
        content: '';
        background: rgba(52,112,174,1);
        position: absolute;
        top: 0;
        right: 100%;
        width: 30px;
        height: 100%;
        margin-right: 10px;
    }

    .bg-right:after
    {
        content: '';
        background: #0498d4;
        position: absolute;
        top: 0;
        right: 100%;
        width: 20px;
        height: 100%;
        margin-right: 40px;
    }

.product-text
{
    padding: 120px 40px 40px;
    text-align: right;
    color: #fff;
}

.sm-image
{
    position: absolute;
    top: 30px;
    right: -167px;
    z-index: 4;
}

.product-h
{
    font-size: 30px;
    font-family: 'Akkurat-Bold';
    font-weight: normal;
}

    .product-h span
    {
        font-size: 35px;
    }

.product-text ul
{
    padding: 30px 0;
    margin: 0;
}

    .product-text ul li
    {
        position: relative;
        height: 40px;
        line-height: 40px;
        margin-bottom: 15px;
        padding-right: 60px;
        font-size: 20px;
    }

        .product-text ul li:last-child
        {
            margin-bottom: 0;
        }

        .product-text ul li span
        {
            position: absolute;
            right: 0;
        }

            .product-text ul li span img
            {
                -ms-transform: skew(10deg,0deg);
                -webkit-transform: skew(10deg,0deg);
                transform: skew(10deg,0deg);
                height: 40px;
            }

.product-text .btn
{
    background: transparent;
    border: 2px solid #fff;
    line-height: 47px;
}

.product-item
{
    position: relative;
}

.product-slide .slick-arrow
{
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 15px;
    z-index: 8;
    width: 19px;
    height: 36px;
    text-indent: -999px;
    overflow: hidden;
    background: transparent url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: -10px -49px;
    outline: none;
    border: 0;
    cursor: pointer;
}

    .product-slide .slick-arrow.slick-next
    {
        right: 15px;
        left: initial;
        background-position: -73px -49px;
    }

.sec04
{
    position: relative;
    overflow: hidden;
}

    .sec04 .bg-text
    {
        top: initial;
        left: -10px;
        bottom: 45px;
        z-index: -1;
    }

    .sec04 ul
    {
        margin: -10px;
        padding: 0 0 50px;
    }

        .sec04 ul:after, .sec04 ul:before
        {
            content: '';
            display: block;
            clear: both;
        }

        .sec04 ul li
        {
            padding: 10px;
            position: relative;
            float: left;
            width: 50%;
            overflow: hidden;
        }

.blog-box
{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.tools .blog-box
{
    background: url(../images/tools.jpg) no-repeat top center;
    background-size: cover;
}

.blog-text
{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 0 20px 20px;
    width: 100%;
    background: rgba(0,0,0,0.7);
}

.sec04 ul li:nth-child(1) .blog-text
{
    bottom: 0;
}

.blog-cat
{
    color: #cccccb;
    position: relative;
    padding-left: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
    text-shadow: 0 1px #333;
}

    .blog-cat:after
    {
        content: '';
        position: absolute;
        left: -15px;
        width: 27px;
        height: 1px;
        top: 50%;
        background: #cccccb;
    }

.blog-text h4
{
    color: #82c7fb;
    font-size:18px;
    margin-bottom: 2px;
    text-shadow: 0 1px #233;
}

.blog-tagline
{
    font-size: 14px;
    color: #fff;
}

.sec04 ul li:nth-child(1) .blog-cat
{
    font-size: 14px;
}

.sec04 ul li:nth-child(1) .blog-text h4
{
    font-size: 26px;
}

.sec04 ul li:nth-child(1) .blog-tagline
{
    font-size: 16px;
}

.sec05
{
    background: url(../images/testimonial-bg.jpg) no-repeat;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
}

.clients-row
{
    margin-top: 40px;
    position: relative;
    height: 450px;
    width: 50%;
}

.client-box
{
    position: absolute;
    left: 50%;
    top: -150px;
    width: 50px;
    height: 50px;
    z-index: 1;
    transition: left 0.4s,top .4s;
    border-radius: 100%;
    margin: -25px 0 0 -25px;
}

.check-mark
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 34px;
    height: 34px;
    background: #00a2e0;
    border-radius: 100%;
    color: #fff;
    visibility: hidden;
    opacity: 0;
}

    .check-mark i
    {
        text-align: center;
        line-height: 34px;
        display: block;
        font-size: 18px;
    }

.client-box img
{
    display: block;
    opacity: .5;
}

.client-box a
{
    display: block;
    border-radius: 100%;
}

.client-box:nth-child(1)
{
    width: 70px;
    height: 70px;
    left: 20%;
    top: 0;
}

.client-box:nth-child(2)
{
    left: 5%;
    top: 10%;
}

.client-box:nth-child(3)
{
    left: 15%;
    top: 50%;
}

.client-box:nth-child(4)
{
    left: 0;
    top: 58%;
}

.client-box:nth-child(5)
{
    left: 22%;
    top: 82%;
    width: 70px;
    height: 70px;
}

.client-box:nth-child(6)
{
    left: 65%;
    top: 22%;
}

.client-box:nth-child(7)
{
    left: 80%;
    top: 2%;
}

.client-box:nth-child(8)
{
    left: 83%;
    top: 24%;
}

.client-box:nth-child(9)
{
    left: 76%;
    top: 44%;
}

.client-box:nth-child(10)
{
    left: 68%;
    top: 76%;
    width: 70px;
    height: 70px;
}

.client-box:nth-child(11)
{
    left: 90%;
    top: 80%;
}

.client-box:nth-child(12)
{
    left: 50%;
    top: 17%;
}

.client-box:nth-child(13)
{
    left: 25%;
    top: 25%;
}

.client-box:nth-child(14)
{
    left: 45%;
    top: 80%;
}

.client-box:nth-child(15)
{
    left: 36%;
    top: 17%;
    width: 60px;
    height: 60px;
}

.client-box:nth-child(16)
{
    left: 58%;
    top: 95%;
}

.client-box:nth-child(17)
{
    left: 75%;
    top: 98%;
}

.client-box:nth-child(18)
{
    left: 50%;
    top: -4%;
}

.client-box:nth-child(19)
{
    left: 61%;
    top: 39%;
}

.client-box:nth-child(20)
{
    left: 65%;
    top: 55%;
}

.client-box:nth-child(21)
{
    left: 36%;
    top: 0;
}

.client-box:nth-child(22)
{
    left: 38%;
    top: 95%;
}

.client-box:nth-child(23)
{
    left: 57%;
    top: 80%;
}

.client-box:nth-child(24)
{
    left: 65%;
    top: -4%;
}

.client-box:nth-child(25)
{
    left: 27%;
    top: 45%;
}

.client-box:nth-child(26)
{
    left: 3%;
    top: 40%;
}

.client-box:nth-child(27)
{
    left: 10%;
    top: 24%;
    width: 60px;
    height: 60px;
}

.client-box:nth-child(28)
{
    left: 1%;
    top: 80%;
}

.client-box:nth-child(29)
{
    left: 5%;
    top: 98%;
}

.client-box:nth-child(30)
{
    left: 12%;
    top: 69%;
}

.client-box:nth-child(31)
{
    left: 23%;
    top: 68%;
}

.client-box:nth-child(32)
{
    left: 33%;
    top: 66%;
}

.client-popup
{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(33%,-53%);
    z-index: 5;
    width: 550px;
    height: 1px;
    background: #fff;
    border-radius: 10px;
    padding: 38px;
    -webkit-box-shadow: 0 0 10px -2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 10px -2px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px -2px rgba(0,0,0,0.4);
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
    margin-left: 100px;
}

.client-box.current
{
    left: 45%;
    top: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%,-50%);
    z-index: 2;
}

    .client-box.current img
    {
        opacity: 1;
    }

    .client-box.current .client-popup
    {
        height: 340px;
        visibility: visible;
        opacity: 1;
    }

    .client-box.current .check-mark
    {
        visibility: visible;
        opacity: 1;
    }

.client-popup:after
{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: -11px;
    border-radius: 3px;
    width: 22px;
    height: 22px;
    background: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}

.client-popup .name
{
    color: #006666;
    margin-bottom: 10px;
    font-family: 'Akkurat-Bold';
    font-weight: normal;
}

.client-popup .rating
{
    color: #ef3341;
    font-size: 14px;
}

.popup-content
{
    margin-top: 16px;
    font-size: 14px;
}

    .popup-content p
    {
        font-size: 14px;
        line-height: 20px;
    }

        .popup-content p strong
        {
            font-size: 16px;
            line-height: 20px;
        }

        .popup-content p:first-child
        {
            margin-bottom: 5px;
        }

.sec06
{
    background: url(../images/subs-bg.jpg) no-repeat;
    color: #fff;
    overflow: hidden;
}

    .sec06 h5
    {
        color: #fff;
        margin-bottom: 8px;
    }

.newsletter-col.poll
{
    padding-left: 50px;
}

.newsletter-col ul:after
{
    content: '';
    display: block;
    clear: both;
}

.newsletter-col ul
{
    margin: 30px 0 20px;
    padding: 0;
}

    .newsletter-col ul li
    {
        display: inline-block;
        vertical-align: top;
        padding-right: 20px;
        padding-left: 25px;
        color: #a6cbec;
        position: relative;
    }

        .newsletter-col ul li:after
        {
            content: '';
            position: absolute;
            top: 5px;
            left: 0;
            width: 16px;
            height: 10px;
            background-image: url(../images/sprite.png);
            background-repeat: no-repeat;
            background-position: -162px -21px;
        }

.newsletter-form
{
    position: relative;
}

    .newsletter-form input
    {
        height: 50px;
        border: 0;
        outline: none;
    }

input.newsletter-text
{
    width: 70%;
    float: left;
    padding-left: 30px;
    padding-right: 15px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
}

input.newsletter-submit
{
    width: 30%;
    float: left;
    padding-right: 15px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    cursor: pointer;
    background: #00a2e0;
    color: #fff;
    font-family: 'Akkurat-Bold';
    font-size: 16px;
}

input.poll-submit
{
    min-width: 180px;
    border-radius: 30px;
    background: #00a2e0;
    cursor: pointer;
    color: #fff;
    font-family: 'Akkurat-Bold';
    font-size: 16px;
}

.newsletter-col.poll ul li
{
    padding-left: 0;
    padding-right: 40px;
    display: initial;
    float: left;
}

    .newsletter-col.poll ul li:after
    {
        display: none;
    }

.overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
    overflow-y: auto;
    display: none;
}

.overlay-w
{
    padding: 0 15px;
}

#search-overlay
{
    z-index: 90;
}

.search-pop
{
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 30px;
    position: relative;
    margin-top: 97px;
    -webkit-transition: margin-top .3s ease;
    -moz-transition: margin-top .3s ease;
    -o-transition: margin-top .3s ease;
    transition: margin-top .3s ease;
}

    .search-pop.sticky1
    {
        margin-top: 69px;
    }

    .search-pop input
    {
        margin: 0 auto;
        display: block;
        width: 100%;
        text-align: center;
        outline: none;
        border: 0;
        font-size: 25px;
        height: 70px;
        color: #333;
        box-sizing: border-box;
        padding-right: 45px;
        max-width: 500px;
    }

    .search-pop ::-webkit-input-placeholder
    {
        color: #646363;
        font-family: 'Akkurat-Light';
    }

    .search-pop :-ms-input-placeholder
    {
        color: #646363;
        font-family: 'Akkurat-Light';
    }

    .search-pop ::-moz-placeholder
    {
        color: #646363;
        font-family: 'Akkurat-Light';
        opacity: 1;
    }

    .search-pop :-moz-placeholder
    {
        color: #646363;
        font-family: 'Akkurat-Light';
        opacity: 1;
    }

.search-result
{
    background: #fff;
    max-width: 530px;
    margin: 0 auto;
}

    .search-result ul
    {
        margin: 0;
        padding: 0 20px 20px;
    }

        .search-result ul li
        {
            border-bottom: 1px solid #b2b2b2;
            padding: 20px 0;
            font-family: 'Akkurat-Light';
            font-size: 18px;
            color: #333;
        }

            .search-result ul li a
            {
                display: block;
            }

.close
{
    position: absolute;
    right: 16px;
    top: 16px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -999px;
    background: transparent;
    border: 0;
    cursor: pointer;
    background: url(../images/cross.png) no-repeat;
}

.new-news-close
{
    position: absolute;
    right: 16px;
    top: 16px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -999px;
    background: transparent;
    border: 0;
    cursor: pointer;
    background: url(../images/cross.png) no-repeat;
}

.search-close
{
    background: url(../images/cross2.png) no-repeat;
    position: absolute;
    right: 30px;
    top: 23px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: -999px;
    border: 0;
    cursor: pointer;
}

.news-letter-wrap
{
    max-width: 820px;
    background: #edf2fa;
    margin: 11% auto;
    position: relative;
    border-radius: 8px;
}

    .news-letter-wrap:before
    {
        content: '';
        position: absolute;
        top: -45px;
        left: 80px;
        width: 41px;
        height: 64px;
        background: url(../images/yellow_circle.png) no-repeat;
    }

.news-letter-left
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 60%;
    background: url(../images/new_latter_img.png) no-repeat;
    background-position: top left;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
}

.news-letter-right
{
    float: right;
    width: 40%;
    max-width: 320px;
    padding: 32px 45px 30px 0;
}

.news-letter-wrap .title
{
    font-size: 30px;
    text-align: left;
}

.news-letter-wrap p
{
    font-family: 'Akkurat-Light';
    font-size: 12px;
    margin-bottom: 20px;
    color: #666;
}

.input-news
{
    margin-bottom: 20px;
    position: relative;
}

    .input-news input
    {
        height: 50px;
        width: 100%;
        padding: 0 25px;
        border: 0;
        outline: 0;
        border-radius: 40px;
        background: #e6edf8;
        border: 1px solid #e2e2e2;
    }

        .input-news input[type="submit"]
        {
            border-radius: 30px;
            background: #00a2e0;
            cursor: pointer;
            color: #fff;
            font-family: 'Akkurat-Bold';
            font-size: 16px;
            border: 0;
        }

.error
{
    color: red;
    font-size: 14px;
    margin-top: 5px;
}

.success
{
    color: green;
    font-size: 14px;
    margin-top: 5px;
}

.product-dec
{
    position: relative;
    overflow: hidden;
    padding-top: 80px;
}

    .product-dec:after
    {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        border-top: 32vw solid #eeefea;
        border-right: 215vw solid transparent;
        z-index: -1;
    }

.product-left
{
    width: 50%;
    float: left;
    padding-right: 20px;
    padding-bottom: 50px;
    position: relative;
}

.product-right
{
    width: 50%;
    float: left;
    padding-left: 20px;
    position: relative;
}

.led-edge
{
    position: absolute;
    right: 0;
    top: 0;
    width: 92px;
    height: 92px;
    display: block;
    background: #fff;
    padding: 21px 10px 0;
    border-radius: 100%;
}

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

.product-title, .product-right h1
{
    padding-right: 110px;
}

.product-right h1
{
    font-size: 40px;
    margin-bottom: 0;
    color: #231f20;
    text-transform: capitalize;
}

.pro-list .title-txt
{
    text-transform: capitalize;
}

.product-right p
{
    color: #666;
}

.product-title
{
    font-size: 22px;
    color: #4d4b4b;
}

.product-title-sm
{
    font-size: 18px;
    color: #454545;
    font-family: 'Akkurat-Light';
    margin-bottom: 20px;
}

.extra-des
{
    background: #fff;
    margin-top: 30px;
}

    .extra-des h3
    {
        font-size: 24px;
        color: #4d4b4b;
        font-family: 'Akkurat';
        font-weight: normal;
        border-bottom: 1px solid #e0e0e0;
        margin: 0;
        padding: 20px;
    }

    .extra-des ul
    {
        padding: 20px 0 0 20px;
        margin: 0 -7px;
    }

        .extra-des ul:after, .extra-des ul:before
        {
            content: '';
            display: block;
            clear: both;
        }

        .extra-des ul li
        {
            font-size: 13px;
            color: #727272;
            vertical-align: top;
            text-align: center;
            width: 25%;
            float: left;
            padding: 0 7px;
            min-height: 90px;
        }

            .extra-des ul li:nth-child(4n+1)
            {
                clear: left;
            }

            .extra-des ul li img
            {
                display: inline-block;
            }

            .extra-des ul li span
            {
                display: block;
                padding-top: 5px;
            }

.detail-slide
{
    position: relative;
    z-index: 5;
}

.detail-item
{
    text-align: center;
    background-image: -ms-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: -moz-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: -o-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#717171),color-stop(100,#D1D1D1));
    background-image: -webkit-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: linear-gradient(to right,#717171 0%,#D1D1D1 100%);
}

.product-left .detail-item img
{
    display: inline-block;
}

.detail-nav
{
    position: relative;
    z-index: 5;
    margin-top: 25px;
}

.prd-info .bg-text
{
    left: -10px;
    top: initial;
    bottom: 0;
}

.prd-info-col
{
    background: #cedbe5;
    border-top-left-radius: 900px;
    border-top-right-radius: 900px;
    min-height: 600px;
    overflow: hidden;
    padding: 80px 0 40px;
    position: relative;
    z-index: 2;
}

.prd-tab
{
    padding-top: 180px;
}

.tabs-menu
{
    display: inline-block;
    margin: 0;
    padding: 9px 0;
    vertical-align: top;
}

.tabs-center
{
    text-align: center;
    background: #efeffb;
    margin-bottom: 65px;
}

.tabs-menu:after, .tabs-menu:before, .tab:after, .tab:before
{
    content: '';
    display: block;
    clear: both;
}

.tabs-container
{
    padding-top: 100px;
    position: relative;
}

.tabs-menu li
{
    float: left;
    font-size: 14px;
    text-transform: uppercase;
}

    /*.tabs-menu li.current:after
    {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 101px;
        height: 101px;
        z-index: 1;
        background-color: #00a2e0;
        border-radius: 50%;
        background-position: center center;
        background-repeat: no-repeat;
    }*/

    /*.tabs-menu li.tabs-icon1.current:after
    {
        background-image: url(../images/tab_icon01.png);
    }

    .tabs-menu li.tabs-icon2.current:after
    {
        background-image: url(../images/tab_icon02.png);
    }

    .tabs-menu li.tabs-icon3.current:after
    {
        background-image: url(../images/tab_icon03.png);
    }

    .tabs-menu li.tabs-icon4.current:after
    {
        background-image: url(../images/tab_icon04.png);
    }

    .tabs-menu li.tabs-icon5.current:after
    {
        background-image: url(../images/tab_icon05.png);
    }

    .tabs-menu li.tabs-icon6.current:after
    {
        background-image: url(../images/tab_icon06.png);
    }*/


    .tabs-menu li a
    {
        color: #676767;
        padding: 15px 22px;
        border-radius: 30px;
    }

.tabs-menu .current a
{
    color: #fff;
    background: #00a2e0;
}

.tab
{
    width: auto;
    padding: 0 70px;
}

.tab-content
{
    display: none;
}

#tab-1
{
    display: block;
}

.tab-content ul
{
    margin: 0;
    padding: 0;
}

    .tab-content ul li
    {
        position: relative;
        margin-bottom: 8px;
        padding-left: 35px;
        padding-right: 10px;
    }

        .tab-content ul li:after
        {
            content: '';
            position: absolute;
            top: 5px;
            left: 0;
            width: 16px;
            height: 10px;
            background-image: url(../images/sprite.png);
            background-repeat: no-repeat;
            background-position: -273px -15px;
        }

.tab-content h2
{
    font-size: 20px;
    margin-bottom: 8px;
}

.tab-content .group h2
{
    margin-bottom: 0;
}

.product-download
{
    text-align: center;
}

    .product-download a
    {
        display: inline-block;
        background: #00a2e0;
        color: #fff;
        padding: 12px 30px;
        padding-left: 45px;
        border-radius: 25px;
        position: relative;
    }

        .product-download a:before
        {
            content: "\f1c1";
            font: normal normal normal 18px/1 FontAwesome;
            position: absolute;
            top: 14px;
            left: 20px;
        }

.tab-inner-content:after
{
    content: '';
    display: block;
    clear: both;
}

.tableData
{
    overflow-y: auto;
    padding-bottom: 10px;
}

.tab-content table
{
    border-collapse: collapse;
    width: 100%;
}

    .tab-content table td, .tab-content table th
    {
        padding: 8px;
    }

    .tab-content table tr:nth-child(even)
    {
        background-color: #f4f4f4;
    }

    .tab-content table th
    {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #00a2e0;
        color: white;
        font-weight: normal;
    }

.prd-video
{
    background: #f4fafa url(../images/product_video_bg.png) no-repeat;
    min-height: 600px;
}

.striped-col
{
    position: relative;
}

    .striped-col:after
    {
        content: '';
        display: block;
        clear: both;
        width: 60%;
        height: 220px;
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(240,56,65,1);
        background: -moz-linear-gradient(left,rgba(240,56,65,1) 0%,rgba(242,79,62,1) 15%,rgba(255,212,42,1) 100%);
        background: -webkit-gradient(left top,right top,color-stop(0%,rgba(240,56,65,1)),color-stop(15%,rgba(242,79,62,1)),color-stop(100%,rgba(255,212,42,1)));
        background: -webkit-linear-gradient(left,rgba(240,56,65,1) 0%,rgba(242,79,62,1) 15%,rgba(255,212,42,1) 100%);
        background: -o-linear-gradient(left,rgba(240,56,65,1) 0%,rgba(242,79,62,1) 15%,rgba(255,212,42,1) 100%);
        background: -ms-linear-gradient(left,rgba(240,56,65,1) 0%,rgba(242,79,62,1) 15%,rgba(255,212,42,1) 100%);
        background: linear-gradient(to right,rgba(240,56,65,1) 0%,rgba(242,79,62,1) 15%,rgba(255,212,42,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f03841',endColorstr='#ffd42a',GradientType=1);
        -ms-transform: skewY(12deg);
        -webkit-transform: skewY(12deg);
        transform: skewY(12deg);
    }

    .striped-col:before
    {
        content: '';
        display: block;
        clear: both;
        width: 100%;
        height: 220px;
        z-index: 1;
        position: absolute;
        right: 0;
        top: 0;
        background: rgba(2,165,224,1);
        background: -moz-linear-gradient(left,rgba(2,165,224,1) 0%,rgba(24,174,228,1) 15%,rgba(148,223,253,1) 100%);
        background: -webkit-gradient(left top,right top,color-stop(0%,rgba(2,165,224,1)),color-stop(15%,rgba(24,174,228,1)),color-stop(100%,rgba(148,223,253,1)));
        background: -webkit-linear-gradient(left,rgba(2,165,224,1) 0%,rgba(24,174,228,1) 15%,rgba(148,223,253,1) 100%);
        background: -o-linear-gradient(left,rgba(2,165,224,1) 0%,rgba(24,174,228,1) 15%,rgba(148,223,253,1) 100%);
        background: -ms-linear-gradient(left,rgba(2,165,224,1) 0%,rgba(24,174,228,1) 15%,rgba(148,223,253,1) 100%);
        background: linear-gradient(to right,rgba(2,165,224,1) 0%,rgba(24,174,228,1) 15%,rgba(148,223,253,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02a5e0',endColorstr='#94dffd',GradientType=1);
        -ms-transform: skewY(-12deg);
        -webkit-transform: skewY(-12deg);
        transform: skewY(-12deg);
    }

.striped-img
{
    position: relative;
    z-index: 3;
    width: 60%;
    float: none;
    text-align: right;
    margin: 0 auto;
}

    .striped-img img
    {
        display: inline-block;
        margin-top: -20px;
    }

    .striped-img a
    {
        display: inline-block;
        position: relative;
    }

        .striped-img a:after
        {
            content: 'Play Video';
            color: #fff;
            font-size: 14px;
            text-align: center;
            padding-top: 85px;
            text-transform: uppercase;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 80px;
            margin-left: -40px;
            margin-top: -50px;
            background: url(../images/play-icon.png) no-repeat;
            z-index: 5;
        }

.callback
{
    background: url(../images/subs-bg.jpg) repeat-y;
    color: #fff;
    overflow: hidden;
    border-radius: 5px;
    padding: 40px;
    width: 100%;
    display: table;
}

.callback-form
{
    padding-top: 40px;
}

.callback-in
{
    display: inline-block;
    vertical-align: middle;
    display: table-cell;
    vertical-align: middle;
}

.tools .blog-text h4
{
    font-size: 30px;
    text-align: left;
}

.tools .blog-tagline
{
    font-size: 17px;
}

.tools h4
{
    font-size: 30px;
    text-align: center;
    margin-bottom: 0;
}

.tools p
{
    font-size: 17px;
    margin-bottom: 0;
    text-align: center;
}

.callback input
{
    height: 50px;
    border-radius: 30px;
    padding: 0 25px;
    border: 0;
    outline: none;
    width: 100%;
}

.callback-input
{
    margin-bottom: 20px;
}

.callback-submit
{
    max-width: 200px;
    margin: 0 auto;
}

    .callback-submit input
    {
        background: #5491cd;
        color: #fff;
        font-family: 'Akkurat-Bold';
        font-weight: normal;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
    }

.gallery
{
    background: #f4fafa;
    margin-bottom: -35px;
    overflow: hidden;
}

.gallery-item
{
    padding: 0 15px;
    position: relative;
    margin-bottom: 40px;
}

    .gallery-item:after
    {
        content: '';
        position: absolute;
        bottom: -40px;
        left: 45px;
        width: 100%;
        height: 100px;
        background: url(../images/pattern.png) no-repeat;
        z-index: -1;
    }

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

.gallery-slide
{
    position: relative;
}

    .gallery-slide .slick-arrow
    {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 112px;
        z-index: 8;
        width: 72px;
        height: 38px;
        text-indent: -999px;
        overflow: hidden;
        background: transparent url(../images/sprite.png);
        background-repeat: no-repeat;
        background-position: -128px -48px;
        outline: none;
        border: 0;
        cursor: pointer;
    }

        .gallery-slide .slick-arrow.slick-next
        {
            right: 112px;
            left: initial;
            background-position: -223px -48px;
        }

    .gallery-slide .slick-list:after
    {
        content: '';
        position: absolute;
        width: 200px;
        height: 100%;
        background: rgba(255,255,255,0.5);
        top: 0;
        left: 0;
    }

    .gallery-slide .slick-list:before
    {
        content: '';
        position: absolute;
        width: 200px;
        height: 100%;
        background: rgba(255,255,255,0.5);
        top: 0;
        right: 0;
        z-index: 1;
    }

.relevant-item h6
{
    font-size: 24px;
    margin: 20px 0 8px;
}

.relevant-text
{
    font-size: 14px;
    color: #999;
    font-family: 'Akkurat-Light';
    font-weight: normal;
    margin-bottom: 20px;
}

.relevant-text2
{
    color: #333;
}

.relevant-slide .slick-track
{
    margin-left: 0;
    margin-right: 0;
}

.relevant-img
{
    background-color: #fff;
    background-image: -ms-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: -moz-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: -o-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#717171),color-stop(100,#D1D1D1));
    background-image: -webkit-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: linear-gradient(to right,#717171 0%,#D1D1D1 100%);
}

.relevant-slide .slick-arrow
{
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: -15px;
    z-index: 8;
    width: 19px;
    height: 36px;
    text-indent: -999px;
    overflow: hidden;
    background: transparent url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: -321px -49px;
    outline: none;
    border: 0;
    cursor: pointer;
}

    .relevant-slide .slick-arrow.slick-next
    {
        right: -15px;
        left: initial;
        background-position: -361px -49px;
    }

.relevant-item
{
    padding: 0 30px;
}

.detail-item a, .detail-nav-item
{
    position: relative;
    display: inline-block;
    outline: none;
}

.detail-item a
{
    display: block;
}

.detail-nav-item.video:after
{
    -ms-transform: scale(0.4,0.4);
    -webkit-transform: scale(0.4,0.4);
    transform: scale(0.4,0.4);
}

.detail-nav-item
{
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    margin: 10px;
    position: relative;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #fff;
}

    .detail-nav-item.slick-current
    {
        border: 1px solid #00a2e0;
        box-sizing: border-box;
    }

    .detail-item.video a:after, .detail-nav-item.video:after
    {
        content: '';
        color: #fff;
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        margin-left: -40px;
        margin-top: -40px;
        background: url(../images/play-icon.png) no-repeat;
        z-index: 5;
    }

.product-left .detail-nav
{
    position: absolute;
    bottom: -64px;
    left: 0;
    width: 100%;
    padding-right: 20px;
}

.detail-nav .slick-arrow
{
    background: #00a2e0;
    color: #fff;
    border: 0;
    outline: none;
}

.light-grey
{
    background: #f4f4f4;
}

.page-heading
{
    margin-bottom: 30px;
}

    .page-heading:before
    {
        content: '';
        position: absolute;
        top: -27px;
        left: -29px;
        width: 190px;
        height: 190px;
        /*background: #42aae6;*/
        border-radius: 100%;
    }

h1.page-title
{
    font-family: 'Akkurat-Bold';
    font-weight: normal;
    font-size: 70px;
    border-bottom: 3px solid #0e3570;
    position: relative;
    display: inline-block;
    color: #0e3570;
    z-index: 2;
    margin-bottom: 8px;
}

    h1.page-title:after
    {
        content: '';
        height: 3px;
        background: #0e3570;
        position: absolute;
        bottom: -3px;
        left: -99%;
        width: 100%;
    }

.subtitle
{
    color: #0e3570;
    font-size: 26px;
    font-family: 'Akkurat-Light';
    z-index: 2;
    position: relative;
}

.inside-banner
{
    margin: auto;
    max-width: 1720px;
    margin-bottom: -175px;
    position: relative;
    z-index: 2;
}

.play_icon
{
    position: relative;
    display: block;
}

    .play_icon:after
    {
        content: "\f04b";
        font: normal normal normal 20px/1 FontAwesome;
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        border: 3px solid rgba(255,255,255,0.5);
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
        border-radius: 100%;
        text-align: center;
        line-height: 55px;
        box-sizing: border-box;
    }

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

.insd-pstr
{
    position: relative;
}

.section-pad
{
    padding-top: 20px;
}

.text-title-1
{
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

.text-subtitle
{
    text-align: center;
    font-family: 'Akkurat-Light';
    padding-top: 6px;
    padding-bottom: 65px;
    font-size: 20px;
}

.tab-content2
{
    display: none;
}

.tab-slick
{
    text-align: center;
    padding-bottom: 55px;
}

    .tab-slick:after
    {
        content: '';
        display: block;
        clear: both;
    }

    .tab-slick .item
    {
        display: inline-block;
        vertical-align: top;
        width: 95px;
    }

.circle
{
    width: 64px;
    height: 64px;
    display: inline-block;
    vertical-align: top;
    background: #7fd0ef;
    border-radius: 100%;
    margin-bottom: 10px;
    position: relative;
}

    .circle img
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        opacity: .5;
    }

    .circle, .circle img, .circle:before, .sm-txt
    {
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }

        .circle.crcl-bg2
        {
            background: #7fcbd6;
        }

        .circle.crcl-bg3
        {
            background: #7fadd4;
        }

        .circle.crcl-bg4
        {
            background: #ebef91;
        }

        .circle.crcl-bg5
        {
            background: #91a23d;
        }

        .circle.crcl-bg6
        {
            background: #9a8caa;
        }

.sm-txt
{
    font-size: 14px;
    color: #333;
    opacity: 0;
    visibility: hidden;
}

.tab-slick .item:hover
{
    cursor: pointer;
}

    .tab-slick .item:hover .sm-txt
    {
        opacity: 1;
        visibility: visible;
    }

    .tab-slick .item:hover .circle
    {
        box-shadow: 0 0 20px rgba(0,0,0,0.4);
    }

        .tab-slick .item:hover .circle:before
        {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            width: 54px;
            height: 54px;
            border: 1px solid #fff;
            border-radius: 100%;
        }

.tab-slick .item .circle:hover img
{
    opacity: 1;
}

.tab-slick .item.current .circle:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 54px;
    height: 54px;
    border: 1px solid #fff;
    border-radius: 100%;
}

.tab-slick .item.current .sm-txt
{
    opacity: 1;
    visibility: visible;
}

.tab-slick .item.current .circle
{
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

    .tab-slick .item.current .circle img
    {
        opacity: 1;
    }

.text-box-1
{
    float: left;
    width: 50%;
}

.img-box
{
    float: left;
    width: 50%;
    overflow: hidden;
    border-radius: 4px;
}

    .img-box img
    {
        width: 100%;
    }

.content-box
{
    padding-bottom: 120px;
    margin-bottom: 117px;
    border-bottom: 1px solid #ebebeb;
}

    .content-box:last-child
    {
        margin-bottom: 0;
    }

.tab-content-box
{
    padding-bottom: 80px;
}

.content-box:after
{
    content: '';
    display: block;
    clear: both;
}

.content-box:nth-child(odd) .text-box-1
{
    float: right;
    padding-left: 50px;
}

.content-box:nth-child(even) .img-box
{
    float: right;
}

.content-box:nth-child(even) .text-box-1
{
    padding-right: 50px;
    text-align: right;
}

.content-box:nth-child(even) .sm-title:before
{
    left: inherit;
    right: 0;
}

.content-box:last-child
{
    border: 0;
    padding-bottom: 0;
}

.sm-title
{
    font-size: 40px;
    color: #000;
    font-family: 'Akkurat-Bold';
    margin-bottom: 46px;
    position: relative;
}

    .sm-title:before
    {
        content: '';
        position: absolute;
        left: 0;
        width: 50px;
        height: 3px;
        background: #ef3341;
        bottom: -20px;
    }

a.read-mr
{
    padding: 7px 25px;
    border: 1px solid #341c53;
    color: #341c53;
    border-radius: 40px;
    display: inline-block;
}

    a.read-mr:hover
    {
        background: #341c53;
        color: #fff;
    }

.cont-box
{
    padding-bottom: 20px;
}

    .cont-box p
    {
        color: #333;
        font-family: 'Akkurat-Light';
        font-size: 18px;
        line-height: 26px;
    }

.blog-list
{
    position: relative;
    padding-bottom: 80px;
}

.blog-post
{
    float: left;
    width: 35%;
    padding-left: 60px;
    margin-top: -6px;
}

.pad-0
{
    padding-bottom: 0;
}

.mrg-0
{
    margin-bottom: 0;
}

.blog-shorted
{
    margin-bottom: 35px;
}

    .blog-shorted ul
    {
        margin: 0;
        padding: 0;
    }

        .blog-shorted ul:after
        {
            content: '';
            display: block;
            clear: both;
        }

        .blog-shorted ul li
        {
            padding: 0;
        }

            .blog-shorted ul li:first-child
            {
                margin-left: 0;
            }

            .blog-shorted ul li:last-child
            {
                margin-right: 0;
            }

            .blog-shorted ul li a
            {
                display: block;
                line-height: 45px;
                text-transform: uppercase;
                padding: 0 15px;
                color: #666;
                font-size: 15px;
                font-family: 'Akkurat';
            }

                .blog-shorted ul li a:hover
                {
                    color: #00a2e0;
                    background: #f0f0f0;
                }

            .blog-shorted ul li.active a
            {
                font-family: 'Akkurat-Bold';
                color: #00a2e0;
                background: #f0f0f0;
            }

.blog-list .row
{
    margin: 0 -30px;
    margin-bottom: -50px;
    overflow: hidden;
}

    .blog-list .row:after
    {
        content: '';
        display: block;
        clear: both;
    }

.blog-list .blog-col
{
    float: left;
    padding: 0 30px 30px;
    width: 33%;
}

    /*.blog-list .blog-col:nth-child(2n+1)
    {
        clear: left;
    }*/

.blog-post .blog-col
{
    padding-bottom: 70px;
}

    .blog-post .blog-col:last-child
    {
        padding-bottom: 0;
    }

.blog-img
{
    margin-bottom: 25px;
}

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

.blog-date
{
    background: url(../images/blg-date.png) no-repeat;
    padding-left: 25px;
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 15px;
}

.blog-title
{
    font-size: 20px;
    color: #424242;
    padding-bottom: 25px;
    min-height: 80px;
}

.blg-list
{
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaeb;
    margin-bottom: 15px;
}

    .blg-list:last-child
    {
        padding-bottom: 0;
        margin-bottom: 0;
        border: 0;
    }

    .blg-list:after
    {
        content: '';
        display: block;
        clear: both;
    }

.blg-img
{
    float: left;
    width: 25%;
}

    .blg-img img
    {
        display: block;
    }

.blg-content
{
    float: left;
    padding-left: 15px;
    width: 75%;
}

.blg-heading
{
    color: #000;
    font-size: 14px;
    padding-bottom: 15px;
}

.blg-date
{
    background: url(../../../../Content/ProjStyles/assets/images/blg-date.png) no-repeat;
    padding-left: 25px;
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 15px;
}

.blg-title
{
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Akkurat-Bold';
    color: #000;
    padding-bottom: 25px;
}

.tags ul
{
    padding: 0;
    margin: 0;
}

    .tags ul li
    {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        margin-bottom: 15px;
    }

        .tags ul li a
        {
            padding: 10px 20px;
            border: 1px solid #eaeaea;
            display: block;
            font-family: 'Akkurat-Light';
            font-size: 14px;
        }

a.load-more
{
    margin: 0 auto;
    display: inline-block;
    width: 200px;
    height: 50px;
    background: #0e3570;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-family: 'Akkurat-Bold';
    border-radius: 40px;
    line-height: 50px;
    margin-bottom: 30px;
}

.grey-heading .page-heading:before
{
    background: #a1a5a0;
}

.grey-heading .page-heading h1.page-title:after
{
    background: #333;
}

.grey-heading .page-heading h1
{
    color: #333;
    border-color: #333;
}

.grey-heading .subtitle
{
    color: #333;
}

.txt01
{
    font-size: 18px;
    font-family: 'Akkurat-Bold';
    color: #333;
    padding-bottom: 25px;
    text-transform: uppercase;
}

.title1
{
    font-family: 'Akkurat-Bold';
    font-size: 36px;
    color: #0e3570;
    padding-bottom: 20px;
}

.sub-txt
{
    font-size: 22px;
    font-family: 'Akkurat-Light';
    color: #333;
    padding-bottom: 80px;
    line-height: 28px;
}

    .sub-txt ul
    {
        margin: 20px 0;
        padding: 0;
    }

        .sub-txt ul li
        {
            position: relative;
        }

ul.bulsub li:before
{
    content: "\f105";
    font: normal normal normal 17px/1 FontAwesome;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px;
}

.sub-txt p
{
    line-height: 30px;
}

.grey-bg
{
    background: #f4f4f4;
    padding: 80px 0;
}

.txt-cont
{
    line-height: 35px;
    font-size: 22px;
    color: #333;
    font-family: 'Akkurat-Light';
    padding-top: 45px;
}

.txt02
{
    font-size: 20px;
    padding-bottom: 15px;
    padding-left: 10px;
}

.sub-title-01
{
    font-family: 'Akkurat-Bold';
    font-size: 60px;
    border-bottom: 4px solid #333;
    display: inline-block;
    color: #333;
    position: relative;
}

    .sub-title-01:after
    {
        content: '';
        position: absolute;
        left: -100vw;
        width: 100vw;
        background: #333;
        bottom: -4px;
        height: 4px;
    }

    .sub-title-01.green-blue
    {
        color: #0097ad;
        border-bottom: 4px solid #0097ad;
    }

        .sub-title-01.green-blue:after
        {
            background: #0097ad;
        }

.fliter
{
    padding-top: 65px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 40px;
}

    .fliter:after
    {
        content: '';
        display: block;
        clear: both;
    }

.txt03
{
    float: left;
    line-height: 40px;
    color: #333;
    font-size: 18px;
    font-family: 'Akkurat-Bold';
}

.flterby
{
    float: right;
}

.filter-txt
{
    float: left;
    color: #848585;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 40px;
    margin-right: 20px;
}

.select-box
{
    float: left;
    width: 136px;
    height: 40px;
    margin-right: 20px;
}

    .select-box select
    {
        width: 100%;
        border: 1px solid #e1e1e1;
        height: 40px;
        padding: 0 25px 0 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff url(../images/arrow.jpg) no-repeat 92% center;
    }

        .select-box select:focus
        {
            outline: none;
        }

.short
{
    float: left;
    background: #fff;
    border: 1px solid #e1e1e1;
}

    .short a
    {
        float: left;
        width: 38px;
        height: 38px;
        line-height: 38px;
        background: url(../images/list-icn.png) no-repeat center center;
        text-indent: -9999px;
        overflow: hidden;
        display: block;
        border-right: 1px solid #e1e1e1;
    }

        .short a:last-child
        {
            border-right: 0;
        }

    .short .grid a
    {
        background: url(../images/grid-icn.png) no-repeat center center;
    }

.pro-img-box
{
    margin-bottom: 30px;
    background-color: #fff;
    background-image: -ms-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: -moz-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: -o-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#717171),color-stop(100,#D1D1D1));
    background-image: -webkit-linear-gradient(left,#717171 0%,#D1D1D1 100%);
    background-image: linear-gradient(to right,#717171 0%,#D1D1D1 100%);
}

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

.title-txt
{
    font-size: 25px;
    padding-bottom: 8px;
    font-family: 'Akkurat-Bold';
    color: #333;
}

.sm-txt01
{
    color: #999;
    padding-bottom: 25px;
    font-family: 'Akkurat-Light';
    font-size: 16px;
    line-height: 24px;
}

.sm-txt02
{
    font-family: 'Akkurat-Light';
    font-size: 16px;
    color: #000;
}

.view-loader
{
    border-radius: 40px;
    padding: 13px 0;
    width: 200px;
    background: #0e3570;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-family: 'Akkurat-Bold';
    text-align: center;
    margin-top: 30px;
}

.pro-list .item
{
    padding-bottom: 50px;
}

.faq-page
{
    height: 422px;
}

.green-heading .page-heading:before
{
    background: #d6d953;
}

.green-heading.whistling .page-heading:before
{
    background: #90a13f;
}

.faq-page .page-heading
{
    margin-bottom: 70px;
}

.faq-search
{
    width: 670px;
    margin: auto;
    position: relative;
}

    .faq-search input[type="text"]
    {
        border: 0;
        width: 100%;
        border-radius: 40px;
        height: 60px;
        padding: 0 30px 0 20px;
        text-align: center;
        color: #b0b0b0;
        text-align: center;
        font-size: 18px;
        font-family: 'Akkurat';
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        padding-right: 45px;
    }

.faq-submit
{
    overflow: hidden;
}

    .faq-submit input[type="submit"]
    {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 16px;
        right: 20px;
        text-indent: -999px;
        background: url(../images/search-icon.png) no-repeat 97% center;
        border: 0;
        cursor: pointer;
        background-size: 100%;
    }

.faq-search input:focus
{
    outline: none;
}

.fa-title
{
    font-size: 18px;
    color: #333;
    font-family: 'Akkurat-Bold';
    border-bottom: 1px solid #dde2ea;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.faq-rgt
{
    padding-left: 45px;
}

.faq-list ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.faq-list
{
    padding-bottom: 45px;
}

    .faq-list ul li
    {
        padding-bottom: 15px;
        font-size: 25px;
        color: #aebacd;
        font-family: 'Akkurat-Bold';
        cursor: pointer;
    }

        .faq-list ul li.active
        {
            color: #000;
        }

.tab-cont
{
    display: none;
}

.accordion-item
{
    padding: 20px 0;
    border-bottom: 1px solid #dde2ea;
}

    .accordion-item .acrd-title
    {
        font-size: 30px;
        font-family: 'Akkurat-Light';
        color: #333;
        cursor: pointer;
        position: relative;
        padding-left: 45px;
    }

        .accordion-item .acrd-title:before
        {
            position: absolute;
            top: 20px;
            left: 0;
            height: 2px;
            content: '';
            width: 25px;
            background: #6a7382;
            margin-top: -2px;
        }

        .accordion-item .acrd-title:after
        {
            position: absolute;
            top: 8px;
            left: 12px;
            width: 2px;
            content: '';
            height: 22px;
            background: #6a7382;
        }

        .accordion-item .acrd-title.current:after
        {
            display: none;
        }

        .accordion-item .acrd-title.current
        {
            color: #00a2e0;
        }

    .accordion-item .acrd-content
    {
        display: none;
        padding-top: 20px;
        line-height: 24px;
        padding-left: 45px;
    }

.green-heading .page-heading:before
{
    background: #6dc24b;
}

.green-light-heading .page-heading:before
{
    /*background: #d7e123;*/
}

.green-light2 .page-heading:before
{
    background: #bfcf73;
}

.yellow-heading .page-heading:before
{
    background: #ffcb05;
}

.light_yellow_heading_grren .page-heading:before
{
    background: #e3e977;
}

.light_yellow_heading_grren h1.page-title:after
{
    background: #91a23d;
}

.light_yellow_heading_grren h1.page-title
{
    border-bottom: 3px solid #91a23d;
    color: #91a23d;
}

.red-heading .page-heading:before
{
    /*background: #f05a65;*/
}

.lighting-heading h1.page-title
{
    color: #0097ad;
    border-bottom: 3px solid #0097ad;
}

    .lighting-heading h1.page-title:after
    {
        background: #0097ad;
    }

.lighting-heading .page-heading:before
{
    background: #dde54d;
}

.yellow_bg_bondi_blue .page-heading:before
{
    background: #ffda29;
}

.yellow_bg_bondi_blue h1.page-title
{
    color: #0097ad;
    border-bottom: 3px solid #0097ad;
}

    .yellow_bg_bondi_blue h1.page-title:after
    {
        background: #0097ad;
    }

.environment-list
{
    padding-bottom: 80px;
}

    .environment-list .sm-txt01
    {
        min-height: 80px;
        padding-bottom: 15px;
    }

.extra-info
{
    background: #ddd;
}

    .extra-info p
    {
        font-family: 'Akkurat-Light';
        font-weight: normal;
        font-size: 18px;
        line-height: normal;
        color: #666766;
    }

        .extra-info p strong
        {
            font-size: 22px;
            color: #000;
            font-weight: normal;
            font-family: 'Akkurat-Light';
        }

    .extra-info .name
    {
        font-size: 24px;
        color: #333;
    }

    .extra-info .dis
    {
        font-size: 16px;
        color: #666766;
    }

.extra-img
{
    margin-top: -140px;
}

.address
{
    margin-bottom: 40px;
}

.add-sm
{
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
}

.add-sm2
{
    font-size: 24px;
    font-family: 'Akkurat-Bold';
    color: #333;
    margin-bottom: 20px;
}

.address address
{
    font-size: 16px;
    color: #727272;
    font-family: 'Akkurat';
    font-style: normal;
}

.add-icon
{
    position: relative;
    padding-left: 40px;
    margin-bottom: 25px;
}

    .add-icon:after
    {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 32px;
        background-image: url(../images/sprite.png);
        background-repeat: no-repeat;
        background-position: -11px -103px;
    }

.add-tel
{
    font-size: 30px;
    line-height: 30px;
    font-family: 'Akkurat-Bold';
}

    .add-tel a
    {
        color: #333;
    }

.add-email
{
    font-size: 18px;
    line-height: 30px;
}

    .add-email:after
    {
        background-position: -68px -103px;
    }

    .add-email a
    {
        color: #00a2e0;
    }

.contact-sec
{
    background: #f4f4f4;
}

.contact-form
{
    background: #19283b;
    max-width: 890px;
    margin: 0 auto;
    padding: 50px 80px;
    margin-top: -150px;
}

.form-label
{
    font-size: 30px;
    font-family: 'Akkurat-Light';
    margin-bottom: 40px;
    color: #fff;
}

.input
{
    margin-bottom: 30px;
    position: relative;
}

    .input input, .input select, .input textarea
    {
        height: 50px;
        width: 100%;
        padding: 0 25px;
        border: 0;
        outline: 0;
        border-radius: 30px;
        background: #fff;
        font-family: 'Akkurat';
        font-size: 16px;
        color: #333;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        color: #333;
    }

    .input textarea
    {
        resize: none;
        height: 130px;
        padding: 20px 25px;
        border-radius: 20px;
    }

    .input input[type="submit"]
    {
        border-radius: 30px;
        background: #1b3e72;
        cursor: pointer;
        color: #fff;
        font-family: 'Akkurat-Bold';
        font-size: 16px;
        border: 0;
        max-width: 250px;
    }

    .input select
    {
        background: url(images/downarrow_blue.png) no-repeat right white;
        color: #bdbdbd;
        font-size: 14px;
    }

        .input select option
        {
            color: #333;
            font-size: 16px;
        }

            .input select option.samir
            {
                color: #333!important;
            }

.select
{
    position: relative;
}

    .select:after
    {
        content: '\f107';
        font: normal normal normal 20px/1 FontAwesome;
        color: #454545;
        right: 15px;
        top: 15px;
        height: 15px;
        position: absolute;
        pointer-events: none;
    }

.input ::-webkit-input-placeholder
{
    color: #bdbdbd;
    font-family: 'Akkurat-Light';
    font-size: 14px;
}

.input :-ms-input-placeholder
{
    color: #bdbdbd;
    font-family: 'Akkurat-Light';
    font-size: 14px;
}

.input ::-moz-placeholder
{
    color: #bdbdbd;
    font-family: 'Akkurat-Light';
    opacity: 1;
    font-size: 14px;
}

.input :-moz-placeholder
{
    color: #bdbdbd;
    font-family: 'Akkurat-Light';
    opacity: 1;
    font-size: 14px;
}

.page-heading-sm
{
    margin-bottom: 100px;
}

    .page-heading-sm:before
    {
        content: '';
        position: absolute;
        top: -27px;
        left: -29px;
        width: 130px;
        height: 130px;
        background: #6dc24b;
        border-radius: 100%;
    }

    .page-heading-sm .page-title
    {
        font-family: 'Akkurat-Bold';
        font-weight: normal;
        font-size: 48px;
        border-bottom: 3px solid #0e3570;
        position: relative;
        display: inline-block;
        color: #0e3570;
        z-index: 2;
        margin-bottom: 8px;
    }

        .page-heading-sm .page-title:after
        {
            content: '';
            height: 3px;
            background: #0e3570;
            position: absolute;
            bottom: -3px;
            left: -99%;
            width: 100%;
        }

.reg-col
{
    padding: 110px 0 30px;
}

.zone
{
    border-bottom: 1px solid #b2b2b2;
    margin: 45px 0;
}

    .zone:last-child
    {
        margin-bottom: 0;
        border-bottom: 0;
    }

.add-col
{
    min-height: 100px;
}

.zone h3
{
    font-size: 36px;
    margin-bottom: 25px;
    color: #1b3e72;
    font-family: 'Akkurat';
    font-weight: normal;
}

.zone-title
{
    font-size: 24px;
    color: #333;
    font-family: 'Akkurat-Bold';
    margin-bottom: 10px;
}

.zone-list
{
    margin-bottom: 50px;
}

.zone address, .zone-tel, .zone-fax
{
    font-size: 16px;
    font-style: normal;
    font-family: 'Akkurat';
    line-height: 24px;
    color: #727272;
}

.map-content
{
    padding-bottom: 80px;
}

    .map-content .txt-cont
    {
        padding-top: 15px;
    }

.map .map_dealer
{
    width: 100%;
    height: 600px;
    display: block;
}

.map
{
    position: relative;
}

.apt-map
{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 2;
}

.map-search
{
    background: #f4f4f4;
    padding: 40px 30px;
    -webkit-box-shadow: 0 1px 14px -2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 14px -2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 14px -2px rgba(0,0,0,0.5);
}

    .map-search .input
    {
        margin-bottom: 0;
    }

.custom-col
{
    float: left;
    width: 4%;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 50px;
    text-align: center;
    font-family: 'Akkurat-Light';
    font-size: 14px;
    color: #333;
}

.custom-col2
{
    float: left;
    width: 24%;
    padding-left: 15px;
    padding-right: 15px;
}

.custom-text
{
    color: #aaaaaa;
    font-size: 12px;
    font-family: 'Akkurat-Light';
    position: absolute;
    left: 0;
    bottom: -22px;
}

.current-col
{
    position: relative;
    height: 50px;
    width: 100%;
    padding: 0 25px;
    border-radius: 30px;
    background: #fff;
    font-family: 'Akkurat';
    font-size: 14px;
    color: #666666;
    line-height: 50px;
    overflow: hidden;
}

    .current-col:before
    {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 50px;
        width: 65px;
        background: #91a23d url(../images/sprite.png) no-repeat;
        background-position: -296px 1px;
        cursor: pointer;
    }

.result-col
{
    background: #f4fafa;
}

    .result-col .col-33:nth-child(3n+1)
    {
        clear: left;
    }

    .result-col .row
    {
        margin-bottom: -25px;
        overflow: hidden;
    }

    .result-col .col-33
    {
        margin-bottom: 25px;
    }

    .result-col h2
    {
        text-align: center;
        display: inline-block;
        position: relative;
        border-bottom: 2px solid #333;
        color: #333;
        font-size: 30px;
        font-weight: normal;
        margin-bottom: 45px;
    }

.map-address
{
    padding: 25px;
    position: relative;
}

.map-distance
{
    position: absolute;
    left: 25px;
    top: 29px;
    padding-top: 40px;
    width: 68px;
    font-size: 13px;
    color: #333;
    opacity: .5;
}

    .map-distance:after
    {
        content: '';
        width: 68px;
        height: 30px;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/direstion-icon.png) no-repeat center top;
    }

.map-left
{
    padding-left: 80px;
    min-height: 185px;
}

.map-name
{
    color: #333333;
    font-size: 18px;
    margin-bottom: 8px;
}

.result-col address, .map-tel a, .map-tel
{
    color: #727272;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
}

.direction
{
    font-size: 13px;
    font-family: 'Akkurat-Bold';
    color: #fff;
    background: #989c97;
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    border-radius: 25px;
    margin-top: 20px;
}

.map-address.active
{
    background: #fff;
}

    .map-address.active .map-name
    {
        color: #1b3e72;
    }

    .map-address.active .map-distance
    {
        opacity: 1;
    }

    .map-address.active .direction
    {
        background: #1b3e72;
    }

.result-col .load-more
{
    position: static;
    display: block;
    margin-top: 30px;
}

.sub-txt span
{
    display: block;
    margin-top: 15px;
}

.light-container
{
    position: relative;
}

.light-col
{
    position: relative;
    display: none;
}

.light-click
{
    position: absolute;
    top: 50%;
    right: -38px;
    margin-top: -72px;
    cursor: pointer;
    display: none;
}

.click-text
{
    width: 90px;
    height: 90px;
    border-radius: 100%;
    line-height: 90px;
    text-align: center;
    background: #00a2e0;
    color: #fff;
}

.click-icon
{
    font-size: 11px;
    min-width: 93px;
    text-align: center;
    color: #b2b2b2;
    padding-top: 30px;
    position: relative;
}

    .click-icon:after
    {
        content: '';
        position: absolute;
        top: -5px;
        left: 50%;
        margin-left: -10px;
        width: 20px;
        height: 30px;
        background: url(../images/sprite.png) no-repeat;
        background-position: -407px -16px;
    }

.light-text
{
    font-size: 30px;
    font-family: 'Akkurat-Bold';
    text-align: center;
    color: #ef3341;
    margin-top: 20px;
}

.right-light .light-text
{
    color: #005baa;
    color: #005baa;
}

.right-light .click-text
{
    background: #727272;
}

.light-col.wrong, .light-col.wrong .light-click
{
    display: block;
}

.philosophy-sec .text-title-1
{
    font-size: 47px;
    text-transform: initial;
}

.light-content
{
    padding-left: 80px;
    padding-top: 130px;
}

    .light-content p
    {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }

.light-head
{
    font-size: 20px;
    color: #333;
    margin-bottom: 20px;
}

.sub-title-para
{
    margin-top: 10px;
    font-family: 'Akkurat-Light';
}

.lrg-title
{
    color: #0e3570;
    font-size: 40px;
    font-family: 'Akkurat-Bold';
    margin-bottom: 20px;
}

.small-title
{
    font-size: 30px;
    color: #333;
    font-family: 'Akkurat-Light';
    border-top: 1px solid #e1e1e1;
    padding-top: 60px;
    margin-top: 60px;
}

.indoor-img-box
{
    margin-bottom: 20px;
}

.indoor-txt
{
    font-size: 20px;
    padding-bottom: 8px;
    font-family: 'Akkurat-Bold';
    color: #333;
}

.indoor-papa
{
    color: #666;
    padding-bottom: 25px;
    font-family: 'Akkurat-Light';
    font-size: 16px;
    line-height: 24px;
}

    .indoor-papa a
    {
        color: #333;
        text-decoration: underline;
        font-family: 'Akkurat';
    }

.without-slide-box, .indoor-slide
{
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 60px;
}

.without-slide-box
{
    margin-bottom: -30px;
}

    .without-slide-box:after
    {
        content: '';
        display: block;
        clear: both;
    }

.indoor-slide .prd-box-item
{
    padding-left: 25px;
    padding-right: 25px;
}

.without-slide-box .prd-box-item
{
    padding-left: 25px;
    padding-right: 25px;
    width: 50%;
    float: left;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

    .without-slide-box .prd-box-item:nth-child(2n+1)
    {
        clear: left;
    }

.range-sec
{
    background: #f4f4f4;
}

.indoor-slide .slick-arrow
{
    position: absolute;
    top: 50%;
    left: -40px;
    width: 60px;
    height: 15px;
    z-index: 5;
    background: transparent url(../images/large-arrow.png) no-repeat;
    border: 0;
    text-indent: -999px;
    overflow: hidden;
    outline: none;
    margin-top: -8px;
    cursor: pointer;
}

    .indoor-slide .slick-arrow.slick-prev
    {
        background-position: -90px 0;
    }

    .indoor-slide .slick-arrow.slick-next
    {
        left: initial;
        right: -40px;
    }

    .indoor-slide .slick-arrow.slick-disabled
    {
        opacity: .4;
    }

.indoor-slide .slick-dots
{
    text-align: center;
    margin-top: 25px;
}

    .indoor-slide .slick-dots li
    {
        background: transparent;
        border: 4px solid #959595;
    }

        .indoor-slide .slick-dots li.slick-active
        {
            background: #333;
            border: 4px solid #333;
        }

.know-list
{
    margin-bottom: 50px;
}

    .know-list img
    {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

.date-col
{
    font-size: 12px;
    font-family: 'Akkurat-Light';
    color: #a9a9a9;
    position: relative;
    padding-left: 25px;
    margin-bottom: 18px;
}

    .date-col:after
    {
        content: "\f073";
        font: normal normal normal 16px/1 FontAwesome;
        color: #a9a9a9;
        position: absolute;
        top: 0;
        left: 0;
    }

.know-head
{
    font-size: 30px;
    margin-bottom: 18px;
    color: #333;
}

.know-con
{
    min-height: 50px;
    margin-bottom: 25px;
}

    .know-con p
    {
        color: #797979;
        margin-bottom: 15px;
    }

        .know-con p:last-child
        {
            margin-bottom: 0;
        }

.know-link
{
    font-size: 13px;
    color: #341c53;
    font-family: 'Akkurat-Bold';
    border: 1px solid #341c53;
    display: inline-block;
    border-radius: 20px;
    position: relative;
    padding: 8px 30px 8px 55px;
}

    .know-link:after
    {
        content: "\f1c1";
        font: normal normal normal 18px/1 FontAwesome;
        color: #341c53;
        position: absolute;
        top: 8px;
        left: 25px;
    }

.text-title-2
{
    font-size: 36px;
    color: #333;
    border-bottom: 2px solid #333;
    display: inline-block;
    margin-bottom: 10px;
}

    .text-title-2 span
    {
        font-family: 'Akkurat-Bold';
    }

.text-subtitle-2
{
    font-family: 'Akkurat-Light';
    font-size: 20px;
    margin-bottom: 45px;
}

.payback
{
    padding: 45px 20px;
    margin-bottom: 90px;
}

.payback-left
{
    padding-right: 50px;
}

.payback-right
{
    padding-left: 50px;
}

.payback-head
{
    font-size: 30px;
    margin-bottom: 30px;
    padding-left: 40px;
    position: relative;
    color: #333;
}

    .payback-head:before
    {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 26px;
        height: 40px;
        background: url(../images/payback-icon.png) no-repeat;
        background-position: -10px -8px;
    }

    .payback-head.pro:before
    {
        background-position: -49px -8px;
    }

.payback-sub-head
{
    font-size: 30px;
    margin-top: 60px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-left: 36px;
    position: relative;
    color: #333;
}

    .payback-sub-head:before
    {
        content: '';
        position: absolute;
        top: 8px;
        left: 0;
        width: 24px;
        height: 24px;
        background: url(../images/payback-icon.png) no-repeat;
        background-position: -102px -9px;
    }

    .payback-sub-head.ele:before
    {
        background-position: -151px -9px;
    }

.pay-label
{
    font-family: 'Akkurat-Bold';
    color: #454545;
    margin-bottom: 8px;
    margin-top: 15px;
}

.pay-label2
{
    color: #333;
    margin-bottom: 20px;
}

.pay-label.lrg
{
    font-size: 20px;
}

.pay-result
{
    font-size: 24px;
    color: #1b3e72;
    margin-top: 15px;
    margin-bottom: 20px;
}

    .pay-result.lrg
    {
        font-size: 28px;
        margin-bottom: 30px;
    }

.pay-border
{
    border-bottom: 1px solid #e1e1e1;
}

.payback-select
{
    position: absolute;
    top: 0;
    right: 0;
    width: 95px;
}

    .payback-select.select:after
    {
        color: #fff;
    }

    .payback-select select
    {
        background: #1b3e72;
        color: #fff;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

        .payback-select select option
        {
            color: #fff;
        }

.final-res
{
    max-width: 585px;
    margin: 0 auto;
    padding-top: 30px;
}

.final-head
{
    font-size: 30px;
    color: #333;
    margin-bottom: 50px;
    text-align: center;
}

    .final-head span
    {
        font-family: 'Akkurat-Bold';
    }

.final-res-row:after
{
    content: '';
    display: block;
    clear: both;
}

.final-res-col
{
    width: 48%;
    float: left;
    text-align: right;
    padding-top: 40px;
    position: relative;
    margin-bottom: 30px;
    font-size: 14px;
    color: #333;
    padding-right: 60px;
}

.final-res-col2
{
    width: 52%;
    float: left;
    padding-left: 45px;
    margin-bottom: 30px;
    font-size: 28px;
    color: #1b3e72;
    padding-top: 8px;
}

.input-final
{
    padding-top: 0;
}

.final-res-col:after
{
    content: '';
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 50px;
    background: url(../images/payback-icon.png) no-repeat;
    background-position: -6px -104px;
}

.final-res-col span
{
    position: absolute;
    top: 14px;
    right: 0;
}

.final-btn
{
    margin: 20px 0;
}

.brochure-list
{
    margin-bottom: 50px;
}

.brochure-head
{
    font-family: 'Akkurat-Bold';
    font-size: 18px;
    color: #000;
    margin: 20px 0;
    padding-left: 15px;
    position: relative;
    z-index: 2;
}

    .brochure-head:after
    {
        content: '';
        width: 40px;
        height: 40px;
        background: #ea9547;
        position: absolute;
        top: -8px;
        left: 0;
        border-radius: 100%;
        z-index: -1;
    }

    .brochure-head.head_bg1:after
    {
        background: #ea9547;
    }

    .brochure-head.head_bg2:after
    {
        background: #5ebedd;
    }

    .brochure-head.head_bg3:after
    {
        background: #c04c60;
    }

    .brochure-head.head_bg4:after
    {
        background: #c8d0dd;
    }

    .brochure-head.head_bg5:after
    {
        background: #f6c63a;
    }

    .brochure-head.head_bg6:after
    {
        background: #b4c752;
    }

    .brochure-head.head_bg7:after
    {
        background: #247956;
    }

    .brochure-head.head_bg8:after
    {
        background: #5ebedd;
    }

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

.brochure-img a
{
    display: block;
    position: relative;
}

.brochure-hover
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0,0,0,0.5);
    padding: 15px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.brochure-img a:hover .brochure-hover
{
    opacity: 1;
    visibility: visible;
}

.hover-item
{
    position: relative;
    height: 100%;
}

.hover-brd:after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-top: 1px solid #fff;
}

.hover-brd:before
{
    content: '';
    width: 15px;
    height: 15px;
    border-left: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.hover2:after
{
    border-bottom: 1px solid #fff;
    border-top: 0;
}

.hover2:after, .hover2:before
{
    top: initial;
    bottom: 0;
}

.hover3:after
{
    border-top: 1px solid #fff;
    left: initial;
    right: 0;
}

.hover3:before
{
    left: initial;
    right: 0;
    border-left: 0;
    border-right: 1px solid #fff;
}

.hover4:after
{
    border-bottom: 1px solid #fff;
    border-top: 0;
}

.hover4:before
{
    border-left: 0;
    border-right: 1px solid #fff;
}

.hover4:after, .hover4:before
{
    top: initial;
    bottom: 0;
    left: initial;
    right: 0;
}

.hover5:after
{
    content: "\f06e";
    font: normal normal normal 24px/1 FontAwesome;
    position: absolute;
    margin-top: -11px;
    margin-left: -12px;
    left: 50%;
    top: 50%;
    color: #fff;
}

.brochure-search
{
    padding-bottom: 45px;
}

.faq-search.brochure-search input[type="text"]
{
    background: #f3f4f7;
    box-shadow: initial;
}

.rearch-by-text
{
    margin-bottom: 70px;
}

    .rearch-by-text span
    {
        background: #eff1f5;
        float: left;
        margin: 1px;
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-size: 15px;
        color: #d6dbdf;
        cursor: pointer;
    }

        .rearch-by-text span.item-available
        {
            color: #292b2c;
        }

        .rearch-by-text span.active
        {
            background: #1697e2;
            color: #fff;
        }

.recognition_banner
{
    position: relative;
    z-index: 5;
}

.recognition-grey
{
    background: #f3f4f7;
    z-index: 2;
}

.recognition-row
{
    padding-top: 70px;
    padding-bottom: 50px;
    margin-bottom: -50px;
    overflow: hidden;
}

    .recognition-row .col-33:nth-child(3n+1)
    {
        clear: left;
    }

.recognition-item
{
    padding: 0 10px;
    margin-bottom: 50px;
}

.recognition-img
{
    margin-bottom: 20px;
    text-align: center;
}

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

.recognition-head
{
    font-size: 18px;
    line-height: 26px;
    color: #333;
    font-family: 'Akkurat-Bold';
    margin-bottom: 20px;
    text-align: center;
    min-height: 70px;
}

.recognition-btn
{
    text-align: center;
}

.know-link2
{
    font-size: 13px;
    color: #341c53;
    font-family: 'Akkurat-Bold';
    border: 1px solid #341c53;
    display: inline-block;
    border-radius: 20px;
    position: relative;
    padding: 8px 28px;
    margin: 0 15px;
}

.event-flt
{
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-bottom: 60px;
}

    .event-flt .news_detail
    {
        margin-bottom: 0;
    }

#btn-load-more
{
    margin-top: 30px;
}

.event-tab
{
    float: left;
}

    .event-tab a
    {
        font-size: 13px;
        color: #b2b2b2;
        text-transform: uppercase;
        font-family: 'Akkurat-Bold';
        border: 2px solid #b2b2b2;
        display: inline-block;
        border-radius: 30px;
        position: relative;
        padding: 12px 20px 12px 70px;
        position: relative;
    }

        .event-tab a:after
        {
            content: '';
            width: 28px;
            height: 28px;
            position: absolute;
            top: 6px;
            left: 20px;
            background: url(../images/event-icon.png) no-repeat;
            background-position: 0 -1px;
        }

        .event-tab a.upcoming
        {
            margin-right: 25px;
        }

            .event-tab a.upcoming:after
            {
                background-position: 0 -1px;
            }

        .event-tab a.past:after
        {
            background-position: -32px -1px;
        }

        .event-tab a.active.upcoming:after
        {
            background-position: 0 -32px;
        }

        .event-tab a.active.past:after
        {
            background-position: -32px -32px;
        }

        .event-tab a.active
        {
            color: #fff;
            background: #341c53;
            border: 2px solid #341c53;
        }

.event-filter
{
    float: right;
}

    .event-filter label
    {
        color: #848585;
        font-size: 12px;
        text-transform: uppercase;
        display: inline-block;
        padding-right: 10px;
    }

    .event-filter select
    {
        height: 45px;
        border: 1px solid #e1e1e1;
        padding-left: 10px;
        padding-right: 15px;
        font-family: 'Akkurat';
        font-size: 14px;
        color: #333;
    }

.event-select1
{
    margin-right: 10px;
}

.event-item
{
    padding: 0 10px;
    margin-bottom: 50px;
}

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

.event-time
{
    margin-top: 20px;
}

.date-col.clock:after
{
    content: "\f017";
    font: normal normal normal 17px/1 FontAwesome;
}

.event-head
{
    font-size: 22px;
    margin-bottom: 18px;
    color: #333;
}

.venue
{
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
}

    .venue span
    {
        color: #333;
    }

.event-content
{
    min-height: 75px;
}

    .event-content p
    {
        font-family: 'Akkurat-Light';
        color: #666;
    }

        .event-content p:last-child
        {
            margin-bottom: 0;
        }

.read-more
{
    font-size: 13px;
    color: #341c53;
    font-family: 'Akkurat-Bold';
    border: 1px solid #341c53;
    display: inline-block;
    border-radius: 20px;
    position: relative;
    padding: 8px 30px;
    min-width: 150px;
    text-align: center;
    margin-top: 20px;
}

.news-list2 .read-more
{
    clear: both;
    max-width: 100px;
    display: block;
}

.event-heading
{
    font-size: 18px;
    font-family: 'Akkurat-Bold';
    float: left;
    padding-top: 13px;
}

.news-accordion .accordion-item .acrd-title
{
    padding-right: 45px;
    padding-left: 0;
}

    .news-accordion .accordion-item .acrd-title:before
    {
        left: initial;
        right: 0;
    }

    .news-accordion .accordion-item .acrd-title:after
    {
        left: initial;
        right: 12px;
        top: 8px;
    }

    .news-accordion .accordion-item .acrd-title.current:after
    {
        display: none;
    }

.news-accordion .accordion-item .acrd-title
{
    font-size: 22px;
}

.accordion-item .acrd-title.current
{
    color: #333;
}

.news-accordion .accordion-item .acrd-title span
{
    display: block;
    font-size: 11px;
    color: #989ba1;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.news-accordion .accordion-item
{
    padding: 30px 0;
}

    .news-accordion .accordion-item .acrd-content
    {
        padding-left: 0;
    }

.news-img
{
    padding-right: 50px;
}

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

.news-content
{
    padding-top: 20px;
}

    .news-content p
    {
        color: #666;
    }

    .news-content .read-more
    {
        margin-top: 10px;
    }

    .news-content p strong
    {
        font-family: 'Akkurat';
        color: #333;
    }

    .news-content h6
    {
        font-size: 20px;
        color: #333;
        margin-bottom: 20px;
    }

.martop50
{
    margin-top: 50px;
}

.our-25 .breadcrumb ul li a, .our-25 .breadcrumb ul li a:after
{
    color: #d1cece;
}

.our-25 .breadcrumb ul li
{
    color: #fff;
}

.our-25 .breadcrumb ul
{
    border-bottom: 1px solid rgba(100,99,99,0.2);
}

.grn-heading h1.page-title
{
    color: #d7e123;
    border-color: #d7e123;
}

.grn-heading .subtitle
{
    color: #333;
}

.grn-heading h1.page-title:after
{
    background: #d7e123;
}

.grn-heading .page-heading:before
{
    background: #0097ad;
}

.heading-center
{
    text-align: center;
    font-family: 'Akkurat-Bold';
    font-size: 47px;
}

    .heading-center span
    {
        border-bottom: 3px solid #000;
        color: #000;
    }

.sub-heading-txt
{
    text-align: center;
    font-size: 20px;
    padding: 20px 0 55px;
    font-family: 'Akkurat-Light';
}

.led-content
{
    width: 50%;
    float: right;
    padding-top: 100px;
}

    .led-content p
    {
        color: #666;
    }

.wipro-bulb
{
    width: 450px;
    float: left;
    position: relative;
}

.led-title
{
    font-size: 30px;
    color: #333;
    padding-bottom: 10px;
}

.led-abt
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -315px;
    margin: auto;
}

.tech-img
{
    padding-bottom: 20px;
}

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

.tech-disc
{
    padding: 0 15px;
}

.tech-title
{
    font-size: 20px;
    color: #000;
    padding-bottom: 8px;
    font-family: 'Akkurat-Bold';
}

.technology
{
    padding: 60px 0;
}

    .technology .tch-title-box
    {
        padding-bottom: 65px;
    }

.tech-sub-heading
{
    font-size: 20px;
    font-family: 'Akkurat-Light';
    padding-top: 15px;
}

.tch-title-box-1
{
    text-align: right;
    padding-bottom: 80px;
}

    .tch-title-box-1 .sub-title-01:after
    {
        left: inherit;
        right: -100%;
        width: 100%;
    }

.ovrhide
{
    overflow: hidden;
}

.advt-box
{
    text-align: center;
    padding: 0 20px;
}

.ad-title
{
    font-size: 30px;
    color: #333;
    margin-bottom: 35px;
    padding-top: 20px;
}

    .ad-title:after
    {
        content: '';
        display: block;
        margin: 10px auto 0;
        height: 2px;
        background: #d7df23;
        width: 70px;
    }

.col-33:nth-child(1) .advt-box .ad-title:after
{
    background: #d7df23;
}

.col-33:nth-child(2) .advt-box .ad-title:after
{
    background: #0097ad;
}

.col-33:nth-child(3) .advt-box .ad-title:after
{
    background: #91a23d;
}

.col-33:nth-child(4) .advt-box .ad-title:after
{
    background: #1597e2;
}

.col-33:nth-child(5) .advt-box .ad-title:after
{
    background: #0d55a9;
}

.col-33:nth-child(6) .advt-box .ad-title:after
{
    background: #76b96a;
}

.col-33:nth-child(7) .advt-box .ad-title:after
{
    background: #1a013e;
}

.ad-cont
{
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

    .ad-cont p
    {
        margin-bottom: 10px;
    }

        .ad-cont p:last-child
        {
            margin-bottom: 0;
        }

.green-text
{
    color: #3fa814;
}

.page-heading.glry-mar
{
    margin-bottom: 0;
}

.grey-bg.gallery
{
    padding-top: 25px;
}

.gallery .col-33
{
    padding-bottom: 35px;
}

    .gallery .col-33:nth-child(3n+1)
    {
        clear: left;
    }

.glry-box
{
    position: relative;
    cursor: pointer;
}

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

    .glry-box .glry-caption
    {
        opacity: 0;
        visibility: hidden;
    }

    .glry-box .glry-caption, .glry-box .glry-title
    {
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }

    .glry-box:hover .glry-caption
    {
        opacity: 1;
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
    }

    .glry-box .glry-title
    {
        font-size: 18px;
        font-family: 'Akkurat-Bold';
        color: #fff;
        background: rgba(0,0,0,0.4);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 8px 0;
    }

    .glry-box:hover .glry-title
    {
        background: none;
        z-index: 1;
    }

    .glry-box .glry-caption .glry-view
    {
        height: 70px;
        width: 85px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: url(../images/glry-icon.png) no-repeat top center;
        color: #fff;
        font-size: 13px;
        font-family: 'Akkurat-Bold';
        padding-top: 53px;
        text-align: center;
    }

.ofc-title
{
    font-size: 20px;
}

.video-box
{
    position: relative;
}

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

.find-a-product .news-letter-wrap:before, .common-pop .news-letter-wrap:before
{
    background: url(../images/gray_circle2.png) no-repeat;
}

.find-a-product .news-letter-wrap
{
    max-width: 600px;
}

.find-a-product .close, .management-pop .close
{
    background: url(../images/cross3.png) no-repeat;
}

.find-col
{
    padding: 40px 25px;
}

.find-a-product .news-letter-wrap .title
{
    text-align: center;
}

.pop-para
{
    color: #646363;
    text-align: center;
    margin-bottom: 25px;
}

.find-col ul
{
    text-align: center;
    padding: 0;
}

    .find-col ul li
    {
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
    }

        .find-col ul li img
        {
            display: inline-block;
        }

.find-col h6
{
    font-size: 22px;
    margin: 0;
    color: #333;
    font-family: 'Akkurat';
    margin-top: 15px;
    text-align: center;
}

.find-col .find-first ul li
{
    margin: 0 50px;
}

.find-col .find-second ul:after
{
    content: '';
    display: block;
    clear: both;
}

.find-col .find-second ul
{
    padding: 0;
    margin-bottom: -30px;
}

    .find-col .find-second ul li
    {
        padding: 0 15px;
        width: 25%;
        margin-bottom: 30px;
        float: left;
    }

.find-col .find-second h6
{
    font-size: 16px;
    color: #666;
    min-height: 45px;
}

    .find-col .find-second h6 a
    {
        color: #666;
    }

.find-col .find-second .find-item
{
    width: 90px;
    height: 90px;
    display: inline-block;
    border: 1px solid #d8dde5;
    border-radius: 100%;
    background: #f1f6fa;
    position: relative;
    overflow: hidden;
    background: #f1f6fa url(../images/spriteimg01.png) no-repeat 26px -160px;
}

    .find-col .find-second .find-item img
    {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

.find-col .find-second .active .find-item
{
    background: #0097ad url(../images/spriteimg01.png) no-repeat -65px -160px;
}

.find-col .find-second .active h6
{
    color: #0097ad;
}

.find-cat-head
{
    color: #00a2e0;
    border-bottom: 2px solid #00a2e0;
    display: inline-block;
    font-size: 22px;
    margin-bottom: 10px;
}

.back_btn
{
    position: absolute;
    left: 16px;
    top: 16px;
    padding-left: 45px;
    cursor: pointer;
    color: #0e3570;
    text-transform: uppercase;
    background: url(../images/back_icon.png) no-repeat;
    background-position: 0 4px;
}

.find-col .find-second .find-item.finditm02
{
    background-position: 22px -251px;
}

.find-col .find-second .find-item.finditm03
{
    background-position: 22px -339px;
}

.find-col .find-second .find-item.finditm04
{
    background-position: 22px -429px;
}

.find-col .find-second .find-item.finditm05
{
    background-position: 22px -517px;
}

.find-col .find-second .find-item.finditm06
{
    background-position: 22px -610px;
}

.find-col .find-second .find-item.finditm07
{
    background-position: 22px -700px;
}

.find-col .find-second .find-item.finditm08
{
    background-position: 22px -789px;
}

.find-col .find-second .find-item.finditm09
{
    background-position: -158px -155px;
}

.find-col .find-second .find-item.finditm10
{
    background-position: -158px -245px;
}

.find-col .find-second .find-item.finditm11
{
    background-position: -160px -336px;
}

.find-col .find-second .find-item.finditm12
{
    background-position: -156px -425px;
}

.find-col .find-second .find-item.finditm13
{
    background-position: -158px -515px;
}

.find-col .find-second .find-item.finditm14
{
    background-position: -154px -606px;
}

.find-col .find-second .find-item.finditm15
{
    background-position: -158px -695px;
}

.find-col .find-second .active .find-item.finditm02
{
    background-position: -65px -251px;
}

.find-col .find-second .active .find-item.finditm03
{
    background-position: -65px -339px;
}

.find-col .find-second .active .find-item.finditm04
{
    background-position: -65px -429px;
}

.find-col .find-second .active .find-item.finditm05
{
    background-position: -65px -517px;
}

.find-col .find-second .active .find-item.finditm06
{
    background-position: -65px -610px;
}

.find-col .find-second .active .find-item.finditm07
{
    background-position: -65px -700px;
}

.find-col .find-second .active .find-item.finditm08
{
    background-position: -65px -789px;
}

.find-col .find-second .active .find-item.finditm09
{
    background-position: -247px -155px;
}

.find-col .find-second .active .find-item.finditm10
{
    background-position: -247px -245px;
}

.find-col .find-second .active .find-item.finditm11
{
    background-position: -248px -336px;
}

.find-col .find-second .active .find-item.finditm12
{
    background-position: -245px -425px;
}

.find-col .find-second .active .find-item.finditm13
{
    background-position: -247px -515px;
}

.find-col .find-second .active .find-item.finditm14
{
    background-position: -243px -606px;
}

.find-col .find-second .active .find-item.finditm15
{
    background-position: -247px -695px;
}

.find-col .find-second .find-item a
{
    display: block;
    width: 100%;
    height: 100%;
}

.common-pop .title
{
    margin-bottom: 15px;
}

.common-pop .news-letter-wrap p
{
    font-size: 16px;
    margin-bottom: 8px;
}

.luminaire-content
{
    text-align: center;
}

    .luminaire-content h2
    {
        font-size: 36px;
        line-height: 36px;
        color: #333;
        font-family: 'Akkurat';
        font-weight: normal;
        margin-bottom: 20px;
        text-transform: uppercase;
        display: inline-block;
        border-bottom: 3px solid #333;
    }

        .luminaire-content h2 span
        {
            font-family: 'Akkurat-Bold';
            font-weight: normal;
        }

    .luminaire-content p
    {
        font-size: 20px;
        line-height: 30px;
        font-family: 'Akkurat-Light';
        text-align: center;
        color: #333;
    }

.luminaire-prd
{
    margin-top: 50px;
    position: relative;
    min-height: 400px;
    -webkit-transition: min-height 1000ms;
    -moz-transition: min-height 1000ms;
    -o-transition: min-height 1000ms;
    transition: min-height 1000ms;
}

.luminaire-tab-con
{
    display: none;
    position: relative;
}

    .luminaire-tab-con:after
    {
        content: '';
        display: block;
        clear: both;
    }

.luminaire-left
{
    width: 35%;
    float: left;
    -webkit-transition: width 1000ms;
    -moz-transition: width 1000ms;
    transition: width 1000ms;
}

.luminaire-right
{
    width: 35%;
    float: right;
    -webkit-transition: width 1000ms;
    -moz-transition: width 1000ms;
    transition: width 1000ms;
}

.luminaire-img
{
    position: absolute;
    top: 0;
    left: 50%;
    width: 152px;
    margin-left: -76px;
    text-align: center;
    z-index: 2;
}

    .luminaire-img img
    {
        display: inline-block;
    }

.luminaire_child_item.data2
{
    margin-bottom: 10px;
    margin-top: 12px;
}

.luminaire_child_item.data3
{
    margin-bottom: -6px;
    position: relative;
    z-index: 2;
}

.luminaire_child_item.data4
{
    margin-bottom: -6px;
}

.luminaire_child_item
{
    opacity: .3;
}

    .luminaire_child_item.active
    {
        opacity: 1;
    }

.luminaire-tab-con h5
{
    font-size: 28px;
    color: #333;
    font-family: 'Akkurat';
    margin: 0 0 15px;
}

.luminaire-tab-con ul
{
    margin: 0;
    padding: 0;
}

    .luminaire-tab-con ul li
    {
        margin-bottom: 8px;
        color: #666;
        position: relative;
        padding-left: 18px;
    }

        .luminaire-tab-con ul li:after
        {
            content: "\f105";
            font: normal normal normal 16px/1 FontAwesome;
            color: #666;
            position: absolute;
            top: 2px;
            left: 0;
        }

.luminaire-tab-nav
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
}

    .luminaire-tab-nav ul
    {
        text-align: center;
        margin: 0;
        padding: 0;
    }

        .luminaire-tab-nav ul li
        {
            width: 64px;
            height: 64px;
            margin: 0 -15px;
            border-radius: 100%;
            background-image: url(../images/led-lamp-icon.png);
            background-repeat: no-repeat;
            position: relative;
            display: inline-block;
            vertical-align: top;
            opacity: 1;
            cursor: pointer;
            -webkit-transition: margin 1000ms;
            -moz-transition: margin 1000ms;
            -o-transition: margin 1000ms;
            transition: margin 1000ms;
        }

            .luminaire-tab-nav ul li span
            {
                position: absolute;
                top: 108%;
                left: -50%;
                width: 128px;
                text-align: center;
                color: #333;
                opacity: 0;
                visibility: hidden;
            }

            .luminaire-tab-nav ul li.optics
            {
                background-color: #00a2e0;
                background-position: 20px 13px;
            }

            .luminaire-tab-nav ul li.led_module
            {
                background-color: #0097ad;
                background-position: -33px 13px;
                z-index: 4;
            }

            .luminaire-tab-nav ul li.thermal
            {
                background-color: #d7df23;
                background-position: -97px 13px;
                z-index: 5;
            }

            .luminaire-tab-nav ul li.driver
            {
                background-color: #005baa;
                background-position: -158px 13px;
                z-index: 4;
            }

            .luminaire-tab-nav ul li.base
            {
                background-color: #91a23d;
                background-position: -217px 17px;
            }

            .luminaire-tab-nav ul li.active
            {
                -webkit-box-shadow: 1px 1px 14px -2px rgba(0,0,0,0.75);
                -moz-box-shadow: 1px 1px 14px -2px rgba(0,0,0,0.75);
                box-shadow: 1px 1px 14px -2px rgba(0,0,0,0.75);
                opacity: 1;
            }

                .luminaire-tab-nav ul li.active span
                {
                    opacity: 1;
                    visibility: visible;
                }

                .luminaire-tab-nav ul li.active:after
                {
                    content: '';
                    position: absolute;
                    top: 4px;
                    left: 4px;
                    border: 1px solid #fff;
                    border-radius: 100%;
                    width: 54px;
                    height: 54px;
                }

.click_expend
{
    font-size: 11px;
    min-width: 93px;
    text-align: center;
    color: #b2b2b2;
    padding-top: 30px;
    position: relative;
    z-index: 8;
}

    .click_expend:after
    {
        content: '';
        position: absolute;
        top: -5px;
        left: 50%;
        margin-left: -10px;
        width: 20px;
        height: 30px;
        background: url(../images/sprite.png) no-repeat;
        background-position: -407px -16px;
    }

.luminaire_main_img
{
    overflow: hidden;
    height: auto;
}

.expend .luminaire_main_img
{
    height: 0;
}

.luminaire_child_img
{
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 1000ms;
    -moz-transition: max-height 1000ms;
    transition: max-height 1000ms;
}

.expend .luminaire_child_img
{
    max-height: 500px;
}

.expend .luminaire-tab-nav ul li
{
    opacity: .5;
    margin: 0 15px;
}

.luminaire-tab-nav ul li.active
{
    opacity: 1;
}

.luminaire_child_item.active img.ative_img
{
    display: inline-block;
}

.expend.luminaire-prd
{
    min-height: 600px;
    margin-bottom: 25px;
}

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

    .heading3 h2
    {
        font-size: 45px;
        border-bottom: 3px solid #333;
        display: inline-block;
        color: #333;
        margin-bottom: 15px;
    }

    .heading3 p
    {
        font-size: 20px;
        color: #333;
        font-family: 'Akkurat-Light';
        margin-bottom: 0;
    }

.sky-heading .page-heading:before
{
    background: #49b3c2;
}

.sky-heading22 .page-heading:before
{
    background: #49bae6;
}

.light-grn-heading .page-heading:before
{
    background: #d7e123;
}

.light-grn-heading22 .page-heading:before
{
    background: #95d17d;
}

.orangelight-head .page-heading:before
{
    background: #ff8f35;
}

.lgt-grn-head .page-heading:before
{
    background: #7bc85d;
}

.drk-red-head .page-heading:before
{
    background: #ef4653;
}

.bluehead11 h1.page-title
{
    color: #005baa;
    border-color: #005baa;
}

.bluehead11 .subtitle
{
    color: #333;
}

.bluehead11 h1.page-title:after
{
    background: #005baa;
}

.force_green .page-heading img
{
    position: relative;
    margin-top: -20px;
}

.force_green .page-heading h1
{
    font-size: 60px;
}

.lrghrdd h1.page-title
{
    font-size: 64px;
}

.lrghrdd2 h1.page-title
{
    font-size: 45px;
    margin-top: 15px;
}

.lrghrdd2 .subtitle, .lrghrdd .subtitle
{
    color: #333;
}

.pannl1
{
    padding-bottom: 70px;
}

.panhead1
{
    font-size: 18px;
    color: #333;
    font-family: 'Akkurat-Bold';
    margin-bottom: 25px;
    text-transform: uppercase;
}

.pan-cont1 p
{
    color: #666;
    font-family: 'Akkurat-Light';
    font-size: 18px;
    line-height: 30px;
}

.panneltitle
{
    font-size: 36px;
    color: #333;
    font-family: 'Akkurat';
    margin-bottom: 40px;
    position: relative;
    line-height: 46px;
    margin-top: -5px;
    border-bottom: 2px solid #0e3570;
}

    .panneltitle span
    {
        font-family: 'Akkurat-Bold';
    }

.content-box.pannl2:nth-child(even) .text-box-1 .panneltitle:before
{
    right: 0;
    left: -100%;
}

.content-box.pannl2
{
    padding-bottom: 90px;
    margin-bottom: 0;
    text-align: left;
    border-bottom: 0;
}

    .content-box.pannl2:last-child
    {
        padding-bottom: 0;
    }

    .content-box.pannl2:nth-child(even) .text-box-1
    {
        padding-right: 50px;
        text-align: left;
    }

.pannl2 p
{
    color: #666666;
    font-size: 20px;
    font-family: Akkurat;
}

    .pannl2 p span
    {
        color: #333;
        font-size: 20px;
        font-family: Akkurat;
    }

.pannl2 ul
{
    margin: 0;
    padding: 0;
}

    .pannl2 ul li
    {
        color: #666666;
        font-size: 17px;
        padding-bottom: 10px;
        position: relative;
        padding-left: 20px;
        font-family: Akkurat;
    }

        .pannl2 ul li:last-child
        {
            padding-bottom: 0;
        }

        .pannl2 ul li span
        {
            color: #333333;
        }

        .pannl2 ul li:before
        {
            content: "\f105";
            font: normal normal normal 17px/1 FontAwesome;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 4px;
        }

p.txtp1
{
    color: #333;
    font-family: 'Akkurat-Light';
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 25px;
}

p.txtp2
{
    color: #333;
    font-family: 'Akkurat';
    font-size: 20px;
    line-height: 30px;
}

.pannl33
{
    padding: 80px 0;
}

.Wirp-Scope ul
{
    margin: 0;
    padding: 0;
}

    .Wirp-Scope ul li
    {
        list-style: none;
        line-height: 22px;
        font-size: 17px;
        color: #666;
        font-family: 'Akkurat';
        margin-bottom: 12px;
    }

.Wirp-Scope .txtp1
{
    color: #333;
    padding: 0 15px;
    font-family: 'Akkurat';
    font-size: 20px;
    margin: 10px 0 20px;
}

.pannl4-head
{
    font-size: 40px;
    color: #333;
    font-family: 'Akkurat-Bold';
    margin-bottom: 15px;
    margin-top: 30px;
    position: relative;
    line-height: 46px;
}

.pannl4 ul
{
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.pannl4 p
{
    font-family: 'Akkurat-Light';
    color: #666;
    font-size: 20px;
    line-height: 28px;
}

.pannl4 ul li, .pann55 ul li
{
    color: #666;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
}

    .pannl4 ul li ul
    {
        margin-top: 15px;
    }

    .pannl4 ul li li
    {
        padding-left: 0;
        font-size: 18px;
        margin-bottom: 15px;
    }

        .pannl4 ul li li:before
        {
            display: none;
        }

    .pannl4 ul li:before
    {
        content: "\f105";
        font: normal normal normal 20px/1 FontAwesome;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 4px;
    }

.paddingtp80
{
    padding-top: 80px;
}

.paddingbt80
{
    padding-bottom: 80px;
}

.padding80
{
    padding-top: 80px;
    padding-bottom: 80px;
}

.paddinglftrft
{
    padding-left: 150px;
    padding-right: 150px;
}

.proposedkey .pro-list
{
    padding-top: 60px;
}

.proposedkey .sub-title-01
{
    color: #0e3570;
    border-color: #0e3570;
}

    .proposedkey .sub-title-01:after
    {
        background: #0e3570;
    }

.pannelinhead
{
    font-family: 'Akkurat-Bold';
    font-size: 48px;
    border-bottom: 2px solid #0e3570;
    display: inline-block;
    color: #0e3570;
    position: relative;
    margin-top: 30px;
}

    .pannelinhead:after
    {
        content: '';
        position: absolute;
        left: -100%;
        width: 100%;
        background: #0e3570;
        bottom: -2px;
        height: 2px;
    }

p.txtp22
{
    color: #333;
    font-family: 'Akkurat-Light';
    font-size: 20px;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 100px;
}

.pann88 .row .col-45:nth-child(2) .pannl4-head
{
    margin-top: 0;
}

.pann88 .row .col-45:nth-child(2) p
{
    margin-bottom: 45px;
}

.pann88 .pannl4-head
{
    font-size: 48px;
    line-height: 58px;
}

.titles-subb
{
    font-family: 'Akkurat-Bold';
    font-size: 48px;
    border-bottom: 2px solid #333;
    display: inline-block;
    color: #333;
    position: relative;
    line-height: 48px;
    margin: 0;
    padding-bottom: 5px;
}

    .titles-subb:after
    {
        content: '';
        position: absolute;
        left: -100%;
        width: 100%;
        background: #333;
        bottom: -2px;
        height: 2px;
    }

.txt-subb
{
    color: #646363;
    font-family: 'Akkurat-Light';
    font-size: 16px;
    line-height: 16px;
    margin-top: 15px;
}

.sprit-heading
{
    font-size: 40px;
    color: #454545;
    font-family: 'Akkurat-Bold';
    margin-bottom: 30px;
    margin-top: -5px;
    position: relative;
    line-height: 50px;
}

.sprit-cont
{
    line-height: 35px;
    font-size: 22px;
    color: #333;
    font-family: 'Akkurat-Light';
    padding-top: 0;
}

.passion-sec
{
    padding-top: 20px;
}

.sprithd
{
    font-family: 'Akkurat-Bold';
    font-size: 48px;
    display: inline-block;
    color: #0e3570;
    position: relative;
    padding-top: 75px;
    line-height: 48px;
    margin: 0;
    z-index: 2;
    padding-bottom: 40px;
}

    .sprithd:before
    {
        background: #ef3341;
        height: 90px;
        width: 90px;
        border-radius: 50%;
        display: inline-block;
        content: '';
        position: absolute;
        z-index: -1;
        margin: -20px 0 0 -30px;
    }

.passion-sec.content-box:nth-child(odd) .text-box-1
{
    padding-left: 75px;
}

.passion-sec .cont-box p
{
    font-size: 20px;
    line-height: 28px;
}

.passion-sec .img-box
{
    z-index: 3;
    position: relative;
}

.respct-secn
{
    padding-top: 130px;
    padding-bottom: 130px;
    margin-top: -50px;
    text-align: center;
}

.spirit-top-sec
{
    padding-top: 60px;
}

    .spirit-top-sec .img-box
    {
        position: relative;
        z-index: 5;
    }

    .spirit-top-sec.content-box:nth-child(even) .text-box-1
    {
        float: right;
        text-align: left;
        padding-left: 80px;
    }

.respct-secn p
{
    font-size: 20px;
    line-height: 28px;
    color: #333;
    font-family: 'Akkurat-Light';
    margin-bottom: 0;
}

.sprithd
{
    padding-top: 50px;
}

.sprithdyelow:before
{
    background: #ffda29;
}

.sprithdgreen:before
{
    background: #6dc24b;
}

.sprithdsky:before
{
    background: #00a2e0;
}

.globalintegrey p
{
    font-size: 20px;
    line-height: 28px;
    color: #333;
    font-family: 'Akkurat-Light';
    margin-bottom: 40px;
}

.globalintegrey img, .respct-secn img
{
    display: block;
}

.globalintegrey img
{
    margin-bottom: 10px;
}

.globalintegrey .col-45
{
    position: relative;
    z-index: 3;
}

    .globalintegrey .col-45:nth-child(2):before
    {
        content: '';
        z-index: -1;
        display: inline-block;
        background: #fff;
        position: absolute;
        top: -13px;
        left: -70px;
        height: 200px;
        width: 200%;
    }

.globalintegrey
{
    overflow: hidden;
    margin-top: -130px;
}

.light-green-heading .page-heading:before
{
    /*background: #8ec68c;*/
}

.careerone
{
    margin-bottom: 50px;
}

    .careerone p
    {
        font-size: 16px;
        font-family: 'Akkurat-Light';
        color: #333;
        line-height: 28px;
    }

.caronebx
{
    margin-bottom: 30px;
    padding-top: 12px;
}

.caronehead
{
    font-size: 28px;
    font-family: 'Akkurat';
    color: #333;
    line-height: 34px;
    margin-bottom: 30px;
}

    .caronehead:after
    {
        content: '';
        display: block;
        width: 70px;
        height: 2px;
        background: #d5d752;
        bottom: -10px;
        position: relative;
        left: 118px;
    }

    .caronehead img
    {
        float: left;
        display: block;
        margin-right: 28px;
        margin-top: -10px;
    }

    .caronehead.gren:after
    {
        background: #919d59;
    }

    .caronehead.blue:after
    {
        background: #148cb2;
    }

.caronebx p
{
    padding-left: 118px;
}

.careertwo-sec p
{
    font-size: 18px;
    font-family: 'Akkurat';
    color: #666;
    line-height: 30px;
}

.careertwo-sec .panneltitle:before
{
    background: #333;
}

.careertwo-sec
{
    overflow: hidden;
}

    .careertwo-sec .panneltitle
    {
        border-bottom: 2px solid #30333b;
    }

    .careertwo-sec .content-box
    {
        margin-bottom: 0;
    }

.carerthre-sec
{
    padding: 40px 0;
}

.carthrehead
{
    font-size: 45px;
    color: #000;
    font-family: 'Akkurat';
    position: relative;
    line-height: 50px;
    margin-top: 0;
    border-bottom: 2px solid #000;
    display: block;
    margin-top: 50px;
    margin-bottom: 70px;
    padding-bottom: 2px;
}

    .carthrehead span
    {
        font-family: 'Akkurat-Bold';
    }

.carthrehead2
{
    font-size: 28px;
    font-family: 'Akkurat';
    color: #333;
    line-height: 34px;
    margin-bottom: 30px;
    display: block;
    position: relative;
}

    .carthrehead2:after
    {
        content: '';
        display: block;
        width: 70px;
        height: 2px;
        background: #d5d752;
        bottom: -10px;
        position: absolute;
        right: 118px;
    }

.work-benefits
{
    text-align: right;
}

.carerthrebx
{
    margin-bottom: 30px;
}

    .carerthrebx p
    {
        font-size: 16px;
        font-family: 'Akkurat-Light';
        color: #333;
        line-height: 28px;
        margin-right: 118px;
    }

.carthrehead2 img
{
    float: right;
    display: block;
    margin-left: 28px;
    margin-top: 0;
}

.open-commun
{
    text-align: left;
}

    .open-commun .carthrehead2 img
    {
        float: left;
        margin-left: 0;
        margin-right: 28px;
    }

    .open-commun .carthrehead2:after
    {
        right: auto;
        left: 118px;
    }

    .open-commun .carerthrebx p
    {
        margin-right: 0;
        margin-left: 118px;
    }

.open-commun
{
    padding: 50px 30px;
    padding-bottom: 25px;
    background: #f3f4f7;
}

    .open-commun .carthrehead
    {
        margin-top: 0;
    }

    .open-commun .carerthrebx:last-child
    {
        margin-bottom: 0;
    }

.carthrehead2.blueone11:after
{
    background: #2e7ebc;
}

.carthrehead2.blueone22:after
{
    background: #d0cd99;
}

.carthrehead2.blueone33:after
{
    background: #3f80ee;
}

.carthrehead2.blueone44:after
{
    background: #76af9b;
}

.carthrehead2.blueone55:after
{
    background: #1750a6;
}

.carthrehead2.blueone66:after
{
    background: #909971;
}

.wipro-employee
{
    text-align: center;
}

.wiprotitile
{
    font-family: 'Akkurat-Bold';
    font-size: 48px;
    color: #000;
    padding-bottom: 20px;
}

.wipro-employee p
{
    font-size: 20px;
    font-family: 'Akkurat-Light';
    color: #333;
    line-height: 28px;
}

.wipro-employee ul, ul.wpo-employe
{
    margin: 0;
    padding: 0;
}

.wpo-employe li
{
    font-size: 30px;
    font-family: 'Akkurat-Light';
    color: #333;
    line-height: 28px;
    margin-top: 60px;
    list-style: none;
    display: inline-block;
    width: 32%;
    text-align: center;
}

    .wpo-employe li img
    {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }

.carer-apply
{
    text-align: center;
}

    .carer-apply .heading
    {
        font-family: 'Akkurat-Bold';
        font-size: 40px;
        color: #0e3570;
        padding-bottom: 20px;
        margin: 0;
    }

    .carer-apply p
    {
        font-size: 30px;
        font-family: 'Akkurat-Light';
        color: #333;
        line-height: 30px;
        margin-bottom: 45px;
    }

    .carer-apply .input
    {
        margin-bottom: 0;
    }

.carrer-banner
{
    background: url(../images/career-banner.jpg) no-repeat center center;
    background-size: cover;
    height: 550px;
    font-family: 'Akkurat-Bold';
    font-size: 40px;
    color: #fff;
    text-align: center;
    padding-top: 176px;
}

    .carrer-banner .btn
    {
        background: #00a2e0;
    }

.career-wrapper
{
    max-width: 890px;
    margin: 0 auto;
}

.career-form
{
    background: #f4f4f4;
    margin: 0 auto;
    padding: 40px 50px 50px;
    clear: both;
}

.upload-photo
{
    text-align: left;
    position: relative;
    box-sizing: border-box;
    height: 50px;
    width: 100%;
    padding: 0 25px;
    border: 0;
    outline: 0;
    border-radius: 30px;
    background: #fff;
    font-family: 'Akkurat';
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: #bdbdbd;
    font-size: 14px;
    padding-right: 120px;
    overflow: hidden;
}

    .upload-photo input[type=file]
    {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        cursor: pointer;
        z-index: 5;
        text-align: left;
    }

    .upload-photo button
    {
        background: #1b3e72;
        border: 0;
        position: absolute;
        right: 0;
        top: 0;
        height: 50px;
        color: #fff;
        width: 110px;
        text-align: center;
        border-radius: 0 30px 30px 0;
        font-family: 'Akkurat-Bold';
        font-size: 16px;
    }

.choose_file
{
    text-align: left;
    display: inline-block;
    line-height: 14px;
    padding-top: 17px;
}

.smalltcxt
{
    font-size: 12px;
    color: #aaaaaa;
    line-height: 18px;
    display: block;
    padding-left: 0;
    padding-top: 5px;
}

.career-form .form-label
{
    margin-top: 20px;
    margin-bottom: 30px;
}

    .career-form .form-label.sm-label
    {
        margin-bottom: 15px;
        font-size: 20px;
    }

.leftback
{
    line-height: 20px;
    float: right;
    clear: both;
    display: block;
    text-transform: uppercase;
    margin-bottom: 20px;
}

    .leftback:before
    {
        content: "\f177";
        font: normal normal normal 20px/20px FontAwesome;
        color: #333333;
        margin-right: 20px;
        display: inline-block;
        position: relative;
        top: 2px;
    }

.carer-pad
{
    margin-top: -150px;
}

.carersubmit-popup .news-letter-wrap:before
{
    background: url(../images/gray_circle2.png) no-repeat;
}

.carpopupcontent
{
    text-align: center;
    padding: 70px 0;
    max-width: 680px;
    margin: 10% auto;
}

    .carpopupcontent img
    {
        margin: 0 auto;
        display: block;
    }

    .carpopupcontent .title3
    {
        font-size: 24px;
        color: #333;
        font-family: 'Akkurat-Bold';
        margin-bottom: 15px;
        margin-top: 40px;
    }

    .carpopupcontent p
    {
        font-size: 15px;
        color: #646363;
        font-family: 'Akkurat-Light';
        margin-bottom: 15px;
    }

    .carpopupcontent .input
    {
        margin-bottom: 0;
    }

.team-mangmnt ul
{
    margin: 0;
    padding: 0;
}

    .team-mangmnt ul li img
    {
        display: block;
        margin: 0 auto;
    }

    .team-mangmnt ul li
    {
        margin: 0;
        padding: 0;
        float: left;
        width: 25%;
        text-align: center;
        font-size: 16px;
        color: #666;
        padding: 25px 10px;
        margin: 20px 0;
    }

        .team-mangmnt ul li:nth-child(4n+1)
        {
            clear: left;
        }

        .team-mangmnt ul li:hover
        {
            box-shadow: 0 0 8px 1px #f3f3f3;
        }

        .team-mangmnt ul li a
        {
            font-size: 14px;
            color: #ef3341;
            display: block;
        }

            .team-mangmnt ul li a:after
            {
                content: "\f18e";
                display: inline-block;
                position: relative;
                color: #ef3341;
                font: normal normal normal 14px/1 FontAwesome;
                margin-left: 4px;
                top: 1px;
            }

.team-mangmnt .brochure-head
{
    font-family: 'Akkurat';
    font-size: 24px;
    color: #333;
    margin: 30px 0 10px;
    padding-left: 12px;
    position: relative;
    z-index: 2;
    line-height: 1;
    display: inline-block;
    text-transform: capitalize;
}

.team-mangmnt ul li span
{
    display: block;
    margin-bottom: 5px;
}

.team-mangmnt
{
    position: relative;
    padding: 30px 0;
    margin: 30px 0 0;
}

    .team-mangmnt:last-child
    {
        margin: 0 0 50px;
    }

    .team-mangmnt:before
    {
        content: '';
        display: block;
        position: absolute;
        z-index: -1;
        height: 415px;
        width: 100%;
        background-image: -ms-linear-gradient(top,#fefefe 0%,#F7F7F7 100%);
        background-image: -moz-linear-gradient(top,#fefefe 0%,#F7F7F7 100%);
        background-image: -o-linear-gradient(top,#fefefe 0%,#F7F7F7 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fefefe),color-stop(100,#F7F7F7));
        background-image: -webkit-linear-gradient(top,#fefefe 0%,#F7F7F7 100%);
        background-image: linear-gradient(to bottom,#fefefe 0%,#F7F7F7 100%);
    }

.sub-title-32
{
    font-family: 'Akkurat-Bold';
    font-size: 48px;
    display: inline-block;
    color: #333;
    position: relative;
    line-height: 48px;
    margin-bottom: 20px;
}

.quickfrm-popup .news-letter-wrap
{
    max-width: 510px;
    margin: 6% auto;
}

.quickfrm-popup .wrp
{
    padding: 20px 80px;
}

.quickfrm-popup
{
    overflow-y: scroll;
}

    .quickfrm-popup .input-news input
    {
        background: #fff;
        border-color: #fff;
    }

    .quickfrm-popup .news-letter-wrap p
    {
        font-size: 13px;
        color: #646363;
        text-align: center;
        line-height: 20px;
    }

    .quickfrm-popup .news-letter-wrap .title
    {
        text-align: center;
    }

    .quickfrm-popup .input-news input[type="submit"]
    {
        background: #1b3e72;
        max-width: 250px;
        margin: 0 auto;
        display: block;
    }

    .quickfrm-popup ::-webkit-input-placeholder
    {
        color: #666;
    }

    .quickfrm-popup :-ms-input-placeholder
    {
        color: #666;
    }

    .quickfrm-popup ::-moz-placeholder
    {
        color: #666;
        opacity: 1;
    }

    .quickfrm-popup :-moz-placeholder
    {
        color: #666;
        opacity: 1;
    }

    .quickfrm-popup .news-letter-wrap:before
    {
        background: url(../images/gray_circle2.png) no-repeat;
        left: 50px;
    }

    .quickfrm-popup .close
    {
        background: url(../images/cross3.png) no-repeat;
    }

.greenbuildings p
{
    color: #666;
}

.greenbuildings img
{
    display: block;
}

.greenbuildings .gb-img
{
    margin-top: 60px;
}

.gb-title
{
    font-size: 30px;
    color: #424242;
    margin-top: 28px;
    margin-bottom: 10px;
}

.greenbuildings ul
{
    margin: 0;
    padding: 0;
}

    .greenbuildings ul li
    {
        color: #666666;
        font-size: 16px;
        padding-bottom: 10px;
        position: relative;
        padding-left: 20px;
    }

        .greenbuildings ul li:before
        {
            content: "\f105";
            font: normal normal normal 16px/1 FontAwesome;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 2px;
        }

.gbsw
{
    font-family: 'Akkurat-Bold';
    font-size: 26px;
    display: inline-block;
    color: #ffda29;
    background: #6aa84d;
    text-align: center;
    padding: 22px 0;
    width: 100%;
}

.offc-glry .tch-title-box
{
    padding-bottom: 30px;
}

.sub-title-02
{
    color: #333;
    font-size: 36px;
    font-family: 'Akkurat';
    font-family: Akkurat;
    font-size: 36px;
    border-bottom: 2px solid #333;
    display: inline-block;
    color: #333;
    position: relative;
}

    .sub-title-02 span
    {
        font-family: 'Akkurat-Bold';
    }

    .sub-title-02:after
    {
        content: '';
        position: absolute;
        left: -100%;
        width: 100%;
        background: #333;
        bottom: -2px;
        height: 2px;
    }

.sub-title-02-sub
{
    font-size: 16px;
    font-family: 'Akkurat-Light';
    padding-top: 8px;
}

.luminaires-list-pro .pro-img-box
{
    padding-bottom: 0;
    width: 25%;
    float: left;
    margin-right: 30px;
    margin-bottom: 0;
}

.luminaires-list-pro .title-txt
{
    padding-top: 20px;
}

.pro-list .luminaires-list-pro .col-33
{
    float: left;
    width: 100%;
}

.pro-list .luminaires-list-pro .item:after
{
    content: '';
    display: block;
    clear: both;
}

.prolist-row
{
    margin-bottom: -40px;
    overflow: hidden;
}

.current
{
    display: block;
}

.short
{
    margin: 0;
    padding: 0;
}

    .short li
    {
        margin: 0;
        padding: 0;
        float: left;
    }

        .short li.current a
        {
            background-color: #ddd;
        }

.sub-title-40
{
    font-size: 40px;
    color: #000;
    font-family: 'Akkurat-Bold';
    margin-bottom: 20px;
    position: relative;
    line-height: 40px;
}

.abc2028 p
{
    font-size: 20px;
    line-height: 28px;
    color: #666;
    font-family: 'Akkurat-Light';
}

p.abcd3548
{
    font-size: 35px;
    line-height: 48px;
    color: #333;
    font-family: 'Akkurat-Light';
    margin-bottom: 25px;
}

    p.abcd3548 strong
    {
        font-family: 'Akkurat';
        color: #000;
        font-style: normal;
        border-bottom: 2px solid #000;
        font-weight: normal;
    }

.beam-angle
{
    margin-top: -54px;
}

    .beam-angle .sub-title-40
    {
        padding-top: 100px;
    }

.illuminance p, .illuminance img
{
    margin-bottom: 25px;
}

.lumous-flux .open-commun
{
    padding: 0;
    background: #fff;
}

.lumous-flux .carerthrebx
{
    margin-bottom: 70px;
}

.luilins11:after
{
    background: #d7df23;
}

.luilins22:after
{
    background: #91a23d;
}

.luilins33:after
{
    background: #0097ad;
}

.luilins44:after
{
    background: #0e3570;
}

.phoabc
{
    padding-top: 0!important;
}

.photometry
{
    margin-top: 0;
}

.lighttool .page-heading
{
    margin-bottom: 50px;
}

.lghtg-dgn-path
{
    text-align: center;
    margin-top: -48px;
    z-index: 1;
    position: relative;
}

    .lghtg-dgn-path ul
    {
        margin: 0;
        padding: 0;
        margin-bottom: 50px;
    }

        .lghtg-dgn-path ul li
        {
            text-align: center;
            display: inline-block;
            font-size: 18px;
            color: #b2b2b2;
            margin: 0 50px;
            font-family: 'Akkurat-Light';
            vertical-align: top;
        }

            .lghtg-dgn-path ul li:first-child
            {
                margin-left: 10px;
            }

            .lghtg-dgn-path ul li:last-child
            {
                margin-right: 10px;
            }

    .lghtg-dgn-path span
    {
        display: block;
        width: 78px;
        height: 78px;
        border-radius: 50%;
        background: #fff url(../images/ldt-1.png) no-repeat center center;
        border: 2px solid #e7e6e6;
        margin: 5px auto;
        position: relative;
    }

    .lghtg-dgn-path ul li span:after
    {
        content: '';
        display: inline-block;
        width: 150px;
        height: 3px;
        background: #e0e0e0;
        position: absolute;
        right: -150px;
        top: 50%;
        z-index: -1;
    }

    .lghtg-dgn-path ul li:last-child span:after
    {
        display: none;
    }

    .lghtg-dgn-path ul li:nth-child(2) span
    {
        background-image: url(../images/ldt-2.png);
    }

    .lghtg-dgn-path ul li:nth-child(3) span
    {
        background-image: url(../images/ldt-3.png);
    }

    .lghtg-dgn-path ul li:nth-child(4) span
    {
        background-image: url(../images/ldt-4.png);
    }

    .lghtg-dgn-path ul li.active
    {
        color: #00a2e0;
    }

        .lghtg-dgn-path ul li.active span
        {
            background-color: #00a2e0;
            border: 2px solid #00a2e0;
        }

        .lghtg-dgn-path ul li.active:nth-child(1) span
        {
            background-image: url(../images/ldt-1-active.png);
        }

        .lghtg-dgn-path ul li.active:nth-child(2) span
        {
            background-image: url(../images/ldt-2-active.png);
        }

        .lghtg-dgn-path ul li.active:nth-child(3) span
        {
            background-image: url(../images/ldt-3-active.png);
        }

        .lghtg-dgn-path ul li.active:nth-child(4) span
        {
            background-image: url(../images/ldt-4-active.png);
        }

        .lghtg-dgn-path ul li.active span:after
        {
            background: #00a2e0;
        }

.ligh-dsgn-tol-form .input select
{
    color: #bdbdbd;
    font-size: 14px;
    background: #f4f4f4;
}

.bannerlisght img
{
    display: block;
}

.bannerlisght
{
    position: relative;
    z-index: 0;
    margin-bottom: 50px;
}

.thmb-lgt
{
    position: absolute;
    bottom: -32%;
    width: 100%;
    text-align: center;
    z-index: 3;
    margin: 0;
    padding: 0;
}

    .thmb-lgt li
    {
        display: inline-block;
        margin: 0 25px;
        color: #b2b2b2;
        font-size: 20px;
        text-transform: uppercase;
    }

        .thmb-lgt li:first-child
        {
            margin-left: 0;
        }

        .thmb-lgt li:last-child
        {
            margin-right: 0;
        }

        .thmb-lgt li a
        {
            display: block;
            position: relative;
        }

        .thmb-lgt li img
        {
            margin-bottom: 18px;
            border-radius: 50%;
        }

        .thmb-lgt li a:before
        {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            background-color: #fff;
            position: absolute;
            opacity: .7;
            border-radius: 50%;
        }

        .thmb-lgt li.current a:before
        {
            opacity: 0;
        }

        .thmb-lgt li.current
        {
            color: #333;
        }

            .thmb-lgt li.current img
            {
                box-shadow: 0 0 15px 0 #999;
            }

.ligh-dsgn-tol-form .wrapper
{
    padding-left: 100px;
    padding-right: 100px;
}

.slct-ara-ofc
{
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

    .slct-ara-ofc li
    {
        margin: 0;
        padding: 0;
        width: 24%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 30px;
        position: relative;
    }

        .slct-ara-ofc li img
        {
            display: block;
            margin: 0 auto;
            padding: 0;
            margin-bottom: 15px;
            border-radius: 50%;
            opacity: .7;
        }

.thmb-lgt li a:before
{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    opacity: .7;
    border-radius: 50%;
}

.ligh-dsgn-tol-form .input
{
    display: block;
    text-align: center;
    margin-top: 20px;
}

    .ligh-dsgn-tol-form .input input[type="submit"]
    {
        display: inline-block;
        margin: 0 20px;
    }

.slct-ara-ofc input[type="radio"], .typselctlight .pro-img-box input[type="radio"]
{
    display: none;
}

.slct-ara-ofc label, .typselctlight .pro-img-box label
{
    position: relative;
    z-index: 1;
    color: #b2b2b2;
    text-decoration: none;
    overflow: hidden;
    display: block;
    font-size: 20px;
    padding: 10px;
    cursor: pointer;
    margin: 0 -10px;
}

.slct-ara-ofc input[type="radio"] + label span, .typselctlight .pro-img-box input[type="radio"] + label span
{
    cursor: pointer;
    display: block;
    height: 30px;
    margin: -2px 8px 0 0;
    vertical-align: top;
    width: 30px;
    position: absolute;
    top: 16px;
    right: 47px;
}

.typselctlight .pro-img-box input[type="radio"] + label span
{
    top: 20px;
    right: 10px;
}

.slct-ara-ofc input[type="radio"]:checked + label span, .typselctlight .pro-img-box input[type="radio"]:checked + label span
{
    background: url(../images/selected.png) center center no-repeat;
}

.slct-ara-ofc input[type="radio"]:checked + label, .typselctlight .pro-img-box input[type="radio"]:checked + label
{
    color: #0097ad;
}

    .slct-ara-ofc input[type="radio"]:checked + label img, .typselctlight .pro-img-box input[type="radio"]:checked + label img
    {
        box-shadow: 0 0 15px 0 #ccc;
    }

.ligh-tol-form3 .wrapper
{
    padding-left: 0;
    padding-right: 0;
}

.ligh-tol-form3 .pro-img-box
{
    padding-bottom: 10px;
    position: relative;
}

.ligh-tol-form3 .pro-list .item
{
    padding-bottom: 30px;
}

.typselctlight .fliter
{
    padding-top: 0;
    padding-bottom: 8px;
    margin-bottom: 30px;
}

.shrtng
{
    float: left;
}

    .shrtng li
    {
        display: inline-block;
        margin-right: 35px;
        line-height: 40px;
    }

        .shrtng li:last-child
        {
            margin-right: 0;
        }

    .shrtng ul
    {
        margin: 0;
        padding: 0;
    }

    .shrtng label
    {
        position: relative;
        z-index: 1;
        margin-bottom: 0;
        color: #6d6d6d;
        text-decoration: none;
        cursor: pointer;
    }

    .shrtng input[type="radio"]
    {
        display: none;
    }

        .shrtng input[type="radio"] + label span
        {
            background: url(../images/radio.png) -39px top no-repeat;
            cursor: pointer;
            display: inline-block;
            height: 20px;
            margin: -2px 8px 0 0;
            vertical-align: middle;
            width: 20px;
        }

        .shrtng input[type="radio"]:checked + label span
        {
            background: url(../images/radio.png) -1px top no-repeat;
        }

        .shrtng input[type="radio"]:checked + label
        {
            color: #333;
        }

.product-summary
{
    margin-top: 20px;
}

.prosum-head
{
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 15px;
}

    .prosum-head span
    {
        font-size: 20px;
        color: #333;
        font-family: 'Akkurat-Bold';
        width: 30%;
        display: inline-block;
    }

.prosum-details
{
    padding: 30px 0;
    font-size: 30px;
    color: #333;
    font-family: 'Akkurat-Bold';
    border-bottom: 1px solid #e7e7e7;
}

.prosum-img, .prosum-name, .prosum-qty, .prosum-dlt
{
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}

.prosum-details .prosum-img img
{
    max-width: 170px;
    display: block;
}

.prosum-name
{
    font-size: 24px;
}

    .prosum-name span
    {
        font-size: 14px;
        color: #999999;
        font-family: 'Akkurat-Light';
        display: block;
        margin-top: 10px;
    }

.prosum-qty
{
    font-family: 'Akkurat';
}

.prosum-dlt
{
    width: 8.4%;
    height: 20px;
    text-align: right;
}

.remove
{
    display: inline-block;
    width: 42px;
    height: 42px;
    border: 2px solid #e4e1e1;
    background: #fff url(../images/remove1.png) center center no-repeat;
    box-sizing: border-box;
    border-radius: 50%;
    margin-top: -20px;
}

a.continue-btn
{
    padding: 7px 25px;
    border: 1px solid #341c53;
    color: #341c53;
    border-radius: 40px;
    font-size: 13px;
    font-family: 'Akkurat-BOld';
    float: right;
    margin-top: 25px;
}

    a.continue-btn:hover
    {
        background: #341c53;
        color: #fff;
    }

.product-summary .input
{
    display: block;
    text-align: center;
    margin-top: 30px;
    float: left;
    width: 100%;
    margin-bottom: 70px;
}

.view-design-assum
{
    background-color: #f4f4f4;
    padding: 35px 50px;
    font-size: 17px;
    color: #666;
    margin: 0 auto;
    margin-bottom: 65px;
    width: 80%;
}

    .view-design-assum .title
    {
        font-size: 26px;
        color: #333;
        text-transform: none;
        padding-bottom: 30px;
        border-bottom: 1px solid #cccccc;
        margin: 0 -50px;
        margin-bottom: 30px;
    }

    .view-design-assum li strong
    {
        color: #333333;
        font-weight: normal;
        font-family: 'Akkurat';
    }

    .view-design-assum ul
    {
        margin: 0;
        padding: 0;
    }

    .view-design-assum li
    {
        margin-bottom: 10px;
    }

        .view-design-assum li:before
        {
            content: "\f105";
            display: inline-block;
            font: normal normal normal 17px/1 FontAwesome;
            margin-right: 15px;
        }

.blgdet-tile
{
    font-size: 40px;
    color: #424242;
    font-family: 'Akkurat-Bold';
    margin-bottom: 25px;
    margin-top: 15px;
    position: relative;
    line-height: 46px;
}

.blog-page-details .blog-list
{
    padding-bottom: 30px;
}

.blog-page-details h2
{
    font-size: 30px;
    color: #797979;
    font-family: 'Akkurat-Light';
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
    line-height: 38px;
}

.blog-page-details h3
{
    font-family: 'Akkurat-Bold';
    font-size: 32px;
    line-height: 38px;
    color: #424242;
    font-weight: normal;
    margin-bottom: 7px;
    margin-top: 50px;
    position: relative;
}

.blog-page-details h4
{
    font-family: 'Akkurat-Bold';
    font-size: 24px;
    line-height: 38px;
    color: #424242;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 22px;
    position: relative;
}

.blog-page-details .blog-content img
{
    margin: 7px 0 12px;
}

.blog-page-details .blog-content p
{
    font-size: 18px;
    line-height: 30px;
    color: #8f8f8f;
}

.blog-page-details .blog-content ul
{
    list-style: initial;
    margin: 0;
    margin-left: 18px;
}

    .blog-page-details .blog-content ul li
    {
        font-size: 18px;
        line-height: 30px;
        color: #8f8f8f;
    }

.related-posts
{
    position: relative;
    margin: 0 -15px;
}

    .related-posts .blog-col
    {
        padding: 0 15px;
    }

    .related-posts .slick-track
    {
        margin-left: 0;
        margin-right: 0;
    }

    .related-posts .slick-dots
    {
        text-align: center;
        margin-top: 15px;
    }

    .related-posts a.redmr
    {
        padding: 0;
        border: 0;
        color: #150039;
        border-radius: 0;
        font-size: 14px;
        font-family: 'Akkurat-Bold';
    }

        .related-posts a.redmr:after
        {
            content: '';
            display: inline-block;
            background: url(../images/arrow-right.png) no-repeat right center;
            width: 23px;
            height: 11px;
            margin-left: 5px;
            opacity: .7;
            top: 2px;
            position: relative;
        }

.sub-title-88
{
    font-family: 'Akkurat-Bold';
    font-size: 42px;
    border-bottom: 3px solid #333;
    display: inline-block;
    color: #424242;
    position: relative;
    margin-bottom: 50px;
}

    .sub-title-88:after
    {
        content: '';
        position: absolute;
        left: -100%;
        width: 100%;
        background: #333;
        bottom: -3px;
        height: 3px;
    }

.blg-pagination
{
    padding: 30px 0;
    border-top: 1px solid #ebebeb;
    margin-top: 25px;
    margin-bottom: 30px;
}

    .blg-pagination .blg-pagbox
    {
        background-color: #f4f4f4;
        width: 48%;
    }

        .blg-pagination .blg-pagbox p
        {
            font-size: 14px;
            line-height: 16px;
            color: #000;
            font-family: 'Akkurat-Bold';
            text-transform: uppercase;
            margin: 0;
        }

        .blg-pagination .blg-pagbox span
        {
            font-size: 14px;
            color: #666666;
            font-style: italic;
            display: block;
            margin-top: 10px;
            text-transform: none;
            margin-bottom: 5px;
        }

        .blg-pagination .blg-pagbox img
        {
            display: block;
            float: left;
            margin-right: 15px;
            width: 120px;
            height: 75px;
        }

    .blg-pagination .prv-pge
    {
        width: 28px;
        background-color: #333333;
        height: 100%;
        width: 28px;
        background-color: #333333;
        height: 75px;
        float: left;
        position: relative;
    }

        .blg-pagination .prv-pge:before
        {
            content: "\f104";
            display: inline-block;
            position: absolute;
            color: #eee;
            font: normal normal normal 18px/1 FontAwesome;
            top: 38%;
            left: 10px;
        }

    .blg-pagination .blg-pagbox.next-page
    {
        text-align: right;
    }

        .blg-pagination .blg-pagbox.next-page img
        {
            display: block;
            float: right;
            margin-left: 15px;
            margin-right: 0;
        }

    .blg-pagination .nxt-pge
    {
        width: 28px;
        background-color: #333333;
        height: 75px;
        float: right;
        position: relative;
    }

        .blg-pagination .nxt-pge:before
        {
            content: "\f105";
            display: inline-block;
            position: absolute;
            color: #eee;
            font: normal normal normal 18px/1 FontAwesome;
            top: 38%;
            right: 10px;
        }

.outside-handler
{
    width: 354px;
    z-index: 9999;
    position: fixed;
    left: -115px;
    bottom: 220px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    pointer-events: none;
}

.clise-icon
{
    position: absolute;
    bottom: 0;
    right: 14px;
    border-left: 1px solid #000;
    height: 100%;
}

    .clise-icon .close
    {
        margin-left: 10px;
        margin-top: 21px;
        position: relative;
        top: 0;
        right: 0;
    }

.light-icon
{
    cursor: pointer;
    z-index: 8;
    border: 4px solid #b7b7b7;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: url(../images/spriteimg01.png) no-repeat -173px -55px;
    z-index: 9;
    pointer-events: auto;
}

#light-handler
{
    padding: 25px 100px 25px 70px;
    background: rgba(0,0,0,0.5);
    -webkit-border-radius: 35px;
    border-radius: 35px;
    width: 354px;
    position: relative;
    left: 354px;
    overflow: hidden;
    box-sizing: border-box;
    transition: left .5s;
}

    #light-handler.light-active, .homepage #light-handler.light-active
    {
        left: 0;
        pointer-events: auto;
    }

.homepage .light-icon
{
    display: none;
}

.light-handler-row
{
    overflow: hidden;
}

.light-control
{
    pointer-events: none;
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
}

#light-handler:before
{
    content: "";
    width: 39px;
    height: 38px;
    position: absolute;
    left: 21px;
    top: 16px;
    display: block;
    background: url(../images/spriteimg01.png) no-repeat -313px -60px;
}

#light-handler:after
{
    content: "";
    width: 22px;
    height: 24px;
    position: absolute;
    right: 68px;
    top: 22px;
    display: block;
    background: url(../images/spriteimg01.png) no-repeat -260px -63px;
    transform: rotate(-105deg);
}

#contrast
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 5px;
    background: url(../images/spriteimg01.png) no-repeat -504px 0;
    outline: none;
    width: 180px;
    -webkit-transition: .2s;
    position: relative;
    top: -2px;
}

    #contrast::-webkit-slider-thumb
    {
        -webkit-appearance: none;
        appearance: none;
        width: 23px;
        height: 24px;
        background: url(../images/spriteimg01.png) no-repeat -390px -60px;
        cursor: pointer;
        margin-top: 5px;
    }

    #contrast::-moz-range-thumb
    {
        width: 23px;
        height: 24px;
        background: url(../images/spriteimg01.png) no-repeat -390px -60px;
        cursor: pointer;
    }

.percentage-col
{
    position: absolute;
    top: -72px;
    left: 150px;
    height: 170px;
    width: 23px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 8px;
    color: #fff;
}

    .percentage-col div
    {
        position: absolute;
        top: 0;
        left: 0;
    }

        .percentage-col div:after
        {
            width: 18px;
            height: 1px;
            background: #fff;
            position: absolute;
            top: 4px;
            left: -20px;
            content: '';
        }

        .percentage-col div.percentage-25
        {
            top: 24%;
        }

        .percentage-col div.percentage-50
        {
            top: 48%;
        }

        .percentage-col div.percentage-75
        {
            top: 73%;
        }

        .percentage-col div.percentage-100
        {
            top: 96%;
        }

.light-msg1
{
    width: 540px;
    height: 78px;
    position: absolute;
    bottom: 312px;
    right: -235px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #fff;
    overflow: hidden;
    pointer-events: none;
    pointer-events: none;
}

.light-msg1-con:before
{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 6px;
    width: 30px;
    height: 30px;
    background: #00a2e0;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.light-msg1-con
{
    position: relative;
    padding-left: 15px;
    height: 78px;
}

    .light-msg1-con span
    {
        display: block;
        padding: 15px;
        background: #00a2e0;
        line-height: 24px;
        border-radius: 10px;
        padding-left: 22px;
    }

.light-msg1-open
{
    overflow: hidden;
    width: 0;
    transition: width .5s;
}

    .light-msg1-open.msg-active
    {
        width: 540px;
    }

.range-msg
{
    position: absolute;
    bottom: 215px;
    left: -104px;
    width: 370px;
    height: 95px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    overflow: hidden;
    pointer-events: none;
}

.noon .range-msg
{
    left: -88px;
}

.morning .range-msg
{
    left: -72px;
}

.evening .range-msg
{
    left: -22px;
}

.night .range-msg
{
    left: 55px;
}

.range-msg-con span
{
    display: block;
    background: #00a2e0;
    color: #fff;
    line-height: 24px;
    padding: 10px 15px;
    border-radius: 10px;
    margin-left: 15px;
    position: relative;
}

.range-msg span:before
{
    content: '';
    width: 20px;
    height: 20px;
    background: #00a2e0;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: -9px;
    ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
}

.range-open
{
    width: 0;
    height: 95px;
    overflow: hidden;
    transition: width .5s;
}

    .range-open.range-active
    {
        width: 100%;
    }

.range-msg .range-open.range-active span:before
{
    opacity: 1;
}

.save-text
{
    font-size: 12px;
    font-family: 'Akkurat-Light';
    font-style: italic;
}

.onload-pop-wrap
{
    max-width: 670px;
    margin: 10% auto;
    padding: 0 90px;
    position: relative;
}

.onload-item
{
    background: #00a2e0;
    border-radius: 100%;
    height: 480px;
    width: 480px;
    margin: 0 auto;
    color: #fff;
}

.onload-head
{
    font-size: 24px;
    font-family: 'Akkurat-Bold';
    text-align: center;
    padding-top: 120px;
}

    .onload-head span
    {
        display: block;
        font-family: 'Akkurat-Light';
        font-size: 44px;
    }

.onload-input
{
    margin: 40px -90px 0;
    position: relative;
}

    .onload-input input[type="text"]
    {
        text-align: center;
        padding-right: 55px;
    }

.onload-submit
{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 2;
    overflow: hidden;
}

    .onload-submit:after
    {
        content: "\f002";
        font: normal normal normal 22px/1 FontAwesome;
        position: absolute;
        top: 4px;
        left: 5px;
        color: #00a2e0;
        z-index: -1;
    }

.onload-input input[type="submit"]
{
    max-width: initial;
    width: 100%;
    height: 100%;
    padding: 0;
    text-indent: -999px;
    background: transparent;
}

.onload-close
{
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -26px;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
}

    .onload-close span
    {
        display: block;
        padding-bottom: 10px;
        background: url(../images/onload-close.png) no-repeat;
        background-position: top left 16px;
        height: 16px;
    }

.outdoor-brd .page-heading:before
{
    background: #91a23d;
}

.why-wipro .advt-box
{
    margin-bottom: 50px;
}

.ui-widget-content
{
    border: 1px solid #d2d2d2;
    padding: 0;
    box-shadow: 0 2px 4px 2px #eee;
}

.ui-menu .ui-menu-item
{
    padding: 5px 0;
    border-bottom: 1px solid #b2b2b2;
}

    .ui-menu .ui-menu-item:last-child
    {
        border-bottom: 0;
    }

.tel-box br
{
    display: none;
}

.cms_common_page
{
    padding-bottom: 80px;
    padding-top: 80px;
}

    .cms_common_page h4:first-child, .cms_common_page h3:first-child
    {
        margin-top: 0;
    }

    .cms_common_page h4, .cms_common_page h3
    {
        font-size: 24px;
        color: #333;
        font-weight: normal;
        margin-bottom: 10px;
        margin-top: 30px;
    }

    .cms_common_page ul, .cms_common_page ol
    {
        list-style: initial;
    }

    .cms_common_page ol
    {
        list-style: decimal;
    }

        .cms_common_page ul li, .cms_common_page ol li
        {
            margin: 0 0 15px;
            line-height: 24px;
        }

.polesgenral
{
    background: #f1f1f1;
    width: 100%;
    font-size: 14px;
    border: 1px solid #aaa;
}

    .polesgenral td
    {
        padding: 10px;
    }

    .polesgenral tr:first-child td
    {
        font-weight: bold;
    }

.management-pop .news-letter-wrap
{
    background: #fff;
    padding: 40px;
    max-width: 1200px;
}

    .management-pop .news-letter-wrap:before
    {
        display: none;
    }

.management-img
{
    width: 35%;
    float: left;
}

    .management-img img
    {
        display: block;
    }

.management-right
{
    width: 60%;
    float: right;
}

.management-content
{
    padding-top: 30px;
}

    .management-content p
    {
        font-size: 16px;
        margin-bottom: 10px;
    }

        .management-content p:last-child
        {
            margin-bottom: 0;
        }

.management-pop .brochure-head
{
    font-size: 40px;
}

.management_des
{
    font-size: 20px;
    color: #9e9e9e;
    margin-top: 6px;
    line-height: 24px;
}

    .management_des span
    {
        color: #666;
    }

.management-pop .brochure-head:after
{
    width: 120px;
    height: 120px;
    top: -27px;
    left: -20px;
}

.abouts-menuss, .smcontlight
{
    position: relative;
}

.sticky .menu-wrapper.abtwrap, .sticky .menu-wrapper.whatnelight
{
    top: 45px;
}

.menu-wrapper.abtwrap, .menu-wrapper.whatnelight
{
    width: 320px;
    left: 0;
    top: 60px;
    transform: translate(0%,0);
}

    .menu-wrapper.abtwrap .menu-main
    {
        padding: 0;
    }

        .menu-wrapper.abtwrap .menu-main .menu-col ul
        {
            margin: 0;
        }

        .menu-wrapper.abtwrap .menu-main .menu-col
        {
            padding: 30px 20px;
            width: 100%;
        }

.resources-wrp ul li a:before
{
    background: url(../images/menu_icon2.png) 7px top no-repeat;
}

.resources-wrp ul li a.whyled:before
{
    background-position: 7px -1px;
}

.resources-wrp ul li a.whyled:hover:before
{
    background-position: 7px -43px;
}

.resources-wrp ul li a.htchogoo:before
{
    background-position: -34px -1px;
}

.resources-wrp ul li a.htchogoo:hover:before
{
    background-position: -34px -43px;
}

.resources-wrp ul li a.csstd:before
{
    background-position: -86px 1px;
}

.resources-wrp ul li a.csstd:hover:before
{
    background-position: -86px -44px;
}

.resources-wrp ul li a.insgal:before
{
    background-position: -126px 2px;
}

.resources-wrp ul li a.insgal:hover:before
{
    background-position: -126px -44px;
}

.resources-wrp ul li a.ligal:before
{
    background-position: -173px -1px;
}

.resources-wrp ul li a.ligal:hover:before
{
    background-position: -173px -43px;
}

.resources-wrp ul li a.knwcen:before
{
    background-position: -227px -1px;
}

.resources-wrp ul li a.knwcen:hover:before
{
    background-position: -227px -44px;
}

.resources-wrp ul li a.faqq:before
{
    background-position: -288px 1px;
}

.resources-wrp ul li a.faqq:hover:before
{
    background-position: -288px -43px;
}

.resources-wrp ul li a:before
{
    background: url(../images/menu_icon2.png) 7px -1px no-repeat;
}

.resources-wrp ul li a.ouyrjs:before
{
    background-position: -286px -1px;
}

.resources-wrp ul li a.ouyrjs:hover:before
{
    background-position: -286px -45px;
}

.resources-wrp ul li a.rcapp:before
{
    background-position: -335px 1px;
}

.resources-wrp ul li a.rcapp:hover:before
{
    background-position: -335px -46px;
}

.resources-wrp ul li a.nesw:before
{
    background-position: -389px 1px;
}

.resources-wrp ul li a.nesw:hover:before
{
    background-position: -389px -46px;
}

.resources-wrp ul li a.evnts:before
{
    background-position: -708px 2px;
}

.resources-wrp ul li a.evnts:hover:before
{
    background-position: -708px -46px;
}

.resources-wrp ul li a.mdia:before
{
    background-position: -1225px 0;
}

.resources-wrp ul li a.mdia:hover:before
{
    background-position: -1225px -43px;
}

.resources-wrp ul li a.mantem:before
{
    background-position: -447px 1px;
}

.resources-wrp ul li a.mantem:hover:before
{
    background-position: -447px -44px;
}

.resources-wrp ul li a.wwligt:before
{
    background-position: -519px 1px;
}

.resources-wrp ul li a.wwligt:hover:before
{
    background-position: -519px -41px;
}

.resources-wrp ul li a.spriwip:before
{
    background-position: -574px 1px;
}

.resources-wrp ul li a.spriwip:hover:before
{
    background-position: -574px -41px;
}

.resources-wrp ul li a.enviplcy:before
{
    background-position: -644px -1px;
}

.resources-wrp ul li a.enviplcy:hover:before
{
    background-position: -644px -43px;
}

.resources-wrp ul li a.rightlgtphl:before
{
    background-position: -1077px 3px;
}

.resources-wrp ul li a.rightlgtphl:hover:before
{
    background-position: -1077px -47px;
}

.resources-wrp ul li a.frcgrncot:before
{
    background-position: -1141px 0;
}

.resources-wrp ul li a.frcgrncot:hover:before
{
    background-position: -1143px -43px;
}

.menu-wrapper.whatnelight
{
    transform: translate(0,0);
    width: 400px;
}

.whatnelight ul li img
{
    margin-left: 5px;
    display: inline-block;
}

.whatnelight .menu-col:first-child
{
    padding: 30px 20px;
}

.whatnelight .menu-col
{
    width: 100%;
}

    .whatnelight .menu-col:last-child
    {
        border-right: 0;
    }

.whatnelight .menu-main
{
    padding-left: 0;
    padding-right: 0;
}

.menu-img.menu-extra-space
{
    margin: 0;
    padding-top: 30px;
    margin-top: 30px;
    position: relative;
}

    .menu-img.menu-extra-space:before
    {
        content: '';
        width: 112%;
        height: 1px;
        background: #ecedef;
        position: absolute;
        top: 0;
        left: -16px;
    }

.overflow_h
{
    overflow: hidden;
}

.page-heading.no-banner
{
    margin-bottom: 0;
}

.whatnelight ul li a:before
{
    background: url(../images/menu_icon2.png) -773px 3px no-repeat;
}

.whatnelight ul li a:hover:before
{
    background: url(../images/menu_icon2.png) -773px -46px no-repeat;
}

.whatnelight ul li a.xpcs:before
{
    background-position: -775px 2px;
}

.whatnelight ul li a.xpcs:hover:before
{
    background-position: -775px -47px;
}

.whatnelight ul li a.insysy:before
{
    background-position: -831px 0;
}

.whatnelight ul li a.insysy:hover:before
{
    background-position: -831px -43px;
}

.whatnelight ul li a.lifii:before
{
    background-position: -896px 0;
}

.whatnelight ul li a.lifii:hover:before
{
    background-position: -896px -43px;
}

.whatnelight ul li a.smot:before
{
    background-position: -961px 0;
}

.whatnelight ul li a.smot:hover:before
{
    background-position: -961px -43px;
}

.whatnelight ul li a.solarise:before
{
    background-position: -1004px 0;
}

.whatnelight ul li a.solarise:hover:before
{
    background-position: -1004px -45px;
}

.evntbull
{
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}

    .evntbull li
    {
        color: #666666;
        font-size: 17px;
        padding-bottom: 10px;
        position: relative;
        padding-left: 20px;
        font-family: Akkurat;
    }

        .evntbull li:before
        {
            content: "\f105";
            font: normal normal normal 17px/1 FontAwesome;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 4px;
        }

.evntvenu
{
    font-size: 18px;
    font-family: 'Akkurat-Bold';
    color: #666;
    padding-bottom: 25px;
    text-transform: none;
}

    .evntvenu strong
    {
        color: #333;
        font-weight: normal;
    }

.evntdd a
{
    color: #005baa;
    font-family: Akkurat;
}

h1.page-title.evntsize
{
    font-size: 40px;
}

.sub-txtnews
{
    font-size: 18px;
    font-family: 'Akkurat-Light';
    color: #333;
    line-height: 34px;
    padding-bottom: 30px;
}

    .sub-txtnews p
    {
        line-height: 34px;
    }

        .sub-txtnews p:first-child, .sub-txtnews p:nth-child(2)
        {
            font-size: 22px;
        }

.sub-txtnews22
{
    font-size: 18px;
    font-family: 'Akkurat-Light';
    color: #666666;
    line-height: 30px;
    padding-bottom: 30px;
}

    .sub-txtnews22 p
    {
        line-height: 30px;
    }

.sub-txtnews33
{
    font-size: 18px;
    font-family: 'Akkurat-Light';
    color: #333;
    line-height: 34px;
    padding-bottom: 50px;
}

    .sub-txtnews33 p
    {
        line-height: 34px;
    }

    .sub-txtnews33 > p:first-child
    {
        font-size: 22px;
    }

.sub-title-newss
{
    font-family: 'Akkurat-Bold';
    font-size: 48px;
    border-bottom: 3px solid #0e3570;
    display: inline-block;
    color: #0e3570;
    position: relative;
    margin: 30px 0;
}

    .sub-title-newss:after
    {
        content: '';
        position: absolute;
        left: -100%;
        width: 100%;
        background: #0e3570;
        bottom: -3px;
        height: 3px;
    }

:focus
{
    outline: 0;
}

#btn-load-more
{
    padding: 8px 40px;
    border: 1px solid #341c53;
    color: #341c53;
    border-radius: 40px;
    display: block;
    background: no-repeat;
    font-family: 'Akkurat-Bold';
    font-weight: normal;
    font-size: 16px;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 20px;
    clear: both;
}

    #btn-load-more:hover
    {
        background: #341c53;
        color: #fff;
    }

.desinexcee p
{
    font-size: 18px;
    line-height: 30px;
    color: #666;
    font-family: 'Akkurat-Light';
}

    .desinexcee p:last-child
    {
        margin-bottom: 0;
    }

.multple-mode-sec
{
    background: url(../images/wiprolighting-modes.jpg) top center no-repeat;
    background-size: cover;
    color: #fff;
}

.padd100
{
    padding-bottom: 120px;
    padding-top: 120px;
}

.title-mainkey44
{
    font-family: 'Akkurat-Bold';
    font-weight: normal;
    font-size: 60px;
    border-bottom: 2px solid #fff;
    position: relative;
    display: inline-block;
    color: #fff;
    z-index: 2;
    margin-bottom: 8px;
}

    .title-mainkey44:after
    {
        content: '';
        height: 2px;
        background: #fff;
        position: absolute;
        bottom: -2px;
        left: -99%;
        width: 100%;
    }

.txt09
{
    font-size: 22px;
    font-family: 'Akkurat-Light';
    color: #ccd0da;
}

.multiple-modes-slider-thumb
{
    margin-bottom: 65px;
}

    .multiple-modes-slider-thumb.slick-slider
    {
        position: absolute;
        top: 60px;
        z-index: 2;
        width: 100%;
        left: 0;
        text-align: left;
    }

.multiple-modes-box.slick-slide .col-45
{
    margin-top: 240px;
}

.mltp-tmb span
{
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 15px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    display: block;
}

    .mltp-tmb span img
    {
        width: 50px;
        height: 50px;
        margin-top: 5px;
        display: inline-block;
    }

.mltp-tmb.slick-slide:last-child
{
    margin-right: 0;
}

.mltp-tmb.slick-slide
{
    opacity: .5;
}

    .mltp-tmb.slick-slide.slick-current.slick-active
    {
        opacity: 1;
    }

.mltp-tmb.slick-current.slick-active span
{
    border-width: 2px;
    margin-left: -1px;
    margin-top: -1px;
}

.mltp-tmb.slick-slide
{
    padding-left: 1px;
    padding-top: 1px;
    height: 75px;
}

.multiple-modes-box .col-45 p
{
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    font-family: 'Akkurat-Light';
    color: #c9cdd5;
    padding-left: 65px;
    padding-right: 65px;
    margin-bottom: 0;
}

.sldr-tits
{
    font-size: 18px;
    font-family: 'Akkurat-Bold';
    color: #fff;
    padding-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

.key-high-opus-sect
{
    background: #0097ad;
    overflow: hidden;
}

    .key-high-opus-sect .title-mainkey44
    {
        text-align: right;
    }

.title-mainkey44:after
{
    right: -99%;
    width: 100%;
}

.key-high-opus-sect .title-mainkey44:after
{
    left: inherit;
    right: -100%;
    width: 100%;
}

.key-high-opus-sect .txt09
{
    color: #daebef;
}

.key-high-opus-sect img
{
    margin-top: -186px;
}

.left-col
{
    margin-left: -5%;
}

.specific-sec
{
    background: url(../images/specification-bg.jpg) no-repeat top center;
    background-size: cover;
    overflow: hidden;
}

    .specific-sec ul
    {
        margin: 0;
        padding: 0;
    }

        .specific-sec ul li
        {
            background: url(../images/bullet-sepci.png) no-repeat 0 9px;
            font-size: 18px;
            line-height: 30px;
            font-family: 'Akkurat-Light';
            color: #bbc0d1;
            padding-left: 30px;
            margin-bottom: 12px;
        }

.subtxt09
{
    font-size: 24px;
    font-family: 'Akkurat-Bold';
    color: #fff;
    padding-bottom: 16px;
}

.specific-sec .title-mainkey44
{
    margin-bottom: 65px;
}

.specific-sec img
{
    margin-top: 55px;
}

.opustitwrap
{
    text-align: center;
    margin-bottom: 60px;
}

.opusled-titile
{
    font-family: 'Akkurat-Bold';
    font-weight: normal;
    font-size: 60px;
    border-bottom: 2px solid #000;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #000;
    z-index: 2;
    margin-bottom: 8px;
}

.opustxt01
{
    font-size: 20px;
    color: #666;
    line-height: 30px;
}

.opus-led-table th
{
    font-family: 'Akkurat-Bold';
    font-size: 16px;
    color: #fff;
    background: #005baa;
    text-align: left;
    padding: 10px 20px;
}

.opus-led-table td
{
    font-size: 14px;
    line-height: 30px;
    font-family: 'Akkurat';
    color: #333;
    padding: 10px 20px;
}

.opus-led-table tr:nth-child(2n+2)
{
    background: #f4f4f4;
}

.left-right-col
{
    margin: 0 -5%;
}

.slideshow__slides
{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 255px;
    overflow: hidden;
}

    .slideshow__slides .slick-list.draggable
    {
        max-width: 650px;
        margin: 0 auto;
    }

    .slideshow__slides .slick-arrow
    {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        padding: 0;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
    }

        .slideshow__slides .slick-arrow.slick-prev
        {
            left: 0;
            position: absolute;
        }

        .slideshow__slides .slick-arrow .arrow-icon
        {
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
            opacity: 1;
            -webkit-transition: .5s all ease 0;
            -moz-transition: .5s all ease 0;
            -ms-transition: .5s all ease 0;
            transition: .5s all ease 0;
            z-index: 2;
        }

            .slideshow__slides .slick-arrow .arrow-icon.prev-slick-arrow
            {
                right: -85px;
            }

    .slideshow__slides .slick-thumb-nav img
    {
        width: 200px;
    }

    .slideshow__slides .prev-slick-img.slick-thumb-nav img
    {
        display: block;
    }

    .slideshow__slides .slick-thumb-nav:after
    {
        content: '';
        width: 100%;
        height: 102%;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        opacity: .6;
    }

    .slideshow__slides .slick-arrow.slick-next
    {
        right: 0;
        position: absolute;
    }

    .slideshow__slides .slick-arrow .arrow-icon.next-slick-arrow
    {
        left: -85px;
    }

.image-wrap img
{
    margin: 0 auto;
}

.image-wrap p
{
    color: #000;
    font-size: 24px;
    text-align: center;
    margin: 25px 0 0;
}

.inst-section .opustxt01
{
    font-size: 22px;
    font-family: 'Akkurat-Light';
}

.modular-ceilings-slid .celing-head
{
    font-family: 'Akkurat-Bold';
    font-size: 36px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 160px;
}

.modular-ceilings-slid p
{
    font-size: 22px;
    text-align: center;
    font-family: 'Akkurat-Light';
    font-size: 22px;
    line-height: 30px;
    color: #333;
}

.opusrelatedslides .slick-track
{
    margin-left: 0;
    margin-right: 0;
}

.slidenav .slick-prev, .slidenav .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 19px;
    height: 36px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: url(../images/prev01.png) left center no-repeat;
    left: -25px;
    z-index: 5;
}

.slidenav .slick-next
{
    left: auto;
    right: -25px;
    background: url(../images/next01.png) right center no-repeat;
}

.slick-prev.slick-disabled, .slick-next.slick-disabled
{
    opacity: .25;
}

.opusrelatedslides
{
    margin: 0;
}

    .opusrelatedslides .slick-track li
    {
        text-align: center;
        position: relative;
    }

    .opusrelatedslides a
    {
        display: block;
    }

    .opusrelatedslides img
    {
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    .opusrelatedslides p
    {
        margin: 0;
        font-size: 20px;
        text-align: center;
        margin-top: 15px;
        line-height: 30px;
    }

.pdfic:before
{
    content: '';
    display: inline-block;
    position: relative;
    background: url(../images/pdf.png) center center no-repeat;
    width: 15px;
    height: 18px;
    line-height: 18px;
    display: block;
    float: left;
    margin-right: 7px;
}

.pdfic
{
    clear: both;
    display: block;
    max-width: 221px;
    margin: 20px 0;
    margin-bottom: 40px;
}

.txtpuss
{
    font-size: 18px;
    font-family: 'Akkurat-light';
    color: #666;
    padding-bottom: 25px;
    text-transform: uppercase;
}

    .txtpuss strong
    {
        color: #333;
        font-family: 'Akkurat-Bold';
        font-weight: normal;
    }

        .txtpuss strong span
        {
            color: #666;
        }

.desinexcee
{
    padding-top: 40px;
}

.sec-abt-lifi
{
    text-align: center;
    overflow: hidden;
}

    .sec-abt-lifi p
    {
        margin: 0;
        font-family: 'Akkurat-light';
        font-weight: normal;
        font-size: 22px;
        color: #666;
        line-height: 32px;
        margin-bottom: 52px;
    }

    .sec-abt-lifi ul
    {
        padding: 0;
        margin: 0 -50px;
        margin-top: 90px;
        margin-bottom: 55px;
    }

        .sec-abt-lifi ul:after
        {
            clear: both;
            display: block;
            content: '';
        }

        .sec-abt-lifi ul li
        {
            width: 33.33%;
            float: left;
            text-align: center;
            color: #000;
            font-size: 20px;
            line-height: 28px;
            padding: 0 50px;
        }

            .sec-abt-lifi ul li p
            {
                font-size: 20px;
                line-height: 28px;
                margin: 0;
                color: #000;
            }

.lifivideosecton .page-heading:before
{
    background: orange;
}

.sec-abt-lifi ul li img
{
    margin: 0 auto;
    margin-bottom: 22px;
    display: block;
}

a.readmoreplus
{
    display: inline-block;
    background: #0e3570;
    color: #fff;
    font-size: 20px;
    padding: 12px 45px;
    border-radius: 50px;
    line-height: 24px;
    vertical-align: top;
    position: relative;
    padding-right: 80px;
    border: 2px solid #0e3570;
}

    a.readmoreplus:hover
    {
        background: #1a2733;
        border-color: #1a2733;
    }

    a.readmoreplus:after
    {
        content: '';
        display: inline-block;
        position: absolute;
        background: url(../images/btnplus.png) no-repeat center center;
        width: 24px;
        height: 24px;
        right: 45px;
    }

.sec-hwitwrk-lifi
{
    background: url(../images/hwitswrk-bg-lifi.jpg) top center no-repeat;
    background-size: cover;
    color: #fff;
}

    .sec-hwitwrk-lifi .opusled-titile
    {
        color: #fff;
        border-color: #fff;
    }

.lifihtxt01
{
    font-size: 20px;
    color: #666;
    font-family: 'Akkurat-light';
    line-height: 30px;
}

.sec-hwitwrk-lifi .lifihtxt01
{
    color: #dfe0e1;
    margin-bottom: 80px;
}

.hwlifihd
{
    font-family: 'Akkurat-Bold';
    font-weight: normal;
    font-size: 46px;
    color: #fff;
    margin-bottom: 25px;
}

.lifitxt01
{
    font-size: 24px;
    color: #fff;
    font-family: 'Akkurat-light';
    line-height: 38px;
    margin-bottom: 35px;
}

.lifitxt02
{
    font-size: 18px;
    color: #bdbdbd;
    font-family: 'Akkurat-light';
    line-height: 30px;
    margin-bottom: 50px;
}

.sec-hwitwrk-lifi a.readmoreplus
{
    border: 2px solid #fff;
    background: transparent;
}

.sec-bnifit-lifi .ad-cont
{
    margin-bottom: 20px;
}

    .sec-bnifit-lifi .ad-cont p
    {
        margin: 0;
        line-height: 30px;
    }

.sec-bnifit-lifi .col-33:nth-child(4) .advt-box .ad-title:after
{
    content: '';
    display: block;
    margin: 10px auto 0;
    height: 2px;
    background: #d7df23;
    width: 70px;
}

.sec-bnifit-lifi .col-33:nth-child(5) .advt-box .ad-title:after
{
    background: #0097ad;
    content: '';
    display: block;
    margin: 10px auto 0;
    height: 2px;
    width: 70px;
}

.sec-bnifit-lifi .col-33:nth-child(6) .advt-box .ad-title:after
{
    background: #91a23d;
    content: '';
    display: block;
    margin: 10px auto 0;
    height: 2px;
    width: 70px;
}

.sec-pureLifi
{
    background: url(../images/purilifi-bg.jpg) top center no-repeat;
    background-size: cover;
    color: #fff;
    overflow: hidden;
}

    .sec-pureLifi .title-mainkey44:after
    {
        left: inherit;
        right: -100%;
        width: 100%;
    }

.tch-title-box-02
{
    text-align: left;
}

.sec-pureLifi .lifihtxt01
{
    color: #cbcdd0;
    margin-bottom: 40px;
}

.sec-pureLifi .lifitxt01
{
    margin-bottom: 25px;
}

.lifitxt03
{
    font-size: 16px;
    color: #bdbdbd;
    font-family: 'Akkurat-light';
    line-height: 30px;
    margin-bottom: 50px;
}

.sec-pureLifi .image
{
    margin-bottom: 50px;
}

    .sec-pureLifi .image img
    {
        margin-right: 65px;
    }

.btnwhite
{
    display: inline-block;
    background: transparent;
    color: #fff;
    font-size: 20px;
    padding: 12px 45px;
    border-radius: 50px;
    line-height: 24px;
    vertical-align: top;
    position: relative;
    border: 2px solid #fff;
}

    .btnwhite:hover
    {
        border-color: #bdbdbd;
        color: #bdbdbd;
    }

.btnsky
{
    display: inline-block;
    background: transparent;
    color: #0097ad;
    font-size: 20px;
    padding: 12px 45px;
    border-radius: 50px;
    line-height: 24px;
    vertical-align: top;
    position: relative;
    border: 2px solid #0097ad;
}

    .btnsky:hover
    {
        border-color: #0097ad;
        color: #0097ad;
    }

.sec-pureLifi .btnsky:hover
{
    border-color: #fff;
    color: #fff;
}

.sec-pureLifi .btnwhite
{
    margin-right: 20px;
}

    .sec-pureLifi .btnwhite:last-child
    {
        margin-right: 0;
    }

.sec-realted-pro .indoor-slide .slick-arrow.slick-disabled
{
    opacity: 0;
}

.sec-realted-pro .indoor-slide .slick-arrow
{
    left: -71px;
    width: 71px;
    height: 38px;
    background: transparent url(../images/slider-nav.png) left center no-repeat;
    margin-top: -19px;
}

    .sec-realted-pro .indoor-slide .slick-arrow.slick-next
    {
        left: initial;
        right: -71px;
        background-position: center right;
    }

.sec-gallery-lifi ul
{
    padding: 0;
    margin: 0;
}

.glry-big-lifi-slider li
{
    position: relative;
}

.sec-gallery-lifi .glry-big-lifi-slider
{
    margin-bottom: 45px;
}

.playbtn02
{
    background: url(../images/play-icon02.png) no-repeat center center;
    height: 100px;
    width: 100px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
}

.glry-big-lifi-slider .slick-arrow
{
    position: absolute;
    top: 50%;
    height: 100px;
    width: 70px;
    z-index: 5;
    border: 0;
    text-indent: -999px;
    overflow: hidden;
    outline: none;
    margin-top: -50px;
    background: rgba(0,0,0,0.4) url(../images/slider-nav02.png) no-repeat left center;
    cursor: pointer;
    background-position: 21px center;
    border-radius: 0 10px 10px 0;
}

    .glry-big-lifi-slider .slick-arrow.slick-next
    {
        left: initial;
        right: 0;
        background-position: -149px center;
        border-radius: 10px 0 0 10px;
    }

.sec-gallery-lifi .glry-thumb-lifi-slider
{
    margin: 0 -10px;
}

.glry-thumb-lifi-slider li
{
    padding: 0 10px;
    cursor: pointer;
}

.glry-thumb-lifi-slider span
{
    width: 75%;
    background: url(../images/pattern02.png) no-repeat;
    margin: 0 0 0 25px;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    padding-left: 30px;
    color: #231f20;
    text-transform: uppercase;
    font-size: 18px;
    font-family: Akkurat-bold;
    position: relative;
    vertical-align: middle;
}

.page_51 .glry-thumb-lifi-slider span
{
    text-transform: none;
}

.glry-thumb-lifi-slider span:before
{
    content: '';
    display: inline-block;
    width: 26px;
    height: 1px;
    background: #cccccb;
    top: 26px;
    position: absolute;
    left: 0;
}

.lifivideosecton
{
    background: url(../images/lifivideobg.jpg) no-repeat top center;
    background-size: cover;
    height: 800px;
    padding-top: 282px;
}

.whitec h1.page-title
{
    color: #fff;
    border-bottom: 3px solid #fff;
}

    .whitec h1.page-title:after
    {
        background: #fff;
    }

.whitec .subtitle
{
    color: #fff;
    font-size: 20px;
}

.overflow_h
{
    overflow: hidden;
}

.lifivideosecton .breadcrumb li .lifivideosecton .breadcrumb li a
{
    color: #fff;
}

.lifivideosecton .breadcrumb ul li a, .insysbanner .breadcrumb ul li a, .lifivideosecton .breadcrumb ul li, .insysbanner .breadcrumb ul li, .lifivideosecton .breadcrumb ul li a:after, .insysbanner .breadcrumb ul li a:after
{
    color: #fff;
}

.expvideo
{
    font-family: 'Akkurat-Bold';
    font-weight: normal;
    font-size: 18px;
    display: inline-block;
    color: #fff;
    margin-top: 70px;
    text-align: left;
    position: relative;
    padding-left: 66px;
}

    .expvideo:before
    {
        content: '';
        position: absolute;
        background: url(../images/play-icon03.png) no-repeat left center;
        height: 47px;
        width: 47px;
        display: inline-block;
        left: 0;
        top: 50%;
        margin: 0;
        float: left;
        margin-top: -23px;
    }

.fourzerofour-page
{
    background: url(../images/fourzerfour.png) no-repeat right top;
    padding: 98px 0 200px;
    background-size: 50%;
}

.head404
{
    font-family: 'Akkurat-Bold';
    font-size: 120px;
    color: #333;
    margin-bottom: 40px;
}

.fourzerofour-page p
{
    color: #000000;
    font-size: 30px;
    line-height: 36px;
}

    .fourzerofour-page p a
    {
        color: #005bb3;
        font-size: 14px;
        display: block;
        margin-top: 30px;
    }

.grey-bg2
{
    background: #f4f4f4;
}

.gallery-slide .slick-dots
{
    text-align: center;
    margin-top: 20px;
}

.page_4 .pro-list-col.light-grey
{
    background: #fff;
}

.page_4 .offc-glry
{
    background: #f4f4f4;
}

.offc-glry
{
    padding-top: 65px;
}

.bulsub li
{
    position: relative;
    padding-left: 20px;
}

.reach-box h5
{
    margin: 0 0 5px;
    font-size: 15px;
    color: #ccc;
}

.tab-title
{
    display: none;
}

.know-row
{
    overflow: hidden;
    margin-bottom: -50px;
}

    .know-row .col-5:nth-child(2n+1)
    {
        clear: left;
    }

.gallery .row
{
    overflow: hidden;
    margin-bottom: -35px;
}

.blog-filer-by
{
    display: none;
}

.no-banner .page-heading
{
    margin-bottom: 5px;
}

.client-img-box
{
    display: none;
}

    .client-img-box li
    {
        border-radius: 100%;
        overflow: hidden;
    }

.bolg_list_slide .blog-box img
{
    display: block;
}

.product-brochure-row
{
    margin-bottom: -50px;
    overflow: hidden;
}

    .product-brochure-row .col-33:nth-child(3n+1), .zone-list:nth-child(3n+1)
    {
        clear: left;
    }

.contact .success
{
    color: #333;
    font-size: 20px;
    line-height: 26px;
}

.remove_field
{
    color: red;
    line-height: 50px;
    height: 50px;
    padding: 0 25px;
    border-radius: 50px;
    background: #fff;
    display: inline-block;
    margin-bottom: 30px;
}

.evntdd, .evntsec
{
    padding-bottom: 30px;
}

.events-row
{
    margin-bottom: -50px;
    overflow: hidden;
}

    .events-row .col-5:nth-child(2n+1)
    {
        clear: left;
    }

.why-wipro-lighting-row .col-33:nth-child(3n+1), .environment-list .col-33:nth-child(3n+1)
{
    clear: left;
}

.ext-mar
{
    margin-top: 30px;
}

.proposedkey .sm-txt01
{
    padding-bottom: 0;
}

.our-journey-sec
{
    overflow: hidden;
}

.inside-banner.mobile-banner, .mobile-banner
{
    display: none!important;
}

.axeon-desk-mob
{
    display: none;
}

.sec-bnifit-row
{
    overflow: hidden;
    margin-bottom: -50px;
}

    .sec-bnifit-row .col-33:nth-child(3n+1)
    {
        clear: left;
    }

.page_53 .systmtxt03
{
    margin-bottom: 0;
}

.sec-morpwrsolr .row
{
    overflow: hidden;
    margin-bottom: -30px;
}

.intel-row .col-33:nth-child(3n+1)
{
    clear: left;
}

.inbascilargeimg-sldr li img
{
    visibility: hidden;
}

.inbascilargeimg-sldr li
{
    background-repeat: no-repeat!important;
    background-position: top center!important;
    background-size: cover!important;
}

.callback-form .success
{
    color: #fff;
}

.callback h4
{
    color: #6dc24b;
}

.scrollTable
{
    overflow-y: auto;
}

.spirit-mobile
{
    display: none;
}

#frmNewsLetterFooter .message-box
{
    text-align: center;
}

.heroproducts .wipronorthwest-side
{
    display: none!important;
}

.m_content_experience-rotate .opustxt01
{
    display: none;
}

/*.circle-heading1 .page-heading:before
{
    background: #0097ad;
}*/

/*.circle-heading2 .page-heading:before
{
    background: #005baa;
}

.circle-heading3 .page-heading:before
{
    background: #91a23d;
}*/

.inte-thumb .slick-slide
{
    height: auto;
}

.tabs-menu-product-detail .inte-sm-col-1
{
    width: 49%;
}

.tabs-menu-product-detail .inte-sm-col-2
{
    width: 49%;
    margin-left: 2%;
}

.tabs-menu-product-detail .inte-sm-box2
{
    clear: both;
}

.slick255
{
    width: 100%;
}

    #issues li.slick-current.slick-active img, .slick255 li.slick-current.slick-active img
    {
        -webkit-transform: scale(0.88,0.88);
        transform: scale(0.88,0.88);
    }

#dates
{
    padding: 0!important;
}

    #dates li.slick-current.slick-active
    {
        color: #fff;
    }

        #dates li.slick-current.slick-active:before
        {
            content: '';
            position: absolute;
            top: -1px;
            left: 0;
            width: 100%;
            height: 3px;
            background: #fff;
        }

#timeline
{
    height: 550px;
}

#issues
{
    height: 485px;
}

.slick255 .slick-dots
{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 6px;
    right: 0;
}

.slick255 .slick-slide
{
    position: relative;
}

.tablePayBacKCalc .usageSection .row .clm label
{
    padding-bottom: 0;
    margin-bottom: 10px;
}

.tablePayBacKCalc table tr td:nth-child(2) span
{
    display: block;
    padding-left: 26%;
    text-align: left;
}

.tablePayBacKCalc table tr:nth-child(2) td:nth-child(2) span
{
    padding-left: 0;
}

.electitile
{
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'Akkurat-Bold';
}

.page_141 h1.page-title
{
    font-size: 48px;
}

.iphighlight
{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    text-align: center;
    font-family: 'Akkurat-Bold';
    font-size: 16px;
    line-height: 70px;
}

.sub-txtnews ul.bullet li
{
    line-height: 26px;
}

.acrd-content.no_image_thumb .col-4
{
    width: 100%!important;
}

.no_image_thumb.acrd-content .col-4
{
    width: 100%;
}

.mobile01
{
    display: none;
}

.opusrelatedslides .slick-dots
{
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: -40px;
    width: 100%;
}

.sharitt
{
    margin-bottom: 20px;
    width: 100%;
}

    .sharitt span, .sharethis-inline-share-buttons
    {
        float: left;
    }

    .sharitt:after
    {
        content: '';
        clear: both;
        display: block;
    }

.prolist-row .col-33:nth-child(3n+1)
{
    clear: both;
}

#frmBrochureDownload .success, #frmBrochureDownload .error
{
    text-align: center;
}

.finimgs
{
    width: 120px;
    height: 75px;
    margin: 0 auto;
    display: block;
    background: transparent url(../images/spriteimg01.png) no-repeat 0 0;
}

.finimgs02
{
    background-position: 0 -78px;
}



#aa-support {
  background-color: #ecebeb;
  width: 100%;
}
#aa-support .aa-support-area {
  padding:30px 0;
  width: 100%;
}
#aa-support .aa-support-area .aa-support-single {
  text-align: center;
  padding: 0 10px;
  width: 100%;
}
#aa-support .aa-support-area .aa-support-single span {
  font-size: 30px;
}
#aa-support .aa-support-area .aa-support-single h4 {
  color: #292929;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin-bottom:10px;
  margin-top:10px;
}
#aa-support .aa-support-area .aa-support-single p {
  color: #3d3d3d;
  font-size: 15px;
  margin-bottom: 0;
  text-align:center !important;
}
#aa-support .aa-support-area .aa-support-single span {
  color: #184e93; 
}