@import url(http://fonts.googleapis.com/css?family=Bree+Serif);
@import url(http://fonts.googleapis.com/css?family=Questrial);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

h1{
   font-family: 'Bree Serif', serif; 
   font-weight: normal;
   font-size: 2.0em;
   margin-bottom: 0px
}
h2{
   font-family: 'Bree Serif', serif;
   font-weight: normal;
   text-transform: uppercase;
   font-size: 1.3em;
   margin-bottom: 30px;
}

p{font-family: 'Questrial', sans-serif;}

hr{
   margin-top: -22px;
   margin-bottom: 20px;
   border: 0;
   border-top: 1px solid #909090;
   width: 270px;
}
img{max-width: 100%;}

body{
   background-image: url(images/bg3.jpg);
   background-color: #282828;
   background-attachment: fixed;
}

.col2{
   width: 50%;
   float: left;
}
.col-full{
   width: 100%;
   clear: both;
}
#article {
font-family:Arial Unicode MS,Arial,sans-serif;
font-size:15px;
}
#section-header-0 {
   width: 100%;
   padding-left: 0px;
   padding-right: 0px;
}
.header-box1{
   background: #f58144;
   padding: 19px 0px 20px 10px;
}
/*****************=menu**********************/
.nav {
    width: 100%;
    background: #415062;;
    border-right: none;
}
 
.nav ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
 
.nav ul li {
    list-style: none;
    float: left;
    text-align: center;
    width: 16.6667%; /* fallback for non-calc() browsers */
    width: calc(100% / 6);
    box-sizing: border-box;
}

.nav ul li:hover{
   background: #009fcf;
} 
.nav ul li:first-child {
    border-left: none;
}
 
.nav ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 15px 0;
}

.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ .nav ul{
    transition: all 0.5s ease;
    display: block;
}
/*Responsive Styles*/

@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*/
	.nav ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.nav ul li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	.nav ul li, .nav ul li a {
		width: 100%;
	}
        /*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}

#section-header-0-content {}
#section-header-1 {display: none;}
#section-header-1-content {}
#section-header-2 {}
#section-header-2-content {}
#section-middle-0 {}
#section-middle-0-content {}
#section-middle-1 {
   overflow: hidden;
   max-height: 385px;
}
#section-middle-1:hover{
   overflow: auto;
}
#section-middle-1-content {}
#section-middle-2 {}
#section-middle-2-content {}
#section-footer-0 {width: 100%; color: #525252; text-align: center; padding-left: 0px; padding-right: 0px;}
.footer-row{
   width: 100%;
   padding: 20px 15px 30px 15px;
}
.footer-row h2{
   font-size: 1.6em;
}
.footer-box1{
   background: #7ac43b;
   color: #fff;
   padding: 10px 15px 18px 15px;
}
.footer-box2{
   background: #f2f2f2;
}
.contest-countdown{
    font-weight: bold;
   letter-spacing: 1px;
   font-size: 16px;
   margin-bottom: 0px;
}
.entry{
   letter-spacing: 1px;
   margin-bottom: 0px;
   margin-top: 5px;
}
.clock-box{
    text-align: center;
   width: 95px;
   float: left;
}
.footer-box3{
    background: #fff;
}
.footer-box4{
   background: #f2f2f2;
   padding: 20px 9px;
}
.footer-box5{
   background: #415062;
   color: #fff;
   clear: both;
}
.footer-box6{
    background: #7ac43b;
    color: #fff;
}
.icon{
    width:26px;
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    margin-right: 10px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.icon:hover{
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.social-line{
   margin-top: 2px;
   border-top: 1px solid #FFFFFF;
   width: 62px;
}
.link{
   list-style: none;
   width: 290px;
   margin: auto;
}

.link li{
   float: left;
   border-right: 1px solid #fff;
   padding: 0px 10px 0px 10px;
}
.link li:last-child{border-right: none;}
.link li a, .link li a:visited{
   text-decoration: none !important;
   color: #fff !important;
}

.link li a:hover{
   color: #009fcf !important;
}
#section-footer-0-content {}
#section-footer-1 {display: none;}
#section-footer-1-content {}
#section-footer-2 {display: none;}
#section-footer-2-content {}
span[itemprop="name"], span[itemprop="jobTitle"], span[itemprop="worksFor"], span[itemprop="address"], span[itemprop="streetAddress"], span[itemprop="telephone"], span[itemprop="phones"], a[itemprop="email"], a[itemprop="url"] {
display: block;
}
#media_contact_section{}
#media_contact_title{}
.phone1{}
.phone2{}
.phone3{}
.phone4{}
.phone5{}
#media_contact_toggle_link{}

#header-container{}
#middle-container{
   background: #fff; 
   padding-top: 30px;
   height: 496px;
}
#header-container, #middle-container, #footer-container{
   box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.9);
}
#multimedia_inline{text-align: center;}
.social-likes p{display: none;}
@media (max-width:767px){
#section-header-0{display:block;}
.header-box1, .header-box2, .header-box3{
   display: none;
}
#middle-container{
   height: 100%;
}
.faceshot-container{
    width: 240px;
    margin: auto;
}
.caption-style-4 li{
   margin-bottom: 10px;
}
.link{
   width: 100%;
   margin: 0px;
   padding-left: 0px;
}
.link li{
   float: none;
   border-right: 0px;
   padding: 0px;
}
}
@media (min-width:768px) and (max-width:991px){
    .nav{font-size: 11px;}
    #middle-container{height: 100%;}
    .faceshot-container{
       margin: auto;
       width: 478px;
    }
}
@media (min-width:991px){
}
@media (min-width:968px) and (max-width:1200px){
   .nav{font-size: 14px;}
   .caption-style-4 img{
         width: 197px;
   }
   .caption-style-4 .blur{
       height: 168px;
      width: 197px;
   }
   .caption-style-4 .caption-text{
       height: 168px;
      width: 197px;
   }
}
/***************=ctabs*******************/
.btn {
 cursor: pointer;
margin: 10px;
text-decoration: none;
padding: 10px 0px 10px 0px;
width: 160px;
font-size: 18px;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
display: inline-block;
color: #fff;
background: #009fcf;
border: 2px #009fcf solid;
text-decoration: none;
}

