@charset "UTF-8";
/* pre voc styles */
body {
	background-color: rgb(18, 13, 43);
/*	background-image:url(../jt-photos-y/030.jpg);
	background-size: 100%;*/
}
body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:20px;
}
@font-face{ 
	font-family: 'Miso';
	src: url('miso-regular-webfont.eot');
	src: url('miso-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('miso-regular-webfont.woff') format('woff'),
	     url('miso-regular-webfont.ttf') format('truetype'),
	     url('miso-regular-webfont.svg#webfont') format('svg');
	 font-weight:normal;
	 font-style:normal;
}
b {
	font-weight:bold;
}
p {
	/*margin-bottom:11px;*/
	/*text-indent:50px;*/
	margin-bottom:6px;

}

h1,h2,h3,h4,h5 {
	font-family: 'Miso', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	font-style:normal;
}
h1 {
	font-size: 28px;
	color: #000000;
	line-height:24px;
}
h2 {
	font-size: 28px;
	color: #000;
	line-height:24px;
}
h3 {
	font-size: 15px;
	color: #FFFFFF;
}
h3:after
{ 
content:url(images/go.png);
}
h4 {
	font-size: 15px;
	color: #FFFFFF;
}
h5 {
	font-size: 15px;
	color: #000;
}
h6 {
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:26px;
	font-weight: lighter;
}
a {
	color: #FF0061;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
#wrapper {
	top:0px;
	width:100%;
	min-height:1px;
	margin:0 auto;
}
section {
    width: 100%;
    min-height: 6px;
    height:auto;
    margin: 0 auto; 
    padding-top: 42pt;  
}
.b-gray, .b-blue, .b-purp, .b-pink, .b-yellow, .b-orange, .b-white {
	float:left;
	width:100%;
	min-height:360px;
    height:auto;
/*	margin:1px 1px 0 0;*/
    border: 1px solid black;
	padding:20px 40px 20px 20px;
	overflow:hidden;
}
		.b-gray {
			background-color:#E6E6E6;
		}
		.b-blue {
			background-color:#49DCFF;
		}
		.b-purp {
			background-color:#6036B3;
		}
		.b-pink {
			background-color:#EB008B;
		}
		.b-yellow {
			background-color:#FFC800;
		}
		.b-orange {
			background-color:#FF3300;
		}
		.b-white {
			background-color:#FFFFFF;
		}
.block {
	float:left;
	width:100%;
	min-height:360px;
/*	margin:1px 1px 0 0;*/
    border: 1px solid black;
	background:#333333;
	overflow:hidden;
}
.logoblock {
	float: left;
    width: 100%;
    min-height: 180px;
/*    margin: 1px 1px 0 0;*/
    border: 1px solid black;
    background: #E6E6E6;
    background-image: url(images/logo-a.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    overflow: hidden;
}
.foot {
	float:left;
	width:100%;
	min-height:auto;
/*	margin:1px 1px 1px 0;*/
    border: 1px solid black;
	background:#fff;
}
	.foot-col, .foot-log {
		width:100%;
		float:left;
		min-height:125px;
        height: auto;
		margin-right:0px;
		padding-top:20px;
        padding-left: 20px;
        border-top: 1px solid gray;
        padding-bottom: 20px;
	}
		.foot-log {
			background-image:url(images/logo.png); 
			background-repeat:no-repeat; 
			background-position: 20px 20px;
            min-height: 187px;
		}
#logos {
	float: left;
    width: 100%;
    min-height: 100px;
    background-image: url(images/logos.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0px;
    padding: 20px;
    border-top: 1px solid black;
}
.b-small {
	float:left;
	width:100%;
	min-height:180px;
    height:auto;
/*	margin:1px 1px 0 0;*/
    border: 1px solid black;
	background:#fff;
	overflow:hidden;
	padding: 10px 0 0 10px;
    background-position: center;
}
.b-news {
	float:left;
	width:100%;
	min-height:180px;
    height:auto;
/*	margin:1px 1px 0 0;*/
    border: 1px solid black;
	background:#fff;
	overflow:hidden;
	padding: 10px 0 0 10px;
}
.b-t {
	float:left;
	width:100%;
	min-height:800px;
    height:auto;
/*	margin:1px 1px 0 0;*/
    border: 1px solid black;
	background:#fff;
	overflow:hidden;
	padding: 10px 10px 0 10px;
}
.t-text {
	float:left;
	width:50%;
	height:auto;
}









.b-tiny {
	float:left;
	width:50%;
	min-height:180px;
    height:auto;
/*	margin:1px 1px 0 0;*/
    border: 1px solid black;
	padding:10px;
	overflow:hidden;
	background-color:#FF3300;
}
.b-tiny:link {
	opacity:1;
	filter:alpha(opacity=100);
	transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s; /*Safari and Chrome*/
	-o-transition:opacity 0.5s; /*Opera*/
}
.b-tiny:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}
.b-small:link {
	opacity:1;
	filter:alpha(opacity=100);
	transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s; /*Safari and Chrome*/
	-o-transition:opacity 0.5s; /*Opera*/
}
.b-small:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	
}
.float {
	float:left;
	height:auto;
	width:auto;
	margin-right:23px;
}





