/* Mixins  

	#Mixins
		#Fonts
		#General
		#Filetypes
		#Lists
		#Overrides
	#Less elements
		#Borders
			#Regular
			#Rounded Borders Equal
			#Rounded Borders Single			
		#Box sizing
		#Gradient
		#Opacity 
		#Shadows
			#Drop Shadow
			#Inner Shadow
			#Box Shadow
		

*/
/* #Mixins
=================================================== */
/* #Fonts */
/* #General */
.fullwidth {
    width: 100% !important;
}

.clear {
    clear: both;
}

.clearfix {
    zoom: 1;
}

    .clearfix:after {
        content: "";
        display: table;
        clear: both;
    }

.center {
    text-align: center;
    margin: 0 auto;
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px !important;
    margin: -1px;
    padding: 0;
    border: 0;
}

.hidden {
    display: none;
}

.show {
    display: block;
}

.truncate {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.pointer {
    cursor: pointer;
}
/* #Layout */
/* #Filetypes */
.filetype {
    padding: 0 0 3px 22px;
    display: inline-block;
    vertical-align: text-bottom;
}

.pdf {
    background: url("../../Images/Common/Filetypes/pdf.gif") no-repeat top left;
    padding: 0 0 3px 22px;
    display: inline-block;
    vertical-align: text-bottom;
}

.doc {
    background: url("../../Images/Common/Filetypes/word.gif") no-repeat top left;
    padding: 0 0 3px 22px;
    display: inline-block;
    vertical-align: text-bottom;
}

.xls {
    background: url("../../Images/Common/Filetypes/excel.gif") no-repeat top left;
    padding: 0 0 3px 22px;
    display: inline-block;
    vertical-align: text-bottom;
}

.img {
    background: url("../../Images/Common/Filetypes/image.gif") no-repeat top left;
    padding: 0 0 3px 22px;
    display: inline-block;
    vertical-align: text-bottom;
}

.ppt {
    background: url("../../Images/Common/Filetypes/powerpoint.gif") no-repeat top left;
    padding: 0 0 3px 22px;
    display: inline-block;
    vertical-align: text-bottom;
}
/* Lists */
ul.inline li,
ol.inline li {
    display: inline;
    margin: 0 10px 0 0;
}
/* Overrides */
.no-border {
    border: none !important;
}

.no-top-border {
    border-top: none !important;
}

.no-rgt-border {
    border-right: none !important;
}

.no-btm-border {
    border-bottom: none !important;
}

.no-lft-border {
    border-left: none !important;
}
/* #Less elements
=================================================== */
/* #Borders */
/* #Regular */
/* #Rounded Borders Equal */
/* #Rounded Borders Single */
/* #Box Sizing */
/* #Gradient */
/* #Opacity */
/* #Shadows */
/* #Drop Shadow */
/* #Inner Shadow */
/* #Box Shadow */
/* Layout
	
	#General
	#Wrappers
	#Header
	#Menus
		#Horisontal menu
		#Vertical menu
			#Nested kendo treeview 
	#Sidebars
		#Left sidebar
		#Right sidebar
	#Pullouts
	#Content
	#Footer
	#Other
		#Current page

*/
/* #General
=================================================== */
/* Add padding to inner elements in grids */
/* Header */
.pure-g .h-wrap {
    background-color: transparent;
    /*overflow: hidden;*/
    margin: 0;
    padding: 0px 0px 10px;
}
/* General */
.pure-g .g-wrap {
    background-color: transparent;
    overflow: hidden;
    margin: 0;
    padding: 10px;
}

    .pure-g .g-wrap.g-mob-wrap.g-wrap--content {
        padding: 3px 10px 10px 0;
        overflow: visible;
    }
/* Footer */
.pure-g .f-wrap {
    background-color: transparent;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em), only screen and (min-width: 48em) {
    .pure-g .g-wrap.g-mob-wrap {
        margin: 0;
        padding: 10px;
    }
}

@media only screen and (min-width: 64em) {
    .pure-g .g-wrap.g-mob-wrap {
        margin: 0;
        padding: 10px;
    }
}
/* #Wrappers
=================================================== */
.outer-wrap {
    background-color: transparent;
    overflow: visible;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-width: 100%;
    text-align: left;
    position: relative;
    /* &:after {
			content: "";
			display: block;
			height: @footerwrap-height;
		} */
}

.inner-wrap {
    background-color: transparent;
    overflow: visible;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    position: static;
}

.content-wrap {
    background-color: transparent;
    width: 100%;
    overflow: hidden;
    height: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}

    .content-wrap.top-img {
        margin: 290px auto 0 auto;
        position: relative;
        z-index: 300;
    }

    .content-wrap.top-carousel {
        margin: 320px auto 0 auto;
        position: relative;
        z-index: 300;
    }

.footer-wrap {
    background-color: transparent;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0 0;
    padding: 0px 0px;
    clear: both;
}

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em) {
    .footer-wrap {
        display: none;
        height: auto;
        margin: -100 0;
    }

    .content-wrap {
        padding: 20px 0 0 0;
    }
}

@media only screen and (min-width: 48em) {
    .footer-wrap {
        display: none;
        height: 100px;
        margin: -100 0;
    }

    .content-wrap {
        padding: 20px 0 0 0;
    }
}

@media only screen and (min-width: 64em) {
    .footer-wrap {
        display: block;
        height: auto;
        margin: 0 0;
    }

    .content-wrap {
        padding: 10px 0 0 0;
    }
}

@media only screen and (min-width: 64em) and (max-width: 74em) {
    .content-wrap {
        max-width: 970px;
    }
}
/* #Header
=================================================== */
header {
    background-color: transparent;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
    border: none;
    position: relative;
    z-index: 6;
}

.header-full {
    background: transparent;
    /*border-bottom:1px solid #e3e1e1;*/
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px 0;
    height: auto;
    position: absolute;
    z-index: 1;
}

.banner-full {
    background-color: transparent;
    width: 100%;
    max-width: 100%;
    margin: 0;
    height: 320px;
    position: absolute;
    top: 77px;
    z-indez: -1;
    overflow: hidden;
}

.logo {
    overflow: hidden;
}

.logo--desktop {
    float: left;
    margin-top: 28px;
}

    .logo--desktop img {
        width: 100%;
    }

.logo--devices {
    display: none;
    float: left;
    width: 70%;
}

    .logo--devices a {
        display: block;
        margin: 0 auto;
        position: relative;
        text-align: center;
    }

        .logo--devices a img {
            width: 100%;
            max-width: 130px;
            height: auto;
        }

/* Top navigation */
.top-navigation {
    background-color: transparent;
}


.container_utilities {
    box-sizing: border-box;
    color: rgb(102, 102, 102);
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
    margin-bottom: 14px;
    margin-left: 0px;
    margin-right: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 600px;
}

dl.inf-utilities {
    width: 600px;
    float: left;
    box-sizing: border-box;
    color: rgb(102, 102, 102);
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12.8px;
    line-height: 18px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-before: 4px;
    -webkit-margin-end: 0px;
    -webkit-margin-start: 0px;
}

.inf-utilities dt {
    box-sizing: border-box;
    color: rgb(102, 102, 102);
    display: block;
    font-size: 12.8px;
    height: 0px;
    line-height: 18px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: absolute;
    top: -640px;
    width: 0px;
}

.inf-utilities dd {
    font-size: 80%;
    float: left;
    border-right-color: rgb(187, 187, 187);
    border-right-style: solid;
    border-right-width: 1px;
    box-sizing: border-box;
    color: rgb(102, 102, 102);
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12.8px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    -webkit-margin-start: 0px;
}

    .inf-utilities dd:last-child {
        border-right-width: 0;
    }

.top-navigation--desktop {
    display: block;
    height: 45px;
    padding: 0;
    border: none;
    background-color: transparent;
}

    .top-navigation--desktop .top-navigation__links {
        display: block;
        float: right;
        padding: 8px 0px;
    }

        .top-navigation--desktop .top-navigation__links ul {
            margin: 0;
        }

            .top-navigation--desktop .top-navigation__links ul li {
                display: inline-block;
                margin: 0;
            }

                .top-navigation--desktop .top-navigation__links ul li i.fa {
                    color: #333F48;
                    font-size: 15px;
                    font-size: 1.5rem;
                    font-weight: normal;
                    margin-right: 3px;
                }

                .top-navigation--desktop .top-navigation__links ul li a {
                    display: inline-block;
                    padding: 0;
                    color: #333F48;
                    font-size: 13px;
                    font-size: 1.3rem;
                    line-height: normal;
                    font-family: Arial, Helvetica, sans-serif;
                }

                    .top-navigation--desktop .top-navigation__links ul li a:hover,
                    .top-navigation--desktop .top-navigation__links ul li a:active {
                        color: #333F48;
                        text-decoration: none;
                    }

.top-navigation--mobile {
    background-color: #646361;
    display: none;
    height: 27px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    color: #ffffff;
}

    .top-navigation--mobile h3 {
        color: #ffffff;
    }

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em), only screen and (min-width: 48em) {
    .logo--desktop {
        display: none;
    }

    .logo--devices {
        display: block;
    }

    .header-full {
        border-top: none;
    }

    .pure-g header {
        background-color: #e3e1e1;
        height: 85px;
    }

        .pure-g header .h-wrap {
            padding: 10px;
        }

    .top-navigation--desktop {
        display: none;
    }

    .top-navigation--mobile {
        display: block;
    }
}

@media only screen and (min-width: 64em) {
    .logo--desktop {
        display: block;
    }

    .logo--devices {
        display: none;
    }

    header {
        max-width: 1140px;
    }

    .header-full {
        height: 77px;
    }

    .pure-g header {
        background-color: #e3e1e1;
    }

        .pure-g header .g-wrap {
            padding: 10px;
        }

    .top-navigation--desktop {
        display: block;
    }

    .top-navigation--mobile {
        display: none;
    }
}

@media only screen and (min-width: 64em) and (max-width: 74em) {
    header {
        max-width: 970px;
    }
}
/* #Menus
=================================================== */
/* #Horisontal menu */
nav.menu--horisontal {
    background: #eaeaea;
    background: -moz-linear-gradient(top, #eaeaea 0%, #eaeaea 50%, #d5d5d5 51%, #eaeaea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eaeaea 0%, #eaeaea 50%,#d5d5d5 51%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eaeaea 0%, #eaeaea 50%,#d5d5d5 51%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    position: relative;
    top: 40px;
    width: 839px;
    overflow: hidden;
    margin: -40px auto 0 auto;
    box-shadow: 0 2px 6px -2px #000;
}

    nav.menu--horisontal ul {
        overflow: hidden;
        padding: 0;
        margin: 0px 0px;
        height: inherit;
    }

        nav.menu--horisontal ul li {
            display: inline;
            margin: 0px 0px;
            padding: 0;
            float: left;
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: bold;
            color: #333F48;
            list-style-type: none;
            background-color: transparent;
            border-left: 1px solid #d2d2d2;
            border-right: 1px solid #b2b2b2;
        }

            nav.menu--horisontal ul li:first-child {
                border-left: none;
                margin-left: 0px;
            }

            nav.menu--horisontal ul li a {
                color: #333;
                line-height: 54px;
                display: inline-block;
                font-weight: bold;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
                font-size: 90%;
                letter-spacing: -1px;
                width: 138px;
                text-align: center;
            }

            nav.menu--horisontal ul li.selected a {
                color: #007681;
                background: #eaeaea;
                background: -moz-linear-gradient(top, #bbd2d4 0%, #bbd2d4 50%, #abc2c5 51%, #bbd2d4 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #bbd2d4 0%, #bbd2d4 50%,#abc2c5 51%,#bbd2d4 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, #bbd2d4 0%, #bbd2d4 50%,#abc2c5 51%,#bbd2d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd2d4', endColorstr='#abc2c5',GradientType=0 ); /* IE6-9 */
            }

            nav.menu--horisontal ul li.advice a:hover,
            nav.menu--horisontal ul li.advice a:active {
                color: #88009c;
                background: rgba(136, 0, 156, 0.2);
            }

            nav.menu--horisontal ul li.community a:hover,
            nav.menu--horisontal ul li.community a:active {
                color: #005f9c;
                background: rgba(0, 94, 184, 0.2);
            }

            nav.menu--horisontal ul li.career a:hover,
            nav.menu--horisontal ul li.career a:active {
                color: #007e3f;
                background: rgba(0, 126, 63, 0.2);
            }

            nav.menu--horisontal ul li.aboutus a:hover,
            nav.menu--horisontal ul li.aboutus a:active {
                color: #b40000;
                background: rgba(180, 0, 0, 0.2);
            }

            nav.menu--horisontal ul li.contactus a:hover,
            nav.menu--horisontal ul li.contactus a:active {
                color: #935d00;
                background: rgba(147, 93, 0, 0.2);
            }

            nav.menu--horisontal ul li:first {
                padding-left: 0;
            }

            nav.menu--horisontal ul li:hover,
            nav.menu--horisontal ul li:active,
            nav.menu--horisontal ul li.active {
                background-color: transparent;
            }

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em), only screen and (min-width: 48em) {
    nav.menu--horisontal {
        display: none;
    }
}

@media only screen and (min-width: 64em) {
    nav.menu--horisontal {
        display: block;
    }
}
/* #Vertical menu */
nav.menu--vertical {
    margin: 0 0 5px 0;
}

    nav.menu--vertical ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        nav.menu--vertical ul li {
            margin-left: 0;
            padding: 3px 0;
            border: none;
            /* #Nested kendo treeview */
        }

            nav.menu--vertical ul li ul {
                border-top: none;
                margin: 8px 0 0 0;
            }

                nav.menu--vertical ul li ul li {
                    padding: 3px 0;
                    padding-left: 0;
                    border: none;
                }

                    nav.menu--vertical ul li ul li a {
                        color: #ffffff;
                        font-size: 12px;
                        font-size: 1.2rem;
                        font-weight: normal;
                    }

                        nav.menu--vertical ul li ul li a:hover,
                        nav.menu--vertical ul li ul li a:active,
                        nav.menu--vertical ul li ul li a.active {
                            color: #333333;
                            text-decoration: underline;
                        }

            nav.menu--vertical ul li div.k-treeview {
                white-space: normal;
                overflow: hidden;
            }

            nav.menu--vertical ul li ul.k-treeview,
            nav.menu--vertical ul li ul.k-treeview-lines,
            nav.menu--vertical ul li ul.nested {
                border-top: 1px solid #939393;
                margin: 8px 0 0 0;
                padding: 0;
            }

                nav.menu--vertical ul li ul.k-treeview li.k-item,
                nav.menu--vertical ul li ul.k-treeview-lines li.k-item,
                nav.menu--vertical ul li ul.nested li.k-item,
                nav.menu--vertical ul li ul.k-treeview li.nested__item,
                nav.menu--vertical ul li ul.k-treeview-lines li.nested__item,
                nav.menu--vertical ul li ul.nested li.nested__item {
                    margin: 0;
                    padding: 7px 0;
                    border: none;
                    border-bottom: 1px dotted #939393;
                }

                    nav.menu--vertical ul li ul.k-treeview li.k-item.nested,
                    nav.menu--vertical ul li ul.k-treeview-lines li.k-item.nested,
                    nav.menu--vertical ul li ul.nested li.k-item.nested,
                    nav.menu--vertical ul li ul.k-treeview li.nested__item.nested,
                    nav.menu--vertical ul li ul.k-treeview-lines li.nested__item.nested,
                    nav.menu--vertical ul li ul.nested li.nested__item.nested {
                        border-bottom: 0;
                        padding-bottom: 0;
                    }

                        nav.menu--vertical ul li ul.k-treeview li.k-item.nested ul.k-group .k-in,
                        nav.menu--vertical ul li ul.k-treeview-lines li.k-item.nested ul.k-group .k-in,
                        nav.menu--vertical ul li ul.nested li.k-item.nested ul.k-group .k-in,
                        nav.menu--vertical ul li ul.k-treeview li.nested__item.nested ul.k-group .k-in,
                        nav.menu--vertical ul li ul.k-treeview-lines li.nested__item.nested ul.k-group .k-in,
                        nav.menu--vertical ul li ul.nested li.nested__item.nested ul.k-group .k-in {
                            padding-left: 20px;
                        }

                        nav.menu--vertical ul li ul.k-treeview li.k-item.nested li.nested .k-group .k-in,
                        nav.menu--vertical ul li ul.k-treeview-lines li.k-item.nested li.nested .k-group .k-in,
                        nav.menu--vertical ul li ul.nested li.k-item.nested li.nested .k-group .k-in,
                        nav.menu--vertical ul li ul.k-treeview li.nested__item.nested li.nested .k-group .k-in,
                        nav.menu--vertical ul li ul.k-treeview-lines li.nested__item.nested li.nested .k-group .k-in,
                        nav.menu--vertical ul li ul.nested li.nested__item.nested li.nested .k-group .k-in {
                            padding-left: 30px;
                        }

                        nav.menu--vertical ul li ul.k-treeview li.k-item.nested li.nested .k-group .k-group .k-in,
                        nav.menu--vertical ul li ul.k-treeview-lines li.k-item.nested li.nested .k-group .k-group .k-in,
                        nav.menu--vertical ul li ul.nested li.k-item.nested li.nested .k-group .k-group .k-in,
                        nav.menu--vertical ul li ul.k-treeview li.nested__item.nested li.nested .k-group .k-group .k-in,
                        nav.menu--vertical ul li ul.k-treeview-lines li.nested__item.nested li.nested .k-group .k-group .k-in,
                        nav.menu--vertical ul li ul.nested li.nested__item.nested li.nested .k-group .k-group .k-in {
                            padding-left: 40px;
                        }

                    nav.menu--vertical ul li ul.k-treeview li.k-item .k-in,
                    nav.menu--vertical ul li ul.k-treeview-lines li.k-item .k-in,
                    nav.menu--vertical ul li ul.nested li.k-item .k-in,
                    nav.menu--vertical ul li ul.k-treeview li.nested__item .k-in,
                    nav.menu--vertical ul li ul.k-treeview-lines li.nested__item .k-in,
                    nav.menu--vertical ul li ul.nested li.nested__item .k-in,
                    nav.menu--vertical ul li ul.k-treeview li.k-item .nested__item__link,
                    nav.menu--vertical ul li ul.k-treeview-lines li.k-item .nested__item__link,
                    nav.menu--vertical ul li ul.nested li.k-item .nested__item__link,
                    nav.menu--vertical ul li ul.k-treeview li.nested__item .nested__item__link,
                    nav.menu--vertical ul li ul.k-treeview-lines li.nested__item .nested__item__link,
                    nav.menu--vertical ul li ul.nested li.nested__item .nested__item__link {
                        margin: 0;
                        color: #ffffff;
                        border: none;
                        padding-left: 10px;
                    }

                        nav.menu--vertical ul li ul.k-treeview li.k-item .k-in:hover,
                        nav.menu--vertical ul li ul.k-treeview-lines li.k-item .k-in:hover,
                        nav.menu--vertical ul li ul.nested li.k-item .k-in:hover,
                        nav.menu--vertical ul li ul.k-treeview li.nested__item .k-in:hover,
                        nav.menu--vertical ul li ul.k-treeview-lines li.nested__item .k-in:hover,
                        nav.menu--vertical ul li ul.nested li.nested__item .k-in:hover,
                        nav.menu--vertical ul li ul.k-treeview li.k-item .nested__item__link:hover,
                        nav.menu--vertical ul li ul.k-treeview-lines li.k-item .nested__item__link:hover,
                        nav.menu--vertical ul li ul.nested li.k-item .nested__item__link:hover,
                        nav.menu--vertical ul li ul.k-treeview li.nested__item .nested__item__link:hover,
                        nav.menu--vertical ul li ul.k-treeview-lines li.nested__item .nested__item__link:hover,
                        nav.menu--vertical ul li ul.nested li.nested__item .nested__item__link:hover,
                        nav.menu--vertical ul li ul.k-treeview li.k-item .k-in:active,
                        nav.menu--vertical ul li ul.k-treeview-lines li.k-item .k-in:active,
                        nav.menu--vertical ul li ul.nested li.k-item .k-in:active,
                        nav.menu--vertical ul li ul.k-treeview li.nested__item .k-in:active,
                        nav.menu--vertical ul li ul.k-treeview-lines li.nested__item .k-in:active,
                        nav.menu--vertical ul li ul.nested li.nested__item .k-in:active,
                        nav.menu--vertical ul li ul.k-treeview li.k-item .nested__item__link:active,
                        nav.menu--vertical ul li ul.k-treeview-lines li.k-item .nested__item__link:active,
                        nav.menu--vertical ul li ul.nested li.k-item .nested__item__link:active,
                        nav.menu--vertical ul li ul.k-treeview li.nested__item .nested__item__link:active,
                        nav.menu--vertical ul li ul.k-treeview-lines li.nested__item .nested__item__link:active,
                        nav.menu--vertical ul li ul.nested li.nested__item .nested__item__link:active {
                            color: #333333;
                            cursor: pointer;
                        }

                    nav.menu--vertical ul li ul.k-treeview li.k-item .k-icon,
                    nav.menu--vertical ul li ul.k-treeview-lines li.k-item .k-icon,
                    nav.menu--vertical ul li ul.nested li.k-item .k-icon,
                    nav.menu--vertical ul li ul.k-treeview li.nested__item .k-icon,
                    nav.menu--vertical ul li ul.k-treeview-lines li.nested__item .k-icon,
                    nav.menu--vertical ul li ul.nested li.nested__item .k-icon {
                        display: none;
                    }

                    nav.menu--vertical ul li ul.k-treeview li.k-item ul.k-group,
                    nav.menu--vertical ul li ul.k-treeview-lines li.k-item ul.k-group,
                    nav.menu--vertical ul li ul.nested li.k-item ul.k-group,
                    nav.menu--vertical ul li ul.k-treeview li.nested__item ul.k-group,
                    nav.menu--vertical ul li ul.k-treeview-lines li.nested__item ul.k-group,
                    nav.menu--vertical ul li ul.nested li.nested__item ul.k-group {
                        margin: 8px 0 0 0;
                    }

            nav.menu--vertical ul li.expandable {
                border-bottom: none;
                padding-bottom: 0;
            }

            nav.menu--vertical ul li.active > a {
                color: #333333;
            }

            nav.menu--vertical ul li a {
                color: #ffffff;
            }

                nav.menu--vertical ul li a:hover,
                nav.menu--vertical ul li a:active {
                    color: #333333;
                }
/* #Sidebars
=================================================== */
/* #Left sidebar */
.sidebar--left .g-wrap {
    padding: 10px 10px 10px 0;
}
/* #Right sidebar */
.sidebar--right .g-wrap {
    padding: 10px 0 10px 10px;
}

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em), only screen and (min-width: 48em) {
    .sidebar--left,
    .sidebar--right {
        display: none;
    }
}

