@font-face {
font-family: 'minecraftfont';
src: url('https://mediaopener.com/css/minecraftfont.eot');
src: local('minecraftfont'), url('https://mediaopener.com/css/minecraftfont.woff') format('woff'), url('https://mediaopener.com/css/minecraftfont.ttf') format('truetype');
}

@media screen and (max-width: 600px) {
.icon img {
    width: 30px;
    height: 30px;
}
}

@media screen and (max-width: 800px) {
.icon img {
    width: 40px;
    height: 40px;
}
}

@media screen and (min-width: 801px) {
.icon img {
    width: 60px;
    height: 60px;
}
}

html {
height: 100%;
}
/*
body { 
background-size: cover;
height: 100%;
    overflow: auto;

font-size: 100%; 	padding: 0; margin: 0;
}
*/

#desc{
    margin-top: 10px;
}
#desc a:hover{
    text-decoration:none;
}
#desc2{
    margin-top: 35px;
}

#desc, #desc2{
    text-align: center;
}

#desc_p {
    max-width: 800px;
    display:inline-block;
    margin: 0px 0px 15px 10px;
}
#desc_p2 {
    max-width: 800px;
    display:inline-block;
    margin: 26px 0px 15px 10px;
}


#icon {
    width: 30px;
    height: 30px;
    margin: 0px 0px 15px 10px;
}

/*
    font-family: Bowlby One SC;
    font-family: ‘Arial Black’, Gadget, sans-serif;
    font-family: ‘Arial Black’, Gadget, sans-serif;
*/
.title_cl {
    font-family: Dancing Script;
    color: #67fff2;
    font-weight: bold;
vertical-align:top;
}
.title_cl2 {
    font-family: 'JelleeBold';
    color: #67fff2;
    font-weight: bold;
    font-size: 40px;
}
.desc_cl {
    font-size: 14px;
}

#dnlink {
   color: #67fff2;
}

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

body {
	color: #b1aea6;
	font-family: 'Lato', Calibri, Arial, sans-serif;
    position: relative;
    background-size: 100% 100%;
    background-repeat: repeat;
  min-height: 100%;
    margin:0px;
    padding: 0px;
}
/* .wrapper::before */
/* html:before */
/* body:before { */
body:after {
    content: "";
    background: 
    linear-gradient(
      rgba(0, 0, 0, 0.9), 
      rgba(0, 0, 0, 0.9)
    ),
    url('../img/body-bg.jpg') repeat;
    background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    opacity: .9;
    z-index: -1;
    -webkit-filter: grayscale(0.7);
    filter: grayscale(70%);
}
/*
a { color: white; text-decoration: none; }
*/

a:hover {
	color: #6495ED;
}

.img-with-text {
    text-align: justify;
    width: 150;
    float: left;
    margin: 2px 10px 10px 10px;
}

.img-with-text h2 {
    text-align: center;
    font-size: 12px;
    margin: 0px 1px 1px 0px;
}

.img-with-text img {
    display: block;
    margin: 0 auto;
}

.container {
	margin: 10px auto auto auto;
	padding: 0 2em 1em 0em;
}

.main {
	max-width: 69em;
	/* padding-top: 2em; */
}

form {
  background: none;
  margin: 20px auto 0;
  padding: 10px;
  width: 500px;
  overflow: hidden;
}
input {
  opacity: 0.8;
  margin-top: 1em;
}

input:hover,
input:focus {
  opacity: 1;
  height:89px;
  width:302px;
  border: 1px solid #08c;
}

input[type="text"]:focus, {
  box-shadow: inset 0 1px 2px rgba(255,255,255, .35), 0px 1px 15px rgba(0,246,255,.5);
  border: 1px solid #08c;
  outline: none;
}

input[type="submit"] {
  appearance: none;
  opacity: .99;
  width:120px;
  background: #08c;
  box-shadow: inset 0 1px 2px rgba(255,255,255, .35), 0px 1px 6px rgba(0,246,255,.5);
  border: 1px solid #0a5378;
  border-radius: 4px;
  color: #eee;
  cursor: pointer;
  text-shadow:0px -1px 0px rgba(0,0,0,.5);
}

