
/*@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700&subset=latin-ext,latin);*/
/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(https://fonts.gstatic.com/s/josefinsans/v12/C6HYlRF50SGJq1XyXj04z37X5LReLH0QNoQkr9bkYvg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(https://fonts.gstatic.com/s/josefinsans/v12/C6HYlRF50SGJq1XyXj04zxLwFvNxpkIoVzlXSkPSYkA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(https://fonts.gstatic.com/s/josefinsans/v12/C6HYlRF50SGJq1XyXj04z04GofcKVZz6wtzX_QUIqsI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/xgzbb53t8j-Mo-vYa23n5v8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/xgzbb53t8j-Mo-vYa23n5j0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/xgzbb53t8j-Mo-vYa23n5ugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(https://fonts.gstatic.com/s/josefinsans/v12/C6HYlRF50SGJq1XyXj04zxleLRUdNWOtq4SldHKv7HI.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(https://fonts.gstatic.com/s/josefinsans/v12/C6HYlRF50SGJq1XyXj04z-IaMZP5eRGvEWe_CNIU_oY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(https://fonts.gstatic.com/s/josefinsans/v12/C6HYlRF50SGJq1XyXj04z3NuWYKPzoeKl5tYj8yhly0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}


/*@import url(https://fonts.googleapis.com/css?family=Righteous&subset=latin,latin-ext);*/
/* latin-ext */
@font-face {
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  src: local('Righteous'), local('Righteous-Regular'), url(https://fonts.gstatic.com/s/righteous/v6/eJYqrhUff1n1Ge9A-rSw_BJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  src: local('Righteous'), local('Righteous-Regular'), url(https://fonts.gstatic.com/s/righteous/v6/w5P-SI7QJQSDqB3GziL8XVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}



body {background:#eee;color:#444444;font-family:"Righteous", tahoma, arial;padding:0;margin:0;line-height:1.5;min-width:260px;font-size:16px;}
h1,h2,h3 {font-family:"Righteous", tahoma, arial;padding:0;margin:0;line-height:1.7;color:#dd4400;font-weight:300;}
h1 {font-size:32px;}
h2 {font-size:24px;}
h3 {font-size:14px;font-weight:bold;}
a {color:inherit;}
p {font-family:"Josefin Sans";}

span.red, strong.red {color:#db4427;}

#top {position:relative;background:#c9302c;}
#top a {text-decoration:none;} 
#top h1 {padding:5px 25px;max-width:500px;color:#fff;display:inline-block;} 

#lang {position:absolute;right:25px;top:0px;font-size:13px;line-height:66px;color:#fff;}
#lang a {color:#fff;font-family:"Righteous", tahoma, arial;}  

#main_ad {margin:auto;margin-bottom:20px;}

#main_ad.linked {margin-top:45px;}

.input_content {text-align:center;padding:0;}
.input_content input {border:2px solid #fff;display:bock;box-sizing:border-box;height:50px;width:100%;line-height:50px;padding:0 15px;font-size:18px;vertical-align:middle;margin-bottom:20px;}
.input_content input:focus {outline:none;}
.input_content button {position:absolute;bottom:0px;right:0px;width:148px;cursor:pointer;border:none;font-size:18px;height:50px;line-height:50px;background:#db4427;color:#ffffff;vertical-align:middle;font-family:Righteous;}
.input_content button:hover {background:#eb5437;}
.input_content button i {font-size:24px;}

#inpCover {
    max-width:728px;
    padding:50px 0px 60px 0px;
    margin:auto;
    position:relative;
}

#url_form {
    background:#3a3a3a;    
    padding:20px;
}

#adbOverlay table, #popup table, #like_popup table {width:100%;height:100%;}
#adbOverlay td, #popup td, #like_popup td {padding:30px;}

body.adb #top, body.adb #content, body.adb #footer, body.popup #top, body.popup #content, body.popup #footer, body.like_popup #top, body.like_popup #content, body.like_popup #footer {-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);}

#popup, #adbOverlay, #like_popup {display:none;font-size:35px;background:rgba(0,0,0,0.8);color:#fff;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:1000;}

#popup .close, #like_popup .close {position:absolute;top:30px;right:30px;cursor:pointer;color:#fff;opacity:1;text-shadow:none;}
#popup .close:hover, #like_popup .close:hover {color:#db4427;}
#popup .red {white-space:nowrap;}

#adbOverlay {font-size:50px;}

body.adb #adbOverlay, body.popup #popup, body.like_popup #like_popup  {
    display:block;
}

#loader {
    position:fixed;
    top:0px;
    left:0px;
    display:none;
    z-index:1000;
    background:rgba(0,0,0,0.6);
}
#loader table, #loader {
    width:100%;
    height:100%;
}
#loader td {
    text-align:center;
    font-size:36px;
    color:#fff;
}
#loader img {
    position:relative;
    right:25px;
    bottom:10px;
}
#loader td div {
    border-radius:100px;
    overflow:hidden;
    margin:auto;
    width:180px;
    height:180px;
    margin-bottom:10px;
}

#formatSelect {
    background:#aaa;
    display:inline-block;
    overflow:hidden;
    vertical-align:middle;       
    line-height:50px;
    height:50px;
    box-sizing:border-box;
    text-transform:lowercase;
    position:absolute;
    top:0px;
    left:0px;
}
#formatSelect a {
    display:inline-block;
    text-decoration:none;
    color:#fff;
    width:62px;
}         
#formatSelect a.active {background-color:#fff;color:#db4427;text-shadow:none;border:none;}

