/* Generated by less 2.2.0 */

/* masterResponsive.less 

	Table of Content

		1. Layout

			1.1 Main Wrapper - row.wrapper

		2. Elements

			2.1 Headings, Listing, Paragraph

		3. Modules

			3.1 Video Content

			3.2 jumpTo - Module

			3.3 Contact Form

		6. Platform Edit Menu



*/

/* Master Responsive Variables */

/* === Fonts === */

/* === Transition === */

/* === Widths === */

/* === Height === */

/* === Padding === */

/* === Margin === */

/* Borders */

/* === Colors === */

/* === 1. Layout === */

.middlerowdiv {

    float: none;

}

/* === 1.1 Main Wrapper - row.wrapper === */

.row.wrapper {

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

    float: none;

    padding: 30px 0px 30px;

    display: block;

    /* === 1.1 Headings, Listing, Paragraph === */

}



    .row.wrapper.section-light {

        background: #ececec;

        border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    }



    .row.wrapper.fullwidth {

        max-width: 100%;

        padding: 0px;

    }



        .row.wrapper.fullwidth .contentBox {

            width: 1200px;

            float: none;

            margin: 0px auto;

        }



        .row.wrapper.fullwidth > div.col-md-12 {

            width: 100%;

        }



    .row.wrapper h1,

    .row.wrapper h2,

    .row.wrapper h3,

    .row.wrapper h4,

    .row.wrapper h5,

    .row.wrapper h6 {

    }



    .row.wrapper p {

    }



    .row.wrapper .text-center p,

    .row.wrapper.text-center p {

        text-align: center;

    }



    .row.wrapper .text-center p {

        text-align: center;

    }



    .row.wrapper .text-left p, .row.wrapper.text-left p {

        text-align: left;

    }



    .row.wrapper .text-right p, .row.wrapper.text-right p {

        text-align: right;

    }



    .row.wrapper .text-justify p, .row.wrapper.text-justify p {

        text-align: justify;

    }



    .row.wrapper ul {

        margin: 0;

        padding: 0;

    }



        .row.wrapper ul li {

            text-decoration: none;

            text-indent: 5px;

        }



        .row.wrapper ul.list-unstyled {

            list-style: none;

        }



            .row.wrapper ul.list-unstyled li {

                list-style: none;

            }



    .row.wrapper .feature-image {

        padding: 0;

    }



        .row.wrapper .feature-image .module a img {

            width: 100%;

            max-width: 100%;

            text-align: center;

            margin: 0px auto;

            display: block;

            height: auto;

        }

/* === 3. Modules === */

/* === 3.1 Video Content === */

.videoContent {

    height: 0;

    padding-bottom: 56.25%;

    padding-top: 25px;

    position: relative;

}



    .videoContent iframe {

        height: 100%;

        left: 0;

        position: absolute;

        top: 0;

        width: 100%;

    }



    .videoContent a:after {

        font-family: 'Material Icons';

        text-rendering: optimizeLegibility;

        font-feature-settings: "liga" 1;

        font-style: normal;

        text-transform: none;

        line-height: 1;

        font-size: 24px;

        width: 24px;

        height: 24px;

        display: inline-block;

        overflow: hidden;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

        content: 'ondemand_video';

    }



.module iframe {

    max-width: 100%;

}



.contentBox,

.container {

    max-width: 1200px;

}

/* === 3.2 JumpTo Module === */

ul.jumpTo {

    margin: 40px auto 20px;

    padding: 0;

    width: 1170px;

    text-align: center;

    list-style: none;

    height: 48px;

    display: block;

    clear: both;

    float: none;

    position: relative;

    z-index: 9;

}



    ul.jumpTo li {

        display: inline-block;

        text-align: center;

        margin: 0;

        padding: 0;

        font-size: 10pt;

        text-transform: uppercase;

        float: left;

        position: relative;

        height: 48px;

    }



        ul.jumpTo li > a {

            border-bottom: 1px solid #a0a0a0;

            border-top: 1px solid #a0a0a0;

            border-right: 1px solid #a0a0a0;

            width: 100%;

            display: block;

            margin: 0;

            font-weight: 500;

            color: #000;

            height: 46px;

            line-height: 46px;

            -webkit-transition: none;

            -moz-transition: none;

            -ms-transition: none;

            -o-transition: none;

            transition: none;

        }



            ul.jumpTo li > a:hover {

                color: #000;

                text-decoration: none;

            }



        ul.jumpTo li:hover {

            color: #000;

            text-decoration: none;

        }



        ul.jumpTo li:first-child a {

            border-left: 1px solid #a0a0a0;

        }



        ul.jumpTo li.active > a {

            border-bottom: 2px solid #D71A21;

        }



        ul.jumpTo li:hover > a {

            border-bottom: 2px solid #D71A21;

        }



        ul.jumpTo li:focus > a {

            border-bottom: 2px solid #D71A21;

        }

