/* =Fonts
--------------------------------------------------------------------------------*/

.exp-row h1,
.exp-row h3 {font-family: "brandon_bold", Helvetica, Arial,sans-serif; font-weight:normal; }
.exp-row h2 {font-family: "brandon_medium", Helvetica, Arial,sans-serif; font-weight:normal; }
.exp-row h5 {font-family: "brandon_regular", Helvetica, Arial,sans-serif;  font-weight:normal;}

.exp-row h1 {font-size: 50px; line-height:50px; text-transform:uppercase; letter-spacing: .1; margin-bottom:15px;}  
.exp-row h1.small-title {font-size: 35px; line-height:35px;}
.exp-row h2  {font-size: 19px; line-height:21px; margin: 0 0 13px 0; text-transform:uppercase; letter-spacing: .1; padding:0; }
.exp-row h2.large-title,
.exp-row h3  {font-size: 28px; line-height:28px; margin: 0 0 13px 0; text-transform:uppercase; letter-spacing: .1; padding:0; }
.exp-row h5 { font-size: 16px; line-height:18px; margin-top:0;  }

.exp-row p, 
.exp-row ul li, 
.exp-row a { font-size:14px; line-height:16px; font-family: Arial, Helvetica, sans-serif; word-break:keep-all;}


/* =CTA
--------------------------------------------------------------------------------*/

a.exp-small-cta,
a.exp-main-cta {font-family: "brandon_bold", Helvetica, Arial,sans-serif; font-weight:normal; display: inline-block; width:inherit; padding: 3px 6px; margin-top:20px; text-decoration:none; text-transform:uppercase; }

a.exp-main-cta {font-size:22px; }
a.exp-small-cta {font-size:13px;}

a.exp-small-cta i:before,
a.exp-main-cta i:before {font-size:120%; font-style:normal; content: "\203A";}


/* =Grid - Global
--------------------------------------------------------------------------------*/
.exp-row {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
}

.opera-only :-o-prefocus,.exp-row { word-spacing: -0.43em; }


.exp-col {
    display: inline-block;
    zoom: 1; *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
     -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

.exp-row-r {
    letter-spacing: -0.31em; 
    *letter-spacing: normal; 
    word-spacing: -0.43em; 
}

.opera-only :-o-prefocus, .exp-row-r { word-spacing: -0.43em; }

.exp-row-r img { max-width: 100%; }


/* =Grid - 12 Columns
--------------------------------------------------------------------------------*/

        .exp-col-1 { width:8.33333333333%; }
        .exp-col-2 { width:16.6666666667%; }
        .exp-col-3 { width:25.0%; }
        .exp-col-4 { width:33.3333333333%; }
        .exp-col-5 { width:41.6666666667%; }
        .exp-col-6 { width:50.0%; }
        .exp-col-7 { width:58.3333333333%; }
        .exp-col-8 { width:66.6666666667%; }
        .exp-col-9 { width:75.0%; }
        .exp-col-10 { width:83.3333333333%; }
        .exp-col-11 { width:91.6666666667%; }
        .exp-col-12 { margin-left:0; width:100%; }



/* =Grid - 12 Columns > Offsets
--------------------------------------------------------------------------------*/	   
	   

         exp-offset-1 { margin-left: 8.33333333333%; }
        .exp-offset-2 { margin-left: 16.6666666667%; }
        .exp-offset-3 { margin-left: 25.0%; }
        .exp-offset-4 { margin-left: 33.3333333333%; }
        .exp-offset-5 { margin-left: 41.6666666667%; }
        .exp-offset-6 { margin-left: 50.0%; }
        .exp-offset-7 { margin-left: 58.3333333333%; }
        .exp-offset-8 { margin-left: 66.6666666667%; }
        .exp-offset-9 { margin-left: 75.0%; }
        .exp-offset-10 { margin-left: 83.3333333333%; }
        .exp-offset-11 { margin-left: 91.6666666667%; }
 

/* = @media 1120
--------------------------------------------------------------------------------*/	
    
@media (min-width:1120px) {
	.exp-tablet    { display: none; }
	.exp-desktop   { }
    .exp-mobile    { display: none ! important; }
}


/* = @media < 680
--------------------------------------------------------------------------------*/	
    
@media (max-width:680px) {
	.exp-tablet    {  }
	.exp-desktop   {  display: none ! important;}
    .exp-mobile    { display: block; }
}


/* = @media 681 - 1119
--------------------------------------------------------------------------------*/	    

@media (min-width:681px) and (max-width:1119px) {
	.exp-row { width: 100%;}
	.exp-tablet    {  }
	.exp-desktop   {  display: none;}
}