@font-face {
font-family:Philosopher; 
src: url(fonts/Philosopher-Regular.ttf); 
}

body{
margin:0px;
background:#1f2329;
font-family:Philosopher;
}
   
input[type="button"]{
background:#1f2329;
color:#eee;
border:none;
border-radius:5px;
font-family:Philosopher;
font-size:24px;
width:120px;
padding:5px 0px;
outline:none;
margin-right:5px;
} 
  
input[type="button"]:hover{
background:#585d6a;
}

input[type="button"]:active{
background:#eee;
border:1px solid #1f2329;
color:#1f2329;
}

input[type="password"]{
font-size:15px;
border-radius:5px;
border:none;
padding:2px;
margin-bottom:5px;
outline:none;
font-family:Philosopher;
width:200px;
height:25px;
}

input[type="button"].sf,input[type="button"].se{
font-size:18px;
}

textarea::-webkit-input-placeholder{
text-align:center;
line-height:6em;
}

textarea::-moz-placeholder{
text-align:center;
line-height:6em;
}

textarea:-ms-input-placeholder{
text-align:center;
line-height:6em;
}

a{
margin-right: 5px;
}

ul>li{
display:inline-block;
outline:none;
}


form{
width:810px;
background:url('/images/bg-form.png')#fff;
border-radius:5px;
box-shadow:inset 0 30px 30px -26px #777;/*#d2cfce;*/
}

form.en{
background:url('/images/drop_here_EN.png')#fff;
}

form.ru{
background:url('/images/drop_here_RU.png')#fff;
}

textarea{
overflow:hidden;
width:800px;
}

.auth{
background:#eaecf5;
text-align:center;
border-radius:5px;
box-shadow:inset 0 30px 30px -26px #777;
}

.auth input{
margin-top:5px;
}

.auth div{
display:inline-block;
vertical-align:middle;
}

.tabs>ul{
position:relative;
left:10px;
}

#tabs-0{
width:810px;
}

#tabs-0 div{
vertical-align:middle;
display:inline-block;
width:800px;
}

#tabs-0 div:first-child{
width:0px;
}

#tabs-0 p{
text-align:center;
line-height:5em;
margin:0px;
padding:0px;
}

#tabs-0 p span{
font-size:24px;
}

form .text.padding{
padding-top:17px;
}

/*adaptive screen styles */
@media screen and (max-width: 1920px)

{
form .text{
height:auto;
min-height:420px;
}

.auth div:first-child{
height:610px;/*534px*/
}

#tabs-0{
min-height:610px;
}

#tabs-0 div:first-child{
min-height:610px;
}

.tabs-content{
min-height:610px;
}
}


@media screen and (max-width: 1600px) and (max-height: 1150px) /*1600*1200*/

{
form .text{
height:auto;
min-height:542px; 
}

.auth div:first-child{
height:732px; /*264*/
}

#tabs-0 div:first-child{
min-height:732px;
}


#tabs-0{
min-height:732px;
}

.tabs-content{
min-height:732px;
}
}


@media screen and (max-width: 1600px) and (max-height: 800px)  /*1600*900*/

{
form .text{
height:auto;
min-height:272px; 
}

.auth div:first-child{
height:462px; /*264*/
}

#tabs-0 div:first-child{
min-height:462px;
}


#tabs-0{
min-height:462px;
}

.tabs-content{
min-height:462px;
}
}


@media screen and (max-width: 1400px)

{
form .text{
height:auto;
min-height:425px; 
}

.auth div:first-child{
height:615px; /*264*/
}

#tabs-0{
min-height:615px;
}

#tabs-0 div:first-child{
min-height:615px;
}

.tabs-content{
min-height:615px;
}
}


@media screen and (max-width: 1366px)

{
form .text{
height:auto;
min-height:145px; /*157*/
}

.auth div:first-child{
height:335px; /*264*/
}

#tabs-0{
min-height:335px;
}

#tabs-0 div:first-child{
min-height:335px;
}

.tabs-content{
min-height:335px;
}
}


@media screen and (max-width: 1280px) and (max-height:960px) /*1024*/

{
form .text{
height:auto;
min-height:398px;
}

.auth div:first-child{
height:588px;
}

#tabs-0{
min-height:588px;
}

