/*
 Theme Name:   01
 Theme URI:    http://vlnv.ru
 Description:  
 Author:       Valentin
 Author URI:   http://vlnv.ru
 Template:    
 Version:      1.0.0
 License:      Copyright
 License URI: 
 Tags:
*/

.icon:before { font-family:'FontAwesome' }


* { font-size:100.01%; margin:0; padding:0;  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; }
header, main, footer, nav, article, section, aside, figure, figcaption { display: block }
::selection { color:#fff!important; background:#aaa;}
::-moz-selection { color:#fff!important; background:#aaa }



body {
   color:#666; font:normal 0.9em "Raleway", tahoma, arial, helvetica, sans-serif;
   margin:0; padding:0;
}

::-webkit-scrollbar { width:14px; background:#333; }
::-webkit-scrollbar-thumb { border-radius:10px; border:solid 4px #333 ; background:#fff }



#page { min-width:320px; text-align:left; }
div.global-container { max-width:1600px; margin:0 auto }
div.global-wrapper { padding:0 75px }



table { font-weight:normal; font-size:1em }
td { vertical-align:top }



img { border:0 }



a { color:#333; text-decoration:underline }
a:hover { color:#333; text-decoration:none }
a:active { color:#333 }

.clickable {  cursor:hand; cursor:pointer; }



h1, h2, h3, h4, .h0, .h1, .h2, .h3, .h4 { 
   color:#333; font-family:'Raleway','Roboto',tahoma, arial, helvetica, sans-serif;
   font-weight:300; 
   padding:0
} 

h3, h4, .h3, .h4 { /*font-family:"Open Sans", Tahoma, Arial;*/ }

h1, .h1 { font-size:2.5em; margin:0 0 0.7em 0; }
h2, .h2 { font-size:1.7em; margin:1.2em 0 0.5em 0; }
h3, .h3 { font-weight:400; font-size:1.25em; letter-spacing:0; margin:1.8em 0 0.4em 0; }
h4, .h4 { font-weight:400; font-size:1em; letter-spacing:0; margin:1.8em 0 0.4em 0; }
.h0 { font-size:3.8em; margin:0 0 0.7em -0.05em; }

h2 + h3 { margin-top:0 }

 .h1, .h2,  .h3 { margin-top:0 }



ul { list-style:none }
ul, ol, dl { margin:0; padding:0 }

p, ul, ol, dl
{
   line-height:1.7em;
   margin: 0 0 1.4em 0;
} 

p small { line-height:1.45em }
p big { line-height:1.6em }

sup, sub { font-size:0.8em }

blockquote { padding:1em 1.5em; margin:0 0 1.4em -1.5em; border-radius:5px 15px 15px 15px }
blockquote p { margin:0 }

hr, div.hr { overflow:hidden; color:#e2e4e6; height:1px; background:#e2e4e6; border:none }
div.hr2 { color:#f7f9fa; height:8px; background:#f7f9fa }



.line-h { height:1px; background:#000; opacity:0.15 } 



.bold { font-weight:bold }
small, .sm  { font-size:0.85em }
.smler { font-size:0.75em }

big { font-size:1.2em }
big.b { font-size:1.6em }
.bigger, ul.big, ol.big { font-size:1.1em; line-height:1.5em }



div.input, div.textarea { overflow:hidden; padding:5px 10px; border:solid 1px rgba(0,0,0,0.2); background:none; border-radius:3px }
input, textarea {
   color:#333; font-size:1em; font-family:"Raleway", tahoma, arial, helvetica, sans-serif;
   width:100%; margin:0; padding:0;
   background:none; border:none; outline:none; resize:none;
}

textarea { line-height:1.8em }

input[type="radio"] { width:auto }

div.butn input, .submit { color:#fff!important; background:#ff5500; padding:0.8em 2em; border-radius:5px; cursor:hand; cursor:pointer; width:auto; margin:0; border:0;    }
div.butn input:hover , .submit:hover { transform:translateY(1px) }



.text-t { vertical-align:top }
.text-m { vertical-align:middle }
.text-b { vertical-align:bottom }

.text-l { text-align:left }
.text-r { text-align:right }
.text-c { text-align:center }
.text-j { text-align:justify }

.left, .alignleft { float:left }
.right, .alignright { float:right }
.center { margin-left:auto; margin-right:auto; //margin-left:0; //margin-right:0; }

.w100 { width:100% }
.w50 { width:50% }
.w25 { width:25% }

.w66 { width:66% }
.w48 { width:48% }
.w49 { width:49% }
.w33 { width:33.33% }
.w24 { width:24% }

.w80 { width:80% }
.w60 { width:60% }

.h100vm { min-height:100% }
.h95vm { min-height:95% }
.h90vm { min-height:90% }
.h80vm { min-height:80% }
.h70vm { min-height:70% }
.h60vm { min-height:60% }
.h50vm { min-height:50% }

.h100v { height:100vh }
.h95v { height:95vh }
.h90v { height:90vh }
.h80v { height:50vh }
.h70v { height:50vh }
.h60v { height:50vh }
.h50v { height:50vh }

.block { width:100%; overflow:hidden }
.clearer { clear:both; overflow:hidden; min-height:0px; height:0px }

.pos-r { position:relative }
.pos-a { position:absolute }
.pos-f { position:fixed!important }

.inline { display:inline }

.nowrap { white-space:nowrap }

.zFace { z-index:1 }
.zBack { z-index:-1 }



.indent-b1 { margin-bottom:5.9em }
.indent-b2 { margin-bottom:3.4em }
.indent-b3 { margin-bottom:1.8em }

.space-b1 { padding-bottom:5.9em }
.space-b2 { padding-bottom:3.4em }
.space-b3 { padding-bottom:1.8em }

.indent-t0 { margin-top:0 }
.indent-b0 { margin-bottom:0 }
.indent-tb0 { margin-top:0; margin-bottom:0 }

.margin0 { margin:0 }
.padding0 { padding:0 }



.hidden { display:none }
.alpha0 { opacity:0; filter:alpha(opacity=0) }
.invisible { visibility:hidden }

#fader { display:none; z-index:7; position:absolute; top:0; left:0; width:100%; height:100%; background:#fafafa; }

#noscript { z-index:1; position:absolute; top:0; left:0; width:100%; background:#de2500 }
#noscript div { color:#fff; padding:10px 50px; text-align:center }

#loading { display:none; width:3em; height:3em; margin:-1.5em 0 0 -1.5em; z-index:777;  position:absolute; left:50%; top:50%; }
div.loading-show { display:block!important;  animation:loading-show 1s 1s backwards; }
#loading div.bg { opacity:0.6; background:#fff; border-radius:5px; position:absolute; left:0; top:0; width:100%; height:100% }
#loading div.wrapper { position:relative; width:60%; height:60%; margin:20% 0 0 20% }
#loading div.element { animation:loading-element 1s infinite; border:solid 4px rgba(255,210,0,1); border-left-color:rgba(255,210,0,1); margin:-3px 0 0 -3px; border-radius:50%; width:100%; height:100% }
@keyframes loading-show { from { opacity:0; } to { opacity:1; } }
@keyframes loading-element { 0% { transform:rotate(0deg) } 100%{ transform:rotate(360deg)  } } 



#audio-Player{ position:absolute; left:-1px; top:-1px; width:1px; height:1px; visibility:hidden }