/* -------------------------------------------

	Name: 		PT
	Date:		2015/04/23
	Author:		http://psdhtml.me
		   		   
---------------------------------------------  */
* { margin: 0; padding: 0; }
*, :before, :after { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }

html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; }
body { min-height: 100%; padding-top: 28px; background: #fff; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, textarea, input, select, option, button { color: #333; font-family: Arial, Helvetica, sans-serif; line-height: 1.33; }
li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.2em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 15px; }

article, aside, details, div, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }


/*! Layout --------- */
#root { overflow: hidden; position: relative; border-top: 3px solid #86b1c1; }
	#root:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 120px; background: url(../images/sprite.png) repeat-x; }
	#top { position: relative; z-index: 3; width: 1232px; height: 78px; margin: 0 auto 10px; padding: 7px 0 0; }
	#top:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
		#top h1 { float: left; padding: 0 40px 0 0; color: #333; font-weight: 400; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 1.33; text-align: center; text-transform: none; }
			#top h1 a { display: block; overflow: hidden; margin: 0 0 2px; }
			#top h1 img { display: block; }
		#skip { position: fixed; top: 0; left: -10000px; }
			#skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; text-decoration: none; }
		#nav { position: absolute; right: 0; bottom: -2px; }
			#nav > ul { list-style: none; margin: 0; padding: 0; }
				#nav > ul > li { float: left; padding: 0 0 2px 2px; }
				#nav > ul > li > a { float: left; width: 120px; height: 20px; border-radius: 2px; background: #5590a5; color: #fff; font-weight: 400; line-height: 20px; text-align: center; text-decoration: none; }
					#nav > ul > li > a:hover, #nav > ul > li.active > a { background: #39606f; }
					#nav > ul > li.active > a { cursor: default; }
			#nav em { position: absolute; left: -3000em; top: -3000em; }
		#top > article { padding: 4px 0 0; text-align: right; }
	#content { position: relative; z-index: 2; width: 1232px; margin: 0 auto; padding: 0 0 34px; }
	#content:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	#footer { position: relative; z-index: 1; width: 710px; margin: 0 auto; padding: 0 100px 0 0; }
		#footer:before { content: ""; display: block; position: absolute; right: 0; top: 1px; width: 86px; height: 29px; border: 1px solid #999; background: url(../images/sprite.png) 0 -126px no-repeat; }
		#footer p { font-size: 1em; }
		#footer a { color: #333; font-weight: 400; }


/*! Columns --------- */


