.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img {
max-width: none;
}
button,
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"] {
-webkit-appearance: button;
cursor: pointer;
}
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;
}
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page  {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
body {
margin: 0;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333333;
background-color: #ffffff;
}
a {
color: #0e9ec7;
text-decoration: none;
}
a:hover,
a:focus {
color: #0e9ec7;
text-decoration: underline;
}
.img-rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.img-polaroid {
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-circle {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.row {
margin-left: -30px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 954px;
}
.span12 {
width: 954px;
}
.span11 {
width: 872px;
}
.span10 {
width: 790px;
}
.span9 {
width: 708px;
}
.span8 {
width: 626px;
}
.span7 {
width: 544px;
}
.span6 {
width: 462px;
}
.span5 {
width: 380px;
}
.span4 {
width: 298px;
}
.span3 {
width: 216px;
}
.span2 {
width: 134px;
}
.span1 {
width: 52px;
}
.offset12 {
margin-left: 1014px;
}
.offset11 {
margin-left: 932px;
}
.offset10 {
margin-left: 850px;
}
.offset9 {
margin-left: 768px;
}
.offset8 {
margin-left: 686px;
}
.offset7 {
margin-left: 604px;
}
.offset6 {
margin-left: 522px;
}
.offset5 {
margin-left: 440px;
}
.offset4 {
margin-left: 358px;
}
.offset3 {
margin-left: 276px;
}
.offset2 {
margin-left: 194px;
}
.offset1 {
margin-left: 112px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 3.1446540880503147%;
*margin-left: 3.0922431865828095%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 3.1446540880503147%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94758909853249%;
}
.row-fluid .span11 {
width: 91.40461215932915%;
*width: 91.35220125786164%;
}
.row-fluid .span10 {
width: 82.80922431865828%;
*width: 82.75681341719077%;
}
.row-fluid .span9 {
width: 74.21383647798743%;
*width: 74.16142557651992%;
}
.row-fluid .span8 {
width: 65.61844863731656%;
*width: 65.56603773584905%;
}
.row-fluid .span7 {
width: 57.02306079664571%;
*width: 56.970649895178205%;
}
.row-fluid .span6 {
width: 48.42767295597485%;
*width: 48.375262054507346%;
}
.row-fluid .span5 {
width: 39.83228511530398%;
*width: 39.77987421383648%;
}
.row-fluid .span4 {
width: 31.236897274633122%;
*width: 31.184486373165615%;
}
.row-fluid .span3 {
width: 22.641509433962266%;
*width: 22.58909853249476%;
}
.row-fluid .span2 {
width: 14.046121593291405%;
*width: 13.9937106918239%;
}
.row-fluid .span1 {
width: 5.450733752620545%;
*width: 5.39832285115304%;
}
.row-fluid .offset12 {
margin-left: 106.28930817610063%;
*margin-left: 106.18448637316561%;
}
.row-fluid .offset12:first-child {
margin-left: 103.14465408805032%;
*margin-left: 103.0398322851153%;
}
.row-fluid .offset11 {
margin-left: 97.69392033542978%;
*margin-left: 97.58909853249476%;
}
.row-fluid .offset11:first-child {
margin-left: 94.54926624737946%;
*margin-left: 94.44444444444444%;
}
.row-fluid .offset10 {
margin-left: 89.09853249475891%;
*margin-left: 88.99371069182389%;
}
.row-fluid .offset10:first-child {
margin-left: 85.9538784067086%;
*margin-left: 85.84905660377358%;
}
.row-fluid .offset9 {
margin-left: 80.50314465408806%;
*margin-left: 80.39832285115304%;
}
.row-fluid .offset9:first-child {
margin-left: 77.35849056603774%;
*margin-left: 77.25366876310272%;
}
.row-fluid .offset8 {
margin-left: 71.9077568134172%;
*margin-left: 71.80293501048217%;
}
.row-fluid .offset8:first-child {
margin-left: 68.76310272536688%;
*margin-left: 68.65828092243186%;
}
.row-fluid .offset7 {
margin-left: 63.31236897274634%;
*margin-left: 63.20754716981133%;
}
.row-fluid .offset7:first-child {
margin-left: 60.167714884696025%;
*margin-left: 60.06289308176102%;
}
.row-fluid .offset6 {
margin-left: 54.716981132075475%;
*margin-left: 54.612159329140475%;
}
.row-fluid .offset6:first-child {
margin-left: 51.572327044025165%;
*margin-left: 51.46750524109016%;
}
.row-fluid .offset5 {
margin-left: 46.12159329140461%;
*margin-left: 46.01677148846961%;
}
.row-fluid .offset5:first-child {
margin-left: 42.9769392033543%;
*margin-left: 42.87211740041929%;
}
.row-fluid .offset4 {
margin-left: 37.526205450733755%;
*margin-left: 37.42138364779874%;
}
.row-fluid .offset4:first-child {
margin-left: 34.38155136268344%;
*margin-left: 34.276729559748425%;
}
.row-fluid .offset3 {
margin-left: 28.930817610062896%;
*margin-left: 28.82599580712788%;
}
.row-fluid .offset3:first-child {
margin-left: 25.78616352201258%;
*margin-left: 25.68134171907757%;
}
.row-fluid .offset2 {
margin-left: 20.335429769392036%;
*margin-left: 20.230607966457022%;
}
.row-fluid .offset2:first-child {
margin-left: 17.19077568134172%;
*margin-left: 17.08595387840671%;
}
.row-fluid .offset1 {
margin-left: 11.740041928721174%;
*margin-left: 11.635220125786164%;
}
.row-fluid .offset1:first-child {
margin-left: 8.59538784067086%;
*margin-left: 8.49056603773585%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
float: right;
}
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
.container:before,
.container:after {
display: table;
content: "";
line-height: 0;
}
.container:after {
clear: both;
}
.container-fluid {
padding-right: 30px;
padding-left: 30px;
*zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: "";
line-height: 0;
}
.container-fluid:after {
clear: both;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 21px;
font-weight: 200;
line-height: 30px;
}
small {
font-size: 85%;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
cite {
font-style: normal;
}
.muted {
color: #999999;
}
a.muted:hover,
a.muted:focus {
color: #808080;
}
.text-warning {
color: #c09853;
}
a.text-warning:hover,
a.text-warning:focus {
color: #a47e3c;
}
.text-error {
color: #b94a48;
}
a.text-error:hover,
a.text-error:focus {
color: #953b39;
}
.text-info {
color: #3a87ad;
}
a.text-info:hover,
a.text-info:focus {
color: #2d6987;
}
.text-success {
color: #468847;
}
a.text-success:hover,
a.text-success:focus {
color: #356635;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-weight: normal;
line-height: 1;
color: #999999;
}
h1,
h2,
h3 {
line-height: 40px;
}
h1 {
font-size: 38.5px;
}
h2 {
font-size: 31.5px;
}
h3 {
font-size: 24.5px;
}
h4 {
font-size: 17.5px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 11.9px;
}
h1 small {
font-size: 24.5px;
}
h2 small {
font-size: 17.5px;
}
h3 small {
font-size: 14px;
}
h4 small {
font-size: 14px;
}
.page-header {
padding-bottom: 9px;
margin: 20px 0 30px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
padding: 0;
margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
li {
line-height: 20px;
}
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
ul.inline,
ol.inline {
margin-left: 0;
list-style: none;
}
ul.inline > li,
ol.inline > li {
display: inline-block;
*display: inline; *zoom: 1;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-bottom: 20px;
}
dt,
dd {
line-height: 20px;
}
dt {
font-weight: bold;
}
dd {
margin-left: 10px;
}
.dl-horizontal {
*zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
display: table;
content: "";
line-height: 0;
}
.dl-horizontal:after {
clear: both;
}
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
hr {
margin: 20px 0;
border: 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999999;
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 0 0 0 15px;
margin: 0 0 20px;
border-left: 5px solid #eeeeee;
}
blockquote p {
margin-bottom: 0;
font-size: 17.5px;
font-weight: 300;
line-height: 1.25;
}
blockquote small {
display: block;
line-height: 20px;
color: #999999;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
float: right;
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right;
}
blockquote.pull-right small:before {
content: '';
}
blockquote.pull-right small:after {
content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address {
display: block;
margin-bottom: 20px;
font-style: normal;
line-height: 20px;
}
form {
margin: 0 0 20px;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
legend small {
font-size: 15px;
color: #999999;
}
label,
input,
button,
select,
textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
input,
button,
select,
textarea {
font-family: "Open Sans", 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: 20px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
}
input,
textarea,
.uneditable-input {
width: 206px;
}
textarea {
height: auto;
}  input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
*margin-top: 0; margin-top: 1px \9; line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
}
select,
input[type="file"] {
height: 30px; *margin-top: 4px; line-height: 30px;
}
select {
width: 220px;
border: 1px solid #cccccc;
background-color: #ffffff;
}
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;
background-color: #fcfcfc;
border-color: #cccccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
cursor: not-allowed;
}
.uneditable-input {
overflow: hidden;
white-space: nowrap;
}
.uneditable-textarea {
width: auto;
height: auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999999;
}
.radio,
.checkbox {
min-height: 20px;
padding-left: 20px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
float: left;
margin-left: -20px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
margin-left: 10px;
}
.input-mini {
width: 60px;
}
.input-small {
width: 90px;
}
.input-medium {
width: 150px;
}
.input-large {
width: 210px;
}
.input-xlarge {
width: 270px;
}
.input-xxlarge {
width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
float: none;
margin-left: 0;
}
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
display: inline-block;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 30px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 940px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 858px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 776px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 694px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 612px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 530px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 448px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 366px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 284px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 202px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 120px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 38px;
}
.controls-row {
*zoom: 1;
}
.controls-row:before,
.controls-row:after {
display: table;
content: "";
line-height: 0;
}
.controls-row:after {
clear: both;
}
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
float: left;
}
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
padding-top: 5px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
background-color: transparent;
}
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
color: #c09853;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
border-color: #c09853;
-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);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
border-color: #a47e3c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
color: #c09853;
background-color: #fcf8e3;
border-color: #c09853;
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
color: #b94a48;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
border-color: #b94a48;
-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);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
border-color: #953b39;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
color: #b94a48;
background-color: #f2dede;
border-color: #b94a48;
}
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
color: #468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
border-color: #468847;
-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);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
border-color: #356635;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
color: #468847;
background-color: #dff0d8;
border-color: #468847;
}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
color: #3a87ad;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
color: #3a87ad;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
border-color: #3a87ad;
-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);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
border-color: #2d6987;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
color: #3a87ad;
background-color: #d9edf7;
border-color: #3a87ad;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
color: #b94a48;
border-color: #ee5f5b;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
border-color: #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
padding: 19px 20px 20px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
*zoom: 1;
}
.form-actions:before,
.form-actions:after {
display: table;
content: "";
line-height: 0;
}
.form-actions:after {
clear: both;
}
.help-block,
.help-inline {
color: #595959;
}
.help-block {
display: block;
margin-bottom: 10px;
}
.help-inline {
display: inline-block;
*display: inline; *zoom: 1;
vertical-align: middle;
padding-left: 5px;
}
.input-append,
.input-prepend {
display: inline-block;
margin-bottom: 10px;
vertical-align: middle;
font-size: 0;
white-space: nowrap;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
font-size: 14px;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
position: relative;
margin-bottom: 0;
*margin-left: 0;
vertical-align: top;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
display: inline-block;
width: auto;
height: 20px;
min-width: 16px;
padding: 4px 5px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
background-color: #eeeeee;
border: 1px solid #ccc;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
vertical-align: top;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-append .active,
.input-prepend .active {
background-color: #a9dba9;
border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
margin-left: -1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .btn-group:first-child {
margin-left: 0;
}
input.search-query {
padding-right: 14px;
padding-right: 4px \9;
padding-left: 14px;
padding-left: 4px \9; margin-bottom: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
} .form-search .input-append .search-query,
.form-search .input-prepend .search-query {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.form-search .input-append .search-query {
-webkit-border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
}
.form-search .input-append .btn {
-webkit-border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .search-query {
-webkit-border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .btn {
-webkit-border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
display: inline-block;
*display: inline; *zoom: 1;
margin-bottom: 0;
vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
display: none;
}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
padding-left: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: left;
margin-right: 3px;
margin-left: 0;
}
.control-group {
margin-bottom: 10px;
}
legend + .control-group {
margin-top: 20px;
-webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
margin-bottom: 20px;
*zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
display: table;
content: "";
line-height: 0;
}
.form-horizontal .control-group:after {
clear: both;
}
.form-horizontal .control-label {
float: left;
width: 160px;
padding-top: 5px;
text-align: right;
}
.form-horizontal .controls {
*display: inline-block;
*padding-left: 20px;
margin-left: 180px;
*margin-left: 0;
}
.form-horizontal .controls:first-child {
*padding-left: 180px;
}
.form-horizontal .help-block {
margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
margin-top: 10px;
}
.form-horizontal .form-actions {
padding-left: 180px;
}
@-ms-viewport {
width: device-width;
}
.hidden {
display: none;
visibility: hidden;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
.visible-desktop {
display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: inherit !important;
}
.hidden-print {
display: none !important;
}
}
@media (max-width: 767px) {
body {
padding-left: 20px;
padding-right: 20px;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
margin-left: -20px;
margin-right: -20px;
}
.container-fluid {
padding: 0;
}
.dl-horizontal dt {
float: none;
clear: none;
width: auto;
text-align: left;
}
.dl-horizontal dd {
margin-left: 0;
}
.container {
width: auto;
}
.row-fluid {
width: 100%;
}
.row,
.thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: none;
margin-left: 0;
}
[class*="span"],
.uneditable-input[class*="span"],
.row-fluid [class*="span"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.span12,
.row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="offset"]:first-child {
margin-left: 0;
}
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"],
.input-append input[class*="span"] {
display: inline-block;
width: auto;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 0;
}
.modal {
position: fixed;
top: 20px;
left: 20px;
right: 20px;
width: auto;
margin: 0;
}
.modal.fade {
top: -100px;
}
.modal.fade.in {
top: 20px;
}
}
@media (max-width: 480px) {
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
}
.page-header h1 small {
display: block;
line-height: 20px;
}
input[type="checkbox"],
input[type="radio"] {
border: 1px solid #ccc;
}
.form-horizontal .control-label {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
.form-horizontal .controls {
margin-left: 0;
}
.form-horizontal .control-list {
padding-top: 0;
}
.form-horizontal .form-actions {
padding-left: 10px;
padding-right: 10px;
}
.media .pull-left,
.media .pull-right {
float: none;
display: block;
margin-bottom: 10px;
}
.media-object {
margin-right: 0;
margin-left: 0;
}
.modal {
top: 10px;
left: 10px;
right: 10px;
}
.modal-header .close {
padding: 10px;
margin: -10px;
}
.carousel-caption {
position: static;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 724px;
}
.span12 {
width: 724px;
}
.span11 {
width: 662px;
}
.span10 {
width: 600px;
}
.span9 {
width: 538px;
}
.span8 {
width: 476px;
}
.span7 {
width: 414px;
}
.span6 {
width: 352px;
}
.span5 {
width: 290px;
}
.span4 {
width: 228px;
}
.span3 {
width: 166px;
}
.span2 {
width: 104px;
}
.span1 {
width: 42px;
}
.offset12 {
margin-left: 764px;
}
.offset11 {
margin-left: 702px;
}
.offset10 {
margin-left: 640px;
}
.offset9 {
margin-left: 578px;
}
.offset8 {
margin-left: 516px;
}
.offset7 {
margin-left: 454px;
}
.offset6 {
margin-left: 392px;
}
.offset5 {
margin-left: 330px;
}
.offset4 {
margin-left: 268px;
}
.offset3 {
margin-left: 206px;
}
.offset2 {
margin-left: 144px;
}
.offset1 {
margin-left: 82px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.7624309392265194%;
*margin-left: 2.7100200377590142%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.7624309392265194%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94758909853249%;
}
.row-fluid .span11 {
width: 91.43646408839778%;
*width: 91.38405318693027%;
}
.row-fluid .span10 {
width: 82.87292817679558%;
*width: 82.82051727532807%;
}
.row-fluid .span9 {
width: 74.30939226519337%;
*width: 74.25698136372586%;
}
.row-fluid .span8 {
width: 65.74585635359117%;
*width: 65.69344545212365%;
}
.row-fluid .span7 {
width: 57.18232044198895%;
*width: 57.129909540521446%;
}
.row-fluid .span6 {
width: 48.61878453038674%;
*width: 48.56637362891924%;
}
.row-fluid .span5 {
width: 40.05524861878453%;
*width: 40.00283771731703%;
}
.row-fluid .span4 {
width: 31.491712707182323%;
*width: 31.439301805714816%;
}
.row-fluid .span3 {
width: 22.92817679558011%;
*width: 22.875765894112604%;
}
.row-fluid .span2 {
width: 14.3646408839779%;
*width: 14.312229982510395%;
}
.row-fluid .span1 {
width: 5.801104972375691%;
*width: 5.7486940709081855%;
}
.row-fluid .offset12 {
margin-left: 105.52486187845304%;
*margin-left: 105.42004007551802%;
}
.row-fluid .offset12:first-child {
margin-left: 102.76243093922652%;
*margin-left: 102.6576091362915%;
}
.row-fluid .offset11 {
margin-left: 96.96132596685082%;
*margin-left: 96.8565041639158%;
}
.row-fluid .offset11:first-child {
margin-left: 94.1988950276243%;
*margin-left: 94.09407322468928%;
}
.row-fluid .offset10 {
margin-left: 88.39779005524862%;
*margin-left: 88.2929682523136%;
}
.row-fluid .offset10:first-child {
margin-left: 85.6353591160221%;
*margin-left: 85.53053731308708%;
}
.row-fluid .offset9 {
margin-left: 79.8342541436464%;
*margin-left: 79.72943234071138%;
}
.row-fluid .offset9:first-child {
margin-left: 77.07182320441989%;
*margin-left: 76.96700140148486%;
}
.row-fluid .offset8 {
margin-left: 71.2707182320442%;
*margin-left: 71.16589642910918%;
}
.row-fluid .offset8:first-child {
margin-left: 68.50828729281768%;
*margin-left: 68.40346548988266%;
}
.row-fluid .offset7 {
margin-left: 62.70718232044199%;
*margin-left: 62.60236051750698%;
}
.row-fluid .offset7:first-child {
margin-left: 59.94475138121547%;
*margin-left: 59.83992957828046%;
}
.row-fluid .offset6 {
margin-left: 54.14364640883978%;
*margin-left: 54.03882460590477%;
}
.row-fluid .offset6:first-child {
margin-left: 51.38121546961326%;
*margin-left: 51.27639366667825%;
}
.row-fluid .offset5 {
margin-left: 45.58011049723757%;
*margin-left: 45.47528869430256%;
}
.row-fluid .offset5:first-child {
margin-left: 42.81767955801105%;
*margin-left: 42.712857755076044%;
}
.row-fluid .offset4 {
margin-left: 37.01657458563536%;
*margin-left: 36.911752782700354%;
}
.row-fluid .offset4:first-child {
margin-left: 34.25414364640884%;
*margin-left: 34.149321843473835%;
}
.row-fluid .offset3 {
margin-left: 28.45303867403315%;
*margin-left: 28.348216871098135%;
}
.row-fluid .offset3:first-child {
margin-left: 25.69060773480663%;
*margin-left: 25.585785931871616%;
}
.row-fluid .offset2 {
margin-left: 19.88950276243094%;
*margin-left: 19.784680959495926%;
}
.row-fluid .offset2:first-child {
margin-left: 17.12707182320442%;
*margin-left: 17.022250020269407%;
}
.row-fluid .offset1 {
margin-left: 11.32596685082873%;
*margin-left: 11.22114504789372%;
}
.row-fluid .offset1:first-child {
margin-left: 8.56353591160221%;
*margin-left: 8.4587141086672%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 710px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 648px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 586px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 524px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 462px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 400px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 338px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 276px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 214px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 152px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 90px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 28px;
}
}
@media (min-width: 1200px) {
.row {
margin-left: -30px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 954px;
}
.span12 {
width: 954px;
}
.span11 {
width: 872px;
}
.span10 {
width: 790px;
}
.span9 {
width: 708px;
}
.span8 {
width: 626px;
}
.span7 {
width: 544px;
}
.span6 {
width: 462px;
}
.span5 {
width: 380px;
}
.span4 {
width: 298px;
}
.span3 {
width: 216px;
}
.span2 {
width: 134px;
}
.span1 {
width: 52px;
}
.offset12 {
margin-left: 1014px;
}
.offset11 {
margin-left: 932px;
}
.offset10 {
margin-left: 850px;
}
.offset9 {
margin-left: 768px;
}
.offset8 {
margin-left: 686px;
}
.offset7 {
margin-left: 604px;
}
.offset6 {
margin-left: 522px;
}
.offset5 {
margin-left: 440px;
}
.offset4 {
margin-left: 358px;
}
.offset3 {
margin-left: 276px;
}
.offset2 {
margin-left: 194px;
}
.offset1 {
margin-left: 112px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 3.1446540880503147%;
*margin-left: 3.0922431865828095%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 3.1446540880503147%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94758909853249%;
}
.row-fluid .span11 {
width: 91.40461215932915%;
*width: 91.35220125786164%;
}
.row-fluid .span10 {
width: 82.80922431865828%;
*width: 82.75681341719077%;
}
.row-fluid .span9 {
width: 74.21383647798743%;
*width: 74.16142557651992%;
}
.row-fluid .span8 {
width: 65.61844863731656%;
*width: 65.56603773584905%;
}
.row-fluid .span7 {
width: 57.02306079664571%;
*width: 56.970649895178205%;
}
.row-fluid .span6 {
width: 48.42767295597485%;
*width: 48.375262054507346%;
}
.row-fluid .span5 {
width: 39.83228511530398%;
*width: 39.77987421383648%;
}
.row-fluid .span4 {
width: 31.236897274633122%;
*width: 31.184486373165615%;
}
.row-fluid .span3 {
width: 22.641509433962266%;
*width: 22.58909853249476%;
}
.row-fluid .span2 {
width: 14.046121593291405%;
*width: 13.9937106918239%;
}
.row-fluid .span1 {
width: 5.450733752620545%;
*width: 5.39832285115304%;
}
.row-fluid .offset12 {
margin-left: 106.28930817610063%;
*margin-left: 106.18448637316561%;
}
.row-fluid .offset12:first-child {
margin-left: 103.14465408805032%;
*margin-left: 103.0398322851153%;
}
.row-fluid .offset11 {
margin-left: 97.69392033542978%;
*margin-left: 97.58909853249476%;
}
.row-fluid .offset11:first-child {
margin-left: 94.54926624737946%;
*margin-left: 94.44444444444444%;
}
.row-fluid .offset10 {
margin-left: 89.09853249475891%;
*margin-left: 88.99371069182389%;
}
.row-fluid .offset10:first-child {
margin-left: 85.9538784067086%;
*margin-left: 85.84905660377358%;
}
.row-fluid .offset9 {
margin-left: 80.50314465408806%;
*margin-left: 80.39832285115304%;
}
.row-fluid .offset9:first-child {
margin-left: 77.35849056603774%;
*margin-left: 77.25366876310272%;
}
.row-fluid .offset8 {
margin-left: 71.9077568134172%;
*margin-left: 71.80293501048217%;
}
.row-fluid .offset8:first-child {
margin-left: 68.76310272536688%;
*margin-left: 68.65828092243186%;
}
.row-fluid .offset7 {
margin-left: 63.31236897274634%;
*margin-left: 63.20754716981133%;
}
.row-fluid .offset7:first-child {
margin-left: 60.167714884696025%;
*margin-left: 60.06289308176102%;
}
.row-fluid .offset6 {
margin-left: 54.716981132075475%;
*margin-left: 54.612159329140475%;
}
.row-fluid .offset6:first-child {
margin-left: 51.572327044025165%;
*margin-left: 51.46750524109016%;
}
.row-fluid .offset5 {
margin-left: 46.12159329140461%;
*margin-left: 46.01677148846961%;
}
.row-fluid .offset5:first-child {
margin-left: 42.9769392033543%;
*margin-left: 42.87211740041929%;
}
.row-fluid .offset4 {
margin-left: 37.526205450733755%;
*margin-left: 37.42138364779874%;
}
.row-fluid .offset4:first-child {
margin-left: 34.38155136268344%;
*margin-left: 34.276729559748425%;
}
.row-fluid .offset3 {
margin-left: 28.930817610062896%;
*margin-left: 28.82599580712788%;
}
.row-fluid .offset3:first-child {
margin-left: 25.78616352201258%;
*margin-left: 25.68134171907757%;
}
.row-fluid .offset2 {
margin-left: 20.335429769392036%;
*margin-left: 20.230607966457022%;
}
.row-fluid .offset2:first-child {
margin-left: 17.19077568134172%;
*margin-left: 17.08595387840671%;
}
.row-fluid .offset1 {
margin-left: 11.740041928721174%;
*margin-left: 11.635220125786164%;
}
.row-fluid .offset1:first-child {
margin-left: 8.59538784067086%;
*margin-left: 8.49056603773585%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 30px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 940px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 858px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 776px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 694px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 612px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 530px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 448px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 366px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 284px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 202px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 120px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 38px;
}
.thumbnails {
margin-left: -30px;
}
.thumbnails > li {
margin-left: 30px;
}
.row-fluid .thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: left;
margin-bottom: 20px;
margin-left: 20px;
}
.thumbnail {
display: block;
padding: 4px;
line-height: 20px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a.thumbnail:hover,
a.thumbnail:focus {
border-color: #0088cc;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
display: block;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.thumbnail .caption {
padding: 9px;
color: #555555;
}
}
@media (max-width: 979px) {
body {
padding-top: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: static;
}
.navbar-fixed-top {
margin-bottom: 20px;
}
.navbar-fixed-bottom {
margin-top: 20px;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding: 5px;
}
.navbar .container {
width: auto;
padding: 0;
}
.navbar .brand {
padding-left: 10px;
padding-right: 10px;
margin: 0 0 0 -5px;
}
.nav-collapse {
clear: both;
}
.nav-collapse .nav {
float: none;
margin: 0 0 10px;
}
.nav-collapse .nav > li {
float: none;
}
.nav-collapse .nav > li > a {
margin-bottom: 2px;
}
.nav-collapse .nav > .divider-vertical {
display: none;
}
.nav-collapse .nav .nav-header {
color: #777777;
text-shadow: none;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 9px 15px;
font-weight: bold;
color: #777777;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.nav-collapse .btn {
padding: 4px 10px 4px;
font-weight: normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.nav-collapse .dropdown-menu li + li a {
margin-bottom: 2px;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
background-color: #f2f2f2;
}
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
color: #999999;
}
.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: #111111;
}
.nav-collapse.in .btn-group {
margin-top: 5px;
padding: 0;
}
.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
float: none;
display: none;
max-width: none;
margin: 0 15px;
padding: 0;
background-color: transparent;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.nav-collapse .open > .dropdown-menu {
display: block;
}
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
display: none;
}
.nav-collapse .dropdown-menu .divider {
display: none;
}
.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after {
display: none;
}
.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
float: none;
padding: 10px 15px;
margin: 10px 0;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
border-top-color: #111111;
border-bottom-color: #111111;
}
.navbar .nav-collapse .nav.pull-right {
float: none;
margin-left: 0;
}
.nav-collapse,
.nav-collapse.collapse {
overflow: hidden;
height: 0;
}
.navbar .btn-navbar {
display: block;
}
.navbar-static .navbar-inner {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 980px) {
.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} html, body {
height: 100%;
overflow: hidden;
background-color: #fafafa;
word-break: break-word;
}
.outer-wrapper {
min-height: 100%;
height: auto !important;
margin: 0 auto -90px;
background-size: cover;
}
.pt-page{
background-size: cover;
background-repeat: no-repeat;
color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
color: #FFF;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
}
h1 { font-size: 3.8em; }
h2 { font-size: 1.85em; margin-bottom: 0.7em; }
h3 { font-size: 1.5em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
.dark {
color: #222222;
}
a, a:active, a:visited {
color: #fff;
font-family: 'Open Sans', sans-serif!important;
word-break: break-word;
}
a:hover, a:focus{
color: #fff;
text-decoration: underline;
}
.addspace {
margin-top: 160px;
}
.flt-none {
float: none !important;
} .white-bg {
background-color: #fafafa;
}
.green1-bg {
background-color: #50b1a0;
}
.green2-bg {
background-color: #50b189;
}
.blue-bg {
background-color: #0e9ec7;
}
.pink-bg {
background-color: #d04275;
}
.brown-bg {
background-color: #d68f2a;
}
.orange-bg {
background-color: #d06e39;
}
.green1-bg-opacity {
background-color: #50b1a0;
background-color: rgba(80, 177, 160, 0.9);
}
.green2-bg-opacity {
background-color: #50b189;
background-color: rgba(80, 177, 137, 0.9);
}
.blue-bg-opacity {
background-color: #0e9ec7;
background-color: rgba(14, 158, 199, 0.9);
}
.pink-bg-opacity {
background-color: #d04275;
background-color: rgba(208, 66, 117, 0.9);
}
.brown-bg-opacity {
background-color: #d68f2a;
background-color: rgba(214, 143, 42, 0.9);
}
.orange-bg-opacity {
background-color: #d06e39;
background-color: rgba(208, 110, 57, 0.9);
}
.green1-bg-opacity a, .green1-bg-opacity a:active, .green1-bg-opacity a:visited,
.green2-bg-opacity a, .green2-bg-opacity a:active, .green2-bg-opacity a:visited,
.blue-bg-opacity a, .blue-bg-opacity a:active, .blue-bg-opacity a:visited,
.pink-bg-opacity a, .pink-bg-opacity a:active, .pink-bg-opacity a:visited,
.brown-bg-opacity a, .brown-bg-opacity a:active, .brown-bg-opacity a:visited,
.orange-bg-opacity a, .orange-bg-opacity a:active, .orange-bg-opacity a:visited,
.green1-bg a, .green1-bg a:active, .green1-bg a:visited,
.green2-bg a, .green2-bg a:active, .green2-bg a:visited,
.blue-bg a, .blue-bg a:active, .blue-bg a:visited,
.pink-bg a, .pink-bg a:active, .pink-bg a:visited,
.brown-bg a, .brown-bg a:active, .brown-bg a:visited,
.orange-bg a, .orange-bg a:active, .orange-bg a:visited,
.overlay-green1 a, .overlay-green1 a:active, .overlay-green1 a:visited,
.overlay-green2 a, .overlay-green2 a:active, .overlay-green2 a:visited,
.overlay-blue a, .overlay-blue a:active, .overlay-blue a:visited,
.overlay-pink a, .overlay-pink a:active, .overlay-pink a:visited,
.overlay-brown a, .overlay-brown a:active, .overlay-brown a:visited,
.overlay-orange a, .overlay-orange a:active, .overlay-orange a:visited {
color: #fff;
}
.green1-bg-opacity a:hover, .green2-bg-opacity a:hover, .blue-bg-opacity a:hover,
.pink-bg-opacity a:hover, .brown-bg-opacity a:hover, .orange-bg-opacity a:hover,
.green1-bg a:hover, .green2-bg a:hover, .blue-bg a:hover,
.pink-bg a:hover, .brown-bg a:hover, .orange-bg a:hover,
.overlay-green1 a:hover, .overlay-green2 a:hover,
.overlay-blue a:hover, .overlay-pink a:hover,
.overlay-brown a:hover, .overlay-orange a:hover {
text-decoration: none;
}
.transparent {
position: relative;
z-index: 2;
opacity: 0.9;
filter: alpha(opacity=90); }
.overlay-green1 {
background-color: rgba(80, 177, 160, 0.9);
}
.overlay-green2 {
background-color: rgba(80, 177, 137, 0.9);
}
.overlay-blue {
background-color: rgba(14, 158, 199, 0.9);
}
.overlay-pink {
background-color: rgba(208, 66, 117, 0.9);
}
.overlay-brown {
background-color: rgba(214, 143, 42, 0.9);
}
.overlay-orange {
background-color: rgba(208, 110, 57, 0.9);
}  header {
padding-top: 45px;
margin-bottom: 100px;
}
header h1 {
max-width: 360px;
display: block;
width: auto;
float: left;
margin-right: 30px;
margin-left: -3px;
}
.page-navi {
float: left;
margin-top: 35px;
margin-left: -110px;
}
.page-navi a {
display: inline-block;
width: 32px;
height: 32px;
margin-right: 10px;
}
a.home-page {
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/home.png) no-repeat;  background-repeat: no-repeat;
}
a.prev-page {
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/arrow-left-light.png) no-repeat;  background-repeat: no-repeat;
}
.relative {
position: relative;
} ul.social-bar-black,
ul.social-bar-white, 
ul.social-bar2 {
list-style: none;
float: right;
margin: 35px 0 0 0;
position: relative;
z-index: 2;
}
ul.social-bar2 {
float: none;
margin-top: 25px;
}
ul.social-bar-black li,
ul.social-bar-white li {
display: inline-block;
margin-left: 10px;
}
ul.social-bar2 li {
display: inline-block;
margin-right: 10px;
}
ul.social-bar-white li a {
display: block;
width: 32px;
height: 32px;
opacity: 0.2;
filter: alpha(opacity=20); -webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
font-family: 'Open Sans', sans-serif!important;
}
ul.social-bar-black li a,
ul.social-bar2 li a {
display: block;
width: 32px;
height: 32px;
opacity: 0.12;
filter: alpha(opacity=12); -webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
font-family: 'Open Sans', sans-serif!important;
}
a.facebook-black {
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/facebook-black.png) no-repeat; background-image: url(../../../themes/Metrika_Wordpress_2.2/img/icons_svg/facebook-black.svg), none;
}
a.facebook-white {
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/facebook-white.png) no-repeat; background-image: url(../../../themes/Metrika_Wordpress_2.2/img/icons_svg/facebook-white.svg), none;
}
a.twitter-black { 
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/twitter-black.png) no-repeat; background-image: url(../../../themes/Metrika_Wordpress_2.2/img/icons_svg/twitter-black.svg), none;
}
a.twitter-white {
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/twitter-white.png) no-repeat; background-image: url(../../../themes/Metrika_Wordpress_2.2/img/icons_svg/twitter-white.svg), none;
}
a.googleplus-black {
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/google-plus-black.png) no-repeat; background-image: url(../../../themes/Metrika_Wordpress_2.2/img/icons_svg/google-plus-black.svg), none;
}
a.googleplus-white {
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/google-plus-white.png) no-repeat; background-image: url(../../../themes/Metrika_Wordpress_2.2/img/icons_svg/google-plus-white.svg), none;
}
a.linkedin-black {
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/linkedin-black.png) no-repeat; background-image: url(../../../themes/Metrika_Wordpress_2.2/img/icons_svg/linkedin-black.svg), none;
}
a.linkedin-white {
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/linkedin-white.png) no-repeat; background-image: url(../../../themes/Metrika_Wordpress_2.2/img/icons_svg/linkedin-white.svg), none;
}
a.behance-black {
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/behance-black.png) no-repeat; background-image: url(../../../themes/Metrika_Wordpress_2.2/img/icons_svg/behance-black.svg), none;
}
a.behance-white {
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/behance-white.png) no-repeat; background-image: url(../../../themes/Metrika_Wordpress_2.2/img/icons_svg/behance-white.svg), none;
}
a.facebook-white:hover,
a.twitter-white:hover,
a.googleplus-white:hover,
a.linkedin-white:hover,
a.behance-white:hover,
a.facebook-black:hover, 
a.twitter-black:hover,
a.googleplus-black:hover,
a.linkedin-black:hover,
a.behance-black:hover {
opacity: 1;
filter: alpha(opacity=100); } .navi {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a.small-navi, a.middle-navi, 
a.big-navi {
display: block;
float: left;
color: #fff;
text-decoration: none;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color 250ms ease-out;
-moz-transition: background-color 250ms ease-out;
-o-transition: background-color 250ms ease-out;
transition: background-color 250ms ease-out;
}
a.small-navi:hover, a.middle-navi:hover, 
a.big-navi:hover {
background-color: #323232!important;
text-decoration: none !important;
cursor: pointer;
}
a.small-navi.empty:hover, a.middle-navi.empty:hover, 
a.big-navi.empty:hover{
background-color: transparent!important;
}
.navi-icons {
display: block;
margin: auto;
opacity: 0.85;
position: relative;
z-index: 2;
filter: alpha(opacity=85); -webkit-transition: opacity 250ms ease-out;
-moz-transition: opacity 250ms ease-out;
-o-transition: opacity 250ms ease-out;
transition: opacity 250ms ease-out;
}
a.small-navi:hover > .navi-icons,
a.middle-navi:hover > .navi-icons,
a.big-navi:hover > .navi-icons{
opacity: 1;
filter: alpha(opacity=100); }
.navi a.about {
background-color: #50b2a2;
padding: 46px 10px 12px 10px;
margin-right: 10.06711409395973%;
}
.navi a.team {
background-color: #50b28a;
padding: 38px 10px 12px 10px;
}
.navi a.resume {
background-color: #c85141;
padding: 38px 10px 12px 10px;
margin-top: 30px;
}
.navi a.works {
background-color: #0fa2cb;
}
.navi a.contacts {
background-color: #d8457a;
padding: 40px 10px 12px 10px;
}
.navi a.blog {
background-color: #d8733b;
padding: 38px 10px 12px 10px;
margin: 30px 10.06711409395973% 0 0;
}
.navi a.feedback {
background-color: #d9912a;
padding: 52px 10px 12px 10px;
margin-top: 30px;
}
.about-icon {
width: 48px;
height: 38px;
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/about-us.png) no-repeat;  background-repeat: no-repeat;
margin-bottom: 20px;
}
.team-icon {
width: 48px;
height: 48px;
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/our-team.png) no-repeat;  background-repeat: no-repeat;
margin-bottom: 18px;
}
.resume-icon {
width: 41px!important;
height: 48px;
background-size: 41px!important; 
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/resume.png) no-repeat;  background-repeat: no-repeat;
margin-bottom: 10px;
}
.works-icon {
width: 128px;
height: 111px;
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/our-works.png) no-repeat;  background-repeat: no-repeat;
margin-bottom: 47px;
}
.contacts-icon {
width: 48px;
height: 42px;
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/contacts.png) no-repeat;  background-repeat: no-repeat;
margin-bottom: 14px;
}
.blog-icon {
width: 48px;
height: 48px;
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/blog.png) no-repeat;  background-repeat: no-repeat;
margin-bottom: 18px;
}
.feedback-icon {
width: 48px;
height: 36px;
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/feedback.png) no-repeat;  background-repeat: no-repeat;
margin-bottom: 16px;
}
.tw-feed {
width: 100%;
background-color: #eaeaea;
font-size: 1em;
line-height: 1.8;
color: #555555;
padding: 27px 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 30px 0 10px 0;
}
.tw-feed p {
margin-bottom: 10px;
}
.tw-feed-author {
float: right;
font: 0.75em "Open Sans", Arial, Helvetica, sans-serif;
}
.tw-feed-author a {
display: inline-block;
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/twit.png) no-repeat;  background-repeat: no-repeat;
background-position: left center;
height: 14px;
text-indent: 21px;
}
.tw-feed-author > span {
display: inline-block;
color: #aaaaaa;
} .submenu {
position: relative;
float: left;
height: auto;
min-width: 160px;
}
.submenu ul {
display: block;
list-style: none;
position: absolute;
}
.submenu ul li {
font-size: 1.05em;
opacity: 0;
filter: alpha(opacity=0); -webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
line-height: 1.5;
}
.submenu ul li a {
white-space: nowrap;
color: #fff;
opacity: 0.50;
filter: alpha(opacity=50); -webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.submenu ul li:nth-child(n+10){
display: none;
}
.submenu ul li a:hover {
opacity: 1;
filter: alpha(opacity=100); text-decoration: none;
}
.submenu ul li.inline {
opacity: 50 !important;
filter: alpha(opacity=50) !important; font-size: 1.4em;
color: #fff;
}
.submenu ul li.current {
display: none;
color: #fff !important;
}
.submenu ul:hover > li {
opacity: 50;
filter: alpha(opacity=50); }
.page1-submenu {
top: -35px;
}
.page2-submenu {
top: -10px;
}
.page3-submenu {
top: 15px;
}
.page4-submenu {
top: -10px;
}
.page5-submenu {
top: -33px;
}
.page6-submenu {
top: -59px;
}
.page7-submenu {
top: -85px;
}
.page8-submenu {
top: -110px;
}
.page9-submenu {
top: -134px;
}
.page10-submenu {
top: -161px;
}
.page11-submenu {
top: -185px;
}
.page12-submenu {
top: -210px;
}
.page13-submenu {
top: -234px;
}
.page14-submenu {
top: -260px;
}
.page15-submenu {
top: -283px;
}
.page16-submenu {
top: -309px;
}
.page17-submenu {
top: -335px;
}
.page18-submenu {
top: -359px;
}
.page19-submenu {
top: -385px;
}
.page20-submenu {
top: -409px;
}
.page21-submenu {
top: -435px;
}
.page22-submenu {
top: -456px;
}
.page23-submenu {
top: -485px;
}
.page24-submenu {
top: -509px;
}
.page25-submenu {
top: -535px;
}
.page26-submenu {
top: -559px;
}
.page27-submenu {
top: -585px;
}
.page28-submenu {
top: -609px;
}
.page29-submenu {
top: -635px;
}
.page30-submenu {
top: -659px;
}
.page31-submenu {
top: -685px;
} .container {
font-family: 'Open Sans', sans-serif;
}
.container > .span12 {
margin-bottom: 80px;
}
.container > .span12 p {
font-size: 1.1em;
color: #fff;
line-height: 2;
}
.container > .span6 p {
font-size: 0.8em;
color: #fff;
line-height: 1.7;
}
.container > .span4 p {
font-size: 0.9em;
color: #fff;
line-height: 1.7;
}
.container > .span12 a:hover,
.container > .span6 a:hover,
.container > .span4 a:hover {
text-decoration: underline;
}
.quotation {
font-family: 'Open Sans', sans-serif;
}
.quotation-mark {
display: block;
float:left;
margin-top: 12px;
margin-left: -55px;
width: 22px;
height: 15px;
background: url(../../../themes/Metrika_Wordpress_2.2/img/quotes.png) no-repeat;
}
.quotation-author {
display: block;
float: right;
font-size: 0.75em;
padding-top: 7px;
color: #FFF;
border-top: 1px solid #FFF;
opacity: 0.50;
filter: alpha(opacity=50); margin-top: 15px;
}
.team-mate {
position: relative;
width: 100%;
max-width: 298px;
height: 282px;
max-height: 282px;
padding: 10px 10px 12px;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.team-mate.expanded {
height: 100%;
max-height: 700px;
}
.team-mate a:hover {
text-decoration: none !important;
}
.og-grid > li > a{
min-height: 284px;
}
.team-mate > .figcap,
.og-grid li a > .figcap,
a.blogpost > .figcap,
a.load-more-btn > .figcap,
.comment > .figcap {
display: block;
width: 100%;
height: auto;
min-height: 100%;
top:0;
bottom: 0;
left: 0;
background-color: #FFF;
z-index: 0;
position: absolute;
opacity: 0.2;
filter: alpha(opacity=20); -webkit-transition: opacity 250ms ease-out;
-moz-transition: opacity 250ms ease-out;
-o-transition: opacity 250ms ease-out;
transition: opacity 250ms ease-out;
}
.team-mate > a img,
.og-grid li a > img {
opacity: 0.75;
filter: alpha(opacity=75); position: relative;
z-index: 1;
-webkit-transition: opacity 250ms ease-out;
-moz-transition: opacity 250ms ease-out;
-o-transition: opacity 250ms ease-out;
transition: opacity 250ms ease-out;
}
.team-mate > a h2,
.team-mate > a h3,
.og-grid li a > h2,
.og-grid li a > h3 {
color: #fff;
position: relative;
z-index: 1;
-webkit-transition: color 250ms ease-out;
-moz-transition: color 250ms ease-out;
-o-transition: color 250ms ease-out;
transition: color 250ms ease-out;
}
.team-mate > a h2,
.og-grid li a > h2 {
font-size: 1.1em!important;
}
dl {
padding: 0.5em;
}
dt {
float: left;
clear: left;
width: 100px;
text-align: right;
font-weight: bold;
}
dt:after {
content: ":";
}
dd {
margin: 0 0 0 110px;
}
.team-mate > a h3 {
line-height: 0;
}
.team-mate > p {
position: relative;
z-index: 2;
margin-top: 30px;
color: #222222 !important;
}
.team-mate > a h3,
.og-grid li a > h3 {
font-size: 0.8em;
opacity: 0.50;
filter: alpha(opacity=50); }
.team-mate:hover > a img,
.team-mate.expanded > a img,
.og-grid li a:hover > img,
.og-grid li.og-expanded a > img {
opacity: 1;
filter: alpha(opacity=100); outline: none !important;
border: none !important;
}
.team-mate:hover > a h2,
.team-mate.expanded > a h2,
.team-mate.expanded > a h3,
.team-mate:hover > a h3 {
color:#50b189 !important;
}
.team-mate:hover > .figcap,
.team-mate.expanded > .figcap,
.og-grid li a:hover > .figcap,
.og-grid li.og-expanded a > .figcap,
a.blogpost:hover > .figcap,
a.load-more-btn:hover > .figcap {
opacity: 1;
filter: alpha(opacity=100); }
.blogpost-row {
margin-bottom: 30px;
}
.blogpost-row > .span6:nth-child(2n+1){
margin-left: 0;
}
.blogpost-row > .span6{
height: 182px;
margin-bottom: 30px;
overflow: hidden;
}
.blogpost-row > .span6 p{
line-height: 1.7!important;
}
.blogpost-row > .span6 ul{
list-style: none;
}
a.blogpost {
display: block;
position: relative;
height: 100%;
width: 100%;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a.blogpost > h2, 
a.blogpost > .post-meta,
.comment-meta,
a.blogpost > p {
color: #fff;
position: relative;
z-index: 2;
-webkit-transition: color 250ms ease-out;
-moz-transition: color 250ms ease-out;
-o-transition: color 250ms ease-out;
transition: color 250ms ease-out;
}
a.blogpost > h2 {
font-size: 1.8em ;
white-space: nowrap;
overflow: hidden;
}
.post-meta,
.comment-meta {
display: block;
font-size: 0.75em;
color: #fff;
opacity: 0.5;
filter: alpha(opacity=50); margin: -10px 0 30px 0;
}
a.blogpost > p {
font-size: 0.84em !important;
}
.comments-icon {
display: inline-block;
width: 13px;
height: 12px;
background: url(../../../themes/Metrika_Wordpress_2.2/img/comments-icon.png) no-repeat 0px 0px;
}
a.blogpost:hover {
text-decoration: none !important;
}
a.blogpost:hover > .post-meta > .comments-icon {
background-position: -13px 0px;
}
a.blogpost:hover > h2,
a.blogpost:hover > .post-meta,
a.blogpost:hover > p {
color: #d06e39;
}
a.load-more-btn {
color: transparent;
display: block;
width: 100%;
padding: 18px 0;
position: relative;
}
a.load-more-btn > p {
font-size: 1em;
color: #fff;
text-align: center;
line-height: 1;
position: relative;
z-index: 2;
-webkit-transition: color 250ms ease-out;
-moz-transition: color 250ms ease-out;
-o-transition: color 250ms ease-out;
transition: color 250ms ease-out;
margin-bottom: 0!important;
}
a.load-more-btn:hover > p {
color: #d06e39 !important;
}
.loading-more-btn-text{
display: none;
}
.single-post-content h2 {
font-size: 2.2em;
}
.single-post-content .post_content {
font-size: 1.05em;
color: #fff;
margin: 60px 0;
line-height: 2;
}
.comments {
margin-bottom: 60px;
}
.comments h2,
.comment-form h2 {
font-size: 1.87em;
margin-bottom: 35px;
}
.comment {
width: 48.42767295597484%; float: left;
position: relative;
padding: 13px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 3.14465408805031% 30px 0;
}
.comment.last-col {
margin-right: 0;
}
.comment-meta {
margin: 0 0 30px 0;
}
.comment p {
font-size: 0.85em;
position: relative;
z-index: 2;
margin: 0;
line-height: 1.7;
overflow: hidden;
}
.pointer-right,
.pointer-left {
display: block;
position: absolute;
width: 19px;
height: 14px;
background: url(../../../themes/Metrika_Wordpress_2.2/img/pointers.png) no-repeat 0px 0px;
}
.pointer-right {
top: 20px;
right: -19px;
}
.pointer-left {
background-position: -19px 0px;
top: 65px;
left: -19px;
}
.comments-wrapper {
position: relative;
}
.timeline {
width: 9px;
margin-left: 49.6%;
}
.timeline, .timeline-track,
.timeline-arrow {
position: absolute;
height: auto;
min-height: 100%;
top: 0;
bottom: 0;
}
.timeline-track {
display: block;
background-color: #fff;
width: 1px;
margin-left: 4px;
opacity: 0.25;
filter: alpha(opacity=25); }
.timeline-arrow {
display: block;
background: url(../../../themes/Metrika_Wordpress_2.2/img/timeline-arrow.png) no-repeat center bottom;
width: 9px;
} #feedback-form {
width: 100%;
padding-left: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type=text], textarea {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.09em;
color: #d7902a;
opacity: 0.6;
filter: alpha(opacity=60); border: none;
outline: none;
-webkit-transition: opacity 250ms ease-out;
-moz-transition: opacity 250ms ease-out;
-o-transition: opacity 250ms ease-out;
transition: opacity 250ms ease-out;
}
input[type=text] {
width: 99%;
height: 60px;
margin-bottom: 30px;
padding: 0 20px;
line-height: 60px;
}
textarea {
width: 99%;
float: right;
height: 150px;
min-height: 150px;
max-height: 150px;
padding: 20px;
resize: none;
margin-bottom: 30px;
}
input[type=submit] {
float: right;
height: 60px;
line-height: 60px;
padding: 0 50px;
background-color: #FFF;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.3em;
color: #d7902a;
opacity: 1;
filter: alpha(opacity=100); -webkit-transition: opacity 250ms ease-out;
-moz-transition: opacity 250ms ease-out;
-o-transition: opacity 250ms ease-out;
transition: opacity 250ms ease-out;
}
input[type=submit]:hover {
opacity: 0.6;
filter: alpha(opacity=60); } .push, footer {
height:90px;
}
footer {
padding-top: 70px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
color: #fff;
opacity: 0.60;
filter: alpha(opacity=60); font: 0.75em "Open Sans", Arial, Helvetica, sans-serif;
} .og-grid a.work_link:hover,
.og-grid a.work_link:focus{
text-decoration: none;
}
.og-grid {
list-style: none;
margin: 0 auto;
text-align: center;
margin-left: -25px;
}
.og-grid > li {
display: inline-block;
margin: 15px 0 30px 25px;
vertical-align: top;
height: auto;
overflow: hidden; } .og-grid > li > a,
.og-grid > li > a img {
border: none;
outline: none;
display: block;
position: relative;
text-decoration: none!important;
}
.og-grid > li a {
width: 100%;
max-width: 298px;
height: auto;
text-align: left;
}
.og-grid > li a > h2 {
margin-bottom: 0px;
padding: 5px 10px 0px 10px;
}
.og-grid > li a > h3 {
padding: 5px 10px 12px 10px;
}
.og-grid > li a:hover > h2,
.og-grid > li a:hover > h3,
.og-grid > li.og-expanded a > h2,
.og-grid > li.og-expanded a > h3 {
color:#0e9ec7 !important;
}
.og-grid > li > a img {
border: none;
outline: none;
display: block;
position: relative;
}
.og-grid > li svg {
display: none;
position: absolute;
z-index: 2;
width: 100%;
height: 20px;
bottom: 100px;
-webkit-transition: all .6s;
transition: all .6s;
}
.og-grid > li.og-expanded svg{
bottom: -30px;
}
.og-grid > li.og-expanded > a .arrow {
display: block;
margin-left: -11px;
left: 50%;
}
.og-grid > li.og-expanded > a .arrow path{
fill: rgba(255, 255, 255, .2);
stroke: rgba(255, 255, 255, .2);
}
.og-expander {
position: absolute;
background: #ffffff;
background: rgba(255, 255, 255, .2);
top: auto;
left: 0;
width: 100%;
margin-top: 30px;
text-align: left;
height: 0;
overflow: hidden;
}
.og-expander-inner {
max-width: 954px;
margin: 0 auto;
height: 100%;
padding: 30px 0 0 0;
}
.og-close {
position: absolute;
width: 34px;
height: 32px;
top: 25px;
right: 25px;
cursor: pointer;
z-index: 1;
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/close.png) no-repeat;  background-repeat: no-repeat;
opacity: 0.3;
filter: alpha(opacity=30); -webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.og-close:hover {
opacity: 0.65;
filter: alpha(opacity=65); }
.og-fullimg,
.og-details {
float: left;
overflow: hidden;
height: 100%;
position: relative;
}
.og-fullimg {
width: 46%;
}
.og-tags {
padding-bottom: 50px;
}
.og-details {
width: 54%;
padding-left: 34px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.og-details .work_content{
padding-bottom: 50px;
}
.og-fullimg img {
display: inline-block;
max-height: 100%;
max-width: 100%;
}
.og-details h3 {
font-weight: 300;
font-size: 3em;
padding: 0 0 50px; }
.og-details p {
font-weight: 400;
font-size: 0.87em;
line-height: 22px;
color: #fff;
}
.og-details a.work_link {
font-weight: 400;
font-size: 1.3em;
letter-spacing: 2px;
color: #0e9ec7 !important;
padding: 15px 50px;
background-color: #f5f5f5;
display: inline-block !important;
margin: 0;
outline: none;
max-width:none !important;
width:auto !important;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.og-details a.work_link:hover,
.og-details a.work_link:active {
background-color: #14a3e0;
color: #fff !important;
}
.og-fullimg {
text-align: center;
}
.og-loading {
width: 20px;
height: 20px;
border-radius: 50%;
background: #4bc7ea;
box-shadow: 0 0 1px #329cba, 15px 30px 1px #329cba, -15px 30px 1px #329cba;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
-webkit-animation: loader 0.5s infinite ease-in-out both;
-moz-animation: loader 0.5s infinite ease-in-out both;
animation: loader 0.5s infinite ease-in-out both;
}
@-webkit-keyframes loader {
0% { background: #4bc7ea; }
33% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #329cba, -15px 30px 1px #4bc7ea; }
66% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #4bc7ea, -15px 30px 1px #329cba; }
}
@-moz-keyframes loader {
0% { background: #4bc7ea; }
33% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #329cba, -15px 30px 1px #4bc7ea; }
66% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #4bc7ea, -15px 30px 1px #329cba; }
}
@keyframes loader {
0% { background: #4bc7ea; }
33% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #329cba, -15px 30px 1px #4bc7ea; }
66% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #4bc7ea, -15px 30px 1px #329cba; }
}
@media screen and (max-width: 830px) {
.og-expander h3 { font-size: 32px; }
.og-expander p { font-size: 13px; }
.og-expander a { font-size: 0.88em; }
}
@media screen and (max-width: 650px) {
.og-fullimg { display: none; }
.og-details { float: none; width: 100%; }
} .pt-perspective {
overflow: hidden;
position: relative;
width: 100%;
min-height: 100%;
height: 100%;
}
.pt-page {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: hidden;
overflow: scroll;
overflow-x: hidden;
}
.pt-page-current,
.no-js .pt-page {
visibility: visible;
z-index: 10;
}
.no-js body {
overflow: auto;
}
.pt-page-ontop {
z-index: 9999;
}
#team {
overflow-y: scroll;
}  .textfieldValidState input, input.textfieldValidState,
.textareaValidState textarea, textarea.textareaValidState {
background-color: #fff;
}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input,
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
color: #c3293a;
border-left: 3px solid #c3293a;
padding-left: 17px;
}
.textfieldFocusState input, input.textfieldFocusState,
.textareaFocusState textarea, textarea.textareaFocusState {
outline: none;
opacity: 1;
filter: alpha(opacity=100); }
.textfieldHintState input, input.textfieldHintState,
textarea.textareaHintState, .textareaHintState textarea { }  @media (max-width: 1170px) {
.page-navi {
margin: 35px 30px 0px -55px;
}
}
@media (max-width: 1070px) {
.page-navi {
margin: 35px 30px 0px 0px;
}
} @media (max-width: 980px) {
.sub-header .social-bar-white{
display: none;
}
#site-navigation li.current-menu-item > a{
border-color: transparent!important;
}
.page-navi {
margin: 35px 15px 0px 0px;
}
.og-grid li.last {
margin-right: 25px;
}
ul.social-bar2 li {
margin-right: 5px !important;
}
.team-mate {
max-height: 230px;
}
.submenu {
width: 100% !important;
}
.page2-submenu, .page3-submenu,
.page4-submenu, .page5-submenu,
.page6-submenu, .page7-submenu {
top: 15px;
}
.submenu ul li {
opacity: 1;
filter: alpha(opacity=0); display: inline-block;
margin: 0 15px 6px 6px;
font-size: 1.05em;
}
.submenu ul li.inline {
font-size: 1.05em;
}
.submenu ul li.current {
display: inline-block;
text-decoration: underline;
}
.timeline {
margin-left: 49.4%;
}
.pointer-right,
.pointer-left {
background: url(../../../themes/Metrika_Wordpress_2.2/img/pointers-small.png) no-repeat;
width: 15px;		
}
.pointer-right {
right: -15px;
background-position: 0px 0px;
}
.pointer-left {
left: -15px;
background-position: -15px 0px;
}
}
@media (max-height: 768px) {
.addspace {
margin-top: 100px;
}
} @media (max-width: 767px) {
h2 {
padding: 0 10px;
}
header {
padding-top: 40px;
margin-bottom: 60px;
}
header h1 {
float: none;
margin-left: 10px;
margin-top: 30px;
font-size: 3em;
display: block;
}
.logo > h1 {
margin-top: -35px;
margin-bottom: 40px;
}
ul.social-bar-black, ul.social-bar-white {
position: absolute;
top: -10px;
right: 10px;
}
.navi {
margin-top: -90px;
padding-left: 0.7%;
padding-right: 0.7%;
}
a.small-navi { width: 49.6%;
margin-left: 0.4%;
}
.navi .first.small-navi{
margin-right: 0.8%;
}
.navi .bottom.middle-navi{
margin-top: 3px;
}
.navi .top.middle-navi{
margin-bottom: 3px;
}
.small-navi.resume,
.small-navi.contacts,
.small-navi.works,
.small-navi.blog,
.small-navi.feedback,
a.resume, a.contacts, 
a.works, a.blog, a.feedback {
margin-top: 3px!important;
}
.navi .span4 a:nth-child(3){
margin-left: 0!important;
}
a.margin{
margin-top: 0!important
}
nav.navi .span4 a.big-navi{
margin-top: 3px!important;
margin-bottom: 3px;
}
a.about, a.blog {
margin-right: 0.8%!important;
}
.page-navi, .page-navi.single {
position: absolute;
top: -80px;
left: 10px;
}
.submenu {
padding-left: 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container > .span12 {
margin-bottom: 40px;
}
.container > .span12 p {
font-size: 0.95em;
padding: 0 10px;
}
.container > .span6 p,
.container > .span4 p {
padding: 0 10px;
}
.quotation-mark {
display: none;
}
.quotation-author {
margin-right: 10px;
}
.tw-feed {
font-size: 0.85em;
padding: 15px 20px;
}
.tw-feed-author {
margin-right: 10px;
}
.addspace {
margin-top: 20px;
}
form, .comments-wrapper, #feedback-form {
width: 100%;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type=text], textarea {
width: 100%;
float: none;
}
.team-mate {
max-height: 282px;
margin: 0 auto 30px auto !important;
}
.team-mate > a h2 {
margin-left: -10px !important;
}
.page2-submenu, .page3-submenu,
.page4-submenu, .page5-submenu,
.page6-submenu, .page7-submenu {
top: 10px;
}
.blogpost-row {
margin-bottom: 0;
}
a.blogpost, a.load-more-btn {
width: 97%;
margin: 0 0 30px 6px;
}
.post-meta {
padding: 0 10px;
}
.comment {
width: 100%;
float: none;
}
.timeline {
display: none;
}
.pointer-right,
.pointer-left {
display: none;
}
.single-post-content p {
padding: 0 10px;
}
.comments {
margin-bottom: 40px;
}
} @media (max-width: 480px) {
header {
margin-bottom: 90px;
}
.og-details {
padding-left: 15px;
padding-right: 10px;
}
ul.social-bar-black li, ul.social-bar-white li {
margin-left: 8px;
}
}
@media (max-width: 420px) {
.logo > h1 {
margin-top: 20px;
margin-bottom: 15px;
}
.pt-page-0 ul.social-bar-black,
.pt-page-0 ul.social-bar-white{
position: static;
float: none;
display: inline-block;
}
.logo{
text-align: center;
}
#home header .span4{
position: absolute;
top: -15px;
text-align: center;
margin-left: -8px;
}
} @media (max-width: 360px) {
.og-grid {
padding-left: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
@media (max-width: 320px) {
a.team-mate {
margin-left: 3px;
}
.og-grid {
padding-left: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
@media (max-width: 300px) {
.team-mate{
max-height: 250px;
}
}.pt-page-moveToLeft {
-webkit-animation: moveToLeft .6s ease both;
-moz-animation: moveToLeft .6s ease both;
animation: moveToLeft .6s ease both;
}
.pt-page-moveFromLeft {
-webkit-animation: moveFromLeft .6s ease both;
-moz-animation: moveFromLeft .6s ease both;
animation: moveFromLeft .6s ease both;
}
.pt-page-moveToRight {
-webkit-animation: moveToRight .6s ease both;
-moz-animation: moveToRight .6s ease both;
animation: moveToRight .6s ease both;
}
.pt-page-moveFromRight {
-webkit-animation: moveFromRight .6s ease both;
-moz-animation: moveFromRight .6s ease both;
animation: moveFromRight .6s ease both;
}
.pt-page-moveToTop {
-webkit-animation: moveToTop .6s ease both;
-moz-animation: moveToTop .6s ease both;
animation: moveToTop .6s ease both;
}
.pt-page-moveFromTop {
-webkit-animation: moveFromTop .6s ease both;
-moz-animation: moveFromTop .6s ease both;
animation: moveFromTop .6s ease both;
}
.pt-page-moveToBottom {
-webkit-animation: moveToBottom .6s ease both;
-moz-animation: moveToBottom .6s ease both;
animation: moveToBottom .6s ease both;
}
.pt-page-moveFromBottom {
-webkit-animation: moveFromBottom .6s ease both;
-moz-animation: moveFromBottom .6s ease both;
animation: moveFromBottom .6s ease both;
} .pt-page-fade {
-webkit-animation: fade .7s ease both;
-moz-animation: fade .7s ease both;
animation: fade .7s ease both;
} .pt-page-moveToLeftFade {
-webkit-animation: moveToLeftFade .7s ease both;
-moz-animation: moveToLeftFade .7s ease both;
animation: moveToLeftFade .7s ease both;
}
.pt-page-moveFromLeftFade {
-webkit-animation: moveFromLeftFade .7s ease both;
-moz-animation: moveFromLeftFade .7s ease both;
animation: moveFromLeftFade .7s ease both;
}
.pt-page-moveToRightFade {
-webkit-animation: moveToRightFade .7s ease both;
-moz-animation: moveToRightFade .7s ease both;
animation: moveToRightFade .7s ease both;
}
.pt-page-moveFromRightFade {
-webkit-animation: moveFromRightFade .7s ease both;
-moz-animation: moveFromRightFade .7s ease both;
animation: moveFromRightFade .7s ease both;
}
.pt-page-moveToTopFade {
-webkit-animation: moveToTopFade .7s ease both;
-moz-animation: moveToTopFade .7s ease both;
animation: moveToTopFade .7s ease both;
}
.pt-page-moveFromTopFade {
-webkit-animation: moveFromTopFade .7s ease both;
-moz-animation: moveFromTopFade .7s ease both;
animation: moveFromTopFade .7s ease both;
}
.pt-page-moveToBottomFade {
-webkit-animation: moveToBottomFade .7s ease both;
-moz-animation: moveToBottomFade .7s ease both;
animation: moveToBottomFade .7s ease both;
}
.pt-page-moveFromBottomFade {
-webkit-animation: moveFromBottomFade .7s ease both;
-moz-animation: moveFromBottomFade .7s ease both;
animation: moveFromBottomFade .7s ease both;
} .pt-page-moveToLeftEasing {
-webkit-animation: moveToLeft .7s ease-in-out both;
-moz-animation: moveToLeft .7s ease-in-out both;
animation: moveToLeft .7s ease-in-out both;
}
.pt-page-moveToRightEasing {
-webkit-animation: moveToRight .7s ease-in-out both;
-moz-animation: moveToRight .7s ease-in-out both;
animation: moveToRight .7s ease-in-out both;
}
.pt-page-moveToTopEasing {
-webkit-animation: moveToTop .7s ease-in-out both;
-moz-animation: moveToTop .7s ease-in-out both;
animation: moveToTop .7s ease-in-out both;
}
.pt-page-moveToBottomEasing {
-webkit-animation: moveToBottom .7s ease-in-out both;
-moz-animation: moveToBottom .7s ease-in-out both;
animation: moveToBottom .7s ease-in-out both;
}  @-webkit-keyframes moveToLeft {
to { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes moveToLeft {
to { -moz-transform: translateX(-100%); }
}
@keyframes moveToLeft {
to { transform: translateX(-100%); }
}
@-webkit-keyframes moveFromLeft {
from { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes moveFromLeft {
from { -moz-transform: translateX(-100%); }
}
@keyframes moveFromLeft {
from { transform: translateX(-100%); }
}
@-webkit-keyframes moveToRight { 
to { -webkit-transform: translateX(100%); }
}
@-moz-keyframes moveToRight { 
to { -moz-transform: translateX(100%); }
}
@keyframes moveToRight { 
to { transform: translateX(100%); }
}
@-webkit-keyframes moveFromRight {
from { -webkit-transform: translateX(100%); }
}
@-moz-keyframes moveFromRight {
from { -moz-transform: translateX(100%); }
}
@keyframes moveFromRight {
from { transform: translateX(100%); }
}
@-webkit-keyframes moveToTop {
to { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveToTop {
to { -moz-transform: translateY(-100%); }
}
@keyframes moveToTop {
to { transform: translateY(-100%); }
}
@-webkit-keyframes moveFromTop {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveFromTop {
from { -moz-transform: translateY(-100%); }
}
@keyframes moveFromTop {
from { transform: translateY(-100%); }
}
@-webkit-keyframes moveToBottom {
to { -webkit-transform: translateY(100%); }
}
@-moz-keyframes moveToBottom {
to { -moz-transform: translateY(100%); }
}
@keyframes moveToBottom {
to { transform: translateY(100%); }
}
@-webkit-keyframes moveFromBottom {
from { -webkit-transform: translateY(100%); }
}
@-moz-keyframes moveFromBottom {
from { -moz-transform: translateY(100%); }
}
@keyframes moveFromBottom {
from { transform: translateY(100%); }
} @-webkit-keyframes fade {
to { opacity: 0.3; }
}
@-moz-keyframes fade {
to { opacity: 0.3; }
}
@keyframes fade {
to { opacity: 0.3; }
} @-webkit-keyframes moveToLeftFade {
to { opacity: 0.3; -webkit-transform: translateX(-100%); }
}
@-moz-keyframes moveToLeftFade {
to { opacity: 0.3; -moz-transform: translateX(-100%); }
}
@keyframes moveToLeftFade {
to { opacity: 0.3; transform: translateX(-100%); }
}
@-webkit-keyframes moveFromLeftFade {
from { opacity: 0.3; -webkit-transform: translateX(-100%); }
}
@-moz-keyframes moveFromLeftFade {
from { opacity: 0.3; -moz-transform: translateX(-100%); }
}
@keyframes moveFromLeftFade {
from { opacity: 0.3; transform: translateX(-100%); }
}
@-webkit-keyframes moveToRightFade {
to { opacity: 0.3; -webkit-transform: translateX(100%); }
}
@-moz-keyframes moveToRightFade {
to { opacity: 0.3; -moz-transform: translateX(100%); }
}
@keyframes moveToRightFade {
to { opacity: 0.3; transform: translateX(100%); }
}
@-webkit-keyframes moveFromRightFade {
from { opacity: 0.3; -webkit-transform: translateX(100%); }
}
@-moz-keyframes moveFromRightFade {
from { opacity: 0.3; -moz-transform: translateX(100%); }
}
@keyframes moveFromRightFade {
from { opacity: 0.3; transform: translateX(100%); }
}
@-webkit-keyframes moveToTopFade {
to { opacity: 0.3; -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveToTopFade {
to { opacity: 0.3; -moz-transform: translateY(-100%); }
}
@keyframes moveToTopFade {
to { opacity: 0.3; transform: translateY(-100%); }
}
@-webkit-keyframes moveFromTopFade {
from { opacity: 0.3; -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveFromTopFade {
from { opacity: 0.3; -moz-transform: translateY(-100%); }
}
@keyframes moveFromTopFade {
from { opacity: 0.3; transform: translateY(-100%); }
}
@-webkit-keyframes moveToBottomFade {
to { opacity: 0.3; -webkit-transform: translateY(100%); }
}
@-moz-keyframes moveToBottomFade {
to { opacity: 0.3; -moz-transform: translateY(100%); }
}
@keyframes moveToBottomFade {
to { opacity: 0.3; transform: translateY(100%); }
}
@-webkit-keyframes moveFromBottomFade {
from { opacity: 0.3; -webkit-transform: translateY(100%); }
}
@-moz-keyframes moveFromBottomFade {
from { opacity: 0.3; -moz-transform: translateY(100%); }
}
@keyframes moveFromBottomFade {
from { opacity: 0.3; transform: translateY(100%); }
} .pt-page-scaleDown {
-webkit-animation: scaleDown .7s ease both;
-moz-animation: scaleDown .7s ease both;
animation: scaleDown .7s ease both;
}
.pt-page-scaleUp {
-webkit-animation: scaleUp .7s ease both;
-moz-animation: scaleUp .7s ease both;
animation: scaleUp .7s ease both;
}
.pt-page-scaleUpDown {
-webkit-animation: scaleUpDown .5s ease both;
-moz-animation: scaleUpDown .5s ease both;
animation: scaleUpDown .5s ease both;
}
.pt-page-scaleDownUp {
-webkit-animation: scaleDownUp .5s ease both;
-moz-animation: scaleDownUp .5s ease both;
animation: scaleDownUp .5s ease both;
}
.pt-page-scaleDownCenter {
-webkit-animation: scaleDownCenter .4s ease-in both;
-moz-animation: scaleDownCenter .4s ease-in both;
animation: scaleDownCenter .4s ease-in both;
}
.pt-page-scaleUpCenter {
-webkit-animation: scaleUpCenter .4s ease-out both;
-moz-animation: scaleUpCenter .4s ease-out both;
animation: scaleUpCenter .4s ease-out both;
}  @-webkit-keyframes scaleDown {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleDown {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleDown {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes scaleUp {
from { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleUp {
from { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleUp {
from { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes scaleUpDown {
from { opacity: 0; -webkit-transform: scale(1.2); }
}
@-moz-keyframes scaleUpDown {
from { opacity: 0; -moz-transform: scale(1.2); }
}
@keyframes scaleUpDown {
from { opacity: 0; transform: scale(1.2); }
}
@-webkit-keyframes scaleDownUp {
to { opacity: 0; -webkit-transform: scale(1.2); }
}
@-moz-keyframes scaleDownUp {
to { opacity: 0; -moz-transform: scale(1.2); }
}
@keyframes scaleDownUp {
to { opacity: 0; transform: scale(1.2); }
}
@-webkit-keyframes scaleDownCenter {
to { opacity: 0; -webkit-transform: scale(.7); }
}
@-moz-keyframes scaleDownCenter {
to { opacity: 0; -moz-transform: scale(.7); }
}
@keyframes scaleDownCenter {
to { opacity: 0; transform: scale(.7); }
}
@-webkit-keyframes scaleUpCenter {
from { opacity: 0; -webkit-transform: scale(.7); }
}
@-moz-keyframes scaleUpCenter {
from { opacity: 0; -moz-transform: scale(.7); }
}
@keyframes scaleUpCenter {
from { opacity: 0; transform: scale(.7); }
} .pt-page-rotateRightSideFirst {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotateRightSideFirst .8s both ease-in;
-moz-transform-origin: 0% 50%;
-moz-animation: rotateRightSideFirst .8s both ease-in;
transform-origin: 0% 50%;
animation: rotateRightSideFirst .8s both ease-in;
}
.pt-page-rotateLeftSideFirst {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotateLeftSideFirst .8s both ease-in;
-moz-transform-origin: 100% 50%;
-moz-animation: rotateLeftSideFirst .8s both ease-in;
transform-origin: 100% 50%;
animation: rotateLeftSideFirst .8s both ease-in;
}
.pt-page-rotateTopSideFirst {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotateTopSideFirst .8s both ease-in;
-moz-transform-origin: 50% 100%;
-moz-animation: rotateTopSideFirst .8s both ease-in;
transform-origin: 50% 100%;
animation: rotateTopSideFirst .8s both ease-in;
}
.pt-page-rotateBottomSideFirst {
-webkit-transform-origin: 50% 0%;
-webkit-animation: rotateBottomSideFirst .8s both ease-in;
-moz-transform-origin: 50% 0%;
-moz-animation: rotateBottomSideFirst .8s both ease-in;
transform-origin: 50% 0%;
animation: rotateBottomSideFirst .8s both ease-in;
} .pt-page-flipOutRight {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipOutRight .5s both ease-in;
-moz-transform-origin: 50% 50%;
-moz-animation: flipOutRight .5s both ease-in;
transform-origin: 50% 50%;
animation: flipOutRight .5s both ease-in;
}
.pt-page-flipInLeft {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipInLeft .5s both ease-out;
-moz-transform-origin: 50% 50%;
-moz-animation: flipInLeft .5s both ease-out;
transform-origin: 50% 50%;
animation: flipInLeft .5s both ease-out;
}
.pt-page-flipOutLeft {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipOutLeft .5s both ease-in;
-moz-transform-origin: 50% 50%;
-moz-animation: flipOutLeft .5s both ease-in;
transform-origin: 50% 50%;
animation: flipOutLeft .5s both ease-in;
}
.pt-page-flipInRight {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipInRight .5s both ease-out;
-moz-transform-origin: 50% 50%;
-moz-animation: flipInRight .5s both ease-out;
transform-origin: 50% 50%;
animation: flipInRight .5s both ease-out;
}
.pt-page-flipOutTop {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipOutTop .5s both ease-in;
-moz-transform-origin: 50% 50%;
-moz-animation: flipOutTop .5s both ease-in;
transform-origin: 50% 50%;
animation: flipOutTop .5s both ease-in;
}
.pt-page-flipInBottom {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipInBottom .5s both ease-out;
-moz-transform-origin: 50% 50%;
-moz-animation: flipInBottom .5s both ease-out;
transform-origin: 50% 50%;
animation: flipInBottom .5s both ease-out;
}
.pt-page-flipOutBottom {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipOutBottom .5s both ease-in;
-moz-transform-origin: 50% 50%;
-moz-animation: flipOutBottom .5s both ease-in;
transform-origin: 50% 50%;
animation: flipOutBottom .5s both ease-in;
}
.pt-page-flipInTop {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipInTop .5s both ease-out;
-moz-transform-origin: 50% 50%;
-moz-animation: flipInTop .5s both ease-out;
transform-origin: 50% 50%;
animation: flipInTop .5s both ease-out;
} .pt-page-rotateFall {
-webkit-transform-origin: 0% 0%;
-webkit-animation: rotateFall 1s both ease-in;
-moz-transform-origin: 0% 0%;
-moz-animation: rotateFall 1s both ease-in;
transform-origin: 0% 0%;
animation: rotateFall 1s both ease-in;
} .pt-page-rotateOutNewspaper {
-webkit-transform-origin: 50% 50%;
-webkit-animation: rotateOutNewspaper .5s both ease-in;
-moz-transform-origin: 50% 50%;
-moz-animation: rotateOutNewspaper .5s both ease-in;
transform-origin: 50% 50%;
animation: rotateOutNewspaper .5s both ease-in;
}
.pt-page-rotateInNewspaper {
-webkit-transform-origin: 50% 50%;
-webkit-animation: rotateInNewspaper .5s both ease-out;
-moz-transform-origin: 50% 50%;
-moz-animation: rotateInNewspaper .5s both ease-out;
transform-origin: 50% 50%;
animation: rotateInNewspaper .5s both ease-out;
} .pt-page-rotatePushLeft {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotatePushLeft .8s both ease;
-moz-transform-origin: 0% 50%;
-moz-animation: rotatePushLeft .8s both ease;
transform-origin: 0% 50%;
animation: rotatePushLeft .8s both ease;
}
.pt-page-rotatePushRight {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotatePushRight .8s both ease;
-moz-transform-origin: 100% 50%;
-moz-animation: rotatePushRight .8s both ease;
transform-origin: 100% 50%;
animation: rotatePushRight .8s both ease;
}
.pt-page-rotatePushTop {
-webkit-transform-origin: 50% 0%;
-webkit-animation: rotatePushTop .8s both ease;
-moz-transform-origin: 50% 0%;
-moz-animation: rotatePushTop .8s both ease;
transform-origin: 50% 0%;
animation: rotatePushTop .8s both ease;
}
.pt-page-rotatePushBottom {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotatePushBottom .8s both ease;
-moz-transform-origin: 50% 100%;
-moz-animation: rotatePushBottom .8s both ease;
transform-origin: 50% 100%;
animation: rotatePushBottom .8s both ease;
} .pt-page-rotatePullRight {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotatePullRight .5s both ease;
-moz-transform-origin: 100% 50%;
-moz-animation: rotatePullRight .5s both ease;
transform-origin: 100% 50%;
animation: rotatePullRight .5s both ease;
}
.pt-page-rotatePullLeft {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotatePullLeft .5s both ease;
-moz-transform-origin: 0% 50%;
-moz-animation: rotatePullLeft .5s both ease;
transform-origin: 0% 50%;
animation: rotatePullLeft .5s both ease;
}
.pt-page-rotatePullTop {
-webkit-transform-origin: 50% 0%;
-webkit-animation: rotatePullTop .5s both ease;
-moz-transform-origin: 50% 0%;
-moz-animation: rotatePullTop .5s both ease;
transform-origin: 50% 0%;
animation: rotatePullTop .5s both ease;
}
.pt-page-rotatePullBottom {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotatePullBottom .5s both ease;
-moz-transform-origin: 50% 100%;
-moz-animation: rotatePullBottom .5s both ease;
transform-origin: 50% 100%;
animation: rotatePullBottom .5s both ease;
} .pt-page-rotateFoldRight {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotateFoldRight .7s both ease;
-moz-transform-origin: 0% 50%;
-moz-animation: rotateFoldRight .7s both ease;
transform-origin: 0% 50%;
animation: rotateFoldRight .7s both ease;
}
.pt-page-rotateFoldLeft {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotateFoldLeft .7s both ease;
-moz-transform-origin: 100% 50%;
-moz-animation: rotateFoldLeft .7s both ease;
transform-origin: 100% 50%;
animation: rotateFoldLeft .7s both ease;
}
.pt-page-rotateFoldTop {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotateFoldTop .7s both ease;
-moz-transform-origin: 50% 100%;
-moz-animation: rotateFoldTop .7s both ease;
transform-origin: 50% 100%;
animation: rotateFoldTop .7s both ease;
}
.pt-page-rotateFoldBottom {
-webkit-transform-origin: 50% 0%;
-webkit-animation: rotateFoldBottom .7s both ease;
-moz-transform-origin: 50% 0%;
-moz-animation: rotateFoldBottom .7s both ease;
transform-origin: 50% 0%;
animation: rotateFoldBottom .7s both ease;
} .pt-page-rotateUnfoldLeft {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotateUnfoldLeft .7s both ease;
-moz-transform-origin: 100% 50%;
-moz-animation: rotateUnfoldLeft .7s both ease;
transform-origin: 100% 50%;
animation: rotateUnfoldLeft .7s both ease;
}
.pt-page-rotateUnfoldRight {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotateUnfoldRight .7s both ease;
-moz-transform-origin: 0% 50%;
-moz-animation: rotateUnfoldRight .7s both ease;
transform-origin: 0% 50%;
animation: rotateUnfoldRight .7s both ease;
}
.pt-page-rotateUnfoldTop {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotateUnfoldTop .7s both ease;
-moz-transform-origin: 50% 100%;
-moz-animation: rotateUnfoldTop .7s both ease;
transform-origin: 50% 100%;
animation: rotateUnfoldTop .7s both ease;
}
.pt-page-rotateUnfoldBottom {
-webkit-transform-origin: 50% 0%;
-webkit-animation: rotateUnfoldBottom .7s both ease;
-moz-transform-origin: 50% 0%;
-moz-animation: rotateUnfoldBottom .7s both ease;
transform-origin: 50% 0%;
animation: rotateUnfoldBottom .7s both ease;
} .pt-page-rotateRoomLeftOut {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotateRoomLeftOut .8s both ease;
-moz-transform-origin: 100% 50%;
-moz-animation: rotateRoomLeftOut .8s both ease;
transform-origin: 100% 50%;
animation: rotateRoomLeftOut .8s both ease;
}
.pt-page-rotateRoomLeftIn {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotateRoomLeftIn .8s both ease;
-moz-transform-origin: 0% 50%;
-moz-animation: rotateRoomLeftIn .8s both ease;
transform-origin: 0% 50%;
animation: rotateRoomLeftIn .8s both ease;
}
.pt-page-rotateRoomRightOut {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotateRoomRightOut .8s both ease;
-moz-transform-origin: 0% 50%;
-moz-animation: rotateRoomRightOut .8s both ease;
transform-origin: 0% 50%;
animation: rotateRoomRightOut .8s both ease;
}
.pt-page-rotateRoomRightIn {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotateRoomRightIn .8s both ease;
-moz-transform-origin: 100% 50%;
-moz-animation: rotateRoomRightIn .8s both ease;
transform-origin: 100% 50%;
animation: rotateRoomRightIn .8s both ease;
}
.pt-page-rotateRoomTopOut {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotateRoomTopOut .8s both ease;
-moz-transform-origin: 50% 100%;
-moz-animation: rotateRoomTopOut .8s both ease;
transform-origin: 50% 100%;
animation: rotateRoomTopOut .8s both ease;
}
.pt-page-rotateRoomTopIn {
-webkit-transform-origin: 50% 0%;
-webkit-animation: rotateRoomTopIn .8s both ease;
-moz-transform-origin: 50% 0%;
-moz-animation: rotateRoomTopIn .8s both ease;
transform-origin: 50% 0%;
animation: rotateRoomTopIn .8s both ease;
}
.pt-page-rotateRoomBottomOut {
-webkit-transform-origin: 50% 0%;
-webkit-animation: rotateRoomBottomOut .8s both ease;
-moz-transform-origin: 50% 0%;
-moz-animation: rotateRoomBottomOut .8s both ease;
transform-origin: 50% 0%;
animation: rotateRoomBottomOut .8s both ease;
}
.pt-page-rotateRoomBottomIn {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotateRoomBottomIn .8s both ease;
-moz-transform-origin: 50% 100%;
-moz-animation: rotateRoomBottomIn .8s both ease;
transform-origin: 50% 100%;
animation: rotateRoomBottomIn .8s both ease;
} .pt-page-rotateCubeLeftOut {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotateCubeLeftOut .6s both ease-in;
-moz-transform-origin: 100% 50%;
-moz-animation: rotateCubeLeftOut .6s both ease-in;
transform-origin: 100% 50%;
animation: rotateCubeLeftOut .6s both ease-in;
}
.pt-page-rotateCubeLeftIn {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotateCubeLeftIn .6s both ease-in;
-moz-transform-origin: 0% 50%;
-moz-animation: rotateCubeLeftIn .6s both ease-in;
transform-origin: 0% 50%;
animation: rotateCubeLeftIn .6s both ease-in;
}
.pt-page-rotateCubeRightOut {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotateCubeRightOut .6s both ease-in;
-moz-transform-origin: 0% 50%;
-moz-animation: rotateCubeRightOut .6s both ease-in;
transform-origin: 0% 50%;
animation: rotateCubeRightOut .6s both ease-in;
}
.pt-page-rotateCubeRightIn {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotateCubeRightIn .6s both ease-in;
-moz-transform-origin: 100% 50%;
-moz-animation: rotateCubeRightIn .6s both ease-in;
transform-origin: 100% 50%;
animation: rotateCubeRightIn .6s both ease-in;
}
.pt-page-rotateCubeTopOut {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotateCubeTopOut .6s both ease-in;
-moz-transform-origin: 50% 100%;
-moz-animation: rotateCubeTopOut .6s both ease-in;
transform-origin: 50% 100%;
animation: rotateCubeTopOut .6s both ease-in;
}
.pt-page-rotateCubeTopIn {
-webkit-transform-origin: 50% 0%;
-webkit-animation: rotateCubeTopIn .6s both ease-in;
-moz-transform-origin: 50% 0%;
-moz-animation: rotateCubeTopIn .6s both ease-in;
transform-origin: 50% 0%;
animation: rotateCubeTopIn .6s both ease-in;
}
.pt-page-rotateCubeBottomOut {
-webkit-transform-origin: 50% 0%;
-webkit-animation: rotateCubeBottomOut .6s both ease-in;
-moz-transform-origin: 50% 0%;
-moz-animation: rotateCubeBottomOut .6s both ease-in;
transform-origin: 50% 0%;
animation: rotateCubeBottomOut .6s both ease-in;
}
.pt-page-rotateCubeBottomIn {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotateCubeBottomIn .6s both ease-in;
-moz-transform-origin: 50% 100%;
-moz-animation: rotateCubeBottomIn .6s both ease-in;
transform-origin: 50% 100%;
animation: rotateCubeBottomIn .6s both ease-in;
} .pt-page-rotateCarouselLeftOut {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotateCarouselLeftOut .8s both ease;
-moz-transform-origin: 100% 50%;
-moz-animation: rotateCarouselLeftOut .8s both ease;
transform-origin: 100% 50%;
animation: rotateCarouselLeftOut .8s both ease;
}
.pt-page-rotateCarouselLeftIn {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotateCarouselLeftIn .8s both ease;
-moz-transform-origin: 0% 50%;
-moz-animation: rotateCarouselLeftIn .8s both ease;
transform-origin: 0% 50%;
animation: rotateCarouselLeftIn .8s both ease;
}
.pt-page-rotateCarouselRightOut {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotateCarouselRightOut .8s both ease;
-moz-transform-origin: 0% 50%;
-moz-animation: rotateCarouselRightOut .8s both ease;
transform-origin: 0% 50%;
animation: rotateCarouselRightOut .8s both ease;
}
.pt-page-rotateCarouselRightIn {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotateCarouselRightIn .8s both ease;
-moz-transform-origin: 100% 50%;
-moz-animation: rotateCarouselRightIn .8s both ease;
transform-origin: 100% 50%;
animation: rotateCarouselRightIn .8s both ease;
}
.pt-page-rotateCarouselTopOut {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotateCarouselTopOut .8s both ease;
-moz-transform-origin: 50% 100%;
-moz-animation: rotateCarouselTopOut .8s both ease;
transform-origin: 50% 100%;
animation: rotateCarouselTopOut .8s both ease;
}
.pt-page-rotateCarouselTopIn {
-webkit-transform-origin: 50% 0%;
-webkit-animation: rotateCarouselTopIn .8s both ease;
-moz-transform-origin: 50% 0%;
-moz-animation: rotateCarouselTopIn .8s both ease;
transform-origin: 50% 0%;
animation: rotateCarouselTopIn .8s both ease;
}
.pt-page-rotateCarouselBottomOut {
-webkit-transform-origin: 50% 0%;
-webkit-animation: rotateCarouselBottomOut .8s both ease;
-moz-transform-origin: 50% 0%;
-moz-animation: rotateCarouselBottomOut .8s both ease;
transform-origin: 50% 0%;
animation: rotateCarouselBottomOut .8s both ease;
}
.pt-page-rotateCarouselBottomIn {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotateCarouselBottomIn .8s both ease;
-moz-transform-origin: 50% 100%;
-moz-animation: rotateCarouselBottomIn .8s both ease;
transform-origin: 50% 100%;
animation: rotateCarouselBottomIn .8s both ease;
} .pt-page-rotateSidesOut {
-webkit-transform-origin: -50% 50%;
-webkit-animation: rotateSidesOut .5s both ease-in;
-moz-transform-origin: -50% 50%;
-moz-animation: rotateSidesOut .5s both ease-in;
transform-origin: -50% 50%;
animation: rotateSidesOut .5s both ease-in;
}
.pt-page-rotateSidesIn {
-webkit-transform-origin: 150% 50%;
-webkit-animation: rotateSidesIn .5s both ease-out;
-moz-transform-origin: 150% 50%;
-moz-animation: rotateSidesIn .5s both ease-out;
transform-origin: 150% 50%;
animation: rotateSidesIn .5s both ease-out;
} .pt-page-rotateSlideOut {
-webkit-animation: rotateSlideOut 1s both ease;
-moz-animation: rotateSlideOut 1s both ease;
animation: rotateSlideOut 1s both ease;
}
.pt-page-rotateSlideIn {
-webkit-animation: rotateSlideIn 1s both ease;
-moz-animation: rotateSlideIn 1s both ease;
animation: rotateSlideIn 1s both ease;
}  @-webkit-keyframes rotateRightSideFirst {
40% { -webkit-transform: rotateY(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@-moz-keyframes rotateRightSideFirst {
40% { -moz-transform: rotateY(15deg); opacity: .8; -moz-animation-timing-function: ease-out; }
100% { -moz-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateRightSideFirst {
40% { transform: rotateY(15deg); opacity: .8; animation-timing-function: ease-out; }
100% { transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@-webkit-keyframes rotateLeftSideFirst {
40% { -webkit-transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@-moz-keyframes rotateLeftSideFirst {
40% { -moz-transform: rotateY(-15deg); opacity: .8; -moz-animation-timing-function: ease-out; }
100% { -moz-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateLeftSideFirst {
40% { transform: rotateY(-15deg); opacity: .8; animation-timing-function: ease-out; }
100% { transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@-webkit-keyframes rotateTopSideFirst {
40% { -webkit-transform: rotateX(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@-moz-keyframes rotateTopSideFirst {
40% { -moz-transform: rotateX(15deg); opacity: .8; -moz-animation-timing-function: ease-out; }
100% { -moz-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateTopSideFirst {
40% { transform: rotateX(15deg); opacity: .8; animation-timing-function: ease-out; }
100% { transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@-webkit-keyframes rotateBottomSideFirst {
40% { -webkit-transform: rotateX(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@-moz-keyframes rotateBottomSideFirst {
40% { -moz-transform: rotateX(-15deg); opacity: .8; -moz-animation-timing-function: ease-out; }
100% { -moz-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateBottomSideFirst {
40% { transform: rotateX(-15deg); opacity: .8; animation-timing-function: ease-out; }
100% { transform: scale(0.8) translateZ(-200px); opacity:0; }
} @-webkit-keyframes flipOutRight {
to { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@-moz-keyframes flipOutRight {
to { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipOutRight {
to { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInLeft {
from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@-moz-keyframes flipInLeft {
from { -moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipInLeft {
from { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@-webkit-keyframes flipOutLeft {
to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@-moz-keyframes flipOutLeft {
to { -moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipOutLeft {
to { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInRight {
from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@-moz-keyframes flipInRight {
from { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipInRight {
from { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@-webkit-keyframes flipOutTop {
to { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@-moz-keyframes flipOutTop {
to { -moz-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipOutTop {
to { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInBottom {
from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@-moz-keyframes flipInBottom {
from { -moz-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipInBottom {
from { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@-webkit-keyframes flipOutBottom {
to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@-moz-keyframes flipOutBottom {
to { -moz-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipOutBottom {
to { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInTop {
from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@-moz-keyframes flipInTop {
from { -moz-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipInTop {
from { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
} @-webkit-keyframes rotateFall {
0% { -webkit-transform: rotateZ(0deg); }
20% { -webkit-transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; }
40% { -webkit-transform: rotateZ(17deg); }
60% { -webkit-transform: rotateZ(16deg); }
100% { -webkit-transform: translateY(100%) rotateZ(17deg); }
}
@-moz-keyframes rotateFall {
0% { -moz-transform: rotateZ(0deg); }
20% { -moz-transform: rotateZ(10deg); -moz-animation-timing-function: ease-out; }
40% { -moz-transform: rotateZ(17deg); }
60% { -moz-transform: rotateZ(16deg); }
100% { -moz-transform: translateY(100%) rotateZ(17deg); }
}
@keyframes rotateFall {
0% { transform: rotateZ(0deg); }
20% { transform: rotateZ(10deg); animation-timing-function: ease-out; }
40% { transform: rotateZ(17deg); }
60% { transform: rotateZ(16deg); }
100% { transform: translateY(100%) rotateZ(17deg); }
} @-webkit-keyframes rotateOutNewspaper {
to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
@-moz-keyframes rotateOutNewspaper {
to { -moz-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
@keyframes rotateOutNewspaper {
to { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
@-webkit-keyframes rotateInNewspaper {
from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; }
}
@-moz-keyframes rotateInNewspaper {
from { -moz-transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; }
}
@keyframes rotateInNewspaper {
from { transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; }
} @-webkit-keyframes rotatePushLeft {
to { opacity: 0; -webkit-transform: rotateY(90deg); }
}
@-moz-keyframes rotatePushLeft {
to { opacity: 0; -moz-transform: rotateY(90deg); }
}
@keyframes rotatePushLeft {
to { opacity: 0; transform: rotateY(90deg); }
}
@-webkit-keyframes rotatePushRight {
to { opacity: 0; -webkit-transform: rotateY(-90deg); }
}
@-moz-keyframes rotatePushRight {
to { opacity: 0; -moz-transform: rotateY(-90deg); }
}
@keyframes rotatePushRight {
to { opacity: 0; transform: rotateY(-90deg); }
}
@-webkit-keyframes rotatePushTop {
to { opacity: 0; -webkit-transform: rotateX(-90deg); }
}
@-moz-keyframes rotatePushTop {
to { opacity: 0; -moz-transform: rotateX(-90deg); }
}
@keyframes rotatePushTop {
to { opacity: 0; transform: rotateX(-90deg); }
}
@-webkit-keyframes rotatePushBottom {
to { opacity: 0; -webkit-transform: rotateX(90deg); }
}
@-moz-keyframes rotatePushBottom {
to { opacity: 0; -moz-transform: rotateX(90deg); }
}
@keyframes rotatePushBottom {
to { opacity: 0; transform: rotateX(90deg); }
} @-webkit-keyframes rotatePullRight {
from { opacity: 0; -webkit-transform: rotateY(-90deg); }
}
@-moz-keyframes rotatePullRight {
from { opacity: 0; -moz-transform: rotateY(-90deg); }
}
@keyframes rotatePullRight {
from { opacity: 0; transform: rotateY(-90deg); }
}
@-webkit-keyframes rotatePullLeft {
from { opacity: 0; -webkit-transform: rotateY(90deg); }
}
@-moz-keyframes rotatePullLeft {
from { opacity: 0; -moz-transform: rotateY(90deg); }
}
@keyframes rotatePullLeft {
from { opacity: 0; transform: rotateY(90deg); }
}
@-webkit-keyframes rotatePullTop {
from { opacity: 0; -webkit-transform: rotateX(-90deg); }
}
@-moz-keyframes rotatePullTop {
from { opacity: 0; -moz-transform: rotateX(-90deg); }
}
@keyframes rotatePullTop {
from { opacity: 0; transform: rotateX(-90deg); }
}
@-webkit-keyframes rotatePullBottom {
from { opacity: 0; -webkit-transform: rotateX(90deg); }
}
@-moz-keyframes rotatePullBottom {
from { opacity: 0; -moz-transform: rotateX(90deg); }
}
@keyframes rotatePullBottom {
from { opacity: 0; transform: rotateX(90deg); }
} @-webkit-keyframes rotateFoldRight {
to { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); }
}
@-moz-keyframes rotateFoldRight {
to { opacity: 0; -moz-transform: translateX(100%) rotateY(90deg); }
}
@keyframes rotateFoldRight {
to { opacity: 0; transform: translateX(100%) rotateY(90deg); }
}
@-webkit-keyframes rotateFoldLeft {
to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); }
}
@-moz-keyframes rotateFoldLeft {
to { opacity: 0; -moz-transform: translateX(-100%) rotateY(-90deg); }
}
@keyframes rotateFoldLeft {
to { opacity: 0; transform: translateX(-100%) rotateY(-90deg); }
}
@-webkit-keyframes rotateFoldTop {
to { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); }
}
@-moz-keyframes rotateFoldTop {
to { opacity: 0; -moz-transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateFoldTop {
to { opacity: 0; transform: translateY(-100%) rotateX(90deg); }
}
@-webkit-keyframes rotateFoldBottom {
to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@-moz-keyframes rotateFoldBottom {
to { opacity: 0; -moz-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateFoldBottom {
to { opacity: 0; transform: translateY(100%) rotateX(-90deg); }
} @-webkit-keyframes rotateUnfoldLeft {
from { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); }
}
@-moz-keyframes rotateUnfoldLeft {
from { opacity: 0; -moz-transform: translateX(-100%) rotateY(-90deg); }
}
@keyframes rotateUnfoldLeft {
from { opacity: 0; transform: translateX(-100%) rotateY(-90deg); }
}
@-webkit-keyframes rotateUnfoldRight {
from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); }
}
@-moz-keyframes rotateUnfoldRight {
from { opacity: 0; -moz-transform: translateX(100%) rotateY(90deg); }
}
@keyframes rotateUnfoldRight {
from { opacity: 0; transform: translateX(100%) rotateY(90deg); }
}
@-webkit-keyframes rotateUnfoldTop {
from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); }
}
@-moz-keyframes rotateUnfoldTop {
from { opacity: 0; -moz-transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateUnfoldTop {
from { opacity: 0; transform: translateY(-100%) rotateX(90deg); }
}
@-webkit-keyframes rotateUnfoldBottom {
from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@-moz-keyframes rotateUnfoldBottom {
from { opacity: 0; -moz-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateUnfoldBottom {
from { opacity: 0; transform: translateY(100%) rotateX(-90deg); }
} @-webkit-keyframes rotateRoomLeftOut {
to { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); }
}
@-moz-keyframes rotateRoomLeftOut {
to { opacity: .3; -moz-transform: translateX(-100%) rotateY(90deg); }
}
@keyframes rotateRoomLeftOut {
to { opacity: .3; transform: translateX(-100%) rotateY(90deg); }
}
@-webkit-keyframes rotateRoomLeftIn {
from { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); }
}
@-moz-keyframes rotateRoomLeftIn {
from { opacity: .3; -moz-transform: translateX(100%) rotateY(-90deg); }
}
@keyframes rotateRoomLeftIn {
from { opacity: .3; transform: translateX(100%) rotateY(-90deg); }
}
@-webkit-keyframes rotateRoomRightOut {
to { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); }
}
@-moz-keyframes rotateRoomRightOut {
to { opacity: .3; -moz-transform: translateX(100%) rotateY(-90deg); }
}
@keyframes rotateRoomRightOut {
to { opacity: .3; transform: translateX(100%) rotateY(-90deg); }
}
@-webkit-keyframes rotateRoomRightIn {
from { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); }
}
@-moz-keyframes rotateRoomRightIn {
from { opacity: .3; -moz-transform: translateX(-100%) rotateY(90deg); }
}
@keyframes rotateRoomRightIn {
from { opacity: .3; transform: translateX(-100%) rotateY(90deg); }
}
@-webkit-keyframes rotateRoomTopOut {
to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); }
}
@-moz-keyframes rotateRoomTopOut {
to { opacity: .3; -moz-transform: translateY(-100%) rotateX(-90deg); }
}
@keyframes rotateRoomTopOut {
to { opacity: .3; transform: translateY(-100%) rotateX(-90deg); }
}
@-webkit-keyframes rotateRoomTopIn {
from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); }
}
@-moz-keyframes rotateRoomTopIn {
from { opacity: .3; -moz-transform: translateY(100%) rotateX(90deg); }
}
@keyframes rotateRoomTopIn {
from { opacity: .3; transform: translateY(100%) rotateX(90deg); }
}
@-webkit-keyframes rotateRoomBottomOut {
to { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); }
}
@-moz-keyframes rotateRoomBottomOut {
to { opacity: .3; -moz-transform: translateY(100%) rotateX(90deg); }
}
@keyframes rotateRoomBottomOut {
to { opacity: .3; transform: translateY(100%) rotateX(90deg); }
}
@-webkit-keyframes rotateRoomBottomIn {
from { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); }
}
@-moz-keyframes rotateRoomBottomIn {
from { opacity: .3; -moz-transform: translateY(-100%) rotateX(-90deg); }
}
@keyframes rotateRoomBottomIn {
from { opacity: .3; transform: translateY(-100%) rotateX(-90deg); }
} @-webkit-keyframes rotateCubeLeftOut {
50% { -webkit-animation-timing-function: ease-out;  -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
100% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); }
}
@-moz-keyframes rotateCubeLeftOut {
50% { -moz-animation-timing-function: ease-out;  -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
100% { opacity: .3; -moz-transform: translateX(-100%) rotateY(-90deg); }
}
@keyframes rotateCubeLeftOut {
50% { animation-timing-function: ease-out;  transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
100% { opacity: .3; transform: translateX(-100%) rotateY(-90deg); }
}
@-webkit-keyframes rotateCubeLeftIn {
0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); }
50% { -webkit-animation-timing-function: ease-out;  -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
}
@-moz-keyframes rotateCubeLeftIn {
0% { opacity: .3; -moz-transform: translateX(100%) rotateY(90deg); }
50% { -moz-animation-timing-function: ease-out;  -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
}
@keyframes rotateCubeLeftIn {
0% { opacity: .3; transform: translateX(100%) rotateY(90deg); }
50% { animation-timing-function: ease-out;  transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
}
@-webkit-keyframes rotateCubeRightOut {
50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
100% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); }
}
@-moz-keyframes rotateCubeRightOut {
50% { -moz-animation-timing-function: ease-out; -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
100% { opacity: .3; -moz-transform: translateX(100%) rotateY(90deg); }
}
@keyframes rotateCubeRightOut {
50% { animation-timing-function: ease-out; transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
100% { opacity: .3; transform: translateX(100%) rotateY(90deg); }
}
@-webkit-keyframes rotateCubeRightIn {
0% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); }
50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
}
@-moz-keyframes rotateCubeRightIn {
0% { opacity: .3; -moz-transform: translateX(-100%) rotateY(-90deg); }
50% { -moz-animation-timing-function: ease-out; -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
}
@keyframes rotateCubeRightIn {
0% { opacity: .3; transform: translateX(-100%) rotateY(-90deg); }
50% { animation-timing-function: ease-out; transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
}
@-webkit-keyframes rotateCubeTopOut {
50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); }
}
@-moz-keyframes rotateCubeTopOut {
50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
100% { opacity: .3; -moz-transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateCubeTopOut {
50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
100% { opacity: .3; transform: translateY(-100%) rotateX(90deg); }
}
@-webkit-keyframes rotateCubeTopIn {
0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); }
50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}
@-moz-keyframes rotateCubeTopIn {
0% { opacity: .3; -moz-transform: translateY(100%) rotateX(-90deg); }
50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}
@keyframes rotateCubeTopIn {
0% { opacity: .3; transform: translateY(100%) rotateX(-90deg); }
50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}
@-webkit-keyframes rotateCubeBottomOut {
50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@-moz-keyframes rotateCubeBottomOut {
50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
100% { opacity: .3; -moz-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateCubeBottomOut {
50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
100% { opacity: .3; transform: translateY(100%) rotateX(-90deg); }
}
@-webkit-keyframes rotateCubeBottomIn {
0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); }
50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@-moz-keyframes rotateCubeBottomIn {
0% { opacity: .3; -moz-transform: translateY(-100%) rotateX(90deg); }
50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@keyframes rotateCubeBottomIn {
0% { opacity: .3; transform: translateY(-100%) rotateX(90deg); }
50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
} @-webkit-keyframes rotateCarouselLeftOut {
to { opacity: .3; -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg); }
}
@-moz-keyframes rotateCarouselLeftOut {
to { opacity: .3; -moz-transform: translateX(-150%) scale(.4) rotateY(-65deg); }
}
@keyframes rotateCarouselLeftOut {
to { opacity: .3; transform: translateX(-150%) scale(.4) rotateY(-65deg); }
}
@-webkit-keyframes rotateCarouselLeftIn {
from { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@-moz-keyframes rotateCarouselLeftIn {
from { opacity: .3; -moz-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@keyframes rotateCarouselLeftIn {
from { opacity: .3; transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@-webkit-keyframes rotateCarouselRightOut {
to { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@-moz-keyframes rotateCarouselRightOut {
to { opacity: .3; -moz-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@keyframes rotateCarouselRightOut {
to { opacity: .3; transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@-webkit-keyframes rotateCarouselRightIn {
from { opacity: .3; -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg); }
}
@-moz-keyframes rotateCarouselRightIn {
from { opacity: .3; -moz-transform: translateX(-200%) scale(.4) rotateY(-65deg); }
}
@keyframes rotateCarouselRightIn {
from { opacity: .3; transform: translateX(-200%) scale(.4) rotateY(-65deg); }
}
@-webkit-keyframes rotateCarouselTopOut {
to { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@-moz-keyframes rotateCarouselTopOut {
to { opacity: .3; -moz-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@keyframes rotateCarouselTopOut {
to { opacity: .3; transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@-webkit-keyframes rotateCarouselTopIn {
from { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@-moz-keyframes rotateCarouselTopIn {
from { opacity: .3; -moz-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@keyframes rotateCarouselTopIn {
from { opacity: .3; transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@-webkit-keyframes rotateCarouselBottomOut {
to { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@-moz-keyframes rotateCarouselBottomOut {
to { opacity: .3; -moz-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@keyframes rotateCarouselBottomOut {
to { opacity: .3; transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@-webkit-keyframes rotateCarouselBottomIn {
from { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@-moz-keyframes rotateCarouselBottomIn {
from { opacity: .3; -moz-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@keyframes rotateCarouselBottomIn {
from { opacity: .3; transform: translateY(-200%) scale(.4) rotateX(65deg); }
} @-webkit-keyframes rotateSidesOut {
to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); }
}
@-moz-keyframes rotateSidesOut {
to { opacity: 0; -moz-transform: translateZ(-500px) rotateY(90deg); }
}
@keyframes rotateSidesOut {
to { opacity: 0; transform: translateZ(-500px) rotateY(90deg); }
}
@-webkit-keyframes rotateSidesIn {
from { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); }
}
@-moz-keyframes rotateSidesIn {
from { opacity: 0; -moz-transform: translateZ(-500px) rotateY(-90deg); }
}
@keyframes rotateSidesIn {
from { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); }
} @-webkit-keyframes rotateSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes rotateSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes rotateSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes rotateSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes rotateSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes rotateSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
} .pt-page-delay100 {
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
animation-delay: .1s;
}
.pt-page-delay180 {
-webkit-animation-delay: .180s;
-moz-animation-delay: .180s;
animation-delay: .180s;
}
.pt-page-delay200 {
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
animation-delay: .2s;
}
.pt-page-delay300 {
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
animation-delay: .3s;
}
.pt-page-delay400 {
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
animation-delay: .4s;
}
.pt-page-delay500 {
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
}
.pt-page-delay700 {
-webkit-animation-delay: .7s;
-moz-animation-delay: .7s;
animation-delay: .7s;
}
.pt-page-delay1000 {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}@font-face {
font-family: 'itembridge';
src: url(../../../themes/Metrika_Wordpress_2.2/font/itembridge.eot);
src: url(../../../themes/Metrika_Wordpress_2.2/font/itembridge.eot%3F) format('embedded-opentype'), url(../../../themes/Metrika_Wordpress_2.2/font/itembridge.woff) format('woff'), url(../../../themes/Metrika_Wordpress_2.2/font/itembridge.ttf) format('truetype'), url(../../../themes/Metrika_Wordpress_2.2/font/itembridge.svg) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ib-icon-"]:before,
[class*=" ib-icon-"]:before {
font-family: 'itembridge';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
opacity: 0.8;
font-size: 20px;
line-height: 1;
}
.i-code{display: none;}
.ib-icon-keyboard-cable:before { content: '🀀'; } .ib-icon-wifi-router:before { content: '🀁'; } .ib-icon-camera:before { content: '🀂'; } .ib-icon-cloud-two:before { content: '🀃'; } .ib-icon-sun-and-rainy:before { content: '🀄'; } .ib-icon-smile-sad:before { content: '🀅'; } .ib-icon-mail-remove:before { content: '🀆'; } .ib-icon-ufo:before { content: '🀇'; } .ib-icon-diary-ask:before { content: '🀈'; } .ib-icon-mail-add:before { content: '🀉'; } .ib-icon-cart-empty-two:before { content: '🀊'; } .ib-icon-dustbin-empty:before { content: '🀋'; } .ib-icon-cutlery:before { content: '🀌'; } .ib-icon-color-palette:before { content: '🀍'; } .ib-icon-cart-add-two:before { content: '🀎'; } .ib-icon-diagram-three-quarters:before { content: '🀏'; } .ib-icon-rankings-two:before { content: '🀐'; } .ib-icon-media-paly:before { content: '🀑'; } .ib-icon-medicine-tablets:before { content: '🀒'; } .ib-icon-folder-two:before { content: '🀓'; } .ib-icon-cart2-add-four:before { content: '🀔'; } .ib-icon-wallet:before { content: '🀕'; } .ib-icon-folder-third:before { content: '🀖'; } .ib-icon-media-stop:before { content: '🀗'; } .ib-icon-equalizer-two:before { content: '🀘'; } .ib-icon-monitor-remove:before { content: '🀙'; } .ib-icon-flag:before { content: '🀚'; } .ib-icon-heart-remove:before { content: '🀛'; } .ib-icon-smile-smiley:before { content: '🀜'; } .ib-icon-medicine-emblem:before { content: '🀝'; } .ib-icon-scissors-blunt:before { content: '🀞'; } .ib-icon-chain:before { content: '🀟'; } .ib-icon-ink-pen-remove:before { content: '🀠'; } .ib-icon-hourglass:before { content: '🀡'; } .ib-icon-magnifier:before { content: '🀢'; } .ib-icon-bag-minus-three:before { content: '🀣'; } .ib-icon-package-square:before { content: '🀤'; } .ib-icon-cursor-press:before { content: '🀥'; } .ib-icon-Paper-cup-full:before { content: '🀦'; } .ib-icon-cart-remove-two:before { content: '🀧'; } .ib-icon-phone-book:before { content: '🀨'; } .ib-icon-code:before { content: '🀩'; } .ib-icon-sheet-added:before { content: '🀪'; } .ib-icon-cart2-added-four:before { content: '🀫'; } .ib-icon-diagram-half-fourth:before { content: '🀬'; } .ib-icon-settings:before { content: '🀭'; } .ib-icon-pan-on-fire:before { content: '🀮'; } .ib-icon-ice-cream:before { content: '🀯'; } .ib-icon-radiation:before { content: '🀰'; } .ib-icon-umbrella-opened:before { content: '🀱'; } .ib-icon-bag-minus-five:before { content: '🀲'; } .ib-icon-sensor-move-right-left-hand:before { content: '🀳'; } .ib-icon-lodge:before { content: '🀴'; } .ib-icon-football-ball:before { content: '🀵'; } .ib-icon-battery-empty:before { content: '🀶'; } .ib-icon-cart2-add:before { content: '🀷'; } .ib-icon-chemistry-two:before { content: '🀸'; } .ib-icon-download:before { content: '🀹'; } .ib-icon-media-forward:before { content: '🀺'; } .ib-icon-folder-like:before { content: '🀻'; } .ib-icon-yin-yang:before { content: '🀼'; } .ib-icon-charts:before { content: '🀽'; } .ib-icon-sheet-remove:before { content: '🀾'; } .ib-icon-apple:before { content: '🀿'; } .ib-icon-small-gift:before { content: '🁀'; } .ib-icon-ladybug:before { content: '🁁'; } .ib-icon-bag-add-one:before { content: '🁂'; } .ib-icon-lightning:before { content: '🁃'; } .ib-icon-target:before { content: '🁄'; } .ib-icon-bookmark-added:before { content: '🁅'; } .ib-icon-cart2-remove:before { content: '🁆'; } .ib-icon-magnet:before { content: '🁇'; } .ib-icon-globe:before { content: '🁈'; } .ib-icon-age-limit-21:before { content: '🁉'; } .ib-icon-sensor-touch-two:before { content: '🁊'; } .ib-icon-hand:before { content: '🁋'; } .ib-icon-signal-wifi:before { content: '🁌'; } .ib-icon-energy-water:before { content: '🁍'; } .ib-icon-cup:before { content: '🁎'; } .ib-icon-age-limit-6:before { content: '🁏'; } .ib-icon-sheet-add:before { content: '🁐'; } .ib-icon-gift-sophisticated:before { content: '🁑'; } .ib-icon-battery-full-two:before { content: '🁒'; } .ib-icon-signal-satellite-dish:before { content: '🁓'; } .ib-icon-trumpet:before { content: '🁔'; } .ib-icon-test-tube:before { content: '🁕'; } .ib-icon-monitor-brightness:before { content: '🁖'; } .ib-icon-mail-readed:before { content: '🁗'; } .ib-icon-movies:before { content: '🁘'; } .ib-icon-cart2-like-four:before { content: '🁙'; } .ib-icon-cart2-remove-three:before { content: '🁚'; } .ib-icon-cart2-added-three:before { content: '🁛'; } .ib-icon-folder-remove:before { content: '🁜'; } .ib-icon-airplane:before { content: '🁝'; } .ib-icon-bucket:before { content: '🁞'; } .ib-icon-mastes-cap:before { content: '🁟'; } .ib-icon-dualshock-bluetooth:before { content: '🁠'; } .ib-icon-retina-third:before { content: '🁡'; } .ib-icon-cherry:before { content: '🁢'; } .ib-icon-package-full:before { content: '🁣'; } .ib-icon-brash:before { content: '🁤'; } .ib-icon-sensor-move-right:before { content: '🁥'; } .ib-icon-flag-two:before { content: '🁦'; } .ib-icon-rankings-one:before { content: '🁧'; } .ib-icon-rocket:before { content: '🁨'; } .ib-icon-contact-book:before { content: '🁩'; } .ib-icon-bulb:before { content: '🁪'; } .ib-icon-new:before { content: '🁫'; } .ib-icon-banknotes:before { content: '🁬'; } .ib-icon-waymark-left:before { content: '🁭'; } .ib-icon-spray:before { content: '🁮'; } .ib-icon-judges-gavel:before { content: '🁯'; } .ib-icon-umbrella-rain:before { content: '🁰'; } .ib-icon-chacked:before { content: '🁱'; } .ib-icon-cart2-minus-three:before { content: '🁲'; } .ib-icon-user-to-wishlist:before { content: '🁳'; } .ib-icon-uah:before { content: '🁴'; } .ib-icon-badge-set:before { content: '🁵'; } .ib-icon-wineglass:before { content: '🁶'; } .ib-icon-note-tablet:before { content: '🁷'; } .ib-icon-magnifier-remove:before { content: '🁸'; } .ib-icon-shield-protected:before { content: '🁹'; } .ib-icon-cart2-minus-two:before { content: '🁺'; } .ib-icon-sheet-text:before { content: '🁻'; } .ib-icon-sensor-move-left:before { content: '🁼'; } .ib-icon-cart2-minus:before { content: '🁽'; } .ib-icon-playing-card-four:before { content: '🁾'; } .ib-icon-rome:before { content: '🁿'; } .ib-icon-heart-added:before { content: '🂀'; } .ib-icon-sony-psp:before { content: '🂁'; } .ib-icon-case:before { content: '🂂'; } .ib-icon-dualshock-cable:before { content: '🂃'; } .ib-icon-rankings-fifth:before { content: '🂄'; } .ib-icon-mail-close:before { content: '🂅'; } .ib-icon-bookmark-remove:before { content: '🂆'; } .ib-icon-bag-added:before { content: '🂇'; } .ib-icon-relay:before { content: '🂈'; } .ib-icon-train:before { content: '🂉'; } .ib-icon-chicken-leg:before { content: '🂊'; } .ib-icon-pizza:before { content: '🂋'; } .ib-icon-start button:before { content: '🂌'; } .ib-icon-percent:before { content: '🂍'; } .ib-icon-note:before { content: '🂎'; } .ib-icon-truck:before { content: '🂏'; } .ib-icon-playing-card-three:before { content: '🂐'; } .ib-icon-chess:before { content: '🂑'; } .ib-icon-bag-add-four:before { content: '🂒'; } .ib-icon-fire:before { content: '🂓'; } .ib-icon-office-board:before { content: '🂔'; } .ib-icon-bilboard-two:before { content: '🂕'; } .ib-icon-alarm-clock:before { content: '🂖'; } .ib-icon-monitor-added:before { content: '🂗'; } .ib-icon-sensor-zoom-in:before { content: '🂘'; } .ib-icon-bomb:before { content: '🂙'; } .ib-icon-sensor-touch:before { content: '🂚'; } .ib-icon-mouse-double-click:before { content: '🂛'; } .ib-icon-cocktail-glass-one:before { content: '🂜'; } .ib-icon-hamburger:before { content: '🂝'; } .ib-icon-wristwatch:before { content: '🂞'; } .ib-icon-rankings-third:before { content: '🂟'; } .ib-icon-bag-remove-four:before { content: '🂠'; } .ib-icon-bookmark-add:before { content: '🂡'; } .ib-icon-sweet:before { content: '🂢'; } .ib-icon-coin-pound:before { content: '🂣'; } .ib-icon-medicine-target:before { content: '🂤'; } .ib-icon-cart2-remove-four:before { content: '🂥'; } .ib-icon-bag-added-three:before { content: '🂦'; } .ib-icon-message:before { content: '🂧'; } .ib-icon-dialog-box-info:before { content: '🂨'; } .ib-icon-paper-cup:before { content: '🂩'; } .ib-icon-calculator:before { content: '🂪'; } .ib-icon-leaf:before { content: '🂫'; } .ib-icon-ruble:before { content: '🂬'; } .ib-icon-kegel:before { content: '🂭'; } .ib-icon-snowflake:before { content: '🂮'; } .ib-icon-sensor-move-left-left-hand:before { content: '🂯'; } .ib-icon-empty-package:before { content: '🂰'; } .ib-icon-crown:before { content: '🂱'; } .ib-icon-mail:before { content: '🂲'; } .ib-icon-bag-like-two:before { content: '🂳'; } .ib-icon-citylights:before { content: '🂴'; } .ib-icon-mail-delivered:before { content: '🂵'; } .ib-icon-womens-purse:before { content: '🂶'; } .ib-icon-chemistry-one:before { content: '🂷'; } .ib-icon-puzzle:before { content: '🂸'; } .ib-icon-palette:before { content: '🂹'; } .ib-icon-packman:before { content: '🂺'; } .ib-icon-sheet-close:before { content: '🂻'; } .ib-icon-sale:before { content: '🂼'; } .ib-icon-cloudy:before { content: '🂽'; } .ib-icon-aerostat:before { content: '🂾'; } .ib-icon-ink-pen:before { content: '🂿'; } .ib-icon-book-opened:before { content: '🃀'; } .ib-icon-ballon:before { content: '🃁'; } .ib-icon-flash-memory:before { content: '🃂'; } .ib-icon-ice-cream-two:before { content: '🃃'; } .ib-icon-bag-remove:before { content: '🃄'; } .ib-icon-bucket-drop:before { content: '🃅'; } .ib-icon-drop:before { content: '🃆'; } .ib-icon-monitor-target:before { content: '🃇'; } .ib-icon-bag-add-three:before { content: '🃈'; } .ib-icon-setting-up-two:before { content: '🃉'; } .ib-icon-shield:before { content: '🃊'; } .ib-icon-user-logout:before { content: '🃋'; } .ib-icon-mouse-right-click:before { content: '🃌'; } .ib-icon-printer:before { content: '🃍'; } .ib-icon-cup-two:before { content: '🃎'; } .ib-icon-tooth:before { content: '🃏'; } .ib-icon-cart-full-two:before { content: '🃐'; } .ib-icon-twist-double:before { content: '🃑'; } .ib-icon-age-limit-0:before { content: '🃒'; } .ib-icon-cart-add-three:before { content: '🃓'; } .ib-icon-medicine-syringe:before { content: '🃔'; } .ib-icon-pan:before { content: '🃕'; } .ib-icon-bawling-ball:before { content: '🃖'; } .ib-icon-energy-sun:before { content: '🃗'; } .ib-icon-diamond:before { content: '🃘'; } .ib-icon-dustbin-full:before { content: '🃙'; } .ib-icon-battery-80-percents:before { content: '🃚'; } .ib-icon-cart-remove-three:before { content: '🃛'; } .ib-icon-graph:before { content: '🃜'; } .ib-icon-skiing:before { content: '🃝'; } .ib-icon-money-bag:before { content: '🃞'; } .ib-icon-heart-add:before { content: '🃟'; } .ib-icon-settings-two:before { content: '🃠'; } .ib-icon-twist:before { content: '🃡'; } .ib-icon-mouse-bluetooth:before { content: '🃢'; } .ib-icon-cellphone:before { content: '🃣'; } .ib-icon-carriage:before { content: '🃤'; } .ib-icon-bow-tie:before { content: '🃥'; } .ib-icon-basketball-ball:before { content: '🃦'; } .ib-icon-diary-one:before { content: '🃧'; } .ib-icon-bag-like-three:before { content: '🃨'; } .ib-icon-pipette:before { content: '🃩'; } .ib-icon-medicine-tablet:before { content: '🃪'; } .ib-icon-disabled-sign:before { content: '🃫'; } .ib-icon-scissors-sharp:before { content: '🃬'; } .ib-icon-heart-close:before { content: '🃭'; } .ib-icon-cloud:before { content: '🃮'; } .ib-icon-cart2-add-three:before { content: '🃯'; } .ib-icon-calendar:before { content: '🃰'; } .ib-icon-pencil:before { content: '🃱'; } .ib-icon-question-mark:before { content: '🃲'; } .ib-icon-pen-felt:before { content: '🃳'; } .ib-icon-joystick:before { content: '🃴'; } .ib-icon-car:before { content: '🃵'; } .ib-icon-heart-lightning:before { content: '🃶'; } .ib-icon-calendar-two:before { content: '🃷'; } .ib-icon-mail-wishes:before { content: '🃸'; } .ib-icon-anchor:before { content: '🃹'; } .ib-icon-mail-favorites:before { content: '🃺'; } .ib-icon-coffe-cup-hot:before { content: '🃻'; } .ib-icon-tea:before { content: '🃼'; } .ib-icon-retina-one:before { content: '🃽'; } .ib-icon-horn:before { content: '🃾'; } .ib-icon-sound-zero:before { content: '🃿'; } .ib-icon-bag-added-two:before { content: '🄀'; } .ib-icon-place-pointer-set:before { content: '🄁'; } .ib-icon-shit-add-to-wishlist:before { content: '🄂'; } .ib-icon-playing-card-two:before { content: '🄃'; } .ib-icon-wine:before { content: '🄄'; } .ib-icon-signal-satellite:before { content: '🄅'; } .ib-icon-bed:before { content: '🄆'; } .ib-icon-cone:before { content: '🄇'; } .ib-icon-tram:before { content: '🄈'; } .ib-icon-cart2-like-three:before { content: '🄉'; } .ib-icon-monitor-close:before { content: '🄊'; } .ib-icon-wall-clock:before { content: '🄋'; } .ib-icon-rankings-fourth:before { content: '🄌'; } .ib-icon-equalizer-one:before { content: '🄍'; } .ib-icon-cart-full-one:before { content: '🄎'; } .ib-icon-umbrella-closed:before { content: '🄏'; } .ib-icon-sound-off:before { content: '🄐'; } .ib-icon-cart2-added:before { content: '🄑'; } .ib-icon-media-pause:before { content: '🄒'; } .ib-icon-monitor-heart:before { content: '🄓'; } .ib-icon-mouse:before { content: '🄔'; } .ib-icon-user:before { content: '🄕'; } .ib-icon-orange:before { content: '🄖'; } .ib-icon-sensor-scroll:before { content: '🄗'; } .ib-icon-signal-radio-spot:before { content: '🄘'; } .ib-icon-folder-add:before { content: '🄙'; } .ib-icon-dialog-box-question:before { content: '🄚'; } .ib-icon-cart2-remove-two:before { content: '🄛'; } .ib-icon-stopwatch:before { content: '🄜'; } .ib-icon-keyboard-blutooth:before { content: '🄝'; } .ib-icon-bag-remove-three:before { content: '🄞'; } .ib-icon-coffe-cup:before { content: '🄟'; } .ib-icon-sound-60-percent:before { content: '🄠'; } .ib-icon-scooter:before { content: '🄡'; } .ib-icon-bag-like-five:before { content: '🄢'; } .ib-icon-card:before { content: '🄣'; } .ib-icon-folder-added:before { content: '🄤'; } .ib-icon-user-add:before { content: '🄥'; } .ib-icon-lock:before { content: '🄦'; } .ib-icon-cursor-pointer:before { content: '🄧'; } .ib-icon-battery-full:before { content: '🄨'; } .ib-icon-finishing-flag:before { content: '🄩'; } .ib-icon-smile-surprised:before { content: '🄪'; } .ib-icon-simple-cart-added:before { content: '🄫'; } .ib-icon-cd:before { content: '🄬'; } .ib-icon-leaf-clear:before { content: '🄭'; } .ib-icon-balance:before { content: '🄮'; } .ib-icon-money-badge:before { content: '🄯'; } .ib-icon-wallet-with-money:before { content: '🄰'; } .ib-icon-ship:before { content: '🄱'; } .ib-icon-suitcase:before { content: '🄲'; } .ib-icon-responsive-one:before { content: '🄳'; } .ib-icon-play-point:before { content: '🄴'; } .ib-icon-clip:before { content: '🄵'; } .ib-icon-scissors:before { content: '🄶'; } .ib-icon-bill:before { content: '🄷'; } .ib-icon-discussion:before { content: '🄸'; } .ib-icon-unload:before { content: '🄹'; } .ib-icon-medicine-bag-target:before { content: '🄺'; } .ib-icon-diagram-half:before { content: '🄻'; } .ib-icon-cart2-like:before { content: '🄼'; } .ib-icon-age-limit-18:before { content: '🄽'; } .ib-icon-medicine-tablet-two:before { content: '🄾'; } .ib-icon-home:before { content: '🄿'; } .ib-icon-bag-remove-two:before { content: '🅀'; } .ib-icon-roller:before { content: '🅁'; } .ib-icon-media-backward:before { content: '🅂'; } .ib-icon-atom:before { content: '🅃'; } .ib-icon-package-half-full:before { content: '🅄'; } .ib-icon-brief-bag:before { content: '🅅'; } .ib-icon-bag-minus-two:before { content: '🅆'; } .ib-icon-setting-up:before { content: '🅇'; } .ib-icon-ball:before { content: '🅈'; } .ib-icon-f-k:before { content: '🅉'; } .ib-icon-bookmark-close:before { content: '🅊'; } .ib-icon-trailer:before { content: '🅋'; } .ib-icon-music-note-full:before { content: '🅌'; } .ib-icon-tv-set:before { content: '🅍'; } .ib-icon-at:before { content: '🅎'; } .ib-icon-age-limit-12:before { content: '🅏'; } .ib-icon-tablet-pc:before { content: '🅐'; } .ib-icon-dollar:before { content: '🅑'; } .ib-icon-battery-recharged:before { content: '🅒'; } .ib-icon-film:before { content: '🅓'; } .ib-icon-cursor-click:before { content: '🅔'; } .ib-icon-simple-cart-heart:before { content: '🅕'; } .ib-icon-double-bike:before { content: '🅖'; } .ib-icon-battery-10-percents:before { content: '🅗'; } .ib-icon-bicycle:before { content: '🅘'; } .ib-icon-battery-40-percents:before { content: '🅙'; } .ib-icon-cart2-like-two:before { content: '🅚'; } .ib-icon-mic:before { content: '🅛'; } .ib-icon-cocktail-glass:before { content: '🅜'; } .ib-icon-stop-sign:before { content: '🅝'; } .ib-icon-baseball:before { content: '🅞'; } .ib-icon-simple-cart-add:before { content: '🅟'; } .ib-icon-bus:before { content: '🅠'; } .ib-icon-medicine:before { content: '🅡'; } .ib-icon-cart2-added-two:before { content: '🅢'; } .ib-icon-qr-code:before { content: '🅣'; } .ib-icon-lock-two:before { content: '🅤'; } .ib-icon-simple-cart-close:before { content: '🅥'; } .ib-icon-heart:before { content: '🅦'; } .ib-icon-mouse-left-click:before { content: '🅧'; } .ib-icon-bookmark:before { content: '🅨'; } .ib-icon-sheet-clear:before { content: '🅩'; } .ib-icon-hanger:before { content: '🅪'; } .ib-icon-cocktail-glass-two:before { content: '🅫'; } .ib-icon-plus-minus:before { content: '🅬'; } .ib-icon-box:before { content: '🅭'; } .ib-icon-billiard:before { content: '🅮'; } .ib-icon-cart-empty-one:before { content: '🅯'; } .ib-icon-html-code:before { content: '🅰'; } .ib-icon-award:before { content: '🅱'; } .ib-icon-bodkin:before { content: '🅲'; } .ib-icon-sound-add:before { content: '🅳'; } .ib-icon-gift-simple:before { content: '🅴'; } .ib-icon-bag-add:before { content: '🅵'; } .ib-icon-bag-minus:before { content: '🅶'; } .ib-icon-diagram-fourth:before { content: '🅷'; } .ib-icon-exclamation-mark:before { content: '🅸'; } .ib-icon-checked:before { content: '🅹'; } .ib-icon-ink-pen-add:before { content: '🅺'; } .ib-icon-cart2-add-two:before { content: '🅻'; } .ib-icon-playing-card-one:before { content: '🅼'; } .ib-icon-bag-like-four:before { content: '🅽'; } .ib-icon-sound:before { content: '🅾'; } .ib-icon-waymark:before { content: '🅿'; } .ib-icon-cup-three:before { content: '🆀'; } .ib-icon-alarm:before { content: '🆁'; } .ib-icon-favorite-badge:before { content: '🆂'; } .ib-icon-glasses:before { content: '🆃'; } .ib-icon-sound-close:before { content: '🆄'; } .ib-icon-user-added:before { content: '🆅'; } .ib-icon-pedestal:before { content: '🆆'; } .ib-icon-floppy:before { content: '🆇'; } .ib-icon-sunny:before { content: '🆈'; } .ib-icon-place-pointer:before { content: '🆉'; } .ib-icon-star:before { content: '🆊'; } .ib-icon-sound-100-percent:before { content: '🆋'; } .ib-icon-sheet-add-to-favorites:before { content: '🆌'; } .ib-icon-headphones:before { content: '🆍'; } .ib-icon-library:before { content: '🆎'; } .ib-icon-apple-two:before { content: '🆏'; } .ib-icon-user-removed:before { content: '🆐'; } .ib-icon-open:before { content: '🆑'; } .ib-icon-sound-30-percent:before { content: '🆒'; } .ib-icon-badge-clean:before { content: '🆓'; } .ib-icon-rain:before { content: '🆔'; } .ib-icon-ball-two:before { content: '🆕'; } .ib-icon-ghost:before { content: '🆖'; } .ib-icon-energy-lamp:before { content: '🆗'; } .ib-icon-magnifier-set:before { content: '🆘'; } .ib-icon-retina-two:before { content: '🆙'; } .ib-icon-magnifier-web:before { content: '🆚'; } .ib-icon-magnifier-add:before { content: '🆛'; } .ib-icon-paper-cup-empty:before { content: '🆜'; } .ib-icon-signal:before { content: '🆝'; } .ib-icon-coin-dollar:before { content: '🆞'; } .ib-icon-bilboard:before { content: '🆟'; } .ib-icon-folder-close:before { content: '🆠'; } .ib-icon-wi-fi:before { content: '🆡'; } .ib-icon-monitoring:before { content: '🆢'; } .ib-icon-simple-cart-remove:before { content: '🆣'; } .ib-icon-paddle:before { content: '🆤'; } .ib-icon-key:before { content: '🆥'; } .ib-icon-lifebuoy:before { content: '🆦'; } .ib-icon-responsive-two:before { content: '🆧'; } .ib-icon-coin-hena:before { content: '🆨'; } .ib-icon-folder-one:before { content: '🆩'; } .ib-icon-hairdressers:before { content: '🆪'; } .ib-icon-ruler:before { content: '🆫'; } .ib-icon-barbell:before { content: '🆬'; } .ib-icon-submarine:before { content: '🆭'; } .ib-icon-music-note:before { content: '🆮'; } .ib-icon-weight:before { content: '🆯'; } .ib-icon-smiles-speechless:before { content: '🆰'; } .ib-icon-medal:before { content: '🆱'; } .ib-icon-bag-like:before { content: '🆲'; } .ib-icon-lightbulb:before { content: '🆳'; } .ib-icon-mouse-cable:before { content: '🆴'; } .ib-icon-cart2-minus-four:before { content: '🆵'; }@font-face {
font-family: 'social-icons';
src: url(../../../themes/Metrika_Wordpress_2.2/font/social-icons.eot%3F28036741);
src: url(../../../themes/Metrika_Wordpress_2.2/font/social-icons.eot%3F28036741) format('embedded-opentype'), url(../../../themes/Metrika_Wordpress_2.2/font/social-icons.woff%3F28036741) format('woff'), url(../../../themes/Metrika_Wordpress_2.2/font/social-icons.ttf%3F28036741) format('truetype'), url(../../../themes/Metrika_Wordpress_2.2/font/social-icons.svg%3F28036741) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'social-icons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: 0.2em;    }
.icon-duckduckgo:before { content: '\21'; } .icon-aim:before { content: '\22'; } .icon-delicious:before { content: '\23'; } .icon-paypal:before { content: '\24'; } .icon-flattr:before { content: '\25'; } .icon-android:before { content: '\26'; } .icon-eventful:before { content: '\27'; } .icon-smashmag:before { content: '\2a'; } .icon-gplus:before { content: '\2b'; } .icon-wikipedia:before { content: '\2c'; } .icon-lanyrd:before { content: '\2d'; } .icon-calendar:before { content: '\2e'; } .icon-stumbleupon:before { content: '\2f'; } .icon-fivehundredpx:before { content: '\30'; } .icon-pinterest:before { content: '\31'; } .icon-bitcoin:before { content: '\32'; } .icon-w3c:before { content: '\33'; } .icon-foursquare:before { content: '\34'; } .icon-html5:before { content: '\35'; } .icon-ie:before { content: '\36'; } .icon-call:before { content: '\37'; } .icon-grooveshark:before { content: '\38'; } .icon-ninetyninedesigns:before { content: '\39'; } .icon-forrst:before { content: '\3a'; } .icon-digg:before { content: '\3b'; } .icon-spotify:before { content: '\3d'; } .icon-reddit:before { content: '\3e'; } .icon-guest:before { content: '\3f'; } .icon-gowalla:before { content: '\40'; } .icon-appstore:before { content: '\41'; } .icon-blogger:before { content: '\42'; } .icon-cc:before { content: '\43'; } .icon-dribbble:before { content: '\44'; } .icon-evernote:before { content: '\45'; } .icon-flickr:before { content: '\46'; } .icon-google:before { content: '\47'; } .icon-viadeo:before { content: '\48'; } .icon-instapaper:before { content: '\49'; } .icon-weibo:before { content: '\4a'; } .icon-klout:before { content: '\4b'; } .icon-linkedin:before { content: '\4c'; } .icon-meetup:before { content: '\4d'; } .icon-vk:before { content: '\4e'; } .icon-plancast:before { content: '\50'; } .icon-disqus:before { content: '\51'; } .icon-rss:before { content: '\52'; } .icon-skype:before { content: '\53'; } .icon-twitter:before { content: '\54'; } .icon-youtube:before { content: '\55'; } .icon-vimeo:before { content: '\56'; } .icon-windows:before { content: '\57'; } .icon-xing:before { content: '\58'; } .icon-yahoo:before { content: '\59'; } .icon-chrome:before { content: '\5b'; } .icon-email:before { content: '\5d'; } .icon-macstore:before { content: '\5e'; } .icon-myspace:before { content: '\5f'; } .icon-podcast:before { content: '\60'; } .icon-amazon:before { content: '\61'; } .icon-steam:before { content: '\62'; } .icon-cloudapp:before { content: '\63'; } .icon-dropbox:before { content: '\64'; } .icon-ebay:before { content: '\65'; } .icon-facebook:before { content: '\66'; } .icon-github:before { content: '\67'; } .icon-googleplay:before { content: '\68'; } .icon-itunes:before { content: '\69'; } .icon-plurk:before { content: '\6a'; } .icon-songkick:before { content: '\6b'; } .icon-lastfm:before { content: '\6c'; } .icon-gmail:before { content: '\6d'; } .icon-pinboard:before { content: '\6e'; } .icon-openid:before { content: '\6f'; } .icon-quora:before { content: '\71'; } .icon-soundcloud:before { content: '\73'; } .icon-tumblr:before { content: '\74'; } .icon-eventasaurus:before { content: '\76'; } .icon-wordpress:before { content: '\77'; } .icon-yelp:before { content: '\79'; } .icon-intensedebate:before { content: '\7b'; } .icon-eventbrite:before { content: '\7c'; } .icon-scribd:before { content: '\7d'; } .icon-posterous:before { content: '\7e'; } .icon-stripe:before { content: '\a3'; } .icon-opentable:before { content: '\c7'; } .icon-cart:before { content: '\c9'; } .icon-print:before { content: '\d1'; } .icon-angellist:before { content: '\d6'; } .icon-instagram:before { content: '\dc'; } .icon-dwolla:before { content: '\e0'; } .icon-appnet:before { content: '\e1'; } .icon-statusnet:before { content: '\e2'; } .icon-acrobat:before { content: '\e3'; } .icon-drupal:before { content: '\e4'; } .icon-buffer:before { content: '\e5'; } .icon-pocket:before { content: '\e7'; } .icon-bitbucket:before { content: '\e9'; }.navi.row-fluid .span4:nth-child(4),
.navi.row-fluid .span4:nth-child(7),
.navi.row-fluid .span4:nth-child(10),
.navi.row-fluid .span4:nth-child(13),
.navi.row-fluid .span4:nth-child(16){
margin-left: 0;
}
.navi.row-fluid .span4{
margin-top: 30px;
}
.navi.row-fluid .span4:nth-child(1),
.navi.row-fluid .span4:nth-child(2),
.navi.row-fluid .span4:nth-child(3){
margin-top: 0;
}
.navi a{
position: relative;
}
.navi a span{
position: absolute;
bottom: 8px;
left: 11px;
font-weight: 300;
}
a.small-navi i{
display: block;
height: 100%;
width: 100%;
}
a.small-navi i:before{
color: #ffffff;
opacity: .9;
font-size: 64px;
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 121px;
}
a.middle-navi i{
width: 100%;
height: 100%;
text-align: center;
display: block;
line-height: 172px;
padding-left: 9px;
}
a.middle-navi i:before{
color: #ffffff;
opacity: .9;
font-size: 64px;
}
a.big-navi i{
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 365px;
}
a.big-navi i:before{
color: #ffffff;
opacity: .9;
font-size: 176px;
display: inline-block;
padding-left: 28px;
}
a.big-navi.span2 i:before{
font-size: 96px;
}
a.big-navi.span2 i{
line-height: 330px;
}
.first.small-navi {
float: left;
margin-right: 10.06711409395973%;
}
.second.small-navi {
float: left;
}
.bottom.middle-navi {
float: left;
margin-top: 30px;
}
.top.middle-navi {
margin-bottom: 30px;
}
.navi a{
opacity: .9;
} .default-menu ul{
text-align: center;
margin: 0;
list-style: none;
}
.default-menu ul li{
vertical-align: top;
display: inline-block;
margin-bottom: 4px;
-webkit-transition: background-color 250ms ease-out;
-moz-transition: background-color 250ms ease-out;
-o-transition: background-color 250ms ease-out;
transition: background-color 250ms ease-out;
}
.default-menu ul li:hover{
background-color: #323232!important;
}
.default-menu ul li a{
display: inline-block;
margin: 0!important;
color: #ffffff;
background-color: transparent!important;
padding: 15px 20px!important;
white-space: nowrap;
}
.default-menu ul li a:hover{
text-decoration: none!important;
}
.default-menu ul li ul li{
margin-bottom: 0;
}
.default-menu a{
opacity: .9;
} .social-bar-white li a{
border: solid 2px #ffffff;
border-radius: 50%;
text-align: center;
padding-top: 2px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.social-bar-black li a,
.social-bar2.black li a{
border: solid 2px #000000;
border-radius: 50%;
text-align: center;
padding-top: 2px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.social-bar-white i{
color: #ffffff;
}
.social-bar-black i,
.social-bar2.black i{
color: #000000;
}
.social-bar-white li a:hover,
.social-bar-black li a:hover,
.social-bar2.black li a:hover{
opacity: 1;
} input::-webkit-input-placeholder {color: #d68f2a;}
input:-moz-placeholder {color: #d68f2a;}
input::-moz-placeholder {color: #d68f2a;}
input:-ms-input-placeholder {color: #d68f2a;}
textarea::-webkit-input-placeholder {color: #d68f2a;}
textarea:-moz-placeholder {color: #d68f2a;}
textarea::-moz-placeholder {color: #d68f2a;}
textarea:-ms-input-placeholder {color: #d68f2a;} .page-404{
position: absolute;
height: 300px;
width: 400px;
top: 50%;
margin-top: -150px;
left: 50%;
margin-left: -200px;
}
.page-404 .number{
width: 130px;
float: left;
font-size: 190px;
}
.page-404 p{
text-align: center;
font-size: 32px;
position: relative;
top: -40px;
}
.page-404 a{
text-align: center;
display: block;
} .logo img{
max-height: 83px;
margin-left: 6px;
} .video-wrap iframe{
width: 100%;
} .tw-feed{
opacity: .9;
} p.form-submit{
margin: 0;
}
.comment-reply-title,
.comment-notes,
.logged-in-as{
display: none;
}
.comment-form-comment textarea{
width: 100%;
}
.comment-respond fieldset{
margin-bottom: 0!important;
} [class^="icon-"],
[class*=" icon-"] {
position: relative;
}
.icon-blogger{
font-size: 13px;
right: -1px;
}
.icon-facebook{
left: -1px;
top: 1px;
}
.icon-dribbble{
top: 1px;
}
.icon-twitter{
font-size: 13px;
left: -1px;
top: 1px;
}
.icon-vk{
left: -2px;
}
.icon-wikipedia,
.icon-gplus{
left: -1px;
top: 1px;
}
.icon-lastfm{
left: -3px;
top: 1px;
}
.icon-w3c{
left: -1px;
top: 1px;
}
.icon-ebay{
left: -3px;
}
.icon-weibo{
left: -2px;
top: 1px;
}
.icon-plancast{
left: -1px;
} .container .team-mate:nth-child(3n+1){
margin-left: 0;
} .resume a{
border-color: transparent!important;
color: #d06e39!important;
}
.resume a:hover{
color: #111111!important;
}
.menu-icon{
display: none;
}
#site-navigation .menu,
#site-navigation .menu ul{
list-style: none;
margin-top: 15px;
text-align: left;
}
#site-navigation .menu li,
#site-navigation .menu ul li{
display: block;
float: left;
padding: 0 11px;
margin-right: 11px;
position: relative;
margin-bottom: 10px;
}
#site-navigation .menu li:last-child,
#site-navigation .menu ul li:last-child{
padding-right: 0;
margin-right: 0;
}
#site-navigation .menu > li a,
#site-navigation .menu > ul li a{
color: #d06e39;
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
padding: 0 0 7px;
border-bottom: solid 2px transparent;
-webkit-transition: all .4s;
transition: all .4s;
}
#site-navigation .menu > li a:hover,
#site-navigation .menu > ul li a:hover{
text-decoration: none;
color: #111111;
}
#site-navigation li.current-menu-item > a{
color: #111111;
border-color: #d06e39;
}
#site-navigation .children,
#site-navigation .sub-menu{
position: absolute;
background-color: #fdf8f5;
width: 179px;
left: 0;
z-index: 1;
height: auto;
max-height: 0;
-webkit-transition: all .4s;
transition: all .4s;
visibility: hidden;
}
#site-navigation .children li,
#site-navigation .sub-menu li{
padding: 3px 11px 8px!important;
float: none!important;    
}
#site-navigation .menu li:hover > .children,
#site-navigation .menu ul li:hover > .children,
#site-navigation .menu li:hover > .sub-menu,
#site-navigation .menu ul li:hover > .sub-menu{
visibility: visible;
height: auto;
max-height: 700px;
}
#site-navigation .children .children,
#site-navigation .sub-menu .sub-menu{
left: 179px;
top: 0;
margin: 0;
}
#site-navigation .children .children .children,
#site-navigation .sub-menu .sub-menu .sub-menu{
left: 0;
top: 100%;
} select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus{
opacity: 1;
}
input[type="email"]:invalid{
color: #c3293a;
border-left: 3px solid #c3293a;
padding-left: 17px;
box-shadow: none;
} .screen-reader-text{
display: none;
}
select, textarea, input[type="email"], 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{
border-radius: 0;
width: 99%;
height: 60px;
margin-bottom: 30px;
padding: 0 20px;
line-height: 60px;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.09em;
color: #d7902a;
opacity: 0.6;
filter: alpha(opacity=60);
border: none;
outline: none;
-webkit-transition: opacity 250ms ease-out;
-moz-transition: opacity 250ms ease-out;
-o-transition: opacity 250ms ease-out;
transition: opacity 250ms ease-out;
}
#secondary aside ul{
list-style: none;
}
a:focus{
text-decoration: none;
}
#secondary aside{
padding: 7px 10px 9px;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, .2);
color: #ffffff;
margin-bottom: 30px;
overflow: hidden;
}
#secondary aside h1{
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
color: #ffffff;
font-size: 22px;
padding-bottom: 11px;
}
#secondary aside h1 {
border-bottom: 1px solid rgba(255,255,255,0.2);
margin-bottom: 8px;
}
#secondary aside a{
display: block;
margin-top: 5px;
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
font-size: 14px;
color: #ffffff;
-webkit-transition: color .4s;
transition: color .4s;
}
#secondary aside a:hover{
text-decoration: none;
color: #111111;
}
#secondary input{
width: 100%;
}
#secondary table{
width: 100%;
}
.sub-header{
background-color: #d06e39;
}
.sub-header h1 {
padding-top: 40px;
padding-bottom: 26px;
font-size: 50px;
}
.sub-header .social-bar-white{
margin: 63px 0 0 0;
}
.blog-list article{
display: none;
}
.blog-list article.visible{
display: block;
}
#primary .recentcomments{
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
font-size: 14px;
}
#primary p{
color: #ffffff;
margin-bottom: 15px;
}
#primary .comment-author{
width: 50%;
float: left;
}
#primary .comment-metadata{
width: 50%;
float: left;
margin-top: 15px;
text-align: right;
}
#primary .comment-content{
clear: both;
margin-top: 10px;
}
.error404{
background: #d06e39;
}
.error404 footer{
display: none;
}
#primary #comments{
clear: both;
}
#primary .nav-previous,
#primary .nav-next{
width: 50%;
float: left;
}
#primary .nav-next{
text-align: right;
}
#primary #comments article,
.search article,
#primary .blog-list article{
background: rgba(255, 255, 255, .2);
}
#primary article{
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
color: #ffffff;
margin-bottom: 30px;
padding: 0 6px;
position: relative;
-webkit-transition: all .4s;
transition: all .4s;
}
#primary .blog-list article .entry-content{
font-size: 14px;
line-height: 21px;
}
#primary article .entry-content{
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
font-size: 16px;
padding-bottom: 9px;
line-height: 28px;
}
#primary a.blogpost > h2{
font-size: 1.6em;
line-height: 32px;
}
#primary a{
color: #ffffff;
}
#primary a:hover{
text-decoration: none;
}
#primary article .entry-meta{
margin-top: 3px;
margin-bottom: 19px;
font-size: 12px;
line-height: 28px;
}
#primary article .entry-meta a{
color: #ffffff;
}
#primary .entry-meta.span7{
text-align: right;
}
#primary .entry-meta.span7 > span{
margin-left: 10px;
}
#primary .blog-list article .entry-meta a:hover{
color: #d06e39;
text-decoration: none;
}
#primary article .reply{
padding-bottom: 7px;
padding-top: 7px;
text-align: right;
}
#primary article ol,
#primary article ul{
margin-left: 30px;
}
#primary .comment-form{
margin-bottom: 30px;
}
h2.comments-title,
#primary .comment-form p{
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
font-size: 30px;
color: #ffffff!important;
}
.form-allowed-tags{
display: none;
}
.entry-summary{
padding-bottom: 7px;
}
#primary article .post_link{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#primary .entry-header h1,
#primary .page-title{
color: #ffffff;
float: none;
max-width: none;
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
font-size: 30px;
}
#primary .entry-header h1 a,
#primary .page-title a{
color: #ffffff;
word-wrap: break-word;
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
}
.entry-content{
word-wrap: break-word;
}
#primary .entry-content form{
overflow: hidden;
}
#primary header{
padding-top: 0;
margin-bottom: 25px;
border-top: 1px solid rgba(255,255,255,0.2);
}
#primary footer{
padding-top: 15px;
text-align: right;
}
#primary .entry-content img{
max-width: 708px;
}
#primary .comment{
padding: 0;
}
.single-post-content .wp-caption,
.single-post-content img{
max-width: 954px;
}
.single-post-content .wp-caption p{
margin: 0;
}
#primary table{
width: 100%;
}
.wp-caption{
margin-bottom: 15px;
}
.wp-caption-text{
}
.sticky{
}
.gallery-caption{
}
.bypostauthor{
}
.alignright{
float: right;
margin-left: 10px;
}
.alignleft{
float: left;
margin-right: 10px;
}
.aligncenter{
margin-left: auto;
margin-right: auto;
}
.blogpost-row .span6{
display: none;
}
.blogpost-row .span6.visible{
display: block;
}
.entry-meta .ib-icon-bodkin{
display: none;
}
.sticky .entry-meta .ib-icon-bodkin,
.tag-sticky-2 .entry-meta .ib-icon-bodkin{
display: inline-block;
}
.sticky .entry-meta .ib-icon-bodkin:before,
.tag-sticky-2 .entry-meta .ib-icon-bodkin:before{
font-size: 22px;
}
.entry-thumbnail img {
display: block;
padding-top: 10px;
margin: 0 auto 10px;
}
img.wp-post-image {
height: auto;
max-width: 100%;
}
blockquote{
background: url(../../../themes/Metrika_Wordpress_2.2/img/quotes.png) no-repeat;
background-position: 0px 4px;
padding-left: 36px;
font-size: 14px;
}
blockquote p{
font-size: 14px;
}
#primary table{
border-spacing: 0px;
}
#primary table tr th{
text-align: left;
border-bottom: solid 1px rgba(255, 255, 255, .2);
padding: 0 2px 2px 5px;
}
#primary table tr td{
padding: 14px 28px 14px 5px;
border-bottom: solid 1px rgba(255, 255, 255, .2);
}
#primary table tr:last-child td{
border-bottom: none;
} body.login{
background-color: #d06e39;
}
#login h1{
display: none;
}
.login form {
margin-left: 8px;
padding: 26px 24px 46px;
font-weight: normal;
background: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.login form .input, .login input[type="text"] {
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
color: #d06e39;
font-weight: 300;
font-size: 14px;
line-height: 29px;
width: 100%;
padding: 3px 20px;
margin-top: 0px;
margin-right: 6px;
margin-bottom: 13px;
border: none;
background: #ffffff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.login label {
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
color: #fff;
font-size: 0px!important;
}
.login form .forgetmenot label{
font-size: 16px!important;
}
.login #nav a, .login #backtoblog a {
color: #fff!important;
opacity: .5;
}
.login #nav a:hover, .login #backtoblog a:hover{
opacity: 1;
}
.login #nav, .login #backtoblog {
text-shadow: none;
}
.login #nav a:hover, .login #backtoblog a:hover {
color: #fff!important;
}
.login #nav{
font-size: 0;
margin-top: 43px;
}
.login #nav a:first-child{
display: none;
}
.login #nav a{
font-size: 14px;
}
.login #nav, .login #backtoblog{
color: #fff;
}
.login-action-register p.submit{
margin-top: 0!important;
}
#login{
width: 100%;
max-width: 462px;
color: #fff;
}
.login-action-lostpassword #nav,
#reg_passmail{
display: none;
}
div.error, .login #login_error,
.login .message{
background: transparent;
border: none;
margin: -40px 0 0 4px;
font-family: 'Open Sans', Arial, sans-serif!important;
font-size: 24px;
opacity: .8;
line-height: 1;
}
.login #backtoblog{
display: none;
}
.login-header .home{
float: left;
margin-right: 20px;
}
.login-header h1{
color: #FFF;
font-weight: 300;
font-family: 'Open Sans', Arial, sans-serif!important;
font-size: 61px;
opacity: .8;
display: block;
float: left;
}
.login-sub-menu{
float: left;
margin-left: 26px;
margin-top: 12px;
}
.login-sub-menu a{
font-family: 'Open Sans', Arial, sans-serif!important;
white-space: nowrap;
color: #fff;
opacity: .8;
font-size: 22px;
filter: alpha(opacity=50);
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
text-decoration: none;
}
.login-sub-menu a:hover{
opacity: 1;
}
.login-header{
padding: 76px 60px 60px;
max-width: 1065px;
margin: auto;
}
.login-header .home a{
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
opacity: .8;
display: inline-block;
width: 32px;
height: 32px;
margin-right: 10px;
background: url(../../../themes/Metrika_Wordpress_2.2/img/icons_png/home.png) no-repeat;
background-image: url(../../../themes/Metrika_Wordpress_2.2/img/icons_svg/home.svg), none;
background-repeat: no-repeat;
text-indent: -99999px;
}
.login-header .home a:hover{
opacity: 1;
}
.login .checkbox{
width: 22px;
height: 22px;
display: inline-block;
background: #ffffff url(../../../themes/Metrika_Wordpress_2.2/img/checkbox.png);
margin-right: 5px;
position: relative;
top: 5px;
}
.login .checkbox.checked{
background: #ffffff url(../../../themes/Metrika_Wordpress_2.2/img/checkbox.png) no-repeat -21px 2px;
}
.login .forgetmenot{
margin-top: 32px;
}
.login .forgetmenot input{
position: absolute;
left: -99999px;
}
#login form p.submit{
margin-top: 17px;
}
.login.wp-core-ui .button-primary {
font-family: Segoe UI, 'Open Sans', Arial, sans-serif!important;
border-radius: 0;
background-color: #fff;
background-image: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #d7902a;
text-decoration: none;
text-shadow: none;
height: 60px;
line-height: 60px;
padding: 0 50px;
background-color: #FFF;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 24px;
color: #d7902a;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 250ms ease-out;
-moz-transition: opacity 250ms ease-out;
-o-transition: opacity 250ms ease-out;
transition: opacity 250ms ease-out;
} #primary .comment-list{
list-style: none;
}
#primary .comment-list li{
width: 100%;
margin-bottom: 0;
}
#primary .comment-list li .comment-meta{
text-align: left;
margin-bottom: 0;
font-size: 20px;
}
#primary .comment-list li .comment-meta{
font-size: 15px;
overflow: hidden;
}
#primary .comment-list li .comment-meta .fn{
font-size: 15px;
margin-left: 15px;
}
#primary .comment-list li .children{
margin-left: 30px;
} .default-footer{
height: 17px;
padding: 86px 0 24px;
}
.entry-header .container{
width: 100%;
}
.default-footer,
.archive,
#primary{
background-color: #d06e39;
opacity: 1;
}
.site-header .span9{
text-align: right;
}
#site-navigation{
display: inline-block;
}
.site-header{
padding: 0;
margin: 0;
background-color: rgba(255, 255, 255, .9);
}
.site-header h1{
font-size: 40px;
line-height: 64px;
}
.site-header .logo img{
max-height: 64px;
display: block;
}
.entry-content .container{
width: 100%;
}
.entry-content .team-mate{
height: 227px;
max-height: 227px;
}
.entry-content  .team-mate.expanded{
height: 100%;
max-height: 700px;
}
.entry-content .team-mate img{
width: 195px;
height: auto;
max-height: 215px;
}
#primary article footer{
height: auto;
}
#primary .blog-list article:hover *{
color: #d06e39!important;
}
#primary .blog-list article:hover{
background: rgba(255, 255, 255, 1);
}
#primary .blog-list article:hover .comments-icon{
background-position: -13px 0px;
}
#primary article ul.og-grid,
#primary article ul.social-bar2.black,
#primary article ul.social-bar2.white{
margin-left: 0;
}
#primary article ul.social-bar2.black li,
#primary article ul.social-bar2.white li{
margin-right: 6px;
}
#primary .team-mate:hover > a h2,
#primary .team-mate.expanded > a h2,
#primary .team-mate.expanded > a h3,
#primary .team-mate:hover > a h3{
color: #d06e39!important;
}
#primary article ul.social-bar2.black a,
#primary article ul.social-bar2.white a{
padding-top: 0px;
}
#primary article #feedback-form{
margin-top: 0;
padding: 0;
}
#primary .quotation-mark{
display: none;
}
#primary .works_item{
margin-bottom: 30px;
background-color: rgba(255, 255, 255, .2);
padding: 10px;
}
#primary .works_item .image{
width: 298px;
float: left
}
#primary .works_item .description{
width: 348px;
float: left;
margin-left: 20px;
}
#primary .works_item h2{
margin-bottom: 5px;
}
#primary .works_item h3{
font-size: 17px;
margin-bottom: 10px;
}
#primary .works_item .link{
font-size: 1.3em;
display: inline-block;
margin-top: 20px;
height: 60px;
line-height: 60px;
padding: 0 50px;
background-color: #d06e39;
-web-kit-transition: all .4s;
transition: all .4s;
}
#primary .works_item .link:hover{
background-color: #ffffff;
color: #d06e39;
}
#primary .span4.addspace{
width: 100%;
margin: 0 0 30px;
}
#primary .blogpost-row .span6:hover p{
color: #d06e39!important;
}
main{
display: block;
}
.site-header .logo a:hover{
text-decoration: none;
}
#primary .blogpost-row > .span6{
height: 200px;
}
#primary #commentform{
overflow: hidden;
}
#primary .quotation{
margin-bottom: 20px;
}
.section .container h1,
#primary .entry-content h1{
line-height: 1;
margin: 10px 0 10px -4px;
}
.section .container h2,
#primary .entry-content h2{
padding: 0;
font-size: 31.5px;
margin: 10px 0 10px -1px;
}
.section .container h4,
#primary .entry-content h4{
font-size: 1.3em;
}
.tw-feed-author a,
.tw-feed-author a:hover,
.tw-feed-author a:visited,
.tw-feed-author a:focus{
color: #0e9ec7;
}
.gallery_pagination{
margin-top: 2px;
}
.gallery_pagination a{
display: inline-block;
width: 15px!important;
height: 15px!important;
background: #343434;
text-indent: -999999px;
margin: 5px;
border-radius: 50%;
vertical-align: top;
opacity: .7;
}
.gallery_pagination a.selected{
opacity: 1;
width: 17px!important;
height: 17px!important;
margin: 4px;
}
.gallery_pagination a:hover{
width: 17px!important;
height: 17px!important;
margin: 4px;
}
@media (max-width: 980px) {
.login-header{
padding: 72px 72px 60px;
}
#primary .blogpost-row > .span6{
height: 220px;
}
.entry-content .team-mate img{
width: 142px;
}
.entry-content .team-mate{
height: 185px;
max-height: 185px;
}
#primary .works_item .image{
width: 100%;
text-align: center;
margin-bottom: 20px;
}
#site-navigation .menu li, #site-navigation .menu ul li{
float: none;
margin-bottom: 4px;
}
.menu-icon{
display: block;
}
#site-navigation{
height: auto;
max-height: 0;
overflow: hidden;
float: left;
margin-bottom: 10px;
-webkit-transition: all .6s;
transition: all .6s;
}
#site-navigation.open{
height: auto;
max-height: 700px;
}
.menu-icon{
width: 40px;
height: 40px;
float: right;
margin-top: 15px;
}
.menu-icon:hover{
cursor: pointer;
}
.menu-icon > div{
width: 40px;
height: 8px;
margin-bottom: 5px;
background-color: #d06e39;
}
.gallery_pagination {
margin-top: -85px;
}
}
@media (max-width: 767px) {
.gallery_pagination {
margin-top: -130px;
}
.login{
min-height: 670px;
}
#login{
overflow: hidden;
padding: 0;
}
.login form{
margin-left: 0;
padding: 50px 18px 46px;
}
.login-header h1{
clear: both;
line-height: 1;
margin-top: 16px;
}
.login-header{
padding: 20px 10px 10px;
overflow: hidden;
}
.login-sub-menu{
margin-top: 21px;
clear: both;
margin-left: 5px;
}
.entry-content .team-mate img{
width: 260px;
}
.entry-content .team-mate p{
padding: 0;
}
.entry-content .team-mate{
display: inline-block;
width: 280px;
height: 282px;
max-height: 282px;
}
#primary .team-container{
text-align: center;
}
.site-header .logo{
text-align: center;
}
.site-header .logo img{
display: inline-block;
}
.menu-icon{
margin-right: 5px;
}
.sub-header h1{
padding-top: 7px;
padding-bottom: 0px;
font-size: 49px;
}
#primary .entry-meta.span7{
text-align: left;
}
#primary .entry-meta.span7 > span{
margin-left: 0;
margin-right: 10px;
}
#primary article .entry-meta{
margin-top: -5px;
margin-bottom: 5px;
line-height: 17px;
}
#primary #submit{
padding: 0 20px;
}
}
@media (max-width: 400px) {
.login form .forgetmenot{
float: none;
}
#login form p.submit input{
margin-top: 10px;
float: none;
}
.login #nav{
margin-top: -25px;
margin-left: 4px;
}
}
.bg-opacity{
opacity: .9;
}
a.blogpost svg{
position: relative;
top: 5px;
}
.img_icon_container{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-align: center;
}
.small-navi .icon_img{
max-width: 50px;
max-height: 50px;
}
.small-navi .img_icon_container{
line-height: 160px;
}
.middle-navi .icon_img{
max-width: 65px;
max-height: 65px;
}
.middle-navi .img_icon_container{
line-height: 140px;
}
.big-navi .icon_img{
max-width: 130px;
max-height: 130px;
}
.big-navi .img_icon_container{
line-height: 344px;
}
.navi .menu_item{
position: relative;
margin-bottom: 30px;
display: block;
}
.navi i:before{
color: #ffffff;
opacity: 1;
}
.big-navi{
height: 298px;
}
.big-navi i{
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 365px;
}
.big-navi i:before{
font-size: 112px;
display: inline-block;
padding-left: 11px;
}
.big-navi .title{
font-size: 1.875em;
position: absolute;
bottom: 8px;
left: 11px;
right: 11px;
font-weight: 300;
}
.big-navi .img_icon_container {
line-height: 400px;
}
.big-navi.span2 .img_icon_container {
line-height: 300px;
}
.small-navi img{
max-width: 55px;
max-height: 55px;
}
.small-navi{
height: 134px;
}
.small-navi .title{
font-size: 1em;
position: absolute;
bottom: 8px;
left: 11px;
font-weight: 300;
}
.small-navi i{
width: 100%;
height: 100%;
line-height: 155px;
text-align: center;
display: block;
}
.small-navi i:before {
font-size: 64px;
}
.container.big{
width: 954px;
}
.container.middle{
width: 790px;
}
.container.small{
width: 626px;
}
.ui-accordion-header{
border: solid 1px;
padding: 4px 10px;
margin-top: 5px;
}
.ui-accordion-header:hover{
cursor: pointer;
}
.ui-accordion-content{
border: solid 1px #fff;
border-top: none;
padding: 5px 10px;
}
.ui-accordion-content ul,
.ui-accordion-content ol{
margin-left: 30px;
}
.ui-tabs-nav li{
list-style: none;
display: inline-block;
border: solid 1px #ffffff;
padding: 5px 15px;
border-bottom: none;
}
.ui-tabs-nav li a:hover,
.ui-tabs-nav li a{
color: #ffffff;
text-decoration: none;
outline: none;
}
.ui-tabs-panel{
border: 1px solid rgb(255, 255, 255);
padding: 5px 10px;
display: block;
}
.portfolio-toolbar a.category{
background: #ffffff;
margin-right: 10px;
margin-left: 5px;
margin-bottom: 20px;
padding: 10px 30px;
color: #010101;
display: block;
float: left;
}
.portfolio-toolbar a.active,
.portfolio-toolbar a:hover{
text-decoration: none;
opacity: .8;
}
.outer-wrapper > header h1{
line-height: 88px;
}
#preloader{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fafafa;
z-index: 99999;
}
#canvasloader-container{
position:absolute;
top:50%;
left:50%;
z-index: 999999;
}
@media (max-width: 979px) and (min-width: 768px) {
.pt-page header{
margin-bottom: 20px;
}
.submenu ul{
position: static;
}
.page1-submenu{
top: 0;
}
.submenu ul li:nth-child(n+10){
display: inline-block;
}
.container.big{
width: 724px;
}
.container.middle{
width: 600px;
}
.container.small{
width: 476px;
}
a.big-navi.span2 i:before{
padding-left: 6px;
}
}
@media (max-width: 767px) {
.pt-page header{
margin-bottom: 20px;
}
.pt-page-0 header{
margin-bottom: 60px;
}
.submenu ul{
position: static;
}
.page1-submenu{
top: 0;
}
.submenu ul li:nth-child(n+10){
display: inline-block;
}
.grid-sizer{
width: 49.6%;
}
.navi .menu_item.span4{
width: 99.6%;
}
.navi .menu_item{
margin-bottom: 3px;
width: 49.6%;
}
.container.big{
width: 100%;
}
.container.middle{
width: 100%;
}
.container.small{
width: 100%;
}
.navi .big-navi.menu_item{
width: 99.6%;
height: 271px;
margin-bottom: 3px;
margin-left: 0.4%;
}
.navi .big-navi.menu_item.span2{
width:  49.6%;
margin-bottom: 3px;
}
}
@media (max-width: 480px) {
.pt-page-0 header{
margin-bottom: 90px;
}
}.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
background-color: #ffffff;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.popover-title:empty {
display: none;
}
.popover-content {
padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow {
border-width: 11px;
}
.popover .arrow:after {
border-width: 10px;
content: "";
}
.popover.top .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}
.popover.top .arrow:after {
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #ffffff;
}
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #ffffff;
}
.popover.bottom .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px;
}
.popover.bottom .arrow:after {
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -10px;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}
.modal.fade {
-webkit-transition: opacity .3s linear, top .3s ease-out;
-moz-transition: opacity .3s linear, top .3s ease-out;
-o-transition: opacity .3s linear, top .3s ease-out;
transition: opacity .3s linear, top .3s ease-out;
top: -25%;
}
.modal.fade.in {
top: 10%;
}
.modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
}
.modal-header .close {
margin-top: 2px;
}
.modal-header h3 {
margin: 0;
line-height: 30px;
}
.modal-body {
position: relative;
overflow-y: auto;
max-height: 400px;
padding: 15px;
}
.modal-form {
margin-bottom: 0;
}
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
*zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: "";
line-height: 0;
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle {
*margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
.dropdown .caret {
margin-top: 8px;
margin-left: 2px;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 20px;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
text-decoration: none;
color: #ffffff;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: default;
}
.open {
*z-index: 1000;
}
.open > .dropdown-menu {
display: block;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #000000;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -2px;
-webkit-border-radius: 5px 5px 5px 0;
-moz-border-radius: 5px 5px 5px 0;
border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
padding-left: 20px;
padding-right: 20px;
}
.typeahead {
z-index: 1051;
margin-top: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.accordion {
margin-bottom: 20px;
}
.accordion-group {
margin-bottom: 2px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.accordion-heading {
border-bottom: 0;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
}
.accordion-toggle {
cursor: pointer;
}
.accordion-inner {
padding: 9px 15px;
border-top: 1px solid #e5e5e5;
}
.carousel {
position: relative;
margin-bottom: 20px;
line-height: 1;
}
.carousel-inner {
overflow: hidden;
width: 100%;
position: relative;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-moz-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 40%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #ffffff;
text-align: center;
background: #222222;
border: 3px solid #ffffff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.carousel-control.right {
left: auto;
right: 15px;
}
.carousel-control:hover,
.carousel-control:focus {
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-indicators {
position: absolute;
top: 15px;
right: 15px;
z-index: 5;
margin: 0;
list-style: none;
}
.carousel-indicators li {
display: block;
float: left;
width: 10px;
height: 10px;
margin-left: 5px;
text-indent: -999px;
background-color: #ccc;
background-color: rgba(255, 255, 255, 0.25);
border-radius: 5px;
}
.carousel-indicators .active {
background-color: #fff;
}
.carousel-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 15px;
background: #333333;
background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
color: #ffffff;
line-height: 20px;
}
.carousel-caption h4 {
margin: 0 0 5px;
}
.carousel-caption p {
margin-bottom: 0;
}@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}