@charset "utf-8";

body,div,dl,dt,dd,p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,blockquote,form{margin:0;padding:0;}
ul,ol{list-style:none;}
img,a img{border:none;display:block;}
*:link,*:visited{text-decoration:none;}
*:active,*:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
label,button{cursor:pointer;}
input,textarea,select{font-family:inherit;font-size:inherit;padding:0;margin:0;vertical-align:middle;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}

::-moz-selection { background-color: #ff1717; color: #FFF; }
::selection { background-color: #ff1717; color: #FFF; }

@font-face{font-family:"Trade Gothic Bold";src:url("fonts/42f8f200-6ff8-4b67-bc96-8d674f4b3275.eot?#iefix");src:url("fonts/42f8f200-6ff8-4b67-bc96-8d674f4b3275.eot?#iefix") format("eot"),url("fonts/0bfd2aae-9a10-46f3-924e-402e9ad13428.woff2") format("woff2"),url("fonts/215149dc-634c-4908-971e-9f03beeede36.woff") format("woff"),url("fonts/1cef6dfa-3f90-464c-a4aa-902709a78cea.ttf") format("truetype"),url("fonts/000415cf-58f3-457f-bf5f-5e28411c5069.svg#000415cf-58f3-457f-bf5f-5e28411c5069") format("svg");}

html 					{ overflow-y: scroll; }
body 					{ background: #FFF; color: #222; font-family: "adobe-caslon-pro", serif; font-size: 18px; line-height: 1; }
.page-layout			{ min-width: 980px; }
.page-content 			{  }
.page-content section 	{ margin: 0 auto; overflow: hidden; padding: 60px 0 20px; position: relative; width: 940px; }

/* PAGE HEADER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-header * 				{ -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; }
.page-header 				{ background: #0069af url(/assets/images/bg/header-bg.jpg) center top no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; height: 190px; padding-top: 60px; width: 100%; }
.page-header .logo 			{ color: #FFF; font-size: 40px; height: 130px; margin: 0 auto; text-align: center; width: 400px; }
.page-header .logo img		{ display: block; margin: 0 auto; height: 100%; width: 100%; }
.page-header .logo a		{ display: block; height: 100%; width: 100%; }
.page-header .logo a:hover	{ opacity: 0.9; }

.page-header nav 		{ font-family: "Trade Gothic Bold", sans-serif; font-size: 16px; height: 40px; letter-spacing: 3px; line-height: 20px; margin-top: 20px; text-align: center; text-transform: uppercase; width: 100%; }
.page-header ul			{ margin: 0 auto; width: 980px;}
.page-header li 		{ display: inline-block; margin-right: -4px; }
.page-header li a 		{ color: #FFF; display: block; margin: 0 50px; padding-bottom: 5px; }
.page-header li a:hover	{ border-bottom: 2px solid #FFF; opacity: 0.8; text-decoration: none; }

.header-shadow			{ background: url(/assets/images/bg/header-shadow.png) center top repeat-x; height: 30px; width: 100%; }

.navigation		 		{ background-color: rgba(255,255,255,0.8); border-bottom: 1px solid #CCC; display: none; font-family: "Trade Gothic Bold", sans-serif; font-size: 16px; height: 50px; letter-spacing: 3px; line-height: 48px; position: fixed; top: 0; left: 0; text-align: center; text-transform: uppercase; width: 100%; z-index: 999; }
.navigation ul			{ margin: 0 auto; width: 980px;}
.navigation li 			{ display: inline-block; margin-right: -4px; }
.navigation li a 		{ color: #F00; display: block; margin: 0 50px; }
.navigation li.on a		{ border-bottom: 2px solid #F00; opacity: 0.8; text-decoration: none; }
.navigation li a:hover	{ border-bottom: 2px solid #F00; opacity: 0.8; text-decoration: none; }


/* PAGE FOOTER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-footer			{ color: #999; font-size: 12px; height: 80px; line-height: 80px; margin: 0 auto; overflow: hidden; width: 940px; }
.page-footer p.left		{ float: left; }
.page-footer p.right	{ float: right; }
.page-footer a			{ color: #999; text-decoration: none; }
.page-footer a:hover 	{ color: #888; text-decoration: underline; }

/* CONTENT
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*layout*/
.page-content .content-block					{ clear: both; float: left; margin-bottom: 20px; overflow: hidden; width: 420px; }
.page-content .content-block:nth-child(even)	{ clear: none; float: right; }
.page-content .content-left						{ clear: both; float: left; margin-bottom: 20px; overflow: hidden; width: 420px; }
.page-content .content-right					{ float: right; margin-bottom: 20px; overflow: hidden; width: 420px; }
.page-content .full-width						{ clear: both; margin-bottom: 20px; overflow: hidden; width: 100%; }
.page-content .content-left img,
.page-content .content-right img				{ margin-bottom: 15px; }
.page-content .person							{ padding-bottom: 15px; text-align: center; }
.page-content .person img						{ display: block; height: 250px; margin: 0 auto 40px; width: auto; }

/*elements*/
.page-content h1			{ color: #0069af; font-size: 17px; font-family: "Trade Gothic Bold", sans-serif; font-weight: normal; line-height: 20px; margin: 0 0 15px; text-transform: uppercase; }
.page-content h2			{ color: #888888; font-size: 12px; font-family: "Trade Gothic Bold", sans-serif; font-weight: normal; line-height: 15px; margin: 0 0 20px; text-transform: uppercase; }
.page-content h1+h2			{ border-bottom: 1px solid #DDD; margin-top: -10px; padding-bottom: 15px; }
.page-content p				{ color: #222; font-size: 18px; line-height: 145%; margin: 0 0 20px; }
.page-content blockquote	{ color: #222; font-size: 23px; font-style: normal; line-height: 150%; margin: 0 auto 20px; text-align: center; width: 70%; }
.page-content a				{ color: #0069af; text-decoration: none; }
.page-content a:hover		{ color: #ff1717; text-decoration: underline; }

/*lists*/
.page-content ul, 
.page-content ol			{ font-size: 17px; line-height: 20px; margin: 0 0 15px 20px; }
.page-content ul ul,
.page-content ul ol,
.page-content ol ol,
.page-content ol ul 		{ font-size: 100%; margin: 5px 0 5px 20px; }
.page-content ul 			{ list-style-type: disc; }
.page-content ul ul 		{ list-style-type: circle; }
.page-content ul ul ul 		{ list-style-type: square; }
.page-content ol 			{ list-style-type: decimal; }
.page-content ol ol 		{ list-style-type: lower-alpha;	}
.page-content ol ol ol		{ list-style-type: lower-roman; }
.page-content li			{ margin-bottom: 5px; }

/*tables*/
.page-content table					{ border-collapse: collapse; margin-bottom: 20px; }
.page-content th					{ font-size: 17p; text-align: left; vertical-align: top; }
.page-content td					{ font-size: 17px; text-align: left; vertical-align: top; }

/*forms*/
.page-content fieldset				{ border: none; margin: 0; overflow: hidden; padding: 0; }
.page-content label					{ color: #FFF; display: block; font-size: 11px; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; }
.page-content label.checkbox		{ color: #FFF; display: inline; letter-spacing: 0; line-height: 1; padding: 0 5px; text-transform: none; vertical-align: middle; }
.page-content .input				{ background-color: #CCC; border: none; color: #222; font-size: 12px; height: 28px; margin-bottom: 10px; opacity: 0.8; padding: 0 5px; width: 218px; }
.page-content .input				{ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.page-content .input:focus,
.page-content .input:hover			{ background-color: #DDD; border: none; color: #000; opacity: 1; }
.page-content select				{ background-color: #CCC; border: none; color: #222; font-size: 12px; height: 30px; margin-bottom: 10px; opacity: 0.8; padding: 0 5px; width: 218px; }
.page-content select				{ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.page-content select:focus,
.page-content select:hover			{ background-color: #DDD; border: none; color: #000; }
.page-content textarea				{ background-color: #CCC; border: none; color: #222; font-size: 12px; margin-bottom: 10px; padding: 0 5px; width: 188px; }
.page-content textarea:focus,
.page-content textarea:hover		{ background-color: #DDD; border: none; color: #000; }
.page-content .submit				{ background-color: #0069af; border: 1px solid #0069af; clear: both; color: #FFF; cursor: pointer; display: inline-block; font-family: sans-serif; font-size: 12px; height: 30px; letter-spacing: 1px; margin-bottom: 10px; padding: 0 10px; text-transform: uppercase; }
.page-content .submit				{ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.page-content .submit:hover			{ background-color: #ff1717; border: 1px solid #0069af; }

/*fade in effects*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-duration:0.5s;
  -moz-animation-duration:0.5s;
  animation-duration:0.5s;
}

/* MEDIA QUERIES
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Mobiles - Landscape */
@media screen and (min-width: 480px) and (max-width: 919px) {

}

/* Mobiles */
@media only screen and (max-width: 479px) {
	.page-layout { min-width: 300px; }
	.navigation { display: none !important; }
	.page-header 			{ height: 110px; padding: 20px 0 0; z-index: 999; }
	.page-header .logo 		{ color: #FFF; font-size: 20px; height: 60px; margin: 0 auto; text-align: center; width: 185px; }
	.page-header nav 		{ font-family: "Trade Gothic Bold", sans-serif; font-size: 12px; height: 30px; letter-spacing: 0; line-height: 30px; margin-top: 10px; }
	.page-header ul			{ margin: 0 auto; width: 100%;}
	.page-header li 		{ display: inline-block; margin-right: -4px; }
	.page-header li a 		{ margin: 0 10px; padding-bottom: 0; }
	.page-header li a:hover	{ border-bottom: none; }
	.page-content article	{  }
	.page-content section	{ padding: 30px 15px; width: auto; }
	.page-content .content-block					{ clear: both; float: none; margin-bottom: 15px; overflow: hidden; width: 100%; }
	.page-content .content-block:nth-child(even)	{ clear: none; float: none; }
	.page-content .content-left						{ clear: both; float: none; margin-bottom: 15px; overflow: hidden; width: 100%; }
	.page-content .content-right					{ float: none; margin-bottom: 15px; overflow: hidden; width: 100%; }
	.page-content .full-width						{ clear: both; margin-bottom: 0; overflow: hidden; width: 100%; }
	.page-content .content-left img,
	.page-content .content-right img				{ height: auto; width: 100%; }
	.page-content .person							{ text-align: center; }
	.page-content .person img						{ display: block; height: 250px; margin: 0 auto 40px; width: auto; }
	
	.page-content h1			{ font-size: 16px; line-height: 20px; text-align: center; }
	.page-content h2			{  }
	.page-content p				{ font-size: 14px; line-height: 130%; margin: 0 0 20px; }
	.page-content blockquote	{ font-size: 17px; line-height: 140%; width: auto; }
	.page-content ul, 
	.page-content ol			{ font-size: 14px; line-height: 18px; margin: 0 0 15px 20px; }
	
	.page-footer			{ height: auto; line-height: 20px; padding: 30px 15px; width: auto; }
	.page-footer p			{ float: none !important; margin-bottom: 10px; text-align: center; width: 100%; }
	.page-footer p.left		{ font-weight: bold; }

}


/* High DPI 2x+ */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.page-header h1.logo { background-image: url(/assets/images/logo/ascent-capital-logo-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.page-header h1.logo img { display: none; }
}

/* High DPI 1.5x+ */
@media 
screen and (max-width: 767px) and ( min-device-pixel-ratio: 1.5),
screen and (max-width: 767px) and ( -webkit-min-device-pixel-ratio: 1.5),
screen and (max-width: 767px) and ( -o-min-device-pixel-ratio: 3/2) {
	.page-header h1.logo { background-image: url(/assets/images/logo/ascent-capital-logo-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.page-header h1.logo img { display: none; }
}