#footer {text-align:center;color:#999999;padding:14px 0px;font-size:16px;margin-top:4px;font-weight:400;}
#footer a {color:inherit;text-decoration:none;}
#footer a:hover {color:#ee3311;}

#error {margin:auto;background:#db4427;color:#fff;padding:15px;margin-bottom:30px;box-shadow:0px 0px 5px #222;max-width:728px;box-sizing:border-box;}

#last_downloads {width:1200px;margin:auto;margin-top:20px;}
.downloaded {position:relative;width:390px;background:#ffffff;text-align:left;height:120px;padding:10px;box-sizing:border-box;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.3);float:left;margin:5px;}
.downloaded img {float:left;height:100px;margin-right:20px;}
.downloaded a {text-decoration:none;}
.downloaded h3 {height:66px;overflow:hidden;line-height:22px;}
.downloaded .date {font-size:11px;color:#aaaaaa;position:absolute;right:15px;bottom:12px;}
.downloaded .yd {position:relative;top:14px;font-size:12px;}

#links_468, #links_200 {display:none;}
#links_728 {display:block;}   


.video-container {max-width:728px;margin:auto;}  
.video-container iframe,
.video-container object,
.video-container embed {border:10px solid #fff;box-sizing:border-box;}  

#link_ad {max-width:728px;margin:auto;margin-bottom:0px;clear:both;}


#download_link {
    text-overflow: ellipsis;
    overflow:hidden;
}

@media screen and (max-width: 1200px) {
    #last_downloads {width:800px;} 
}


@media screen and (max-width: 970px) {
}

@media screen and (max-width: 800px) {
    #last_downloads {width:400px;}
    #popup {font-size:30px;}
    #popup div {font-size:20px !important;}
    #popup .close {top:25px;right:25px;}
    
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;     
        margin:auto;    
    }
    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;   
    }
    
}   
@media screen and (max-width: 600px) {
    #like {display:none;}
    #download_link {font-size:15px;}
    #top h1, h2 {font-size:21px;}    
    #lang {line-height:47px;font-size:12px;}   
}   

@media screen and (max-width: 500px) { 
    #links_728, #links_468 {display:none;}
    #links_200 {display:block;}       
    .input_content input {font-size:14px;}  
}       

@media screen and (max-width: 420px) {  
    #last_downloads {width:100%;margin:none;overflow:hidden;}         
    #top h1 {font-size:20px;}    
    #lang {line-height:42px;font-size:11px;} 
    .downloaded {width:100%;margin:0;border-radius:0px;height:auto;}
    .downloaded img {width:100%;height:auto;float:none;} 
    .downloaded .yd {position:absolute;bottom:12px;left:10px;top:auto;font-size:12px;}
    .downloaded h3 {margin-bottom:10px;}     
    body {font-size:13px;}  
    #adbOverlay {font-size: 40px;}     
    #popup {font-size:25px;}
    #popup div {font-size:15px !important;}
    #popup .close {top:20px;right:20px;}
    #download_link {font-size:14px;}
}

@media screen and (max-width: 360px) { 
    #top h1 {font-size:18px;}   
    #lang {line-height:40px;font-size:11px;} 
    #adbOverlay {font-size:35px;}
}      

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-download:before {
  content: "\f019";
}

.fa-times-circle:before {
  content: "\f057";
}

.strong, .bold {font-weight:bold !important;}
.underline {text-decoration:underline !important;}
.activeLang {color:#db4427 !important;background:#fff;border-radius:30px;padding:2px 2px;}

.form-control {height:50px;}
#url_form .col-xs-12, #url_form .col-xs-7, #url_form .col-xs-5 {padding:0 5px 5px 5px;}
#url_form form {text-align:left;}
#url_form label {color:#555;font-weight:normal;}
#url_form .help-block, #url_form .form-group {margin:0px;}
#content {text-align:center;}
.panel.panel-danger .panel-heading {background:#c9302c;color:#fff;}

.br {height:10px;}