@charset "UTF-8";
@media screen and (min-width:300px){

body{
	
    font-size: 15px;
    color: #7d7d7d;

	}}

@media screen and (min-width:700px){

body{
	
    font-size: 14px;
    color: #7d7d7d;

	}}
@media screen and (min-width:300px){
.wrap{

	padding-top: 20px;
	width: 100%;
font-family: neue-haas-unica,sans-serif;
	}}


@media screen and (min-width:700px){
.wrap{

	padding-top: 50px;
	width: 100%;
font-family: neue-haas-unica,sans-serif;
	}}


@media screen and (min-width:300px){
.list{	border-top: 0px solid black;
	
	margin-bottom: 50px!important;
	width: 97%;
	margin: 0px auto;

	}}
@media screen and (min-width:700px){
.list{	border-top: 0px solid black;
		border-top: 1px solid #7d7d7d;
	margin-bottom: 80px!important;
	width: 70%;
	margin: 0px auto;

	}}

@media screen and (min-width:300px){
.sub{
	font-size: 12px;
	margin-bottom: 20px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	}}
@media screen and (min-width:700px){
.sub{
	font-size: 12px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	}}


@media screen and (max-width:700px){
.sub:after{
	content: " ]";
	font-size: 12px;
	margin-bottom: 20px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	}}
@media screen and (max-width:700px){
.sub:before{
	content: "[ ";
	font-size: 12px;
	margin-bottom: 20px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	}}

@media screen and (min-width:300px){
.flex_container{
        border-top: 1px solid #7d7d7d;
        margin-left: 0px;
        line-height: 17px;
        display: flex;
        padding-top: 4px;
        width: 100%;
        padding-bottom: 20px;
        overflow: visible;
    
    }}


@media screen and (min-width:700px){
.flex_container{
	border-bottom: 1px solid #7d7d7d;
	margin-left: 15%;
	line-height: 24px;
	display: flex;
	width: 85%;
	border-top: 0px solid #7d7d7d;
	padding-bottom: 2px;
	padding-top: 2px;
	overflow: visible;
	}}

@media screen and (min-width:700px){
.flex_container:hover a{
	color: rgba(73, 100, 204, 1);
	font-weight: bolder;
	
	}}



.flex_container:hover .title a{
	    color: #7d7d7d;
		font-weight: 400;
}

@media screen and (min-width:700px){
.flex_container:hover:before{
content:"";
cursor: pointer;
margin-left:20px;
margin-right: 10px;
	
	}}
@media screen and (min-width:700px){
.flex_container:hover:after{
content:"";
cursor: pointer;
color: blue;
margin-right:0px;
	}}


.wrap a{
	    color: #7d7d7d;
		text-decoration: none;  
	cursor: pointer;
}
@media screen and (min-width:300px){
.flex_container a{
        width: 40px;
        cursor: pointer!important;
        text-align: right;
        border: 0px solid pink;
        color: rgba(194, 136, 63, 1);
    
    }}

@media screen and (min-width:700px){
.flex_container a{
	width: 8%;
	cursor: pointer!important;
	text-align: right;
		border:px solid pink;
	color: rgba(186,186,186,1.00);
	}}


@media screen and (min-width:700px){
.flex_container a:hover{
color:rgba(194, 136, 63, 1);
cursor: pointer;

}}

@media screen and (min-width:300px){
.top{
        letter-spacing: 2px;
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
        font-size: 18px;
    
    }}

@media screen and (min-width:700px){
.top{
	letter-spacing: 2px;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	}}
@media screen and (min-width:300px){
.title{
        border: 0px solid pink;
        margin-left: 0px;
        width: 48%;
    
    }}

@media screen and (min-width:700px){
.title{
		border:0px solid pink;
	margin-left: 0px;

	width: 60%;	
	}}
.title a{
    color: #7d7d7d;
}


.title a:hover{
    color: #7d7d7d;
}
.info{
display: none;
}


@media screen and (min-width:300px){
	.link{
        border: px solid pink;
        width: 53%;
        text-align: left!important;
    
    }}

@media screen and (min-width:700px){
	.link{
	border:0px solid pink;
	width: 30%;
	text-align: left!important;
}}


.link a{

	color: #7d7d7d;



	text-decoration: none;  

}

/*
::selection {
    background: #AAAAAA;
color: #AAAAAA;

}
::-webkit-scrollbar{
  width:17px;

}
::-webkit-scrollbar-track{
  background: white;
  border: none;
  border-radius: 0px;
 border-right: 17px solid rgba(194, 136, 63, 1);
}
::-webkit-scrollbar-thumb{
  background:gray;
  border-radius: 0px;
  box-shadow: none;

}
*/