/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 29, 2014, 1:23:44 PM
    Author     : Elton
*/

@font-face {
    font-family: Icons;
    src: url('/fonts/icons/fontawesome-webfont.ttf');
}
@font-face {
    font-family: Lato-Light;
    src: url('/fonts/Lato/Lato-Light.ttf');
}

@font-face {
    font-family: Oswald;
    src: url('/fonts/Oswald/Oswald-Light.ttf');
}

@font-face {
    font-family: Open;
    src: url('/fonts/Open_Sans/OpenSans-Regular.ttf');
}

html {
    height: 100%;
}

body {
    
}
body.admin #header {
    background-color: #151;
}

body.admin {
    padding-top: 6em;
}

body.page #pagecontent{
    margin: auto;
    width: 80%;
}
body.page {
    padding-top: 3.8em;
}
body.page #header .id-headerlogo{
    display: block;
    opacity: 1;
}
body.page #header {
    background-color: #05bae7;
    height: 3.8em;
    overflow: hidden;
}
.api-Slider, .api-Slide {
    background-color: #151 !important;
}

.api-Slider > .mask {
    opacity: 0;
}

.api-Slider > .screen {
            height: 100%;
            white-space: nowrap;
            position: relative;
            left:0;
            transition: all 1.6s;
        }
        .api-Slider > .screen > .api-Slide {
            width: 100%;
            display: inline-block;
            position: relative;
        }
        #page {
            min-height: 100%;
        }
        #page.search {
            margin: auto;
            padding-top: 5em;
            width: 80%;
            box-sizing: border-box;
        }
        .result {
            margin-top: 1em;
        }
        .result h2 {
            margin-bottom: 0;
            font-size: 1.1em;
        }
        .result h3{
            margin: 0.1em;
            font-size: 0.9em;
            color: #850;
            font-weight: normal;
        }
        .result p{
            margin-top: 0;
        }
        #header.api-ColumnSet {
            background-color: transparent;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 10;
            padding: 0.4em;
            background-image: url('../../images/back.png');
            background-repeat: repeat-x;
            height: 6em;
            overflow: hidden;
            box-sizing: border-box;
            transition: all 0.3s;
        }
        #header.api-ColumnSet.sticky {
            background-color: #460;
            background-image: none;
            height: 4em;
        }
        #header.api-ColumnSet.admin {
            background-image: none;
            height: 3em;
        }
        .api-Slider {
            height: 100%;
            height: 100vh;
            
        }
        .api-Slider > ul {
            height: 100% !important;
            padding-bottom: 0;
        }
        .api-Slider > ul > li {
            height: 100%;
        }
        .api-Clip > img {
            width: 100%;
        }
        .api-ColumnSet {
            
        }
        #haeder .api-ColumnControl:first-child {
            width: 18em;
        }
        #pageBanner {
            overflow: hidden;
        }
        #pageBanner > img {
            width: 100%;
        }
        #pageLayout {
            padding: 0 4em;
        }
        #header .api-ColumnControl:last-child {
            padding-right: 3em;
            position: relative;
        }
        #header .api-ColumnControl:last-child > a.btn {
            display: block;
            position: absolute;
            top: 0;
            right: 1em;
            background-color: transparent;
        }
        #header .api-ColumnControl:last-child .api-Menu {
            text-align: right;
        }
        #nav.api-Menu {
            overflow: hidden;
        }
        #nav.api-Menu, #nav.api-Menu ul.api-Menu, #nav.api-Menu li {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        #nav.api-Menu a{
            color: #fff;
            font-size: 0.8em;
            text-decoration: none;
            display: inline-block;
            margin: 0;
            padding: 1em 0.8em;
            position: relative;
            border-top: 3px solid #252;
            border-color: transparent;
            background-color: transparent;
    letter-spacing: 0.05em;
    text-transform: uppercase;
        }
        #nav.api-Menu li.active a {
            border-color: #fd5e84;
        }
        #nav.api-Menu a > i{
            margin-left: 0.2em;
        }
        #nav.api-Menu > .api-MenuItem > a.btn{
            padding: 0 0.8em;
        }
        
        #header .api-ColumnControl .api-exButton{
            float: right;
            text-align: center;
        }
        
        #header .api-ColumnControl .api-exButton .api-Button {
            background-color: transparent;
        }
        
        #header .api-ColumnControl .api-exButton > div input{
            width: 100%;
            padding: 0.4em 0.6em;
            padding-right: 2em;
            height: 2.4em;
            box-sizing: border-box;
            display: block;
            background-color: #ddd;
            border: none;
            
        }
        
        #header .api-ColumnControl .api-exButton > div input[type=submit] {
            width: 2em;
            padding:0.4em;
            position: absolute;
            right: 0;
            top: 0;
            font-family: 'icons';
        }
        #header.search .api-ColumnControl > #nav {
            float: right !important;
            width: 3em;
            font-size: 1.3em;
            margin-left: 1em;
        }
        #header.search .api-ColumnControl > form{
            overflow: hidden;
            padding-right: 3em;
            position: relative;
            padding: 0;
            margin: 0 3em;
            
        }
        
        #header.search.api-ColumnSet.sticky {
            height: 5em;
        }
        #header.search .api-ColumnControl > form > input{
            width: 100%;
            padding: 0.6em;
            box-sizing: border-box;
            border: none;
            font-size: 1.3em;
        }
        #header.search .api-ColumnControl > form > input[type=submit]{
            width: 3em;
            text-align: center;
            font-family: 'icons';
            position: absolute;
            top: 0;
            right: 0; 
            bottom: 0;
            background-color: #ccc;
        }
        #header.search .api-ColumnControl:last-child {
            padding-right: 0;
        }
        .api-Button {
            background-color: transparent;
            color: #fff;
        }
        
        #pageLayout > h1{
            text-align: center;
            color: #3a0;
        }
        ul.board , ul.board > li,ul.branches , ul.branches > li {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        ul.board {
            overflow: auto;
            padding: 1em 0;
        }
        ul.board > li{
            float: left;
            margin: 1%;
            padding: 1em;
            border: 1px solid #ddd;
            width: 48%;
            background-color: #eee;
            box-sizing: border-box;
            overflow: hidden;
        }
        ul.board > li:nth-child(2n+1) {
            clear: both;
        }
        ul.board > li h2,ul.board > li h3 {
            margin: 0;
            font-family: 'open';
            font-weight: normal;
            color: #2b0;
        }
        ul.board > li h3 {
            color: #ba0;
        }
        ul.board > li p {
            overflow: hidden;
        }
        ul.board > li a {
            background-color: #6b0 !important;
        }
        
        ul.board > li a > i {
            margin-right: 0.3em;
        }
        ul.branches {
            overflow: auto;
            padding-bottom: 0.6em;
            margin-bottom: 2em;
        }
        ul.branches > li {
            float: left;
            width: 30.33333%;
            margin-right: 3%;
            overflow: hidden;
            background-color: #ddd;
            padding-bottom: 1em;
        }
        ul.branches > li > div {
            background-color: #fff;
            margin: auto;
            margin-top: -2em;
            width: 90%;
            padding: 1em;
            box-sizing: border-box;
            box-shadow: 0.2em 0.2em 0.1em #bbb;
            overflow: auto;
        }
        ul.branches > li > div > h2 {
            font-size: 1.4em;
            font-weight: normal;
            color: #2b0;
            margin: 0;
        }
        ul.branches > li > div > h3 {
            margin: 0;
            font-weight: normal;
            color: #555;
            font-size: 1em;
        }
        
        ul.branches > li > div > div {
            height: 4em;
        }
        
        ul.branches > li > div > div > a {
            background-color: transparent;
            color: #252;
            display: block;
            
        }
        ul.branches > li > div > div > a > i {
            margin-right: 0.4em;
            color: #fb2;
        }
        ul.branches > li > div > a {
            background-color: #ec5;
            color: #850;
            display: block;
            float: right;
            border-radius: 0.4em;
            padding: 0.3em 0.6em;
        }
        ul.branches > li > div > a > i {
            margin-right: 0.4em;
        }
        ul.branches > li > img {
            width: 100%;
            display: block;
        }
        .api-Social {
            position: fixed;
            z-index: 10;
            overflow: hidden;
            white-space: nowrap;
        }
        .api-Social > a {
            display: inline-block;
            vertical-align: bottom;
            height: 3em;
            width: 3em;
            position: relative;
    transition: all 0.2s;
        }
        .api-Social.index > a:hover {
            height: 4em;
            
        }
        .api-Social > a > img {
            height: 3em;
            display: block;
        }
        .api-Social > a > span{
            display: none;
        }
        .api-Social.index {
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            font-size: 1em;
        }
        .api-Social.full {
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }
        .api-Social.full > a {
            display: block;
            width: 3em;
            text-align: right;
        }
        .api-Social.full > a > img {
            position: relative;
            display: inline-block;
        }
        .api-Social.full > a:hover {
            width: 4em;
        }/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 2, 2015, 9:08:09 AM
    Author     : Elton
*/

.mobile, .tablet, .tablet_landscape {
    display: none !important;
}
.desktop {
    display: block;
}
#content {
    float: left;
    width: 74%;
}
#contentDiv {
    padding: 1% 10%;
}

