@charset "UTF-8";
/* CSS Document */



body, html {height:100%; width:100%;}
body {background:#000000; margin: 0 auto; padding:0; text-decoration:none;}

.wrapper {width:95%; max-width:1280px; margin:0 auto; padding:0;}

.pic {
  border: 2px solid #ffffff;
  float: left;
  margin:0 auto;
  width:100%;
  height:auto;
  padding:0;
  overflow: hidden;

  -webkit-box-shadow: 1px 1px 3px #000000;
          box-shadow: 1px 1px 3px #000000;
}

.header-cont {
    width:100%;
    position:fixed;
    top:0px;
    z-index: 1000;
}

/* ================================================================== BACKGROUND and TEXTURES ================================================================================================== */

.white-leather {background:url(images/leather.jpg) repeat #ffffff; width:100%; height:auto; padding:0; margin:0;}
.plaid {background:url(images/plaid.jpg) repeat #ffffff; width:100%; height:auto; padding:0; margin:0;}
.pattern {background:url(images/pattern.jpg) repeat #ffffff; width:100%; height:auto; padding:0; margin:0;}
.pattern2 {background:#8e1111; width:100%; height:auto; padding:0; margin:0;}
.background-pic {background:url(images/fillies-and-stallions_party3.jpg) no-repeat center top #000000; padding:0; margin:0 auto; min-height:300px; text-align:center; color:#ffffff;}
.background-pic2 {background:url(images/fillies-and-stallions_party2.jpg) no-repeat center top #000000; padding:0; margin:0 auto; min-height:400px; text-align:center; color:#ffffff;}
.background-pic3 {background:url(images/fillies-and-stallions_party4.jpg) no-repeat center top #ffffff; padding:0; margin:0 auto; min-height:680px; text-align:center; color:#ffffff; background-size: cover;}
.background-pic4 {background:url(images/fillies-and-stallions_party-crowd.jpg) no-repeat center top #000000; padding:0; margin:0 auto; min-height:320px; text-align:center; color:#ffffff;}
.top-row {background:#000000; width:100%; height:auto; min-height:32px; padding:0; margin:0px; background-position:top; overflow:hidden; font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#e82222; font-weight:700; line-height:1.5em; letter-spacing:1px; text-shadow: 1px 1px 1px #000000;}
.shadow {background:url(images/shadow.png) no-repeat center; height:30px; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.cent {width:480px; height:auto; margin:0 auto; padding:0;}


/* ================================================================== FONTS ================================================================================================== */

h1 {font-family: 'Roboto Slab', serif; text-align:center;
	font-size:36pt;
	color:#e82222;
	font-weight:400;
	margin:0;
	padding:0;
	text-shadow: 1px 1px 1px #ffffff;}

h1 .h1white {color:#ffffff; text-shadow: 1px 1px 2px #000000;}
h1 .h1alt {color:#e82222; text-shadow: 1px 1px 2px #000000;}

h2 {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif;
	font-size:22pt;
	color:#545454;
	font-weight:700;
	margin:0;
	padding:0;
	text-shadow: -1px -1px 1px #ffffff;}

h2 .h2alt {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#474747; font-weight:400; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: -1px -1px 1px #ffffff;}

h2 .h2alt2 {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif;
	font-size:14pt;
	color:#474747;
	font-weight:400;
	margin:0;
	padding:0;
	text-shadow: -1px -1px 1px #000000;}



h3 {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; text-align:left;
	font-size:12pt;
	color:#ffffff;
	font-weight:700;
	margin:0;
	padding:0;
	text-shadow: 1px 1px 1px #000000;}


p {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#474747; font-weight:400; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: -1px -1px 1px #ffffff;}
p .pwhite {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#ffffff; font-weight:400; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: 1px 1px 1px #000000;}
p .pred {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#e82222; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: 1px 1px 1px #000000;}
p .pwhite2 {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#ffffff; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: 1px 1px 1px #000000;}


ul.presslinks {list-style:none; list-style-type:none; text-align:left; margin:0px; padding:0; line-height:2em; letter-spacing:1px;}
ul.presslinks a:link {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:400; color:#ffffff; text-decoration:none;}
ul.presslinks a:visited {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:400; color:#ffffff; text-decoration:none;}
ul.presslinks a:active {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:400; color:#ffffff; text-decoration:none;}
ul.presslinks a:hover {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:400; color:#abf8ff; text-decoration:underline;}


a:link {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#ffffff; text-decoration:none; display:inline;}
a:visited {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#ffffff; text-decoration:none; display:inline;}
a:active {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#ffffff; text-decoration:none; display:inline;}
a:hover {font-family: 'Open Sans', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#e82222; text-decoration:underline; display:inline;}







/* ============================================================== SOCIAL-NETWORKING   ============================================================================= */


ul#social-networking {
	width:156px; padding:0; margin:0;  float:right;
	list-style:none; border:none;
	}

ul#social-networking li a {
	display:block; height:32px; background:url(images/social-media-icons.jpg) no-repeat; float:left; text-indent:-9999px; margin:0; padding:0; border:none;
	}

ul#social-networking li a.facebook {
	width:52px; background-position: 0px 0px;
	}
ul#social-networking li a.facebook:hover {
	width:52px; background-position: 0px -32px;
	}

ul#social-networking li a.twitter {
	width:52px; background-position: -52px 0px;
	}
ul#social-networking li a.twitter:hover {
	width:52px; background-position: -52px -32px;
	}

ul#social-networking li a.instagram {
	width:52px; background-position: -104px 0px;
	}
ul#social-networking li a.instagram:hover {
	width:52px; background-position: -104px -32px;
	}




/* ================================================================== RESPONSIVE GRID COLUMNS SETUP ================================================================================================== */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.4%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}


/* ================================================================== GRID OF TWO  ================================================================================================== */

.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 48.8%;
}

/* ================================================================== GRID OF THREE   ======================================================================================== */

.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 65.86%;
}
.span_1_of_3 {
	width: 31.73%;
}


/* ================================================================== GRID OF FOUR   ======================================================================================== */

.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.4%;
}
.span_2_of_4 {
	width: 48.8%;
}
.span_1_of_4 {
	width: 23.2%;
}


/* ================================================================== GRID OF FIVE   ======================================================================================== */

.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.52%;
}
.span_3_of_5 {
	width: 59.04%;
}
.span_2_of_5 {
	width: 38.56%;
}
.span_1_of_5 {
	width: 18.08%;
}


/* ================================================================== GRID OF SIX   ======================================================================================== */

.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 82.93%;
}

.span_4_of_6 {
  	width: 65.86%;
}

.span_3_of_6 {
  	width: 48.8%;
}

.span_2_of_6 {
  	width: 31.73%;
}

.span_1_of_6 {
  	width: 14.66%;
}



/* ================================================================== GRID OF EIGHT   ======================================================================================== */

.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
  	width: 87.2%;
}

.span_6_of_8 {
  	width: 74.4%;
}

.span_5_of_8 {
  	width: 61.6%;
}

.span_4_of_8 {
  	width: 48.8%;
}

.span_3_of_8 {
  	width: 36%;
}

.span_2_of_8 {
  	width: 23.2%;
}

.span_1_of_8 {
  	width: 10.4%;
}


/* ================================================================== MEDIA QUERIES ================================================================================================== */

/* ================================= SCREEN WIDTH 1220 PX ================================= */

@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
	nav li a { font: 400 18px/1.4 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; text-shadow: 1px 1px 1px #000000; border-bottom: 1px solid rgba(0, 0, 0, 0.33);}

	nav small { font: 400 10px/1 'Open Sans', helvetica, frutiger, verdana, sans-serif;}
}

/* ================================= SCREEN WIDTH 930 PX ================================= */

@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){
	nav li a { width: 25%; border-bottom: 1px solid rgba(0, 0, 0, 0.33); font: 400 18px/1.4 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; text-shadow: 1px 1px 1px #000000;}

	nav li:last-child a, nav li:nth-child(4) a {border-right:1px solid rgba(0, 0, 0, 0.33);}

	nav li:nth-child(5) a, nav li:nth-child(6) a, nav li:nth-child(7) a, nav li:nth-child(8) a {border-bottom: 1px solid rgba(0, 0, 0, 0.33);}

	.headroom {height:156px;}


}


/* ================================= SCREEN WIDTH 580 PX ================================= */

@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
	nav li a { width: 50%; font: 400 20px/1.4 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; padding-top: 14px; padding-bottom: 12px; text-shadow: 1px 1px 1px #000000;}

	nav li:nth-child(even) a { border-right: 1px solid rgba(0, 0, 0, 0.33);}

	nav li:nth-child(5) a, nav li:nth-child(6) a { border-bottom: 1px solid rgba(0, 0, 0, 0.33);}

	.headroom {height:304px;}
}

/* ================================= SCREEN WIDTH 480 PX ================================= */

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.headroom { height:340px;}
	.span_8_of_8 { width: 100%;}
	.span_7_of_8 { width: 100%;}
	.span_6_of_8 { width: 100%;}
	.span_5_of_8 { width: 100%;}
	.span_4_of_8 { width: 100%;}
	.span_3_of_8 { width: 100%;}
	.span_2_of_8 { width: 100%;}
	.span_1_of_8 { width: 100%;}
	.span_2_of_2 { width: 100%;}
	.span_1_of_2 { width: 100%;}
	.span_6_of_6 { width: 100%;}
	.span_5_of_6 { width: 100%;}
	.span_4_of_6 { width: 100%;}
	.span_3_of_6 { width: 100%;}
	.span_2_of_6 { width: 100%;}
	.span_1_of_6 { width: 100%;}
	.span_5_of_5 { width: 100%;}
	.span_4_of_5 { width: 100%;}
	.span_3_of_5 { width: 100%;}
	.span_2_of_5 { width: 100%;}
	.span_1_of_5 { width: 100%;}
	.span_4_of_4 { width: 100%;}
	.span_3_of_4 { width: 100%;}
	.span_2_of_4 { width: 100%;}
	.span_1_of_4 { width: 100%;}
	.span_3_of_3 { width: 100%;}
	.span_2_of_3 { width: 100%;}
	.span_1_of_3 { width: 100%;}
}

/* ================================= SCREEN WIDTH 320 PX ================================= */

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	nav li a { font: 400 20px/1.4 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; text-shadow: 1px 1px 1px #000000;}

}


/*=========================
module Gform
==========================*/

.module-gform{
    position: relative;
    max-width: 500px;
  	margin: 0 auto;
}

.module-gform form{

    max-width: 500px;
    margin: 0;
}

.module-gform .gform_fields{
    margin: 0;
    padding: 0;
    list-style: none;
}

.module-gform .gfield{
    position: relative;
    margin-bottom: 20px;
}

.module-gform .gfield_label{
    display: none;
    margin-bottom: 10px;
    font-size: 18px;
}

.module-gform textarea,
.module-gform input[type=text]{
    display: block;
    width: 100%;
    background: #000;
    border: none;
    padding: 16px;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
}

.module-gform textarea{
    height: 200px;
}

.module-gform input[type=submit]{
    padding: 12px 20px 10px;
    border: none;
    font-size: 20px;
    color: #fff;
    background: #e82222;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
}

.module-gform input[type=submit]:hover{
    color: #000;
}

.module-gform .gform_footer{
	margin-bottom: 20px;
}

::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

:-ms-input-placeholder {
   color: #fff;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.ajaxStatus{
    background: #fff;
    padding: 12px;
    border: 4px solid #ff0000;
    display: none;
}

#phone-number{
    display: none;
}

.fillies-center-text{
    margin-top: -30px;
}

.fillies-center-text a:link,
.fillies-center-text a:visited{
    font-weight: normal;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 23px;
    display: inline-block;
    padding: 0;
}

.fillies-center-text a:hover,
.fillies-center-text a:active{
    color: #e82222;
    text-decoration: none;
}