.btn:hover {
  background-color: #fff;
  border-color: #009fcf;
  color: #009fcf !important;
  text-decoration: none;
}

.btn:visited, .btn:active{
   text-decoration: none;
   color: #fff;
}
/****************=countdown****************************/
#countdown{
    float: none;
   clear: both;
   text-align: center;
   margin: auto;
   width: 300px;
}
.days, .hours, .mins, .secs{
   font-size: 63px;
   font-family: 'Open Sans', sans-serif;
   font-weight: lighter;
}

/*****************=faceshots************************/

.caption-style-4{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		
	}

	.caption-style-4 li{
		float: left;
		padding: 0px;
		position: relative;
		overflow: hidden;
	}

	.caption-style-4 li:hover .caption{
		opacity: 1;
	}

	.caption-style-4 li:hover img{
		opacity: 1;
		transform: scale(1.15,1.15);
		-webkit-transform:scale(1.15,1.15);
		-moz-transform:scale(1.15,1.15);
		-ms-transform:scale(1.15,1.15);
		-o-transform:scale(1.15,1.15);
	}


	.caption-style-4 img{
		margin: 0px;
		padding: 0px;
		float: left;
		z-index: 4;
	}


	.caption-style-4 .caption{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		-webkit-transition:all 0.45s ease-in-out;
		-moz-transition:all 0.45s ease-in-out;
		-o-transition:all 0.45s ease-in-out;
		-ms-transition:all 0.45s ease-in-out;
		transition:all 0.45s ease-in-out;
	}

	.caption-style-4 img{
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		-ms-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
	}
	.caption-style-4 .blur{
		background-color: rgba(0,0,0,0.65);
		height: 239px;
		width: 239px;
		z-index: 5;
		position: absolute;
	}

	.caption-style-4 .caption-text h1{
		text-transform: uppercase;
		font-size: 24px;
                font-family: 'Open Sans', sans-serif;
                font-weight: lighter;
	}
	.caption-style-4 .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 239px;
		height: 203px;
		text-align: center;
		top:53px;
	}