#headlines {
    
}


.news_more.fourth {
    clear: left;
}

.nix_desktop {
    display: none;
}

#footer {
    background-color: #585;
    color: #ded;
    text-align: center;
    overflow: auto;
    bottom: 0;
    left: 0;
    right: 0;
}

.api-Contact th{
    font-weight: normal;
    font-family: 'Open';
    text-align: left;
    color: #232;
    border: none;
    border-bottom: 1px solid #cdc;
    padding: 0.4em;
    padding-right: 1em;
    
}
.api-Contact th i {
    margin-right: 0.4em;
}

.api-Contact td {
    border: none;
    border-bottom: 1px solid #cdc;
    padding: 0.4em;
    padding-right: 2em;
    color: #444;
    white-space: normal;
}

.api-ColumnSet.contact {
    
    padding: 0;
    margin-bottom: 4EM;
}
.api-ColumnSet.contact .api-ColumnControl:first-child{
    background-color: #fff;
    padding-right: 2em;
    width: 70%;
    margin-right: 0;
}
.api-ColumnSet.contact .api-ColumnControl:last-child{
    background-color: #eee;
    padding: 2em;
}
.api-ColumnSet.contact h2 {
    font-weight: normal;
    margin: 0;
    margin-bottom: 1em;
}
.api-ColumnSet.contact .api-ColumnControl:last-child > h2 > i {
    color: #dc1;
    margin-right: 0.4em;
}

