/*
Theme Name:Region Supply
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);

body {
	text-align: left;
	font-size: 15px;
	line-height: 22px;
	font-family: Lato, arial, sans-serif;
	overflow-x: hidden;

}

.container-fluid {
	margin: 0px -15px;
}
p {
	padding-bottom: 15px;
}


a {
	color: #7e7e7e;
	text-decoration: none;
}

a:hover{
	color: black;
	text-decoration: underline;
}

h1, h2, h3 {
	font-family: arial, helvetica, sans-serif;
	color: #e0ae0e;
	font-size: 20px;
	font-weight: normal;
}

h4 {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

h5 {
	color: #e0ae0e;
	font-size: 14px;
	font-weight: normal;
}


.header {
	width: 100%;
	max-width: 960px;
	text-align: center;
	display: block;
	margin: 0px;
}

.collage {
	width: 100%;
	max-width: 600px;
	text-align: center;
}


.trailor {
	width: 100%;
	max-width: 194px;
	padding-bottom: 20px;
}

.bg-black {
	background-color: #000000;
}

.bg-gray {
	background-color: #404041;
	color: #e0ae0e;
	font-size: 25px;
	font-weight: 300;
	padding: 13px;
}

.title-doc {
	text-transform: uppercase;
	color: #e0ae0e;
	font-size: 45px;
	line-height: 55px;
	font-weight: 700;
}

@media only screen and (max-width: 420px) {
	.bg-gray {
	font-size: 15px;
	font-weight: 300;
	padding: 13px;
}
	.title-doc {
	font-size: 25px;
	line-height: 30px;
}
}




/* =HEAD */


.space {
	margin-top: 20px;
}

.logo {
	width: 100%;
	max-width: 855px;
	text-align: center;
	margin: 0px;
}

.relative {
	position: relative;
}

/* headshots */

.headshots {
	text-align: center;
	background-color: #404041;
	font-size: 13px;
	line-height: 17px;
	color: #ffffff;
}

.production {
	text-align: center;
	background-color: #ececec;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
	padding: 10px;
}


.pad-left {
	padding: 20px 10px 20px 20px;
}

.pad-right {
	padding: 20px 20px 20px 10px;
}

@media only screen and (max-width: 1000px) {
	.pad-left {
		padding: 20px 5px 20px 10px;
	}

	.pad-right {
		padding: 20px 10px 20px 5px;
	}
}

@media only screen and (max-width: 756px) {
	.pad-left {
		padding: 20px 50px 20px 100px;
	}

	.pad-right {
		padding: 20px 100px 20px 50px;
	}
}

@media only screen and (max-width: 600px) {
	.pad-left, .pad-right  {
		padding: 20px;
	}
}

.trailer-image {
	position: absolute;
	top: -8050%;
	float: right;
	padding: 0px;
}

@media only screen and (max-width: 420px) {
.trailer-image {
	position: relative;
}
}

 /*modal */
    .big-box
    {
      position: absolute;
      width: 50%;
      /*height: 50%; */
    }
  
    .modal-dialog {
      width: 100%;
      height: 100%;
      padding: 0;
      margin:0;
    }
    .modal-content {
      
      height: 100%;
      border-radius: 0;
      color:white;
      overflow:auto;
    }
    .modal-title
    {
      font-size: 3em;
      font-weight: 300;
      margin: 0 0 20px 0;
    }
	    .close
    {
      color:white ! important;
      opacity:1.0;
    }
	
	.modal-dialog {
	      width: 100%;
	      height: 100%;
	      padding: 0;
	      margin:0;
	}	
	.modal-content {   
	      height: 100%;
	      border-radius: 0;
	      overflow:auto;
		  background-color: #000000;
	}
	
	.modal-header {
		border: 0px;
	}

	.thumbnail {
		background: rgba(0,0,0,.7);
		border: 0px;
		text-align: center;
	}
	
	

/* logos */

.logos {
	text-align: center;
}

.logos img { 
    max-width: 240px;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 40px;
	vertical-align: middle;
}

.cent {
	margin: auto;
}
.sm img {
	disply: inline;
}

/* contact form */
.form-control-feedback {
position: relative;
display: inline;
top: 0;
line-height: 14px;
}

.btn-info {
	background-color: #e1ae00;
	border-width: 0px;
	color: #000000;
}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {
	background-color:#333333;
}

.yellow {
	color: #e0ae0e;
	font-size: 16px;
}
.succeed a{
	background-color: #e0ae0f;
	border-width: 0px;
	color: #ffffff;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	max-width: 300px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 15px;
	text-decoration: none;
}

.succeed a:hover{
	background-color: #404041;
	color: #ffffff;
	text-decoration: none;
}