/* === 3.3 Contact Forms === */

.surveypageview {

    width: 1200px;

    display: block;

    margin: 0px auto;

}



    .surveypageview .surveyquestion {

        display: inline-block;

        width: 49%;

        margin-bottom: 15px;

        vertical-align: top;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }



        .surveypageview .surveyquestion h3 {

            display: none;

        }



        .surveypageview .surveyquestion .surveyoption input,

        .surveypageview .surveyquestion .surveyoption select,

        .surveypageview .surveyquestion .surveyoption textarea {

            padding: 16px;

            height: 60px;

            margin-bottom: 10px;

            border-radius: 0;

            border: none;

            outline: none;

        }



        .surveypageview .surveyquestion .surveyoption textarea {

            height: 145px;

        }



        .surveypageview .surveyquestion .surveyoption label {

            display: inline-block;

            max-width: 100%;

            margin-bottom: 5px;

            font-weight: bold;

        }



        .surveypageview .surveyquestion .surveyoption span.red {

            position: absolute;

            right: 30px;

            top: 20px;

            font-weight: 300;

            z-index: 999;

        }



        .surveypageview .surveyquestion h3 {

            color: #000000;

            display: none;

        }



        .surveypageview .surveyquestion .surveyoption input,

        .surveypageview .surveyquestion .surveyoption textarea,

        .surveypageview .surveyquestion .surveyoption select {

            color: #999999;

            background: #eeeeee;

            border: 1px solid #eeeeee;

        }



            .surveypageview .surveyquestion .surveyoption input:focus,

            .surveypageview .surveyquestion .surveyoption textarea:focus,

            .surveypageview .surveyquestion .surveyoption select:focus {

                border: 1px solid #ffffff;

                border-bottom: 2px solid #eeeeee;

                background: #ffffff;

                color: #000000;

            }



        .surveypageview .surveyquestion .surveyoption label {

            color: #000000;

        }



.dark-form .surveypageview .surveyquestion h3 {

    color: #ffffff;

    display: none;

}



.dark-form .surveypageview .surveyquestion .surveyoption input,

.dark-form .surveypageview .surveyquestion .surveyoption textarea,

.dark-form .surveypageview .surveyquestion .surveyoption select {

    color: #000000;

    background: #181818;

    border: 1px solid #999999;

}



    .dark-form .surveypageview .surveyquestion .surveyoption input:focus,

    .dark-form .surveypageview .surveyquestion .surveyoption textarea:focus,

    .dark-form .surveypageview .surveyquestion .surveyoption select:focus {

        border: 1px solid #000000;

        border-bottom: 2px solid #999999;

        background: #000000;

        color: #ffffff;

    }



.dark-form .surveypageview .surveyquestion .surveyoption label {

    color: #ffffff;

}



.contact-form {

    width: 50%;

    margin: 0;

}



    .contact-form input,

    .contact-form textarea,

    .contact-form select {

        padding: 1em;

        margin-bottom: 15px;

        border-radius: 0;

        border: 2px solid transparent;

        outline: none;

        color: #000000;

        background: #eeeeee;

        width: 100%;

    }



        .contact-form input:hover,

        .contact-form textarea:hover,

        .contact-form select:hover {

            background: #ffffff;

        }



        .contact-form input:focus,

        .contact-form textarea:focus,

        .contact-form select:focus {

            border: 2px solid transparent;

            border-bottom: 2px solid #acacac;

            background: #ffffff;

            color: #181818;

        }



    .contact-form textarea {

        height: 145px;

    }



    .contact-form label {

        display: inline-block;

        max-width: 100%;

        margin-bottom: 5px;

        font-weight: bold;

    }



    .contact-form input[type=submit] {

        display: inline-block;

        padding: 5px 10px;

        outline: none;

        border-radius: 0;

        margin-bottom: 0;

        text-align: center;

        white-space: nowrap;

        vertical-align: middle;

        -ms-touch-action: manipulation;

        touch-action: manipulation;

        cursor: pointer;

        -webkit-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

        background-image: none;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }



        .contact-form input[type=submit]:focus,

        .contact-form input[type=submit]:hover {

            text-decoration: none;

        }



