@charset "utf-8";
/* CSS Document */

/*.clearfix:before, 
.clearfix:after { content:"."; display:block; height:0; overflow:hidden; } 
.clearfix:after { clear:both; } 
.clearfix { zoom:1; }*/

/** { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }*/

.center {text-align:center; margin:0 auto;}
.left {float:left;} .l {text-align:left;}
.right { float:right; } .r {text-align:right;}
.fix { position:fixed !important; }
.abs { position:absolute !important; }
.va { position:absolute; }
.va:after { display:inline-block; height:100%; width:0; vertical-align:middle; content:''; }

@font-face { font-family:OpenSans-cond;
	src:url('f/opensans-condensed-light.eot');
	src:url('f/opensans-condensed-light.eot?#iefix') format('embedded-opentype'),
		url('f/opensans-condensed-light.woff') format('woff'),
		url('f/opensans-condensed-light.ttf') format('truetype'),
		url('f/opensans-condensed-light.svg#OpenSans-cond') format('svg');
	font-weight:normal; font-style:normal; }
@font-face { font-family:OfficinaSerif;
	src:url('f/OfficinaSerif.eot');
	src:url('f/OfficinaSerif.eot?#iefix') format('embedded-opentype'),
		url('f/OfficinaSerif.woff') format('woff'),
		url('f/OfficinaSerif.ttf') format('truetype'),
		url('f/OfficinaSerif.svg#OfficinaSerif') format('svg');
	font-weight:normal; font-style:normal; }

