/*_____ styles/css/base/reset.css*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-family:"museo_sans300",Arial;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*_____ styles/css/base/main.css*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
overflow-x: hidden;
}
body li
{
text-decoration: none !important;
}
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input,
select[multiple],
textarea {
background-image: none;
}
a {
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
img {
vertical-align: middle;
}
ul,
ol,
dl {
-webkit-margin-after: 0;
-webkit-margin-before: 0;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
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;
}
/*_____ styles/css/base/grid.css*/
.pi-row {
margin-left: 0px;
margin-right: 0px;
}
.pi-row:before,
.pi-row:after {
content: " ";
display: table;
}
.pi-row:after {
clear: both;
}
.pi-show-grid [class^="pi-col-"] {
background: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.11);
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 15px;
}
.pi-col-3xs-1,
.pi-col-3xs-2,
.pi-col-3xs-3,
.pi-col-3xs-4,
.pi-col-3xs-5,
.pi-col-3xs-5-cell,
.pi-col-3xs-6,
.pi-col-3xs-7,
.pi-col-3xs-8,
.pi-col-3xs-9,
.pi-col-3xs-10,
.pi-col-3xs-11,
.pi-col-3xs-12,
.pi-col-2xs-1,
.pi-col-2xs-2,
.pi-col-2xs-3,
.pi-col-2xs-4,
.pi-col-2xs-5,
.pi-col-2xs-5-cell,
.pi-col-2xs-6,
.pi-col-2xs-7,
.pi-col-2xs-8,
.pi-col-2xs-9,
.pi-col-2xs-10,
.pi-col-2xs-11,
.pi-col-2xs-12,
.pi-col-xs-1,
.pi-col-xs-2,
.pi-col-xs-3,
.pi-col-xs-4,
.pi-col-xs-5,
.pi-col-xs-5-cell,
.pi-col-xs-6,
.pi-col-xs-7,
.pi-col-xs-8,
.pi-col-xs-9,
.pi-col-xs-10,
.pi-col-xs-11,
.pi-col-xs-12,
.pi-col-sm-1,
.pi-col-sm-2,
.pi-col-sm-3,
.pi-col-sm-4,
.pi-col-sm-5,
.pi-col-sm-5-cell,
.pi-col-sm-6,
.pi-col-sm-7,
.pi-col-sm-8,
.pi-col-sm-9,
.pi-col-sm-10,
.pi-col-sm-11,
.pi-col-sm-12,
.pi-col-md-1,
.pi-col-md-2,
.pi-col-md-3,
.pi-col-md-4,
.pi-col-md-5,
.pi-col-md-5-cell,
.pi-col-md-6,
.pi-col-md-7,
.pi-col-md-8,
.pi-col-md-9,
.pi-col-md-10,
.pi-col-md-11,
.pi-col-md-12,
.pi-col-lg-1,
.pi-col-lg-2,
.pi-col-lg-3,
.pi-col-lg-4,
.pi-col-lg-5,
.pi-col-lg-5-cell,
.pi-col-lg-6,
.pi-col-lg-7,
.pi-col-lg-8,
.pi-col-lg-9,
.pi-col-lg-10,
.pi-col-lg-11,
.pi-col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.pi-grid-small-margins {
margin-left: -10px;
margin-right: -10px;
}
.pi-grid-small-margins .pi-col-3xs-1,
.pi-grid-small-margins .pi-col-3xs-2,
.pi-grid-small-margins .pi-col-3xs-3,
.pi-grid-small-margins .pi-col-3xs-4,
.pi-grid-small-margins .pi-col-3xs-5,
.pi-grid-small-margins .pi-col-3xs-5-cell,
.pi-grid-small-margins .pi-col-3xs-6,
.pi-grid-small-margins .pi-col-3xs-7,
.pi-grid-small-margins .pi-col-3xs-8,
.pi-grid-small-margins .pi-col-3xs-9,
.pi-grid-small-margins .pi-col-3xs-10,
.pi-grid-small-margins .pi-col-3xs-11,
.pi-grid-small-margins .pi-col-3xs-12,
.pi-grid-small-margins .pi-col-2xs-1,
.pi-grid-small-margins .pi-col-2xs-2,
.pi-grid-small-margins .pi-col-2xs-3,
.pi-grid-small-margins .pi-col-2xs-4,
.pi-grid-small-margins .pi-col-2xs-5,
.pi-grid-small-margins .pi-col-2xs-5-cell,
.pi-grid-small-margins .pi-col-2xs-6,
.pi-grid-small-margins .pi-col-2xs-7,
.pi-grid-small-margins .pi-col-2xs-8,
.pi-grid-small-margins .pi-col-2xs-9,
.pi-grid-small-margins .pi-col-2xs-10,
.pi-grid-small-margins .pi-col-2xs-11,
.pi-grid-small-margins .pi-col-2xs-12,
.pi-grid-small-margins .pi-col-xs-1,
.pi-grid-small-margins .pi-col-xs-2,
.pi-grid-small-margins .pi-col-xs-3,
.pi-grid-small-margins .pi-col-xs-4,
.pi-grid-small-margins .pi-col-xs-5,
.pi-grid-small-margins .pi-col-xs-5-cell,
.pi-grid-small-margins .pi-col-xs-6,
.pi-grid-small-margins .pi-col-xs-7,
.pi-grid-small-margins .pi-col-xs-8,
.pi-grid-small-margins .pi-col-xs-9,
.pi-grid-small-margins .pi-col-xs-10,
.pi-grid-small-margins .pi-col-xs-11,
.pi-grid-small-margins .pi-col-xs-12,
.pi-grid-small-margins .pi-col-sm-1,
.pi-grid-small-margins .pi-col-sm-2,
.pi-grid-small-margins .pi-col-sm-3,
.pi-grid-small-margins .pi-col-sm-4,
.pi-grid-small-margins .pi-col-sm-5,
.pi-grid-small-margins .pi-col-sm-5-cell,
.pi-grid-small-margins .pi-col-sm-6,
.pi-grid-small-margins .pi-col-sm-7,
.pi-grid-small-margins .pi-col-sm-8,
.pi-grid-small-margins .pi-col-sm-9,
.pi-grid-small-margins .pi-col-sm-10,
.pi-grid-small-margins .pi-col-sm-11,
.pi-grid-small-margins .pi-col-sm-12,
.pi-grid-small-margins .pi-col-md-1,
.pi-grid-small-margins .pi-col-md-2,
.pi-grid-small-margins .pi-col-md-3,
.pi-grid-small-margins .pi-col-md-4,
.pi-grid-small-margins .pi-col-md-5,
.pi-grid-small-margins .pi-col-md-5-cell,
.pi-grid-small-margins .pi-col-md-6,
.pi-grid-small-margins .pi-col-md-7,
.pi-grid-small-margins .pi-col-md-8,
.pi-grid-small-margins .pi-col-md-9,
.pi-grid-small-margins .pi-col-md-10,
.pi-grid-small-margins .pi-col-md-11,
.pi-grid-small-margins .pi-col-md-12,
.pi-grid-small-margins .pi-col-lg-1,
.pi-grid-small-margins .pi-col-lg-2,
.pi-grid-small-margins .pi-col-lg-3,
.pi-grid-small-margins .pi-col-lg-4,
.pi-grid-small-margins .pi-col-lg-5,
.pi-grid-small-margins .pi-col-lg-5-cell,
.pi-grid-small-margins .pi-col-lg-6,
.pi-grid-small-margins .pi-col-lg-7,
.pi-grid-small-margins .pi-col-lg-8,
.pi-grid-small-margins .pi-col-lg-9,
.pi-grid-small-margins .pi-col-lg-10,
.pi-grid-small-margins .pi-col-lg-11,
.pi-grid-small-margins .pi-col-lg-12 {
padding-left: 10px;
padding-right: 10px;
}
.pi-grid-big-margins {
margin-left: -32px;
margin-right: -32px;
}
.pi-grid-big-margins .pi-col-3xs-1,
.pi-grid-big-margins .pi-col-3xs-2,
.pi-grid-big-margins .pi-col-3xs-3,
.pi-grid-big-margins .pi-col-3xs-4,
.pi-grid-big-margins .pi-col-3xs-5,
.pi-grid-big-margins .pi-col-3xs-5-cell,
.pi-grid-big-margins .pi-col-3xs-6,
.pi-grid-big-margins .pi-col-3xs-7,
.pi-grid-big-margins .pi-col-3xs-8,
.pi-grid-big-margins .pi-col-3xs-9,
.pi-grid-big-margins .pi-col-3xs-10,
.pi-grid-big-margins .pi-col-3xs-11,
.pi-grid-big-margins .pi-col-3xs-12,
.pi-grid-big-margins .pi-col-2xs-1,
.pi-grid-big-margins .pi-col-2xs-2,
.pi-grid-big-margins .pi-col-2xs-3,
.pi-grid-big-margins .pi-col-2xs-4,
.pi-grid-big-margins .pi-col-2xs-5,
.pi-grid-big-margins .pi-col-2xs-5-cell,
.pi-grid-big-margins .pi-col-2xs-6,
.pi-grid-big-margins .pi-col-2xs-7,
.pi-grid-big-margins .pi-col-2xs-8,
.pi-grid-big-margins .pi-col-2xs-9,
.pi-grid-big-margins .pi-col-2xs-10,
.pi-grid-big-margins .pi-col-2xs-11,
.pi-grid-big-margins .pi-col-2xs-12,
.pi-grid-big-margins .pi-col-xs-1,
.pi-grid-big-margins .pi-col-xs-2,
.pi-grid-big-margins .pi-col-xs-3,
.pi-grid-big-margins .pi-col-xs-4,
.pi-grid-big-margins .pi-col-xs-5,
.pi-grid-big-margins .pi-col-xs-5-cell,
.pi-grid-big-margins .pi-col-xs-6,
.pi-grid-big-margins .pi-col-xs-7,
.pi-grid-big-margins .pi-col-xs-8,
.pi-grid-big-margins .pi-col-xs-9,
.pi-grid-big-margins .pi-col-xs-10,
.pi-grid-big-margins .pi-col-xs-11,
.pi-grid-big-margins .pi-col-xs-12,
.pi-grid-big-margins .pi-col-sm-1,
.pi-grid-big-margins .pi-col-sm-2,
.pi-grid-big-margins .pi-col-sm-3,
.pi-grid-big-margins .pi-col-sm-4,
.pi-grid-big-margins .pi-col-sm-5,
.pi-grid-big-margins .pi-col-sm-5-cell,
.pi-grid-big-margins .pi-col-sm-6,
.pi-grid-big-margins .pi-col-sm-7,
.pi-grid-big-margins .pi-col-sm-8,
.pi-grid-big-margins .pi-col-sm-9,
.pi-grid-big-margins .pi-col-sm-10,
.pi-grid-big-margins .pi-col-sm-11,
.pi-grid-big-margins .pi-col-sm-12,
.pi-grid-big-margins .pi-col-md-1,
.pi-grid-big-margins .pi-col-md-2,
.pi-grid-big-margins .pi-col-md-3,
.pi-grid-big-margins .pi-col-md-4,
.pi-grid-big-margins .pi-col-md-5,
.pi-grid-big-margins .pi-col-md-5-cell,
.pi-grid-big-margins .pi-col-md-6,
.pi-grid-big-margins .pi-col-md-7,
.pi-grid-big-margins .pi-col-md-8,
.pi-grid-big-margins .pi-col-md-9,
.pi-grid-big-margins .pi-col-md-10,
.pi-grid-big-margins .pi-col-md-11,
.pi-grid-big-margins .pi-col-md-12,
.pi-grid-big-margins .pi-col-lg-1,
.pi-grid-big-margins .pi-col-lg-2,
.pi-grid-big-margins .pi-col-lg-3,
.pi-grid-big-margins .pi-col-lg-4,
.pi-grid-big-margins .pi-col-lg-5,
.pi-grid-big-margins .pi-col-lg-5-cell,
.pi-grid-big-margins .pi-col-lg-6,
.pi-grid-big-margins .pi-col-lg-7,
.pi-grid-big-margins .pi-col-lg-8,
.pi-grid-big-margins .pi-col-lg-9,
.pi-grid-big-margins .pi-col-lg-10,
.pi-grid-big-margins .pi-col-lg-11,
.pi-grid-big-margins .pi-col-lg-12 {
padding-left: 32px;
padding-right: 32px;
}
.pi-grid-no-margins {
margin: 0;
}
.pi-grid-no-margins .pi-col-3xs-1,
.pi-grid-no-margins .pi-col-3xs-2,
.pi-grid-no-margins .pi-col-3xs-3,
.pi-grid-no-margins .pi-col-3xs-4,
.pi-grid-no-margins .pi-col-3xs-5,
.pi-grid-no-margins .pi-col-3xs-5-cell,
.pi-grid-no-margins .pi-col-3xs-6,
.pi-grid-no-margins .pi-col-3xs-7,
.pi-grid-no-margins .pi-col-3xs-8,
.pi-grid-no-margins .pi-col-3xs-9,
.pi-grid-no-margins .pi-col-3xs-10,
.pi-grid-no-margins .pi-col-3xs-11,
.pi-grid-no-margins .pi-col-3xs-12,
.pi-grid-no-margins .pi-col-2xs-1,
.pi-grid-no-margins .pi-col-2xs-2,
.pi-grid-no-margins .pi-col-2xs-3,
.pi-grid-no-margins .pi-col-2xs-4,
.pi-grid-no-margins .pi-col-2xs-5,
.pi-grid-no-margins .pi-col-2xs-5-cell,
.pi-grid-no-margins .pi-col-2xs-6,
.pi-grid-no-margins .pi-col-2xs-7,
.pi-grid-no-margins .pi-col-2xs-8,
.pi-grid-no-margins .pi-col-2xs-9,
.pi-grid-no-margins .pi-col-2xs-10,
.pi-grid-no-margins .pi-col-2xs-11,
.pi-grid-no-margins .pi-col-2xs-12,
.pi-grid-no-margins .pi-col-xs-1,
.pi-grid-no-margins .pi-col-xs-2,
.pi-grid-no-margins .pi-col-xs-3,
.pi-grid-no-margins .pi-col-xs-4,
.pi-grid-no-margins .pi-col-xs-5,
.pi-grid-no-margins .pi-col-xs-5-cell,
.pi-grid-no-margins .pi-col-xs-6,
.pi-grid-no-margins .pi-col-xs-7,
.pi-grid-no-margins .pi-col-xs-8,
.pi-grid-no-margins .pi-col-xs-9,
.pi-grid-no-margins .pi-col-xs-10,
.pi-grid-no-margins .pi-col-xs-11,
.pi-grid-no-margins .pi-col-xs-12,
.pi-grid-no-margins .pi-col-sm-1,
.pi-grid-no-margins .pi-col-sm-2,
.pi-grid-no-margins .pi-col-sm-3,
.pi-grid-no-margins .pi-col-sm-4,
.pi-grid-no-margins .pi-col-sm-5,
.pi-grid-no-margins .pi-col-sm-5-cell,
.pi-grid-no-margins .pi-col-sm-6,
.pi-grid-no-margins .pi-col-sm-7,
.pi-grid-no-margins .pi-col-sm-8,
.pi-grid-no-margins .pi-col-sm-9,
.pi-grid-no-margins .pi-col-sm-10,
.pi-grid-no-margins .pi-col-sm-11,
.pi-grid-no-margins .pi-col-sm-12,
.pi-grid-no-margins .pi-col-md-1,
.pi-grid-no-margins .pi-col-md-2,
.pi-grid-no-margins .pi-col-md-3,
.pi-grid-no-margins .pi-col-md-4,
.pi-grid-no-margins .pi-col-md-5,
.pi-grid-no-margins .pi-col-md-5-cell,
.pi-grid-no-margins .pi-col-md-6,
.pi-grid-no-margins .pi-col-md-7,
.pi-grid-no-margins .pi-col-md-8,
.pi-grid-no-margins .pi-col-md-9,
.pi-grid-no-margins .pi-col-md-10,
.pi-grid-no-margins .pi-col-md-11,
.pi-grid-no-margins .pi-col-md-12,
.pi-grid-no-margins .pi-col-lg-1,
.pi-grid-no-margins .pi-col-lg-2,
.pi-grid-no-margins .pi-col-lg-3,
.pi-grid-no-margins .pi-col-lg-4,
.pi-grid-no-margins .pi-col-lg-5,
.pi-grid-no-margins .pi-col-lg-5-cell,
.pi-grid-no-margins .pi-col-lg-6,
.pi-grid-no-margins .pi-col-lg-7,
.pi-grid-no-margins .pi-col-lg-8,
.pi-grid-no-margins .pi-col-lg-9,
.pi-grid-no-margins .pi-col-lg-10,
.pi-grid-no-margins .pi-col-lg-11,
.pi-grid-no-margins .pi-col-lg-12 {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 0px) {
.pi-col-3xs-1,
.pi-col-3xs-2,
.pi-col-3xs-3,
.pi-col-3xs-4,
.pi-col-3xs-5,
.pi-col-3xs-5-cell,
.pi-col-3xs-6,
.pi-col-3xs-7,
.pi-col-3xs-8,
.pi-col-3xs-9,
.pi-col-3xs-10,
.pi-col-3xs-11 {
float: left;
}
.pi-bordered .pi-col-3xs-1,
.pi-bordered .pi-col-3xs-2,
.pi-bordered .pi-col-3xs-3,
.pi-bordered .pi-col-3xs-4,
.pi-bordered .pi-col-3xs-5,
.pi-bordered .pi-col-3xs-5-cell,
.pi-bordered .pi-col-3xs-6,
.pi-bordered .pi-col-3xs-7,
.pi-bordered .pi-col-3xs-8,
.pi-bordered .pi-col-3xs-9,
.pi-bordered .pi-col-3xs-10,
.pi-bordered .pi-col-3xs-11 {
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.pi-bordered .pi-col-3xs-1:last-child,
.pi-bordered .pi-col-3xs-2:last-child,
.pi-bordered .pi-col-3xs-3:last-child,
.pi-bordered .pi-col-3xs-4:last-child,
.pi-bordered .pi-col-3xs-5:last-child,
.pi-bordered .pi-col-3xs-5-cell:last-child,
.pi-bordered .pi-col-3xs-6:last-child,
.pi-bordered .pi-col-3xs-7:last-child,
.pi-bordered .pi-col-3xs-8:last-child,
.pi-bordered .pi-col-3xs-9:last-child,
.pi-bordered .pi-col-3xs-10:last-child,
.pi-bordered .pi-col-3xs-11:last-child {
border-right: 0;
}
.pi-bordered:last-child .pi-col-3xs-1,
.pi-bordered:last-child .pi-col-3xs-2,
.pi-bordered:last-child .pi-col-3xs-3,
.pi-bordered:last-child .pi-col-3xs-4,
.pi-bordered:last-child .pi-col-3xs-5,
.pi-bordered:last-child .pi-col-3xs-5-cell,
.pi-bordered:last-child .pi-col-3xs-6,
.pi-bordered:last-child .pi-col-3xs-7,
.pi-bordered:last-child .pi-col-3xs-8,
.pi-bordered:last-child .pi-col-3xs-9,
.pi-bordered:last-child .pi-col-3xs-10,
.pi-bordered:last-child .pi-col-3xs-11 {
border-bottom: 0;
}
.pi-col-3xs-1 {
width: 8.333333333333332%;
}
.pi-col-3xs-2 {
width: 16.666666666666664%;
}
.pi-col-3xs-3 {
width: 25%;
}
.pi-col-3xs-4 {
width: 33.33333333333333%;
}
.pi-col-3xs-5 {
width: 41.66666666666667%;
}
.pi-col-3xs-5-cell {
width: 20%;
}
.pi-col-3xs-6 {
width: 50%;
}
.pi-col-3xs-7 {
width: 58.333333333333336%;
}
.pi-col-3xs-8 {
width: 66.66666666666666%;
}
.pi-col-3xs-9 {
width: 75%;
}
.pi-col-3xs-10 {
width: 83.33333333333334%;
}
.pi-col-3xs-11 {
width: 91.66666666666666%;
}
.pi-col-3xs-12 {
width: 100%;
}
.pi-col-3xs-push-1 {
left: 8.333333333333332%;
}
.pi-col-3xs-push-2 {
left: 16.666666666666664%;
}
.pi-col-3xs-push-3 {
left: 25%;
}
.pi-col-3xs-push-4 {
left: 33.33333333333333%;
}
.pi-col-3xs-push-5 {
left: 41.66666666666667%;
}
.pi-col-3xs-push-5-cell {
left: 20%;
}
.pi-col-3xs-push-6 {
left: 50%;
}
.pi-col-3xs-push-7 {
left: 58.333333333333336%;
}
.pi-col-3xs-push-8 {
left: 66.66666666666666%;
}
.pi-col-3xs-push-9 {
left: 75%;
}
.pi-col-3xs-push-10 {
left: 83.33333333333334%;
}
.pi-col-3xs-push-11 {
left: 91.66666666666666%;
}
.pi-col-3xs-pull-1 {
right: 8.333333333333332%;
}
.pi-col-3xs-pull-2 {
right: 16.666666666666664%;
}
.pi-col-3xs-pull-3 {
right: 25%;
}
.pi-col-3xs-pull-4 {
right: 33.33333333333333%;
}
.pi-col-3xs-pull-5 {
right: 41.66666666666667%;
}
.pi-col-3xs-pull-5-cell {
right: 20%;
}
.pi-col-3xs-pull-6 {
right: 50%;
}
.pi-col-3xs-pull-7 {
right: 58.333333333333336%;
}
.pi-col-3xs-pull-8 {
right: 66.66666666666666%;
}
.pi-col-3xs-pull-9 {
right: 75%;
}
.pi-col-3xs-pull-10 {
right: 83.33333333333334%;
}
.pi-col-3xs-pull-11 {
right: 91.66666666666666%;
}
.pi-col-3xs-offset-1 {
margin-left: 8.333333333333332%;
}
.pi-col-3xs-offset-2 {
margin-left: 16.666666666666664%;
}
.pi-col-3xs-offset-3 {
margin-left: 25%;
}
.pi-col-3xs-offset-4 {
margin-left: 33.33333333333333%;
}
.pi-col-3xs-offset-5 {
margin-left: 41.66666666666667%;
}
.pi-col-3xs-offset-5-cell {
margin-left: 20%;
}
.pi-col-3xs-offset-6 {
margin-left: 50%;
}
.pi-col-3xs-offset-7 {
margin-left: 58.333333333333336%;
}
.pi-col-3xs-offset-8 {
margin-left: 66.66666666666666%;
}
.pi-col-3xs-offset-9 {
margin-left: 75%;
}
.pi-col-3xs-offset-10 {
margin-left: 83.33333333333334%;
}
.pi-col-3xs-offset-11 {
margin-left: 91.66666666666666%;
}
}
@media (min-width: 320px) {
.pi-col-2xs-1,
.pi-col-2xs-2,
.pi-col-2xs-3,
.pi-col-2xs-4,
.pi-col-2xs-5,
.pi-col-2xs-5-cell,
.pi-col-2xs-6,
.pi-col-2xs-7,
.pi-col-2xs-8,
.pi-col-2xs-9,
.pi-col-2xs-10,
.pi-col-2xs-11 {
float: left;
}
.pi-bordered .pi-col-2xs-1,
.pi-bordered .pi-col-2xs-2,
.pi-bordered .pi-col-2xs-3,
.pi-bordered .pi-col-2xs-4,
.pi-bordered .pi-col-2xs-5,
.pi-bordered .pi-col-2xs-5-cell,
.pi-bordered .pi-col-2xs-6,
.pi-bordered .pi-col-2xs-7,
.pi-bordered .pi-col-2xs-8,
.pi-bordered .pi-col-2xs-9,
.pi-bordered .pi-col-2xs-10,
.pi-bordered .pi-col-2xs-11 {
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.pi-bordered .pi-col-2xs-1:last-child,
.pi-bordered .pi-col-2xs-2:last-child,
.pi-bordered .pi-col-2xs-3:last-child,
.pi-bordered .pi-col-2xs-4:last-child,
.pi-bordered .pi-col-2xs-5:last-child,
.pi-bordered .pi-col-2xs-5-cell:last-child,
.pi-bordered .pi-col-2xs-6:last-child,
.pi-bordered .pi-col-2xs-7:last-child,
.pi-bordered .pi-col-2xs-8:last-child,
.pi-bordered .pi-col-2xs-9:last-child,
.pi-bordered .pi-col-2xs-10:last-child,
.pi-bordered .pi-col-2xs-11:last-child {
border-right: 0;
}
.pi-bordered:last-child .pi-col-2xs-1,
.pi-bordered:last-child .pi-col-2xs-2,
.pi-bordered:last-child .pi-col-2xs-3,
.pi-bordered:last-child .pi-col-2xs-4,
.pi-bordered:last-child .pi-col-2xs-5,
.pi-bordered:last-child .pi-col-2xs-5-cell,
.pi-bordered:last-child .pi-col-2xs-6,
.pi-bordered:last-child .pi-col-2xs-7,
.pi-bordered:last-child .pi-col-2xs-8,
.pi-bordered:last-child .pi-col-2xs-9,
.pi-bordered:last-child .pi-col-2xs-10,
.pi-bordered:last-child .pi-col-2xs-11 {
border-bottom: 0;
}
.pi-col-2xs-1 {
width: 8.333333333333332%;
}
.pi-col-2xs-2 {
width: 16.666666666666664%;
}
.pi-col-2xs-3 {
width: 25%;
}
.pi-col-2xs-4 {
width: 33.33333333333333%;
}
.pi-col-2xs-5 {
width: 41.66666666666667%;
}
.pi-col-2xs-5-cell {
width: 20%;
}
.pi-col-2xs-6 {
width: 50%;
}
.pi-col-2xs-7 {
width: 58.333333333333336%;
}
.pi-col-2xs-8 {
width: 66.66666666666666%;
}
.pi-col-2xs-9 {
width: 75%;
}
.pi-col-2xs-10 {
width: 83.33333333333334%;
}
.pi-col-2xs-11 {
width: 91.66666666666666%;
}
.pi-col-2xs-12 {
width: 100%;
}
.pi-col-2xs-push-1 {
left: 8.333333333333332%;
}
.pi-col-2xs-push-2 {
left: 16.666666666666664%;
}
.pi-col-2xs-push-3 {
left: 25%;
}
.pi-col-2xs-push-4 {
left: 33.33333333333333%;
}
.pi-col-2xs-push-5 {
left: 41.66666666666667%;
}
.pi-col-2xs-push-5-cell {
left: 20%;
}
.pi-col-2xs-push-6 {
left: 50%;
}
.pi-col-2xs-push-7 {
left: 58.333333333333336%;
}
.pi-col-2xs-push-8 {
left: 66.66666666666666%;
}
.pi-col-2xs-push-9 {
left: 75%;
}
.pi-col-2xs-push-10 {
left: 83.33333333333334%;
}
.pi-col-2xs-push-11 {
left: 91.66666666666666%;
}
.pi-col-2xs-pull-1 {
right: 8.333333333333332%;
}
.pi-col-2xs-pull-2 {
right: 16.666666666666664%;
}
.pi-col-2xs-pull-3 {
right: 25%;
}
.pi-col-2xs-pull-4 {
right: 33.33333333333333%;
}
.pi-col-2xs-pull-5 {
right: 41.66666666666667%;
}
.pi-col-2xs-pull-5-cell {
right: 20%;
}
.pi-col-2xs-pull-6 {
right: 50%;
}
.pi-col-2xs-pull-7 {
right: 58.333333333333336%;
}
.pi-col-2xs-pull-8 {
right: 66.66666666666666%;
}
.pi-col-2xs-pull-9 {
right: 75%;
}
.pi-col-2xs-pull-10 {
right: 83.33333333333334%;
}
.pi-col-2xs-pull-11 {
right: 91.66666666666666%;
}
.pi-col-2xs-offset-1 {
margin-left: 8.333333333333332%;
}
.pi-col-2xs-offset-2 {
margin-left: 16.666666666666664%;
}
.pi-col-2xs-offset-3 {
margin-left: 25%;
}
.pi-col-2xs-offset-4 {
margin-left: 33.33333333333333%;
}
.pi-col-2xs-offset-5 {
margin-left: 41.66666666666667%;
}
.pi-col-2xs-offset-5-cell {
margin-left: 20%;
}
.pi-col-2xs-offset-6 {
margin-left: 50%;
}
.pi-col-2xs-offset-7 {
margin-left: 58.333333333333336%;
}
.pi-col-2xs-offset-8 {
margin-left: 66.66666666666666%;
}
.pi-col-2xs-offset-9 {
margin-left: 75%;
}
.pi-col-2xs-offset-10 {
margin-left: 83.33333333333334%;
}
.pi-col-2xs-offset-11 {
margin-left: 91.66666666666666%;
}
}
@media (min-width: 480px) {
.pi-col-xs-1,
.pi-col-xs-2,
.pi-col-xs-3,
.pi-col-xs-4,
.pi-col-xs-5,
.pi-col-xs-5-cell,
.pi-col-xs-6,
.pi-col-xs-7,
.pi-col-xs-8,
.pi-col-xs-9,
.pi-col-xs-10,
.pi-col-xs-11 {
float: left;
}
.pi-bordered .pi-col-xs-1,
.pi-bordered .pi-col-xs-2,
.pi-bordered .pi-col-xs-3,
.pi-bordered .pi-col-xs-4,
.pi-bordered .pi-col-xs-5,
.pi-bordered .pi-col-xs-5-cell,
.pi-bordered .pi-col-xs-6,
.pi-bordered .pi-col-xs-7,
.pi-bordered .pi-col-xs-8,
.pi-bordered .pi-col-xs-9,
.pi-bordered .pi-col-xs-10,
.pi-bordered .pi-col-xs-11 {
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.pi-bordered .pi-col-xs-1:last-child,
.pi-bordered .pi-col-xs-2:last-child,
.pi-bordered .pi-col-xs-3:last-child,
.pi-bordered .pi-col-xs-4:last-child,
.pi-bordered .pi-col-xs-5:last-child,
.pi-bordered .pi-col-xs-5-cell:last-child,
.pi-bordered .pi-col-xs-6:last-child,
.pi-bordered .pi-col-xs-7:last-child,
.pi-bordered .pi-col-xs-8:last-child,
.pi-bordered .pi-col-xs-9:last-child,
.pi-bordered .pi-col-xs-10:last-child,
.pi-bordered .pi-col-xs-11:last-child {
border-right: 0;
}
.pi-bordered:last-child .pi-col-xs-1,
.pi-bordered:last-child .pi-col-xs-2,
.pi-bordered:last-child .pi-col-xs-3,
.pi-bordered:last-child .pi-col-xs-4,
.pi-bordered:last-child .pi-col-xs-5,
.pi-bordered:last-child .pi-col-xs-5-cell,
.pi-bordered:last-child .pi-col-xs-6,
.pi-bordered:last-child .pi-col-xs-7,
.pi-bordered:last-child .pi-col-xs-8,
.pi-bordered:last-child .pi-col-xs-9,
.pi-bordered:last-child .pi-col-xs-10,
.pi-bordered:last-child .pi-col-xs-11 {
border-bottom: 0;
}
.pi-col-xs-1 {
width: 8.333333333333332%;
}
.pi-col-xs-2 {
width: 16.666666666666664%;
}
.pi-col-xs-3 {
width: 25%;
}
.pi-col-xs-4 {
width: 33.33333333333333%;
}
.pi-col-xs-5 {
width: 41.66666666666667%;
}
.pi-col-xs-5-cell {
width: 20%;
}
.pi-col-xs-6 {
width: 50%;
}
.pi-col-xs-7 {
width: 58.333333333333336%;
}
.pi-col-xs-8 {
width: 66.66666666666666%;
}
.pi-col-xs-9 {
width: 75%;
}
.pi-col-xs-10 {
width: 83.33333333333334%;
}
.pi-col-xs-11 {
width: 91.66666666666666%;
}
.pi-col-xs-12 {
width: 100%;
}
.pi-col-xs-push-1 {
left: 8.333333333333332%;
}
.pi-col-xs-push-2 {
left: 16.666666666666664%;
}
.pi-col-xs-push-3 {
left: 25%;
}
.pi-col-xs-push-4 {
left: 33.33333333333333%;
}
.pi-col-xs-push-5 {
left: 41.66666666666667%;
}
.pi-col-xs-push-5-cell {
left: 20%;
}
.pi-col-xs-push-6 {
left: 50%;
}
.pi-col-xs-push-7 {
left: 58.333333333333336%;
}
.pi-col-xs-push-8 {
left: 66.66666666666666%;
}
.pi-col-xs-push-9 {
left: 75%;
}
.pi-col-xs-push-10 {
left: 83.33333333333334%;
}
.pi-col-xs-push-11 {
left: 91.66666666666666%;
}
.pi-col-xs-pull-1 {
right: 8.333333333333332%;
}
.pi-col-xs-pull-2 {
right: 16.666666666666664%;
}
.pi-col-xs-pull-3 {
right: 25%;
}
.pi-col-xs-pull-4 {
right: 33.33333333333333%;
}
.pi-col-xs-pull-5 {
right: 41.66666666666667%;
}
.pi-col-xs-pull-5-cell {
right: 20%;
}
.pi-col-xs-pull-6 {
right: 50%;
}
.pi-col-xs-pull-7 {
right: 58.333333333333336%;
}
.pi-col-xs-pull-8 {
right: 66.66666666666666%;
}
.pi-col-xs-pull-9 {
right: 75%;
}
.pi-col-xs-pull-10 {
right: 83.33333333333334%;
}
.pi-col-xs-pull-11 {
right: 91.66666666666666%;
}
.pi-col-xs-offset-1 {
margin-left: 8.333333333333332%;
}
.pi-col-xs-offset-2 {
margin-left: 16.666666666666664%;
}
.pi-col-xs-offset-3 {
margin-left: 25%;
}
.pi-col-xs-offset-4 {
margin-left: 33.33333333333333%;
}
.pi-col-xs-offset-5 {
margin-left: 41.66666666666667%;
}
.pi-col-xs-offset-5-cell {
margin-left: 20%;
}
.pi-col-xs-offset-6 {
margin-left: 50%;
}
.pi-col-xs-offset-7 {
margin-left: 58.333333333333336%;
}
.pi-col-xs-offset-8 {
margin-left: 66.66666666666666%;
}
.pi-col-xs-offset-9 {
margin-left: 75%;
}
.pi-col-xs-offset-10 {
margin-left: 83.33333333333334%;
}
.pi-col-xs-offset-11 {
margin-left: 91.66666666666666%;
}
}
@media (min-width: 768px) {
.pi-col-sm-1,
.pi-col-sm-2,
.pi-col-sm-3,
.pi-col-sm-4,
.pi-col-sm-5,
.pi-col-sm-5-cell,
.pi-col-sm-6,
.pi-col-sm-7,
.pi-col-sm-8,
.pi-col-sm-9,
.pi-col-sm-10,
.pi-col-sm-11 {
float: left;
}
.pi-bordered .pi-col-sm-1,
.pi-bordered .pi-col-sm-2,
.pi-bordered .pi-col-sm-3,
.pi-bordered .pi-col-sm-4,
.pi-bordered .pi-col-sm-5,
.pi-bordered .pi-col-sm-5-cell,
.pi-bordered .pi-col-sm-6,
.pi-bordered .pi-col-sm-7,
.pi-bordered .pi-col-sm-8,
.pi-bordered .pi-col-sm-9,
.pi-bordered .pi-col-sm-10,
.pi-bordered .pi-col-sm-11 {
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.pi-bordered .pi-col-sm-1:last-child,
.pi-bordered .pi-col-sm-2:last-child,
.pi-bordered .pi-col-sm-3:last-child,
.pi-bordered .pi-col-sm-4:last-child,
.pi-bordered .pi-col-sm-5:last-child,
.pi-bordered .pi-col-sm-5-cell:last-child,
.pi-bordered .pi-col-sm-6:last-child,
.pi-bordered .pi-col-sm-7:last-child,
.pi-bordered .pi-col-sm-8:last-child,
.pi-bordered .pi-col-sm-9:last-child,
.pi-bordered .pi-col-sm-10:last-child,
.pi-bordered .pi-col-sm-11:last-child {
border-right: 0;
}
.pi-bordered:last-child .pi-col-sm-1,
.pi-bordered:last-child .pi-col-sm-2,
.pi-bordered:last-child .pi-col-sm-3,
.pi-bordered:last-child .pi-col-sm-4,
.pi-bordered:last-child .pi-col-sm-5,
.pi-bordered:last-child .pi-col-sm-5-cell,
.pi-bordered:last-child .pi-col-sm-6,
.pi-bordered:last-child .pi-col-sm-7,
.pi-bordered:last-child .pi-col-sm-8,
.pi-bordered:last-child .pi-col-sm-9,
.pi-bordered:last-child .pi-col-sm-10,
.pi-bordered:last-child .pi-col-sm-11 {
border-bottom: 0;
}
.pi-col-sm-1 {
width: 8.333333333333332%;
}
.pi-col-sm-2 {
width: 16.666666666666664%;
}
.pi-col-sm-3 {
width: 25%;
}
.pi-col-sm-4 {
width: 33.33333333333333%;
}
.pi-col-sm-5 {
width: 41.66666666666667%;
}
.pi-col-sm-5-cell {
width: 20%;
}
.pi-col-sm-6 {
width: 50%;
}
.pi-col-sm-7 {
width: 58.333333333333336%;
}
.pi-col-sm-8 {
width: 66.66666666666666%;
}
.pi-col-sm-9 {
width: 75%;
}
.pi-col-sm-10 {
width: 83.33333333333334%;
}
.pi-col-sm-11 {
width: 91.66666666666666%;
}
.pi-col-sm-12 {
width: 100%;
}
.pi-col-sm-push-1 {
left: 8.333333333333332%;
}
.pi-col-sm-push-2 {
left: 16.666666666666664%;
}
.pi-col-sm-push-3 {
left: 25%;
}
.pi-col-sm-push-4 {
left: 33.33333333333333%;
}
.pi-col-sm-push-5 {
left: 41.66666666666667%;
}
.pi-col-sm-push-5-cell {
left: 20%;
}
.pi-col-sm-push-6 {
left: 50%;
}
.pi-col-sm-push-7 {
left: 58.333333333333336%;
}
.pi-col-sm-push-8 {
left: 66.66666666666666%;
}
.pi-col-sm-push-9 {
left: 75%;
}
.pi-col-sm-push-10 {
left: 83.33333333333334%;
}
.pi-col-sm-push-11 {
left: 91.66666666666666%;
}
.pi-col-sm-pull-1 {
right: 8.333333333333332%;
}
.pi-col-sm-pull-2 {
right: 16.666666666666664%;
}
.pi-col-sm-pull-3 {
right: 25%;
}
.pi-col-sm-pull-4 {
right: 33.33333333333333%;
}
.pi-col-sm-pull-5 {
right: 41.66666666666667%;
}
.pi-col-sm-pull-5-cell {
right: 20%;
}
.pi-col-sm-pull-6 {
right: 50%;
}
.pi-col-sm-pull-7 {
right: 58.333333333333336%;
}
.pi-col-sm-pull-8 {
right: 66.66666666666666%;
}
.pi-col-sm-pull-9 {
right: 75%;
}
.pi-col-sm-pull-10 {
right: 83.33333333333334%;
}
.pi-col-sm-pull-11 {
right: 91.66666666666666%;
}
.pi-col-sm-offset-1 {
margin-left: 8.333333333333332%;
}
.pi-col-sm-offset-2 {
margin-left: 16.666666666666664%;
}
.pi-col-sm-offset-3 {
margin-left: 25%;
}
.pi-col-sm-offset-4 {
margin-left: 33.33333333333333%;
}
.pi-col-sm-offset-5 {
margin-left: 41.66666666666667%;
}
.pi-col-sm-offset-5-cell {
margin-left: 20%;
}
.pi-col-sm-offset-6 {
margin-left: 50%;
}
.pi-col-sm-offset-7 {
margin-left: 58.333333333333336%;
}
.pi-col-sm-offset-8 {
margin-left: 66.66666666666666%;
}
.pi-col-sm-offset-9 {
margin-left: 75%;
}
.pi-col-sm-offset-10 {
margin-left: 83.33333333333334%;
}
.pi-col-sm-offset-11 {
margin-left: 91.66666666666666%;
}
}
@media (min-width: 992px) {
.pi-col-md-1,
.pi-col-md-2,
.pi-col-md-3,
.pi-col-md-4,
.pi-col-md-5,
.pi-col-md-5-cell,
.pi-col-md-6,
.pi-col-md-7,
.pi-col-md-8,
.pi-col-md-9,
.pi-col-md-10,
.pi-col-md-11 {
float: left;
}
.pi-bordered .pi-col-md-1,
.pi-bordered .pi-col-md-2,
.pi-bordered .pi-col-md-3,
.pi-bordered .pi-col-md-4,
.pi-bordered .pi-col-md-5,
.pi-bordered .pi-col-md-5-cell,
.pi-bordered .pi-col-md-6,
.pi-bordered .pi-col-md-7,
.pi-bordered .pi-col-md-8,
.pi-bordered .pi-col-md-9,
.pi-bordered .pi-col-md-10,
.pi-bordered .pi-col-md-11 {
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.pi-bordered .pi-col-md-1:last-child,
.pi-bordered .pi-col-md-2:last-child,
.pi-bordered .pi-col-md-3:last-child,
.pi-bordered .pi-col-md-4:last-child,
.pi-bordered .pi-col-md-5:last-child,
.pi-bordered .pi-col-md-5-cell:last-child,
.pi-bordered .pi-col-md-6:last-child,
.pi-bordered .pi-col-md-7:last-child,
.pi-bordered .pi-col-md-8:last-child,
.pi-bordered .pi-col-md-9:last-child,
.pi-bordered .pi-col-md-10:last-child,
.pi-bordered .pi-col-md-11:last-child {
border-right: 0;
}
.pi-bordered:last-child .pi-col-md-1,
.pi-bordered:last-child .pi-col-md-2,
.pi-bordered:last-child .pi-col-md-3,
.pi-bordered:last-child .pi-col-md-4,
.pi-bordered:last-child .pi-col-md-5,
.pi-bordered:last-child .pi-col-md-5-cell,
.pi-bordered:last-child .pi-col-md-6,
.pi-bordered:last-child .pi-col-md-7,
.pi-bordered:last-child .pi-col-md-8,
.pi-bordered:last-child .pi-col-md-9,
.pi-bordered:last-child .pi-col-md-10,
.pi-bordered:last-child .pi-col-md-11 {
border-bottom: 0;
}
.pi-col-md-1 {
width: 8.333333333333332%;
}
.pi-col-md-2 {
width: 16.666666666666664%;
}
.pi-col-md-3 {
width: 25%;
}
.pi-col-md-4 {
width: 33.33333333333333%;
}
.pi-col-md-5 {
width: 41.66666666666667%;
}
.pi-col-md-5-cell {
width: 20%;
}
.pi-col-md-6 {
width: 50%;
}
.pi-col-md-7 {
width: 58.333333333333336%;
}
.pi-col-md-8 {
width: 66.66666666666666%;
}
.pi-col-md-9 {
width: 75%;
}
.pi-col-md-10 {
width: 83.33333333333334%;
}
.pi-col-md-11 {
width: 91.66666666666666%;
}
.pi-col-md-12 {
width: 100%;
}
.pi-col-md-push-0 {
left: auto;
}
.pi-col-md-push-1 {
left: 8.333333333333332%;
}
.pi-col-md-push-2 {
left: 16.666666666666664%;
}
.pi-col-md-push-3 {
left: 25%;
}
.pi-col-md-push-4 {
left: 33.33333333333333%;
}
.pi-col-md-push-5 {
left: 41.66666666666667%;
}
.pi-col-md-push-5-cell {
left: 20%;
}
.pi-col-md-push-6 {
left: 50%;
}
.pi-col-md-push-7 {
left: 58.333333333333336%;
}
.pi-col-md-push-8 {
left: 66.66666666666666%;
}
.pi-col-md-push-9 {
left: 75%;
}
.pi-col-md-push-10 {
left: 83.33333333333334%;
}
.pi-col-md-push-11 {
left: 91.66666666666666%;
}
.pi-col-md-pull-0 {
right: auto;
}
.pi-col-md-pull-1 {
right: 8.333333333333332%;
}
.pi-col-md-pull-2 {
right: 16.666666666666664%;
}
.pi-col-md-pull-3 {
right: 25%;
}
.pi-col-md-pull-4 {
right: 33.33333333333333%;
}
.pi-col-md-pull-5 {
right: 41.66666666666667%;
}
.pi-col-md-pull-5-cell {
right: 20%;
}
.pi-col-md-pull-6 {
right: 50%;
}
.pi-col-md-pull-7 {
right: 58.333333333333336%;
}
.pi-col-md-pull-8 {
right: 66.66666666666666%;
}
.pi-col-md-pull-9 {
right: 75%;
}
.pi-col-md-pull-10 {
right: 83.33333333333334%;
}
.pi-col-md-pull-11 {
right: 91.66666666666666%;
}
.pi-col-md-offset-0 {
margin-left: 0;
}
.pi-col-md-offset-1 {
margin-left: 8.333333333333332%;
}
.pi-col-md-offset-2 {
margin-left: 16.666666666666664%;
}
.pi-col-md-offset-3 {
margin-left: 25%;
}
.pi-col-md-offset-4 {
margin-left: 33.33333333333333%;
}
.pi-col-md-offset-5 {
margin-left: 41.66666666666667%;
}
.pi-col-md-offset-5-cell {
margin-left: 20%;
}
.pi-col-md-offset-6 {
margin-left: 50%;
}
.pi-col-md-offset-7 {
margin-left: 58.333333333333336%;
}
.pi-col-md-offset-8 {
margin-left: 66.66666666666666%;
}
.pi-col-md-offset-9 {
margin-left: 75%;
}
.pi-col-md-offset-10 {
margin-left: 83.33333333333334%;
}
.pi-col-md-offset-11 {
margin-left: 91.66666666666666%;
}
}
@media (min-width: 1120px) {
.pi-col-lg-1,
.pi-col-lg-2,
.pi-col-lg-3,
.pi-col-lg-4,
.pi-col-lg-5,
.pi-col-lg-5-cell,
.pi-col-lg-6,
.pi-col-lg-7,
.pi-col-lg-8,
.pi-col-lg-9,
.pi-col-lg-10,
.pi-col-lg-11 {
float: left;
}
.pi-bordered .pi-col-lg-1,
.pi-bordered .pi-col-lg-2,
.pi-bordered .pi-col-lg-3,
.pi-bordered .pi-col-lg-4,
.pi-bordered .pi-col-lg-5,
.pi-bordered .pi-col-lg-5-cell,
.pi-bordered .pi-col-lg-6,
.pi-bordered .pi-col-lg-7,
.pi-bordered .pi-col-lg-8,
.pi-bordered .pi-col-lg-9,
.pi-bordered .pi-col-lg-10,
.pi-bordered .pi-col-lg-11 {
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.pi-bordered .pi-col-lg-1:last-child,
.pi-bordered .pi-col-lg-2:last-child,
.pi-bordered .pi-col-lg-3:last-child,
.pi-bordered .pi-col-lg-4:last-child,
.pi-bordered .pi-col-lg-5:last-child,
.pi-bordered .pi-col-lg-5-cell:last-child,
.pi-bordered .pi-col-lg-6:last-child,
.pi-bordered .pi-col-lg-7:last-child,
.pi-bordered .pi-col-lg-8:last-child,
.pi-bordered .pi-col-lg-9:last-child,
.pi-bordered .pi-col-lg-10:last-child,
.pi-bordered .pi-col-lg-11:last-child {
border-right: 0;
}
.pi-bordered:last-child .pi-col-lg-1,
.pi-bordered:last-child .pi-col-lg-2,
.pi-bordered:last-child .pi-col-lg-3,
.pi-bordered:last-child .pi-col-lg-4,
.pi-bordered:last-child .pi-col-lg-5,
.pi-bordered:last-child .pi-col-lg-5-cell,
.pi-bordered:last-child .pi-col-lg-6,
.pi-bordered:last-child .pi-col-lg-7,
.pi-bordered:last-child .pi-col-lg-8,
.pi-bordered:last-child .pi-col-lg-9,
.pi-bordered:last-child .pi-col-lg-10,
.pi-bordered:last-child .pi-col-lg-11 {
border-bottom: 0;
}
.pi-col-lg-1 {
width: 8.333333333333332%;
}
.pi-col-lg-2 {
width: 16.666666666666664%;
}
.pi-col-lg-3 {
width: 25%;
}
.pi-col-lg-4 {
width: 33.33333333333333%;
}
.pi-col-lg-5 {
width: 41.66666666666667%;
}
.pi-col-lg-5-cell {
width: 20%;
}
.pi-col-lg-6 {
width: 50%;
}
.pi-col-lg-7 {
width: 58.333333333333336%;
}
.pi-col-lg-8 {
width: 66.66666666666666%;
}
.pi-col-lg-9 {
width: 75%;
}
.pi-col-lg-10 {
width: 83.33333333333334%;
}
.pi-col-lg-11 {
width: 91.66666666666666%;
}
.pi-col-lg-12 {
width: 100%;
}
.pi-col-lg-push-0 {
left: auto;
}
.pi-col-lg-push-1 {
left: 8.333333333333332%;
}
.pi-col-lg-push-2 {
left: 16.666666666666664%;
}
.pi-col-lg-push-3 {
left: 25%;
}
.pi-col-lg-push-4 {
left: 33.33333333333333%;
}
.pi-col-lg-push-5 {
left: 41.66666666666667%;
}
.pi-col-lg-push-5-cell {
left: 20%;
}
.pi-col-lg-push-6 {
left: 50%;
}
.pi-col-lg-push-7 {
left: 58.333333333333336%;
}
.pi-col-lg-push-8 {
left: 66.66666666666666%;
}
.pi-col-lg-push-9 {
left: 75%;
}
.pi-col-lg-push-10 {
left: 83.33333333333334%;
}
.pi-col-lg-push-11 {
left: 91.66666666666666%;
}
.pi-col-lg-pull-0 {
right: auto;
}
.pi-col-lg-pull-1 {
right: 8.333333333333332%;
}
.pi-col-lg-pull-2 {
right: 16.666666666666664%;
}
.pi-col-lg-pull-3 {
right: 25%;
}
.pi-col-lg-pull-4 {
right: 33.33333333333333%;
}
.pi-col-lg-pull-5 {
right: 41.66666666666667%;
}
.pi-col-lg-pull-5-cell {
right: 20%;
}
.pi-col-lg-pull-6 {
right: 50%;
}
.pi-col-lg-pull-7 {
right: 58.333333333333336%;
}
.pi-col-lg-pull-8 {
right: 66.66666666666666%;
}
.pi-col-lg-pull-9 {
right: 75%;
}
.pi-col-lg-pull-10 {
right: 83.33333333333334%;
}
.pi-col-lg-pull-11 {
right: 91.66666666666666%;
}
.pi-col-lg-offset-0 {
margin-left: 0;
}
.pi-col-lg-offset-1 {
margin-left: 8.333333333333332%;
}
.pi-col-lg-offset-2 {
margin-left: 16.666666666666664%;
}
.pi-col-lg-offset-3 {
margin-left: 25%;
}
.pi-col-lg-offset-4 {
margin-left: 33.33333333333333%;
}
.pi-col-lg-offset-5 {
margin-left: 41.66666666666667%;
}
.pi-col-lg-offset-5-cell {
margin-left: 20%;
}
.pi-col-lg-offset-6 {
margin-left: 50%;
}
.pi-col-lg-offset-7 {
margin-left: 58.333333333333336%;
}
.pi-col-lg-offset-8 {
margin-left: 66.66666666666666%;
}
.pi-col-lg-offset-9 {
margin-left: 75%;
}
.pi-col-lg-offset-10 {
margin-left: 83.33333333333334%;
}
.pi-col-lg-offset-11 {
margin-left: 91.66666666666666%;
}
}
@media (max-width: 319px) {
.pi-row {
margin-left: -7.5px;
margin-right: -7.5px;
}
.pi-col-3xs-1,
.pi-col-3xs-2,
.pi-col-3xs-3,
.pi-col-3xs-4,
.pi-col-3xs-5,
.pi-col-3xs-5-cell,
.pi-col-3xs-6,
.pi-col-3xs-7,
.pi-col-3xs-8,
.pi-col-3xs-9,
.pi-col-3xs-10,
.pi-col-3xs-11,
.pi-col-3xs-12,
.pi-col-2xs-1,
.pi-col-2xs-2,
.pi-col-2xs-3,
.pi-col-2xs-4,
.pi-col-2xs-5,
.pi-col-2xs-5-cell,
.pi-col-2xs-6,
.pi-col-2xs-7,
.pi-col-2xs-8,
.pi-col-2xs-9,
.pi-col-2xs-10,
.pi-col-2xs-11,
.pi-col-2xs-12,
.pi-col-xs-1,
.pi-col-xs-2,
.pi-col-xs-3,
.pi-col-xs-4,
.pi-col-xs-5,
.pi-col-xs-5-cell,
.pi-col-xs-6,
.pi-col-xs-7,
.pi-col-xs-8,
.pi-col-xs-9,
.pi-col-xs-10,
.pi-col-xs-11,
.pi-col-xs-12,
.pi-col-sm-1,
.pi-col-sm-2,
.pi-col-sm-3,
.pi-col-sm-4,
.pi-col-sm-5,
.pi-col-sm-5-cell,
.pi-col-sm-6,
.pi-col-sm-7,
.pi-col-sm-8,
.pi-col-sm-9,
.pi-col-sm-10,
.pi-col-sm-11,
.pi-col-sm-12 {
padding-left: 7.5px;
padding-right: 7.5px;
}
.pi-grid-small-margins {
margin-left: -5px;
margin-right: -5px;
}
.pi-grid-small-margins .pi-col-3xs-1,
.pi-grid-small-margins .pi-col-3xs-2,
.pi-grid-small-margins .pi-col-3xs-3,
.pi-grid-small-margins .pi-col-3xs-4,
.pi-grid-small-margins .pi-col-3xs-5,
.pi-grid-small-margins .pi-col-3xs-5-cell,
.pi-grid-small-margins .pi-col-3xs-6,
.pi-grid-small-margins .pi-col-3xs-7,
.pi-grid-small-margins .pi-col-3xs-8,
.pi-grid-small-margins .pi-col-3xs-9,
.pi-grid-small-margins .pi-col-3xs-10,
.pi-grid-small-margins .pi-col-3xs-11,
.pi-grid-small-margins .pi-col-3xs-12,
.pi-grid-small-margins .pi-col-2xs-1,
.pi-grid-small-margins .pi-col-2xs-2,
.pi-grid-small-margins .pi-col-2xs-3,
.pi-grid-small-margins .pi-col-2xs-4,
.pi-grid-small-margins .pi-col-2xs-5,
.pi-grid-small-margins .pi-col-2xs-5-cell,
.pi-grid-small-margins .pi-col-2xs-6,
.pi-grid-small-margins .pi-col-2xs-7,
.pi-grid-small-margins .pi-col-2xs-8,
.pi-grid-small-margins .pi-col-2xs-9,
.pi-grid-small-margins .pi-col-2xs-10,
.pi-grid-small-margins .pi-col-2xs-11,
.pi-grid-small-margins .pi-col-2xs-12,
.pi-grid-small-margins .pi-col-xs-1,
.pi-grid-small-margins .pi-col-xs-2,
.pi-grid-small-margins .pi-col-xs-3,
.pi-grid-small-margins .pi-col-xs-4,
.pi-grid-small-margins .pi-col-xs-5,
.pi-grid-small-margins .pi-col-xs-5-cell,
.pi-grid-small-margins .pi-col-xs-6,
.pi-grid-small-margins .pi-col-xs-7,
.pi-grid-small-margins .pi-col-xs-8,
.pi-grid-small-margins .pi-col-xs-9,
.pi-grid-small-margins .pi-col-xs-10,
.pi-grid-small-margins .pi-col-xs-11,
.pi-grid-small-margins .pi-col-xs-12,
.pi-grid-small-margins .pi-col-sm-1,
.pi-grid-small-margins .pi-col-sm-2,
.pi-grid-small-margins .pi-col-sm-3,
.pi-grid-small-margins .pi-col-sm-4,
.pi-grid-small-margins .pi-col-sm-5,
.pi-grid-small-margins .pi-col-sm-5-cell,
.pi-grid-small-margins .pi-col-sm-6,
.pi-grid-small-margins .pi-col-sm-7,
.pi-grid-small-margins .pi-col-sm-8,
.pi-grid-small-margins .pi-col-sm-9,
.pi-grid-small-margins .pi-col-sm-10,
.pi-grid-small-margins .pi-col-sm-11,
.pi-grid-small-margins .pi-col-sm-12,
.pi-grid-small-margins .pi-col-md-1,
.pi-grid-small-margins .pi-col-md-2,
.pi-grid-small-margins .pi-col-md-3,
.pi-grid-small-margins .pi-col-md-4,
.pi-grid-small-margins .pi-col-md-5,
.pi-grid-small-margins .pi-col-md-5-cell,
.pi-grid-small-margins .pi-col-md-6,
.pi-grid-small-margins .pi-col-md-7,
.pi-grid-small-margins .pi-col-md-8,
.pi-grid-small-margins .pi-col-md-9,
.pi-grid-small-margins .pi-col-md-10,
.pi-grid-small-margins .pi-col-md-11,
.pi-grid-small-margins .pi-col-md-12,
.pi-grid-small-margins .pi-col-lg-1,
.pi-grid-small-margins .pi-col-lg-2,
.pi-grid-small-margins .pi-col-lg-3,
.pi-grid-small-margins .pi-col-lg-4,
.pi-grid-small-margins .pi-col-lg-5,
.pi-grid-small-margins .pi-col-lg-5-cell,
.pi-grid-small-margins .pi-col-lg-6,
.pi-grid-small-margins .pi-col-lg-7,
.pi-grid-small-margins .pi-col-lg-8,
.pi-grid-small-margins .pi-col-lg-9,
.pi-grid-small-margins .pi-col-lg-10,
.pi-grid-small-margins .pi-col-lg-11,
.pi-grid-small-margins .pi-col-lg-12 {
padding-left: 5px;
padding-right: 5px;
}
.pi-grid-big-margins {
margin-left: -16px;
margin-right: -16px;
}
.pi-grid-big-margins .pi-col-3xs-1,
.pi-grid-big-margins .pi-col-3xs-2,
.pi-grid-big-margins .pi-col-3xs-3,
.pi-grid-big-margins .pi-col-3xs-4,
.pi-grid-big-margins .pi-col-3xs-5,
.pi-grid-big-margins .pi-col-3xs-5-cell,
.pi-grid-big-margins .pi-col-3xs-6,
.pi-grid-big-margins .pi-col-3xs-7,
.pi-grid-big-margins .pi-col-3xs-8,
.pi-grid-big-margins .pi-col-3xs-9,
.pi-grid-big-margins .pi-col-3xs-10,
.pi-grid-big-margins .pi-col-3xs-11,
.pi-grid-big-margins .pi-col-3xs-12,
.pi-grid-big-margins .pi-col-2xs-1,
.pi-grid-big-margins .pi-col-2xs-2,
.pi-grid-big-margins .pi-col-2xs-3,
.pi-grid-big-margins .pi-col-2xs-4,
.pi-grid-big-margins .pi-col-2xs-5,
.pi-grid-big-margins .pi-col-2xs-5-cell,
.pi-grid-big-margins .pi-col-2xs-6,
.pi-grid-big-margins .pi-col-2xs-7,
.pi-grid-big-margins .pi-col-2xs-8,
.pi-grid-big-margins .pi-col-2xs-9,
.pi-grid-big-margins .pi-col-2xs-10,
.pi-grid-big-margins .pi-col-2xs-11,
.pi-grid-big-margins .pi-col-2xs-12,
.pi-grid-big-margins .pi-col-xs-1,
.pi-grid-big-margins .pi-col-xs-2,
.pi-grid-big-margins .pi-col-xs-3,
.pi-grid-big-margins .pi-col-xs-4,
.pi-grid-big-margins .pi-col-xs-5,
.pi-grid-big-margins .pi-col-xs-5-cell,
.pi-grid-big-margins .pi-col-xs-6,
.pi-grid-big-margins .pi-col-xs-7,
.pi-grid-big-margins .pi-col-xs-8,
.pi-grid-big-margins .pi-col-xs-9,
.pi-grid-big-margins .pi-col-xs-10,
.pi-grid-big-margins .pi-col-xs-11,
.pi-grid-big-margins .pi-col-xs-12,
.pi-grid-big-margins .pi-col-sm-1,
.pi-grid-big-margins .pi-col-sm-2,
.pi-grid-big-margins .pi-col-sm-3,
.pi-grid-big-margins .pi-col-sm-4,
.pi-grid-big-margins .pi-col-sm-5,
.pi-grid-big-margins .pi-col-sm-5-cell,
.pi-grid-big-margins .pi-col-sm-6,
.pi-grid-big-margins .pi-col-sm-7,
.pi-grid-big-margins .pi-col-sm-8,
.pi-grid-big-margins .pi-col-sm-9,
.pi-grid-big-margins .pi-col-sm-10,
.pi-grid-big-margins .pi-col-sm-11,
.pi-grid-big-margins .pi-col-sm-12,
.pi-grid-big-margins .pi-col-md-1,
.pi-grid-big-margins .pi-col-md-2,
.pi-grid-big-margins .pi-col-md-3,
.pi-grid-big-margins .pi-col-md-4,
.pi-grid-big-margins .pi-col-md-5,
.pi-grid-big-margins .pi-col-md-5-cell,
.pi-grid-big-margins .pi-col-md-6,
.pi-grid-big-margins .pi-col-md-7,
.pi-grid-big-margins .pi-col-md-8,
.pi-grid-big-margins .pi-col-md-9,
.pi-grid-big-margins .pi-col-md-10,
.pi-grid-big-margins .pi-col-md-11,
.pi-grid-big-margins .pi-col-md-12,
.pi-grid-big-margins .pi-col-lg-1,
.pi-grid-big-margins .pi-col-lg-2,
.pi-grid-big-margins .pi-col-lg-3,
.pi-grid-big-margins .pi-col-lg-4,
.pi-grid-big-margins .pi-col-lg-5,
.pi-grid-big-margins .pi-col-lg-5-cell,
.pi-grid-big-margins .pi-col-lg-6,
.pi-grid-big-margins .pi-col-lg-7,
.pi-grid-big-margins .pi-col-lg-8,
.pi-grid-big-margins .pi-col-lg-9,
.pi-grid-big-margins .pi-col-lg-10,
.pi-grid-big-margins .pi-col-lg-11,
.pi-grid-big-margins .pi-col-lg-12 {
padding-left: 16px;
padding-right: 16px;
}
}
.pi-section-white .pi-bordered .pi-col {
border-color: #eef1f1;
}
.pi-section-grey .pi-bordered .pi-col {
border-color: #e6eaea;
}
.pi-section-base .pi-bordered .pi-col {
border-color: #009ca4;
}
.pi-section-dark .pi-bordered .pi-col {
border-color: #2a3036;
}
.pi-section-parallax .pi-bordered .pi-col {
border-color: #242427;
}
.design {
font-family: "museo_sans300 light",Arial;
font-size:75px;
line-height: 75px;
}
@media (max-width: 768px) {
.pi-section .design {
font-size: 35px;
line-height: 35px;
}
}
/*_____ styles/css/base/galleries.css*/
.isotope {
position: relative;
}
.pi-gallery {
margin-left: -15px;
margin-right: -15px;
}
.pi-gallery:before,
.pi-gallery:after {
content: " ";
display: table;
}
.pi-gallery:after {
clear: both;
}
.pi-gallery .pi-gallery-item {
padding-left: 15px;
padding-right: 15px;
}
.pi-gallery.pi-gallery-small-margins {
margin-left: -10px;
margin-right: -10px;
}
.pi-gallery.pi-gallery-small-margins .pi-gallery-item {
padding-left: 10px;
padding-right: 10px;
}
.pi-gallery.pi-gallery-big-margins {
margin-left: -32px;
margin-right: -32px;
}
.pi-gallery.pi-gallery-big-margins .pi-gallery-item {
padding-left: 32px;
padding-right: 32px;
}
.pi-gallery .pi-gallery-item img {
width: 100%;
}
.pi-gallery.pi-stacked {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 20px;
}
.pi-gallery.pi-stacked .pi-gallery-item,
.pi-gallery.pi-stacked .pi-gallery-item .pi-img-w {
margin: 0 !important;
}
.pi-gallery.pi-stacked .pi-gallery-item {
padding: 0 !important;
}
@media (min-width: 0px) {
.pi-gallery.pi-liquid-col-3xs-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-6 .pi-gallery-item {
float: left;
}
.pi-gallery.pi-liquid-col-3xs-1 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-6 .pi-gallery-item {
padding: 0 15px;
}
.pi-gallery.pi-gallery-small-margins {
margin-left: -10px;
margin-right: -10px;
}
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-1 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-2 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-3 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-4 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-5 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-6 .pi-gallery-item {
padding: 0 10px;
}
.pi-gallery.pi-gallery-big-margins {
margin-left: -32px;
margin-right: -32px;
}
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-1 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-2 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-3 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-4 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-5 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-6 .pi-gallery-item {
padding: 0 32px;
}
.pi-liquid-col-3xs-6 .pi-gallery-item {
width: 16.6%;
}
.pi-liquid-col-3xs-5 .pi-gallery-item {
width: 20%;
}
.pi-liquid-col-3xs-4 .pi-gallery-item {
width: 25%;
}
.pi-liquid-col-3xs-3 .pi-gallery-item {
width: 33.3%;
}
.pi-liquid-col-3xs-2 .pi-gallery-item {
width: 50%;
}
.pi-liquid-col-3xs-1 .pi-gallery-item {
width: 100%;
}
}
@media (min-width: 320px) {
.pi-gallery.pi-liquid-col-2xs-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-2xs-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-2xs-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-2xs-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-2xs-6 .pi-gallery-item {
float: left;
}
.pi-gallery.pi-liquid-col-2xs-1 .pi-gallery-item,
.pi-gallery.pi-liquid-col-2xs-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-2xs-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-2xs-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-2xs-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-2xs-6 .pi-gallery-item {
padding: 0 15px;
}
.pi-gallery.pi-gallery-small-margins {
margin-left: -10px;
margin-right: -10px;
}
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-2xs-1 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-2xs-2 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-2xs-3 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-2xs-4 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-2xs-5 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-2xs-6 .pi-gallery-item {
padding: 0 10px;
}
.pi-gallery.pi-gallery-big-margins {
margin-left: -32px;
margin-right: -32px;
}
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-2xs-1 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-2xs-2 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-2xs-3 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-2xs-4 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-2xs-5 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-2xs-6 .pi-gallery-item {
padding: 0 32px;
}
.pi-liquid-col-2xs-6 .pi-gallery-item {
width: 16.6%;
}
.pi-liquid-col-2xs-5 .pi-gallery-item {
width: 20%;
}
.pi-liquid-col-2xs-4 .pi-gallery-item {
width: 25%;
}
.pi-liquid-col-2xs-3 .pi-gallery-item {
width: 33.3%;
}
.pi-liquid-col-2xs-2 .pi-gallery-item {
width: 50%;
}
.pi-liquid-col-2xs-1 .pi-gallery-item {
width: 100%;
}
}
@media (min-width: 480px) {
.pi-gallery.pi-liquid-col-xs-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-xs-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-xs-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-xs-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-xs-6 .pi-gallery-item {
float: left;
}
.pi-gallery.pi-liquid-col-xs-1 .pi-gallery-item,
.pi-gallery.pi-liquid-col-xs-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-xs-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-xs-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-xs-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-xs-6 .pi-gallery-item {
padding: 0 15px;
}
.pi-gallery.pi-gallery-small-margins {
margin-left: -10px;
margin-right: -10px;
}
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-xs-1 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-xs-2 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-xs-3 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-xs-4 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-xs-5 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-xs-6 .pi-gallery-item {
padding: 0 10px;
}
.pi-gallery.pi-gallery-big-margins {
margin-left: -32px;
margin-right: -32px;
}
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-xs-1 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-xs-2 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-xs-3 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-xs-4 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-xs-5 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-xs-6 .pi-gallery-item {
padding: 0 32px;
}
.pi-liquid-col-xs-6 .pi-gallery-item {
width: 16.6%;
}
.pi-liquid-col-xs-5 .pi-gallery-item {
width: 20%;
}
.pi-liquid-col-xs-4 .pi-gallery-item {
width: 25%;
}
.pi-liquid-col-xs-3 .pi-gallery-item {
width: 33.3%;
}
.pi-liquid-col-xs-2 .pi-gallery-item {
width: 50%;
}
.pi-liquid-col-xs-1 .pi-gallery-item {
width: 100%;
}
}
@media (min-width: 768px) {
.pi-gallery.pi-liquid-col-sm-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-sm-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-sm-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-sm-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-sm-6 .pi-gallery-item {
float: left;
}
.pi-gallery.pi-liquid-col-sm-1 .pi-gallery-item,
.pi-gallery.pi-liquid-col-sm-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-sm-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-sm-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-sm-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-sm-6 .pi-gallery-item {
padding: 0 15px;
}
.pi-gallery.pi-gallery-small-margins {
margin-left: -10px;
margin-right: -10px;
}
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-1 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-2 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-4 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-5 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-6 .pi-gallery-item {
padding: 0 0px;
}
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-3 .pi-gallery-item {
padding: 0 10px;
}
.pi-gallery.pi-gallery-big-margins {
margin-left: -32px;
margin-right: -32px;
}
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-sm-1 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-sm-2 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-sm-3 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-sm-4 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-sm-5 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-sm-6 .pi-gallery-item {
padding: 0 32px;
}
.pi-liquid-col-sm-6 .pi-gallery-item {
width: 16.6%;
}
.pi-liquid-col-sm-5 .pi-gallery-item {
width: 20%;
}
.pi-liquid-col-sm-4 .pi-gallery-item {
width: 25%;
}
.pi-liquid-col-sm-3 .pi-gallery-item {
width: 33.3%;
}
.pi-liquid-col-sm-2 .pi-gallery-item {
width: 50%;
}
.pi-liquid-col-sm-1 .pi-gallery-item {
width: 100%;
}
}
@media (min-width: 992px) {
.pi-gallery.pi-liquid-col-md-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-md-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-md-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-md-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-md-6 .pi-gallery-item {
float: left;
}
.pi-gallery.pi-liquid-col-md-1 .pi-gallery-item,
.pi-gallery.pi-liquid-col-md-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-md-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-md-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-md-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-md-6 .pi-gallery-item {
padding: 0 15px;
}
.pi-gallery.pi-gallery-small-margins {
margin-left: -10px;
margin-right: -10px;
}
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-md-1 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-md-2 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-md-3 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-md-4 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-md-5 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-md-6 .pi-gallery-item {
padding: 0 10px;
}
.pi-gallery.pi-gallery-big-margins {
margin-left: -32px;
margin-right: -32px;
}
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-md-1 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-md-2 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-md-3 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-md-4 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-md-5 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-md-6 .pi-gallery-item {
padding: 0 32px;
}
.pi-liquid-col-md-6 .pi-gallery-item {
width: 16.6%;
}
.pi-liquid-col-md-5 .pi-gallery-item {
width: 20%;
}
.pi-liquid-col-md-4 .pi-gallery-item {
width: 25%;
}
.pi-liquid-col-md-3 .pi-gallery-item {
width: 33.3%;
}
.pi-liquid-col-md-2 .pi-gallery-item {
width: 50%;
}
.pi-liquid-col-md-1 .pi-gallery-item {
width: 100%;
}
}
@media (min-width: 1120px) {
.pi-gallery.pi-liquid-col-lg-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-lg-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-lg-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-lg-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-lg-6 .pi-gallery-item {
float: left;
}
.pi-gallery.pi-liquid-col-lg-1 .pi-gallery-item,
.pi-gallery.pi-liquid-col-lg-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-lg-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-lg-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-lg-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-lg-6 .pi-gallery-item {
padding: 0 15px;
}
.pi-gallery.pi-gallery-small-margins {
margin-left: -10px;
margin-right: -10px;
}
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-lg-1 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-lg-2 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-lg-3 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-lg-4 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-lg-5 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-lg-6 .pi-gallery-item {
padding: 0 10px;
}
.pi-gallery.pi-gallery-big-margins {
margin-left: -32px;
margin-right: -32px;
}
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-lg-1 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-lg-2 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-lg-3 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-lg-4 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-lg-5 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-lg-6 .pi-gallery-item {
padding: 0 32px;
}
.pi-liquid-col-lg-6 .pi-gallery-item {
width: 16.6%;
}
.pi-liquid-col-lg-5 .pi-gallery-item {
width: 20%;
}
.pi-liquid-col-lg-4 .pi-gallery-item {
width: auto;
}
.pi-liquid-col-lg-3 .pi-gallery-item {
width: 33.3%;
}
.pi-liquid-col-lg-2 .pi-gallery-item {
width: 50%;
}
.pi-liquid-col-lg-1 .pi-gallery-item {
width: 100%;
}
}
@media (max-width: 319px) {
.pi-gallery {
margin-left: -7.5px;
margin-right: -7.5px;
}
.pi-gallery.pi-liquid-col-3xs-1 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-2 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-3 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-4 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-5 .pi-gallery-item,
.pi-gallery.pi-liquid-col-3xs-6 .pi-gallery-item {
padding: 0 7.5px;
}
.pi-gallery.pi-gallery-small-margins {
margin-left: -5px;
margin-right: -5px;
}
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-1 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-2 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-3 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-4 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-5 .pi-gallery-item,
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-3xs-6 .pi-gallery-item {
padding: 0 5px;
}
.pi-gallery.pi-gallery-big-margins {
margin-left: -16px;
margin-right: -16px;
}
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-1 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-2 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-3 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-4 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-5 .pi-gallery-item,
.pi-gallery.pi-gallery-big-margins.pi-liquid-col-3xs-6 .pi-gallery-item {
padding: 0 16px;
}
}
/*_____ styles/css/base/helpers.css*/
.pi-fixed #pi-all {
max-width: 1120px;
margin: 0 auto;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
#pi-all {
position: relative;
overflow: hidden;
}
.pi-copyright {
line-height: 30px;
}
.pi-no-margin {
margin: 0 !important;
}
.pi-no-margin-top {
margin-top: 0 !important;
}
.pi-no-margin-right {
margin-right: 0 !important;
}
.pi-no-margin-bottom {
margin-bottom: 0 !important;
}
.pi-no-margin-left {
margin-left: 0 !important;
}
.pi-no-padding {
padding: 0 !important;
}
.pi-no-padding-top {
padding-top: 0 !important;
}
.pi-no-padding-right {
padding-right: 0 !important;
}
.pi-no-padding-bottom {
padding-bottom: 0 !important;
}
.pi-no-padding-left {
padding-left: 0 !important;
}
.pi-padding-top-10,
.pi-padding-top-bottom-10 {
padding-top: 10px !important;
}
.pi-padding-top-15,
.pi-padding-top-bottom-15 {
padding-top: 15px !important;
}
.pi-padding-top-20,
.pi-padding-top-bottom-20 {
padding-top: 20px !important;
}
.pi-padding-top-25,
.pi-padding-top-bottom-25 {
padding-top: 25px !important;
}
.pi-padding-top-30,
.pi-padding-top-bottom-30 {
padding-top: 30px !important;
}
.pi-padding-top-40,
.pi-padding-top-bottom-40 {
padding-top: 40px !important;
}
.pi-padding-top-50,
.pi-padding-top-bottom-50 {
padding-top: 50px !important;
}
.pi-padding-top-60,
.pi-padding-top-bottom-60 {
padding-top: 60px !important;
}
.pi-padding-top-70,
.pi-padding-top-bottom-70 {
padding-top: 60px !important;
}
.pi-padding-top-80,
.pi-padding-top-bottom-80 {
padding-top: 80px !important;
}
.pi-padding-top-90,
.pi-padding-top-bottom-90 {
padding-top: 90px !important;
}
.pi-padding-top-100,
.pi-padding-top-bottom-100 {
padding-top: 100px !important;
}
.pi-padding-top-110,
.pi-padding-top-bottom-110 {
padding-top: 110px !important;
}
.pi-padding-top-120,
.pi-padding-top-bottom-120 {
padding-top: 120px !important;
}
.pi-padding-top-130,
.pi-padding-top-bottom-130 {
padding-top: 130px !important;
}
.pi-padding-top-140,
.pi-padding-top-bottom-140 {
padding-top: 140px !important;
}
.pi-padding-top-150,
.pi-padding-top-bottom-150 {
padding-top: 150px !important;
}
.pi-padding-top-160,
.pi-padding-top-bottom-160 {
padding-top: 160px !important;
}
.pi-padding-top-170,
.pi-padding-top-bottom-170 {
padding-top: 170px !important;
}
.pi-padding-top-215,
.pi-padding-top-bottom-215 {
padding-top: 215px !important;
}
.margin-left {
margin-left: 31.333%;
}
@media (max-width: 768px) {
.pi-wire {
width: 100%;
color: #000;
}
}
.pi-padding-bottom-10,
.pi-padding-top-bottom-10 {
padding-bottom: 10px !important;
}
.pi-padding-bottom-15,
.pi-padding-top-bottom-15 {
padding-bottom: 15px !important;
}
.pi-padding-bottom-20,
.pi-padding-top-bottom-20 {
padding-bottom: 20px !important;
}
.pi-padding-bottom-25,
.pi-padding-top-bottom-25 {
padding-bottom: 20px !important;
}
.pi-padding-bottom-30,
.pi-padding-top-bottom-30 {
padding-bottom: 30px !important;
}
.pi-padding-bottom-32,
.pi-padding-top-bottom-32 {
padding-bottom: 32px !important;
}
.pi-padding-bottom-35,
.pi-padding-top-bottom-35 {
padding-bottom: 35px !important;
}
.pi-padding-bottom-40,
.pi-padding-top-bottom-40 {
padding-bottom: 40px !important;
}
.pi-padding-bottom-50,
.pi-padding-top-bottom-50 {
padding-bottom: 50px !important;
}
.pi-padding-bottom-60,
.pi-padding-top-bottom-60 {
padding-bottom: 60px !important;
}
.pi-padding-bottom-66,
.pi-padding-top-bottom-66 {
padding-bottom: 66px !important;
}
.pi-padding-bottom-70,
.pi-padding-top-bottom-70 {
padding-bottom: 70px !important;
}
.pi-padding-bottom-71,
.pi-padding-top-bottom-71 {
padding-bottom: 71px !important;
}
.pi-padding-bottom-80,
.pi-padding-top-bottom-80 {
padding-bottom: 80px !important;
}
.pi-padding-bottom-90,
.pi-padding-top-bottom-90 {
padding-bottom: 90px !important;
}
.pi-padding-bottom-95,
.pi-padding-top-bottom-95 {
padding-bottom: 95px !important;
}
.pi-padding-bottom-100,
.pi-padding-top-bottom-100 {
padding-bottom: 100px !important;
}
.pi-padding-bottom-110,
.pi-padding-top-bottom-110 {
padding-bottom: 110px !important;
}
.pi-padding-bottom-120,
.pi-padding-top-bottom-120 {
padding-bottom: 120px !important;
}
.pi-padding-bottom-130,
.pi-padding-top-bottom-130 {
padding-bottom: 130px !important;
}
.pi-padding-bottom-140,
.pi-padding-top-bottom-140 {
padding-bottom: 140px !important;
}
.pi-padding-bottom-150,
.pi-padding-top-bottom-150 {
padding-bottom: 150px !important;
}
.pi-padding-bottom-160,
.pi-padding-top-bottom-160 {
padding-bottom: 160px !important;
}
.pi-padding-bottom-170,
.pi-padding-top-bottom-170 {
padding-bottom: 170px !important;
}
.pi-padding-bottom-320 {
padding-bottom: 320px;
}
.pi-no-border {
border: 0 !important;
}
.pi-no-border-top {
border-top: 0 !important;
}
.pi-no-border-right {
border-right: 0 !important;
}
.pi-no-border-bottom {
border-bottom: 0 !important;
}
.pi-no-border-left {
border-left: 0 !important;
}
.pi-no-border-radius {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.pi-margin-sides-15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.pi-margin-sides-12 {
margin-left: 12px !important;
margin-right: 12px !important;
}
.pi-margin-sides-10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.pi-margin-sides-5 {
margin-left: 5px !important;
margin-right: 5px !important;
}
.pi-margin-sides-3 {
margin-left: 3px !important;
margin-right: 3px !important;
}
.pi-margin-sides-2 {
margin-left: 2px !important;
margin-right: 2px !important;
}
.pi-margin-sides-1 {
margin-left: 1px !important;
margin-right: 1px !important;
}
.pi-margin-sides-0 {
margin: 0 !important;
}
.pi-email-margin {
margin-top: -425px;
margin-left: 100px;
}
.pi-email-margin-left {
margin-top: -425px;
margin-left: 575px;
}
.pi-email-margin-bottom {
margin-top: -200px;
margin-left: 100px;
}
.pi-email-margin-right {
margin-top: -200px;
margin-left: 575px;
}
@media (max-width: 767px) {
.pi-email-margin {
margin-top: 0px;
margin-left: 0px;
}
}
@media (max-width: 767px) {
.pi-email-margin-left {
margin-top: 0px;
margin-left: 0px;
}
}
@media (max-width: 767px) {
.pi-email-margin-bottom {
margin-top: 0px;
margin-left: 0px;
}
}
@media (max-width: 767px) {
.pi-email-margin-right {
margin-top: 0px;
margin-left: 0px;
}
}
.pi-order-margin-top {
margin-top: -635px;
}
@media (max-width: 767px) {
.pi-order-margin-top {
margin-top: 0px;
}
}
.pi-order-margin-left {
margin-left: -15px;
}
@media (max-width: 767px) {
.pi-order-margin-left {
margin-left: 0px;
}
}
#pi-container-i {
height: 3px;
width: 701px;
position: relative;
}
@media (max-width: 767px) {
#pi-container-i {
display: none;
}
}
.pi-first {
top:-100px;
left:80px;
}
@media (max-width: 767px) {
.pi-first {
top: 0px;
left:0px;
}
}
.pi-first-i {
top:-100px;
left:70px;
font-size: 18px;
}
@media (max-width: 767px) {
.pi-first-i {
top: 0px;
left:0px;
color: #000;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.pi-first {
top:0px;
left:40px;
}
.pi-first-i {
top: 0px;
left:40px;
color: #000;
font-size: 15px;
}
}
.pi-texture {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.pi-texture-i {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width:100%
}
.pi-around-left{
text-align: left;
}
.pi-around-right{
text-align: right;
float: right;
}
.pi-around-image{
vertical-align: top;
width: 40%;
z-index: 8;
}
.pi-around-left, .pi-around-right, .pi-around-image{
display: table-cell;
width: 30%;
position: relative;
vertical-align: middle;
z-index: 10;
}
.pi-around-item {
height: 10px;
color: #111;
font-weight: 400;
position: relative;
font-size: 16px;
}
pi-around-image .pi-around-bg {
display: block;
position: absolute;
width: 300%;
height: 110%;
left: -100%;
background-size: auto 100%;
background-position: center center;
background-repeat: no-repeat;
}
.pi-no-transitions {
-webkit-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-o-transition-property: none !important;
transition-property: none !important;
}
.pi-clearfix:before,
.pi-clearfix:after {
content: " ";
display: table;
}
.pi-clearfix:after {
clear: both;
}
.pi-hide {
display: none !important;
}
.pi-show {
display: block !important;
}
.pi-pull-right {
float: right !important;
}
.pi-pull-left {
float: left !important;
}
.pi-left {
float: left;
margin: 20px 20px 20px 0;
}
.pi-right {
float: right;
margin: 20px 0 20px 20px;
}
.pi-center {
display: block;
margin: 20px auto;
text-align: center;
}
.pi-image-center-i {
display: block;
margin: auto;
text-align: center;
}
.pi-image-center-m {
display: block;
margin: auto;
text-align: center;
}
@media (max-width: 767px) {
.pi-image-center-m {
display: none;
margin: auto;
text-align: center;
}
}
.pi-image-center {
display: block;
margin: auto;
text-align: center;
}
@media (max-width: 767px) {
.pi-image-center {
display: none;
margin: auto;
text-align: center;
width:0%;
}
}
.pi-text-left {
text-align: left;
}
.pi-text-right {
text-align: right;
}
.pi-text-center {
text-align: center;
}
.pi-shadow {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) !important;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) !important;
}
.pi-shadow-15 {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}
.pi-shadow-inset {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07) !important;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07) !important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07) !important;
}
.pi-bg-main-wood {
background: url(../img/bg/wood.jpg) #ffffff;
}
.pi-bg-main-wood-dark {
background: url(../img/bg/wood-dark.jpg) #ffffff;
}
.pi-bg-main-wood-light {
background: url(../img/bg/wood-light.jpg) #ffffff;
}
.pi-bg-main-embossed-dark {
background: url(../img/bg/embossed-dark.jpg) #ffffff;
}
.pi-hide-excess {
overflow: hidden;
}
/* google recaptha empty iframe broke layout fix */
iframe[src="about:blank"] {
display: none;
}
/*_____ styles/css/base/responsive.css*/
-ms-viewport {
width: device-width;
}
@media screen and (max-width: 400px) {
-ms-viewport {
width: 320px;
}
}
.pi-visible-3xs,
.pi-visible-2xs,
.pi-visible-xs,
.pi-visible-sm,
.pi-visible-md {
display: none !important;
}
@media (max-width: 319px) {
.pi-hidden-3xs-only {
display: none !important;
}
.pi-visible-3xs-only {
display: block !important;
}
.pi-center-text-3xs-only {
text-align: center !important;
}
.pi-center-text-3xs-only.pi-row-block {
float: left;
}
.pi-center-text-3xs-only.pull-right {
float: none !important;
}
}
@media (min-width: 320px) and (max-width: 479px) {
.pi-hidden-2xs-only {
display: none !important;
}
.pi-visible-2xs-only {
display: block !important;
}
.pi-center-text-2xs-only {
text-align: center !important;
}
.pi-center-text-2xs-only.pi-row-block {
float: left;
}
.pi-center-text-2xs-only.pull-right {
float: none !important;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.pi-hidden-xs-only {
display: none !important;
}
.pi-visible-xs-only {
display: block !important;
}
.pi-center-text-xs-only {
text-align: center !important;
}
.pi-center-text-xs-only.pi-row-block {
float: left;
}
.pi-center-text-xs-only.pull-right {
float: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.pi-hidden-sm-only {
display: none !important;
}
.pi-visible-sm-only {
display: block !important;
}
.pi-center-text-sm-only {
text-align: center !important;
}
.pi-center-text-sm-only.pi-row-block {
float: left;
}
.pi-center-text-sm-only.pull-right {
float: none !important;
}
}
@media (min-width: 992px) and (max-width: 1119px) {
.pi-hidden-md-only {
display: none !important;
}
.pi-visible-md-only {
display: block !important;
}
.pi-center-text-md-only {
text-align: center !important;
}
.pi-center-text-md-only.pi-row-block {
float: left;
}
.pi-center-text-md-only.pull-right {
float: none !important;
}
}
@media (min-width: 1120px) {
.pi-hidden-lg-only {
display: none !important;
}
.pi-visible-lg-only {
display: block !important;
}
.pi-center-text-lg-only {
text-align: center !important;
}
.pi-center-text-lg-only.pi-row-block {
float: left;
}
.pi-center-text-lg-only.pull-right {
float: none !important;
}
}
@media (max-width: 319px) {
.pi-hidden-3xs {
display: none !important;
}
.pi-visible-3xs {
display: block !important;
}
.pi-center-text-3xs {
text-align: center !important;
}
.pi-center-text-3xs.pi-row-block {
float: left;
}
.pi-center-text-3xs.pull-right {
float: none !important;
}
}
@media (max-width: 479px) {
.pi-hidden-2xs {
display: none !important;
}
.pi-visible-2xs {
display: block !important;
}
.pi-center-text-2xs {
text-align: center !important;
}
.pi-center-text-2xs.pi-row-block {
float: left;
}
.pi-center-text-2xs.pull-right {
float: none !important;
}
}
@media (max-width: 767px) {
.pi-hidden-xs {
display: none !important;
}
.pi-visible-xs {
display: block !important;
}
.pi-center-text-xs {
text-align: center !important;
}
.pi-center-text-xs.pi-row-block {
float: left;
}
.pi-center-text-xs.pull-right {
float: none !important;
}
}
@media (max-width: 991px) {
.pi-hidden-sm {
display: none !important;
}
.pi-visible-sm {
display: block !important;
}
.pi-center-text-sm {
text-align: center !important;
}
.pi-center-text-sm.pi-row-block {
float: left;
}
.pi-center-text-sm.pull-right {
float: none !important;
}
}
@media (max-width: 1119px) {
.pi-hidden-md {
display: none !important;
}
.pi-visible-md {
display: block !important;
}
.pi-center-text-md {
text-align: center !important;
}
.pi-center-text-md.pi-row-block {
float: left;
}
.pi-center-text-md.pull-right {
float: none !important;
}
}
@media (min-width: 1120px) {
.pi-hidden-lg {
display: none !important;
}
.pi-center-text-lg {
text-align: center !important;
}
.pi-center-text-lg.pi-row-block {
float: left;
}
.pi-center-text-lg.pull-right {
float: none !important;
}
}
/*_____ styles/css/base/section.css*/
.pi-section-w {
position: relative;
-webkit-transition: background 0.1s ease-in-out 0s;
-moz-transition: background 0.1s ease-in-out 0s;
-ms-transition: background 0.1s ease-in-out 0s;
-o-transition: background 0.1s ease-in-out 0s;
transition: background 0.1s ease-in-out 0s;
}
.pi-section-w .pi-shadow-bottom {
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
}
.pi-section {
max-width: 1000px;
margin: 0 auto;
padding: 60px 0px 0px;
position: relative;
}
.pi-section-i {
max-width: 1090px;
margin: 0 auto;
padding: 60px 0px 0px;
position: relative;
}
.pi-section-j {
max-width: 1000px;
margin: 0 auto;
padding: 0px 0px 0px;
position: relative;
}
.pi-titlebar {
padding-top: 50px;
padding-bottom: 50px;
}
.pi-titlebar h1 {
margin-bottom: 0;
}
.pi-titlebar .pi-breadcrumb {
font-size: 12px;
line-height: 1.3em;
}
.pi-titlebar .pi-breadcrumb ul {
display: inline;
margin: 0;
padding: 0;
-webkit-padding-start: 0;
margin-left: 5px;
}
.pi-titlebar .pi-breadcrumb li {
display: inline;
}
.pi-titlebar .pi-breadcrumb li:after {
font-family: fontello;
content: "\e8c8";
margin: 0 5px 0 7px;
}
.pi-titlebar .pi-breadcrumb li:last-child:after {
display: none;
}
.pi-titlebar.pi-titlebar-small {
padding-top: 32px;
padding-bottom: 32px;
}
.pi-titlebar.pi-titlebar-small h1 {
font-size: 26px;
font-weight: 300;
text-transform: none;
letter-spacing: 0;
}
.pi-titlebar.pi-breadcrumb-only {
padding-top: 17px;
padding-bottom: 17px;
}
.pi-titlebar-breadcrumb-top .pi-breadcrumb {
margin-bottom: 11px;
}
.pi-titlebar-breadcrumb-right {
display: table;
vertical-align: middle;
width: 100%;
box-sizing: border-box;
}
.pi-titlebar-breadcrumb-right h1,
.pi-titlebar-breadcrumb-right .pi-breadcrumb {
display: table-cell;
vertical-align: middle;
}
.pi-titlebar-breadcrumb-right h1 {
width: 60%;
padding-right: 20px;
}
.pi-titlebar-breadcrumb-right .pi-breadcrumb {
width: 40%;
text-align: right;
position: relative;
top: 0px;
}
.pi-section-parallax {
background-size: cover;
background-repeat: repeat-y;
background-position: 0 50%;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.pi-section-video {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
}
.pi-section-high {
width: 100%;
display: table;
margin:0px auto;
}
.pi-section-high .pi-section {
height: 100%;
display: table-cell;
vertical-align: middle;
}
@media screen and (min-width: 1120px) {
.pi-section-parallax {
background-attachment: fixed;
}
}
@media (max-width: 992px) {
.pi-section {
padding: 55px 30px 35px;
}
}
@media (max-width: 768px) {
.pi-section {
padding: 50px 20px 30px;
}
}
.pi-section-white {
background-color: transparent;
}
.pi-section-white.pi-borders {
border-top: 1px solid #eef1f1;
border-bottom: 1px solid #eef1f1;
}
.pi-section-white.pi-border-top {
border-top: 1px solid #eef1f1;
}
.pi-section-white.pi-border-bottom {
border-bottom: 1px solid #eef1f1;
}
.pi-section-white.pi-borders-light {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.pi-section-white.pi-border-top-light {
border-top: 1px solid #ffffff;
}
.pi-section-white.pi-border-bottom-light {
border-bottom: 1px solid #ffffff;
}
.pi-section-white.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.pi-header-sticky .pi-section-white.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
}
.pi-section-white.pi-shadow-inside {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.pi-section-white.pi-shadow-inside-top {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
}
.pi-section-white.pi-shadow-inside-bottom {
-webkit-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.08);
}
.pi-section-white .pi-breadcrumb {
color: #a3adb4;
}
.pi-section-white .pi-breadcrumb li:after {
color: #d8dee2;
}
.pi-section-white-i {
color: #fff;
}
.pi-section-white-i {
background-color: #000;
}
.pi-section-grey-i {
background-color: #000;
}
.pi-section-grey-i ul li a {
color: #FFF !important;
}
.pi-section-grey-i ul li a:hover {
color: #F38E1E !important;
}
.pi-section-grey {
background-color: transparent;
}
.pi-section-grey.pi-borders {
border-top: 1px solid #e6eaea;
border-bottom: 1px solid #e6eaea;
}
.pi-section-grey.pi-border-top {
border-top: 1px solid #f7f7f7;
}
.pi-section-grey.pi-border-bottom {
border-bottom: 1px solid #e6eaea;
}
.pi-section-grey.pi-borders-light {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.pi-section-grey.pi-border-top-light {
border-top: 1px solid #ffffff;
}
.pi-section-grey.pi-border-bottom-light {
border-bottom: 1px solid #ffffff;
}
.pi-section-grey.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.pi-header-sticky .pi-section-grey.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
}
.pi-section-grey.pi-shadow-inside {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.12);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.12);
}
.pi-section-grey.pi-shadow-inside-top {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}
.pi-section-grey.pi-shadow-inside-bottom {
-webkit-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.04);
-moz-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.04);
}
.pi-section-grey .pi-breadcrumb {
color: #9ca5ab;
}
.pi-section-grey .pi-breadcrumb li:after {
color: #cfd6da;
}
.pi-section-base {
background-color: #00adb0;
}
.pi-section-base.pi-borders {
border-top: 1px solid #009ca4;
border-bottom: 1px solid #009ca4;
}
.pi-section-base.pi-border-top {
border-top: 1px solid #009ca4;
}
.pi-section-base.pi-border-bottom {
border-bottom: 1px solid #009ca4;
}
.pi-section-base.pi-borders-light {
border-top: 1px solid #3bc0c2;
border-bottom: 1px solid #3bc0c2;
}
.pi-section-base.pi-border-top-light {
border-top: 1px solid #3bc0c2;
}
.pi-section-base.pi-border-bottom-light {
border-bottom: 1px solid #3bc0c2;
}
.pi-section-base.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
}
.pi-header-sticky .pi-section-base.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
}
.pi-section-base.pi-shadow-inside {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.13);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.13);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.13);
}
.pi-section-base.pi-shadow-inside-top {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
}
.pi-section-base.pi-shadow-inside-bottom {
-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.12);
-moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.12);
}
.pi-section-base .pi-breadcrumb {
color: #cde5f6;
}
.pi-section-base .pi-breadcrumb li:after {
color: #62c1d6;
}
.pi-section-dark {
background-color: #2a2d32;
}
.pi-section-dark.pi-borders {
border-top: 1px solid #1a1e22;
border-bottom: 1px solid #1a1e22;
}
.pi-section-dark.pi-border-top {
border-top: 1px solid #1a1e22;
}
.pi-section-dark.pi-border-bottom {
border-bottom: 1px solid #1a1e22;
}
.pi-section-dark.pi-borders-light {
border-top: 1px solid #2e343a;
border-bottom: 1px solid #2e343a;
}
.pi-section-dark.pi-border-top-light {
border-top: 1px solid #2e343a;
}
.pi-section-dark.pi-border-bottom-light {
border-bottom: 1px solid #2e343a;
}
.pi-section-dark.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.pi-header-sticky .pi-section-dark.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}
.pi-section-dark.pi-shadow-inside {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.42);
-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.42);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.42);
}
.pi-section-dark.pi-shadow-inside-top {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.pi-section-dark.pi-shadow-inside-bottom {
-webkit-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);
}
.pi-section-dark .pi-breadcrumb {
color: #858d91;
}
.pi-section-dark .pi-breadcrumb li:after {
color: #475257;
}
.pi-section-footer {
background-color: #000000;
}
.pi-section-footer.pi-borders {
border-top: 1px solid #1a1e22;
border-bottom: 1px solid #1a1e22;
}
.pi-section-footer.pi-border-top {
border-top: 1px solid #1a1e22;
}
.pi-section-footer.pi-border-bottom {
border-bottom: 1px solid #1a1e22;
}
.pi-section-footer.pi-borders-light {
border-top: 1px solid #2e343a;
border-bottom: 1px solid #2e343a;
}
.pi-section-footer.pi-border-top-light {
border: 1px solid transparent;
padding: 1px;
}
.pi-section-footer.pi-border-bottom-light {
border-bottom: 1px solid #2e343a;
}
.pi-section-footer.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.pi-header-sticky .pi-section-footer.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}
.pi-section-footer.pi-shadow-inside {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.42);
-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.42);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.42);
}
.pi-section-footer.pi-shadow-inside-top {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.pi-section-footer.pi-shadow-inside-bottom {
-webkit-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);
}
.pi-section-footer .pi-breadcrumb {
color: #858d91;
}
.pi-section-footer .pi-breadcrumb li:after {
color: #475257;
}
.pi-section-parallax {
background-color: #000000;
}
.pi-section-parallax.pi-borders {
border-top: 1px solid #121315;
border-bottom: 1px solid #121315;
}
.pi-section-parallax.pi-border-top {
border-top: 1px solid #121315;
}
.pi-section-parallax.pi-border-bottom {
border-bottom: 1px solid #121315;
}
.pi-section-parallax.pi-borders-light {
border-top: 1px solid #242427;
border-bottom: 1px solid #242427;
}
.pi-section-parallax.pi-border-top-light {
border-top: 1px solid #242427;
}
.pi-section-parallax.pi-border-bottom-light {
border-bottom: 1px solid #242427;
}
.pi-section-parallax.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.pi-header-sticky .pi-section-parallax.pi-shadow-bottom {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.pi-section-parallax.pi-shadow-inside {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.42);
-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.42);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.42);
}
.pi-section-parallax.pi-shadow-inside-top {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.pi-section-parallax.pi-shadow-inside-bottom {
-webkit-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);
}
.pi-section-parallax .pi-breadcrumb {
color: rgba(250, 250, 250, 0.4);
}
.pi-section-parallax .pi-breadcrumb li:after {
color: rgba(250, 250, 250, 0.2);
}
.pi-section-base-gradient {
background: #267bd6;
/* Old browsers */
background: -moz-linear-gradient(left, #267bd6 0%, #1c63af 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #267bd6), color-stop(100%, #1c63af));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #267bd6 0%, #1c63af 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #267bd6 0%, #1c63af 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, #267bd6 0%, #1c63af 100%);
/* IE10+ */
background: linear-gradient(to right, #267bd6 0%, #1c63af 100%);
/* W3C */
filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr='#267bd6', endColorstr='#1c63af', GradientType=1)';
/* IE6-9 */
}
.pi-border-top-strong-base {
border-top: 3px solid #267bd6;
}
.pi-border-bottom-strong-base {
border-bottom: 3px solid #267bd6;
}
.pi-section-overlay-base {
background: rgba(0, 102, 116, 0.9);
}
/*_____ styles/css/base/header-rows.css*/
.pi-header {
position: relative;
z-index: 1001;
}
.pi-row-sm,
.pi-row-md,
.pi-row-lg {
padding-top: 0;
padding-bottom: 0;
}
.pi-row-sm img,
.pi-row-md img,
.pi-row-lg img {
max-height: 100%;
}
.pi-row-sm .pi-full-height,
.pi-row-md .pi-full-height,
.pi-row-lg .pi-full-height {
vertical-align: top;
}
.pi-row-sm:before,
.pi-row-md:before,
.pi-row-lg:before,
.pi-row-sm:after,
.pi-row-md:after,
.pi-row-lg:after {
content: " ";
display: table;
}
.pi-row-sm:after,
.pi-row-md:after,
.pi-row-lg:after {
clear: both;
}
.pi-row-block {
display: inline-block;
margin: 0 10px;
float: left;
line-height: 4.5em;
vertical-align: top;
max-height: 100%;
}
@media(max-width:767px) {
.pi-row-block {
line-height: 4em;
}
}
.pi-row-block:first-child:not(.pi-pull-right) {
margin-left: 0;
}
.pi-row-block.pi-pull-right:first-child,
.pi-row-block:not(.pi-pull-right) + .pi-pull-right {
margin-right: 0;
}
.pi-row-block a {
max-height: 100%;
}
.pi-row-block a:hover {
text-decoration: none;
}
.pi-bordered {
position: relative;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.pi-bordered:before,
.pi-bordered:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: transparent;
}
.pi-bordered:before {
left: 0;
}
.pi-bordered:after {
right: 0;
}
.pi-bordered:hover:before,
.pi-bordered:hover:after {
background: transparent;
}
.pi-bordered:before,
.pi-bordered:after {
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-row-block-logo a {
display: inline-block;
vertical-align: middle;
padding: 0;
border-bottom: 0;
}
.pi-row-block-logo .pi-has-bg {
-webkit-transition: background 0.1s ease-in-out 0s;
-moz-transition: background 0.1s ease-in-out 0s;
-ms-transition: background 0.1s ease-in-out 0s;
-o-transition: background 0.1s ease-in-out 0s;
transition: background 0.1s ease-in-out 0s;
}
.pi-row-block-logo img {
display: block;
}
.pi-row-block-logo .pi-center-vertically {
display: table;
}
.pi-row-block-logo .pi-center-vertically > span,
.pi-row-block-logo .pi-center-vertically > a {
display: table-cell;
vertical-align: middle;
}
.pi-row-lg .pi-row-block-logo img {
max-height: 75px;
}
.pi-row-md .pi-row-block-logo img {
max-height: 70px;
}
.pi-row-sm .pi-row-block-logo img {
max-height: 46px;
}
.pi-row-block-txt {
position: relative;
line-height: 28px;
}
.pi-row-block-txt a {
border-bottom: 1px solid transparent;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-row-block-icon {
position: relative;
margin: -3px 6px 0 0;
font-size: 14px;
}
.pi-row-block-icon.pi-icon-circle,
.pi-row-block-icon.pi-icon-square {
top: -1px;
height: 26px;
width: 26px;
font-size: 14px;
line-height: 26px;
margin: 0 8px -9px 0;
}
.pi-row-sm {
font-size: 14px;
}
.pi-row-sm .pi-big-font {
font-size: 16px;
}
.pi-row-sm .pi-bigger-font {
font-size: 18px;
font-weight: 300;
}
.pi-row-sm .pi-row-block-txt {
margin-top: 9px;
margin-bottom: 9px;
}
.pi-row-sm .pi-center-vertically > span,
.pi-row-sm .pi-center-vertically > a {
height: 46px;
}
.pi-row-md {
font-size: 14px;
}
.pi-row-md .pi-big-font {
font-size: 16px;
}
.pi-row-md .pi-bigger-font {
font-size: 18px;
font-weight: 300;
}
.pi-row-md .pi-row-block-txt {
margin-top: 21px;
margin-bottom: 21px;
}
.pi-row-md .pi-center-vertically > span,
.pi-row-md .pi-center-vertically > a {
height: 70px;
}
.pi-row-lg {
font-size: 14px;
}
.pi-row-lg .pi-big-font {
font-size: 16px;
}
.pi-row-lg .pi-bigger-font {
font-size: 18px;
font-weight: 300;
}
.pi-row-lg .pi-full-height > li > a {
line-height: 94px;
}
.pi-row-lg .pi-row-block-txt {
margin-top: 20px;
margin-bottom: 20px;
}
.pi-row-lg .pi-center-vertically > span,
.pi-row-lg .pi-center-vertically > a {
height: 96px;
}
.pi-section-white .pi-row-block-logo .pi-has-bg {
background: #f9fafa;
}
.pi-section-white .pi-row-block-logo .pi-has-bg:hover {
background: #f3f4f5;
}
.pi-section-white .pi-row-block-logo .pi-bordered {
border-color: #e0e2e4;
}
.pi-section-white .pi-row-block-logo .pi-bordered:before,
.pi-section-white .pi-row-block-logo .pi-bordered:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: transparent;
}
.pi-section-white .pi-row-block-logo .pi-bordered:before {
left: 0;
}
.pi-section-white .pi-row-block-logo .pi-bordered:after {
right: 0;
}
.pi-section-white .pi-row-block-logo .pi-bordered:hover:before,
.pi-section-white .pi-row-block-logo .pi-bordered:hover:after {
background: transparent;
}
.pi-section-grey .pi-row-block-logo .pi-has-bg {
background: #ffffff;
}
.pi-section-grey .pi-row-block-logo .pi-has-bg:hover {
background: #e9eaeb;
}
.pi-section-grey .pi-row-block-logo .pi-bordered {
border-color: #e0e2e4;
}
.pi-section-grey .pi-row-block-logo .pi-bordered:before,
.pi-section-grey .pi-row-block-logo .pi-bordered:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: transparent;
}
.pi-section-grey .pi-row-block-logo .pi-bordered:before {
left: 0;
}
.pi-section-grey .pi-row-block-logo .pi-bordered:after {
right: 0;
}
.pi-section-grey .pi-row-block-logo .pi-bordered:hover:before,
.pi-section-grey .pi-row-block-logo .pi-bordered:hover:after {
background: transparent;
}
.pi-section-base .pi-row-block-logo .pi-has-bg {
background: #3c8cbd;
}
.pi-section-base .pi-row-block-logo .pi-has-bg:hover {
background: #3276b1;
}
.pi-section-base .pi-row-block-logo .pi-bordered {
border-color: #5196c4;
}
.pi-section-base .pi-row-block-logo .pi-bordered:before,
.pi-section-base .pi-row-block-logo .pi-bordered:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: transparent;
}
.pi-section-base .pi-row-block-logo .pi-bordered:before {
left: 0;
}
.pi-section-base .pi-row-block-logo .pi-bordered:after {
right: 0;
}
.pi-section-base .pi-row-block-logo .pi-bordered:hover:before,
.pi-section-base .pi-row-block-logo .pi-bordered:hover:after {
background: transparent;
}
.pi-section-dark .pi-row-block-logo .pi-has-bg {
background: #383840;
}
.pi-section-dark .pi-row-block-logo .pi-has-bg:hover {
background: #222227;
}
.pi-section-dark .pi-row-block-logo .pi-bordered {
border-color: #41414a;
}
.pi-section-dark .pi-row-block-logo .pi-bordered:before,
.pi-section-dark .pi-row-block-logo .pi-bordered:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: transparent;
}
.pi-section-dark .pi-row-block-logo .pi-bordered:before {
left: 0;
}
.pi-section-dark .pi-row-block-logo .pi-bordered:after {
right: 0;
}
.pi-section-dark .pi-row-block-logo .pi-bordered:hover:before,
.pi-section-dark .pi-row-block-logo .pi-bordered:hover:after {
background: transparent;
}
.pi-section-parallax .pi-row-block-logo .pi-has-bg {
background: #2b2b31;
}
.pi-section-parallax .pi-row-block-logo .pi-has-bg:hover {
background: #17171b;
}
.pi-section-parallax .pi-row-block-logo .pi-bordered {
border-color: #323239;
}
.pi-section-parallax .pi-row-block-logo .pi-bordered:before,
.pi-section-parallax .pi-row-block-logo .pi-bordered:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: transparent;
}
.pi-section-parallax .pi-row-block-logo .pi-bordered:before {
left: 0;
}
.pi-section-parallax .pi-row-block-logo .pi-bordered:after {
right: 0;
}
.pi-section-parallax .pi-row-block-logo .pi-bordered:hover:before,
.pi-section-parallax .pi-row-block-logo .pi-bordered:hover:after {
background: transparent;
}
/*_____ styles/css/base/fixed-header.css*/
.pi-header-sticky,
.pi-header-sticky .pi-section-w,
.pi-header-sticky .pi-section,
.pi-header-sticky .pi-section-menu-mobile-w,
.pi-header-sticky .pi-section-menu-mobile {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-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);
}
.pi-row-reducible img {
-webkit-transition: max-height 0.5s ease-in-out;
-moz-transition: max-height 0.5s ease-in-out;
-ms-transition: max-height 0.5s ease-in-out;
-o-transition: max-height 0.5s ease-in-out;
transition: max-height 0.5s ease-in-out;
}
.pi-row-reducible .pi-full-height > li > a,
.pi-row-reducible .pi-social-icons.pi-full-height > li > a > i {
-webkit-transition: line-height 0.5s ease-in-out;
-moz-transition: line-height 0.5s ease-in-out;
-ms-transition: line-height 0.5s ease-in-out;
-o-transition: line-height 0.5s ease-in-out;
transition: line-height 0.5s ease-in-out;
}
.pi-row-reducible .pi-social-icons.pi-full-height > li > a,
.pi-row-reducible .pi-social-icons.pi-full-height > li > a > i {
-webkit-transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-ms-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
}
.pi-row-reducible .pi-row-block form,
.pi-row-reducible .pi-row-block > .pi-btn,
.pi-row-reducible .pi-row-block-txt,
.pi-row-reducible .pi-social-icons-simple,
.pi-row-reducible .pi-social-icons:not(.pi-full-height) {
-webkit-transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
-moz-transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
-ms-transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
-o-transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
}
.pi-header-rows-fixed .pi-header-sticky,
.pi-header-row-fixed .pi-header-sticky {
position:fixed;
top: 0;
left: 0;
right: 0;
z-index: 1002;
transition: all.400s;
-webkit-transition: all.400s;
-moz-transition: all.400s;
-ms-transition: all.400s;
-o-transition: all.400s;
}
.pi-header-rows-fixed.pi-fixed .pi-header-sticky .pi-section-w,
.pi-header-row-fixed.pi-fixed .pi-header-sticky .pi-section-w {
max-width: 1120px;
margin: 0 auto;
}
.pi-header-rows-fixed .pi-row-reduced,
.pi-header-row-fixed .pi-row-reduced{
max-height: 60px;
background:#141414;
opacity: 1;
}
.pi-header-rows-fixed .pi-row-reduced img,
.pi-header-row-fixed .pi-row-reduced img {
max-height: 40px;
width: 105px;
transition: all.400s;
-webkit-transition: all.400s;
-moz-transition: all.400s;
-ms-transition: all.400s;
-o-transition: all.400s;
}
.pi-header-rows-fixed .pi-row-reduced .pi-full-height > li > a,
.pi-header-row-fixed .pi-row-reduced .pi-full-height > li > a,
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons.pi-full-height > li > a > i,
.pi-header-row-fixed .pi-row-reduced .pi-social-icons.pi-full-height > li > a > i {
line-height: 63px;
}
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons.pi-full-height > li > a,
.pi-header-row-fixed .pi-row-reduced .pi-social-icons.pi-full-height > li > a,
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons.pi-full-height > li > a > i,
.pi-header-row-fixed .pi-row-reduced .pi-social-icons.pi-full-height > li > a > i {
height: 70px;
}
.pi-header-rows-fixed .pi-row-reduced .pi-row-block > .pi-btn,
.pi-header-row-fixed .pi-row-reduced .pi-row-block > .pi-btn,
.pi-header-rows-fixed .pi-row-reduced .pi-row-block form,
.pi-header-row-fixed .pi-row-reduced .pi-row-block form {
margin-top: -20px;
margin-bottom: 15px;
}
.pi-header-rows-fixed .pi-row-reduced .pi-row-block-txt,
.pi-header-row-fixed .pi-row-reduced .pi-row-block-txt {
margin-top: 21px;
margin-bottom: 21px;
}
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons-simple,
.pi-header-row-fixed .pi-row-reduced .pi-social-icons-simple {
margin-top: 10px;
margin-bottom: 10px;
}
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons-simple.pi-big,
.pi-header-row-fixed .pi-row-reduced .pi-social-icons-simple.pi-big {
margin-top: 2px;
margin-bottom: 2px;
}
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons-simple.pi-small,
.pi-header-row-fixed .pi-row-reduced .pi-social-icons-simple.pi-small {
margin-top: 12px;
margin-bottom: 12px;
}
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height),
.pi-header-row-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height) {
margin-top: 9px;
margin-bottom: 9px;
}
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height).pi-big,
.pi-header-row-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height).pi-big {
margin-top: 0;
margin-bottom: 0;
}
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height).pi-small,
.pi-header-row-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height).pi-small {
margin-top: 16px;
margin-bottom: 16px;
}
.pi-header-row-fixed .pi-header {
padding-bottom: 0px;
}
.pi-header-row-fixed .pi-header.pi-header-row-sm-fixed {
padding-bottom: 46px;
}
.pi-header-rows-fixed .pi-header {
padding-bottom: 142px;
}
.pi-header-rows-fixed .pi-header.pi-reduced-padding-top,
.pi-header-row-fixed .pi-header.pi-reduced-padding-top {
padding-bottom: 0;
}
.pi-header-row-fixed .pi-header.pi-reduced-padding-top {
padding-top: 96px;
}
.pi-header-row-fixed .pi-header.pi-reduced-padding-top.pi-header-row-sm-fixed {
padding-top: 46px;
}
.pi-header-rows-fixed .pi-header.pi-reduced-padding-top {
padding-top: 142px;
}
/*_____ styles/css/base/menu.css*/
.pi-menu,
.pi-simple-menu {
display: inline-block;
vertical-align: middle;
list-style: none;
-webkit-padding-start: 0px;
padding: 0;
margin: 0;
}
.pi-row-block .pi-menu,
.pi-row-block .pi-simple-menu {
margin: 0;
}
.pi-menu li,
.pi-simple-menu li {
position: relative;
text-align: left;
margin: 0;
}
.pi-menu a,
.pi-simple-menu a {
display: block;
text-decoration: none;
border: none;
position: relative;
}
.pi-menu a.active,
.pi-simple-menu a.active,
.pi-menu a:hover,
.pi-simple-menu a:hover {
border: none;
}
.pi-menu > li,
.pi-simple-menu > li {
float: left;
vertical-align: top;
}
.pi-menu > li > a,
.pi-simple-menu > li > a {
border: 0;
}
.pi-menu > li > .pi-submenu,
.pi-simple-menu > li > .pi-submenu {
top: 100%;
left: 0;
}
.pi-menu > li > .pi-submenu.pi-submenu-left-side,
.pi-simple-menu > li > .pi-submenu.pi-submenu-left-side {
left: 0;
right: 0;
}
.pi-menu > li.pi-has-dropdown-wide,
.pi-simple-menu > li.pi-has-dropdown-wide {
position: static;
}
.pi-menu > li:hover > .pi-submenu,
.pi-simple-menu > li:hover > .pi-submenu,
.pi-menu > li:hover > .pi-submenu-wide,
.pi-simple-menu > li:hover > .pi-submenu-wide {
visibility: visible;
opacity: 1;
}
.pi-menu li i,
.pi-simple-menu li i {
margin-right: 8px;
font-size: 14px;
opacity: 0.5;
}
.pi-menu li.pi-has-dropdown > a,
.pi-simple-menu li.pi-has-dropdown > a {
position: relative;
padding-right: 25px;
}
.pi-menu li.pi-has-dropdown > a:after,
.pi-simple-menu li.pi-has-dropdown > a:after {
display: block;
content: "\e8d2";
position: absolute;
top: 50%;
right: 14px;
margin: -5px 0 0 0;
font-family: fontello;
font-size: 12px;
opacity: 0.3;
line-height: 1em;
-webkit-transition: -webkit-transform 0.2s ease-in;
-moz-transition: -moz-transform 0.2s ease-in;
-ms-transition: -ms-transform 0.2s ease-in;
-o-transition: -o-transform 0.2s ease-in;
transition: transform 0.2s ease-in;
}
.pi-menu li.pi-has-dropdown:hover > a:after,
.pi-simple-menu li.pi-has-dropdown:hover > a:after {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0.9;
margin-top: -6px;
}
.pi-section-base .pi-menu li.pi-has-dropdown > a:after,
.pi-section-base .pi-simple-menu li.pi-has-dropdown > a:after {
opacity: 0.5;
}
.pi-section-base .pi-menu li.pi-has-dropdown:hover > a:after,
.pi-section-base .pi-simple-menu li.pi-has-dropdown:hover > a:after {
opacity: 1;
}
.pi-simple-menu > li > a {
padding: 0 15px;
}
.pi-simple-menu > li > a span {
display: inline-block;
position: relative;
padding: 0;
}
.pi-simple-menu > li > .pi-submenu {
left: 15px;
}
.pi-simple-menu.pi-has-hover-border > li > a {
display: block;
overflow: hidden;
}
.pi-simple-menu.pi-has-hover-border > li > a > span:before {
display: block;
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
border-bottom: 3px solid transparent;
-webkit-transition: border-color 0.1s ease-in-out 0s;
-moz-transition: border-color 0.1s ease-in-out 0s;
-ms-transition: border-color 0.1s ease-in-out 0s;
-o-transition: border-color 0.1s ease-in-out 0s;
transition: border-color 0.1s ease-in-out 0s;
}
.pi-menu > li > a {
padding: 0 18px;
}
.pi-menu.pi-items-have-borders > li,
.pi-menu.pi-items-have-double-borders > li {
margin: 0 0 0 -1px;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.pi-menu.pi-items-have-borders > li:first-child,
.pi-menu.pi-items-have-double-borders > li:first-child {
margin-left: 0;
}
.pi-menu.pi-items-have-double-borders:before,
.pi-menu.pi-items-have-double-borders:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: transparent;
}
.pi-menu.pi-items-have-double-borders:before {
left: 0;
}
.pi-menu.pi-items-have-double-borders:after {
right: 0;
}
.pi-menu.pi-items-have-double-borders:hover:before,
.pi-menu.pi-items-have-double-borders:hover:after {
background: transparent;
}
.pi-menu.pi-has-hover-border > li > a {
display: block;
overflow: hidden;
}
.pi-menu.pi-has-hover-border > li > a:before {
display: block;
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
border-bottom: 3px solid transparent;
-webkit-transition: border-color 0.1s ease-in-out 0s;
-moz-transition: border-color 0.1s ease-in-out 0s;
-ms-transition: border-color 0.1s ease-in-out 0s;
-o-transition: border-color 0.1s ease-in-out 0s;
transition: border-color 0.1s ease-in-out 0s;
}
.pi-submenu {
width: 180px;
position: absolute;
z-index: 10;
top: 0px;
left: 100%;
margin: 0;
padding: 0;
list-style: none;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease-in;
font-size: 13px;
}
.pi-submenu.pi-has-border,
.pi-submenu.pi-has-border .pi-submenu {
border-top: 1px solid transparent;
border-top-width: 3px;
margin: -3px 0 0 0;
}
.pi-submenu.pi-items-have-borders li,
.pi-submenu.pi-items-have-double-borders li {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
margin: -1px 0 0 0;
}
.pi-submenu.pi-items-have-borders li:first-child,
.pi-submenu.pi-items-have-double-borders li:first-child {
border-top: none;
margin: 0;
}
.pi-submenu.pi-items-have-borders li:first-child:before,
.pi-submenu.pi-items-have-double-borders li:first-child:before {
display: none;
}
.pi-submenu.pi-items-have-borders li:last-child,
.pi-submenu.pi-items-have-double-borders li:last-child {
border-bottom: none;
}
.pi-submenu.pi-items-have-borders li:last-child:after,
.pi-submenu.pi-items-have-double-borders li:last-child:after {
display: none;
}
.pi-submenu.pi-submenu-left-side {
left: 100%;
right: auto;
}
.pi-submenu li:hover > .pi-submenu {
visibility: visible;
opacity: 1;
}
.pi-submenu li:last-child {
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.pi-submenu a {
padding: 13px 18px;
line-height: 16px;
}
.pi-submenu li i {
margin-right: 8px;
}
.pi-submenu-wide {
position: absolute;
z-index: 10;
top: 100%;
left: 40px;
right: 40px;
list-style: none;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease-in;
font-size: 13px;
border-radius: 0 0 3px 3px;
}
.pi-submenu-wide.pi-has-border {
border-top: 1px solid transparent;
border-top-width: 3px;
margin: -3px 0 0 0;
}
.pi-submenu-wide .pi-section {
border-radius: 0 0 3px 3px;
}
.pi-row-sm {
font-size: 14px;
}
.pi-row-sm .pi-simple-menu,
.pi-row-sm .pi-menu {
font-size: 14px;
vertical-align: top;
}
.pi-row-sm .pi-submenu {
font-size: 13px;
}
.pi-row-sm .pi-menu {
font-size: 14px;
vertical-align: top;
}
.pi-row-sm .pi-menu > li > a {
padding: 0 17px;
}
.pi-row-sm .pi-menu > li.pi-has-dropdown > a {
padding-right: 30px;
}
.pi-row-md {
font-size: 14px;
}
.pi-row-md .pi-simple-menu,
.pi-row-md .pi-menu {
font-size: 14px;
vertical-align: top;
}
.pi-row-md .pi-simple-menu > li > a,
.pi-row-md .pi-menu > li > a {
font-size: 14px;
}
.pi-row-md .pi-simple-menu li i,
.pi-row-md .pi-menu li i {
font-size: 14px;
}
.pi-row-md .pi-submenu {
font-size: 13px;
}
.pi-row-lg {
font-size: 14px;
font-weight:500;
}
.pi-row-lg .pi-simple-menu,
.pi-row-lg .pi-menu {
font-size: 14px;
vertical-align: top;
}
.pi-row-lg .pi-simple-menu > li > a,
.pi-row-lg .pi-menu > li > a {
font-size: 17px;
}
.pi-row-lg .pi-simple-menu li i,
.pi-row-lg .pi-menu li i {
font-size: 14px;
}
.pi-row-lg .pi-submenu {
font-size: 14px;
}
.pi-row-sm .pi-full-height > li > a {
line-height: 46px;
}
.pi-row-md .pi-full-height > li > a {
line-height: 70px;
}
.pi-row-lg .pi-full-height > li > a {
line-height: 75px;
}
.pi-section-white .pi-menu > li {
background: transparent;
color: #21252b;
}
.pi-section-white .pi-menu > li > a {
color: #21252b;
}
.pi-section-white .pi-menu > li:hover {
background: #f8fafa;
color: #267bd6;
}
.pi-section-white .pi-menu > li:hover > a {
color: #267bd6;
}
.pi-section-white .pi-menu > li.active {
background: #f8fafa;
color: #267bd6;
}
.pi-section-white .pi-menu > li.active > a {
color: #267bd6;
}
.pi-section-white .pi-menu > li.active:hover {
background: #f8fafa;
color: #267bd6;
}
.pi-section-white .pi-menu > li.active:hover > a {
color: #267bd6;
}
.pi-section-white .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown > a:after {
color: #21252b;
}
.pi-section-white .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown:hover > a:after {
color: #267bd6;
}
.pi-section-white .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #267bd6;
}
.pi-section-white .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #267bd6;
}
.pi-section-white .pi-menu.pi-items-have-borders > li {
border-color: #eef1f1;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li {
border-color: #eef1f1;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li:before,
.pi-section-white .pi-menu.pi-items-have-double-borders > li:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: transparent;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li:before {
left: 0;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li:after {
right: 0;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li:hover:before,
.pi-section-white .pi-menu.pi-items-have-double-borders > li:hover:after {
background: #fcfdfd;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active {
border-color: #eef1f1;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:before,
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #fcfdfd;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:before {
left: 0;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:after {
right: 0;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:hover:before,
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:hover:after {
background: #fcfdfd;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:hover {
border-color: #eef1f1;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:hover:before,
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:hover:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #fcfdfd;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:hover:before {
left: 0;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:hover:after {
right: 0;
}
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:hover:hover:before,
.pi-section-white .pi-menu.pi-items-have-double-borders > li.active:hover:hover:after {
background: #fcfdfd;
}
.pi-section-white .pi-menu.pi-menu-hover-border > li > a:before {
border-top-color: transparent;
}
.pi-section-white .pi-menu.pi-menu-hover-border > li:hover > a:before {
border-top-color: #267bd6;
}
.pi-section-white .pi-menu.pi-menu-hover-border > li.active > a:before {
border-top-color: #267bd6;
}
.pi-section-white .pi-menu.pi-menu-hover-border > li.active:hover > a:before {
border-top-color: #267bd6;
}
.pi-section-white .pi-menu.pi-has-hover-border > li > a:before {
border-color: transparent;
}
.pi-section-white .pi-menu.pi-has-hover-border > li:hover > a:before {
border-color: #267bd6;
}
.pi-section-white .pi-menu.pi-has-hover-border > li.active > a:before {
border-color: #267bd6;
}
.pi-section-white .pi-menu.pi-has-hover-border > li.active:hover > a:before {
border-color: #267bd6;
}
.pi-section-grey .pi-menu > li {
background: transparent;
color: #21252b;
}
.pi-section-grey .pi-menu > li > a {
color: #21252b;
}
.pi-section-grey .pi-menu > li:hover {
background: #fafbfc;
color: #267bd6;
}
.pi-section-grey .pi-menu > li:hover > a {
color: #267bd6;
}
.pi-section-grey .pi-menu > li.active {
background: #fafbfc;
color: #267bd6;
}
.pi-section-grey .pi-menu > li.active > a {
color: #267bd6;
}
.pi-section-grey .pi-menu > li.active:hover {
background: #fafbfc;
color: #267bd6;
}
.pi-section-grey .pi-menu > li.active:hover > a {
color: #267bd6;
}
.pi-section-grey .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown > a:after {
color: #21252b;
}
.pi-section-grey .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown:hover > a:after {
color: #267bd6;
}
.pi-section-grey .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #267bd6;
}
.pi-section-grey .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #267bd6;
}
.pi-section-grey .pi-menu.pi-items-have-borders > li {
border-color: #e6eaea;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li {
border-color: #e6eaea;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li:before,
.pi-section-grey .pi-menu.pi-items-have-double-borders > li:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #f5f7f9;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li:before {
left: 0;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li:after {
right: 0;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li:hover:before,
.pi-section-grey .pi-menu.pi-items-have-double-borders > li:hover:after {
background: #fdfdfe;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active {
border-color: #e6eaea;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:before,
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #fdfdfe;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:before {
left: 0;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:after {
right: 0;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:hover:before,
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:hover:after {
background: #fdfdfe;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:hover {
border-color: #e6eaea;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:hover:before,
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:hover:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #fdfdfe;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:hover:before {
left: 0;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:hover:after {
right: 0;
}
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:hover:hover:before,
.pi-section-grey .pi-menu.pi-items-have-double-borders > li.active:hover:hover:after {
background: #fdfdfe;
}
.pi-section-grey .pi-menu.pi-menu-hover-border > li > a:before {
border-top-color: transparent;
}
.pi-section-grey .pi-menu.pi-menu-hover-border > li:hover > a:before {
border-top-color: #267bd6;
}
.pi-section-grey .pi-menu.pi-menu-hover-border > li.active > a:before {
border-top-color: #267bd6;
}
.pi-section-grey .pi-menu.pi-menu-hover-border > li.active:hover > a:before {
border-top-color: #267bd6;
}
.pi-section-grey .pi-menu.pi-has-hover-border > li > a:before {
border-color: transparent;
}
.pi-section-grey .pi-menu.pi-has-hover-border > li:hover > a:before {
border-color: #267bd6;
}
.pi-section-grey .pi-menu.pi-has-hover-border > li.active > a:before {
border-color: #267bd6;
}
.pi-section-grey .pi-menu.pi-has-hover-border > li.active:hover > a:before {
border-color: #267bd6;
}
.pi-section-base .pi-menu > li {
background: transparent;
color: #ffffff;
}
.pi-section-base .pi-menu > li > a {
color: #ffffff;
}
.pi-section-base .pi-menu > li:hover {
background: #05b5b6;
color: #ffffff;
}
.pi-section-base .pi-menu > li:hover > a {
color: #ffffff;
}
.pi-section-base .pi-menu > li.active {
background: #05b5b6;
color: #ffffff;
}
.pi-section-base .pi-menu > li.active > a {
color: #ffffff;
}
.pi-section-base .pi-menu > li.active:hover {
background: #05b5b6;
color: #ffffff;
}
.pi-section-base .pi-menu > li.active:hover > a {
color: #ffffff;
}
.pi-section-base .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown > a:after {
color: #ffffff;
}
.pi-section-base .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown:hover > a:after {
color: #ffffff;
}
.pi-section-base .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #ffffff;
}
.pi-section-base .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #ffffff;
}
.pi-section-base .pi-menu.pi-items-have-borders > li {
border-color: #3bc0c2;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li {
border-color: #00969e;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li:before,
.pi-section-base .pi-menu.pi-items-have-double-borders > li:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #1ab5b8;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li:before {
left: 0;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li:after {
right: 0;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li:hover:before,
.pi-section-base .pi-menu.pi-items-have-double-borders > li:hover:after {
background: #1ebdbd;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active {
border-color: #00969e;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:before,
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #1ebdbd;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:before {
left: 0;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:after {
right: 0;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:hover:before,
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:hover:after {
background: #1ebdbd;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:hover {
border-color: #00969e;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:hover:before,
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:hover:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #1ebdbd;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:hover:before {
left: 0;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:hover:after {
right: 0;
}
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:hover:hover:before,
.pi-section-base .pi-menu.pi-items-have-double-borders > li.active:hover:hover:after {
background: #1ebdbd;
}
.pi-section-base .pi-menu.pi-menu-hover-border > li > a:before {
border-top-color: transparent;
}
.pi-section-base .pi-menu.pi-menu-hover-border > li:hover > a:before {
border-top-color: #ffffff;
}
.pi-section-base .pi-menu.pi-menu-hover-border > li.active > a:before {
border-top-color: #ffffff;
}
.pi-section-base .pi-menu.pi-menu-hover-border > li.active:hover > a:before {
border-top-color: #ffffff;
}
.pi-section-base .pi-menu.pi-has-hover-border > li > a:before {
border-color: transparent;
}
.pi-section-base .pi-menu.pi-has-hover-border > li:hover > a:before {
border-color: #ffffff;
}
.pi-section-base .pi-menu.pi-has-hover-border > li.active > a:before {
border-color: #ffffff;
}
.pi-section-base .pi-menu.pi-has-hover-border > li.active:hover > a:before {
border-color: #ffffff;
}
.pi-section-dark .pi-menu > li {
background: transparent;
color: #bfc8cd;
}
.pi-section-dark .pi-menu > li > a {
color: #bfc8cd;
}
.pi-section-dark .pi-menu > li:hover {
background: #262b31;
color: #267bd6;
}
.pi-section-dark .pi-menu > li:hover > a {
color: #267bd6;
}
.pi-section-dark .pi-menu > li.active {
background: #262b31;
color: #267bd6;
}
.pi-section-dark .pi-menu > li.active > a {
color: #267bd6;
}
.pi-section-dark .pi-menu > li.active:hover {
background: #262b31;
color: #267bd6;
}
.pi-section-dark .pi-menu > li.active:hover > a {
color: #267bd6;
}
.pi-section-dark .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown > a:after {
color: #bfc8cd;
}
.pi-section-dark .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown:hover > a:after {
color: #267bd6;
}
.pi-section-dark .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #267bd6;
}
.pi-section-dark .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #267bd6;
}
.pi-section-dark .pi-menu.pi-items-have-borders > li {
border-color: #2e343a;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li {
border-color: #191c20;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li:before,
.pi-section-dark .pi-menu.pi-items-have-double-borders > li:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #24292f;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li:before {
left: 0;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li:after {
right: 0;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li:hover:before,
.pi-section-dark .pi-menu.pi-items-have-double-borders > li:hover:after {
background: #2b3036;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active {
border-color: #191c20;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:before,
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #2b3036;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:before {
left: 0;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:after {
right: 0;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:hover:before,
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:hover:after {
background: #2b3036;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:hover {
border-color: #191c20;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:hover:before,
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:hover:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #2b3036;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:hover:before {
left: 0;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:hover:after {
right: 0;
}
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:hover:hover:before,
.pi-section-dark .pi-menu.pi-items-have-double-borders > li.active:hover:hover:after {
background: #2b3036;
}
.pi-section-dark .pi-menu.pi-menu-hover-border > li > a:before {
border-top-color: transparent;
}
.pi-section-dark .pi-menu.pi-menu-hover-border > li:hover > a:before {
border-top-color: #267bd6;
}
.pi-section-dark .pi-menu.pi-menu-hover-border > li.active > a:before {
border-top-color: #267bd6;
}
.pi-section-dark .pi-menu.pi-menu-hover-border > li.active:hover > a:before {
border-top-color: #267bd6;
}
.pi-section-dark .pi-menu.pi-has-hover-border > li > a:before {
border-color: transparent;
}
.pi-section-dark .pi-menu.pi-has-hover-border > li:hover > a:before {
border-color: #267bd6;
}
.pi-section-dark .pi-menu.pi-has-hover-border > li.active > a:before {
border-color: #267bd6;
}
.pi-section-dark .pi-menu.pi-has-hover-border > li.active:hover > a:before {
border-color: #267bd6;
}
.pi-section-parallax .pi-menu > li {
background: transparent;
color: #c7c7ce;
}
.pi-section-parallax .pi-menu > li > a {
color: #c7c7ce;
}
.pi-section-parallax .pi-menu > li:hover {
background: #1b1c1e;
color: #ffffff;
}
.pi-section-parallax .pi-menu > li:hover > a {
color: #ffffff;
}
.pi-section-parallax .pi-menu > li.active {
background: #1b1c1e;
color: #ffffff;
}
.pi-section-parallax .pi-menu > li.active > a {
color: #ffffff;
}
.pi-section-parallax .pi-menu > li.active:hover {
background: #1b1c1e;
color: #ffffff;
}
.pi-section-parallax .pi-menu > li.active:hover > a {
color: #ffffff;
}
.pi-section-parallax .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown > a:after {
color: #c7c7ce;
}
.pi-section-parallax .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown:hover > a:after {
color: #ffffff;
}
.pi-section-parallax .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #ffffff;
}
.pi-section-parallax .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #ffffff;
}
.pi-section-parallax .pi-menu.pi-items-have-borders > li {
border-color: #242427;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li {
border-color: #0d0e0f;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li:before,
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #1b1c1e;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li:before {
left: 0;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li:after {
right: 0;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li:hover:before,
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li:hover:after {
background: #1e1f21;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active {
border-color: #0d0e0f;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:before,
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #1e1f21;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:before {
left: 0;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:after {
right: 0;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:hover:before,
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:hover:after {
background: #1e1f21;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:hover {
border-color: #0d0e0f;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:hover:before,
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:hover:after {
display: block;
width: 1px;
height: 100%;
content: " ";
position: absolute;
z-index: 1;
top: 0;
background: #1e1f21;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:hover:before {
left: 0;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:hover:after {
right: 0;
}
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:hover:hover:before,
.pi-section-parallax .pi-menu.pi-items-have-double-borders > li.active:hover:hover:after {
background: #1e1f21;
}
.pi-section-parallax .pi-menu.pi-menu-hover-border > li > a:before {
border-top-color: transparent;
}
.pi-section-parallax .pi-menu.pi-menu-hover-border > li:hover > a:before {
border-top-color: #267bd6;
}
.pi-section-parallax .pi-menu.pi-menu-hover-border > li.active > a:before {
border-top-color: #267bd6;
}
.pi-section-parallax .pi-menu.pi-menu-hover-border > li.active:hover > a:before {
border-top-color: #267bd6;
}
.pi-section-parallax .pi-menu.pi-has-hover-border > li > a:before {
border-color: transparent;
}
.pi-section-parallax .pi-menu.pi-has-hover-border > li:hover > a:before {
border-color: #267bd6;
}
.pi-section-parallax .pi-menu.pi-has-hover-border > li.active > a:before {
border-color: #267bd6;
}
.pi-section-parallax .pi-menu.pi-has-hover-border > li.active:hover > a:before {
border-color: #267bd6;
}
.pi-section-white .pi-simple-menu > li {
color: #21252b;
}
.pi-section-white .pi-simple-menu > li > a {
color: #fff;
}
.pi-section-white .pi-simple-menu > li:hover {
color: #fff;
}
.pi-section-white .pi-simple-menu > li:hover > a {
color: #fff;
}
.pi-section-white .pi-simple-menu > li.active {
color: #fff;
}
.pi-section-white .pi-simple-menu > li.active > a {
color: #fff;
}
.pi-section-white .pi-simple-menu.pi-has-hover-border > li > a > span:before {
border-color: transparent;
}
.pi-section-white .pi-simple-menu.pi-has-hover-border > li:hover > a > span:before {
border-color: #267bd6;
}
.pi-section-white .pi-simple-menu.pi-has-hover-border > li.active > a > span:before {
border-color: #267bd6;
}
.pi-section-white .pi-simple-menu.pi-has-hover-border > li.active:hover > a > span:before {
border-color: #267bd6;
}
.pi-section-white .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown > a:after {
color: #21252b;
}
.pi-section-white .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown:hover > a:after {
color: #267bd6;
}
.pi-section-white .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #267bd6;
}
.pi-section-white .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #267bd6;
}
.pi-section-grey .pi-simple-menu > li {
color: #373942;
}
.pi-section-grey .pi-simple-menu > li > a {
color: #FFFFFF;
}
.pi-section-grey .pi-simple-menu > li:hover {
color: #f39c12;
}
.pi-section-grey .pi-simple-menu > li:hover > a {
color: #f39c12;
}
.pi-section-grey .pi-simple-menu > li.active {
color: #f39c12;
}
.pi-section-grey .pi-simple-menu > li.active > a {
color: #f39c12;
}
.pi-section-grey .pi-simple-menu.pi-has-hover-border > li > a > span:before {
border-color: transparent;
}
.pi-section-grey .pi-simple-menu.pi-has-hover-border > li:hover > a > span:before {
border-color: #f39c12;
}
.pi-section-grey .pi-simple-menu.pi-has-hover-border > li.active > a > span:before {
border-color: #f39c12;
}
.pi-section-grey .pi-simple-menu.pi-has-hover-border > li.active:hover > a > span:before {
border-color: #f39c12;
}
.pi-section-grey .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown > a:after {
color: #4b4d55;
}
.pi-section-grey .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown:hover > a:after {
color: #f39c12;
}
.pi-section-grey .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #f39c12;
}
.pi-section-grey .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #f39c12;
}
.pi-section-base .pi-simple-menu > li {
color: #ffffff;
}
.pi-section-base .pi-simple-menu > li > a {
color: #ffffff;
}
.pi-section-base .pi-simple-menu > li:hover {
color: #ffffff;
}
.pi-section-base .pi-simple-menu > li:hover > a {
color: #ffffff;
}
.pi-section-base .pi-simple-menu > li.active {
color: #ffffff;
}
.pi-section-base .pi-simple-menu > li.active > a {
color: #ffffff;
}
.pi-section-base .pi-simple-menu.pi-has-hover-border > li > a > span:before {
border-color: transparent;
}
.pi-section-base .pi-simple-menu.pi-has-hover-border > li:hover > a > span:before {
border-color: #ffffff;
}
.pi-section-base .pi-simple-menu.pi-has-hover-border > li.active > a > span:before {
border-color: #ffffff;
}
.pi-section-base .pi-simple-menu.pi-has-hover-border > li.active:hover > a > span:before {
border-color: #ffffff;
}
.pi-section-base .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown > a:after {
color: #ffffff;
}
.pi-section-base .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown:hover > a:after {
color: #ffffff;
}
.pi-section-base .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #ffffff;
}
.pi-section-base .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #ffffff;
}
.pi-section-dark .pi-simple-menu > li {
color: #bfc8cd;
}
.pi-section-dark .pi-simple-menu > li > a {
color: #bfc8cd;
}
.pi-section-dark .pi-simple-menu > li:hover {
color: #267bd6;
}
.pi-section-dark .pi-simple-menu > li:hover > a {
color: #f39c12;
}
.pi-section-dark .pi-simple-menu > li.active {
color: #f39c12;
}
.pi-section-dark .pi-simple-menu > li.active > a {
color: #f39c12;
}
.pi-section-dark .pi-simple-menu.pi-has-hover-border > li > a > span:before {
border-color: transparent;
}
.pi-section-dark .pi-simple-menu.pi-has-hover-border > li:hover > a > span:before {
border-color: #f39c12;
}
.pi-section-dark .pi-simple-menu.pi-has-hover-border > li.active > a > span:before {
border-color: #f39c12;
}
.pi-section-dark .pi-simple-menu.pi-has-hover-border > li.active:hover > a > span:before {
border-color: #f39c12;
}
.pi-section-dark .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown > a:after {
color: #cdcdd5;
}
.pi-section-dark .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown:hover > a:after {
color: #ffffff;
}
.pi-section-dark .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #ffffff;
}
.pi-section-dark .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #ffffff;
}
.pi-section-parallax .pi-simple-menu > li {
color: #c7c7ce;
}
.pi-section-parallax .pi-simple-menu > li > a {
color: #c7c7ce;
}
.pi-section-parallax .pi-simple-menu > li:hover {
color: #ffffff;
}
.pi-section-parallax .pi-simple-menu > li:hover > a {
color: #ffffff;
}
.pi-section-parallax .pi-simple-menu > li.active {
color: #ffffff;
}
.pi-section-parallax .pi-simple-menu > li.active > a {
color: #ffffff;
}
.pi-section-parallax .pi-simple-menu.pi-has-hover-border > li > a > span:before {
border-color: transparent;
}
.pi-section-parallax .pi-simple-menu.pi-has-hover-border > li:hover > a > span:before {
border-color: #f39c12;
}
.pi-section-parallax .pi-simple-menu.pi-has-hover-border > li.active > a > span:before {
border-color: #f39c12;
}
.pi-section-parallax .pi-simple-menu.pi-has-hover-border > li.active:hover > a > span:before {
border-color: #f39c12;
}
.pi-section-parallax .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown > a:after {
color: #c7c7ce;
}
.pi-section-parallax .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown:hover > a:after {
color: #ffffff;
}
.pi-section-parallax .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #ffffff;
}
.pi-section-parallax .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #ffffff;
}
.pi-submenu-white li {
background: #ffffff;
color: #4a5058;
}
.pi-submenu-white li > a {
color: #4a5058;
}
.pi-submenu-white li:hover {
background: #f8fafa;
color: #f39c12;
}
.pi-submenu-white li:hover > a {
color: #f39c12;
}
.pi-submenu-white li.active {
background: #f8fafa;
color: #f39c12;
}
.pi-submenu-white li.active > a {
color: #f39c12;
}
.pi-submenu-white li.active:hover {
background: #f8fafa;
color: #f39c12;
}
.pi-submenu-white li.active:hover > a {
color: #f39c12;
}
.pi-submenu-white.pi-items-has-dd-sign li.pi-has-dropdown > a:after {
color: #21252b;
}
.pi-submenu-white.pi-items-has-dd-sign li.pi-has-dropdown:hover > a:after {
color: #f39c12;
}
.pi-submenu-white.pi-items-has-dd-sign li.pi-has-dropdown.active > a:after {
color: #f39c12;
}
.pi-submenu-white.pi-items-has-dd-sign li.pi-has-dropdown.active:hover > a:after {
color: #f39c12;
}
.pi-submenu-white.pi-has-shadow {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.pi-submenu-white.pi-has-shadow .pi-submenu {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.pi-submenu-white.pi-has-border,
.pi-submenu-white.pi-has-border .pi-submenu {
border-color: #267bd6;
}
.pi-submenu-white.pi-items-have-borders li {
border-color: #eef1f1;
}
.pi-submenu-white.pi-items-have-double-borders li {
border-color: #eef1f1;
}
.pi-submenu-white.pi-items-have-double-borders li:before,
.pi-submenu-white.pi-items-have-double-borders li:after {
display: block;
width: 100%;
height: 1px;
content: " ";
position: absolute;
left: 0;
z-index: 1;
background: #ffffff;
}
.pi-submenu-white.pi-items-have-double-borders li:before {
top: 0;
}
.pi-submenu-white.pi-items-have-double-borders li:after {
bottom: 0;
}
.pi-submenu-white.pi-items-have-double-borders li:hover:before,
.pi-submenu-white.pi-items-have-double-borders li:hover:after {
background: #fcfdfd;
}
.pi-submenu-grey li {
background: #f4f6f6;
color: #4a5058;
}
.pi-submenu-grey li > a {
color: #4a5058;
}
.pi-submenu-grey li:hover {
background: #fafbfc;
color: #f39c12;
}
.pi-submenu-grey li:hover > a {
color: #f39c12;
}
.pi-submenu-grey li.active {
background: #fafbfc;
color: #f39c12;
}
.pi-submenu-grey li.active > a {
color: #f39c12;
}
.pi-submenu-grey li.active:hover {
background: #fafbfc;
color: #f39c12;
}
.pi-submenu-grey li.active:hover > a {
color: #f39c12;
}
.pi-submenu-grey.pi-items-has-dd-sign li.pi-has-dropdown > a:after {
color: #666970;
}
.pi-submenu-grey.pi-items-has-dd-sign li.pi-has-dropdown:hover > a:after {
color: #f39c12;
}
.pi-submenu-grey.pi-items-has-dd-sign li.pi-has-dropdown.active > a:after {
color: #f39c12;
}
.pi-submenu-grey.pi-items-has-dd-sign li.pi-has-dropdown.active:hover > a:after {
color: #f39c12;
}
.pi-submenu-grey.pi-has-shadow {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.pi-submenu-grey.pi-has-shadow .pi-submenu {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.pi-submenu-grey.pi-has-border,
.pi-submenu-grey.pi-has-border .pi-submenu {
border-color: #f39c12;
}
.pi-submenu-grey.pi-items-have-borders li {
border-color: #e6eaea;
}
.pi-submenu-grey.pi-items-have-double-borders li {
border-color: #e6eaea;
}
.pi-submenu-grey.pi-items-have-double-borders li:before,
.pi-submenu-grey.pi-items-have-double-borders li:after {
display: block;
width: 100%;
height: 1px;
content: " ";
position: absolute;
left: 0;
z-index: 1;
background: #f5f7f9;
}
.pi-submenu-grey.pi-items-have-double-borders li:before {
top: 0;
}
.pi-submenu-grey.pi-items-have-double-borders li:after {
bottom: 0;
}
.pi-submenu-grey.pi-items-have-double-borders li:hover:before,
.pi-submenu-grey.pi-items-have-double-borders li:hover:after {
background: #fdfdfe;
}
.pi-submenu-base li {
background: #00adb0;
color: #ffffff;
}
.pi-submenu-base li > a {
color: #ffffff;
}
.pi-submenu-base li:hover {
background: #05b5b6;
color: #ffffff;
}
.pi-submenu-base li:hover > a {
color: #ffffff;
}
.pi-submenu-base li.active {
background: #05b5b6;
color: #ffffff;
}
.pi-submenu-base li.active > a {
color: #ffffff;
}
.pi-submenu-base li.active:hover {
background: #05b5b6;
color: #ffffff;
}
.pi-submenu-base li.active:hover > a {
color: #ffffff;
}
.pi-submenu-base.pi-items-has-dd-sign li.pi-has-dropdown > a:after {
color: #ffffff;
}
.pi-submenu-base.pi-items-has-dd-sign li.pi-has-dropdown:hover > a:after {
color: #ffffff;
}
.pi-submenu-base.pi-items-has-dd-sign li.pi-has-dropdown.active > a:after {
color: #ffffff;
}
.pi-submenu-base.pi-items-has-dd-sign li.pi-has-dropdown.active:hover > a:after {
color: #ffffff;
}
.pi-submenu-base.pi-has-shadow {
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.pi-submenu-base.pi-has-shadow .pi-submenu {
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.pi-submenu-base.pi-has-border,
.pi-submenu-base.pi-has-border .pi-submenu {
border-color: #00919c;
}
.pi-submenu-base.pi-items-have-borders li {
border-color: #3bc0c2;
}
.pi-submenu-base.pi-items-have-double-borders li {
border-color: #00969e;
}
.pi-submenu-base.pi-items-have-double-borders li:before,
.pi-submenu-base.pi-items-have-double-borders li:after {
display: block;
width: 100%;
height: 1px;
content: " ";
position: absolute;
left: 0;
z-index: 1;
background: #1ab5b8;
}
.pi-submenu-base.pi-items-have-double-borders li:before {
top: 0;
}
.pi-submenu-base.pi-items-have-double-borders li:after {
bottom: 0;
}
.pi-submenu-base.pi-items-have-double-borders li:hover:before,
.pi-submenu-base.pi-items-have-double-borders li:hover:after {
background: #1ebdbd;
}
.pi-submenu-dark li {
background: #1e2127;
color: #abb3b9;
}
.pi-submenu-dark li > a {
color: #f1f1f1;
}
.pi-submenu-dark li:hover {
background: #21262c;
color: #f39c12;
}
.pi-submenu-dark li:hover > a {
color: #f39c12;
}
.pi-submenu-dark li.active {
background: #21262c;
color: #f39c12;
}
.pi-submenu-dark li.active > a {
color: #f39c12;
}
.pi-submenu-dark li.active:hover {
background: #21262c;
color: #f39c12;
}
.pi-submenu-dark li.active:hover > a {
color: #f39c12;
}
.pi-submenu-dark.pi-items-has-dd-sign li.pi-has-dropdown > a:after {
color: #9dadb4;
}
.pi-submenu-dark.pi-items-has-dd-sign li.pi-has-dropdown:hover > a:after {
color: #f39c12;
}
.pi-submenu-dark.pi-items-has-dd-sign li.pi-has-dropdown.active > a:after {
color: #f39c12;
}
.pi-submenu-dark.pi-items-has-dd-sign li.pi-has-dropdown.active:hover > a:after {
color: #f39c12;
}
.pi-submenu-dark.pi-has-shadow {
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.pi-submenu-dark.pi-has-shadow .pi-submenu {
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.pi-submenu-dark.pi-has-border,
.pi-submenu-dark.pi-has-border .pi-submenu {
border-color: #f39c12;
}
.pi-submenu-dark.pi-items-have-borders li {
border-color: #262c33;
}
.pi-submenu-dark.pi-items-have-double-borders li {
border-color: #15171b;
}
.pi-submenu-dark.pi-items-have-double-borders li:before,
.pi-submenu-dark.pi-items-have-double-borders li:after {
display: block;
width: 100%;
height: 1px;
content: " ";
position: absolute;
left: 0;
z-index: 1;
background: #21242b;
}
.pi-submenu-dark.pi-items-have-double-borders li:before {
top: 0;
}
.pi-submenu-dark.pi-items-have-double-borders li:after {
bottom: 0;
}
.pi-submenu-dark.pi-items-have-double-borders li:hover:before,
.pi-submenu-dark.pi-items-have-double-borders li:hover:after {
background: #242a30;
}
.pi-submenu-wide-white.pi-has-border {
border-color: #f39c12;
}
.pi-submenu-wide-grey.pi-has-border {
border-color: #f39c12;
}
.pi-submenu-wide-base.pi-has-border {
border-color: #00919c;
}
.pi-submenu-wide-dark.pi-has-border {
border-color: #f39c12;
}
.pi-section-base .pi-submenu-base.pi-has-border,
.pi-section-base .pi-submenu-dark.pi-has-border {
border-color: #00919c !important;
}
.pi-section-base .pi-submenu-white.pi-has-border,
.pi-section-base .pi-submenu-grey.pi-has-border {
border-color: #CDDBDB !important;
}
.pi-section-base .pi-menu-btn-list .pi-submenu-base.pi-has-border,
.pi-section-base .pi-menu-btn-list .pi-submenu-dark.pi-has-border,
.pi-section-base .pi-menu-btn-list .pi-submenu-white.pi-has-border,
.pi-section-base .pi-menu-btn-list .pi-submenu-grey.pi-has-border {
border-color: #f39c12 !important;
}
/*_____ styles/css/base/menu-mobile.css*/
.pi-section-menu-mobile-w {
height: 0;
max-height: 380px;
position: absolute;
top: 85%;
left: 0;
right: 0;
overflow: hidden;
text-align: left;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
-webkit-overflow-scrolling: touch;
}
.pi-section-menu-mobile-w:before,
.pi-section-menu-mobile-w:after {
content: " ";
display: table;
}
.pi-section-menu-mobile-w:after {
clear: both;
}
.pi-section-menu-mobile {
padding: 0 40px;
}
.pi-section-menu-mobile form {
margin: 20px 0;
}
.pi-menu-mobile {
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 20px;
font-size: 14px;
}
.pi-menu-mobile > li {
margin: 0 -40px;
}
.pi-menu-mobile ul {
height: 0;
overflow: hidden;
}
.pi-menu-mobile ul.pi-active {
display: block !important;
}
.pi-menu-mobile ul li {
margin: 0;
}
.pi-menu-mobile li {
position: relative;
}
.pi-menu-mobile li a {
padding: 14px 40px;
}
.pi-menu-mobile > li:last-child a {
border-bottom: 1px solid transparent;
}
.pi-menu-mobile > li:last-child a:hover {
border-bottom: 1px solid transparent;
}
.pi-menu-mobile a {
display: block;
line-height: 16px;
border-bottom: 0;
}
.pi-menu-mobile a:hover {
text-decoration: none;
border-bottom: 0;
}
.pi-menu-mobile i {
margin-right: 8px;
}
.pi-menu-mobile.pi-items-have-borders li a {
border-top: 1px solid transparent;
}
@media (max-width: 992px) {
.pi-section-menu-mobile {
padding: 0 30px;
}
.pi-menu-mobile > li {
margin: 0 -30px;
}
.pi-menu-mobile li a {
padding: 14px 30px;
}
}
@media (max-width: 768px) {
.pi-section-menu-mobile {
padding: 0 20px;
}
.pi-menu-mobile > li {
margin: 0 -20px;
}
.pi-menu-mobile li a {
padding: 14px 20px;
}
}
@media (max-width: 767px) and (orientation: landscape) {
.pi-section-menu-mobile-w {
max-height: 230px;
}
}
@media (min-width: 768px) {
.pi-section-menu-mobile-w {
max-height: 800px;
}
}
@media (min-width: 992px) {
.pi-section-menu-mobile-w {
max-height: 500px;
}
}
.pi-menu-mobile-white li,
.pi-menu-mobile-grey li,
.pi-menu-mobile-base li,
.pi-menu-mobile-dark li {
background: #21252b;
color: #c6ccd0;
}
.pi-menu-mobile-white li > a,
.pi-menu-mobile-grey li > a,
.pi-menu-mobile-base li > a,
.pi-menu-mobile-dark li > a {
color: #c6ccd0;
}
.pi-menu-mobile-white li:hover,
.pi-menu-mobile-grey li:hover,
.pi-menu-mobile-base li:hover,
.pi-menu-mobile-dark li:hover {
background: #262b31;
color: #f39c12;
}
.pi-menu-mobile-white li:hover > a,
.pi-menu-mobile-grey li:hover > a,
.pi-menu-mobile-base li:hover > a,
.pi-menu-mobile-dark li:hover > a {
color: #f39c12;
}
.pi-menu-mobile-white li.active,
.pi-menu-mobile-grey li.active,
.pi-menu-mobile-base li.active,
.pi-menu-mobile-dark li.active {
background: #21252b;
color: #f39c12;
font-weight: 700;
}
.pi-menu-mobile-white li.active > a,
.pi-menu-mobile-grey li.active > a,
.pi-menu-mobile-base li.active > a,
.pi-menu-mobile-dark li.active > a {
color: #f39c12;
}
.pi-menu-mobile-white li.active:hover,
.pi-menu-mobile-grey li.active:hover,
.pi-menu-mobile-base li.active:hover,
.pi-menu-mobile-dark li.active:hover {
background: #262b31;
color: #f39c12;
}
.pi-menu-mobile-white li.active:hover > a,
.pi-menu-mobile-grey li.active:hover > a,
.pi-menu-mobile-base li.active:hover > a,
.pi-menu-mobile-dark li.active:hover > a {
color: #f39c12;
}
.pi-menu-mobile-white.pi-items-have-borders li a,
.pi-menu-mobile-grey.pi-items-have-borders li a,
.pi-menu-mobile-base.pi-items-have-borders li a,
.pi-menu-mobile-dark.pi-items-have-borders li a,
.pi-menu-mobile-white.pi-items-have-borders > li:last-child a,
.pi-menu-mobile-grey.pi-items-have-borders > li:last-child a,
.pi-menu-mobile-base.pi-items-have-borders > li:last-child a,
.pi-menu-mobile-dark.pi-items-have-borders > li:last-child a {
border-color: #2e343a;
}
.pi-menu-mobile-white.pi-items-have-borders li a:hover,
.pi-menu-mobile-grey.pi-items-have-borders li a:hover,
.pi-menu-mobile-base.pi-items-have-borders li a:hover,
.pi-menu-mobile-dark.pi-items-have-borders li a:hover,
.pi-menu-mobile-white.pi-items-have-borders > li:last-child a:hover,
.pi-menu-mobile-grey.pi-items-have-borders > li:last-child a:hover,
.pi-menu-mobile-base.pi-items-have-borders > li:last-child a:hover,
.pi-menu-mobile-dark.pi-items-have-borders > li:last-child a:hover {
border-color: #2e343a;
}
.pi-menu-mobile-white ul,
.pi-menu-mobile-grey ul,
.pi-menu-mobile-base ul,
.pi-menu-mobile-dark ul {
list-style: none;
padding: 0;
margin: 0;
}
.pi-menu-mobile-white ul li > a:before,
.pi-menu-mobile-grey ul li > a:before,
.pi-menu-mobile-base ul li > a:before,
.pi-menu-mobile-dark ul li > a:before {
content: "- ";
}
.pi-menu-mobile-white ul li > ul > li > a:before,
.pi-menu-mobile-grey ul li > ul > li > a:before,
.pi-menu-mobile-base ul li > ul > li > a:before,
.pi-menu-mobile-dark ul li > ul > li > a:before {
content: "- - ";
}
.pi-menu-mobile-white ul li > ul > li > ul > li > a:before,
.pi-menu-mobile-grey ul li > ul > li > ul > li > a:before,
.pi-menu-mobile-base ul li > ul > li > ul > li > a:before,
.pi-menu-mobile-dark ul li > ul > li > ul > li > a:before {
content: "- - - ";
}
.pi-menu-mobile-white ul li > ul > li > ul > li > ul > li > a:before,
.pi-menu-mobile-grey ul li > ul > li > ul > li > ul > li > a:before,
.pi-menu-mobile-base ul li > ul > li > ul > li > ul > li > a:before,
.pi-menu-mobile-dark ul li > ul > li > ul > li > ul > li > a:before {
content: "- - - - ";
}
.pi-menu-mobile-white ul a,
.pi-menu-mobile-grey ul a,
.pi-menu-mobile-base ul a,
.pi-menu-mobile-dark ul a {
color: #c6ccd0;
}
.pi-menu-mobile-white ul a:hover,
.pi-menu-mobile-grey ul a:hover,
.pi-menu-mobile-base ul a:hover,
.pi-menu-mobile-dark ul a:hover {
color: #f39c12;
}
.pi-menu-mobile-white ul li.active a,
.pi-menu-mobile-grey ul li.active a,
.pi-menu-mobile-base ul li.active a,
.pi-menu-mobile-dark ul li.active a {
color: #f39c12;
}
.pi-menu-mobile-white ul li.active a:hover,
.pi-menu-mobile-grey ul li.active a:hover,
.pi-menu-mobile-base ul li.active a:hover,
.pi-menu-mobile-dark ul li.active a:hover {
color: #f39c12;
}
/*_____ styles/css/base/scrollTopArrow.css*/
.project-done {
float: left;
padding: 15px 0px 15px;
border-top: 1px dashed #c6c6c6;
border-bottom: 1px dashed #c6c6c6;
}
.project-done ul li {
text-align: center;
font-family: 'museo_sans300','Arial',sans-serif;
font-size: 35px;
color: #000;
line-height: 40px;
border-right: 1px dashed #c6c6c6;
float: left;
width: 25%;
list-style: outside none none !important;
font-weight: 400;
letter-spacing: 1px;
}
.project-done ul li:last-child {
border-right: 0px dashed #c6c6c6;
}
@media(max-width:767px){
.project-done, .ms-staff-carousel .ms-staff-info {
padding: 0px;
border-top: 0px;
}
}
@media(max-width:450px) {
.project-done ul li {
font-size: 26px;
line-height: 36px;
padding: 12px 0px;
}
}
@media(max-width:767px) {
.project-done ul li {
width: 100% !important;
border-top: 1px dashed #c6c6c6;
border-right: 0px solid #c6c6c6;
min-height: 1px !important;
}
.project-done ul li.first {
border-top: 0px dashed #c6c6c6;
}
}
.border-bg {
border-top: 1px dashed #c6c6c6;
}
.project-done ul li .strong-cust-details {
width: 100%;
float: left;
margin-bottom: -4px;
list-style: outside none none !important;
font-weight: 400;
}
@media(max-width:767px){
.project-done ul li strong, .project-done ul li .strong-cust-details {
width: auto;
float: none;
list-style: outside none none !important;
}
}
.project-done ul li strong, .project-done ul li .strong-cust-details {
width: 100%;
float: left;
margin-bottom: -4px;
font-weight: 400;
list-style: outside none none !important;
}
.count-num {
color: #000;
display: inline-block;
}
.project-done ul li strong span, .project-done ul li .strong-cust-details span {
font-size: 35px;
font-weight: 600;
color: #f37720;
padding-left: 5px;
}
.project-done ul li span {
font-family: 'museo_sans300', 'Arial' ,sans-serif;
font-size: 20px;
}
@media (min-width:768px) and (max-width:1023px) {
.project-done ul li span {
font-family: 'museo_sans300', 'Arial' ,sans-serif;
font-size: 15px;
}
}
/* landing page */
.project-done-i {
float: left;
padding: 0px 0px 10px 0px;
background: transparent url("../img/dotted-w.png") repeat-x scroll center bottom !important;
}
@media(max-width:767px){
.project-done-i, .ms-staff-carousel .ms-staff-info {
padding: 0px;
}
}
.project-done-i ul li {
text-align: center;
font-family: 'museo-700','Arial',sans-serif;
font-size: 30px;
color: #ffa013;
line-height: 40px;
padding: 0px 0px;
background: transparent url("../img/dotted-y-w.png") repeat-y scroll right center;
float: left;
width: 25%;
list-style: outside none none !important;
}
.project-done-i ul li:last-child {
background: transparent none repeat scroll 0% 0%;
}
@media(max-width:450px) {
.project-done-i ul li {
font-size: 26px;
line-height: 36px;
padding: 12px 0px;
}
}
@media(max-width:767px) {
.project-done-i ul li {
width: 100% !important;
background: transparent url("../img/dotted-w.png") repeat-x scroll center bottom !important;
min-height: 1px !important;
}
}
.project-done-i ul li .strong-cust-details {
width: 100%;
float: left;
margin-bottom: -4px;
list-style: outside none none !important;
font-weight: 400;
}
.project-done-i ul li strong, .project-done-i ul li .strong-cust-details {
float: left;
margin-bottom: -4px;
font-weight: 400;
list-style: outside none none !important;
width: 100%;
}
@media(max-width:767px){
.project-done-i ul li strong, .project-done-i ul li .strong-cust-details {
width: auto;
float: none;
list-style: outside none none !important;
}
}
.count-num-i {
display: inline-block;
}
.project-done-i ul li strong span, .project-done-i ul li .strong-cust-details span {
font-size: 30px;
color: #ffa013;
padding-left: 5px;
}
.project-done-i ul li span {
font-family: 'museo-700', 'Arial' ,sans-serif;
font-size: 16px;
color: #fff;
}
.product-image-wrapper-n{
background-color: #ffffff;
box-shadow: 0px 0px 5px #898989;
overflow: hidden;
}
.single-products {
position: relative;
}
.productinfo {
position: relative;
}
.nav-tabs .nav-justified {
width: 100%;
}
.nav {
margin-bottom: 0px;
padding-left: 0px;
list-style: outside none none;
}
.pi-product-image-wrapper {
background-color: #ffffff;
box-shadow: 0px 0px 15px #cacaca;
overflow: hidden;
margin-bottom:30px;
}
.pi-scroll-top-arrow {
position: fixed;
bottom: -55px;
right: 40px;
z-index: 1000;
width: 50px;
height: 50px;
line-height: 48px;
border: 1px solid transparent;
border-radius: 3px;
font-size: 18px;
font-family: fontello;
text-align: center;
cursor: pointer;
opacity: 0;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-scroll-top-arrow:after {
content: '\e8c5';
}
.pi-scroll-top-arrow.pi-active {
bottom: 40px;
opacity: 1;
}
.pi-scroll-top-arrow.pi-active.pi-scroll-top-arrow-footer {
bottom: 80px;
}
@media (max-width: 992px) {
.pi-scroll-top-arrow {
right: 30px;
}
}
@media (max-width: 768px) {
.pi-scroll-top-arrow {
right: 20px;
}
}
.pi-scroll-top-arrow {
border-color: rgba(40, 46, 53, 0.5);
background: rgba(40, 46, 53, 0.8);
color: rgba(250, 250, 250, 0.5);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.pi-scroll-top-arrow:hover {
border-color: rgba(13, 192, 192, 0.8);
background: rgba(13, 192, 192, 0.8);
color: #ffffff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*_____ styles/css/base/loader.css*/
.pi-loader {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4;
background: none;
}
.pi-loader > span {
display: table;
width: 100%;
height: 100%;
}
.pi-loader > span > span {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
line-height: 10px;
}
.pi-loader .pi-loader-dot {
display: inline-block;
width: 11px;
height: 11px;
margin: 0 4px;
vertical-align: top;
background: rgba(105, 116, 122, 0.25);
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.pi-loader-dot.pi-loader-dot-active {
background: #267bd6;
}
/*_____ styles/css/base/dropcaps.css*/
.pi-dropcap {
font-size: 56px;
line-height: 100%;
font-weight: 300;
float: left;
margin: 0 20px 15px 0;
}
.pi-dropcap-circle,
.pi-dropcap-square {
width: 58px;
height: 58px;
margin: 5px 20px 10px 0;
float: left;
text-align: center;
font-size: 36px;
line-height: 56px;
border-radius: 3px;
}
.pi-dropcap-suqare {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.pi-dropcap-circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pi-news-date {
background: url("../img/news-date.png") no-repeat;
color: #2e343c;
float: left;
font-size: 22px;
font-weight: 400;
height: 65px;
line-height: 26px;
margin: 0 23px 10px 0;
padding: 3px 0 0;
position: relative;
text-align: center;
width: 50px;
text-shadow: 0 1px 0 #f5f8f8;
}
.pi-news-date span {
bottom: 11px;
font-size: 11px;
font-weight: 600;
color: #737a81;
left: 0;
line-height: 10px;
position: absolute;
text-transform: uppercase;
width: 50px;
letter-spacing: 1px;
}
.pi-section-white .pi-dropcap {
color: #21252b;
}
.pi-section-white .pi-dropcap-circle,
.pi-section-white .pi-dropcap-square {
background: #267bd6;
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-section-grey .pi-dropcap {
color: #21252b;
}
.pi-section-grey .pi-dropcap-circle,
.pi-section-grey .pi-dropcap-square {
background: #267bd6;
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-section-base .pi-dropcap {
color: #ffffff;
}
.pi-section-base .pi-dropcap-circle,
.pi-section-base .pi-dropcap-square {
background: #008c98;
color: #ffffff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-section-dark .pi-dropcap {
color: #ffffff;
}
.pi-section-dark .pi-dropcap-circle,
.pi-section-dark .pi-dropcap-square {
background: #267bd6;
color: #ffffff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pi-section-parallax .pi-dropcap {
color: #ffffff;
}
.pi-section-parallax .pi-dropcap-circle,
.pi-section-parallax .pi-dropcap-square {
background: #267bd6;
color: #ffffff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/*_____ styles/css/base/dividers.css*/
hr {
height: 0;
border: 0;
margin: 25px 0;
overflow: hidden;
width:1020px;
margin:0px auto;
}
hr.pi-divider-big {
margin: 40px 0;
}
hr.pi-divider-bigger {
margin: 60px 0;
}
.pi-row + hr {
margin: 5px 0 25px;
}
.pi-row + hr.pi-divider-big {
margin: 20px 0 40px;
}
.pi-row + hr.pi-divider-bigger {
margin: 40px 0 60px;
}
hr.pi-divider {
border-top: 1px solid #e1e1e1;
}
hr.pi-divider-double {
height: 9px;
position: relative;
}
hr.pi-divider-double:before,
hr.pi-divider-double:after {
display: block;
content: "";
border-top: 1px solid transparent;
position: absolute;
left: 0;
right: 0;
}
hr.pi-divider-double:before {
top: 0;
}
hr.pi-divider-double:after {
bottom: 0;
}
hr.pi-divider-dashed {
border-top-style: dashed;
border-bottom-style: dashed;
}
hr.pi-divider-dotted {
border-top-style: dotted;
border-bottom-style: dotted;
}
hr.pi-divider-gap-10 {
margin: 5px 0;
}
hr.pi-divider-gap-15 {
margin: 7px 0;
}
hr.pi-divider-gap-20 {
margin: 10px 0;
}
hr.pi-divider-gap-30 {
margin: 15px 0;
}
hr.pi-divider-gap-40 {
margin: 20px 0;
}
hr.pi-divider-gap-50 {
margin: 25px 0;
}
hr.pi-divider-gap-60 {
margin: 30px 0;
}
hr.pi-divider-gap-70 {
margin: 35px 0;
}
hr.pi-divider-gap-80 {
margin: 40px 0;
}
hr.pi-divider-gap-90 {
margin: 45px 0;
}
hr.pi-divider-gap-100 {
margin: 50px 0;
}
.pi-section-base hr {
border-color: #40c2c4;
}
.pi-section-base hr:before,
.pi-section-base hr:after {
border-color: #40c2c4;
}
.pi-section-base hr.pi-divider-dashed,
.pi-section-base hr.pi-divider-dotted {
border-color: #1bcdcd;
}
.pi-section-white hr {
border-color: #e0e0e0;
}
.pi-section-white hr:before,
.pi-section-white hr:after {
border-color: #e0e0e0;
}
.pi-section-white hr.pi-divider-dashed,
.pi-section-white hr.pi-divider-dotted {
border-color: #d6dfdf;
}
.pi-section-grey hr {
border-color: #e5eaea;
}
.pi-section-grey hr:before,
.pi-section-grey hr:after {
border-color: #e5eaea;
}
.pi-section-grey hr.pi-divider-dashed,
.pi-section-grey hr.pi-divider-dotted {
border-color: #d6dfdf;
}
.pi-section-dark hr {
border-color: #2e343a;
}
.pi-section-dark hr:before,
.pi-section-dark hr:after {
border-color: #2e343a;
}
.pi-section-dark hr.pi-divider-dashed,
.pi-section-dark hr.pi-divider-dotted {
border-color: #333941;
}
.pi-section-parallax hr {
border-color: rgba(250, 250, 250, 0.2);
}
.pi-section-parallax hr:before,
.pi-section-parallax hr:after {
border-color: rgba(250, 250, 250, 0.2);
}
.pi-section-parallax hr.pi-divider-dashed,
.pi-section-parallax hr.pi-divider-dotted {
border-color: rgba(250, 250, 250, 0.3);
}
/*_____ styles/css/base/lists-icon-boxes.css*/
.pi-no-bullets {
list-style: none;
padding-left: 0;
}
.pi-list-with-icons,
.pi-bullets-circle,
.pi-bullets-square {
list-style: none;
padding-left: 0;
}
.pi-list-with-icons li,
.pi-bullets-circle li,
.pi-bullets-square li {
position: relative;
padding-left:20px;
font-size:18px;
}
.pi-list-with-icons li .pi-bullet-icon,
.pi-bullets-circle li .pi-bullet-icon,
.pi-bullets-square li .pi-bullet-icon,
.pi-list-with-icons li .pi-bullet-icon-img,
.pi-bullets-circle li .pi-bullet-icon-img,
.pi-bullets-square li .pi-bullet-icon-img {
position: absolute;
left: 0;
}
.pi-list-with-icons li .pi-bullet-icon,
.pi-bullets-circle li .pi-bullet-icon,
.pi-bullets-square li .pi-bullet-icon {
top: 0px;
font-size: 14px;
}
.pi-list-with-icons li .pi-bullet-icon-img,
.pi-bullets-circle li .pi-bullet-icon-img,
.pi-bullets-square li .pi-bullet-icon-img {
top: -1px;
}
.pi-bullets-circle li,
.pi-bullets-square li {
padding-left: 35px;
margin: 12px 0;
}
.pi-bullets-circle li .pi-bullet-icon,
.pi-bullets-square li .pi-bullet-icon,
.pi-bullets-circle li .pi-bullet-icon-img,
.pi-bullets-square li .pi-bullet-icon-img {
width: 26px;
height: 26px;
font-size: 14px;
overflow: hidden;
line-height: 26px;
top: -1px;
text-align: center;
}
.pi-bullets-circle li .pi-bullet-icon-img,
.pi-bullets-square li .pi-bullet-icon-img {
line-height: 26px;
}
.pi-bullets-circle.pi-bullets-contur li .pi-bullet-icon,
.pi-bullets-square.pi-bullets-contur li .pi-bullet-icon,
.pi-bullets-circle.pi-bullets-contur-dark li .pi-bullet-icon,
.pi-bullets-square.pi-bullets-contur-dark li .pi-bullet-icon,
.pi-bullets-circle.pi-bullets-contur-base li .pi-bullet-icon,
.pi-bullets-square.pi-bullets-contur-base li .pi-bullet-icon,
.pi-bullets-circle.pi-bullets-contur li .pi-bullet-icon-img,
.pi-bullets-square.pi-bullets-contur li .pi-bullet-icon-img,
.pi-bullets-circle.pi-bullets-contur-dark li .pi-bullet-icon-img,
.pi-bullets-square.pi-bullets-contur-dark li .pi-bullet-icon-img,
.pi-bullets-circle.pi-bullets-contur-base li .pi-bullet-icon-img,
.pi-bullets-square.pi-bullets-contur-base li .pi-bullet-icon-img {
line-height: 24px;
border: 1px solid;
}
.pi-bullets-circle.pi-bullets-contur li .pi-bullet-icon-img,
.pi-bullets-square.pi-bullets-contur li .pi-bullet-icon-img,
.pi-bullets-circle.pi-bullets-contur-dark li .pi-bullet-icon-img,
.pi-bullets-square.pi-bullets-contur-dark li .pi-bullet-icon-img,
.pi-bullets-circle.pi-bullets-contur-base li .pi-bullet-icon-img,
.pi-bullets-square.pi-bullets-contur-base li .pi-bullet-icon-img {
line-height: 24px;
}
.pi-bullets-square .pi-bullet-icon,
.pi-bullets-square .pi-bullet-icon-img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.pi-bullets-circle .pi-bullet-icon,
.pi-bullets-circle .pi-bullet-icon-img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pi-list-dashed li {
margin: 0;
padding-top: 9px;
padding-bottom: 9px;
position: relative;
}
.pi-list-dashed.pi-list-with-icons .pi-bullet-icon {
top: 9px;
}
.pi-list-dashed.pi-list-with-icons .pi-bullet-icon-img {
top: 10px;
}
.pi-list-dashed.pi-bullets-circle .pi-bullet-icon,
.pi-list-dashed.pi-bullets-square .pi-bullet-icon,
.pi-list-dashed.pi-bullets-circle .pi-bullet-icon-img,
.pi-list-dashed.pi-bullets-square .pi-bullet-icon-img {
top: 10px;
}
.pi-list-big-margins li {
margin: 12px 0;
font-weight:300;
}
.pi-list-big-margins li:first-child {
margin-top: 0;
}
.pi-list-big-margins li:last-child {
margin-bottom: 0;
}
.pi-list-menu a {
padding: 9px 12px 10px 23px;
line-height: 1.4em;
}
.pi-list-menu li {
padding: 0 !important;
}
.pi-list-menu li:after {
top: 12px !important;
left: 10px !important;
}
.pi-list-icons-plus li,
.pi-list-icons-minus li,
.pi-list-icons-ok li,
.pi-list-icons-dot li,
.pi-list-icons-heart li,
.pi-list-icons-link li,
.pi-list-icons-star li,
.pi-list-icons-help li,
.pi-list-icons-right-open li,
.pi-list-icons-twitter li,
.pi-list-icons-right-dir li,
.pi-list-icons-news li {
padding-left: 23px;
}
.pi-list-icons-plus li:after,
.pi-list-icons-minus li:after,
.pi-list-icons-ok li:after,
.pi-list-icons-dot li:after,
.pi-list-icons-heart li:after,
.pi-list-icons-link li:after,
.pi-list-icons-star li:after,
.pi-list-icons-help li:after,
.pi-list-icons-right-open li:after,
.pi-list-icons-twitter li:after,
.pi-list-icons-right-dir li:after,
.pi-list-icons-news li:after {
font-family: fontello;
display: block;
position: absolute;
top: 1px;
left: 0px;
font-size: 14px;
}
.pi-list-icons-plus.pi-list-dashed li:after,
.pi-list-icons-minus.pi-list-dashed li:after,
.pi-list-icons-ok.pi-list-dashed li:after,
.pi-list-icons-dot.pi-list-dashed li:after,
.pi-list-icons-heart.pi-list-dashed li:after,
.pi-list-icons-link.pi-list-dashed li:after,
.pi-list-icons-star.pi-list-dashed li:after,
.pi-list-icons-help.pi-list-dashed li:after,
.pi-list-icons-right-open.pi-list-dashed li:after,
.pi-list-icons-twitter.pi-list-dashed li:after,
.pi-list-icons-right-dir.pi-list-dashed li:after,
.pi-list-icons-news.pi-list-dashed li:after {
top: 9px;
}
.pi-list-icons-right-open li,
.pi-list-icons-right-dir li {
padding-left: 0px;
}
.pi-list-icons-twitter li {
padding-left: 25px;
}
.pi-list-icons-help li {
padding-left: 20px;
}
.pi-list-icons-dot li {
padding-left: 18px;
}
.pi-list-icons-plus li:after {
content: "\e918";
color: #4BD867;
font-size: 17px;
}
.pi-list-icons-twitter li:after {
content: "\e84b";
font-size: 16px;
color: #DEE1E6;
}
.pi-list-icons-minus li:after {
content: "\e91b";
color: #F37341;
font-size: 17px;
}
.pi-list-icons-help li:after {
content: "\e91e";
}
.pi-list-icons-ok li:after {
content: "\e914";
font-size: 16px;
}
.pi-list-icons-dot li:after {
content: "\e817";
font-size: 22px;
text-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.pi-list-icons-heart li:after {
content: "\e908";
color: #F37341;
}
.pi-list-icons-star li:after {
content: "\e90a";
color: #F7CA56;
}
.pi-list-icons-link li:after {
content: "\e924";
font-size: 16px;
}
.pi-list-icons-right-open li:after {
}
.pi-list-icons-right-dir li:after {
content: "\e8d4";
}
.pi-list-icons-news li:after {
content: "\e89c";
}
.pi-icon-box:before,
.pi-icon-box:after {
content: " ";
display: table;
}
.pi-icon-box:after {
clear: both;
}
.pi-icon-box .pi-icon-box-icon {
width: 30px;
height: 30px;
text-align: center;
vertical-align: middle;
font-size: 30px;
line-height: 30px;
margin-top: 3px;
float: left;
transition: all 0.3s ease-in-out;
}
.pi-icon-box .pi-icon-box-icon img {
max-width: 30px;
max-height: 30px;
}
.pi-icon-box .pi-icon-box-content {
margin-left: 50px;
}
.pi-icon-box .pi-icon-box-icon-circle,
.pi-icon-box .pi-icon-box-icon-square {
width: 48px;
height: 48px;
line-height: 46px;
font-size: 26px;
margin-top: 6px;
}
.pi-icon-box .pi-icon-box-icon-circle img,
.pi-icon-box .pi-icon-box-icon-square img {
max-width: 28px;
max-height: 28px;
margin-top: -5px;
}
.pi-icon-box .pi-icon-box-content-2 {
margin-left: 68px;
}
.pi-icon-box .pi-icon-box-icon-square {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.pi-icon-box .pi-icon-box-icon-circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pi-icon-box-icon-big .pi-icon-box-icon {
width: 56px;
height: 56px;
font-size: 56px;
line-height: 56px;
margin-top: 3px;
}
.pi-icon-box-icon-big .pi-icon-box-icon img {
max-width: 56px;
max-height: 56px;
}
.pi-icon-box-icon-big .pi-icon-box-content {
margin-left: 76px;
}
.pi-icon-box-icon-big .pi-icon-box-icon-circle,
.pi-icon-box-icon-big .pi-icon-box-icon-square {
width: 70px;
height: 70px;
font-size: 30px;
line-height: 68px;
margin-top: 6px;
}
.pi-icon-box-icon-big .pi-icon-box-icon-circle img,
.pi-icon-box-icon-big .pi-icon-box-icon-square img {
max-width: 40px;
max-height: 40px;
margin-top: -8px;
}
.pi-icon-box-icon-big .pi-icon-box-content-2 {
margin-left: 90px;
}
.pi-icon-box-vertical .pi-icon-box-icon {
width: 44px;
height: 44px;
text-align: center;
vertical-align: middle;
font-size: 44px;
line-height: 44px;
margin-bottom: 20px;
transition: all 0.3s ease-in-out;
}
.pi-icon-box-vertical .pi-icon-box-icon img {
max-width: 44px;
max-height: 44px;
margin-top: -12px;
}
.pi-icon-box-vertical .pi-icon-box-icon-circle,
.pi-icon-box-vertical .pi-icon-box-icon-square {
width: 60px;
height: 60px;
line-height: 58px;
font-size: 32px;
}
.pi-icon-box-vertical .pi-icon-box-icon-circle img,
.pi-icon-box-vertical .pi-icon-box-icon-square img {
max-width: 38px;
max-height: 38px;
margin-top: -8px;
}
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur-base,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur-base,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur-dark,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur-dark,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur-white,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur-white {
border: 2px solid transparent;
line-height: 54px;
}
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur img,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur img,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur-base img,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur-base img,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur-dark img,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur-dark img,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur-white img,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur-white img {
max-width: 38px;
max-height: 38px;
margin-top: -8px;
}
.pi-icon-box-vertical .pi-icon-box-icon-square {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.pi-icon-box-vertical .pi-icon-box-icon-circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pi-icon-box-vertical.pi-text-center .pi-icon-box-icon {
margin-right: auto;
margin-left: auto;
}
.pi-icon-box-vertical-icon-big .pi-icon-box-icon {
width: 60px;
height: 60px;
font-size: 60px;
line-height: 60px;
}
.pi-icon-box-vertical-icon-big .pi-icon-box-icon img {
max-width: 70px;
max-height: 70px;
}
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-circle,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-square {
width: 90px;
height: 90px;
line-height: 88px;
font-size: 38px;
}
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-circle img,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-square img {
max-width: 36px;
max-height: 36px;
}
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-circle.pi-icon-box-icon-contur,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-square.pi-icon-box-icon-contur,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-circle.pi-icon-box-icon-contur-base,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-square.pi-icon-box-icon-contur-base,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-circle.pi-icon-box-icon-contur-dark,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-square.pi-icon-box-icon-contur-dark,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-circle.pi-icon-box-icon-contur-white,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-square.pi-icon-box-icon-contur-white {
border: 2px solid transparent;
line-height: 84px;
}
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-circle.pi-icon-box-icon-contur img,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-square.pi-icon-box-icon-contur img,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-circle.pi-icon-box-icon-contur-base img,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-square.pi-icon-box-icon-contur-base img,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-circle.pi-icon-box-icon-contur-dark img,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-square.pi-icon-box-icon-contur-dark img,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-circle.pi-icon-box-icon-contur-white img,
.pi-icon-box-vertical-icon-big .pi-icon-box-icon-square.pi-icon-box-icon-contur-white img {
max-width: 36px;
max-height: 36px;
}
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon {
width: 120px;
height: 120px;
font-size: 110px;
line-height: 120px;
margin-bottom: 20px;
}
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon img {
max-width: 120px;
max-height: 120px;
margin-top: -30px;
}
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-circle,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-square {
width: 130px;
}
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-circle img,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-square img {
max-width: 130px;
max-height: 130px;
margin-top: -10px;
}
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-circle.pi-icon-box-icon-contur,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-square.pi-icon-box-icon-contur,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-circle.pi-icon-box-icon-contur-base,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-square.pi-icon-box-icon-contur-base,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-circle.pi-icon-box-icon-contur-dark,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-square.pi-icon-box-icon-contur-dark,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-circle.pi-icon-box-icon-contur-white,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-square.pi-icon-box-icon-contur-white {
border: 2px solid transparent;
line-height: 124px;
}
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-circle.pi-icon-box-icon-contur img,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-square.pi-icon-box-icon-contur img,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-circle.pi-icon-box-icon-contur-base img,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-square.pi-icon-box-icon-contur-base img,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-circle.pi-icon-box-icon-contur-dark img,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-square.pi-icon-box-icon-contur-dark img,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-circle.pi-icon-box-icon-contur-white img,
.pi-icon-box-vertical-icon-bigger .pi-icon-box-icon-square.pi-icon-box-icon-contur-white img {
max-width: 80px;
max-height: 80px;
margin-top: -18px;
}
.pi-section-white li .pi-bullet-icon,
.pi-section-white li .pi-bullet-icon-img {
color: #4d5258;
}
.pi-section-white .pi-list-dashed li {
border-bottom: 1px dashed #d6dfdf;
}
.pi-section-white .pi-list-dashed li:last-child {
border-bottom: none;
}
.pi-section-white .pi-list-icons-right-open li:after,
.pi-section-white .pi-list-icons-news li:after,
.pi-section-white .pi-list-icons-right-dir li:after {
color: #cccdd3;
}
.pi-section-white .pi-list-menu li a {
color: #4a5058;
}
.pi-section-white .pi-list-menu li a:hover {
color: #267bd6;
background: #f8fafa;
}
.pi-section-grey li .pi-bullet-icon,
.pi-section-grey li .pi-bullet-icon-img {
color: #4d5258;
}
.pi-section-grey .pi-list-dashed li {
border-bottom: 1px dashed #d6dfdf;
}
.pi-section-grey .pi-list-dashed li:last-child {
border-bottom: none;
}
.pi-section-grey .pi-list-icons-right-open li:after,
.pi-section-grey .pi-list-icons-news li:after,
.pi-section-grey .pi-list-icons-right-dir li:after {
color: #cccdd3;
}
.pi-section-grey .pi-list-menu li a {
color: #4a5058;
}
.pi-section-grey .pi-list-menu li a:hover {
color: #267bd6;
background: #fafbfc;
}
.pi-section-base li .pi-bullet-icon,
.pi-section-base li .pi-bullet-icon-img {
color: #ffffff;
}
.pi-section-base .pi-list-dashed li {
border-bottom: 1px dashed #1bcdcd;
}
.pi-section-base .pi-list-dashed li:last-child {
border-bottom: none;
}
.pi-section-base .pi-list-icons-right-open li:after,
.pi-section-base .pi-list-icons-news li:after,
.pi-section-base .pi-list-icons-right-dir li:after {
color: #a3d3da;
}
.pi-section-base .pi-list-menu li a {
color: #ffffff;
}
.pi-section-base .pi-list-menu li a:hover {
color: #ffffff;
background: #05b5b6;
}
.pi-section-dark li .pi-bullet-icon,
.pi-section-dark li .pi-bullet-icon-img {
color: #c6ccd0;
}
.pi-section-dark .pi-list-dashed li {
border-bottom: 1px dashed #333941;
}
.pi-section-dark .pi-list-dashed li:last-child {
border-bottom: none;
}
.pi-section-dark .pi-list-icons-right-open li:after,
.pi-section-dark .pi-list-icons-news li:after,
.pi-section-dark .pi-list-icons-right-dir li:after {
color: #40464f;
}
.pi-section-dark .pi-list-menu li a {
color: #abb3b9;
}
.pi-section-dark .pi-list-menu li a:hover {
color: #267bd6;
background: #272b32;
}
.pi-section-parallax li .pi-bullet-icon,
.pi-section-parallax li .pi-bullet-icon-img {
color: #4d5258;
}
.pi-section-parallax .pi-list-dashed li {
border-bottom: 1px dashed #d6dfdf;
}
.pi-section-parallax .pi-list-dashed li:last-child {
border-bottom: none;
}
.pi-section-parallax .pi-list-icons-right-open li:after,
.pi-section-parallax .pi-list-icons-news li:after,
.pi-section-parallax .pi-list-icons-right-dir li:after {
color: #cccdd3;
}
.pi-section-parallax .pi-list-menu li a {
color: #abb3b9;
}
.pi-section-parallax .pi-list-menu li a:hover {
color: #267bd6;
background: #32363c;
}
.pi-bullets-circle li .pi-bullet-icon,
.pi-bullets-square li .pi-bullet-icon,
.pi-bullets-circle li .pi-bullet-icon-img,
.pi-bullets-square li .pi-bullet-icon-img {
background: #f4f6f6;
color: #4d5258;
}
.pi-bullets-base li .pi-bullet-icon,
.pi-bullets-base li .pi-bullet-icon-img {
background: #10C7C7;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-bullets-dark li .pi-bullet-icon,
.pi-bullets-dark li .pi-bullet-icon-img {
background: #2e343c;
color: #e5eaea;
}
.pi-bullets-contur li .pi-bullet-icon,
.pi-bullets-contur li .pi-bullet-icon-img {
background: none;
color: #b1b9bf;
text-shadow: none;
border-color: #b1b9bf;
}
.pi-bullets-contur-dark li .pi-bullet-icon,
.pi-bullets-contur-dark li .pi-bullet-icon-img {
background: none;
color: #2e343c;
text-shadow: none;
border-color: #2e343c;
}
.pi-bullets-contur-base li .pi-bullet-icon,
.pi-bullets-contur-base li .pi-bullet-icon-img {
background: none;
color: #10C7C7;
text-shadow: none;
border-color: #10C7C7;
}
.pi-icon-box .pi-icon-box-icon,
.pi-icon-box-vertical .pi-icon-box-icon {
color: #ccd6d9;
}
.pi-icon-box .pi-icon-box-icon.pi-icon-box-icon-base,
.pi-icon-box-vertical .pi-icon-box-icon.pi-icon-box-icon-base {
color: #10C7C7;
}
.pi-icon-box .pi-icon-box-icon.pi-icon-box-icon-dark,
.pi-icon-box-vertical .pi-icon-box-icon.pi-icon-box-icon-dark {
color: #373D46;
}
.pi-icon-box .pi-icon-box-icon.pi-icon-box-icon-white,
.pi-icon-box-vertical .pi-icon-box-icon.pi-icon-box-icon-white {
color: #fff;
}
.pi-icon-box .pi-icon-box-icon-circle,
.pi-icon-box-vertical .pi-icon-box-icon-circle,
.pi-icon-box .pi-icon-box-icon-square,
.pi-icon-box-vertical .pi-icon-box-icon-square {
background: #eef1f1;
color: #21252b;
}
.pi-icon-box .pi-icon-box-icon-circle.pi-icon-box-icon-base,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-base,
.pi-icon-box .pi-icon-box-icon-square.pi-icon-box-icon-base,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-base {
background: none;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
}
.pi-icon-box .pi-icon-box-icon-circle.pi-icon-box-icon-dark,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-dark,
.pi-icon-box .pi-icon-box-icon-square.pi-icon-box-icon-dark,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-dark {
background: #2e343c;
color: #10C7C7;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
}
.pi-icon-box .pi-icon-box-icon-circle.pi-icon-box-icon-white,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-white,
.pi-icon-box .pi-icon-box-icon-square.pi-icon-box-icon-white,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-white {
background: #fff;
color: #10C7C7;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.pi-icon-box .pi-icon-box-icon-circle.pi-icon-box-icon-contur,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur,
.pi-icon-box .pi-icon-box-icon-square.pi-icon-box-icon-contur,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur {
background: none;
color: #ccd6d9;
border-color: #ccd6d9;
}
.pi-icon-box .pi-icon-box-icon-circle.pi-icon-box-icon-contur-base,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur-base,
.pi-icon-box .pi-icon-box-icon-square.pi-icon-box-icon-contur-base,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur-base {
background: none;
color: #10C7C7;
border-color: #10C7C7;
}
.pi-icon-box .pi-icon-box-icon-circle.pi-icon-box-icon-contur-dark,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur-dark,
.pi-icon-box .pi-icon-box-icon-square.pi-icon-box-icon-contur-dark,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur-dark {
background: none;
color: #373D46;
border-color: #373D46;
}
.pi-icon-box .pi-icon-box-icon-circle.pi-icon-box-icon-contur-white,
.pi-icon-box-vertical .pi-icon-box-icon-circle.pi-icon-box-icon-contur-white,
.pi-icon-box .pi-icon-box-icon-square.pi-icon-box-icon-contur-white,
.pi-icon-box-vertical .pi-icon-box-icon-square.pi-icon-box-icon-contur-white {
background: none;
color: #fff;
border-color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-icon-box-hover:hover .pi-icon-box-icon {
color: #10C7C7;
}
.pi-icon-box-hover:hover .pi-icon-box-icon.pi-icon-box-icon-base {
color: #E75C39;
}
.pi-icon-box-hover:hover .pi-icon-box-icon.pi-icon-box-icon-dark {
color: #10C7C7;
}
.pi-icon-box-hover:hover .pi-icon-box-icon.pi-icon-box-icon-white {
color: #10C7C7;
}
.pi-icon-box-hover:hover .pi-icon-box-icon-circle,
.pi-icon-box-hover:hover .pi-icon-box-icon-square {
background: #10C7C7;
color: #fff;
}
.pi-icon-box-hover:hover .pi-icon-box-icon-circle.pi-icon-box-icon-base,
.pi-icon-box-hover:hover .pi-icon-box-icon-square.pi-icon-box-icon-base {
background: #E75C39;
color: #fff;
}
.pi-icon-box-hover:hover .pi-icon-box-icon-circle.pi-icon-box-icon-dark,
.pi-icon-box-hover:hover .pi-icon-box-icon-square.pi-icon-box-icon-dark,
.pi-icon-box-hover:hover .pi-icon-box-icon-circle.pi-icon-box-icon-white,
.pi-icon-box-hover:hover .pi-icon-box-icon-square.pi-icon-box-icon-white {
background: #10C7C7;
color: #fff;
}
.pi-icon-box-hover:hover .pi-icon-box-icon-circle.pi-icon-box-icon-contur,
.pi-icon-box-hover:hover .pi-icon-box-icon-square.pi-icon-box-icon-contur {
background: none;
color: #10C7C7;
border-color: #10C7C7;
}
.pi-icon-box-hover:hover .pi-icon-box-icon-circle.pi-icon-box-icon-contur-base,
.pi-icon-box-hover:hover .pi-icon-box-icon-square.pi-icon-box-icon-contur-base {
background: none;
color: #E75C39;
border-color: #E75C39;
}
.pi-icon-box-hover:hover .pi-icon-box-icon-circle.pi-icon-box-icon-contur-dark,
.pi-icon-box-hover:hover .pi-icon-box-icon-square.pi-icon-box-icon-contur-dark {
background: none;
color: #10C7C7;
border-color: #10C7C7;
}
.pi-icon-box-hover:hover .pi-icon-box-icon-circle.pi-icon-box-icon-contur-white,
.pi-icon-box-hover:hover .pi-icon-box-icon-square.pi-icon-box-icon-contur-white {
background: none;
color: #10C7C7;
border-color: #10C7C7;
}
.pi-list-icons-dot li:after,
.pi-list-icons-ok li:after,
.pi-list-icons-link li:after,
.pi-list-icons-help li:after {
color: #10C7C7;
}
/*_____ styles/css/base/buttons.css*/
.btn {
display: inline-block;
padding: 9px 12px 9px;
border: 1px solid transparent;
line-height: 18px;
font-size: 14px;
vertical-align: middle;
text-align: left;
outline: none;
cursor: pointer;
white-space: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
}
.btn img {
width: 16px;
margin-top: -2px;
}
.btn:focus {
outline: none;
}
.btn:hover,
.btn:focus {
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
}
.btn.pi-btn-icon-big {
line-height: 16px;
font-size: 18px;
}
.pi-btn-icon-only {
padding-left: 18px;
padding-right: 18px;
}
.pi-btn-icon-only i,
.pi-btn-icon-only img {
margin: 0;
}
.pi-btn-small {
font-size: 13px;
line-height: 16px;
padding: 5px 9px 6px;
}
.pi-btn-small i,
.pi-btn-small img {
margin: 0;
}
.pi-btn-small img {
width: 12px;
}
.pi-btn-big {
font-size: 16px;
line-height: 20px;
font-weight:bold;
padding: 10px 27px 10px;
}
.pi-btn-big-contact {
font-size: 20px;
line-height: 20px;
font-weight:300 !important;
padding: 10px 27px 10px;
}
.pi-btn-big img {
width: 20px;
}
.pi-btn-big.pi-btn-icon-big {
line-height: 18px;
font-size: 20px;
}
.pi-btn-bigger {
font-size: 18px;
line-height: 20px;
padding: 18px 22px 18px;
}
.pi-btn-bigger i,
.pi-btn-bigger img {
margin-left: 0px;
}
.pi-btn-bigger img {
width: 20px;
}
.pi-btn-big-paddings {
padding-right: 40px;
padding-left: 40px;
}
.pi-btn-promo {
margin: 4px 0 20px 20px;
}
.pi-mobile-menu-toggler {
font-size: 20px;
padding: 0px 5px;
}
.pi-btn-wide {
width: 100%;
text-align: center;
}
.pi-btn-tag {
margin: 0 6px 9px 0;
}
.pi-row-block .pi-btn {
margin-bottom: 0;
}
@media (max-width:767px) {
.pi-row-block a img {
width: 145px;
padding-left: 16px;
}
}
.pi-row-sm .pi-btn {
margin-top: 5px;
margin-bottom: 5px;
padding: 8px 13px 8px;
}
.pi-row-sm .pi-btn-small {
margin-top: 8.5px;
margin-bottom: 8.5px;
}
.pi-row-sm .pi-btn-big {
margin-top: 0px;
margin-bottom: 0px;
}
.pi-row-md .pi-btn {
margin-top: 16px;
margin-bottom: 16px;
}
.pi-row-md .pi-btn-small {
margin-top: 20.5px;
margin-bottom: 20.5px;
}
.pi-row-md .pi-btn-big {
margin-top: 12px;
margin-bottom: 12px;
}
.pi-row-lg .pi-btn {
margin-top: -20px;
margin-bottom: -10px;
}
.pi-row-lg .pi-btn-small {
margin-top: 33.5px;
margin-bottom: 33.5px;
}
.pi-row-lg .pi-btn-big {
margin-top: 25px;
margin-bottom: 25px;
}
.pi-btn {
background: transparent;
border: 0px solid #e3e9e9;
color: #fff !important;
font-size:50px;
}
.pi-btn:hover {
background: transparent;
border: 0px solid #9eadae;
color: #F47721 !important;
}
.pi-btn.pi-btn-no-border {
border-color: #f4f6f6;
border-top-color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn.pi-btn-no-border:hover {
border-color: #a5b3b4;
border-top-color: #bec9c9;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-grey {
background: #a5b3b4;
border: 1px solid #9eadae;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #aab7b8;
-moz-box-shadow: inset 0 1px 0 #aab7b8;
box-shadow: inset 0 1px 0 #aab7b8;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-grey:hover {
background: #889899;
border: 1px solid #809192;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #8d9d9e;
-moz-box-shadow: inset 0 1px 0 #8d9d9e;
box-shadow: inset 0 1px 0 #8d9d9e;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-grey.pi-btn-no-border {
border-color: #a5b3b4;
border-top-color: #bec9c9;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-grey.pi-btn-no-border:hover {
border-color: #889899;
border-top-color: #a2b1b1;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-dark {
background: none;
border: 1px solid #07a4a4;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #07a4a4;
-moz-box-shadow: inset 0 1px 0 #07a4a4;
box-shadow: inset 0 1px 0 #07a4a4;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-dark:hover {
background: #ef672f;
border: 1px solid #ef672f;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #994e1c;
-moz-box-shadow: inset 0 1px 0 #994e1c;
box-shadow: inset 0 1px 0 #994e1c;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-dark.pi-btn-no-border {
border-color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-dark.pi-btn-no-border:hover {
border-color: #994e1c;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-black {
background: #000;
border: 1px solid #000;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #000;
-moz-box-shadow: inset 0 1px 0 #000;
box-shadow: inset 0 1px 0 #000;
}
.pi-btn-black:hover {
background: #fff;
border: 1px solid #fff;
color: #000 !important;
-webkit-box-shadow: inset 0 1px 0 #000;
-moz-box-shadow: inset 0 1px 0 #000000;
box-shadow: inset 0 1px 0 #000;
}
.pi-btn-black.pi-btn-no-border {
border-color: #000;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-black.pi-btn-no-border:hover {
border-color: #000;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-dark-2 {
background:none;
border: 2px solid #113754;
color: #113754 !important;
-webkit-box-shadow: inset 0 1px 0 #113754;
-moz-box-shadow: inset 0 1px 0 #113754;
box-shadow: inset 0 1px 0 #113754;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-dark-2:hover {
background: #113754;
border: 2px solid #113754;
color: #e3e9ed !important;
-webkit-box-shadow: inset 0 1px 0 #113754;
-moz-box-shadow: inset 0 1px 0 #113754;
box-shadow: inset 0 1px 0 #113754;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-dark-2.pi-btn-no-border {
border-color: #113754;
border-top-color: #113754;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-dark-2.pi-btn-no-border:hover {
border-color: #113754;
border-top-color: #113754;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-blue {
background: #609ddb;
border: 1px solid #5491d5;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #6aa7df;
-moz-box-shadow: inset 0 1px 0 #6aa7df;
box-shadow: inset 0 1px 0 #6aa7df;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-blue:hover {
background: #487ab9;
border: 1px solid #4070b1;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #4f86c0;
-moz-box-shadow: inset 0 1px 0 #4f86c0;
box-shadow: inset 0 1px 0 #4f86c0;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-blue.pi-btn-no-border {
border-color: #609ddb;
border-top-color: #7eb3e4;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-blue.pi-btn-no-border:hover {
border-color: #487ab9;
border-top-color: #6e9acc;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-white {
background: #ffffff;
border: 1px solid #141414;
color: #000000 !important;
font-size: 30px;
padding-right: 50px;
padding-left: 50px;
padding-top: 15px;
padding-bottom: 15px;
-webkit-box-shadow: inset 0 4px 0 #9c6101;
-moz-box-shadow: inset 0 4px 0 #9c6101;
box-shadow: inset 4px 4px 3px #9c6101;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-white:hover {
background: #e8e8e8;
border: 1px solid #e8e8e8;
color: #000000 !important;
font-size: 30px;
-webkit-box-shadow: inset 0 4px 0 #9c6101;
-moz-box-shadow: inset 0 4px 0 #9c6101;
box-shadow: inset 4px 5px 3px #9c6101;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-white.pi-btn-no-border {
border-color: #141414;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-white.pi-btn-no-border:hover {
border-color: #141414;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-white.pi-btn-big {
font-size: 22px !important;
line-height: 20px;
font-weight: bold;
padding: 12px 27px !important;
}
.pi-btn-white.pi-btn-small {
font-size: 18px;
line-height: 16px;
padding: 7px 13px;
}
.pi-btn-blue-i {
background: #323754;
border: 1px solid #323754;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #6aa7df;
-moz-box-shadow: inset 0 1px 0 #6aa7df;
box-shadow: inset 0 1px 0 #6aa7df;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-blue-i:hover {
background: #1e2134;
border: 1px solid #1e2134;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #4f86c0;
-moz-box-shadow: inset 0 1px 0 #4f86c0;
box-shadow: inset 0 1px 0 #4f86c0;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-blue-i.pi-btn-no-border {
border-color: #2a2f4c;
border-top-color: #2a2f4c;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-blue-i.pi-btn-no-border:hover {
border-color: #2a2f4c;
border-top-color: #2a2f4c;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-turquoise {
background: #0d83dd;
border: 1px solid #046ebf;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #0fc8c8;
-moz-box-shadow: inset 0 1px 0 #0fc8c8;
box-shadow: inset 0 1px 0 #0fc8c8;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-turquoise:hover {
background: #046ebf;
border: 1px solid #046ebf;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #00a6b1;
-moz-box-shadow: inset 0 1px 0 #00a6b1;
box-shadow: inset 0 1px 0 #00a6b1;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-turquoise.pi-btn-no-border {
border-color: #267bd6;
border-top-color: #6ed9d9;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-turquoise.pi-btn-no-border:hover {
border-color: #1c63af;
border-top-color: #00b6bf;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-green {
background: #18ba60;
border: 1px solid #10a95b;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #1bc26c;
-moz-box-shadow: inset 0 1px 0 #1bc26c;
box-shadow: inset 0 1px 0 #1bc26c;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-green:hover {
background: #099555;
border: 1px solid #088b4c;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #0aa05e;
-moz-box-shadow: inset 0 1px 0 #0aa05e;
box-shadow: inset 0 1px 0 #0aa05e;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-green.pi-btn-no-border {
border-color: #18ba60;
border-top-color: #22d686;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-green.pi-btn-no-border:hover {
border-color: #099555;
border-top-color: #0cb56f;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-lime {
background: #86ba41;
border: 1px solid #79b037;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #92c148;
-moz-box-shadow: inset 0 1px 0 #92c148;
box-shadow: inset 0 1px 0 #92c148;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-lime:hover {
background: #639a33;
border: 1px solid #59902c;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #6da438;
-moz-box-shadow: inset 0 1px 0 #6da438;
box-shadow: inset 0 1px 0 #6da438;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-lime.pi-btn-no-border {
border-color: #86ba41;
border-top-color: #a5cd67;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-lime.pi-btn-no-border:hover {
border-color: #639a33;
border-top-color: #81b053;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-red {
background: #e86343;
border: 1px solid #dd5437;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #eb6f4b;
-moz-box-shadow: inset 0 1px 0 #eb6f4b;
box-shadow: inset 0 1px 0 #eb6f4b;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-red:hover {
background: #d34a35;
border: 1px solid #c63d2c;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #d8533b;
-moz-box-shadow: inset 0 1px 0 #d8533b;
box-shadow: inset 0 1px 0 #d8533b;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-red.pi-btn-no-border {
border-color: #e86343;
border-top-color: #ed7e60;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-red.pi-btn-no-border:hover {
border-color: #d34a35;
border-top-color: #db634e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-orange {
background: #f58b3c;
border: 1px solid #e97931;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #f69c45;
-moz-box-shadow: inset 0 1px 0 #f69c45;
box-shadow: inset 0 1px 0 #f69c45;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-orange:hover {
background: #e46526;
border: 1px solid #d6561f;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #e8742c;
-moz-box-shadow: inset 0 1px 0 #e8742c;
box-shadow: inset 0 1px 0 #e8742c;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-orange.pi-btn-no-border {
border-color: #f58b3c;
border-top-color: #f8a862;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-orange.pi-btn-no-border:hover {
border-color: #e46526;
border-top-color: #eb8344;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-orange-contact {
background: #f58b3c;
border: 1px solid #e97931;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #f69c45;
-moz-box-shadow: inset 0 1px 0 #f69c45;
box-shadow: inset 0 1px 0 #f69c45;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-orange-contact:hover {
background: #e46526;
border: 1px solid #d6561f;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #e8742c;
-moz-box-shadow: inset 0 1px 0 #e8742c;
box-shadow: inset 0 1px 0 #e8742c;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-orange-contact.pi-btn-no-border {
border-color: #f58b3c;
border-top-color: #f8a862;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-orange-contact.pi-btn-no-border:hover {
border-color: #e46526;
border-top-color: #eb8344;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-brown {
background: #8f5340;
border: 1px solid #824836;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #9a5b47;
-moz-box-shadow: inset 0 1px 0 #9a5b47;
box-shadow: inset 0 1px 0 #9a5b47;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-brown:hover {
background: #773b2d;
border: 1px solid #6a3226;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #834132;
-moz-box-shadow: inset 0 1px 0 #834132;
box-shadow: inset 0 1px 0 #834132;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-brown.pi-btn-no-border {
border-color: #8f5340;
border-top-color: #955f4d;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-brown.pi-btn-no-border:hover {
border-color: #773b2d;
border-top-color: #854b3d;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-purple {
background: #8463a9;
border: 1px solid #77579e;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #8e6fb1;
-moz-box-shadow: inset 0 1px 0 #8e6fb1;
box-shadow: inset 0 1px 0 #8e6fb1;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-purple:hover {
background: #694b8b;
border: 1px solid #5d407e;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #755895;
-moz-box-shadow: inset 0 1px 0 #755895;
box-shadow: inset 0 1px 0 #755895;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-purple.pi-btn-no-border {
border-color: #8463a9;
border-top-color: #9375b5;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-purple.pi-btn-no-border:hover {
border-color: #694b8b;
border-top-color: #7e5aa2;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-yellow {
background: #fcb040;
border: 1px solid #fcb040;
color: #f5f3f6 !important;
-webkit-box-shadow: inset 0 1px 0 #fde473;
-moz-box-shadow: inset 0 1px 0 #fde473;
box-shadow: inset 0 0px 0 #fde473;
text-shadow: 0 0 0px #ffed8c;
}
.pi-btn-yellow:hover {
background: #fdbe3b;
border: 1px solid #f4a520;
color: #68422C !important;
-webkit-box-shadow: inset 0 1px 0 #fcd069, 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 0 #fcd069, 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 #fcd069, 0 1px 3px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px 0 #fddb83;
}
.pi-btn-yellow.pi-btn-no-border {
border-color: #FCD746;
border-top-color: #ffeb82;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-yellow.pi-btn-no-border:hover {
border-color: #fdbe3b;
border-top-color: #ffdd71;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-base {
background: none;
border: 2px solid #fff;
color: #fff !important;
border-radius:3px;
}
.pi-btn-base:hover {
background:#fff;
border: 2px solid #fff;
color: #000 !important;
}
.pi-btn-base.pi-btn-no-border {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-base.pi-btn-no-border:hover {
border-color: #fff;
border-top-color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-base-2 {
background: #267bd6;
border: 1px solid #008a97;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #009aa4;
-moz-box-shadow: inset 0 1px 0 #009aa4;
box-shadow: inset 0 1px 0 #009aa4;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-base-2:hover {
background: #007886;
border: 1px solid #007381;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #00818f;
-moz-box-shadow: inset 0 1px 0 #00818f;
box-shadow: inset 0 1px 0 #00818f;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-base-2.pi-btn-no-border {
border-color: #267bd6;
border-top-color: #40adb5;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-base-2.pi-btn-no-border:hover {
border-color: #007886;
border-top-color: #008e9a;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-contur {
background: none;
border: 1px solid #D4DDE2;
color: #535C61 !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.pi-btn-contur:hover {
background: none;
border: 1px solid #267bd6;
color: #009FAD !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.pi-btn-contur-for-dark {
background: none;
border: 1px solid #576166;
color: #97a8b1 !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.pi-btn-contur-for-dark:hover {
background: none;
border: 1px solid #267bd6;
color: #009FAD !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.pi-btn-contur-2 {
background: none;
border: 1px solid #fff;
color: #fff !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
text-shadow: none;
}
.pi-btn-contur-2:hover {
background: #fff;
border: 1px solid #fff;
color: #000 !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.pi-btn-contur-for-base {
background: none;
border: 1px solid rgba(250, 250, 250, 0.7);
color: #fff !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.pi-btn-contur-for-base:hover {
background: #fff;
border: 1px solid #fff;
color: #2D383D !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.pi-btn-contur-3 {
background: rgba(250, 250, 250, 0.06);
border: 1px solid rgba(250, 250, 250, 0.15);
color: rgba(250, 250, 250, 0.9) !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.pi-btn-contur-3:hover {
background: rgba(250, 250, 250, 0.05);
border: 1px solid rgba(250, 250, 250, 0.8);
color: #fff !important;
-webkit-box-shadow: 0 0px 12px rgba(250, 250, 250, 0.15);
-moz-box-shadow: 0 0px 12px rgba(250, 250, 250, 0.15);
box-shadow: 0 0px 12px rgba(250, 250, 250, 0.15);
}
/*_____ styles/css/base/forms.css*/
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #777;
border: 0;
border-bottom: 1px solid #777;
}
label {
display: inline-block;
margin-bottom: 5px;
font-weight: 600;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px ;
/* IE8-9 */
line-height: normal;
}
input[type="file"] {
display: block;
}
select[multiple],
select[size] {
height: auto;
}
select optgroup {
font-size: inherit;
font-style: inherit;
font-family: inherit;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
height: auto;
}
.form-control::-webkit-input-placeholder {
color: #ffffff;
}
.form-control::-moz-placeholder {
color: #ffffff;
}
.form-control::-ms-input-placeholder {
color: #ffffff;
}
.form-control::-o-input-placeholder {
color: #ffffff;
}
.form-control::[placeholder] {
color: #ffffff;
}
.form-control {
display: block;
width: 100%;
height: 1.6em;
font-size: 14px;
line-height: normal;
vertical-align: middle;
border: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.1s ease-in-out 0s;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.1s ease-in-out 0s;
-ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.1s ease-in-out 0s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.1s ease-in-out 0s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.1s ease-in-out 0s;
}
.form-control:focus {
border-color: rgba(255, 255, 255, 0.3);
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, 0.6);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eee;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 20px;
}
.radio,
.checkbox {
display: block;
min-height: 1.6em;
margin-bottom: 10px;
padding-left: 20px;
vertical-align: middle;
}
.radio label,
.checkbox label {
display: inline;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
float: left;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.form-control-static {
margin-bottom: 0;
padding-top: 21px;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #777;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
.form-inline button[type="submit"] {
margin-top: 28px;
}
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 6px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
content: " ";
display: table;
}
.form-horizontal .form-group:after {
clear: both;
}
.pi-row-block form {
display: inline-block;
-webkit-transition: margin-top 0.1s ease-in-out 0s;
-moz-transition: margin-top 0.1s ease-in-out 0s;
-ms-transition: margin-top 0.1s ease-in-out 0s;
-o-transition: margin-top 0.1s ease-in-out 0s;
transition: margin-top 0.1s ease-in-out 0s;
}
.pi-row-block input[type="text"],
.pi-row-block input[type="password"] {
width: 120px;
}
.pi-row-block input[type="text"]:focus,
.pi-row-block input[type="password"]:focus {
width: 160px;
}
.pi-row-block input[type="text"].pi-input-wide,
.pi-row-block input[type="password"].pi-input-wide {
width: 160px;
}
.pi-menu-mobile form {
padding: 20px 0;
}
.pi-menu-mobile input.pi-input-wide[type="text"] {
width: 100%;
}
.form-control {
height: 38px;
display: inline-block;
padding: 8px 11px 9px;
font-size: 14px;
border: 1px solid transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.form-control-name, .form-control-email, .form-control-phone {
height: 38px;
width: 195px;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #002944;
background: #f8f5ee;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.form-control-email-i, .form-control-phone-i {
height: 38px;
width: 195px;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.form-control-name-i {
height: 38px;
width: 394px;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
@media (max-width: 768px) {
.pi-section .form-control-name-i {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 768px) {
.pi-section-i .form-control-name-i {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 800px) {
.pi-section-i .form-control-name{
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 980px) {
.pi-section-i .form-control-name-i {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
.form-control-message {
height: 200px;
width: 394px;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #002944;
background: #f8f5ee;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.form-control-message-i {
height: 200px;
width: 394px;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
@media (max-width: 768px) {
.form-control-email {
height: 38px;
width: 195px;
padding: 8px 11px 9px;
margin-bottom: 17px;
font-size: 10px;
font-weight:bold;
border: 2px solid #002944;
background: #f8f5ee;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 800px) {
.form-control-email {
height: 38px;
width: 195px;
padding: 8px 11px 9px;
margin-bottom: 17px;
font-size: 10px;
font-weight:bold;
border: 2px solid #002944;
background: #f8f5ee;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 980px) {
.form-control-email {
height: 38px;
width: 195px;
padding: 8px 11px 9px;
margin-bottom: 17px;
font-size: 10px;
font-weight:bold;
border: 2px solid #002944;
background: #f8f5ee;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 768px) {
.pi-section .form-control-message {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #002944;
background: #f8f5ee;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 800px) {
.pi-section .form-control-message {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #002944;
background: #f8f5ee;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 980px) {
.pi-section .form-control-message {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #002944;
background: #f8f5ee;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 768px) {
.form-control-email-i {
height: 10%;
width: 80%;
padding: 8px 11px 9px;
margin-bottom: 17px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 800px) {
.form-control-email-i {
height: 10%;
width: 80%;
padding: 8px 11px 9px;
margin-bottom: 17px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 980px) {
.form-control-email-i {
height: 10%;
width: 80%;
padding: 8px 11px 9px;
margin-bottom: 17px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 768px) {
.form-control-phone-i {
height: 10%;
width: 80%;
padding: 8px 11px 9px;
margin-bottom: 17px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 800px) {
.form-control-phone-i {
height: 10%;
width: 80%;
padding: 8px 11px 9px;
margin-bottom: 17px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 980px) {
.form-control-phone-i {
height: 10%;
width: 80%;
padding: 8px 11px 9px;
margin-bottom: 17px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 768px) {
.pi-section-i .form-control-message-i {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 800px) {
.pi-section-i .form-control-message-i {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 980px) {
.pi-section-i .form-control-message-i {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 768px) {
.pi-section .form-control-message-i {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 800px) {
.pi-section .form-control-message-i {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
@media (max-width: 980px) {
.pi-section .form-control-message-i {
height: 10%;
width: 80%;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 2px solid #000;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
}
.form-control-name-ecomm {
height: 38px;
width: 346px;
padding: 8px 5px;
font-size: 13px;
color: #73716f;
font-family: 'museo-300';
border: transparent;
background: #ebebeb;
border-radius: 2px;
transition: all 0.1s ease-in-out 0s;
}
.form-control-email-ecomm , .form-control-phone-ecomm {
height: 38px;
width: 170px;
padding: 8px 5px;
font-size: 13px;
color: #73716f;
font-family: 'museo-300';
border: transparent;
background: #ebebeb;
border-radius: 0px;
transition: all 0.1s ease-in-out 0s;
border-bottom: 1px solid #fff;
transition: all 0.1s ease-in-out 0s;
}
.form-control-message-ecomm {
height: 150px;
width: 346px;
display: inline-block;
padding: 8px 5px;
font-size: 13px;
color: #73716f;
font-family: 'museo-300';
border: transparent;
background: #ebebeb;
border-radius: 0px;
transition: all 0.1s ease-in-out 0s;
border-bottom: 1px solid #fff;
transition: all 0.1s ease-in-out 0s;
}
@media (max-width: 767px) {
.form-control-name-ecomm , .form-control-email-ecomm, .form-control-phone-ecomm {
height: 38px;
width: 200px;
padding: 8px 5px;
font-size: 13px;
color: #73716f;
font-family: 'museo-300';
border: transparent;
background: #ebebeb;
border-radius: 0px;
transition: all 0.1s ease-in-out 0s;
border-bottom: 1px solid #fff;
}
.form-control-message-ecomm {
height: 100px;
width: 200px;
padding: 8px 5px;
font-size: 13px;
color: #73716f;
font-family: 'museo-300';
border: transparent;
background: #ebebeb;
border-radius: 0px;
transition: all 0.1s ease-in-out 0s;
border-bottom: 1px solid #fff;
}
}
.contact-control-name, .contact-control-email, .contact-control-phone {
height: 38px;
width: 250px;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 0px solid #002944;
background: #ebebeb;
-webkit-border-radius: 0px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.contact-control-message {
height: 200px;
width: 504px;
display: inline-block;
padding: 8px 11px 9px;
font-size: 10px;
font-weight:bold;
border: 0px solid #002944;
background: #ebebeb;
-webkit-border-radius: 0px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.form-control.pi-form-control-changed {
font-style: normal;
}
.input-lg {
height: 46px;
font-size: 16px;
padding: 10px 14px 11px;
}
.input-sm {
height: 28px;
padding: 3px 6px 4px;
font-size: 14px;
}
select.input-sm {
line-height: 27px;
padding: 0 0 1px;
}
textarea {
min-height: 40px;
resize: vertical;
}
select.form-control {
padding-left: 8px;
padding-right: 8px;
}
.checkbox {
padding-left: 18px;
margin-bottom: 15px;
}
.checkbox input[type="checkbox"] {
margin-left: -18px;
}
.radio {
padding-left: 18px;
margin-bottom: 15px;
}
.radio input[type="radio"] {
margin-left: -18px;
}
.pi-row-sm form .pi-btn,
.pi-row-md form .pi-btn,
.pi-row-lg form .pi-btn {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.input-group-addon {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.pi-input-inline {
display: inline-block;
}
.pi-input-with-icon {
position: relative;
}
.pi-input-with-icon .form-control {
padding-left: 31px;
}
.pi-input-with-icon select.form-control {
padding-left: 27px;
}
.pi-input-with-icon .pi-input-icon {
position: absolute;
top: 0px;
left: 10px;
z-index: 1;
font-size: 14px;
line-height: 38px;
color: #adadad;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-input-with-icon.pi-form-control-focused .pi-input-icon {
color: #212126;
}
.pi-input-with-icon.pi-input-with-icon-lg .form-control {
padding-left: 35px;
}
.pi-input-with-icon.pi-input-with-icon-lg select.form-control {
padding-left: 33px;
}
.pi-input-with-icon.pi-input-with-icon-lg .pi-input-icon {
left: 11px;
font-size: 16px;
line-height: 45px;
}
.pi-input-with-icon.pi-input-with-icon-sm .form-control {
padding-left: 28px;
}
.pi-input-with-icon.pi-input-with-icon-sm select.form-control {
padding-left: 24px;
}
.pi-input-with-icon.pi-input-with-icon-sm .pi-input-icon {
left: 9px;
font-size: 14px;
line-height: 28px;
}
.pi-input-with-btn {
position: relative;
}
.pi-input-with-btn .form-control {
padding-right: 35px;
}
.pi-input-with-btn button {
width: 28px;
height: 28px;
padding: 0;
text-align: center;
position: absolute;
right: 2px;
top: 50%;
margin-top: -14px !important;
}
.pi-input-with-btn button i {
margin: 0;
}
.pi-row-sm .pi-row-block form {
margin-top: 5px;
margin-bottom: 5px;
}
.pi-row-sm .pi-row-block form .pi-input-with-icon .pi-input-icon {
line-height: 36px;
left: 10px;
}
.pi-row-sm .pi-row-block form .pi-input-with-icon .form-control {
padding-left: 30px;
}
.pi-row-sm .pi-row-block form .form-control {
padding: 7px 10px 8px;
height: 36px;
}
.pi-row-sm .pi-row-block form .pi-grouped-input .pi-input-inline {
margin-right: 42px !important;
}
.pi-row-md .pi-row-block form {
margin-top: 16px;
margin-bottom: 16px;
}
.pi-row-lg .pi-row-block form {
margin-top: 29px;
margin-bottom: 29px;
}
.pi-grouped-input button {
float: right;
border-radius: 0 3px 3px 0;
}
.pi-grouped-input .pi-input-inline {
display: block;
margin-right: 40px;
}
.pi-grouped-input .pi-input-inline input {
border-radius: 3px 0 0 3px;
border-right: 0;
}
#recaptcha_image {
box-sizing: content-box;
}
.pi-section-white .form-control:-moz-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-white .form-control::-moz-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-white .form-control:-ms-input-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-white .form-control::-webkit-input-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-white .form-control:hover:-moz-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-white .form-control:hover::-moz-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-white .form-control:hover:-ms-input-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-white .form-control:hover::-webkit-input-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-white .form-control:focus:-moz-placeholder {
color: #939fa4;
}
.pi-section-white .form-control:focus::-moz-placeholder {
color: #939fa4;
}
.pi-section-white .form-control:focus:-ms-input-placeholder {
color: #939fa4;
}
.pi-section-white .form-control:focus::-webkit-input-placeholder {
color: #939fa4;
}
.pi-section-white .form-control {
background: #fbfcfc;
border-color: #dde1e1;
border-top-color: #dde1e1;
color: #afb8bb;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pi-section-white .form-control:hover {
background: #fbfcfc;
border-color: #dde1e1;
border-top-color: #dde1e1;
color: #afb8bb;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pi-section-white .form-control:focus {
background: #ffffff;
border-color: #12c3cc;
border-top-color: #12c3cc;
color: #939fa4;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.pi-section-white .form-control.pi-form-control-changed:focus {
background: #ffffff;
color: #2e343c;
}
.pi-section-white .pi-input-with-icon .pi-input-icon {
color: #c8ced1;
text-shadow: 0 1px 0 #ffffff;
}
.pi-section-white .pi-input-with-icon:hover .pi-input-icon {
color: #c8ced1;
text-shadow: 0 1px 0 #ffffff;
}
.pi-section-white .pi-input-with-icon.pi-form-control-focused .pi-input-icon {
color: #2e343c;
text-shadow: 0 1px 0 #ffffff;
}
.stylish-select .pi-section-white .newListSelected {
background: #fbfcfc;
border-color: #dde1e1;
color: #afb8bb;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
}
.stylish-select .pi-section-white .pi-select-icon {
color: #c8ced1;
text-shadow: 0 1px 0 #ffffff;
-webkit-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-moz-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-ms-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-o-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
}
.stylish-select .pi-section-white .newListSelHover {
background: #fbfcfc;
border-color: #dde1e1;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}
.stylish-select .pi-section-white .newListSelFocus {
background: #ffffff;
border-color: #12c3cc;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
.stylish-select .pi-section-white .newListSelFocus .pi-select-icon {
color: #2e343c;
text-shadow: 0 1px 0 #ffffff;
}
.stylish-select .pi-section-white ul.newList {
border-color: #12c3cc;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
.stylish-select .pi-section-white ul.newList li {
border-color: #d5d1df;
}
.stylish-select .pi-section-white ul.newList a {
color: #6c6a75;
background: #ffffff;
border-bottom: 0 !important;
}
.stylish-select .pi-section-white ul.newList a:hover {
background: #f7f8fa;
color: #377eb7;
}
.stylish-select .pi-section-white ul.newList a.hiLite {
background: #377eb7;
color: #ffffff;
}
.stylish-select .pi-section-white label {
color: #4d5258;
}
.pi-section-grey .form-control:-moz-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-grey .form-control::-moz-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-grey .form-control:-ms-input-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-grey .form-control::-webkit-input-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-grey .form-control:hover:-moz-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-grey .form-control:hover::-moz-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-grey .form-control:hover:-ms-input-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-grey .form-control:hover::-webkit-input-placeholder {
color: #afb8bb;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-grey .form-control:focus:-moz-placeholder {
color: #939fa4;
}
.pi-section-grey .form-control:focus::-moz-placeholder {
color: #939fa4;
}
.pi-section-grey .form-control:focus:-ms-input-placeholder {
color: #939fa4;
}
.pi-section-grey .form-control:focus::-webkit-input-placeholder {
color: #939fa4;
}
.pi-section-grey .form-control {
background: #ffffff;
border-color: #dde1e1;
border-top-color: #dde1e1;
color: #afb8bb;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
}
.pi-section-grey .form-control:hover {
background: #ffffff;
border-color: #dde1e1;
border-top-color: #dde1e1;
color: #afb8bb;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
}
.pi-section-grey .form-control:focus {
background: #ffffff;
border-color: #12c3cc;
border-top-color: #12c3cc;
color: #939fa4;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.pi-section-grey .form-control.pi-form-control-changed:focus {
background: #ffffff;
color: #2e343c;
}
.pi-section-grey .pi-input-with-icon .pi-input-icon {
color: #c8ced1;
text-shadow: 0 1px 0 #ffffff;
}
.pi-section-grey .pi-input-with-icon:hover .pi-input-icon {
color: #c8ced1;
text-shadow: 0 1px 0 #ffffff;
}
.pi-section-grey .pi-input-with-icon.pi-form-control-focused .pi-input-icon {
color: #2e343c;
text-shadow: 0 1px 0 #ffffff;
}
.stylish-select .pi-section-grey .newListSelected {
background: #ffffff;
border-color: #dde1e1;
border-top-color: #dde1e1;
color: #afb8bb;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
-webkit-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
}
.stylish-select .pi-section-grey .pi-select-icon {
color: #c8ced1;
text-shadow: 0 1px 0 #ffffff;
-webkit-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-moz-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-ms-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-o-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
}
.stylish-select .pi-section-grey .newListSelHover {
background: #ffffff;
border-color: #dde1e1;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
}
.stylish-select .pi-section-grey .newListSelFocus {
background: #ffffff;
border-color: #12c3cc;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
.stylish-select .pi-section-grey .newListSelFocus .pi-select-icon {
color: #2e343c;
text-shadow: 0 1px 0 #ffffff;
}
.stylish-select .pi-section-grey ul.newList {
border-color: #12c3cc;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
.stylish-select .pi-section-grey ul.newList li {
border-color: #d5d1df;
}
.stylish-select .pi-section-grey ul.newList a {
color: #6c6a75;
background: #ffffff;
border-bottom: 0 !important;
}
.stylish-select .pi-section-grey ul.newList a:hover {
background: #f7f8fa;
color: #377eb7;
}
.stylish-select .pi-section-grey ul.newList a.hiLite {
background: #377eb7;
color: #ffffff;
}
.stylish-select .pi-section-grey label {
color: #4d5258;
}
.pi-section-base .form-control:-moz-placeholder {
color: #a3b8bf;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-base .form-control::-moz-placeholder {
color: #a3b8bf;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-base .form-control:-ms-input-placeholder {
color: #a3b8bf;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-base .form-control::-webkit-input-placeholder {
color: #a3b8bf;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-base .form-control:hover:-moz-placeholder {
color: #a3b8bf;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-base .form-control:hover::-moz-placeholder {
color: #a3b8bf;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-base .form-control:hover:-ms-input-placeholder {
color: #a3b8bf;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-base .form-control:hover::-webkit-input-placeholder {
color: #a3b8bf;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-base .form-control:focus:-moz-placeholder {
color: #8c989d;
}
.pi-section-base .form-control:focus::-moz-placeholder {
color: #8c989d;
}
.pi-section-base .form-control:focus:-ms-input-placeholder {
color: #8c989d;
}
.pi-section-base .form-control:focus::-webkit-input-placeholder {
color: #8c989d;
}
.pi-section-base .form-control {
background: #eaf8f9;
border-color: #0099a2;
border-top-color: #0099a2;
color: #a3b8bf;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.pi-section-base .form-control:hover {
background: #eaf8f9;
border-color: #0099a2;
border-top-color: #0099a2;
color: #a3b8bf;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.pi-section-base .form-control:focus {
background: #ffffff;
border-color: #0099a2;
border-top-color: #0099a2;
color: #8c989d;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}
.pi-section-base .form-control.pi-form-control-changed:focus {
background: #ffffff;
color: #2e343c;
}
.pi-section-base .pi-input-with-icon .pi-input-icon {
color: #a3b8bf;
text-shadow: none;
}
.pi-section-base .pi-input-with-icon:hover .pi-input-icon {
color: #a3b8bf;
text-shadow: none;
}
.pi-section-base .pi-input-with-icon.pi-form-control-focused .pi-input-icon {
color: #2e343c;
text-shadow: none;
}
.stylish-select .pi-section-base .newListSelected {
background: #eaf8f9;
border-color: #0099a2;
border-top-color: #0099a2;
color: #a3b8bf;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
}
.stylish-select .pi-section-base .pi-select-icon {
color: #a3b8bf;
text-shadow: none;
-webkit-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-moz-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-ms-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-o-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
}
.stylish-select .pi-section-base .newListSelHover {
background: #eaf8f9;
border-color: #0099a2;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.stylish-select .pi-section-base .newListSelFocus {
background: #ffffff;
border-color: #0099a2;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
.stylish-select .pi-section-base .newListSelFocus .pi-select-icon {
color: #2e343c;
text-shadow: none;
}
.stylish-select .pi-section-base ul.newList {
border-color: #0099a2;
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}
.stylish-select .pi-section-base ul.newList li {
border-color: #d5d1df;
}
.stylish-select .pi-section-base ul.newList a {
color: #cddfed;
background: #2e74ad;
border-bottom: 0 !important;
}
.stylish-select .pi-section-base ul.newList a:hover {
background: #3981bb;
color: #f4f9fd;
}
.stylish-select .pi-section-base ul.newList a.hiLite {
background: #3981bb;
color: #f4f9fd;
}
.stylish-select .pi-section-base label {
color: #ffffff;
}
.pi-section-dark .form-control:-moz-placeholder {
color: #616b75;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-dark .form-control::-moz-placeholder {
color: #616b75;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-dark .form-control:-ms-input-placeholder {
color: #616b75;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-dark .form-control::-webkit-input-placeholder {
color: #616b75;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-dark .form-control:hover:-moz-placeholder {
color: #616b75;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-dark .form-control:hover::-moz-placeholder {
color: #616b75;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-dark .form-control:hover:-ms-input-placeholder {
color: #616b75;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-dark .form-control:hover::-webkit-input-placeholder {
color: #616b75;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-dark .form-control:focus:-moz-placeholder {
color: #777d85;
}
.pi-section-dark .form-control:focus::-moz-placeholder {
color: #777d85;
}
.pi-section-dark .form-control:focus:-ms-input-placeholder {
color: #777d85;
}
.pi-section-dark .form-control:focus::-webkit-input-placeholder {
color: #777d85;
}
.pi-section-dark .form-control {
background: #2a3037;
border-color: #2a3037;
border-top-color: #1d2226;
color: #616b75;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-section-dark .form-control:hover {
background: #2a3037;
border-color: #2a3037;
border-top-color: #1d2226;
color: #616b75;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-section-dark .form-control:focus {
background: #ffffff;
border-color: #12c3cc;
border-top-color: #12c3cc;
color: #777d85;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.pi-section-dark .form-control.pi-form-control-changed:focus {
background: #ffffff;
color: #2e343c;
}
.pi-section-dark .pi-input-with-icon .pi-input-icon {
color: #576068;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-section-dark .pi-input-with-icon:hover .pi-input-icon {
color: #576068;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-section-dark .pi-input-with-icon.pi-form-control-focused .pi-input-icon {
color: #2e343c;
text-shadow: 0 1px 0 #ffffff;
}
.stylish-select .pi-section-dark .newListSelected {
background: #2a3037;
border-color: #2a3037;
border-top-color: #1d2226;
color: #616b75;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
}
.stylish-select .pi-section-dark .pi-select-icon {
color: #576068;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-webkit-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-moz-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-ms-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-o-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
}
.stylish-select .pi-section-dark .newListSelHover {
background: #2a3037;
border-color: #2a3037;
border-top-color: #1d2226;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.stylish-select .pi-section-dark .newListSelFocus {
background: #ffffff;
border-color: #12c3cc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
.stylish-select .pi-section-dark .newListSelFocus .pi-select-icon {
color: #2e343c;
text-shadow: 0 1px 0 #ffffff;
}
.stylish-select .pi-section-dark ul.newList {
border-color: #12c3cc;
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}
.stylish-select .pi-section-dark ul.newList li {
border-color: #800080;
}
.stylish-select .pi-section-dark ul.newList a {
color: #8e8e96;
background: #222325;
border-bottom: 0 !important;
}
.stylish-select .pi-section-dark ul.newList a:hover {
background: #262829;
color: #babac1;
}
.stylish-select .pi-section-dark ul.newList a.hiLite {
background: #262829;
color: #babac1;
}
.stylish-select .pi-section-dark label {
color: #c6ccd0;
}
.pi-section-parallax .form-control:-moz-placeholder {
color: rgba(218, 231, 240, 0.45);
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-parallax .form-control::-moz-placeholder {
color: rgba(218, 231, 240, 0.45);
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-parallax .form-control:-ms-input-placeholder {
color: rgba(218, 231, 240, 0.45);
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-parallax .form-control::-webkit-input-placeholder {
color: rgba(218, 231, 240, 0.45);
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-parallax .form-control:hover:-moz-placeholder {
color: rgba(218, 231, 240, 0.55);
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-parallax .form-control:hover::-moz-placeholder {
color: rgba(218, 231, 240, 0.55);
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-parallax .form-control:hover:-ms-input-placeholder {
color: rgba(218, 231, 240, 0.55);
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-parallax .form-control:hover::-webkit-input-placeholder {
color: rgba(218, 231, 240, 0.55);
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-section-parallax .form-control:focus:-moz-placeholder {
color: #242528;
}
.pi-section-parallax .form-control:focus::-moz-placeholder {
color: #242528;
}
.pi-section-parallax .form-control:focus:-ms-input-placeholder {
color: #242528;
}
.pi-section-parallax .form-control:focus::-webkit-input-placeholder {
color: #242528;
}
.pi-section-parallax .form-control {
background: rgba(0, 0, 0, 0.15);
border-color: rgba(218, 231, 240, 0.25);
border-top-color: rgba(218, 231, 240, 0.25);
color: rgba(218, 231, 240, 0.45);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.pi-section-parallax .form-control:hover {
background: rgba(218, 231, 240, 0.055);
border-color: rgba(218, 231, 240, 0.35);
border-top-color: rgba(218, 231, 240, 0.35);
color: rgba(218, 231, 240, 0.55);
-webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.2);
}
.pi-section-parallax .form-control:focus {
background: #ffffff;
border-color: #12c3cc;
border-top-color: #12c3cc;
color: #242528;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.pi-section-parallax .form-control.pi-form-control-changed:focus {
background: #ffffff;
color: #242528;
}
.pi-section-parallax .pi-input-with-icon .pi-input-icon {
color: rgba(218, 231, 240, 0.45);
text-shadow: none;
}
.pi-section-parallax .pi-input-with-icon:hover .pi-input-icon {
color: rgba(218, 231, 240, 0.55);
text-shadow: none;
}
.pi-section-parallax .pi-input-with-icon.pi-form-control-focused .pi-input-icon {
color: #242528;
text-shadow: 0 1px 0 #ffffff;
}
.stylish-select .pi-section-parallax .newListSelected {
background: rgba(0, 0, 0, 0.15);
border-color: rgba(218, 231, 240, 0.25);
border-top-color: rgba(218, 231, 240, 0.25);
color: rgba(218, 231, 240, 0.45);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
transition: all 0.2s ease-in-out 0.1s ease-in-out 0s;
}
.stylish-select .pi-section-parallax .pi-select-icon {
color: rgba(218, 231, 240, 0.45);
text-shadow: none;
-webkit-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-moz-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-ms-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
-o-transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
transition: color 0.2s ease-in-out 0.1s ease-in-out 0s;
}
.stylish-select .pi-section-parallax .newListSelHover {
background: rgba(218, 231, 240, 0.055);
border-color: rgba(218, 231, 240, 0.35);
border-top-color: rgba(218, 231, 240, 0.35);
-webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.2);
}
.stylish-select .pi-section-parallax .newListSelFocus {
background: #ffffff;
border-color: #12c3cc;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
.stylish-select .pi-section-parallax .newListSelFocus .pi-select-icon {
color: #242528;
text-shadow: 0 1px 0 #ffffff;
}
.stylish-select .pi-section-parallax ul.newList {
border-color: #12c3cc;
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}
.stylish-select .pi-section-parallax ul.newList li {
border-color: #800080;
}
.stylish-select .pi-section-parallax ul.newList a {
color: #8e8e96;
background: #222325;
border-bottom: 0 !important;
}
.stylish-select .pi-section-parallax ul.newList a:hover {
background: #262829;
color: #babac1;
}
.stylish-select .pi-section-parallax ul.newList a.hiLite {
background: #262829;
color: #babac1;
}
.stylish-select .pi-section-parallax label {
color: rgba(218, 231, 240, 0.85);
}
/*_____ styles/css/base/alert-boxes.css*/
.pi-alert-note,
.pi-alert-warning,
.pi-alert-danger,
.pi-alert-success,
.pi-alert-info {
position: relative;
border: 1px solid transparent;
padding: 20px 35px 0 20px;
margin-bottom: 20px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 0 !important;
}
.pi-alert-note h1,
.pi-alert-warning h1,
.pi-alert-danger h1,
.pi-alert-success h1,
.pi-alert-info h1,
.pi-alert-note h2,
.pi-alert-warning h2,
.pi-alert-danger h2,
.pi-alert-success h2,
.pi-alert-info h2,
.pi-alert-note h3,
.pi-alert-warning h3,
.pi-alert-danger h3,
.pi-alert-success h3,
.pi-alert-info h3,
.pi-alert-note h4,
.pi-alert-warning h4,
.pi-alert-danger h4,
.pi-alert-success h4,
.pi-alert-info h4,
.pi-alert-note h5,
.pi-alert-warning h5,
.pi-alert-danger h5,
.pi-alert-success h5,
.pi-alert-info h5,
.pi-alert-note h6,
.pi-alert-warning h6,
.pi-alert-danger h6,
.pi-alert-success h6,
.pi-alert-info h6 {
margin-bottom: 7px;
font-size: 14px !important;
font-weight: 600;
}
.pi-alert-note .pi-close,
.pi-alert-warning .pi-close,
.pi-alert-danger .pi-close,
.pi-alert-success .pi-close,
.pi-alert-info .pi-close {
width: 21px;
height: 21px;
text-shadow: none;
float: none;
position: absolute;
top: 11px;
right: 10px;
text-align: center;
opacity: 1;
font-size: 22px;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
opacity: .2;
}
.pi-close:hover,
.pi-close:focus {
text-decoration: none;
cursor: pointer;
}
button.pi-close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.pi-alert-note {
background: #fff;
border-color: #e5eaea;
color: #787d82;
}
.pi-alert-note h1,
.pi-alert-note h2,
.pi-alert-note h3,
.pi-alert-note h4,
.pi-alert-note h5,
.pi-alert-note h6,
.pi-alert-note strong {
color: #212326 !important;
}
.pi-alert-note .pi-close {
background: transparent;
color: #D0D7DD;
text-shadow: 0 1px 0 #fff;
}
.pi-alert-note .pi-close:hover {
background: transparent;
color: #9ea2a7;
}
.pi-alert-success {
background: #b8ffaf;
border-color: #9bf29d;
color: #428956;
}
.pi-alert-success h1,
.pi-alert-success h2,
.pi-alert-success h3,
.pi-alert-success h4,
.pi-alert-success h5,
.pi-alert-success h6,
.pi-alert-success strong {
color: #005A28 !important;
}
.pi-alert-success a,
.pi-alert-success a:hover {
color: #005A28;
}
.pi-alert-success .pi-close {
background: transparent;
color: #65DA81;
text-shadow: 0 1px 0 #fff;
}
.pi-alert-success .pi-close:hover {
background: transparent;
color: #05BD63;
}
.pi-alert-info {
background: #dcf6f8;
border-color: #beeff3;
color: #448D97;
}
.pi-alert-info h1,
.pi-alert-info h2,
.pi-alert-info h3,
.pi-alert-info h4,
.pi-alert-info h5,
.pi-alert-info h6,
.pi-alert-info strong {
color: #154B7A !important;
}
.pi-alert-info a,
.pi-alert-info a:hover {
color: #154B7A;
}
.pi-alert-info .pi-close {
background: transparent;
color: #76CECE;
text-shadow: 0 1px 0 #fff;
}
.pi-alert-info .pi-close:hover {
background: transparent;
color: #5F96BB;
}
.pi-alert-danger {
background: #feead3;
border-color: #ffd9c0;
color: #c5635e;
}
.pi-alert-danger h1,
.pi-alert-danger h2,
.pi-alert-danger h3,
.pi-alert-danger h4,
.pi-alert-danger h5,
.pi-alert-danger h6,
.pi-alert-danger strong {
color: #ae2128 !important;
}
.pi-alert-danger a,
.pi-alert-danger a:hover {
color: #ae2128;
}
.pi-alert-danger .pi-close {
background: transparent;
color: #F58D74;
text-shadow: 0 1px 0 #fff;
}
.pi-alert-danger .pi-close:hover {
background: transparent;
color: #e3512e;
}
.pi-alert-warning {
background: #f8f6a2;
border-color: #eee090;
color: #7d6a3b;
}
.pi-alert-warning h1,
.pi-alert-warning h2,
.pi-alert-warning h3,
.pi-alert-warning h4,
.pi-alert-warning h5,
.pi-alert-warning h6,
.pi-alert-warning strong {
color: #68422C !important;
}
.pi-alert-warning a,
.pi-alert-warning a:hover {
color: #68422C;
}
.pi-alert-warning .pi-close {
background: transparent;
color: #ccb561;
text-shadow: 0 1px 0 #fff;
}
.pi-alert-warning .pi-close:hover {
background: transparent;
color: #A37C37;
}
.pi-alert-with-icon {
padding-left: 46px;
}
.pi-alert-with-icon.pi-alert-note:before,
.pi-alert-with-icon.pi-alert-danger:before,
.pi-alert-with-icon.pi-alert-warning:before,
.pi-alert-with-icon.pi-alert-info:before,
.pi-alert-with-icon.pi-alert-success:before {
width: 26px;
display: block;
content: "";
position: absolute;
top: 20px;
left: 10px;
font-family: fontello;
font-size: 18px;
text-align: center;
}
.pi-alert-with-icon.pi-alert-note:before {
content: "\e879";
color: #d6d7cf;
}
.pi-alert-with-icon.pi-alert-danger:before {
content: "\e8b7";
color: #e3512e;
font-size: 16px;
}
.pi-alert-with-icon.pi-alert-warning:before {
content: "\e88c";
color: #A37C37;
}
.pi-alert-with-icon.pi-alert-info:before {
content: "\e920";
color: #488BAA;
font-size: 16px;
}
.pi-alert-with-icon.pi-alert-success:before {
content: "\e914";
color: #05BD63;
}
.pi-section-grey .pi-alert-note {
background: #fff;
}
/*_____ styles/css/base/images.css*/
img {
max-width: 100%;
}
.pi-img-hover-zoom {
overflow: hidden;
}
.pi-img-hover-zoom img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
-o-transition: -o-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.pi-img-hover-zoom:hover img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.pi-img-w:hover .pi-img-hover-zoom img,
.pi-portfolio-description-box:hover .pi-img-hover-zoom img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.pi-img-w {
margin-bottom: 20px;
position: relative;
}
.pi-img-w .pi-img-link {
display: block;
overflow: hidden;
padding: 0;
border: 0;
}
.pi-img-w img {
display: inline-block;
position: relative;
z-index: 1;
}
.pi-grid-no-margins .pi-img-w {
margin-bottom: 0;
}
.pi-gallery-small-margins .pi-img-w {
margin-bottom: 0px;
}
.pi-img-i {
margin-bottom: 20px;
position: relative;
width:100%;
}
@media (max-width: 768px) {
.pi-section .pi-img-i {
margin-bottom: 20px;
position: relative;
width:0%;
}
}
.pi-img-f {
margin-bottom: 20px;
position: relative;
width:100%;
display: block;
}
@media (max-width: 767px) {
.pi-section .pi-img-f {
margin-bottom: 20px;
position: relative;
image-orientation: 90deg;
-webkit-display: none;
}
}
.pi-img-left {
float: left;
margin-right: 25px;
}
.pi-img-right {
float: right;
margin-left: 25px;
}
.pi-img-center {
margin-left: auto;
margin-right: auto;
}
.pi-img-border {
display: block;
position: relative;
box-sizing: border-box;
border: 4px solid transparent;
overflow: hidden;
-webkit-transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
-ms-transition: border-color 0.3s ease-in-out;
-o-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
}
.pi-img-border-double {
display: block;
position: relative;
border: 1px solid transparent;
padding: 0px;
overflow: hidden;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
-webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.pi-img-border-double .pi-img-overlay {
top: 4px;
left: 4px;
bottom: 4px;
right: 4px;
}
.pi-img-shadow,
.pi-img-shadow img {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
.pi-img-shadow-light,
.pi-img-shadow-light img {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
}
.pi-img-shadow-inner {
display: block;
position: relative;
}
.pi-img-shadow-inner:after {
content: "";
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.pi-img-shadow-gap {
height: 20px;
overflow: hidden;
margin-top: 4px;
}
.pi-img-shadow-gap.pi-shadow-effect8:before,
.pi-img-shadow-gap.pi-shadow-effect8:after {
bottom: auto;
top: -24px;
height: 5px;
}
.pi-img-overlay {
-webkit-backface-visibility: hidden;
display: block;
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0;
padding: 30px;
text-align: left;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.pi-img-w:hover .pi-img-overlay,
.pi-portfolio-description-box:hover .pi-img-overlay {
opacity: 1;
}
.pi-img-overlay a {
border-bottom: 0;
}
.pi-img-overlay .pi-caption-centered {
display: table;
width: 100%;
height: 100%;
}
.pi-img-overlay .pi-caption-centered > *:first-child {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.pi-img-overlay .pi-caption-bottom {
display: table;
width: 100%;
position: absolute !important;
bottom: 10px;
}
.pi-img-overlay .pi-caption-bottom > *:first-child {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.pi-overlay-short {
top: auto;
}
.pi-img-with-overlay {
overflow: hidden;
position: relative;
}
.pi-img-caption {
position: relative;
display: block;
z-index: 2;
box-sizing: border-box;
font-style: italic;
padding: 12px 18px;
margin-bottom: 0;
text-align: left;
border: 1px solid transparent;
border-top-width: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.pi-caption-opened {
opacity: 1;
}
.pi-overlay-slide {
opacity: 1;
top: auto;
}
.pi-overlay-slide h1,
.pi-overlay-slide h2,
.pi-overlay-slide h3,
.pi-overlay-slide h4,
.pi-overlay-slide h5,
.pi-overlay-slide h6 {
margin-bottom: 19px;
}
.pi-caption-scale {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
.pi-img-w:hover .pi-caption-scale,
.pi-portfolio-description-box:hover .pi-caption-scale {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.pi-caption-links {
display: block;
list-style: none;
padding: 0;
margin-bottom: 10px;
font-size: 13px;
line-height: 1.8em;
}
.pi-caption-links li {
display: inline-block;
margin: 0 5px 0 0;
color: rgba(250, 250, 250, 0.7);
}
.pi-caption-links li i {
margin-right: 5px;
color: rgba(250, 250, 250, 0.6);
}
.pi-caption-links li a {
color: rgba(250, 250, 250, 0.7);
-webkit-transition: color 0.1s ease-in-out 0s;
-moz-transition: color 0.1s ease-in-out 0s;
-ms-transition: color 0.1s ease-in-out 0s;
-o-transition: color 0.1s ease-in-out 0s;
transition: color 0.1s ease-in-out 0s;
}
.pi-caption-links li a i {
margin-right: 5px;
color: rgba(250, 250, 250, 0.6);
}
.pi-caption-links li a:hover {
color: #fff;
}
.pi-caption-icon {
display: inline-block !important;
width: 60px;
height: 60px;
margin: 15px 3px;
border-radius: 50%;
text-align: center;
font: 22px/60px 'fontello';
content: "\e875";
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-caption-icon-small {
width: 42px;
height: 42px;
font-size: 18px;
line-height: 42px;
}
.pi-caption-icon-smaller {
width: 36px;
height: 36px;
font-size: 16px;
line-height: 36px;
}
.pi-caption-icon-only {
width: 60px;
height: 60px;
font-size: 50px;
line-height: 60px;
margin: 5px 3px;
}
.pi-img-round,
.pi-img-round img,
.pi-img-round .pi-img-shadow-inner:after,
.pi-img-round .pi-img-border,
.pi-img-round .pi-img-border-double {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 60px;
}
.pi-img-round.pi-img-with-caption .pi-img-caption {
border-top-width: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.pi-img-round-corners,
.pi-img-round-corners img,
.pi-img-round-corners .pi-img-overlay,
.pi-img-round-corners .pi-img-border,
.pi-img-round-corners .pi-img-border-double,
.pi-img-round-corners .pi-img-shadow-inner:after {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.pi-img-round-corners.pi-img-with-caption img,
.pi-img-round-corners.pi-img-with-caption .pi-img-overlay,
.pi-img-round-corners.pi-img-with-caption .pi-img-border,
.pi-img-round-corners.pi-img-with-caption .pi-img-border-double,
.pi-img-round-corners.pi-img-with-caption .pi-img-shadow-inner:after {
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.pi-img-round-corners.pi-img-with-caption,
.pi-img-round-corners.pi-img-with-caption .pi-img-caption {
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.pi-img-opacity-30 img {
opacity: 0.3;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-img-opacity-30:hover img {
opacity: 1;
}
.pi-img-opacity-50 img {
opacity: 0.5;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.pi-img-opacity-50:hover img {
opacity: 1;
}
.pi-img-opacity-70 img {
opacity: .6;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.pi-img-opacity-70:hover img {
opacity: 1;
-webkit-filter: grayscale(1%);
-moz-filter: grayscale(1%);
-o-filter: grayscale(1%);
-ms-filter: grayscale(1%);
filter: grayscale(1%);
}
.pi-img-w:hover .pi-img-opacity-30 img,
.pi-img-w:hover .pi-img-opacity-50 img,
.pi-img-w:hover .pi-img-opacity-70 img {
opacity: 1;
}
.pi-img-grayscale img {
-webkit-filter: grayscale(100%);
}
.pi-img-grayscale-hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.pi-img-w:hover .pi-img-grayscale-hover img,
.pi-img-grayscale-hover:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.pi-img-grayscale-hover-70 img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(70%);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.pi-img-w:hover .pi-img-grayscale-hover-70 img,
.pi-img-grayscale-hover-70:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/* ************************** */
.pi-section-base .pi-img-border {
border-color: #0097a0;
}
.pi-section-base .pi-img-w:hover a .pi-img-border {
border-color: #008190;
}
.pi-section-base .pi-img-border-double {
border-color: #2ecece;
background-color: #267bd6;
}
.pi-section-base .pi-img-w:hover a .pi-img-border-double {
border-color: #4ddada;
background-color: #1dcfcf;
}
.pi-section-base .pi-img-caption {
background: #0abcbd;
border-color: #16c7c7;
color: #d6f8fa;
}
.pi-section-base .pi-img-w:hover a.pi-img-caption {
background: #ffffff;
border-color: #ffffff;
color: #737a81;
}
.pi-section-white .pi-img-border {
border-color: #e8eeee;
}
.pi-section-white .pi-img-w:hover a .pi-img-border {
border-color: #267bd6;
}
.pi-section-white .pi-img-border-double {
border-color: #e5eaea;
background-color: #ffffff;
}
.pi-section-white .pi-img-w:hover a .pi-img-border-double {
border-color: #0d83dd;
background-color: #ffffff;
}
.pi-section-white .pi-img-caption {
background: #f8fafa;
border-color: #e5eaea;
color: #737a81;
}
.pi-section-white .pi-img-w:hover a.pi-img-caption {
background: #267bd6;
border-color: #00a1ab;
color: #ffffff;
}
.pi-section-grey .pi-img-border {
border-color: #dbe3e3;
}
.pi-section-grey .pi-img-w:hover a .pi-img-border {
border-color: #267bd6;
}
.pi-section-grey .pi-img-border-double {
border-color: #dae1e1;
background-color: #ffffff;
}
.pi-section-grey .pi-img-w:hover a .pi-img-border-double {
border-color: #267bd6;
background-color: #ffffff;
}
.pi-section-grey .pi-img-caption {
background: #ffffff;
border-color: #ffffff;
color: #737a81;
}
.pi-section-grey .pi-img-w:hover a.pi-img-caption {
background: #267bd6;
border-color: #00a1ab;
color: #ffffff;
}
.pi-section-dark .pi-img-border {
border-color: #2a3037;
}
.pi-section-dark .pi-img-w:hover a .pi-img-border {
border-color: #267bd6;
}
.pi-section-dark .pi-img-border-double {
border-color: #32383f;
background-color: #2a3037;
}
.pi-section-dark .pi-img-w:hover a .pi-img-border-double {
border-color: #267bd6;
background-color: #2a3037;
}
.pi-section-dark .pi-img-caption {
background: #2a3037;
border-color: #32383f;
color: #808d97;
}
.pi-section-dark .pi-img-w:hover a.pi-img-caption {
background: #267bd6;
border-color: #00a1ab;
color: #ffffff;
}
.pi-caption-icon {
background: rgba(13, 192, 192, 0.85);
color: #fff;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.pi-caption-icon:hover {
background: #267bd6;
}
.pi-caption-icon.pi-caption-icon-light {
background: #fff;
color: #2e343c;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
}
.pi-caption-icon.pi-caption-icon-light:hover {
background: rgba(250, 250, 250, 0.9);
}
.pi-caption-icon.pi-caption-icon-dark {
background: rgba(19, 22, 26, 0.8);
color: #d7dfe2;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-caption-icon.pi-caption-icon-dark:hover {
background: #267bd6;
color: #fff;
}
.pi-caption-icon.pi-caption-icon-only {
background: none;
color: rgba(250, 250, 250, 0.8);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-caption-icon.pi-caption-icon-only:hover {
background: none;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-img-overlay {
background: none;
color: #fff;
}
.pi-img-overlay h1,
.pi-img-overlay .h1,
.pi-img-overlay h2,
.pi-img-overlay .h2,
.pi-img-overlay h3,
.pi-img-overlay .h3,
.pi-img-overlay h4,
.pi-img-overlay .h4,
.pi-img-overlay h5,
.pi-img-overlay .h5,
.pi-img-overlay h6,
.pi-img-overlay .h6 {
color: #fff !important;
}
.pi-img-overlay h1.pi-has-border:after,
.pi-img-overlay .h1.pi-has-border:after,
.pi-img-overlay h2.pi-has-border:after,
.pi-img-overlay .h2.pi-has-border:after,
.pi-img-overlay h3.pi-has-border:after,
.pi-img-overlay .h3.pi-has-border:after,
.pi-img-overlay h4.pi-has-border:after,
.pi-img-overlay .h4.pi-has-border:after,
.pi-img-overlay h5.pi-has-border:after,
.pi-img-overlay .h5.pi-has-border:after,
.pi-img-overlay h6.pi-has-border:after,
.pi-img-overlay .h6.pi-has-border:after {
background: #fff;
}
.pi-img-overlay.pi-img-overlay-hovered {
background: rgba(0, 170, 179, 0.8);
}
.pi-img-overlay.pi-img-overlay-dark {
background: rgba(24, 28, 32, 0.5);
}
.pi-img-overlay.pi-img-overlay-dark-hovered {
background: rgba(24, 28, 32, 0.5);
}
.pi-img-overlay.pi-img-overlay-darker {
background: rgba(24, 28, 32, 0.8);
}
.pi-img-overlay.pi-img-overlay-darker-hovered {
background: rgba(24, 28, 32, 0.8);
}
.pi-img-overlay.pi-img-overlay-darker-hovered-2 {
background: rgba(24, 28, 32, 0.8);
}
.pi-img-overlay.pi-img-overlay-white {
background: rgba(250, 250, 250, 0.2);
}
.pi-img-overlay.pi-img-overlay-whiter {
background: rgba(250, 250, 250, 0.7);
}
.pi-img-overlay.pi-img-overlay-whiter .pi-caption-links li {
color: #4d5258;
}
.pi-img-overlay.pi-img-overlay-whiter .pi-caption-links li a {
color: #4d5258;
}
.pi-img-overlay.pi-img-overlay-whiter .pi-caption-links li a:hover {
color: #267bd6;
}
.pi-img-w:hover .pi-img-overlay.pi-img-overlay-hovered,
.pi-img-w a:hover .pi-img-overlay.pi-img-overlay-hovered,
.pi-img-w span:hover .pi-img-overlay.pi-img-overlay-hovered {
background: rgba(0, 170, 179, 0.5);
}
.pi-img-w:hover .pi-img-overlay.pi-img-overlay-dark-hovered,
.pi-img-w a:hover .pi-img-overlay.pi-img-overlay-dark-hovered,
.pi-img-w span:hover .pi-img-overlay.pi-img-overlay-dark-hovered {
background: rgba(24, 28, 32, 0.3);
}
.pi-img-w:hover .pi-img-overlay.pi-img-overlay-darker-hovered,
.pi-img-w a:hover .pi-img-overlay.pi-img-overlay-darker-hovered,
.pi-img-w span:hover .pi-img-overlay.pi-img-overlay-darker-hovered {
background: rgba(24, 28, 32, 0.5);
}
.pi-img-w:hover .pi-img-overlay.pi-img-overlay-darker-hovered-2,
.pi-img-w a:hover .pi-img-overlay.pi-img-overlay-darker-hovered-2,
.pi-img-w span:hover .pi-img-overlay.pi-img-overlay-darker-hovered-2 {
background: rgba(24, 28, 32, 0.2);
}
.pi-overlay-slide {
background: rgba(19, 21, 25, 0.1);
background: -moz-linear-gradient(top, rgba(19, 21, 25, 0) 0%, rgba(19, 21, 25, 0.7) 40%, rgba(19, 21, 25, 0.9) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(19, 21, 25, 0)), color-stop(40%, rgba(19, 21, 25, 0.7)), color-stop(100%, rgba(19, 21, 25, 0.9)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(19, 21, 25, 0) 0%, rgba(19, 21, 25, 0.7) 40%, rgba(19, 21, 25, 0.9) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(19, 21, 25, 0) 0%, rgba(19, 21, 25, 0.7) 40%, rgba(19, 21, 25, 0.9) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(19, 21, 25, 0) 0%, rgba(19, 21, 25, 0.7) 40%, rgba(19, 21, 25, 0.9) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(19, 21, 25, 0) 0%, rgba(19, 21, 25, 0.7) 40%, rgba(19, 21, 25, 0.9) 100%);
/* W3C */
}
.scrollMouse {
bottom: 10px;
height: 60px;
left: 50%;
margin-left: -13px;
position: absolute;
text-align: center;
width: 26px;
z-index: 1;
background:url(../img/scroll.png);}
.arrow {
background-image:url(../img/sbar.png);
border-radius: 5px;
bottom: 0;
display: block;
height: 10px;
top:20px;
margin:32px 11px auto;
position: relative;
width: 4px;
z-index: 11;
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
.oveview{
color:#327875;
}
.pi-slider-options
{
sliderId: "";
effect: "17,13,1";
effectRandom: true;
pauseTime: 2800;
transitionTime: 1200;
slices: 14;
boxes: 8;
hoverPause: 1;
autoAdvance: true;
captionOpacity: 0.4;
captionEffect: "fade";
thumbnailsWrapperId: "thumbs";
m: false;
license: "mylicense";
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm .form-control1 {
height: 70px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 14.333333px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.headers {
font-size: 80px;
line-height: 80px;
}
@media (max-width: 768px) {
.pi-section .headers {
font-size:35px;
line-height: 35px;
}
}
@media (max-width: 768px) {
.pi-section .headers-c {
font-size:35px;
line-height: 35px;
width:70%;
}
}
@media (max-width: 768px) {
.pi-section .headers-i {
font-size:35px;
line-height: 35px;
width:180%;
}
}
@media (max-width: 768px) {
.pi-section .headers-j {
font-size:35px;
line-height: 35px;
margin-right:700px;
}
}
.email{
font-family: "museo_sans300 light",Arial;
font-size:50px;
}
.pi-border-bottom-green {
text-decoration: underline #009d7c;
}
.pi-border-bottom-red {
text-decoration: underline #f6193f;
}
.pi-border-bottom-orange {
text-decoration: underline #f67941;
}
.pi-margin-right {
margin-right: -255px;
}
.pi-design-right{
text-align: right;
}
.pi-design-left{
text-align: right;
}
@media (max-width: 768px) {
.pi-section .pi-design-right,.pi-design-left{
text-align: center;
}
}
.pi-text-center-i {
text-align: center;
}
@media (max-width: 768px) {
.pi-section .pi-text-center-i {
width: 100%;
overflow: hidden;
}
}
@media (max-width: 768px) {
.pi-section .own-mail {
width: 100%;
}
}
@media (max-width: 768px) {
.pi-texture-i {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width:0%
}
}
.case-study {
padding: 0px 40px;
}
.text-shadow {
text-shadow: 0px 0px 0px #141414 !important;
}
.museo-100 {
font-family: 'museo-100';
color: #000 !important;
}
.museo-300 {
font-family: 'museo-300';
color: #000 !important;
}
.museo-500 {
font-family: 'museo-500';
color: #000 !important;
}
.museo-700 {
font-family: 'museo-700';
color: #000 !important;
}
.museo-900 {
font-family: 'museo-900';
color: #000 !important;
}
p.museo-300 {
font-family: 'museo-300';
color: #000 !important;
text-shadow: 0px 0px 0px #141414;
font-size: 18px;
}
p.pi-museo-300 {
font-family: 'museo-300';
color: #000 !important;
text-shadow: 0px 0px 0px #141414;
font-size: 20px;
}
p.museo-300-slider {
font-family: 'museo-300';
color: #000 !important;
text-shadow: 0px 0px 0px #141414;
font-size: 15px;
}
ul.museo-300 {
font-family: 'museo-300';
color: #000 !important;
text-shadow: 0px 0px 0px #fff;
}
ul.museo-500 {
font-family: 'museo-500';
color: #000 !important;
text-shadow: 0px 0px 0px #141414;
}
p.museo-500 {
font-family: 'museo-500';
color: #000 !important;
text-shadow: 0px 0px 0px #141414;
font-size: 22px;
}
p.pi-museo-500 {
font-family: 'museo-500';
color: #000 !important;
text-shadow: 0px 0px 0px #141414;
font-size: 20px;
}
.pi-justify {
text-align: justify;
}
p.museo-300-white {
font-family: 'museo-300';
color: #fff !important;
text-shadow: 0px 0px 0px #141414;
font-size: 18px;
}
p.pi-museo-300-white {
font-family: 'museo-300';
color: #fff !important;
text-shadow: 0px 0px 0px #141414;
font-size: 20px;
}
.museo-100-white {
font-family: 'museo-100';
color: #fff !important;
text-shadow: 0px 0px 0px #141414;
}
.museo-300-white {
font-family: 'museo-300';
color: #fff !important;
text-shadow: 0px 0px 0px #141414;
}
.museo-500-white {
font-family: 'museo-500';
color: #fff !important;
}
.museo-700-white {
font-family: 'museo-700';
color: #fff !important;
text-shadow: 0px 0px 0px #141414;
}
.museo-900-white {
font-family: 'museo-900';
color: #fff !important;
text-shadow: 0px 0px 0px #141414;
}
.client-border {
border-radius:3px;
border-right: 10px solid #fff;
background: #f8f8f8;
height: 320px;
overflow: hidden;
}
.client-border:hover {
border-radius:3px;
border-right: 10px solid #fff;
background: #f8f8f8;
height: 320px;
overflow-y: scroll;
}
.pi-border-top-grey {
border-top: 1px solid #ebebeb;
}
@media (max-width: 992px) {
.pi-section-i {
padding: 15px 15px 35px;
}
}
@media (max-width: 768px) {
.pi-section-i {
padding: 10px 10px 00px;
}
}
.pi-btn-white-small {
padding: 10px 20px;
font-size: 24px;
}
.pi-btn-white-small:hover {
padding: 10px 20px;
font-size: 24px;
background: #e5e5e5;
}
.border-line {
background: transparent url("../img/mobile-responsive/line.png") repeat-x scroll center top;
}
.form-control-name-lp {
height: 38px;
width: 346px;
padding: 8px 0px 0px;
font-size: 18px;
color: #73716f;
font-family: 'museo-300';
border: transparent;
background: transparent;
border-radius: 0px;
transition: all 0.1s ease-in-out 0s;
border-bottom: 1px solid #fff;
}
.form-control-email-lp, .form-control-phone-lp {
height: 38px;
width: 170px;
padding: 8px 0px 0px;
font-size: 18px;
color: #73716f;
font-family: 'museo-300';
border: transparent;
background: transparent;
border-radius: 0px;
transition: all 0.1s ease-in-out 0s;
border-bottom: 1px solid #fff;
transition: all 0.1s ease-in-out 0s;
}
.form-control-message-lp {
height: 38px;
width: 346px;
display: inline-block;
padding: 8px 0px 0px;
font-size: 18px;
color: #73716f;
font-family: 'museo-300';
border: transparent;
background: transparent;
border-radius: 0px;
transition: all 0.1s ease-in-out 0s;
border-bottom: 1px solid #fff;
transition: all 0.1s ease-in-out 0s;
}
@media (max-width: 767px) {
.form-control-name-lp, .form-control-email-lp, .form-control-phone-lp, .form-control-message-lp{
height: 38px;
width: 200px;
padding: 8px 0px 0px;
font-size: 18px;
color: #73716f;
font-family: 'museo-300';
border: transparent;
background: transparent;
border-radius: 0px;
transition: all 0.1s ease-in-out 0s;
border-bottom: 1px solid #fff;
}
}
.pi-btn-orange {
background: #ffa013 none repeat scroll 0% 0%;
border: 1px solid #f7990f;
color: #000 !important;
font-size: 28px;
padding: 15px 136px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.pi-btn-orange:hover {
background: #e58a04 none repeat scroll 0% 0%;
border: 1px solid #f7990f;
color: #000 !important;
font-size: 28px;
padding: 15px 136px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
.pi-btn-orange {
background: #ffa013 none repeat scroll 0% 0%;
border: 1px solid #f7990f;
color: #000 !important;
font-size: 28px;
padding: 15px 62px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.pi-btn-orange:hover {
background: #e58a04 none repeat scroll 0% 0%;
border: 1px solid #f7990f;
color: #000 !important;
font-size: 28px;
padding: 15px 62px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
}
.pi-btn-header-orange{
background: #ffa013 none repeat scroll 0% 0%;
border: 1px solid #f7990f;
color: #000 !important;
font-size: 20px;
padding: 15px 15px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.pi-btn-header-orange:hover {
background: #e58a04 none repeat scroll 0% 0%;
border: 1px solid #f7990f;
color: #000 !important;
font-size: 20px;
padding: 15px 15px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
.pi-btn-header-orange {
background: #ffa013 none repeat scroll 0% 0%;
border: 1px solid #f7990f;
color: #000 !important;
font-size: 20px;
padding: 15px 15px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.pi-btn-header-orange:hover {
background: #e58a04 none repeat scroll 0% 0%;
border: 1px solid #f7990f;
color: #000 !important;
font-size: 20px;
padding: 15px 15px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
}
.pi-padding-right-35 {
padding-right: 35px;
}
.pi-padding-left-30 {
padding-left: 30px;
}
.border-b {
background: transparent url("../img/dotted-w.png") repeat-x scroll center top;
}
.lh {
line-height: 86px !important;
padding-top: 0px !important;
}
@media (max-width: 767px) {
.lh {
line-height: 100px !important;
}
}
.service-rating {
background: #fff;
}
.rating-section {
background: #fff;
}
.rating-section .star-rating {
background: url(../img/star.png) 0 0 no-repeat;
width: 94px;
height: 26px;
display: inline-block;
text-indent: -999999px;
position: relative;
top: -3px;
}
.view-more {
position: relative;
font-size: 16px;
display: inline-block;
margin: 0 auto;
color: #ff5722 !important;
font-weight: 700;
transition: color 0.2s linear 0s;
display: inline-block;
left: 0;
position: relative;
overflow: hidden;
top: 6px;
}
.view-more:hover {
transition: color 0.2s linear 0s;
color: #212121 !important;
}
div.testimonial-bordered{
padding: 30px 15px;
margin: 30px 0;
}
div.owl-carousel.owl-testimonial .testimonial {
margin-bottom: 50px;
display: block;
}
.owl-carousel .owl-item div {
position: relative;
text-align: center;
}
.owl-carousel {
overflow: hidden;
margin-bottom: 20px;
position: relative;
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
z-index: 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);
}
.nomargin {
margin: 0 !important;
}
.owl-carousel .owl-item div {
position: relative;
text-align: center;
}
.testimonial-content {
position: relative;
padding-left: 75px;
}
div.testimonial p {
margin-top: 0;
}
.testimonial cite {
font-weight: bold;
text-shadow: none;
}
div.testimonial>figure>img {
width: auto;
height: auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.owl-carousel img {
display: inline-block;
}
.bg {
background: url(../img/header-banner.png) repeat scroll top ; height: 450px;
}
@media(max-width:767px) {
.bg{
background:none;
height: auto;
}
}
.bg-i {
background: url(../img/header-banner.png) repeat scroll top ; height: 500px;
}
@media(max-width:767px) {
.bg-i{
background:none;
height: auto;
}
}
.mobile-height{
height: 240px;
}
@media(max-width:767px) {
.mobile-height{
height: 600px;
}
}
.pi-btn-email {
background: #ffa013 none repeat scroll 0% 0%;
border: 1px solid #f7990f;
color: #fff !important;
font-size: 22px;
padding: 14px 10px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.pi-btn-email:hover {
background: #f47721 none repeat scroll 0% 0%;
border: 1px solid #f7990f;
color: #fff !important;
font-size: 22px;
padding: 14px 10px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
/* Ecommerce PAge Style */
ul.ecomm-list {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 0px;
}
ul.ecomm-list li {
display: inline-block;
width: 24%;
margin: 25px 0px;
padding: 0px 68px;
border-left: 1px solid #e5e5e5;
text-align: center;
}
ul.ecomm-list li p {
font-family: 'museo_sans500', Arial, sans-serif;
text-shadow: 0px 0px 0px rgba(0,0,0,.35);
color: #000;
font-size: 17px;
line-height: 25px;
letter-spacing: 0.0125em;
font-weight: 400;
}
ul.ecomm-list li.first {
border-left: none;
}
ul.ecomm-list li.last {
border-right: none;
}
ul.e-list li {
display: inline-block;
margin: 10px 20px;
padding: 20px 15px;
text-align: center;
width: 20%;
}
ul.e-list li img{
padding: 25px 25px;
border: 1px solid #e5e5e5;
box-shadow: 0px 0px 10px #e5e5e5;
}
ul.e-list li p {
font-family: 'museo_sans300', Arial, sans-serif;
text-shadow: 0px 0px 0px rgba(0,0,0,.35);
color: #000;
font-size: 18px;
line-height: 25px;
letter-spacing: 0.0125em;
font-weight: 400;
}
@media (max-width:767px) {
ul.ecomm-list li {
display: inline-block;
width: 100%;
margin: 25px 0px;
padding: 0px 50px;
border-bottom: 1px solid #e5e5e5;
text-align: center;
}
ul.ecomm-list li.first {
border-top: none;
}
ul.ecomm-list li.last {
border-bottom: none;
}
ul.e-list li {
display: inline-block;
margin: 5px 0px;
padding: 10px 15px;
text-align: center;
width: 100%;
}
ul.e-list li p {
font-size: 20px;
font-family: 'museo_sans300', Arial, sans-serif;
}
}
@media (min-width:768px) and (max-width:1023px) {
ul.ecomm-list li {
display: inline-block;
width: 24%;
margin: 25px 0px;
padding: 0px 25px;
border-left: 1px solid #e5e5e5;
text-align: center;
}
ul.e-list li {
display: inline-block;
margin: 10px 10px;
padding: 10px 15px;
text-align: center;
width: 45%;
}
ul.e-list li p {
font-size: 20px;
font-family: 'museo_sans300', Arial, sans-serif;
}
}
ul.ecomm-layout li {
display: inline-block;
margin: 25px 0px;
padding: 0px 30px;
width: 31.33333%;
text-align: center;
}
ul.ecomm-layout li p{
font-size: 25px;
font-family: 'museo_sans500', Arial, sans-serif;
color: #000;
}
ul.ecomm-layout li h3 {
font-size: 17px;
line-height: 25px;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000;
}
ul.seo-list li{
display: block;
font-size: 18px;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000;
}
ul.psd-layout li {
display: inline-block;
margin: 25px 0px;
padding: 0px 30px;
width: 31.33333%;
text-align: center;
border-right: 1px solid #d7d7d7;
}
ul.psd-layout li.last {
border-right: 0px solid #d7d7d7;
}
ul.psd-layout li p{
font-size: 17px;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000;
}
ul.e-layout li {
display: inline-block;
margin: 20px 10px;
padding: 0px 15px;
width: 30.33333%;
text-align: center;
}
ul.e-layout li img {
border: 10px solid #E8E8E8;
border-radius: 50%;
box-shadow: 0px 0px 5px #D8D8D8;
}
ul.e-layout li p{
font-size: 24px;
font-family: 'museo_sans500', Arial, sans-serif;
color: #000;
}
.host h2, .host h2 span {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 18px;
color: #000;
line-height: 30px;
text-align: center;
}
.border-right {
border-right: 1px solid #f5f5f5;
}
@media (max-width:767px) {
ul.ecomm-layout li {
display: inline-block;
width: 100%;
margin: 25px 0px;
padding: 0px 50px;
text-align: center;
}
ul.psd-layout li {
display: inline-block;
width: 100%;
margin: 25px 0px;
padding: 0px 50px;
text-align: center;
border-bottom: 1px solid #d7d7d7;
}
ul.psd-layout li.last {
border-bottom: 0px solid #d7d7d7;
}
ul.e-layout li {
display: inline-block;
margin: 20px 10px;
padding: 0px 15px;
width: 100%;
text-align: center;
}
ul.e-layout li p {
font-size: 20px;
font-family: 'museo_sans500', Arial, sans-serif;
color: #000;
}
}
@media (min-width:768px) and (max-width:1023px) {
ul.ecomm-layout li {
display: inline-block;
margin: 25px 0px;
padding: 0px 15px;
text-align: center;
}
ul.ecomm-layout li p{
font-size: 17px;
font-family: 'museo_sans500', Arial, sans-serif;
color: #000;
}
ul.e-layout li {
display: inline-block;
margin: 20px 10px;
padding: 0px 15px;
width: 28.33333%;
text-align: center;
}
ul.e-layout li p {
font-size: 15px;
font-family: 'museo_sans500', Arial, sans-serif;
color: #000;
font-weight: bold;
}
}
.ecom-scroll h1{
font-size: 27px;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000 !important;
letter-spacing: 1px;
}
.ecom-scroll h2{
font-size: 21px;
line-height: 30px;
font-family: 'museo_sans500', Arial, sans-serif;
color: #000 !important;
letter-spacing: 1px;
}
.ecom-scroll p{
font-size: 15px;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000 !important;
letter-spacing: 1px;
line-height: 25px;
text-align: justify;
}
@media (min-width:768px) and (max-width:1023px) {
.ecom-scroll h2{
font-size: 18px;
}
}
p.ecom {
padding: 0px 260px;
}
@media (max-width:767px) {
p.ecom {
padding: 0px 30px;
}
}
.swipe-slide-black h2 {
font-size: 25px;
font-family: 'museo_sans300', Arial, sans-serif;
line-height: 45px;
color: #000 !important;
letter-spacing: 1px;
}
.swipe-slide h2 {
font-size: 40px;
font-family: 'museo_sans300', Arial, sans-serif;
line-height: 52px;
color: #ffffff !important;
font-weight: 400;
letter-spacing: 1px;
}
@media(max-width:767px) {
.swipe-slide h2 {
font-size: 25px;
font-family: 'museo_sans300', Arial, sans-serif;
line-height: 35px;
color: #ffffff !important;
font-weight: 400;
letter-spacing: 1px;
}
}
@media(min-width:768px) and (max-width:1023px) {
.swipe-slide h2 {
font-size: 30px;
font-family: 'museo_sans300', Arial, sans-serif;
line-height: 42px;
color: #ffffff !important;
font-weight: 400;
letter-spacing: 1px;
}
}
@media(min-width:1024px) and (max-width:1077px) {
.swipe-slide h2 {
font-size: 30px;
font-family: 'museo_sans300', Arial, sans-serif;
line-height: 42px;
color: #ffffff !important;
font-weight: 400;
letter-spacing: 1px;
}
}
.swipe-slide p {
font-size: 18px;
font-family: 'museo_sans300', Arial, sans-serif;
line-height: 30px;
color: #ffffff;
letter-spacing: 1px;
}
.create {
font-size: 15px;
letter-spacing: 1px;
color: #000;
font-family: 'museo_sans300', Arial, sans-serif;
line-height: 28px;
}
.ecom-rb {
border-bottom: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
}
.ecom-rb-last {
border-bottom: 1px solid #ebebeb;
}
.ecom-rt {
border-right: 1px solid #ebebeb;
}
.ecom-rt-last {
border: none;
}
.ecom-rb p, .ecom-rb-last p, .ecom-rt p, .ecom-rt-last p {
font-size: 15px;
}
@media (max-width: 767px) {
.ecom-rb {
border-bottom: 1px solid #ebebeb;
text-align: center;
padding-top: 10px;
}
.ecom-rb-last {
border-bottom: 1px solid #ebebeb;
text-align: center;
padding-top: 10px;
}
.ecom-rt {
border-bottom: 1px solid #ebebeb;
text-align: center;
}
.ecom-rt-last {
text-align: center;
}
.ecom-rb p, .ecom-rb-last p, .ecom-rt p, .ecom-rt-last p {
text-align: justify;
}
}
.pi-container-i {
padding-right: 75px;
padding-left: 75px;
margin-right: auto;
margin-left: auto;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-top-80 {
padding-top: 80px;
}
.padding-top-100 {
padding-top: 100px;
}
@media(max-width:767px) {
.pi-container-i {
padding-right: 25px;
padding-left: 25px;
margin-right: auto;
margin-left: auto;
}
.padding-top-50 {
padding-top: 0px;
}
.padding-top-80 {
padding-top: 0px;
}
.padding-top-100 {
padding-top: 0px;
}
}
.pi-color-orange {
color: #f47721 !important;
}
.pi-color-blue {
color: #1b8ecd !important;
}
.arrow-left {
background-image: url("../img/ecom/arrow-right.png") !important;
right: 10px;
left: auto;
}
.arrow-right {
background-image: url("../img/ecom/arrow-left.png") !important;
right: 10px;
left: auto;
}
.nomargin-bottom {
margin-bottom: 0px !important;
}
.size-65 {
font-size: 65px;
}
p.client-color {
color: #000 !important;
}
img.logo-grayscale {
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
filter: grayscale(100%);
}
img.logo-grayscale:hover {
-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
filter: grayscale(0%);
}
.slick-center img.logo-grayscale {
-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
filter: grayscale(0%);
}
:focus {
outline: 0;
}
@media (max-width:767px) {
.email-header {
font-size: 45px;
}
}
.line-height-50 {
line-height: 50px;
}
.bordercolor {
border-width:1px;
border-color:#f47721 !important;
border-style:solid;
border-radius: 0px ;
}
.body h2{font-size:40px;}
.size-45 {
font-size: 45px;
}
.dedicate h2 {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 20px;
line-height: 24px;
}
.dedicate h3 {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 15px;
line-height: 20px;
}
/* Email Sample newsletter */
ul.email-sample li {
display: inline-block;
width: 252px;
height: 333px;
padding: 10px;
float: left;
border: 1px solid #f1f1f1;
border-radius: 5px;
margin: 10px;
}
ul.email-sample li img{
border: 1px solid #f1f1f1;
}
.image-wrapper {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
text-align: center;
border-radius: 4px;
}
.image-overlay-content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.overlay-fade-in p {
letter-spacing: 0.15em;
color: #f4f4f4;
font-size: 28px;
opacity: 0;
transition: all 0.2s linear;
}
.overlay-fade-in img {
transition: all 0.2s linear;
}
.overlay-fade-in .image-overlay-content {
opacity: 0;
background-color: rgba(244, 119, 33, 0.7);
transition: all 0.4s ease-in-out;
}
.overlay-fade-in .button {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #fff;
color: #111;
text-transform: uppercase;
box-shadow: 0 0 1px #000;
border-radius: 3px;
position: relative;
opacity: 0;
margin-top: 50%;
transition: all 0.2s ease-in-out;
}
.overlay-fade-in .button:hover {
box-shadow: 0 0 5px #000;
}
.overlay-fade-in:hover img {
transform: scale(1.2);
}
.overlay-fade-in:hover .image-overlay-content {
opacity: 1;
}
.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button {
opacity: 1;
}
.overlay-fade-in:hover p {
transition-delay: 0.1s;
}
.overlay-fade-in:hover .button {
transition-delay: 0.2s;
}
.happy {
font-family: 'museo_sans500', sans-serif;
font-size: 43px;
color: #f4e711;
font-weight: bold;
}
.shadow-center {
text-shadow: 4px 0px 5px #141414;
text-align: center;
color: #fff !important;
font-family:'museo_sans300',sans-serif;
font-weight: 400;
}
p.contact {
font-family: 'museo_sans300';
color: #000 !important;
text-shadow: 0px 0px 0px #141414;
font-size: 15px;
}
ul.call-to-action li{
display: inline-block;
padding: 10px;
font-family: 'museo_sans500', Arial, sans-serif;
font-weight: 400;
}
ul.call-to-action li div.pi-img-w {
border-right: 1px solid #111;
margin-right: -12px;
}
@media(max-width:767px) {
ul.call-to-action li div.pi-img-w {
border-right: 0px solid #111;
border-bottom: 1px solid #111;
}
ul.call-to-action li div.pi-img-w img {
padding-bottom: 10px;
}
}
ul.call-to-action li div.pi-img-w.last{
border-right: 0px solid #e8e8e8;
}
ul.call-to-action li a {
font-size: 14px;
color: #000;
font-family: 'museo_sans500', Arial, sans-serif;
font-weight: 400;
}
ul.call-to-action li a:hover {
color: #f47721;
}
@media (min-width:768px) and (max-width: 1023px) {
ul.call-to-action li {
width: 32%;
padding: 0px;
}
ul.call-to-action li h3 {
font-size: 14px;
}
ul.call-to-action li a {
font-size: 9px;
}
ul.call-to-action li div.pi-img-w img {
width: 20%;
}
}
@media (max-width: 767px) {
.shadow-center {
text-shadow: none;
text-align: center;
color: #000 !important;
font-family:'Museo-300',sans-serif;
font-weight: 400;
}
ul.call-to-action li{
display: block;
padding: 12px;
}
}
#pi-plan {
background-image: url(../img/ui-ux/plan.png);
background-repeat: no-repeat;
background-origin: content-box;
}
#pi-container {
height: 400px;
width: 582px;
position: relative;
}
#pi-text-i {
z-index: 100;
position: absolute;
color: #627987;
font-size: 24px;
font-weight: 400;
padding-left: 105px;
padding-right: 25px;
top: 60px;
}
#pi-text-p {
z-index: 100;
position: absolute;
color: #627987;
padding-left: 20px;
padding-right: 25px;
top: 100px;
text-align: center;
margin-top: 10px;
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
.pi-email-nl {
font-size: 55px;
line-height: normal;
}
@media (max-width:767px) {
.pi-email-nl {
font-size: 26px;
}
}
/* Newsletter Templates */
.line-height-h1 {
line-height: 80px;
}
@media (max-width: 767px) {
.header-text {
font-size: 50px;
line-height: 55px;
}
}
.pi-text-shadow {
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.h1-hero-1 {
font-size: 65px;
line-height: 65px;
}
@media (max-width: 767px) {
.h1-hero-1 {
font-size: 45px;
line-height: 50px;
}
}
.footer-address {
display: inline-block;
position: absolute;
line-height: 20px;
}
ul.address-footer li{
display: block;
padding: 5px 0px;
}
ul.address-footer li img {
margin-right: 5px;
}
@media(min-width:768px) and (max-width:1023px) {
ul.address-footer li span a {
font-size: 12px;
}
}
@media(max-width:767px) {
ul.address-footer li span a {
font-size: 12px !important;
}
}
ul.footer-service li{
display: block;
padding: 0px;
}
ul.footer-service li a{
font-family: 'museo_sans500', Arial, sans-serif;
font-weight: 400;
}
.footer-separator {
background: url(../img/footer.png) right no-repeat;
}
.museosans-100 {
font-family: 'museo_sans100', Arial, sans-serif;
color: #000 !important;
font-weight: 400;
}
.museosans-100-white {
font-family: 'museo_sans100', Arial, sans-serif;
color: #fff !important;
font-weight: 400;
}
.museosans-300 {
font-family: 'museo_sans300', Arial, sans-serif;
color: #000 !important;
font-weight: 400;
}
.museosans-300-white {
font-family: 'museo_sans300', Arial, sans-serif;
color: #fff !important;
font-weight: 400;
}
.museosans-500 {
font-family: 'museo_sans500', Arial, sans-serif;
color: #000 !important;
font-weight: 400;
}
.museosans-500-white {
font-family: 'museo_sans500', Arial, sans-serif;
color: #fff !important;
font-weight: 400;
}
.tab-height {
height: auto !important;
}
.accordian-tab {
border: 1px solid #e5e5e5!important;
background: #fff !important;
padding: 10px !important;
margin-bottom: 10px !important;
text-align: left !important;
font-size: 25px !important;
font-family: 'museo_sans300', Arial, sans-serif;
}
.accordian-merchant-tab {
border: 1px solid #e5e5e5!important;
background: #fff !important;
padding: 10px !important;
margin-bottom: 10px !important;
text-align: left !important;
font-size: 19px !important;
font-family: 'museo_sans500', Arial, sans-serif;
}
.accordian-tab span img, .accordian-merchant-tab span img {
margin-right: 20px;
}
.padding-top-20 {
padding-top: 20px;
}
@media (min-width:768px) and (max-width:1023px) {
.padding-top-20 {
padding-top: 0px;
}
.accordian-tab {
font-size: 17px !important;
font-family: 'museo_sans500', Arial, sans-serif;
}
.accordian-tab span.a-tab img {
width: 12%;
}
}
ul.tab li {
text-align: left;
font-size: 17px !important;
font-family: 'museo_sans300', Arial, sans-serif;
font-weight: 400;
line-height: 30px;
}
.nomargin-top {
margin-top: 0px !important;
}
.bg-white {
border: 1px solid #e5e5e5 !important;
}
.size-45 {
font-size: 45px;
}
.padding-30 {
padding:30px;
}
.padding-50 {
padding: 50px;
}
.padding-40 {
padding: 20px 40px;
}
.line-height-60 {
line-height: 60px !important;
}
.line-height-65 {
line-height: 65px !important;
}
@media(max-width:767px) {
.line-height-60 {
line-height: auto;
}
.line-height-65 {
line-height: auto;
}
}
.header-title {
font-size: 38px;
line-height: 50px;
color: #000;
font-family: 'museo_sans300',Arial, sans-serif;
font-weight: 400;
letter-spacing: 0;
}
p.header-desc {
font-size: 20px;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000 !important;
font-weight: 400;
}
.sub-head-white {
font-size: 45px;
line-height: 65px;
color: #fff !important;
font-family: 'museo_sans300',Arial, sans-serif;
font-weight: 400;
}
p.sub-head-white {
font-size: 17px;
line-height: 33px;
color: #fff !important;
font-family: 'museo_sans500',Arial, sans-serif;
font-weight: 400;
}
.sub-head {
font-size: 45px;
line-height: 65px;
color: #000 !important;
font-family: 'museo_sans300',Arial, sans-serif;
font-weight: 100;
}
p.sub-head {
font-size: 17px;
line-height: 33px;
color: #000 !important;
font-family: 'museo_sans500',Arial, sans-serif;
font-weight: 100;
}
@media(max-width:767px) {
.sub-head-white {
font-size: 28px;
line-height: 35px;
color: #fff !important;
font-family: 'museo_sans300',Arial, sans-serif;
font-weight: 400;
}
.sub-head {
font-size: 25px;
line-height: 35px;
color: #000 !important;
font-family: 'museo_sans500',Arial, sans-serif;
font-weight: 400;
}
p.sub-head {
font-size: 15px;
line-height: 28px;
}
.footer-separator {
background: none;
}
}
@media (min-width:768px) and (max-width:1023px) {
.sub-head-white {
font-size: 28px;
line-height: 35px;
color: #fff !important;
font-family: 'museo_sans300',Arial, sans-serif;
font-weight: 400;
}
.sub-head {
font-size: 30px;
line-height: 40px;
color: #000 !important;
font-family: 'museo_sans500',Arial, sans-serif;
font-weight: 400;
text-align: center;
}
p.sub-head {
font-size: 14px;
line-height: 33px;
color: #000 !important;
font-family: 'museo_sans300',Arial, sans-serif;
font-weight: 100;
}
}
.notext-shadow {
text-shadow: none !important;
}
.pi-btn-testimonial {
background: transparent;
color: #fff !important;
font-size: 22px;
font-family: 'museo_sans300', Arial, sans-serif;
padding: 15px 30px;
border-radius: 0px;
font-weight: 500;
border: 1px solid #fff;
}
.pi-btn-testimonial:hover {
background: #f47721;
border: 1px solid #f47721;
}
.call-to-action {
font-family: 'museo_sans300', Arial, sans-serif;
font-weight: 400;
}
.allinone-carousal_height {
margin-top: 40px !important;
height: 450px !important;
width: 1030px;
}
.allinone_carousel {
width: 1030px !important;
height: 550px !important;
}
.contentHolder {
width: 1030px !important;
height: 530px !important;
}
.pi-letter-spacing-0 {
letter-spacing: 0;
}
.pi-letter-spacing-h {
letter-spacing: 0.0225em;
}
.header-width {
max-width: 1200px;
}
.padding-0 {
padding: 0;
}
.head-title {
font-size: 55px;
line-height: 70px;
padding: 0 60px;
font-weight: 600;
font-family: 'museo_sans300', Arial, sans-serif;
}
p.head-title {
font-size: 20px;
line-height: 30px;
padding: 0 30px;
font-weight: 400;
font-family: 'museo_sans300', Arial, sans-serif;
}
.content-head {
font-size: 40px;
line-height: 60px;
font-weight: 400;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000000 !important;
}
p.content-head {
font-size: 16px;
line-height: 30px;
font-weight: 400;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000000 !important;
}
.content-head-white {
font-size: 30px;
line-height: 60px;
font-weight: 400;
font-family: 'museo_sans300', Arial, sans-serif;
color: #ffffff !important;
}
.margin-top-100 {
margin-top: 100px;
}
@media(max-width: 767px) {
.head-title {
font-size: 25px;
line-height: 35px;
padding: 0 10px;
font-weight: 600;
font-family: 'museo_sans300', Arial, sans-serif;
}
p.head-title {
font-size: 20px;
line-height: 30px;
padding: 0 15px;
font-weight: 400;
font-family: 'museo_sans300', Arial, sans-serif;
}
.content-head {
font-size: 30px;
}
.content-head-white {
font-size: 30px;
line-height: 50px;
}
}
@media (min-width: 768px) and (max-width:1023px) {
.head-title {
font-size: 38px;
line-height: 55px;
padding: 0 10px;
font-weight: 600;
font-family: 'museo_sans300', Arial, sans-serif;
}
p.head-title {
font-size: 20px;
line-height: 30px;
padding: 0 15px;
font-weight: 400;
font-family: 'museo_sans300', Arial, sans-serif;
}
.content-head {
font-size: 30px;
line-height: 50px;
font-weight: 400;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000000 !important;
}
.content-head-white {
font-size: 30px;
line-height: 50px;
}
.margin-top-100 {
margin-top: 50px;
}
}
.pi-border-line {
background: url(../img/index/line.png) center no-repeat;
height: 3px;
}
.pi-border-line-black {
background: url(../img/testimonial/line.png) center no-repeat;
height: 1px;
}
p.sub-desc {
font-size: 17px;
line-height: 33px;
color: #000 !important;
font-family: 'museo_sans300',Arial, sans-serif;
font-weight: 400;
}
.home-tab {
border: 1px solid #e5e5e5 !important;
background: #ffffff !important;
padding: 10px 20px !important;
margin-bottom: 10px !important;
text-align: left !important;
font-size: 16px !important;
font-family: 'museo_sans500', Arial, sans-serif;
}
.home-tab span img {
padding-right: 20px;
}
@media(max-width:767px) {
.home-tab {
padding: 10px 14px !important;
}
.home-tab span img {
padding-right: 5px;
}
.home-tab span img.arrow-img {
width: 20px;
}
}
.bg-white-border {
border: 1px solid #e5e5e5 !important;
padding: 15px 0px !important;
}
.bg-white-border p {
font-size: 15px;
font-family: 'museo_sans300', Arial, sans-serif;
}
.pi-btn-orange-small {
background: #f47721 none repeat scroll 0% 0%;
color: #fff !important;
font-size: 15px;
font-family: 'museo_sans500', Arial, sans-serif;
padding: 10px 20px;
border-radius: 0px;
font-weight: 500;
}
.pi-btn-orange-small:hover {
background: #db6a1c none repeat scroll 0% 0%;
}
.pi-btn-orange-big {
background: #f47721 none repeat scroll 0% 0%;
color: #fff !important;
font-size: 23px;
font-family: 'museo_sans500', Arial, sans-serif;
padding: 15px 20px;
border-radius: 0px;
font-weight: 500;
}
.pi-btn-orange-big:hover {
background: #db6a1c none repeat scroll 0% 0%;
}
.pi-btn-orange-bordered {
background: transparent;
color: #fff !important;
font-size: 15px;
font-family: 'museo_sans500', Arial, sans-serif;
padding: 10px 20px;
border-radius: 0px;
font-weight: 500;
border: 1px solid #fff;
}
.pi-btn-orange-bordered:hover {
background: #f47721 none repeat scroll 0% 0%;
border: 1px solid #f47721;
}
.blog-head {
font-size: 30px;
line-height: 45px;
color: #000 !important;
font-family: 'museo_sans300',Arial, sans-serif;
font-weight: 400;
}
p.blog-head {
font-size: 16px;
line-height: 30px;
color: #000 !important;
font-family: 'museo_sans300',Arial, sans-serif;
font-weight: 400;
}
.pi-border-left {
border-left: 1px solid #ebebeb;
}
.pi-blog-left {
margin-left: 50px;
padding-left: 50px;
}
@media(max-width:767px) {
.blog-head {
font-size: 25px;
line-height: 32px;
}
.pi-border-left {
border-left: 0px solid #ebebeb;
}
.pi-blog-left {
margin-left: 0px;
padding-left: 15px;
}
}
@media (min-width:768px) and (max-width:1023px) {
.pi-blog-left {
margin-left: 0px;
padding-left: 10px;
}
}
.pi-border-bottom-1 {
border-bottom: 1px solid #ebebeb;
}
.pi-genius-border {
background: url(../img/index/genius-border.png) center no-repeat;
height: 18px;
}
.pi-team-border {
background: url(../img/index/line.png) center no-repeat;
height: 1px;
margin: 20px 0px;
}
.pi-border-right {
border-right: 1px solid #f47721;
}
pi-testimonial-author-photo {
width: 100%;
}
.pi-testimonial-author-photo span{
display: inline-block;
margin: 0px 5px 0px;
vertical-align: bottom;
}
.pi-client-name {
font-family: 'museo_sans500', Arial, sans-serif;
font-weight: 500;
font-size: 18px;
color: #384047;
margin-bottom:5px;
line-height: 20px;
}
.pi-designation {
font-family: 'museo_sans300', Arial, sans-serif;
font-weight: 400;
font-size: 14px;
color: #7e9096;
margin: 0;
line-height: 20px;
}
.pi-designation span {
margin: 0;
color: #5173bd;
}
.pi-testimonial-wrapper {
border: 1px solid #dfdfdf;
padding: 50px;
text-align: center;
vertical-align: middle;
margin-top: 30px;
height: 190px;
}
.pi-testimonial-grey-wrapper {
border: 1px solid #dfdfdf;
padding: 20px;
background: #f7f7f7;
vertical-align: middle;
font-family: 'museo_sans300', Arial, sans-serif;
margin-top: 30px;
text-align: left;
color: #252934;
font-style: italic;
height: 190px;
overflow-y:scroll;
}
.pi-testimonial-grey-wrapper p {
font-size: 16px;
line-height: 27px;
display: inline-block;
margin-left: 50px;
margin-top: -15px;
}
.pi-tab-head h2 {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 35px;
font-weight: 400;
line-height: 40px;
color: #000000;
}
.pi-tab-head p {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 25px;
color: #000000;
}
.pi-content-head {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 50px;
color: #000000;
}
p.pi-content-head {
font-size: 17px;
font-weight: 400;
line-height: 25px;
color: #000000;
letter-spacing: 1px;
}
p.pi-content-head-white {
font-size: 17px;
font-weight: 400;
line-height: 25px;
color: #fff;
letter-spacing: 1px;
}
.pi-block-head h1 {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 40px;
color: #000;
}
.pi-block-head h2 {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 40px;
color: #fff;
}
.pi-block-head h3 {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 40px;
color: #000 !important;
}
.pi-block-head h4 {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 40px;
color: #000000;
}
.pi-block-head p {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 25px;
color: #fff;
}
.pi-block-head.tab h2 {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 40px;
color: #000;
}
.pi-block-head p.tab {
font-size: 17px;
color: #000;
}
.pi-block-head p.black {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 25px;
color: #000;
}
.pi-block-head h1.pi-b2b-head {
font-family: 'museo_sans500', Arial, sans-serif;
}
.pi-margin-bottom-45 {
margin-bottom: 45px;
}
.pi-call-to-psd {
font-size: 42px;
line-height: 62px;
color: #fff !important;
font-family: 'museo_sans300',Arial, sans-serif;
font-weight: 400;
text-align: left;
}
.pi-psd-call {
font-size: 75px;
margin-top: 10px;
font-family: 'museo_sans500', Arial, sans-serif;
line-height:80px;
}
@media(max-width:1077px) {
.pi-call-to-psd {
font-size: 30px;
}
.pi-psd-call {
font-size: 40px;
}
.pi-btn-black.pi-btn-no-border {
font-size: 17px;
}
.h1-hero {
font-size: 30px;
}
}
.size-30 {
font-size: 30px;
}
.size-50 {
font-size: 50px;
}
.pi-padding-left-0 {
padding-left: 0px;
}
.pi-nopadding-right {
padding-right: 0px;
}
.pi-nopadding-left {
padding-left: 0px;
}
.nopadding-right {
padding-right: 0px;
}
.nopadding-left {
padding-left: 0px;
}
.nopadding {
padding-right: 0px;
padding-left: 0px;
}
@media(max-width:767px) {
.nopadding {
padding-right: 15px;
padding-left: 15px;
}
.nopadding-right {
padding-right: 15px;
}
.nopadding-left {
padding-left: 15px;
}
}
.pi-case-study-p {
font-size: 15px;
line-height: 30px;
font-weight: 400;
text-align: justify;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000000 !important;
}
.padding-case {
padding: 0 50px 20px;
}
.framing-bg {
background-image: url('img/blessing-tv/table.png');
height:443px;
display: block;
}
@media(max-width:767px) {
.framing-bg {
background-image: none;
}
}
.pi-padding-bottom-29 {
padding-bottom: 29px;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}
@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
-moz-appearance: none !important;
background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
-moz-appearance: none !important;
background-color: rgb(0,0,255) !important;
}
thumb:hover,scrollbarbutton:hover {
-moz-appearance: none !important;
background-color: rgb(255,0,0) !important;
}
scrollbarbutton {
display: none !important;
}
scrollbar[orient="vertical"] {
min-width: 15px !important;
}
}
/* Portfoliio */
ul.portfolio-list {
border: 1px solid #000;
width: 877px;
margin-left: 10%;
}
ul.portfolio-list li {
display: inline-block;
font-family: 'museo_sans300', Arial, sans-serif;
margin: 0;
border-right: 1px solid #000;
background: #fff;
}
ul.portfolio-list li.last {
border-right: 0px;
}
ul.portfolio-list li:hover {
background: #4a4a4a;
color: #f47721;
}
ul.portfolio-list li a {
font-size: 15px;
color: #000;
padding: 5px 25px;
text-decoration: none;
}
ul.portfolio-list li a:hover {
color: #f47721;
}
@media(max-width:767px) {
ul.portfolio-list {
width: auto;
margin: 5%;
}
ul.portfolio-list li {
display: block;
text-align: center;
border-right: 0px solid #000;
border-bottom: 1px solid #000;
}
ul.portfolio-list li.last {
border-bottom: 0px solid #000;
}
}
.item {
display: block;
position: relative;
width: 100%;
height: 100%;
padding: 40% 0;
background-color: #fff;
color: #000;
background-position: center center;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
transition: all.400s;
}
.item:hover:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
}
.diamondswrap {
text-align: center;
padding: 50px 20px 100px 20px;
}
.diamond-box-inner .image-overlay-content {
opacity: 0;
background: url(../img/portfolio/overlay-bg.png) center no-repeat;
transition: all 0.2s ease-in-out;
background-position: -20px -43px;
}
.diamond-box-inner.overlay-fade-in:hover a {
transform: scale(1.2);
}
.diamond-box-inner.overlay-fade-in a {
transition: all 0.2s linear;
}
.image-overlay-content a.overlay-content {
display: inline-block;
color: #fff !important;
position: relative;
opacity: 1;
margin-top: 50%;
font-size: 18px;
font-family: 'museo_sans300', Arial, sans-serif;
font-weight: 400;
}
.portfolio-separator {
background: url(../img/portfolio/separator.png) center no-repeat;
height: 10px;
}
/* Diamond Wrap */
.diamonds {
text-align: center;
overflow: visible;
white-space: nowrap;
display: inline-block;
}
.diamond-row-wrap {
text-align: center;
position: relative;
float: left;
clear: both;
}
.diamond-row-upper, .diamond-row-lower {
overflow: visible;
clear: both;
width: 100%;
}
.diamond-row-lower {
position: absolute;
bottom: 0;
}
.diamond-row-lower .diamond-box {
margin-left: 64.644660941%; /* 0.5 + 1 / sqrt(2) / 2 */
margin-top: 64.644660941%;
}
@media(max-width:1025px) {
.diamond-row-lower .diamond-box {
margin: 14.644660941%; /* 0.5 + 1 / sqrt(2) / 2 */
}
}
.diamond-box-wrap {
float: left;
width: 350px; /* Size of diamonds */
height: 350px;
}
@media (min-width:1024px) and (max-width:1077px) {
.diamond-box-wrap {
float: left;
width: 320px;
height: 320px;
}
}
@media (max-width:767px) {
.diamond-box-wrap {
float: left;
width: 300px; /* Size of diamonds */
height: 300px;
}
}
.diamond-box {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
position: relative;
z-index: 1;
width: 70.710678118%; /* x = sqrt(x^2 / 2) = 1 / sqrt(2) = 0.70710678118 */
height: 70.710678118%;
margin: 14.644660941%;
border: 8px solid transparent;
}
.diamond-box-inner {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 141.421356237%; /* sqrt(2) */
height: 141.421356237%;
margin: -20.7106781185% 0 0 -20.7106781185%; /* (1 - sqrt(2)) / 2 */
}
/* lightbox */
.lb-overlay{
width: 0px;
height: 0px;
position: fixed;
overflow: scroll;
left: 0px;
top: 0px;
padding: 0px;
z-index: 999999999;
text-align: center;
background: rgba(0, 0, 0, 0.5);
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.56) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.56)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.56) 0%,rgba(0,0,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.56) 0%,rgba(0,0,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.56) 0%,rgba(0,0,0,1) 100%);
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.56) 0%,rgba(0,0,0,1) 100%);
}
.lb-overlay > div{
position: relative;
color: rgba(27,54,81,0.8);
opacity: 0;
filter: alpha(opacity=0); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
width: auto;
margin: 10px auto 0px auto;
text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
-webkit-transition: opacity 0.3s linear 1.3s;
-moz-transition: opacity 0.3s linear 1.3s;
-o-transition: opacity 0.3s linear 1.3s;
-ms-transition: opacity 0.3s linear 1.3s;
transition: opacity 0.3s linear 1.3s;
}
.lb-overlay div h3,
.lb-overlay div p{
padding: 0px 20px;
width: 200px;
height: 60px;
}
.lb-overlay div h3{
font-size: 36px;
float: left;
text-align: right;
border-right: 1px solid rgba(27,54,81,0.4);
}
.lb-overlay div h3 span,
.lb-overlay div p{
font-size: 16px;
font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
font-style: italic;
}
.lb-overlay div h3 span{
display: block;
line-height: 6px;
}
.lb-overlay div p{
text-align: left;
float: left;
width: 260px;
}
.lb-overlay a.lb-close{
background: rgba(27,54,81,0.8);
z-index: 1001;
color: #fff;
position: fixed;
top: 10px;
left: 89%;
font-size: 15px;
line-height: 26px;
text-align: center;
width: 100px;
height: 23px;
overflow: hidden;
padding: 0px 10px;
opacity: 0;
filter: alpha(opacity=0); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-webkit-transition: opacity 0.3s linear 1.2s;
-moz-transition: opacity 0.3s linear 1.2s;
-o-transition: opacity 0.3s linear 1.2s;
-ms-transition: opacity 0.3s linear 1.2s;
transition: opacity 0.3s linear 1.2s;
}
.lb-overlay img{
/* height: 100%; For Opera max-height does not seem to work */
height: 100%;
position: relative;
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}
.lb-overlay:target {
width: auto;
height: auto;
bottom: 0px;
right: 0px;
padding: 0px 0px 0px 0px;
}
.lb-overlay:target img {
-webkit-animation: fadeInScale 1.2s ease-in-out;
-moz-animation: fadeInScale 1.2s ease-in-out;
-o-animation: fadeInScale 1.2s ease-in-out;
-ms-animation: fadeInScale 1.2s ease-in-out;
animation: fadeInScale 1.2s ease-in-out;
height: auto;
}
@media(max-width:767px) {
.lb-overlay:target img {
width: 100%;
-webkit-animation: fadeInScale 1.2s ease-in-out;
-moz-animation: fadeInScale 1.2s ease-in-out;
-o-animation: fadeInScale 1.2s ease-in-out;
-ms-animation: fadeInScale 1.2s ease-in-out;
animation: fadeInScale 1.2s ease-in-out;
}
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
opacity: 1;
filter: alpha(opacity=99); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes fadeInScale {
0% { -webkit-transform: scale(0.6); opacity: 0; }
100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes fadeInScale {
0% { -moz-transform: scale(0.6); opacity: 0; }
100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes fadeInScale {
0% { -o-transform: scale(0.6); opacity: 0; }
100% { -o-transform: scale(1); opacity: 1; }
}
@-ms-keyframes fadeInScale {
0% { -ms-transform: scale(0.6); opacity: 0; }
100% { -ms-transform: scale(1); opacity: 1; }
}
@keyframes fadeInScale {
0% { transform: scale(0.6); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}
/*
100% Height for Opera as the max-height seems to be ignored, not optimal for large screens
http://bricss.net/post/11230266445/css-hack-to-target-opera
*/
x:-o-prefocus, .lb-overlay img {
height: 100%;
}
.pi-padding-top-200 {
padding-top: 200px;
}
.seo-line-bg {
background: url(../img/digital-marketing/lines-bg.png) no-repeat;
background-position: 120px 32px;
}
.margin-top-110 {
margin-top: 110px;
}
@media (min-width:768px) and (max-width:1023px) {
.seo-line-bg {
background: none;
}
ul.seo-tab li a {
font-size: 14px;
color: #000;
padding: 10px 30px;
}
}
@media(max-width:767px) {
.seo-line-bg {
background: none;
}
.margin-top-110 {
margin-top: 10px;
}
}
.ecom-head {
font-size: 35px;
line-height: 50px;
font-weight: 400;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000000 !important;
}
p.ecom-head {
font-size: 17px;
line-height: 30px;
font-weight: 400;
font-family: 'museo_sans300', Arial, sans-serif;
color: #000000 !important;
}
@media(max-width:767px) {
.ecom-head {
font-size: 23px;
line-height: 35px;
font-family: 'museo_sans500', Arial, sans-serif;
}
p.ecom-head {
font-size: 15px;
line-height: 25px;
}
}
@media(min-width:768px) and (max-width:1023px) {
.ecom-head {
font-size: 23px;
line-height: 35px;
font-family: 'museo_sans500', Arial, sans-serif;
}
p.ecom-head {
font-size: 15px;
line-height: 25px;
}
}
div.row.pricetable-container {
padding: 0 15px;
}
div.price-table {
background: rgba(0,0,0,0.03);
margin: 30px 0;
text-align: center;
padding-bottom: 30px;
border-left: #fff 1px solid;
}
div.price-table h3 {
font-size: 21px;
line-height: 25px;
padding: 15px 0;
color: #fff;
font-family: 'museo_sans500', Arial, sans-serif;
border-bottom: rgba(0,0,0,0.1) 2px solid;
text-transform: capitalize;
font-weight: 300;
background: #78cdd4;
}
div.price-table p {
color: #666;
font-size: 18px;
line-height: 25px;
padding: 15px 0;
font-weight: 400;
width: 150px;
height: 150px;
padding-top: 53px;
display: inline-block;
background-color: rgba(0,0,0,0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-top: 0;
}
div.price-table ul {
margin: 0;
padding: 0;
}
div.price-table ul li {
list-style: none;
font-size: 12px;
border-bottom: rgba(0,0,0,0.1) 1px dashed;
padding: 8px;
text-transform: uppercase;
}
.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th {
position: relative;
min-height: 1px;
padding-right: 6px;
padding-left: 6px;
padding-top: 6px;
width: 20%;
float: left;
border-radius: 5px;
}
.col-md-5th {
width: 20%;
float: left;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
.table-bordered {
border: 1px solid #ddd;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border: 1px solid #ddd;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
padding: 15px;
line-height: 1.42857143;
vertical-align: top;
border-top: 2px solid #ddd;
text-align: center;
font-weight: 400;
}
table.table-vertical-middle td {
vertical-align: middle !important;
}
.table-header {
background:#78cdd4;
font-size: 22px;
color: #fff;
font-weight: 400;
font-family: 'museo_sans500';
}
.table-data>tr>td {
color: #000;
font-size: 16px;
padding: 10px 0px;
}
.small-head {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 20px;
line-height: 32px;
font-weight: 400;
color: #000 !important;
}
ul.nurture li {
display: block;
color: #000 !important;
font-size: 17px;
font-style: italic;
}
.ecomm-features-tab ul li a{
font-size: 20px;
color: #000 !important;
font-family: 'museo_sans300';
}
.sprite {
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
}
.sprite.tab-arrow {
background-position: -40px -87px;
width: 23px;
height: 18px;
display: inline-block;
margin-right: -60px;
float: right;
}
.sprite.arrow-border {
background-position: -17px -190px;
width: 100%;
height: 38px;
display: block;
}
.sprite.call {
background-position: -80px -83px;
width: 30px;
height: 25px;
display: inline-block;
margin-left: 0px;
margin-right: 10px;
}
.sprite.email {
background-position: -363px -88px;
width: 50px;
height: 44px;
display: inline-block;
}
.sprite.skype {
background-position: -275px -88px;
width: 51px;
height: 51px;
display: inline-block;
}
.sprite.location {
background-position: -199px -91px;
width: 55px;
height: 45px;
display: inline-block;
}
.sprite.location-2 {
background-position: -130px -91px;
width: 55px;
height: 45px;
display: inline-block;
}
.merchant-sprite {
background-image: url(../img/merchant-features/merchant-sprite.png);
background-repeat: no-repeat;
}
.merchant-sprite.store {
background-position: 0px 0px;
width: 100%;
height: 220px;
display: block;
}
.merchant-sprite.g-box {
background-position: -353px -150px;
width: 46%;
height: 220px;
display: inline-block;
}
.merchant-sprite.g-box-2 {
background-position: -365px 50px;
width: 52%;
height: 220px;
display: inline-block;
}
.merchant-sprite.location {
background-position: 20px -207px;
width: 100%;
height: 220px;
display: block;
}
.merchant-sprite.analytic {
background-position: -6px -440px;
width: 100%;
height: 169px;
display: block;
}
@media (min-width:768px) and (max-width:1023px) {
.ecomm-features-tab ul li a{
font-size: 17px;
color: #000 !important;
font-family: 'museo_sans300';
}
.sprite.tab-arrow {
background-position: -40px -87px;
width: 23px;
height: 18px;
display: inline-block;
margin-right: 0px;
float: right;
}
}
.btn-orange-features {
background: #f47721;
color: #fff !important;
font-size: 18px;
font-family: 'museo_sans500', Arial, sans-serif;
padding: 12px 30px;
border-radius: 4px;
font-weight: 500;
text-shadow: 1px 1px 1px #909090;
text-transform: uppercase;
}
.btn-orange-features:hover {
background: #E26108;
}
.pi-btn-orange-bordered-black {
background: transparent;
color: #6B3A06 !important;
font-size: 18px;
font-family: 'museo_sans500', Arial, sans-serif;
padding: 12px 25px;
border-radius: 3px;
font-weight: 400;
border: 1px solid #6B3A06;
}
.pi-btn-orange-bordered-black:hover {
background: #FD9628;
color: #FFFFFF !important;
}
@media (min-width:768px) and (max-width:1023px) {
.btn-orange-features {
background: #f47721;
color: #fff !important;
font-size: 15px;
font-family: 'museo_sans500', Arial, sans-serif;
padding: 12px 30px;
border-radius: 4px;
font-weight: 500;
text-shadow: 1px 1px 1px #909090;
text-transform: uppercase;
}
.pi-btn-orange-bordered-black {
background: transparent;
color: #4c4c4c !important;
font-size: 16px;
font-family: 'museo_sans500', Arial, sans-serif;
padding: 12px 25px;
border-radius: 3px;
font-weight: 400;
border: 3px solid #4c4c4c;
box-shadow: 0px 2px 0px #757575;
}
}
.pi-bold {
font-weight: 600 !important;
}
.merchant-bg {
background-image: url(../img/ecommerce-features/m-bg.png);
background-repeat: no-repeat;
height: 180px;
}
.merchant-bg.spliter {
background-position: 106px 0px;
}
ul.ecom-feature-list li{
display: inline-block;
width: 24.5%;
border-right: 1px solid #f1f1f1;
text-align: center;
}
ul.ecom-feature-list li.last {
border-right: 0px solid #f1f;
}
ul.ecom-feature-list li h2{
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 20px;
color: #000;
}
ul.ecom-feature-list li p{
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 17px;
color: #000;
}
.bg-white-text{
font-size: 27px;
line-height: 35px;
color: #fff;
}
.bg-orange-text{
font-size: 27px;
line-height: 35px;
color: #f47721;
}
ul.shopping-wrapper li {
display: inline-block;
width: 24%;
padding: 10px;
text-align: center;
float: left;
}
ul.digital-wrapper li {
display: inline-block;
width: 33.3333333336%;
padding: 10px;
text-align: center;
float: left;
}
ul.shipping-wrapper li {
display: inline-block;
width: 50%;
padding: 10px;
text-align: center;
float: left;
padding-top: 0;
margin-top: 0;
}
.padding-bottom-58 {
padding-bottom: 58px;
}
.padding-bottom-28 {
padding-bottom: 28px;
}
@media (max-width:767px) {
ul.shopping-wrapper li {
display: block;
width: 100%;
}
ul.shipping-wrapper li {
display: block;
width: 100%;
}
ul.digital-wrapper li {
display: block;
width: 100%;
}
.padding-bottom-58 {
padding-bottom: 0px;
}
.padding-bottom-28 {
padding-bottom: 0px;
}
}
@media (min-width:768px) and (max-width:1023px) {
.pi-col-sm-5.col-b2b {
width: 50%;
}
.pi-col-sm-8.col-shipping {
width: 100%;
}
.pi-col-sm-9.col-tab {
width: 100%;
}
ul.digital-wrapper li img{
height: 42px;
}
.padding-bottom-58 {
padding-bottom: 30px;
}
.padding-b-60{
padding-bottom: 60px;
}
.padding-b-70{
padding-bottom: 70px;
}
.padding-b-30{
padding-bottom: 30px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-bottom-28 {
padding-bottom: 0px;
}
ul.shopping-wrapper li {
width: 49%;
}
ul.ecom-feature-list li{
display: inline-block;
width: 49%;
border-right: 1px solid #f1f1f1;
text-align: center;
}
ul.ecom-feature-list li.right{
border-right: 0px solid #f1f1f1;
}
.merchant-bg.spliter {
display: none;
}
.bg-white-text{
font-size: 19px;
}
}
.padding-top-30 {
padding-top: 30px;
}
.port-left {
margin-left: 350px;
}
.pi-col-sm-7.pi-col-infra {
width: 58.333333333333336%;
}
.pi-col-sm-7.pi-col-ticks {
width: 58.333333333333336%;
}
@media (min-width:768px) and (max-width:1023px) {
.port-left {
margin-left: 175px;
margin-top: -525px;
}
.pi-col-sm-7.pi-col-infra {
width: 100%;
}
.pi-col-sm-5.pi-col-infra {
width: 100%;
}
.pi-col-sm-7.pi-col-ticks {
width: 75%;
margin-left: 25%;
}
}
@media (min-width:1024px) and (max-width:1077px) {
.port-left {
margin-left: 0px;
}
}
@media(max-width:767px) {
.pi-col-sm-7.pi-col-ticks {
width: 100%;
}
.pi-col-sm-7.pi-col-infra {
width: 100%;
}
ul.ecom-feature-list li {
display: inline;
width: 24.5%;
border-right: 1px solid #f1f1f1;
text-align: center;
}
.btn-orange-features {
background: #f47721;
color: #fff !important;
font-size: 14px;
font-family: 'museo_sans500', Arial, sans-serif;
padding: 8px 20px;
border-radius: 4px;
font-weight: 500;
text-shadow: 1px 1px 1px #909090;
text-transform: uppercase;
}
.bg-white-text{
font-size: 18px;
line-height: 25px;
color: #fff;
}
.bg-orange-text{
font-size: 18px;
line-height: 25px;
color: #f47721;
}
.padding-top-30 {
padding-top: 0px;
}
.merchant-bg {
border-radius: 50%;
border: 1px solid #f1f1f1;
background: none;
width: 120px;
margin-left: 80px;
height: 120px;
border-left: 1px solid;
border-right: 1px solid;
}
ul.ecom-feature-list li p {
padding: 0 15px;
}
.port-left {
margin-left: 0px;
}
}
.pi-color-white {
color: #fff;
}
.pi-feature-wrapper {
border: 1px solid #f1f1f1;
padding: 15px;
}
.pi-feature-wrapper h2 {
font-size: 20px;
line-height: 28px;
font-family: 'museo_sans500', Arial, sans-serif;
color: #000;
margin: 25px 0px;
}
.pi-feature-wrapper p {
font-size: 15px;
color: #000;
text-align: justify;
}
.padding-b-35 {
padding-bottom: 35px;
}
@media(min-width:768px) and (max-width:1023px) {
.padding-b-35 {
padding-bottom: 0px;
}
.padding-bottom-35 {
padding-bottom: 35px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
}
.pi-padding-bottom-28 {
padding-bottom: 28px;
}
.pi-line-height-35 {
line-height: 35px;
}
.pi-feature-padding {
padding-top: 23px;
}
.size-21 {
font-size: 21px;
}
ul.analytics li {
color: #000;
font-size: 15px;
text-align: left;
}
ul.catalog-list li {
display: inline-block;
}
ul.catalog-list li span.catalog {
display: inline-block;
margin-top: -60px;
margin-left: 70px;
}
.merchant-sprite.pricing {
background-position: -639px -185px;
width: 250px;
height: 406px;
display: block;
}
.merchant-sprite.import {
background-position: -594px -45px;
width: 56px;
height: 56px;
display: inline-block;
}
.merchant-sprite.generator {
background-position: -709px -45px;
width: 56px;
height: 56px;
display: inline-block;
}
.merchant-sprite.bundle {
background-position: -823px -41px;
width: 58px;
height: 64px;
display: inline-block;
}
.catalog h2 {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 25px;
line-height: 40px;
color: #000;
}
.catalog p {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 16px;
line-height: 30px;
color: #000;
}
@media (min-width:768px) and (max-width:1023px) {
.merchant-sprite.pricing {
background-position: -659px -185px;
}
ul.catalog-list li {
display: block;
}
ul.catalog-list li h2 {
display: inline;
color: #000;
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 22px;
line-height: 30px;
}
ul.catalog-list li p {
display: inline-block;
color: #000;
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 15px;
}
ul.dm li{
margin: 5px;
color: #000;
font-size: 15px;
width: 160%;
}
}
.pi-padding-tab {
padding: 9.5px 16.5px !important;
}
.pi-pricing-head h2 {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 22px;
line-height: 30px;
color: #000 !important;
font-weight: 400;
}
.pi-pricing-head p {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 15px;
color: #000 !important;
line-height: 25px;
font-weight: 400;
}
.padding-bottom-9 {
padding-bottom: 9px;
}
.padding-bottom-69 {
padding-bottom: 69px;
}
.padding-bottom-39 {
padding-bottom: 39px !important;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-bottom-45 {
padding-bottom: 45px;
}
.padding-bottom-46 {
padding-bottom: 46px;
}
.whats-new-wrap {
padding: 35px 20px;
overflow: hidden;
clear: both;
border-bottom: 1px solid #ebf4ff;
border-top: 1px solid #ebf4ff;
}
.whats-new {
width: 1090px;
margin: 0 auto;
}
.whats-new ul {
clear: both;
}
.whats-new .blogs {
width: 100%;
}
.whats-new ul li {
float: left;
margin: 0 22px;
width: 319px;
position: relative;
}
.whats-new .ajaxCon {
width: 100%;
}
.whats-new ul a {
font-family: 'proxima_novalight';
color: #000;
font-size: 18px;
display: block;
text-align: left;
margin: 8px auto;
position: relative;
}
.whats-new .more {
clear: both;
box-sizing: border-box;
font-family: 'proxima_novasemibold';
border-radius: 5px;
border: 2px solid #0095da;
color: #0095da;
font-size: 15px;
text-align: center;
padding: 9px 0;
width: 161px;
margin: 10px auto 0;
display: block;
line-height: 22px;
margin-bottom: 13px;
transition: 0.5s ease;
}
.margin-bottom-45 {
margin-bottom: 45px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.get-us {
display: inline-flex;
}
.get-us span {
display: inline-block;
margin-left: 20px;
}
.get-us span h1 {
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 25px;
font-weight: 400;
}
.get-us span p {
font-size: 17px;
font-weight: 400;
line-height: 30px;
}
.contact-separator {
background: url(../img/contact/separator.png) left no-repeat;
}
@media (min-width:768px) and (max-width:1023px) {
.margin-bottom-45 {
margin-bottom: 70px;
}
.padding-top-100 {
padding-top: 0px;
}
.padding-bottom-60 {
padding-bottom: 0px;
}
.padding-bottom-40 {
padding-bottom: 0px;
}
.padding-bottom-5 {
padding-bottom: 5px;
}
.padding-t-50 {
padding-top: 50px;
}
#pi-text-p {
font-size: 12px;
line-height: 14px;
}
.pi-row-block {
margin-top: -10px;
}
.pi-content-head {
font-size: 30px;
}
.get-us img {
display: none;
}
.get-us span {
margin-left: 10px;
}
.get-us span h1 {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 20px;
font-weight: 400;
}
.get-us span p {
font-size: 13px;
font-weight: 400;
line-height: 30px;
}
.contact-separator {
background: none;
}
.contact-control-name, .contact-control-email, .contact-control-phone {
width: 200px;
}
.contact-control-message {
height: 100px;
width: 400px;
}
.pi-col-sm-3.contact {
width: 100%;
margin-top: 30px;
margin-left: -13px;
}
ul.address-footer li span a {
font-size: 10px;
}
}
@media(max-width:767px) {
.pi-row-block {
margin-top: -8px;
}
.get-us span h1 {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 20px;
font-weight: 400;
}
.get-us span p {
font-size: 14px;
font-weight: 400;
line-height: 30px;
}
.contact-separator {
background: none;
}
.contact table tr td {
display: block;
}
.contact-control-message {
height: 100px;
width: 250px;
}
.pi-col-sm-3.contact {
width: 100%;
margin-top: 30px;
}
ul.address-footer li span a {
font-size: 10px;
}
}
.container {
width:100%;
border:1px solid #d3d3d3;
}
.container div {
width:100%;
}
.container .header {
background-color:#d3d3d3;
padding: 2px;
cursor: pointer;
font-weight: bold;
}
.container .content {
display: none;
padding : 5px;
}
.faq-wrapper {
background-color: #ffffff;
box-shadow: 0px 0px 15px #CACCCC;
overflow: hidden;
}
.faq-wrapper a p {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 18px;
font-weight: 400;
padding-bottom: 10px;
margin: 30px 0px 10px;
border-bottom: 1px solid #f5f5f5;
color: #000;
}
.faq-wrapper a p.last {
border-bottom: 0px solid #f5f5f5;
}
.faq a p{
font-family: 'museo_sans300', Arial, sans-serif;
font-size: 18px;
font-weight: 400;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #f1f1f1;
color: #000;
}
.product-image-wrapper {
background-color: #ffffff;
padding: 15px;
box-shadow: 0px 0px 15px #CACCCC;
overflow: hidden;
}
.product-image-wrapper-m {
background-color: #ffffff;
box-shadow: 0px 0px 15px #CACCCC;
overflow: hidden;
}
.border-img img {
border: 8px solid #e1e1e1;
}
.round.border-img img {
border: 8px solid #e1e1e1;
border-radius: 50%;
}
.line-height-55 {
line-height: 55px;
}
.padding-casestudy {
padding: 0px 20px;
}
.case-img img{
width: 460px;
height: 149px;
}
.padding-bottom-62 {
padding-bottom: 62px;
}
@media (max-width:1023px) {
.case-img img{
display: none;
width: 100%;
height: auto;
}
.padding-bottom-62 {
padding-bottom: 0px;
}
}
ul.themes li {
display: inline-block;
margin: 20px 25px;
text-align: center;
width: 14%;
}
ul.themes li h2 {
font-family: 'museo_sans500', Arial, sans-serif;
text-align: center;
font-size: 15px;
line-height: 25px;
}
.pi-line-height-45 {
line-height: 45px;
}
/* Image Scroll */
.pi-btn-design-black {
background: #000;
padding: 20px 40px;
font-size: 25px;
border: 1px solid #000;
border-radius: 0px;
color: #fff !important;
-webkit-box-shadow: 0 0px 5px #000;
-moz-box-shadow: 0 0px 5px #000;
box-shadow: 0 0px 5px #000;
}
.pi-btn-design-black:hover {
background: #fff;
border: 1px solid #000;
color: #000 !important;
}
@media (max-width:1023px) {
.pi-btn-design-black {
padding: 20px 20px;
font-size: 17px;
}
}
.screen {
width: 500px;
height: 300px;
display: inline-block;
margin: 0px;
padding-top: 0px;
position: relative;
margin-bottom: -250px;
text-decoration: none;
}
.screen div {
display: inline-block;
width: 545px;
height: 600px;
background-position: center top;
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
.screen:hover div {
background-position: center bottom;
-webkit-transition: all 10s;
-moz-transition: all 10s;
-ms-transition: all 10s;
-o-transition: all 10s;
transition: all 10s;
}
.item {
display: block;
position: relative;
width: 100%;
height: 100%;
background-color: #fff;
color: #000;
}
.item:hover:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
}
.carousel-shadow {
box-shadow: 0px 0px 10px #e5e5e5;
}
@media (min-width:768px) and (max-width:1023px) {
ul.themes li {
width: 24%;
}
.pi-padding-bottom-335 {
padding-bottom: 45px !important;
}
}
@media (max-width:767px) {
ul.themes li {
width: 30%;
}
}
.security-list h2 {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 22px;
line-height: 30px;
font-weight: 400;
color: #000 !important;
}
.security-list p {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 15px;
line-height: 25px;
font-weight: 400;
color: #000;
text-align: justify;
}
.security-padding {
padding: 80px 80px 0px;
}
.technology h2 {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 35px;
line-height: 45px;
font-weight: 400;
color: #000 !important;
}
.technology p {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 17px;
line-height: 27px;
font-weight: 400;
color: #000;
text-align: justify;
}
.custom-box {
box-shadow: 0px 0px 15px #e1e1e1;
min-height: 250px;
padding: 20px 50px;
}
.custom-box h2, .advanced h2 {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 21px;
line-height: 30px;
font-weight: 400;
color: #000 !important;
margin-bottom: 15px;
}
.custom-box p, .advanced p {
font-family: 'museo_sans500', Arial, sans-serif;
font-size: 15px;
line-height: 23px;
font-weight: 400;
color: #000;
}
.custom-box .pi-img-w {
margin-top: -85px;
}
.advanced-margin-top-150 {
margin-top: 150px;
}
@media (max-width:1023px) and (min-width:768px) {
.security-padding {
padding: 15px 25px 0px;
}
.technology h2 {
font-size: 21px;
line-height: 30px;
}
.technology p {
font-size: 15px;
line-height: 25px;
}
.custom-box {
padding: 20px 25px;
margin-bottom: 100px;
}
.custom-box.last{
margin-bottom: 0px;
}
.custom-box h2, .advanced h2 {
margin-bottom: 0px;
}
.custom-box p, .advanced p {
font-size: 14px;
line-height: 23px;
}
.advanced-margin-top-150 {
margin-top: 70px;
}
}
@media (max-width: 767px) {
.security-list h2 {
text-align: center;
}
.security-list p {
text-align: center;
padding-bottom: 10px;
border-bottom: 1px solid #f1f1f1;
}
.security-padding {
padding: 15px;
}
.technology h2 {
font-size: 21px;
line-height: 30px;
}
.technology p {
font-size: 15px;
line-height: 25px;
border-bottom: 1px solid #f1f1f1;
}
.custom-box {
box-shadow: 0px 0px 15px #e1e1e1;
padding: 10px 10px;
margin-top: 80px;
}
.custom-box p, .advanced p {
font-size: 14px;
line-height: 23px;
}
.advanced-margin-top-150 {
margin-top: 0px;
}
}