body
{
 
margin:0px;  
background-image:url('images/body_bg.jpg');
}
 

#wrap
{
  width:100%; min-height: 40px; position:relative; 
 background-color:#9f1b32;    
 min-width:1200px;
  }
 
#wrap_inner
{
  width:1200px; min-height: 40px;  margin:0px auto;  min-width: 1200px; 
  } 
#wrap_inner p
{
    color:#fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:0.95em; 
    float:left;
    letter-spacing:1px;
    padding-top:10px;
    margin:0px; 
    
}
#wrap1
{
  width:100%; min-height: 110px; position:relative;
  background-color:#fff; min-width:1200px;
  border-bottom:dashed 1px #abaaaa; 
  z-index:111;
  }
  
  
  

#wrap1_inner
{
  width:1200px; min-height: 110px;  margin:0px auto;  
  } 
  
 
 
 
 
 .navigation {
display:block;
position: relative;
margin: 2.8% 0 0 0;  
float: right; z-index:+999;

}
.navigation > ul{
display: -webkit-box;
-webkit-box-orient: horizontal;

display: -moz-box;
-moz-box-orient: horizontal;

display: box;
-moz-box-orient: horizontal;
}
.navigation ul{
list-style :none;
 margin:0px;
padding:0; /* gets rid of any inherited margins and padding */
font-family: 'Lato', sans-serif;
font-weight: normal;width:745px; 
position:relative;  letter-spacing:.5px;
 float:left;z-index:+999;
}
.navigation > ul > li { 
position : relative; 
float : left;
 
font-size: 15px; /* this is here and not above, so that the subs can be made smaller using a % if desired */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;z-index:+999;
}

.navigation > ul > li + li{
margin-left:0px; z-index:+999;
}
.navigation > ul > li > a {
  /*  grey */
display:block;z-index:+999;
padding:10px 10px; text-align: center;
text-decoration:none;
color:#000; text-transform: capitalize;

/* make the background-color fade in on roll-over */
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;


}
.navigation > ul > li > a:hover{
 /* grey */
color:#a0142e; /* light grey */
}


/* the show/hide effects */
/* the drop-down box */

.navigation ul ul{

/* background-color:#e6056f;  remove. this is for illustration purposes only */
width:180px; /* you need a width to accomodate tertiary menus */

position:absolute;
 

height: 0;z-index:+999;
overflow: hidden;
-webkit-transition: height 0.3s ease-in;
-moz-transition: height 0.3s ease-in;
-o-transition: height 0.3s ease-in;
-ms-transition: height 0.3s ease-in;
transition: height 0.3s ease-in;
}


/* don't display tertiary box yet */
.navigation > ul > li:hover ul ul, .navigation > ul > li > a:hover ul ul{
height:0;

}
/* tertiary drop-down box */
.navigation ul ul ul{
left:170px;
width:180px;
}

.navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
.navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
height:240px;

}

/* drop-down item styles */
.navigation ul ul li{
background-color:#232a37;  border-bottom:1px solid #2A2A2A;
width:180px; 
color:#fff;
font-size:14px;
/* make the background-color fade in on roll-over */
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;

}
/* unfortunate ie7 gap fix */
.ie7 .navigation ul ul li{
margin-bottom:-3px;
}
.navigation ul ul li:hover {
background-color:#2f3748;
}




.navigation ul ul li a {
display:block;
text-decoration:none;
margin:0 12px;    

padding:8px 0;
color:#fff; /* grey */

}

/* The following six rules set the lines in between menu items.
   To make this play nice in IE, we will not be using nth-child
   but the "+" sibling slector.
*/
.navigation ul ul ul li a{
border:none !important;
}
 

.navigation ul ul li a:hover, .navigation ul ul li:hover > a {
color:#ffffff; /* white */

}








#menu-wrap {
	width:20%;
	height:40px; 
	background:#851629;
/*	border-bottom:#09F thin solid;
	border-bottom-width:3px;*/
	padding:0px 0px 0px 0px; 
	text-align:center; 
}

#menu-wrap .menu-item {
    width: 38px;
    height: 38px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

#menu-wrap .menu-item i {
    width:100%;
	padding:7px 0px 5px 0px;
	border-radius:3px;
}

#menu-wrap .menu-item i.fa-facebook {
	background:#3B5998;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-twitter {
	background:#44CCF6;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-youtube {
	background:#CE332D;
	color:#FFF;
}