html,body { width:100%; height:100%; font-size:100%;
	font-family:OpenSans-cond, 'Trebuchet MS', 'Segoe UI';
  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
p { margin:1.0em 0; text-align:justify; }

h1, h2, h3, h4, h5, h6 { margin-right:25px; margin-bottom:.5em; 
	color:#454; font-family:OfficinaSerif;
	font-weight:normal; font-style:normal; 
	letter-spacing:-.015em; line-height:1.01em; 
	text-decoration:none; text-shadow:0 0 2px rgba(0,0,0,.15);
	text-align:left; text-rendering:optimizelegibility; }
h1 { font-size:48px; }
h2 { font-size:36px; }
h3 { font-size:24px; }
h4 { font-size:18px; }	

a, a:visited { text-decoration:none; 
	outline:none; cursor:pointer; color:#065; }
a:hover { color:#692; text-shadow:0 0 1px #df7; }
a.tooltip,  a:visited.tooltip { color:#065; text-decoration:none; 
	outline:none; cursor:pointer; border-bottom:1px dashed #692; }
a:hover.tooltip, a:active.tooltip { color:#692; border-bottom:none;
	text-shadow:0 0 1px #df7; }

#tooltip { position:absolute; display:none;
	border:none; padding:15px 25px; z-index:1000;
	background:#223; color:#fff;
	/*font-family:DinPro;*/
	font-size:15px; font-weight:400;
	letter-spacing:0.035em; text-align:left;
	opacity:.87; margin-right:1.25%; }

.navigation { display:block; position:fixed; z-index:100;
	top:0; left:0; width:100%; padding:0;
	background-color:rgba(155,155,155,.85);
	box-shadow:0 -1px 0 0 rgba(255,255,255,.25) inset; }
.navigation li { display:block; float:left; width:50px; height:50px;
	line-height:50px; color:#fff; font-size:23px; font-weight:normal; 
	text-align:center; border-right:1px solid rgba(255,255,255,.2);
	box-shadow:0 -1px 0 0 rgba(255,255,255,.2) inset;
	-webkit-transition:all 1.8s ease-in-out; transition:all 0.5s ease; }
.navigation li:hover,.active { cursor:pointer; color:#353; width:50px!important;
	background-color:rgba(255,255,255,.75); font-size:33px; }
.navigation li.itct { width:70px!important; background-color:#692;
	line-height:43px; box-shadow:0 -1px 0 0 rgba(255,255,255,.25) inset; }
.navigation li.itct:hover { background-color:#353; font-size:23px; }
.navigation li.itct .active { color:white; }
.navigation li.itct i { color:white; }
.active { background-color:white; color:#353 !important; }
.navigation a.soc i { display:block; float:right;
	width:50px; height:50px; color:#fff; font-size:130%;
	text-align:center; line-height:50px; background-color:#353;
	border-left:1px solid rgba(255,255,255,.15);
	box-shadow:0 -1px 0 0 rgba(255,255,255,.25) inset;
	-webkit-transition:all .5s ease-in-out; transition:all 0.5s ease; }
.navigation a.soc i:hover { background-color:black; }
.navigation li span { position:absolute; display:none;
	padding:8px 35px; top:99%; left:0; right:0; color:#fff;
	border:none; border-bottom:1px solid rgba(0,0,0,.25);
	margin:0; background:#fff;  text-align:center;
	font-family:OfficinaSerif; font-size:16px; font-weight:400; line-height:16px; 
	letter-spacing:-0.0035em; opacity:.87; }
.navigation li:hover span { display:block; color:#223; }
.navigation li:hover span i { color:#556; font-size:16px; line-height:16px; }
.navigation li.listing { display:none; }

#nmnu a { border:1px solid red;  }


.slide { /* background-attachment:fixed;*/ 
	width:100%; min-height:100%; position:relative; text-align:center; }
.slideno { position:absolute; bottom:2px; left:25px; opacity:1.0; cursor:default;
	font-size:120px; font-weight:bold; color:rgba(255,255,255,0.98); }
.slideno a { color:#fff; }
.slideno a:hover { color:#fff; text-shadow:inherit; }
.wrapper { display:block; position:relative;
	/*min-width:640px;*/ max-width:1180px; width:75%;
	margin:0 auto; padding:95px 0 90px; margin-top:-1px;
	font-size:110%; line-height:1.4em; letter-spacing:0.015em; text-align:center; }
.wrapper li { margin:0.5em 0; text-align:left; 
	list-style-type:none; list-style-position:outside;
	list-style-image:url("../img/list-ok.png"); margin-left:1.5em; }
.wrapper strong { color:#454; font-family:OfficinaSerif; 
	font-size:120%; font-weight:normal; font-style:normal; letter-spacing:0.005em; }

.wrapin { display:block; position:relative;
	min-width:860px; max-width:1400px; min-height:100%;
	height:auto !important; height:100%;
	border:0 none; margin:0 auto; padding:0; text-align:left; }

.tail { display:block; position:relative; height:10px; 
	background:#ccc; margin:105px 0; }
.tail .cn { display:inline-block; position:absolute; top:-53px; left:50%;
	width:100px; height:100px; margin-left:-58px; text-align:center;
	background:#fff; border:8px solid #ccc; -webkit-border-radius:50%; border-radius:50%;  }
.cn i { color:#ccc; line-height:100px; font-size:55px; }
.tail a.cn:hover { text-shadow:0 0 0; }

.picwrapper { display:block; position:relative; bottom:0; height:250px;
	background-attachment:scroll; background-color:transparent;
	background-image:url('../img/fon-250.jpg'); background-position:center !important;
	background-repeat:repeat-x; opacity:.61;
	-webkit-transition:opacity 1.3s, background-position 10.0s ease;
	-moz-transition:opacity 1.3s, background-position 10.0s ease;
	transition:opacity 1.3s ease, background-position 10.0s ease; }
.picwrapper:hover { opacity:1.0;
	background-position:600px !important; }
.picwrapper .slideno { opacity:1.0 !important; }

.button { display:block; background-color:rgba(0,0,0,.75); text-align:center;
	transition:all .6s ease-in-out; }
.ndwn, .nup { position:absolute; width:50px; height:50px; right:0; top:35%; }
.ndwn { margin-top:25px; }
.nup { margin-top:-25px; }
.nlft, .nrt, .ntop { position:fixed; width:50px; height:50px; top:50%; left:0; margin-top:-25px; }
.nrt { right:0; }
.ntop { top:auto; bottom:0; }

.button:hover{ background-color:rgba(0,0,0,1); cursor:pointer; }
.button i { font-size:180%; color:#fff; line-height:50px; }
.button:hover i { color:#df7; }

div.bx { display:block; position:absolute; right:15px; top:15px; z-index:999; font-size:32px; } 
div.bx a { color:#bbc; cursor:pointer; }
div.bx a:hover { color:#fff; }
div.bx a:active { color:#f40; }


/*** SLIDE 1 ***/
#about { background-attachment:scroll;
	background-color:white;
	background-image:url('../img/slide1/c_fon.jpg');
	background-position:center -195px !important;
	background-repeat:no-repeat;
	min-height:800px; }
#pano { width:600px; height:300px; top:123px; left:50%; 
	margin-left:-300px; position:absolute; z-index:1; }
#about p { text-align:justify; }

#head-itc { display:none; visibility:hidden; height:0; }

#about h3 { display:block; position:absolute; z-index:10;
	top:130px; left:50%; margin-left:-165px; padding:5px 0 0; width:420px; 
	font-size:28px; letter-spacing:-0.025em; white-space:nowrap; text-align:center; }
#about h3 i { font-size:75%; color:#cdcdcd; 
	/*line-height:38px*/; vertical-align:bottom; }
#about h3 span { color:#ccc; }

#about h2 { display:inline-block; margin:0 40px -10px 0; text-align:left;
	float:left; position:relative; line-height:1.35em; }
#about h2 i { font-size:80%; color:#692; text-align:left;
	position:absolute; right:-25px; bottom:-6px; }
#about .button { /*position:fixed; top:50%;*/ }
#about .wrapper { margin-top:450px; padding:35px 0 100px; text-align:left; }

#about .cn i { line-height:91px; font-size:32px; }


.pluso { display:block!important; position:relative; overflow:hidden; 
	width:334px; height:36px; margin: 15px auto 0 auto;
	border:0 dotted #fff; text-align:center !important; }


/*** SLIDE 2 ***/
#outsourcing{ background-color:#fff; }

/*** SLIDE 3 ***/
#lvs{ background-color:#eef; }
/*#lvs img:first-child { position:absolute; top:700px; left:300px; }
#lvs img:nth-child(2) { position:absolute; top:100px; left:100px; }*/
#lvs .tail .cn { background:#eef; }
#lvs .picwrapper {
	background-position:center !important; }
#lvs .picwrapper:hover { opacity:1.0;
	background-position:-1200px !important; }

#lvs .tail { background:#fff; }
#lvs .tail .cn { background:#eef; border:8px solid #fff; 
	-webkit-border-radius:50%; border-radius:50%;  }
#lvs .cn i { color:#fff; }

/*** SLIDE 4 ****/
#ckc{ background-color:#efe; }
#ckc .tail .cn { background:#efe; }
#ckc .picwrapper { background-position:left !important; }
#ckc .picwrapper:hover { opacity:1.0; background-position:700px !important; }

/**** SLIDE 5 ***/
#telefonia { background-color:#eef; }
#telefonia .tail .cn { background:#eef; }
#telefonia .picwrapper {
	background-position:right !important; }
#telefonia .picwrapper:hover { opacity:1.0;
	background-position:-1800px !important; }

#telefonia .tail { background:#fff; }
#telefonia .tail .cn { background:#eef; border:8px solid #fff; 
	-webkit-border-radius:50%; border-radius:50%;  }
#telefonia .cn i { color:#fff; }

/*** SLIDE 6 ***/
#security-video { background-color:#cdf; }

#security-video .tail { background:#fff; }
#security-video .tail .cn { background:#cdf; border:8px solid #fff; 
	-webkit-border-radius:50%; border-radius:50%;  }
#security-video .cn i { color:#fff; }

/*** SLIDE 7 ***/
#it-quote { background-color:#bcf; }
.blk { display:block; background-color:#f7ffff; position:relative; height:105px; margin:0 0 15px 0;
	-webkit-border-radius:5px; border-radius:5px; text-align:left; transition:all 0.65s ease-in-out 0.1s; }
.in { display:block; position:relative; overflow:hidden;  
	height:105px; background-color:#f7ffff; -webkit-border-radius:5px; border-radius:5px;
	transition:background-color 0.6s ease-in 0s, box-shadow 0.5s ease-in-out 0.15s; }

#it-quote .blk:after { display:block; position:absolute; left:0; right:0; bottom:0;
	height:11px; width:auto; background-color:#f7ffff; content:""; 
	-webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }

a.ico80 i  { display:block; float:left; width:73px; height:73px; margin:15px;
	border:1px solid #692; color:#692; font-size:48px; text-align:center; 
	vertical-align:top; line-height:73px; -webkit-border-radius:25%; border-radius:25%; 
	transition:all 1.6s ease-in-out; -webkit-transition:all 1.6s ease-in-out; }
.in h4 { margin:15px 15px 5px 105px; line-height:18px; }
.in p { display:block; margin:0 15px 15px 105px; overflow:hidden;
	font-size:15px; line-height:18px; text-align:left; }
/*.in:hover,*/ .inopen { overflow:visible; height:auto; background-color:#fff;
	margin:0; border:0 solid #fff; z-index:20; box-shadow:2px 2px 10px rgba(0,0,0,.45); }
.in:hover a.ico80 i, /*{ color:#353; border:1px solid #353; border-radius:6px; }*/
.inopen a.ico80 i { color:#1ae; border:1px solid #1ae; -webkit-border-radius:6px; border-radius:6px; }
/* Content */
.video { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; clear:both; 
	margin:5px 0 15px; background:#556; border-top:1px solid #556; border-bottom:1px solid #556; }
.video iframe, .video object, .video embed { position:absolute;
	top:0; left:0; width:100%; height:100%; border:none; z-index:101 !important; }
.wpict { clear:both; margin:5px 0 10px; }
.wpict img { visibility:visible; position:relative; margin:0; height:auto; max-width:880px; width:100%;
	background:#556; border-top:1px solid #556; border-bottom:1px solid #556; }

#it-quote .tail { background:#fff; }
#it-quote .tail .cn { background:#bcf; border:8px solid #fff; 
	-webkit-border-radius:50%; border-radius:50%; }
#it-quote .cn i { color:#fff; }

#it-quote .picwrapper { background-position:left !important; }
#it-quote .picwrapper:hover { opacity:1.0; background-position:800px !important; }

/*** SLIDE 8 ***/
#contacts{ background-color:#0ff; 
	background-attachment:scroll;
	background-color:white;
	background-image:url('../img/slide8/c_fon.jpg');
	background-position:center bottom !important;
	background-repeat:no-repeat;
	min-height:800px;
/*	background-image:url(../img/Slide4/desktop4.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;*/ }
#contacts .wrapper { max-width:540px; width:75%; padding:85px 0 60px; }

#contacts .tail { display:block; position:relative; height:10px; 
	background:#ccc; margin:70px 0; }
#contacts .tail .cn { display:inline-block; position:absolute; top:-53px; left:40px;
	width:100px; height:100px; text-align:center;
	-webkit-border-radius:50%; border-radius:50%; }
#contacts .tail .cn { background:#353; color:#fff; border:8px solid #ccc; 
	/*box-shadow:0 0 0 1px #fff inset;*/ transition:all 0.6s ease; }
#contacts .tail .cn:hover { background:#000; color:#df7; border-color:#fff;
	box-shadow:0 0 0 4px #df7,0 0 0 11px #353,0 0 0 16px #df7; } 
#contacts .cn i { color:inherit; line-height:100px; font-size:55px; }
#contacts .tail h3 { display:block; position:absolute; top:-34px; right:0;
	text-align:right; line-height:39px; margin-right:0; white-space:nowrap; }
#contacts .tail h3 i { font-size:75%; color:#ccc; line-height:38px; vertical-align:bottom; }
#contacts .tail h3 span { color:#ccc; }
#contacts .blk { position:relative; background:transparent; border:0; height:auto; }
#contacts form { margin-right:22px; *zoom:1; }
#contacts form .button { position:relative; z-index:10; 
	width:100px; height:100px; margin-top:-20px; right:50%; margin-right:-198px; 
	/*background-color:rgba(34,68,34,.75);*/ background-color:#353;
	-webkit-border-radius:50%; border-radius:50%; box-shadow:0 0 1px 2px #fff; }
#contacts form .button:hover{ background-color:#000; cursor:pointer;
box-shadow:0 0 0 6px #fff, 0 0 0 10px #df7, 0 0 0 20px #353, 0 0 0 24px #df7; }
#contacts form .button:active{ background-color:#692; cursor:pointer;
box-shadow:0 0 0 4px #fff, 0 0 0 8px #df7, 0 0 0 18px #353, 0 0 0 22px #df7; }
#contacts form .button i { font-size:60px; line-height:92px; }

#contacts form .capch-pic { display:inline-block; height:40px; width:80px; margin-top:11px; 
	border:1px solid #ccd;-webkit-border-radius:4px; border-radius:4px; 
	color:#ccd; vertical-align:top; }
input[type="text"].capt { margin-top:10px; margin-right:15px; text-transform:uppercase; }
input[type="text"].capt:focus {  
background-color:#eeffee; border-color:rgba(238,68,34,.8);
  outline:0; outline:thin dotted \9;
  /* IE6-9 */
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0, 0.075), 0 0 8px rgba(238,68,34,.8);
   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0, 0.075), 0 0 8px rgba(238,68,34,.8);
        box-shadow:inset 0 1px 1px rgba(0,0,0, 0.075), 0 0 8px rgba(238,68,34,.8); }

.cwin { display:none; position:absolute; z-index:20; width:340px; height:340px;
	bottom:-120px; right:50%; margin-right:-308px; background:rgba(0,0,0,.90);
	-webkit-border-radius:50%; border-radius:50%;
	text-align:center; vertical-align:middle; cursor:pointer; }
.cwin p { display:block; position:relative; width:278px; color:#fff; 
	margin:110px auto; text-align:center; line-height:30px;  cursor:pointer;
	font-family:OfficinaSerif, Helvetica, Arial, sans-serif; font-size:28px; }
.cwin i { font-size:65px; line-height:110px; }
#success { box-shadow:0 0 8px 0 #df7; }
#success p { color:#df7; }
#errmess { box-shadow:0 0 8px 0 #e40; }
#errmess p { color:#e40; }

#contacts .picwrapper { background-color:#334;
	opacity:1.0;
	background-image:url('../img/fon-is.jpg');
	background-position:left !important; }
#contacts .picwrapper:hover { opacity:1.0;
	background-position:800px !important; }