#tabs-0 div:first-child{
min-height:588px;
}

.tabs-content{
min-height:588px;
}
}


@media screen and (max-width: 1280px) and (max-height:850px) /*960*/

{
form .text{
height:auto;
min-height:298px;
}

.auth div:first-child{
height:488px;
}

#tabs-0{
min-height:488px;
}

#tabs-0 div:first-child{
min-height:488px;
}

.tabs-content{
min-height:488px;
}
}


@media screen and (max-width: 1280px) and (max-height:700px) /*800*/

{
form .text{
height:auto;
min-height:188px;
}

.auth div:first-child{
height:378px;
}

#tabs-0{
min-height:378px;
}

#tabs-0 div:first-child{
min-height:378px;
}

.tabs-content{
min-height:378px;
}
}

@media screen and (max-width: 1280px) and (max-height:650px) /*768*/

{
form .text{
height:auto;
min-height:138px;
}

.auth div:first-child{
height:328px;
}

#tabs-0{
min-height:328px;
}

#tabs-0 div:first-child{
min-height:328px;
}

.tabs-content{
min-height:328px;
}
}

@media screen and (max-width: 1280px) and (max-height:600px) /*720*/

{
form .text{
height:auto;
min-height:98px;
}

.auth div:first-child{
height:288px;
}

#tabs-0{
min-height:288px;
}

#tabs-0 div:first-child{
min-height:288px;
}

.tabs-content{
min-height:288px;
}
}


@media screen and (max-width: 1024px)

{
form .text{
height:auto;
min-height:138px;
}

.auth div:first-child{
height:330px;
}

#tabs-0{
min-height:330px;
}

#tabs-0 div:first-child{
min-height:330px;
}

.tabs-content{
min-height:330px;
}
}




form .text{
width:800px;
padding:5px;
padding-top:13px;
border:none;
outline:none;
resize: none;
background:none;
z-index:999;
max-height:9999px;
}

header{
background:#1f2329;
color:#eee;
position:absolute;
width:100%;
margin:0px;
padding:8px 0px;
}

header>a{
text-decoration:none;
}

header>a>h1{
margin:0px;
padding-left:10px;
color:#eee;
display:inline-block;
}

.logo{
display:block;
float:left;
}

.logo img{
height:72px;
}

header>ul>li>a{
color:#eee;
}

header>ul{
float:right;
display:block;
margin-right: 25px;
}

header.big{
height:190px;
}

.tabs>ul>li>a{
width:40px;
height:80px;
margin:10px 35px;
border-radius: 20px / 40px;
display:block;
transform: rotate(22deg);
-webkit-transform: rotate(22deg);
padding: 0px!important;
outline:none!important;
transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
 -o-transition: all 1.5s ease;
}

.tabs>ul>li>a:hover{
transition: all 0s ease;
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
 -o-transition: all 0s ease;
}

.tabs>ul>li:nth-child(2)>a:hover{
background:#a3cE84!important;
}

.tabs>ul>li:nth-child(3)>a:hover{
background:#eae58f!important;
}

.tabs>ul>li:nth-child(4)>a:hover{
background:#eab87e!important;
}

.tabs>ul>li:nth-child(5)>a:hover{
background:#ea707b!important;
}

.tabs>ul>li:nth-child(6)>a:hover{
background:#9f8373!important;
}

.tabs>ul>li:nth-child(7)>a:hover{
background:#a07ad8!important;
}

.tabs>ul>li:nth-child(8)>a:hover{
background:#72a3f5!important;
}

.content{
width:810px;
margin:0px auto;
padding-top:80px;
}

.ui-state-active a, .ui-state-hover a {
outline: none;
}

.preview{
height:154px;    
}

.preview>div{
margin-right:6px;
margin-top:5px;
}

.preview>div:nth-child(4n){
margin-right:0px;
}

.preview>div:nth-child(4n+1){
margin-left:1px;
}

.preview{
padding:5px;
}

.preview .thumb img{
height:145px;
display:block;
margin:0px auto;
}

/*thumb icons*/
.preview .thumb:hover>span{
display:none;
}


.preview .thumb span{
float:right;
position:relative;
top:60px;
right:10px;
font-weight:bold;
font-size:18px;
text-transform:uppercase;
}