#menu-wrap .menu-item i.fa-google-plus {
	background:#D13F2D;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-pinterest-square {
	background:#CB2027;
	color:#FFF;
}

 
	
#menu-wrap .menu-item span {
	width:30px;
	height:30px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
	color:#fff;
	background:#851629;
/*	border:#09F thin solid;
	border-width:2px;*/
	border-radius:50%;
}

#menu-wrap .menu-item span:hover {
    top: 2px;
	font-size:20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

span.active {
	top:-20px !important;
	font-size:0px !important;
}

#menu-wrap .menu-item a {
	font-size:12px;
	color:#445878;
	text-decoration:none;
}

#menu-wrap .menu-item .text {
	text-decoration: none;
    font-size: 0px;
    padding:0px 0px 17px 0px;
    text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
    width: 100%;
    position: absolute;
    bottom: -30px;
    display: block;
/*	border-top:#CCC thin solid;
	border-top-width:1px;*/ 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

 #menu-wrap .menu-item:hover > .text {
    bottom: 1px;
	font-size:20px;
	padding:0;
    -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	text-align:center;
}

 #menu-wrap .menu-item .icon {
    width: 30px;
    height: 30px;
	padding:10px 9px 5px 4px;
	font-size:20px;
	text-align:center;
}


 














#section
{
   width:100%;min-width: 1200px;    
   height:122px;
   background-color:#f2f2f2;
 
 
}

#section_inner
{ 
width:1200px; margin:-55px auto 0px;   
position:relative;
z-index:999999;  
  
  
}
 
#section_inner .col
{ 
 width:398px;   
 padding:20px 0px 15px;
 background-color:#9f1b32;
 border-right:solid 1px #cd7173;
 float:left;
}
#section_inner .col h3
{
    color:#fff;
    font-family: 'Forum', cursive;
    font-size:2.2em; 
    margin:0;font-weight:bolder;  
    text-align:center;
    letter-spacing:2px;
    line-height:30px;
    text-transform:uppercase;
}
 
 #section_inner a
{
     color:#fff;
     font-size:15px;
     font-style:italic;font-weight: normal; 
     text-transform: capitalize;
     font-family: 'Source Sans Pro', sans-serif;
     text-decoration:none;
     text-align:center; 
    }
    
#section_inner a:hover
{
     
    color:#fff; 
}


  
#section1
{ 
width:100%;min-width: 1200px; 
background-color:#f2f2f2;
height:250px;
}
 
	
#section1_inner
{ 
width:1200px;
margin: 0 auto; 
padding:2% 0px; 
}
 #section1_inner .col
{ 
 width:800px;     
 float:left;
 margin-right:3%; 
}
 #section1_inner .col1
{ 
 width:350px;     
 float:left; 
}
#section1_inner img
{ 
  -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.45);
  margin-top:5px;
}
#section1_inner h3
{
    color:#363535;
    font-family: 'Forum', cursive;
    font-size:2.2em; 
    margin:0 0 1%;font-weight:bolder; 
    line-height:1.2em;letter-spacing:2px;
    text-align:center;
    text-transform:uppercase;
}
#section1_inner h3 span
{
    color:#9f1b32; 
}
#section1_inner p
{
    color:#333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1em;
    line-height:31px;
    text-align:center;
    margin:0px; 
    
}

#column
{ 
width:100%;min-width: 1200px; 
background:linear-gradient(192deg, #fff 0%,#fff 48%,#fbf4ea 10%,#fbf4ea 100%);
height:310px;
}
 
	
#column_inner
{ 
width:1200px; 
margin: 0 auto; 
padding:3.5% 0px;
}



 #column_inner .col1
{ 
     width: 570px;
    float: left;
    border-right:dashed 1px #9f1b32;
    margin-right: 3%; 
    padding-right: 20px;
}
#column_inner .col1 h3
{
    color:#363535;
    font-family: 'Forum', cursive;
    font-size:1.5em; 
    margin:5px 0 3%;font-weight:bolder; 
    line-height:1.2em;letter-spacing:2px;
    text-transform:uppercase;
}
#column_inner .col1 p
{
    color:#333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1em;
    line-height:28px;
    margin:0px; 
    
}
 
 
 #column_inner a
{
    left:50%;
    transform:translateX(-50%);
    text-align:center; 
    text-decoration:none;  
    color:#fff;
   font-family: 'Source Sans Pro', sans-serif;
    font-size:13px; 
    background-color:#9f1b32; 
    padding:8px 10px;
    width:100px; 
    text-transform:uppercase;
    transition:all .3s; 
    }
    
#column_inner a:hover
{
    transition:all .3s; 
    color:#eee; 
}
 
#column1
{ 
width:100%;min-width: 1200px;  
}
 
	
#column1_inner
{ 
width:1200px; 
margin: 0 auto;  
padding:4% 0px 2%;
}


#column1_inner h3
{
    color:#363535;
    font-family: 'Forum', cursive;
    font-size:2em;  
    text-align:center;
    margin:5px 0 3%;font-weight:bolder; 
    line-height:1.2em;letter-spacing:2px;
    text-transform:uppercase;
}
#column1_inner h3 span {
    color: #9f1b32;
}
#column1_inner p
{
    color:#333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1em;
    line-height:28px;
    margin:0px; 
    
}
 