#contacts .slideno { width:450px; text-align:left; }
#contacts .slideno i { font-size:125px; opacity:.75; }
#contacts .slideno a i { display:inline-block; position:relative; opacity:1.0;
	width:auto; margin-left:-34px; bottom:5px; font-size:99px; color:white; 
	text-rendering:geometricPrecision; text-shadow:0 0 1px rgba(255,255,255,.25); }
#contacts .slideno a:hover i{ text-shadow:0 0 1px rgba(255,255,255,.5); }
#contacts a.tooltip { border:none; }
/* ------------------------------------ */


/* *****BOOTstrap***** */
.input-block-level { display:block; width:100%; min-height:30px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
input,
select,
textarea { margin:0; font-size:100%; vertical-align:middle; }
button,
input { *overflow:visible; line-height:normal; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding:0; border:0; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { cursor:pointer; -webkit-appearance:button; }
label, select, button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] { cursor:pointer; }
input[type="search"] { -webkit-box-sizing:content-box; -moz-box-sizing:content-box;
	box-sizing:content-box; -webkit-appearance:textfield; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }
textarea { overflow:auto; vertical-align:top; }

label, input, button, select,
textarea { font-size:14px; font-weight:normal; line-height:20px; }
input, button, select, textarea {
  font-family:OfficinaSerif, Helvetica, Arial, sans-serif; }
label { display:block; margin-bottom:5px; }
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input { display:inline-block; height:25px; padding:8px 8px 8px 12px;
  margin-bottom:15px; font-size:18px; line-height:25px; color:#334;
  vertical-align:middle; resize:vertical;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

input, textarea, .uneditable-input { width:206px; }
textarea { height:auto; }
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color:#eeeeee; border:1px solid #676;
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition:border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition:border linear 0.2s, box-shadow linear 0.2s;
       -o-transition:border linear 0.2s, box-shadow linear 0.2s;
          transition:border linear 0.2s, box-shadow linear 0.2s; }
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus { background-color:#eeffee; border-color:rgba(82, 168, 236, 0.8);
  outline:0; /*outline:thin dotted \9;
   IE6-9 */
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0, 0.075), 0 0 8px rgba(82,168,236, 0.6);
   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0, 0.075), 0 0 8px rgba(82,168,236, 0.6);
        box-shadow:inset 0 1px 1px rgba(0,0,0, 0.075), 0 0 8px rgba(82,168,236, 0.6); }