.api-ColumnSet.contact form {
    background-color: #fff;
    padding: 1em;
}

.api-ColumnSet.contact form ul.fieldset, .api-ColumnSet.contact form ul.fieldset > i {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.api-ColumnSet.contact form ul.fieldset label{
    display: block;
}

.api-ColumnSet.contact form input, .api-ColumnSet.contact form textarea {
    width: 100%;
    padding: 0.6em;
    border: 1px solid #ddd;
    box-sizing: border-box;
    resize: none;
}

.api-ColumnSet.contact form textarea {
    height: 12em;
}
#admin_btns {
    float: right;
}
#cmds {
    overflow: auto;
}

#cmds > a {
    display: block;
    float: left;
    width: 22%;
    margin-right: 3%;
    padding: 1em;
    box-sizing: border-box;
    margin-bottom:  3%;
}

#cmds > a:hover {
    background-color: #05bae7;
}
#cmds > a > i {
    display: block;
    text-align: center;
    font-size: 3em;
    padding: 0.2em;
}
#boardMember{
    max-height: 90%;
}
#boardMember > div {
    padding: 2em;
    overflow: auto;
    position: relative;
}

#boardMember > img {
    display: block;
    float: left;
    width: 16%;
}
#boardMember h1{
    font-family: 'open';
    color: #2b0;
    margin: 0;
    font-size: 1.2em;
    font-weight: normal;
}

#boardMember h2{
    font-family: 'open';
    color: #dc0;
    margin-top: 0;
    font-size: 1em;
    margin: 0;
    font-weight: normal;
}
#news_banner {
    background-color: #151;
    padding: 2.5em;
    padding-top: 5em;
    text-align: center;
    user-select:none;
}

#news_banner > i {
    color: #efe;
    font-size: 6em;
}
#pageLayout.article {
    max-width: 60em;
    margin: auto;
}
#pageLayout.article > h1 {
    font-family: 'open';
    font-size: 2em;
}
#pageLayout.article > img {
    width: 100%;
}

#headlines {
    overflow: auto;
    max-width: 60em;
    margin: auto;
}
.articleheadline {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.8em;
    margin-bottom: 0.8em;
}
.articleheadline h1 {
    margin: 0;
    font-family: 'open';
    font-weight: normal;
    font-size: 1.6em;
}
.articleheadline > img {
    width: 30%;
    float: left;
    margin-right: 2%;
    border-radius: 5%;
    overflow: hidden;
}