@media only screen and (min-width: 64em) {
    .sidebar--left,
    .sidebar--right {
        display: inline-block;
    }
}
/* #Pullouts
=================================================== */
/* #General */
.cbp-spmenu {
    background-color: #e3e1e1;
    overflow: auto;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
}

.cbp-spmenu-vertical {
    width: 50%;
    height: 100%;
    top: 0;
    z-index: 1000;
}

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* #Left menu */
.cbp-spmenu-left {
    left: -50%;
}

    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0px;
        background-color: #e3e1e1;
        overflow: auto;
    }

.cbp-spmenu-push-toright {
    left: 50%;
}
/* #Right menu */
.cbp-spmenu-right {
    right: -50%;
}

    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0px;
        background-color: #e3e1e1;
        overflow: auto;
    }

.cbp-spmenu-push-toleft {
    left: -50%;
}
/* #Pullout links */
.pullout-link {
    -ms-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
}

    .pullout-link a {
        outline: none;
        background-color: transparent;
        display: inline-block;
        text-align: center;
        padding: 15px 10px;
    }

        .pullout-link a:focus {
            outline: none;
        }

        .pullout-link a:hover,
        .pullout-link a:active {
            background-color: transparent;
        }

    .pullout-link .pullout-link__icon i {
        font-size: 35px;
        width: 35px;
        color: #333333;
    }

    .pullout-link:hover,
    .pullout-link:active {
        cursor: pointer;
    }

.pullout-link--left {
    float: left;
    margin: 0;
    width: 15%;
}

.pullout-link--right {
    float: right;
    margin: 0;
    width: 15%;
}

.pulloutlist {
    margin: 0 0 30px 0;
}

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

        .pulloutlist ul.footer-social {
            margin-top: 10px;
        }

            .pulloutlist ul.footer-social li {
                border: none;
                margin-left: 0;
            }

        .pulloutlist ul li {
            padding: 5px 0;
            /* border-bottom: 1px solid @grey60;*/
        }

            .pulloutlist ul li a {
                color: #ffffff;
                line-height: 1.5;
                font-size: 16px;
                font-size: 1.6rem;
                display: block;
                width: 100%;
                height: 100%;
            }

                .pulloutlist ul li a:hover,
                .pulloutlist ul li a:active {
                    color: #333333;
                    text-decoration: none;
                }

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em), only screen and (min-width: 48em) {
    .pullout-link--left {
        display: block;
        text-align: left;
    }

    .pullout-link--right {
        display: block;
        text-align: right;
    }
}

@media only screen and (max-width: 35.5em) {
    .cbp-spmenu-vertical {
        width: 70%;
    }

    .cbp-spmenu-left {
        left: -70%;
    }

    .cbp-spmenu-push-toright {
        left: 70%;
    }

    .cbp-spmenu-right {
        right: -70%;
    }

    .cbp-spmenu-push-toleft {
        left: -70%;
    }
}

@media only screen and (min-width: 64em) {
    .pullout-link--left,
    .pullout-link--right {
        display: none;
    }
}
/* #Content
=================================================== */
main {
    width: 100%;
    padding: 0 0 60px 0;
    float: left;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.article h1 {
    font-size: 30px;
    font-size: 3rem;
}

.article .content {
    border: none;
    float: left;
    margin: 0 0 20px 0;
    width: 100%;
}

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em), only screen and (min-width: 48em) {
    main {
        padding: 0 10px 00px 10px;
    }
}

@media only screen and (min-width: 64em) {
    main {
        padding: 0 0 0px 0;
    }
}
/* #Footer
=================================================== */
footer {
    background-color: transparent;
    width: 100%;
    max-width: 1140px;
    height: auto;
    margin: 0 auto;
    position: static;
    padding: 0;
}

    footer .sub-footer {
        border-top: 1px solid #C6C8C9;
        margin: 0;
        padding: 10px;
    }

    footer .footer__copyright {
        width: auto;
        margin: 0 auto;
        float: right;
        font-size: 16px;
        font-size: 1.6rem;
        color: #ffffff;
    }

    footer .footer--desktop {
        width: 100%;
    }

        footer .footer--desktop .f-outerwrap {
            background-color: transparent;
            overflow: hidden;
            margin: 0;
            padding: 0 0;
        }

        footer .footer--desktop h3 {
            margin: 0 0 10px 0;
            padding: 4px 0 0 0;
            border-top: 1px solid #646361;
            font-size: 110%;
            color: #646361;
        }

        footer .footer--desktop ul {
            list-style-type: none;
            margin: 0 0 15px 0;
            padding: 0;
            display: block;
        }

            footer .footer--desktop ul li {
                padding: 0 0 3px 0;
                line-height: normal;
            }

                footer .footer--desktop ul li a {
                    font-size: 16px;
                    font-size: 1.6rem;
                    font-weight: normal;
                    color: #ffffff;
                }

                    footer .footer--desktop ul li a:hover,
                    footer .footer--desktop ul li a:active {
                        color: #ffffff;
                    }

    footer .footer--mobile {
        background-color: #e3e1e1;
        display: none;
        color: #333F48;
        /* Full width mobile menu element with inline list */
    }

        footer .footer--mobile .f-outerwrap {
            background-color: transparent;
            overflow: hidden;
            margin: 0;
            padding: 20px 10px 10px 10px;
        }

        footer .footer--mobile .f-wrap {
            padding: 10px;
        }

        footer .footer--mobile a {
            font-size: inherit;
            font-weight: normal;
            color: #333F48;
        }

            footer .footer--mobile a:hover,
            footer .footer--mobile a:active {
                text-decoration: underline;
                color: #333333;
            }

        footer .footer--mobile h3 {
            font-size: 110%;
            color: #333F48;
        }

        footer .footer--mobile ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            display: block;
            text-align: center;
        }

            footer .footer--mobile ul li {
                padding: 0 0 3px 0;
            }

                footer .footer--mobile ul li a {
                    font-size: inherit;
                    font-weight: normal;
                    color: #333F48;
                }

                    footer .footer--mobile ul li a:hover,
                    footer .footer--mobile ul li a:active {
                        text-decoration: underline;
                        color: #333333;
                    }

        footer .footer--mobile .footer__full {
            text-align: center;
            margin: 0 auto;
            margin: 15px 0 0 0;
            padding: 10px;
            border: none;
        }

            footer .footer--mobile .footer__full.right {
                float: right;
            }

            footer .footer--mobile .footer__full ul {
                display: inline-block;
                margin: 0;
            }

                footer .footer--mobile .footer__full ul li {
                    display: inline;
                    margin: 0 10px;
                }

        footer .footer--mobile .v-divider {
            color: #e3e1e1;
            margin: 0 3px;
        }

@media only screen and (max-width: 35.5em) {
    footer .footer--mobile .f-wrap {
        text-align: center;
        margin: 0 auto;
        border-bottom: 1px dotted #939393;
        padding: 10px 10px 0 0;
    }

    footer .footer--mobile .footer__full {
        border-top: none;
        margin: 0;
    }
}

@media only screen and (min-width: 35.5em) {
    footer .footer--mobile .f-wrap {
        text-align: center;
        margin: 0 auto;
        border-bottom: 1px dotted #939393;
        height: 180px;
        padding: 10px 10px 0 0;
    }

        footer .footer--mobile .f-wrap.phablet-brd-right {
            border-right: 1px dotted #939393;
        }

        footer .footer--mobile .f-wrap.phablet-brd-bottom {
            border-bottom: none;
        }

    footer .footer--mobile .footer__full {
        margin: 30px 0 0 0;
    }
}

@media only screen and (min-width: 48em) {
    footer .footer--mobile .f-wrap {
        text-align: left;
        padding: 10px;
        border: none;
    }

        footer .footer--mobile .f-wrap.phablet-brd-right {
            border: none;
        }

        footer .footer--mobile .f-wrap.phablet-brd-bottom {
            border: none;
        }

    footer .footer--mobile .footer__full {
        margin: 15px 0 0 0;
        padding: 10px;
        border: none;
    }
}

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em), only screen and (min-width: 48em) {
    footer .footer--desktop {
        display: none;
    }

    footer .footer--mobile {
        display: block;
    }
}

@media only screen and (min-width: 64em) {
    footer .footer--desktop {
        display: block;
    }

    footer .footer--mobile {
        display: none;
    }

    footer .sub-footer {
        border-top: 1px solid #C6C8C9;
    }
}

@media only screen and (min-width: 64em) and (max-width: 74em) {
    footer {
        max-width: 970px;
    }
}
/* Common
	
	#Global		
		Headings
			Current page
		Links	
		Text	
			Intro text
			Info
			Note
			Quotes
			Time stamp
	
	#Accessibility
	#Carousel
	#Containers
		Main text content
			Imported data overrides 
		Box elements 
			Contact 
			Login
			Search			
			Share
	#Controls	 
	#Forms	
		Input, select and textarea 
			General
			Select
			Input widths
			Readonly
		Checkbox and radio
		Label
		Fieldset / legend
		Stacked / aligned forms
	#Grids
		#Thumbnail grid
	#Hover card	
	#Icons	
		Socialite
	#Images
	#Lists	
		Basic list		
		Description list
		Downloads list
		Grid list
		Thumbnail list
	#Loading
	#Social media links	
	#Tables
	#Top image
*/
/* #Global
=================================================== */
html,
body,
form.main {
    height: 100%;
}

html {
    font-size: 62.5%;
}

body {
    background-color: #ffffff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    color: #666666;
    line-height: normal;
}
/* Pure grids font family override */
html,
button,
input,
select,
textarea,
.pure-g [class*="pure-u"] {
    font-family: Arial, Helvetica, sans-serif;
}

p,
pre {
    margin: 0 0 10px 0;
}
/* Headings */
h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-size: 4rem;
    font-weight: normal;
    color: #333333;
    margin: 0 0 8px;
    font-spacing: -1px;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: normal;
    color: #646361;
    margin: 0 0 8px;
    font-spacing: 0;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    color: #646361;
    margin: 0 0 8px;
    font-spacing: normal;
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #646361;
    margin: 0 0 8px;
    font-spacing: normal;
}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #646361;
    margin: 0;
    font-spacing: normal;
}
/* Current page */
h3.current-page {
    color: #333333;
    font-size: 140%;
}
/* Links */
a,
a:visited {
    color: #333333;
    text-decoration: none;
    letter-spacing: normal;
}

    a:hover,
    a:visited:hover,
    a:active,
    a:visited:active {
        color: #333333;
        text-decoration: none;
        cursor: pointer;
    }

    a.emphasize,
    a:visited.emphasize {
        font-weight: bold;
    }

    a.cta,
    a:visited.cta {
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
        margin: 5px 0;
        padding: 0 0 0 10px;
    }

        a.cta:before,
        a:visited.cta:before {
            content: "\f105";
            font-family: "FontAwesome";
            color: #333333;
            font-size: 16px;
            font-size: 1.6rem;
            margin-right: 5px;
        }

        a.cta:hover,
        a:visited.cta:hover,
        a.cta:active,
        a:visited.cta:active {
            color: #333333;
            text-decoration: none;
            cursor: pointer;
        }

            a.cta:hover:before,
            a:visited.cta:hover:before,
            a.cta:active:before,
            a:visited.cta:active:before {
                color: #333333;
            }

    a.back,
    a:visited.back {
        display: inline-block;
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: normal;
        margin: 5px 0;
        padding: 0;
    }

        a.back:before,
        a:visited.back:before {
            content: "\f104";
            font-family: "FontAwesome";
            color: #333333;
            font-size: 16px;
            font-size: 1.6rem;
            margin-right: 5px;
        }

        a.back:hover,
        a:visited.back:hover,
        a.back:active,
        a:visited.back:active {
            color: #333333;
            text-decoration: none;
            cursor: pointer;
        }

            a.back:hover:before,
            a:visited.back:hover:before,
            a.back:active:before,
            a:visited.back:active:before {
                color: #333333;
            }
/* Text */
/* Intro text */
.intro {
    font-size: 18px;
    font-size: 1.8rem;
}
/* Information */
.info {
    font-size: 10px;
    color: #666666;
}
/* Note */
.note {
    background-color: transparent;
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #333333;
    font-size: 13px;
    font-size: 1.3rem;
    color: #666666;
    display: block;
}
/* Quotes */
blockquote {
    background: transparent;
    border-left: none;
    margin: 10px 10px;
    padding: 10px;
    line-height: 1.4;
    quotes: "\201C" "\201D";
}

    blockquote p {
        display: inline;
    }

    blockquote:before {
        color: #939393;
        content: open-quote;
        font-size: 400%;
        line-height: 0.01;
        margin-right: 5px;
        vertical-align: -22px;
    }

cite {
    font-size: 0.9em;
    display: block;
    line-height: 1.5em;
    margin-top: 10px;
    font-style: italic;
}

    cite span {
        color: #DDDEDF;
    }
/* Time stamp */
time {
    display: block;
    margin: 3px 0;
    color: #646361;
    font-weight: normal;
    font-size: 11px;
    font-size: 1.1rem;
}

    time span {
        display: none;
        padding-left: 5px;
    }

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em), only screen and (min-width: 48em) {
    h1.page-title {
        border: none;
    }
}

@media only screen and (min-width: 64em) {
    h1.page-title {
        border-top: none;
        padding: 0;
    }
}
/* #Accessibility
=================================================== */
ul.accessibility {
    position: fixed;
    top: 20%;
    left: -1px;
    padding: 0;
    list-style-type: none;
    z-index: 1000;
}

    ul.accessibility li a {
        display: block;
        height: 16px;
        width: 16px;
        margin: 5px 0;
        text-align: center;
        padding: 2px;
        line-height: 16px;
        font-weight: bold;
        text-decoration: none;
        border: 1px solid #666666;
        background: url("../../Images/Theme/Backgrounds/button-bg.png") no-repeat scroll 0 0 transparent;
        color: #666666;
        /* &.textsize { background-color: @white; color: @black; font-size: 1.3em; }
			&.contrast { background-color: @black; color: #ffff00; }
			&.dyslexia { background-color: #FAFAC8; color: @black; } */
    }

        ul.accessibility li a:hover,
        ul.accessibility li a:active {
            border: 1px solid #333F48;
        }

        ul.accessibility li a:hover,
        ul.accessibility li a:active {
            background-color: #C6C8C9;
        }

        ul.accessibility li a.active {
            background-color: #333333;
            color: #ffffff;
        }

            ul.accessibility li a.active:hover,
            ul.accessibility li a.active:active {
                background-color: #333F48;
                border-color: #333F48;
                color: #ffffff;
            }

        ul.accessibility li a:hover,
        ul.accessibility li a:active {
            color: #333F48;
        }