select,
input[type="file"] { height:30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top:4px;
  /* For IE7, add top margin to align select with labels */
  line-height:30px; }

select { width:220px; background-color:#ffffff; border:1px solid #cccccc; }

select[multiple], select[size] { height:auto; }

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus { outline:thin dotted #333;
  outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
.uneditable-input,
.uneditable-textarea { color:#999999; cursor:not-allowed;
  background-color:#fcfcfc; border-color:#cccccc;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.025);
     -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.025);
          box-shadow:inset 0 1px 2px rgba(0,0,0,.025); }
.uneditable-input { overflow:hidden; white-space:nowrap; }
.uneditable-textarea { width:auto; height:auto; }
input:placeholder,
textarea:placeholder { color:#bbc; text-shadow:1px 1px 0 rgba(255,255,255,.85); }
input:-moz-placeholder,
textarea:-moz-placeholder { color:#bbc; text-shadow:1px 1px 0 rgba(255,255,255,.85); }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color:#bbc; text-shadow:1px 1px 0 rgba(255,255,255,.85); }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color:#bbc; text-shadow:1px 1px 0 rgba(255,255,255,.85); }


/* ==================================================
   Preloader
================================================== */

#jpreOverlay,
#jSplash { background-color:#bbc; position:absolute; width:100%; height:100%; z-index:200; }
#jpreSlide{ position:absolute; top:50% !important; left:50% !important;
	margin:-50px 0 0 -50px; width:100px; height:100px; }
#jpreLoader { position:relative !important; 
	width:100% !important; height:100% !important; top:0 !important; }
#jprePercentage { width:120px; height:50px !important; line-height:50px; position:absolute !important; 
	text-align:center; left:50%; top:50%; margin:-25px 0 0 -60px; z-index:700;
	font-family:OfficinaSerif; font-size:28px; color:#FFF;
	-webkit-animation:circle 1s infinite forwards; -moz-animation:circle 1s infinite forwards;
		-ms-animation:circle 1s infinite forwards;    -o-animation:circle 1s infinite forwards;
			animation:circle 1s infinite forwards; }
