@charset "utf-8";




/* CSS RESET */

html,body,div,.padder,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img,object,embed{display:block}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
nav ul,nav li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;width:auto}
q:before,q:after{content:"";}
abbr,acronym {font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
a,.no-touch a:hover,.no-touch a:visited:hover,a:active,.no-touch a:active:hover{outline:none}
/* a,.no-touch a:hover,.no-touch a:visited:hover,a:visited{text-decoration: none} */
a {outline: none;}



::selection { background: #0b5f98; /* color: #fff; */ text-shadow: none; }
::-moz-selection { background: #0b5f98; /* color: #fff; */ text-shadow: none; }
::-webkit-selection { background: #0b5f98; /* color: #fff; */ text-shadow: none; }



*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



img {
  color: transparent;
  font-size: 0;
  border:none;
  outline:none;
  /* max-width: 100%; */
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}



ul {
	list-style: none;
}



/*----------------------------------------------------------------------
___Fonts
----------------------------------------------------------------------*/

@font-face {
	font-family: 'ws';
	src:url('/static/full/tnf/special/weathersystem/fonts/ws.eot?fgzmco');
	src:url('/static/full/tnf/special/weathersystem/fonts/ws.eot?#iefixfgzmco') format('embedded-opentype'),
		url('/static/full/tnf/special/weathersystem/fonts/ws.ttf?fgzmco') format('truetype'),
		url('/static/full/tnf/special/weathersystem/fonts/ws.woff?fgzmco') format('woff'),
		url('/static/full/tnf/special/weathersystem/fonts/ws.svg?fgzmco#ws') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'ws';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-sound-on:before {
	content: "\e61c";
}
.icon-sound-off:before {
	content: "\e61d";
}
.icon-arrow-top:before {
	content: "\e618";
}
.icon-arrow-bottom:before {
	content: "\e619";
}
.icon-arrow-top-bold:before {
	content: "\e61a";
}
.icon-arrow-bottom-bold:before {
	content: "\e61b";
}
.icon-arrow-right-bold:before {
	content: "\e612";
}
.icon-arrow-left-bold:before {
	content: "\e613";
}
.icon-arrow-right:before {
	content: "\e614";
}
.icon-arrow-left:before {
	content: "\e615";
}
.icon-pause:before {
	content: "\e616";
}
.icon-play:before {
	content: "\e617";
}
.icon-blank:before {
	content: "\e611";
}
.icon-square:before {
	content: "\e60f";
}
.icon-circle:before {
	content: "\e610";
}
.icon-stormy-rain:before {
	content: "\e600";
}
.icon-gentle-rain:before {
	content: "\e601";
}
.icon-tough:before {
	content: "\e602";
}
.icon-light:before {
	content: "\e603";
}
.icon-helmet:before {
	content: "\e604";
}
.icon-compact:before {
	content: "\e605";
}
.icon-ventilation:before {
	content: "\e606";
}
.icon-stretch:before {
	content: "\e607";
}
.icon-denier:before {
	content: "\e608";
}
.icon-7d:before {
	content: "\e609";
}
.icon-13d:before {
	content: "\e60a";
}
.icon-20d:before {
	content: "\e60b";
}
.icon-30d:before {
	content: "\e60c";
}
.icon-40d:before {
	content: "\e60d";
}
.icon-70d:before {
	content: "\e60e";
}




.fs10 {font-size: 10px;}
.fs20 {font-size: 20px;}
.fs30 {font-size: 30px;}
.fs40 {font-size: 40px;}
.fs50 {font-size: 50px;}
.fs60 {font-size: 60px;}
.fs70 {font-size: 70px;}
.fs80 {font-size: 80px;}
.fs90 {font-size: 90px;}
.fs100 {font-size: 100px;}
.fs110 {font-size: 110px;}
.fs120 {font-size: 120px;}
.fs130 {font-size: 130px;}
.fs140 {font-size: 140px;}
.fs150 {font-size: 150px;}


.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}


/*----------------------------------------------------------------------
___MAIN
----------------------------------------------------------------------*/


* {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}


html, body {
	-webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-smooth:always;
    min-height: 100%;
}


body {
	font-family: Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-style: normal;
	font-weight: normal;
	background: #084d7e;
	color:#fff;
	font-size: 100%;
    line-height: 1.6em;
	width: 100%;
}



body.bg,
body.image1,
body.image2,
body.image3 {
  background-image: url(/static/full/tnf/special/weathersystem/img/top_02.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background: #084d7e;
  min-height:100%;
}


/*__PC
------------------------------------*/

body.image1 {background:url('/static/full/tnf/special/weathersystem/img/top_01.jpg') no-repeat center; background-attachment: fixed; background-size: cover; }
body.image2 {background:url('/static/full/tnf/special/weathersystem/img/top_02.jpg') no-repeat center; background-attachment: fixed; background-size: cover; }
body.image3 {background:url('/static/full/tnf/special/weathersystem/img/top_03.jpg') no-repeat center; background-attachment: fixed; background-size: cover; }


/*__Mobile
------------------------------------*/


html.mobile body.image1 {background:url('/static/full/tnf/special/weathersystem/img/top_01.jpg') no-repeat center; background-attachment: scroll; background-size: cover; }
html.mobile body.image2 {background:url('/static/full/tnf/special/weathersystem/img/top_02.jpg') no-repeat center; background-attachment: scroll; background-size: cover; }
html.mobile body.image3 {background:url('/static/full/tnf/special/weathersystem/img/top_03.jpg') no-repeat center; background-attachment: scroll; background-size: cover; }





/*__fonts(H1, H2, H3, H4, H5 p), navigation, links
----------------------------------------------------------------------*/


h1, h2, h3, h4, h5 {
	font-size: 100%;
	margin: 0;
	font-weight: bold;
	font-weight: 500;
}





/*__P
------------------------------------*/


p {
	font-size: 1.0em;
	line-height: 1.6em;
	}



/*__A
------------------------------------*/

a {
	color: #fff;
	text-decoration: underline;
	}


/*----------------------------------------------------------------------
___TOP Page TITLE
----------------------------------------------------------------------*/

.title-wrap {
	position:absolute;
	right: 15%;
	top:46.5%;
	z-index: 10000;
}

h1.title {
	font-size: 60px;
	letter-spacing: -0.02em;
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 1em;
}

h2.subtitle {
	font-size: 20px;
	letter-spacing: 0.04em;
	font-weight: bold;
	line-height: 1.8em;
	margin-left: 0.4em;
}


h1.title,
h2.subtitle {
	display: none;
}

/*----------------------------------------------------------------------
___NAV
----------------------------------------------------------------------*/

.nav-wrap {
	position:fixed;
	width: 100%;
	margin: 0;
	z-index: 10000;
	top: 0;
	left:0;
	padding:0;
	background: #084d7e;
}


/*__Mobile
------------------------------------*/

html.mobile .nav-wrap {
	position:absolute;
}




ul.nav {
	list-style:none;
	text-align:left;
	width: 960px;
	list-style: none;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

.nav-wrap li,
.nav-wrap .sound {
	vertical-align: middle;
	/* display:inline-block; */
	float: left;
}


.nav-wrap li a {
	display:block;
	padding: 20px 0;
	width: 172px;
	background: #084d7e;
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	font-size: 20px;
	letter-spacing: 0.1em;
	font-weight: bold;
	/*border-right: 1px solid #fff;*/
}



.nav-wrap li span {
	display:block;
	cursor: pointer;
}


.nav-wrap li.logo a { width: 100px; }
.nav-wrap li.top a { width: 110px; }
.nav-wrap li.jackets a { width: 160px; }
.nav-wrap li.pants a { width: 138px; }
.nav-wrap li.situations a { width: 202px; margin-right: 20px; }
.nav-wrap li.about a { width: 145px; }
.nav-wrap li.play span { width: 20px; }
.nav-wrap li.pause span { width: 20px; }


.nav-wrap li.logo a {
	display:block;
	padding: 15px 0;
}



.nav-wrap ul li:last-child {padding-right: 0;}

.nav-wrap ul a {
	color: #fff;
	text-decoration: none;
}



.nav-wrap li a:hover,
.nav-wrap li a.active {
	background: #0c2944;
}

.nav-wrap li.logo a:hover,
.nav-wrap li.logo a.active {
	background: #084d7e;
}




/*__Sound
------------------------------------*/



.audiojs {
	font-size: 35px;
	width: 65px;
	height: 65px;
	margin-left: none;
	background: none;
	overflow: hidden;
	background-image: none;
	background-image: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	z-index: 20001;
	background: url("/static/full/tnf/special/weathersystem/img/sound-blank.gif") 0 0 no-repeat;
	}


.audiojs .play-pause {
	width: 65px;
	height: 65px;
	padding: 0;
	margin: 0px;
	float: none;
	overflow: hidden;
	border-right: none;
	padding: 9px 0;
}

.audiojs p {
	width: 65px;
	height: 47px;
	margin: 0;
	cursor: pointer;
}



.audiojs .pause {
background: none;
}

.audiojs .pause:before {
font-family: 'ws';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "\e61d";
}

.audiojs .play {
background: none;
}


.audiojs .play:before {
font-family: 'ws';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "\e61c";
}



.audiojs .loading {
  background: url("/static/full/tnf/special/weathersystem/img/sound-blank.gif") 0 0 no-repeat;
  display: block;
}



.audiojs .scrubber,
.audiojs .time,
.audiojs .error-message,
.audiojs .error {
	display: none;
}





/*----------------------------------------------------------------------
___Wrap
----------------------------------------------------------------------*/


.wrap {
	width: 100%;
}


.page-wrap {
	background: none;
}




.bg_static {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: -1;
	background:url(/static/full/tnf/special/weathersystem/img/bg_static.gif) 0 0 repeat;
	opacity: .30; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=30); /* IE lt 8 */
	-ms-filter: "alpha(opacity=30)"; /* IE 8 */
	-khtml-opacity: .30; /* Safari 1.x */
}


.bg_static {
background: #0c2944;
background: -webkit-linear-gradient(90deg, #556270 10%, #000 90%); /* Chrome 10+, Saf5.1+ */
background:    -moz-linear-gradient(90deg, #556270 10%, #000 90%); /* FF3.6+ */
background:     -ms-linear-gradient(90deg, #556270 10%, #000 90%); /* IE10 */
background:      -o-linear-gradient(90deg, #556270 10%, #000 90%); /* Opera 11.10+ */
background:         linear-gradient(90deg, #556270 10%, #000 90%); /* W3C */
}






/*----------------------------------------------------------------------
___Slides___Superslides
----------------------------------------------------------------------*/


.slides-navigation {
	font-size: 20px;
}


.slides-navigation a {
	text-decoration: none;
	color: #ccc;
}



.loading-container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background:#b6bebd;
  color: #fff;
}

.pulse {
	z-index: 2001;
	position:fixed;
	top: 50%;
	left: 50%;
	background:url(/static/full/tnf/special/weathersystem/img/ajax-loader2.gif) no-repeat center;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
}







/*----------------------------------------------------------------------
___Container ____Col
----------------------------------------------------------------------*/


.top-container {
	height: 100%;
	width: 100%;
}


.container {
padding-top: 140px;
width: 100%;
}



.col-title {
	margin: 0 auto;
	width: 960px;
	margin-top: 50px;
	margin-bottom: 50px;

}


.col {
	margin: 0 auto;
	width: 960px;
	color: #000;
	position: relative;
	background-color:rgba(255,255,255,0.75);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CCffffff,EndColorStr=#CCffffff);
	/*border: #fff 3px solid;*/
}







/*----------------------------------------------------------------------
___Page TITLE
----------------------------------------------------------------------*/


h1.page-title {
	font-size: 50px;
	line-height: 1.2em;
	letter-spacing: -0.02em;
	font-weight: bold;
	margin-bottom: 16px;
}

h2.page-subtitle {
	font-size: 22px;
	letter-spacing: 0;
	font-weight: 700;
	line-height: 1.8em;
}







/*----------------------------------------------------------------------
___Cycle
----------------------------------------------------------------------*/

.slide {
	width: auto;
	max-width: 80%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	}



/*----------------------------------------------------------------------
___Footer
----------------------------------------------------------------------*/



.footer {
	margin: 0 auto;
	width: 960px;
	position: relative;
	font-size: 0.75em;
	margin-top: 100px;
	margin-bottom: 20px;
}


.footer p a{
	text-decoration: none;
}



.pics {
    background:url(/static/full/tnf/special/weathersystem/img/ajax-loader2.gif) no-repeat center;
}




/* __Clearing
--------------------------------------------------------------------- */

.hidden,
.social li.hidden {
	}

.cf:before,
.cf:after {
    content: " ";
    display: table;
	}
.cf:after {
    clear: both;
	}

/* For IE 6/7 (trigger hasLayout) */
.cf { *zoom: 1; }






/*----------------------------------------------------------------------
___WS___JAKETS____Table
----------------------------------------------------------------------*/



table.ws_list th.wandr p {
	height: 140px;
	width: 160px;
	padding: 0;
}


.weight {
	position: absolute;
	top: 100px;
	left: 16px;
}

.rain {
	position: absolute;
	top: 12px;
	left: 105px;
}



.strikethrough {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;

  -webkit-transform:rotate(40deg);
  -moz-transform:rotate(40deg);
  -ms-transform:rotate(40deg);
  -o-transform:rotate(40deg);
  transform:rotate(40deg);
}





col:before,
col:after {
    background: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    clear: both;
    content: '';
    height: 15px;
    position: absolute;
    top: -8px;
    width: 15px;
}


col:before { left: -8px }
col:after { right: -8px }


.col a {
	color: #000;
	text-decoration: none;
	}


a.box-link {
display: block;
	}




table.ws_list {
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 1px;
}


table.ws_list th,
table.ws_list td {
    vertical-align: middle;
    width: 160px;
    font-size: 16px;
    line-height: 1.6em;
    text-align: center;
}

table.ws_list th a,
table.ws_list th p,
table.ws_list td a,
table.ws_list td p {
    padding: 12px;
}



table.ws_list td,
tr.trow-1 th.tcol-2 {
    border-left: #000 1px solid;
}

table.ws_list th,
table.ws_list td {
	border-bottom: #000 1px solid;
}



table.ws_list th.bb-none, table.ws_list td.bb-none {border-bottom: none;}
table.ws_list th.bl-none, table.ws_list td.bl-none {border-left: none;}




ul.trow-11 {
	font-size: 0;
}


.ws_icon_list li {
	display: inline-block;
	padding: 0;
	width: 130px;
	height: 130px;
    font-size: 16px;
    line-height: 1.6em;
    text-align: center;
    border-left: 1px #000 solid;
    vertical-align: middle;
    margin: 60px 0 30px 0;
}


li.tcol-0 {
	width: 160px;
}

li.tcol-0,
li.tcol-1 {
	border-left: none;
}

li.tcol-1 p {
	margin: 53px 0;
}



.trow-11 li span,
.trow-11 li p {
	display: block;
}


.trow-11 li .icon {
	margin: 0;
}




/*----------------------------------------------------------------------
___WS___SITUATIONS____Table
----------------------------------------------------------------------*/


table.ws_s_list th a,
table.ws_s_list th p,
table.ws_s_list td a,
table.ws_s_list td p {
    padding: 12px 0;
}



table.ws_s_list .s-col-1 { width: 160px; }
table.ws_s_list .s-col-2 { width: 320px; }
table.ws_s_list .s-col-3 { width: 480px; }
table.ws_s_list .s-col-5 { width: 800px; }
table.ws_s_list .s-col-6 { width: 960px; }




.t-title {
	padding-top: 20px;
	padding-bottom: 20px;
}




table.ws_s_list th,
table.ws_s_list td {
	text-align: center;
	border: none;
}



img.s-img {
	margin: 0 auto;
}



table.ws_list td h2 {
 font-size: 30px;
}


table.ws_list .ta-left { text-align: left; }
table.ws_list .ta-right { text-align: right; }
table.ws_list .ta-center { text-align: center; }

table.ws_list .va-top { vertical-align: top; }
table.ws_list .va-middle { vertical-align: middle; }
table.ws_list .va-bottom { vertical-align: bottom; }


table.ws_list .s-col-left { border-right: 1px #000 dashed; }
table.ws_list .s-col-left-solid { border-right: 1px #000 solid; }



.plus {
	font-size: 26px;
	margin: 10px 40px;
	line-height: 0;
	text-align: center;
	display: block;
}




hr.s-top-line {
margin: 0 30px;
border: 0;
border-bottom: 1px solid #000;
background: #ccc;
padding: 0;
}

hr.s-top-line2 {
margin: 0 30px;
width:450px;
border: 0;
border-bottom: 1px solid #000;
background: #ccc;
padding: 0;
}


hr.s-bottom-line {
margin: 0 30px;
border: 0;
border-bottom: 1px solid #000;
background: #ccc;
padding: 0;
}






.span-wrap {
	width: 420px;
	margin: 0 auto;
}

.span-left {
float: left;
}


.span-right {
float: right;
}













/* __Icon
--------------------------------------------------------------------- */

.jp-item {
	display: block;
	}


.jp-gram {
	display: block;
	margin: 3px 0;
	}


table.ws_s_list .item {
	margin-right: 20px;
	}



.icon {
	margin: 8px;
	line-height: 1.6em;
	vertical-align: middle;
}


.icon-denier,
.icon-70d,
.icon-40d,
.icon-30d,
.icon-20d,
.icon-13d,
.icon-7d {
	color: #666;
}






table.ws_list td.sr-and-gr {
	background:url(/static/full/tnf/special/weathersystem/img/x-line.gif) repeat-x center;
	position: relative;
}


.sr-and-gr .arrow-left {
	position: absolute;
	left: -20px;
	top: 47px;
}

.sr-and-gr .arrow-right {
	position: absolute;
	right: -20px;
	top: 47px;
}



table.ws_list th.t-and-l {
	background:url(/static/full/tnf/special/weathersystem/img/y-line.gif) repeat-y center;
	position: relative;
}


.t-and-l .arrow-top {
	position: absolute;
	left: 62px;
	top: -24px;
}

.t-and-l .arrow-bottom {
	position: absolute;
	left: 62px;
	bottom: -24px;
}










.circle {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: #000;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	-o-border-radius: 24px;
	-ms-border-radius: 24px;
	border-radius: 24px;
}

.triangle {
	position: absolute;
	border-bottom: 24px solid #000;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	height: 0;
	width: 0;
}

.square {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: #000;
}

/*20150904修正BAK
.j01 { color: #000; }
.j02 { color: #a89880; }
.j03 { color: #d50d3c; }
.j04 { color: #697043; }
.j05-1 { color: #1069cf; }
.j05-2 { color: #fc7942; }
.j06 { color: #000; }
.j07 { color: #a89880; }
.j08-1 { color: #979797; }
.j08-2 { color: #e1dfd1; }
.j09 { color: #4079d3; }
.j10-1 { color: #f57349; }
.j10-2 { color: #375f99; }
*/

.j01 { color: #000; }
.j02 { color: #a89880; }
.j03 { color: #000; }
.j04 { color: #697043; }
.j05-1 { color: #d50d3c; }
.j05-2 { color: #fc7942; }
.j06 { color: #000; }
.j07 { color: #1069cf; }
.j08-1 { color: #000; }
.j08-2 { color: #e1dfd1; }
.j09 { color: #4079d3; }
.j10-1 {
	color: #7E7467;
}
.j10-2 { color: #375f99; }


.p01 { color: #000; }
.p02 { color: #000; }
.p03 {
	color: #003366;
}
.p04 { color: #000; }
.p05 {
	color: #000066;
}






/*----------------------------------------------------------------------
___WS___PopUp
----------------------------------------------------------------------*/


.fancybox-wrap {
}



.popup-wrap {
	position: relative;
	width: 100%;
	height: auto;
	display: none;
	background: #fff;
	color: #000;
}


.popup-wrap img {
    display: block;
    max-width: 100%;
}



.popup-col {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	padding: 30px;
    width: 100%;
}


.popup-left,
.popup-right {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	padding: 15px;
}

.popup-left {
	margin-right: 6%;
}


.popup-right {
}




h2.popup-title {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: -0.01em;
}


.popup-price {
	font-size: 18px;
	margin-bottom: 30px;
}



dl.popup-text {
	font-size: 14px;
}


dl.popup-text dt {
  clear: left;
  float: left;
  width: 4.5em;
}

dl.popup-text dd {
  margin-left: 4.5em;
}



.popup-button {
	margin-top: 40px;
}


.popup-button a {
 background: #000;
 color: #fff;
 text-decoration: none;
 padding: 12px;
 font-size: 14px;
 font-weight: bold;
 margin-right: 10px;
 -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
}


.popup-button a:hover {
 background: #084d7e;
}



.popup-button a.uni {
 padding: 12px 24px;
}





/*----------------------------------------------------------------------
___ABOUT
----------------------------------------------------------------------*/



.about-col {
	padding: 60px 120px;
	background-color:rgba(12,41,68,0.75);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC0c2944,EndColorStr=#CC0c2944);
	position: relative;
	border: none;
	color: #fff;
}


.about-text {
	font-size: 20px;
	line-height: 1.8em;
	font-weight: bold;
	text-align: justify;
}