/* #Buttons
=================================================== */
.button-pane {
    clear: both;
    margin: 0;
    overflow: hidden;
}

    .button-pane .button {
        background: #b40000;
        padding: 0;
        border: 1px solid #b40000;
        color: #ffffff;
        border-radius: 3px;
        padding: 5px 15px;
    }

        .button-pane .button:hover,
        .button-pane .button:active {
            background-color: transparent;
            color: #b40000;
        }

        .button-pane .button.active {
            background-color: transparent;
            color: #b40000;
        }

            .button-pane .button.active:hover,
            .button-pane .button.active:active {
                background-color: transparent;
                color: #b40000;
            }

        .button-pane .button:hover,
        .button-pane .button:active {
            border: 1px solid #b40000;
        }

    .button-pane.right {
        float: right;
    }

    .button-pane .button.right {
        float: right;
    }

    .button-pane .button span {
        display: block;
        line-height: 1.5;
    }

        .button-pane .button span:after {
            background-color: transparent;
            content: "";
            width: 10px;
            height: 10px;
            margin: 6px 0 0 3px;
            position: absolute;
        }

    .button-pane .box__button {
        background: #b40000;
        padding: 0;
        border: 1px solid #b40000;
        color: #ffffff;
        border-radius: 3px;
        padding: 5px 15px;
    }

        .button-pane .box__button.right {
            float: right;
        }

        .button-pane .box__button:hover,
        .button-pane .box__button:active {
            background-color: transparent;
            color: #b40000;
        }

        .button-pane .box__button.active {
            background-color: transparent;
            color: #b40000;
        }

            .button-pane .box__button.active:hover,
            .button-pane .box__button.active:active {
                background-color: transparent;
                color: #b40000;
            }

        .button-pane .box__button:hover,
        .button-pane .box__button:active {
            border: 1px solid #b40000;
        }

    .button-pane.absolute {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 0;
    }
/* #Carousel
=================================================== */
.carousel {
    border: none;
    width: 100%;
    margin: 5px 0 10px 0;
    float: left;
}