#circle { position:absolute; top:50%; left:50%; z-index:11; margin:-75px 0 0 -75px;
	width:150px; height:150px; background:#334;
	-webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px;
	opacity:0; filter:alpha(opacity=0);
	-webkit-animation:circle 1s infinite forwards; -moz-animation:circle 1s infinite forwards;
		-ms-animation:circle 1s infinite forwards;       animation:circle 1s infinite forwards; }
@-webkit-keyframes circle {
	0% {-webkit-transform:rotateY(0deg);
		-webkit-animation-timing-function:ease-in; }
	50% {-webkit-transform:rotateY(180deg);
		-webkit-animation-timing-function:ease-out; }
	100% {-webkit-transform:rotateY(0deg);
		-webkit-animation-timing-function:ease-in; }
}
@-moz-keyframes circle {
	0% {-moz-transform:rotateY(0deg); }
	50% {-moz-transform:rotateY(180deg); -moz-animation-timing-function:ease-out; }
	100% {-moz-transform:rotateY(0deg);  -moz-animation-timing-function:ease-in; }
}
@-ms-keyframes circle {
	0% {-ms-transform:rotateY(0deg);    -ms-animation-timing-function:ease-in; }
	50% {-ms-transform:rotateY(180deg); -ms-animation-timing-function:ease-out; }
	100% {-ms-transform:rotateY(0deg); -ms-animation-timing-function:ease-in; }
}
@-o-keyframes circle {
	0% {-o-transform:rotateY(0deg);    -o-animation-timing-function:ease-in; }
	50% {-o-transform:rotateY(180deg); -o-animation-timing-function:ease-out; }
	100% {-o-transform:rotateY(0deg);  -o-animation-timing-function:ease-in; }
}
@keyframes circle {
	0% {transform:rotateY(0deg); animation-timing-function:ease-in; }
	50% {transform:rotateY(180deg); animation-timing-function:ease-out; }
	100% {transform:rotateY(0deg); animation-timing-function:ease-in; }
}