@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}



body {
    padding-bottom: 70px;
    overflow-x: hidden;
    min-width: 300px;
    width: auto !important; /* Firefox will set width as auto */
    width: 300px; /* As IE ignores !important it will set width as 1000px; */
}

/*.metro .tile .brand, .metro .tile .tile-status  { right: -13px!important; }*/

.metro .tile .brand .badge, .metro .tile .tile-status .badge {
    right: 0px !important;
    width: auto !important;
    height: auto !important;
    font-weight: bold;
}


/*.wrapper { float: left; clear: left; display: table; table-layout: fixed; }
.img-responsive { display: table-cell; max-width: 100%; }

.ratio {
  position:relative;
  width: 100%;
  height: 50%;
  padding-bottom: 50%; 
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;  
}*/

.img-150 {
  max-width: 200px;  
  max-height: 265px;  
}

.img-400h {
  max-height: 400px;  
}
/*img{
    height:100% !important;
}*/


/*@media screen and ( max-width: 1970px ) {
.tilecaption{
    font-size: 16px; font-size: 1.2vw;
}
}*/

.texth4 {
    font-size: 20px;
}

@media screen and ( max-width: 8888px ) {
    .tilecaptionh4 {
        font-size: 30px;
    }
}

    @media screen and ( max-width: 1350px ) {
        .tilecaptionh4 {
            font-size: 2.0vw;
        }

        .statuscaption {
            font-size: 1.8vw;
        }

            .statuscaption .name {
                font-size: 1.2vw;
            }

        .badgecaption {
            font-size: 17.7px;
        }


        .metro .dtile .brand .label,
        .metro .dtile .brand .badge {
            font-size: 1.0vw;
        }
    }

    @media screen and ( max-width: 970px ) {
        .tilecaptionh4 {
            font-size: 1.8vw;
        }

        .statuscaption {
            font-size: 1.8vw;
        }

            .statuscaption .name {
                font-size: 2.2vw;
            }

        .badgecaption {
            font-size: 1.8vw;
        }

        .metro .dtile .brand .label,
        .metro .dtile .brand .badge {
            font-size: 1.3vw;
        }
    }

    @media screen and ( max-width: 800px ) {
        .tilecaptionh4 {
            font-size: 1.8vw;
        }

        .statuscaption {
            font-size: 1.8vw;
        }

            .statuscaption .name {
                font-size: 2.1vw;
            }

        .badgecaption {
            font-size: 1.8vw;
        }

        .metro .dtile .brand .label,
        .metro .dtile .brand .badge {
            font-size: 1.5vw;
        }
    }

    @media screen and ( max-width: 760px ) {
        .tilecaptionh4 {
            font-size: 4.2vw;
        }

        .badgecaption {
            font-size: 3.2vw;
        }

        .statuscaption {
            font-size: 3.2vw;
        }

            .statuscaption .name {
                font-size: 3.2vw;
            }

        .metro .dtile .brand .label,
        .metro .dtile .brand .badge {
            font-size: 2.5vw;
        }
    }




    /*@media screen and ( max-width: 950px ) {
  body { padding-bottom: 70px;
  }
}*/

    @media screen and ( max-width: 470px ) {
        body {
            padding-bottom: 0px;
        }
        /*background-color: rebeccapurple;
background-color: #663399;*/



        div.clearer {
            clear: left;
            line-height: 0;
            height: 0;
        }
    }

    .searchcols {
        height: 390px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding: 5px;
        margin: 0px;
    }


    table.moviesgrid caption {
        color: #cc6600;
        font-weight: bolder;
    }





    .label {
        text-align: left !important;
    }



    .badge {
        /* background-color: transparent !important; */
        /* width: 50px; */
    }

    .badgegray {
        background-color: #aaaaaa !important;
        /* width: 50px; */
    }


    .tile-group-title {
        color: #808080 !important;
    }

    .myjumbotron {
        padding-top: 55px !important;
    }

    .myjumbotronpanorama {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
        /* padding-left: 48px; */
    }

    .carousel-caption {
        position: absolute;
        right: 0px;
        bottom: -14px;
        left: 0px;
        padding: 15px;
        background: #333;
        background: rgba(0,0,0,.5);
    }


    .searchresults {
        /*position: relative;
    display: block;*/
        float: left;
        width: 215px;
        height: 390px;
        padding: 5px;
        padding-top: 15px;
        margin: 5px;
        /*overflow: hidden;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background-color: #2C83EF;
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;*/
    }

    /*.test{
color:darken(#428bca, 6.5%)

color:#ddd

}*/

    .top-buffer {
        margin-top: 20px;
    }

    .top-buffer50 {
        margin-top: 50px;
    }

    .ft-xsmall {
        font-size: smaller
    }

    .navbar {
        margin-bottom: 0px;
    }

    .tile-column {
        position: relative;
        float: left;
        width: auto;
        height: auto;
    }

    .tile-column-span-1 {
        position: relative;
        float: left;
        width: auto;
        width: 162px;
        height: auto;
        margin-left: 0 !important;
    }

    .tile-column-span-2 {
        position: relative;
        float: left;
        width: auto;
        width: 324px;
        height: auto;
        margin-left: 0 !important;
    }

    .tile-column-span-3 {
        position: relative;
        float: left;
        width: auto;
        width: 480px;
        height: auto;
        margin-left: 0 !important;
    }

    .tile-column-span-4 {
        position: relative;
        float: left;
        width: auto;
        width: 640px;
        height: auto;
        margin-left: 0 !important;
    }

    .tile-column-span-5 {
        position: relative;
        float: left;
        width: auto;
        width: 640px;
        height: auto;
        margin-left: 0 !important;
    }

    .tile-column-span-6 {
        position: relative;
        float: left;
        width: auto;
        width: 800px;
        height: auto;
        margin-left: 0 !important;
    }

    .tile-column-span-7 {
        position: relative;
        float: left;
        width: auto;
        width: 960px;
        height: auto;
        margin-left: 0 !important;
    }

    .tile-column-span-8 {
        position: relative;
        float: left;
        width: auto;
        width: 1120px;
        height: auto;
        margin-left: 0 !important;
    }

    .panorama {
        position: relative;
        /*width: 100%;
  margin: 50px 40px;*/
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .panorama.nohidden {
            width: auto;
            overflow: inherit;
        }

        .panorama .panorama-sections {
            position: relative;
            width: 10000px;
            height: auto;
            padding-bottom: 24px;
            padding-left: 5px;
            overflow: hidden;
            /*margin-left: 40px;*/
        }

            .panorama .panorama-sections h2 {
                margin-left: 5px;
                font-weight: 300;
                text-transform: lowercase;
            }

            .panorama .panorama-sections .panorama-section {
                position: relative;
                float: left;
                width: auto;
                height: auto;
                margin-right: 75px;
            }

                .panorama .panorama-sections .panorama-section.tile-span-1 {
                    width: 160px;
                    margin-left: 0;
                }

                .panorama .panorama-sections .panorama-section.tile-span-2 {
                    width: 320px;
                    margin-left: 0;
                }

                .panorama .panorama-sections .panorama-section.tile-span-3 {
                    width: 480px;
                    margin-left: 0;
                }

                .panorama .panorama-sections .panorama-section.tile-span-4 {
                    width: 640px;
                    margin-left: 0;
                }

                .panorama .panorama-sections .panorama-section.tile-span-5 {
                    width: 640px;
                    margin-left: 0;
                }

                .panorama .panorama-sections .panorama-section.tile-span-6 {
                    width: 800px;
                    margin-left: 0px;
                }

                .panorama .panorama-sections .panorama-section.tile-span-7 {
                    width: 960px;
                    margin-left: 0;
                }

                .panorama .panorama-sections .panorama-section.tile-span-8 {
                    width: 1120px;
                    margin-left: 0;
                }



    #panorama-scroll-prev,
    #panorama-scroll-next {
        position: absolute;
        top: 96px;
        left: 4px;
        z-index: 1061;
        display: inline-block;
        width: 42px;
        width: 32px;
        height: 42px;
        height: 32px;
        min-width: 0;
        min-height: 0;
        padding: 0;
        font-family: 'icomoon';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: 40px !important;
        line-height: 1;
        text-align: center;
        text-decoration: none;
        text-transform: none;
        background: none;
        border-style: solid;
        border-width: 2px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        outline: 0;
        background-clip: border-box;
        font-variant: normal;
    }

    #panorama-scroll-next {
        right: 4px;
        left: auto;
    }

        #panorama-scroll-prev:hover,
        #panorama-scroll-next:hover {
            background-color: rgba(255, 255, 255, 0.13);
            border-color: rgba(255, 255, 255, 0.6);
        }

    #panorama-scroll-prev:before {
        font-size: 20px;
        line-height: 32px;
        vertical-align: top;
        /*content: "\e2a4";*/
        content: "\e315";
    }

    #panorama-scroll-next:before {
        font-size: 20px;
        line-height: 32px;
        vertical-align: top;
        /*content: "\e2a0";*/
        content: "\e311";
    }

    #panorama-scroll-prev-bkg,
    #panorama-scroll-next-bkg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: block;
        width: 40px;
        height: 200%;
        background-color: transparent;
    }

    #panorama-scroll-next-bkg {
        right: 0;
        left: auto;
    }

        #panorama-scroll-prev-bkg:hover,
        #panorama-scroll-next-bkg:hover {
            background-color: #2c83ef;
            margin-left: 0px;
        }



    .icon-search-3 {
        font-size: 18px;
        font-weight: normal;
    }

    .btn {
        padding-bottom: 5px;
    }

    .shopamazon {
        color: #cc6600;
    }

    .listprice {
        text-decoration: line-through;
    }


    .salesprice {
        color: #ff0000;
    }

    a.salesprice:hover,
    a.salesprice:focus {
        color: #e6e6e6;
    }

    .page-error {
        float: none;
        margin: 0 auto;
        max-width: 990px;
        width: 90%;
    }

    .brand {
        /* color: lightgray!important; */
    }

    /*.icon-bar  {
  background-color: #056be9!important;
}*/

    .force75 {
        max-height: 75px;
        max-width: 75px;
        min-height: 75px;
        min-width: 75px
    }






    .tomatometer, .tomatometer > span {
        display: block;
        width: 188px;
        height: 20px;
        margin: 4px 0;
        background: transparent url('http://images.rottentomatoescdn.com/images/redesign/tomatometer_bar_bg.png') no-repeat 0 0;
    }

        .tomatometer > span {
            float: left;
            margin: 0;
            width: 0;
        }

        .tomatometer.fresh > span, .tomatometer.certified > span {
            background-position: 0 -20px;
        }

        .tomatometer.rotten > span {
            background-position: 0 -40px;
        }

    .iconrt {
        display: inline-block;
        vertical-align: text-bottom;
        background: transparent url('http://images.rottentomatoescdn.com/images/redesign/icons-v2.png') no-repeat -312px -160px;
    }

        .iconrt.huge {
            width: 64px;
            height: 64px;
        }

        .iconrt.big {
            width: 48px;
            height: 48px;
        }

        .iconrt.medium {
            width: 32px;
            height: 32px;
        }

        .iconrt.small {
            width: 24px;
            height: 24px;
        }

        .iconrt.tiny {
            width: 16px;
            height: 16px;
        }

        .iconrt.huge.fresh {
            background-position: 0px 0px;
        }

        .iconrt.huge.rotten {
            background-position: -64px 0px;
        }

        .iconrt.huge.certified {
            background-position: -128px 0px;
        }

        .iconrt.huge.popcorn {
            background-position: -128px -64px;
        }

        .iconrt.huge.wts {
            background-position: -64px -64px;
        }

        .iconrt.huge.spilled {
            background-position: 0px -64px;
        }

        .iconrt.big.fresh {
            background-position: -192px -48px;
        }

        .iconrt.big.rotten {
            background-position: -192px -96px;
        }

        .iconrt.big.certified {
            background-position: -192px -96px;
        }

        .iconrt.big.popcorn {
            background-position: -240px -48px;
        }

        .iconrt.big.wts {
            background-position: -240px 0px;
        }

        .iconrt.big.spilled {
            background-position: -192px 0px;
        }

        .iconrt.medium.fresh {
            background-position: -64px -128px;
        }

        .iconrt.medium.rotten {
            background-position: -96px -128px;
        }

        .iconrt.medium.certified {
            background-position: -160px -128px;
        }

        .iconrt.medium.popcorn {
            background-position: -32px -128px;
        }

        .iconrt.medium.wts {
            background-position: 0px -128px;
        }

        .iconrt.medium.spilled {
            background-position: -128px -128px;
        }

        .iconrt.small.fresh {
            background-position: -288px -48px;
        }

        .iconrt.small.rotten {
            background-position: -288px -96px;
        }

        .iconrt.small.certified {
            background-position: -288px -72px;
        }

        .iconrt.small.popcorn {
            background-position: -288px -24px;
        }

        .iconrt.small.wts {
            background-position: -288px 0px;
        }

        .iconrt.small.spilled {
            background-position: -288px -120px;
        }

        .iconrt.tiny.fresh {
            background-position: -256px -144px;
        }

        .iconrt.tiny.rotten {
            background-position: -272px -144px;
        }

        .iconrt.tiny.popcorn {
            background-position: -288px -144px;
        }

        .iconrt.tiny.spilled {
            background-position: -208px -144px;
        }

        .iconrt.tiny.wts {
            background-position: -192px -144px;
        }

        .iconrt.tiny.friend_wts {
            background-position: -224px -144px;
        }

        .iconrt.tiny.friend_rating {
            background-position: -240px -144px;
        }









    /* jssor slider bullet navigator skin 21 css */
    /*
.jssorb21 div(normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21.av(active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21.dn(mousedown)
*/
    .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
        background: url(/content/img/b21.png) no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb21 div {
        background-position: -5px -5px;
    }

        .jssorb21 div:hover, .jssorb21 .av:hover {
            background-position: -35px -5px;
        }

    .jssorb21 .av {
        background-position: -65px -5px;
    }

    .jssorb21 .dn, .jssorb21 .dn:hover {
        background-position: -95px -5px;
    }


    /* jssor slider arrow navigator skin 21 css - for my shop*/
    /*
.jssora21l(normal)
.jssora21r(normal)
.jssora21l:hover        (normal mouseover)
.jssora21r:hover        (normal mouseover)
.jssora21ldn(mousedown)
.jssora21rdn(mousedown)
*/
    .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {
        position: absolute;
        cursor: pointer;
        display: block;
        background: url(/content/img/a21.png) center center no-repeat;
        overflow: hidden;
    }

    .jssora21l {
        background-position: -3px -33px;
    }

    .jssora21r {
        background-position: -63px -33px;
    }

    .jssora21l:hover {
        background-position: -123px -33px;
    }

    .jssora21r:hover {
        background-position: -183px -33px;
    }

    .jssora21ldn {
        background-position: -243px -33px;
    }

    .jssora21rdn {
        background-position: -303px -33px;
    }


    .jssorcontainer {
        position: relative;
        margin: 0 auto !important;
        top: 0px; /* left: -15px; */
        width: 940px;
        height: 250px;
        overflow: hidden;
    }

    .jssorloading {
        position: absolute;
        top: 0px;
        left: 0px;
    }
    /*.jssorfilter {
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}*/
    .jssorfilter {
        opacity: 0.7;
        position: absolute;
        display: block;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .jssorbackground {
        position: absolute;
        display: block;
        background: url(/content/img/loading.gif) no-repeat center center;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .jssorslides {
        cursor: move;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 940px;
        height: 250px;
        overflow: hidden;
    }
    /*.jssorcaption  { position: absolute!important; width: 400px!important; height: 3px!important; top: 0px!important; }
.jssorprototype  { position: absolute!important; width: 19px!important; height: 19px!important; text-align: center!important; line-height: 19px!important; color: White!important; font-size: 12px!important; }
.jssor  {  }*/

    /* jssor slider arrow navigator skin 03 css - for my pictures */
    /*
.jssora03l              (normal)
.jssora03r              (normal)
.jssora03l:hover        (normal mouseover)
.jssora03r:hover        (normal mouseover)
.jssora03ldn            (mousedown)
.jssora03rdn            (mousedown)
*/
    .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn {
        position: absolute;
        cursor: pointer;
        display: block;
        background: url(/content/img/a03.png) no-repeat;
        overflow: hidden;
    }

    .jssora03l {
        background-position: -3px -33px;
    }

    .jssora03r {
        background-position: -63px -33px;
    }

    .jssora03l:hover {
        background-position: -123px -33px;
    }

    .jssora03r:hover {
        background-position: -183px -33px;
    }

    .jssora03ldn {
        background-position: -243px -33px;
    }

    .jssora03rdn {
        background-position: -303px -33px;
    }


    .sliderfwdesc {
        left: 50px;
        padding: 5px;
        text-align: left;
        line-height: 24px;
        font-size: 20px;
        color: #FFFFFF;
    }

    .sliderfwtitl {
        left: 50px;
        padding: 5px;
        text-align: left;
        line-height: 34px;
        font-size: 28px;
        color: #FFFFFF;
        text-transform: lowercase;
    }


    /**********Responsive table for banknotes search result page**************/
    .cf:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    code {
        padding: 0 .5em;
        background: #fff2b2;
    }

    .rt {
        width: 100%;
        font-size: 0.75em;
        line-height: 1.25em;
        border-collapse: collapse;
        border-spacing: 0;
    }

        .rt tr.row1 {
            font-size: 0.75em;
            line-height: 1.25em;
            border-collapse: collapse;
            border-spacing: 0;
            background: #fff;
            border-bottom: 1px solid #DDE0E8;
        }

        .rt tr.row2 {
            font-size: 0.75em;
            line-height: 1.25em;
            border-collapse: collapse;
            border-spacing: 0;
            background: #e8ecf6;
            border-bottom: 1px solid #dde0e8;
        }

        .rt th {
            margin: 0;
            padding: 0.8em 1em;
            vertical-align: top;
            color: #fff;
            font-family: 'Lato', sans-serif;
            font-size: 17px;
            font-weight: normal;
        }

        .rt td:last-child {
            border: 0;
        }

        .rt td {
            border-right: 1px solid #CFCFCF;
            margin: 0;
            padding: 8px 1em;
            vertical-align: middle;
            color: #656d78;
            font-family: 'Lato', sans-serif;
            font-weight: bold;
            font-size: 17px;
            line-height: 22px;
            overflow: hidden;
        }

        .rt th {
            text-align: left;
        }

    .table-header {
        background: #07a8d4;
        border-radius: 5px 5px 0 0;
    }

    .table-picktxt {
        color: #009ac4 !important;
    }

    @media only screen and (max-width: 48em) { /*768*/
        #rt1 {
            display: block;
            position: relative;
            width: 100%;
        }

            #rt1 thead {
                display: block;
                float: left;
            }

            #rt1 tbody {
                display: block;
                width: auto;
                position: relative;
                overflow-x: auto;
                white-space: nowrap;
            }

            #rt1 thead tr {
                display: block;
            }

            #rt1 th {
                display: block;
            }

            #rt1 tbody tr {
                display: inline-block;
                vertical-align: top;
            }

            #rt1 td {
                display: block;
                min-height: 1.25em;
            }

        #rt2 {
            display: block;
            position: relative;
            width: 100%;
        }

            #rt2 thead {
                display: block;
                float: left;
            }

            #rt2 tbody {
                display: -webkit-box;
                overflow-x: auto;
            }

            #rt2 th, #rt2 tr, #rt2 td {
                display: block;
            }

        .rt th {
            border-bottom: 0;
        }

        .rt td {
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
        }

        .rt tbody tr {
            border-right: 1px solid #babcbf;
        }

        .rt th:last-child, .rt td:last-child {
            border-bottom: 1px solid #babcbf;
        }

        .rt td img {
            width: 50%;
        }
    }

    .bg_green {
        background-color: #00FF00;
    }

    .bg_yellow {
        background-color: #FFFF00;
    }

    .bg_red {
        background-color: #FF0000;
    }

    .bg_gray {
        background-color: #BDBD9D;
    }

    .bg_orange {
        background-color: #FF9933;
    }

    .bg_rose {
        background-color: #FF99FF;
    }


    /* login
----------------------------------------------------------*/
    #login {
        display: block;
        font-size: .85em;
        margin: 0 0 10px;
        text-align: right;
    }

        #login a {
            background-color: #d3dce0;
            margin-left: 10px;
            margin-right: 3px;
            padding: 2px 3px;
            text-decoration: none;
        }

            #login a.email {
                background: none;
                margin: 0;
                padding: 0;
                text-decoration: underline;
            }

        #login ul {
            margin: 0;
        }

        #login li {
            display: inline;
            list-style: none;
        }




    /* login page */
    #loginForm {
        border-right: solid 2px #c8c8c8;
        float: left;
        width: 55%;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

        #loginForm .validation-summary-errors ul {
            margin: 0;
            padding: 0;
        }

        #loginForm .validation-summary-errors li {
            display: inline;
            list-style: none;
            margin: 0;
        }

        #loginForm input {
            width: 250px;
        }

            #loginForm input[type="checkbox"],
            #loginForm input[type="submit"],
            #loginForm input[type="button"],
            #loginForm button {
                width: auto;
            }

    #socialLoginForm {
        margin-left: 40px;
        float: left;
        width: 40%;
    }

        #socialLoginForm h2 {
            margin-bottom: 5px;
        }

    #socialLoginList button {
        margin-bottom: 12px;
    }

    #logoutForm {
        display: inline;
    }




    /* page titles */
    hgroup.title {
        margin-bottom: 10px;
    }

        hgroup.title h2, hgroup.title h3 {
            display: inline;
        }

        hgroup.title h3 {
            font-weight: normal;
            margin-left: 3px;
        }


    /* info and errors */
    .message-info {
        border: 1px solid;
        clear: both;
        padding: 10px 20px;
    }

    .message-error {
        clear: both;
        color: #e80c4d;
        font-size: 1.1em;
        font-weight: bold;
        margin: 20px 0 10px 0;
    }

    .message-success {
        color: #7ac0da;
        font-size: 1.3em;
        font-weight: bold;
        margin: 20px 0 10px 0;
    }

    .error {
        color: #e80c4d;
    }


    /* styles for validation helpers */
    .field-validation-error {
        color: #e80c4d;
        font-weight: bold;
    }

    .field-validation-valid {
        display: none;
    }

    input.input-validation-error {
        border: 1px solid #e80c4d;
    }

    input[type="checkbox"].input-validation-error {
        border: 0 none;
    }

    .validation-summary-errors {
        color: #e80c4d;
        font-weight: bold;
        font-size: 1.1em;
    }

    .validation-summary-valid {
        display: none;
    }



    .starttitle {
        position: fixed;
        top: 50px;
        left: 80px;
    }

    .startuser-id {
        position: fixed;
        right: 40px;
        top: 50px;
        display: inline-block;
        padding: 8px;
        background-color: transparent;
        width: auto;
        color: #333;
        cursor: default;
        border-collapse: collapse;
    }

    .user-id-name {
        float: right;
        text-align: right;
        margin: 0;
        padding: 0;
    }

    .first-name {
        font-size: 20pt;
        line-height: 20pt;
    }

    .last-name {
        font-size: 12pt;
    }

    .user-id-image [class*='icon-'] {
        color: inherit;
        font-size: 16pt;
        line-height: 16pt;
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 10px;
    }

    .user-id-image {
        width: 40px;
        height: 40px;
        float: right;
        margin-left: 10px;
        color: inherit;
        background-color: #464646;
        text-align: center;
        vertical-align: middle;
    }

    .imgname {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
        border: 0;
        -ms-interpolation-mode: bicubic;
    }

    .no-display {
        display: none !important;
    }



    /*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
    .yamm .nav,
    .yamm .collapse,
    .yamm .dropup,
    .yamm .dropdown {
        position: static;
    }

    .yamm .container {
        position: relative;
    }

    .yamm .dropdown-menu {
        left: auto;
    }

    .yamm .yamm-content {
        /*padding: 20px 30px;*/
    }

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

    ul.nav li.dropdown:hover ul.dropdown-menu {
        display: block !important;
    }




    .navbar .nav > li {
        float: none;
        display: block;
        display: inline-block;
        *display: inline; /*Internet Explorer 7 compatibility */
        *zoom: 1;
        vertical-align: top;
    }



    @font-face {
        font-family: 'icomoon';
        src: url('/Content/font/icomoon42127/fonts/icomoon.eot');
        src: url('/Content/font/icomoon42127/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('/Content/font/icomoon42127/fonts/icomoon.woff') format('woff'), url('/Content/font/icomoon42127/fonts/icomoon.ttf') format('truetype'), url('/Content/font/icomoon42127/fonts/icomoon.svg#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Use the following CSS code if you want to use data attributes for inserting your icons */
    [data-icon]:before {
        font-family: 'icomoon';
        content: attr(data-icon);
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    /* Use the following CSS code if you want to have a class per icon */
    /*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
    .icon-whatsnew, .icon-star, .icon-star-2, .icon-star-3, .icon-windows8, .icon-windows, .icon-code, .icon-numb_0, .icon-numb_1, .icon-numb_2, .icon-numb_3, .icon-numb_4, .icon-numb_5, .icon-numb_6, .icon-numb_7, .icon-numb_8, .icon-numb_9, .icon-bluet, .icon-share, .icon-windows-2, .icon-arrow-up-left, .icon-arrow-up, .icon-arrow-up-right, .icon-arrow-right, .icon-arrow-down-right, .icon-arrow-right-2, .icon-arrow-down-right-2, .icon-arrow-down, .icon-arrow-down-left, .icon-arrow-left, .icon-arrow-down-2, .icon-arrow-down-left-2, .icon-arrow-left-2, .icon-arrow-up-left-2, .icon-arrow-up-2, .icon-arrow-up-right-2, .icon-arrow-right-3, .icon-arrow-down-right-3, .icon-arrow-down-3, .icon-arrow-down-left-3, .icon-arrow-left-3, .icon-arrow-up-left-3, .icon-phone, .icon-pencil, .icon-connection, .icon-user_cat2, .icon-tag2, .icon-cart, .icon-coin, .icon-mobile, .icon-screen, .icon-keyboard, .icon-download, .icon-upload, .icon-zoom-in, .icon-zoom-out, .icon-expand, .icon-contract, .icon-expand-2, .icon-contract-2, .icon-cog, .icon-list, .icon-numbered-list, .icon-link, .icon-globe, .icon-attachment, .icon-eye, .icon-thumbs-up, .icon-thumbs-up-2, .icon-happy, .icon-sad, .icon-minus, .icon-plus, .icon-close, .icon-checkmark, .icon-checkmark-2, .icon-play, .icon-pause, .icon-stop, .icon-backward, .icon-forward, .icon-arrow-up-3, .icon-arrow-up-right-3, .icon-tab, .icon-facebook, .icon-facebook-2, .icon-google-plus, .icon-twitter, .icon-feed, .icon-apple, .icon-finder, .icon-android, .icon-windows8-2, .icon-skype, .icon-file-word, .icon-file-excel, .icon-file-zip, .icon-file-powerpoint, .icon-html5, .icon-alpha_a, .icon-alpha_b, .icon-alpha_c, .icon-alpha_d, .icon-alpha_e, .icon-alpha_f, .icon-alpha_g, .icon-alpha_h, .icon-alpha_i, .icon-alpha_j, .icon-alpha_k, .icon-alpha_l, .icon-alpha_m, .icon-alpha_n, .icon-alpha_o, .icon-alpha_p, .icon-alpha_q, .icon-alpha_r, .icon-alpha_s, .icon-alpha_t, .icon-alpha_u, .icon-alpha_v, .icon-alpha_w, .icon-alpha_x, .icon-alpha_z, .icon-alpha_ns, .icon-alpha_0, .icon-alpha_1, .icon-alpha_2, .icon-alpha_3, .icon-alpha_4, .icon-alpha_5, .icon-alpha_6, .icon-alpha_7, .icon-alpha_8, .icon-alpha_9, .icon-authors, .icon-formats, .icon-identifiers, .icon-languages, .icon-publisher, .icon-rating, .icon-series, .icon-user_cat, .icon-movies, .icon-studios, .icon-subtitles, .icon-genres, .icon-persons, .icon-year, .icon-titles, .icon-alpha_y, .icon-battery-low, .icon-battery, .icon-battery-full, .icon-battery-charging, .icon-plus-2, .icon-cross, .icon-arrow-right-4, .icon-arrow-left-4, .icon-pencil-2, .icon-search, .icon-grid, .icon-list-2, .icon-star-4, .icon-heart, .icon-back, .icon-forward-2, .icon-map-marker, .icon-phone-2, .icon-home, .icon-camera, .icon-arrow-left-5, .icon-arrow-right-5, .icon-arrow-up-4, .icon-arrow-down-4, .icon-refresh, .icon-refresh-2, .icon-escape, .icon-repeat, .icon-loop, .icon-shuffle, .icon-feed-2, .icon-cog-2, .icon-wrench, .icon-bars, .icon-chart, .icon-stats, .icon-eye-2, .icon-zoom-out-2, .icon-zoom-in-2, .icon-export, .icon-user, .icon-users, .icon-microphone, .icon-mail, .icon-comment, .icon-trashcan, .icon-delete, .icon-infinity, .icon-key, .icon-globe-2, .icon-thumbs-up-3, .icon-thumbs-down, .icon-tag, .icon-views, .icon-warning, .icon-beta, .icon-unlocked, .icon-locked, .icon-eject, .icon-move, .icon-expand-3, .icon-cancel, .icon-electricity, .icon-compass, .icon-location, .icon-directions, .icon-pin, .icon-mute, .icon-volume, .icon-globe-3, .icon-pencil-3, .icon-minus-2, .icon-equals, .icon-list-3, .icon-flag, .icon-info, .icon-question, .icon-chat, .icon-clock, .icon-calendar, .icon-sun, .icon-contrast, .icon-mobile-2, .icon-download-2, .icon-puzzle, .icon-music, .icon-scissors, .icon-bookmark, .icon-anchor, .icon-checkmark-3, .icon-phone-3, .icon-mobile-3, .icon-mouse, .icon-directions-2, .icon-mail-2, .icon-paperplane, .icon-pencil-4, .icon-feather, .icon-paperclip, .icon-drawer, .icon-reply, .icon-reply-all, .icon-forward-3, .icon-user-2, .icon-users-2, .icon-user-add, .icon-vcard, .icon-export-2, .icon-location-2, .icon-map, .icon-compass-2, .icon-location-3, .icon-target, .icon-share-2, .icon-sharable, .icon-heart-2, .icon-heart-3, .icon-star-5, .icon-star-6, .icon-thumbs-up-4, .icon-thumbs-down-2, .icon-chat-2, .icon-comment-2, .icon-quote, .icon-house, .icon-popup, .icon-search-2, .icon-flashlight, .icon-printer, .icon-bell, .icon-link-2, .icon-flag-2, .icon-cog-3, .icon-tools, .icon-trophy, .icon-tags, .icon-camera-2, .icon-megaphone, .icon-moon, .icon-palette, .icon-leaf, .icon-music-2, .icon-music-3, .icon-new, .icon-graduation, .icon-book, .icon-newspaper, .icon-bag, .icon-airplane, .icon-lifebuoy, .icon-eye-3, .icon-clock-2, .icon-microphone-2, .icon-calendar-2, .icon-bolt, .icon-thunder, .icon-droplet, .icon-cd, .icon-briefcase, .icon-air, .icon-hourglass, .icon-gauge, .icon-language, .icon-network, .icon-key-2, .icon-battery-2, .icon-bucket, .icon-magnet, .icon-drive, .icon-cup, .icon-rocket, .icon-brush, .icon-suitcase, .icon-cone, .icon-earth, .icon-keyboard-2, .icon-browser, .icon-publish, .icon-progress-3, .icon-progress-2, .icon-brogress-1, .icon-progress-0, .icon-sun-2, .icon-sun-3, .icon-adjust, .icon-code-2, .icon-screen-2, .icon-infinity-2, .icon-light-bulb, .icon-credit-card, .icon-database, .icon-voicemail, .icon-clipboard, .icon-cart-2, .icon-box, .icon-ticket, .icon-rss, .icon-signal, .icon-thermometer, .icon-droplets, .icon-untitled, .icon-statistics, .icon-pie, .icon-bars-2, .icon-graph, .icon-lock, .icon-lock-open, .icon-logout, .icon-login, .icon-checkmark-4, .icon-cross-2, .icon-minus-3, .icon-plus-3, .icon-cross-3, .icon-minus-4, .icon-plus-4, .icon-cross-4, .icon-minus-5, .icon-plus-5, .icon-erase, .icon-blocked, .icon-info-2, .icon-info-3, .icon-question-2, .icon-help, .icon-warning-2, .icon-cycle, .icon-cw, .icon-ccw, .icon-shuffle-2, .icon-arrow, .icon-arrow-2, .icon-retweet, .icon-loop-2, .icon-history, .icon-back-2, .icon-switch, .icon-list-4, .icon-add-to-list, .icon-layout, .icon-list-5, .icon-text, .icon-text-2, .icon-document, .icon-docs, .icon-landscape, .icon-pictures, .icon-video, .icon-music-4, .icon-folder, .icon-archive, .icon-trash, .icon-upload-2, .icon-download-3, .icon-disk, .icon-install, .icon-cloud, .icon-upload-3, .icon-bookmark-2, .icon-bookmarks, .icon-book-2, .icon-play-2, .icon-pause-2, .icon-record, .icon-stop-2, .icon-next, .icon-previous, .icon-first, .icon-last, .icon-resize-enlarge, .icon-resize-shrink, .icon-volume-2, .icon-sound, .icon-mute-2, .icon-flow-cascade, .icon-flow-branch, .icon-flow-tree, .icon-flow-line, .icon-flow-parallel, .icon-arrow-left-6, .icon-arrow-down-5, .icon-arrow-up--upload, .icon-arrow-right-6, .icon-arrow-left-7, .icon-arrow-down-6, .icon-arrow-up-5, .icon-arrow-right-7, .icon-arrow-left-8, .icon-arrow-down-7, .icon-arrow-up-6, .icon-arrow-right-8, .icon-arrow-left-9, .icon-arrow-down-8, .icon-arrow-up-7, .icon-arrow-right-9, .icon-arrow-left-10, .icon-arrow-down-9, .icon-arrow-up-8, .icon-arrow-right-10, .icon-arrow-left-11, .icon-arrow-down-10, .icon-arrow-up-9, .icon-arrow-right-11, .icon-arrow-left-12, .icon-arrow-down-11, .icon-arrow-up-10, .icon-untitled-2, .icon-arrow-left-13, .icon-arrow-down-12, .icon-arrow-up-11, .icon-arrow-right-12, .icon-menu, .icon-ellipsis, .icon-dots, .icon-dot, .icon-cc, .icon-cc-by, .icon-cc-nc, .icon-cc-nc-eu, .icon-cc-nc-jp, .icon-cc-sa, .icon-cc-nd, .icon-cc-pd, .icon-cc-zero, .icon-cc-share, .icon-cc-share-2, .icon-daniel-bruce, .icon-daniel-bruce-2, .icon-github, .icon-github-2, .icon-flickr, .icon-flickr-2, .icon-vimeo, .icon-vimeo-2, .icon-twitter-2, .icon-twitter-3, .icon-facebook-3, .icon-facebook-4, .icon-facebook-5, .icon-googleplus, .icon-googleplus-2, .icon-pinterest, .icon-pinterest-2, .icon-tumblr, .icon-tumblr-2, .icon-linkedin, .icon-linkedin-2, .icon-dribbble, .icon-dribbble-2, .icon-stumbleupon, .icon-stumbleupon-2, .icon-lastfm, .icon-lastfm-2, .icon-rdio, .icon-rdio-2, .icon-spotify, .icon-spotify-2, .icon-qq, .icon-instagram, .icon-dropbox, .icon-evernote, .icon-flattr, .icon-skype-2, .icon-skype-3, .icon-renren, .icon-sina-weibo, .icon-paypal, .icon-picasa, .icon-soundcloud, .icon-mixi, .icon-behance, .icon-circles, .icon-vk, .icon-smashing, .icon-home-2, .icon-home-3, .icon-home-4, .icon-office, .icon-newspaper-2, .icon-pencil-5, .icon-pencil-6, .icon-quill, .icon-pen, .icon-blog, .icon-droplet-2, .icon-paint-format, .icon-image, .icon-image-2, .icon-images, .icon-camera-3, .icon-music-5, .icon-headphones, .icon-play-3, .icon-film, .icon-camera-4, .icon-dice, .icon-pacman, .icon-spades, .icon-clubs, .icon-diamonds, .icon-pawn, .icon-bullhorn, .icon-connection-2, .icon-podcast, .icon-feed-3, .icon-book-3, .icon-books, .icon-library, .icon-file, .icon-profile, .icon-file-2, .icon-file-3, .icon-file-4, .icon-copy, .icon-copy-2, .icon-copy-3, .icon-paste, .icon-paste-2, .icon-paste-3, .icon-stack, .icon-folder-2, .icon-folder-open, .icon-tag-2, .icon-pricetag, .icon-barcode, .icon-qrcode, .icon-ticket-2, .icon-cart-3, .icon-cart-4, .icon-cart-5, .icon-coin-2, .icon-credit, .icon-calculate, .icon-support, .icon-phone-4, .icon-phone-hang-up, .icon-address-book, .icon-notebook, .icon-envelop, .icon-pushpin, .icon-location-4, .icon-location-5, .icon-compass-3, .icon-map-2, .icon-map-3, .icon-history-2, .icon-clock-3, .icon-clock-4, .icon-alarm, .icon-alarm-2, .icon-bell-2, .icon-stopwatch, .icon-calendar-3, .icon-calendar-4, .icon-print, .icon-keyboard-3, .icon-screen-3, .icon-laptop, .icon-mobile-4, .icon-mobile-5, .icon-tablet, .icon-tv, .icon-cabinet, .icon-drawer-2, .icon-drawer-3, .icon-drawer-4, .icon-box-add, .icon-box-remove, .icon-download-4, .icon-upload-4, .icon-disk-2, .icon-storage, .icon-undo, .icon-redo, .icon-flip, .icon-flip-2, .icon-undo-2, .icon-redo-2, .icon-forward-4, .icon-reply-2, .icon-bubble, .icon-bubbles, .icon-bubbles-2, .icon-bubble-2, .icon-bubbles-3, .icon-bubbles-4, .icon-user-3, .icon-users-3, .icon-user-4, .icon-users-4, .icon-user-5, .icon-user-6, .icon-quotes-left, .icon-busy, .icon-spinner, .icon-spinner-2, .icon-spinner-3, .icon-spinner-4, .icon-spinner-5, .icon-spinner-6, .icon-binoculars, .icon-search-3, .icon-zoom-in-3, .icon-zoom-out-3, .icon-expand-4, .icon-contract-3, .icon-expand-5, .icon-contract-4, .icon-key-3, .icon-key-4, .icon-lock-2, .icon-lock-3, .icon-unlocked-2, .icon-wrench-2, .icon-settings, .icon-equalizer, .icon-cog-4, .icon-cogs, .icon-cog-5, .icon-hammer, .icon-wand, .icon-aid, .icon-bug, .icon-pie-2, .icon-stats-2, .icon-bars-3, .icon-bars-4, .icon-gift, .icon-trophy-2, .icon-glass, .icon-mug, .icon-food, .icon-leaf-2, .icon-rocket-2, .icon-meter, .icon-meter2, .icon-dashboard, .icon-hammer-2, .icon-fire, .icon-lab, .icon-magnet-2, .icon-remove, .icon-remove-2, .icon-briefcase-2, .icon-airplane-2, .icon-truck, .icon-road, .icon-accessibility, .icon-target-2, .icon-shield, .icon-lightning, .icon-switch-2, .icon-power-cord, .icon-signup, .icon-list-6, .icon-list-7, .icon-numbered-list-2, .icon-menu-2, .icon-menu-3, .icon-tree, .icon-cloud-2, .icon-cloud-download, .icon-cloud-upload, .icon-download-5, .icon-upload-5, .icon-download-6, .icon-upload-6, .icon-globe-4, .icon-earth-2, .icon-link-3, .icon-flag-3, .icon-attachment-2, .icon-eye-4, .icon-eye-blocked, .icon-eye-5, .icon-bookmark-3, .icon-bookmarks-2, .icon-brightness-medium, .icon-brightness-contrast, .icon-contrast-2, .icon-star-7, .icon-star-8, .icon-star-9, .icon-heart-4, .icon-heart-5, .icon-heart-broken, .icon-thumbs-up-5, .icon-thumbs-up-6, .icon-happy-2, .icon-smiley, .icon-smiley-2, .icon-tongue, .icon-tongue-2, .icon-sad-2, .icon-sad-3, .icon-wink, .icon-wink-2, .icon-grin, .icon-grin-2, .icon-cool, .icon-cool-2, .icon-angry, .icon-angry-2, .icon-evil, .icon-evil-2, .icon-shocked, .icon-shocked-2, .icon-confused, .icon-confused-2, .icon-neutral, .icon-neutral-2, .icon-wondering, .icon-wondering-2, .icon-point-up, .icon-point-right, .icon-point-down, .icon-point-left, .icon-warning-3, .icon-notification, .icon-question-3, .icon-info-4, .icon-info-5, .icon-blocked-2, .icon-cancel-circle, .icon-checkmark-circle, .icon-spam, .icon-close-2, .icon-checkmark-5, .icon-checkmark-6, .icon-spell-check, .icon-minus-6, .icon-plus-6, .icon-enter, .icon-exit, .icon-play-4, .icon-pause-3, .icon-stop-3, .icon-backward-2, .icon-forward-5, .icon-play-5, .icon-pause-4, .icon-stop-4, .icon-backward-3, .icon-forward-6, .icon-first-2, .icon-last-2, .icon-previous-2, .icon-next-2, .icon-eject-2, .icon-volume-high, .icon-volume-medium, .icon-volume-low, .icon-volume-mute, .icon-volume-mute-2, .icon-volume-increase, .icon-volume-decrease, .icon-loop-3, .icon-loop-4, .icon-loop-5, .icon-shuffle-3, .icon-arrow-up-left-4, .icon-arrow-up-12, .icon-arrow-up-right-4, .icon-arrow-right-13, .icon-arrow-down-right-4, .icon-arrow-down-13, .icon-arrow-down-left-4, .icon-arrow-left-14, .icon-arrow-up-left-5, .icon-arrow-up-13, .icon-arrow-up-right-5, .icon-arrow-right-14, .icon-arrow-down-right-5, .icon-arrow-down-14, .icon-arrow-down-left-5, .icon-arrow-left-15, .icon-arrow-up-left-6, .icon-arrow-up-14, .icon-arrow-up-right-6, .icon-arrow-right-15, .icon-arrow-down-right-6, .icon-arrow-down-15, .icon-arrow-down-left-6, .icon-arrow-left-16, .icon-tab-2, .icon-checkbox-checked, .icon-checkbox-unchecked, .icon-checkbox-partial, .icon-radio-checked, .icon-radio-unchecked, .icon-crop, .icon-scissors-2, .icon-filter, .icon-filter-2, .icon-font, .icon-text-height, .icon-text-width, .icon-bold, .icon-underline, .icon-italic, .icon-strikethrough, .icon-omega, .icon-sigma, .icon-table, .icon-table-2, .icon-insert-template, .icon-pilcrow, .icon-left-to-right, .icon-right-to-left, .icon-paragraph-left, .icon-paragraph-center, .icon-paragraph-right, .icon-paragraph-justify, .icon-paragraph-left-2, .icon-paragraph-center-2, .icon-paragraph-right-2, .icon-paragraph-justify-2, .icon-indent-increase, .icon-indent-decrease, .icon-new-tab, .icon-embed, .icon-code-3, .icon-console, .icon-share-3, .icon-mail-3, .icon-mail-4, .icon-mail-5, .icon-mail-6, .icon-google, .icon-google-plus-2, .icon-google-plus-3, .icon-google-plus-4, .icon-google-plus-5, .icon-google-drive, .icon-facebook-6, .icon-facebook-7, .icon-facebook-8, .icon-instagram-2, .icon-twitter-4, .icon-twitter-5, .icon-twitter-6, .icon-feed-4, .icon-feed-5, .icon-feed-6, .icon-youtube, .icon-youtube-2, .icon-vimeo-3, .icon-vimeo2, .icon-vimeo-4, .icon-lanyrd, .icon-flickr-3, .icon-flickr-4, .icon-flickr-5, .icon-flickr-6, .icon-picassa, .icon-picassa-2, .icon-dribbble-3, .icon-dribbble-4, .icon-dribbble-5, .icon-forrst, .icon-forrst-2, .icon-deviantart, .icon-deviantart-2, .icon-steam, .icon-steam-2, .icon-github-3, .icon-github-4, .icon-github-5, .icon-github-6, .icon-github-7, .icon-wordpress, .icon-wordpress-2, .icon-joomla, .icon-blogger, .icon-blogger-2, .icon-tumblr-3, .icon-tumblr-4, .icon-yahoo, .icon-tux, .icon-apple-2, .icon-finder-2, .icon-android-2, .icon-windows-3, .icon-windows8-3, .icon-soundcloud-2, .icon-soundcloud-3, .icon-skype-4, .icon-reddit, .icon-linkedin-3, .icon-lastfm-3, .icon-lastfm-4, .icon-delicious, .icon-stumbleupon-3, .icon-stumbleupon-4, .icon-stackoverflow, .icon-pinterest-3, .icon-pinterest-4, .icon-xing, .icon-xing-2, .icon-flattr-2, .icon-foursquare, .icon-foursquare-2, .icon-paypal-2, .icon-paypal-3, .icon-paypal-4, .icon-yelp, .icon-libreoffice, .icon-file-pdf, .icon-file-openoffice, .icon-file-word-2, .icon-file-excel-2, .icon-file-zip-2, .icon-file-powerpoint-2, .icon-file-xml, .icon-file-css, .icon-html5-2, .icon-html5-3, .icon-css3, .icon-chrome, .icon-firefox, .icon-IE, .icon-opera, .icon-safari, .icon-IcoMoon, .icon-warning-4, .icon-cloud-3, .icon-locked-2, .icon-inbox, .icon-comment-3, .icon-mic, .icon-envelope, .icon-briefcase-3, .icon-cart-6, .icon-contrast-3, .icon-clock-5, .icon-user-7, .icon-cog-6, .icon-music-6, .icon-twitter-7, .icon-pencil-7, .icon-frame, .icon-switch-3, .icon-star-10, .icon-key-5, .icon-chart-2, .icon-apple-3, .icon-file-5, .icon-plus-7, .icon-minus-7, .icon-picture, .icon-folder-3, .icon-camera-5, .icon-search-4, .icon-dribbble-6, .icon-forrst-3, .icon-feed-7, .icon-blocked-3, .icon-target-3, .icon-play-6, .icon-pause-5, .icon-bug-2, .icon-console-2, .icon-film-2, .icon-type, .icon-home-5, .icon-earth-3, .icon-location-6, .icon-info-6, .icon-eye-6, .icon-heart-6, .icon-bookmark-4, .icon-wrench-3, .icon-calendar-5, .icon-window, .icon-monitor, .icon-mobile-6, .icon-droplet-3, .icon-mouse-2, .icon-refresh-3, .icon-location-7, .icon-tag-3, .icon-phone-5, .icon-star-11, .icon-pointer, .icon-thumbs-up-7, .icon-thumbs-down-3, .icon-headphones-2, .icon-move-2, .icon-checkmark-7, .icon-cancel-2, .icon-skype-5, .icon-gift-2, .icon-cone-2, .icon-alarm-3, .icon-coffee, .icon-basket, .icon-flag-4, .icon-ipod, .icon-trashcan-2, .icon-bolt-2, .icon-ampersand, .icon-compass-4, .icon-list-8, .icon-grid-2, .icon-volume-3, .icon-volume-4, .icon-stats-3, .icon-target-4, .icon-forward-7, .icon-paperclip-2, .icon-keyboard-4, .icon-crop-2, .icon-floppy, .icon-filter-3, .icon-trophy-3, .icon-diary, .icon-address-book-2, .icon-stop-5, .icon-smiley-3, .icon-shit, .icon-bookmark-5, .icon-camera-6, .icon-lamp, .icon-disk-3, .icon-button, .icon-database-2, .icon-credit-card-2, .icon-atom, .icon-winsows, .icon-target-5, .icon-battery-3, .icon-code-4, .icon-sunrise, .icon-sun-4, .icon-moon-2, .icon-sun-5, .icon-windy, .icon-wind, .icon-snowflake, .icon-cloudy, .icon-cloud-4, .icon-weather, .icon-weather-2, .icon-weather-3, .icon-lines, .icon-cloud-5, .icon-lightning-2, .icon-lightning-3, .icon-rainy, .icon-rainy-2, .icon-windy-2, .icon-windy-3, .icon-snowy, .icon-snowy-2, .icon-snowy-3, .icon-weather-4, .icon-cloudy-2, .icon-cloud-6, .icon-lightning-4, .icon-sun-6, .icon-moon-3, .icon-cloudy-3, .icon-cloud-7, .icon-cloud-8, .icon-lightning-5, .icon-rainy-3, .icon-rainy-4, .icon-windy-4, .icon-windy-5, .icon-snowy-4, .icon-snowy-5, .icon-weather-5, .icon-cloudy-4, .icon-lightning-6, .icon-thermometer-2, .icon-compass-5, .icon-none, .icon-Celsius, .icon-Fahrenheit, .icon-chat-3, .icon-chat-alt-stroke, .icon-chat-alt-fill, .icon-comment-alt1-stroke, .icon-comment-alt1-fill, .icon-comment-stroke, .icon-comment-fill, .icon-comment-alt2-stroke, .icon-comment-alt2-fill, .icon-checkmark-8, .icon-check-alt, .icon-x, .icon-x-altx-alt, .icon-denied, .icon-cursor, .icon-rss-2, .icon-rss-alt, .icon-wrench-4, .icon-dial, .icon-cog-7, .icon-calendar-6, .icon-calendar-alt-stroke, .icon-calendar-alt-fill, .icon-share-4, .icon-mail-7, .icon-heart-stroke, .icon-heart-fill, .icon-movie, .icon-document-alt-stroke, .icon-document-alt-fill, .icon-document-stroke, .icon-document-fill, .icon-plus-8, .icon-plus-alt, .icon-minus-8, .icon-minus-alt, .icon-pin-2, .icon-link-4, .icon-bolt-3, .icon-move-3, .icon-move-alt1, .icon-move-alt2, .icon-equalizer-2, .icon-award-fill, .icon-award-stroke, .icon-magnifying-glass, .icon-trash-stroke, .icon-trash-fill, .icon-beaker-alt, .icon-beaker, .icon-key-stroke, .icon-key-fill, .icon-new-window, .icon-lightbulb, .icon-spin-alt, .icon-spin, .icon-curved-arrow, .icon-undo-3, .icon-reload, .icon-reload-alt, .icon-loop-6, .icon-loop-alt1, .icon-loop-alt2, .icon-loop-alt3, .icon-loop-alt4, .icon-transfer, .icon-move-vertical, .icon-move-vertical-alt1, .icon-move-vertical-alt2, .icon-move-horizontal, .icon-move-horizontal-alt1, .icon-move-horizontal-alt2, .icon-arrow-left-17, .icon-arrow-left-alt1, .icon-arrow-left-alt2, .icon-arrow-right-16, .icon-arrow-right-alt1, .icon-arrow-right-alt2, .icon-arrow-up-15, .icon-arrow-up-alt1, .icon-arrow-up-alt2, .icon-arrow-down-16, .icon-arrow-down-alt1, .icon-arrow-down-alt2, .icon-cd-2, .icon-steering-wheel, .icon-microphone-3, .icon-headphones-3, .icon-volume-5, .icon-volume-mute-3, .icon-play-7, .icon-pause-6, .icon-stop-6, .icon-eject-3, .icon-first-3, .icon-last-3, .icon-play-alt, .icon-fullscreen-exit, .icon-fullscreen-exit-alt, .icon-fullscreen, .icon-fullscreen-alt, .icon-iphone, .icon-battery-empty, .icon-battery-half, .icon-battery-full-2, .icon-battery-charging-2, .icon-compass-6, .icon-box-2, .icon-folder-stroke, .icon-folder-fill, .icon-at, .icon-ampersand-2, .icon-info-7, .icon-question-mark, .icon-pilcrow-2, .icon-hash, .icon-left-quote, .icon-right-quote, .icon-left-quote-alt, .icon-right-quote-alt, .icon-article, .icon-read-more, .icon-list-9, .icon-list-nested, .icon-book-4, .icon-book-alt, .icon-book-alt2, .icon-pen-2, .icon-pen-alt-stroke, .icon-pen-alt-fill, .icon-pen-alt2, .icon-brush-2, .icon-eyedropper, .icon-layers-alt, .icon-layers, .icon-image-3, .icon-camera-7, .icon-aperture, .icon-aperture-alt, .icon-chart-3, .icon-chart-alt, .icon-bars-5, .icon-bars-alt, .icon-eye-7, .icon-user-8, .icon-home-6, .icon-clock-6, .icon-lock-stroke, .icon-lock-fill, .icon-unlock-stroke, .icon-unlock-fill, .icon-tag-stroke, .icon-tag-fill, .icon-sun-stroke, .icon-sun-fill, .icon-moon-stroke, .icon-moon-fill, .icon-cloud-9, .icon-rain, .icon-umbrella, .icon-star-12, .icon-map-pin-stroke, .icon-map-pin-fill, .icon-map-pin-alt, .icon-target-6, .icon-download-7, .icon-upload-7, .icon-cloud-download-2, .icon-cloud-upload-2, .icon-fork, .icon-paperclip-3, .icon-brush-alt {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

        .icon-whatsnew:before {
            content: "\e4f3";
        }

        .icon-star:before {
            content: "\e095";
        }

        .icon-star-2:before {
            content: "\e096";
        }

        .icon-star-3:before {
            content: "\e097";
        }

        .icon-windows8:before {
            content: "\e1cd";
        }

        .icon-windows:before {
            content: "\e1cc";
        }

        .icon-code:before {
            content: "\e07d";
        }

        .icon-numb_0:before {
            content: "\e07e";
        }

        .icon-numb_1:before {
            content: "\e07f";
        }

        .icon-numb_2:before {
            content: "\e080";
        }

        .icon-numb_3:before {
            content: "\e081";
        }

        .icon-numb_4:before {
            content: "\e082";
        }

        .icon-numb_5:before {
            content: "\e083";
        }

        .icon-numb_6:before {
            content: "\e084";
        }

        .icon-numb_7:before {
            content: "\e085";
        }

        .icon-numb_8:before {
            content: "\e086";
        }

        .icon-numb_9:before {
            content: "\e087";
        }

        .icon-alpha_a:before {
            content: "\e017";
        }

        .icon-alpha_b:before {
            content: "\e018";
        }

        .icon-alpha_c:before {
            content: "\28";
        }

        .icon-alpha_d:before {
            content: "\29";
        }

        .icon-alpha_e:before {
            content: "\23";
        }

        .icon-alpha_f:before {
            content: "\24";
        }

        .icon-alpha_g:before {
            content: "\25";
        }

        .icon-alpha_h:before {
            content: "\26";
        }

        .icon-alpha_i:before {
            content: "\35";
        }

        .icon-alpha_j:before {
            content: "\36";
        }

        .icon-alpha_k:before {
            content: "\37";
        }

        .icon-alpha_l:before {
            content: "\38";
        }

        .icon-alpha_m:before {
            content: "\39";
        }

        .icon-alpha_n:before {
            content: "\3a";
        }

        .icon-alpha_o:before {
            content: "\3c";
        }

        .icon-alpha_p:before {
            content: "\3d";
        }

        .icon-alpha_q:before {
            content: "\3e";
        }

        .icon-alpha_r:before {
            content: "\3f";
        }

        .icon-alpha_s:before {
            content: "\40";
        }

        .icon-alpha_t:before {
            content: "\41";
        }

        .icon-alpha_u:before {
            content: "\42";
        }

        .icon-alpha_v:before {
            content: "\43";
        }

        .icon-alpha_w:before {
            content: "\44";
        }

        .icon-alpha_x:before {
            content: "\45";
        }

        .icon-alpha_z:before {
            content: "\33";
        }

        .icon-alpha_ns:before {
            content: "\3b";
        }

        .icon-alpha_0:before {
            content: "\32";
        }

        .icon-alpha_1:before {
            content: "\31";
        }

        .icon-alpha_2:before {
            content: "\30";
        }

        .icon-alpha_3:before {
            content: "\2f";
        }

        .icon-alpha_4:before {
            content: "\2e";
        }

        .icon-alpha_5:before {
            content: "\2d";
        }

        .icon-alpha_6:before {
            content: "\2c";
        }

        .icon-alpha_7:before {
            content: "\2b";
        }

        .icon-alpha_8:before {
            content: "\2a";
        }

        .icon-alpha_9:before {
            content: "\27";
        }

        .icon-authors:before {
            content: "\60";
        }


        .icon-tags:before {
            content: "\e0f3";
        }

        .icon-search-3:before {
            content: "\e266";
        }


        .icon-formats:before {
            content: "\e02b";
        }

        .icon-identifiers:before {
            content: "\e0d8";
        }

        .icon-languages:before {
            content: "\e0dc";
        }

        .icon-publisher:before {
            content: "\e145";
        }

        .icon-rating:before {
            content: "\e19b";
        }

        .icon-series:before {
            content: "\63";
        }

        .icon-user_cat:before {
            content: "\e01d";
        }

        .icon-movies:before {
            content: "\e052";
        }

        .icon-studios:before {
            content: "\e055";
        }

        .icon-subtitles:before {
            content: "\e056";
        }

        .icon-genres:before {
            content: "\e057";
        }

        .icon-persons:before {
            content: "\e054";
        }

        .icon-year:before {
            content: "\e058";
        }

        .icon-titles:before {
            content: "\34";
        }

        .icon-alpha_y:before {
            content: "\21";
        }


        .icon-books:before {
            content: "\e207";
        }

        .icon-movie:before {
            content: "\e460";
        }

        .icon-music:before {
            content: "\e0bf";
        }

        .icon-camera-3:before {
            content: "\e1f6";
        }

        .icon-mobile-6:before {
            content: "\e3dd";
        }


        .icon-monitor:before {
            content: "\e3dc";
        }

        .icon-laptop:before {
            content: "\e23a";
        }

        .icon-windows8-3:before {
            content: "\e381";
        }

        .icon-apple:before {
            content: "\e049";
        }


        .icon-pacman:before {
            content: "\e1fd";
        }


        .icon-newspaper:before {
            content: "\e0fe";
        }

        .icon-food:before {
            content: "\e284";
        }


        .icon-github:before {
            content: "\e1b7";
        }


        .icon-office:before {
            content: "\e1ea";
        }


        .icon-leaf-2:before {
            content: "\e285";
        }

        .icon-flag-3:before {
            content: "\e2ab";
        }

        .icon-earth-2:before {
            content: "\e2a9";
        }

        .icon-thumbs-up-3:before {
            content: "\e09b";
        }

        .icon-lightning:before {
            content: "\e297";
        }


        .icon-thumbs-down:before {
            content: "\e09c";
        }


        .icon-list:before {
            content: "\e02d";
        }


    .metro .tile {
        /*    width: 120px;
    height: 120px;
*/
        width: 146px;
        height: 146px;
        position: relative;
        overflow: hidden;
        display: block;
        float: left;
        margin: 0 10px 10px 0;
        padding: 0;
        cursor: pointer;
        background-color: #eeeeee;
        box-shadow: inset 0px 0px 1px #FFFFCC;
    }


    .metro .tilepic {
        width: 146px;
        /* height: 146px; */
    }

    .metro .tile:hover {
        outline: #999999 solid 3px;
    }

    .metro .tile:active {
        outline: 0;
    }

    .metro .tile.no-outline {
        outline-color: transparent;
    }




    /*.metro .tile {
  width: 120px;
  height: 120px;
  margin: 0 10px 10px 0;
}*/
    .metro .tile.half {
        width: 55px;
        height: 55px;
    }

    .metro .tile.double {
        /*    width: 250px;
*/ width: 300px;
    }

    .metro .tile.double-vertical {
        /*    height: 250px;
*/ height: 300px;
    }

    .metro .tile.triple {
        width: 380px;
    }

    .metro .tile.triple-vertical {
        height: 380px;
    }

    .metro .tile.quadro {
        width: 510px;
    }

    .metro .tile.quadro-vertical {
        height: 510px;
    }

    .metro .tile.selected {
        border: 4px #4390df solid;
    }

    .metro .ddtile.selected {
        border: 4px #4390df solid;
    }

    .metro .ddtile.unselected {
        border: 4px transparent solid;
    }

    /*.metro .ddtile.triple {  border: 4px transparent;

  min-width: 188px;

}*/


    .metro .tile.selected:after {
        position: absolute;
        display: block;
        border-top: 28px solid #4390df;
        border-left: 28px solid transparent;
        right: 0;
        content: "";
        top: 0;
        z-index: 101;
    }

    .metro .ddtile.selected:after {
        position: absolute;
        display: block;
        border-top: 28px solid #4390df;
        border-left: 28px solid transparent;
        right: 9px;
        content: "";
        top: 9px;
        z-index: 101;
    }


    .metro .tile.selected:before {
        position: absolute;
        display: block;
        content: "\e003";
        color: #fff;
        right: 0;
        font-family: 'metroSysIcons';
        font-size: 9pt;
        font-weight: normal;
        z-index: 102;
        top: 0;
    }

    .metro .ddtile.selected:before {
        position: absolute;
        display: block;
        content: "\e003";
        color: #fff;
        right: 9px;
        font-family: 'metroSysIcons';
        font-size: 9pt;
        font-weight: normal;
        z-index: 102;
        top: 9px;
    }

    .metro .tile .tile-content {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
    }

        .metro .tile .tile-content.padded {
            padding: 10px;
        }

        .metro .tile .tile-content.image {
            width: 100%;
            min-height: 100%;
            max-height: 100%;
        }

        .metro .tile .tile-content.icon [class*="icon-"],
        .metro .tile .tile-content.icon img {
            line-height: 56px;
            height: 56px;
            width: 56px;
            font-size: 48px;
            color: #ffffff;
            text-align: center;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -28px;
            margin-left: -28px;
        }

        .metro .tile .tile-content.image-set img {
            margin: 0;
            padding: 0;
            width: 25% !important;
            height: 50%;
            float: left;
            border: 1px #1e1e1e solid;
        }

            .metro .tile .tile-content.image-set img:first-child {
                width: 50% !important;
                float: left;
                height: 100%;
            }


        .metro .tile .tile-content:first-child {
            display: block;
        }


    .metro .tile .brand,
    .metro .tile .tile-status {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        min-height: 29px;
        margin: 0;
    }


    .metro .dtile .brand,
    .metro .dtile .tile-status {
        position: absolute;
        bottom: 5px;
        left: 5px;
        right: 5px;
        min-height: 29px;
        margin: 0;
    }

    .metro .ddtile .brand,
    .metro .ddtile .tile-status {
        position: absolute;
        bottom: 10px;
        left: 5px;
        right: 5px;
        min-height: 29px;
        margin: 0;
    }


    .metro .tile .brand:before,
    .metro .tile .tile-status:before,
    .metro .tile .brand:after,
    .metro .tile .tile-status:after {
        display: table;
        content: "";
    }

    .metro .tile .brand:after,
    .metro .tile .tile-status:after {
        clear: both;
    }

    .metro .tile .brand.opacity,
    .metro .dtile .brand.opacity,
    .metro .tile .tile-status.opacity,
    .metro .dtile .tile-status.opacity {
        opacity: .7;
    }

    .metro .tile .brand .name,
    .metro .tile .tile-status .name,
    .metro .tile .brand .label,
    .metro .tile .tile-status .label,
    .metro .tile .brand .text,
    .metro .tile .tile-status .text,
    .metro .dtile .brand .name,
    .metro .dtile .tile-status .name,
    .metro .dtile .brand .label,
    .metro .dtile .tile-status .label,
    .metro .dtile .brand .text,
    .metro .dtile .tile-status .text,
    .metro .ddtile .brand .name,
    .metro .ddtile .tile-status .name,
    .metro .ddtile .brand .label,
    .metro .ddtile .tile-status .label,
    .metro .ddtile .brand .text,
    .metro .ddtile .tile-status .text {
        display: block;
        /* font-size: 10pt; */
        margin: 5px 20px 2px 5px;
        background: transparent;
        color: #ffffff;
    }

    .metro .tile .brand .text,
    .metro .tile .tile-status .text,
    .metro .dtile .brand .text,
    .metro .dtile .tile-status .text,
    .metro .ddtile .brand .text,
    .metro .ddtile .tile-status .text {
        margin: 4px 5px;
        font-size: 8pt;
        line-height: 10pt;
    }

    .metro .tile .brand .badge,
    .metro .tile .tile-status .badge,
    .metro .ddtile .brand .badge,
    .metro .ddtile .tile-status .badge {
        position: absolute;
        bottom: 0;
        right: 10px;
        width: 29px;
        height: 29px;
        text-align: center;
        color: #ffffff;
        padding: 5px;
        margin: 0;
        vertical-align: middle !important;
        display: block;
        font-size: 10pt;
    }


    .metro .dtile .brand .badge,
    .metro .dtile .tile-status .badge {
        position: absolute;
        bottom: 0;
        right: 0px;
        /* width: 15px; */
        height: 25px;
        text-align: center;
        color: #ffffff;
        /* padding: 5px; */
        margin: 0;
        vertical-align: middle !important;
        display: block;
    }



    .metro .label {
        display: inline-block;
        padding: 3px 5px;
        margin: 0;
        font-size: 90%;
        font-weight: normal !important;
        line-height: 90%;
        background: #eeeeee;
        color: #555555;
        font-weight: bold;
    }

        .metro .label.alert,
        .metro .label.error {
            background-color: #e51400;
            color: #ffffff;
        }

        .metro .label.important,
        .metro .label.warning {
            background-color: #fa6800;
            color: #ffffff;
        }

        .metro .label.success {
            background-color: #128023;
            color: #ffffff;
        }

        .metro .label.info {
            background-color: #1ba1e2;
            color: #ffffff;
        }

    .metro hr {
        height: 1px;
        margin: 20px 0;
        border: 0;
        color: #eeeeee;
        background-color: #eeeeee;
    }

    .metro .bg-black {
        background-color: #000000 !important;
    }

    .metro .bg-white {
        background-color: #ffffff !important;
    }

    .metro .bg-lime {
        background-color: #a4c400 !important;
    }

    .metro .bg-green {
        background-color: #60a917 !important;
    }

    .metro .bg-emerald {
        background-color: #008a00 !important;
    }

    .metro .bg-teal {
        background-color: #00aba9 !important;
    }

    .metro .bg-cyan {
        background-color: #1ba1e2 !important;
    }

    .metro .bg-cobalt {
        background-color: #0050ef !important;
    }

    .metro .bg-indigo {
        background-color: #6a00ff !important;
    }

    .metro .bg-violet {
        background-color: #aa00ff !important;
    }

    .metro .bg-pink {
        background-color: #dc4fad !important;
    }

    .metro .bg-magenta {
        background-color: #d80073 !important;
    }

    .metro .bg-crimson {
        background-color: #a20025 !important;
    }

    .metro .bg-red {
        background-color: #e51400 !important;
    }

    .metro .bg-orange {
        background-color: #fa6800 !important;
    }

    .metro .bg-amber {
        background-color: #f0a30a !important;
    }

    .metro .bg-yellow {
        background-color: #e3c800 !important;
    }

    .metro .bg-brown {
        background-color: #825a2c !important;
    }

    .metro .bg-olive {
        background-color: #6d8764 !important;
    }

    .metro .bg-steel {
        background-color: #647687 !important;
    }

    .metro .bg-mauve {
        background-color: #76608a !important;
    }

    .metro .bg-taupe {
        background-color: #87794e !important;
    }

    .metro .bg-gray {
        background-color: #555555 !important;
    }

    .metro .bg-dark {
        background-color: #333333 !important;
    }

    .metro .bg-darker {
        background-color: #222222 !important;
    }

    .metro .bg-transparent {
        background-color: transparent !important;
    }

    .metro .bg-darkBrown {
        background-color: #63362f !important;
    }

    .metro .bg-darkCrimson {
        background-color: #640024 !important;
    }

    .metro .bg-darkMagenta {
        background-color: #81003c !important;
    }

    .metro .bg-darkIndigo {
        background-color: #4b0096 !important;
    }

    .metro .bg-darkCyan {
        background-color: #1b6eae !important;
    }

    .metro .bg-darkCobalt {
        background-color: #00356a !important;
    }

    .metro .bg-darkTeal {
        background-color: #004050 !important;
    }

    .metro .bg-darkEmerald {
        background-color: #003e00 !important;
    }

    .metro .bg-darkGreen {
        background-color: #128023 !important;
    }

    .metro .bg-darkOrange {
        background-color: #bf5a15 !important;
    }

    .metro .bg-darkRed {
        background-color: #9a1616 !important;
    }

    .metro .bg-darkPink {
        background-color: #9a165a !important;
    }

    .metro .bg-darkViolet {
        background-color: #57169a !important;
    }

    .metro .bg-darkBlue {
        background-color: #16499a !important;
    }

    .metro .bg-lightBlue {
        background-color: #4390df !important;
    }

    .metro .bg-lightRed {
        background-color: #ff2d19 !important;
    }

    .metro .bg-lightGreen {
        background-color: #7ad61d !important;
    }

    .metro .bg-lighterBlue {
        background-color: #00ccff !important;
    }

    .metro .bg-lightTeal {
        background-color: #45fffd !important;
    }

    .metro .bg-lightOlive {
        background-color: #78aa1c !important;
    }

    .metro .bg-lightOrange {
        background-color: #c29008 !important;
    }

    .metro .bg-lightPink {
        background-color: #f472d0 !important;
    }

    .metro .bg-grayDark {
        background-color: #333333 !important;
    }

    .metro .bg-grayDarker {
        background-color: #222222 !important;
    }

    .metro .bg-grayLight {
        background-color: #999999 !important;
    }

    .metro .bg-grayLighter {
        background-color: #eeeeee !important;
    }

    .metro .bg-blue {
        background-color: #00aff0 !important;
    }

    .metro .fg-black {
        color: #000000 !important;
    }

    .metro .fg-white {
        color: #ffffff !important;
    }

    .metro .fg-lime {
        color: #a4c400 !important;
    }

    .metro .fg-green {
        color: #60a917 !important;
    }

    .metro .fg-emerald {
        color: #008a00 !important;
    }

    .metro .fg-teal {
        color: #00aba9 !important;
    }

    .metro .fg-cyan {
        color: #1ba1e2 !important;
    }

    .metro .fg-cobalt {
        color: #0050ef !important;
    }

    .metro .fg-indigo {
        color: #6a00ff !important;
    }

    .metro .fg-violet {
        color: #aa00ff !important;
    }

    .metro .fg-pink {
        color: #dc4fad !important;
    }

    .metro .fg-magenta {
        color: #d80073 !important;
    }

    .metro .fg-crimson {
        color: #a20025 !important;
    }

    .metro .fg-red {
        color: #e51400 !important;
    }

    .metro .fg-orange {
        color: #fa6800 !important;
    }

    .metro .fg-amber {
        color: #f0a30a !important;
    }

    .metro .fg-yellow {
        color: #e3c800 !important;
    }

    .metro .fg-brown {
        color: #825a2c !important;
    }

    .metro .fg-olive {
        color: #6d8764 !important;
    }

    .metro .fg-steel {
        color: #647687 !important;
    }

    .metro .fg-mauve {
        color: #76608a !important;
    }

    .metro .fg-taupe {
        color: #87794e !important;
    }

    .metro .fg-gray {
        color: #555555 !important;
    }

    .metro .fg-dark {
        color: #333333 !important;
    }

    .metro .fg-darker {
        color: #222222 !important;
    }

    .metro .fg-transparent {
        color: transparent !important;
    }

    .metro .fg-darkBrown {
        color: #63362f !important;
    }

    .metro .fg-darkCrimson {
        color: #640024 !important;
    }

    .metro .fg-darkMagenta {
        color: #81003c !important;
    }

    .metro .fg-darkIndigo {
        color: #4b0096 !important;
    }

    .metro .fg-darkCyan {
        color: #1b6eae !important;
    }

    .metro .fg-darkCobalt {
        color: #00356a !important;
    }

    .metro .fg-darkTeal {
        color: #004050 !important;
    }

    .metro .fg-darkEmerald {
        color: #003e00 !important;
    }

    .metro .fg-darkGreen {
        color: #128023 !important;
    }

    .metro .fg-darkOrange {
        color: #bf5a15 !important;
    }

    .metro .fg-darkRed {
        color: #9a1616 !important;
    }

    .metro .fg-darkPink {
        color: #9a165a !important;
    }

    .metro .fg-darkViolet {
        color: #57169a !important;
    }

    .metro .fg-darkBlue {
        color: #16499a !important;
    }

    .metro .fg-lightBlue {
        color: #4390df !important;
    }

    .metro .fg-lighterBlue {
        color: #00ccff !important;
    }

    .metro .fg-lightTeal {
        color: #45fffd !important;
    }

    .metro .fg-lightOlive {
        color: #78aa1c !important;
    }

    .metro .fg-lightOrange {
        color: #c29008 !important;
    }

    .metro .fg-lightPink {
        color: #f472d0 !important;
    }

    .metro .fg-lightRed {
        color: #ff2d19 !important;
    }

    .metro .fg-lightGreen {
        color: #7ad61d !important;
    }

    .metro .fg-grayDark {
        color: #333333 !important;
    }

    .metro .fg-grayDarker {
        color: #222222 !important;
    }

    .metro .fg-grayLight {
        color: #999999 !important;
    }

    .metro .fg-grayLighter {
        color: #eeeeee !important;
    }

    .metro .fg-blue {
        color: #00aff0 !important;
    }



    .metro .container {
        margin: 0 auto;
    }

    .metro .page {
        width: 100%;
        min-height: 100%;
        margin: 0;
        padding: 0;
    }

        .metro .page:before,
        .metro .page:after {
            display: table;
            content: "";
        }

        .metro .page:after {
            clear: both;
        }

        .metro .page .page-header .page-header-content {
            min-height: auto;
        }

            .metro .page .page-header .page-header-content:before,
            .metro .page .page-header .page-header-content:after {
                display: table;
                content: "";
            }

            .metro .page .page-header .page-header-content:after {
                clear: both;
            }

            .metro .page .page-header .page-header-content .branding {
                display: inline-block;
                width: auto;
                padding: 10px 0;
                margin-right: 20px;
            }

                .metro .page .page-header .page-header-content .branding .brand-title {
                    font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
                    font-weight: 300;
                    color: #000000;
                    letter-spacing: 0.00em;
                    font-size: 2.5rem;
                    line-height: 2.5rem;
                    letter-spacing: 0.01em;
                    display: block;
                }

                .metro .page .page-header .page-header-content .branding .brand-slogan {
                    font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
                    font-weight: bold;
                    font-size: 1.6rem;
                    line-height: 1.6rem;
                    letter-spacing: 0.02em;
                    color: #000000;
                    font-size: 1.4rem;
                    line-height: 1.4rem;
                    font-weight: normal;
                    font-style: normal;
                    font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
                    display: block;
                }

                .metro .page .page-header .page-header-content .branding .brand-title,
                .metro .page .page-header .page-header-content .branding .brand-slogan {
                    margin: 0;
                }

                .metro .page .page-header .page-header-content .branding a + .brand-title,
                .metro .page .page-header .page-header-content .branding a + .brand-slogan {
                    text-decoration: none !important;
                }

        .metro .page .page-region .page-region-content {
            min-height: 500px;
        }

            .metro .page .page-region .page-region-content:before,
            .metro .page .page-region .page-region-content:after {
                display: table;
                content: "";
            }

            .metro .page .page-region .page-region-content:after {
                clear: both;
            }

        .metro .page .page-footer .page-footer-content {
            height: 100px;
        }

            .metro .page .page-footer .page-footer-content:before,
            .metro .page .page-footer .page-footer-content:after {
                display: table;
                content: "";
            }

            .metro .page .page-footer .page-footer-content:after {
                clear: both;
            }

        .metro .page.secondary .page-region-content,
        .metro .page.secondary .page-header-content {
            padding-left: 80px;
        }


    .metro .navigation-bar-content .brand,
    .metro .navbar-content .brand {
        font-size: 18px;
    }



    .metro label {
        display: block;
        margin: 5px 0;
    }


    .metro .tile .tile-content {
        display: none;
    }

    .metro .tile.half .tile-content.icon [class*="icon-"],
    .metro .tile.half .tile-content.icon img {
        line-height: 37.33333333px;
        height: 37.33333333px;
        width: 37.33333333px;
        font-size: 32px;
        color: #ffffff;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -18.66666667px;
        margin-left: -18.66666667px;
    }

    .metro .tile .tile-content.email,
    .metro .ddtile .tile-content.email {
        color: #ffffff;
        padding: 10px;
    }

        .metro .tile .tile-content.email .email-image {
            width: 64px;
            height: 64px;
            float: left;
        }

        .metro .ddtile .tile-content.email .email-image {
            width: 96px;
            height: 96px;
            float: left;
        }

            .metro .tile .tile-content.email .email-image img,
            .metro .ddtile .tile-content.email .email-image img {
                width: 100%;
                height: 100%;
            }

        .metro .tile .tile-content.email .email-data,
        .metro .ddtile .tile-content.email .email-data {
            display: block;
            color: inherit;
            margin-left: 70px;
            width: auto;
            overflow: hidden;
        }

            .metro .tile .tile-content.email .email-data .email-data-title,
            .metro .tile .tile-content.email .email-data .email-data-subtitle,
            .metro .tile .tile-content.email .email-data .email-data-text,
            .metro .ddtile .tile-content.email .email-data .email-data-title,
            .metro .ddile .tile-content.email .email-data .email-data-subtitle,
            .metro .ddtile .tile-content.email .email-data .email-data-text {
                color: inherit;
                display: block;
                padding-left: 10px;
            }

            .metro .tile .tile-content.email .email-data .email-data-title,
            .metro .ddtile .tile-content.email .email-data .email-data-title {
                font-size: 14pt;
            }

            .metro .tile .tile-content.email .email-data .email-data-subtitle,
            .metro .ddtile .tile-content.email .email-data .email-data-subtitle {
                font-size: 11pt;
            }

            .metro .tile .tile-content.email .email-data .email-data-text,
            .metro .ddtile .tile-content.email .email-data .email-data-text {
                font-size: 10pt;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }




    /*.metro .ddtile .tile-content.email {
  color: #ffffff;
  padding: 10px;
}
.metro .ddtile .tile-content.email .email-image {
  width: 96px;
  height: 96px;
  float: left;
}
.metro .ddtile .tile-content.email .email-image img {
  width: 100%;
  height: 100%;
}
.metro .ddtile .tile-content.email .email-data {
  display: block;
  color: inherit;
  margin-left: 70px;
  width: auto;
  overflow: hidden;
}
.metro .ddtile .tile-content.email .email-data .email-data-title,
.metro .ddtile .tile-content.email .email-data .email-data-subtitle,
.metro .ddtile .tile-content.email .email-data .email-data-text {
  color: inherit;
  display: block;
    padding-left: 10px;

}
.metro .ddtile .tile-content.email .email-data .email-data-title {
  font-size: 14pt;
}
.metro .ddtile .tile-content.email .email-data .email-data-subtitle {
  font-size: 11pt;
}
.metro .ddtile .tile-content.email .email-data .email-data-text {
  font-size: 10pt;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}*/


    .metro .selected.tile::before,
    .metro .selected.ddtile::before {
        content: "\e03a";
        font-family: "icomoon";
    }

    /*.metro .selected.ddtile::before {
    content: "\e03a";
    font-family: "icomoon";
}*/

    .metro .padding5 {
        padding: 5px;
    }

    .metro .padding10 {
        padding: 10px;
    }

    .metro .padding15 {
        padding: 15px;
    }

    .metro .padding20 {
        padding: 20px;
    }

    .metro .margin5 {
        margin: 5px;
    }

    .metro .margin10 {
        margin: 10px;
    }

    .metro .margin15 {
        margin: 15px;
    }

    .metro .margin20 {
        margin: 20px;
    }

    .metro h1, .metro h2, .metro h3, .metro h4, .metro h5, .metro h6 {
        padding: 0;
        margin: 10px 0;
    }


    .metro h2 {
        /*font-family: "Segoe UI Light_","Open Sans Light",Verdana,Arial,Helvetica,sans-serif;*/
        font-weight: 300;
        /*color: #000;
    letter-spacing: 0px;
    font-size: 2.5rem;*/
        line-height: 2.5rem;
        letter-spacing: 0.01em;
        /* font-style: normal; */
    }




    .dtile:hover {
        outline: #999999 solid 3px;
    }

    .ddtile:hover {
        outline: #999999 solid 3px;
    }


    .dynamicTile .col-sm-2.col-xs-4 {
        padding: 5px;
    }

    .dynamicTile .col-sm-4.col-xs-8 {
        padding: 5px;
    }


    .dynamicTile .col-xs-4.col-sm-2.col-md-2.col-lg-1 {
        padding: 5px;
    }

    .dynamicTile .col-xs-12.col-sm-6.col-md-4.col-lg-3 {
        padding: 5px;
    }

    #tile1a {
        background: rgb(0,172,238);
    }

    #tile1 {
        background: rgb(0,172,238);
    }

    #tile2 {
        background: rgb(243,243,243);
    }

    #tile3 {
        background: rgb(71,193,228);
    }

    #tile4 {
        background-image: url('http://handsontek.net/demoimages/tiles/facebook.png');
        background-size: cover;
    }

    #tile5 {
        background: rgb(175,26,63);
    }

    #tile6 {
        background: rgb(62,157,215);
    }

    #tile7 {
        background: white;
    }

    #tile8 {
        background: rgb(209,70,37);
    }

    #tile9 {
        background: rgb(0,142,0);
    }

    #tile10 {
        background: rgb(0,93,233);
    }

    .tilecaption {
        position: relative;
        top: 30%;
        transform: translateY(-30%);
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        margin: 0px !important;
        padding: 5px !important;
        /*text-align: center;*/
        color: white;
        font-family: Segoe UI;
        /*font-weight: lighter;*/
        display: table;
    }

    .badgecaption {
        position: absolute;
        bottom: 0%;
        right: 0%;
        /*transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);*/
        /*    margin: 5px!important;
*/ padding: 10px !important;
        text-align: right;
        color: white;
        font-family: Segoe UI;
        font-weight: bold;
    }

    .statuscaption {
        position: absolute;
        bottom: 0%;
        left: 0%;
        /*transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);*/
        margin: 0px !important;
        padding: 10px !important;
        text-align: left;
        color: white;
        font-family: Segoe UI Light;
        /*    font-size: 13px;
*/ /* max-width: 100px; */
    }

    .iconcaption {
        position: relative;
        top: 25%;
        left: 0%;
        /*transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);*/
        margin: 0px !important;
        padding: 0px !important;
        text-align: center;
        color: white;
        font-size: 300%;
        /*font-size: calc(72px * 5vw);     font-size: calc(1vw + 1vh + .5vmin);*/
        /*font-size: 4vw;*/
    }

    .tilecaptionh4 {
        font-weight: 500;
        line-height: 1.1;
    }

    .dtile-image {
        width: 100%;
        height: auto;
        display: block;
    }

/* Set the size of the div element that contains the map */
#map {
    height: 600px; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
    padding-top: 30px;
}



.spl-title, div.spl-title {
    font-size: 17px;
    font-weight: bold;
}
.spl-description, div.spl-description {
    font-size: 15px;
}

/* Font size adjustment for mobile */
@media (max-width: 768px) {
    .spl-title, div.spl-title {
        font-size: 15px !important; /* Smaller font for devices with a width less than 768px */
        margin-bottom: 5px !important;
        font-weight: bold;
    }
    .spl-description, div.spl-description {
        font-size: 11px;
        line-height: 13px;
        margin-bottom: 5px !important;
        display: none; /*Doesn't adjust properly to fit mobile screens, regardless of the size.*/
    }
}

/* High-resolution mobile screens (Retina and similar devices) */
@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 768px) and (min-resolution: 192dpi) {

    .spl-description, div.spl-description {
        display: none !important; /*Doesn't adjust properly to fit mobile screens, regardless of the size.*/
    }

}