.carousel--desktop {
    margin: 5px 0 10px 0;
}

    .carousel--desktop .carousel__header {
        display: none;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #e3e1e1;
        height: 40px;
        padding: 10px;
    }

        .carousel--desktop .carousel__header header {
            background-color: transparent;
        }

            .carousel--desktop .carousel__header header h2 {
                background-color: transparent;
                text-align: center;
                color: #666666;
                font-size: 18px;
                font-size: 1.8rem;
                line-height: 18px;
                line-height: 1.8rem;
                font-weight: normal;
            }

    .carousel--desktop .carousel__body .slides {
        padding: 0;
        margin: 0;
    }

        .carousel--desktop .carousel__body .slides .slide {
            display: none;
            list-style-type: none;
        }

            .carousel--desktop .carousel__body .slides .slide.active {
                display: block;
            }

            .carousel--desktop .carousel__body .slides .slide .slide__title--top {
                display: block;
                background-color: #333333;
                height: 50px;
                padding: 10px;
            }

                .carousel--desktop .carousel__body .slides .slide .slide__title--top h2 {
                    color: #ffffff;
                    text-align: left;
                }

            .carousel--desktop .carousel__body .slides .slide .slide__wrapper {
                position: relative;
            }

                .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image {
                    background-color: #333333;
                    border-top: solid 1px none;
                    border-left: solid 1px #DDDEDF;
                    border-right: solid 1px #DDDEDF;
                    border-bottom: solid 1px none;
                    position: relative;
                    max-width: 100%;
                    margin: 0 auto;
                }

                    .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image img {
                        display: block;
                        width: 100%;
                        height: auto;
                    }

                    .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image .slide__overlap-text {
                        display: block;
                        width: 75%;
                        height: 20%;
                        position: absolute;
                        top: 15px;
                    }

                        .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image .slide__overlap-text.left {
                            left: 15px;
                        }

                        .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image .slide__overlap-text.right {
                            left: 600px;
                        }

                        .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image .slide__overlap-text .slide__title--overlap h2 {
                            color: inherit;
                            text-align: left;
                            font-size: 30px;
                            font-size: 3rem;
                            line-height: 1.2;
                        }

                        .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image .slide__overlap-text .slide__summary--overlap {
                            background-color: transparent;
                            -ms-box-sizing: border-box;
                            -moz-box-sizing: border-box;
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                            position: absolute;
                            margin: 10px 0 0 0;
                            color: inherit;
                            font-size: 16px;
                            font-size: 1.6rem;
                        }

                            .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image .slide__overlap-text .slide__summary--overlap time {
                                display: none;
                            }

                            .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image .slide__overlap-text .slide__summary--overlap ul,
                            .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image .slide__overlap-text .slide__summary--overlap ol {
                                margin: 0;
                                padding: 0 0 0 20px;
                            }

                                .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image .slide__overlap-text .slide__summary--overlap ul li,
                                .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__image .slide__overlap-text .slide__summary--overlap ol li {
                                    margin: 0 0 2px 0;
                                }

                .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__cta {
                    position: absolute;
                    padding: 0;
                    z-index: 200;
                }

                    .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__cta.top-right {
                        top: 10px;
                        right: 10px;
                    }

                    .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__cta.bottom-right {
                        bottom: 10px;
                        right: 10px;
                    }

                    .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__cta.top-left {
                        top: 10px;
                        left: 10px;
                    }

                    .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__cta.bottom-left {
                        bottom: 10px;
                        left: 10px;
                    }

                    .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__cta a {
                        background: #46A941 url("../../Images/Theme/Backgrounds/button-gradient.png") repeat-x top left;
                        background: #46A941;
                        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D5E041), color-stop(1, #46A941));
                        background: -ms-linear-gradient(bottom, #D5E041, #46A941);
                        background: -moz-linear-gradient(center bottom, #D5E041 0%, #46A941 100%);
                        padding: 12px 40px;
                        display: block;
                        border: 1px solid #46A941;
                        border-radius: 5px;
                        font-size: 18px;
                        font-size: 1.8rem;
                        color: #ffffff;
                    }

                        .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__cta a:hover,
                        .carousel--desktop .carousel__body .slides .slide .slide__wrapper .slide__cta a:active {
                            background-image: none;
                            background-color: #46A941;
                        }

            .carousel--desktop .carousel__body .slides .slide .slide__summary--bottom {
                background-color: #fafafa;
                border-top: solid 1px #DDDEDF;
                border-left: solid 1px #DDDEDF;
                border-right: solid 1px #DDDEDF;
                border-bottom: solid 1px none;
                -ms-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
                height: 100px;
                margin: 0;
                padding: 10px;
                color: #666666;
                line-height: 1.3;
            }

                .carousel--desktop .carousel__body .slides .slide .slide__summary--bottom time {
                    color: #666666;
                    font-size: 14px;
                    font-size: 1.4rem;
                    margin: 0 0 10px 0;
                }

                .carousel--desktop .carousel__body .slides .slide .slide__summary--bottom ul,
                .carousel--desktop .carousel__body .slides .slide .slide__summary--bottom ol {
                    margin: 0;
                    padding: 0 0 0 20px;
                }

                    .carousel--desktop .carousel__body .slides .slide .slide__summary--bottom ul li,
                    .carousel--desktop .carousel__body .slides .slide .slide__summary--bottom ol li {
                        margin: 0 0 2px 0;
                    }

.carousel--mobile .carousel__body {
    position: relative;
}

    .carousel--mobile .carousel__body ul.slides {
        padding: 0;
        margin: 0;
    }

        .carousel--mobile .carousel__body ul.slides .slide {
            display: none;
            list-style-type: none;
        }

            .carousel--mobile .carousel__body ul.slides .slide .slide__image img {
                width: 100%;
                height: auto;
                max-height: 200px;
                border: 1px solid #666666;
                border-bottom: 0;
                -ms-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

            .carousel--mobile .carousel__body ul.slides .slide .slide__image {
                background-color: transparent;
                -ms-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
            }

            .carousel--mobile .carousel__body ul.slides .slide .slide__summary--bottom {
                overflow: hidden;
                background-color: #666666;
                padding: 10px;
                color: #ffffff;
                margin-top: -3px;
                -ms-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
            }

                .carousel--mobile .carousel__body ul.slides .slide .slide__summary--bottom h2 {
                    font-size: 18px;
                    font-size: 1.8rem;
                    margin-bottom: 0.5em;
                    line-height: 1.2;
                    color: #ffffff;
                }

                .carousel--mobile .carousel__body ul.slides .slide .slide__summary--bottom ul,
                .carousel--mobile .carousel__body ul.slides .slide .slide__summary--bottom ol {
                    margin: 0;
                    padding: 0 0 0 20px;
                }

                    .carousel--mobile .carousel__body ul.slides .slide .slide__summary--bottom ul li,
                    .carousel--mobile .carousel__body ul.slides .slide .slide__summary--bottom ol li {
                        margin: 0 0 2px 0;
                    }

                .carousel--mobile .carousel__body ul.slides .slide .slide__summary--bottom .slide__cta {
                    padding: 5px 0;
                    float: right;
                }

                    .carousel--mobile .carousel__body ul.slides .slide .slide__summary--bottom .slide__cta a {
                        background: #46A941 url("../../Images/Theme/Backgrounds/button-gradient.png") repeat-x top left;
                        background: #46A941;
                        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D5E041), color-stop(1, #46A941));
                        background: -ms-linear-gradient(bottom, #D5E041, #46A941);
                        background: -moz-linear-gradient(center bottom, #D5E041 0%, #46A941 100%);
                        padding: 5px 10px;
                        display: inline-block;
                        border: 1px solid #46A941;
                        border-radius: 5px;
                        font-size: 18px;
                        font-size: 1.8rem;
                        color: #ffffff;
                    }

                        .carousel--mobile .carousel__body ul.slides .slide .slide__summary--bottom .slide__cta a:hover,
                        .carousel--mobile .carousel__body ul.slides .slide .slide__summary--bottom .slide__cta a:active {
                            background-image: none;
                            background-color: #46A941;
                        }

.carousel__nav {
    position: absolute;
    top: 10px;
    width: 100%;
}

    .carousel__nav ul {
        width: 100%;
        padding: 0;
        margin: 0;
    }

        .carousel__nav ul li {
            list-style-type: none;
            width: 50%;
            float: left;
        }

            .carousel__nav ul li.prev a {
                display: block;
                background-color: rgba(255, 255, 255, 0.6);
                padding: 10px 15px;
                margin: 0 0 0 7px;
                float: left;
            }

                .carousel__nav ul li.prev a:hover,
                .carousel__nav ul li.prev a:active {
                    background-color: #ffffff;
                }

            .carousel__nav ul li.next a {
                display: block;
                background-color: rgba(255, 255, 255, 0.6);
                padding: 10px 15px;
                margin: 0 7px 0 0;
                float: right;
            }

                .carousel__nav ul li.next a:hover,
                .carousel__nav ul li.next a:active {
                    background-color: #ffffff;
                }

.carousel__pager {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

    .carousel__pager .pager__button {
        display: inline-block;
        float: left;
        position: relative;
    }

        .carousel__pager .pager__button span input[type="button"] {
            background-color: #DDDEDF;
            height: 35px;
            width: 100%;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #333F48;
            border: 1px solid #C6C8C9;
            border-right: none;
        }

            .carousel__pager .pager__button span input[type="button"]:hover,
            .carousel__pager .pager__button span input[type="button"]:active {
                color: #333F48;
            }

            .carousel__pager .pager__button span input[type="button"].active {
                color: #ffffff;
            }

            .carousel__pager .pager__button span input[type="button"]:hover,
            .carousel__pager .pager__button span input[type="button"]:active {
                border: 1px solid #C6C8C9;
            }

            .carousel__pager .pager__button span input[type="button"]:hover,
            .carousel__pager .pager__button span input[type="button"]:active {
                background-color: #C6C8C9;
            }

        .carousel__pager .pager__button:last-of-type input,
        .carousel__pager .pager__button .last input {
            border-right: 1px solid #C6C8C9;
        }

        .carousel__pager .pager__button.active span:before {
            content: "";
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #333333;
            left: 50%;
            margin-left: -8.5px;
            position: absolute;
            top: -8px;
        }

        .carousel__pager .pager__button.active span input[type="button"] {
            background-color: #333333;
            border-color: #333333;
        }

            .carousel__pager .pager__button.active span input[type="button"]:hover,
            .carousel__pager .pager__button.active span input[type="button"]:active {
                background-color: #333333;
            }

            .carousel__pager .pager__button.active span input[type="button"]:last-of-type,
            .carousel__pager .pager__button.active span input[type="button"] .last {
                border-right: 1px solid #333333;
            }

    .carousel__pager.two .pager__button {
        width: 50%;
    }

    .carousel__pager.three .pager__button {
        width: 33.333333333%;
    }

    .carousel__pager.four .pager__button {
        width: 25%;
    }

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em) {
    .carousel--desktop {
        display: none;
    }

    .carousel--mobile {
        display: block;
    }
}

@media only screen and (min-width: 64em), only screen and (min-width: 48em) {
    .carousel--desktop {
        display: block;
    }

    .carousel--mobile {
        display: none;
    }
}
/* #Containers
=================================================== */
/* Main text content */
.content {
    border-top: none;
    padding-top: 0;
    /* Imported data overrides */
}

.main-div {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100;Blue+to+Transparent */
    background: -moz-linear-gradient(top, #e3e1e1, #ffffff 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e3e1e1,#ffffff 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e3e1e1,#ffffff 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.content .relbody,
.content .notes,
.content .boiler {
    border-bottom: 1px solid #C6C8C9;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.content .body p[style],
.content .body span[style],
.content .body a[style] {
    margin-left: 0 !important;
    text-align: left !important;
    font-size: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
    color: #666666 !important;
}

.content .body i[style],
.content .body em[style] {
    margin-left: 0 !important;
    text-align: left !important;
    font-size: inherit !important;
    font-style: italic !important;
    line-height: inherit !important;
    color: #666666 !important;
}

.content .body strong[style],
.content .body b[style] {
    margin-left: 0 !important;
    text-align: left !important;
    font-size: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
    color: #666666 !important;
    font-weight: bold !important;
}

.content .body ul[style] {
    list-style-type: inherit !important;
    font-size: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
    color: #666666 !important;
}

.content .body ul li[style] {
    font-size: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
    color: #666666 !important;
}

.content .body table[style] {
    width: 100% !important;
}

.content .body font[style] {
    font-size: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
    color: #666666 !important;
}
/* Accordion */
.accordion .accordion__head {
    background-color: transparent;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #ffffff;
    border-width: 1px 1px 0 1px;
    clear: both;
    line-height: 1.2;
}

    .accordion .accordion__head:hover,
    .accordion .accordion__head:active {
        background-color: #F4F2F2;
        cursor: pointer;
    }

    .accordion .accordion__head.last,
    .accordion .accordion__head:last-of-type {
        border-style: solid;
        border-width: 1px;
    }

    .accordion .accordion__head img.staff {
        border: none;
        float: left;
        max-width: 50px;
        margin: 0 10px 0 0;
    }

    .accordion .accordion__head h3 {
        color: #333333;
    }

    .accordion .accordion__head h4 {
        color: inherit;
    }

.accordion .accordion__body {
    background-color: transparent;
    padding: 5px 5px 10px 5px;
    border: 1px solid #ffffff;
    border-width: 1px 1px 0 1px;
}

    .accordion .accordion__body.last,
    .accordion .accordion__body:last-of-type {
        border-style: solid;
        border-width: 1px;
    }

    .accordion .accordion__body i {
        float: left;
        margin-right: 5px;
    }

    .accordion .accordion__body a.download {
        display: block;
        margin: 0;
    }

        .accordion .accordion__body a.download:hover,
        .accordion .accordion__body a.download:active {
            opacity: 0.8;
            cursor: pointer;
        }

.accordion--bio .accordion__head h3 {
    margin: 0 0 4px 0;
}

.accordion--bio .accordion__head h4 {
    color: #333333;
}

.bio-mobile {
    display: none;
}

.accordion--contacts .accordion__head h3 {
    color: #333333;
    font-weight: normal;
}
/* Box elements */
.box {
    margin: 0 0 10px 0;
    padding: 10px;
    position: relative;
    color: #666666;
    zoom: 1;
    /* Set top border */
}

    .box:after {
        content: "";
        display: table;
        clear: both;
    }

    .box .box__header {
        height: auto;
        padding: 0;
        width: auto;
    }

    .box a.cta {
        color: #333333;
    }

    .box .box__header h3 {
        color: #666666;
        font-size: 17px;
        font-size: 1.7rem;
        font-weight: bold;
        line-height: normal;
        text-align: left;
    }

    .box .box__body {
        padding: 0;
    }

    .box.first {
        padding-top: 0;
    }

.contentbox .box.box--1,
.contentbox .box.box--2,
.contentbox .box.box--3,
.contentbox .box.box--4,
.contentbox .box.box--5,
.contentbox .box.box--6 {
    background-color: transparent;
    box-shadow: none;
    padding: 10px 0;
}
/* Custom box 1 */
.box--1 {
    background-color: #DDDEDF;
    margin: 0 0 10px 0;
    padding: 10px;
    border: none;
    color: #ffffff;
}

    .box--1 .box__header {
        background-color: transparent;
    }

        .box--1 .box__header h3 {
            color: #666666;
            font-size: 15px;
            font-size: 1.5rem;
            font-weight: bold;
        }

    .box--1 a {
        color: #333333;
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;
    }

        .box--1 a:hover,
        .box--1 a:active {
            color: #ffffff;
        }
/* Custom box 2 */
.box--2 {
    background-color: #fafafa;
    box-shadow: 0 0 10px 10px #f6f6f6 inset;
    margin: 0 0 10px 0;
    padding: 15px;
    border: none;
    color: #646361;
}

    .box--2 .box__header {
        background-color: transparent;
    }

        .box--2 .box__header h3 {
            font-size: 15px;
            font-size: 1.5rem;
            font-weight: bold;
        }

    .box--2 a {
        color: #333333;
        font-size: 13px;
        font-size: 1.3rem;
    }
/* Custom box 3 */
.box--3 {
    background-color: transparent;
    margin: 0 0 10px 0;
    padding: 10px 0;
    border: none;
    color: #666666;
}

    .box--3 .box__header {
        background-color: transparent;
    }

        .box--3 .box__header h3 {
            color: #666666;
            font-size: 17px;
            font-size: 1.7rem;
            font-weight: bold;
        }

    .box--3 a {
        color: #333333;
        font-size: 13px;
        font-size: 1.3rem;
    }
/* Custom box 4 */
.box--4 {
    background-color: transparent;
    margin: 20px 0;
    padding: 0;
    border: none;
    color: #666666;
    font-size: 13px;
    font-size: 1.3rem;
}

    .box--4 .box__header {
        background-color: transparent;
    }

        .box--4 .box__header h3 {
            color: #646361;
            font-size: 18px;
            font-size: 1.8rem;
            font-weight: bold;
        }

    .box--4 a {
        color: #333333;
        font-size: 13px;
        font-size: 1.3rem;
    }
/* Custom box 5 */
.box--5 {
    background-color: #333F48;
    margin: 0 0 10px 0;
    padding: 10px;
    border: none;
    color: #ffffff;
    font-size: 12px;
    font-size: 1.2rem;
}

    .box--5 .box__header {
        background-color: transparent;
    }

        .box--5 .box__header h3 {
            color: #ffffff;
            font-size: 12px;
            font-weight: 1.2rem;
        }

    .box--5 a {
        color: #333333;
        font-size: 12px;
        font-size: 1.2rem;
    }
/* Custom box 6 (border only) */
.box--6 {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #DDDEDF;
}
/* Box height */
.sm-height {
    height: auto;
}

.md-height {
    height: auto;
}

.lg-height {
    height: auto;
}
/* Display elements */
.display-box {
    padding: 10px;
}

.display-box--bio h3 {
    color: #333333;
    margin: 0 0 4px 0;
}

.display-box--bio h4 {
    color: #333333;
}

.display-box--bio figure img {
    width: 100%;
    max-width: 180px;
    height: auto;
}

.display-box--bio figure figcaption {
    display: inline-block;
    text-align: center;
}

    .display-box--bio figure figcaption a {
        margin: 0 0 0 5px;
        display: inline-block;
    }

@media only screen and (max-width: 35.5em) {
    .display-box--bio figure img {
        max-width: 100%;
    }

    .bio-mobile {
        display: block;
    }

    .bio-desktop {
        display: none;
    }
}

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em), only screen and (min-width: 48em) {
    .content {
        border: none;
    }
}

@media only screen and (min-width: 35.5em), only screen and (min-width: 48em), only screen and (min-width: 64em) {
    .display-box--bio figure img {
        max-width: 180px;
    }

    .bio-mobile {
        display: none;
    }

    .bio-desktop {
        display: block;
    }
}

@media only screen and (min-width: 64em) {
    .content {
        border-top: none;
    }
}
/* Sections */
.section-styled {
    background-color: transparent;
    padding: 10px 0 0 0;
    font-size: inherit;
    border-top: 1px solid #e3e1e1;
}
/* #Controls
=================================================== */
.controls {
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #C6C8C9;
}

    .controls.controls--table {
        border-bottom: 1px solid #C6C8C9;
        margin: 10px 0;
    }

        .controls.controls--table ul li {
            display: inline-block;
            margin: 0 10px 0 0;
        }

    .controls ul {
        list-style-type: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .controls ul li {
            display: inline-block;
            float: left;
            overflow: hidden;
        }

            .controls ul li.controls__back {
                width: 64%;
                text-align: left;
            }

            .controls ul li.controls__prev {
                width: 18%;
                text-align: right;
            }

            .controls ul li.controls__next {
                width: 18%;
                text-align: right;
            }

            .controls ul li a {
                display: inline-block;
            }
/* Tags*/
ul.tags {
    list-style-type: none;
    float: right;
    width: 100%;
    margin: 0;
    padding: 0;
}

    ul.tags li {
        float: left;
        overflow: hidden;
        margin: 0 10px 0 0;
        display: inline-block;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.5;
    }
/* Paging */
.paging {
    /* span.page { display: inline-block; margin-right: 5px; float: left; } */
    background-color: transparent;
    margin: 0;
    padding: 10px 0;
    overflow: hidden;
    font-size: inherit;
}

    .paging.paging--top {
        border-top: none;
        margin: 20px 0;
    }

    .paging.paging--bottom {
        border-bottom: none;
        margin-bottom: 20px;
    }

    .paging .paging--mobile {
        display: none;
    }

        .paging .paging--mobile .paging__pages {
            width: 48%;
            font-size: 14px;
            font-size: 1.4rem;
        }

            .paging .paging--mobile .paging__pages ul {
                margin: 10px 0 0 0;
            }

        .paging .paging--mobile .paging__links {
            min-width: 43px;
        }

            .paging .paging--mobile .paging__links a i {
                padding: 5px;
                background-color: #DDDEDF;
                padding: 8px;
                text-align: center;
                font-size: 120%;
                color: #333333;
            }

            .paging .paging--mobile .paging__links.left {
                width: 26%;
            }

            .paging .paging--mobile .paging__links.right {
                width: 26%;
            }

    .paging .paging__links {
        float: left;
    }

        .paging .paging__links.left {
            width: 30%;
        }

        .paging .paging__links.right {
            width: 26%;
        }

        .paging .paging__links .links--left {
            float: left;
        }

        .paging .paging__links .links--right {
            float: right;
        }

        .paging .paging__links a {
            display: inline-block;
            float: left;
            color: #333333;
        }

            .paging .paging__links a:hover:hover,
            .paging .paging__links a:active:hover,
            .paging .paging__links a:hover:active,
            .paging .paging__links a:active:active {
                color: #333333;
            }

                .paging .paging__links a:hover:hover:before,
                .paging .paging__links a:active:hover:before,
                .paging .paging__links a:hover:active:before,
                .paging .paging__links a:active:active:before,
                .paging .paging__links a:hover:hover:after,
                .paging .paging__links a:active:hover:after,
                .paging .paging__links a:hover:active:after,
                .paging .paging__links a:active:active:after {
                    color: #333333;
                }

            .paging .paging__links a.paging__first {
                width: 48px;
                text-align: left;
            }

                .paging .paging__links a.paging__first:before {
                    content: "\f100";
                    margin-right: 3px;
                }

            .paging .paging__links a.paging__prev {
                width: 75px;
                margin-left: 3px;
                text-align: left;
            }

                .paging .paging__links a.paging__prev:before {
                    content: "\f104";
                    margin-right: 3px;
                }

            .paging .paging__links a.paging__next {
                width: 48px;
                margin-right: 3px;
                text-align: right;
            }

                .paging .paging__links a.paging__next:after {
                    content: "\f105";
                    margin-left: 3px;
                }

            .paging .paging__links a.paging__last {
                width: 48px;
                text-align: right;
            }

                .paging .paging__links a.paging__last:after {
                    content: "\f101";
                    margin-left: 3px;
                }

            .paging .paging__links a.paging__first--mob {
                width: 28px;
            }

            .paging .paging__links a.paging__prev--mob {
                width: 28px;
            }

            .paging .paging__links a.paging__next--mob {
                width: 28px;
            }

            .paging .paging__links a.paging__last--mob {
                width: 28px;
            }

            .paging .paging__links a.paging__first:before,
            .paging .paging__links a.paging__prev:before,
            .paging .paging__links a.paging__next:before,
            .paging .paging__links a.paging__last:before,
            .paging .paging__links a.paging__first:after,
            .paging .paging__links a.paging__prev:after,
            .paging .paging__links a.paging__next:after,
            .paging .paging__links a.paging__last:after {
                font-family: "FontAwesome";
                color: #333333;
                font-size: 15px;
                font-size: 1.5rem;
            }

    .paging .paging__pages {
        float: left;
        text-align: center;
        vertical-align: middle;
        display: inline;
        width: 44%;
    }

        .paging .paging__pages ul {
            list-style-type: none;
            display: inline-block;
            margin: 0;
            padding: 0;
        }

            .paging .paging__pages ul li {
                display: inline-block;
                float: left;
                overflow: hidden;
                margin: 0 8px 0 0;
            }

                .paging .paging__pages ul li.current-page {
                    color: #333F48;
                    font-weight: bold;
                }

                .paging .paging__pages ul li a {
                    display: inline-block;
                    color: #333333;
                }

@media only screen and (max-width: 35.5em) {
    .paging .paging--mobile {
        display: block;
    }

    .paging .paging--desktop {
        display: none;
    }

    .paging.paging--top {
        margin: 10px 0;
    }
}

@media only screen and (min-width: 35.5em), only screen and (min-width: 48em), only screen and (min-width: 64em) {
    .paging .paging--mobile {
        display: none;
    }

    .paging .paging--desktop {
        display: block;
    }

    .paging.paging--top {
        margin: 20px 0;
    }
}
/* #Forms
=================================================== */
/* Input, select and textarea */
/* General */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
select,
textarea {
    padding: 0.5em 0.6em;
    display: inline-block;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #A7A7A7;
    border-radius: 0;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    select:focus,
    textarea:focus {
        outline: 0;
        outline: thin dotted \9;
        border: thin dotted #939393;
    }

        input[type="text"]:focus:invalid,
        input[type="password"]:focus:invalid,
        input[type="email"]:focus:invalid,
        input[type="url"]:focus:invalid,
        input[type="date"]:focus:invalid,
        input[type="month"]:focus:invalid,
        input[type="time"]:focus:invalid,
        input[type="datetime"]:focus:invalid,
        input[type="datetime-local"]:focus:invalid,
        input[type="week"]:focus:invalid,
        input[type="number"]:focus:invalid,
        input[type="search"]:focus:invalid,
        input[type="tel"]:focus:invalid,
        select:focus:invalid,
        textarea:focus:invalid {
            color: #c72b31;
            border-color: #c72b31;
        }

            input[type="text"]:focus:invalid:focus,
            input[type="password"]:focus:invalid:focus,
            input[type="email"]:focus:invalid:focus,
            input[type="url"]:focus:invalid:focus,
            input[type="date"]:focus:invalid:focus,
            input[type="month"]:focus:invalid:focus,
            input[type="time"]:focus:invalid:focus,
            input[type="datetime"]:focus:invalid:focus,
            input[type="datetime-local"]:focus:invalid:focus,
            input[type="week"]:focus:invalid:focus,
            input[type="number"]:focus:invalid:focus,
            input[type="search"]:focus:invalid:focus,
            input[type="tel"]:focus:invalid:focus,
            select:focus:invalid:focus,
            textarea:focus:invalid:focus {
                border: #c72b31;
            }

    input[type="text"]:disabled,
    input[type="password"]:disabled,
    input[type="email"]:disabled,
    input[type="url"]:disabled,
    input[type="date"]:disabled,
    input[type="month"]:disabled,
    input[type="time"]:disabled,
    input[type="datetime"]:disabled,
    input[type="datetime-local"]:disabled,
    input[type="week"]:disabled,
    input[type="number"]:disabled,
    input[type="search"]:disabled,
    input[type="tel"]:disabled,
    select:disabled,
    textarea:disabled {
        cursor: not-allowed;
        background-color: #666666;
        color: #333F48;
    }
/* Select */
select {
    border: 1px solid #C6C8C9;
    background-color: #ffffff;
}

    select[multiple] {
        height: auto;
    }
/* Input widths */
.pure-input-1 {
    width: 100%;
}

.pure-input-2-3 {
    width: 66%;
}

.pure-input-1-2 {
    width: 50%;
}

.pure-input-1-3 {
    width: 33%;
}

.pure-input-1-4 {
    width: 25%;
}
/* Readonly */
input[readonly],
select[readonly],
textarea[readonly] {
    background: #eee;
    color: #777;
    border-color: #ccc;
}
/* Checkbox and radio */
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    border: thin dotted #939393;
    outline: thin dotted #333;
    outline: 1px auto #129FEA;
}

    input[type="file"]:focus:invalid:focus,
    input[type="radio"]:focus:invalid:focus,
    input[type="checkbox"]:focus:invalid:focus {
        outline-color: #c72b31;
    }

input[type="checkbox"],
input[type="radio"] {
    padding: 0.5em 0;
    display: inline-block;
    margin-top: 3px 0 0 0;
    vertical-align: text-bottom;
}
/* Label */
label {
    margin: 10px 0 5px 0;
    font-weight: normal;
}

    label.inline {
        display: inline-block;
        margin: 5px 0;
    }
/* Fieldset / legend */
fieldset {
    margin: 0;
    padding: 0.35em 0 0.75em;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0.3em 0;
    margin: 0 0 0.3em 0;
    color: #666666;
    border-bottom: 1px solid #e5e5e5;
}
/* Stacked / aligned forms */
.stacked-form input[type="text"],
.stacked-form input[type="password"],
.stacked-form input[type="email"],
.stacked-form input[type="url"],
.stacked-form input[type="date"],
.stacked-form input[type="month"],
.stacked-form input[type="time"],
.stacked-form input[type="datetime"],
.stacked-form input[type="datetime-local"],
.stacked-form input[type="week"],
.stacked-form input[type="number"],
.stacked-form input[type="search"],
.stacked-form input[type="tel"],
.stacked-form select,
.stacked-form textarea {
    display: inline-block;
    margin: 0.5em 0;
    max-width: 100%;
}

.stacked-form label {
    margin: 10px 0 5px 0;
}

    .stacked-form label.inline {
        display: inline-block;
        margin: 5px 0;
    }

.aligned-form textarea {
    vertical-align: top;
}

.aligned-form .control-group {
    margin: 0 0 0.5em 0;
}

    .aligned-form .control-group label {
        text-align: right;
        display: inline-block;
        vertical-align: middle;
        width: 10em;
        margin: 0 1em 0 0;
    }

    .aligned-form .control-group .controls {
        margin: 1.5em 0 0 10em;
    }

@media only screen and (max-width: 35.5em) {
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="url"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="week"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    label {
        margin: 0 0 0.3em 0;
        display: block;
    }

    .aligned-form .control-group label {
        margin: 0 0 0.3em 0;
        text-align: left;
        display: block;
        width: 100%;
    }

    .aligned-form .controls {
        margin: 1.5em 0 0 0;
    }
}
/* #Cookie message
=================================================== */
.cookie-msg {
    display: none;
    background: rgba(51, 63, 72, 0.8);
    border-bottom: 1px solid #333F48;
    color: #ffffff;
    text-align: center;
    padding: 20px 0;
    width: 100%;
    position: fixed;
    bottom: 0;
}

    .cookie-msg p {
        margin: 0;
    }

.cookie-msg__inner {
    margin: 0 auto;
    overflow: hidden;
    max-width: 1250px;
}

.cookie-msg__text {
    float: left;
    width: 90%;
}

    .cookie-msg__text p {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0;
        padding: 0 10px;
    }

    .cookie-msg__text a {
        color: rgb(14, 165, 233);
    }

        .cookie-msg__text a:hover,
        .cookie-msg__text a:active {
            color: #333333;
            text-decoration: underline;
        }

.cookie-msg__close {
    color: #ffffff;
}

    .cookie-msg__close:hover,
    .cookie-msg__close:active,
    .cookie-msg__close:visited {
        color: #ffffff;
    }

.cookie-msg__yes {
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    float: right;
    margin: -5px 5px 0 0;
}

    .cookie-msg__yes:hover,
    .cookie-msg__yes:active,
    .cookie-msg__yes:visited {
        color: #ffffff;
    }
/* #Grids
=================================================== */
/* Thumbnail grid */
.thumbnail-grid.hover-grid {
    position: relative;
    margin: 0 0 20px 0;
}

.thumbnail-grid.grid--small .thumbnail {
    background-color: transparent;
    width: 100%;
    height: auto;
    padding: 5px 0;
    margin: 0 0 10px 0;
    border: none;
    border-bottom: 1px solid #e3e1e1;
}

    .thumbnail-grid.grid--small .thumbnail img.thumbnail__image {
        float: left;
        max-width: 80px;
        max-height: 120px;
        margin: 0;
        padding: 0;
    }

    .thumbnail-grid.grid--small .thumbnail .thumbnail__details {
        top: 5px;
        margin: 0 0 0 90px;
    }

        .thumbnail-grid.grid--small .thumbnail .thumbnail__details time {
            margin: 0;
        }

.thumbnail-grid.grid--big .thumbnail {
    width: 210px;
    height: 280px;
    padding: 5px;
    margin: 0 1% 1% 0;
}

    .thumbnail-grid.grid--big .thumbnail img.thumbnail__image {
        max-width: 195px;
        max-height: 140px;
        padding: 0;
    }

    .thumbnail-grid.grid--big .thumbnail .thumbnail__details {
        position: static;
        top: 140px;
        margin: 15px 0 0 0;
        word-break: break-word;
        overflow: hidden;
    }

    .thumbnail-grid.grid--big .thumbnail .thumbnail__cta {
        width: 100%;
    }

.thumbnail-grid .thumbnail {
    background-color: #ffffff;
    position: relative;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 99%;
    height: 230px;
    margin: 1% 0;
    padding: 0;
    border: 1px solid #C6C8C9;
    float: left;
}

    .thumbnail-grid .thumbnail img.thumbnail__image {
        display: block;
        max-width: 120px;
        max-height: 115px;
        margin: 0 auto;
        padding: 5px;
        width: auto;
    }

    .thumbnail-grid .thumbnail input {
        position: absolute;
        top: -1px;
        left: -1px;
        display: none;
    }

    .thumbnail-grid .thumbnail .thumbnail__info {
        background-color: #ffffff;
        display: block;
        width: 17px;
        height: 15px;
        padding: 2px;
        border: 1px solid #C6C8C9;
        position: absolute;
        top: -1px;
        right: -1px;
        cursor: pointer;
    }

        .thumbnail-grid .thumbnail .thumbnail__info a {
            line-height: 14px;
        }

            .thumbnail-grid .thumbnail .thumbnail__info a i {
                color: #333333;
                display: block;
                font-size: 14px;
            }

            .thumbnail-grid .thumbnail .thumbnail__info a:hover i,
            .thumbnail-grid .thumbnail .thumbnail__info a:active i {
                color: #333333;
            }

    .thumbnail-grid .thumbnail .thumbnail__type {
        background-color: #ffffff;
        display: block;
        bottom: 2px;
        padding: 2px;
        position: absolute;
        left: 2px;
        line-height: 1;
        vertical-align: top;
        /*Temp code for testing */
    }

        .thumbnail-grid .thumbnail .thumbnail__type .photo,
        .thumbnail-grid .thumbnail .thumbnail__type .video,
        .thumbnail-grid .thumbnail .thumbnail__type .audio {
            display: none;
            float: left;
        }

            .thumbnail-grid .thumbnail .thumbnail__type .photo i,
            .thumbnail-grid .thumbnail .thumbnail__type .video i,
            .thumbnail-grid .thumbnail .thumbnail__type .audio i {
                color: #C6C8C9;
                font-size: 13px;
            }

        .thumbnail-grid .thumbnail .thumbnail__type .photo {
            display: block;
        }

    .thumbnail-grid .thumbnail .thumbnail__controls {
        position: absolute;
        bottom: 3px;
        right: 5px;
    }

        .thumbnail-grid .thumbnail .thumbnail__controls a {
            margin-left: 3px;
        }

            .thumbnail-grid .thumbnail .thumbnail__controls a:hover i,
            .thumbnail-grid .thumbnail .thumbnail__controls a:active i {
                color: #333333;
            }

            .thumbnail-grid .thumbnail .thumbnail__controls a.delete i {
                font-size: 16px;
                color: #333333;
            }

            .thumbnail-grid .thumbnail .thumbnail__controls a.edit i {
                font-size: 14px;
                color: #333333;
            }

            .thumbnail-grid .thumbnail .thumbnail__controls a.download i {
                font-size: 14px;
                color: #333333;
            }

    .thumbnail-grid .thumbnail .thumbnail__title {
        position: absolute;
        top: 125px;
        margin: 0 5px;
        padding: 0;
        word-break: break-word;
        overflow: hidden;
        /* white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis; 
				font-size: 11px;
				font-size: 1.1rem;*/
    }

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em) {
    .thumbnail-grid.grid--big .thumbnail {
        width: 100%;
        height: auto;
        padding: 5px 5px 10px 5px;
        margin: 0 0 1% 0;
    }

        .thumbnail-grid.grid--big .thumbnail img.thumbnail__image {
            max-width: 95px;
            max-height: 120px;
            margin: 0;
            padding: 0;
        }

        .thumbnail-grid.grid--big .thumbnail .thumbnail__details {
            top: 5px;
            margin: 0 0 0 110px;
        }
}

@media only screen and (min-width: 48em), only screen and (min-width: 64em) {
    .thumbnail-grid.grid--big .thumbnail {
        width: 210px;
        height: 280px;
        padding: 5px;
        margin: 0 1% 1% 0;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .thumbnail-grid.grid--big .thumbnail img.thumbnail__image {
            width: 100%;
            max-width: 195px;
            max-height: 140px;
            margin: 0 auto;
            padding: 0;
        }

        .thumbnail-grid.grid--big .thumbnail .thumbnail__details {
            position: static;
            top: 140px;
            margin: 15px 0 0 0;
            padding: 0;
            word-break: break-word;
            overflow: hidden;
        }
}
/* #Hover card
=================================================== */
.img-preview {
    margin: 0 10px 0 0;
}

.hc-preview {
    position: relative;
    display: inline;
}

.hc-name {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}

.thumbnail .hc-pic {
    width: 70px;
    margin: -1em 0 0 0;
    float: right;
}

.hc-details {
    display: none;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    margin: 0 80px 0 0;
    padding: 35px 10px 10px 10px;
    border: solid 1px #e3e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: left;
    line-height: 1.5em;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: -10px;
    left: -10px;
}

    .hc-details img {
        display: block;
        margin: 0 auto;
        padding: 5px 0 0 0;
    }

    .hc-details .h-label {
        float: left;
        width: 70px;
        padding: 0 5px;
        display: inline-block;
        color: #666666;
        text-align: left;
        font-weight: bold;
    }

    .hc-details .h-detail {
        word-break: break-word;
        width: 200px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.hc-details-open-left {
    left: auto;
    right: -10px;
    text-align: left;
    margin-left: 80px;
    margin-right: 0;
}

    .hc-details-open-left .s-loc {
        float: right;
    }

.hc-details-open-top {
    bottom: -10px;
    top: auto;
    padding: 10px 10px 2em;
}

    .hc-details-open-top > .hc-pic {
        margin-top: 10px;
        float: right;
    }

    .hc-details-open-top .s-card-pad {
        border: none;
        border-bottom: solid 1px #eee;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
/* #Icons
=================================================== */
i {
    color: #333333;
    width: 16px;
    width: 1.6rem;
}

    i.active i {
        color: #ffffff;
    }
/* Socialite */
.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .cf {
    zoom: 1;
}

*:first-child + html .cf {
    zoom: 1;
}

.social-buttons {
    display: block;
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

    .social-buttons > li {
        display: block;
        margin: 0;
        padding: 0;
        float: left;
    }

    .social-buttons .socialite {
        display: block;
        position: relative;
        background: url('../../Images/Theme/Icons/share-icons.png') 0 0 no-repeat;
    }

    .social-buttons .socialite-loaded {
        background: none !important;
    }

    .social-buttons .twitter-share {
        width: 20px;
        height: 20px;
        background-position: 0 0;
    }

    .social-buttons .facebook-like {
        width: 20px;
        height: 20px;
        background-position: -20px 0;
    }

    .social-buttons .linkedin-share {
        width: 20px;
        height: 20px;
        background-position: -40px 0;
    }

    .social-buttons .googleplus-one {
        width: 20px;
        height: 20px;
        background-position: -80px 0;
    }
/* #Images
=================================================== */
figure {
    background-color: #ffffff;
    padding: 0;
    border: 1px solid #C6C8C9;
    display: table-cell;
}

    figure.right {
        float: right;
        margin: 0 0 10px 20px;
    }

    figure.left {
        float: left;
        margin: 0 20px 10px 0;
    }

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

    figure figcaption {
        background-color: #ffffff;
        display: table-caption;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 5px;
        font-size: 12px;
        font-size: 1.2rem;
        font-style: normal;
        font-weight: normal;
        color: #666666;
        caption-side: bottom;
    }
/* #Lists
=================================================== */
/* Basic list  */
ul.basic-list.inline li {
    display: inline;
}

ul.basic-list li {
    margin: 10px 0;
}
/* Description list */
.description-list dl dt {
    font-size: inherit;
}

    .description-list dl dt a {
        font-family: 'BGFlameWeb-Bold', Arial, sans-serif;
    }

.description-list dl dd {
    margin: 0;
}
/* Downloads list  */
.downloads {
    padding: 0 0 20px 0;
}

    .downloads .download__element {
        padding: 10px 0;
        border-bottom: none;
    }

        .downloads .download__element.first {
            border-top: none;
        }

        .downloads .download__element figure {
            zoom: 1;
            display: block;
            border: none;
            /* img { width: 100%; max-width: @download_img-maxwidth; height: auto; float: left; }
					figcaption {		
						padding: @cap-padding--left;
						width: @cap-width--left;	
						
						time { font-weight: bold; margin-top: 0; }
						.download--image__description { display: block; margin: @download_desc-margin; }
					}	*/
            /* Caption on left side */
            /* Caption on left side (feature image small) */
            /* Full size with less padding */
            /* Full size width more padding (feature image) */
            /* &.full {
						img { max-width: 100%; }	
						figcaption {
							display: block;
							clear: both;
							padding: @cap-padding--full;
						}					
					}	*/
        }

            .downloads .download__element figure:after {
                content: "";
                display: table;
                clear: both;
            }

            .downloads .download__element figure.reg img {
                max-width: 100px;
                height: auto;
                float: left;
            }

            .downloads .download__element figure.reg figcaption {
                padding: 0 0 0 10px;
                width: 185px;
            }

                .downloads .download__element figure.reg figcaption time {
                    font-weight: bold;
                    margin-top: 0;
                }

                .downloads .download__element figure.reg figcaption .download--image__description {
                    display: block;
                    margin: 0 0 10px 0;
                }

            .downloads .download__element figure.feature.reg figcaption {
                padding: 0 0 0 10px;
            }

            .downloads .download__element figure.med figcaption {
                display: block;
                clear: both;
                width: 100%;
                padding: 5px 0;
            }

                .downloads .download__element figure.med figcaption p {
                    margin: 0 0 3px 0;
                }

            .downloads .download__element figure.full img {
                max-width: 100%;
                margin: 0 auto;
            }

            .downloads .download__element figure.full figcaption {
                display: block;
                clear: both;
                width: 100%;
                padding: 10px 0;
            }
/* Footer list */
ul.footer-list {
    margin: 3px 0 5px 0 !important;
}

    ul.footer-list li {
        margin: 0;
    }

        ul.footer-list li:after {
            color: #e3e1e1;
            margin: 0 3px;
            content: " | ";
        }

        ul.footer-list li:last-of-type:after,
        ul.footer-list li.last:after {
            content: " ";
        }
/* Grid list */
dl.grid-list {
    margin: 0;
}

    dl.grid-list dd {
        display: block;
        margin: 0 0 10px 0;
    }
/* Thumbnail list  */
.thumbnail-list.no-border .thumbnail-list__item {
    border: none;
}

    .thumbnail-list.no-border .thumbnail-list__item:last-of-type,
    .thumbnail-list.no-border .thumbnail-list__item.last {
        border-bottom: none;
    }

.thumbnail-list.small .thumbnail-list__item .thumbnail-list__thumbnail {
    width: 70px;
    float: left;
}

    .thumbnail-list.small .thumbnail-list__item .thumbnail-list__thumbnail img {
        max-width: 60px;
        width: 100%;
        height: auto;
    }

.thumbnail-list.small .thumbnail-list__item .thumbnail-list__description {
    margin: 0 0 0 80px;
    padding: 0;
    width: auto;
}

    .thumbnail-list.small .thumbnail-list__item .thumbnail-list__description time {
        margin-top: 0;
    }

.thumbnail-list.video .thumbnail-list__item .thumbnail-list__thumbnail {
    width: 100%;
    margin: 0 0 5px 0;
    float: left;
}

    .thumbnail-list.video .thumbnail-list__item .thumbnail-list__thumbnail img {
        max-width: 300px;
        width: 100%;
        height: auto;
    }

.thumbnail-list .thumbnail-list__item {
    clear: both;
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #e3e1e1;
}

    .thumbnail-list .thumbnail-list__item:last-of-type,
    .thumbnail-list .thumbnail-list__item.last {
        border-bottom: 1px solid #e3e1e1;
    }

    .thumbnail-list .thumbnail-list__item .thumbnail-list__thumbnail {
        width: 180px;
        float: left;
    }

        .thumbnail-list .thumbnail-list__item .thumbnail-list__thumbnail .cropimage {
            height: 150px;
            overflow: hidden;
        }

        .thumbnail-list .thumbnail-list__item .thumbnail-list__thumbnail img {
            max-width: 180px;
            height: auto;
        }

    .thumbnail-list .thumbnail-list__item .thumbnail-list__description {
        margin: 0 0 0 190px;
        float: none;
        overflow: hidden;
    }

        .thumbnail-list .thumbnail-list__item .thumbnail-list__description .thumbnail-list__summary ul,
        .thumbnail-list .thumbnail-list__item .thumbnail-list__description .thumbnail-list__summary ol {
            margin: 0;
            padding: 0 0 0 20px;
        }

@media only screen and (max-width: 35.5em), only screen and (min-width: 35.5em) {
    .thumbnail-list .thumbnail-list__item {
        height: auto;
    }

        .thumbnail-list .thumbnail-list__item .thumbnail-list__thumbnail {
            width: 20%;
            float: left;
        }

            .thumbnail-list .thumbnail-list__item .thumbnail-list__thumbnail img {
                max-width: 70px;
                width: 100%;
                height: auto;
                max-height: auto;
            }

        .thumbnail-list .thumbnail-list__item .thumbnail-list__description {
            margin: 0;
            padding: 0 0 0 10px;
            width: 80%;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .thumbnail-list .thumbnail-list__item .thumbnail-list__description h3 {
                line-height: 1;
            }

            .thumbnail-list .thumbnail-list__item .thumbnail-list__description time {
                margin: 0 0 5px 0;
                line-height: 0.9;
            }
}

@media only screen and (min-width: 48em), only screen and (min-width: 64em) {
    .thumbnail-list .thumbnail-list__item .thumbnail-list__thumbnail {
        width: 180px;
    }

        .thumbnail-list .thumbnail-list__item .thumbnail-list__thumbnail img {
            max-width: 180px;
            width: auto;
        }

    .thumbnail-list .thumbnail-list__item .thumbnail-list__description {
        margin: 0 0 0 190px;
        width: auto;
    }
}
/* Loading 
=================================================== */
#overlayDiv {
    display: none;
}

.loadingmask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .loadingmask .whitemask {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #ffffff;
        opacity: 0.4;
        z-index: 900;
    }

.spinner {
    position: relative;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    z-index: 1000;
}
/* #Social media links
=================================================== */
.social-media a {
    display: inline-block;
    margin: 0 5px 0 0;
}

.social-media.share-buttons img {
    max-width: 20px;
}

.social-media.share-buttons .share fb-share-button {
    width: 200px;
}
/* #Tables
=================================================== */
.table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #C6C8C9;
    /* Striped */
    /* Bordered  */
    /* Bordered horisontal */
    /* Hidden nested table */
}

    .table caption {
        color: #000000;
        font: italic 85%/1 Arial, Helvetica, sans-serif;
        padding: 1em 0;
        text-align: center;
    }

    .table thead {
        background: #333333;
        color: #ffffff;
        text-align: left;
        vertical-align: bottom;
    }

    .table td,
    .table th {
        border-left: 1px solid #C6C8C9;
        border-width: 0 0 0 1px;
        font-size: inherit;
        margin: 0;
        overflow: visible;
        padding: 0.5em 1em;
    }

        .table td:first-child,
        .table th:first-child {
            border-left-width: 0;
        }

    .table.table-striped tr:nth-child(2n-1) td {
        background-color: #e3e1e1;
    }

    .table.table-bordered td {
        border-bottom: 1px solid #C6C8C9;
    }

    .table.table-bordered tbody > tr:last-child td {
        border-bottom-width: 0;
    }

    .table.table-horisontal td,
    .table.table-horisontal th {
        border-width: 0 0 1px 0;
        border-bottom: 1px solid #C6C8C9;
    }

    .table.table-horisontal tbody > tr:last-child td {
        border-bottom-width: 0;
    }

    .table tr.table__hiddenrow > td {
        padding: 0;
    }

    .table table.table__table-nested {
        width: 100%;
    }

        .table table.table__table-nested th {
            background-color: #e3e1e1;
            color: #666666;
            border-bottom: 1px solid #C6C8C9;
        }

        .table table.table__table-nested td {
            background-color: #fafafa;
            border: 0;
            vertical-align: text-top;
        }
/* #Top image
=================================================== */
.top-image img {
    width: 100%;
    heigth: auto;
    margin-top: -160px;
}
/* #Twitter 
=================================================== */
#twitter-widget-0 {
    width: 100% !important;
}

.k-ie body {
    /* Rules here */
}

.ie10 {
    /* IE10 uses display: flexbox */
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}

.ie9 {
    /* Rules here */
}

.ie8 body .innerwrap,
.ie7 body .innerwrap {
    width: 100%;
}

.ie8 body {
    /* Rules here */
}

.ie7 body {
    /* Rules here */
}
/* 	Kendo skin 
 
	#Amended styles
		#Borders
		#Main Colours
			#Border Colors
			#Buttons
			#Drop Downs
			#Headers
			#Input Fields
			#Links
			#Various
			#Widgets
		#Custom style 
		#Icons & Background Images
		#Image Browser
		#Shadows
		#Slider
		#Splitter
		#States
		#Tooltip
		#Upload
	#Overrides
		#Animated Menu 
		#Autocomplete
		#Background positioning
		#Combobox
		#Date picker
		#Drop down
		#Fields
			#Heights
			#Widthts
		#Grids
		#Multi Select
		#Pager
		#Uploader
		#Various
	#DataViz skin	
*/
/* #Amended styles
=======================================================================================================*/
/* #Borders
	============================================*/
.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-state-hover,
.k-treeview .k-state-selected,
.k-editor-button .k-state-hover,
.k-editor-button .k-state-active,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-multiselect,
.k-basic-input {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .k-dropdown-wrap .k-select,
    .k-picker-wrap .k-select,
    .k-numeric-wrap .k-select,
    .k-datetimepicker .k-select + .k-select,
    .k-animation-container .k-calendar-container,
    .k-list-container.k-state-border-right {
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .k-textbox > input,
    .k-autocomplete .k-input,
    .k-dropdown-wrap .k-input,
    .k-picker-wrap .k-input,
    .k-numeric-wrap .k-input,
    .k-numeric-wrap .k-link,
    .k-colorpicker .k-selected-color,
    .k-progress,
    .k-progress-status {
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-dropzone,
.k-upload-files {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.k-slider .k-button,
.k-grid .k-slider .k-button {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.k-draghandle {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-state-focused,
.k-popup .k-list .k-state-selected {
    border-style: none;
    border-width: 0;
}
/* #Colours
	============================================*/
/* #Border Colors */
.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header-wrap,
.k-grid-header,
.k-grid td,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-upload-files,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-progress,
.k-draghandle {
    border-color: #C6C8C9;
}

    .k-grid-header-wrap .k-header .k-link {
        color: #ffffff;
    }

    .k-tiles li.k-state-selected {
        border-color: #333333;
    }

    .k-textbox:hover,
    .k-tiles li.k-state-hover {
        border-color: #C6C8C9;
    }

    .k-textbox > input,
    .k-autocomplete .k-input,
    .k-dropdown-wrap .k-input,
    .k-autocomplete.k-state-focused .k-input,
    .k-dropdown-wrap.k-state-focused .k-input,
    .k-picker-wrap.k-state-focused .k-input,
    .k-numeric-wrap.k-state-focused .k-input {
        border-color: #C6C8C9;
    }
/* #Draghandle */
.k-draghandle {
    background-color: #333333;
    border-color: #C6C8C9;
}
/* #Drop Downs */
.k-dropdown .k-state-focused .k-input {
    color: #ffffff;
}

.k-dropdown .k-state-hover .k-input {
    color: #ffffff;
}
/* #Headers */
.k-header {
    color: #ffffff;
    background-color: transparent;
}

.k-grouping-header {
    background-color: #C6C8C9;
}
/* #Input Fields */
.k-textbox > input,
.k-picker-wrap .k-input {
    -webkit-box-shadow: inset 1px 0 1px 1px #dddddd;
    box-shadow: inset 1px 0 1px 1px #dddddd;
}

.k-input,
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input {
    background-color: #ffffff;
    color: #000000;
}
/* #Links */
.k-link:link,
.k-link:visited {
    color: #333333;
}
/* #Various */
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite {
    opacity: 1;
}

.k-pager-info {
    color: #ffffff;
}

.k-loading-color {
    background-color: transparent;
}

.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-grouping-header,
.k-tooltip,
.k-pager-wrap,
.k-button,
.k-draghandle,
.k-tile,
.k-textbox,
.k-autocomplete,
.k-state-hover,
.k-state-selected,
.k-state-focused,
.k-state-highlight,
.k-tabstrip-items .k-item {
    background-image: none;
}

.k-group,
.k-toolbar,
.k-pager-wrap,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-grouping-row td,
.k-calendar th,
.k-dropzone-hovered,
.k-upload-files,
td.k-group-cell {
    background-color: transparent;
}

.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
    background-color: transparent;
}

.k-alt,
.k-separator {
    background-color: #e3e1e1;
}

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-dropdown .k-input {
    color: #666666;
}

.k-block,
.k-grid-header,
.k-toolbar,
.k-tooltip,
.k-pager-wrap {
    background-color: #C6C8C9;
}

.k-widget .k-dropdown-wrap,
.k-widget .k-numeric-wrap,
.k-textbox,
.k-autocomplete.k-header {
    background-color: #C6C8C9;
    border-color: #C6C8C9;
}

.k-list-container {
    background-color: #ffffff;
    border-color: #C6C8C9;
}
/* #Widgets */
.k-block,
.k-widget {
    background-color: transparent;
}
/* #Custom style 
	============================================*/
.k-basic-input {
    background-color: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #C6C8C9;
    min-height: 1.45em;
    position: relative;
}

    .k-basic-input input {
        border: none;
        padding: 0 2px;
    }
/* #Icons & Background Images
	============================================*/
.k-pager-wrap .k-icon {
    background-image: url("../../Images/Common/Kendo/sprite.png");
}

.k-group-delete,
.k-grouping-dropclue,
.k-add,
.k-denied {
    background-image: url("../../Images/Common/Kendo/sprite.png");
}

.k-tile .k-folder {
    background-image: url('http://cdn.kendostatic.com/2012.2.913/styles/Default/imagebrowser.png');
}

.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-callout,
.k-progress,
.k-progress-status,
.k-column-menu .k-sprite {
    background-image: url("../../Images/Common/Kendo/sprite.png");
}

.k-icon,
.k-column-menu .k-sprite {
    opacity: .8;
}

.k-header .k-state-active,
.k-header .k-state-active,
.k-header .k-state-active > .k-link .k-header .k-state-active > .k-link:hover,
.k-header .k-state-active > .k-link:active {
    color: #ffffff;
}

.k-loading {
    background-image: url("../Images/Common/spinner_small.gif");
}

.k-loading-image {
    background-image: url("../Images/Common/spinner_small.gif");
}
/* #Image Browser
	============================================*/
.k-tile {
    border-color: #ffffff;
}
/* #Shadows
	============================================*/
.k-popup,
.k-menu .k-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-imagebrowser .k-image {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.k-window {
    -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
}

.k-shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.k-inset {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}
/* #Slider
	============================================*/
.k-slider-track {
    background-color: #333333;
}

.k-slider-selection {
    background-color: #333333;
}

.k-slider-horizontal .k-tick {
    background-image: url("../../Images/Common/Kendo/slider-h.gif");
}

.k-slider-vertical .k-tick {
    background-image: url("../../Images/Common/Kendo/slider-v.gif");
}
/* #Splitter
	============================================*/
.k-splitbar {
    background-color: #e3e1e1;
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal {
    background-color: transparent;
}
/* #States
	============================================*/
.k-state-highlight {
    background-color: #ffffff;
    color: #000000;
}

.k-state-error {
    background-color: #c72b31;
    border-color: #c72b31;
    color: #ffffff;
}
/* #Active */
.k-state-active,
.k-active-filter {
    background-color: #333333;
    border-color: #C6C8C9;
    color: #ffffff;
}

    .k-state-active:hover {
        color: #ffffff;
    }

.k-state-focused {
    background-color: #333333;
    border-color: #C6C8C9;
    color: #ffffff;
}

.k-autocomplete.k-state-focused,
span.k-dropdown-wrap.k-state-active,
span.k-picker-wrap.k-state-active,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-focused:hover,
span.k-numeric-wrap.k-state-active,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused:hover,
.k-widget .k-dropdown-wrap:hover {
    background-color: #333333;
    border-color: #333333;
}

.k-dropdown-wrap.k-state-focused .k-input {
    border: none;
}

.k-menu-vertical .k-state-active,
.k-menu-vertical .k-state-active:hover,
.k-menu-vertical .k-state-active:active {
    color: #ffffff;
}

    .k-menu-vertical .k-state-active .k-sprite,
    .k-menu-vertical .k-state-active:hover .k-sprite,
    .k-menu-vertical .k-state-active:active .k-sprite,
    .k-menu-vertical .k-state-active .k-i-arrow-e,
    .k-menu-vertical .k-state-active:hover .k-i-arrow-e,
    .k-menu-vertical .k-state-active:active .k-i-arrow-e,
    .k-state-selected .k-sprite {
        background-image: url("../../Images/Common/Kendo/sprite.png");
    }
/* #Hover */
.k-draghandle:hover {
    background-color: #333333;
}

.k-textbox:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    background-color: #333333;
    border-color: #333333;
    cursor: pointer;
}

.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-marquee,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
    cursor: pointer;
}

    .k-state-hover > .k-link,
    .k-other-month.k-state-hover .k-link {
        color: #ffffff;
    }
/* #Selected */
.k-state-selected,
.k-list > .k-state-selected,
.k-list > .k-state-focused,
.k-list > .k-state-highlight,
.k-panelbar > .k-state-selected,
.k-panel > .k-state-selected,
.k-button:active,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover {
    background-color: #333333;
    border-color: #C6C8C9;
    color: #ffffff;
}

    .k-state-selected.k-state-focused,
    .k-state-selected.k-state-highlight {
        background-color: #ffffff;
    }

    .k-state-selected.k-state-hover {
        background-color: #333333;
    }

        .k-state-selected > .k-link,
        .k-state-selected.k-state-hover > .k-link {
            color: #ffffff;
        }

.k-calendar .k-state-selected.k-state-focused > .k-link {
    background-color: #333333;
}
/* #Disabled */
.k-state-disabled {
    background-color: #666666 !important;
}

.v-box.view .multiselect.view .k-multiselect .k-multiselect-wrap,
.v-box.view .multiselect.view .k-multiselect.k-state-disabled {
    background-color: #666666;
}

.v-box.view .multiselect.view .k-multiselect {
    width: 100%;
}

.v-box.view .multiselect.view .k-multiselect {
    border-color: #C6C8C9;
}

    .v-box.view .multiselect.view .k-multiselect.k-state-disabled .k-multiselect-wrap .k-button {
        background-color: #666666;
        color: #666666 !important;
        padding: 0 8px 0 0;
        line-height: 0.9em;
        margin: 0 0 0 8px;
        border-color: #C6C8C9;
    }

        .v-box.view .multiselect.view .k-multiselect.k-state-disabled .k-multiselect-wrap .k-button span:after {
            content: ",";
        }

        .v-box.view .multiselect.view .k-multiselect.k-state-disabled .k-multiselect-wrap .k-button:last-child span:after {
            content: "";
        }

        .v-box.view .multiselect.view .k-multiselect.k-state-disabled .k-multiselect-wrap .k-button .k-icon {
            display: none;
        }

    .v-box.view .multiselect.view .k-multiselect.k-state-disabled .k-multiselect-wrap li span:first-child {
        max-width: 15em;
    }

.k-state-disabled .k-icon {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:hover {
    background-color: #666666;
    border-color: #C6C8C9;
}

.k-state-disabled,
.k-state-disabled .k-input,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month .k-link,
.k-dropzone em,
.k-tile-empty strong,
.k-slider .k-draghandle {
    color: #333F48 !important;
}

.k-dropdown-wrap.k-state-disabled .k-select .k-i-arrow-s {
    display: none;
}
/* #Error */
.k-combobox.errorfield .k-dropdown-wrap,
.k-dropdown.errorfield .k-dropdown-wrap,
.k-multiselect.errorfield .k-multiselect-wrap,
.errorfield .k-autocomplete {
    border-color: #c72b31;
}
/* #Tooltip
	============================================*/
.k-tooltip {
    background-color: transparent;
    border-color: #C6C8C9;
    color: #666666;
}

.k-tooltip-validation {
    background-color: #333333;
    border-color: #C6C8C9;
    color: #666666;
}
/* #Upload
	============================================*/
.k-progress-status {
    border-color: #C6C8C9;
}
/* #Overrides
=======================================================================================================*/
/* #Animated Menu */
.k-column-menu .k-menu-vertical .k-link .k-i-arrow-e,
.k-column-menu .k-menu-vertical .k-link:hover .k-i-arrow-e,
.k-column-menu .k-menu-vertical .k-link.k-state-hover .k-i-arrow-e,
.k-column-menu .k-menu-vertical .k-link.k-state-active .k-i-arrow-e,
.k-column-menu .k-menu-vertical .k-link.k-state-focused .k-i-arrow-e {
    background-position: 0 -20px;
}
/* #Autocomplete */
.k-widget.k-autocomplete {
    background-color: transparent;
}

.k-autocomplete .k-input[type="text"] {
    border: none;
    border-radius: 2px;
}

.k-autocomplete.k-state-focused .k-input[type="text"] {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.k-autocomplete.k-state-border-down {
    padding-bottom: 0;
}
/* #Background positioning */
.k-link:hover:not(.k-state-disabled) > .k-i-arrow-n,
.k-state-hover .k-i-arrow-n,
.k-button:hover .k-i-arrow-n,
.k-textbox:hover .k-i-arrow-n,
.k-button:active .k-i-arrow-n {
    background-position: 0 0;
}

.k-link:hover:not(.k-state-disabled) > .k-i-arrow-e,
.k-state-hover .k-i-arrow-e,
.k-button:hover .k-i-arrow-e,
.k-textbox:hover .k-i-arrow-e,
.k-button:active .k-i-arrow-e {
    background-position: 0 -16px;
}

.k-link:hover:not(.k-state-disabled) > .k-i-arrow-s,
.k-state-hover .k-i-arrow-s,
.k-button:hover .k-i-arrow-s,
.k-textbox:hover .k-i-arrow-s,
.k-button:active .k-i-arrow-s {
    background-position: 0 -32px;
}

.k-link:hover:not(.k-state-disabled) > .k-i-arrow-w,
.k-state-hover .k-i-arrow-w,
.k-button:hover .k-i-arrow-w,
.k-textbox:hover .k-i-arrow-w,
.k-button:active .k-i-arrow-w {
    background-position: 0 -48px;
}
/* #Backgrounds in headers */
.k-grid-header-wrap .k-link .k-i-arrow-n,
.k-grid-header-wrap .k-link:hover .k-i-arrow-n {
    background-position: -16px 0;
}

.k-grid-header-wrap .k-link .k-i-arrow-e,
.k-grid-header-wrap .k-link:hover .k-i-arrow-e {
    background-position: -16px -16px;
}

.k-grid-header-wrap .k-link .k-i-arrow-s,
.k-grid-header-wrap .k-link:hover .k-i-arrow-s {
    background-position: -16px -32px;
}

.k-grid-header-wrap .k-link .k-i-arrow-w,
.k-grid-header-wrap .k-link:hover .k-i-arrow-w {
    background-position: -16px -48px;
}
/* #Combobox */
.k-widget.k-combobox {
    background-color: transparent;
}

.k-combobox .k-input[type="text"] {
    border: none;
    border-radius: 2px 0 0 2px;
}

.k-combobox .k-state-focused .k-input[type="text"] {
    -webkit-box-shadow: inset 1px 0 1px 1px #dddddd;
    box-shadow: inset 1px 0 1px 1px #dddddd;
}
/* #Date picker */
.k-picker-wrap .k-input[type="text"],
.k-picker-wrap .k-input[type="number"] {
    border: none;
}

.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
    padding-bottom: 0;
}

.k-animation-container .k-calendar-container {
    background-color: #ffffff;
    border-radius: 0;
    box-shadow: none;
    border-color: #C6C8C9;
}

.k-calendar .k-link,
.k-calendar td {
    border-radius: 0;
}

    .k-calendar td.k-state-focused {
        color: #ffffff;
        background-color: #333333;
    }

        .k-calendar td.k-state-focused a.k-link,
        .k-calendar td.k-state-focused a.k-link:visited {
            color: #ffffff;
        }

    .k-calendar td.k-state-hover,
    .k-calendar .k-header a.k-link.k-state-hover {
        color: #666666;
        background-color: #333333;
        border-color: #333333;
    }

        .k-calendar td.k-state-hover a.k-link,
        .k-calendar .k-header a.k-link.k-state-hover a.k-link,
        .k-calendar td.k-state-hover a.k-link:visited,
        .k-calendar .k-header a.k-link.k-state-hover a.k-link:visited {
            color: #666666;
        }

.k-picker-wrap .k-input {
    height: 1.2em;
    line-height: 1.2em;
    font-size: 1em;
    padding: 0;
}

.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
    line-height: 2.5em;
    width: 4em;
}

.k-datetimepicker .k-picker-wrap {
    padding-right: 4em;
}

.k-textbox > input,
.k-picker-wrap input.k-input {
    box-shadow: none;
    margin: 0;
}

.k-widget .k-dropdown-wrap,
.k-widget .k-picker-wrap,
.k-widget .k-numeric-wrap,
.k-textbox,
.k-autocomplete.k-header {
    border-color: #C6C8C9;
    border-radius: 0;
}
/* Picker wrap */
.k-picker-wrap {
    background: #333333;
}

    .k-picker-wrap.k-state-hover {
        background-color: #333333;
    }

.k-widget .k-picker-wrap.k-state-focused {
    background-color: #333333;
    border: 1px solid #333333;
}

.k-widget .k-picker-wrap .k-i-calendar,
.k-widget .k-picker-wrap .k-i-calendar {
    background-position: -48px -176px;
}

.k-widget .k-picker-wrap .k-i-clock,
.k-widget .k-picker-wrap .k-i-clock {
    background-position: -48px -192px;
}

.k-widget .k-picker-wrap.k-state-focused .k-i-calendar,
.k-widget .k-picker-wrap.k-state-hover .k-i-calendar {
    background-position: -48px -176px;
}

.k-widget .k-picker-wrap.k-state-focused .k-i-clock,
.k-widget .k-picker-wrap.k-state-hover .k-i-clock {
    background-position: -48px -192px;
}

.k-widget .k-picker-wrap.k-state-focused .k-link,
.k-widget .k-picker-wrap.k-state-hover .k-link {
    color: #ffffff;
}

table.k-content th:first-child {
    width: auto;
}
/* #Drop down */
.k-dropdown {
    background-color: transparent;
}

    .k-dropdown.drop-short {
        width: 5em;
        margin: 0 5px;
    }

    .k-dropdown.drop-medium {
        width: 10em;
        margin: 0 5px;
    }

.k-dropdown-wrap.k-state-border-down {
    padding-bottom: 0;
}
/* #Fields */
/* #Heights */
.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
    height: 2.5em;
    line-height: 2.5em;
}

.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
    line-height: 2.6em;
}

.k-multiselect-wrap li {
    line-height: 1.1em;
}

.k-multiselect-wrap {
    min-height: 1.45em;
}

    .k-multiselect-wrap li span:first-child {
        padding: 2px 0;
    }

.k-multiselect .k-delete {
    vertical-align: top;
    margin: 2px 0 0 0;
}

.k-popup .k-list .k-item {
    line-height: 1.45em;
    font-size: 0.8em;
}
/* #Treeview */
ul.k-treeview {
    white-space: normal;
    max-width: 100%;
    padding-left: 0;
}

.k-treeview .k-in {
    border-width: 0;
    margin-left: 0;
}

.k-treeview .k-item {
    max-width: 220px;
    margin: 5px 0;
    white-space: normal;
}

.k-treeview .k-in.k-state-hover,
.k-treeview .k-in:hover {
    color: #333333;
    background-color: transparent;
    border-radius: 0;
    background-image: none;
    cursor: pointer;
}

.k-treeview .k-in.k-state-selected,
.k-treeview .k-in.k-state-focused {
    color: #333333;
    background-color: transparent;
    border-radius: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-treeview .k-icon {
    display: inline-block;
    vertical-align: top;
}
/* #Widths */
.k-autocomplete,
.k-combobox,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-numerictextbox,
.k-dropdown,
.k-selectbox,
.k-textbox,
.k-basic-input {
    width: 10em;
}

.k-multiselect {
    width: 9.9em;
}

.k-datetimepicker {
    width: 100%;
    margin: 0.5em 0;
    max-width: 25rem;
}
/* #Tabstrip */
.k-tabstrip {
    background-color: transparent;
    border: none;
}

    .k-tabstrip .k-content {
        background-color: transparent;
        border-width: 1px 0 0 0;
        border-color: #C6C8C9;
        padding: 15px 0 0 0;
    }

        .k-tabstrip .k-content.k-state-active {
            border-color: #C6C8C9;
        }

    .k-tabstrip .k-tabstrip-items .k-item {
        background-clip: border-box;
    }

        .k-tabstrip .k-tabstrip-items .k-item.k-state-default {
            background-color: #e3e1e1;
        }

        .k-tabstrip .k-tabstrip-items .k-item.k-state-hover {
            background-color: #333333;
        }

        .k-tabstrip .k-tabstrip-items .k-item.k-tab-on-top {
            background-color: #333333;
            -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
        }

            .k-tabstrip .k-tabstrip-items .k-item.k-tab-on-top a {
                color: #666666;
            }

            .k-tabstrip .k-tabstrip-items .k-item.k-tab-on-top.k-state-active {
                border-color: #333F48;
                color: #ffffff;
            }

    .k-tabstrip .k-tabstrip-items a {
        color: #666666;
    }
/* #Uploader */
.k-widget.k-upload {
    border: none;
    background-color: transparent;
    border-color: #e3e1e1;
}

    .k-widget.k-upload .k-dropzone {
        overflow: hidden;
        padding: 0;
    }

    .k-widget.k-upload .k-upload-files.k-reset {
        background-color: transparent;
        float: left;
        clear: both;
        margin: 1em 0 0 0;
        border-color: #e3e1e1;
    }

        .k-widget.k-upload .k-upload-files.k-reset .k-file {
            border-color: #e3e1e1;
        }

    .k-widget.k-upload .k-upload-button {
        background-color: #666666;
        color: #666666;
    }

        .k-widget.k-upload .k-upload-button:hover,
        .k-widget.k-upload .k-upload-button:active {
            background-color: #C6C8C9;
        }

    .k-widget.k-upload .k-upload-selected {
        margin-top: 1.2em;
        background-color: #666666;
        color: #666666;
    }

        .k-widget.k-upload .k-upload-selected:hover,
        .k-widget.k-upload .k-upload-selected:active {
            background-color: #C6C8C9;
            color: #666666;
        }

.k-progress-status {
    border-color: #e3e1e1;
}
/* #Variuos */
.k-loading {
    background-image: url("../Images/Common/spinner_small.gif") !important;
}
/* #Windows */
.k-window-titlebar {
    font-size: 1em;
    background-color: #C6C8C9;
    color: #666666;
}

.k-window-content.k-content {
    background-color: transparent;
}

.k-window,
.k-window.k-state-hover,
.k-window.k-state-active,
.k-window.k-state-focused {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.3);
}

    .k-window .k-dropdown-wrap {
        background-color: transparent;
    }
/* #DataViz skins
=======================================================================================================*/
/* #Tooltip */
.k-tooltip {
    -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.5);
    padding: 6px;
}
/* City of London Police Specific
	#Fonts 
	#Headers
	#Contact box
	#Footer
	#Social follow	 
*/
/* #Fonts */
@font-face {
    font-family: "Avenir";
    src: url("Fonts/AvenirLTStd-Book.otf") format("opentype");
}

@font-face {
    font-family: "Avenir-Oblique";
    src: url("Fonts/AvenirLTStd-BookOblique.otf") format("opentype");
}

@font-face {
    font-family: "Avenir-Heavy";
    src: url("Fonts/AvenirLTStd-Heavy.otf") format("opentype");
}

@font-face {
    font-family: "Avenir-Heavy-Oblique";
    src: url("Fonts/AvenirLTStd-HeavyOblique.otf") format("opentype");
}

@font-face {
    font-family: "Klavika-Regular";
    src: url("Fonts/KlavikaBG-Regular.otf") format("opentype");
}

@font-face {
    font-family: "Klavika-Medium";
    src: url("Fonts/KlavikaBG-Medium.otf") format("opentype");
}

@font-face {
    font-family: "Klavika-Regular-Italic";
    src: url("Fonts/KlavikaBG-RegularItalic.otf") format("opentype");
}

@font-face {
    font-family: "Klavika-Medium-Italic";
    src: url("Fonts/KlavikaBG-MediumItalic.otf") format("opentype");
}
/* #Headers */
.altheader {
    color: #333333;
}
/* #Contact box */
.box--contact__main-number {
    font-size: 240%;
    font-weight: bold;
    color: #333333;
}

p.emphasize {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}
/* #Footer */
@media only screen and (min-width: 64em) and (max-width: 74em), only screen and (min-width: 64em) {
    .footer-divider {
        border-right: 1px solid #333333;
    }
}

.footer-social {
    padding: 20px 38px;
    width: 320px;
}

    .footer-social a {
        display: block;
        line-height: 22px;
        color: #ffffff;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 30px;
    }

        .footer-social a:hover,
        .footer-social a:active,
        .footer-social a:visited {
            color: #ffffff;
        }

        .footer-social a img {
            vertical-align: middle;
        }

.cbp-spmenu-left .footer-social {
    margin: 20px 0 0 0;
    padding: 0;
}

@media only screen and (max-width: 35.5em) {
    footer .footer--mobile .footer__full {
        margin-top: 10px;
    }

        footer .footer--mobile .footer__full ul {
            margin: 10px 0 0 0;
            display: inline-block;
        }
}
/* #Social follow */
.social-media.follow-buttons ul {
    padding: 0;
}

    .social-media.follow-buttons ul li {
        display: block;
        float: left;
        height: 20px;
        list-style: outside none none;
        margin: 0 10px 0 0;
        overflow: hidden;
        padding: 0;
        text-indent: -9999px;
        width: 20px;
    }

        .social-media.follow-buttons ul li a {
            display: block;
            float: left;
            height: 20px;
            width: 20px;
        }

        .social-media.follow-buttons ul li.follow-rss {
            background: url("../../Images/Theme/Backgrounds/sm-icons.png") no-repeat scroll 0 0 transparent;
        }

        .social-media.follow-buttons ul li.follow-twitter {
            background: url("../../Images/Theme/Backgrounds/sm-icons.png") no-repeat scroll 0 -60px transparent;
        }

        .social-media.follow-buttons ul li.follow-facebook {
            background: url("../../Images/Theme/Backgrounds/sm-icons.png") no-repeat scroll 0 -30px transparent;
        }

        .social-media.follow-buttons ul li.follow-linkedin {
            background: url("../../Images/Theme/Backgrounds/sm-icons.png") no-repeat scroll 0 -150px transparent;
        }

        .social-media.follow-buttons ul li.follow-youtube {
            background: url("../../Images/Theme/Backgrounds/sm-icons.png") no-repeat scroll 0 -90px transparent;
        }

        .social-media.follow-buttons ul li.follow-googleplus {
            background: url("../../Images/Theme/Backgrounds/sm-icons.png") no-repeat scroll 0 -120px transparent;
        }

        .social-media.follow-buttons ul li.follow-pinterest {
            background: url("../../Images/Theme/Backgrounds/sm-icons.png") no-repeat scroll 0 -180px transparent;
        }
/* Pull outs */
.cbp-spmenu .push-left {
    background-color: #333333;
}

    .cbp-spmenu .push-left h1,
    .cbp-spmenu .push-left h2,
    .cbp-spmenu .push-left h3 {
        color: #ffffff;
        font-weight: bold;
        letter-spacing: normal;
        margin-top: 20px;
    }

    .cbp-spmenu .push-left a:hover,
    .cbp-spmenu .push-left a:active,
    .cbp-spmenu .push-left a:visited {
        color: #ffffff;
    }

.cbp-spmenu .push-right figure,
.cbp-spmenu .push-right figcaption {
    background-color: transparent;
}

.cbp-spmenu .push-right .box--6,
.cbp-spmenu .push-right .box--2,
.cbp-spmenu .push-right .downloads {
    background-color: #fafafa;
    box-shadow: 0px 0px 10px 10px #F6F6F6 inset;
    padding: 10px;
}

.cbp-spmenu .push-right .downloads {
    margin-bottom: 10px;
}

.cbp-spmenu .push-right .box--contact__main-number {
    font-size: 200%;
}
/* Videos */
.videobox {
    min-height: 800px;
}
/* #City of London Police Theme - Common
	 
	#Colours 
		Primary colours
		Greys
		Font colours
		States
		Common
	#Backgrounds
	#Borders
	#Buttons
		Button pane
		Regular button
		Box button
	#Forms
		Form elements
		Form focus
		Readonly
		Invalid
		Label
		Fieldset
		Legend
		Aligned form
	#Icons
	#Images / Backgrounds
		Common
		Kendo
		File types
		Top image
	#Layout breakpoints
	#Typography
		Font family
		Font size
		Font decoration
		Font weight
		Line height
		Margins		 
*/
/* #Colors 
=================================================== */
/* Primary colours    ----------------------------------------------*/
/* Black */
/* White */
/* Dark blue */
/* Blue */
/* Light Blue */
/* Red */
/* Light green */
/* Dark green */
/* Greys		     ----------------------------------------------*/
/* Font colours 	----------------------------------------------*/
/* Notifications	----------------------------------------------*/
/* States			----------------------------------------------*/
.selected-border {
    border: 1px solid #C6C8C9;
}
/* Common			----------------------------------------------*/
/* #Background colours
=================================================== */
/* #Borders
=================================================== */
hr.border {
    width: 100%;
    height: 1px;
    border: none;
    border-bottom: 1px solid #DDDEDF;
}
/* #Buttons
=================================================== */
/* Button pane */
/* Regular button */
.button-bg {
    background: url("../../Images/Theme/Backgrounds/button-bg.png") no-repeat scroll 0 0 transparent;
}

    .button-bg:hover,
    .button-bg:active {
        background-color: #C6C8C9;
    }

    .button-bg.active {
        background-color: #333333;
        color: #ffffff;
    }

        .button-bg.active:hover,
        .button-bg.active:active {
            background-color: #333F48;
            border-color: #333F48;
            color: #ffffff;
        }

.button_bgicon--small {
    background-color: transparent;
}

.button_bgicon--small--input {
    background-color: transparent;
}

.button-border {
    border: 1px solid #666666;
}

    .button-border:hover,
    .button-border:active {
        border: 1px solid #333F48;
    }

.button-text {
    color: #666666;
}

    .button-text:hover,
    .button-text:active {
        color: #333F48;
    }
/* Box button */
.box_button-bg {
    background: url("../../Images/Theme/Backgrounds/button-bg.png") no-repeat scroll 0 0 transparent;
}

    .box_button-bg:hover,
    .box_button-bg:active {
        color: #ffffff;
    }

    .box_button-bg.active {
        color: #ffffff;
    }

        .box_button-bg.active:hover,
        .box_button-bg.active:active {
            color: #ffffff;
        }

.box_button-border {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .box_button-border:hover,
    .box_button-border:active {
        border: none;
    }

.box_button-text {
    color: #ffffff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 3rem;
}

    .box_button-text:hover,
    .box_button-text:active {
        color: #ffffff;
    }
/* #Forms
=================================================== */
/* Form elements	----------------------------------------------*/
.form-element-border {
    border: 1px solid #A7A7A7;
    border-radius: 0;
}
/* Form focus		----------------------------------------------*/
/* Readonly			----------------------------------------------*/
/* Invalid			----------------------------------------------*/
/* Label			----------------------------------------------*/
/* Fieldset			----------------------------------------------*/
/* Legend			----------------------------------------------*/
/* Aligned form		----------------------------------------------*/
/* #Icons
=================================================== */
/* Small */
.icon-sml {
    color: #333333;
    width: 16px;
    width: 1.6rem;
}

    .icon-sml.active i {
        color: #ffffff;
    }
/* Regular */
.icon-reg {
    color: #333333;
    width: 20px;
    width: 2rem;
}

    .icon-reg.active i {
        color: #ffffff;
    }
/* Large */
.icon-lge .icon-reg {
    color: #333333;
    width: 35px;
    width: 3.5rem;
}

    .icon-lge .icon-reg.active i {
        color: #ffffff;
    }
/* #Images / Backgrounds
=================================================== */
/* Common 			----------------------------------------------*/
.body-bg {
    background-color: #ffffff;
}
/* Kendo 			----------------------------------------------*/
/* File types    	----------------------------------------------*/
/* #Layout breakpoints
=================================================== */
/* #Typography
=================================================== */
/* Font family 		----------------------------------------------*/
/* Font size 		----------------------------------------------*/
.font-size {
    font-size: 13px;
    font-size: 1.3rem;
}
/* Font decoration	----------------------------------------------*/
/* Line height		----------------------------------------------*/
/* Margins			----------------------------------------------*/
/* Headings			----------------------------------------------*/
.h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-size: 4rem;
    font-weight: normal;
    color: #333333;
    margin: 0 0 8px;
    font-spacing: -1px;
}

.h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: normal;
    color: #646361;
    margin: 0 0 8px;
    font-spacing: 0;
}

.h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    color: #646361;
    margin: 0 0 8px;
    font-spacing: normal;
}

.h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    color: #646361;
    margin: 0 0 8px;
    font-spacing: normal;
}

.h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    color: #646361;
    margin: 0;
    font-spacing: normal;
}
/* #City of London Police Theme - Specific	
	 	
	#Layout	
		Wrappers		
			Outer
			Inner
			Content
			Footer
		Grid wraps
		Header
		Footer		
		Top nav
		Horisontal menu
		Vertical menu
		Main content
		Page title
		Sidebars
		Pullouts			 
			
	#Common elements
		Accordion
		Article / Text			
		Box
			General
			First box
			Box heading
			Box button
			Search
			Login
			Share
			Custom1
			Custom2	
		Carousel
		Current page
		Cta
		Intro text
		Info text
		Lists
		Tables
		Thumbnail list
		Time
		Quotes
	#Kendo
		Colours
		Text
		Borders
		States
		Treeview
		Treeview - sidebar
		Tabs
		Buttons
		Form elements			
	#Specific elements
		Downloads list
		File type
		Hover card
		Social media
			Socialite

*/
/* #Layout
=================================================== */
/* Wrappers	 ----------------------------------------------*/
/* @footermargin: ((@footerheight + @fouterwrap-padding-v + @fouterwrap-padding-v)*1px); */
/* Outer */
.outerwrap-bg {
    background-color: transparent;
}
/* Inner */
.innerwrap-bg {
    background-color: #ffffff;
}
/* Content */
.contentwrap-bg {
    background-color: #ffffff;
}
/* Mobile */
/* Footer */
.footerwrap-bg {
    background-color: #333333;
}
/* Mobile */
/* Grid wraps	----------------------------------------------*/
/* Header */
.hwrap-bg {
    background-color: transparent;
}
/* General */
.gwrap-bg {
    background-color: transparent;
}
/* Footer */
.fwrap-bg {
    background-color: transparent;
}
/* Outer wrap */
.fouterwrap-bg {
    background-color: transparent;
}

.fouterwrap-bg--mobile {
    background-color: transparent;
}
/* Header		----------------------------------------------*/
/* Header  */
.header-bg {
    background-color: transparent;
}

.header-bg--mobile {
    background-color: #e3e1e1;
}

.header-border {
    border: none;
}
/* Logo */
/* Header Full  */
.header-bg--full {
    background: transparent;
    border-bottom: 1px solid #e3e1e1;
}
/* Top image */
/* Banner Full  */
.banner-bg--full {
    background-color: transparent;
}
/* Footer		----------------------------------------------*/
/* General */
.footer-bg {
    background-color: transparent;
}
/* Mobile */
.footer-bg--mobile {
    background-color: #e3e1e1;
}
/* Divider */
/* Fullrow */
.footer_fullrow-border {
    border: none;
}
/* Mobile */
/* Heading */
.footer_heading-border {
    border-top: 1px solid #646361;
}

.footer_heading-text {
    font-size: 110%;
    color: #646361;
}
/* Mobile */
.footer_heading-text--mobile {
    font-size: 110%;
    color: #333F48;
}
/* Links (ul) */
/* Mobile */
/* Links (li) */
.footer-links {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    color: #ffffff;
}

    .footer-links:hover,
    .footer-links:active {
        color: #ffffff;
    }
/* Mobile / Devices */
.footer-links--mobile {
    font-size: inherit;
    font-weight: normal;
    color: #333F48;
}

    .footer-links--mobile:hover,
    .footer-links--mobile:active {
        text-decoration: underline;
        color: #333333;
    }

.footer_menu--mobile {
    border-bottom: 1px dotted #939393;
    padding: 10px 10px 0 0;
}

.footer_menu--phablet {
    border-bottom: 1px dotted #939393;
    height: 180px;
    padding: 10px 10px 0 0;
}

    .footer_menu--phablet.phablet-brd-right {
        border-right: 1px dotted #939393;
    }

    .footer_menu--phablet.phablet-brd-bottom {
        border-bottom: none;
    }

.footer_menu--phablet--fullrow {
    margin: 30px 0 0 0;
}
/* Sub footer */
.subfoot-border {
    border-top: 1px solid #C6C8C9;
}

.subfoot-border--mobile {
    border: none;
}

.copyright-text {
    font-size: 16px;
    font-size: 1.6rem;
    color: #ffffff;
}
/* Top nav		----------------------------------------------*/
.topnav-bg {
    background-color: transparent;
}

.topnav-border {
    border: none;
}
/* Mobile */
.topnav-bg--mobile {
    background-color: #646361;
}
/* Links */
.topnav_link-text {
    padding: 0;
    color: #333F48;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: normal;
    font-family: 'BGFlameWeb-Bold', Arial, sans-serif;
}

    .topnav_link-text:hover,
    .topnav_link-text:active {
        color: #333F48;
        text-decoration: none;
    }
/* Horisontal menu  ----------------------------------------------*/
.hormnu-bg {
    background-color: transparent;
}

.hormnu-link-bg {
    background-color: transparent;
}

    .hormnu-link-bg:hover,
    .hormnu-link-bg:active,
    .hormnu-link-bg.active {
        background-color: transparent;
    }

.hormnu-text {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #333F48;
}

.hormnu-link {
    color: #333F48;
    text-decoration: none;
    line-height: 50px;
    padding: 0 10px;
    display: inline-block;
}

    .hormnu-link:hover,
    .hormnu-link:active {
        color: #ffffff;
        background-color: #333333;
    }

.hormnu-link--active {
    color: #ffffff;
    background-color: #333333;
}

    .hormnu-link--active:hover,
    .hormnu-link--active:active {
        color: #ffffff;
        background-color: #333333;
    }
/* Vertical menu    ----------------------------------------------*/
.vermnu-bg {
    background-color: transparent;
}

.vermnu-link {
    color: #ffffff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
}

    .vermnu-link:hover,
    .vermnu-link:active,
    .vermnu-link.active {
        color: #333333;
        text-decoration: underline;
    }

.vermnu-ul-border {
    border-top: none;
}

.vermnu-li-border {
    border: none;
}
/* Submenu */
.vermnu_submnu-border {
    border-top: 1px solid #939393;
}
/* Main content		----------------------------------------------*/
/* Page title		----------------------------------------------*/
/* Top element		----------------------------------------------*/
.top-el {
    border-top: 1px solid #C6C8C9;
    padding-top: 10px;
}
/* Sidebars      	----------------------------------------------*/
/* Pullouts		    ----------------------------------------------*/
/* Panes */
.pulloutmenu-bg {
    background-color: #e3e1e1;
    overflow: auto;
}
/* Links */
.pulloutlink-bg {
    background-color: transparent;
}

    .pulloutlink-bg:hover,
    .pulloutlink-bg:active {
        background-color: transparent;
    }

.pullout_heading-text {
    color: #ffffff;
    font-weight: bold;
    letter-spacing: normal;
    margin-top: 20px;
}

.pulloutlink_icon-text {
    color: #333333;
}
/* Pullout list */
.pulloutlist-text {
    color: #ffffff;
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    width: 100%;
    height: 100%;
}

    .pulloutlist-text:hover,
    .pulloutlist-text:active {
        color: #333333;
        text-decoration: none;
    }

.pulloutlist_li-border {
    /* border-bottom: 1px solid @grey60;*/
}
/* #Common elements
=================================================== */
/* Accordion		----------------------------------------------*/
/* Head */
.accordion_head-bg {
    background-color: transparent;
}

    .accordion_head-bg:hover,
    .accordion_head-bg:active {
        background-color: #F4F2F2;
        cursor: pointer;
    }

.accordion_head_heading-text {
    color: #333333;
}

.accordion_head_subheading-text {
    color: inherit;
}

.accordion_head-border {
    border: 1px solid #ffffff;
    border-width: 1px 1px 0 1px;
}

.accordion_head-border--last {
    border-style: solid;
    border-width: 1px;
}

.accordion_head-text {
    line-height: 1.2;
}
/* Body */
.accordion_body-bg {
    background-color: transparent;
}

.accordion_body-border {
    border: 1px solid #ffffff;
    border-width: 1px 1px 0 1px;
}

.accordion_body-border--last {
    border-style: solid;
    border-width: 1px;
}
/* Image */
/* Article / Text	----------------------------------------------*/
/* Back		 		----------------------------------------------*/
.back-bg {
    background: url("../../Images/Theme/Icons/arrow-left-bold.png") no-repeat 0 3px;
}
/* Box				----------------------------------------------*/
/* Box heights */
/* First box */
/* Default box
						----------------------------------- */
/* General */
.box-bg {
    background-color: #DDDEDF;
}

.box-text {
    color: #666666;
}
/* Header */
.box_heading {
    color: #666666;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: normal;
    text-align: left;
}
/* Body */
/* Box 1 (login)
						----------------------------------- */
/* General */
.box-bg--1 {
    background-color: #DDDEDF;
}

.box-border--1 {
    border: none;
}
/* Heading */
.box_heading--1 {
    color: #666666;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}
/* Text */
.box-text--1 {
    color: #ffffff;
}

.box_link--1 {
    color: #333333;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
}

    .box_link--1:hover,
    .box_link--1:active {
        color: #ffffff;
    }
/* Box 2 (search)
						----------------------------------- */
/* General */
.box-bg--2 {
    background-color: #fafafa;
    box-shadow: 0 0 10px 10px #f6f6f6 inset;
}

.box-border--2 {
    border: none;
}
/* Heading */
.box_heading--2 {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}
/* Text */
.box-text--2 {
    color: #646361;
}

.box_link--2 {
    color: #333333;
    font-size: 13px;
    font-size: 1.3rem;
}
/* Box 3 (share)
						----------------------------------- */
/* General */
.box-bg--3 {
    background-color: transparent;
}

.box-border--3 {
    border: none;
}
/* Heading */
.box_heading--3 {
    color: #666666;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
}
/* Text */
.box-text--3 {
    color: #666666;
}

.box_link--3 {
    color: #333333;
    font-size: 13px;
    font-size: 1.3rem;
}
/* Box 4 (text)
						----------------------------------- */
/* General */
.box-bg--4 {
    background-color: transparent;
}

.box-border--4 {
    border: none;
}
/* Heading */
.box_heading--4 {
    color: #646361;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
/* Text */
.box-text--4 {
    color: #666666;
    font-size: 13px;
    font-size: 1.3rem;
}

.box_link--4 {
    color: #333333;
    font-size: 13px;
    font-size: 1.3rem;
}
/* Box 5 (contact)
						----------------------------------- */
/* General */
.box-bg--5 {
    background-color: #333F48;
}

.box-border--5 {
    border: none;
}
/* Heading */
.box_heading--5 {
    color: #ffffff;
    font-size: 12px;
    font-weight: 1.2rem;
}
/* Text */
.box-text--5 {
    color: #ffffff;
    font-size: 12px;
    font-size: 1.2rem;
}

.box_link--5 {
    color: #333333;
    font-size: 12px;
    font-size: 1.2rem;
}
/* Box 6 (border only)
						----------------------------------- */
/* General */
.box-bg--6 {
    background-color: #DDDEDF;
}

.box-border--6 {
    border: 1px solid #DDDEDF;
}
/* Text */
.box-text--6 {
    color: #DDDEDF;
}
/* Controls			----------------------------------------------*/
.controls-border {
    border-bottom: 1px solid #C6C8C9;
}

.controls-border--table {
    border-bottom: 1px solid #C6C8C9;
}

.controls_tags_li-size {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
}
/* Carousel			----------------------------------------------*/
/* General */
.carousel-border {
    border: none;
}
/* Header (applies to all slides) */
.carousel_header-bg {
    background-color: #e3e1e1;
}

.carousel_header-text {
    background-color: transparent;
    text-align: center;
    color: #666666;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: normal;
}
/* Wrapper */
.default-bg {
    background-color: transparent;
}

.dark-bg {
    background-color: transparent;
}

.light-bg {
    background-color: transparent;
}

.alt-bg {
    background-color: transparent;
}

.light-text {
    color: #ffffff;
}

.dark-text {
    color: #333F48;
}
/* Image */
.slide_image-bg {
    background-color: #333333;
}

.slide_image-border {
    border-top: solid 1px none;
    border-left: solid 1px #DDDEDF;
    border-right: solid 1px #DDDEDF;
    border-bottom: solid 1px none;
}
/* Carousel Buttons */
.carousel_button-bg {
    background-color: #DDDEDF;
}

.carousel_button-bg--hover {
    background-color: #C6C8C9;
}

.carousel_button-bg--active {
    background-color: #333333;
}

    .carousel_button-bg--active:hover,
    .carousel_button-bg--active:active {
        background-color: #333333;
    }

.carousel_button-bg--active--before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #333333;
    left: 50%;
    margin-left: -8.5px;
    position: absolute;
    top: -8px;
}

.carousel_button-border {
    border: 1px solid #C6C8C9;
    border-right: none;
}

    .carousel_button-border:hover,
    .carousel_button-border:active {
        border: 1px solid #C6C8C9;
    }

.carousel_button-border--active {
    border-color: #333333;
}

.carousel_button-border--last--active {
    border-right: 1px solid #333333;
}

.carousel_button-border--last {
    border-right: 1px solid #C6C8C9;
}

.carousel_button-border--last--active {
    border-right: 1px solid #333333;
}

.carousel_button-text {
    color: #333F48;
}

    .carousel_button-text:hover,
    .carousel_button-text:active {
        color: #333F48;
    }

    .carousel_button-text.active {
        color: #ffffff;
    }
/* Title */
/* Top */
.slide_title-bg--top {
    background-color: #333333;
}

.slide_title-text {
    color: #ffffff;
    text-align: left;
}
/* Summary */
/* Bottom */
.carousel_summary-bg--bottom {
    background-color: #fafafa;
}

.carousel_summary-border--bottom {
    border-top: solid 1px #DDDEDF;
    border-left: solid 1px #DDDEDF;
    border-right: solid 1px #DDDEDF;
    border-bottom: solid 1px none;
}

.carousel_summary-text {
    color: #666666;
    line-height: 1.3;
}

.carousel_summary_time-text {
    color: #666666;
    font-size: 14px;
    font-size: 1.4rem;
}
/* CTA */
.slide_cta_link-bg {
    background: #46A941 url("../../Images/Theme/Backgrounds/button-gradient.png") repeat-x top left;
    background: #46A941;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D5E041), color-stop(1, #46A941));
    background: -ms-linear-gradient(bottom, #D5E041, #46A941);
    background: -moz-linear-gradient(center bottom, #D5E041 0%, #46A941 100%);
}

.slide_cta_link-bg--hover {
    background-image: none;
    background-color: #46A941;
}

.slide_cta_link-border {
    border: 1px solid #46A941;
    border-radius: 5px;
}

.slide_cta_link-text {
    font-size: 18px;
    font-size: 1.8rem;
    color: #ffffff;
}
/* Overlap text */
/* Title */
.slide_title-bg {
    background-color: transparent;
}

.slide_title-text--overlap {
    color: inherit;
    text-align: left;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.2;
}
/* Summary */
.carousel_summary-bg--overlap {
    background-color: transparent;
}

.carousel_summary-text--overlap {
    color: inherit;
    font-size: 16px;
    font-size: 1.6rem;
}
/* Carousel for mobile */
.slide_img-border--mobile {
    border: 1px solid #666666;
    border-bottom: 0;
}

.slide_summary-text--mobile {
    color: #ffffff;
}

.slide_summary-heading--mobile {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 0.5em;
    line-height: 1.2;
    color: #ffffff;
}
/* Cookie message	----------------------------------------------*/
.cookiemsg-bg {
    background: rgba(51, 63, 72, 0.8);
}

.cookiemsg-border {
    border-bottom: 1px solid #333F48;
}

.cookiemsg-text {
    color: #ffffff;
    text-align: center;
}

.cookiemsg_text-text {
    font-size: 16px;
    font-size: 1.6rem;
}

.cookiemsg_a-text {
    color: #333333;
}

    .cookiemsg_a-text:hover,
    .cookiemsg_a-text:active {
        color: #333333;
        text-decoration: underline;
    }
/* Current page		----------------------------------------------*/
/* Cta		 		----------------------------------------------*/
.cta-bg {
    background: url("../../Images/Theme/Icons/arrow-right-bold.png") no-repeat 0 3px;
}

.cta-text {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
/* Display box		----------------------------------------------*/
/* Dl list			----------------------------------------------*/
/* Grids			----------------------------------------------*/
/* Thumbnail grid - media library */
.thumbgrid-bg {
    background-color: #ffffff;
}

.thumbgrid-border {
    border: 1px solid #C6C8C9;
}
/* Image */
/* Info */
.thumbgrid_info-bg {
    background-color: #ffffff;
}
/* Type */
.thumbgrid_type-bg {
    background-color: #ffffff;
}
/* Title */
/* Thumbnail grid - small */
.thumbgrid-bg--small {
    background-color: transparent;
}

.thumbgrid-border--small {
    border: none;
    border-bottom: 1px solid #e3e1e1;
}
/* Image */
/* Details */
/* Thumbnail grid - big */
/* Mobile */
/* Image */
/* Mobile */
/* Details */
/* Intro text		----------------------------------------------*/
.intro-text {
    font-size: 18px;
    font-size: 1.8rem;
}
/* Info text		----------------------------------------------*/
.info-text {
    font-size: 10px;
    color: #666666;
}
/* Images			----------------------------------------------*/
/* Figure */
/* Caption */
.cap-text {
    font-size: 12px;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: normal;
    color: #666666;
}
/* Caption on the left */
/* Caption on the left - larger thumbnail */
/* Full width image */
/* Lists			----------------------------------------------*/
/* Note				----------------------------------------------*/
.note-text {
    font-size: 13px;
    font-size: 1.3rem;
    color: #666666;
}
/* Sections			----------------------------------------------*/
.styledsetion-bg {
    background-color: transparent;
}

.styledsection-text {
    font-size: inherit;
}

.styledsection-border {
    border-top: 1px solid #e3e1e1;
}
/* Tables			----------------------------------------------*/
/* General */
/* Table head */
/* Bordered */
/* Striped */
/* Nested */
.nestedtable_th-border {
    border-bottom: 1px solid #C6C8C9;
}

.nestedtable_td-border {
    border: 0;
}
/* Thumbnail list	----------------------------------------------*/
/* General */
/* Video */
/* Small */
.thumbnail-list_description-text {
    font-size: 12px;
    font-size: 1.2rem;
}
/* Mobile */
/* Time				 ----------------------------------------------*/
.time-text {
    color: #646361;
    font-weight: normal;
    font-size: 11px;
    font-size: 1.1rem;
}
/* Pagination		 ----------------------------------------------*/
.paging-bg {
    background-color: transparent;
}

.paging-margin--top {
    margin: 20px 0;
}

.paging-text {
    font-size: inherit;
}

.paging_links-text {
    color: #333333;
}

.paging_pages-text {
    color: #333333;
}
/* Mobile */
.paging-margin--top--mobile {
    margin: 10px 0;
}

.paging-text--mobile {
    font-size: 14px;
    font-size: 1.4rem;
}
/* Quotes			----------------------------------------------*/
/* #Kendo
	=================================================== */
/* States */
/* Borders */
/* Buttons */
/* Colours */
/* Icons */
/* Form elements */
/* Input */
/* Datepicker */
.kendopicker-bg {
    background: #333333;
}

.kendopicker-bg--hover {
    background-color: #333333;
}

.kendopicker-bg--focused {
    background-color: #333333;
}

.kendopicker-border--focused {
    border: 1px solid #333333;
}

.kendopicker_calendar-position {
    background-position: -48px -176px;
}

.kendopicker_clock-position {
    background-position: -48px -192px;
}

.kendopicker_calendar-position--hover {
    background-position: -48px -176px;
}

.kendopicker_clock-position--hover {
    background-position: -48px -192px;
}
/* Multiselect */
/* Tabs */
/* Text */
/* Treeview */
/* Treeview - sidebar */
/* #Specific elements
=================================================== */
/* Bio				----------------------------------------------*/
/* Contacts			----------------------------------------------*/
.contacts_accordion_header {
    color: #333333;
    font-weight: normal;
}
/* Downloads list	----------------------------------------------*/
/* File types		----------------------------------------------*/
/* Hover card		----------------------------------------------*/
.hover_details-position {
    position: absolute;
    top: -10px;
    left: -10px;
}

.hover_details-border {
    border: solid 1px #e3e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.hover_details-text {
    text-align: left;
    line-height: 1.5em;
    font-size: 12px;
    font-size: 1.2rem;
}

.hover_details_label-text {
    color: #666666;
    text-align: left;
    font-weight: bold;
}
/* Social media		----------------------------------------------*/
/* Socialite */
.social-bg {
    background: url('../../Images/Theme/Icons/share-icons.png') 0 0 no-repeat;
}
/* #Fonts
=================================================== */
@font-face {
    font-family: 'BGFlameWeb-Regular';
    src: url('Fonts/BGFlameWeb-Regular.eot');
    src: url('Fonts/BGFlameWeb-Regular.eot?#iefix') format('embedded-opentype'), url('Fonts/BGFlameWeb-Regular.woff') format('woff'), url('Fonts/BGFlameWeb-Regular.ttf') format('truetype'), url('Fonts/BGFlameWeb-Regular.svg#BGFlameWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BGFlameWeb-LightItalic';
    src: url('Fonts/BGFlameWeb-LightItalic.eot');
    src: url('Fonts/BGFlameWeb-LightItalic.eot?#iefix') format('embedded-opentype'), url('Fonts/BGFlameWeb-LightItalic.woff') format('woff'), url('Fonts/BGFlameWeb-LightItalic.ttf') format('truetype'), url('Fonts/BGFlameWeb-LightItalic.svg#BGFlameWeb-LightItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'BGFlameWeb-Light';
    src: url('Fonts/BGFlameWeb-Light.eot');
    src: url('Fonts/BGFlameWeb-Light.eot?#iefix') format('embedded-opentype'), url('Fonts/BGFlameWeb-Light.woff') format('woff'), url('Fonts/BGFlameWeb-Light.ttf') format('truetype'), url('Fonts/BGFlameWeb-Light.svg#BGFlameWeb-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BGFlameWeb-Italic';
    src: url('Fonts/BGFlameWeb-Italic.eot');
    src: url('Fonts/BGFlameWeb-Italic.eot?#iefix') format('embedded-opentype'), url('Fonts/BGFlameWeb-Italic.woff') format('woff'), url('Fonts/BGFlameWeb-Italic.ttf') format('truetype'), url('Fonts/BGFlameWeb-Italic.svg#BGFlameWeb-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'BGFlameWeb-BoldItalic';
    src: url('Fonts/BGFlameWeb-BoldItalic.eot');
    src: url('Fonts/BGFlameWeb-BoldItalic.eot?#iefix') format('embedded-opentype'), url('Fonts/BGFlameWeb-BoldItalic.woff') format('woff'), url('Fonts/BGFlameWeb-BoldItalic.ttf') format('truetype'), url('Fonts/BGFlameWeb-BoldItalic.svg#BGFlameWeb-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'BGFlameWeb-Bold';
    src: url('Fonts/BGFlameWeb-Bold.eot');
    src: url('Fonts/BGFlameWeb-Bold.eot?#iefix') format('embedded-opentype'), url('Fonts/BGFlameWeb-Bold.woff') format('woff'), url('Fonts/BGFlameWeb-Bold.ttf') format('truetype'), url('Fonts/BGFlameWeb-Bold.svg#BGFlameWeb-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


/* Update CSS(14-02-2017) */
* {
    box-sizing: border-box;
}

.full {
    width: 100%;
}

.header_block {
    width: 100%;
    min-height: 180px;
    border-radius: 5px;
    background: url(https://www.cityoflondon.police.uk//_layouts/Col.CityOfLondonPolice.SharePoint/images/interface/bgr-checked.png) 0 67% repeat-x, linear-gradient(to bottom, #ffffff 40%, #f1f1f1, #b0b0b0 100%);
    padding: 10px 25px 0px;
    margin: 0px 0px 50px;
    box-shadow: 0 2px 6px -2px #000;
    clear: both;
}

    .header_block .logo--desktop {
        margin-top: 0px;
    }

.top_navigation_left {
    max-width: 60%;
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #333F48;
    padding: 5px 0px;
}

.social_link {
    float: left;
    padding: 0px 0px;
    margin: 0px 0px;
}

    .social_link li {
        float: left;
        margin-left: 5px !important;
    }

        .social_link li:first-child {
            margin-left: 0px !important;
        }

        .social_link li a {
            display: block;
            text-align: center;
            color: #ffffff;
            font-size: 14px !important;
            padding: 5px 5px !important;
        }

            .social_link li a i.fa {
                color: #ffffff !important;
            }

        .social_link li.facebook {
            background: #2a388e;
        }

        .social_link li.twitter {
            background: #26a9df;
        }

        .social_link li.rss {
            background: #df5937;
        }

.search_block {
    float: left;
    padding: 0px 0px;
    margin-left: 5px !important;
}

    .search_block input[type="text"] {
        width: 150px;
        height: 28px;
        float: left;
        border: 1px solid #cccccc;
        background: #ffffff;
    }

    .search_block .search_btn {
        background: #b40000;
        float: left;
        height: 28px;
        padding: 0px;
        text-align: center;
        width: 35px;
    }

        .search_block .search_btn input[type="image"] {
            padding: 4px 8px;
            width: 35px;
        }

.footer_block {
    width: 100%;
    float: left;
    letter-spacing: 0px;
    border-radius: 5px;
    background: url(https://www.cityoflondon.police.uk//_layouts/Col.CityOfLondonPolice.SharePoint/images/interface/bgr-checked.png) 0 67% repeat-x, linear-gradient(to bottom, #ffffff 40%, #f1f1f1, #b0b0b0 100%);
    border: 1px solid #e3e3e3;
    padding: 25px 25px;
    margin: 0px 0px 40px;
    box-shadow: 0 2px 6px -2px #000;
}

    .footer_block .footer_row {
        display: block;
        margin-left: -10px;
        margin-right: -10px;
    }

    .footer_block .footer_left_block,
    .footer_block .footer_right_block {
        width: 30%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer_block .footer_right_block {
        width: 70%;
    }

    .footer_block .column-md-4 {
        width: 33.33%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

.footer_blocks {
    min-height: 185px;
    max-height: 185px;
    overflow-y: hidden;
    position: relative;
    background: linear-gradient(to top, #ffffff 20%, #f1f1f1, #e3e3e3 100%);
    background: e3e3e3;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    padding: 10px;
    box-shadow: inset 0 1px 5px #bababa;
}

    .footer_blocks a {
        border-bottom: 1px dotted #333;
    }

.footer_blocks_title {
    color: #b40000;
    border-bottom: 1px solid #bbbbbb;
    font-size: 18px;
    font-weight: 600;
    padding: 0px 0px 5px;
    margin-bottom: 10px;
}

.footer_blocks address {
    font-style: normal;
}

.footer_blocks .social_link,
.sign_up_btn {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 0px 0px;
    margin: 0px 0px;
}

    .footer_blocks .social_link a {
        padding: 3px 5px 2px !important;
    }

    .footer_blocks .social_link li.facebook,
    .footer_blocks .social_link li.twitter {
        background: #666666;
    }

.eAlerts_box {
    background: #ffdddd;
}

.sign_up_btn a {
    background: #b40000;
    border: 1px solid #b40000;
    color: #ffffff;
    display: inline-block;
    border-radius: 3px;
    padding: 5px 15px;
}

    .sign_up_btn a:hover {
        background: none;
        color: #b40000;
    }

.foot_wrapper {
    background-color: transparent;
    width: 100%;
    max-width: 1140px;
    height: auto;
    margin: 0px auto;
    position: static;
    padding: 0px;
}

.footer_client_partners {
    background: #e3e3e3; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #b0b0b0 50%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%,#b0b0b0 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%,#b0b0b0 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b0b0 ', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    padding: 15px;
}

.footer_client_logo {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

    .footer_client_logo li {
        list-style: none;
        width: 16%;
        float: left;
        text-align: center;
        padding: 10px 15px;
    }

        .footer_client_logo li img {
            max-width: 100%;
            display: inline-block;
        }

.footer_copy_right {
    background: #666666;
    color: #ffffff;
    padding: 10px 0px;
    height: 36px;
}

.bottom_left_link {
    float: left;
    list-style: none;
    padding: 0px 25px;
    margin: 0px 0px;
}

    .bottom_left_link li {
        float: left;
        position: relative;
    }

        .bottom_left_link li a {
            display: inline-block;
            color: #ffffff;
            padding: 3px 15px;
        }

        .bottom_left_link li:before {
            content: "|";
            position: absolute;
            top: 3px;
            left: 0px;
        }

        .bottom_left_link li:first-child:before {
            display: none;
        }

.copy_right {
    float: right;
    line-height: 22px;
    padding: 0px 25px;
}




@media (max-width:1023px) {
    @-ms-viewport {
        width: 1023px;
    }

    .header_block {
        width: 90%;
        padding: 10px 20px 10px;
        margin: 0px 5% 0px;
    }

    .logo--devices {
        width: 100%;
    }
}

.summary,
.summary span,
.summary p,
.summary div,
.summary ul li {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15.36px !important;
    color: #666666 !important;
}

.summary a {
    color:blue;
}

.content .body,
.content .body span,
.content .body p,
.content .body div,
.content .body ul li {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15.36px !important;
    color: #666666 !important;
}

.content .body a {
    color:blue;
}