/*====================================================

Table of Contents

	2. #table
	4. #main content
	6. #media screens
		#768
		#520
		#480
		#320

====================================================*/


/*====================================================

#Table

====================================================*/
/*
	table {
		margin-bottom: 20px;
		width: 100% !important;
	}
	
	table tr {
		margin-bottom: 10px;
	}

	table td {
		vertical-align: top !important;	
	}
	
	table td span strong {
		font-family: "proxima-nova-condensed" !important;
		font-size: 20px !important;
		line-height: 36px !important;
		font-weight: normal !important;
		text-transform: uppercase !important;
		color: #555;
	}
	
	table td span {
		font-family: "proxima-nova-light" !important;
		font-size: 18px !important;
		line-height: 140% !important;
		color: #727a7e !important;
	}

					
		table p {
			margin-bottom: 0 !important;
		}
		
		table td {
			display: block !important;
			vertical-align: top !important;
		}
		
		table td span {
			font-size: 16px !important;
		}
*/



/*====================================================

#main content

====================================================*/
	
	.lpContentsItem {
		width: auto !important;
	}
	
	.main-content .column.right {
		width: 35%;
		float: right;
	}
	
	.main-content .column.left {
		width: 58%;
		padding: 30px 0;
		padding-right: 3.2%;
		margin-right: 3%;
		border-right: 1px solid #B3B3B3;
		float: left;
	}

	.main-content .column.left h1,
	.main-content .column.left h2,
	.main-content .column.left h3 {
		font-family: "proxima-nova-condensed";
		line-height: 140%;
	}
	
	.main-content .column.left h2 {
		margin-top: 20px;
	}
	
	.main-content .column.left .topContent .left {
		width: 30%;
		float: left;
		min-height: 26px;
	}
	
	.main-content .column.left .topContent .right {
		display: block;
		float: left;
	}

	.main-content .column.left .topContent .row {
		margin-bottom: 10px;
	}
	
	.main-content ul li {
		margin-left: 25px;
		margin-bottom: 8px;
		font-size: 16px;
	}


	.main-content .infoContainer {
		width: 38%;
		display: block;
		float: left;
		margin-left: 1%;
	}

	.main-content .infoContainer h1 {
		font-size: 40px;
		margin-bottom: 30;
		margin-top: 60px;
	}
	
	.main-content .infoContainer h2 {
		/* font-family: "proxima-nova-light"; */
		/*
text-transform: uppercase;
		margin-top: 200px;
*/
		/* color: #c12a3a; */
	}
	
	.main-content .infoContainer table {
		margin-top: 90px;
	}
	
	.main-content .videoContainer {
		width: 60%;
		float: left;
		display: block;
		padding-left: 1%;
	}
	
	.videoContainer {
	    position: relative;
	    /* padding-bottom: 54.25%; */
	    padding-top: 30px; 
	    height: 0; 
	    min-height: 430px;
	    padding-bottom: 20px;
	    /* overflow: hidden; */
	}
	 
	.videoContainer iframe,
	.videoContainer object,
	.videoContainer embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 98%;
	    height: 100%;
	    height: 400px;
	}

	
	.main-content .bottomContent {
		display: block;
		clear: both;
		padding-top: 50px;
		border-top: 1px solid #ccc;
	}

	.main-content .bottomContent .column.left{
		width: 35%;
		float: left;
		border: none;
		padding: 0;
	}
	
	.main-content .bottomContent .column.left table p.link,
	.main-content .bottomContent .column.left table p.link a {
		font-size: 14px;
	}	 

	.main-content .bottomContent .column.right{ 
		width: 55%;
		float: left;
		border: none;
		padding: 0;
		padding-left: 6%;
	}

/* ---------------------------------------------------
					#media screens 
--------------------------------------------------- */



/* --------------------------------------------------- 
						#768
--------------------------------------------------- */

@media only screen and (min-width : 768px) and (max-width : 959px) {



	/*====================================================
	#Main-Content
	====================================================*/		

		.videoContainer {
			min-height: 380px;
		}
		
		.videoContainer iframe, 
		.videoContainer object, 
		.videoContainer embed {
			height: 365px;
		}

		.main-content .infoContainer {
			margin-bottom: 10px;
		}
		
		.main-content .infoContainer h1 {
			margin-top: 0;
		}
		
		.main-content .bottomContent {
			padding-top: 35px;
		}
		
		.main-content .column.left .topContent .left {
			width: 25%;
		}
	
		.main-content .infoContainer h1 {
			margin-top: 100px;
			font-size: 
		}

		.videoContainer {
			height: 380px;
		}

		.videoContainer iframe,
		.videoContainer object,
		.videoContainer embed {
			min-height: 330px;
		}
}

