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, em, img, ins, kbd, q, s, samp, small, strike, strong, 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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; } body {
background: #fff;
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 13px;
line-height:26px;
letter-spacing:1px;
color:#999999;	
-webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
-webkit-text-size-adjust: 100%;
}
html {
overflow-x:hidden; 
height:100%;
}
@media only screen and (max-width: 980px) {body{overflow-x:hidden;}} h1, h2, h3, h4, h5, h6 {
color: #414141;
font-family: 'big-john';
text-align:center;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 40px; line-height:46px; }
h2 { font-size: 34px; line-height:40px;}
h3 { font-size: 30px; line-height: 36px;}
h4 { font-size: 26px; line-height: 32px;}
h5 { font-size: 18px; line-height: 24px;letter-spacing:3px;}
h6 { font-size: 14px; line-height: 20px;letter-spacing:3px;}
p {  }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }
em { font-style: italic; }
strong { font-weight: 600;}
small { font-size: 80%; } blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #323a3d; border-width: 1px 0 0; clear: both; margin:0 10px 0 10px; height: 0; position:relative;} a, a:visited { text-decoration: none; }
a:hover, a:focus { color: #e74c3c;}
p a, p a:visited { line-height: inherit; text-decoration: none;}
a:focus{
outline:none;
} ul, ol { }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li {  }
li { line-height: 18px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; } .button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
background:#363636;	
margin-top:10px;
border:none;
color: #dfdfdf;
display: inline-block;
font-size: 16px;
cursor: pointer;
line-height: normal;
padding: 15px 25px;
-webkit-transition : all 0.3s ease-out;
-moz-transition : all 0.3s ease-out;
-o-transition :all 0.3s ease-out;
transition : all 0.3s ease-out; 
width:100%
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {	
color: #e74c3c;
background:#292929;	 }
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {	
color: #e74c3c;}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}  .remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 12.5px !important; }
.add-bottom { margin-bottom: 25px !important; }
.remove-top { margin-top: 0 !important; }
.half-top { margin-top: 12.5px !important; }
.add-top { margin-top: 25px !important; }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
::selection {
background: rgba(100,100,100,.2); }
::-moz-selection {
background: rgba(100,100,100,.2); }.container                                  { position: relative; width: 1320px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 25px; margin-right: 25px; margin-top: 25px; margin-bottom: 25px;}
.row                                        { margin-bottom: 50px; } .column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; } .container .one.column,
.container .one.columns                     { width: 60px;  }
.container .two.columns                     { width: 170px; }
.container .three.columns                   { width: 280px; }
.container .four.columns                    { width: 390px; }
.container .five.columns                    { width: 500px; }
.container .six.columns                     { width: 610px; }
.container .seven.columns                   { width: 720px; }
.container .eight.columns                   { width: 830px; }
.container .nine.columns                    { width: 940px; }
.container .ten.columns                     { width: 1050px; }
.container .eleven.columns                  { width: 1160px; }
.container .twelve.columns                  { width: 1270px; }
.container .one-fifth.column                { width: 214px; }
.container .two-fifths.column               { width: 478px; }
.container .three-fifths.column                { width: 742px; }
.container .four-fifths.column               { width: 1006px; } .container .offset-by-one                   { padding-left: 110px;  }
.container .offset-by-two                   { padding-left: 220px; }
.container .offset-by-three                 { padding-left: 330px; }
.container .offset-by-four                  { padding-left: 440px; }
.container .offset-by-five                  { padding-left: 550px; }
.container .offset-by-six                   { padding-left: 660px; }
.container .offset-by-seven                 { padding-left: 770px; }
.container .offset-by-eight                 { padding-left: 880px; }
.container .offset-by-nine                  { padding-left: 990px; }
.container .offset-by-ten                   { padding-left: 1100px; }
.container .offset-by-eleven                { padding-left: 1210px; } @media only screen and (min-width: 1200px) and (max-width: 1319px) {	
.container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;}
.row                                        { margin-bottom: 20px; } .column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; } .container .one.column,
.container .one.columns                     { width: 80px;  }
.container .two.columns                     { width: 180px; }
.container .three.columns                   { width: 280px; }
.container .four.columns                    { width: 380px; }
.container .five.columns                    { width: 480px; }
.container .six.columns                     { width: 580px; }
.container .seven.columns                   { width: 680px; }
.container .eight.columns                   { width: 780px; }
.container .nine.columns                    { width: 880px; }
.container .ten.columns                     { width: 980px; }
.container .eleven.columns                  { width: 1080px; }
.container .twelve.columns                  { width: 1180px; }
.container .one-fifth.column                { width: 220px; }
.container .two-fifths.column               { width: 460px; }
.container .three-fifths.column                { width: 700px; }
.container .four-fifths.column               { width: 940px; } .container .offset-by-one                   { padding-left: 100px;  }
.container .offset-by-two                   { padding-left: 200px; }
.container .offset-by-three                 { padding-left: 300px; }
.container .offset-by-four                  { padding-left: 400px; }
.container .offset-by-five                  { padding-left: 500px; }
.container .offset-by-six                   { padding-left: 600px; }
.container .offset-by-seven                 { padding-left: 700px; }
.container .offset-by-eight                 { padding-left: 800px; }
.container .offset-by-nine                  { padding-left: 900px; }
.container .offset-by-ten                   { padding-left: 1000px; }
.container .offset-by-eleven                { padding-left: 1100px; }	
} @media only screen and (min-width: 960px) and (max-width: 1199px) {
.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;}
.row                                        { margin-bottom: 20px; } .column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; } .container .one.column,
.container .one.columns                     { width: 60px;  }
.container .two.columns                     { width: 140px; }
.container .three.columns                   { width: 220px; }
.container .four.columns                    { width: 300px; }
.container .five.columns                    { width: 380px; }
.container .six.columns                     { width: 460px; }
.container .seven.columns                   { width: 540px; }
.container .eight.columns                   { width: 620px; }
.container .nine.columns                    { width: 700px; }
.container .ten.columns                     { width: 780px; }
.container .eleven.columns                  { width: 860px; }
.container .twelve.columns                  { width: 940px; }
.container .one-fifth.column                { width: 172px; }
.container .two-fifths.column               { width: 364px; }
.container .three-fifths.column                { width: 556px; }
.container .four-fifths.column               { width: 748px; } .container .offset-by-one                   { padding-left: 80px;  }
.container .offset-by-two                   { padding-left: 160px; }
.container .offset-by-three                 { padding-left: 240px; }
.container .offset-by-four                  { padding-left: 320px; }
.container .offset-by-five                  { padding-left: 400px; }
.container .offset-by-six                   { padding-left: 480px; }
.container .offset-by-seven                 { padding-left: 560px; }
.container .offset-by-eight                 { padding-left: 640px; }
.container .offset-by-nine                  { padding-left: 720px; }
.container .offset-by-ten                   { padding-left: 800px; }
.container .offset-by-eleven                { padding-left: 880px; }
}  @media only screen and (min-width: 768px) and (max-width: 959px) {
.container                                  { width: 768px; }
.container .column,
.container .columns                         { margin-left: 10px; margin-right: 10px;  margin-top: 10px; margin-bottom: 10px;}
.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
.alpha.omega                                { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns                     { width: 44px; }
.container .two.columns                     { width: 108px; }
.container .three.columns                   { width: 172px; }
.container .four.columns                    { width: 236px; }
.container .five.columns                    { width: 300px; }
.container .six.columns                     { width: 364px; }
.container .seven.columns                   { width: 428px; }
.container .eight.columns                   { width: 492px; }
.container .nine.columns                    { width: 556px; }
.container .ten.columns                     { width: 620px; }
.container .eleven.columns                  { width: 684px; }
.container .twelve.columns                  { width: 748px; }
.container .one-fifth.column                { width: 133.6px; }
.container .two-fifths.column               { width: 287.2px; }
.container .three-fifths.column                { width: 440.8px; }
.container .four-fifths.column               { width: 594.4px; } .container .offset-by-one                   { padding-left: 64px; }
.container .offset-by-two                   { padding-left: 128px; }
.container .offset-by-three                 { padding-left: 192px; }
.container .offset-by-four                  { padding-left: 256px; }
.container .offset-by-five                  { padding-left: 320px; }
.container .offset-by-six                   { padding-left: 384px; }
.container .offset-by-seven                 { padding-left: 448px; }
.container .offset-by-eight                 { padding-left: 512px; }
.container .offset-by-nine                  { padding-left: 576px; }
.container .offset-by-ten                   { padding-left: 640px; }
.container .offset-by-eleven                { padding-left: 704px; }
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.container .columns,
.container .column {  margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 10px;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .one-fifth.column,
.container .two-fifths.column,
.container .three-fifths.column, 
.container .four-fifths.column  { width: 420px; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven { padding-left: 0; }
} @media only screen and (min-width: 320px) and (max-width: 479px) {
.container { width: 300px; }
.container .columns,
.container .column {  margin-left: 0; margin-right: 0;  margin-top: 10px; margin-bottom: 10px;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .one-fifth.column,
.container .two-fifths.column,
.container .three-fifths.column, 
.container .four-fifths.column { width: 300px; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven { padding-left: 0; }
}  @media only screen and (max-width: 319px) {
.container { width: 220px; }
.container .columns,
.container .column { margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 10px;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .one-fifth.column,
.container .two-fifths.column,
.container .three-fifths.column, 
.container .four-fifths.column { width: 220px; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven { padding-left: 0; }
}  .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; } .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}.screen-reader-text {}
.wp-caption {max-width: 100%;}
.wp-caption-text{}
.sticky {}
.gallery-caption{}
.bypostauthor{}
.alignright {}
.alignleft{}
.aligncenter {}
img.aligncenter {
margin-left: auto;
margin-right: auto !important;
display: block;
clear: both;
margin-top: 5px;
width: auto !important;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
}
img.alignleft {
margin: 5px 20px 20px 0;
float: left;
width: auto !important;
}
.alignleft {
margin: 5px 10px 20px 0;
float: left;
}
img.alignright {
margin: 5px 0 20px 20px;
float: right;
width: auto !important;
}
.alignright {
margin: 5px 0 20px 20px;
float: right;
}
.transparent {
z-index:1;
display:block;
padding:100px 0;
position:relative;
}
pre, img {max-width: 100%;}
table,
th,
td {
border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin-bottom: 24px;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
padding: 5px 10px;
}
th {
border-width: 0 1px 1px 0;
font-weight: bold;
}
td {
border-width: 0 1px 1px 0;
}
dl {
margin-bottom: 24px;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 24px;
}
address {
font-style: italic;
margin-bottom: 24px;
}
cite {
color: #1a1a1a;
font-weight: bold;
}
pre, code {
background-color: #F9F9F9;
border-color: rgba(180,180,180,1);
border-style: solid;
border-width: 0px 0px 0px 4px;
display: block;
font-family: 'Open Sans', sans-serif;font-weight: 300;
font-size: 14px;
padding: 10px;
overflow: auto;
margin: 20px;
}
blockquote{background: #F9F9F9;padding: 20px;}
blockquote p{
font-size: 15px;
font-style: italic;
padding-bottom: 0;
} body.royal_preloader {
background: none;
visibility: hidden;
}
#royal_preloader {
font-family: Arial;
font-size: 12px;
visibility: visible;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: auto;
margin: 0;
z-index: 9999999999;
}
#royal_preloader.royal_preloader_number:before,
#royal_preloader.royal_preloader_progress:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
background-image: -moz-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
background-image: -ms-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
}
#royal_preloader.complete {
opacity: 0;
-webkit-transition: opacity 0.2s linear 0.5s;
-moz-transition: opacity 0.2s linear 0.5s;
-ms-transition: opacity 0.2s linear 0.5s;
-o-transition: opacity 0.2s linear 0.5s;
transition: opacity 0.2s linear 0.5s;
}
#royal_preloader.royal_preloader_line {
height: 2px;
bottom: auto;
} #royal_preloader.royal_preloader_number .royal_preloader_percentage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 20px;
color: #FFFFFF;
font-family: Impact, Arial;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
text-align: center;
-webkit-transition: all 0.3s linear 0.5s;
-moz-transition: all 0.3s linear 0.5s;
-ms-transition: all 0.3s linear 0.5s;
-o-transition: all 0.3s linear 0.5s;
transition: all 0.3s linear 0.5s;
}
#royal_preloader.royal_preloader_number .royal_preloader_percentage:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 50%;
}
#royal_preloader.royal_preloader_number .royal_preloader_percentage:after {
content: '';
position: absolute;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border: 4px solid transparent;
border-left-color: #FFFFFF;
border-radius: 50%;
-webkit-animation: rotate 0.8s linear infinite;
-moz-animation: rotate 0.8s linear infinite;
-ms-animation: rotate 0.8s linear infinite;
-o-animation: rotate 0.8s linear infinite;
animation: rotate 0.8s linear infinite;
} #royal_preloader.royal_preloader_line .royal_preloader_loader {
position: absolute;
height: 100%;
left: 0;
}
#royal_preloader.royal_preloader_line .royal_preloader_peg {
position: absolute;
right: 0;
height: 100%;
width: 100px;
opacity: 0.5;
} #royal_preloader.royal_preloader_text .royal_preloader_loader {
color: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
height: 30px;
line-height: 30px;
margin: auto;
letter-spacing: 3px;
font-size: 16px;
white-space: nowrap;
}
#royal_preloader.royal_preloader_text .royal_preloader_loader div {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0%;
background-color: #000000;
opacity: 0.7;
filter: alpha(opacity=70);
} #royal_preloader.royal_preloader_logo .royal_preloader_loader {
position: absolute;
left: 50%;
top: 50%;
margin: 0px;
overflow: hidden;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
border-radius: 5px;
}
#royal_preloader.royal_preloader_logo .royal_preloader_loader div {
position: absolute;
bottom: 0%;
left: 0px;
right: 0px;
height: 100%;
opacity: 0.7;
filter: alpha(opacity=70);
}
#royal_preloader.royal_preloader_logo .royal_preloader_percentage {
position: absolute;
top: 50%;
left: 50%;
height: 40px;
line-height: 40px;
margin: 0px;
color: #072E77;
text-align: center;
font-family: Arial;
font-size: 12px;
font-weight: bold;
} #royal_preloader.royal_preloader_progress .royal_preloader_percentage {
position: absolute;
top: 50%;
left: 0;
right: 0;
color: #212121;
margin-top:10px;
letter-spacing:2px;
font-family: 'Courgette';
font-size: 14px;
text-align: center;
}
#royal_preloader.royal_preloader_progress .royal_preloader_loader {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 10%;
height: 2px;
margin: -10px auto auto auto;
background-color: #bababa;
}
#royal_preloader.royal_preloader_progress .royal_preloader_meter {
width: 0;
height: 100%;
margin: auto;
padding: 0;
}
@-webkit-keyframes rotate {
0% { -webkit-transform: rotate(0);}
100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate {
0% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotate {
0% { -ms-transform: rotate(0); }
100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes rotate {
0% { -o-transform: rotate(0); }
100% { -o-transform: rotate(360deg); }
}
@keyframes rotate {
0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
} .header{
position: fixed;
width:100%;
top:0;
left:0;
z-index:100;
}
.logo-wrap {
display:block;
float:left;
}
.logo-wrap img{
width:120px;
height:auto;
display:block;
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.overflow-hidden { overflow: hidden;
}
.cd-container { width: 90%;
max-width: 768px;
margin: 0 auto;
}
.cd-container:after {
content: "";
display: table;
clear: both;
} .cd-header {
position: absolute;
padding-top:5px;
top: 0;
left: 0;
background: rgba(247, 247, 247, 0.95);
height: 50px;
width: 100%;
z-index: 3;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.logged-in.admin-bar .cd-header {top: 32px;}
@media only screen and (min-width: 768px) {
.cd-header {
height: 80px;
background: transparent;
box-shadow: none;
}
}
@media only screen and (min-width: 1170px) {
.cd-header {
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s; -webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-header.is-fixed { position: fixed;
top: -80px;
background-color: rgba(247, 247, 247, 0.96);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.logged-in.admin-bar .cd-header.is-fixed{top: -48px;}
.cd-header.is-visible { padding-top:5px;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.cd-header.menu-is-open { background-color: rgba(247, 247, 247, 0.96);
}
}
@media only screen and (min-width: 768px) {
.cd-secondary-nav {
display: block;
}
}
.cd-primary-nav-trigger {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
}
.cd-primary-nav-trigger .cd-menu-text {
color: #212121;
text-transform: uppercase;
font-weight: 700; display: none;
}
.cd-primary-nav-trigger .cd-menu-icon { display: inline-block;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 18px;
height: 2px;
background-color: #212121;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s; }
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color:  #212121;
right: 0;
-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
top: -5px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
top: 5px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
background-color:  #212121;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
top: 0;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
top: 0;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
@media only screen and (min-width: 768px) {
.cd-primary-nav-trigger {
width: 100px;
padding-left: 1em;
background-color: transparent;
height: 30px;
line-height: 30px;
right: 2.2em;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-primary-nav-trigger .cd-menu-text {
display: inline-block;
}
.cd-primary-nav-trigger .cd-menu-icon {
left: auto;
right: 1em;
-webkit-transform: translateX(0) translateY(-50%);
-moz-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
-o-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
}
}
.cd-primary-nav { position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(247, 247, 247, 0.96);
z-index: 2;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: auto; -webkit-overflow-scrolling: touch;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.cd-primary-nav ul.cd-scndr-nav{
position:absolute;
top: 50%;
width:100%;
max-width:300px;
left:50%;
margin-left:-150px;
-webkit-transform: translateY(-55%);
-moz-transform: translateY(-55%);
-ms-transform: translateY(-55%);
-o-transform: translateY(-55%);
transform: translateY(-55%);
}
@media only screen and (max-width: 300px) {
.cd-primary-nav ul.cd-scndr-nav{
left:0;
margin-left:0;
}
}
.cd-primary-nav li {
font-size: 11px;
font-weight: 700;
letter-spacing:2px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.cd-primary-nav a {
display: inline-block;
text-transform: uppercase;
padding: .6em 1.2em;
color:#212121;
-webkit-transition: background 0.3s, color 0.3s;
-moz-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.no-touch .cd-primary-nav a:hover {
color:#fff;
}
.cd-primary-nav .cd-label {
color: #212121;
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.cd-primary-nav.is-visible {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
@media only screen and (min-width: 1170px) {
.cd-primary-nav li {
font-size: 11px;
}
}
.cd-main-content {
position: relative;
z-index: 1;
}
.cd-main-content p {
}
@media only screen and (min-width: 1170px) {
.cd-main-content p {
}
}
.cd-label ul{
overflow: hidden;
max-height: 0;
transition:all 0.7s ease 0s;
-moz-transition:all 0.7s ease 0s;
-webkit-transition:all 0.7s ease 0s;
-o-transition:all 0.7s ease 0s;
}
.cd-label:hover ul{
margin-top:5px;
margin-bottom:10px;
max-height: 500px;
}
.cd-label ul a {
padding: .4em .7em;
}
a.curent-nav-color, li.active a, li.current-menu-ancestor.current-menu-parent > a {
color:#999999;
}
.social-nav{ 
position:absolute;
bottom:40px;
width:100%;
left:0;
z-index:100;
text-align:center;
margin:0 auto;
display:block;
}
.list-social-nav li {
padding:0; 
list-style: none;
text-align:center; 
width:50px;
height:30px;
display: inline-block;
border-right:1px solid #bdbdbd;
cursor:pointer;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social-nav li:last-child {
border-right:1px solid transparent;
}
.list-social-nav li.icon-soc-nav a {
font-family: 'FontAwesome';
font-size: 14px;
line-height: 30px;
width:50px;
color:#000;
opacity:1;
margin:0;
padding:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social-nav li:hover{
background:transparent;
}
.list-social-nav li:hover.icon-soc-nav a{
background:transparent;
} #menu-wrap{
position: fixed;
padding-bottom:10px;
width:100%;
z-index:500;
top:0;
left:0;
}
.logged-in.admin-bar #menu-wrap {top: 32px;}
#menu-wrap .container .columns  { 
margin-top: 10px;
margin-bottom: 10px;
}
.menu-back{
background: rgba(247,247,247,.8);
-webkit-transition : all 0.3s ease-out;
-moz-transition : all 0.3s ease-out;
-o-transition :all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.cbp-af-header {
-webkit-transition : all 0.3s ease-out;
-moz-transition : all 0.3s ease-out;
-o-transition :all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.cbp-af-header.cbp-af-header-shrink {
background: rgba(247,247,247,.95);
-webkit-transition : all 0.3s ease-out;
-moz-transition : all 0.3s ease-out;
-o-transition :all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.cbp-af-header.cbp-af-header-shrink .logo{
width:86px;
height:16px;
top:32px; 
-webkit-transition : all 0.3s ease-out;
-moz-transition : all 0.3s ease-out;
-o-transition :all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu {
margin-top:1px;
margin-bottom:0;
-webkit-transition : all 0.3s ease-out;
-moz-transition : all 0.3s ease-out;
-o-transition :all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li:first-child {
background:none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li ul li:first-child { 
background:none; 
}
ul.slimmenu li ul li a {
color: #000;
}
ul.slimmenu li ul li a:hover {
}
ul.slimmenu li ul li { 
background:none;
padding-left:0; }
ul.slimmenu li ul {
background:rgba(255,255,255,.95);
box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.logo{
position:absolute;
width:134px;
height:25px;
z-index:10000;
left:40px;
top:50px;
-webkit-transition : all 0.3s ease-out;
-moz-transition : all 0.3s ease-out;
-o-transition :all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.menu-collapser {
position: relative;
width: 100%;
height: 48px;
line-height: 48px;
font-size: 16px;
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
-webkit-transition : all 0.3s ease-out;
-moz-transition : all 0.3s ease-out;
-o-transition :all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.collapse-button {
position: absolute;
right: 8px;
top: 60%;
width: 40px;
background-image: linear-gradient(to bottom, #151515, #040404);
background-repeat: repeat-x;
border-style: solid;
border-width: 1px;
color: #000;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
padding: 7px 10px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
cursor: pointer;
font-size: 14px;
text-align: center;
transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
background-image: none;
background-color: #040404;
color: #FFF;
}
.collapse-button .icon-bar {
background-color: #fff;
border-radius: 1px 1px 1px 1px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
display: block;
height: 2px;
width: 18px;
margin: 2px 0;
}
ul.slimmenu {
padding-top:10px;
padding-right:10px;
text-align:right;
margin-top:23px;
margin-bottom:20px;
-webkit-transition : all 0.3s ease-out;
-moz-transition : all 0.3s ease-out;
-o-transition :all 0.3s ease-out;
transition : all 0.3s ease-out;
}
ul.slimmenu li {
position: relative;
display: inline-block;
background:url(//vitagraphics.net/wp-content/themes/metis/images/line.png) 0 14px no-repeat;
background-size:15px 10px;
padding-left:20px;
-webkit-transition : all 0.3s ease-out;
-moz-transition : all 0.3s ease-out;
-o-transition :all 0.3s ease-out;
transition : all 0.3s ease-out;
}
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right: 0 }
ul.slimmenu li a {
display: block;
color: #111111;
padding: 10px 0px;
cursor:pointer;
margin: 0px 12px;
font-family: 'Open Sans', sans-serif;
font-weight:700;
text-transform:uppercase;
letter-spacing:2px;
border-bottom:1px solid rgba(0,0,0,0);
font-size: 11px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
ul.slimmenu li a:hover {
text-decoration: none;
}
ul.slimmenu li:first-child {
background:none;
}
ul.slimmenu li .sub-collapser {
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 100%;
z-index: 999;
cursor: pointer;
}
ul.slimmenu li .sub-collapser:before {
display:none;
}
ul.slimmenu li .sub-collapser > i {
display:none;
}
ul.slimmenu li ul {
margin: 0;
list-style-type: none;
}
ul.slimmenu li ul a{
font-size:10px;
}
ul.slimmenu li ul li:first-child { 
background:none; }
ul.slimmenu li ul li {
background:none;
padding-left:0; }
ul.slimmenu li > ul {
display: none;
position: absolute;
text-align:left;
left: 0;
top: 100%;
z-index: 999;
width: 140%;
}
ul.slimmenu li > ul > li ul {
display: none;
position: absolute;
left: 100%;
top: 0;
z-index: 999;
width: 100%;
}
ul.slimmenu.collapsed {
padding:0;
margin:0;
}
ul.slimmenu.collapsed li {
display: block;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
ul.slimmenu.collapsed li a {
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li .sub-collapser {
height: 40px;
}
ul.slimmenu.collapsed li > ul {
display: none;
position: static;
} .tipper { height: 1px; left: -99999px; position: absolute; pointer-events: none; top: -99999px; width: 1px;z-index:100000; }
.tipper .tipper-content { background: rgba(0, 0, 0, 0.85);box-shadow: 0 0 25px rgba(0,0,0,0.5);text-transform:uppercase; border-radius: 2px; color: #fff; font-weight:500; display: block; float: left; font-family: 'Open Sans', sans-serif; font-size: 9px; margin: 0; letter-spacing:2px; padding: 4px 20px; position: relative; white-space: nowrap; }
.tipper .tipper-caret { background: url(//vitagraphics.net/wp-content/themes/metis/images/tipper-icon.png) no-repeat; display: block; height: 11px;  position: absolute; width: 100%; }
.tipper.right .tipper-content { box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25); }
.tipper.right .tipper-caret { background-position: left center; left: -5px; top: 0; }
.tipper.left .tipper-content { box-shadow: -1px 0 3px rgba(0, 0, 0, 0.25); }
.tipper.left .tipper-caret { background-position: right center; right: -5px; top: 0; }
.tipper.top .tipper-caret,
.tipper.bottom .tipper-caret { display: block; float: none; height: 5px;  width: 12px;margin-left:-6px; }
.tipper.top .tipper-content { box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25); }
.tipper.top .tipper-caret { background-position: center bottom; bottom: -5px; left: 0; text-align:center;}
.tipper.bottom .tipper-content { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
.tipper.bottom .tipper-caret { background-position: center top; top: -5px; left: 0; } .hero-top{
position:absolute;
bottom:15px;
left:0;
width:100%;
margin:0 auto;
z-index:100;
}
.hero-text{
position:relative;
width:100%;
}
.hero-text.back-white{
max-width:300px;
padding:30px;
display:block;
background:rgba(255,255,255,.9);
}
.hero-text h2{
text-align:left;
letter-spacing:4px;
}
.hero-text h4{
text-align:left;
letter-spacing:4px;
}
.hero-text h5{
text-align:left;
letter-spacing:4px;
}
.hero-text.right h5{
text-align:right;
}
.hero-text .hero-subtext{
position:relative;
width:100%;
padding-top:15px;
color:#000;
text-align:left;
letter-spacing:2px;
font-family: 'Courgette', cursive;
font-size: 17px;
line-height:27px;
}
.hero-text .hero-subtext-2{
position:relative;
width:100%;
padding-top:10px;
color:#999999;
text-align:left;
letter-spacing:2px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size: 11px;
line-height:24px;
}
.hero-text .hero-subtext-2.right{
text-align:right;
}
.hero-text .hero-subtext strong {font-weight: normal;}
a.scroll-down.float-right {
float:right;
}
a.scroll-down {
position:relative;
display: block;
height: 40px;
width: 40px;
border-radius:50%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: url(//vitagraphics.net/wp-content/themes/metis/images/cd-icon-arrow.svg) no-repeat center center;
background-color:#212121;
background-size:20px 20px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
*, *::after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body::before { content: 'mobile';
display: none;
}
@media only screen and (min-width: 1170px) {
body::before { content: 'desktop';
}
} 
@media only screen and (min-width: 1170px) {
.cd-section {
height: 100vh;
}
}
.cd-block {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-block {
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
}
.cd-section:first-of-type .cd-block {
visibility: visible;
height: 100vh;
background-color: #fff;
}
@media only screen and (min-width: 1170px) {
.cd-block {
position: fixed;
width: 100%;
min-height: 100vh;
top: 0;
left: 0;
height: 100vh;
box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
visibility: hidden;
}
.cd-section:first-of-type .cd-block {
visibility: visible;
}
.cd-block > * {
visibility: visible;
}
}
.cd-half-block {
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.bg-block{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.cd-half-block:nth-of-type(1) {
height: 80vh;
background-position: center center;
background-repeat: no-repeat;
}
.cd-half-block:nth-of-type(2) {
height: 80vh;
background-position: center center;
background-repeat: no-repeat;
}
@media only screen and (min-width: 1170px) {
.cd-half-block {
height: 100vh !important;
width: 50%;
position: absolute;
top: 0;
}
.cd-section:nth-of-type(even) .cd-half-block:first-of-type, .cd-section:nth-of-type(odd) .cd-half-block:nth-of-type(2) {
left: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cd-section:nth-of-type(odd) .cd-half-block:first-of-type, .cd-section:nth-of-type(even) .cd-half-block:nth-of-type(2) {
right: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}
.cd-vertical-nav {
position: fixed;
z-index: 3;
right: 2%;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: none;
}
.cd-vertical-nav a {
display: block;
height: 40px;
width: 40px;
border-radius:50%; overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: url(//vitagraphics.net/wp-content/themes/metis/images/cd-icon-arrow.svg) no-repeat center center;
background-color:#212121;
background-size:20px 20px;
-webkit-transition: opacity 0.2s 0s, visibility 0.2s 0s;
-moz-transition: opacity 0.2s 0s, visibility 0.2s 0s;
transition: opacity 0.2s 0s, visibility 0.2s 0s;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.cd-vertical-nav a.cd-prev {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
margin-bottom: 10px;
}
.cd-vertical-nav a.inactive {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
-moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
transition: opacity 0.2s 0s, visibility 0s 0.2s;
}
.cd-vertical-nav a.inactive1 {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
-moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
transition: opacity 0.2s 0s, visibility 0s 0.2s;
}
@media only screen and (min-width: 1170px) {
.cd-vertical-nav {
display: block;
}
}
.curtain-text{
position:relative;
display:block;
max-width:350px;
margin-left:6%;
padding:15px 30px;
z-index:5;
-webkit-transform: translateY(90%);
-moz-transform: translateY(90%);
-ms-transform: translateY(90%);
-o-transform: translateY(90%);
transform: translateY(90%);
}
.curtain-text h5{
text-align:left;
letter-spacing:4px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight:800;
font-size: 15px;
line-height:26px;
}
.curtain-text p{
color:#999999;
text-align:left;
letter-spacing:3px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size: 11px;
line-height:26px;
}
.curtain-text .arrow-right{
font-family: 'FontAwesome';
width:100%;
text-align:left;
font-size: 18px;
line-height:26px;
padding-top:30px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.curtain-text:hover .arrow-right{
padding-left:20px;
font-size: 24px;
} .poster_background_home { 
position: absolute; 
bottom: 0; 
left: 0;
top:0;
right:0;
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
width: 100%;
height: 100%;
z-index: -2;
overflow: hidden;
}
video#video_background_home { 
position: absolute;
top:50%;
left:50%;
min-width: 100%;
width: auto;
height: auto;
z-index: -1;
overflow: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
} .hero-top.on-youtube{
bottom:35px;
}
.mb_YTVPlayer :focus {
outline: 0;
}
.mb_YTVPlayer{
display:block;
overflow:hidden;
}
.mbYTP_wrapper iframe{
max-width: 4000px !important;
overflow:hidden;
}
.inline_YTPlayer{
margin-bottom: 20px;
vertical-align:top;
position:relative;
left:0;
overflow: hidden;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,.7);
background: rgba(0,0,0,.5);
}
.inline_YTPlayer img{
border: none!important;
transform: none!important;
} .mb_YTVPBar{
transition: opacity 1s;
width:100%;
height:30px;
padding:5px;
position:absolute;
bottom:0;
left:0;
box-sizing:padding-box;
text-align:left;
z-index: 1000;
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size: 13px;
line-height:24px;
opacity:.8;
}
.mb_YTVPBar:hover{
opacity:.9;
}
.mb_YTVPBar .buttonBar{
transition: all 1s;
background:rgba(5,5,5,.9);
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size: 13px;
line-height:24px;
position:absolute;
top:-17px;
left:0;
padding: 5px;
width:100%;
box-sizing: border-box;
}
.mb_YTVPBar:hover .buttonBar{
background:rgba(5,5,5,1);
}
.mb_YTVPBar span{
display:inline-block;
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size: 13px;
line-height:24px;
position:relative;
width: 30px;
height: 25px;
vertical-align: middle;
}
.mb_YTVPBar span.mb_YTVPTime {
float: none;
margin-right: 0px;
text-align: right;
width: 100px;
position: absolute;
top: 6px;
right: 20px;
}
.mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT {
position: absolute;
width: auto;
display:block;
top:6px;
right:20px;
cursor: pointer;
}
.mb_YTVPBar span.mb_YTVPUrl img{
width: 60px;
}
.mb_YTVPBar span.mb_OnlyYT {
left:185px;
right: auto;
}
.mb_YTVPBar span.mb_OnlyYT img{
width: 25px;
}
.mb_YTVPBar span.mb_YTVPUrl a{
color:white;
}
.mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{
cursor:pointer;
margin-left: 20px;
}
.mb_YTVPMuteUnmute{
cursor:pointer;
} .mb_YTVPProgress{
height:12px;
width:100%;
background:#111;
bottom:-2px;
left:0;
}
.mb_YTVPLoaded{
height:12px;
width:0;
background:#555;
left:0;
}
.mb_YTVTime{
height:12px;
width:0;
bottom:0;
left:0;
opacity:.6;
}
.YTPOverlay{ } .tooltip {
position: absolute;
z-index: 999;
width: 2.2em;
height: 2.2em;
cursor: pointer;
} .tooltip-item {
width: 20px;
height: 20px;
left: 50%;
top: 50%;
margin: -10px 0 0 -10px;
position: absolute;
border-radius: 50%;
-webkit-animation: pulse 0.6s infinite alternate;
animation: pulse 0.6s infinite alternate;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
@-webkit-keyframes pulse {
from { -webkit-transform: scale3d(0.5,0.5,1); }
to { -webkit-transform: scale3d(1,1,1); }
}
@keyframes pulse {
from { -webkit-transform: scale3d(0.5,0.5,1); transform: scale3d(0.5,0.5,1); }
to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}
.tooltip:hover .tooltip-item {
border-color: #212121;
}
.tooltip:first-child {
top: 40%;
left: 29%;
}
.tooltip:nth-child(2) {
top: 57%;
left: 58%;
}
.tooltip:nth-child(3) {
top: 26%;
left: 72%;
} .tooltip-content {
position: absolute;
background: #212121;
z-index: 9999;
width: 200px;
bottom: 50%;
margin-bottom: -1em;
padding: 18px 25px;
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 13px;
line-height:24px;
letter-spacing:2px;
font-style: italic;
border-radius: 20px;
text-align: center;
color: #fff;
opacity: 0;
cursor: default;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.tooltip-west .tooltip-content {
left: 4em;
-webkit-transform-origin: -2em 50%;
transform-origin: -2em 50%;
-webkit-transform: translate3d(0,50%,0) rotate3d(1,1,1,30deg);
transform: translate3d(0,50%,0) rotate3d(1,1,1,30deg);
}
.tooltip-east .tooltip-content {
right: 4em;
-webkit-transform-origin: calc(100% + 2em) 50%;
transform-origin: calc(100% + 2em) 50%;
-webkit-transform: translate3d(0,50%,0) rotate3d(1,1,1,-30deg);
transform: translate3d(0,50%,0) rotate3d(1,1,1,-30deg);
}
.tooltip:hover .tooltip-content {
opacity: 1;
-webkit-transform: translate3d(0,50%,0) rotate3d(0,0,0,0);
transform: translate3d(0,50%,0) rotate3d(0,0,0,0);
pointer-events: auto;
} .tooltip-content::before,
.tooltip-content::after {
content: '';
position: absolute;
}
.tooltip-content::before {
height: 100%;
width: 3em;
}
.tooltip-content::after {
width: 2em;
height: 2em;
top: 50%;
margin: -1em 0 0;
background: url(//vitagraphics.net/wp-content/themes/metis/images/tooltip2.svg) no-repeat center center;
background-size: 100%;
}
.tooltip-west .tooltip-content::before,
.tooltip-west .tooltip-content::after {
right: 99%; }
.tooltip-east .tooltip-content::before,
.tooltip-east .tooltip-content::after {
left: 99%; }
.tooltip-east .tooltip-content::after {
-webkit-transform: scale3d(-1,1,1);
transform: scale3d(-1,1,1);
} .parallax-about {
background-attachment: fixed;
background-repeat: repeat;
background-size: cover;
position: absolute;
top: 0; 
left: 0; 
right: 0;
bottom: 0;
z-index: -1;
width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-about { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {
.parallax-about { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 1400px) {
.parallax-about { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
.section-hidden{
overflow:hidden; 
}
.container.z-bigger{
z-index: 10; 
}
.hero-text.parallax-portfolio-hero{
margin-bottom:20px;
}
.hero-text.parallax-portfolio-hero .hero-subtext-2{
padding-top:10px;
font-size:12px;
color:#505050;
}
.parallax-portfolio-1 {
background-attachment: fixed;
background-repeat: repeat;
background-size: cover;
position: absolute;
top: 0; 
left: 0; 
right: 0;
bottom: 0;
z-index: 1;
width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-portfolio-1 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {
.parallax-portfolio-1 { background-size: cover; background-attachment: scroll; background-position: center center!important; }
}
@media only screen and (max-width: 1400px) {
.parallax-portfolio-1 { background-size: cover; background-attachment: scroll; background-position: center center!important; }
}
.parallax-portfolio-2 {
background-repeat: repeat;
background-attachment: fixed;
background-size: cover;
position: absolute;
top: 0; 
left: 0; 
right: 0;
bottom: 0;
z-index: 1;
width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-portfolio-2 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {
.parallax-portfolio-2 { background-size: cover; background-attachment: scroll; background-position: center center!important; }
}
@media only screen and (max-width: 1400px) {
.parallax-portfolio-2 { background-size: cover; background-attachment: scroll; background-position: center center!important; }
}
.parallax-portfolio-3 {
background-repeat: repeat;
background-attachment: fixed;
background-size: cover;
position: absolute;
top: 0; 
left: 0; 
right: 0;
bottom: 0;
z-index: 1;
width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-portfolio-3 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {
.parallax-portfolio-3 { background-size: cover; background-attachment: scroll; background-position: center center!important; }
}
@media only screen and (max-width: 1400px) {
.parallax-portfolio-3 { background-size: cover; background-attachment: scroll; background-position: center center!important; }
}
.parallax-portfolio-4 {
background-repeat: repeat;
background-attachment: fixed;
background-size: cover;
position: absolute;
top: 0; 
left: 0; 
right: 0;
bottom: 0;
z-index: 1;
width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-portfolio-4 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {
.parallax-portfolio-4 { background-size: cover; background-attachment: scroll; background-position: center center!important; }
}
@media only screen and (max-width: 1400px) {
.parallax-portfolio-4 { background-size: cover; background-attachment: scroll; background-position: center center!important; }
}
.parallax-portfolio-5, .parallax-portfolio-6, .parallax-portfolio-7,
.parallax-portfolio-8, .parallax-portfolio-9, .parallax-portfolio-10,
.parallax-portfolio-11, .parallax-portfolio-12, .parallax-portfolio-13,
.parallax-portfolio-14, .parallax-portfolio-15, .parallax-portfolio-16,
.parallax-portfolio-17, .parallax-portfolio-18, .parallax-portfolio-19, .parallax-portfolio-20 {
background-repeat: repeat;
background-attachment: fixed;
background-size: cover;
position: absolute;
top: 0; 
left: 0; 
right: 0;
bottom: 0;
z-index: 1;
width:100%;  
}
@media only screen and (min-width: 1930px) { 
.parallax-portfolio-5, .parallax-portfolio-6, .parallax-portfolio-7,
.parallax-portfolio-8, .parallax-portfolio-9, .parallax-portfolio-10,
.parallax-portfolio-11, .parallax-portfolio-12, .parallax-portfolio-13,
.parallax-portfolio-14, .parallax-portfolio-15, .parallax-portfolio-16,
.parallax-portfolio-17, .parallax-portfolio-18, .parallax-portfolio-19, .parallax-portfolio-20 { 
background-size: cover; 
} 
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {
.parallax-portfolio-5, .parallax-portfolio-6, .parallax-portfolio-7,
.parallax-portfolio-8, .parallax-portfolio-9, .parallax-portfolio-10,
.parallax-portfolio-11, .parallax-portfolio-12, .parallax-portfolio-13,
.parallax-portfolio-14, .parallax-portfolio-15, .parallax-portfolio-16,
.parallax-portfolio-17, .parallax-portfolio-18, .parallax-portfolio-19, .parallax-portfolio-20 { 
background-size: cover; background-attachment: scroll; background-position: center center!important; 
}
}
@media only screen and (max-width: 1400px) {
.parallax-portfolio-5, .parallax-portfolio-6, .parallax-portfolio-7,
.parallax-portfolio-8, .parallax-portfolio-9, .parallax-portfolio-10,
.parallax-portfolio-11, .parallax-portfolio-12, .parallax-portfolio-13,
.parallax-portfolio-14, .parallax-portfolio-15, .parallax-portfolio-16,
.parallax-portfolio-17, .parallax-portfolio-18, .parallax-portfolio-19, .parallax-portfolio-20 {
background-size: cover; background-attachment: scroll; background-position: center center!important; 
}
}
.more-left {
position:relative;
width:35px; 
height:35px;
background: url(//vitagraphics.net/wp-content/themes/metis/images/plus.png) no-repeat center center; 
background-size:11px 10px;
background-color:#000;
float:left;
margin-right:3px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
z-index:2;
cursor:pointer;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.more-left:hover {
}
.project-left-but{
position:relative;
width:65px; 
height:35px;
background: url(//vitagraphics.net/wp-content/themes/metis/images/grab-right-white.png) no-repeat center center; 
background-size:21px 10px;
background-color:#000;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
float:left;
z-index:2;
cursor:pointer;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
} .about-top{
position:relative;
width:100%;
margin:0 auto;
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
}
.shadow-sec{
box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}
.white-back{
background-color:#fff;
}
.main-wrapper{
position:relative;
width:100%;
margin:0 auto;
}
.section-in{
position:relative;
width:100%;
}
.padding-top-bottom{
padding-top:120px;
padding-bottom:120px;
}
.padding-top{
padding-top:120px;
}
.padding-bottom{
padding-bottom:120px;
}
.section-big-header-text {
position:relative;
width:100%;
}
.section-big-header-text h3{
padding-bottom:30px;
text-align:left;
color: #212121;
}
.section-big-header-text p{
font-weight:400;
font-size: 16px;
line-height:28px;
color:#777777;
letter-spacing:3px;
text-align:left;
padding-top:50px;
}
.section-big-header-text .line-big-header{
position:relative;
width:30px;
height:2px;
display:block;
}
.text-bottom-margin{
padding-bottom:15px;
}
.section-header-text {
position:relative;
width:100%;
margin-bottom:20px;
}
.section-header-text h5{
padding-bottom:10px;
text-align:center;
color: #212121;
}
.section-header-text p{
font-weight:400;
font-size: 15px;
line-height:24px;
color:#767676;
letter-spacing:3px;
text-align:center;
text-transform: capitalize;
padding-bottom:10px;
}
.section-header-text .line-header{
position:relative;
width:30px;
height:2px;
display:block;
margin:0 auto;
text-align:center;
margin-top:10px;
}
.team-wrap{
position:relative;
width:100%;
display:block;
}
.team-wrap .img-team-wrap{
position:relative;
width:100%;
display:block;
}
.team-wrap .img-team-wrap img{
width:100%;
height:auto;
display:block;
}
.team-wrap h6{
text-align:center;
padding-top:30px;
}
.team-wrap .job-position{
text-align:center;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-weight:600;
font-size: 10px;
letter-spacing:3px;
}
.team-wrap .img-team-wrap .team-mask{
position:absolute;
background:rgba(255,255,255,.8);
top:80%;
left:5%;
width:90%;
padding:20px;
z-index:5;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.team-wrap:hover .img-team-wrap .team-mask{
opacity:1;
top:50%;
}
.team-wrap .img-team-wrap .team-mask .quote{
text-align:center;
color:#000;
letter-spacing:2px;
font-family: 'Courgette', cursive;
font-size: 15px;
line-height:27px;
}
.social-team{ 
position:relative;
z-index:5;
text-align:center;
margin:0 auto;
display:block;
padding-top:20px;
}
.list-social-team li {
padding:0; 
list-style: none;
text-align:center; 
width:22px;
height:22px;
display: inline-block;
cursor:pointer;
margin-left:5px;
margin-right:5px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social-team li.icon-soc-team a {
font-family: 'FontAwesome';
font-size: 15px;
line-height: 22px;
width:22px;
color:#000;
opacity:1;
margin:0;
padding:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social-team li:hover{
}
.list-social-team li:hover.icon-soc-team a{
}
.services-list{ 
position:relative;
width:100%;
margin:0 auto;
}
.services-list .icons{ 
font-family: 'et-line';
width:100%;
text-align:center;
color:#212121;
font-size:40px;
line-height:40px;
padding-bottom:30px;
}
.services-list h6{ 
padding-bottom:20px;
text-align:center;
}
.services-list h6 a {
color: #414141;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.services-list p{ 
text-align:center;
}
.img-wrap{ 
position:relative;
width:100%;
margin:0 auto;
}
.img-wrap img{ 
width:100%;
height: auto;
display:block;
}
#owl-facts .item{
position:relative;
width:100%;
margin:0 auto;
}
.quote-about{ 
position:relative;
width:100%;
max-width:950px;
margin:0 auto;
padding-bottom:40px;
}
.quote-text{ 
text-align:center;
letter-spacing:2px;
font-family: 'Courgette', cursive;
font-size: 16px;
line-height:32px;
color:#333333;
}
.quote-text span{ 
font-size: 22px;
}
.quote-about h6{ 
text-align:center;
padding-top:30px;
}
.pricing-item{
position:relative;
width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border:1px solid rgba(100,100,100,.2);
padding:40px;
margin:0 auto;
text-align:center;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}
.pricing-item:hover{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pricing-item.popular{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pricing-item h6{
text-align:center;
padding-bottom:20px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.pricing-item ul li{
text-align:center;
padding-top:3px;
padding-bottom:3px;
text-transform: uppercase;
letter-spacing:2px;
font-size: 12px;
color:#626262;
line-height: 25px;
}
.pricing-item ul li strong{
font-weight:800;
}
.pricing-item .number-price{
position:relative;
width:100%;
font-family: 'Open Sans', sans-serif;
font-weight:100;
font-size: 44px;
line-height:44px;
color:#323232;
text-align:center;
padding-bottom:17px;
}
.pricing-item .number-price span{
font-family: 'FontAwesome';
font-size: 22px;
line-height:62px;
vertical-align:super;
font-weight:400;
padding-right:8px;
}
.pricing-item .number-price strong{
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height:54px;
vertical-align:-1%;
font-weight:600;
padding-right:0;
padding-left:5px;
}
.pricing-item a.price-link{
position:relative;
font-family: 'Open Sans', sans-serif;
text-align:center;
padding-top:10px;
padding-bottom:10px;
width:130px;
margin:0 auto;
margin-top:22px;
text-transform: uppercase;
letter-spacing:2px;
display:block;
background:#111111;
border-radius:3px;
font-size: 12px;
color:#fff;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.pricing-item a.price-link:hover{
color:#fff;
}
.logos{ 
position:relative;
width:100%;
margin:0 auto;
text-align:center;
}
.logos img{ 
width:110px;
height: auto;
display:block;
margin:0 auto;
text-align:center;
} .portfolio-top{
position:relative;
width:100%;
margin:0 auto;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
a.scroll-down-arrow{
position:absolute;
left:0;
bottom:0;
height:20%;
width:100%;
z-index:200;
cursor: url(//vitagraphics.net/wp-content/themes/metis/images/grab-down.png) 8 8, move !important;
}
#owl-top {
position:relative;
width:100%;
margin:0 auto;
}
#owl-top .item{
position:relative;
width:100%;
margin:0 auto;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
cursor: url(//vitagraphics.net/wp-content/themes/metis/images/grab-slider.png) 8 8, move !important;
z-index:2;
}
#owl-top.owl-theme .owl-controls .owl-buttons .owl-prev{
position:absolute;
left:0;
cursor: url(//vitagraphics.net/wp-content/themes/metis/images/grab-left.png) 8 8, move !important;
}
#owl-top.owl-theme .owl-controls .owl-buttons .owl-next{
position:absolute;
right:0;
cursor: url(//vitagraphics.net/wp-content/themes/metis/images/grab-right.png) 8 8, move !important;
}
#owl-top.owl-theme .owl-controls .owl-buttons .owl-next,
#owl-top.owl-theme .owl-controls .owl-buttons .owl-prev{
top:0;
width:30%;
height:100%;
z-index:1;
text-indent: 100%;
}
#bar{
width: 0%;
max-width: 100%;
height: 1px;
background: #212121;
}
#progressBar{
position:absolute;
top:0;
left:0;
width: 100%;
background: #EDEDED;
z-index:5;
}
#projects-grid{
position:relative;
text-align:center;
margin:0 auto;
width:calc(100% - 20px);
max-width:1360px;
}
#projects-grid:after {
content: '';
display: block;
clear: both;
}
.portfolio-box-1{
position:relative;
float:left;
width:33.3333333333%;
display:inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow:hidden;
margin-left:-1px;
-webkit-transform: translate3d(1px,0,0);
transform: translate3d(1px,0,0);
}
.portfolio-box-1 .mask-1{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
-moz-box-sizing: border-box;
border:25px solid #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background:rgba(0,0,0,0);
z-index:2;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.portfolio-box-1 .mask-1.no-border{
border:none;
}
.portfolio-box-1:hover .mask-1{
background:rgba(0,0,0,.9);
}
.portfolio-box-1 h6{
position:absolute;
top:60px;
left:120px;
color:#fff;
font-family: 'Open Sans', sans-serif;
font-weight:800;
font-size: 15px;
line-height:26px;
letter-spacing:4px;
text-transform: uppercase;
z-index:4;
opacity:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.portfolio-box-1.no-border h6{
top:50px;
}
.portfolio-box-1.no-border:hover h6{
left:50px;
opacity:1;
}
.portfolio-box-1:hover h6{
left:60px;
opacity:1;
}
.portfolio-box-1 p{
position:absolute;
top:95px;
left:120px;
color:#999999;
z-index:4;
opacity:0;
font-size:11px;
font-family: 'Open Sans', sans-serif;
font-weight:600;
line-height:14px;
text-align:left;  
letter-spacing:3px;
text-transform: uppercase;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.portfolio-box-1.no-border p{
top:85px;
}
.portfolio-box-1.no-border:hover p{
left:50px;
opacity:1;
-webkit-transition-delay:0.4s;
transition-delay:0.4s;
}
.portfolio-box-1:hover p{
left:60px;
opacity:1;
-webkit-transition-delay:0.4s;
transition-delay:0.4s;
}
.portfolio-box-1 img{
width:100%;
height:auto;
display:block;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.portfolio-box-1:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
#portfolio-filter {
position:relative;
width:100%;
text-align: center;
padding-bottom:10px;
}
#portfolio-filter.image-no-margin {
padding-bottom:35px;
}
#filter {
position:relative;
width:100%;
text-align: center;
}
#filter li {
display: inline-block;
text-align: center;
}
#filter:after {
content: '';
display: block;
clear: both;
}
#filter li a {
position: relative;
display: inline-block;
letter-spacing:3px;
font-family: 'Courgette', cursive;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px; 
margin-bottom:5px;
text-align: center;
outline: none;
color: #666666;
margin-left:10px;
margin-right:10px;
text-decoration: none;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:         top, left, opacity;
transition-property:         transform, opacity;
} .project-top{
position:relative;
width:100%;
margin:0 auto;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.gallery-image-wrap{
position: relative;
width: 100%;
margin:0 auto;
max-width:1360px;
overflow:hidden;
display: block;
}
.gallery-image-wrap:after {
content: '';
display: block;
clear: both;
}
.item-one-half {
position: relative;
background-color:#000;  
float: left;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:25px solid #fff;
overflow:hidden;
}
.item-one-half img{
width:100%;
height:auto;
display:block;
}
.item-one-half p{
padding-top:50px;
padding-left:50px;
padding-right:50px;
color:#f1f1f1;
text-align:center;
}
.item-one-half .credi{
letter-spacing:3px;
font-family: 'Courgette', cursive;
font-size:14px;
line-height:28px;
text-align:center;
padding-top:20px;
color:#fff;
padding-bottom:50px;
padding-left:50px;
padding-right:50px;
}
#owl-project .item{
position:relative;
width:100%;
}
#owl-project.owl-theme .owl-controls .owl-buttons .owl-prev{
position:absolute;
left:0;
cursor: url(//vitagraphics.net/wp-content/themes/metis/images/grab-left.png) 8 8, move !important;
}
#owl-project.owl-theme .owl-controls .owl-buttons .owl-next{
position:absolute;
right:0;
cursor: url(//vitagraphics.net/wp-content/themes/metis/images/grab-right.png) 8 8, move !important;
}
#owl-project.owl-theme .owl-controls .owl-buttons .owl-next,
#owl-project.owl-theme .owl-controls .owl-buttons .owl-prev{
top:0;
width:50%;
height:100%;
z-index:1;
text-indent: 100%;
}
#bar-project{
width: 0%;
max-width: 100%;
height: 3px;
background: #212121;
}
#progressBar-project{
position:absolute;
top:0;
left:0;
width: 100%;
background: #f1f1f1;
z-index:5;
}
.parallax-project {
background: url(//vitagraphics.net/wp-content/themes/metis/images/type.png) repeat fixed;  
overflow:hidden;
position: absolute;
top: 0; 
left: 0; 
right: 0;
bottom: 0;
z-index: 1;
width:100%;  
}
.project-next-prev{
position:relative;
width:100%;
overflow:hidden;
z-index: 5;
}
.project-next-prev:after {
content: '';
display: block;
clear: both;
}
.project-prev{
position:relative;
width:50%;
display:inline-block;
height:350px;
float:left;
background:url(//vitagraphics.net/wp-content/themes/metis/images/project-left.svg)no-repeat center center;
background-size:120px 120px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.project-prev .text,
.project-next .text{
position:absolute;
letter-spacing:3px;
font-family: 'Courgette', cursive;
width:100%;
left:0;
top:120%;
margin-top:-28px;
font-size:22px;
line-height:28px;
text-align:center;
color:#fff;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.project-prev:hover .text,
.project-next:hover .text{
top:50%;
}
.project-prev .text span,
.project-next .text span{
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size: 10px;
color:#b5b5b5;
line-height:28px;
letter-spacing:3px;
text-transform: uppercase;
}
.project-prev:hover{
background-position:center -100%;
}
.project-next{
position:relative;
width:50%;
display:inline-block;
height:350px;
float:right;
background:url(//vitagraphics.net/wp-content/themes/metis/images/project-right.svg)no-repeat center center;
background-size:120px 120px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.project-next:hover{
background-position:center -100%;
} .blog-sections.section-big-header-text h3{
text-align:center;
}
.blog-sections.section-big-header-text p{
text-align:center;
}
.blog-sections.section-big-header-text .line-big-header{
text-align:center;
margin:0 auto;
}
#blog-filter {
position:relative;
width:100%;
text-align: center;
padding-bottom:10px;
}
#filter2 {
position:relative;
width:100%;
text-align: center;
}
#filter2 li {
display: inline-block;
text-align: center;
}
#filter2:after {
content: '';
display: block;
clear: both;
}
#filter2 li a {
position: relative;
display: inline-block;
letter-spacing:3px;
font-family: 'Courgette', cursive;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px; 
margin-bottom:5px;
text-align: center;
outline: none;
color: #666666;
margin-left:10px;
margin-right:10px;
text-decoration: none;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
#filter2 li .current {
}
#filter2 li a:hover {
}
#blog-grid{
position:relative;
text-align:center;
margin:0 auto;
width:calc(100% - 20px);
max-width:1360px;
}
#blog-grid:after {
content: '';
display: block;
clear: both;
}
.blog-post{
position:relative;
float:left;
width:33.3333333333%;
border:25px solid #fff;
display:inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background:#f1f1f1;
padding-bottom:30px;
overflow:hidden;
margin-left:-1px;
-webkit-transform: translate3d(1px,0,0);
transform: translate3d(1px,0,0);
}
.blog-sidebar .blog-post {
width: 100%;
border: none;
margin-bottom: 50px;
}
.blog-post.width-2{
width:66.66666666666%;
margin-left:-3px;
-webkit-transform: translate3d(3px,0,0);
transform: translate3d(3px,0,0);
}
.blog-post img{
width:100%;
height:auto;
display:block;
}
.blog-post h6{
text-align:left;
padding-left:30px;
padding-right:30px;
padding-bottom:20px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.blog-post p{
text-align:left;
padding-left:30px;
padding-right:30px;
}
.blog-post .time-autor{
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
letter-spacing:2px;
font-weight:600;
font-size: 11px;
line-height:26px;
color:#999999;
padding-top:30px;
text-align:left;
padding-left:30px;
padding-right:30px;
}
.blog-post .time-autor span{
padding-left:10px;
}
.blog-post .arrow-to-post{
letter-spacing:2px;
font-family: 'Courgette', cursive;
font-size: 14px;
line-height:26px;
color:#606060;
text-align:left;
margin-left:30px;
margin-top:30px;
display:block;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.blog-post .arrow-to-post span{
font-family: 'FontAwesome';
padding-left:8px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.blog-post .arrow-to-post:hover span{
padding-left:15px;
}
.blog-post .arrow-to-post:hover{
color:#000;
}
.single-tags {margin-top: 25px;}
#owl-blog .item, .blog-slider .item{
position:relative;
width:100%;
}
#owl-blog.owl-theme .owl-controls .owl-buttons .owl-prev, .blog-slider .owl-theme .owl-controls .owl-buttons .owl-prev{
position:absolute;
left:0;
cursor: url(//vitagraphics.net/wp-content/themes/metis/images/grab-left.png) 8 8, move !important;
}
#owl-blog.owl-theme .owl-controls .owl-buttons .owl-next, .blog-slider .owl-theme .owl-controls .owl-buttons .owl-next {
position:absolute;
right:0;
cursor: url(//vitagraphics.net/wp-content/themes/metis/images/grab-right.png) 8 8, move !important;
}
#owl-blog.owl-theme .owl-controls .owl-buttons .owl-next,
#owl-blog.owl-theme .owl-controls .owl-buttons .owl-prev, 
.blog-slider .owl-theme .owl-controls .owl-buttons .owl-next, 
.blog-slider .owl-theme .owl-controls .owl-buttons .owl-prev{
top:0;
width:50%;
height:100%;
z-index:1;
text-indent: 100%;
}
#bar-blog{
width: 0%;
max-width: 100%;
height: 3px;
background: #212121;
}
#progressBar-blog{
position:absolute;
top:0;
left:0;
width: 100%;
background: #f1f1f1;
z-index:5;
}
.blog-post.quote-post, .blog-single.quote-post{
background:#000;
padding:40px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.blog-post.quote-post:hover, .blog-single.quote-post:hover{
background:#111;
}
.blog-post.quote-post h6, .blog-single.quote-post h6{
letter-spacing:2px;
font-family: 'Courgette', cursive;
font-size: 15px;
line-height:25px;
text-align:left;
padding-left:0;
padding-right:0;
padding-bottom:30px;
color:#fff;
}
.blog-post.quote-post h6:hover, .blog-single.quote-post h6:hover{
color:#fff;
}
.blog-post:hover.quote-post p{
}
.blog-post.quote-post p, .blog-single.quote-post p{
text-align:left;
text-transform:uppercase;
color:#fff;
font-weight:800;
letter-spacing:3px;
padding-left:0;
padding-right:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.project-arrows-wrapper{
position:relative;
width:100%;
}
.project-arrows-wrapper {
content: '';
display: block;
clear: both;
}
.project-arrow-left{
position:relative;
display:inline-block;
float:left;
height:60px;
width:200px;
min-width:100px;
background-image:url(//vitagraphics.net/wp-content/themes/metis/images/dark/project-left.svg);
background-position:center left;
background-repeat:no-repeat;
background-size:100px 100px;
}
.project-arrow-left p{
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size: 12px;
line-height:60px;
color:#828282;
text-align:left;
text-transform: uppercase;
letter-spacing:2px;
padding-left:40px;
opacity:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.project-arrow-left:hover p{
padding-left:90px;
opacity:1;
}
.project-arrow-right{
position:relative;
display:inline-block;
float:right;
height:60px;
width:200px;
min-width:100px;
background-image:url(//vitagraphics.net/wp-content/themes/metis/images/dark/project-right.svg);
background-position:center right;
background-repeat:no-repeat;
background-size:100px 100px;
}
.project-arrow-right p{
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size: 12px;
line-height:60px;
color:#828282;
text-align:right;
text-transform: uppercase;
letter-spacing:2px;
padding-right:40px;
opacity:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.project-arrow-right:hover p{
padding-right:90px;
opacity:1;
}
.commingsoon-logo {padding-bottom: 30px;}
nav[role="navigation"] {
text-align: center;
}
.cd-pagination {
width: 100%;
margin: 0 auto;
text-align: center;
}
.cd-pagination li { display: none;
margin: 0 .2em;
}
.cd-pagination li.button-pag { display: inline-block;
}
.cd-pagination a, .cd-pagination span {
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; font-size: 11px;
letter-spacing:2px;
font-weight:600;
}
.cd-pagination a {
border: 1px solid #e6e6e6;
border-radius: 0.25em;
color:#000;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.no-touch .cd-pagination a:hover {
background-color: #000;
border: 1px solid #000;
color:#fff;
}
.cd-pagination a:active { -webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.cd-pagination a.disabled { color:#fff;
pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
opacity: .4;
}
.cd-pagination .button-pag:first-of-type a::before {
content: '\00ab  ';
}
.cd-pagination .button-pag:last-of-type a::after {
content: ' \00bb';
}
.cd-pagination .current { color: #ffffff;
pointer-events: none;
}
@media only screen and (min-width: 768px) {
.cd-pagination li {
display: inline-block;
}
}
@media only screen and (min-width: 1170px) {
.cd-pagination {
}
} .cd-pagination.no-space {
width: auto;
max-width: none;
display: inline-block;
border-radius: 0.25em;
border: 1px solid #e6e6e6;
}
.cd-pagination.no-space:after {
content: "";
display: table;
clear: both;
}
.cd-pagination.no-space li {
margin: 0;
float: left;
border-right: 1px solid #e6e6e6;
}
.cd-pagination.no-space li:last-of-type {
border-right: none;
}
.cd-pagination.no-space a, .cd-pagination.no-space span {
float: left;
border-radius: 0;
border: none;
}
.cd-pagination.no-space li:first-of-type a {
border-radius: 0.25em 0 0 0.25em;
}
.cd-pagination.no-space li:last-of-type a {
border-radius: 0 0.25em 0.25em 0;
} .cd-pagination.move-buttons:after {
content: "";
display: table;
clear: both;
}
.cd-pagination.move-buttons .button-pag:first-of-type {
float: left;
}
.cd-pagination.move-buttons .button-pag:last-of-type {
float: right;
}
.cd-pagination.no-space.move-buttons {
width: 90%;
max-width: 768px;
display: block;
overflow: hidden;
}
.cd-pagination.no-space.move-buttons li {
float: none;
border: none;
}
.cd-pagination.no-space.move-buttons a, .cd-pagination.no-space.move-buttons span {
float: none;
} .cd-pagination.custom-icons .button-pag a {
position: relative;
}
.cd-pagination.custom-icons .button-pag:first-of-type a {
padding-left: 2.4em;
}
.cd-pagination.custom-icons .button-pag:last-of-type a {
padding-right: 2.4em;
}
.cd-pagination.custom-icons .button-pag:first-of-type a::before,
.cd-pagination.custom-icons .button-pag:last-of-type a::after {
content: '';
position: absolute;
display: inline-block; width: 16px;
height: 16px;
top: 50%; margin-top: -8px;
background: transparent url(//vitagraphics.net/wp-content/themes/metis/images/cd-icon-arrow-1.svg) no-repeat center center;
}
.cd-pagination.custom-icons .button-pag:first-of-type a::before {
left: .8em;
}
.cd-pagination.custom-icons .button-pag:last-of-type a::after {
right: .8em;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
} .cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span {
vertical-align: middle;
}
.cd-pagination.custom-buttons .button-pag a { width: 40px; overflow: hidden;
white-space: nowrap;
text-indent: 100%;
color: transparent;
background-image: url(//vitagraphics.net/wp-content/themes/metis/images/cd-icon-arrow-2.svg);
background-repeat: no-repeat;
background-position: center center;
}
.cd-pagination.custom-buttons .button-pag:last-of-type a {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.no-touch .cd-pagination.custom-buttons .button-pag:last-of-type a:active {
-webkit-transform: scale(0.9) rotate(180deg);
-moz-transform: scale(0.9) rotate(180deg);
-ms-transform: scale(0.9) rotate(180deg);
-o-transform: scale(0.9) rotate(180deg);
transform: scale(0.9) rotate(180deg);
}
.cd-pagination.no-space.custom-buttons .button-pag:last-of-type a {
border-radius: 0.25em 0 0 0.25em;
} .cd-pagination.animated-buttons a, .cd-pagination.animated-buttons span {
padding: 0 1.2em;
height: 35px;
line-height: 35px;
overflow: hidden;
}
.cd-pagination.animated-buttons .button-pag a {
position: relative;
padding: 0 2em;
}
.cd-pagination.animated-buttons .button-pag:first-of-type a::before,
.cd-pagination.animated-buttons .button-pag:last-of-type a::after {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
right: auto;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-pagination.animated-buttons .button-pag:last-of-type a::after {
-webkit-transform: translateX(-50%) rotate(180deg);
-moz-transform: translateX(-50%) rotate(180deg);
-ms-transform: translateX(-50%) rotate(180deg);
-o-transform: translateX(-50%) rotate(180deg);
transform: translateX(-50%) rotate(180deg);
}
.cd-pagination.animated-buttons i {
display: block;
height: 100%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.no-touch .cd-pagination.animated-buttons .button-pag a:hover i {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.no-touch .cd-pagination.animated-buttons .button-pag:first-of-type a:hover::before {
-webkit-transform: translateX(-50%) translateY(-50px);
-moz-transform: translateX(-50%) translateY(-50px);
-ms-transform: translateX(-50%) translateY(-50px);
-o-transform: translateX(-50%) translateY(-50px);
transform: translateX(-50%) translateY(-50px);
}
.no-touch .cd-pagination.animated-buttons .button-pag:last-of-type a:hover::after {
-webkit-transform: translateX(-50%) rotate(180deg) translateY(50px);
-moz-transform: translateX(-50%) rotate(180deg) translateY(50px);
-ms-transform: translateX(-50%) rotate(180deg) translateY(50px);
-o-transform: translateX(-50%) rotate(180deg) translateY(50px);
transform: translateX(-50%) rotate(180deg) translateY(50px);
} #owl-post .item{
position:relative;
width:100%;
}
#owl-post.owl-theme .owl-controls .owl-buttons .owl-prev{
position:absolute;
left:0;
cursor: url(//vitagraphics.net/wp-content/themes/metis/images/grab-left.png) 8 8, move !important;
}
#owl-post.owl-theme .owl-controls .owl-buttons .owl-next{
position:absolute;
right:0;
cursor: url(//vitagraphics.net/wp-content/themes/metis/images/grab-right.png) 8 8, move !important;
}
#owl-post.owl-theme .owl-controls .owl-buttons .owl-next,
#owl-post.owl-theme .owl-controls .owl-buttons .owl-prev{
top:0;
width:50%;
height:100%;
z-index:1;
text-indent: 100%;
}
.content-post{
position:relative;
width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background:#f1f1f1;
padding-bottom:30px;
overflow:hidden;
margin-bottom:50px;  
}
.content-post img{
width:100%;
height:auto;
display:block;
}
.content-post h5{
text-align:left;
padding-bottom:20px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
padding-right: 30px;
padding-left: 30px;
}
.content-post p{
text-align:left;
padding-right: 30px;
padding-left: 30px;
}
.content-post .time-autor{
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
letter-spacing:2px;
font-weight:600;
font-size: 11px;
line-height:26px;
color:#999999;
padding-top:30px;
text-align:left;  
padding-right: 30px;
padding-left: 30px;
}
.content-post .time-autor span{
padding-left:10px;
}
.content-post .quote-aut{
position:relative;
letter-spacing:2px;
font-family: 'Courgette', cursive;
font-size: 14px;
line-height:26px;
color:#000;
padding-top:30px;
padding-left:30px;
border-left:3px solid #999999;
padding-bottom:30px;
text-align:left;
margin-top:30px;
margin-bottom:30px;
margin-left:30px;
margin-right:30px;
}
.content-comm{
position:relative;
width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background:#f1f1f1;
padding:30px;
overflow:hidden;
margin-top:20px;
}
.content-comm.subcomm{
width:calc(100% - 50px);
margin-left:50px;
}
.content-comm:after {
content: '';
display: block;
clear: both;
}
.content-comm img {
width:150px;
height:auto;
display: block;
float:left;
margin-right:30px;
}
.content-comm .name-aut-replay{
position:relative;
display:block;
float:right;
letter-spacing:3px;
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
font-size: 11px;
line-height:26px;
color:#999999;
margin-top:30px;
text-align:left;
font-weight:600;
}
.content-comm .name-aut-replay span{
color:#777777;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.sidebar{
position:relative;
width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background:#f1f1f1;
padding:30px 30px 0px 30px;
overflow:hidden;
}
.sidebar input{
width:100%;
padding-left:20px;
padding-right:20px;
font-family: 'Open Sans', sans-serif;
font-weight:400;
letter-spacing:1px;
font-size: 12px;
line-height:22px;
padding-top: 15px;
padding-bottom: 15px;
background:#fff;
border:none;
color: #737373;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.sidebar input:active { 
color: #fff;
outline: none !important;
}
.sidebar input:hover {  
color: #737373;
outline: none !important;
}
.sidebar input:focus {
color: #fff;   
outline: none !important;
}
.sidebar input:-ms-input-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
}
.sidebar input::-moz-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
}
.sidebar input:-moz-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
}
.sidebar input::-webkit-input-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
}
.sidebar input:active:-ms-input-placeholder  {
color: #fff;
}
.sidebar input:active::-moz-placeholder  {
color: #fff;
}
.sidebar input:active:-moz-placeholder  {
color: #fff;
}
.sidebar input:active::-webkit-input-placeholder  {
color: #fff;
}
.sidebar input:focus:-ms-input-placeholder  {
color: #fff;
}
.sidebar input:focus::-moz-placeholder  {
color: #fff;
}
.sidebar input:focus:-moz-placeholder  {
color: #fff;
}
.sidebar input:focus::-webkit-input-placeholder  {
color: #fff;
}
.widget { 
position:relative;
width:100%;
padding-bottom:70px;
}
.sidebar h6{ 
text-align:left;
padding-bottom:30px;
}
.sidebar a {color: #101010;}
.widget_recent_entries ul, .widget_archive ul, 
.widget_categories ul, .widget_meta ul, .widget_pages ul{
border-bottom:1px solid rgba(0,0,0,.1);
}
.widget ul li ul.children {border-bottom:0px solid rgba(0,0,0,.1);padding-left: 40px;}
.widget_recent_entries ul li, .widget_archive ul li, 
.widget_categories ul li, .widget_meta ul li, .widget_pages ul li {
border-top:1px solid rgba(0,0,0,.1);
}
.widget_recent_entries ul li a, .widget_archive ul li a, 
.widget_categories ul li a, .widget_meta ul li a, .widget_pages ul li a{
position:relative;
display:block;
cursor:pointer;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
line-height:21px;
text-align:left;
text-transform:uppercase;
padding-top:10px;
padding-bottom:10px;  
letter-spacing:1px;
color:#323232;
font-weight:300;
-webkit-transition: padding-left 0.3s, color 0.3s;
transition: padding-left 0.3s, color 0.3s;
}
.widget_archive ul li a, .widget_categories ul li a{display: inline-block;}
.widget_archive ul li a:hover, 
.widget_categories ul li a:hover, .widget_meta ul li a:hover {
padding-left:10px;
}
.widget_meta abbr {
border-bottom: 1px dotted #999999;
cursor: help;
}
.widget_recent_entries ul li {
-webkit-transition: padding-left 0.3s, color 0.3s;
transition: padding-left 0.3s, color 0.3s;
}
.widget_recent_entries ul li:hover {padding-left:10px;}
.widget_recent_entries ul li span {font-size: 11px; font-weight: bold; color: #101010;margin: 0px;padding: 0px 0px 10px 0px;display: block;}
.wp-tag-cloud{ 
position:relative;
width:100%;
overflow:hidden;
text-align:left;
}
.wp-tag-cloud li {display: inline-block;float: left;}
.wp-tag-cloud li a {
position: relative;
display: inline-block;
cursor:pointer;
outline: none;
text-decoration: none;
white-space: nowrap;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height:21px;
text-align:left;
margin-right:5px;
margin-bottom:5px;
text-transform:uppercase;
letter-spacing:2px;
padding:3px 9px;
border:1px solid #000;
color:#000;
font-weight:600;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.wp-tag-cloud li a:hover {
color:#fff;
}  .widget_calendar {float: none;}
#wp-calendar {width: 100%; }
#wp-calendar caption { 
background: none repeat scroll 0 0 #E9E9E9;
color: #333333;
font-size: 16px;
padding: 10px 0;
text-align: center; 
}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th {
border: 1px solid #E9E9E9;
font-size: 13px;
padding: 8px 0;
text-align: center;
vertical-align: middle;
}
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #E9E9E9; text-align: center; padding:8px;}
#wp-calendar tbody td#today {background: #cbab82;color: #fff;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody td a{color: #101010;}
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot {border: 1px solid #E9E9E9;}
#wp-calendar tfoot #next a { font-size: 12px; text-transform: uppercase; text-align: right; color: #101010;}
#wp-calendar tfoot #prev a { font-size: 12px; text-transform: uppercase; padding-top: 10px; color: #101010;}
.widget select {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}
.widget_text .textwidget img{max-width: 100%;height: auto;}
.widget_text select, .widget_text input , .widget_text textarea  {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}
.widget_text option {max-width: 100%;}
.single-article ul{padding-left: 20px;list-style: disc outside none !important;margin-bottom: 15px;}
.single-article ul ul {list-style: circle outside none !important;}
.single-article ul ul ul{list-style: square outside none !important;}
.single-article ul li ul  {
margin-bottom: 0;    
}
.single-article h1, .single-article h2, 
.single-article h3, .single-article h4, 
.single-article h5, .single-article h6 {
text-align: left;
}
.widget_rss ul li a.rsswidget {display: block;}
.widget_rss ul li .rss-date {font-weight: bold;display: block;margin-top: 10px;font-style: italic;}
.widget_rss ul li .rssSummary {line-height: 22px;}
.widget_rss ul li cite {display: block;margin-bottom: 10px;margin-top: 10px;}
.recentcomments{
line-height: 40px;
}
.widget_nav_menu .sub-menu {  
padding-left: 20px;
}
.widget_nav_menu .sub-menu li:last-child {
border-bottom: 0px solid rgba(0, 0, 0, 0.1);
} .shop-top{
position:relative;
width:100%;
margin:0 auto;
background-size:cover;
background-position:top center;
background-repeat:no-repeat;
}
.hero-text.shop-white-text{
margin-bottom:80px;
}
a.scroll-down-arrow-shop{
position:absolute;
left:0;
bottom:0;
height:25%;
width:100%;
z-index:200;
cursor: url(//vitagraphics.net/wp-content/themes/metis/images/grab-down.png) 8 8, move !important;
} .dummy-fixed {
position: fixed;
bottom: 0;
left: 0;
padding: 15px;
width: 100%;
height: calc(3em + 30px);
background: rgba(255,255,255,.85);
text-align: center;
z-index:1000;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.checkout__icon {
position: absolute;
top: 1.5em;
left: 1.5em;
fill: #000;
}
.checkout__count {
position: absolute;
top: 1.3em;
right: 1.3em;
padding: 0.5em;
width: 2.7em;
height: 2.7em;
border: 2px solid #000;
border-radius: 50%;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
line-height: 1.3;
color:#000;
}
.checkout {
position: absolute;
left: 50%;
margin: 0 auto;
margin-left: -4.5em;
width: 9em;
height: 3em;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 0.6s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.checkout--active { -webkit-transform: translate3d(0, 15px, 0) translate3d(0, 30vh, 0) translate3d(0, -50vh, 0);
transform: translate3d(0, 15px, 0) translate3d(0, 30vh, 0) translate3d(0, -50vh, 0);
}
a.checkout__button {
position: relative;
z-index: 10;
display: block;
margin: 0 auto;
height: 100%;
border-radius: 3px;
color: #fff;
line-height: 3em;
-webkit-transition: background-color 0.6s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.6s cubic-bezier(0.7, 0, 0.3, 1);
transition: background-color 0.6s cubic-bezier(0.7, 0, 0.3, 1), transform 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
a.checkout__button:hover,
a.checkout__button:focus {
outline: none;
color: #fff;
}
.fa-shopping-cart{
font-family: 'FontAwesome';
}
.checkout--active a.checkout__button {
background-color: #212121;
font-weight: 400;
letter-spacing:2px;
font-size:14px;
-webkit-transform: perspective(1000px) translate3d(0, -2.5em, 0);
transform: perspective(1000px) translate3d(0, -2.5em, 0);
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.checkout--active a.checkout__button:hover {
}
.checkout__text-inner {
font-weight: 400;
letter-spacing:2px;
font-size:12px
}
.checkout__final-text,
.checkout__initial-text {
-webkit-transition: opacity 0.6s cubic-bezier(0.7, 0, 0.3, 1);
transition: opacity 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.checkout--active .checkout__initial-text {
opacity: 0
}
.checkout__final-text {
position: absolute;
left: 0;
width: 100%;
opacity: 0;
}
.checkout--active .checkout__final-text {
opacity: 1;
}
.checkout__order,
.checkout__order::before {
position: absolute;
bottom: 0%;
left: 50%;
-webkit-transform: translate3d(-50%, 0%, 0);
transform: translate3d(-50%, 0%, 0);
}
.checkout__order {
overflow: hidden;
min-width: 320px;
max-width: 700px;
width: 95vw;
height: 60vh;
text-align: right;
pointer-events: none;
}
.checkout--active .checkout__order {
pointer-events: auto;
}
.checkout__order::before {
content: '';
z-index: 0;
width: 9em;
height: 3em;
border-radius: 10px;
background: #000;
-webkit-transition: width 0.6s cubic-bezier(0.7, 0, 0.3, 1), height 0.6s cubic-bezier(0.7, 0, 0.3, 1);
transition: width 0.6s cubic-bezier(0.7, 0, 0.3, 1), height 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.checkout--active .checkout__order::before {
width: 100%;
height: 100%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.checkout__order-inner {
position: relative;
padding: 3em 4em;
}
.checkout__close {
position: absolute;
top: 1.5em;
right: 1.5em;
overflow: hidden;
width: 20px;
height: 20px;
border: none;
background: transparent;
color: transparent;
text-indent: 100%;
opacity: 0;
backface-visibility: hidden;
}
.checkout__close:focus {
outline: none;
}
.checkout--active .checkout__close {
opacity: 1;
-webkit-transition: opacity 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0.015s;
transition: opacity 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0.015s;
}
.checkout__close .icon {
position: absolute;
font-family: 'FontAwesome';
text-align:center;
top: 0;
left: 0;
width:100%;
color: #fff;
text-indent: 0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.checkout__close:hover  {
background-color:transparent;
}
.checkout__close:hover .icon {
background-color:transparent;
}
.checkout__summary {
margin: 0.5em 0 0.75em;
width: 100%;
color: #fff;
text-align: center;
font-size: 1.15em;
line-height: 1.5;
}
.checkout__summary tr {
opacity: 0;
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}
.checkout__summary tr:nth-child(1) {
-webkit-transform: translate3d(0, 120px, 0);
transform: translate3d(0, 120px, 0);
}
.checkout__summary tr:nth-child(2) {
-webkit-transform: translate3d(0, 140px, 0);
transform: translate3d(0, 140px, 0);
}
.checkout__summary tr:nth-child(3) {
-webkit-transform: translate3d(0, 160px, 0);
transform: translate3d(0, 160px, 0);
}
.checkout__summary tr:nth-child(4) {
-webkit-transform: translate3d(0, 180px, 0);
transform: translate3d(0, 180px, 0);
}
.checkout__summary tr:nth-child(5) {
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0);
}
.checkout__summary tr:nth-child(6) {
-webkit-transform: translate3d(0, 220px, 0);
transform: translate3d(0, 220px, 0);
}
.checkout--active .checkout__summary tr {
opacity: 1;
-webkit-transform: perspective(1000px) translate3d(0, 0, 0);
transform: perspective(1000px) translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.7, 0, 0.3, 1);
}
.checkout--active .checkout__summary tbody tr:nth-child(1) {
-webkit-transition-delay: 0.015s;
transition-delay: 0.015s;
}
.checkout--active .checkout__summary tbody tr:nth-child(2) {
-webkit-transition-delay: 0.03s;
transition-delay: 0.03s;
}
.checkout--active .checkout__summary tbody tr:nth-child(3) {
-webkit-transition-delay: 0.045s;
transition-delay: 0.045s;
}
.checkout--active .checkout__summary tbody tr:nth-child(4) {
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.checkout--active .checkout__summary tbody tr:nth-child(5) {
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
.checkout--active .checkout__summary tbody tr:nth-child(6) {
-webkit-transition-delay: 0.09s;
transition-delay: 0.09s;
}
.checkout__summary tbody tr:first-child td {
padding-top: 0.5em;
}
.checkout__summary tbody td {
padding: 0.25em 0;
font-weight: 400;
font-size: 0.85em;
}
.checkout__summary thead th {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
font-size: 0.65em;
line-height: 2;
}
.checkout__summary thead th:first-child,
.checkout__summary tbody td:first-child {
text-align: left;
}
.checkout__summary tbody td span {
}
.checkout__summary th:last-child,
.checkout__summary td:last-child {
text-align: right;
}
.checkout__action {
padding: 0;
border: none;
background: none;
}
.checkout__action:hover {
background-color:transparent;
}
.checkout__action:focus {
outline: none;
}
.checkout__action .icon {
font-family: 'FontAwesome';
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.checkout__action .icon:hover {
}
@media screen and (max-width:26em) { 
.checkout--active {
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
}
.checkout__order::before {
border-radius: 0
}
.checkout__summary {
margin-top: 2em
}
.checkout__order-inner {
padding: 1em 1.75em
}
.checkout__order {
width: 100vw;
height: 100vh;
}
.checkout__summary th:last-child,
.checkout__summary td:last-child {
padding-left: 10px
}
} .shop-item-top {
position: relative;
width:100%;
overflow:hidden;
}
.shop-item-top img {
width:100%;
display:block;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.shop-item-top:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.shop-item-top h4 {
position:absolute;
top:50%;
text-align:left;
padding-left:40px;
margin-top:-50px;
z-index:2;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.shop-item-top p {
position:absolute;
color:#999999;
top:50%;
text-align:left;
margin-top:5px;
padding-left:40px;
z-index:2;
}
#cd-gallery-items {
position: relative;
}
.cd-container-shop { width: 100%;
max-width: 1360px;
margin: 0 auto;
}
.cd-container-shop::after { content: '';
display: table;
clear: both;
}
#cd-gallery-items > li {
position: relative;
width: 100%;
border:25px solid #fff;
}
#cd-gallery-items > li img {
width: 100%;
display: block;
}
@media only screen and (min-width: 768px) {
#cd-gallery-items > li {
width: 50%;
float: left;
border:25px solid #fff;
}
}
@media only screen and (min-width: 1170px) {
#cd-gallery-items {
}
#cd-gallery-items > li {
width: 25%;
float: left;
border:25px solid #fff;
}
}
.cd-item-wrapper {
-webkit-perspective: 500px;
-moz-perspective: 500px;
perspective: 500px;
-webkit-perspective-origin: 50% -30%;
-moz-perspective-origin: 50% -30%;
perspective-origin: 50% -30%;
}
.cd-item-wrapper li {
position: absolute;
top: 0;
left: 0; -webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.cd-item-wrapper li.cd-item-front {
position: relative;
z-index: 3;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.cd-item-wrapper li.cd-item-middle {
z-index: 2;
}
.active .cd-item-wrapper li.cd-item-middle { -webkit-transform: translate3d(0, 0, -20px);
-moz-transform: translate3d(0, 0, -20px);
-ms-transform: translate3d(0, 0, -20px);
-o-transform: translate3d(0, 0, -20px);
transform: translate3d(0, 0, -20px);
opacity: .8;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.cd-item-wrapper li.cd-item-back {
z-index: 1;
}
.active .cd-item-wrapper li.cd-item-back { -webkit-transform: translate3d(0, 0, -40px);
-moz-transform: translate3d(0, 0, -40px);
-ms-transform: translate3d(0, 0, -40px);
-o-transform: translate3d(0, 0, -40px);
transform: translate3d(0, 0, -40px);
opacity: .4;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.cd-item-wrapper li.cd-item-out { z-index: 0;
opacity: 0;
-webkit-transform: translate3d(0, 0, -60px);
-moz-transform: translate3d(0, 0, -60px);
-ms-transform: translate3d(0, 0, -60px);
-o-transform: translate3d(0, 0, -60px);
transform: translate3d(0, 0, -60px);
}
.cd-item-wrapper li.move-right {
-webkit-transform: translate3d(200px, 0, 0);
-moz-transform: translate3d(200px, 0, 0);
-ms-transform: translate3d(200px, 0, 0);
-o-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
opacity: 0;
z-index: 4 !important;
}
.cd-item-wrapper li.hidden { display: none !important;
}
.no-csstransitions .cd-item-wrapper li.cd-item-middle, .no-csstransitions .cd-item-wrapper li.cd-item-back { display: none;
}
.cd-item-info {
position: relative;
width: 100%;
height: 70px;
line-height: 70px;
background-color: #f2f2f2;
padding: 0 1em;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
z-index: 5;
}
.cd-item-info:after {
content: "";
display: table;
clear: both;
}
.cd-item-info b {
float: left;
font-weight: bold;
}
.cd-item-info b a {
color: #000;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.cd-item-info b a:hover {
}
.cd-item-info em {
float: right;
color: #444444;
}
.cd-item-info em span{
padding-right:5px;
text-decoration: line-through;
}
.cd-item-navigation a {
position: absolute;
top: calc(50% - 35px);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-indent: 1000%;
width: 36px;
height: 66px;
background-color: rgba(216, 216, 216, 0.4);
background-image: url(//vitagraphics.net/wp-content/themes/metis/images/cd-icon-arrow-shop.svg);
background-repeat: no-repeat;
background-position: center center;
z-index: 4;
display: none;
border-radius: 0.25em;
}
.no-touch .cd-item-navigation a:hover {
background-color: rgba(216, 216, 216, 0.6);
}
.cd-item-navigation a.visible {
display: block;
-webkit-animation: cd-fade-in 0.4s;
-moz-animation: cd-fade-in 0.4s;
animation: cd-fade-in 0.4s;
}
.cd-item-navigation li:nth-child(1) a {
left: 14px;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.cd-item-navigation li:nth-child(2) a {
right: 14px;
}
.no-csstransitions .cd-item-navigation {
display: none;
}
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.cd-3d-trigger {
position: absolute;
bottom: 10px;
right: 10px;
width: 44px;
height: 44px;
background: url(//vitagraphics.net/wp-content/themes/metis/images/cd-icon-3d.svg) no-repeat center center;
z-index: 4;
}
.no-touch .cd-3d-trigger {
display: none;
}
.no-touch #cd-gallery-items > li:hover .cd-item-middle, .no-touch #cd-gallery-items > li:hover .cd-item-back {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.no-touch #cd-gallery-items > li:hover .cd-item-middle { -webkit-transform: translate3d(0, 0, -30px);
-moz-transform: translate3d(0, 0, -30px);
-ms-transform: translate3d(0, 0, -30px);
-o-transform: translate3d(0, 0, -30px);
transform: translate3d(0, 0, -30px);
opacity: .8;
}
.no-touch #cd-gallery-items > li:hover .cd-item-back { -webkit-transform: translate3d(0, 0, -60px);
-moz-transform: translate3d(0, 0, -60px);
-ms-transform: translate3d(0, 0, -60px);
-o-transform: translate3d(0, 0, -60px);
transform: translate3d(0, 0, -60px);
opacity: .6;
} .shop-carousel-wrap{ 
position:relative;
width:100%;
margin:0 auto;
overflow:hidden;
z-index:2;
} 
#sync1 .item {
position: relative; 
margin: 0 auto;
width:100%;
display: block;
}
#sync1 .item:after {
content: '';
display: block;
clear: both;
}
#sync1 .item img{
width:100%;
height:auto;
display:block;
}
#sync2 {
position:relative;
width:100%;
z-index:200;
}
#sync2 .item{
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:5px solid #fff;
z-index:200;
overflow:hidden;
cursor:pointer;
opacity:.5;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
#sync2 .item img{
width:100%;
height:auto;
display:block;
}
#sync2 .item:hover {
opacity:1;
border:5px solid #212121;
}
#sync2 .synced .item {
opacity:1;
border:5px solid #212121;
}
.shop-item-details{
position:relative;
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.shop-item-details .price{
font-family: 'Open Sans', sans-serif;
font-weight:700;
font-size: 50px;
line-height:50px;
letter-spacing:3px;
color:#212121;
text-align:left;
display:block;
margin-bottom:30px;
}
.shop-item-details .price span{
font-weight:400;
font-size: 30px;
line-height:30px;
padding-right:20px;
letter-spacing:1px;
text-decoration: line-through;
}
.shop-item-details .num-itm {
float:left;
display:inline-block;
height:40px;
width:40px;
background:#212121;
text-align:center;
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 16px;
line-height:40px;
color:#fff;
margin-bottom:30px;
}
.shop-item-details .num-itm-ic {
float:left;
display:inline-block;
height:40px;
width:40px;
font-family: 'FontAwesome';
cursor:pointer;
background:#414141;
text-align:center;
font-size: 12px;
line-height:40px;
color:#fff;
margin-bottom:30px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.shop-item-details .num-itm-ic:hover {
background:#111111;
}
.shop-item-details .button-shop, .btn.btn-primary {
float:left;
display:inline-block;
height:40px;
padding-left:30px;
padding-right:30px;
border-radius:3px;
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 13px;
text-transform: uppercase;
line-height:40px;
color:#fff;
margin-left:30px;
margin-bottom:30px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.shop-item-details .button-shop:hover, .btn.btn-primary:hover{
background:#212121;
}
.btn.btn-primary {float: none;}
.shop-item-details:after {
content: '';
display: block;
clear: both;
}
.after-button {
position:relative;
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display:block;
}
.after-button p{
text-align:left;
display:block;
width:100%;
padding-bottom:20px;
}
.after-button .accordion {
margin-top:10px;
} .contact-top{
position:relative;
width:100%;
margin:0 auto;
z-index:1;
}
.contact-top-min{
background:url(//vitagraphics.net/wp-content/themes/metis/images/geometry2.png);
}
.tooltip.contact-tooltip {
top: 50%;
left: 50%;
margin-top:-20px;
margin-left:-14.3px;
}
#google-container {
position: relative;
width: 100%;
height: 100%;
opacity:.8;
}
#cd-google-map, #cd-google-map1 {
position: relative;
}
#cd-zoom-in, #cd-zoom-out {
height: 32px;
width: 32px;
cursor: pointer;
margin-left: 10px;
background-repeat: no-repeat;
background-size: 32px 64px;
opacity:.7;
background-image: url(//vitagraphics.net/wp-content/themes/metis/images/cd-icon-controller.svg);
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
opacity:1;
}
#cd-zoom-in:hover, #cd-zoom-out:hover {
opacity:1;
}
@media only screen and (min-width: 768px) {
#cd-zoom-in, #cd-zoom-out {
margin-left: 50px;
}
}
#cd-zoom-in {
background-position: 50% 0;
margin-top: 100px;
margin-bottom: 1px;
}
#cd-zoom-out {
background-position: 50% -32px;
}
.wpcf7-form, .metis-form {
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height:14px;
color:#101010;
margin:0 auto;
}
.wpcf7-form label, .metis-form label {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height:30px;
}
.wpcf7-form input, .metis-form input{
position:relative;
width:100%;
padding-left:20px;
padding-right:20px;
font-family: 'Open Sans', sans-serif;
font-weight:600;
letter-spacing:1px;
font-size: 13px;
line-height:24px;
padding-bottom: 15px;
background:transparent;
border:none;
color: #737373;
-webkit-transition: border-bottom 0.3s, color 0.3s;
transition: border-bottom 0.3s, color 0.3s;
}
.wpcf7-form textarea, .metis-form textarea {
width:100%;
padding-left:20px;
padding-right:20px;
font-family: 'Open Sans', sans-serif;
font-weight:600;
letter-spacing:1px;
font-size: 13px;
line-height:24px;
padding-bottom: 15px;
background:transparent;
height:100px;
border:none;
color: #737373;
-webkit-transition: border-bottom 0.3s, color 0.3s;
transition: border-bottom 0.3s, color 0.3s;
}
.wpcf7-form textarea,
.wpcf7-form input, .metis-form input,
.metis-form textarea {  
border-bottom:1px solid rgba(100,100,100,.2);
}
.text-align-center{
text-align:center;
padding-top:10px;
}
.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.wpcf7-form textarea:active,
.wpcf7-form input:active,
.metis-form textarea:active,
.metis-form input:active { 
color: #101010;
}
.wpcf7-form textarea:focus,
.wpcf7-form input:focus,
.metis-form textarea:focus,
.metis-form input:focus {   
outline: none !important;
}
.wpcf7-form input:-ms-input-placeholder, .metis-form input:-ms-input-placeholder {
font-size: 11px;
text-transform:uppercase;
letter-spacing:2px;
color:#999999;
}
.wpcf7-form input::-moz-placeholder, .metis-form input::-moz-placeholder {
font-size: 11px;
text-transform:uppercase;
letter-spacing:2px;
color:#999999;
}
.wpcf7-form input:-moz-placeholder, .metis-form input:-moz-placeholder {
font-size: 11px;
text-transform:uppercase;
letter-spacing:2px;
color:#999999;
}
.wpcf7-form input::-webkit-input-placeholder, .metis-form input::-webkit-input-placeholder {
font-size: 11px;
text-transform:uppercase;
letter-spacing:2px;
color:#999999;
}
.wpcf7-form textarea:-ms-input-placeholder, .metis-form textarea:-ms-input-placeholder {
font-size: 11px;
text-transform:uppercase;
letter-spacing:2px;
color:#999999;
}
.wpcf7-form textarea::-moz-placeholder, .metis-form textarea::-moz-placeholder {
font-size: 11px;
text-transform:uppercase;
letter-spacing:2px;
color:#999999;
}
.wpcf7-form textarea:-moz-placeholder, .metis-form textarea:-moz-placeholder {
font-size: 11px;
text-transform:uppercase;
letter-spacing:2px;
color:#999999;
}
.wpcf7-form textarea::-webkit-input-placeholder, .metis-form textarea::-webkit-input-placeholder {
font-size: 11px;
text-transform:uppercase;
letter-spacing:2px;
color:#999999;
}
.wpcf7-form button, .metis-form button {
position:relative;
width:160px;
height:40px;
font-family: 'Open Sans', sans-serif;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
border-radius:3px;
margin:0 auto;
display: block;
padding:0;
font-size: 12px;
line-height:40px;
background:#efefef;
border:none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.wpcf7-form button:hover, .metis-form button:hover{
color:#fff;
background:#212121;
}
.wpcf7-form button:focus,
.wpcf7-form button:active,.metis-form button:focus,
.metis-form button:active {
border:none;
outline:none;
}
.metis-form input {margin-bottom: 15px;}
.leave-reply input[type="submit"] {
border: medium none;
display: block;
font-size: 13px;
font-weight: bold;
height: 50px;
letter-spacing: 1px;
line-height: 50px;
margin-top: 5px;
padding: 0;
position: relative;
text-transform: uppercase;
transition: background 0.3s ease 0s, color 0.3s ease 0s;
width: 100%;
background: none repeat scroll 0 0 #363636;
color: #dfdfdf;
cursor: pointer;
}
.post-content-com-top p {
color: #212121;
font-size: 12px;
font-weight: 400;
letter-spacing: 2px;
line-height: 15px;
text-align: left;
text-transform: uppercase;
}
.leave-reply h6, .leave-reply h3.comment-reply-title {
font-size: 16px;
line-height: 20px;
padding-bottom: 20px;
text-align: left;
}
.leave-reply p {
font-size: 10px;
font-weight: 400;
letter-spacing: 1px;
line-height: 15px;
padding-bottom: 20px;
text-align: left;
text-transform: uppercase;
}
.comment-form p.logged-in-as a {font-weight: bold;color: #101010;}
.contact-details{
position: relative;
width:100%;
}
.contact-details p{
font-weight:600;
font-size: 15px;
line-height:24px;
color:#999999;
letter-spacing:2px;
text-align:center;
padding-bottom:10px;
}
.contact-details h6{
text-align:center;
}
.contact-details p span{
font-family: 'FontAwesome';
font-weight:normal;
font-size: 15px;
line-height:24px;
padding-right:5px;
}
.contact-min-wrapper{
position:relative;
width:100%;
margin:0 auto;
}
.contact-min-wrapper:after {
content: '';
display: block;
clear: both;
}
.contact-min-wrap{
position:relative;
width:50%;
display:inline-block;
padding-top:150px;
padding-bottom:150px;
}
.contact-min-wrap.float-left{
float:left;
}
.contact-min-wrap.float-right{
float:right;
}
.contact-min-wrap.background-grey{
background-color:#f1f1f1;
}
.contact-min-wrap p{
font-weight:600;
font-size: 15px;
line-height:24px;
color:#999999;
letter-spacing:2px;
text-align:center;
padding-bottom:10px;
}
.contact-min-wrap p span{
font-family: 'FontAwesome';
font-weight:normal;
font-size: 15px;
line-height:24px;
padding-right:5px;
}
.contact-min-wrap a{
font-family: 'big-john';
text-align:center;
margin:0 auto;
display:block;
color: #414141;
font-size: 18px;
line-height: 28px;
letter-spacing:3px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.contact-min-wrap a span{
border-bottom:2px solid transparent;
padding-bottom:5px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.contact-min-wrap a:hover span{
border-bottom:2px solid #212121;
}
.contact-min-wrap #google-container {
height: 363px;
}
.contact-min-wrap #cd-zoom-in {
margin-top: 50px;
}
.contact-min-wrap.google-wrapper{
padding-top:0;
padding-bottom:0;
} .error-page{
position:relative;
margin:0 auto;
display:block;
width:100%;
}
.error-page h2{
text-align:center;
font-size:300px;
line-height:320px;
}
.error-page p{
padding-top:50px;
text-align:center;  
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size: 11px;
line-height:26px;
letter-spacing:3px;
text-transform:uppercase;
} .columns-block {
position:relative;
width:100%;
background:#efefef;
height:50px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
} 
.columns-block:hover {
background:#000;
}
.columns-block p{
line-height:50px;
text-align:center;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.columns-block:hover p{
color:#fff;
} 
p.justify{
text-align:justify;
}
.gu-box{
position:relative;
width:100%;
border-left:2px solid #bababa;
padding-bottom:20px;
}
.gu-box.float-quotes{
float:right;
max-width:440px;
margin-left:30px;
}
.gu-box p, .gu-box strong{
color:#000;
padding-left:30px;
padding-top:20px;
padding-bottom:20px;
letter-spacing:2px;
font-family: 'Courgette', cursive;
font-size: 16px;
line-height:28px;
font-weight: normal;
}
.gu-box strong {display: inline-block;}
.gu-box span, .gu-box em{
color:#999999;
padding-left:30px;
font-family: 'Open Sans', sans-serif;
font-weight:600;
letter-spacing:3px;
font-size: 12px;
line-height:20px;
}
.gu-box.margin-gu{
margin-top:20px;
margin-bottom:20px;
}
.counter-wrap{
position:relative;
width:100%;
margin:0 auto;
z-index:10;
} 
.counter-numb{
position:relative;
width:100%;
margin:0 auto;
text-align:center;
font-family: 'Open Sans', sans-serif;
font-weight:300;
font-size: 30px;
line-height:30px;
letter-spacing:4px;
color:#060606;
padding-bottom:10px;
}
.counter-line{
position:relative;
width:20px;
margin:0 auto;
text-align:center;
height:2px;
margin-top:10px;
margin-bottom:10px;
} 
.counter-wrap h6{
text-align:center;
padding-top:10px;
padding-bottom:0;
}
.services-list.services-box{
padding:30px;
background:#f1f1f1;
}
.alert{
position: relative; 
width: 100%;
overflow:hidden;
padding:20px;
border-left:3px solid #8cd7aa;
}
.alert p{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 10px;
line-height:18px;
color:#212121;
text-transform: uppercase;
letter-spacing:1px;
} 
.alert p span{
font-size: 12px;
font-family: 'FontAwesome';
padding-right:15px;
}  
.pro-bar-container {
position:relative;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 100%;
height: 2px;
background: #ccc;
}
.pro-bar-margin {
margin-bottom:30px;
}
.skills-name{
position:relative;
width:100%;
text-align:left;
padding-bottom:5px;
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 12px;
letter-spacing:2px;
color:#999999;
text-transform: uppercase;
}
.skills-name span{
font-weight:700;
color:#121212;
padding-left:5px;
}
.pro-bar {
position:relative;
height: 2px;
overflow:hidden;
}
.wpb_accordion_wrapper {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.wpb_accordion_section.group {
position: relative;
z-index: 10;
margin-top: -1px;
overflow: hidden;
margin-bottom:2px;
}
.wpb_accordion_wrapper .wpb_accordion_section.group .wpb_accordion_header {
position: relative;
padding: 15px;
margin: 0px 0px 0px;
text-align:left;
background:#f2f2f2;
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size: 13px;
line-height:20px;
text-transform: uppercase;
color: #666666;
letter-spacing:2px;
display: block;
cursor: pointer;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.wpb_accordion_wrapper .wpb_accordion_section.group .wpb_accordion_header a{ color: #666666;padding: 0em 0em 0em 0em;}
.wpb_accordion_wrapper .wpb_accordion_section.group .wpb_accordion_header:hover a{
color:#fff;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-active a, 
.wpb_accordion .wpb_accordion_wrapper .ui-state-active.ui-state-default a{
color:#fff !important;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
display: block !important;
width: 20px !important;
height: 20px !important;
position: absolute !important;
right: 20px !important;
top: 50% !important;
margin-top: -10px !important;
background: url(//vitagraphics.net/wp-content/themes/metis/images/acc1.png)no-repeat center center !important;
background-size:20px 20px !important;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default:hover .ui-icon {
background: url(//vitagraphics.net/wp-content/themes/metis/images/acc2.png)no-repeat center center !important;
background-size:20px 20px !important;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon, 
.wpb_accordion .wpb_accordion_wrapper .ui-state-active.ui-state-default:hover .ui-icon {
background: url(//vitagraphics.net/wp-content/themes/metis/images/acc3.png)no-repeat center center !important;
background-size:20px 20px !important;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
} 
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
color:#606060;  
background:#f2f2f2;
padding: 0px 0px 0px 10px !important;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content .wpb_content_element  {
padding:30px;
color:#606060;  
background:#f2f2f2;
}
.wpb_accordion_wrapper .wpb_accordion_section.group .wpb_accordion_header {
padding-left: 40px !important;
}
.on-scroll-effect {
position: relative;
width:100%;
padding:50px 30px;
text-align:center;
color:#fff;
background:#000;
} .countdown-text {
position:relative;
margin-top:120px;
width:100%;
display: block;
text-align: center;
}
ul.countdown {
position:relative;
width:100%;
display: block;
text-align: center;
}
ul.countdown li {
display: inline-block;
}
ul.countdown li span {
font-size: 80px;
line-height: 80px;
font-family: 'big-john';
font-weight:normal;
color:#000;
}
ul.countdown li.seperator {
font-size: 40px;
width: 40px;
text-align:center;
line-height: 80px;
vertical-align: top;
padding-left:40px;
padding-right:40px;
color:#000;
font-family: 'big-john';
}
ul.countdown li p {
font-family: 'Open Sans', sans-serif;
color: #000;
font-size: 14px;
text-transform:uppercase;
letter-spacing:3px;
margin-top:20px;
} .footer{
padding-top:100px;
padding-bottom:100px;
}
.dark-back{
background:#111;
}
.grey-back{
background:#f1f1f1;
}
.footer-boxed{
max-width:1400px;
margin:0 auto;
}
.footer-line{
position:relative;
margin:0 auto;
display:block;
width:100%;
max-width:300px;
opacity:.4;
}
.footer-img{
position:relative;
margin:0 auto;
text-align:center;
display:block;
width:100%;
}
.footer-img img{
width:90px;
height:auto;
display:block;
margin:0 auto;
text-align:center;
}
.footer-img.float-left img{
float:left;
}
.social-footer.float-right{ 
float:right;
}
.social-footer{ 
position:relative;
z-index:100;
text-align:center;
margin:0 auto;
display:block;
}
.list-social li {
padding:0; 
list-style: none;
text-align:center; 
width:30px;
height:30px;
display: inline-block;
border-radius:50%;
border:1px solid #414141;
cursor:pointer;
margin-left:7px;
margin-right:7px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social li.icon-soc a {
font-family: 'FontAwesome';
font-size: 11px;
line-height: 30px;
width:30px;
color:#414141;
opacity:1;
margin:0;
padding:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social li:hover{
}
.list-social li:hover.icon-soc a{
}
.dark-footer .social-footer .list-social li{ 
border:1px solid #fff;
}
.dark-footer .social-footer .list-social li.icon-soc a{ 
color: #fff;
}
.footer-copy-text{
position: relative;
width:100%;
}
.footer-copy-text p{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 11px;
line-height:24px;
letter-spacing:2px;
text-align:center;
color:#606060;
}
.dark-footer  .footer-copy-text p{
color:#fff;
} .social-nav-onepage{ 
position:relative;
float:right;
margin-right:20px;
z-index:100;
text-align:center;
margin:0 auto;
display:block;
}
.list-social-nav-onepage li {
padding:0; 
list-style: none;
text-align:center; 
width:40px;
height:20px;
display: inline-block;
cursor:pointer;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social-nav-onepage li.icon-soc-nav-onepage a {
font-family: 'FontAwesome';
font-size: 14px;
line-height: 20px;
width:40px;
color:#000;
opacity:1;
margin:0;
padding:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social-nav-onepage li:hover{
background:transparent;
}
.list-social-nav-onepage li:hover.icon-soc-nav-onepage a{
background:transparent;
}  .cd-nav-trigger {
display: none;
}
.no-touch #cd-vertical-nav {
position: fixed;
right: 40px;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1000;
}
.no-touch #cd-vertical-nav li {
text-align: right;
}
.no-touch #cd-vertical-nav a {
display: inline-block; -webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.no-touch #cd-vertical-nav a:after {
content: "";
display: table;
clear: both;
}
.no-touch #cd-vertical-nav a span {
float: right;
display: inline-block;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
}
.no-touch #cd-vertical-nav a:hover span {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-touch #cd-vertical-nav a:hover .cd-label {
opacity: 1;
}
.no-touch #cd-vertical-nav a.is-selected .cd-dot {
}
.no-touch #cd-vertical-nav .cd-dot {
position: relative; top: 8px;
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #000;
-webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
-moz-transition: -moz-transform 0.2s, background-color 0.5s;
transition: transform 0.2s, background-color 0.5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.no-touch #cd-vertical-nav .cd-label {
position: relative;
margin-right: 10px;
padding: .4em .5em;
color: #000;
font-size: 12px;
font-weight:800;
text-transform: uppercase;
letter-spacing:3px;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
opacity: 0;
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
} .touch .cd-nav-trigger {
display: block;
z-index: 2;
position: fixed;
bottom: 30px;
right: 5%;
height: 44px;
width: 44px;
border-radius: 0.25em;
background: rgba(255, 255, 255, 0.9);
}
.touch .cd-nav-trigger span {
position: absolute;
height: 4px;
width: 4px;
background-color: #3e3947;
border-radius: 50%;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.touch .cd-nav-trigger span::before, .touch .cd-nav-trigger span::after {
content: '';
height: 100%;
width: 100%;
position: absolute;
left: 0;
background-color: inherit;
border-radius: inherit;
}
.touch .cd-nav-trigger span::before {
top: -9px;
}
.touch .cd-nav-trigger span::after {
bottom: -9px;
}
.touch #cd-vertical-nav {
position: fixed;
z-index: 1;
right: 5%;
bottom: 30px;
width: 90%;
max-width: 400px;
max-height: 90%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 0.25em;
background-color: rgba(255, 255, 255, 0.9);
}
.touch #cd-vertical-nav a {
display: block;
padding: 1em;
border-bottom: 1px solid rgba(62, 57, 71, 0.1);
}
.touch #cd-vertical-nav a span:first-child {
display: none;
}
.touch #cd-vertical-nav a.is-selected span:last-child {
color: #d88683;
}
.touch #cd-vertical-nav.open {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.touch #cd-vertical-nav.open + .cd-nav-trigger {
background-color: transparent;
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span {
background-color: rgba(62, 57, 71, 0);
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before, .touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
background-color: #3e3947;
height: 3px;
width: 20px;
border-radius: 0;
left: -8px;
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 1px;
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
bottom: 0;
}
.touch #cd-vertical-nav li:last-child a {
border-bottom: none;
}
@media only screen and (min-width: 768px) {
.touch .cd-nav-trigger, .touch #cd-vertical-nav {
bottom: 40px;
}
} .parallax-onepage {
background-repeat: repeat;
background-attachment: fixed;
background-size: cover;
position: absolute;
top: 0; 
left: 0; 
right: 0;
bottom: 0;
z-index: -1;
width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-onepage { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {
.parallax-onepage { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 1400px) {
.parallax-onepage { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
a.link-from-project{
position: fixed;
top: 100px; 
left: 0;
z-index:1000; 
padding-left:50px;
padding-top:7px;
padding-bottom:7px;
padding-right:25px;
background-color:#f1f1f1;
background-repeat:no-repeat;
background-size:21px 11px;
background-image:url(//vitagraphics.net/wp-content/themes/metis/images/grab-left.png);
background-position:10px center;
text-transform:uppercase;
font-size:11px;
letter-spacing:2px;
color:#000;
font-weight:800;
box-shadow: 12px 0px 5px -4px rgba(0, 0, 0, 0.3);
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
a.link-from-project:hover{
box-shadow: 6px 0px 5px -2px rgba(0, 0, 0, 0.6);
background-repeat:no-repeat;
background-size:21px 11px;
background-image:url(//vitagraphics.net/wp-content/themes/metis/images/grab-left-white.png);
background-position:10px center;
color:#fff;
} @media only screen and (max-width: 1200px) {
.logo{
width:80px;
height:15px;
left:10px;
top:30px;
}
.cbp-af-header.cbp-af-header-shrink .logo{
width:80px;
height:15px;
left:10px;
top:30px;
-webkit-transition : all 0.5s ease-out;
-moz-transition : all 0.5s ease-out;
-o-transition :all 0.5s ease-out;
transition : all 0.5s ease-out;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a {
border-bottom:none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a:hover {
border-bottom:none;
background:none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li {
background:none;
}
ul.slimmenu li a: {
border-bottom:none;
}
ul.slimmenu li a:hover {
border:none;
background:none;
}
ul.slimmenu li {
background:none;
}
ul.slimmenu li > ul {
width: 100%;
text-align:right;
} 
.portfolio-box-1{
width:50%;
}
.blog-post{
width:50%;
}
.blog-sidebar .blog-post {width: 100%;}
.blog-post.width-2{
width:50%;
}
.contact-min-wrap{
width:100%;
}
.content-comm img {
display: none;
}
.error-page h2{
font-size:100px;
line-height:110px;
}
.project-prev,
.project-next{
height:100px;
background-size:60px 60px;
}
ul.countdown li span {
font-size: 30px;
line-height: 30px;
}
ul.countdown li.seperator {
font-size: 20px;
width: 20px;
line-height: 30px;
padding-left:5px;
padding-right:5px;
}
ul.countdown li p {
font-size: 10px;
letter-spacing:1px;
margin-top:15px;
}
}
@media only screen and (max-width: 600px) {
.portfolio-box-1{
width:100%;
}
.blog-post{
width:100%;
}
.blog-post.width-2{
width:100%;
}
.error-page h2{
font-size:60px;
line-height:65px;
}
.item-one-half {
width: 100%;
}
}
@media only screen and (max-width: 800px) {
#royal_preloader.royal_preloader_progress .royal_preloader_loader {
width: 50%;
}
.social-nav{ 
bottom:20px;
}
.cd-primary-nav ul.cd-scndr-nav{
-webkit-transform: translateY(-60%);
-moz-transform: translateY(-60%);
-ms-transform: translateY(-60%);
-o-transform: translateY(-60%);
transform: translateY(-60%);
}
}
@media only screen and (min-width: 1350px) {
.cd-primary-nav .cd-label {
font-size: 28px;
letter-spacing:3px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
.cd-primary-nav .cd-label {
font-size: 20px;
letter-spacing:1px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.cd-primary-nav .cd-label {
font-size: 20px;
letter-spacing:1px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.cd-primary-nav .cd-label {
font-size: 20px;
letter-spacing:1px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.cd-primary-nav .cd-label {
font-size: 18px;
letter-spacing:1px;
}
.footer-img.float-left img{
float:none;
}
.social-footer.float-right{ 
float:none;
}
}
@media only screen and (max-width: 767px) {
.logged-in.admin-bar #menu-wrap {top: 46px;}  
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.cd-primary-nav .cd-label {
letter-spacing:1px;
}
.footer-img.float-left img{
float:none;
}
.social-footer.float-right{ 
float:none;
}
.project-arrow-right, .project-arrow-left {width: 100px;}
}
@media only screen and (max-width: 319px) {
.cd-primary-nav .cd-label {
letter-spacing:1px;
}
.footer-img.float-left img{
float:none;
}
.social-footer.float-right{ 
float:none;
}
.project-arrow-right, .project-arrow-left {width: 100px;}
} @font-face {
font-family: 'big-john';
src: url(//vitagraphics.net/wp-content/themes/metis/css/fonts/big-john.eot);
src: url(//vitagraphics.net/wp-content/themes/metis/css/fonts/big-john.eot?#iefix) format('embedded-opentype'),
url(//vitagraphics.net/wp-content/themes/metis/css/fonts/big-john.woff) format('woff'),
url(//vitagraphics.net/wp-content/themes/metis/css/fonts/big-john.ttf) format('truetype'),
url(//vitagraphics.net/wp-content/themes/metis/css/fonts/big-john.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'et-line';
src: url(//vitagraphics.net/wp-content/themes/metis/css/fonts/et-line.eot);
src: url(//vitagraphics.net/wp-content/themes/metis/css/fonts/et-line.eot?#iefix) format('embedded-opentype'),
url(//vitagraphics.net/wp-content/themes/metis/css/fonts/et-line.woff) format('woff'),
url(//vitagraphics.net/wp-content/themes/metis/css/fonts/et-line.ttf) format('truetype'),
url(//vitagraphics.net/wp-content/themes/metis/css/fonts/et-line.svg) format('svg');
font-weight: normal;
font-style: normal;
} .image-auto-wraper .wpb_single_image .vc_single_image-wrapper{
display: block;
}
.page404{
padding: 200px 0 100px;
}
.page404 h1{
padding-bottom: 30px;
}
.content_404{
padding-bottom: 20px;
}
.page404 a:hover{
color: #333;
}
.padding-blog h4{
text-transform: uppercase;
text-align: left;
}@font-face{font-family:'FontAwesome';src:url(//vitagraphics.net/wp-content/themes/metis/css/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.3);src:url(//vitagraphics.net/wp-content/themes/metis/css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(//vitagraphics.net/wp-content/themes/metis/css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),url(//vitagraphics.net/wp-content/themes/metis/css/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'),url(//vitagraphics.net/wp-content/themes/metis/css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'),url(//vitagraphics.net/wp-content/themes/metis/css/font-awesome/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}@font-face {
font-family: 'et-line';
src: url(//vitagraphics.net/wp-content/themes/metis/css/fonts/et-line.eot);
src: url(//vitagraphics.net/wp-content/themes/metis/css/fonts/et-line.eot?#iefix) format('embedded-opentype'),
url(//vitagraphics.net/wp-content/themes/metis/css/fonts/et-line.woff) format('woff'), url(//vitagraphics.net/wp-content/themes/metis/css/fonts/et-line.ttf)
format('truetype'), url(//vitagraphics.net/wp-content/themes/metis/css/fonts/et-line.svg#et-line) format('svg');
font-weight: normal;
font-style: normal;
} [data-icon]:before {
font-family: 'et-line';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
}  .icon-mobile,.icon-laptop,.icon-desktop,.icon-tablet,.icon-phone,.icon-document,.icon-documents,.icon-search,.icon-clipboard,.icon-newspaper,.icon-notebook,.icon-book-open,.icon-browser,.icon-calendar,.icon-presentation,.icon-picture,.icon-pictures,.icon-video,.icon-camera,.icon-printer,.icon-toolbox,.icon-briefcase,.icon-wallet,.icon-gift,.icon-bargraph,.icon-grid,.icon-expand,.icon-focus,.icon-edit,.icon-adjustments,.icon-ribbon,.icon-hourglass,.icon-lock,.icon-megaphone,.icon-shield,.icon-trophy,.icon-flag,.icon-map,.icon-puzzle,.icon-basket,.icon-envelope,.icon-streetsign,.icon-telescope,.icon-gears,.icon-key,.icon-paperclip,.icon-attachment,.icon-pricetags,.icon-lightbulb,.icon-layers,.icon-pencil,.icon-tools,.icon-tools-2,.icon-scissors,.icon-paintbrush,.icon-magnifying-glass,.icon-circle-compass,.icon-linegraph,.icon-mic,.icon-strategy,.icon-beaker,.icon-caution,.icon-recycle,.icon-anchor,.icon-profile-male,.icon-profile-female,.icon-bike,.icon-wine,.icon-hotairballoon,.icon-globe,.icon-genius,.icon-map-pin,.icon-dial,.icon-chat,.icon-heart,.icon-cloud,.icon-upload,.icon-download,.icon-target,.icon-hazardous,.icon-piechart,.icon-speedometer,.icon-global,.icon-compass,.icon-lifesaver,.icon-clock,.icon-aperture,.icon-quote,.icon-scope,.icon-alarmclock,.icon-refresh,.icon-happy,.icon-sad,.icon-facebook,.icon-twitter,.icon-googleplus,.icon-rss,.icon-tumblr,.icon-linkedin,.icon-dribbble
{
font-family: 'et-line';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
}
.icon-mobile:before {
content: "\e000";
}
.icon-laptop:before {
content: "\e001";
}
.icon-desktop:before {
content: "\e002";
}
.icon-tablet:before {
content: "\e003";
}
.icon-phone:before {
content: "\e004";
}
.icon-document:before {
content: "\e005";
}
.icon-documents:before {
content: "\e006";
}
.icon-search:before {
content: "\e007";
}
.icon-clipboard:before {
content: "\e008";
}
.icon-newspaper:before {
content: "\e009";
}
.icon-notebook:before {
content: "\e00a";
}
.icon-book-open:before {
content: "\e00b";
}
.icon-browser:before {
content: "\e00c";
}
.icon-calendar:before {
content: "\e00d";
}
.icon-presentation:before {
content: "\e00e";
}
.icon-picture:before {
content: "\e00f";
}
.icon-pictures:before {
content: "\e010";
}
.icon-video:before {
content: "\e011";
}
.icon-camera:before {
content: "\e012";
}
.icon-printer:before {
content: "\e013";
}
.icon-toolbox:before {
content: "\e014";
}
.icon-briefcase:before {
content: "\e015";
}
.icon-wallet:before {
content: "\e016";
}
.icon-gift:before {
content: "\e017";
}
.icon-bargraph:before {
content: "\e018";
}
.icon-grid:before {
content: "\e019";
}
.icon-expand:before {
content: "\e01a";
}
.icon-focus:before {
content: "\e01b";
}
.icon-edit:before {
content: "\e01c";
}
.icon-adjustments:before {
content: "\e01d";
}
.icon-ribbon:before {
content: "\e01e";
}
.icon-hourglass:before {
content: "\e01f";
}
.icon-lock:before {
content: "\e020";
}
.icon-megaphone:before {
content: "\e021";
}
.icon-shield:before {
content: "\e022";
}
.icon-trophy:before {
content: "\e023";
}
.icon-flag:before {
content: "\e024";
}
.icon-map:before {
content: "\e025";
}
.icon-puzzle:before {
content: "\e026";
}
.icon-basket:before {
content: "\e027";
}
.icon-envelope:before {
content: "\e028";
}
.icon-streetsign:before {
content: "\e029";
}
.icon-telescope:before {
content: "\e02a";
}
.icon-gears:before {
content: "\e02b";
}
.icon-key:before {
content: "\e02c";
}
.icon-paperclip:before {
content: "\e02d";
}
.icon-attachment:before {
content: "\e02e";
}
.icon-pricetags:before {
content: "\e02f";
}
.icon-lightbulb:before {
content: "\e030";
}
.icon-layers:before {
content: "\e031";
}
.icon-pencil:before {
content: "\e032";
}
.icon-tools:before {
content: "\e033";
}
.icon-tools-2:before {
content: "\e034";
}
.icon-scissors:before {
content: "\e035";
}
.icon-paintbrush:before {
content: "\e036";
}
.icon-magnifying-glass:before {
content: "\e037";
}
.icon-circle-compass:before {
content: "\e038";
}
.icon-linegraph:before {
content: "\e039";
}
.icon-mic:before {
content: "\e03a";
}
.icon-strategy:before {
content: "\e03b";
}
.icon-beaker:before {
content: "\e03c";
}
.icon-caution:before {
content: "\e03d";
}
.icon-recycle:before {
content: "\e03e";
}
.icon-anchor:before {
content: "\e03f";
}
.icon-profile-male:before {
content: "\e040";
}
.icon-profile-female:before {
content: "\e041";
}
.icon-bike:before {
content: "\e042";
}
.icon-wine:before {
content: "\e043";
}
.icon-hotairballoon:before {
content: "\e044";
}
.icon-globe:before {
content: "\e045";
}
.icon-genius:before {
content: "\e046";
}
.icon-map-pin:before {
content: "\e047";
}
.icon-dial:before {
content: "\e048";
}
.icon-chat:before {
content: "\e049";
}
.icon-heart:before {
content: "\e04a";
}
.icon-cloud:before {
content: "\e04b";
}
.icon-upload:before {
content: "\e04c";
}
.icon-download:before {
content: "\e04d";
}
.icon-target:before {
content: "\e04e";
}
.icon-hazardous:before {
content: "\e04f";
}
.icon-piechart:before {
content: "\e050";
}
.icon-speedometer:before {
content: "\e051";
}
.icon-global:before {
content: "\e052";
}
.icon-compass:before {
content: "\e053";
}
.icon-lifesaver:before {
content: "\e054";
}
.icon-clock:before {
content: "\e055";
}
.icon-aperture:before {
content: "\e056";
}
.icon-quote:before {
content: "\e057";
}
.icon-scope:before {
content: "\e058";
}
.icon-alarmclock:before {
content: "\e059";
}
.icon-refresh:before {
content: "\e05a";
}
.icon-happy:before {
content: "\e05b";
}
.icon-sad:before {
content: "\e05c";
}
.icon-facebook:before {
content: "\e05d";
}
.icon-twitter:before {
content: "\e05e";
}
.icon-googleplus:before {
content: "\e05f";
}
.icon-rss:before {
content: "\e060";
}
.icon-tumblr:before {
content: "\e061";
}
.icon-linkedin:before {
content: "\e062";
}
.icon-dribbble:before {
content: "\e063";
}@media all and (-webkit-min-device-pixel-ratio: 1.5) {   }.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//vitagraphics.net/wp-content/themes/metis/css/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
} .owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
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 backSlideOut {
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 backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
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 backSlideIn {
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 backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
.owl-theme .owl-controls{
text-align: center;
z-index:100;
left:0;
width:100%;
} .owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
font-size: 12px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
position:absolute;
top:0;
left:0;
}
.owl-theme .owl-controls .owl-buttons .owl-next,
.owl-theme .owl-controls .owl-buttons .owl-prev{
}  .owl-theme .owl-controls.clickable .owl-buttons div:hover{
opacity: 1;
text-decoration: none;
} .owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 8px;
height: 8px;
margin-left:5px;
margin-right:5px;
opacity: 1;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #212121;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100); opacity: 1;
} .owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .owl-item.loading{
min-height: 150px;
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow-x:hidden;
overflow-y:auto;}
#cboxOverlay{position:fixed; width:100%; height:100%;overflow-y:auto;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;overflow-y:auto;}
#cboxLoadedContent{overflow-y:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#282b30;}
#colorbox{outline:0;}
#cboxContent{background:#282b30; overflow-x:hidden;overflow-y:auto;}
.cboxIframe{background:#282b30;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#fff;opacity:0;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#fff;opacity:0;}
#cboxLoadingOverlay{background:url(//vitagraphics.net/wp-content/themes/metis/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//vitagraphics.net/wp-content/themes/metis/images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious:before{content:'\f104';font-size:22px;}
#cboxPrevious{position: relative;position:absolute;top:10px; left:50%;margin-left:-62px;background:rgba(40,43,48,1); font-family: 'FontAwesome';  color:#fff;width:40px; height:40px;font-size:0;line-height:40px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;outline:none;}
#cboxPrevious:hover{outline:none;background:#fff;color:#212121;}
#cboxNext:before{content:'\f105';font-size:22px;}
#cboxNext{position: relative;position:absolute;top:10px; left:50%;margin-left:22px;background:rgba(40,43,48,1); font-family: 'FontAwesome';  color:#fff;width:40px; height:40px;font-size:0;line-height:40px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;outline:none;}
#cboxNext:hover{outline:none;background:#fff;color:#212121;}		
#cboxClose:before{content:'\f00d';font-size:18px;}
#cboxClose{position: relative;position:absolute;top:10px; left:50%;margin-left:-20px;background:rgba(40,43,48,1); font-family: 'FontAwesome';  color:#fff;width:40px; height:40px;font-size:0;line-height:40px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;outline:none;}
#cboxClose:hover{outline:none;background:#fff;color:#212121;} .cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
} .cboxIE6 #cboxTopLeft{background:url(//vitagraphics.net/wp-content/themes/metis/css/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(//vitagraphics.net/wp-content/themes/metis/css/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(//vitagraphics.net/wp-content/themes/metis/css/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(//vitagraphics.net/wp-content/themes/metis/css/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(//vitagraphics.net/wp-content/themes/metis/css/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(//vitagraphics.net/wp-content/themes/metis/css/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(//vitagraphics.net/wp-content/themes/metis/css/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(//vitagraphics.net/wp-content/themes/metis/css/images/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}a {
color: #72B84C;
}
::selection {
color: #fff;
background: #72B84C;
}
::-moz-selection {
color: #fff;
background: #72B84C;
} #royal_preloader.royal_preloader_progress .royal_preloader_percentage {color: #212121;} .logo {
width: 134px;
height: 25px;
top:50px;
}
.cbp-af-header.cbp-af-header-shrink .logo {
width: 86px;
height: 16px;
top: 32px;
}
@media only screen and (max-width: 1200px) {
.logo , .cbp-af-header.cbp-af-header-shrink .logo {
width: 80px;
height: 15px;
top: 30px;
}
} ul.slimmenu li a:hover{
border-bottom:1px solid #72B84C;
}
ul.slimmenu li.current-menu-ancestor > a, ul.slimmenu li.current-menu-parent > a, li.active > a, 
ul.slimmenu li.current-menu-item > a, ul.slimmenu li.current_page_item > a {
color: #72B84C;
}
ul.slimmenu li {
background:url(https://vitagraphics.net/wp-content/uploads/2017/06/line.png) 0 14px no-repeat;
background-size:15px 10px;
}
@media only screen and (max-width: 1200px) {ul.slimmenu li {background:none;}}
.list-social li:hover{
border:1px solid #72B84C;
}
.logo-wrap img,
.footer-img img,
.logo
{
border-bottom:1px solid #72B84C;
}
.tooltip-item {
border: 4px solid #72B84C;
}
.list-social li:hover.icon-soc a,
.list-social-nav li:hover.icon-soc-nav a,
.section-big-header-text h3 span,
.team-wrap .job-position,
.list-social-team li:hover.icon-soc-team a,
.section-header-text h5 span,
.quote-text span,
.pricing-item:hover h6,
.pricing-item.popular h6,
#filter li .current,
#filter li a:hover,
#filter2 li .current,
#filter2 li a:hover,
.hero-text .hero-subtext span,
.hero-text .hero-subtext strong,
.mb_YTVPBar,
.curtain-text .arrow-right,
.contact-details p span,
.wpcf7-form button,
.contact-min-wrap p span,
.blog-post:hover.quote-post p,
.blog-post .arrow-to-post:hover span,
.blog-post h6:hover,
.link-recents a:hover,
.content-comm .name-aut-replay span:hover,
.checkout__close:hover .icon,
.checkout__summary thead th,
.checkout__summary tbody td span,
.checkout__action .icon,
.cd-item-info b a:hover,
.cd-item-info em span,
.shop-item-top:hover h4,
.shop-item-details .price span,
ul.slimmenu a.active-menu, 
.list-social-nav-onepage li:hover.icon-soc-nav-onepage a,
.services-list h6 a:hover, .comment-form p.logged-in-as a:hover,
.widget ul li a:hover, #wp-calendar tbody a:hover, 
#wp-calendar tfoot #next a:hover, #wp-calendar tfoot #prev a:hover,
.section-header-text h5 strong, .widget_pages ul li a:hover  {
color: #72B84C;
}
.section-big-header-text .line-big-header,
.section-header-text .line-header,
.pricing-item a.price-link:hover,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.mb_YTVTime,
.sidebar input:active,
.sidebar input:focus,
.counter-line, .no-touch #cd-vertical-nav a.is-selected .cd-dot,
.wpb_accordion_wrapper .wpb_accordion_section.group .wpb_accordion_header:hover,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active.ui-state-default{
background:#72B84C;
}
a.scroll-down:hover,
.no-touch .cd-primary-nav a:hover,
#royal_preloader.royal_preloader_progress .royal_preloader_meter,
.cd-vertical-nav a:hover,
#cd-zoom-in,
#cd-zoom-out,
.pro-bar,
.smk_accordion .accordion_in .acc_head:hover,
.smk_accordion .accordion_in.acc_active > .acc_head,
.checkout--active a.checkout__button:hover,
.shop-item-details .button-shop,
.more-left:hover,
.project-left-but:hover, a.link-from-project:hover, .btn.btn-primary{
background-color:#72B84C;
}
.footer-line{
border-top: 1px dashed #72B84C;
}
.wpcf7-form textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:active,
.wpcf7-form input:active,
.metis-form textarea:focus,
.metis-form input:focus,
.metis-form textarea:active,
.metis-form input:active {  
border-bottom:1px solid #72B84C;
}
.cd-pagination .current, #wp-calendar tbody td#today { background-color: #72B84C;
border-color: #72B84C;
}
.sidebar input:-ms-input-placeholder  {
color:#72B84C;
}
.sidebar input::-moz-placeholder  {
color:#72B84C;
}
.sidebar input:-moz-placeholder  {
color:#72B84C;
}
.sidebar input::-webkit-input-placeholder  {
color:#72B84C;
}
.wp-tag-cloud li a:hover {
border:1px solid #72B84C;
background:#72B84C;
color: #fff !important;
} .footer, .dark-back {background-color: #111111;}
.footer-copy-text p{color:#FFFFFF;}
.dark-footer.social-footer .list-social li{border:1px solid #FFFFFF;}
.dark-footer.social-footer .list-social li.icon-soc a{color: #FFFFFF;}
.dark-footer.social-footer .list-social li:hover{border:1px solid #72B84C;}
.dark-footer.social-footer .list-social li:hover.icon-soc a, .leave-reply input[type="submit"]:hover{color: #72B84C;}.vc_modal_box, .modal_box > .wpb_element_wrapper {
background-image: url(//vitagraphics.net/wp-content/plugins/VC_Modal_Popup/img/12.png) !important;
} #smile_icon_search {
width: 96%;
height: 136px;
overflow-y: scroll;
overflow-x: hidden;
border: 1px solid #DDD;
}
#smile_icon_search p {
margin-left: 8px;
margin-bottom: 7px;
clear: both;
padding-top: 7px;
}
.icons-list.smile_icon {
margin-top: -10px;
}
.edit_form_line .search-icon {
width: 350px !important;
}
.smile_icon li {
float: left;
width: 36px;
height: 36px;
text-align: center;
display: block;
box-shadow: 0px 0px 0px 1px #DDD;
margin: 0;
}
.smile_icon li > i {
font-size: 18px;
vertical-align: text-bottom;
display: inline-block;
line-height: 36px;
}
.smile_icon li label {
display: none;
}
.preview-icon {
width: 64px;
height: 56px;
line-height: 56px;
font-size: 40px;
float: left;
text-align: center;
margin-top: -10px;
}
.smile_icon li:hover i {
z-index: 99;
zoom: 1.3;
font-size: 18px;
top: -3px;
left: -3px;
position: relative;
width: 36px;
line-height: 36px;
height: 36px;
display: block;
background: #4C4C4C;
color: #FFF;
cursor: pointer;
}
.smile_icon li.selected {
background: #0785E7;
color: #FFF;
} input.search-icon {
padding: 5px 7px !important;
font-size: 13px;
line-height: 1.5em !important;
}@font-face {
font-family: 'Defaults';
src:url(//vitagraphics.net/wp-content/uploads/smile_fonts/Defaults/Defaults.eot?6d70fz);
src:url(//vitagraphics.net/wp-content/uploads/smile_fonts/Defaults/Defaults.eot?#iefix6d70fz) format('embedded-opentype'),
url(//vitagraphics.net/wp-content/uploads/smile_fonts/Defaults/Defaults.woff?6d70fz) format('woff'),
url(//vitagraphics.net/wp-content/uploads/smile_fonts/Defaults/Defaults.ttf?6d70fz) format('truetype'),
url(//vitagraphics.net/wp-content/uploads/smile_fonts/Defaults/Defaults.svg?6d70fz#Defaults) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="Defaults-"], [class*=" Defaults-"] {
font-family: 'Defaults';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Defaults-glass:before {
content: "\e600";
}
.Defaults-music:before {
content: "\e601";
}
.Defaults-search:before {
content: "\e602";
}
.Defaults-envelope:before {
content: "\e603";
}
.Defaults-heart:before {
content: "\e604";
}
.Defaults-star:before {
content: "\e605";
}
.Defaults-star-empty:before {
content: "\e606";
}
.Defaults-user:before {
content: "\e607";
}
.Defaults-film:before {
content: "\e608";
}
.Defaults-th-large:before {
content: "\e609";
}
.Defaults-th:before {
content: "\e60a";
}
.Defaults-th-list:before {
content: "\e60b";
}
.Defaults-ok:before {
content: "\e60c";
}
.Defaults-remove:before {
content: "\e60d";
}
.Defaults-zoom-in:before {
content: "\e60e";
}
.Defaults-zoom-out:before {
content: "\e60f";
}
.Defaults-off:before {
content: "\e610";
}
.Defaults-signal:before {
content: "\e611";
}
.Defaults-cog:before {
content: "\e612";
}
.Defaults-trash:before {
content: "\e613";
}
.Defaults-home:before {
content: "\e614";
}
.Defaults-file:before {
content: "\e615";
}
.Defaults-time:before {
content: "\e616";
}
.Defaults-road:before {
content: "\e617";
}
.Defaults-download-alt:before {
content: "\e618";
}
.Defaults-download:before {
content: "\e619";
}
.Defaults-upload:before {
content: "\e61a";
}
.Defaults-inbox:before {
content: "\e61b";
}
.Defaults-play-circle:before {
content: "\e61c";
}
.Defaults-repeat:before {
content: "\e61d";
}
.Defaults-refresh:before {
content: "\e61e";
}
.Defaults-list-alt:before {
content: "\e61f";
}
.Defaults-lock:before {
content: "\e620";
}
.Defaults-flag:before {
content: "\e621";
}
.Defaults-headphones:before {
content: "\e622";
}
.Defaults-volume-off:before {
content: "\e623";
}
.Defaults-volume-down:before {
content: "\e624";
}
.Defaults-volume-up:before {
content: "\e625";
}
.Defaults-qrcode:before {
content: "\e626";
}
.Defaults-barcode:before {
content: "\e627";
}
.Defaults-tag:before {
content: "\e628";
}
.Defaults-tags:before {
content: "\e629";
}
.Defaults-book:before {
content: "\e62a";
}
.Defaults-bookmark:before {
content: "\e62b";
}
.Defaults-print:before {
content: "\e62c";
}
.Defaults-camera:before {
content: "\e62d";
}
.Defaults-font:before {
content: "\e62e";
}
.Defaults-bold:before {
content: "\e62f";
}
.Defaults-italic:before {
content: "\e630";
}
.Defaults-text-height:before {
content: "\e631";
}
.Defaults-text-width:before {
content: "\e632";
}
.Defaults-align-left:before {
content: "\e633";
}
.Defaults-align-center:before {
content: "\e634";
}
.Defaults-align-right:before {
content: "\e635";
}
.Defaults-align-justify:before {
content: "\e636";
}
.Defaults-list:before {
content: "\e637";
}
.Defaults-indent-left:before {
content: "\e638";
}
.Defaults-indent-right:before {
content: "\e639";
}
.Defaults-facetime-video:before {
content: "\e63a";
}
.Defaults-picture:before {
content: "\e63b";
}
.Defaults-pencil:before {
content: "\e63c";
}
.Defaults-map-marker:before {
content: "\e63d";
}
.Defaults-adjust:before {
content: "\e63e";
}
.Defaults-tint:before {
content: "\e63f";
}
.Defaults-edit:before {
content: "\e640";
}
.Defaults-share:before {
content: "\e641";
}
.Defaults-check:before {
content: "\e642";
}
.Defaults-move:before {
content: "\e643";
}
.Defaults-step-backward:before {
content: "\e644";
}
.Defaults-fast-backward:before {
content: "\e645";
}
.Defaults-backward:before {
content: "\e646";
}
.Defaults-play:before {
content: "\e647";
}
.Defaults-pause:before {
content: "\e648";
}
.Defaults-stop:before {
content: "\e649";
}
.Defaults-forward:before {
content: "\e64a";
}
.Defaults-fast-forward:before {
content: "\e64b";
}
.Defaults-step-forward:before {
content: "\e64c";
}
.Defaults-eject:before {
content: "\e64d";
}
.Defaults-chevron-left:before {
content: "\e64e";
}
.Defaults-chevron-right:before {
content: "\e64f";
}
.Defaults-plus-sign:before {
content: "\e650";
}
.Defaults-minus-sign:before {
content: "\e651";
}
.Defaults-remove-sign:before {
content: "\e652";
}
.Defaults-ok-sign:before {
content: "\e653";
}
.Defaults-question-sign:before {
content: "\e654";
}
.Defaults-info-sign:before {
content: "\e655";
}
.Defaults-screenshot:before {
content: "\e656";
}
.Defaults-remove-circle:before {
content: "\e657";
}
.Defaults-ok-circle:before {
content: "\e658";
}
.Defaults-ban-circle:before {
content: "\e659";
}
.Defaults-arrow-left:before {
content: "\e65a";
}
.Defaults-arrow-right:before {
content: "\e65b";
}
.Defaults-arrow-up:before {
content: "\e65c";
}
.Defaults-arrow-down:before {
content: "\e65d";
}
.Defaults-share-alt:before {
content: "\e65e";
}
.Defaults-resize-full:before {
content: "\e65f";
}
.Defaults-resize-small:before {
content: "\e660";
}
.Defaults-plus:before {
content: "\e661";
}
.Defaults-minus:before {
content: "\e662";
}
.Defaults-asterisk:before {
content: "\e663";
}
.Defaults-exclamation-sign:before {
content: "\e664";
}
.Defaults-gift:before {
content: "\e665";
}
.Defaults-leaf:before {
content: "\e666";
}
.Defaults-fire:before {
content: "\e667";
}
.Defaults-eye-open:before {
content: "\e668";
}
.Defaults-eye-close:before {
content: "\e669";
}
.Defaults-warning-sign:before {
content: "\e66a";
}
.Defaults-plane:before {
content: "\e66b";
}
.Defaults-calendar:before {
content: "\e66c";
}
.Defaults-random:before {
content: "\e66d";
}
.Defaults-comment:before {
content: "\e66e";
}
.Defaults-magnet:before {
content: "\e66f";
}
.Defaults-chevron-up:before {
content: "\e670";
}
.Defaults-chevron-down:before {
content: "\e671";
}
.Defaults-retweet:before {
content: "\e672";
}
.Defaults-shopping-cart:before {
content: "\e673";
}
.Defaults-folder-close:before {
content: "\e674";
}
.Defaults-folder-open:before {
content: "\e675";
}
.Defaults-resize-vertical:before {
content: "\e676";
}
.Defaults-resize-horizontal:before {
content: "\e677";
}
.Defaults-bar-chart:before {
content: "\e678";
}
.Defaults-twitter-sign:before {
content: "\e679";
}
.Defaults-facebook-sign:before {
content: "\e67a";
}
.Defaults-camera-retro:before {
content: "\e67b";
}
.Defaults-key:before {
content: "\e67c";
}
.Defaults-cogs:before {
content: "\e67d";
}
.Defaults-comments:before {
content: "\e67e";
}
.Defaults-thumbs-up:before {
content: "\e67f";
}
.Defaults-thumbs-down:before {
content: "\e680";
}
.Defaults-star-half:before {
content: "\e681";
}
.Defaults-heart-empty:before {
content: "\e682";
}
.Defaults-signout:before {
content: "\e683";
}
.Defaults-linkedin-sign:before {
content: "\e684";
}
.Defaults-pushpin:before {
content: "\e685";
}
.Defaults-external-link:before {
content: "\e686";
}
.Defaults-signin:before {
content: "\e687";
}
.Defaults-trophy:before {
content: "\e688";
}
.Defaults-github-sign:before {
content: "\e689";
}
.Defaults-upload-alt:before {
content: "\e68a";
}
.Defaults-lemon:before {
content: "\e68b";
}
.Defaults-phone:before {
content: "\e68c";
}
.Defaults-check-empty:before {
content: "\e68d";
}
.Defaults-bookmark-empty:before {
content: "\e68e";
}
.Defaults-phone-sign:before {
content: "\e68f";
}
.Defaults-twitter:before {
content: "\e690";
}
.Defaults-facebook:before {
content: "\e691";
}
.Defaults-github:before {
content: "\e692";
}
.Defaults-unlock:before {
content: "\e693";
}
.Defaults-credit:before {
content: "\e694";
}
.Defaults-rss:before {
content: "\e695";
}
.Defaults-hdd:before {
content: "\e696";
}
.Defaults-bullhorn:before {
content: "\e697";
}
.Defaults-bell:before {
content: "\e698";
}
.Defaults-certificate:before {
content: "\e699";
}
.Defaults-hand-right:before {
content: "\e69a";
}
.Defaults-hand-left:before {
content: "\e69b";
}
.Defaults-hand-up:before {
content: "\e69c";
}
.Defaults-hand-down:before {
content: "\e69d";
}
.Defaults-circle-arrow-left:before {
content: "\e69e";
}
.Defaults-circle-arrow-right:before {
content: "\e69f";
}
.Defaults-circle-arrow-up:before {
content: "\e6a0";
}
.Defaults-circle-arrow-down:before {
content: "\e6a1";
}
.Defaults-globe:before {
content: "\e6a2";
}
.Defaults-wrench:before {
content: "\e6a3";
}
.Defaults-tasks:before {
content: "\e6a4";
}
.Defaults-filter:before {
content: "\e6a5";
}
.Defaults-briefcase:before {
content: "\e6a6";
}
.Defaults-fullscreen:before {
content: "\e6a7";
}
.Defaults-group:before {
content: "\e6a8";
}
.Defaults-link:before {
content: "\e6a9";
}
.Defaults-cloud:before {
content: "\e6aa";
}
.Defaults-beaker:before {
content: "\e6ab";
}
.Defaults-cut:before {
content: "\e6ac";
}
.Defaults-copy:before {
content: "\e6ad";
}
.Defaults-paper-clip:before {
content: "\e6ae";
}
.Defaults-save:before {
content: "\e6af";
}
.Defaults-sign-blank:before {
content: "\e6b0";
}
.Defaults-reorder:before {
content: "\e6b1";
}
.Defaults-list-ul:before {
content: "\e6b2";
}
.Defaults-list-ol:before {
content: "\e6b3";
}
.Defaults-strikethrough:before {
content: "\e6b4";
}
.Defaults-underline:before {
content: "\e6b5";
}
.Defaults-table:before {
content: "\e6b6";
}
.Defaults-magic:before {
content: "\e6b7";
}
.Defaults-truck:before {
content: "\e6b8";
}
.Defaults-pinterest:before {
content: "\e6b9";
}
.Defaults-pinterest-sign:before {
content: "\e6ba";
}
.Defaults-google-plus-sign:before {
content: "\e6bb";
}
.Defaults-google-plus:before {
content: "\e6bc";
}
.Defaults-money:before {
content: "\e6bd";
}
.Defaults-caret-down:before {
content: "\e6be";
}
.Defaults-caret-up:before {
content: "\e6bf";
}
.Defaults-caret-left:before {
content: "\e6c0";
}
.Defaults-caret-right:before {
content: "\e6c1";
}
.Defaults-columns:before {
content: "\e6c2";
}
.Defaults-sort:before {
content: "\e6c3";
}
.Defaults-sort-down:before {
content: "\e6c4";
}
.Defaults-sort-up:before {
content: "\e6c5";
}
.Defaults-envelope-alt:before {
content: "\e6c6";
}
.Defaults-linkedin:before {
content: "\e6c7";
}
.Defaults-undo:before {
content: "\e6c8";
}
.Defaults-legal:before {
content: "\e6c9";
}
.Defaults-dashboard:before {
content: "\e6ca";
}
.Defaults-comment-alt:before {
content: "\e6cb";
}
.Defaults-comments-alt:before {
content: "\e6cc";
}
.Defaults-bolt:before {
content: "\e6cd";
}
.Defaults-sitemap:before {
content: "\e6ce";
}
.Defaults-umbrella:before {
content: "\e6cf";
}
.Defaults-paste:before {
content: "\e6d0";
}
.Defaults-lightbulb:before {
content: "\e6d1";
}
.Defaults-exchange:before {
content: "\e6d2";
}
.Defaults-cloud-download:before {
content: "\e6d3";
}
.Defaults-cloud-upload:before {
content: "\e6d4";
}
.Defaults-user-md:before {
content: "\e6d5";
}
.Defaults-stethoscope:before {
content: "\e6d6";
}
.Defaults-suitcase:before {
content: "\e6d7";
}
.Defaults-bell-alt:before {
content: "\e6d8";
}
.Defaults-coffee:before {
content: "\e6d9";
}
.Defaults-food:before {
content: "\e6da";
}
.Defaults-file-alt:before {
content: "\e6db";
}
.Defaults-building:before {
content: "\e6dc";
}
.Defaults-hospital:before {
content: "\e6dd";
}
.Defaults-ambulance:before {
content: "\e6de";
}
.Defaults-medkit:before {
content: "\e6df";
}
.Defaults-fighter-jet:before {
content: "\e6e0";
}
.Defaults-beer:before {
content: "\e6e1";
}
.Defaults-h-sign:before {
content: "\e6e2";
}
.Defaults-plus-sign2:before {
content: "\e6e3";
}
.Defaults-double-angle-left:before {
content: "\e6e4";
}
.Defaults-double-angle-right:before {
content: "\e6e5";
}
.Defaults-double-angle-up:before {
content: "\e6e6";
}
.Defaults-double-angle-down:before {
content: "\e6e7";
}
.Defaults-angle-left:before {
content: "\e6e8";
}
.Defaults-angle-right:before {
content: "\e6e9";
}
.Defaults-angle-up:before {
content: "\e6ea";
}
.Defaults-angle-down:before {
content: "\e6eb";
}
.Defaults-desktop:before {
content: "\e6ec";
}
.Defaults-laptop:before {
content: "\e6ed";
}
.Defaults-tablet:before {
content: "\e6ee";
}
.Defaults-mobile:before {
content: "\e6ef";
}
.Defaults-circle-blank:before {
content: "\e6f0";
}
.Defaults-quote-left:before {
content: "\e6f1";
}
.Defaults-quote-right:before {
content: "\e6f2";
}
.Defaults-spinner:before {
content: "\e6f3";
}
.Defaults-circle:before {
content: "\e6f4";
}
.Defaults-reply:before {
content: "\e6f5";
}
.Defaults-github-alt:before {
content: "\e6f6";
}
.Defaults-folder-close-alt:before {
content: "\e6f7";
}
.Defaults-folder-open-alt:before {
content: "\e6f8";
}
.Defaults-expand-alt:before {
content: "\e6f9";
}
.Defaults-collapse-alt:before {
content: "\e6fa";
}
.Defaults-smile:before {
content: "\e6fb";
}
.Defaults-frown:before {
content: "\e6fc";
}
.Defaults-meh:before {
content: "\e6fd";
}
.Defaults-gamepad:before {
content: "\e6fe";
}
.Defaults-keyboard:before {
content: "\e6ff";
}
.Defaults-flag-alt:before {
content: "\e700";
}
.Defaults-flag-checkered:before {
content: "\e701";
}
.Defaults-terminal:before {
content: "\e702";
}
.Defaults-code:before {
content: "\e703";
}
.Defaults-reply-all:before {
content: "\e704";
}
.Defaults-star-half-full:before {
content: "\e705";
}
.Defaults-location-arrow:before {
content: "\e706";
}
.Defaults-crop:before {
content: "\e707";
}
.Defaults-code-fork:before {
content: "\e708";
}
.Defaults-unlink:before {
content: "\e709";
}
.Defaults-question:before {
content: "\e70a";
}
.Defaults-info:before {
content: "\e70b";
}
.Defaults-exclamation:before {
content: "\e70c";
}
.Defaults-superscript:before {
content: "\e70d";
}
.Defaults-subscript:before {
content: "\e70e";
}
.Defaults-eraser:before {
content: "\e70f";
}
.Defaults-puzzle:before {
content: "\e710";
}
.Defaults-microphone:before {
content: "\e711";
}
.Defaults-microphone-off:before {
content: "\e712";
}
.Defaults-shield:before {
content: "\e713";
}
.Defaults-calendar-empty:before {
content: "\e714";
}
.Defaults-fire-extinguisher:before {
content: "\e715";
}
.Defaults-rocket:before {
content: "\e716";
}
.Defaults-maxcdn:before {
content: "\e717";
}
.Defaults-chevron-sign-left:before {
content: "\e718";
}
.Defaults-chevron-sign-right:before {
content: "\e719";
}
.Defaults-chevron-sign-up:before {
content: "\e71a";
}
.Defaults-chevron-sign-down:before {
content: "\e71b";
}
.Defaults-html5:before {
content: "\e71c";
}
.Defaults-css3:before {
content: "\e71d";
}
.Defaults-anchor:before {
content: "\e71e";
}
.Defaults-unlock-alt:before {
content: "\e71f";
}
.Defaults-bullseye:before {
content: "\e720";
}
.Defaults-ellipsis-horizontal:before {
content: "\e721";
}
.Defaults-ellipsis-vertical:before {
content: "\e722";
}
.Defaults-rss-sign:before {
content: "\e723";
}
.Defaults-play-sign:before {
content: "\e724";
}
.Defaults-ticket:before {
content: "\e725";
}
.Defaults-minus-sign-alt:before {
content: "\e726";
}
.Defaults-check-minus:before {
content: "\e727";
}
.Defaults-level-up:before {
content: "\e728";
}
.Defaults-level-down:before {
content: "\e729";
}
.Defaults-check-sign:before {
content: "\e72a";
}
.Defaults-edit-sign:before {
content: "\e72b";
}
.Defaults-external-link-sign:before {
content: "\e72c";
}
.Defaults-share-sign:before {
content: "\e72d";
}
.Defaults-compass:before {
content: "\e72e";
}
.Defaults-collapse:before {
content: "\e72f";
}
.Defaults-collapse-top:before {
content: "\e730";
}
.Defaults-expand:before {
content: "\e731";
}
.Defaults-euro:before {
content: "\e732";
}
.Defaults-gbp:before {
content: "\e733";
}
.Defaults-dollar:before {
content: "\e734";
}
.Defaults-rupee:before {
content: "\e735";
}
.Defaults-yen:before {
content: "\e736";
}
.Defaults-renminbi:before {
content: "\e737";
}
.Defaults-won:before {
content: "\e738";
}
.Defaults-bitcoin:before {
content: "\e739";
}
.Defaults-file2:before {
content: "\e73a";
}
.Defaults-file-text:before {
content: "\e73b";
}
.Defaults-sort-by-alphabet:before {
content: "\e73c";
}
.Defaults-sort-by-alphabet-alt:before {
content: "\e73d";
}
.Defaults-sort-by-attributes:before {
content: "\e73e";
}
.Defaults-sort-by-attributes-alt:before {
content: "\e73f";
}
.Defaults-sort-by-order:before {
content: "\e740";
}
.Defaults-sort-by-order-alt:before {
content: "\e741";
}
.Defaults-thumbs-up2:before {
content: "\e742";
}
.Defaults-thumbs-down2:before {
content: "\e743";
}
.Defaults-youtube-sign:before {
content: "\e744";
}
.Defaults-youtube:before {
content: "\e745";
}
.Defaults-xing:before {
content: "\e746";
}
.Defaults-xing-sign:before {
content: "\e747";
}
.Defaults-youtube-play:before {
content: "\e748";
}
.Defaults-dropbox:before {
content: "\e749";
}
.Defaults-stackexchange:before {
content: "\e74a";
}
.Defaults-instagram:before {
content: "\e74b";
}
.Defaults-flickr:before {
content: "\e74c";
}
.Defaults-adn:before {
content: "\e74d";
}
.Defaults-bitbucket:before {
content: "\e74e";
}
.Defaults-bitbucket-sign:before {
content: "\e74f";
}
.Defaults-tumblr:before {
content: "\e750";
}
.Defaults-tumblr-sign:before {
content: "\e751";
}
.Defaults-long-arrow-down:before {
content: "\e752";
}
.Defaults-long-arrow-up:before {
content: "\e753";
}
.Defaults-long-arrow-left:before {
content: "\e754";
}
.Defaults-long-arrow-right:before {
content: "\e755";
}
.Defaults-apple:before {
content: "\e756";
}
.Defaults-windows:before {
content: "\e757";
}
.Defaults-android:before {
content: "\e758";
}
.Defaults-linux:before {
content: "\e759";
}
.Defaults-dribbble:before {
content: "\e75a";
}
.Defaults-skype:before {
content: "\e75b";
}
.Defaults-foursquare:before {
content: "\e75c";
}
.Defaults-trello:before {
content: "\e75d";
}
.Defaults-female:before {
content: "\e75e";
}
.Defaults-male:before {
content: "\e75f";
}
.Defaults-gittip:before {
content: "\e760";
}
.Defaults-sun:before {
content: "\e761";
}
.Defaults-moon:before {
content: "\e762";
}
.Defaults-archive:before {
content: "\e763";
}
.Defaults-bug:before {
content: "\e764";
}
.Defaults-vk:before {
content: "\e765";
}
.Defaults-weibo:before {
content: "\e766";
}
.Defaults-renren:before {
content: "\e767";
}