.errorPage {

    padding: 1em;

}



    .errorPage .container {

        display: block;

    }



    .errorPage .e404 {

        width: 80%;

        display: block;

        text-align: center;

    }



        .errorPage .e404 h1 {

            font-size: 48pt;

            font-weight: bold;

        }



            .errorPage .e404 h1:after {

                font-family: 'Material Icons';

                font-weight: normal;

                font-style: normal;

                line-height: 1;

                font-size: 54pt;

                text-transform: none;

                letter-spacing: normal;

                word-wrap: normal;

                white-space: nowrap;

                direction: ltr;

                vertical-align: top;

                border-radius: 100%;

                margin-left: 8px;

                padding: 4px;

                -webkit-font-smoothing: antialiased;

                text-rendering: optimizeLegibility;

                -moz-osx-font-smoothing: grayscale;

                font-feature-settings: 'liga';

                content: 'sentiment_neutral';

            }



        .errorPage .e404 h4 {

            font-weight: normal;

        }



        .errorPage .e404 #search404 {

            width: 80%;

            padding: .5em;

            font-size: 12pt;

            margin: 2em auto;

        }



        .errorPage .e404 a.homepage {

            margin: 1em auto;

        }



.platform-login {

    width: 50%;

    margin: 0px auto;

}



ul#platformMenu {

    -webkit-font-smoothing: antialiased;

    list-style: none;

    margin: 0;

    padding: 0;

    position: fixed;

    bottom: 0;

    right: 0px;

    z-index: 999999999;

}



    ul#platformMenu li {

        background: #eee;

        color: #333;

        font-family: 'Roboto Condensed', sans-serif;

        float: left;

        margin: 0;

        padding: 5px 15px 5px 5px;

        font-size: 10pt;

        text-transform: uppercase;

        font-weight: bold;

        cursor: pointer;

        position: relative;

        display: block;

        text-align: left;

        text-decoration: none;

        -webkit-transition: all .25s ease;

        -moz-transition: all .25s ease;

        -ms-transition: all .25s ease;

        -o-transition: all .25s ease;

        transition: all .25s ease;

    }



    ul#platformMenu > li i {

        font-size: 1.2em;

        vertical-align: middle;

        display: inline-block;

        padding: 0px 4px;

    }



    ul#platformMenu li:hover {

        background: #eee;

        color: #D71A21;

    }



    ul#platformMenu li ul {

        float: left;

        opacity: 0;

        position: absolute;

        right: 0;

        bottom: 30px;

        visibility: hidden;

        pointer-events: none;

        z-index: 999999999;

        -webkit-transition: all .25s ease;

        -moz-transition: all .25s ease;

        -ms-transition: all .25s ease;

        -o-transition: all .25s ease;

        transition: all .25s ease;

        padding: 0;

        margin: 0;

    }



    ul#platformMenu li:hover ul {

        opacity: 1;

        pointer-events: all;

        visibility: visible;

    }



    ul#platformMenu li ul li {

        float: none;

        width: 220px;

    }



    ul#platformMenu li ul .feedback-btn-gray {

    	display: none;

    }



        ul#platformMenu li ul li:hover {

            background: #333;

            color: #eee;

        }



.autoscroll {

    overflow: auto;

    max-width: 100%;

    clear: both;

    float: none;

}



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

    .row.wrapper {

        padding: 0 .4em;

    }



        .row.wrapper h1 {

            margin: 1em 0 .8em;

            padding: 0 .4em;

            line-height: normal;

        }



            .row.wrapper h1:after {

                margin: .5em auto 0;

            }



    ul#platformMenu {

        display: none;

    }

}