.preview .thumb.sound span,.preview .thumb.video span{
color:#ffae47;
}

.preview .thumb.sound,.preview .thumb.video{
background:url('../images/icons/orange.png');
}

.preview .thumb.sound:hover,.preview .thumb.video:hover{
background:url('../images/icons/orange.png')0 100%;
}

.preview .thumb.pdf span{
color:#ff3f42;
}

.preview .thumb.pdf{
background:url('../images/icons/red.png');
}

.preview .thumb.pdf:hover{
background:url('../images/icons/red.png')0 100%;
}

.preview .thumb.doc span{
color:#4798ff;
}

.preview .thumb.doc{
background:url('../images/icons/blue.png');
}

.preview .thumb.doc:hover{
background:url('../images/icons/blue.png')0 100%;
}

.preview .thumb.xls span{
color:#92d050;
}

.preview .thumb.xls{
background:url('../images/icons/green.png');
}

.preview .thumb.xls:hover{
background:url('../images/icons/green.png')0 100%;
}

.preview .thumb.txt span{
color:#8d5c37;
}

.preview .thumb.txt{
background:url('../images/icons/brown.png');
}

.preview .thumb.txt:hover{
background:url('../images/icons/brown.png')0 100%;
}

.preview .thumb.arch span{
color:#8e4fd1;
}

.preview .thumb.arch{
background:url('../images/icons/purple.png');
}

.preview .thumb.arch:hover{
background:url('../images/icons/purple.png')0 100%;
}


.preview .thumb.default span{
color:#fff461;
}

.preview .thumb.default{
background:url('../images/icons/yellow.png');
}

.preview .thumb.default:hover{
background:url('../images/icons/yellow.png')0 100%;
}

/*small icons                  */
.preview img.icon{
width:55px;
height:auto;
}


.preview a{
position:absolute;
cursor:pointer;
display:none;
}

.preview a:not(.name):hover{
background:#1f2329!important;
}

.preview a.name{
background:rgba(255,255,255,0.6);
color:#1f2329;
text-decoration:none;
display:inline;
font-size:18px;
padding:2px 5px;
}

.preview a.del{
margin:0px 0px 0px 169px;
background:#585d6a;
padding:3px;
}

.preview a.down{
margin:100px 0px 0px 100px;
background:#585d6a;
border-radius:5px;
}

.preview a.del img{
width:20px;
height:auto;
}

.preview a.imgfancy,a.filefancy {
margin:100px 0px 0px 40px;
background:#585d6a;
border-radius:5px;
}

.preview .thumb{
width:195px;   
height:145px;
overflow:hidden;
display:inline-block;
}

.triangle{
position:absolute;
margin-top:115px;
}

.triangle div{
width:0px;
height:0px;
}

.triangle .up{
border-right:30px solid white;
border-bottom:30px solid transparent;
opacity:0.6;
}

.triangle .bottom{
border-left:30px solid white;
border-top:30px solid transparent;
position:relative;
top:-30px;
}


 /*end of icons           */

.result,.links{
width:800px;
height:0px;
overflow:hidden;
background:rgba(238,238,238,0.5);
border-radius:5px 5px 0px 0px;
padding:0px 5px;
}


.result{
position:absolute;
background:none;
background:rgba(255,255,255,0.3);
}

.links{
border-radius:0px;
top:13px;
position:relative;
}

.buttons{
position:absolute;
margin-top:10px;
padding-left:220px;
}


footer{
height:40px;
background:#1f2329;
color:#eee;
padding:15px 0px 10px 0px;
}

footer span{
float:right;
margin-right:10px;
font-size:12px;
}

footer span p{
margin:0px;
}


footer span p.mail{
text-align:right;
padding-top:5px;
}

.main{
padding-bottom:50px;
}

progress{
width:810px;
height:3px;
background:inherit;
color:#1f2329;
display:none;
}

@-moz-document url-prefix() { 
  progress {
     width:805px;
  }
}


progress::-webkit-progress-value {  
background:#1f2329;    
}

progress::-moz-progress-bar {  
background:#1f2329;    
}

input[type=file]{
display:none;
}

noindex:-o-prefocus,
input[type=file]{
display:inline-block;
width:120px;
height:36px;
position:absolute;
margin-left:-129px;
margin-top:-1px;
opacity:0;
}