*,input,textarea {  margin: 0;padding: 0;outline: 0 none;}
body,input,textarea {  font-family: arial,Helvetica,Arial,sans-serif;}
a {  text-decoration: none;color: #000;}
.container {  max-width: 960px;width: 100%;margin: 0 auto;overflow: hidden;}
.col1-2 {  float: left;width: 400px;overflow: hidden;margin-bottom: 21px;}
.col2-2 {  float: left;margin-left: 40px;margin-right: 74px;overflow: hidden;width: 86px;height: 146px;}
.col3 {  float: left;width: 300px;}
.col3.mid {  margin: 0 30px;}
.lcol {  float: left;margin-right: 50px;width: 100%;}
.rcol {  float: right;width: 360px;}
#top {  width: 100%;background: #ddd;background: -moz-linear-gradient(top ,#eee,#ddd) repeat scroll 0 0 transparent;background: -webkit-linear-gradient(top ,#eee,#ddd) repeat scroll 0 0 transparent;background: linear-gradient(top ,#eee,#ddd) repeat scroll 0 0 transparent;background: -o-linear-gradient(top ,#eee,#ddd) repeat scroll 0 0 transparent;}
#top .container {  height: 40px;}
#network {  list-style: none;font-family: arial;}
#network li {  float: left;margin-right: 10px;font-size: 12px;line-height: 150%;text-transform: uppercase;}
#network li.parent {  color: #555;display: none;font-family: dosis;font-size: 15px;font-weight: 700;margin-right: 60px;padding: 8px 0;text-shadow: 0 1px 0 #fff;}
#network li a {  color: #999;display: block;font-weight: 700;padding: 11px 10px;text-shadow: 0 1px 0 #fff;}
#network li.selected a {  color: #666;background: #fff;}
#counter {  display: block;float: right;}
#counter p {  padding: 10px 0;font-size: 10px;font-weight: 700;text-align: right;text-shadow: 0 1px 0 #fff;text-transform: uppercase;color: #888;}
#counter p span {  display: inline-block;font-size: 17px;padding: 0 2px 0 7px;color: #333;-moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;background: #fff;padding: 1px 2px 0;margin: 0 2px 0 7px;line-height: 17px;-moz-box-shadow: 0 1px 0 #999 inset;-webkit-box-shadow: 0 1px 0 #999 inset;-o-box-shadow: 0 1px 0 #999 inset;box-shadow: 0 1px 0 #999 inset;}
#header {  width: 100%;}
#header .container {  padding: 30px 0 0;}
#intro,.intro {  max-width: 550px;float: left;width: 100%;}
#intro h2,.intro h2,.left-header h2 {  color: #f66;font-size: 60px;line-height: 60px;margin-bottom: 10px;padding-left: 75px;position: relative;text-shadow: 0 1px 0 #ccc,1px 2px 0 #ccc,2px 3px 0 #ccc;text-transform: uppercase;}
#logo {  -moz-border-radius: 40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px;-o-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;-moz-box-shadow: 2px 2px 0 0 #ccc;-webkit-box-shadow: 2px 2px 0 0 #ccc;-o-box-shadow: 2px 2px 0 0 #ccc;box-shadow: 2px 2px 0 0 #ccc;background: none repeat scroll 0 0 #f66;color: #fff;display: inline-block;font-size: 40px;left: 0;line-height: 40px;padding: 10px 13px 15px;position: absolute;text-align: center;text-shadow: 0 -1px 0 #999;top: 2px;}
#intro h3,.intro h3,.left-header h3 {  font-size: 27px;line-height: 100%;margin-bottom: 10px;color: #666;text-shadow: 0 1px 0 #eee,1px 2px 0 #eee,2px 3px 0 #eee;}
#intro p,.intro p {  font-size: 14px;line-height: 140%;font-family: arial;}
#intro h2,#intro h3,.intro h2,.intro h3,.left-header h2,.left-header h3 {  font-family: dosis;}
#intro .expand,.intro .expand {  font-weight: 700;}
.how {  display: none;margin: 10px 0;}
#intro .how p,.intro .how p {  color: #f66;font-family: dosis;font-size: 17px;font-weight: 400;margin-bottom: 10px;text-transform: uppercase;}
.how ol {  padding-left: 20px;}
.how ol li {  background: none repeat scroll 0 0 #ffeaea;font-size: 13px;margin-bottom: 10px;font-family: arial;}
#ads {  height: 280px;overflow: hidden;width: 336px;background: #fff;margin: 0 auto;}
#ads .wrap {  display: block;overflow: hidden;}
#ads .wrap p {  padding: 90px 0;text-align: center;}
#ads1 {  height: 250px;overflow: hidden;width: 300px;background: #fff;}
#ads1 .wrap1 {  display: block;overflow: hidden;}
#ads1 .wrap1 p {  padding: 10px 30px;text-align: center;}
#main {  width: 100%;}
#main .container {  padding: 20px 0;}
#convert {  float: left;width: 600px;margin-top: 20px;}
form {  display: block;overflow: hidden;}
.url {  margin-bottom: 20px;width: 100%;max-width: 460px;}
.newForm .url {  float: left;}
.file {  margin-bottom: 20px;width: 100%;position: relative;}
.action {  position: relative;width: 100%;}
label {  color: #666;display: block;font-size: 12px;margin-bottom: 5px;text-transform: uppercase;}
input.text {  -moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 1px 1px 8px #ccc inset;-webkit-box-shadow: 1px 1px 8px #ccc inset;-o-box-shadow: 1px 1px 8px #ccc inset;box-shadow: 1px 1px 8px #ccc inset;border: 1px solid #ccc;font-size: 18px;padding: 10px;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
input.file {  height: 42px;opacity: 0;position: absolute;width: 399px;z-index: 9999;cursor: pointer;}
input.fakefile {  -moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 1px 1px 8px #ccc inset;-webkit-box-shadow: 1px 1px 8px #ccc inset;-o-box-shadow: 1px 1px 8px #ccc inset;box-shadow: 1px 1px 8px #ccc inset;background: none repeat scroll 0 0 #fff;border: 1px solid #ccc;display: block;font-size: 18px;height: 22px;overflow: hidden;padding: 10px 100px 10px 20px;width: 278px;}
.browse {  -moz-border-radius: 0 10px 10px 0;-webkit-border-radius: 0 10px 10px 0;-o-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0;background: -moz-linear-gradient(center top ,#eee,#ccc) repeat scroll 0 0 transparent;background: -webkit-linear-gradient(top ,#eee,#ccc) repeat scroll 0 0 transparent;background: -o-linear-gradient(top ,#eee,#ccc) repeat scroll 0 0 transparent;background: linear-gradient(top ,#eee,#ccc) repeat scroll 0 0 transparent;border-left: 1px solid #ccc;bottom: 0;color: #333;display: inline-block;font-size: 11px;font-weight: 700;height: 23px;line-height: 23px;padding: 10px;position: absolute;right: 1px;text-shadow: 0 1px 0 #fff;text-transform: uppercase;}
input.submit {  -moz-border-radius: 58px;-webkit-border-radius: 58px;-o-border-radius: 58px;border-radius: 58px;-moz-box-shadow: 0 1px 0 0 #fcc inset,0 1px 0 0 #ccc;-webkit-box-shadow: 0 1px 0 0 #fcc inset,0 1px 0 0 #ccc;-o-box-shadow: 0 1px 0 0 #fcc inset,0 1px 0 0 #ccc;box-shadow: 0 1px 0 0 #fcc inset,0 1px 0 0 #ccc;background: -moz-linear-gradient(center top ,#f99,#f66) repeat scroll 0 0 transparent;background: -webkit-linear-gradient(top ,#f99,#f66) repeat scroll 0 0 transparent;background: -o-linear-gradient(top ,#f99,#f66) repeat scroll 0 0 transparent;background: linear-gradient(top ,#f99,#f66) repeat scroll 0 0 transparent;border: medium none;color: #fff;cursor: pointer;display: block;font-size: 21px;font-weight: 700;height: 84px;margin: 40px 0 5px;padding: 11px 20px;text-align: center;text-shadow: 0 -1px 1px rgba(0,0,0,.4);text-transform: uppercase;width: 86px;}
.newForm input.submit {  float: left;-moz-border-radius: 58px;-webkit-border-radius: 58px;-o-border-radius: 58px;border-radius: 58px;-moz-box-shadow: 0 1px 0 0 #fcc inset,0 1px 0 0 #ccc;-webkit-box-shadow: 0 1px 0 0 #fcc inset,0 1px 0 0 #ccc;-o-box-shadow: 0 1px 0 0 #fcc inset,0 1px 0 0 #ccc;box-shadow: 0 1px 0 0 #fcc inset,0 1px 0 0 #ccc;background: -moz-linear-gradient(center top ,#f99,#f66) repeat scroll 0 0 transparent;background: -webkit-linear-gradient(top ,#f99,#f66) repeat scroll 0 0 transparent;background: -o-linear-gradient(top ,#f99,#f66) repeat scroll 0 0 transparent;background: linear-gradient(top ,#f99,#f66) repeat scroll 0 0 transparent;border: medium none;color: #fff;cursor: pointer;display: block;font-size: 18px;font-weight: 700;height: 60px;margin: 10px 15px;padding: 11px 15px;text-align: center;text-shadow: 0 -1px 1px rgba(0,0,0,.4);text-transform: uppercase;width: 60px;}
input.submit:focus {  outline: 0 none;}
input.submit::-moz-focus-inner {  border: 0;}
#recent {  display: block;margin-top: 20px;overflow: hidden;}
#recent h4 {  color: #f66;font-size: 20px;margin-bottom: 10px;font-weight: 600;font-family: arial;}
#recentView {  overflow: hidden;width: 464px;height: 48px;}
.iconslist {  list-style: none;position: relative;overflow: hidden;height: 48px;}
.iconslist li {  display: block;float: left;height: 48px;margin-right: 10px;position: relative;width: 48px;max-width: 48px;overflow: hidden;}
.iconslist li img {  display: inline;position: absolute;}
#results {  float: left;margin: 0;width: 360px;padding-top: 19px;padding-bottom: 19px;}
#noicons {  display: block;overflow: hidden;width: 358px;padding: 25px;background: #f9f9f9;border: 1px solid #ddd;text-align: center;color: #f66;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#noicons h5 {  font-size: 23px;}
#noicons p {  font-size: 14px;}
.iconblock {  display: block;height: 77px;overflow: hidden;width: 330px;padding: 25px 0 0 29px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;position: relative;}
.iconblock.newest {  background: #f66;border-top: 1px solid #f66;border-color: #f66;-moz-border-radius: 0 10px 0 0;-webkit-border-radius: 0 10px 0 0;-o-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;}
.iconblock.newest .info h5 {  color: #fff;}
.iconblock.newest .info span {  background: #fff;border-color: #f99;}
.iconblock.newest .remove {  color: #fff;border-color: #fff;}
.iconblock .remove {  -moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;border: 1px solid #ccc;color: #999;cursor: pointer;font-size: 9px;padding: 0 2px;font-weight: 700;position: absolute;right: 3px;top: 3px;}
.iconblock.newest .download a {  color: #fff;background: url(/imgs/dl-arrow-newest.png) no-repeat scroll center 0 transparent;}
.iconblock.last {  -moz-border-radius: 0 0 10px 0;-webkit-border-radius: 0 0 10px 0;-o-border-radius: 0 0 10px 0;border-radius: 0 0 10px 0;}
.info {  float: left;width: 240px;}
.info span {  background: none repeat scroll 0 0 #eee;border: 1px solid #ddd;float: left;height: 48px;margin: 0 10px 10px 0;width: 48px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;position: relative;}
.info h5 {  font-size: 29px;height: 30px;line-height: 100%;font-family: dosis;color: #f99;overflow: hidden;font-weight: 400;}
.info p {  font-size: 14px;}
.info span img {  position: absolute;}
.download {  float: right;margin-right: 30px;}
.download a {  float: right;font-family: Arial,Helvetica,sans-serif;font-size: 0;text-indent: -9999px;text-transform: capitalize;height: 54px;width: 41px;background: url(/imgs/dl-arrow.png) no-repeat scroll center 0 transparent;}
#footer {  width: 100%;background: #f7f7f7;font-family: arial;}
#footer .container {  padding: 20px 0;position: relative;}
#footer .col3 {  display: block;}
#footer .col3 h4 {  font-size: 13px;text-transform: uppercase;margin-bottom: 10px;}
#footer .col3 p {  font-size: 12px;line-height: 150%;}
#footer .col3 p a {  font-weight: 700;color: #f66;}
#copy {  display: block;width: 100%;overflow: hidden;clear: both;padding-top: 30px;}
#copy p {  display: block;font-size: 10px;font-weight: 400;text-align: center;text-transform: uppercase;width: calc( 100% - 100px);}
@media screen and (max-width: 767px) {
    #copy p { width: 100%; }
}
#copy p.feedback {  font-size: 14px;margin: 10px 0 20px;text-transform: none;}
#copy p.feedback strong {  color: #f66;font-weight: 700;}
#copy p.feedback em {  color: #666;}
.on {  background: #ffeaea!important;-moz-box-shadow: 1px 1px 8px #f66 inset;-webkit-box-shadow: 1px 1px 8px #f66 inset;-o-box-shadow: 1px 1px 8px #f66 inset;box-shadow: 1px 1px 8px #f66 inset;}
#leftColumnContainer {  float: left;max-width: 550px;width: 100%;}
#left-header {  max-width: 380px;width: 90%;float: left;}
#right-header {  max-width: 580px;width: 90%;float: left;text-align: center;}
.i-left {  width: 100%;}
.i-right {  width: 22%;float: right;padding-top: 10px;}
.i-right ul {  list-style-type: none;}
#language {  cursor: pointer;font-size: 12px;}
#language a#activeLanguage {  text-align: right;display: block;}
#language a#activeLanguage:after {  content: '\25BE';}
#language img {  padding-left: 10px;}
#language .submenu {  display: none;background: #fff;border: 1px solid #ddd;}
#language .submenu li {  list-style-type: none;clear: both;padding: 7px 10px 7px 0;border-bottom: 1px solid #ddd;}
#language .submenu li:hover {  background: #f4f4f4;}
li.last {  border: none;}
#language:hover .submenu,.submenu:hover {  display: block;}
#selectFiles:before {  content: url(/imgs/addFile.png);vertical-align: -50%;}
#selectFiles:after {  content: '\25BE';padding-left: 25px;}
#activeLanguage {  font-family: inherit;font-size: inherit;background: #fff;color: #222;border: 1px solid #ddd;cursor: pointer;padding: 4px 15px 4px 2px;display: inline-block;outline: 0;position: relative;}
#selectFiles {  border: none;font-family: inherit;font-size: inherit;background: #f66;color: #fff;cursor: pointer;padding: 15px 5px 15px 20px;display: inline-block;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;outline: 0;position: relative;}
#activeLanguage:active,#selectFiles:active {  background: #f66;background: -moz-linear-gradient(top ,#f66,#d52323) repeat scroll 0 0 transparent;background: -webkit-linear-gradient(top ,#f66,#d52323) repeat scroll 0 0 transparent;background: linear-gradient(top ,#f66,#d52323) repeat scroll 0 0 transparent;background: -o-linear-gradient(top ,#f66,#d52323) repeat scroll 0 0 transparent;}
#selectOptions ul {  background: #fff;border: 1px solid #ddd;max-width: 260px;width: 100%;list-style-type: none;display: none;position: absolute;z-index: 9999;}
#selectOptions li {  background: #fff;padding: 10px 20px;border-bottom: 1px solid #ddd;cursor: pointer;font-size: 14px;}
#selectOptions li:hover {  background: #f4f4f4;}
#selectOptions #selectSubmenu:hover,#selectOptions:hover #selectSubmenu {  display: block;}
#selectOptions {  display: inline-block;}
#urlPop {  display: none;}
.ui-widget-header {  border: 1px solid #f66;background: #f66;}
.ui-state-default .ui-icon {  background-image: url(/imgs/ui-icons_222222_256x240.png);}
.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {  border: 1px solid #999;background: #fafafa;font-weight: 700;color: #222;}
#urlPop input.text {  -moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 1px 1px 2px #ccc inset;-webkit-box-shadow: 1px 1px 2px #ccc inset;-o-box-shadow: 1px 1px 2px #ccc inset;box-shadow: 1px 1px 2px #ccc inset;border: 1px solid #ccc;font-size: 18px;height: auto;padding: 10px;width: 100%;box-sizing: border-box;}
#urlPop input[type=submit] {  margin: 10px auto 0 auto;display: block;background-color: #f66;color: #fcfafa;padding: 5px 10px;border: none;text-transform: uppercase;cursor: pointer;}
.billboardAd {  width: 970px;height: 250px;}
#sharer li {  list-style-type: none;display: inline-block;}
#sharer li span {  clear: both;display: block;text-align: center;color: #fff;font-size: 10px;padding: 5px;}
#facebookShare a {  width: 60px;height: 60px;background-image: url(/imgs/facebook.png);background-size: 100% 100%;cursor: pointer;display: block;}
#facebookShare span {  background: #2b4884;}
#redditShare a {  width: 60px;height: 60px;background-image: url(/imgs/reddit.png);background-size: 100% 100%;cursor: pointer;display: block;}
#redditShare span {  background: #229e89;}
#gplusShare a {  width: 60px;height: 60px;background-image: url(/imgs/gplus.png);background-size: 100% 100%;cursor: pointer;display: block;}
#gplusShare span {  background: #bf3727;}
#stumbleShare a {  width: 60px;height: 60px;background-image: url(/imgs/stumble.png);background-size: 100% 100%;cursor: pointer;display: block;}
#stumbleShare span {  background: #c33c1d;}
#emailShare a {  width: 60px;height: 60px;background-image: url(/imgs/email.png);background-size: 100% 100%;cursor: pointer;display: block;}
#emailShare span {  background: #058ec1;}
#right-menu li {  display: inline-block;text-align: center;}
#right-menu li span {  display: block;clear: both;}
.right-menu {  padding-top: 10px;display: flex;justify-content: center;}
.right-menu li {  display: inline-flex;text-align: center;border-bottom: 1px solid #e8e8e8;}
.right-menu li span {  display: block;clear: both;font-size: 15px;font-weight: 700;font-family: 'Open Sans',sans-serif;padding: 10px;}
.sub-top-menu img {  max-width: 75px;}
ul.right-menu.sub-top-menu li {  border: 0;}
ul.right-menu.sub-top-menu {  position: absolute;z-index: 9999999;left: 49%;background: #fff;box-shadow: 0 0 5px #e8e8e8;}
@font-face {  font-family: custom-icon-font;src: url(/font/custom-icon-font.eot?84871079);src: url(/font/custom-icon-font.eot?84871079#iefix) format('embedded-opentype'),url(/font/custom-icon-font.woff?84871079) format('woff'),url(/font/custom-icon-font.ttf?84871079) format('truetype'),url(/font/custom-icon-font.svg?84871079#custom-icon-font) format('svg');font-weight: 400;font-style: normal;}
[class*=" icon-"]:before,[class^=icon-]:before {  font-family: custom-icon-font;font-style: normal;font-weight: 400;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-down-dir:before {  content: '\e800';}
.icon-up-dir:before {  content: '\e801';}
.show_button {  clear: both;background: #f66;padding: 10px 25px;display: block;margin: 10px auto;width: 30%;color: #fff;font-family: Dosis;text-transform: uppercase;font-size: 18px;text-align: center;font-weight: 700;cursor: pointer;}
#loading {  display: block;overflow: hidden;width: 358px;padding: 25px;background: #f9f9f9;border: 1px solid #ddd;text-align: center;color: #f66;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
@media screen and (max-width:960px) {  .billboardAd {    width: 728px;height: 90px;  }
  #top .container {    height: auto;text-align: center;  }
  #network li {    display: inline-block;float: none;  }
  #counter {    display: block;float: none;clear: both;  }
  #counter p {    text-align: center;  }
  .lcol {    float: left;margin-right: 5%;margin-left: 5%;width: 90%;  }
  #leftColumnContainer {    max-width: none;width: 100%;padding-bottom: 20px;  }
  .rcol {    float: none;width: 100%;text-align: center;  }
  .rcol > div {    margin: 0 auto;  }
  #results {    float: none;width: 100%;  }
  #noicons {    width: 100%;max-width: 360px;margin: 0 auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;  }
  #ads {    max-height: 280px;height: auto;  }
  #footer .col3,  .col3 {    width: 30%;height: auto;  }
  .col3.mid {    margin: 0 5%;  }
  #footer .container {    width: 90%;  }
  #convert {    width: 100%;  }
  .col1-2 {    width: 60%;  }
  .col2-2 {    width: 30%;margin: 0 5%;  }
  input.fakefile,  input.text {    width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;height: 43px;  }
  #recentView {    max-width: 464px;width: 100%;  }
  #left-header,  #right-header {    float: none;max-width: 90%;margin: 0 auto;  }
}
@media(max-width:320px) {  .billboardAd {    width: 320px;height: 100px;  }
}
@media(max-width:500px) {  .billboardAd {    width: 468px;height: 60px;  }
  #intro h2,  .intro h2,  .left-header h2 {    font-size: 40px;  }
  .url {    width: 65%;  }
  ul.right-menu.sub-top-menu {    left: 0;  }
}
@media screen and (max-width:400px) {  #sharer li a {    width: 40px;height: 40px;  }
  #counter p span {    font-size: 10px;  }
  #intro h2,  .intro h2 {    font-size: 2.5em;  }
}