.mi2 {

    font-family: 'Material Icons';

    font-weight: normal;

    font-style: normal;

    font-size: 24px; /* Preferred icon size */

    display: inline-block;

    line-height: 1;

    text-transform: none;

    letter-spacing: normal;

    word-wrap: normal;

    white-space: nowrap;

    direction: ltr;

    /* Support for all WebKit browsers. */

    -webkit-font-smoothing: antialiased;

    /* Support for Safari and Chrome. */

    text-rendering: optimizeLegibility;

    /* Support for Firefox. */

    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */

    font-feature-settings: 'liga' 1;

}







/* mmSearch */

h3.resultTitle {

    font-size: 24pt;

    margin: 30px auto 60px;

    text-align: center;

    display: none;

}

.results-page > div:first-child{

    text-align:center;

}

.results-page > div > h3 {

    display:inline-block;

    padding: 1em 2em 0;

    font-size: 1.8em;

    text-align: center;

}



    .results-page > div > h3 span {

        margin-top: 1em;

        padding: 0 2em .5em;

        display:inline-block;   

        border-bottom: 1px solid #ccc;

    }



    .results-page > div > h3 a.button {

        color: #fff;

        padding: 14px 20px;

        margin-top: 2px;

        font-size: 14px;

    }



    div.searchResultsContent {

        padding-top: 0

    }

    /*div.searchResultsContent.leftmodulesdiv.leftmenu {width: 25%; float: left; clear: both; display: none;}*/

    div.searchResultsContent.leftmodulesdiv.leftmenu > div > table tr td.item h4 > a > span {

        display: none;

    }



    div.searchResultsContent.leftmodulesdiv.leftmenu > div > table > tbody > tr > th[scope=col]:before {

        content: 'Categories';

        font-size: 18pt;

        font-weight: 300;

        color: #D71A21;

        TEXT-ALIGN: CENTER;

        margin-left: 15px;

        padding: 15px 0px;

        display: inline-block;

    }



#showmorecats {

    clear: both;

    display: block;

    background: #D71A21;

    color: #fff;

    text-align: center;

    line-height: 3em;

    margin-right: 25px;

}



#showmoreprods {

    cursor: pointer;

    display: inline-block;

    width: 30%;

    height:56px;

    background: #D71A21;

    text-align: center;

    line-height: 56px;

    color: white;

}



#searchClearBtn {

    position: absolute;

    right: 50px;

    top: 5px;

    color: #5b5b5b;

}



.results-page .icons-wrapper {

    margin: 0;

}



span.searchValue {

    color: #D71A21;

}



.searchResultsContent.leftmodulesdiv > div > table > tbody > tr > td > div.contentWrapper {

    display: none;

}



.searchResultsContent.leftmodulesdiv > div > table > tbody > tr > td > h4 {

    font-size: 12pt;

}



.searchResultsContent.leftmodulesdiv > div {

    display: block;

    float: left;

    order: 1;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    list-style: none;

    padding: 0px 0px;

    margin-right: 15px;

    background-color: #f9f9f9;

}



.searchResultsContent.leftmodulesdiv a {

    width: 100%;

    display: block;

    font-weight: 500;

    font-size: 1.1em;

}



    .searchResultsContent.leftmodulesdiv a:hover {

        text-decoration: none;

    }



.searchResultsContent.leftmodulesdiv > div > table > tbody > tr > td.item {

    padding: 0px 15px;

    border-bottom: 1px solid #eee;

}



    .searchResultsContent.leftmodulesdiv > div > table > tbody > tr > td.item:hover {

        background-color: #D71A21;

        color: #fff;

        text-decoration: none;

    }



        .searchResultsContent.leftmodulesdiv > div > table > tbody > tr > td.item:hover a {

            color: #fff;

            text-decoration: none;

        }



#searchResultsProducts .cntbox_product {

    display: inline-block;

    max-width: 280px;

    padding: 16px;

}



#searchResultsProducts .productInfoTabs {

    display: block;

    float: none;

    /*width: 75%;*/

    width: 100%;

}



    #searchResultsProducts .productInfoTabs .cntbox_product:nth-child(4n) {

        margin-right: 0em;

    }



    #searchResultsProducts .productInfoTabs .cntbox_product:nth-child(3n) {

        margin-right: 1em;

    }



    #searchResultsProducts .productInfoTabs #showmoreprods {

        width: 280px;

    }