#column1_inner a
{
     
    transform:translateX(-50%);
    text-align:center; 
    text-decoration:none;
    color:#1b75bb;
   font-family: 'Source Sans Pro', sans-serif;
    font-size:14px;  
    width:120px; 
    text-transform:uppercase;
    transition:all .3s;  
    position:  relative;
    float:right;
    }
    
#column1_inner a:hover
{
    transition:all .3s; 
    color:#333; 
    text-decoration: underline;
}


#section2
{ 
width:100%;min-width: 1200px;
height:340px; 
background-color:#f2f2f2;
}
 
	
#section2_inner
{ 
width:1200px; 
margin: 0 auto; 
}


 


 #section2_inner .col
{ 
 width:600px;    margin-right:4%;
 float:left; 
 margin-top:1%;
}
 
#section2_inner .col h3
{
    color:#363535;
    font-family: 'Forum', cursive;
    font-size:2.2em; 
    text-align:center;
    margin:0 0 1.5%;font-weight:bolder; 
    line-height:1.2em;letter-spacing:2px;
    text-transform:uppercase;
}
#section2_inner .col h2
{
    color:#fff;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing:1px;
    font-size:17px;  
     padding:5px 0 8px 0;
    text-align: center;
    width:600px;
    margin:0px;
    float:left;text-transform:uppercase; 
    border-top:solid 3px #731324;
    background-color:#9f1b32;
}
#section2_inner .col span
{
    color:#eee;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing:1px;
    font-size:14px; 
    text-transform:uppercase; 
    text-align: center;
    margin:0px;
}
#section2_inner .col p
{
    color:#333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1em;
    line-height:32px; 
    margin:0 0 0 20px;
    margin-left:20px;
    
}
 #section2_inner .col1
{ 
 width:340px;   
 float:left; 
}
 
 
 #section2_inner a
{
     
    transform:translateX(-50%);
    text-align:center; 
    text-decoration:none;
    color:#1b75bb;
   font-family: 'Source Sans Pro', sans-serif;
    font-size:14px;  
margin-left:20px;
    text-transform:uppercase;
    transition:all .3s;  
    position:  relative;
    float:right;
    }
    
#section2_inner a:hover
{
    transition:all .3s; 
    color:#333; 
    text-decoration: underline;
}

 


#section3
{ 
width:100%;min-width: 1200px;
height:620px;   
background-color:#fff;
}
 
	
#section3_inner
{ 
width:1200px;
margin: 0 auto;  
padding:3% 0px;
}

#section3_inner img
{
    box-shadow: 0 0 40px rgba(0,0,0,0.45);
    float:  left; 
    width:260px;
    margin-top:5px;
    margin-bottom:.7em;
    margin-right:30px;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.45);
}
 

#section3_inner h3
{
    color:#000;
    font-family: 'Forum', cursive;
    font-size:2.5em; 
    margin:0 0 2%;font-weight:bolder;
    text-align:center; 
    line-height:1.2em;letter-spacing:2px;
    text-transform:uppercase;
}
 #section3_inner h3 span
{
    color:#9f1b32; 
    font-size:28px;
}
#section3_inner .col
{ 
 width:260px;
 position:relative;
 margin:0px auto; 
 padding:5px;
}
 