img {
 width: 100%;
    
}

.no-mob {
    display: none;
}


header {
                
                width: 100%;
                height: 42pt;
                background: #EB008B;
                color: white;
                position: fixed;
                box-shadow: 0 2px 3px rgba(0, 0, 0, 0.44);
}



#dropdown-content ul.a {
	list-style-type:none;
	font-family: miso, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	font-style:normal;
	font-size:28px;	
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
}
#dropdown-content li {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
}
#dropdown-content ul.a a {
	color: #FFFFFF;
	background-color:#EB008B;
	padding:15px 7px 15px 7px;
    margin: 1px 0 0 0;
    width: 100%;
}
#dropdown-content ul.a a:link {
	text-decoration: none;
}
#dropdown-content ul.a a:hover {
	text-decoration: none;
	color: #000000;
	background-color:#FFF;
}









            
            #dropdown-button {
                position: relative;
                display: inline-block;
                width: 42pt;
            }
            .logo {
                width: 136px;
                position: absolute;
                left: 45%;
                top: 0;
                height: 42pt;
                text-align: center;
                background-image: url(images/logo-s.png);
                background-size: 100%;
                background-repeat: no-repeat;
                background-position: center;
            }
            #dropdown-content {
                display: none;
                width: 100%;
                min-height: 100px;
                height: auto;
                z-index: 2;
                position: fixed;
                top: 42pt;
                background-color: white;
                box-shadow: 0 2px 3px rgba(0, 0, 0, 0.44);
                left: 0px;
            }   
            /*  ICON and button          */
            .dbutton {
                width: 42pt;
                height: 42pt;
                border-right: 1px solid white;
                margin: 0px;
            }
            .icon-menu {
                height: 5px;
                width: 32px;
                background-color: white;
                position: absolute;
                left: 11px;
            }
            .icon-graphics-menu {
                float: left;
                padding-top: 10px
            }
            .i1 {
                top: 15px;
            }
            .i2 {
                top: 25px;
            }
            .i3 {
                top: 35px;
            }
            @-webkit-keyframes spin {
                    from {-webkit-transform: rotate(0deg); top: 15px;}
                    to {-webkit-transform: rotate(45deg); top: 25px;}
            }
            @-webkit-keyframes spin2 {
                    from {-webkit-transform: rotate(180deg); top: 35px;}
                    to {-webkit-transform: rotate(135deg); top: 25px;}
            }
            @-webkit-keyframes fader {
                    from {opacity: 1; width: 32px}
                    to {opacity: 0.1; width: 0px;}
            }
            .i1a {
                -webkit-animation: spin 0.2s 1 linear;
                -webkit-transform: rotate(45deg);
                top: 25px;
            }
            .i2a {
                -webkit-animation: fader 0.2s 1 linear;
                opacity: 0;
            }
            .i3a {
                -webkit-animation: spin2 0.2s 1 linear;
                -webkit-transform: rotate(135deg);
                top: 25px;
            }
            a {
                display: block;   
            }
            /*   MENU   */


.columed {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    min-height: 1200px;
    height: auto;
}



.col {
    width: 33.333333%;
    height: auto;
    float: left;
}
.bgimg {
    background-image:url(images/poster.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.test-cols {
    min-height: 10px;
    height: auto;
    width: 100%;
    float: left;
    padding: 20px;
    
    padding-bottom: 100%;
    margin-bottom: -100%;
    
}