﻿
.l-top-phone {
    /*padding: 10px 0;*/
    /*background-color: black;*/

    margin-bottom: 5px;
    display: none;
}
@media (max-width: 600px)
{
    .l-top-phone
    {
        display: block;
    }
}

.l-header
{
    padding: 10px 0;
}

.l-header__search
{
    position: absolute;
    /*top: 0;*/
    top: 35px;
    right: 10px;
    /*width: 307px;*/
    width: 365px;

}

.l-header__customer
{
    position: absolute;
    /*top: 35px;*/
    top: 0px;
    right: 10px;
}
@media (max-width: 769px)
{

    .l-header {
        text-align: center;
    }

    .l-header__search
    {
        position: static;
        margin-top: 10px;

        display: none;
    }

    .l-header__customer
    {
        position: static;
        

        display: none;
    }
    

}




.l-banner {
    height: 171px; /* Do this prevent page structural flashing when image may not be loaded yet */
}

.l-main-nav
{
    text-align: right;
    background-color: #446391;
    color: white;
    margin-bottom: 20px;
}
.l-main-nav--marginless {
    margin-bottom: 0;
}



.l-content
{
    overflow: hidden;
    margin-bottom: 20px;
}
.l-content--marginless {
    margin-bottom: 0;
}

.l-sidebar
{
    float: left;
    width: 250px;
    margin-right: 20px;
}

    /*.l-sidebar > *
    {
        margin-bottom: 20px;
    }*/

.l-primary
{
    overflow:hidden;
    /*float: left;*/
    
}
@media (max-width: 600px)
{
    .l-sidebar {
        display: none;
    }
    
}




.l-footer
{
    background-color: #2B3F5C;
    padding: 0 0 20px 0;
    background: rgb(43,63,92); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(43,63,92,1) 0%, rgba(32,49,71,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,63,92,1)), color-stop(100%,rgba(32,49,71,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(43,63,92,1) 0%,rgba(32,49,71,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(43,63,92,1) 0%,rgba(32,49,71,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(43,63,92,1) 0%,rgba(32,49,71,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(43,63,92,1) 0%,rgba(32,49,71,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3f5c', endColorstr='#203147',GradientType=0 ); /* IE6-9 */
}

.l-copyright
{
    text-align: center;
    padding: 10px 0;
    background: hsl(0, 0%, 15%);
    /*color: hsl(0, 0%, 80%);*/
    /*border-top: 2px solid  hsl(0, 0%, 10%);*/
}


.l-facebook-feed {
    position: fixed;
    bottom: 0px;
    right: 10px;
    margin-bottom: -2px;

    -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;

}

.l-facebook-feed--is-hidden {
    bottom: -550px;
}
@media (max-width: 600px)
{
    .l-facebook-feed {
        display: none;
    }
}



.l-section {
    padding: 20px 0;
}

.l-section--toptoo {
    margin: 20px 0 20px 0;
}

.l-section--white
{
    background-color: white;
}

.l-section--light {
    color: #666;
    background-color: hsl(0, 0%, 70%); /* Old browsers */
}
.l-section--medium {
    background-color: white;
    color: #7C7C7C;  
}
.l-section--dark {
    background-color: hsl(0, 0%, 15%);
    
    color:hsl(0, 0%, 80%);
}



.l-sec {
    margin: 0 0 20px 0;    
}



.l-constrained
{
   /* max-width: 960px;*/
   max-width: 1160px;
    margin: auto;
    position: relative;
    padding: 0 10px;
}

    .l-constrained.l-constrained--cancel
    {
        max-width: 100%;
    }


.l-stacked > *
{
    display: block;
}

.l-inline > *
{
    display: inline-block;
}

.l-table-row
{
    display: table-row;
}


.l-tabs {
    display: none;
}





/*@media only screen 
and (max-device-width : 568px) 
and (orientation : portrait) {
    .l-banner {
        display: none;
    }
     
}*/



@media (max-width: 600px)
{
     .l-banner {
        display: none;
    }
}