#section3_inner .col h2
{
    color:#444;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing:1px;
    font-size:18px; 
     line-height:30px;
    padding-top:10px;
    text-align: center;
    margin:0px 0 10px 0;
}
#section3_inner .col span
{
    color:#9f1b32;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing:1px;
    font-size:.7em; 
    text-transform:uppercase; 
    text-align: center;
    margin:0px;
}
#section3_inner .col p
{
    color:#444444;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1em;
    line-height:25px;
    text-align:center;
    padding:0px 8px;
    
}
 
#section3_inner .col a
{
    left:50%;
    transform:translateX(-50%);
    text-align:center;
    background:#f16632;
    text-decoration:none;
    padding:8px 10px; 
    color:#FFF;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:13px; 
    border-radius: 40px;
    width:100px; 
    text-transform:uppercase;
    transition:all .3s;
    position:absolute;
    bottom:0px;
    }
    
#section3_inner .col a:hover
{
    transition:all .3s; 
    color:#fff;
    background:#1b75bb;
}





#section4
{ 
width:100%; min-width:1200px;  

}

#section4_inner
{ 
width:1325px;
padding:3% 0px; 
margin:0 auto; 
}

 #section4_inner h3
{
    color:#000;
    font-family: 'Forum', cursive;
    font-size:2.5em; 
    margin:0 0 2%;font-weight:bolder;
    text-align:center; 
    line-height:1em;
    letter-spacing:2px;
    text-transform:uppercase;
}
 
 





.footer
{
text-align: right; min-width: 1200px;
color:#000;  width:100%; 
float:left;     
border-top:solid 4px #9f1b32;  
font-size:.95em; letter-spacing:1px; 
  font-family: 'Source Sans Pro', sans-serif;  padding:14px 0px;

 }
 .footer_inner
{ 
width:1200px;
margin: 0 auto; 
}
.footer a
{

color:#000; 
text-decoration:none;   
}



.footer a:hover
{
color:#333;  
}



   .jump-link
{
 margin:0% auto;
}
.jump-link a
{
text-align:center;
display:inline-block;
padding:6px 20px;
color: #fff;
background-color:#9f1b32;
margin:0px 10px 10px;
font:100% 'Source Sans Pro', sans-serif; 
text-decoration:none;
box-shadow:1px 1px 2px gainsboro;
transition: border-left .777s;
-webkit-transition: border-left .777s;
-moz-transition: border-left .777s;
-o-transition: border-left .777s;
-ms-transition: border-left .777s;
}
.jump-link a:hover
{

color:#eee;
}












/* generic css */

.view {
  float: left; 
  overflow: hidden;width: 331px; 
  position: relative;
  text-align: center; 
  cursor: default;font-family: 'Open Sans Condensed', sans-serif;  
}

.view .mask,
.view .content { 
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  margin:0px auto;
}

.view img {
  display: block; width:100%;
  height:100%;
  position: relative
}

.mask h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; 
  padding: 10px;
  /*background: rgba(0, 0, 0, 0.8);*/
  margin: 20px 0 0 0
}

.view p {
  font-family: 'Open Sans Condensed', sans-serif; 
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #fff;
  line-height:25px;
  padding: 0px 20px 0px;
  text-align: center
}

.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background:#165f9a;
  color: #fff;
  margin-bottom:20px;
  font-size:13px;
  font-family: 'Open Sans Condensed', sans-serif; 
  text-transform: uppercase; 
}

.view a.info:hover {
  box-shadow: 0 0 5px #000
}


/*1*/

.view-first img {
  /*1*/
  transition: all 0.2s linear; 
  width:100%;
  height:100%;
  
}

.view-first .mask {
  opacity: 0;
  background: rgba(18, 78, 126, 0.7);
  transition: all 0.4s ease-in-out; width:100%;
  height:100%;
} 
 

.view-first .mask a 
{ 
text-decoration:none;  color:#fff;font-family:  'Open Sans', sans-serif;
 font-size:16px;  
}

.view-first .mask a:hover
{
color:#eee; 
}
 
 

.view-first h2 {
  transform: translateY(-100px);
  opacity: 0;
  
  transition: all 0.2s ease-in-out;
}

.view-first p {
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.2s linear;
}

.view-first a.info {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}


/* */

.view-first:hover img {
  transform: scale(1.1);
}

.view-first:hover .mask {
  opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
  opacity: 1;
  transform: translateY(0px);
}

.view-first:hover p {
  transition-delay: 0.1s;
}

.view-first:hover a.info {
  transition-delay: 0.2s;
}