/* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/****************************************/
/* HubSpot Style Boilerplate */
/****************************************/
/* These includes are optional, but helpful. */
/* Images */
img {
max-width: 100%;
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: bottom; /* Suppress the space beneath the baseline */
}
/* Videos */
video {
max-width: 100%;
height: auto;
}
/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
position: relative;
height: auto;
overflow: hidden;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
width: 100%;
height: 100%;
border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
padding-bottom: 2%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
height: auto;
overflow: visible;
padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
position: static;
width: auto;
height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
width: 100%;
max-width: 100%;
}
@media (max-width: 568px) {
iframe {
max-width: 100%;
}
}
/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
padding: 6px;
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Menus */
.hs-menu-wrapper ul {
padding: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
list-style: none;
margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: inline-block;
margin-bottom: 20px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
content: " ";
display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
content: " ";
display: table;
clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
display: inline-block;
padding: 10px 20px;
white-space: nowrap;
max-width: 140px;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
position: absolute;
z-index: 10;
left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
display: block;
white-space: nowrap;
width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
left: 180px;
top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
position: relative;
margin-bottom: 20px;
min-height: 7em;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
display: block;
visibility: visible;
opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
content: " ";
display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
content: " ";
display: table;
clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
display: inline-block;
padding: 10px 20px;
white-space: nowrap;
max-width: 140px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical {
width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
list-style: none;
margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
display: block;
white-space: nowrap;
width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
margin-bottom: 20px;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
padding: 10px 20px;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
position: absolute;
z-index: 10;
top: 0;
left: 180px;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
min-width: 140px;
width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
max-width: 100%;
overflow: hidden;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
display: block;
visibility: visible;
opacity: 1;
position: static;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
padding-left: 4em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
padding-left: 6em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
padding-left: 8em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
padding-left: 140px;
}
.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}
@media (max-width: 568px) {
.hs-menu-wrapper, .hs-menu-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
list-style: none;
margin: 0;
display: block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
display: block;
max-width: 100%;
width: 100%;
}
}
.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: visible;
opacity: 1;
}
/* Space Module */
.widget-type-space {
visibility: hidden;
}
/* Blog Author Section */
.hs-author-listing-header {
margin: 0 0 .75em 0;
}
.hs-author-social-links {
display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
width: 24px;
height: 24px;
border-width: 0px;
border: 0px;
line-height: 24px;
background-size: 24px 24px;
background-repeat: no-repeat;
display: inline-block;
text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Wrapper */
.hs_cos_wrapper_type_image_slider {
display: block;
overflow: hidden
}
/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
margin: 0px;
padding: 0px;
list-style: none;
}
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }
/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}
.hs_cos_flex-slider .caption {
background-color: rgba(0,0,0,0.5);
position: absolute;
font-size: 2em;
line-height: 1.1em;
color: white;
padding: 0px 5% 0px 5%;
width: 100%;
bottom: 0;
text-align: center;
}
.hs_cos_flex-slider .superimpose .caption {
color: white;
font-size: 3em;
line-height: 1.1em;
position: absolute;
padding: 0px 5% 0px 5%;
width: 90%;
top: 40%;
text-align: center;
background-color: transparent;
}
@media all and (max-width: 400px) {
.hs_cos_flex-slider .superimpose .caption {
background-color: black;
position: static;
font-size: 2em;
line-height: 1.1em;
color: white;
width: 90%;
padding: 0px 5% 0px 5%;
top: 40%;
text-align: center;
}
/* beat recaptcha into being responsive, !importants and specificity are necessary */
#recaptcha_area table#recaptcha_table {width: 300px !important;}
#recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
#recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
#recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}
.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
color: white;
}
/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
display: inline-block;
margin: 0px;
padding: 0px;
margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
max-height: 150px;
margin: 0px;
padding: 0px;
border-width: 0px;
}
/* responsive pre elements */
pre {
overflow-x: auto;
}
/* responsive pre tables */
table pre {
white-space: pre-wrap;
}
/* adding minimal spacing for blog comments */
.comment {
margin: 10px 0 10px 0;
}
/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
word-wrap: break-word;
}
/* HTML 5 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
/* Support migrations from wordpress */
.wp-float-left {
float: left;
margin: 0 20px 20px 0;
}
.wp-float-right {
float: right;
margin: 0 0 20px 20px;
}
/* Responsive Google Maps */
#map_canvas img, .google-maps img {
max-width: none;
}
/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}
/*****************************************/
/* Start your style declarations here */
/*****************************************/
/*_____ styles/css/base/grid.css*/
.pi-container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.pi-container:before,
.pi-container:after {
content: " ";
display: table;
}
.pi-container:after {
clear: both;
}
.pi-row {
margin-left: -15px;
margin-right: -15px;
}
.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: 0) {
.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;
}
/*_____ 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-3 .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 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: 25%;
}
.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-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-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-70,
.pi-padding-top-bottom-70 {
padding-bottom: 70px !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-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-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-texture {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.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-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;
}
/*_____ 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: text-align-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: text-align-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: text-align-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: text-align-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: text-align-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: text-align-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: text-align-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: text-align-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: text-align-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: text-align-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: text-align-left;
}
.pi-center-text-md.pull-right {
float: none !important;
}
}
.pi-hidden-lg {
display: none !important;
}
.pi-center-text-lg {
text-align: center !important;
}
.pi-center-text-lg.pi-row-block {
float: text-align-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 {
max-width: 1120px;
margin: 0 auto;
padding: 60px 40px 40px;
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;
}
.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: #ffffff;
}
.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-grey {
background-color: #f4f6f6;
}
.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 #e6eaea;
}
.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: #21252b;
}
.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-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: #0dc0c0;
/* Old browsers */
background: -moz-linear-gradient(left, #0dc0c0 0%, #009ca8 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0dc0c0), color-stop(100%, #009ca8));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #0dc0c0 0%, #009ca8 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #0dc0c0 0%, #009ca8 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, #0dc0c0 0%, #009ca8 100%);
/* IE10+ */
background: linear-gradient(to right, #0dc0c0 0%, #009ca8 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0dc0c0', endColorstr='#009ca8', GradientType=1);
/* IE6-9 */
}
.pi-border-top-strong-base {
border-top: 3px solid #00aab3;
}
.pi-border-bottom-strong-base {
border-bottom: 3px solid #00aab3;
}
.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: 1em;
vertical-align: top;
max-height: 100%;
}
.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: 96px;
}
.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: 34px;
margin-bottom: 34px;
}
.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;
}
.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 img,
.pi-header-row-fixed .pi-row-reduced img {
max-height: 70px;
}
.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: 70px;
}
.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: 15px;
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: 96px;
}
.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/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: #0dc0c0;
}
/*_____ 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: #0dc0c0;
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: #0dc0c0;
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: #0dc0c0;
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: #0dc0c0;
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;
}
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 transparent;
}
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: 22px;
}
.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: 18px 0;
}
.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: 16px;
}
.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 {
content: "\e8c4";
}
.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: 25px;
}
.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;
height: 130px;
line-height: 128px;
font-size: 50px;
}
.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: 80px;
max-height: 80px;
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: #0dc0c0;
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: #0dc0c0;
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: #0dc0c0;
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: #0dc0c0;
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: #10C7C7;
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;
user-select: none;
}
.btn img {
width: 16px;
margin-top: -2px;
}
.btn:focus {
ountline: 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;
padding: 12px 17px 12px;
}
.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: 8px 9px;
}
.pi-btn-wide {
width: 100%;
text-align: center;
}
.pi-btn-tag {
margin: 0 6px 9px 0;
}
.pi-row-block .pi-btn {
margin-bottom: 0;
}
.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: 29px;
margin-bottom: 29px;
}
.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: #f4f6f6;
border: 1px solid #e3e9e9;
color: #586266 !important;
-webkit-box-shadow: inset 0 1px 0 #f8fafa;
-moz-box-shadow: inset 0 1px 0 #f8fafa;
box-shadow: inset 0 1px 0 #f8fafa;
text-shadow: 0 1px 0 #fff;
}
.pi-btn:hover {
background: #a5b3b4;
border: 1px solid #9eadae;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #aebbbc;
-moz-box-shadow: inset 0 1px 0 #aebbbc;
box-shadow: inset 0 1px 0 #aebbbc;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.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: #2d323a;
border: 1px solid #24282e;
color: #c9d1d6 !important;
-webkit-box-shadow: inset 0 1px 0 #363c46;
-moz-box-shadow: inset 0 1px 0 #363c46;
box-shadow: inset 0 1px 0 #363c46;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-dark:hover {
background: #384147;
border: 1px solid #32383f;
color: #e8edef !important;
-webkit-box-shadow: inset 0 1px 0 #424c54;
-moz-box-shadow: inset 0 1px 0 #424c54;
box-shadow: inset 0 1px 0 #424c54;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-dark.pi-btn-no-border {
border-color: #2d323a;
border-top-color: #393f47;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-dark.pi-btn-no-border:hover {
border-color: #384147;
border-top-color: #485158;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-dark-2 {
background: #384147;
border: 1px solid #32383f;
color: #c9d1d6 !important;
-webkit-box-shadow: inset 0 1px 0 #424c54;
-moz-box-shadow: inset 0 1px 0 #424c54;
box-shadow: inset 0 1px 0 #424c54;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-dark-2:hover {
background: #444e55;
border: 1px solid #3d454c;
color: #e3e9ed !important;
-webkit-box-shadow: inset 0 1px 0 #4a555d;
-moz-box-shadow: inset 0 1px 0 #4a555d;
box-shadow: inset 0 1px 0 #4a555d;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-dark-2.pi-btn-no-border {
border-color: #384147;
border-top-color: #485158;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-dark-2.pi-btn-no-border:hover {
border-color: #444e55;
border-top-color: #576169;
-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-turquoise {
background: #0dc0c0;
border: 1px solid #09b1b9;
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: #009ca8;
border: 1px solid #0092a0;
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: #0dc0c0;
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: #009ca8;
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-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: #FCD746;
border: 1px solid #f2c02b;
color: #68422C !important;
-webkit-box-shadow: inset 0 1px 0 #fde473;
-moz-box-shadow: inset 0 1px 0 #fde473;
box-shadow: inset 0 1px 0 #fde473;
text-shadow: 0 1px 0 #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:#ff9900;
border: 1px solid #ff9900;
-webkit-box-shadow: inset 0 1px 0 #ff9900;
-moz-box-shadow: inset 0 1px 0 #ff9900;
box-shadow: inset 0 1px 0 #ff9900;
color: #fff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pi-btn-base:hover {
background:#ff6600;
border: 1px solid #ff6600;
-webkit-box-shadow: inset 0 1px 0 #ff6600;
-moz-box-shadow: inset 0 1px 0 #ff6600;
box-shadow: inset 0 1px 0 #ff6600;
color: #fff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
/*Button Style*/
.pi-btn-base{
background:#ff9900;
border: 1px solid #ff9900;
-webkit-box-shadow: inset 0 1px 0 #ff9900;
-moz-box-shadow: inset 0 1px 0 #ff9900;
box-shadow: inset 0 1px 0 #ff9900;
}
.pi-btn-base:hover{
background:#ff6600;
border: 1px solid #ff6600;
-webkit-box-shadow: inset 0 1px 0 #ff6600;
-moz-box-shadow: inset 0 1px 0 #ff6600;
box-shadow: inset 0 1px 0 #ff6600;
}
.pi-btn-base.pi-btn-no-border {
border-color: #0dc0c0;
border-top-color: #5bd4d4;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-base.pi-btn-no-border:hover {
border-color: #009ca8;
border-top-color: #00b1ba;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pi-btn-base-2 {
background: #00919c;
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: #00919c;
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 #00aab3;
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 #00aab3;
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 \9;
/* 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::input-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.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: 94px;
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;
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);
-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;
border-top-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;
border-top-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;
border-top-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/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: auto;
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: auto;
right: 100%;
}
.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;
}
.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: 14px;
}
.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: 13px;
}
.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: 96px;
}
.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: #0dc0c0;
}
.pi-section-white .pi-menu > li:hover > a {
color: #0dc0c0;
}
.pi-section-white .pi-menu > li.active {
background: #f8fafa;
color: #0dc0c0;
}
.pi-section-white .pi-menu > li.active > a {
color: #0dc0c0;
}
.pi-section-white .pi-menu > li.active:hover {
background: #f8fafa;
color: #0dc0c0;
}
.pi-section-white .pi-menu > li.active:hover > a {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-white .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #0dc0c0;
}
.pi-section-white .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-white .pi-menu.pi-menu-hover-border > li.active > a:before {
border-top-color: #0dc0c0;
}
.pi-section-white .pi-menu.pi-menu-hover-border > li.active:hover > a:before {
border-top-color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-white .pi-menu.pi-has-hover-border > li.active > a:before {
border-color: #0dc0c0;
}
.pi-section-white .pi-menu.pi-has-hover-border > li.active:hover > a:before {
border-color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-grey .pi-menu > li:hover > a {
color: #0dc0c0;
}
.pi-section-grey .pi-menu > li.active {
background: #fafbfc;
color: #0dc0c0;
}
.pi-section-grey .pi-menu > li.active > a {
color: #0dc0c0;
}
.pi-section-grey .pi-menu > li.active:hover {
background: #fafbfc;
color: #0dc0c0;
}
.pi-section-grey .pi-menu > li.active:hover > a {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-grey .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #0dc0c0;
}
.pi-section-grey .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-grey .pi-menu.pi-menu-hover-border > li.active > a:before {
border-top-color: #0dc0c0;
}
.pi-section-grey .pi-menu.pi-menu-hover-border > li.active:hover > a:before {
border-top-color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-grey .pi-menu.pi-has-hover-border > li.active > a:before {
border-color: #0dc0c0;
}
.pi-section-grey .pi-menu.pi-has-hover-border > li.active:hover > a:before {
border-color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-dark .pi-menu > li:hover > a {
color: #0dc0c0;
}
.pi-section-dark .pi-menu > li.active {
background: #262b31;
color: #0dc0c0;
}
.pi-section-dark .pi-menu > li.active > a {
color: #0dc0c0;
}
.pi-section-dark .pi-menu > li.active:hover {
background: #262b31;
color: #0dc0c0;
}
.pi-section-dark .pi-menu > li.active:hover > a {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-dark .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #0dc0c0;
}
.pi-section-dark .pi-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-dark .pi-menu.pi-menu-hover-border > li.active > a:before {
border-top-color: #0dc0c0;
}
.pi-section-dark .pi-menu.pi-menu-hover-border > li.active:hover > a:before {
border-top-color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-dark .pi-menu.pi-has-hover-border > li.active > a:before {
border-color: #0dc0c0;
}
.pi-section-dark .pi-menu.pi-has-hover-border > li.active:hover > a:before {
border-color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-parallax .pi-menu.pi-menu-hover-border > li.active > a:before {
border-top-color: #0dc0c0;
}
.pi-section-parallax .pi-menu.pi-menu-hover-border > li.active:hover > a:before {
border-top-color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-parallax .pi-menu.pi-has-hover-border > li.active > a:before {
border-color: #0dc0c0;
}
.pi-section-parallax .pi-menu.pi-has-hover-border > li.active:hover > a:before {
border-color: #0dc0c0;
}
.pi-section-white .pi-simple-menu > li {
color: #21252b;
}
.pi-section-white .pi-simple-menu > li > a {
color: #21252b;
}
.pi-section-white .pi-simple-menu > li:hover {
color: #0dc0c0;
}
.pi-section-white .pi-simple-menu > li:hover > a {
color: #0dc0c0;
}
.pi-section-white .pi-simple-menu > li.active {
color: #0dc0c0;
}
.pi-section-white .pi-simple-menu > li.active > a {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-white .pi-simple-menu.pi-has-hover-border > li.active > a > span:before {
border-color: #0dc0c0;
}
.pi-section-white .pi-simple-menu.pi-has-hover-border > li.active:hover > a > span:before {
border-color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-white .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #0dc0c0;
}
.pi-section-white .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #0dc0c0;
}
.pi-section-grey .pi-simple-menu > li {
color: #373942;
}
.pi-section-grey .pi-simple-menu > li > a {
color: #373942;
}
.pi-section-grey .pi-simple-menu > li:hover {
color: #0dc0c0;
}
.pi-section-grey .pi-simple-menu > li:hover > a {
color: #0dc0c0;
}
.pi-section-grey .pi-simple-menu > li.active {
color: #0dc0c0;
}
.pi-section-grey .pi-simple-menu > li.active > a {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-grey .pi-simple-menu.pi-has-hover-border > li.active > a > span:before {
border-color: #0dc0c0;
}
.pi-section-grey .pi-simple-menu.pi-has-hover-border > li.active:hover > a > span:before {
border-color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-grey .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active > a:after {
color: #0dc0c0;
}
.pi-section-grey .pi-simple-menu.pi-items-has-dd-sign > li.pi-has-dropdown.active:hover > a:after {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-dark .pi-simple-menu > li:hover > a {
color: #0dc0c0;
}
.pi-section-dark .pi-simple-menu > li.active {
color: #0dc0c0;
}
.pi-section-dark .pi-simple-menu > li.active > a {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-dark .pi-simple-menu.pi-has-hover-border > li.active > a > span:before {
border-color: #0dc0c0;
}
.pi-section-dark .pi-simple-menu.pi-has-hover-border > li.active:hover > a > span:before {
border-color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-section-parallax .pi-simple-menu.pi-has-hover-border > li.active > a > span:before {
border-color: #0dc0c0;
}
.pi-section-parallax .pi-simple-menu.pi-has-hover-border > li.active:hover > a > span:before {
border-color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-submenu-white li:hover > a {
color: #0dc0c0;
}
.pi-submenu-white li.active {
background: #f8fafa;
color: #0dc0c0;
}
.pi-submenu-white li.active > a {
color: #0dc0c0;
}
.pi-submenu-white li.active:hover {
background: #f8fafa;
color: #0dc0c0;
}
.pi-submenu-white li.active:hover > a {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-submenu-white.pi-items-has-dd-sign li.pi-has-dropdown.active > a:after {
color: #0dc0c0;
}
.pi-submenu-white.pi-items-has-dd-sign li.pi-has-dropdown.active:hover > a:after {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-submenu-grey li:hover > a {
color: #0dc0c0;
}
.pi-submenu-grey li.active {
background: #fafbfc;
color: #0dc0c0;
}
.pi-submenu-grey li.active > a {
color: #0dc0c0;
}
.pi-submenu-grey li.active:hover {
background: #fafbfc;
color: #0dc0c0;
}
.pi-submenu-grey li.active:hover > a {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-submenu-grey.pi-items-has-dd-sign li.pi-has-dropdown.active > a:after {
color: #0dc0c0;
}
.pi-submenu-grey.pi-items-has-dd-sign li.pi-has-dropdown.active:hover > a:after {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.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: #abb3b9;
}
.pi-submenu-dark li:hover {
background: #21262c;
color: #0dc0c0;
}
.pi-submenu-dark li:hover > a {
color: #0dc0c0;
}
.pi-submenu-dark li.active {
background: #21262c;
color: #0dc0c0;
}
.pi-submenu-dark li.active > a {
color: #0dc0c0;
}
.pi-submenu-dark li.active:hover {
background: #21262c;
color: #0dc0c0;
}
.pi-submenu-dark li.active:hover > a {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-submenu-dark.pi-items-has-dd-sign li.pi-has-dropdown.active > a:after {
color: #0dc0c0;
}
.pi-submenu-dark.pi-items-has-dd-sign li.pi-has-dropdown.active:hover > a:after {
color: #0dc0c0;
}
.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: #0dc0c0;
}
.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: #0dc0c0;
}
.pi-submenu-wide-grey.pi-has-border {
border-color: #0dc0c0;
}
.pi-submenu-wide-base.pi-has-border {
border-color: #00919c;
}
.pi-submenu-wide-dark.pi-has-border {
border-color: #0dc0c0;
}
.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: #00919c !important;
}
/*_____ styles/css/base/menu-mobile.css*/
.pi-section-menu-mobile-w {
height: 0;
max-height: 380px;
position: absolute;
top: 100%;
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: #0dc0c0;
}
.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: #0dc0c0;
}
.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: #0dc0c0;
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: #0dc0c0;
}
.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: #0dc0c0;
}
.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: #0dc0c0;
}
.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: #0dc0c0;
}
.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: #0dc0c0;
}
.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: #0dc0c0;
}
/*_____ styles/css/base/scrollTopArrow.css*/
.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/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;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.fade.in {
opacity: 1;
}
.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;
text-align:center;
}
.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;
width: auto;
max-height:100%;
}
.pi-grid-no-margins .pi-img-w {
margin-bottom: 0;
}
.pi-gallery-small-margins .pi-img-w {
margin-bottom: 20px;
}
.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: 4px;
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%;
}
.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: 0.7;
-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-70:hover img {
opacity: 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: #0dc0c0;
}
.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: #0dc0c0;
}
.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: #0dc0c0;
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: #0dc0c0;
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: #0dc0c0;
}
.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: #0dc0c0;
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: #0dc0c0;
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: #0dc0c0;
}
.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: #0dc0c0;
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: #0dc0c0;
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: #0dc0c0;
}
.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: #0dc0c0;
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: rgba(0, 170, 179, 0.85);
color: rgba(250, 250, 250, 0.8);
}
.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: #0dc0c0;
}
.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 */
}
/*Fontello.css*/
@font-face {
font-family: "fontello";
font-style: normal;
font-weight: normal;
src: url("../font/fontello.eot?45691662#iefix") format("embedded-opentype"), url("../font/fontello.woff?45691662") format("woff"), url("../font/fontello.ttf?45691662") format("truetype"), url("../font/fontello.svg?45691662#fontello") format("svg");
}
[class^="icon-"]::before, [class*=" icon-"]::before {
display: inline-block;
font-family: "fontello";
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1em;
text-align: center;
text-decoration: inherit;
text-transform: none;
width: 1em;
}
.icon-stackoverflow::before {
content: "";
}
.icon-pagelines::before {
content: "";
}
.icon-weibo::before {
content: "";
}
.icon-youtube-play::before {
content: "";
}
.icon-youtube::before {
content: "";
}
.icon-bitcoin::before {
content: "";
}
.icon-foursquare::before {
content: "";
}
.icon-gittip::before {
content: "";
}
.icon-maxcdn::before {
content: "";
}
.icon-vimeo-squared::before {
content: "";
}
.icon-stackexchange::before {
content: "";
}
.icon-xing::before {
content: "";
}
.icon-bitbucket::before {
content: "";
}
.icon-flash::before {
content: "";
}
.icon-moon::before {
content: "";
}
.icon-flight::before {
content: "";
}
.icon-paper-plane::before {
content: "";
}
.icon-leaf::before {
content: "";
}
.icon-lifebuoy::before {
content: "";
}
.icon-mouse::before {
content: "";
}
.icon-briefcase::before {
content: "";
}
.icon-suitcase::before {
content: "";
}
.icon-dot::before {
content: "";
}
.icon-flow-cascade::before {
content: "";
}
.icon-trello::before {
content: "";
}
.icon-brush::before {
content: "";
}
.icon-magnet::before {
content: "";
}
.icon-infinity::before {
content: "";
}
.icon-yelp::before {
content: "";
}
.icon-chart-pie::before {
content: "";
}
.icon-chart-line::before {
content: "";
}
.icon-chart-bar::before {
content: "";
}
.icon-tape::before {
content: "";
}
.icon-graduation-cap-1::before {
content: "";
}
.icon-ticket::before {
content: "";
}
.icon-water::before {
content: "";
}
.icon-droplet::before {
content: "";
}
.icon-air::before {
content: "";
}
.icon-credit-card::before {
content: "";
}
.icon-floppy::before {
content: "";
}
.icon-clipboard::before {
content: "";
}
.icon-megaphone::before {
content: "";
}
.icon-database::before {
content: "";
}
.icon-drive::before {
content: "";
}
.icon-bucket::before {
content: "";
}
.icon-thermometer::before {
content: "";
}
.icon-key-1::before {
content: "";
}
.icon-rocket::before {
content: "";
}
.icon-gauge::before {
content: "";
}
.icon-traffic-cone::before {
content: "";
}
.icon-github::before {
content: "";
}
.icon-flickr::before {
content: "";
}
.icon-vimeo::before {
content: "";
}
.icon-twitter::before {
content: "";
}
.icon-facebook::before {
content: "";
}
.icon-facebook-squared::before {
content: "";
}
.icon-gplus::before {
content: "";
}
.icon-pinterest::before {
content: "";
}
.icon-tumblr::before {
content: "";
}
.icon-linkedin::before {
content: "";
}
.icon-dribbble::before {
content: "";
}
.icon-stumbleupon::before {
content: "";
}
.icon-lastfm::before {
content: "";
}
.icon-rdio::before {
content: "";
}
.icon-spotify::before {
content: "";
}
.icon-spotify-circled::before {
content: "";
}
.icon-qq::before {
content: "";
}
.icon-instagram::before {
content: "";
}
.icon-dropbox::before {
content: "";
}
.icon-evernote::before {
content: "";
}
.icon-flattr::before {
content: "";
}
.icon-skype::before {
content: "";
}
.icon-renren::before {
content: "";
}
.icon-sina-weibo::before {
content: "";
}
.icon-paypal::before {
content: "";
}
.icon-picasa::before {
content: "";
}
.icon-soundcloud::before {
content: "";
}
.icon-mixi::before {
content: "";
}
.icon-behance::before {
content: "";
}
.icon-google-circles::before {
content: "";
}
.icon-vkontakte::before {
content: "";
}
.icon-smashing::before {
content: "";
}
.icon-sweden::before {
content: "";
}
.icon-logo-db::before {
content: "";
}
.icon-comment::before {
content: "";
}
.icon-bookmark::before {
content: "";
}
.icon-trash::before {
content: "";
}
.icon-flag::before {
content: "";
}
.icon-thumbs-up::before {
content: "";
}
.icon-thumbs-down::before {
content: "";
}
.icon-download::before {
content: "";
}
.icon-upload::before {
content: "";
}
.icon-upload-cloud::before {
content: "";
}
.icon-reply::before {
content: "";
}
.icon-reply-all::before {
content: "";
}
.icon-forward::before {
content: "";
}
.icon-quote::before {
content: "";
}
.icon-code::before {
content: "";
}
.icon-export::before {
content: "";
}
.icon-pencil::before {
content: "";
}
.icon-feather::before {
content: "";
}
.icon-print::before {
content: "";
}
.icon-retweet::before {
content: "";
}
.icon-sound-1::before {
content: "";
}
.icon-chat::before {
content: "";
}
.icon-bell::before {
content: "";
}
.icon-attention::before {
content: "";
}
.icon-volume-1::before {
content: "";
}
.icon-vcard::before {
content: "";
}
.icon-address::before {
content: "";
}
.icon-search-1::before {
content: "";
}
.icon-location::before {
content: "";
}
.icon-map::before {
content: "";
}
.icon-direction::before {
content: "";
}
.icon-compass::before {
content: "";
}
.icon-docs-1::before {
content: "";
}
.icon-doc-text::before {
content: "";
}
.icon-newspaper::before {
content: "";
}
.icon-book-open::before {
content: "";
}
.icon-book::before {
content: "";
}
.icon-folder::before {
content: "";
}
.icon-archive::before {
content: "";
}
.icon-rss::before {
content: "";
}
.icon-phone::before {
content: "";
}
.icon-cog::before {
content: "";
}
.icon-tools::before {
content: "";
}
.icon-share::before {
content: "";
}
.icon-shareable::before {
content: "";
}
.icon-basket::before {
content: "";
}
.icon-calendar::before {
content: "";
}
.icon-login::before {
content: "";
}
.icon-logout::before {
content: "";
}
.icon-mic::before {
content: "";
}
.icon-clock::before {
content: "";
}
.icon-hourglass::before {
content: "";
}
.icon-lamp::before {
content: "";
}
.icon-block::before {
content: "";
}
.icon-resize-full::before {
content: "";
}
.icon-resize-small::before {
content: "";
}
.icon-popup::before {
content: "";
}
.icon-publish::before {
content: "";
}
.icon-window::before {
content: "";
}
.icon-arrow-combo::before {
content: "";
}
.icon-down-open::before {
content: "";
}
.icon-left-open::before {
content: "";
}
.icon-right-open::before {
content: "";
}
.icon-up-open::before {
content: "";
}
.icon-down-open-mini::before {
content: "";
}
.icon-left-open-mini::before {
content: "";
}
.icon-right-open-mini::before {
content: "";
}
.icon-up-open-mini::before {
content: "";
}
.icon-down-open-big::before {
content: "";
}
.icon-left-open-big::before {
content: "";
}
.icon-right-open-big::before {
content: "";
}
.icon-up-open-big::before {
content: "";
}
.icon-down-dir::before {
content: "";
}
.icon-left-dir::before {
content: "";
}
.icon-right-dir::before {
content: "";
}
.icon-up-dir::before {
content: "";
}
.icon-ccw::before {
content: "";
}
.icon-cw::before {
content: "";
}
.icon-arrows-ccw::before {
content: "";
}
.icon-level-down::before {
content: "";
}
.icon-level-up::before {
content: "";
}
.icon-shuffle::before {
content: "";
}
.icon-loop::before {
content: "";
}
.icon-switch::before {
content: "";
}
.icon-play::before {
content: "";
}
.icon-stop::before {
content: "";
}
.icon-pause::before {
content: "";
}
.icon-record::before {
content: "";
}
.icon-to-end::before {
content: "";
}
.icon-to-start::before {
content: "";
}
.icon-fast-forward::before {
content: "";
}
.icon-fast-backward::before {
content: "";
}
.icon-target::before {
content: "";
}
.icon-palette::before {
content: "";
}
.icon-list::before {
content: "";
}
.icon-signal::before {
content: "";
}
.icon-trophy::before {
content: "";
}
.icon-battery::before {
content: "";
}
.icon-back-in-time::before {
content: "";
}
.icon-monitor::before {
content: "";
}
.icon-mobile::before {
content: "";
}
.icon-network::before {
content: "";
}
.icon-cd-1::before {
content: "";
}
.icon-inbox::before {
content: "";
}
.icon-install::before {
content: "";
}
.icon-globe::before {
content: "";
}
.icon-cloud::before {
content: "";
}
.icon-cloud-thunder::before {
content: "";
}
.icon-note-beamed::before {
content: "";
}
.icon-search::before {
content: "";
}
.icon-flashlight::before {
content: "";
}
.icon-mail::before {
content: "";
}
.icon-heart::before {
content: "";
}
.icon-heart-empty::before {
content: "";
}
.icon-star::before {
content: "";
}
.icon-star-empty::before {
content: "";
}
.icon-user::before {
content: "";
}
.icon-users::before {
content: "";
}
.icon-user-add::before {
content: "";
}
.icon-video::before {
content: "";
}
.icon-picture::before {
content: "";
}
.icon-camera::before {
content: "";
}
.icon-layout::before {
content: "";
}
.icon-menu::before {
content: "";
}
.icon-check::before {
content: "";
}
.icon-cancel::before {
content: "";
}
.icon-plus::before {
content: "";
}
.icon-minus::before {
content: "";
}
.icon-help::before {
content: "";
}
.icon-info::before {
content: "";
}
.icon-back::before {
content: "";
}
.icon-home::before {
content: "";
}
.icon-link::before {
content: "";
}
.icon-attach::before {
content: "";
}
.icon-lock::before {
content: "";
}
.icon-lock-open::before {
content: "";
}
.icon-eye::before {
content: "";
}
.icon-tag::before {
content: "";
}
.icon-keyboard::before {
content: "";
}
/*Portfolio*/
.pi-portfolio-item {
margin-bottom: 30px;
}
.pi-portfolio-item .pi-img-w {
margin-bottom: 0;
}
.pi-portfolio-item.pi-portfolio-item-round-corners {
border-radius: 3px;
}
.pi-gallery-small-margins .pi-portfolio-item {
margin-bottom: 20px;
}
.pi-portfolio-description {
margin-top: 20px;
overflow: hidden;
}
.pi-portfolio-description > *:last-child {
margin-bottom: 0;
}
.pi-portfolio-description h4 + * {
margin-top: -3px;
}
.pi-portfolio-description.pi-portfolio-description-round-corners {
border-radius: 0 0 3px 3px;
}
.pi-portfolio-description.pi-portfolio-description-round-corners-all {
border-radius: 3px;
}
.pi-portfolio-description-box .pi-img-w.pi-img-round-corners, .pi-portfolio-description-box .pi-img-w.pi-img-round-corners img, .pi-portfolio-description-box .pi-img-w.pi-img-round-corners .pi-img-overlay {
border-radius: 3px 3px 0 0;
}
.pi-portfolio-description-box .pi-portfolio-description {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent;
border-image: none;
border-style: solid;
border-width: 0 1px 1px;
margin: 0;
padding: 26px 28px;
transition: all 0.2s ease-in-out 0s;
}
.pi-portfolio-description-box .pi-portfolio-description.pi-portfolio-description-small {
padding: 20px 22px;
}
.pi-portfolio-description .pi-portfolio-cats li {
font-size: 13px;
}
.pi-portfolio-description .pi-portfolio-cats li i {
font-size: 13px;
margin-right: 5px;
}
.pi-portfolio-description .pi-portfolio-cats li a i {
transition: all 0.2s ease-in-out 0s;
}
.pi-portfolio-nav {
margin: 0 -30px -26px !important;
overflow: hidden;
padding: 0 30px 20px;
position: relative;
}
.pi-portfolio-nav a {
border: 0 none;
transition: all 0.2s ease-in-out 0s;
}
.pi-portfolio-nav .pi-pull-left i {
border-radius: 50%;
display: inline-block;
font-size: 14px;
height: 16px;
line-height: 14px;
position: relative;
text-align: center;
vertical-align: middle;
width: 16px;
}
.pi-portfolio-nav .pi-pull-right {
margin-left: 10px;
}
.pi-portfolio-nav .pi-pull-right i {
display: inline-block;
font-size: 14px;
margin-right: 4px;
transition: all 0.2s ease-in-out 0s;
vertical-align: middle;
}
.pi-portfolio-nav .pi-pull-right i.icon-heart {
margin-top: -2px;
}
.pi-portfolio-nav::after {
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.pi-portfolio-cats {
display: block;
font-size: 13px;
line-height: 1.8em;
list-style: outside none none;
margin-bottom: 10px;
padding: 0;
}
.pi-portfolio-cats li {
display: inline-block;
margin: 0 5px 0 0;
}
.pi-portfolio-cats li:last-child {
margin-right: 0;
}
.pi-portfolio-cats li a {
border: 0 none;
transition: color 0.1s ease-in-out 0s;
}
.pi-portfolio-cats li a i {
margin-right: 5px;
}
.pi-meta {
display: block;
font-size: 13px;
line-height: 1.8em;
list-style: outside none none;
margin-bottom: 10px;
padding: 0;
}
.pi-meta li {
display: inline-block;
margin: 0 5px 0 0;
}
.pi-meta li i {
margin-right: 5px;
}
.pi-meta li:last-child {
margin-right: 0;
}
.pi-meta li a {
border: 0 none;
transition: color 0.1s ease-in-out 0s;
}
.pi-meta.pi-meta-small {
margin-bottom: 6px;
}
.pi-meta.pi-meta-small li {
margin: 0 9px 0 0;
}
.pi-meta.pi-meta-small li i {
font-size: 13px;
margin-right: 3px;
}
.pi-portfolio-item-hover-base:hover .pi-portfolio-description a {
border-color: #b6d2fc;
color: #fff;
}
.pi-portfolio-item-hover-base:hover .pi-portfolio-description a:hover {
border-color: #fff;
}
.pi-portfolio-item-hover-base:hover .pi-portfolio-description a.pi-link-no-style {
border-color: transparent;
color: #fff;
}
.pi-portfolio-item-hover-base:hover .pi-portfolio-description a.pi-link-no-style:hover {
border-color: #b6d2fc;
}
.pi-section-base .pi-portfolio-description-box {
transition: all 0.2s ease-in-out 0s;
}
.pi-section-base .pi-portfolio-description-box .pi-portfolio-description {
background: #00929c none repeat scroll 0 0;
border-color: #008d98;
color: #e2f1f1;
}
.pi-section-base .pi-portfolio-cats li, .pi-section-base .pi-meta li {
color: #95caca;
}
.pi-section-base .pi-portfolio-cats li i, .pi-section-base .pi-meta li i {
color: #95caca;
}
.pi-section-base .pi-portfolio-cats li a, .pi-section-base .pi-meta li a {
color: #95caca;
}
.pi-section-base .pi-portfolio-cats li a:hover, .pi-section-base .pi-meta li a:hover {
color: #ffffff;
}
.pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description {
background: #0dc0c0 none repeat scroll 0 0;
border-color: #3491e9;
color: #e8f3ff;
}
.pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1 a, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2 a, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3 a, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4 a, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5 a, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6 a {
color: #ffffff;
}
.pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1:hover, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2:hover, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3:hover, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4:hover, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5:hover, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6:hover, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1 a:hover, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2 a:hover, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3 a:hover, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4 a:hover, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5 a:hover, .pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6 a:hover {
color: #ffffff;
}
.pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li {
color: #bde0fb;
}
.pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li i {
color: #a2c6f8;
}
.pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li a {
color: #bde0fb;
}
.pi-section-base .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li a:hover {
color: #ffffff;
}
.pi-section-white .pi-portfolio-description-box, .pi-section-grey .pi-portfolio-description-box {
transition: all 0.2s ease-in-out 0s;
}
.pi-section-white .pi-portfolio-description-box .pi-portfolio-description, .pi-section-grey .pi-portfolio-description-box .pi-portfolio-description {
background: #ffffff none repeat scroll 0 0;
border-color: #e0e0e0;
color: #737a81;
}
.pi-section-white .pi-portfolio-cats li, .pi-section-grey .pi-portfolio-cats li, .pi-section-white .pi-meta li, .pi-section-grey .pi-meta li {
color: #b5b8bf;
}
.pi-section-white .pi-portfolio-cats li i, .pi-section-grey .pi-portfolio-cats li i, .pi-section-white .pi-meta li i, .pi-section-grey .pi-meta li i {
color: #d7d8db;
}
.pi-section-white .pi-portfolio-cats li a, .pi-section-grey .pi-portfolio-cats li a, .pi-section-white .pi-meta li a, .pi-section-grey .pi-meta li a {
color: #b5b8bf;
}
.pi-section-white .pi-portfolio-cats li a:hover, .pi-section-grey .pi-portfolio-cats li a:hover, .pi-section-white .pi-meta li a:hover, .pi-section-grey .pi-meta li a:hover {
color: #0dc0c0;
}
.pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description {
background: #0dc0c0 none repeat scroll 0 0;
border-color: #00a1ab;
color: #ffffff;
}
.pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1 a, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1 a, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2 a, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2 a, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3 a, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3 a, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4 a, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4 a, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5 a, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5 a, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6 a, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6 a {
color: #ffffff;
}
.pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1:hover, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2:hover, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3:hover, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4:hover, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5:hover, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6:hover, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1 a:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1 a:hover, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2 a:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2 a:hover, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3 a:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3 a:hover, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4 a:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4 a:hover, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5 a:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5 a:hover, .pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6 a:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6 a:hover {
color: #ffffff;
}
.pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li {
color: rgba(250, 250, 250, 0.7);
}
.pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li i, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li i {
color: rgba(250, 250, 250, 0.6);
}
.pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li a, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li a {
color: rgba(250, 250, 250, 0.7);
}
.pi-section-white .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li a:hover, .pi-section-grey .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li a:hover {
color: #ffffff;
}
.pi-section-dark .pi-portfolio-description-box, .pi-section-parallax .pi-portfolio-description-box {
transition: all 0.2s ease-in-out 0s;
}
.pi-section-dark .pi-portfolio-description-box .pi-portfolio-description, .pi-section-parallax .pi-portfolio-description-box .pi-portfolio-description {
background: #1a1d22 none repeat scroll 0 0;
border-color: #171a1e;
color: #80828e;
}
.pi-section-dark .pi-portfolio-cats li, .pi-section-parallax .pi-portfolio-cats li, .pi-section-dark .pi-meta li, .pi-section-parallax .pi-meta li {
color: #5b5c61;
}
.pi-section-dark .pi-portfolio-cats li i, .pi-section-parallax .pi-portfolio-cats li i, .pi-section-dark .pi-meta li i, .pi-section-parallax .pi-meta li i {
color: #3c3d42;
}
.pi-section-dark .pi-portfolio-cats li a, .pi-section-parallax .pi-portfolio-cats li a, .pi-section-dark .pi-meta li a, .pi-section-parallax .pi-meta li a {
color: #5b5c61;
}
.pi-section-dark .pi-portfolio-cats li a:hover, .pi-section-parallax .pi-portfolio-cats li a:hover, .pi-section-dark .pi-meta li a:hover, .pi-section-parallax .pi-meta li a:hover {
color: #0dc0c0;
}
.pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description {
background: #0dc0c0 none repeat scroll 0 0;
border-color: #3491e9;
color: #e8f3ff;
}
.pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1 a, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1 a, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2 a, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2 a, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3 a, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3 a, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4 a, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4 a, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5 a, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5 a, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6 a, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6 a {
color: #ffffff;
}
.pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1:hover, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2:hover, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3:hover, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4:hover, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5:hover, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6:hover, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1 a:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h1 a:hover, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2 a:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h2 a:hover, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3 a:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h3 a:hover, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4 a:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h4 a:hover, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5 a:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h5 a:hover, .pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6 a:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description h6 a:hover {
color: #ffffff;
}
.pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li {
color: #bde0fb;
}
.pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li i, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li i {
color: #a2c6f8;
}
.pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li a, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li a {
color: #bde0fb;
}
.pi-section-dark .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li a:hover, .pi-section-parallax .pi-portfolio-item-hover-base:hover .pi-portfolio-description .pi-portfolio-cats li a:hover {
color: #ffffff;
}
/* Custom CSS */
body{
color: #666e70;
}
html, h1, h2, h3, h4, h5, p {
font-family: sans-serif;
}
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a{
letter-spacing: initial !important;
text-transform: none !important;
}
h2 a{
color:#21252b !important;
}
h2 a:hover{
color:#f90 !important;
}
p{
font-size: 14px !important;
line-height: 1.6em !important;
color: #666e70;
}
p span{
font-size: inherit !important;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.body-container-wrapper{ border-top:0px; }
.body-container.container-fluid{ padding:0px 10px 10px 10px !important; }
.container-fluid h1{
font-family: "Open Sans",Arial,sans-serif;
font-size: 50px;
font-weight: 300;
letter-spacing: -1px;
line-height: 1.2em;
font-weight: 700 !important;
text-transform: uppercase;
margin-bottom: 25px;
padding-bottom: 25px;
position: relative;
color: #21252b;
}
.container-fluid h1:after{
bottom: 0;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.pi-meta {
display: block;
font-size: 13px;
line-height: 1.8em;
list-style: outside none none;
margin:0px;
margin-bottom: 10px;
padding: 0;
}
.pi-meta li {
display: inline-block;
margin: 0 5px 0 0;
color: #b5b8bf;
font-size:13px;
}
.pi-meta li a {
color: #b5b8bf;
}
.pi-meta li a:hover {
color:#f90;
}
.pi-meta li i {
color: #d7d8db;
}
.widget-type-blog_content .post-item{
border-bottom-style:dashed;
border-bottom-color: #d6dfdf;
}
.topHeading{
background: rgba(0, 0, 0, 0) url("//cdn2.hubspot.net/hubfs/258322/Images/hexagon.png") repeat-x scroll 0 0 ;
background-color: #f4f6f6;
left: 0;
position: absolute;
right: 0;
z-index: 2;
border-bottom:1px solid #ddd;
}
.topHeading .cell-wrapper{
max-width:920px;
margin:0px auto;
}
.topHeading h1{
font-size: 26px !important;
font-weight: 300 !important;
letter-spacing: 0;
text-transform: none;
padding-top:32px;
padding-bottom:32px;
line-height:1.2em !important;
margin:0px;
}
#overlay{
z-index:3;
background: rgba(0, 0, 0, 0) url("//cdn2.hubspot.net/hubfs/258322/Images/overlay2.png") repeat scroll 0 0 !important;
}
#overlay img{
border-radius:15px;
border:8px solid #000;
}
.main-top-menu ul{ float:right; }
.main-top-menu ul li:first-child{ margin-left:0px; }
.main-top-menu ul li{ margin-left:2px; }
.main-top-menu ul li a{
font-size: 14px;
font-weight: normal;
padding-bottom: 32px !important;
border-bottom: 2px solid #fff;
color: #1cace2!important;
text-transform: capitalize;
}
.main-top-menu ul li:hover a, .main-top-menu ul li.active a{
border-bottom-color:#3399CC;
}
.widget-type-logo #hs-link-logo img{
width:118px !important;
}
.header-container-wrapper{ background:none !important; }
.header-container .hs_cos_wrapper_type_logo{ padding-top: 0px !important; }
.LeftSection,
.rightSection{margin-top: 115px;}
.main-top-menu{ margin-bottom: 0px; margin-top: 25px; }
@media (max-width: 950px) and (min-width: 768px){
.header-container .hs-menu-flow-horizontal>ul>li a, .body-container .hs-menu-flow-horizontal>ul>li a {
padding: 0 6px 32px 6px!important;
font-size: 15px;
}
}
@media (max-width: 950px) {
.topHeading{ position: relative; margin: 0px -10px; padding-left: 20px; padding-right: 20px;}
.LeftSection,
.rightSection{margin-top: 30px;}
}
@media (max-width: 768px) {
.main-top-menu{ margin-bottom: 10px; margin-top: 20px; }
.header-container .hs-menu-flow-horizontal>ul>li{ width:auto !important; }
.main-top-menu ul{ float: none !important; }
.main-top-menu ul li a{
padding-bottom: 5px!important;
margin-bottom: 2px!important;
background-color: #ecf3f6;
padding-top: 5px !important;
}
}