.articleheadline > div {
    overflow: auto;
}


.articleheadline .date {
    color: #555;
}
.articleheadline .date>i {
    color: #dc4;
    margin-right: 0.2em;
}
.pphoto {
    height: 3em;
}

.api-DataGrid.hasImage .column > div {
    height: 4em;
    box-sizing: border-box;
}

.api-Products .api-Collection {
    overflow: auto;
}

.api-Products .api-CollectionItem {
    float: left;
    width: 23%;
    margin-right: 2%;
}

.api-Products .api-CollectionItem a {
    text-decoration: none;
}
.api-Products H1 {
    font-size: 1em;
}
.api-ProductsFilters {
    width: 20%;
    float: left;
    border-right: 1px solid #ddd;
    min-height: 18em;
    margin-right: 2%;
}

.api-ProductsSortBar {
    padding: 0.2em;
    border: 1px solid #ddd;
    border-radius: 0.2em;
    background-color: #eee;
    margin: 1em 0;
    height: 2em;
    margin-right: 2%;
    overflow: hidden;
}

.productSummary {
	overflow:auto;
}

.productSummary > .api-ColumnSet > .api-ColumnControl:first-child {
    width: 48%;
}

.api-ProductVariation > span > div {
    height: 24em;
}

.dialog .window.pForm {
    width: 95%;
    height: 90%;
    margin-top: 5%;
}

.dialog .window.pForm .content {
    height: 100%;
}

.dialog .window.pForm form {
    height: 100%;
    padding-bottom: 3em;
    box-sizing: border-box;
}

.dialog .window.pForm form > .api-ColumnSet{
    height: 100%;
}

.dialog .window.pForm form > .api-ColumnSet > .api-ColumnControl:last-child{
    height: 100%;
    padding-top: 3em;
    box-sizing: border-box;
}

.dialog .window.pForm form > .api-ColumnSet > .api-ColumnControl:last-child > .api-FormField{
    margin-top: -3em;
    height: 3em;
    box-sizing: border-box;
    padding: 0.3em;
}
.dialog .window.pForm .area {
    height: 100%;
    overflow: auto;
}
.dialog.zoom .window{
    width: auto;
}
.dialog.zoom .window img{
    width: auto;
    display: block;
}
.thumbnails {
    width: 6em;
    
}

            .api-ColumnSet#aboutComp.sports {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }
            .api-ColumnSet#aboutComp.sports .api-ColumnControl {
                padding: 0 !important;
                margin: 0;
            }
            
            .api-ColumnSet#aboutComp.sports .api-ColumnControl > img {
                width: 100%;
            }
            #sportsComp {
                height: 0;
                padding-bottom: 50%;
            }
            #sports_blurb{
                margin-top: 1em;
            }
            #sports_blurb .api-ColumnSet:nth-child(2n+1){
                background-color: #148;
                color: white;
            }
            #sports_blurb .api-ColumnSet > .api-ColumnControl:last-child{
                padding: 2em;
                margin-right: 50%;
               
            }
            #sports_blurb .api-ColumnSet > .api-ColumnControl:first-child{
                padding: 0;
                position: absolute;
                left: 50%;
                bottom: 0;
                top: 0;
                right: 0;
                width: 50%;
                
                background-image: url('/images/sports5.jpeg?rand=4fy');
                background-size:cover;
            }
            #sports_blurb .api-ColumnSet:first-child > .api-ColumnControl:first-child {
                background-image: url('/images/sports4.jpeg');
            }
            #sports_blurb .api-ColumnSet:last-child > .api-ColumnControl:first-child {
                background-image: url('/images/sports6.jpeg');
            }
            #sports_blurb .api-ColumnSet:nth-child(3) > .api-ColumnControl:first-child {
                background-image: url('/images/sports8.jpeg');
            }
            #sports_blurb .api-ColumnSet:nth-child(2n+1) > .api-ColumnControl:last-child{
                padding: 2em;
                margin-left: 50%;
                margin-right: 0;
                box-sizing: border-box;
            }
            #sports_blurb .api-ColumnSet:nth-child(2n+1) > .api-ColumnControl:first-child{
                left: 0;
            }
            #sportbottom {
                margin: auto;
                width: 80%;
                margin-top: 2em;
            }