/* --------------------------------------------------- 
						#520
--------------------------------------------------- */
@media only screen and (min-width : 520px) and (max-width : 767px) {

	/*====================================================
	#base styling 
	====================================================*/
		
		.hero .column.left,
		.hero .column.right,
		.main-content .column.left,
		.main-content .bottomContent .column.left,
		.main-content .column.right,
		.main-content .bottomContent .column.right,
		.main-content .videoContainer,
		.main-content .infoContainer {
			width: 100%;
			border: none;
			padding-top: 0;
		}
	/*====================================================
	#main content
	====================================================*/
		
		.videoContainer {
			min-height: 410px;
		}
		
		.videoContainer iframe, 
		.videoContainer object, 
		.videoContainer embed {
			width: 100%;
			height: 390px;
		}

		.main-content .infoContainer {
			text-align: center;
			margin-bottom: 10px;
		}
		
		.main-content .infoContainer h1 {
			margin-top: 0;
		}
		
		.main-content .bottomContent {
			padding-top: 20px;
		}
		
		.main-content .column.right form li {
            width: 49%;
            float: left;
        }
          
/*
        .main-content .column.right form li:nth-child(even) input,
        .main-content .column.right form li:nth-child(even) select*/ 
        .main-content .column.right form li:nth-child(even) label,
		.main-content .column.right form li:nth-child(even) .mktInput{
            margin-left: 4% !important;
            display: block;
            clear: both;
    	}

        .main-content .column.right form select {
	        -webkit-appearance: none;
	        -moz-appearance: none;
	        appearance: none;
        }   
          
        .main-content form li#mktFrmButtons {
			width:100%;
        }
        
        .topContent .right p {
	        font-size: 15px !important;
        }

		.main-content .column.left .topContent .left {
			width: 25%;
		}

        .main-content .column.left ul li {
	        font-size: 15px;
        }



}

@media only screen and (min-width : 480px) and (max-width : 519px) {
	
	/*====================================================
	#base styling 
	====================================================*/

		
		.hero .column.left,
		.hero .column.right,
		.main-content .column.left,
		.main-content .bottomContent .column.left,
		.main-content .column.right,
		.main-content .bottomContent .column.right,
		.main-content .videoContainer,
		.main-content .infoContainer {

			width: 100%;
			border: none;
			padding-top: 0;
		}	


/*====================================================
	#table
	====================================================*/
		table {
			margin-bottom: 10px;
			margin-left: 30px;
		}
		
		table td {
			display: table-cell !important;
		}

		
	/*====================================================
	#main content
	====================================================*/
	
		.videoContainer {
			min-height: 400px;
		}
		
		.videoContainer iframe, 
		.videoContainer object, 
		.videoContainer embed {
			width: 100%;
			height: 380px;
		}

		.main-content .infoContainer {
			text-align: center;
			margin-bottom: 10px;
		}
		
		.main-content .infoContainer h1 {
			margin-top: 0;
		}
		
		.main-content .bottomContent {
			padding-top: 20px;
		}
		
		.main-content .column.right form li {
            width: 49%;
            float: left;
        }
          
/*
        .main-content .column.right form li:nth-child(even) input,
        .main-content .column.right form li:nth-child(even) select*/ 
        .main-content .column.right form li:nth-child(even) label,
		.main-content .column.right form li:nth-child(even) .mktInput{
            margin-left: 4% !important;
            display: block;
            clear: both;
    	}

        .main-content .column.right form select {
	        -webkit-appearance: none;
	        -moz-appearance: none;
	        appearance: none;
        }   

          
        .main-content form li#mktFrmButtons {
			width:100%;
        }


        .topContent .right p {
	        font-size: 15px !important;
        }

		.main-content .column.left .topContent .left {
			width: 25%;
		}
		
        .main-content .column.left ul li {
	        font-size: 15px;
        }		

	
}

@media only screen and (max-width : 479px) {

		
		.hero .column.left,
		.hero .column.right,
		.main-content .column.left,
		.main-content .bottomContent .column.left,
		.main-content .column.right,
		.main-content .bottomContent .column.right,
		.main-content .videoContainer,
		.main-content .infoContainer {
			max-width: 100%;
			width: 100%;
			border: none;
			padding-top: 0;
		}
		

			
	/*====================================================
	#main content
	====================================================*/
	
		.videoContainer {
			min-height: 270px;
		}
		
		.videoContainer iframe, 
		.videoContainer object, 
		.videoContainer embed {
			width: 100%;
			height: 250px;
		}

		.main-content .infoContainer {
			text-align: center;
			margin-bottom: 10px;
		}
		
		.main-content .infoContainer h1 {
			margin-top: 0;
			font-size: 30px;
			line-height: 120%;
		}

		.main-content .bottomContent {
			padding-top: 20px;
		}
		
/*
		.main-content .column.right form li {
			width: 49%;
			margin-right: 1%;
			float: left;
		}
		
		.main-content .column.right form select,
		.main-content .column.right form input[type="submit"] {
			width: 99%;
		}
*/		
		.main-content .column.left .topContent .left {
			min-height: 0;
		}

		.main-content .column.left .topContent .right {
			clear: left;
		}


		.main-content .column.right form li {
            width: 49%;
            float: left;
        }
          
/*
        .main-content .column.right form li:nth-child(even) input,
        .main-content .column.right form li:nth-child(even) select*/ 
        .main-content .column.right form li:nth-child(even) label,
		.main-content .column.right form li:nth-child(even) .mktInput{
            margin-left: 4% !important;
            display: block;
            clear: both;
    	}        


        .main-content .column.right form select {
	        -webkit-appearance: none;
	        -moz-appearance: none;
	        appearance: none;
        }   
               
        .main-content form li#mktFrmButtons {
			width:100%;
        }
        
        .main-content .column.left ul li {
	        font-size: 15px;
        }



	
}