input[type="submit"]:hover {
  background: #08c;
  width:120px;
  border: 1px solid #0a5378;
  border-radius: 3px;
  box-shadow: inset 0px 3px 16px rgba(0,0,0,.25),0px 1px 10px rgba(255,255,255,.5),inset 0px -1px 2px rgba(255,255,255,.35);
  text-shadow:0px 1px 1px rgba(0,0,0,.65);
  -webkit-transition: all 0.40s ease-out;
  transition: all 0.40s ease-out;
}


@media screen and (max-width: 600px) {
.title_cl {
    font-size: 21px;
}

}
@media screen and (max-width: 800px) {
.title_cl {
    font-size: 22px;
}
.plus:after {
    top: 80px;
    left: 220px;
}
}
@media screen and (min-width: 801px) {
.title_cl {
    font-size: 24px;
}
}

.items {
	margin-top: 20px;
}

#item-search-form {
	margin-bottom: 2px;
}

.pri-cl {
    margin: 0 auto;
    max-width: 1240px;
    background-color: #c6c6c6;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 20px;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
}

.share-cl {
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
}
.para {
    color: #000000;
    display: block;
    font-family: Calibri, Arial, sans-serif;
    margin: 10px auto auto 8px;
}
.parabold {
    color: #994C00;
    display: block;
    font-family: Calibri, Arial, sans-serif;
    margin: 10px auto auto 8px;
    font-weight: bold;
}

.pri-cl > h3 {
    text-align: left;
    color: #000000;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

/* popup */
#wrap {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #333;
    overflow: hidden;
}

#close {
    float:right;
    margin-top:-18px;
    margin-right:-18px;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 5px 3px 15px 3px;
}

#close:before {
    content: "×";
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -7em;
}

.push {
height: 7em;
}

#comm_list {
    color: #8cff66;
}
#comm_list2 {
    color: #00ffff;
}

.footer {
height: 5em;
text-align: center;
font-family: Calibri, Arial, sans-serif;
margin-top: 5px;
}

.footer a { 
text-decoration: none; color: #99b3ff;
cursor: pointer;
}
.footer p, .footer p:hover {
text-decoration: none; 
color: #99b3ff;
}

#desc_lang {
   text-align: center;
   color: white;
   font-size: 15px;
   margin: 0px auto auto 0px;
}
#desc_lang::before {
   white-space:pre;
   content: "FREE, private download. No adware, no malware, no viruses, 100% guaranteed.";
}

#steps_lang {
  text-align: center;
  padding-left: 20px;
  color: white;
  font-size: 20px;
}
#steps_lang::before {
   white-space:pre;
   content: "Full or partial video/music download and GIF creation.\AWorks for hundreds of websites.";
}

#home_lang::before {
   content: "Home";
}
#about_lang::before {
   content: "About";
}
#privacy_lang::before {
   content: "Privacy Policy";
}
#about_h3_lang::before {
   content: "About MediaOpener";
}
#about_para_lang::before {
   content: "MediaOpener downloads video and audio clips from various websites such as YouTube, Vimeo, Soundcloud. It can convert online videos into long GIF files. Email info@mediaopener.com if you like to reach us. \A\A MediaOpener is based on  and improved upon several open source packages. Many thanks to the developers who developed these software packages.\A\A Release Notes:\A Beta 0.5: Support more sites. Able to download playlist.";
   white-space: pre-wrap;
}

#share_h3_lang::before {
   content: "Your sharing or commenting will help us improve. Thank you!";
   color: yellow;
}
#share_para_lang::before {
   content: "Please share to your friends.";
}

#downloadbox{
    border:3px solid #67fff2;
    border-radius: 20px;
    width: 650px;
    height: 220px;
    margin: 40px auto;
    display: block;
    text-align: center;
}
#downloadbox>#boxtitle {
    font-size: 20px;
    background: #67fff2;
    position: relative;
    top: -20px;
    display: inline-block;
    padding: 0px 30px 0px 30px;
    margin-bottom: 0px;
    color: #7f7f7f;
}