@charset "utf-8";
/* =============================================================================
   OCNTECT
   ========================================================================== */
body{
	width: 100%;
	letter-spacing: 2;
	line-height: 2;
	overflow-x: hidden;
	font-size: 15px;
}

#container{
	margin: 100px 0 0;
	text-align: center;
}

#wrapper{
	width:100%;
}

h2{
	font-size: 15px;
	margin-bottom: 20px;
}

#media .title{
	width: 90%;
}

/* =============================================================================
   MEDIA
   ========================================================================== */
#media .media_info{
    border-bottom: 1px dotted #666;
    width: 96%;
    padding-bottom: 20px; 
    margin: 0 auto 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#media .media_info .flexBox{
    display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width: 80%;
    margin: 0 auto;
}

#media .media_info .box1{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
	width: 100%;
	margin-bottom: 10px;
}
#media .media_info .box2{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	width: 100%;
}
#media .media_info .box3{
	display: none;
}

.media_info .media_source{
	border-bottom: 1px solid #666;
	font-size: 20px;
}

.modal-syncer > p{
	display: none;
}

/* =============================================================================
   MODAL WINDOW
   ========================================================================== */
.modal-content .close{
	display: none !important;
}