/*! Modules --------- */
.gallery-a { overflow: hidden; position: relative; list-style: none; width: auto; margin: 0 0 18px -4px; padding: 0; }
	.gallery-a li { float: left; width: 25%; margin: 0 0 4px; border-left: 4px solid rgba(255,255,255,0); text-align: center; }
	.gallery-a a { display: block; }
		.gallery-a a:hover { color: #000; text-decoration: none; }
		.gallery-a a:hover img { border-color: #5590a5; }
	.gallery-a img { display: block; width: 100% !important; border: 1px solid #dcdcdc; }
	.gallery-a span { display: block; overflow: hidden; height: 25px; padding: 2px 8px 3px 8px; white-space: nowrap; text-overflow: ellipsis;text-transform:uppercase;font-size:16px;position:absolute;color:#FFFFFF;background: rgba(0,0,0,.4); }
.lt-ie9 .gallery-a { width: 105%; margin-left: 0; }
	.lt-ie9 .gallery-a li { width: 202px; margin-right: 4px; border: 0; }
/*.gallery-a + .gallery-a { margin-top: -18px; }*/
	

/*! Headers --------- */
h1, h2, h3, h4, h5, h6 { margin: 49px 0 4px; padding: 8px; background: #eeeff2; color: #373737; font-size: 2.3em; font-weight: 700; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.1; text-align: center; text-transform: uppercase; }


/*! Content --------- */
b, strong, .strong { font-weight: 700; }
blockquote { margin: 1em 40px; }
dfn, em, i, .em { font-style: italic; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
strike, del, .strike { text-decoration: line-through; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

.scheme-a { text-transform: uppercase; }


/*! Links --------- */
a { background: none; color: #426994; font-weight: 700; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; }
	a:hover, a:focus, a:active { text-decoration: underline; outline: none; }


/*! Lists --------- */
ul, ol, dd, blockquote { padding-left: 40px; }
	ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

.list-a { overflow: hidden; list-style: none; width: 1210px; margin: 0 auto 22px; padding: 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.3; text-transform: none; text-align: center; }
	.list-a li { float: left; margin: 0 11px; padding-bottom:18px; font-size: 2.3em; font-weight: 700; /*height: 64px;*/ background: #eeeff2; border-radius: 3px;margin-top:10px;}
	.list-a li a { display: block; position: relative; float: left; width: 219px; padding: 12px 0 0 0; border-radius: 3px; background: #eeeff2; color: #333; text-decoration: none;font-size:20px; }
		.list-a li a:hover { color: #39606f;}
	.list-a li a span { display: block; margin: 0 0 2px; color: #5590a5; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: .478em; text-transform: none; }
	.list-a li span { display: block; margin: 0 0 2px;  color: #5590a5; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:10px; text-transform: none; }
	
/*! Media --------- */
img, object, embed, video { max-width: 100% !important; }
img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
.lt-ie9 img { max-width: none !important; }
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }


/*! Forms --------- */
fieldset, hr { border-width: 0; }
	legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; }
	input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; text-align: left; text-transform: none; outline: none; }
	input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"], .gallery-a li, .gallery-a img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
		input { line-height: 1; }
			input[type="search"], input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
				input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
				input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; height: auto; margin: 0; }
				input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; }		
			input[type="checkbox"], input[type="radio"] { padding: 0; }
		textarea { overflow: auto; vertical-align: top; resize: vertical; }
		select { text-overflow: ''; text-indent: 0.01px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } 
			select::-ms-expand { display: none; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { position: relative; z-index: 3; margin: 0; text-transform: none; cursor: pointer; -webkit-appearance: button; } 
		button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
	form [disabled] { cursor: default; }
::-webkit-input-placeholder { opacity: 1; color: inherit; }
::-moz-placeholder { opacity: 1; color: inherit; }
:-moz-placeholder { opacity: 1; color: inherit; }
:-ms-input-placeholder { opacity: 1; color: inherit; }
	:focus::-webkit-input-placeholder { opacity: 0; }
	:focus::-moz-placeholder { opacity: 0; }
	:focus:-moz-placeholder { opacity: 0; }
	:focus:-ms-placeholder { opacity: 0; }

form { }
	label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; }
	form p { position: relative; clear: both; }
	form p:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { height: 32px; padding: 0 12px; line-height: 1; }
		input[type="color"] { padding: 0; cursor: pointer; }
		.lt-ie9 input[type="date"], .lt-ie9 input[type="datetime"], .lt-ie9 input[type="datetime-local"], .lt-ie9 input[type="email"], .lt-ie9 input[type="month"], .lt-ie9 input[type="number"], .lt-ie9 input[type="password"], .lt-ie9 input[type="range"], .lt-ie9 input[type="search"], .lt-ie9 input[type="tel"], .lt-ie9 input[type="text"], .lt-ie9 input[type="time"], .lt-ie9 input[type="url"], .lt-ie9 input[type="week"] { line-height: 32px; }
	select { padding: 7px 7px 7px 9px; } 
	textarea { padding: 7px 7px 7px 12px; }  
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea { border: 1px solid #ccc; background: #fff; } 
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: hidden; float: left; height: 32px; padding: 0 12px; border: 1px solid #ccc; background: #fff; }


/*! Tables --------- */
table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; }
	th, td { padding: 5px 10px; border: 1px solid #eee; font-weight: 400; text-align: left; }


/*! Helpers --------- */
*, *:before, *:after { -moz-transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, border-color 0.1s ease-in-out 0s, opacity 0.1s ease-in-out 0s; -webkit-transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, border-color 0.1s ease-in-out 0s, opacity 0.1s ease-in-out 0s; -o-transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, border-color 0.1s ease-in-out 0s, opacity 0.1s ease-in-out 0s; -ms-transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, border-color 0.1s ease-in-out 0s, opacity 0.1s ease-in-out 0s; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, border-color 0.1s ease-in-out 0s, opacity 0.1s ease-in-out 0s; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; }

.clear { clear: both; overflow: hidden; width: 100%; height: 0; }
.hidden, [hidden], template { position: absolute; left: -3000em; top: 0; }

hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }


/*! Warnings --------- */
p.lt-ie9, #root:after { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; }
	p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; }
	p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; }
	
#root:after { content: "Ummm.. please, enable JavaScript support to fully experience this site."; }
.js #root:after { position: absolute; left: -3000em; top: -3000em; }
.js body { padding-top: 0; }
.lt-ie9 body { padding-top: 28px; }


/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
svg:not(:root) { overflow: hidden; }
@-ms-viewport { width: auto; } 

::selection { background: #4da1ff; color: #fff; text-shadow: none; }
::-moz-selection { background: #4da1ff; color: #fff; text-shadow: none; }

#root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }


/*! Fonts --------- */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff'); }


/* Responsive --------- */
@media only screen and (max-width: 81.25em) { /* 1300 */
body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
#top, #content, #footer { width: 1026px; }

#top { height: auto; }
	#top h1 { float: none; padding: 0; }
	#top h1 img { margin: 0 auto; }
#content { padding-bottom: 0; }

.gallery-a { }
	.gallery-a li { width: 20%; }
.list-a { overflow: hidden; width: 75px; height: 24px; background: url(../images/sprite.png) 0 -161px no-repeat; }

#top > #nav, #footer, .list-a li { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
#top > article {text-align: left;}
}
@media only screen and (max-width: 68.75em) { /* 1100 */
#top, #content, #footer { width: 820px; }

.gallery-a { }
	.gallery-a li { width: 25%; }
}
@media only screen and (max-width: 62.5em) { /* 1000 */
#top, #content, #footer { width: 614px; }

.gallery-a { }
	.gallery-a li { width: 33.333333333%; }
	
#root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; }
#root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
}
@media only screen and (max-width: 43.75em) { /* 700 */
#top, #content, #footer { width: auto; max-width: 408px; }
#top, #content, #footer { padding-left: 4px; padding-right: 4px; }

.gallery-a { }
	.gallery-a li { width: 50%; }

#root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; }
#root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
}
@media only screen and (max-width: 31.25em) { /* 500 */
	
}
@media only screen and (max-width: 25em) { /* 400 */
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }	
}
.gallery-b li {
    float: left;
    width: 25%;
    margin: 0 0 4px;
    border-left: 4px solid rgba(255,255,255,0);
    text-align: center;
}
@media only screen and (max-width: 43.75em){
.gallery-b li {
    width: 100%;
}
}
@media only screen and (max-width: 62.5em){
.gallery-b li {
    width: 33.333333333%;
}
}
@media only screen and (max-width: 68.75em){
.gallery-b li {
    width: 25%;
}
}
@media only screen and (max-width: 81.25em){
.gallery-b li {
    width: 20%;
}
}
/* ---------- pagination -------------- */
.pagination {
    font-size: 0;
    text-align: center;
    margin: 10px 0
}

.pagination a,
.pagination span {
    color: #463029;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding: 0 5px;
    vertical-align: middle
}

.pagination a:not(.prev):not(.next):hover,
.pagination span:not(.inactive) {
    color: #9da64f
}

.pagination a:not(.prev):not(.next):hover:before,
.pagination span:not(.inactive):before {
    content: '';
    height: 3px;
    -webkit-box-shadow: 0 2px 4px #0b432f;
    box-shadow: 0 2px 4px #0b432f;
    width: 100%;
    background-color: #9da64f;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0
}

.pagination .next,
.pagination .prev {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #5590a5;
    width: 38px;
    height: 38px;
    position: relative
}

.pagination .next:before,
.pagination .prev:before {
    font-family: custom;
    content: '\0044';
    color: #efefef;
    font-size: 16px;
    line-height: 38px
}

.pagination .next:hover,
.pagination .prev:hover {
    -webkit-box-shadow: 0 2px 4px #39606f;
    box-shadow: 0 2px 4px #39606f;
    background-color: #39606f
}

.pagination .next:before {
    content: '\0043'
}
@font-face {
  font-family: 'MyWebFont';
  src: url('/assets/font/custom.woff'); /* IE9 Compat Modes */
  src: url('/assets/font/custom.woff') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/font/custom.woff') format('woff2'), /* Super Modern Browsers */
       url('/assets/font/custom.woff') format('woff'), /* Pretty Modern Browsers */
       url('/assets/font/custom.woff')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
.getAccess {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    text-align: center;
    z-index: 10000;
}
.getAccess a {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    letter-spacing: 0.025em;
    color: #fff;
    line-height: 64px;
    /*padding: 0 47px;*/
    display: inline-block;
    vertical-align: top;
    background-color: #5590a5;
    /*border-radius: 10px;*/
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
    font-weight: 700;
	width:100%;
}
.getAccess a:hover {
	background-color:#426994;
	color:#ffffff;
}
@media screen and (max-width: 600px) {
.getAccess a {
    font-size: 16px;
    line-height: 44px;
}
}
.get-a {
    overflow: hidden;
    list-style: none;
    padding: 0;
    text-align: center;
}
.player-bottom-promo {
    text-align: center;
    margin-bottom: 2px;
}