.searchResultsArticles {

    display: block;

    clear: both;

    float: none;

    width: 100%;

    margin-bottom: 150px;

    font-size: 1.1em;

}



    .searchResultsArticles > div {

        width: 100%;

    }



        .searchResultsArticles div.item {

            border-top: 1px solid #eee;

            border-bottom: 1px solid #eee;

            padding: 15px 0px;

        }



            .searchResultsArticles div.item h4 {

                color: #333;

                font-weight:500;

                font-size:1.1em;

            }



            .searchResultsArticles div.item > .contentWrapper > a {

                color: #666;

                font-size: 10pt;

            }



            .searchResultsArticles > div.item > div.date,

            .searchResultsArticles > div.item > div.newsdateclicks {

                display: none;

                color: #666;

                font-size: 10pt;

            }



ul.leftmenu {

    display: block;

    float: left;

    order: 1;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    list-style: none;

    padding: 0px 0px;

    margin-right: 15px;

}



    ul.leftmenu > h3 {

        display: block;

        padding: 2px 8px;

        margin: 10px 0px 10px;

        text-transform: uppercase;

        font-size: 14pt;

    }



    ul.leftmenu > h5 {

        display: block;

        color: #333;

        font-size: 10pt;

        padding: 7px 8px;

        text-transform: uppercase;

        background-color: #e7e7e7;

    }



    ul.leftmenu li {

        width: 100%;

        line-height: 34px;

        text-align: left;

        border-bottom: 1px solid #e7e7e7;

    }



    ul.leftmenu ul > li:last-child {

        border-bottom: none

    }



    ul.leftmenu li {

        padding-left: 10px;

        padding-right: 10px;

        display: block;

        font-size: 11pt;

    }



    ul.leftmenu ul {

        list-style: none;

        padding: 0px;

        margin: 0px;

    }



    ul.leftmenu > li {

        font-weight: 500;

    }



        ul.leftmenu > li > ul > li {

            font-weight: 300;

        }



    ul.leftmenu li > a:before { /*

		content: "\f29c";	

		display: inline-block;

		font: normal normal normal 14px/1 'Material-Design-Iconic-Font';

		font-size: inherit;

		speak: none;

		text-rendering: auto;

		-webkit-font-smoothing: antialiased;

		-moz-osx-font-smoothing: grayscale;

	*/

    }



.searchResultsArticles #resultsQuestions {

    float:right;

    max-width:400px;

    background:#fff;

    padding-left:32px;

    padding-bottom:16px;

    margin-top:-20px;

}



    .searchResultsArticles #resultsQuestions .date {

        font-size:.9em;

        opacity:.8;

    }



    .searchResultsArticles #resultsQuestions .newsdateclicks {

        display: none;

    }



    .searchResultsArticles #resultsQuestions div.item h4 a {

        color: #555;

        font-weight: 500;

    }



    .searchResultsArticles > div {

        float: none;

    }

/* RELATED PRODUCTS FILTER */

#prodRelatedFilter {

    display: block;

    text-align: center;

    /*position:fixed;*/

    /*left:0;*/

    /*background:#fff;*/

    /*border-radius:3px;*/

    /*box-shadow:1px 1px 5px rgba(0,0,0,.2);*/

}



    #prodRelatedFilter > div {

        display: inline-block;

        border-bottom: 1px solid #ccc;

        padding: 0 20px 8px;

        margin-bottom: 8px;

    }



    #prodRelatedFilter h3 {

        display: inline-block;

    }



    #prodRelatedFilter ul {

        list-style: none;

        margin: 0;

        padding: 0;

        display: inline-block;

    }



        #prodRelatedFilter ul li {

            display: inline-block;

            opacity: .6;

            cursor:pointer;

            filter:grayscale(.9);

            transform: scale(.9);

            transition: opacity .2s ease-in-out,

                transform .2s ease-in-out;

        }

            #prodRelatedFilter ul li.selected {

                filter: grayscale(0);

                transform: scale(1);

                opacity: 1;

            }